scichart 2.0.2146 → 2.0.2194

package/Charting3D/Visuals/PointMarkers/DefaultPointMarkers.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/Primitives/BaseSceneEntity3D.js

@@ -22,7 +22,7 @@ var BaseSceneEntity3D = /** @class */ (function () {
     function BaseSceneEntity3D(webAssemblyContext) {
         var _this = this;
         /** @inheritDoc */
-        this.id = guid_1.generateGuid();
+        this.id = (0, guid_1.generateGuid)();
         /**
          * When true, the entity and all its children are visible
          */
@@ -59,7 +59,7 @@ var BaseSceneEntity3D = /** @class */ (function () {
         if (this.nativeEntity) {
             this.world.RemoveEntity(this.nativeEntity);
         }
-        this.nativeEntityProperty = Deleter_1.deleteSafe(this.nativeEntityProperty);
+        this.nativeEntityProperty = (0, Deleter_1.deleteSafe)(this.nativeEntityProperty);
     };
     /**
      * Update method called from WebAssembly engine. Use this to update meshes, properties, geometry before draw.

package/Charting3D/Visuals/Primitives/RenderableSeriesSceneEntity.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/Primitives/ScatterPointsSceneEntity.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 __());
@@ -48,8 +50,8 @@ var ScatterPointsSceneEntity = /** @class */ (function (_super) {
      * @inheritDoc
      */
     ScatterPointsSceneEntity.prototype.delete = function () {
-        this.pointColors = Deleter_1.deleteSafe(this.pointColors);
-        this.pointScales = Deleter_1.deleteSafe(this.pointScales);
+        this.pointColors = (0, Deleter_1.deleteSafe)(this.pointColors);
+        this.pointScales = (0, Deleter_1.deleteSafe)(this.pointScales);
         _super.prototype.delete.call(this);
     };
     /**
@@ -68,7 +70,7 @@ var ScatterPointsSceneEntity = /** @class */ (function (_super) {
             throw new Error("To render 3D Scatter, bubble or point-clouds, you must provider a PointMarker on BaseRenderableSeries3D");
         }
         var eSCRTPointMarkerType = this.webAssemblyContext.eSCRT_POINT_MARKER_TYPE;
-        var defaultColor = parseColor_1.parseColorToUIntArgb(pointMarker.fill);
+        var defaultColor = (0, parseColor_1.parseColorToUIntArgb)(pointMarker.fill);
         switch (pointMarker.markerType) {
             case BasePointMarker3D_1.EMarkerType.Pixel:
                 this.nativeEntity.SetPointMarkerType(eSCRTPointMarkerType.SCRT_POINT_MARKER_TYPE_PIXEL);
@@ -113,7 +115,7 @@ var ScatterPointsSceneEntity = /** @class */ (function (_super) {
             this.nativeEntity.UpdateMeshesVec(xValues, yValues, zValues, colors, scales, args);
         }
         finally {
-            Deleter_1.deleteSafe(args);
+            (0, Deleter_1.deleteSafe)(args);
         }
     };
     ScatterPointsSceneEntity.prototype.rebuildPointMetadata = function (metadata, count, defaultColor) {

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) {
@@ -128,7 +136,7 @@ var SciChart3DRenderer = /** @class */ (function () {
             sceneWorld.SetWorldDimensions(worldDimensionsVector4);
         }
         finally {
-            Deleter_1.deleteSafe(worldDimensionsVector4);
+            (0, Deleter_1.deleteSafe)(worldDimensionsVector4);
         }
     };
     return SciChart3DRenderer;
@@ -136,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
      */