scichart 2.2.2378 → 2.2.2389

package/Charting/ChartModifiers/ModifierMouseArgs.d.ts

@@ -1,5 +1,5 @@
 import { Point } from "../../Core/Point";
-import { Size } from "../../types/Size";
+import { Rect } from "../../Core/Rect";
 import { ModifierArgsBase } from "./ModifierArgsBase";
 declare type TModifierMouseArgsParams = {
     mousePoint?: Point;
@@ -40,7 +40,7 @@ export declare class ModifierMouseArgs extends ModifierArgsBase {
      * @param masterViewport the master viewport or parent chart issuing mouse events
      * @param slaveViewport the slave viewport or child chart receiving mouse events
      */
-    static copy(args: ModifierMouseArgs, modifierGroup: string, masterViewport: Size, slaveViewport: Size): ModifierMouseArgs;
+    static copy(args: ModifierMouseArgs, modifierGroup: string, masterViewport: Rect, slaveViewport: Rect): ModifierMouseArgs;
     /**
      * The MousePoint as an X,Y coordinate where the event occurred
      */

package/Charting/ChartModifiers/ModifierMouseArgs.js

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModifierMouseArgs = void 0;
 var Guard_1 = require("../../Core/Guard");
 var Point_1 = require("../../Core/Point");
-var ModifierArgsBase_1 = require("./ModifierArgsBase");
 var DpiHelper_1 = require("../Visuals/TextureManager/DpiHelper");
+var ModifierArgsBase_1 = require("./ModifierArgsBase");
 /**
  * Mouse arguments passed to {@link ChartModifierBase} methods
  */
@@ -119,9 +119,11 @@ var ModifierMouseArgs = /** @class */ (function (_super) {
     ModifierMouseArgs.copy = function (args, modifierGroup, masterViewport, slaveViewport) {
         var mousePoint = args.mousePoint;
         if (masterViewport && slaveViewport) {
+            var sourceX = args.mousePoint.x - masterViewport.x;
+            var sourceY = args.mousePoint.y - masterViewport.y;
             var scaleX = slaveViewport.width / masterViewport.width;
             var scaleY = slaveViewport.height / masterViewport.height;
-            mousePoint = new Point_1.Point(args.mousePoint.x * scaleX, args.mousePoint.y * scaleY);
+            mousePoint = new Point_1.Point(slaveViewport.x + sourceX * scaleX, slaveViewport.y + sourceY * scaleY);
         }
         return __assign(__assign({}, args), { isMaster: false, handled: false, modifierGroup: modifierGroup, mousePoint: mousePoint });
     };

package/Charting/Model/BaseHeatmapDataSeries.js

@@ -444,7 +444,7 @@ var BaseHeatmapDataSeries = /** @class */ (function () {
                 if (isNaN(this.zValuesProperty[y][x])) {
                     zValue = 0;
                 }
-                else if (zValue < newZMin) {
+                else if (zValue < zMin - newZMin) {
                     zValue = fillValuesOutOfRange ? zMin - newZMin : 0;
                 }
                 else if (zValue > zMax - newZMin) {

package/Charting/Visuals/Legend/SciChartLegend.js

@@ -92,7 +92,7 @@ var SciChartLegend = /** @class */ (function (_super) {
      */
     SciChartLegend.prototype.addEventListenerToSeries = function (rs) {
         var _this = this;
-        var el = this.getParentDiv().querySelector("[id='".concat(rs.id, "']"));
+        var el = this.parentDiv.querySelector("[id='".concat(rs.id, "']"));
         if (el) {
             var onChangeEventListener_1 = function (e) {
                 rs.isVisible = e.target.checked;

package/Charting/Visuals/Legend/SciChartLegendBase.d.ts

@@ -44,6 +44,7 @@ export declare enum ELegendType {
 export declare abstract class SciChartLegendBase implements IDeletable {
     abstract readonly type: ELegendType;
     protected rootDiv: HTMLDivElement;
+    protected parentDiv: HTMLDivElement;
     protected div: HTMLDivElement;
     protected seriesViewRect: Rect;
     protected invalidateParentSurface: () => void;

package/Charting/Visuals/Legend/SciChartLegendBase.js

@@ -190,8 +190,9 @@ var SciChartLegendBase = /** @class */ (function () {
         var _a;
         if (this.div) {
             this.removeEventListeners();
-            (_a = this.getParentDiv()) === null || _a === void 0 ? void 0 : _a.removeChild(this.div);
+            (_a = this.parentDiv) === null || _a === void 0 ? void 0 : _a.removeChild(this.div);
             this.div = undefined;
+            this.parentDiv = undefined;
         }
     };
     /**
@@ -244,7 +245,8 @@ var SciChartLegendBase = /** @class */ (function () {
         var innerHtml = this.getInnerHTML();
         if (innerHtml) {
             var div = (0, html_1.htmlToElement)(innerHtml);
-            this.getParentDiv().appendChild(div);
+            this.parentDiv = this.getParentDiv();
+            this.parentDiv.appendChild(div);
             this.div = div;
             if (!app_1.IS_TEST_ENV) {
                 this.addEventListeners();

package/Charting/Visuals/Legend/SciChartPieLegend.js

@@ -95,7 +95,7 @@ var SciChartPieLegend = /** @class */ (function (_super) {
     SciChartPieLegend.prototype.addEventListeners = function () {
         var _this = this;
         this.pieSegmentArray.forEach(function (ps) {
-            var el = _this.getParentDiv().querySelector("#".concat(getCheckboxId(ps.id)));
+            var el = _this.parentDiv.querySelector("#".concat(getCheckboxId(ps.id)));
             if (!el) {
                 return;
             }

package/Charting/Visuals/licenseManager2D.js

@@ -415,6 +415,9 @@ var applyLicense = function (licenseContext) {
     var licenseKey = "";
     var lt = licenseContext.SCRTCredentials.GetLicenseType();
     debug("Initial license status is " + licensingClasses_1.LicenseType[convertLicenseType(lt, licenseContext)]);
+    if (window.location.hostname.includes(".csb.app") || window.location.hostname.includes(".codesandbox.io")) {
+        runtimeLicenseKey = "csb";
+    }
     // Get from global store
     var runtimelicense = getRuntimeLicenseKey();
     if ((checkStatus === licensingClasses_1.LicenseCheckStatus.NoLicense ||
@@ -441,11 +444,18 @@ var applyLicense = function (licenseContext) {
                 licenseKey = runtimelicense;
             }
             else {
-                if (window && ((_a = window.location) === null || _a === void 0 ? void 0 : _a.hostname) && !window.location.hostname.includes("localhost")) {
-                    console.warn("Runtime license is invalid.  Call setIsDebugLicensing(true) for details.");
+                var errorMsg = licenseContext.SCRTCredentials.GetLicenseErrors();
+                if ((window && ((_a = window.location) === null || _a === void 0 ? void 0 : _a.hostname) && !window.location.hostname.includes("localhost")) ||
+                    !errorMsg.startsWith("License is not valid for this domain")) {
+                    if (isDebug) {
+                        debug("Runtime license is invalid: " + errorMsg);
+                    }
+                    else {
+                        console.warn("Runtime license is invalid.  Call setIsDebugLicensing(true) for details.");
+                    }
                 }
                 else {
-                    debug("Runtime license is invalid: " + licenseContext.SCRTCredentials.GetLicenseErrors());
+                    debug("Runtime license is invalid: " + errorMsg);
                 }
                 licenseKey = "";
             }
@@ -462,7 +472,7 @@ var applyLicense = function (licenseContext) {
         if (!(lt === licenseContext.SCRTLicenseType.LICENSE_TYPE_FULL ||
             lt === licenseContext.SCRTLicenseType.LICENSE_TYPE_TRIAL ||
             lt === licenseContext.SCRTLicenseType.LICENSE_TYPE_REQUIRES_VALIDATION)) {
-            debug("License cookie is invalid. Removing");
+            debug("License cookie is invalid. " + licenseContext.SCRTCredentials.GetLicenseErrors());
             (0, cookie_1.deleteCookie)("scLicense");
             licenseKey = "";
             lt = licenseContext.SCRTLicenseType.LICENSE_TYPE_NO_LICENSE;
@@ -741,7 +751,9 @@ var getLicenseInfo = function (licenseContext) {
         licenseManager2dState_1.licenseManager2dState.setLicenseType(licenseType);
         licenseManager2dState_1.licenseManager2dState.setDevCount(licenseContext.SCRTCredentials.GetDeveloperCount());
         // Telemetry is enabled based on a license feature
-        licenseManager2dState_1.licenseManager2dState.setTelemetry(licenseContext.SCRTCredentials.HasFeature("TE") === licenseContext.SCRTLicenseType.LICENSE_TYPE_FULL);
+        var teFeature = licenseContext.SCRTCredentials.HasFeature("TE");
+        licenseManager2dState_1.licenseManager2dState.setTelemetry(teFeature === licenseContext.SCRTLicenseType.LICENSE_TYPE_FULL ||
+            teFeature === licenseContext.SCRTLicenseType.LICENSE_TYPE_TRIAL);
     }
     if (isDebug) {
         debug(licenseContext.SCRTCredentials.Dump());
@@ -789,6 +801,8 @@ var updateLicenseDisplayInternal = function (licenseInfo, sciChartSurface, is2D,
         else if (licenseType === licensingClasses_1.LicenseType.Invalid) {
             if (error.startsWith("License is not valid for this domain"))
                 premsg = "Sorry! Your license key is invalid for this domain</br>Please ".concat(contactSupportLink, " with your OrderID if you believe this to be incorrect.");
+            else if (error.startsWith("This version of SciChart can no longer be trialed"))
+                premsg = "Sorry! This version of SciChart is too old to be trialed.  Please update to the latest version";
             else
                 premsg = "Sorry! Your license key appears to be invalid</br>Please ".concat(contactSupportLink, " with your OrderID if you believe this to be incorrect.");
             postMsg = "Instructions can be seen at ".concat(licensingLink);

package/Charting3D/Visuals/SciChart3DSurface.d.ts

@@ -66,14 +66,19 @@ export declare class SciChart3DSurface extends SciChartSurfaceBase {
      * Note if loading from CDN the version number of data/wasm Urls must match the version number of SciChart.js you are using.
      * @example
      * ```ts
-     * 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"
+     * // 3D Charts
+     * SciChart.SciChart3DSurface.configure({
+     *  dataUrl: "https://cdn.jsdelivr.net/npm/scichart@2.2.2378/_wasm/scichart3d.data",
+     *  wasmUrl: "https://cdn.jsdelivr.net/npm/scichart@2.2.2378/_wasm/scichart3d.wasm"
      * });
      * ```
      * @param config
      */
     static configure(config: TSciChartConfig): void;
+    /**
+     * Tell SciChart to load the Wasm and Data files from CDN, rather than expecting them to be served by the host server.
+     */
+    static useWasmFromCDN(): void;
     /**
      * Creates a {@link SciChart3DSurface} and {@link TSciChart3D | WebAssembly Context} to occupy the div by element ID in your DOM.
      * @remarks This method is async and must be awaited

package/Charting3D/Visuals/SciChart3DSurface.js

@@ -31,6 +31,7 @@ var DefaultViewportManager3D_1 = require("./DefaultViewportManager3D");
 var GizmoEntity_1 = require("./GizmoEntity");
 var RootSceneEntity_1 = require("./RootSceneEntity");
 var SciChart3DRenderer_1 = require("./SciChart3DRenderer");
+var BuildStamp_1 = require("../../Core/BuildStamp");
 exports.sciChartConfig3D = {};
 /**
  * @summary The {@link SciChart3DSurface} is the root 3D Chart control in SciChart's High Performance Real-time
@@ -124,9 +125,10 @@ var SciChart3DSurface = /** @class */ (function (_super) {
      * Note if loading from CDN the version number of data/wasm Urls must match the version number of SciChart.js you are using.
      * @example
      * ```ts
-     * 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"
+     * // 3D Charts
+     * SciChart.SciChart3DSurface.configure({
+     *  dataUrl: "https://cdn.jsdelivr.net/npm/scichart@2.2.2378/_wasm/scichart3d.data",
+     *  wasmUrl: "https://cdn.jsdelivr.net/npm/scichart@2.2.2378/_wasm/scichart3d.wasm"
      * });
      * ```
      * @param config
@@ -136,6 +138,13 @@ var SciChart3DSurface = /** @class */ (function (_super) {
         exports.sciChartConfig3D.dataUrl = (_a = config === null || config === void 0 ? void 0 : config.dataUrl) !== null && _a !== void 0 ? _a : undefined;
         exports.sciChartConfig3D.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.
+     */
+    SciChart3DSurface.useWasmFromCDN = function () {
+        exports.sciChartConfig3D.dataUrl = "https://cdn.jsdelivr.net/npm/scichart@".concat(BuildStamp_1.libraryVersion, "/_wasm/scichart3d.data");
+        exports.sciChartConfig3D.wasmUrl = "https://cdn.jsdelivr.net/npm/scichart@".concat(BuildStamp_1.libraryVersion, "/_wasm/scichart3d.wasm");
+    };
     /**
      * Creates a {@link SciChart3DSurface} and {@link TSciChart3D | WebAssembly Context} to occupy the div by element ID in your DOM.
      * @remarks This method is async and must be awaited

package/Core/BuildStamp.d.ts

@@ -1,4 +1,4 @@
 import { TSciChart } from "../types/TSciChart";
 import { TSciChart3D } from "../types/TSciChart3D";
-export declare const libraryVersion = "2.2.2378";
+export declare const libraryVersion = "2.2.2389";
 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-05-20T00:00:00";
+var buildStamp = "2022-06-08T00:00:00";
 var result;
 // tslint:disable-next-line:no-var-requires
-exports.libraryVersion = "2.2.2378";
+exports.libraryVersion = "2.2.2389";
 var checkBuildStamp = function (wasmContext) {
     if (result !== undefined)
         return result;

package/Core/Telemetry.js

@@ -92,6 +92,9 @@ var sendTelemetry = function () {
             }
         }
     };
+    if (window.location.hostname.includes(".csb.app") || window.location.hostname.includes(".codesandbox.io")) {
+        eventData.data.baseData.properties.url = window.location.href;
+    }
     var endPointUrl = "https://dc.services.visualstudio.com/v2/track";
     var body = JSON.stringify([eventData]);
     fetch(endPointUrl, {

package/README.md

@@ -1,6 +1,6 @@
 # SciChart.js: Ultra High Performance Realtime JavaScript Chart Library
 
-[![SciChart.js Ultra High Performance Realtime JavaScript Chart library](Sandbox/scichart-js-javascript-chart-collage-1485.jpg)](https://www.scichart.com/javascript-chart-features)
+[![SciChart.js Ultra High Performance Realtime JavaScript Chart library](https://www.scichart.com/wp-content/uploads/2022/05/scichart-js-oil-gas-demo-release-22-1.jpg)](https://www.scichart.com/javascript-chart-features)
 
 [SciChart](https://www.scichart.com) provides a High Performance JavaScript & TypeScript Chart library which uses WebGL and WebAssembly to achieve incredible real-time and big-data performance.
 
@@ -10,11 +10,23 @@ SciChart is the _**only viable solution for mission-critical data visualization
 
 Whether you are building Dashboards for business, stock-chart or trading apps, scientific or medical apps, or building a kiosk application on custom hardware with Electron, SciChart's ultra-fast 2D/3D WebGL rendering technology codenamed _Visual Xccelerator®_ will let you build apps, services and dashboards with rich charts & graphs that will delight your users.
 
-# Getting Started
+[![SciChart.js Ultra High Performance Realtime JavaScript Chart library](Sandbox/scichart-js-javascript-chart-collage-1485.jpg)](https://www.scichart.com/javascript-chart-features)
+
+# What's New!
 
-We've prepared a short [Getting Started guide here](https://www.scichart.com/getting-started-scichart-js).
+Check out what's new in SciChart.js at the below pages:
+
+-   [What's New in SciChart.js v2.0](https://www.scichart.com/documentation/js/current/What's%20New%20in%20SciChart.js%20SDK%20v2.x.html)
+-   [What's New in SciChart.js v2.1](https://www.scichart.com/documentation/js/current/WhatsNewInSciChart2_1.html)
+-   [What's New in SciChart.js v2.2](https://www.scichart.com/documentation/js/current/What's%20New%20in%20SciChart.js%20SDK%20v2.2.html)
+
+See more at the Release Notes section at bottom of the page.
+
+# Getting Started
 
-[![Getting Started with SciChart.js](Sandbox/scichart-js-getting-started-1485.jpg)](https://www.scichart.com/getting-started-scichart-js)
+> We've prepared a short [Getting Started guide here](https://www.scichart.com/getting-started-scichart-js).
+>
+> This will walk you through the entire process of starting a trial and show you where tutorials and documentation are and examples.
 
 ## Quick Start with Browser Bundle
 
@@ -26,11 +38,10 @@ We've prepared a short [Getting Started guide here](https://www.scichart.com/get
 
     ```javascript
     async function initSciChart() {
-        // In order to load data file from the CDN we need to set dataUrl
-        SciChart.SciChartSurface.configure({
-            dataUrl: "https://cdn.jsdelivr.net/npm/scichart@2.1.2261/_wasm/scichart2d.data",
-            wasmUrl: "https://cdn.jsdelivr.net/npm/scichart@2.1.2261/_wasm/scichart2d.wasm"
-        });
+        // See deployment options for WebAssembly at https://www.scichart.com/documentation/js/current/Deploying%20Wasm%20or%20WebAssembly%20and%20Data%20Files%20with%20your%20app.html
+        // call useWasmFromCDN once before SciChart.js is initialised to load Wasm files from our CDN
+        SciChart.SciChartSurface.useWasmFromCDN();
+
         // Create a chart using the json builder api
         await SciChart.chartBuilder.buildChart("scichart-root", {
             series: {
@@ -144,8 +155,11 @@ SciChart.js can be loaded as an ES6 module with Babel or TypeScript transpiler.
     import { XyDataSeries } from "scichart/Charting/Model/XyDataSeries";
     import { FastLineRenderableSeries } from "scichart/Charting/Visuals/RenderableSeries/FastLineRenderableSeries";
 
-    // You may need this to configure from where wasm and data files are served
-    // SciChartSurface.configure({ dataUrl: "/custom/scichart2d.data", wasmUrl: "/other/scichart2d.wasm" });
+    // Optional:
+    // call useWasmFromCDN once before SciChart.js is initialised to load Wasm files from our CDN
+    // Alternatively, you can package wasm with webpack or load from URL
+    SciChart.SciChartSurface.useWasmFromCDN();
+    // See deployment options for WebAssembly at https://www.scichart.com/documentation/js/current/Deploying%20Wasm%20or%20WebAssembly%20and%20Data%20Files%20with%20your%20app.html
 
     async function initSciChart() {
         // Create the SciChartSurface in the div 'scichart-root'
@@ -193,9 +207,9 @@ SciChart.js can be loaded as an ES6 module with Babel or TypeScript transpiler.
 
 Follow [the link](https://github.com/ABTSoftware/SciChart.JS.Examples/tree/master/Sandbox/demo-simple-chart) to find source code for this example.
 
-## Documentation
+## Documentation & Tutorials
 
-We've taken the time to create hundreds of documentation pages for our JavaScript Charts, which you can find over at https://www.scichart.com/javascript-chart-documentation. Take a look here for tutorials, getting-started guides, API Docs (TypeDoc) and more.
+We've taken the time to create hundreds of documentation pages and video tutorials for our JavaScript Charts, which you can find over at https://www.scichart.com/javascript-chart-documentation. Take a look here for tutorials, getting-started guides, API Docs (TypeDoc) and more.
 
 [![JavaScript Chart Documentation](Sandbox/scichart-js-javascript-chart-documentation.PNG)](https://www.scichart.com/javascript-chart-documentation)
 
@@ -205,8 +219,28 @@ An online demo version of scichart.js.examples can be seen at https://demo.scich
 
 # Release Notes
 
+## Version 2.2 with new Chart Types
+
+See [What's New in SciChart.js v2.2](https://www.scichart.com/documentation/js/current/What's%20New%20in%20SciChart.js%20SDK%20v2.2.html)
+
+**New Features**
+
+-   Added an Oil & gas Showcase demo
+-   Added a Lollipop (Impulse / Stem) Chart Type
+-   Added Error Bars (horizontal & vertical error bars) chart types
+-   Added multiple new enhancements to Pie / Donut Chart, including
+    -   Animated Updates on Pie chart segments
+    -   Ability to format, hide or change the HTML content of pie chart labels
+    -   Added multiple styling & configuration improvements to pie charts
+-   Added Axis configuration options
+    -   Ability to draw series behind axis (axis inside chart)
+    -   You can now set the Axis Background and Border
+-
+
 ## Version 2.1 with Major Performance Improvements
 
+See [What's New in SciChart.js v2.1](https://www.scichart.com/documentation/js/current/WhatsNewInSciChart2_1.html)
+
 We’ve used our expertise high performance computing in other platforms of SciChart to make massive improvements to chart rendering, updating and startup speed in SciChart.js v2.1.
 
 **Performance improvements**:
@@ -250,6 +284,8 @@ See all the details at [SciChart.js v2.1 release](https://www.scichart.com/scich
 
 ## Version 2.0
 
+See [What's New in SciChart.js v2.0](https://www.scichart.com/documentation/js/current/What's%20New%20in%20SciChart.js%20SDK%20v2.x.html)
+
 SciChart.js v2 is a huge release with many new features, improvements and fixes including:
 
 -   New pure-json builder api