scichart 2.0.2139 → 2.0.2185

package/Charting3D/ChartModifiers/ResetCamera3DModifier.js

@@ -0,0 +1,143 @@
+"use strict";
+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 (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 __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResetCamera3DModifier = void 0;
+var DoubleAnimator_1 = require("../../Core/Animations/DoubleAnimator");
+var EasingFunctions_1 = require("../../Core/Animations/EasingFunctions");
+var GenericAnimation_1 = require("../../Core/Animations/GenericAnimation");
+var ChartModifierType_1 = require("../../types/ChartModifierType");
+var CameraController_1 = require("../CameraController");
+var ChartModifierBase3D_1 = require("./ChartModifierBase3D");
+/**
+ * @summary The {@link ResetCamera3DModifier} provides double click to zoom to extents behavior on a 3D {@link SciChart3DSurface}
+ * within SciChart - High Performance {@link https://www.scichart.com/javascript-chart-features | JavaScript 3D Charts}
+ * @description
+ *
+ * To apply the {@link ResetCamera3DModifier} to a {@link SciChart3DSurface} and add Mouse-wheel zoom behavior,
+ * use the following code:
+ *
+ * ```ts
+ * const sciChartS3Durface: SciChart3DSurface;
+ * sciChart3DSurface.chartModifiers.add(new ZoomExtentsModifier3D());
+ * ```
+ *
+ */
+var ResetCamera3DModifier = /** @class */ (function (_super) {
+    __extends(ResetCamera3DModifier, _super);
+    /**
+     * Creates an instance of the {@link ResetCamera3DModifier}
+     * @param options optional parameters of type {@link IResetCamera3DOptions} used to configure the modifier
+     */
+    function ResetCamera3DModifier(options) {
+        var _a, _b, _c;
+        var _this = _super.call(this, options) || this;
+        /**
+         * When true, the Zoom operations are animated. See also {@link animationDuration} and {@link easingFunction}
+         */
+        _this.isAnimated = true;
+        /**
+         * Defines the duration of animations when zooming in milliseconds
+         */
+        _this.animationDuration = 400;
+        /**
+         * Defines the easing function for animation. See {@link TEasingFn} for a range of functions
+         */
+        _this.easingFunction = EasingFunctions_1.easing.outExpo;
+        _this.isAnimated = (_a = options === null || options === void 0 ? void 0 : options.isAnimated) !== null && _a !== void 0 ? _a : true;
+        _this.animationDuration = (_b = options === null || options === void 0 ? void 0 : options.animationDuration) !== null && _b !== void 0 ? _b : 400;
+        if ((options === null || options === void 0 ? void 0 : options.easingFunction) && typeof options.easingFunction === "string") {
+            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;
+        return _this;
+    }
+    ResetCamera3DModifier.prototype.onAttach = function () {
+        if (!this.destination) {
+            var scs = this.parentSurface;
+            if (!scs) {
+                return;
+            }
+            var camera = scs.camera;
+            if (!camera) {
+                return;
+            }
+            this.destination = {
+                radius: camera.radius,
+                pitch: camera.orbitalPitch,
+                yaw: camera.orbitalYaw,
+                width: camera.orthoWidth,
+                height: camera.orthoHeight
+            };
+        }
+    };
+    /**
+     * @inheritDoc
+     */
+    ResetCamera3DModifier.prototype.modifierDoubleClick = function (args) {
+        var _a, _b;
+        var scs = this.parentSurface;
+        if (!scs) {
+            return;
+        }
+        var camera = scs.camera;
+        if (!camera) {
+            return;
+        }
+        var radius = camera.radius;
+        if (camera.projectionMode === CameraController_1.ECameraProjectionMode.Perspective) {
+            var animation = new GenericAnimation_1.GenericAnimation({
+                from: { radius: camera.radius, pitch: camera.orbitalPitch, yaw: camera.orbitalYaw },
+                to: (_a = this.destination) !== null && _a !== void 0 ? _a : { radius: 1, pitch: 0, yaw: 0 },
+                onAnimate: function (from, to, progress) {
+                    camera.radius = DoubleAnimator_1.DoubleAnimator.interpolate(from.radius, to.radius, progress);
+                    camera.orbitalPitch = DoubleAnimator_1.DoubleAnimator.interpolate(from.pitch, to.pitch, progress);
+                    camera.orbitalYaw = DoubleAnimator_1.DoubleAnimator.interpolate(from.yaw, to.yaw, progress);
+                },
+                duration: this.isAnimated ? this.animationDuration : 0,
+                ease: this.easingFunction
+            });
+            scs.addAnimation(animation);
+        }
+        else {
+            var animation = new GenericAnimation_1.GenericAnimation({
+                from: { width: camera.orthoWidth, height: camera.orthoHeight },
+                to: (_b = this.destination) !== null && _b !== void 0 ? _b : { width: 1, height: 1 },
+                onAnimate: function (from, to, progress) {
+                    camera.orthoWidth = DoubleAnimator_1.DoubleAnimator.interpolate(from.width, to.width, progress);
+                    camera.orthoHeight = DoubleAnimator_1.DoubleAnimator.interpolate(from.height, to.height, progress);
+                },
+                duration: this.isAnimated ? this.animationDuration : 0,
+                ease: this.easingFunction
+            });
+            scs.addAnimation(animation);
+        }
+        args.handled = true;
+    };
+    // @ts-ignore
+    ResetCamera3DModifier.prototype.toJSON = function () {
+        return {
+            type: ChartModifierType_1.EChart3DModifierType.ZoomExtents,
+            options: {
+                animationDuration: this.animationDuration,
+                easingFunction: this.easingFunction.name,
+                isAnimated: this.isAnimated
+            }
+        };
+    };
+    return ResetCamera3DModifier;
+}(ChartModifierBase3D_1.ChartModifierBase3D));
+exports.ResetCamera3DModifier = ResetCamera3DModifier;

package/Charting3D/Model/DataSeries/BaseGridDataSeries3D.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 __());
@@ -132,7 +134,7 @@ var BaseGridDataSeries3D = /** @class */ (function (_super) {
             return this.yValuesProperty[zIndex][xIndex];
         }
         catch (_a) {
-            console.log("error at get z,x " + zIndex + ", " + xIndex);
+            console.log("error at get z,x ".concat(zIndex, ", ").concat(xIndex));
             return 0;
         }
     };

package/Charting3D/Model/DataSeries/UniformGridDataSeries3D.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/Model/DataSeries/XyzDataSeries3D.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 __());
@@ -291,9 +293,9 @@ var XyzDataSeries3D = /** @class */ (function (_super) {
      * @inheritDoc
      */
     XyzDataSeries3D.prototype.delete = function () {
-        this.xValues = Deleter_1.deleteSafe(this.xValues);
-        this.yValues = Deleter_1.deleteSafe(this.yValues);
-        this.zValues = Deleter_1.deleteSafe(this.zValues);
+        this.xValues = (0, Deleter_1.deleteSafe)(this.xValues);
+        this.yValues = (0, Deleter_1.deleteSafe)(this.yValues);
+        this.zValues = (0, Deleter_1.deleteSafe)(this.zValues);
         this.metadata = [];
         _super.prototype.delete.call(this);
     };

package/Charting3D/Vector3.js

@@ -164,7 +164,7 @@ var Vector3 = /** @class */ (function () {
      * Returns a string representation of the vector for debugging purposes
      */
     Vector3.prototype.toString = function () {
-        return "Vector3 (" + this.xProperty.toFixed(2) + ", " + this.yProperty.toFixed(2) + ", " + this.zProperty.toFixed(2) + ")";
+        return "Vector3 (".concat(this.xProperty.toFixed(2), ", ").concat(this.yProperty.toFixed(2), ", ").concat(this.zProperty.toFixed(2), ")");
     };
     Vector3.zeroVector = new Vector3(0, 0, 0);
     return Vector3;

package/Charting3D/Visuals/Axis/AxisBase3D.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 __());
@@ -305,9 +307,9 @@ var AxisBase3D = /** @class */ (function (_super) {
         var descriptor = {
             axisTitle: Array.isArray(this.axisTitle) ? this.axisTitle.join(" ") : this.axisTitle,
             axisSize: this.getAxisSize(),
-            backgroundColor: parseColor_1.parseColorToUIntArgb(this.backgroundColor || defaultColor),
-            bandColor: parseColor_1.parseColorToTArgb(this.axisBandsFill || defaultBandsColor),
-            borderColor: parseColor_1.parseColorToUIntArgb(this.planeBorderColor || defaultColor),
+            backgroundColor: (0, parseColor_1.parseColorToUIntArgb)(this.backgroundColor || defaultColor),
+            bandColor: (0, parseColor_1.parseColorToTArgb)(this.axisBandsFill || defaultBandsColor),
+            borderColor: (0, parseColor_1.parseColorToUIntArgb)(this.planeBorderColor || defaultColor),
             borderThickness: this.planeBorderThickness,
             drawBands: this.drawMajorBands,
             drawMajorGridlines: this.drawMajorGridLines,
@@ -321,7 +323,7 @@ var AxisBase3D = /** @class */ (function (_super) {
                 dpiScaling: this.labelStyle.dpiScaling / 96,
                 fontFamily: this.labelStyle.fontFamily,
                 fontSize: this.labelStyle.fontSize * DpiHelper_1.DpiHelper.PIXEL_RATIO,
-                foreground: parseColor_1.parseColorToUIntArgb(this.labelStyle.foreground)
+                foreground: (0, parseColor_1.parseColorToUIntArgb)(this.labelStyle.foreground)
             },
             majorCoordinates: majorTickCoords,
             majorLineStyle: toLineStyle(this.majorGridLineStyle),
@@ -454,7 +456,7 @@ exports.AxisBase3D = AxisBase3D;
 /** @ignore */
 var toLineStyle = function (styleProperty) {
     return {
-        stroke: parseColor_1.parseColorToTArgb(styleProperty.color),
+        stroke: (0, parseColor_1.parseColorToTArgb)(styleProperty.color),
         strokeThickness: styleProperty.strokeThickness * DpiHelper_1.DpiHelper.PIXEL_RATIO,
         start: 1,
         end: 1
@@ -463,7 +465,7 @@ var toLineStyle = function (styleProperty) {
 /** @ignore */
 var toTickStyle = function (tickLineStyle) {
     return {
-        stroke: parseColor_1.parseColorToTArgb(tickLineStyle.color),
+        stroke: (0, parseColor_1.parseColorToTArgb)(tickLineStyle.color),
         strokeThickness: tickLineStyle.strokeThickness * DpiHelper_1.DpiHelper.PIXEL_RATIO,
         start: 0,
         end: tickLineStyle.tickSize * DpiHelper_1.DpiHelper.PIXEL_RATIO

package/Charting3D/Visuals/Axis/AxisCubeEntity.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 __());
@@ -61,9 +63,9 @@ var AxisCubeEntity = /** @class */ (function (_super) {
         var scrtAxisCubeDescriptor = scrtAxisCubeEntity.GetDescriptorPtr();
         var _c = this.currentRenderPassData.sceneDescriptor.axisCubeDescriptor, xAxisDescriptor = _c.xAxisDescriptor, yAxisDescriptor = _c.yAxisDescriptor, zAxisDescriptor = _c.zAxisDescriptor;
         // Check for changes and force recreation of meshes in C++ side
-        if (!IAxisDescriptor_1.getDescriptorsEqual(xAxisDescriptor, this.lastXDescriptor) ||
-            !IAxisDescriptor_1.getDescriptorsEqual(yAxisDescriptor, this.lastYDescriptor) ||
-            !IAxisDescriptor_1.getDescriptorsEqual(zAxisDescriptor, this.lastZDescriptor)) {
+        if (!(0, IAxisDescriptor_1.getDescriptorsEqual)(xAxisDescriptor, this.lastXDescriptor) ||
+            !(0, IAxisDescriptor_1.getDescriptorsEqual)(yAxisDescriptor, this.lastYDescriptor) ||
+            !(0, IAxisDescriptor_1.getDescriptorsEqual)(zAxisDescriptor, this.lastZDescriptor)) {
             // Destroy meshes to recreate later in SCRTAxisCubeEntity::Update()
             // console.warn("Property changed, destroying meshes");
             scrtAxisCubeEntity.DestroyMeshes();
@@ -80,7 +82,7 @@ var AxisCubeEntity = /** @class */ (function (_super) {
             [yScrtAxisDesc, yAxisDescriptor],
             [zScrtAxisDesc, zAxisDescriptor]
         ];
-        descriptorsMapping.forEach(function (el) { return exports.updateScrtAxisDescriptor(_this.webAssemblyContext, el[0], el[1]); });
+        descriptorsMapping.forEach(function (el) { return (0, exports.updateScrtAxisDescriptor)(_this.webAssemblyContext, el[0], el[1]); });
         // The code below is commented due to performance reasons
         // yAxisDescriptor.majorCoordinates.forEach(c => console.log(" .. coord " + c));
         // yAxisDescriptor.tickLabels.forEach(l => console.log(" .. label " + l));
@@ -96,7 +98,7 @@ var AxisCubeEntity = /** @class */ (function (_super) {
 }(BaseSceneEntity3D_1.BaseSceneEntity3D));
 exports.AxisCubeEntity = AxisCubeEntity;
 /** @ignore */
-exports.updateScrtAxisDescriptor = function (wasmContext, scrtAxisDesc, axisDesc) {
+var updateScrtAxisDescriptor = function (wasmContext, scrtAxisDesc, axisDesc) {
     var _a;
     scrtAxisDesc.m_strTitle = (_a = axisDesc.axisTitle) !== null && _a !== void 0 ? _a : "";
     scrtAxisDesc.m_fRangeSize = axisDesc.axisSize;
@@ -107,12 +109,12 @@ exports.updateScrtAxisDescriptor = function (wasmContext, scrtAxisDesc, axisDesc
     scrtAxisDesc.m_bMajorTicksEnabled = axisDesc.drawMajorTicks;
     scrtAxisDesc.m_bMinorLinesEnabled = axisDesc.drawMinorGridlines;
     scrtAxisDesc.m_bMinorTicksEnabled = axisDesc.drawMinorTicks;
-    tsrExtensions_1.updateTsrVector4(axisDesc.bandColor, scrtAxisDesc.GetBandColorPtr());
-    exports.updateScrtLineStyle(axisDesc.majorLineStyle, scrtAxisDesc.GetMajorLineStylePtr());
-    exports.updateScrtLineStyle(axisDesc.minorLineStyle, scrtAxisDesc.GetMinorLineStylePtr());
-    exports.toScrtTextStyle(axisDesc.labelStyle, scrtAxisDesc.GetTextStylePtr());
-    exports.updateScrtLineStyle(axisDesc.majorTickStyle, scrtAxisDesc.GetMajorTickStylePtr());
-    exports.updateScrtLineStyle(axisDesc.minorTickStyle, scrtAxisDesc.GetMinorTickStylePtr());
+    (0, tsrExtensions_1.updateTsrVector4)(axisDesc.bandColor, scrtAxisDesc.GetBandColorPtr());
+    (0, exports.updateScrtLineStyle)(axisDesc.majorLineStyle, scrtAxisDesc.GetMajorLineStylePtr());
+    (0, exports.updateScrtLineStyle)(axisDesc.minorLineStyle, scrtAxisDesc.GetMinorLineStylePtr());
+    (0, exports.toScrtTextStyle)(axisDesc.labelStyle, scrtAxisDesc.GetTextStylePtr());
+    (0, exports.updateScrtLineStyle)(axisDesc.majorTickStyle, scrtAxisDesc.GetMajorTickStylePtr());
+    (0, exports.updateScrtLineStyle)(axisDesc.minorTickStyle, scrtAxisDesc.GetMinorTickStylePtr());
     // toScrtTextStyle(axisDesc.titleStyle, scrtAxisDesc.GetTitleStylePtr());
     // console.log("majorCoordinates", axisDesc.majorCoordinates);
     // console.log("minorCoordinates", axisDesc.minorCoordinates);
@@ -130,15 +132,17 @@ exports.updateScrtAxisDescriptor = function (wasmContext, scrtAxisDesc, axisDesc
     scrtAxisDesc.SetMajorLabels(majorLabels);
     majorLabels.delete();
 };
+exports.updateScrtAxisDescriptor = updateScrtAxisDescriptor;
 /** @ignore */
-exports.updateScrtLineStyle = function (lineStyle, scrtLineStyle) {
+var updateScrtLineStyle = function (lineStyle, scrtLineStyle) {
     scrtLineStyle.m_fStrokeThickness = lineStyle.strokeThickness;
     scrtLineStyle.m_fStart = lineStyle.start;
     scrtLineStyle.m_fEnd = lineStyle.end;
-    tsrExtensions_1.updateTsrVector4(lineStyle.stroke, scrtLineStyle.GetStrokeColorPtr());
+    (0, tsrExtensions_1.updateTsrVector4)(lineStyle.stroke, scrtLineStyle.GetStrokeColorPtr());
 };
+exports.updateScrtLineStyle = updateScrtLineStyle;
 /** @ignore */
-exports.toScrtTextStyle = function (labelStyle, scrtTextStyle) {
+var toScrtTextStyle = function (labelStyle, scrtTextStyle) {
     scrtTextStyle.m_fSize = labelStyle.fontSize;
     scrtTextStyle.m_strFont = labelStyle.fontFamily;
     scrtTextStyle.m_uiARGBColor = labelStyle.foreground;
@@ -148,3 +152,4 @@ exports.toScrtTextStyle = function (labelStyle, scrtTextStyle) {
     }
     return scrtTextStyle;
 };
+exports.toScrtTextStyle = toScrtTextStyle;

package/Charting3D/Visuals/Axis/NumericAxis3D.d.ts

@@ -1,4 +1,5 @@
 import { CoordinateCalculatorBase } from "../../../Charting/Numerics/CoordinateCalculators/CoordinateCalculatorBase";
+import { TEasingFn } from "../../../Core/Animations/EasingFunctions";
 import { NumberRange } from "../../../Core/NumberRange";
 import { EAxisType } from "../../../types/AxisType";
 import { ENumericFormat } from "../../../types/NumericFormat";
@@ -31,6 +32,10 @@ export declare class NumericAxis3D extends AxisBase3D {
      * @inheritDoc
      */
     getDefaultNonZeroRange(): NumberRange;
+    /**
+     * @inheritDoc
+     */
+    animateVisibleRange(visibleRange: NumberRange, durationMs: number, easingFunction?: TEasingFn, onCompleted?: () => void): import("../../../Core/Animations/GenericAnimation").IGenericAnimation;
     /**
      * @inheritDoc
      */

package/Charting3D/Visuals/Axis/NumericAxis3D.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 __());
@@ -20,6 +22,8 @@ var NumericCoordinateCalculator_1 = require("../../../Charting/Numerics/Coordina
 var NumericTickProvider_1 = require("../../../Charting/Numerics/TickProviders/NumericTickProvider");
 var NumericDeltaCalculator_1 = require("../../../Charting/Visuals/Axis/DeltaCalculator/NumericDeltaCalculator");
 var NumericLabelProvider_1 = require("../../../Charting/Visuals/Axis/LabelProvider/NumericLabelProvider");
+var EasingFunctions_1 = require("../../../Core/Animations/EasingFunctions");
+var NumberRangeAnimator_1 = require("../../../Core/Animations/NumberRangeAnimator");
 var NumberRange_1 = require("../../../Core/NumberRange");
 var AxisType_1 = require("../../../types/AxisType");
 var AxisBase3D_1 = require("./AxisBase3D");
@@ -58,6 +62,30 @@ var NumericAxis3D = /** @class */ (function (_super) {
     NumericAxis3D.prototype.getDefaultNonZeroRange = function () {
         return new NumberRange_1.NumberRange(0, 10);
     };
+    /**
+     * @inheritDoc
+     */
+    NumericAxis3D.prototype.animateVisibleRange = function (visibleRange, durationMs, easingFunction, onCompleted) {
+        var _this = this;
+        var _a;
+        if (easingFunction === void 0) { easingFunction = EasingFunctions_1.easing.outCubic; }
+        if (onCompleted === void 0) { onCompleted = function () { }; }
+        if (durationMs <= 0) {
+            // Don't allow setting visibleRange to undefined if there is no data
+            this.visibleRange = visibleRange || this.visibleRange;
+            onCompleted();
+            return undefined;
+        }
+        (_a = this.visibleRangeAnimationToken) === null || _a === void 0 ? void 0 : _a.cancel();
+        this.visibleRangeAnimationToken = NumberRangeAnimator_1.NumberRangeAnimator.animate(this.visibleRange, visibleRange, durationMs, function (range) {
+            _this.visibleRangeProperty = range;
+        }, function () {
+            _this.visibleRangeAnimationToken = undefined;
+            onCompleted();
+        }, easingFunction);
+        this.parentSurface.addAnimation(this.visibleRangeAnimationToken);
+        return this.visibleRangeAnimationToken;
+    };
     /**
      * @inheritDoc
      */

package/Charting3D/Visuals/DefaultViewportManager3D.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/GizmoEntity.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/PointMarkers/BaseMeshPointMarker3D.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/PointMarkers/BaseTexturePointMarker3D.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/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) {