scichart 2.0.2139 → 2.0.2185

package/Charting3D/Visuals/Primitives/SurfaceMeshSceneEntity.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -36,11 +38,11 @@ var EGridDrawingFeatures;
 })(EGridDrawingFeatures || (EGridDrawingFeatures = {}));
 /** @ignore */
 function toString(tsrVector) {
-    return "xyzw= (" + tsrVector.x + " " + tsrVector.y + " " + tsrVector.z + " " + tsrVector.w + ")";
+    return "xyzw= (".concat(tsrVector.x, " ").concat(tsrVector.y, " ").concat(tsrVector.z, " ").concat(tsrVector.w, ")");
 }
 /** @ignore */
 function toStringRange(r) {
-    return "(min=" + r.m_fMin.toFixed(2) + ", max=" + r.m_fMax.toFixed(2) + ")";
+    return "(min=".concat(r.m_fMin.toFixed(2), ", max=").concat(r.m_fMax.toFixed(2), ")");
 }
 /** @ignore */
 function debugProps(props) {
@@ -121,7 +123,7 @@ var SurfaceMeshSceneEntity = /** @class */ (function (_super) {
          */
         _this.type = SceneEntityType_1.ESceneEntityType.SurfaceMeshSceneEntity;
         _this.setNativeEntity(webAssemblyContext.SCRTGridMeshEntity.implement(_this));
-        _this.colorMapTexture = Deleter_1.deleteSafe(_this.colorMapTexture);
+        _this.colorMapTexture = (0, Deleter_1.deleteSafe)(_this.colorMapTexture);
         _this.colorMapTexture = (_a = _this.parentSeries.meshColorPalette) === null || _a === void 0 ? void 0 : _a.getTexture(_this.parentSeries.colorMapTextureSize);
         return _this;
     }
@@ -142,7 +144,7 @@ var SurfaceMeshSceneEntity = /** @class */ (function (_super) {
      */
     SurfaceMeshSceneEntity.prototype.delete = function () {
         _super.prototype.delete.call(this);
-        this.colorMapTexture = Deleter_1.deleteSafe(this.colorMapTexture);
+        this.colorMapTexture = (0, Deleter_1.deleteSafe)(this.colorMapTexture);
     };
     /**
      * @inheritDoc
@@ -203,11 +205,11 @@ var SurfaceMeshSceneEntity = /** @class */ (function (_super) {
             props.m_fContourInterval = this.parentSeries.contourInterval;
             props.m_fContourOffset = this.parentSeries.contourOffset;
             if (this.parentSeries.stroke) {
-                var sc = parseColor_1.parseColorToTArgb(this.parentSeries.stroke);
-                tsrExtensions_1.updateTsrVector4(sc, props.GetWireframeStrokePtr());
+                var sc = (0, parseColor_1.parseColorToTArgb)(this.parentSeries.stroke);
+                (0, tsrExtensions_1.updateTsrVector4)(sc, props.GetWireframeStrokePtr());
             }
             if (this.parentSeries.contourStroke) {
-                tsrExtensions_1.updateTsrVector4(parseColor_1.parseColorToTArgb(this.parentSeries.contourStroke), props.GetContourColorPtr());
+                (0, tsrExtensions_1.updateTsrVector4)((0, parseColor_1.parseColorToTArgb)(this.parentSeries.contourStroke), props.GetContourColorPtr());
             }
             props.m_fHardNormals = this.parentSeries.cellHardnessFactor;
             props.m_fHighlight = this.parentSeries.highlight;
@@ -218,7 +220,7 @@ var SurfaceMeshSceneEntity = /** @class */ (function (_super) {
             this.nativeEntity.SetGridDrawingProperties(props);
         }
         finally {
-            Deleter_1.deleteSafe(props);
+            (0, Deleter_1.deleteSafe)(props);
         }
         // Setup Range and Offset
         var xCalc = this.currentRenderPassData.xCalc;
@@ -255,12 +257,12 @@ var SurfaceMeshSceneEntity = /** @class */ (function (_super) {
             this.nativeEntity.SetVisibleRange(visibleRangeX, visibleRangeY, visibleRangeZ);
         }
         finally {
-            Deleter_1.deleteSafe(meshRangeX);
-            Deleter_1.deleteSafe(meshRangeY);
-            Deleter_1.deleteSafe(meshRangeZ);
-            Deleter_1.deleteSafe(visibleRangeX);
-            Deleter_1.deleteSafe(visibleRangeY);
-            Deleter_1.deleteSafe(visibleRangeZ);
+            (0, Deleter_1.deleteSafe)(meshRangeX);
+            (0, Deleter_1.deleteSafe)(meshRangeY);
+            (0, Deleter_1.deleteSafe)(meshRangeZ);
+            (0, Deleter_1.deleteSafe)(visibleRangeX);
+            (0, Deleter_1.deleteSafe)(visibleRangeY);
+            (0, Deleter_1.deleteSafe)(visibleRangeZ);
         }
         var yOffset = this.parentSeries.yOffset ? yCalc.getCoordinate(this.parentSeries.yOffset) : 0;
         // console.log(`heightScaleFactor, yOffset ${this.parentSeries.heightScaleFactor} ${yOffset}`);
@@ -282,7 +284,7 @@ var SurfaceMeshSceneEntity = /** @class */ (function (_super) {
             var gridHeight = gridDataSeries.zSize;
             Guard_1.Guard.notNull(this.currentRenderPassData, "SurfaceMeshSceneEntity.currentRenderPassData");
             if (this.state.setColorMapTextureInvalid) {
-                this.colorMapTexture = Deleter_1.deleteSafe(this.colorMapTexture);
+                this.colorMapTexture = (0, Deleter_1.deleteSafe)(this.colorMapTexture);
                 this.colorMapTexture = (_a = this.parentSeries.meshColorPalette) === null || _a === void 0 ? void 0 : _a.getTexture(this.parentSeries.colorMapTextureSize);
             }
             var needUpdateMesh = this.state.isInitialState;
@@ -310,9 +312,9 @@ var SurfaceMeshSceneEntity = /** @class */ (function (_super) {
                 cellColors.resize(gridWidth * gridHeight, 0);
                 // console.log(`UpdateMeshesVec ${gridWidth} ${gridHeight}`);
                 this.nativeEntity.UpdateMeshesVec(heightCoords, zOffsets, cellColors, gridWidth, gridHeight, scrtMeshRes);
-                Deleter_1.deleteSafe(heightCoords);
-                Deleter_1.deleteSafe(zOffsets);
-                Deleter_1.deleteSafe(cellColors);
+                (0, Deleter_1.deleteSafe)(heightCoords);
+                (0, Deleter_1.deleteSafe)(zOffsets);
+                (0, Deleter_1.deleteSafe)(cellColors);
             }
             if (needUpdateHeights) {
                 // console.log(`UpdateHeightCoordinatesVec ${gridWidth} ${gridHeight}`);
@@ -327,7 +329,7 @@ var SurfaceMeshSceneEntity = /** @class */ (function (_super) {
                     }
                 }
                 this.nativeEntity.UpdateHeightCoordinatesVec(heightCoords, gridWidth, gridHeight);
-                Deleter_1.deleteSafe(heightCoords);
+                (0, Deleter_1.deleteSafe)(heightCoords);
             }
         }
     };

package/Charting3D/Visuals/RenderableSeries/BaseRenderableSeries3D.js

@@ -24,7 +24,7 @@ var BaseRenderableSeries3D = /** @class */ (function () {
      */
     function BaseRenderableSeries3D(webAssemblyContext, options) {
         var _a;
-        this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : guid_1.generateGuid();
+        this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : (0, guid_1.generateGuid)();
         this.webAssemblyContext = webAssemblyContext;
         this.dataSeriesProperty = (options === null || options === void 0 ? void 0 : options.dataSeries) || undefined;
         this.isVisibleProperty = (options === null || options === void 0 ? void 0 : options.isVisible) !== undefined ? options === null || options === void 0 ? void 0 : options.isVisible : true;
@@ -170,8 +170,8 @@ var BaseRenderableSeries3D = /** @class */ (function () {
     };
     /** @inheritDoc */
     BaseRenderableSeries3D.prototype.delete = function () {
-        this.sceneEntityProperty = Deleter_1.deleteSafe(this.sceneEntityProperty);
-        this.dataSeries = Deleter_1.deleteSafe(this.dataSeries);
+        this.sceneEntityProperty = (0, Deleter_1.deleteSafe)(this.sceneEntityProperty);
+        this.dataSeries = (0, Deleter_1.deleteSafe)(this.dataSeries);
     };
     /** @inheritDoc */
     BaseRenderableSeries3D.prototype.onDpiChanged = function (args) {

package/Charting3D/Visuals/RenderableSeries/ScatterRenderableSeries3D.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/Charting3D/Visuals/RenderableSeries/SurfaceMesh/GradientColorPalette.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/Charting3D/Visuals/RenderableSeries/SurfaceMesh/SolidColorBrushPalette.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -64,9 +66,9 @@ var SolidColorBrushPalette = /** @class */ (function (_super) {
         if (app_1.IS_TEST_ENV) {
             return undefined;
         }
-        var color = parseColor_1.parseColorToUIntArgb(this.fill);
+        var color = (0, parseColor_1.parseColorToUIntArgb)(this.fill);
         if (isNaN(color)) {
-            throw Error("SolidColorBrushPalette.fill " + this.fill + " cannot be converted to an ABGR color");
+            throw Error("SolidColorBrushPalette.fill ".concat(this.fill, " cannot be converted to an ABGR color"));
         }
         var canvasTexture = new CanvasTexture_1.CanvasTexture(this.webAssemblyContext, size.width, size.height);
         canvasTexture.clear();

package/Charting3D/Visuals/RenderableSeries/SurfaceMesh/SurfaceMeshRenderableSeries3D.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/Charting3D/Visuals/RootSceneEntity.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/Charting3D/Visuals/SciChart3DRenderer.d.ts

@@ -25,6 +25,7 @@ export declare class SciChart3DRenderer {
     static tryPerformAutoRangeOn(axis: AxisBase3D, scs: SciChart3DSurface): void;
     private readonly scs;
     private wasmContext;
+    private previousTime;
     constructor(scs: SciChart3DSurface, wasmContext: TSciChart3D);
     /**
      * The main render loop

package/Charting3D/Visuals/SciChart3DRenderer.js

@@ -82,6 +82,10 @@ var SciChart3DRenderer = /** @class */ (function () {
         var tsrCamera = sceneWorld.GetMainCamera();
         var typescriptCamera = this.scs.camera;
         typescriptCamera.updateEngineCamera(tsrCamera);
+        // Animation Step
+        var timeElapsed = this.previousTime ? Date.now() - this.previousTime : undefined;
+        this.previousTime = Date.now();
+        this.scs.onAnimate(timeElapsed);
         // Step 2: Update background of the chart
         this.scs.updateBackground();
         // Step 3: Prepare the Axes
@@ -95,6 +99,10 @@ var SciChart3DRenderer = /** @class */ (function () {
         this.scs.updateWatermark(6, 6);
         // Step 6: Notify that scene is about to be drawn
         this.scs.onSciChartRendered();
+        // Invalidate for the animations
+        if (this.scs.isRunningAnimation) {
+            setTimeout(this.scs.invalidateElement, 0);
+        }
     };
     SciChart3DRenderer.prototype.isSurfaceValid = function (sciChartSurface, viewportSize) {
         if (!sciChartSurface.xAxis) {
@@ -117,6 +125,7 @@ var SciChart3DRenderer = /** @class */ (function () {
         axis.forEach(function (el) {
             el.validateAxis();
             SciChart3DRenderer.tryPerformAutoRangeOn(el, _this.scs);
+            el.isMeasured = true;
         });
     };
     SciChart3DRenderer.prototype.updateWorldDimensions = function (sceneWorld, worldDimensions) {
@@ -127,7 +136,7 @@ var SciChart3DRenderer = /** @class */ (function () {
             sceneWorld.SetWorldDimensions(worldDimensionsVector4);
         }
         finally {
-            Deleter_1.deleteSafe(worldDimensionsVector4);
+            (0, Deleter_1.deleteSafe)(worldDimensionsVector4);
         }
     };
     return SciChart3DRenderer;
@@ -135,5 +144,5 @@ var SciChart3DRenderer = /** @class */ (function () {
 exports.SciChart3DRenderer = SciChart3DRenderer;
 /** @ignore */
 var toString = function (vector) {
-    return "TSRVector3 (" + vector.x.toFixed(2) + ", " + vector.y.toFixed(2) + ", " + vector.z.toFixed(2) + ")";
+    return "TSRVector3 (".concat(vector.x.toFixed(2), ", ").concat(vector.y.toFixed(2), ", ").concat(vector.z.toFixed(2), ")");
 };

package/Charting3D/Visuals/SciChart3DSurface.d.ts

@@ -3,6 +3,7 @@ import { IThemeProvider } from "../../Charting/Themes/IThemeProvider";
 import { I2DSurfaceOptions } from "../../Charting/Visuals/I2DSurfaceOptions";
 import { ESurfaceType, SciChartSurfaceBase, TSciChartConfig } from "../../Charting/Visuals/SciChartSurfaceBase";
 import { TDpiChangedEventArgs } from "../../Charting/Visuals/TextureManager/DpiHelper";
+import { IGenericAnimation } from "../../Core/Animations/GenericAnimation";
 import { ObservableArray } from "../../Core/ObservableArray";
 import { SCRTSceneWorld, TSciChart3D } from "../../types/TSciChart3D";
 import { TSciChartSurfaceCanvases } from "../../types/TSciChartSurfaceCanvases";
@@ -114,6 +115,7 @@ export declare class SciChart3DSurface extends SciChartSurfaceBase {
      * access to our WebGL2 Engine and WebAssembly numerical methods
      */
     readonly webAssemblyContext3D: TSciChart3D;
+    protected animationList: IGenericAnimation[];
     private xAxisProperty;
     private yAxisProperty;
     private zAxisProperty;
@@ -251,6 +253,26 @@ export declare class SciChart3DSurface extends SciChartSurfaceBase {
      * @inheritDoc
      */
     changeViewportSize(pixelWidth: number, pixelHeight: number): void;
+    /**
+     * Gets the generic animations currently on the surface. Do not manipulate this array directly.
+     * To add, use addAnimation.  To remove, find an animation and call .cancel() on it.
+     */
+    getAnimations(): ReadonlyArray<IGenericAnimation>;
+    /**
+     * Add a {@link GenericAnimation} to the surface.
+     * Multiple animations will be run in parallel, so if you want to run one after another, use the onCompleted callback
+     * to add another animation after the first completes
+     */
+    addAnimation(animation: IGenericAnimation): void;
+    /**
+     * Returns true if an animation is running
+     */
+    get isRunningAnimation(): boolean;
+    /**
+     * Is being called on each render, to run animations
+     * @param timeElapsed
+     */
+    onAnimate(timeElapsed: number): void;
     /**
      * @inheritDoc
      */

package/Charting3D/Visuals/SciChart3DSurface.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -57,6 +59,7 @@ var SciChart3DSurface = /** @class */ (function (_super) {
     function SciChart3DSurface(webAssemblyContext, options) {
         var _a, _b, _c, _d;
         var _this = _super.call(this, webAssemblyContext, options === null || options === void 0 ? void 0 : options.canvases) || this;
+        _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;
         var canvasHeight = (_d = (_c = _this.domCanvas2D) === null || _c === void 0 ? void 0 : _c.height) !== null && _d !== void 0 ? _d : app_1.DEFAULT_HEIGHT;
@@ -114,7 +117,7 @@ var SciChart3DSurface = /** @class */ (function (_super) {
      * @param options Optional parameters of type {@link I2DSurfaceOptions}
      */
     SciChart3DSurface.createSingle = function (divElementId, options) {
-        return createSingle3d_1.createSingle3dInternal(divElementId, options);
+        return (0, createSingle3d_1.createSingle3dInternal)(divElementId, options);
     };
     /**
      * Allows setting of web URL for Wasm and Data files, in the case you are loading SciChart outside of npm/webpack environment.
@@ -140,7 +143,7 @@ var SciChart3DSurface = /** @class */ (function (_super) {
      * @param options Optional parameters of type {@link IChartCreationOptions}
      */
     SciChart3DSurface.create = function (divElementId, options) {
-        return createMaster3d_1.createMultichart3d(divElementId, options);
+        return (0, createMaster3d_1.createMultichart3d)(divElementId, options);
     };
     /**
      * Used internally: Gets the {@link SCRTSceneWorld} object at the root of the 3d scene graph
@@ -155,13 +158,13 @@ var SciChart3DSurface = /** @class */ (function (_super) {
         _super.prototype.delete.call(this);
         this.renderableSeries.asArray().forEach(function (el) { return el.delete(); });
         this.renderableSeries.clear();
-        this.xAxis = Deleter_1.deleteSafe(this.xAxis);
-        this.yAxis = Deleter_1.deleteSafe(this.yAxis);
-        this.zAxis = Deleter_1.deleteSafe(this.zAxis);
-        this.rootEntity = Deleter_1.deleteSafe(this.rootEntity);
-        this.watermarkProperties = Deleter_1.deleteSafe(this.watermarkProperties);
-        this.watermarkPropertyPosition = Deleter_1.deleteSafe(this.watermarkPropertyPosition);
-        this.sceneWorldProperty = Deleter_1.deleteSafe(this.sceneWorldProperty);
+        this.xAxis = (0, Deleter_1.deleteSafe)(this.xAxis);
+        this.yAxis = (0, Deleter_1.deleteSafe)(this.yAxis);
+        this.zAxis = (0, Deleter_1.deleteSafe)(this.zAxis);
+        this.rootEntity = (0, Deleter_1.deleteSafe)(this.rootEntity);
+        this.watermarkProperties = (0, Deleter_1.deleteSafe)(this.watermarkProperties);
+        this.watermarkPropertyPosition = (0, Deleter_1.deleteSafe)(this.watermarkPropertyPosition);
+        this.sceneWorldProperty = (0, Deleter_1.deleteSafe)(this.sceneWorldProperty);
         if (!app_1.IS_TEST_ENV) {
             this.webAssemblyContext3D.SCRTSetActiveWorld(null);
         }
@@ -403,10 +406,60 @@ var SciChart3DSurface = /** @class */ (function (_super) {
             this.changeWebGLCanvasViewportSize(this.webAssemblyContext3D, pixelWidth, pixelHeight);
         }
         if (this.domDivContainer) {
-            this.domDivContainer.style.height = pixelHeight + "px";
+            this.domDivContainer.style.height = "".concat(pixelHeight, "px");
         }
         this.invalidateElement();
     };
+    /**
+     * Gets the generic animations currently on the surface. Do not manipulate this array directly.
+     * To add, use addAnimation.  To remove, find an animation and call .cancel() on it.
+     */
+    SciChart3DSurface.prototype.getAnimations = function () {
+        return this.animationList;
+    };
+    /**
+     * Add a {@link GenericAnimation} to the surface.
+     * Multiple animations will be run in parallel, so if you want to run one after another, use the onCompleted callback
+     * to add another animation after the first completes
+     */
+    SciChart3DSurface.prototype.addAnimation = function (animation) {
+        if (!animation)
+            return;
+        this.animationList.push(animation);
+        this.invalidateElement();
+    };
+    Object.defineProperty(SciChart3DSurface.prototype, "isRunningAnimation", {
+        /**
+         * Returns true if an animation is running
+         */
+        get: function () {
+            return this.animationList.some(function (a) { return !a.isComplete; });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Is being called on each render, to run animations
+     * @param timeElapsed
+     */
+    SciChart3DSurface.prototype.onAnimate = function (timeElapsed) {
+        if (timeElapsed) {
+            // advance all animations in queue
+            var remainingAnimations = [];
+            for (var i = 0; i < this.animationList.length; i++) {
+                var animation = this.animationList[i];
+                if (!animation.isComplete) {
+                    animation.update(timeElapsed);
+                    if (!animation.isComplete) {
+                        // Request another draw to advance animation
+                        this.invalidateElement();
+                        remainingAnimations.push(animation);
+                    }
+                }
+            }
+            this.animationList = remainingAnimations;
+        }
+    };
     /**
      * @inheritDoc
      */

package/Charting3D/Visuals/createMaster3d.js

@@ -54,13 +54,13 @@ var sciChartMaster3D = {
 /** @ignore */
 var sciChartMaster3DPromise;
 /** @ignore */
-exports.createMultichart3d = function (divElementId, options) { return __awaiter(void 0, void 0, void 0, function () {
+var createMultichart3d = function (divElementId, options) { return __awaiter(void 0, void 0, void 0, function () {
     var canvases, loader, loaderDiv, master, createChildSurface, wasmContext, sciChart3DSurface;
     var _a, _b, _c, _d, _e;
     return __generator(this, function (_f) {
         switch (_f.label) {
             case 0:
-                chartBuilder_1.ensureRegistrations();
+                (0, chartBuilder_1.ensureRegistrations)();
                 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);
                 if (!(!sciChartMaster3D.wasmContext || !sciChartMaster3D.createChildSurface || !sciChartMaster3D.getChildSurfaces)) return [3 /*break*/, 2];
@@ -89,6 +89,7 @@ exports.createMultichart3d = function (divElementId, options) { return __awaiter
         }
     });
 }); };
+exports.createMultichart3d = createMultichart3d;
 /** @ignore */
 exports.sciChartDestinations = [];
 /** @ignore */
@@ -102,7 +103,7 @@ var createMaster = function () {
         return sciChart3DSurface;
     };
     var addDestination = function (wasmContext, canvasElementId, sciChartSurface, width, height, chartInitObj3D) {
-        var newDestination = SciChartSurfaceBase_1.createChartDestination(canvasElementId);
+        var newDestination = (0, SciChartSurfaceBase_1.createChartDestination)(canvasElementId);
         if (!newDestination) {
             sciChartSurface.delete();
             return;
@@ -112,7 +113,7 @@ var createMaster = function () {
         exports.sciChartDestinations.push({ canvasElementId: canvasElementId, sciChartSurface: sciChartSurface, width: width, height: height });
     };
     return new Promise(function (resolve) {
-        var locateFile3d = SciChartSurfaceBase_1.getLocateFile(SciChart3DSurface_1.sciChartConfig3D);
+        var locateFile3d = (0, SciChartSurfaceBase_1.getLocateFile)(SciChart3DSurface_1.sciChartConfig3D);
         // @ts-ignore
         new WasmModule3D({ locateFile3d: locateFile3d, noInitialRun: true }).then(function (wasmContext) {
             var getChildSurfaces = function () { return exports.sciChartDestinations.map(function (el) { return el.sciChartSurface; }); };
@@ -131,10 +132,10 @@ var createMaster = function () {
                 });
                 var sciChart3DSurface = createChildSurfaceInner(wasmContext, divElementId, canvases, theme);
                 addDestination(wasmContext, canvas2dId, sciChart3DSurface, canvases.domCanvas2D.width, canvases.domCanvas2D.height, chartInitObj);
-                licenseManager3D_1.applyLicense3D(wasmContext, sciChart3DSurface, false);
+                (0, licenseManager3D_1.applyLicense3D)(wasmContext, sciChart3DSurface, false);
                 return sciChart3DSurface;
             };
-            wasmContext.canvas = SciChartSurfaceBase_1.getMasterCanvas();
+            wasmContext.canvas = (0, SciChartSurfaceBase_1.getMasterCanvas)();
             var chartInitializer = {
                 InitializeChart: function () {
                     resolve({ getChildSurfaces: getChildSurfaces, createChildSurface: createChildSurface, wasmContext: wasmContext });
@@ -166,7 +167,7 @@ var createMaster = function () {
             wasmContext.SCRTSetGlobalSampleChartInterface3D(chartInitObj);
             // create an object that native side can trigger the copy to from...
             var canvasCopyObj = wasmContext.SCRTCopyToDestinationInterface.implement({
-                CopyToDestination: SciChartSurfaceBase_1.copyToCanvas(SciChartSurfaceBase_1.SciChartSurfaceBase.domMasterCanvas)
+                CopyToDestination: (0, SciChartSurfaceBase_1.copyToCanvas)(SciChartSurfaceBase_1.SciChartSurfaceBase.domMasterCanvas)
             });
             wasmContext.SCRTSetGlobalCopyToDestinationInterface(canvasCopyObj);
             wasmContext.TSRSetDrawRequestsEnabled(true);

package/Charting3D/Visuals/createSingle3d.js

@@ -11,8 +11,8 @@ var WebGlHelper_1 = require("../../Core/WebGlHelper");
 var logger_1 = require("../../utils/logger");
 var licenseManager3D_1 = require("./licenseManager3D");
 var SciChart3DSurface_1 = require("./SciChart3DSurface");
-exports.createSingle3dInternal = function (divElementId, options) {
-    chartBuilder_1.ensureRegistrations();
+var createSingle3dInternal = function (divElementId, options) {
+    (0, chartBuilder_1.ensureRegistrations)();
     return new Promise(function (resolve) {
         var _a, _b, _c, _d;
         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);
@@ -21,7 +21,7 @@ exports.createSingle3dInternal = function (divElementId, options) {
         var webGLSupport = WebGlHelper_1.WebGlHelper.getWebGlSupport();
         console.log("webGLSupport", webGLSupport);
         if (webGLSupport === WebGlHelper_1.EWebGLSupport.WebGL2 || webGLSupport === WebGlHelper_1.EWebGLSupport.WebGL1) {
-            var locateFile3d = SciChartSurfaceBase_1.getLocateFile(SciChart3DSurface_1.sciChartConfig3D);
+            var locateFile3d = (0, SciChartSurfaceBase_1.getLocateFile)(SciChart3DSurface_1.sciChartConfig3D);
             // @ts-ignore
             new WasmModule3D({ locateFile3d: locateFile3d, noInitialRun: true }).then(function (wasmContext) {
                 var _a;
@@ -36,6 +36,7 @@ exports.createSingle3dInternal = function (divElementId, options) {
         }
     });
 };
+exports.createSingle3dInternal = createSingle3dInternal;
 // SINGLE CHART FUNCTIONS
 /** @ignore */
 var initDrawEngineSingleChart = function (wasmContext, canvases, resolve, theme) {
@@ -52,7 +53,7 @@ var initDrawEngineSingleChart = function (wasmContext, canvases, resolve, theme)
             scs.applyTheme(theme);
             var unsub = sciChartInitCommon_1.default.subscribeToResize(canvases.domChartRoot, canvases.aspect, scs);
             scs.addDeletable(unsub);
-            licenseManager3D_1.applyLicense3D(wasmContext, scs, true);
+            (0, licenseManager3D_1.applyLicense3D)(wasmContext, scs, true);
             scs.setIsInitialized();
             setTimeout(function () {
                 setTimeout(scs.invalidateElement, 0);

package/Charting3D/Visuals/licenseManager3D.js

@@ -18,23 +18,24 @@ var callbacks3D = {
         trialExpired =
             licenseContext3D.SCRTCredentials.GetLicenseType() ===
                 licenseContext3D.SCRTLicenseType.LICENSE_TYPE_TRIAL_EXPIRED;
-        licenseManager2D_1.updateLicenseDisplay(licenseManager2D_1.getLicenseInfo(licenseContext3D), sciChartSurface3D, false, true);
+        (0, licenseManager2D_1.updateLicenseDisplay)((0, licenseManager2D_1.getLicenseInfo)(licenseContext3D), sciChartSurface3D, false, true);
         return { requiresValidation: requiresValidation, trialExpired: trialExpired };
     },
-    updateLicenseDisplay3D: function () { return licenseManager2D_1.updateLicenseDisplay(licenseManager2D_1.getLicenseInfo(licenseContext3D), sciChartSurface3D, false, true); }
+    updateLicenseDisplay3D: function () { return (0, licenseManager2D_1.updateLicenseDisplay)((0, licenseManager2D_1.getLicenseInfo)(licenseContext3D), sciChartSurface3D, false, true); }
 };
 var shouldApplyLicense3D = true;
 var licenseContext3D;
 var sciChartSurface3D;
-exports.applyLicense3D = function (licenseContext, sciChartSurface, isSingle) {
+var applyLicense3D = function (licenseContext, sciChartSurface, isSingle) {
     if (isSingle || shouldApplyLicense3D) {
         licenseContext3D = licenseContext;
         sciChartSurface3D = sciChartSurface;
         // set up callbacks
-        licenseManager2D_1.setCallbacks3D(callbacks3D);
-        licenseManager2D_1.applyLicense(licenseContext);
+        (0, licenseManager2D_1.setCallbacks3D)(callbacks3D);
+        (0, licenseManager2D_1.applyLicense)(licenseContext);
     }
-    licenseManager2D_1.updateLicenseDisplay(licenseManager2D_1.getLicenseInfo(licenseContext), sciChartSurface, false, false);
+    (0, licenseManager2D_1.updateLicenseDisplay)((0, licenseManager2D_1.getLicenseInfo)(licenseContext), sciChartSurface, false, false);
     if (!isSingle)
         shouldApplyLicense3D = false;
 };
+exports.applyLicense3D = applyLicense3D;

package/Core/Animations/AnimationFiniteStateMachine.d.ts

@@ -1,6 +1,7 @@
-import { BaseAnimation } from "../../Charting/Visuals/RenderableSeries/Animations/BaseAnimation";
 import { BaseAnimationStyle } from "../../Charting/Visuals/RenderableSeries/Animations/BaseAnimationStyle";
+import { SeriesAnimation } from "../../Charting/Visuals/RenderableSeries/Animations/SeriesAnimation";
 import { IRenderableSeries } from "../../Charting/Visuals/RenderableSeries/IRenderableSeries";
+import { TEasingFn } from "./EasingFunctions";
 export declare enum EAnimationState {
     InitialState = "InitialState",
     Delayed = "Delayed",
@@ -15,15 +16,19 @@ export declare enum EAnimationStateTransition {
     Delayed_Running = "Delayed_Running",
     Running_Completed = "Running_Completed"
 }
+export interface IAnimation {
+    delay: number;
+    duration: number;
+    ease: TEasingFn;
+}
 export declare class AnimationFiniteStateMachine {
-    private readonly animationProperty;
-    private readonly initialStylesProperty;
-    private stateProperty;
-    private animationDelayStartTimestamp;
-    private animationDelayElapsed;
-    private animationStartTimestamp;
-    private animationElapsed;
-    constructor(animation: BaseAnimation, renderableSeries: IRenderableSeries);
+    protected readonly animationProperty: IAnimation;
+    protected stateProperty: EAnimationState;
+    protected animationDelayStartTimestamp: number;
+    protected animationDelayElapsed: number;
+    protected animationStartTimestamp: number;
+    protected animationElapsed: number;
+    constructor(animation: IAnimation);
     /**
      * Gets the current state
      */
@@ -31,11 +36,7 @@ export declare class AnimationFiniteStateMachine {
     /**
      * Gets the animation property
      */
-    get animation(): BaseAnimation;
-    /**
-     * Gets the initial styles for the animation
-     */
-    get initialStyles(): BaseAnimationStyle;
+    get animation(): IAnimation;
     /**
      * Checks the current state
      * @param states
@@ -60,3 +61,15 @@ export declare class AnimationFiniteStateMachine {
     private updateDelayedState;
     private updateRunningState;
 }
+export declare class SeriesAnimationFiniteStateMachine extends AnimationFiniteStateMachine {
+    private readonly initialStylesProperty;
+    constructor(animation: SeriesAnimation, renderableSeries: IRenderableSeries);
+    /**
+     * Gets the animation property
+     */
+    get animation(): SeriesAnimation;
+    /**
+     * Gets the initial styles for the animation
+     */
+    get initialStyles(): BaseAnimationStyle;
+}