scichart 2.0.2144 → 2.0.2186

package/Charting/Visuals/sciChartInitCommon.js

@@ -9,7 +9,7 @@ var ECanvasType;
     ECanvasType[ECanvasType["canvas2D"] = 1] = "canvas2D";
     ECanvasType[ECanvasType["svg"] = 2] = "svg";
 })(ECanvasType || (ECanvasType = {}));
-var getCanvas2dId = function (divElementId) { return divElementId + "_2D"; };
+var getCanvas2dId = function (divElementId) { return "".concat(divElementId, "_2D"); };
 var getCanvasSizes = function (divWidth, divHeight, maxHeight, aspectWidth, aspectHeight) {
     if (aspectWidth === void 0) { aspectWidth = 0; }
     if (aspectHeight === void 0) { aspectHeight = 0; }
@@ -38,12 +38,12 @@ var getCanvasSizes = function (divWidth, divHeight, maxHeight, aspectWidth, aspe
     }
 };
 var getChartRootDomElement = function (divElementId) {
-    var chartRoot = document.querySelector("#" + divElementId);
+    var chartRoot = document.querySelector("#".concat(divElementId));
     if (!chartRoot) {
-        throw new Error("Check div element with id \"" + divElementId + "\" exists");
+        throw new Error("Check div element with id \"".concat(divElementId, "\" exists"));
     }
     if (chartRoot.nodeName.toLowerCase() !== "div") {
-        throw new Error("Element with id \"" + divElementId + "\" should be of type div");
+        throw new Error("Element with id \"".concat(divElementId, "\" should be of type div"));
     }
     return chartRoot;
 };
@@ -81,7 +81,7 @@ var initCanvas = function (divElementId, aspectWidth, aspectHeight, activeCanvas
     if (activeCanvas === ECanvasType.canvasWebGL) {
         // WebGL Canvas
         canvasWebGL = document.createElement("canvas");
-        canvasWebGL.id = divElementId + "_WebGL";
+        canvasWebGL.id = "".concat(divElementId, "_WebGL");
         canvasWebGL.style.position = "absolute";
         canvasWebGL.style.display = "block";
         var gl = WebGlHelper_1.WebGlHelper.getContext(canvasWebGL, {
@@ -108,7 +108,7 @@ var initCanvas = function (divElementId, aspectWidth, aspectHeight, activeCanvas
     canvas2D.onselectstart = function () { return false; };
     // SVG Root Element
     var svgRootElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    svgRootElement.id = divElementId + "_SVG";
+    svgRootElement.id = "".concat(divElementId, "_SVG");
     svgRootElement.setAttribute("width", width.toString());
     svgRootElement.setAttribute("height", height.toString());
     svgRootElement.setAttribute("role", "img");
@@ -121,7 +121,7 @@ var initCanvas = function (divElementId, aspectWidth, aspectHeight, activeCanvas
     chartRoot.appendChild(svgRootElement);
     // SVG Adorner Layer
     var svgAdornerLayer = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    svgAdornerLayer.id = divElementId + "_Adorner";
+    svgAdornerLayer.id = "".concat(divElementId, "_Adorner");
     svgAdornerLayer.setAttribute("width", width.toString());
     svgAdornerLayer.setAttribute("height", height.toString());
     svgAdornerLayer.setAttribute("role", "img");
@@ -132,9 +132,9 @@ var initCanvas = function (divElementId, aspectWidth, aspectHeight, activeCanvas
     chartRoot.appendChild(svgAdornerLayer);
     // Root Div Element
     var divRootElement = document.createElement("div");
-    divRootElement.id = divElementId + "_div";
+    divRootElement.id = "".concat(divElementId, "_div");
     divRootElement.style.width = "100%";
-    divRootElement.style.height = height + "px";
+    divRootElement.style.height = "".concat(height, "px");
     divRootElement.style.position = "relative";
     divRootElement.style.pointerEvents = "none";
     divRootElement.style.textAlign = "center";
@@ -216,12 +216,12 @@ var subscribeToResize = function (chartRoot, aspect, sciChartSurface) {
  * @param divElementId
  */
 var checkChartDivExists = function (divElementId) {
-    var numberOfElements = document.querySelectorAll("[id=" + divElementId + "]").length;
+    var numberOfElements = document.querySelectorAll("[id=".concat(divElementId, "]")).length;
     if (numberOfElements > 1) {
-        console.error("Please provide a unique ID for each chart div element, \"" + divElementId + "\" it is not a unique identifier");
+        console.error("Please provide a unique ID for each chart div element, \"".concat(divElementId, "\" it is not a unique identifier"));
     }
     else if (numberOfElements === 0) {
-        console.error("Chart div element with the ID \"" + divElementId + "\" is not present in the DOM");
+        console.error("Chart div element with the ID \"".concat(divElementId, "\" is not present in the DOM"));
     }
 };
 var sciChartInitCommon = {

package/Charting3D/CameraController.js

@@ -503,12 +503,12 @@ var CameraController = /** @class */ (function () {
      */
     CameraController.prototype.debugOutput = function () {
         console.log("Camera properties: ");
-        console.log("  projectionMode: " + this.projectionMode);
-        console.log("  position: " + this.position.toString());
-        console.log("  target: " + this.target.toString());
-        console.log("  up: " + this.up.toString());
-        console.log("  pitch: " + this.orbitalPitch.toFixed(2));
-        console.log("  yaw: " + this.orbitalYaw.toFixed(2));
+        console.log("  projectionMode: ".concat(this.projectionMode));
+        console.log("  position: ".concat(this.position.toString()));
+        console.log("  target: ".concat(this.target.toString()));
+        console.log("  up: ".concat(this.up.toString()));
+        console.log("  pitch: ".concat(this.orbitalPitch.toFixed(2)));
+        console.log("  yaw: ".concat(this.orbitalYaw.toFixed(2)));
     };
     return CameraController;
 }());

package/Charting3D/ChartModifiers/ChartModifierBase3D.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/ChartModifiers/MouseWheelZoomModifier3D.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/ChartModifiers/OrbitModifier3D.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/ChartModifiers/ResetCamera3DModifier.d.ts

@@ -0,0 +1,79 @@
+import { ModifierMouseArgs } from "../../Charting/ChartModifiers/ModifierMouseArgs";
+import { TEasingFn } from "../../Core/Animations/EasingFunctions";
+import { EChart3DModifierType } from "../../types/ChartModifierType";
+import { ChartModifierBase3D, IChartModifierBase3DOptions } from "./ChartModifierBase3D";
+/**
+ * Optional parameters passed to the constructor of {@link ResetCamera3DModifier} to configure it
+ */
+export interface IResetCamera3DOptions extends IChartModifierBase3DOptions {
+    /**
+     * When true, the Zoom operations are animated. See also {@link animationDuration} and {@link easingFunction}
+     */
+    isAnimated?: boolean;
+    /**
+     * Defines the duration of animations when zooming in milliseconds
+     */
+    animationDuration?: number;
+    /**
+     * Defines the easing function for animation. See {@link TEasingFn} for a range of functions
+     */
+    easingFunction?: TEasingFn;
+    /**
+     * The camera settings to reset to.  Defaults to the camera state when the modifier was attached to the chart.
+     */
+    destination?: TCameraState;
+}
+export declare type TCameraState = {
+    radius?: number;
+    pitch?: number;
+    yaw?: number;
+    width?: number;
+    height?: number;
+};
+/**
+ * @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());
+ * ```
+ *
+ */
+export declare class ResetCamera3DModifier extends ChartModifierBase3D {
+    /**
+     * When true, the Zoom operations are animated. See also {@link animationDuration} and {@link easingFunction}
+     */
+    isAnimated: boolean;
+    /**
+     * Defines the duration of animations when zooming in milliseconds
+     */
+    animationDuration: number;
+    /**
+     * Defines the easing function for animation. See {@link TEasingFn} for a range of functions
+     */
+    easingFunction: TEasingFn;
+    destination: TCameraState;
+    /**
+     * Creates an instance of the {@link ResetCamera3DModifier}
+     * @param options optional parameters of type {@link IResetCamera3DOptions} used to configure the modifier
+     */
+    constructor(options?: IResetCamera3DOptions);
+    onAttach(): void;
+    /**
+     * @inheritDoc
+     */
+    modifierDoubleClick(args: ModifierMouseArgs): void;
+    toJSON?(): {
+        type: EChart3DModifierType;
+        options: {
+            animationDuration: number;
+            easingFunction: string;
+            isAnimated: boolean;
+        };
+    };
+}

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
      */