scichart 2.0.0-alpha.1971 → 2.0.0-alpha.1991

package/Charting/Visuals/RenderableSeries/DrawingProviders/MountainSeriesDrawingProvider.d.ts

@@ -1,9 +1,9 @@
 import { TSciChart } from "../../../../types/TSciChart";
 import { WebGlRenderContext2D } from "../../../Drawing/WebGlRenderContext2D";
 import { RenderPassData } from "../../../Services/RenderPassData";
+import { TDpiChangedEventArgs } from "../../TextureManager/DpiHelper";
 import { BaseMountainRenderableSeries } from "../BaseMountainRenderableSeries";
 import { BaseSeriesDrawingProvider } from "./BaseSeriesDrawingProvider";
-import { TDpiChangedEventArgs } from "../../TextureManager/DpiHelper";
 /**
  * Used internally - a drawing provider performs drawing for a {@link BaseMountainRenderableSeries} using
  * our WebAssembly WebGL rendering engine
@@ -40,4 +40,5 @@ export declare class MountainSeriesDrawingProvider extends BaseSeriesDrawingProv
      */
     onAttachSeries(): void;
     private createBrush;
+    private createPen;
 }

package/Charting/Visuals/RenderableSeries/DrawingProviders/MountainSeriesDrawingProvider.js

@@ -21,8 +21,6 @@ var Pen2DCache_1 = require("../../../Drawing/Pen2DCache");
 var WebGlRenderContext2D_1 = require("../../../Drawing/WebGlRenderContext2D");
 var constants_1 = require("../constants");
 var BaseSeriesDrawingProvider_1 = require("./BaseSeriesDrawingProvider");
-/** @ignore */
-var TEXTURE_SIZE = 256;
 /**
  * Used internally - a drawing provider performs drawing for a {@link BaseMountainRenderableSeries} using
  * our WebAssembly WebGL rendering engine
@@ -123,8 +121,7 @@ var MountainSeriesDrawingProvider = /** @class */ (function (_super) {
             propertyName === constants_1.PROPERTY.STROKE_DASH_ARRAY ||
             propertyName === constants_1.PROPERTY.STROKE_THICKNESS ||
             propertyName === constants_1.PROPERTY.OPACITY) {
-            var _a = this.parentSeries, stroke = _a.stroke, strokeThickness = _a.strokeThickness, fill = _a.fill, opacity = _a.opacity, strokeDashArray = _a.strokeDashArray;
-            Pen2DCache_1.createPenInCache(this.strokePenCache, stroke, strokeThickness, opacity, strokeDashArray);
+            this.createPen();
         }
         if (propertyName === constants_1.PROPERTY.FILL ||
             propertyName === constants_1.PROPERTY.OPACITY ||
@@ -138,14 +135,17 @@ var MountainSeriesDrawingProvider = /** @class */ (function (_super) {
     MountainSeriesDrawingProvider.prototype.onAttachSeries = function () {
         _super.prototype.onAttachSeries.call(this);
         this.nativeDrawingProvider = new this.webAssemblyContext.SCRTMountainSeriesDrawingProvider();
-        var _a = this.parentSeries, stroke = _a.stroke, strokeThickness = _a.strokeThickness, opacity = _a.opacity, strokeDashArray = _a.strokeDashArray;
-        Pen2DCache_1.createPenInCache(this.strokePenCache, stroke, strokeThickness, opacity, strokeDashArray);
+        this.createPen();
         this.createBrush();
     };
     MountainSeriesDrawingProvider.prototype.createBrush = function () {
         var _a = this.parentSeries, fill = _a.fill, opacity = _a.opacity, fillLinearGradient = _a.fillLinearGradient;
         return BrushCache_1.createBrushInCache(this.fillBrushCache, fill, opacity, fillLinearGradient);
     };
+    MountainSeriesDrawingProvider.prototype.createPen = function () {
+        var _a = this.parentSeries, stroke = _a.stroke, strokeThickness = _a.strokeThickness, opacity = _a.opacity, strokeDashArray = _a.strokeDashArray;
+        return Pen2DCache_1.createPenInCache(this.strokePenCache, stroke, strokeThickness, opacity, strokeDashArray);
+    };
     return MountainSeriesDrawingProvider;
 }(BaseSeriesDrawingProvider_1.BaseSeriesDrawingProvider));
 exports.MountainSeriesDrawingProvider = MountainSeriesDrawingProvider;

package/Charting/Visuals/RenderableSeries/FastBandRenderableSeries.d.ts

@@ -1,7 +1,5 @@
-import { AnimationFiniteStateMachine } from "../../../Core/Animations/AnimationFiniteStateMachine";
 import { ESeriesType } from "../../../types/SeriesType";
 import { TSciChart } from "../../../types/TSciChart";
-import { BaseAnimation } from "./Animations/BaseAnimation";
 import { BaseBandRenderableSeries, IBaseBandRenderableSeriesOptions } from "./BaseBandRenderableSeries";
 /**
  * Optional parameters passed to the constructor of {@link FastBandRenderableSeries}
@@ -38,8 +36,4 @@ export declare class FastBandRenderableSeries extends BaseBandRenderableSeries {
      * @param options optional parameters of type {@link IBandRenderableSeriesOptions} applied when constructing the series type
      */
     constructor(webAssemblyContext: TSciChart, options?: IBandRenderableSeriesOptions);
-    /** @inheritDoc */
-    protected setAnimationVectors(animation: BaseAnimation): void;
-    /** @inheritDoc */
-    protected updateAnimationProperties(progress: number, animationFSM: AnimationFiniteStateMachine): void;
 }

package/Charting/Visuals/RenderableSeries/FastBandRenderableSeries.js

@@ -15,7 +15,6 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FastBandRenderableSeries = void 0;
 var SeriesType_1 = require("../../../types/SeriesType");
-var IDataSeries_1 = require("../../Model/IDataSeries");
 var BaseBandRenderableSeries_1 = require("./BaseBandRenderableSeries");
 /**
  * Defines a JavaScript Band-series or High-Low polygon fill chart type in the SciChart's High Performance Real-time
@@ -51,47 +50,6 @@ var FastBandRenderableSeries = /** @class */ (function (_super) {
         _this.type = SeriesType_1.ESeriesType.BandSeries;
         return _this;
     }
-    /** @inheritDoc */
-    FastBandRenderableSeries.prototype.setAnimationVectors = function (animation) {
-        if (animation.isOnStartAnimation) {
-            this.setXFinalAnimationValues(this.getNativeXValues());
-            this.setYFinalAnimationValues(this.getNativeYValues());
-            this.setY1FinalAnimationValues(this.getNativeY1Values());
-        }
-        else if (animation.isDataSeriesAnimation) {
-            var xyyDataSeries = animation.dataSeries;
-            if (xyyDataSeries.type !== IDataSeries_1.EDataSeriesType.Xyy) {
-                throw Error("to animate band chart animation.dataSeries type should be Xyy, but the type is " + xyyDataSeries.type);
-            }
-            this.setXInitialAnimationValues(this.getNativeXValues());
-            this.setYInitialAnimationValues(this.getNativeYValues());
-            this.setY1InitialAnimationValues(this.getNativeY1Values());
-            this.setXFinalAnimationValues(xyyDataSeries.getNativeXValues());
-            this.setYFinalAnimationValues(xyyDataSeries.getNativeYValues());
-            this.setY1FinalAnimationValues(xyyDataSeries.getNativeY1Values());
-            this.validateAnimationValues();
-        }
-    };
-    /** @inheritDoc */
-    FastBandRenderableSeries.prototype.updateAnimationProperties = function (progress, animationFSM) {
-        var animation = animationFSM.animation;
-        animation.updateSeriesProperties(this, animationFSM.initialStyles, animationFSM.animationProgress);
-        if (animation.isOnStartAnimation) {
-            var dataSeries = this.dataSeries;
-            if (dataSeries) {
-                animation.calculateAnimationValues(this.webAssemblyContext, this.yFinalAnimationValues, dataSeries.getNativeYValues(), progress);
-                animation.calculateAnimationValues(this.webAssemblyContext, this.y1FinalAnimationValues, dataSeries.getNativeY1Values(), progress);
-            }
-        }
-        else if (animation.isDataSeriesAnimation) {
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.xInitialAnimationValues, this.xFinalAnimationValues, this.getNativeXValues(), progress);
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.yInitialAnimationValues, this.yFinalAnimationValues, this.getNativeYValues(), progress);
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.y1InitialAnimationValues, this.y1FinalAnimationValues, this.getNativeY1Values(), progress);
-        }
-        if (this.invalidateParentCallback) {
-            this.invalidateParentCallback();
-        }
-    };
     return FastBandRenderableSeries;
 }(BaseBandRenderableSeries_1.BaseBandRenderableSeries));
 exports.FastBandRenderableSeries = FastBandRenderableSeries;

package/Charting/Visuals/RenderableSeries/FastBubbleRenderableSeries.d.ts

@@ -1,8 +1,6 @@
-import { AnimationFiniteStateMachine } from "../../../Core/Animations/AnimationFiniteStateMachine";
 import { ESeriesType } from "../../../types/SeriesType";
 import { DoubleVector, TSciChart } from "../../../types/TSciChart";
 import { IThemeProvider } from "../../Themes/IThemeProvider";
-import { BaseAnimation } from "./Animations/BaseAnimation";
 import { BaseRenderableSeries } from "./BaseRenderableSeries";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { IBaseRenderableSeriesOptions } from "./IBaseRenderableSeriesOptions";
@@ -35,14 +33,6 @@ export interface IBubbleRenderableSeriesOptions extends IBaseRenderableSeriesOpt
 export declare class FastBubbleRenderableSeries extends BaseRenderableSeries {
     /** @inheritDoc */
     readonly type = ESeriesType.BubbleSeries;
-    /**
-     * Z vector with initial animation values
-     */
-    protected zInitialAnimationValues: DoubleVector;
-    /**
-     * Z vector with final animation values
-     */
-    protected zFinalAnimationValues: DoubleVector;
     /**
      * Creates an instance of the {@link FastBubbleRenderableSeries}
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
@@ -66,11 +56,4 @@ export declare class FastBubbleRenderableSeries extends BaseRenderableSeries {
     getNativeZValues(): DoubleVector;
     /** @inheritDoc */
     protected newHitTestProvider(): IHitTestProvider;
-    /** @inheritDoc */
-    protected setAnimationVectors(animation: BaseAnimation): void;
-    /** @inheritDoc */
-    protected updateAnimationProperties(progress: number, animationFSM: AnimationFiniteStateMachine): void;
-    protected setZInitialAnimationValues(values: DoubleVector): void;
-    protected setZFinalAnimationValues(values: DoubleVector): void;
-    protected validateAnimationValues(): void;
 }

package/Charting/Visuals/RenderableSeries/FastBubbleRenderableSeries.js

@@ -14,9 +14,7 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FastBubbleRenderableSeries = void 0;
-var Deleter_1 = require("../../../Core/Deleter");
 var SeriesType_1 = require("../../../types/SeriesType");
-var IDataSeries_1 = require("../../Model/IDataSeries");
 var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
 var BubbleSeriesDrawingProvider_1 = require("./DrawingProviders/BubbleSeriesDrawingProvider");
 var BubbleSeriesHitTestProvider_1 = require("./HitTest/BubbleSeriesHitTestProvider");
@@ -53,8 +51,6 @@ var FastBubbleRenderableSeries = /** @class */ (function (_super) {
         var _this = _super.call(this, webAssemblyContext, options) || this;
         /** @inheritDoc */
         _this.type = SeriesType_1.ESeriesType.BubbleSeries;
-        _this.zInitialAnimationValues = new webAssemblyContext.DoubleVector();
-        _this.zFinalAnimationValues = new webAssemblyContext.DoubleVector();
         _this.drawingProviders = [];
         _this.drawingProviders.push(new BubbleSeriesDrawingProvider_1.BubbleSeriesDrawingProvider(webAssemblyContext, _this));
         if (options === null || options === void 0 ? void 0 : options.animation) {
@@ -80,8 +76,6 @@ var FastBubbleRenderableSeries = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     FastBubbleRenderableSeries.prototype.delete = function () {
-        this.zInitialAnimationValues = Deleter_1.deleteSafe(this.zInitialAnimationValues);
-        this.zFinalAnimationValues = Deleter_1.deleteSafe(this.zFinalAnimationValues);
         _super.prototype.delete.call(this);
     };
     /**
@@ -94,71 +88,6 @@ var FastBubbleRenderableSeries = /** @class */ (function (_super) {
     FastBubbleRenderableSeries.prototype.newHitTestProvider = function () {
         return new BubbleSeriesHitTestProvider_1.BubbleSeriesHitTestProvider(this, this.webAssemblyContext);
     };
-    /** @inheritDoc */
-    FastBubbleRenderableSeries.prototype.setAnimationVectors = function (animation) {
-        if (animation.isOnStartAnimation) {
-            this.setXFinalAnimationValues(this.getNativeXValues());
-            this.setYFinalAnimationValues(this.getNativeYValues());
-            this.setZFinalAnimationValues(this.getNativeZValues());
-        }
-        else if (animation.isDataSeriesAnimation) {
-            var dataSeries = animation.dataSeries;
-            if (dataSeries.type !== IDataSeries_1.EDataSeriesType.Xyz) {
-                throw Error("to animate bubble chart animation.dataSeries type should be Xyz, but the type is " + dataSeries.type);
-            }
-            this.setXInitialAnimationValues(this.getNativeXValues());
-            this.setYInitialAnimationValues(this.getNativeYValues());
-            this.setZInitialAnimationValues(this.getNativeZValues());
-            this.setXFinalAnimationValues(dataSeries.getNativeXValues());
-            this.setYFinalAnimationValues(dataSeries.getNativeYValues());
-            this.setZFinalAnimationValues(dataSeries.getNativeZValues());
-            this.validateAnimationValues();
-        }
-    };
-    /** @inheritDoc */
-    FastBubbleRenderableSeries.prototype.updateAnimationProperties = function (progress, animationFSM) {
-        var animation = animationFSM.animation;
-        animation.updateSeriesProperties(this, animationFSM.initialStyles, animationFSM.animationProgress);
-        if (animation.isOnStartAnimation) {
-            var dataSeries = this.dataSeries;
-            if (dataSeries) {
-                animation.calculateAnimationValues(this.webAssemblyContext, this.yFinalAnimationValues, dataSeries.getNativeYValues(), progress);
-                animation.calculateAnimationValues(this.webAssemblyContext, this.zFinalAnimationValues, dataSeries.getNativeZValues(), progress, true);
-            }
-        }
-        else if (animation.isDataSeriesAnimation) {
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.xInitialAnimationValues, this.xFinalAnimationValues, this.getNativeXValues(), progress);
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.yInitialAnimationValues, this.yFinalAnimationValues, this.getNativeYValues(), progress);
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.zInitialAnimationValues, this.zFinalAnimationValues, this.getNativeZValues(), progress);
-        }
-        if (this.invalidateParentCallback) {
-            this.invalidateParentCallback();
-        }
-    };
-    FastBubbleRenderableSeries.prototype.setZInitialAnimationValues = function (values) {
-        var size = values.size();
-        this.zInitialAnimationValues.resize(size, 0);
-        for (var i = 0; i < size; i++) {
-            this.zInitialAnimationValues.set(i, values.get(i));
-        }
-    };
-    FastBubbleRenderableSeries.prototype.setZFinalAnimationValues = function (values) {
-        var size = values.size();
-        this.zFinalAnimationValues.resize(size, 0);
-        for (var i = 0; i < size; i++) {
-            this.zFinalAnimationValues.set(i, values.get(i));
-        }
-    };
-    FastBubbleRenderableSeries.prototype.validateAnimationValues = function () {
-        var size = this.xInitialAnimationValues.size();
-        if (size !== this.yInitialAnimationValues.size() ||
-            size !== this.zInitialAnimationValues.size() ||
-            size !== this.xFinalAnimationValues.size() ||
-            size !== this.yFinalAnimationValues.size() ||
-            size !== this.zFinalAnimationValues.size()) {
-            throw Error("initialAnimationValues and finalAnimationValues must have the same length");
-        }
-    };
     return FastBubbleRenderableSeries;
 }(BaseRenderableSeries_1.BaseRenderableSeries));
 exports.FastBubbleRenderableSeries = FastBubbleRenderableSeries;

package/Charting/Visuals/RenderableSeries/FastOhlcRenderableSeries.js

@@ -15,8 +15,8 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FastOhlcRenderableSeries = void 0;
 var SeriesType_1 = require("../../../types/SeriesType");
-var OhlcSeriesDrawingProvider_1 = require("./DrawingProviders/OhlcSeriesDrawingProvider");
 var BaseOhlcRenderableSeries_1 = require("./BaseOhlcRenderableSeries");
+var OhlcSeriesDrawingProvider_1 = require("./DrawingProviders/OhlcSeriesDrawingProvider");
 /**
  * Defines a JavaScript OHLC stock-chart series in the SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}

package/Charting/Visuals/RenderableSeries/IBaseRenderableSeriesOptions.d.ts

@@ -1,4 +1,4 @@
-import { TAnimationDefinition, TEffectDefinition, TPalletProviderDefinition, TPointMarkerDefinition } from "../../../Builder/buildSeries";
+import { TAnimationDefinition, TEffectDefinition, TPaletteProviderDefinition, TPointMarkerDefinition } from "../../../Builder/buildSeries";
 import { ELineDrawMode } from "../../Drawing/WebGlRenderContext2D";
 import { IDataSeries } from "../../Model/IDataSeries";
 import { IPaletteProvider } from "../../Model/IPaletteProvider";
@@ -6,6 +6,14 @@ import { IPointMarker } from "../PointMarkers/IPointMarker";
 import { BaseAnimation } from "./Animations/BaseAnimation";
 import { IRenderableSeries } from "./IRenderableSeries";
 import { ShaderEffect } from "./ShaderEffect";
+/**
+ * The type of the {@link IBaseRenderableSeriesOptions.onSelectedChanged } callback
+ */
+export declare type TSeriesSelectionChangedCallback = (sourceSeries: IRenderableSeries, isSelected: boolean) => void;
+/**
+ * The type of the {@link IBaseRenderableSeriesOptions.onHoveredChanged } callback
+ */
+export declare type TSeriesHoverChangedCallback = (sourceSeries: IRenderableSeries, isHovered: boolean) => void;
 /**
  * Options to pass to the {@link BaseRenderableSeries} constructor
  */
@@ -123,7 +131,7 @@ export interface IBaseRenderableSeriesOptions {
      * per data-point coloring of fills or series bodies, and {@link IPointMarkerPaletteProvider} for per data-point coloring of
      * point-markers
      */
-    paletteProvider?: IPaletteProvider | TPalletProviderDefinition;
+    paletteProvider?: IPaletteProvider | TPaletteProviderDefinition;
     /**
      * How to treat NAN (Not a number) values in the input {@link dataSeries}. See {@link ELineDrawMode} for a list of values.
      */
@@ -143,9 +151,9 @@ export interface IBaseRenderableSeriesOptions {
     /**
      * Optional callback function when selected changed. Also see {@link IRenderableSeries.selected} event handler
      */
-    onSelectedChanged?: ((sourceSeries: IRenderableSeries, isSelected: boolean) => void) | string;
+    onSelectedChanged?: TSeriesSelectionChangedCallback | string;
     /**
      * Optional callback function when hovered changed. Also see {@link IRenderableSeries.hovered} event handler
      */
-    onHoveredChanged?: ((sourceSeries: IRenderableSeries, isHovered: boolean) => void) | string;
+    onHoveredChanged?: TSeriesHoverChangedCallback | string;
 }

package/Charting/Visuals/RenderableSeries/SplineBandRenderableSeries.d.ts

@@ -1,4 +1,5 @@
 import { AnimationFiniteStateMachine } from "../../../Core/Animations/AnimationFiniteStateMachine";
+import { NumberRange } from "../../../Core/NumberRange";
 import { ESeriesType } from "../../../types/SeriesType";
 import { DoubleVector, TSciChart } from "../../../types/TSciChart";
 import { BaseAnimation } from "./Animations/BaseAnimation";
@@ -66,6 +67,8 @@ export declare class SplineBandRenderableSeries extends BaseBandRenderableSeries
      */
     updateSplineValues(): void;
     /** @inheritDoc */
+    getYRange(xVisibleRange: NumberRange, isXCategoryAxis?: boolean): NumberRange;
+    /** @inheritDoc */
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
     /** @inheritDoc */
     protected setAnimationVectors(animation: BaseAnimation): void;

package/Charting/Visuals/RenderableSeries/SplineBandRenderableSeries.js

@@ -16,7 +16,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SplineBandRenderableSeries = void 0;
 var Deleter_1 = require("../../../Core/Deleter");
 var SeriesType_1 = require("../../../types/SeriesType");
-var IDataSeries_1 = require("../../Model/IDataSeries");
+var animationHelpers_1 = require("./Animations/animationHelpers");
 var BaseBandRenderableSeries_1 = require("./BaseBandRenderableSeries");
 var constants_1 = require("./constants");
 /**
@@ -103,6 +103,11 @@ var SplineBandRenderableSeries = /** @class */ (function (_super) {
         this.recalculateSpline = false;
     };
     /** @inheritDoc */
+    SplineBandRenderableSeries.prototype.getYRange = function (xVisibleRange, isXCategoryAxis) {
+        if (isXCategoryAxis === void 0) { isXCategoryAxis = false; }
+        return this.dataSeries.getWindowedYRange(xVisibleRange, true, isXCategoryAxis);
+    };
+    /** @inheritDoc */
     SplineBandRenderableSeries.prototype.toJSON = function (excludeData) {
         if (excludeData === void 0) { excludeData = false; }
         var json = _super.prototype.toJSON.call(this, excludeData);
@@ -115,42 +120,15 @@ var SplineBandRenderableSeries = /** @class */ (function (_super) {
     /** @inheritDoc */
     SplineBandRenderableSeries.prototype.setAnimationVectors = function (animation) {
         this.updateSplineValues();
-        if (animation.isOnStartAnimation) {
-            this.setXFinalAnimationValues(this.xSplineValues);
-            this.setYFinalAnimationValues(this.ySplineValues);
-            this.setY1FinalAnimationValues(this.y1SplineValues);
-        }
-        else if (animation.isDataSeriesAnimation) {
-            var xyyDataSeries = animation.dataSeries;
-            if (xyyDataSeries.type !== IDataSeries_1.EDataSeriesType.Xyy) {
-                throw Error("to animate band chart animation.dataSeries type should be Xyy, but the type is " + xyyDataSeries.type);
-            }
-            this.setXInitialAnimationValues(this.xSplineValues);
-            this.setYInitialAnimationValues(this.ySplineValues);
-            this.setY1InitialAnimationValues(this.y1SplineValues);
-            // set final animation values for the spline
-            var dataSeries = animation.dataSeries;
-            var xValues = this.xAxis.isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
-            this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, dataSeries.getNativeYValues(), this.xFinalAnimationValues, this.yFinalAnimationValues, xValues.size(), this.interpolationPoints, dataSeries.containsNaN);
-            this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, dataSeries.getNativeY1Values(), this.xFinalAnimationValues, this.y1FinalAnimationValues, xValues.size(), this.interpolationPoints, dataSeries.containsNaN);
-            this.validateAnimationValues();
-        }
+        animationHelpers_1.animationHelpers.setSplineBandAnimationVectors(this.webAssemblyContext, animation, this.dataSeries, animation.dataSeries, this.xSplineValues, this.ySplineValues, this.y1SplineValues, this.xAxis.isCategoryAxis, this.interpolationPoints);
     };
     /** @inheritDoc */
     SplineBandRenderableSeries.prototype.updateAnimationProperties = function (progress, animationFSM) {
         var animation = animationFSM.animation;
         animation.updateSeriesProperties(this, animationFSM.initialStyles, animationFSM.animationProgress);
-        if (animation.isOnStartAnimation) {
-            var dataSeries = this.dataSeries;
-            if (dataSeries) {
-                animation.calculateAnimationValues(this.webAssemblyContext, this.yFinalAnimationValues, this.ySplineValues, progress);
-                animation.calculateAnimationValues(this.webAssemblyContext, this.y1FinalAnimationValues, this.y1SplineValues, progress);
-            }
-        }
-        else if (animation.isDataSeriesAnimation) {
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.xInitialAnimationValues, this.xFinalAnimationValues, this.xSplineValues, progress);
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.yInitialAnimationValues, this.yFinalAnimationValues, this.ySplineValues, progress);
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.y1InitialAnimationValues, this.y1FinalAnimationValues, this.y1SplineValues, progress);
+        var dataSeries = this.dataSeries;
+        if (dataSeries) {
+            animationHelpers_1.animationHelpers.updateSplineBandAnimationProperties(this.webAssemblyContext, animation, progress, dataSeries, this.xSplineValues, this.ySplineValues, this.y1SplineValues);
         }
         if (this.invalidateParentCallback) {
             this.invalidateParentCallback();

package/Charting/Visuals/RenderableSeries/SplineLineRenderableSeries.d.ts

@@ -1,4 +1,5 @@
 import { AnimationFiniteStateMachine } from "../../../Core/Animations/AnimationFiniteStateMachine";
+import { NumberRange } from "../../../Core/NumberRange";
 import { ESeriesType } from "../../../types/SeriesType";
 import { DoubleVector, TSciChart } from "../../../types/TSciChart";
 import { BaseAnimation } from "./Animations/BaseAnimation";
@@ -61,6 +62,9 @@ export declare class SplineLineRenderableSeries extends BaseLineRenderableSeries
      * Updates spline values
      */
     updateSplineValues(): void;
+    /** @inheritDoc */
+    getYRange(xVisibleRange: NumberRange, isXCategoryAxis?: boolean): NumberRange;
+    /** @inheritDoc */
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
     /**
      * @param color The color for palette

package/Charting/Visuals/RenderableSeries/SplineLineRenderableSeries.js

@@ -16,6 +16,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SplineLineRenderableSeries = void 0;
 var Deleter_1 = require("../../../Core/Deleter");
 var SeriesType_1 = require("../../../types/SeriesType");
+var animationHelpers_1 = require("./Animations/animationHelpers");
 var BaseLineRenderableSeries_1 = require("./BaseLineRenderableSeries");
 var constants_1 = require("./constants");
 /**
@@ -95,6 +96,12 @@ var SplineLineRenderableSeries = /** @class */ (function (_super) {
         this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, yValues, this.xSplineValues, this.ySplineValues, initialSize, this.interpolationPoints, dataSeries.containsNaN);
         this.recalculateSpline = false;
     };
+    /** @inheritDoc */
+    SplineLineRenderableSeries.prototype.getYRange = function (xVisibleRange, isXCategoryAxis) {
+        if (isXCategoryAxis === void 0) { isXCategoryAxis = false; }
+        return this.dataSeries.getWindowedYRange(xVisibleRange, true, isXCategoryAxis);
+    };
+    /** @inheritDoc */
     SplineLineRenderableSeries.prototype.toJSON = function (excludeData) {
         if (excludeData === void 0) { excludeData = false; }
         var json = _super.prototype.toJSON.call(this, excludeData);
@@ -116,32 +123,15 @@ var SplineLineRenderableSeries = /** @class */ (function (_super) {
     /** @inheritDoc */
     SplineLineRenderableSeries.prototype.setAnimationVectors = function (animation) {
         this.updateSplineValues();
-        if (animation.isOnStartAnimation) {
-            this.setXFinalAnimationValues(this.xSplineValues);
-            this.setYFinalAnimationValues(this.ySplineValues);
-        }
-        else if (animation.isDataSeriesAnimation) {
-            this.setXInitialAnimationValues(this.xSplineValues);
-            this.setYInitialAnimationValues(this.ySplineValues);
-            // set final animation values for the spline
-            var dataSeries = animation.dataSeries;
-            var xValues = this.xAxis.isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
-            this.webAssemblyContext.SCRTSplineHelperCubicSpline(xValues, dataSeries.getNativeYValues(), this.xFinalAnimationValues, this.yFinalAnimationValues, xValues.size(), this.interpolationPoints, dataSeries.containsNaN);
-        }
+        animationHelpers_1.animationHelpers.setSplineAnimationVectors(this.webAssemblyContext, animation, this.dataSeries, animation.dataSeries, this.xSplineValues, this.ySplineValues, this.xAxis.isCategoryAxis, this.interpolationPoints);
     };
     /** @inheritDoc */
     SplineLineRenderableSeries.prototype.updateAnimationProperties = function (progress, animationFSM) {
         var animation = animationFSM.animation;
         animation.updateSeriesProperties(this, animationFSM.initialStyles, animationFSM.animationProgress);
-        if (animation.isOnStartAnimation) {
-            var dataSeries = this.dataSeries;
-            if (dataSeries) {
-                animation.calculateAnimationValues(this.webAssemblyContext, this.yFinalAnimationValues, this.ySplineValues, progress);
-            }
-        }
-        else if (animation.isDataSeriesAnimation) {
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.xInitialAnimationValues, this.xFinalAnimationValues, this.xSplineValues, progress);
-            animation.calculateDataSeriesAnimationValues(this.webAssemblyContext, this.yInitialAnimationValues, this.yFinalAnimationValues, this.ySplineValues, progress);
+        var dataSeries = this.dataSeries;
+        if (dataSeries) {
+            animationHelpers_1.animationHelpers.updateSplineAnimationProperties(this.webAssemblyContext, animation, progress, dataSeries, this.xSplineValues, this.ySplineValues);
         }
         if (this.invalidateParentCallback) {
             this.invalidateParentCallback();