scichart 3.0.284 → 3.0.301

package/Charting3D/ChartModifiers/ResetCamera3DModifier.js

@@ -46,6 +46,10 @@ var ResetCamera3DModifier = /** @class */ (function (_super) {
         var _this = this;
         var _a, _b, _c;
         _this = _super.call(this, options) || this;
+        /**
+         * @inheritDoc
+         */
+        _this.type = ChartModifierType_1.EChart3DModifierType.ZoomExtents;
         /**
          * When true, the Zoom operations are animated. See also {@link animationDuration} and {@link easingFunction}
          */
@@ -64,6 +68,7 @@ var ResetCamera3DModifier = /** @class */ (function (_super) {
             options.easingFunction = EasingFunctions_1.easing[options.easingFunction];
         }
         _this.easingFunction = (_c = options === null || options === void 0 ? void 0 : options.easingFunction) !== null && _c !== void 0 ? _c : EasingFunctions_1.easing.outExpo;
+        _this.destination = options === null || options === void 0 ? void 0 : options.destination;
         return _this;
     }
     ResetCamera3DModifier.prototype.onAttach = function () {
@@ -128,16 +133,19 @@ var ResetCamera3DModifier = /** @class */ (function (_super) {
         }
         args.handled = true;
     };
-    // @ts-ignore
+    /**
+     * @inheritDoc
+     */
     ResetCamera3DModifier.prototype.toJSON = function () {
-        return {
-            type: ChartModifierType_1.EChart3DModifierType.ZoomExtents,
-            options: {
-                animationDuration: this.animationDuration,
-                easingFunction: this.easingFunction.name,
-                isAnimated: this.isAnimated
-            }
+        var json = _super.prototype.toJSON.call(this);
+        var options = {
+            animationDuration: this.animationDuration,
+            easingFunction: this.easingFunction.name,
+            isAnimated: this.isAnimated,
+            destination: this.destination
         };
+        Object.assign(json.options, options);
+        return json;
     };
     return ResetCamera3DModifier;
 }(ChartModifierBase3D_1.ChartModifierBase3D));

package/Charting3D/Visuals/SciChart3DRenderer.d.ts

@@ -31,6 +31,7 @@ export declare class SciChart3DRenderer {
      * The main render loop
      */
     render(): void;
+    private updateWatermark;
     private isSurfaceValid;
     private prepareAxes;
     private updateWorldDimensions;

package/Charting3D/Visuals/SciChart3DRenderer.js

@@ -4,6 +4,7 @@ exports.SciChart3DRenderer = void 0;
 var Deleter_1 = require("../../Core/Deleter");
 var Guard_1 = require("../../Core/Guard");
 var AutoRange_1 = require("../../types/AutoRange");
+var WatermarkPosition_1 = require("../../types/WatermarkPosition");
 var AxisCubeDescriptor_1 = require("./Primitives/AxisCubeDescriptor");
 var RenderPassInfo3D_1 = require("./Primitives/RenderPassInfo3D");
 var SceneDescriptor_1 = require("./Primitives/SceneDescriptor");
@@ -96,7 +97,7 @@ var SciChart3DRenderer = /** @class */ (function () {
         // Viewport3D already checked to be not null in IsSurfaceValid
         this.scs.rootEntity.visitEntities(function (e) { return e.setRenderPassData(rpd); });
         // We add the same padding as we have for 2D 6px
-        this.scs.updateWatermark(6, 6);
+        this.updateWatermark();
         // Step 6: Notify that scene is about to be drawn
         this.scs.onSciChartRendered();
         // Invalidate for the animations
@@ -104,6 +105,33 @@ var SciChart3DRenderer = /** @class */ (function () {
             setTimeout(this.scs.invalidateElement, 0);
         }
     };
+    SciChart3DRenderer.prototype.updateWatermark = function () {
+        var chartHeight = this.scs.getMainCanvas().clientHeight;
+        var chartWidth = this.scs.getMainCanvas().clientWidth;
+        var left = 5;
+        var bottom = chartHeight - 10;
+        var wmWidth = Math.max(72, Math.min(0.25 * chartWidth, 256));
+        var wmHeight = (42 * wmWidth) / 256;
+        switch (this.scs.watermarkPosition) {
+            case WatermarkPosition_1.EWatermarkPosition.BottomRight:
+                left = chartWidth - wmWidth - 5;
+                bottom = 12;
+                break;
+            case WatermarkPosition_1.EWatermarkPosition.TopLeft:
+                left = 5;
+                bottom = chartHeight - (5 + wmHeight);
+                break;
+            case WatermarkPosition_1.EWatermarkPosition.TopRight:
+                left = chartWidth - wmWidth - 5;
+                bottom = chartHeight - (5 + wmHeight);
+                break;
+            case WatermarkPosition_1.EWatermarkPosition.BottomLeft:
+                left = 5;
+                bottom = 12;
+                break;
+        }
+        this.scs.updateWatermark(left, bottom);
+    };
     SciChart3DRenderer.prototype.isSurfaceValid = function (sciChartSurface, viewportSize) {
         if (!sciChartSurface.xAxis) {
             throw new Error("Unable to draw SciChart3DSurface as the xAxis is undefined");

package/Charting3D/Visuals/SciChart3DSurface.d.ts

@@ -14,6 +14,7 @@ import { AxisCubeEntity } from "./Axis/AxisCubeEntity";
 import { IRenderableSeries3D } from "./RenderableSeries/BaseRenderableSeries3D";
 import { RootSceneEntity } from "./RootSceneEntity";
 import { ViewportManager3DBase } from "./ViewportManager3DBase";
+import { EWatermarkPosition } from "../../types/WatermarkPosition";
 export declare type TSciChart3D = TWasmContext;
 export declare type TWebAssemblyChart3D = {
     wasmContext: TSciChart3D;
@@ -121,6 +122,8 @@ export declare class SciChart3DSurface extends SciChartSurfaceBase {
      * access to our WebGL2 Engine and WebAssembly numerical methods
      */
     readonly webAssemblyContext3D: TSciChart3D;
+    /** The position of the watermark for trials and community licenses */
+    watermarkPosition: EWatermarkPosition;
     protected animationList: IGenericAnimation[];
     private xAxisProperty;
     private yAxisProperty;

package/Charting3D/Visuals/SciChart3DSurface.js

@@ -32,6 +32,7 @@ var GizmoEntity_1 = require("./GizmoEntity");
 var RootSceneEntity_1 = require("./RootSceneEntity");
 var SciChart3DRenderer_1 = require("./SciChart3DRenderer");
 var BuildStamp_1 = require("../../Core/BuildStamp");
+var SciChartDefaults_1 = require("../../Charting/Visuals/SciChartDefaults");
 exports.sciChartConfig3D = {};
 /**
  * @summary The {@link SciChart3DSurface} is the root 3D Chart control in SciChart's High Performance Real-time
@@ -61,6 +62,8 @@ var SciChart3DSurface = /** @class */ (function (_super) {
         var _this = this;
         var _a, _b, _c, _d;
         _this = _super.call(this, webAssemblyContext, options === null || options === void 0 ? void 0 : options.canvases) || this;
+        /** The position of the watermark for trials and community licenses */
+        _this.watermarkPosition = SciChartDefaults_1.SciChartDefaults.watermarkPosition;
         _this.animationList = [];
         _this.isAxisCubeRenderedProperty = false;
         var canvasWidth = (_b = (_a = _this.domCanvas2D) === null || _a === void 0 ? void 0 : _a.width) !== null && _b !== void 0 ? _b : app_1.DEFAULT_WIDTH;
@@ -105,6 +108,7 @@ var SciChart3DSurface = /** @class */ (function (_super) {
         // Watermark
         if (!app_1.IS_TEST_ENV) {
             _this.watermarkProperties = new webAssemblyContext.SCRTWaterMarkProperties();
+            _this.watermarkProperties.m_fCanvasWidth = canvasWidth;
             _this.watermarkPropertyPosition = new webAssemblyContext.TSRVector2(0, 0);
             _this.watermarkProperties.SetPosition(_this.watermarkPropertyPosition);
             _this.watermarkProperties.SetOpacity(0.5);
@@ -475,12 +479,13 @@ var SciChart3DSurface = /** @class */ (function (_super) {
      * @inheritDoc
      */
     SciChart3DSurface.prototype.updateWatermark = function (left, bottom) {
-        var _a;
+        var _a, _b;
         if (!app_1.IS_TEST_ENV) {
             this.watermarkPropertyPosition.x = left;
             this.watermarkPropertyPosition.y = bottom;
+            this.watermarkProperties.m_fCanvasWidth = (_a = this.getMainCanvas()) === null || _a === void 0 ? void 0 : _a.clientWidth;
             this.watermarkProperties.SetPosition(this.watermarkPropertyPosition);
-            var isLightBackground = (_a = this.themeProvider) === null || _a === void 0 ? void 0 : _a.isLightBackground;
+            var isLightBackground = (_b = this.themeProvider) === null || _b === void 0 ? void 0 : _b.isLightBackground;
             this.watermarkProperties.m_bIsDarkBackground = isLightBackground !== undefined ? !isLightBackground : false;
             this.webAssemblyContext3D.SCRT3DSetWaterMarkProperties(this.watermarkProperties);
         }

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.284";
+export declare const libraryVersion = "3.0.301";
 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-02-02T00:00:00";
+var buildStamp = "2023-02-27T00:00:00";
 var result;
 // tslint:disable-next-line:no-var-requires
-exports.libraryVersion = "3.0.284";
+exports.libraryVersion = "3.0.301";
 var checkBuildStamp = function (wasmContext) {
     if (result !== undefined)
         return result;

package/README.md

@@ -51,6 +51,7 @@ SciChart.JS v3 is released! Check out [what's new](https://www.scichart.com/scic
 -   [Tutorials](https://www.scichart.com/documentation/js/current/webframe.html#Tutorial%2001%20-%20Setting%20up%20a%20Project%20with%20SciChart.js.html)
 -   [Getting Started Guide](https://scichart.com/getting-started/scichart-javascript/)
 -   [Documentation](https://www.scichart.com/documentation/js/current/webframe.html)
+-   [CodePen, JSFiddle support](https://www.scichart.com/blog/codepen-codesandbox-and-jsfiddle-support-in-scichart-js/)
 
 ### Support
 
@@ -75,10 +76,8 @@ npm i scichart
 2. **Create a simple chart** by putting this into `src/index.js` file
 
 ```javascript
-import { SciChartSurface } from "scichart/Charting/Visuals/SciChartSurface";
-import { NumericAxis } from "scichart/Charting/Visuals/Axis/NumericAxis";
-import { XyDataSeries } from "scichart/Charting/Model/XyDataSeries";
-import { FastLineRenderableSeries } from "scichart/Charting/Visuals/RenderableSeries/FastLineRenderableSeries";
+// New syntax from v3.0.284! import { all, the, things } from "scichart"
+import { SciChartSurface, NumericAxis, NumericAxis, FastLineRenderableSeries } from "scichart";
 
 // Call useWasmFromCDN once before SciChart.js is initialised to load Wasm files from our CDN
 // Alternative methods for serving wasm from webpack or offline are available on our website
@@ -139,15 +138,15 @@ initSciChart();
 
 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)
 
-1. **Include SciChart.browser.js in your webpage**
+1. **Include index.min.js in your webpage**
 
 ```html
 <!-- Always include latest scichart.js version -->
-<script src="https://cdn.jsdelivr.net/npm/scichart/_wasm/scichart.browser.js" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/scichart/index.min.js" crossorigin="anonymous"></script>
 <!-- or, choose specific version -->
-<script src="https://cdn.jsdelivr.net/npm/scichart@3.0.280/_wasm/scichart.browser.js" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/scichart@3.0.284/index.min.js" crossorigin="anonymous"></script>
 <!-- or, choosing latest version from 3.x -->
-<script src="https://cdn.jsdelivr.net/npm/scichart@3/_wasm/scichart.browser.js" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/scichart@3/index.min.js" crossorigin="anonymous"></script>
 ```
 
 2.**Create scichart-example.js file with a simple chart**