scichart 2.1.2290 → 2.2.2351

package/Charting/Visuals/SciChartSurface.js

@@ -31,6 +31,7 @@ var chartBuilder_1 = require("../../Builder/chartBuilder");
 var classFactory_1 = require("../../Builder/classFactory");
 var app_1 = require("../../constants/app");
 var EasingFunctions_1 = require("../../Core/Animations/EasingFunctions");
+var BuildStamp_1 = require("../../Core/BuildStamp");
 var Deleter_1 = require("../../Core/Deleter");
 var Dictionary_1 = require("../../Core/Dictionary");
 var EventHandler_1 = require("../../Core/EventHandler");
@@ -113,6 +114,7 @@ var SciChartSurface = /** @class */ (function (_super) {
             color: "#00000000",
             border: undefined
         };
+        _this.drawSeriesBehindAxisProperty = false;
         var canvasWidth = (_b = (_a = _this.domCanvas2D) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : app_1.DEFAULT_WIDTH;
         var canvasHeight = (_d = (_c = _this.domCanvas2D) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : app_1.DEFAULT_HEIGHT;
         _this.webAssemblyContext2D = webAssemblyContext;
@@ -231,12 +233,15 @@ var SciChartSurface = /** @class */ (function (_super) {
     };
     /**
      * 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.
+     * Note the version number of data/wasm Urls must match the version number of SciChart.js you are using.
+     * To use the default CDN, just call SciChart.SciChartSurface.useWasmFromCDN();
      * @example
      * ```ts
+     * import { libraryVersion } from "scichart/Core/BuildStamp";
+     *
      * SciChart.SciChartSurface.configure({
-     *  dataUrl: "https://cdn.jsdelivr.net/npm/scichart@1.3.1500/_wasm/scichart2d.data",
-     *  wasmUrl: "https://cdn.jsdelivr.net/npm/scichart@1.3.1500/_wasm/scichart2d.wasm"
+     *  dataUrl: `https://cdn.jsdelivr.net/npm/scichart@${libraryVersion}/_wasm/scichart2d.data`,
+     *  wasmUrl: `https://cdn.jsdelivr.net/npm/scichart@${libraryVersion}/_wasm/scichart2d.wasm`
      * });
      * ```
      * @param config
@@ -246,6 +251,13 @@ 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;
     };
+    /**
+     * Tell SciChart to load the Wasm and Data files from CDN, rather than expecting them to be served by the host server.
+     */
+    SciChartSurface.useWasmFromCDN = function () {
+        exports.sciChartConfig.dataUrl = "https://cdn.jsdelivr.net/npm/scichart@".concat(BuildStamp_1.libraryVersion, "/_wasm/scichart2d.data");
+        exports.sciChartConfig.wasmUrl = "https://cdn.jsdelivr.net/npm/scichart@".concat(BuildStamp_1.libraryVersion, "/_wasm/scichart2d.wasm");
+    };
     SciChartSurface.createTest = function (divElement, options) {
         var _a, _b;
         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);
@@ -416,6 +428,20 @@ var SciChartSurface = /** @class */ (function (_super) {
         this.watermarkProperties = (0, Deleter_1.deleteSafe)(this.watermarkProperties);
         this.watermarkPropertyPosition = (0, Deleter_1.deleteSafe)(this.watermarkPropertyPosition);
         this.chartModifiers.asArray().forEach(function (chm) { return chm.delete(); });
+        if (this.domChartRoot) {
+            var style = this.domChartRoot.style;
+            if (style) {
+                style.background = "";
+                style.position = "";
+            }
+            if (this.domChartRoot.hasOwnProperty("replaceChildren")) {
+                // @ts-ignore
+                this.domChartRoot.replaceChildren();
+            }
+            else {
+                this.domChartRoot.innerHTML = "";
+            }
+        }
     };
     /**
      * @inheritDoc
@@ -781,6 +807,9 @@ var SciChartSurface = /** @class */ (function (_super) {
             // @ts-ignore
             this.loaderJson = options.loader.toJSON();
         }
+        if (options === null || options === void 0 ? void 0 : options.drawSeriesBehindAxis) {
+            this.drawSeriesBehindAxisProperty = options.drawSeriesBehindAxis;
+        }
     };
     /**
      * @inheritDoc
@@ -885,7 +914,6 @@ var SciChartSurface = /** @class */ (function (_super) {
             }
             col.add(renderableSeries);
             this.renderableSeries.remove(renderableSeries);
-            return;
         }
         renderableSeries.onAttach(this);
         if (this.themeProviderProperty) {
@@ -934,6 +962,23 @@ var SciChartSurface = /** @class */ (function (_super) {
         annotation.onAttach(this);
         this.invalidateElement();
     };
+    Object.defineProperty(SciChartSurface.prototype, "drawSeriesBehindAxis", {
+        /**
+         * Gets or sets the boolean flag for switching behaviour of Axises rendering
+         */
+        get: function () {
+            return this.drawSeriesBehindAxisProperty;
+        },
+        /**
+         * Gets or sets the boolean flag for switching behaviour of Axises rendering
+         */
+        set: function (value) {
+            this.drawSeriesBehindAxisProperty = value;
+            this.invalidateElement();
+        },
+        enumerable: false,
+        configurable: true
+    });
     return SciChartSurface;
 }(SciChartSurfaceBase_1.SciChartSurfaceBase));
 exports.SciChartSurface = SciChartSurface;

package/Charting/Visuals/createMaster.js

@@ -64,7 +64,7 @@ var createMultichart = function (divElement, options) { return __awaiter(void 0,
         switch (_d.label) {
             case 0:
                 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);
+                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, options === null || options === void 0 ? void 0 : options.disableAspect);
                 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;
@@ -142,7 +142,7 @@ var createMaster = function () {
         Guard_1.Guard.notNull(theme, "theme");
         var sciChartSurface = new SciChartSurface_1.SciChartSurface(wasmContext, { canvases: canvases });
         sciChartSurface.applyTheme(theme);
-        var unsub = sciChartInitCommon_1.default.subscribeToResize(canvases.domChartRoot, canvases.aspect, sciChartSurface);
+        var unsub = sciChartInitCommon_1.default.subscribeToResize(canvases.domChartRoot, canvases.aspect, sciChartSurface, canvases.disableAspect);
         sciChartSurface.addDeletable(unsub);
         sciChartSurface.setDestinations(exports.sciChartDestinations);
         return sciChartSurface;

package/Charting/Visuals/createSingle.js

@@ -18,7 +18,7 @@ exports.sciChartSingleDestinations = [];
 var createSingleInternal = function (divElement, options) {
     return new Promise(function (resolve, reject) {
         var _a;
-        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 canvases = sciChartInitCommon_1.default.initCanvas(divElement, options === null || options === void 0 ? void 0 : options.widthAspect, options === null || options === void 0 ? void 0 : options.heightAspect, undefined, options === null || options === void 0 ? void 0 : options.disableAspect);
         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();
@@ -68,7 +68,7 @@ var initDrawEngineSingleChart = function (wasmContext, canvases, resolve, theme)
             setTimeout(function () {
                 scs.invalidateElement();
                 licenseManager2D_1.licenseManager.applyLicense2D(wasmContext, scs, true);
-                var unsub = sciChartInitCommon_1.default.subscribeToResize(canvases.domChartRoot, canvases.aspect, scs);
+                var unsub = sciChartInitCommon_1.default.subscribeToResize(canvases.domChartRoot, canvases.aspect, scs, canvases.disableAspect);
                 scs.addDeletable(unsub);
                 resolve({ wasmContext: wasmContext, sciChartSurface: scs });
             }, 0);

package/Charting/Visuals/sciChartInitCommon.d.ts

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

package/Charting/Visuals/sciChartInitCommon.js

@@ -68,7 +68,7 @@ var getMaxHeight = function (divElement) {
  * @param activeCanvas - ECanvasType.canvasWebGL for sciChartSurface.createSingle, ECanvasType.canvas2D for copy canvas,
  * ECanvasType.svg for SciChartPieSurface
  */
-var initCanvas = function (divElement, aspectWidth, aspectHeight, activeCanvas) {
+var initCanvas = function (divElement, aspectWidth, aspectHeight, activeCanvas, disableAspect) {
     if (activeCanvas === void 0) { activeCanvas = ECanvasType.canvasWebGL; }
     WebGlHelper_1.WebGlHelper.initialize();
     DpiHelper_1.DpiHelper.initialize();
@@ -82,6 +82,7 @@ var initCanvas = function (divElement, aspectWidth, aspectHeight, activeCanvas)
     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;
+    // set canvasSize for parent div because of all children in absolute
     var canvasWebGL;
     if (activeCanvas === ECanvasType.canvasWebGL) {
         // WebGL Canvas
@@ -158,10 +159,11 @@ var initCanvas = function (divElement, aspectWidth, aspectHeight, activeCanvas)
         domSvgContainer: svgRootElement,
         domSvgAdornerLayer: svgAdornerLayer,
         domDivContainer: divRootElement,
-        aspect: aspectRatio
+        aspect: aspectRatio,
+        disableAspect: disableAspect
     };
 };
-var subscribeToResize = function (chartRoot, aspect, sciChartSurface) {
+var subscribeToResize = function (chartRoot, aspect, sciChartSurface, disableAspect) {
     // @ts-ignore
     var resizeObserver = new ResizeObserver(function (entries) {
         var _loop_1 = function (entry) {
@@ -185,12 +187,14 @@ var subscribeToResize = function (chartRoot, aspect, sciChartSurface) {
                 newWidth = 900;
             }
             // if aspect ration is defined we use is to calc height
-            if (aspect) {
-                newHeight = Math.round(newWidth / aspect);
-            }
-            else if (!newHeight) {
-                // hardcoded aspect ration if newHeight is not defined
-                newHeight = (newWidth * 2) / 3;
+            if (!disableAspect) {
+                if (aspect) {
+                    newHeight = Math.round(newWidth / aspect);
+                }
+                else if (!newHeight) {
+                    // hardcoded aspect ration if newHeight is not defined
+                    newHeight = (newWidth * 2) / 3;
+                }
             }
             // check max-height
             var maxHeight = getMaxHeight(chartRoot);

package/Charting3D/Visuals/Primitives/ScatterPointsSceneEntity.js

@@ -133,8 +133,12 @@ var ScatterPointsSceneEntity = /** @class */ (function (_super) {
         // as its implemented as a non-sparse array
         metadata.forEach(function (meta, index) {
             if (meta) {
-                _this.pointColors.set(index, meta.vertexColorAbgr);
-                _this.pointScales.set(index, meta.pointScale);
+                if (meta.vertexColorAbgr) {
+                    _this.pointColors.set(index, meta.vertexColorAbgr);
+                }
+                if (meta.pointScale) {
+                    _this.pointScales.set(index, meta.pointScale);
+                }
             }
         });
         return { colors: this.pointColors, scales: this.pointScales };

package/Core/BuildStamp.d.ts

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

package/Core/BuildStamp.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkBuildStamp = exports.libraryVersion = void 0;
-var buildStamp = "2022-03-08T00:00:00";
+var buildStamp = "2022-05-04T00:00:00";
 var result;
 // tslint:disable-next-line:no-var-requires
-exports.libraryVersion = "2.1.2290";
+exports.libraryVersion = "2.2.2351";
 var checkBuildStamp = function (wasmContext) {
     if (result !== undefined)
         return result;