scichart 3.0.269 → 3.0.280

package/Charting/Visuals/SciChartSurface.js

@@ -334,6 +334,12 @@ var SciChartSurface = /** @class */ (function (_super) {
         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");
     };
+    /**
+     * Tell SciChart to load the Wasm and Data files from the local server, rather than from CDN.
+     */
+    SciChartSurface.useWasmLocal = function () {
+        SciChartSurface.configure(undefined);
+    };
     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);
@@ -516,13 +522,13 @@ var SciChartSurface = /** @class */ (function (_super) {
     });
     Object.defineProperty(SciChartSurface.prototype, "autoColorMode", {
         /**
-         * Gets or sets the EAutoColorMode which determines when resolution of AUTO_COLOR should occur
+         * Gets or sets the {@link EAutoColorMode} which determines when resolution of AUTO_COLOR should occur
          */
         get: function () {
             return this.autoColorModeProperty;
         },
         /**
-         * Gets or sets the EAutoColorMode which determines when resolution of AUTO_COLOR should occur
+         * Gets or sets the {@link EAutoColorMode} which determines when resolution of AUTO_COLOR should occur
          */
         set: function (autoColorMode) {
             this.autoColorModeProperty = autoColorMode;
@@ -597,8 +603,8 @@ var SciChartSurface = /** @class */ (function (_super) {
             var sus = new UpdateSuspender_1.UpdateSuspender(this, false); // Don't want to invalidate on resume
             try {
                 if (this.autoColorRequired &&
-                    this.themeProvider.strokePalette &&
-                    this.themeProvider.strokePalette.length > 0) {
+                    ((this.themeProvider.strokePalette && this.themeProvider.strokePalette.length > 0) ||
+                        (this.themeProvider.fillPalette && this.themeProvider.fillPalette.length > 0))) {
                     this.resolveAutoColors();
                     if (this.autoColorMode !== AutoColorMode_1.EAutoColorMode.Always) {
                         this.autoColorRequired = false;

package/Charting/Visuals/licenseManager2D.js

@@ -420,8 +420,10 @@ var applyLicense = function (licenseContext, sciChartSurface) {
     debug("Initial license status is " + licensingClasses_1.LicenseType[convertLicenseType(lt, licenseContext)]);
     if (window.location.hostname.includes(".csb.app") ||
         window.location.hostname === "codesandbox.io" ||
-        window.location.hostname.includes(".codesandbox.io")) {
-        runtimeLicenseKey = "csb";
+        window.location.hostname.includes(".codesandbox.io") ||
+        window.location.hostname.includes("fiddle.jshell.net") ||
+        window.location.hostname.includes("cdpn.io")) {
+        runtimeLicenseKey = "builtin";
     }
     // Get from global store
     var runtimelicense = getRuntimeLicenseKey();

package/Core/BuildStamp.d.ts

@@ -1,4 +1,4 @@
 import { TSciChart } from "../types/TSciChart";
 import { TSciChart3D } from "../types/TSciChart3D";
-export declare const libraryVersion = "3.0.269";
+export declare const libraryVersion = "3.0.280";
 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 = "2023-01-18T00:00:00";
+var buildStamp = "2023-01-30T00:00:00";
 var result;
 // tslint:disable-next-line:no-var-requires
-exports.libraryVersion = "3.0.269";
+exports.libraryVersion = "3.0.280";
 var checkBuildStamp = function (wasmContext) {
     if (result !== undefined)
         return result;

package/Core/Telemetry.js

@@ -92,7 +92,10 @@ var sendTelemetry = function () {
             }
         }
     };
-    if (window.location.hostname.includes(".csb.app") || window.location.hostname.includes(".codesandbox.io")) {
+    if (window.location.hostname.includes(".csb.app") ||
+        window.location.hostname.includes(".codesandbox.io") ||
+        window.location.hostname.includes("fiddle.jshell.net") ||
+        window.location.hostname.includes("cdpn.io")) {
         eventData.data.baseData.properties.url = window.location.href;
     }
     var endPointUrl = "https://dc.services.visualstudio.com/v2/track";

package/README.md

@@ -133,26 +133,40 @@ initSciChart();
 >
 > -   See the [Getting Started Page](https://scichart.com/getting-started/scichart-javascript/) as well as our [Tutorials](https://www.scichart.com/documentation/js/current/webframe.html#Tutorial%2001%20-%20Setting%20up%20a%20Project%20with%20SciChart.js.html) for more information on creating your first chart
 
-## Quick Start with vanilla JS
+## Quick Start with Browser Bundle (Iife bundle)
 
-If your environment does not include a bundler like Parcel or Webpack, you can still load SciChart.js using the browser bundle module.
+[![](https://data.jsdelivr.com/v1/package/npm/scichart/badge)](https://www.jsdelivr.com/package/npm/scichart)
 
-1.**Create scichart-example.js file with a simple chart**
+If your environment does not include a bundler like Parcel or Webpack, you can still load SciChart.js using the browser bundle module from [JSDlvr](https://www.jsdelivr.com/package/npm/scichart)
 
-```javascript
-async function initSciChart() {
-    // 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();
+1. **Include SciChart.browser.js in your webpage**
+
+```html
+<!-- Substitute version number here. Check https://www.npmjs.com/package/scichart for versions -->
+<script src="https://cdn.jsdelivr.net/npm/scichart@3.0.269/_wasm/scichart.browser.js" crossorigin="anonymous"></script>
+```
 
-    // Apply your licese key once before startup
-    SciChart, SciChartSurface.setRuntimeLicenseKey("--YOUR_KEY_HERE--");
+2.**Create scichart-example.js file with a simple chart**
 
+```javascript
+// Imports when using Browser Bundle
+const {
+    SciChartSurface,
+    SciChartDefaults,
+    chartBuilder,
+    SciChartJsNavyTheme,
+    XyDataSeries,
+    FastLineRenderableSeries,
+    NumericAxis
+} = SciChart;
+
+// Option 1: Create chart with Builder API
+async function initSciChartBuilderApi() {
     // Create a chart using the json builder api
-    await SciChart.chartBuilder.buildChart("scichart-root", {
+    await chartBuilder.buildChart("chart0", {
         series: {
             type: "LineSeries",
-            options: { stroke: "steelblue" },
+            options: { stroke: "steelblue", strokeThickness: 5 },
             xyData: {
                 xValues: [1, 2, 5, 8, 10],
                 yValues: [3, 1, 7, 5, 8]
@@ -161,9 +175,37 @@ async function initSciChart() {
     });
 }
 
-initSciChart();
+// Option 2: Create chart with the programmatic API
+async function initSciChartProgrammaticApi() {
+    const { sciChartSurface, wasmContext } = await SciChartSurface.create("chart1", {
+        theme: new SciChartJsNavyTheme()
+    });
+
+    sciChartSurface.xAxes.add(new NumericAxis(wasmContext));
+    sciChartSurface.yAxes.add(new NumericAxis(wasmContext));
+
+    sciChartSurface.renderableSeries.add(
+        new FastLineRenderableSeries(wasmContext, {
+            stroke: "#FF6600",
+            strokeThickness: 3,
+            dataSeries: new XyDataSeries(wasmContext, {
+                xValues: [1, 2, 5, 8, 10],
+                yValues: [3, 1, 7, 5, 8]
+            })
+        })
+    );
+}
+
+// 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
+SciChartSurface.useWasmFromCDN();
+
+initSciChartBuilderApi();
+initSciChartProgrammaticApi();
 ```
 
+> [View above in CodePen](https://codepen.io/scichart/pen/ZEjjELy)
+
 > See the full [browser bundle tutorial here](https://www.scichart.com/documentation/js/current/webframe.html#Tutorial%2001%20-%20Including%20SciChart.js%20in%20an%20HTML%20Page.html)
 
 # Release notes. What's New!