scichart 2.0.2194 → 2.1.0-beta.40

package/Charting/Visuals/RenderableSeries/XyScatterRenderableSeries.d.ts

@@ -1,5 +1,7 @@
 import { ESeriesType } from "../../../types/SeriesType";
 import { TSciChart } from "../../../types/TSciChart";
+import { IPointSeries } from "../../Model/PointSeries/IPointSeries";
+import { ResamplingParams } from "../../Numerics/Resamplers/ResamplingParams";
 import { BaseRenderableSeries } from "./BaseRenderableSeries";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { IBaseRenderableSeriesOptions } from "./IBaseRenderableSeriesOptions";
@@ -45,8 +47,8 @@ export declare class XyScatterRenderableSeries extends BaseRenderableSeries {
      * @param options Optional parameters of type {@link IBaseRenderableSeriesOptions} to configure the series
      */
     constructor(webAssemblyContext: TSciChart, options?: IXyScatterRenderableSeriesOptions);
-    /**
-     * @inheritDoc
-     */
+    /** @inheritDoc */
+    toPointSeries(rp?: ResamplingParams): IPointSeries;
+    /** @inheritDoc */
     protected newHitTestProvider(): IHitTestProvider;
 }

package/Charting/Visuals/RenderableSeries/XyScatterRenderableSeries.js

@@ -17,6 +17,7 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XyScatterRenderableSeries = void 0;
 var SeriesType_1 = require("../../../types/SeriesType");
+var XyPointSeriesWrapped_1 = require("../../Model/PointSeries/XyPointSeriesWrapped");
 var EllipsePointMarker_1 = require("../PointMarkers/EllipsePointMarker");
 var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
 var PointMarkerDrawingProvider_1 = require("./DrawingProviders/PointMarkerDrawingProvider");
@@ -75,9 +76,11 @@ var XyScatterRenderableSeries = /** @class */ (function (_super) {
         }
         return _this;
     }
-    /**
-     * @inheritDoc
-     */
+    /** @inheritDoc */
+    XyScatterRenderableSeries.prototype.toPointSeries = function (rp) {
+        return new XyPointSeriesWrapped_1.XyPointSeriesWrapped(this.dataSeries);
+    };
+    /** @inheritDoc */
     XyScatterRenderableSeries.prototype.newHitTestProvider = function () {
         return new ScatterSeriesHitTestProvider_1.ScatterSeriesHitTestProvider(this, this.webAssemblyContext);
     };

package/Charting/Visuals/RenderableSeries/constants.d.ts

@@ -12,6 +12,7 @@ export declare enum PROPERTY {
     DATA_SERIES = "dataSeries",
     DRAW_NAN_AS = "drawNaNAs",
     EFFECT = "EFFECT",
+    ENABLE_DRAWING_OPTIMISATIONS = "ENABLE_DRAWING_OPTIMISATIONS",
     FILL = "fill",
     FILL_Y1 = "FILL_Y1",
     FILL_LINEAR_GRADIENT = "FILL_LINEAR_GRADIENT",
@@ -30,6 +31,8 @@ export declare enum PROPERTY {
     PALETTE_PROVIDER = "PALETTE_PROVIDER",
     POINT_MARKER = "pointMarker",
     RANGE = "RANGE",
+    RESAMPLING_MODE = "RESAMPLING_MODE",
+    RESAMPLING_PRECISION = "RESAMPLING_PRECISION",
     SPACING = "SPACING",
     STACKED_GROUP_ID = "STACKED_GROUP_ID",
     STROKE = "STROKE",

package/Charting/Visuals/RenderableSeries/constants.js

@@ -16,6 +16,7 @@ var PROPERTY;
     PROPERTY["DATA_SERIES"] = "dataSeries";
     PROPERTY["DRAW_NAN_AS"] = "drawNaNAs";
     PROPERTY["EFFECT"] = "EFFECT";
+    PROPERTY["ENABLE_DRAWING_OPTIMISATIONS"] = "ENABLE_DRAWING_OPTIMISATIONS";
     PROPERTY["FILL"] = "fill";
     PROPERTY["FILL_Y1"] = "FILL_Y1";
     PROPERTY["FILL_LINEAR_GRADIENT"] = "FILL_LINEAR_GRADIENT";
@@ -34,6 +35,8 @@ var PROPERTY;
     PROPERTY["PALETTE_PROVIDER"] = "PALETTE_PROVIDER";
     PROPERTY["POINT_MARKER"] = "pointMarker";
     PROPERTY["RANGE"] = "RANGE";
+    PROPERTY["RESAMPLING_MODE"] = "RESAMPLING_MODE";
+    PROPERTY["RESAMPLING_PRECISION"] = "RESAMPLING_PRECISION";
     PROPERTY["SPACING"] = "SPACING";
     PROPERTY["STACKED_GROUP_ID"] = "STACKED_GROUP_ID";
     PROPERTY["STROKE"] = "STROKE";

package/Charting/Visuals/SciChartDefaults.d.ts

@@ -5,7 +5,15 @@ export declare class SciChartDefaults {
      */
     static asyncLabels: boolean;
     /**
-     * Set this true to allow resuse of label textures across diferent axes and different charts
+     * Set this true to allow reuse of label textures across different axes and different charts
      */
     static useSharedCache: boolean;
+    /**
+     * Turn on/off resampling
+     */
+    static enableResampling: boolean;
+    /**
+     * Turn on/off warnings to optimize performance
+     */
+    static performanceWarnings: boolean;
 }

package/Charting/Visuals/SciChartDefaults.js

@@ -10,9 +10,17 @@ var SciChartDefaults = /** @class */ (function () {
      */
     SciChartDefaults.asyncLabels = false;
     /**
-     * Set this true to allow resuse of label textures across diferent axes and different charts
+     * Set this true to allow reuse of label textures across different axes and different charts
      */
     SciChartDefaults.useSharedCache = false;
+    /**
+     * Turn on/off resampling
+     */
+    SciChartDefaults.enableResampling = true;
+    /**
+     * Turn on/off warnings to optimize performance
+     */
+    SciChartDefaults.performanceWarnings = true;
     return SciChartDefaults;
 }());
 exports.SciChartDefaults = SciChartDefaults;

package/Charting/Visuals/SciChartSurface.d.ts

@@ -53,16 +53,16 @@ export declare class SciChartSurface extends SciChartSurfaceBase {
     /**
      * Creates a {@link SciChartSurface} and {@link TSciChart | WebAssembly Context} to occupy the div by element ID in your DOM.
      * @remarks This method is async and must be awaited
-     * @param divElementId The Div Element ID where the {@link SciChartSurface} will reside
+     * @param divElement The Div Element ID or reference where the {@link SciChartSurface} will reside
      * @param options Optional - Optional parameters for chart creation. See {@link I2DSurfaceOptions} for more details
      */
-    static create(divElementId: string, options?: I2DSurfaceOptions): Promise<TWebAssemblyChart>;
+    static create(divElement: string | HTMLDivElement, options?: I2DSurfaceOptions): Promise<TWebAssemblyChart>;
     /**
      * USED INTERNALLY - performs a similar operation to {@link SciChartSurface.create} but used internally for testing
-     * @param divElementId
+     * @param divElement The Div Element ID or reference where the {@link SciChartSurface} will reside
      * @param options - optional parameters for chart creation. See {@link I2DSurfaceOptions} for more details
      */
-    static createSingle(divElementId: string, options?: I2DSurfaceOptions): Promise<TWebAssemblyChart>;
+    static createSingle(divElement: string | HTMLDivElement, options?: I2DSurfaceOptions): Promise<TWebAssemblyChart>;
     /**
      * Allows setting of web URL for Wasm and Data files, in the case you are loading SciChart outside of npm/webpack environment.
      * Note if loading from CDN the version number of data/wasm Urls must match the version number of SciChart.js you are using.

package/Charting/Visuals/SciChartSurface.js

@@ -195,17 +195,17 @@ var SciChartSurface = /** @class */ (function (_super) {
     /**
      * Creates a {@link SciChartSurface} and {@link TSciChart | WebAssembly Context} to occupy the div by element ID in your DOM.
      * @remarks This method is async and must be awaited
-     * @param divElementId The Div Element ID where the {@link SciChartSurface} will reside
+     * @param divElement The Div Element ID or reference where the {@link SciChartSurface} will reside
      * @param options Optional - Optional parameters for chart creation. See {@link I2DSurfaceOptions} for more details
      */
-    SciChartSurface.create = function (divElementId, options) {
+    SciChartSurface.create = function (divElement, options) {
         (0, chartBuilder_1.ensureRegistrations)();
         options = SciChartSurface.resolveOptions(options);
         if (app_1.IS_TEST_ENV) {
-            return this.createTest(divElementId, options);
+            return this.createTest(divElement, options);
         }
         else {
-            return (0, createMaster_1.createMultichart)(divElementId, options).then(function (result) {
+            return (0, createMaster_1.createMultichart)(divElement, options).then(function (result) {
                 result.sciChartSurface.applyOptions(options);
                 return result;
             });
@@ -213,17 +213,17 @@ var SciChartSurface = /** @class */ (function (_super) {
     };
     /**
      * USED INTERNALLY - performs a similar operation to {@link SciChartSurface.create} but used internally for testing
-     * @param divElementId
+     * @param divElement The Div Element ID or reference where the {@link SciChartSurface} will reside
      * @param options - optional parameters for chart creation. See {@link I2DSurfaceOptions} for more details
      */
-    SciChartSurface.createSingle = function (divElementId, options) {
+    SciChartSurface.createSingle = function (divElement, options) {
         (0, chartBuilder_1.ensureRegistrations)();
         options = SciChartSurface.resolveOptions(options);
         if (app_1.IS_TEST_ENV) {
-            return this.createTest(divElementId, options);
+            return this.createTest(divElement, options);
         }
         else {
-            return (0, createSingle_1.createSingleInternal)(divElementId, options).then(function (result) {
+            return (0, createSingle_1.createSingleInternal)(divElement, options).then(function (result) {
                 result.sciChartSurface.applyOptions(options);
                 return result;
             });
@@ -246,9 +246,9 @@ var SciChartSurface = /** @class */ (function (_super) {
         exports.sciChartConfig.dataUrl = (_a = config === null || config === void 0 ? void 0 : config.dataUrl) !== null && _a !== void 0 ? _a : undefined;
         exports.sciChartConfig.wasmUrl = (_b = config === null || config === void 0 ? void 0 : config.wasmUrl) !== null && _b !== void 0 ? _b : undefined;
     };
-    SciChartSurface.createTest = function (divElementId, options) {
+    SciChartSurface.createTest = function (divElement, options) {
         var _a, _b;
-        var canvases = sciChartInitCommon_1.default.initCanvas(divElementId, (_a = options === null || options === void 0 ? void 0 : options.widthAspect) !== null && _a !== void 0 ? _a : 0, (_b = options === null || options === void 0 ? void 0 : options.heightAspect) !== null && _b !== void 0 ? _b : 0, sciChartInitCommon_1.default.ECanvasType.canvas2D);
+        var canvases = sciChartInitCommon_1.default.initCanvas(divElement, (_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);
         var sciChartSurface = new SciChartSurface(exports.sciChartConfig.testWasm, { canvases: canvases });
         sciChartSurface.applyTheme(options === null || options === void 0 ? void 0 : options.theme);
         sciChartSurface.applyOptions(options);
@@ -385,13 +385,20 @@ var SciChartSurface = /** @class */ (function (_super) {
             // Logger.log("SciChartSurface.isSuspended = true. Ignoring invalidateElement() call");
             return;
         }
+        // console.log("Invalidating ", this.domChartRoot.id);
         var canvasId = this.domCanvas2D ? this.domCanvas2D.id : "undefinedCanvasId";
         this.renderSurface.invalidateElement(canvasId);
     };
     // Step_5: Get context and pass drawing to SciChartRenderer
     SciChartSurface.prototype.doDrawingLoop = function () {
         var context = this.renderSurface.getRenderContext();
-        this.sciChartRenderer.render(context);
+        try {
+            // console.log("Drawing ", this.domChartRoot.id);
+            this.sciChartRenderer.render(context);
+        }
+        catch (err) {
+            console.error("Error from chart in div ".concat(this.domChartRoot.id), err);
+        }
     };
     /**
      * @inheritDoc

package/Charting/Visuals/SciChartSurfaceBase.d.ts

@@ -325,13 +325,14 @@ export declare abstract class SciChartSurfaceBase implements ISciChartSurfaceBas
     protected changeMasterCanvasViewportSize(wasmContext: TSciChart | TSciChart3D, pixelWidth: number, pixelHeight: number): void;
     protected changeWebGLCanvasViewportSize(wasmContext: TSciChart | TSciChart3D, pixelWidth: number, pixelHeight: number): void;
 }
-export declare const createChartDestination: (canvasId: string) => {
+export declare const createChartDestination: (canvas: HTMLCanvasElement) => {
     canvas: HTMLCanvasElement;
     GetHeight(): any;
     GetWidth(): any;
     GetID(): any;
 };
 export declare const getMasterCanvas: () => HTMLCanvasElement;
-export declare const copyToCanvas: (sourceCanvas: HTMLCanvasElement) => (destinationId: string) => void;
+export declare type TGetDestinationFn = (destinationId: string) => TSciChartDestination;
+export declare const copyToCanvas: (sourceCanvas: HTMLCanvasElement, getDestinationById: TGetDestinationFn) => (destinationId: string) => void;
 /** @ignore */
 export declare const getLocateFile: (sciChartConfig: TSciChartConfig) => (path: string, prefix: string) => string;

package/Charting/Visuals/SciChartSurfaceBase.js

@@ -420,8 +420,7 @@ var SciChartSurfaceBase = /** @class */ (function () {
     return SciChartSurfaceBase;
 }());
 exports.SciChartSurfaceBase = SciChartSurfaceBase;
-var createChartDestination = function (canvasId) {
-    var canvas = document.querySelector("#".concat(canvasId));
+var createChartDestination = function (canvas) {
     if (!canvas)
         return undefined;
     return {
@@ -475,8 +474,9 @@ var getMasterCanvas = function () {
     return SciChartSurfaceBase.domMasterCanvas;
 };
 exports.getMasterCanvas = getMasterCanvas;
-var copyToCanvas = function (sourceCanvas) { return function (destinationId) {
-    var destinationCanvas = document.querySelector("#".concat(destinationId));
+var copyToCanvas = function (sourceCanvas, getDestinationById) { return function (destinationId) {
+    var destination = getDestinationById(destinationId);
+    var destinationCanvas = destination === null || destination === void 0 ? void 0 : destination.sciChartSurface.domCanvas2D;
     if (destinationCanvas) {
         var destinationCanvasContext = destinationCanvas.getContext("2d");
         destinationCanvasContext.clearRect(0, 0, destinationCanvasContext.canvas.width, destinationCanvasContext.canvas.height);

package/Charting/Visuals/createMaster.d.ts

@@ -2,6 +2,6 @@ import { I2DSurfaceOptions } from "./I2DSurfaceOptions";
 import { TWebAssemblyChart } from "./SciChartSurface";
 import { TSciChartDestination } from "./SciChartSurfaceBase";
 /** @ignore */
-export declare const createMultichart: (divElementId: string, options?: I2DSurfaceOptions) => Promise<TWebAssemblyChart>;
+export declare const createMultichart: (divElement: string | HTMLDivElement, options?: I2DSurfaceOptions) => Promise<TWebAssemblyChart>;
 /** @ignore */
 export declare const sciChartDestinations: TSciChartDestination[];

package/Charting/Visuals/createMaster.js

@@ -57,14 +57,14 @@ var sciChartMaster = {
 /** @ignore */
 var sciChartMasterPromise;
 /** @ignore */
-var createMultichart = function (divElementId, options) { return __awaiter(void 0, void 0, void 0, function () {
-    var canvases, loader, loaderDiv, master, createChildSurface, wasmContext_1, sciChartSurface_1, err_1;
+var createMultichart = function (divElement, options) { return __awaiter(void 0, void 0, void 0, function () {
+    var canvases, loader, loaderDiv, master, createChildSurface, wasmContext_1, divElementId, sciChartSurface_1, err_1;
     var _a, _b, _c;
     return __generator(this, function (_d) {
         switch (_d.label) {
             case 0:
-                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);
+                sciChartInitCommon_1.default.checkChartDivExists(divElement);
+                canvases = sciChartInitCommon_1.default.initCanvas(divElement, (_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);
                 _d.label = 1;
@@ -85,6 +85,7 @@ var createMultichart = function (divElementId, options) { return __awaiter(void
                 _d.label = 3;
             case 3:
                 createChildSurface = sciChartMaster.createChildSurface, wasmContext_1 = sciChartMaster.wasmContext;
+                divElementId = canvases.domChartRoot.id;
                 sciChartSurface_1 = createChildSurface(divElementId, canvases, options === null || options === void 0 ? void 0 : options.theme);
                 return [2 /*return*/, new Promise(function (resolve) {
                         setTimeout(function () {
@@ -147,7 +148,7 @@ var createMaster = function () {
         return sciChartSurface;
     };
     var addDestination = function (wasmContext, canvasElementId, sciChartSurface, width, height, chartInitObj) {
-        var newDestination = (0, SciChartSurfaceBase_1.createChartDestination)(canvasElementId);
+        var newDestination = (0, SciChartSurfaceBase_1.createChartDestination)(sciChartSurface.domCanvas2D);
         if (!newDestination) {
             sciChartSurface.delete();
             return;
@@ -212,7 +213,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: (0, SciChartSurfaceBase_1.copyToCanvas)(SciChartSurfaceBase_1.SciChartSurfaceBase.domMasterCanvas)
+                CopyToDestination: (0, SciChartSurfaceBase_1.copyToCanvas)(SciChartSurfaceBase_1.SciChartSurfaceBase.domMasterCanvas, getDestinationById)
             });
             wasmContext.SCRTSetGlobalCopyToDestinationInterface(canvasCopyObj);
             wasmContext.TSRSetDrawRequestsEnabled(true);
@@ -224,3 +225,7 @@ var createMaster = function () {
         });
     });
 };
+/** @ignore */
+var getDestinationById = function (destinationId) {
+    return exports.sciChartDestinations.find(function (dest) { return dest.canvasElementId === destinationId; });
+};

package/Charting/Visuals/createSingle.d.ts

@@ -6,6 +6,6 @@ import { TWebAssemblyChart } from "./SciChartSurface";
 import { TSciChartDestination } from "./SciChartSurfaceBase";
 export declare const sciChartSingleDestinations: TSciChartDestination[];
 /** @ignore */
-export declare const createSingleInternal: (divElementId: string, options?: I2DSurfaceOptions) => Promise<TWebAssemblyChart>;
+export declare const createSingleInternal: (divElement: string | HTMLDivElement, options?: I2DSurfaceOptions) => Promise<TWebAssemblyChart>;
 /** @ignore */
 export declare const initDrawEngineSingleChart: (wasmContext: TSciChart, canvases: TSciChartSurfaceCanvases, resolve: (value: TWebAssemblyChart) => void, theme: IThemeProvider) => void;

package/Charting/Visuals/createSingle.js

@@ -15,10 +15,10 @@ var SciChartSurfaceBase_1 = require("./SciChartSurfaceBase");
 // Global variables
 exports.sciChartSingleDestinations = [];
 /** @ignore */
-var createSingleInternal = function (divElementId, options) {
+var createSingleInternal = function (divElement, options) {
     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 canvases = sciChartInitCommon_1.default.initCanvas(divElement, 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();
         var loaderDiv = loader.addChartLoader(canvases.domDivContainer, options === null || options === void 0 ? void 0 : options.theme);
         var webGLSupport = WebGlHelper_1.WebGlHelper.getWebGlSupport();

package/Charting/Visuals/licenseManager2D.js

@@ -40,17 +40,17 @@ exports.licenseManager = exports.updateLicenseDisplay = exports.getLicenseInfo =
 var app_1 = require("../../constants/app");
 var BuildStamp_1 = require("../../Core/BuildStamp");
 var Dictionary_1 = require("../../Core/Dictionary");
+var localStorageApi_1 = require("../../Core/storage/localStorageApi");
 var Color_1 = require("../../types/Color");
 var licensingClasses_1 = require("../../types/licensingClasses");
 var cookie_1 = require("../../utils/cookie");
+var licenseManager2dState_1 = require("./licenseManager2dState");
 var licenseWizardPort = 24278;
 var licenseWizardAlternatePort = 24279;
-if (typeof localStorage !== "undefined") {
-    var portOverride = localStorage.getItem("LICENSE_WIZARD_PORT");
-    if (portOverride) {
-        licenseWizardPort = Number(portOverride);
-        licenseWizardAlternatePort = licenseWizardPort + 1;
-    }
+var portOverride = localStorageApi_1.localStorageApi.getLicenseWizardPort();
+if (portOverride) {
+    licenseWizardPort = portOverride;
+    licenseWizardAlternatePort = licenseWizardPort + 1;
 }
 var fetchFromWizard = function (path) { return __awaiter(void 0, void 0, void 0, function () {
     var wizardUrl, response, err_1, maxport, wizardUrl, response, err_2;
@@ -67,8 +67,8 @@ var fetchFromWizard = function (path) { return __awaiter(void 0, void 0, void 0,
                 err_1 = _a.sent();
                 debug("Could not connect to license wizard on port " + licenseWizardPort.toString());
                 if (!(typeof localStorage !== "undefined")) return [3 /*break*/, 8];
-                maxport = Number(localStorage.getItem("LICENSE_WIZARD_MAXPORT"));
-                if (!(maxport > 0)) return [3 /*break*/, 8];
+                maxport = localStorageApi_1.localStorageApi.getLicenseWizardMaxPort();
+                if (!maxport) return [3 /*break*/, 8];
                 _a.label = 3;
             case 3:
                 if (!(licenseWizardAlternatePort <= maxport)) return [3 /*break*/, 8];
@@ -105,7 +105,7 @@ exports.setDependencies = setDependencies;
 var isDebug = null;
 var debug = function (message) {
     if (isDebug === null) {
-        isDebug = typeof localStorage !== "undefined" && localStorage.getItem("LICENSE_DEBUG") === "1";
+        isDebug = localStorageApi_1.localStorageApi.getIsLicenseDebug();
     }
     if (app_1.IS_TEST_ENV || isDebug) {
         licenseDependencies.debug(message);
@@ -255,7 +255,7 @@ var dolicenseChallenge = function () { return __awaiter(void 0, void 0, void 0,
     return __generator(this, function (_b) {
         switch (_b.label) {
             case 0:
-                server = isDev ? "license wizard" : "server";
+                server = licenseManager2dState_1.licenseManager2dState.getIsDev() ? "license wizard" : "server";
                 _b.label = 1;
             case 1:
                 _b.trys.push([1, 11, , 12]);
@@ -273,7 +273,7 @@ var dolicenseChallenge = function () { return __awaiter(void 0, void 0, void 0,
                 }
                 response = void 0;
                 queryString = "orderid=".concat(orderId, "&challenge=").concat(challenge);
-                if (!isDev) return [3 /*break*/, 3];
+                if (!licenseManager2dState_1.licenseManager2dState.getIsDev()) return [3 /*break*/, 3];
                 url = "/validate?".concat(queryString);
                 return [4 /*yield*/, licenseDependencies.fetchFromWizard(url)];
             case 2:
@@ -335,7 +335,7 @@ var dolicenseChallenge = function () { return __awaiter(void 0, void 0, void 0,
                 }
                 else {
                     expiry = (0, exports.getLicenseCookie)().expiry;
-                    msg = isDev
+                    msg = licenseManager2dState_1.licenseManager2dState.getIsDev()
                         ? "Please run the license wizard, ensure your license is activated, then refresh page to retry."
                         : "Please check that the endpoint is configured correctly.";
                     console.error("Failed to connect to ".concat(server, "/").concat(serverLicenseEndpoint, ".  License must be revalidated before ").concat(expiry.toLocaleString(), ". ").concat(msg));
@@ -359,7 +359,6 @@ var checkStatus = licensingClasses_1.LicenseCheckStatus.NoLicense;
 var licenseContext2D;
 var sciChartSurface2D;
 var isRuntimeKey = false;
-var isDev = false;
 var applyLicense2D = function (licenseContext, sciChartSurface, isSingle) {
     debug("applyLicense 2D");
     if (isSingle || shouldApplyLicense2D) {
@@ -377,7 +376,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");
@@ -429,7 +430,7 @@ var applyLicense = function (licenseContext) {
             licenseContext.SCRTCredentials.SetRuntimeLicenseKeyW(licenseKey);
             lt = licenseContext.SCRTCredentials.GetLicenseType();
         }
-        isDev = licenseContext.SCRTCredentials.GetAllowDebugging();
+        licenseManager2dState_1.licenseManager2dState.setIsDev(licenseContext.SCRTCredentials.GetAllowDebugging());
         if (lt === licenseContext.SCRTLicenseType.LICENSE_TYPE_FULL ||
             lt === licenseContext.SCRTLicenseType.LICENSE_TYPE_TRIAL) {
             checkStatus = licensingClasses_1.LicenseCheckStatus.LicenseOK;
@@ -437,7 +438,7 @@ var applyLicense = function (licenseContext) {
         }
         else if (licenseContext.SCRTCredentials.RequiresValidation()) {
             debug("license requires validation");
-            if (isRuntimeKey && isDev) {
+            if (isRuntimeKey && licenseManager2dState_1.licenseManager2dState.getIsDev()) {
                 // clear key
                 licenseContext.SCRTCredentials.ResetRuntimeLicense();
                 (0, cookie_1.deleteCookie)("scLicense");
@@ -477,7 +478,7 @@ var applyLicense = function (licenseContext) {
     if (checkStatus === licensingClasses_1.LicenseCheckStatus.NoLicense && useLicenseWizard) {
         if (wizardTimer === undefined) {
             checkStatus = licensingClasses_1.LicenseCheckStatus.LookingForLicenseWizard;
-            isDev = true;
+            licenseManager2dState_1.licenseManager2dState.setIsDev(true);
             getlicenseFromWizard();
         }
     }
@@ -726,7 +727,7 @@ var updateLicenseDisplayInternal = function (licenseInfo, sciChartSurface, is2D,
             postMsg = "Instructions can be seen at ".concat(licensingLink, "</br>\n                    Please ").concat(contactSupportLink, " with your OrderID if you are experiencing issues.");
         }
         else if (licenseType === licensingClasses_1.LicenseType.Requres_Validation) {
-            if (isDev) {
+            if (licenseManager2dState_1.licenseManager2dState.getIsDev()) {
                 premsg = "Your developer license must be validated by the SciChart Licensing Wizard running locally";
             }
             else {
@@ -759,21 +760,21 @@ var updateLicenseDisplayInternal = function (licenseInfo, sciChartSurface, is2D,
             if (checkStatus === licensingClasses_1.LicenseCheckStatus.LookingForLicenseWizard)
                 chartmsg = "<br>Looking for Licensing Wizard...  <u>Please run it or click for download and installation instructions</u>.";
             else if (checkStatus === licensingClasses_1.LicenseCheckStatus.FailedToFindLicenseWizard)
-                if (isDev) {
+                if (licenseManager2dState_1.licenseManager2dState.getIsDev()) {
                     chartmsg = "<br><u>Could not connect to the Licensing Wizard.  Please run it or click for download and installation instructions, then reload this page.</u>";
                 }
                 else {
                     chartmsg = "<br><u>Could not connect to the server licensing endpoint</u>";
                 }
             else if (checkStatus === licensingClasses_1.LicenseCheckStatus.ValidatingDeveloperLicense)
-                if (isDev) {
+                if (licenseManager2dState_1.licenseManager2dState.getIsDev()) {
                     chartmsg = "<br><u>Trying to validate your license...  Please run the Licensing Wizard or click for download and installation instructions</u>.";
                 }
                 else {
                     chartmsg = "<br><u>Trying to validate your license with the server...</u>.";
                 }
             else if (checkStatus === licensingClasses_1.LicenseCheckStatus.FailedToValidateDeveloperLicense)
-                if (isDev) {
+                if (licenseManager2dState_1.licenseManager2dState.getIsDev()) {
                     chartmsg = "<br><u>Failed to validate your developer license with the Licensing Wizard.  If you have changed your activated license, try clearing your cookies for this site.</u>.";
                 }
                 else {

package/Charting/Visuals/licenseManager2dState.d.ts

@@ -0,0 +1,4 @@
+export declare const licenseManager2dState: {
+    getIsDev: () => boolean;
+    setIsDev: (value: boolean) => void;
+};

package/Charting/Visuals/licenseManager2dState.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.licenseManager2dState = void 0;
+var isDev = false;
+var getIsDev = function () { return isDev; };
+var setIsDev = function (value) {
+    isDev = value;
+};
+exports.licenseManager2dState = {
+    getIsDev: getIsDev,
+    setIsDev: setIsDev
+};

package/Charting/Visuals/sciChartInitCommon.d.ts

@@ -7,10 +7,10 @@ declare enum ECanvasType {
     svg = 2
 }
 declare const sciChartInitCommon: {
-    checkChartDivExists: (divElementId: string) => void;
+    checkChartDivExists: (divElement: string | HTMLDivElement) => void;
     ECanvasType: typeof ECanvasType;
     getCanvas2dId: (divElementId: string) => string;
-    initCanvas: (divElementId: string, aspectWidth: number, aspectHeight: number, activeCanvas?: ECanvasType) => TSciChartSurfaceCanvases;
+    initCanvas: (divElement: string | HTMLDivElement, aspectWidth: number, aspectHeight: number, activeCanvas?: ECanvasType) => TSciChartSurfaceCanvases;
     subscribeToResize: (chartRoot: HTMLDivElement, aspect: number, sciChartSurface: ISciChartSurfaceBase) => IDeletable;
 };
 export default sciChartInitCommon;

package/Charting/Visuals/sciChartInitCommon.js

@@ -37,13 +37,13 @@ var getCanvasSizes = function (divWidth, divHeight, maxHeight, aspectWidth, aspe
         return { width: width, height: height, aspectRatio: aspectRatio };
     }
 };
-var getChartRootDomElement = function (divElementId) {
-    var chartRoot = document.querySelector("#".concat(divElementId));
+var getChartRootDomElement = function (divElement) {
+    var chartRoot = typeof divElement === "string" ? document.querySelector("#".concat(divElement)) : divElement;
     if (!chartRoot) {
-        throw new Error("Check div element with id \"".concat(divElementId, "\" exists"));
+        throw new Error("Check div element with id \"".concat(chartRoot.id, "\" exists"));
     }
     if (chartRoot.nodeName.toLowerCase() !== "div") {
-        throw new Error("Element with id \"".concat(divElementId, "\" should be of type div"));
+        throw new Error("Element with id \"".concat(chartRoot.id, "\" should be of type div"));
     }
     return chartRoot;
 };
@@ -68,12 +68,13 @@ var getMaxHeight = function (divElement) {
  * @param activeCanvas - ECanvasType.canvasWebGL for sciChartSurface.createSingle, ECanvasType.canvas2D for copy canvas,
  * ECanvasType.svg for SciChartPieSurface
  */
-var initCanvas = function (divElementId, aspectWidth, aspectHeight, activeCanvas) {
+var initCanvas = function (divElement, aspectWidth, aspectHeight, activeCanvas) {
     if (activeCanvas === void 0) { activeCanvas = ECanvasType.canvasWebGL; }
     WebGlHelper_1.WebGlHelper.initialize();
     DpiHelper_1.DpiHelper.initialize();
-    var chartRoot = getChartRootDomElement(divElementId);
+    var chartRoot = getChartRootDomElement(divElement);
     chartRoot.innerHTML = "";
+    var divElementId = chartRoot.id;
     var divWidth = chartRoot.offsetWidth, divHeight = chartRoot.offsetHeight;
     var maxHeight = getMaxHeight(chartRoot);
     var _a = getCanvasSizes(divWidth, divHeight, maxHeight, aspectWidth, aspectHeight), width = _a.width, height = _a.height, aspectRatio = _a.aspectRatio;
@@ -215,13 +216,18 @@ var subscribeToResize = function (chartRoot, aspect, sciChartSurface) {
  * Check DOM element with specified ID exists and unique
  * @param divElementId
  */
-var checkChartDivExists = function (divElementId) {
-    var numberOfElements = document.querySelectorAll("[id=".concat(divElementId, "]")).length;
-    if (numberOfElements > 1) {
-        console.error("Please provide a unique ID for each chart div element, \"".concat(divElementId, "\" it is not a unique identifier"));
+var checkChartDivExists = function (divElement) {
+    if (typeof divElement === "string") {
+        var numberOfElements = document.querySelectorAll("[id=".concat(divElement, "]")).length;
+        if (numberOfElements > 1) {
+            console.error("Please provide a unique ID for each chart div element, \"".concat(divElement, "\" it is not a unique identifier"));
+        }
+        else if (numberOfElements === 0) {
+            console.error("Chart div element with the ID \"".concat(divElement, "\" is not present in the DOM"));
+        }
     }
-    else if (numberOfElements === 0) {
-        console.error("Chart div element with the ID \"".concat(divElementId, "\" is not present in the DOM"));
+    else if (!divElement) {
+        throw new Error("Provided div element doesn't exist!");
     }
 };
 var sciChartInitCommon = {

package/Charting3D/Model/DataSeries/XyzDataSeries3D.d.ts

@@ -1,5 +1,5 @@
 import { NumberRange } from "../../../Core/NumberRange";
-import { DoubleVector } from "../../../types/TSciChart";
+import { SCRTDoubleVector } from "../../../types/TSciChart";
 import { TSciChart3D } from "../../../types/TSciChart3D";
 import { BaseDataSeries3D, EDataSeriesType3D } from "./BaseDataSeries3D";
 import { IPointMetadata3D } from "./IPointMetadata3D";
@@ -39,9 +39,9 @@ export interface IXyzDataSeries3DOptions {
  */
 export declare class XyzDataSeries3D extends BaseDataSeries3D {
     readonly type: EDataSeriesType3D;
-    protected xValues: DoubleVector;
-    protected yValues: DoubleVector;
-    protected zValues: DoubleVector;
+    protected xValues: SCRTDoubleVector;
+    protected yValues: SCRTDoubleVector;
+    protected zValues: SCRTDoubleVector;
     protected metadata: IPointMetadata3D[];
     /**
      * Creates an instance of {@link XyzDataSeries3D}
@@ -53,15 +53,15 @@ export declare class XyzDataSeries3D extends BaseDataSeries3D {
     /**
      * Gets a native / WebAssembly vector of X-values in the DataSeries
      */
-    getNativeXValues(): DoubleVector;
+    getNativeXValues(): SCRTDoubleVector;
     /**
      * Gets a native / WebAssembly vector of Y-values in the DataSeries
      */
-    getNativeYValues(): DoubleVector;
+    getNativeYValues(): SCRTDoubleVector;
     /**
      * Gets a native / WebAssembly vector of Z-values in the DataSeries
      */
-    getNativeZValues(): DoubleVector;
+    getNativeZValues(): SCRTDoubleVector;
     /**
      * Gets a native / WebAssembly vector of {@link IPointMetadata3D | Metadata values} in the DataSeries
      */