scichart 2.0.2228 → 2.1.2273

package/Charting/Visuals/Axis/IAxisCoreOptions.d.ts

@@ -5,6 +5,11 @@ import { TGridLineStyle, TTextStyle, TTickLineStyle } from "./AxisCore";
  * Optional parameters passed to {@link AxisCore} constructor to set defaults at construction time
  */
 export interface IAxisCoreOptions {
+    /**
+     * When true, 32-bit faster paths for coordinate calculation maths are used. This improves performance in
+     * edge-cases where every CPU cycle counts.
+     */
+    allowFastMath?: boolean;
     /**
      * The VisibleRange is the range of the Axis (min to max).
      * @description

package/Charting/Visuals/Axis/LabelProvider/SmartDateLabelProvider.js

@@ -117,7 +117,8 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
     };
     SmartDateLabelProvider.prototype.formatTradeChartLabel = function (tradeChartLabelFormat, value, prevValue, prevPrevValue) {
         if (tradeChartLabelFormat === ETradeChartLabelFormat.Minutes) {
-            var newDate = !prevValue || (0, date_1.formatUnixDateToHumanStringMMMDD)(value) !== (0, date_1.formatUnixDateToHumanStringMMMDD)(prevValue);
+            var newDate = prevValue === undefined ||
+                (0, date_1.formatUnixDateToHumanStringMMMDD)(value) !== (0, date_1.formatUnixDateToHumanStringMMMDD)(prevValue);
             if (newDate) {
                 return (0, date_1.formatUnixDateToHumanStringMMMDD)(value);
             }
@@ -126,7 +127,8 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
             }
         }
         else if (tradeChartLabelFormat === ETradeChartLabelFormat.Days) {
-            var newMonth = !prevValue || (0, date_1.formatUnixDateToHumanStringMMM)(value) !== (0, date_1.formatUnixDateToHumanStringMMM)(prevValue);
+            var newMonth = prevValue === undefined ||
+                (0, date_1.formatUnixDateToHumanStringMMM)(value) !== (0, date_1.formatUnixDateToHumanStringMMM)(prevValue);
             if (newMonth) {
                 return (0, date_1.formatUnixDateToHumanStringMMM)(value);
             }
@@ -135,12 +137,13 @@ var SmartDateLabelProvider = /** @class */ (function (_super) {
             }
         }
         else if (tradeChartLabelFormat === ETradeChartLabelFormat.Months) {
-            var newYear = !prevValue || (0, date_1.formatUnixDateToHumanStringYYYY)(value) !== (0, date_1.formatUnixDateToHumanStringYYYY)(prevValue);
+            var newYear = prevValue === undefined ||
+                (0, date_1.formatUnixDateToHumanStringYYYY)(value) !== (0, date_1.formatUnixDateToHumanStringYYYY)(prevValue);
             if (newYear) {
                 return (0, date_1.formatUnixDateToHumanStringYYYY)(value);
             }
             // If previous label was year, display month label
-            var prevPrevNewYear = !prevPrevValue ||
+            var prevPrevNewYear = prevPrevValue === undefined ||
                 (0, date_1.formatUnixDateToHumanStringYYYY)(prevValue) !== (0, date_1.formatUnixDateToHumanStringYYYY)(prevPrevValue);
             var newMonth = prevPrevNewYear || (0, date_1.formatUnixDateToHumanStringMMM)(value) !== (0, date_1.formatUnixDateToHumanStringMMM)(prevValue);
             if (newMonth) {

package/Charting/Visuals/Axis/NumericAxis.js

@@ -58,8 +58,8 @@ var NumericAxis = /** @class */ (function (_super) {
         var size = this.axisLength;
         var shouldFlip = this.isXAxis !== this.flippedCoordinatesProperty;
         return shouldFlip
-            ? new FlippedNumericCoordinateCalculator_1.FlippedNumericCoordinateCalculator(this.webAssemblyContext2D, size, min, max, offset)
-            : new NumericCoordinateCalculator_1.NumericCoordinateCalculator(this.webAssemblyContext2D, size, min, max, offset);
+            ? new FlippedNumericCoordinateCalculator_1.FlippedNumericCoordinateCalculator(this.webAssemblyContext2D, size, min, max, offset, this.allowFastMath)
+            : new NumericCoordinateCalculator_1.NumericCoordinateCalculator(this.webAssemblyContext2D, size, min, max, offset, this.allowFastMath);
     };
     return NumericAxis;
 }(AxisBase2D_1.AxisBase2D));

package/Charting/Visuals/Axis/constants.d.ts

@@ -1,4 +1,5 @@
 export declare enum PROPERTY {
+    ALLOW_FAST_MATH = "ALLOW_FAST_MATH",
     AUTO_RANGE = "AUTO_RANGE",
     AUTO_TICKS = "AUTO_TICKS",
     AXIS_ALIGNMENT = "AXIS_ALIGNMENT",

package/Charting/Visuals/Axis/constants.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PROPERTY = void 0;
 var PROPERTY;
 (function (PROPERTY) {
+    PROPERTY["ALLOW_FAST_MATH"] = "ALLOW_FAST_MATH";
     PROPERTY["AUTO_RANGE"] = "AUTO_RANGE";
     PROPERTY["AUTO_TICKS"] = "AUTO_TICKS";
     PROPERTY["AXIS_ALIGNMENT"] = "AXIS_ALIGNMENT";

package/Charting/Visuals/Legend/SciChartLegend.d.ts

@@ -35,5 +35,11 @@ export declare class SciChartLegend extends SciChartLegendBase {
     /** @inheritDoc */
     protected addEventListeners(): void;
     /** @inheritDoc */
+    protected removeEventListeners(): void;
+    /**
+     * adds event listeners to a specific {@link IRenderableSeries} series
+     */
+    protected addEventListenerToSeries(rs: IRenderableSeries): void;
+    /** @inheritDoc */
     protected getInnerHTML(): string;
 }

package/Charting/Visuals/Legend/SciChartLegend.js

@@ -79,7 +79,36 @@ var SciChartLegend = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     SciChartLegend.prototype.addEventListeners = function () {
-        this.renderableSeriesArray.forEach(function (rs) { return addEventListenerToSeries(rs); });
+        var _this = this;
+        this.renderableSeriesArray.forEach(function (rs) { return _this.addEventListenerToSeries(rs); });
+    };
+    /** @inheritDoc */
+    SciChartLegend.prototype.removeEventListeners = function () {
+        var _this = this;
+        this.renderableSeriesArray.forEach(function (rs) { return _this.removeEventListenerFromSeries(rs.id); });
+    };
+    /**
+     * adds event listeners to a specific {@link IRenderableSeries} series
+     */
+    SciChartLegend.prototype.addEventListenerToSeries = function (rs) {
+        var el = this.getParentDiv().querySelector("[id='".concat(rs.id, "']"));
+        if (el) {
+            var onChangeEventListener_1 = function (e) { return (rs.isVisible = e.target.checked); };
+            el.addEventListener("change", onChangeEventListener_1);
+            var eventSubscriptionItem = {
+                element: el,
+                eventType: "change",
+                eventListener: onChangeEventListener_1,
+                delete: function () { return el.removeEventListener("change", onChangeEventListener_1); }
+            };
+            var eventListenersForRenderableSeries = this.eventListenersCollection.get(rs.id);
+            if (eventListenersForRenderableSeries) {
+                eventListenersForRenderableSeries.push(eventSubscriptionItem);
+            }
+            else {
+                this.eventListenersCollection.set(rs.id, [eventSubscriptionItem]);
+            }
+        }
     };
     /** @inheritDoc */
     SciChartLegend.prototype.getInnerHTML = function () {
@@ -104,15 +133,3 @@ var SciChartLegend = /** @class */ (function (_super) {
     return SciChartLegend;
 }(SciChartLegendBase_1.SciChartLegendBase));
 exports.SciChartLegend = SciChartLegend;
-/** @ignore */
-var addEventListenerToSeries = function (rs) {
-    var el = document.getElementById(rs.id);
-    if (el) {
-        // @ts-ignore
-        el.addEventListener("change", function (e) { return (rs.isVisible = e.target.checked); });
-    }
-};
-/** @ignore */
-var removeEventListenerFromSeries = function (renderableSeriesId) {
-    // TODO: to think about how to remove event listeners when removing series
-};

package/Charting/Visuals/Legend/SciChartLegendBase.d.ts

@@ -10,6 +10,11 @@ export declare type TLegendItem = {
     checked: boolean;
     gradient?: GradientParams;
 };
+export interface IEventSubscriptionItem extends IDeletable {
+    element: HTMLElement;
+    eventType: string;
+    eventListener: EventListener;
+}
 /**
  * Enumeration constants to define legend orientation
  */
@@ -48,7 +53,8 @@ export declare abstract class SciChartLegendBase implements IDeletable {
     protected marginProperty: number;
     protected isDirty: boolean;
     protected parentSurfaceProperty: ISciChartSurfaceBase;
-    protected placementDivIdProperty: string;
+    protected placementDivIdProperty: string | HTMLDivElement;
+    protected eventListenersCollection: Map<string, IEventSubscriptionItem[]>;
     /** @inheritDoc */
     abstract applyTheme(): void;
     setInvalidateParentSurface(value: () => void): void;
@@ -107,13 +113,13 @@ export declare abstract class SciChartLegendBase implements IDeletable {
      */
     set margin(value: number);
     /**
-     * Gets or sets the parent div element for the Legend
+     * Gets or sets the parent div element reference or id for the Legend
      */
-    get placementDivId(): string;
+    get placementDivId(): string | HTMLDivElement;
     /**
-     * Gets or sets the parent div element for the Legend
+     * Gets or sets the parent div element reference or id for the Legend
      */
-    set placementDivId(value: string);
+    set placementDivId(value: string | HTMLDivElement);
     /** @inheritDoc */
     delete(): void;
     /**
@@ -156,7 +162,15 @@ export declare abstract class SciChartLegendBase implements IDeletable {
      * When overridden in a derived class, will be called when its time to add event listeners to series
      */
     protected abstract addEventListeners(): void;
-    private getParentDiv;
+    /**
+     * When overridden in a derived class, will be called when its time to remove event listeners from series
+     */
+    protected abstract removeEventListeners(): void;
+    /**
+     * removes event listeners from a specific {@link IRenderableSeries} series
+     */
+    protected removeEventListenerFromSeries: (renderableSeriesId: string) => void;
+    protected getParentDiv(): HTMLDivElement;
 }
 export declare const getLegendItemHtml: (orientation: ELegendOrientation, showCheckboxes: boolean, showSeriesMarkers: boolean, item: TLegendItem) => string;
 export declare const getLegendContainerHtml: (placement: ELegendPlacement, textColor: string, backgroundColor: string, margin: Thickness, body: string) => string;

package/Charting/Visuals/Legend/SciChartLegendBase.js

@@ -35,11 +35,24 @@ var ELegendType;
  */
 var SciChartLegendBase = /** @class */ (function () {
     function SciChartLegendBase() {
+        var _this = this;
         this.orientationProperty = ELegendOrientation.Vertical;
         this.showLegendProperty = true;
         this.placementProperty = ELegendPlacement.TopLeft;
         this.marginProperty = 10;
         this.isDirty = true;
+        this.eventListenersCollection = new Map();
+        /**
+         * removes event listeners from a specific {@link IRenderableSeries} series
+         */
+        this.removeEventListenerFromSeries = function (renderableSeriesId) {
+            var _a;
+            (_a = _this.eventListenersCollection.get(renderableSeriesId)) === null || _a === void 0 ? void 0 : _a.forEach(function (_a) {
+                var element = _a.element, eventListener = _a.eventListener, eventType = _a.eventType;
+                element.removeEventListener(eventType, eventListener);
+            });
+            _this.eventListenersCollection.delete(renderableSeriesId);
+        };
     }
     SciChartLegendBase.prototype.setInvalidateParentSurface = function (value) {
         this.invalidateParentSurface = value;
@@ -156,13 +169,13 @@ var SciChartLegendBase = /** @class */ (function () {
     });
     Object.defineProperty(SciChartLegendBase.prototype, "placementDivId", {
         /**
-         * Gets or sets the parent div element for the Legend
+         * Gets or sets the parent div element reference or id for the Legend
          */
         get: function () {
             return this.placementDivIdProperty;
         },
         /**
-         * Gets or sets the parent div element for the Legend
+         * Gets or sets the parent div element reference or id for the Legend
          */
         set: function (value) {
             this.delete();
@@ -175,8 +188,8 @@ var SciChartLegendBase = /** @class */ (function () {
     /** @inheritDoc */
     SciChartLegendBase.prototype.delete = function () {
         var _a;
-        // TODO: remove listeners from renderable series to prevent memory leaks in older browsers
         if (this.div) {
+            this.removeEventListeners();
             (_a = this.getParentDiv()) === null || _a === void 0 ? void 0 : _a.removeChild(this.div);
             this.div = undefined;
         }
@@ -239,7 +252,12 @@ var SciChartLegendBase = /** @class */ (function () {
         }
     };
     SciChartLegendBase.prototype.getParentDiv = function () {
-        return this.placementDivId ? document.getElementById(this.placementDivId) : this.rootDiv;
+        if (this.placementDivId) {
+            return typeof this.placementDivId === "string"
+                ? document.getElementById(this.placementDivId)
+                : this.placementDivId;
+        }
+        return this.rootDiv;
     };
     return SciChartLegendBase;
 }());

package/Charting/Visuals/Legend/SciChartPieLegend.d.ts

@@ -43,6 +43,8 @@ export declare class SciChartPieLegend extends SciChartLegendBase {
      * @inheritDoc
      */
     protected addEventListeners(): void;
+    /** @inheritDoc */
+    protected removeEventListeners(): void;
     /**
      * @inheritDoc
      */

package/Charting/Visuals/Legend/SciChartPieLegend.js

@@ -95,10 +95,25 @@ var SciChartPieLegend = /** @class */ (function (_super) {
     SciChartPieLegend.prototype.addEventListeners = function () {
         var _this = this;
         this.pieSegmentArray.forEach(function (ps) {
-            var el = document.getElementById(getCheckboxId(ps.id));
-            (0, SciChartPieSurface_1.addEventListenerToPieSegment)(ps, el, _this.animate);
+            var el = _this.getParentDiv().querySelector("#".concat(getCheckboxId(ps.id)));
+            if (!el) {
+                return;
+            }
+            var eventSubscriptionItem = (0, SciChartPieSurface_1.addEventListenerToPieSegment)(ps, el, _this.animate);
+            var eventListenersForRenderableSeries = _this.eventListenersCollection.get(ps.id);
+            if (eventListenersForRenderableSeries) {
+                eventListenersForRenderableSeries.push(eventSubscriptionItem);
+            }
+            else {
+                _this.eventListenersCollection.set(ps.id, [eventSubscriptionItem]);
+            }
         });
     };
+    /** @inheritDoc */
+    SciChartPieLegend.prototype.removeEventListeners = function () {
+        var _this = this;
+        this.pieSegmentArray.forEach(function (ps) { return _this.removeEventListenerFromSeries(ps.id); });
+    };
     /**
      * @inheritDoc
      */
@@ -123,7 +138,3 @@ var SciChartPieLegend = /** @class */ (function (_super) {
 exports.SciChartPieLegend = SciChartPieLegend;
 /** @ignore */
 var getCheckboxId = function (pieSegmentId) { return "check".concat(pieSegmentId); };
-/** @ignore */
-var removeEventListenerFromSeries = function (renderableSeriesId) {
-    // TODO: to think about how to remove event listeners when removing series
-};

package/Charting/Visuals/RenderableSeries/Animations/FadeAnimation.d.ts

@@ -1,5 +1,5 @@
 import { EAnimationType } from "../../../../types/AnimationType";
-import { DoubleVector, TSciChart } from "../../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../../types/TSciChart";
 import { SeriesAnimation, IBaseAnimationOptions } from "./SeriesAnimation";
 export interface IFadeAnimationOptions extends IBaseAnimationOptions {
 }
@@ -8,5 +8,5 @@ export declare class FadeAnimation extends SeriesAnimation {
     readonly type = EAnimationType.Fade;
     constructor(options?: IFadeAnimationOptions);
     /** @inheritDoc */
-    calculateAnimationValues(wasmContext: TSciChart, originalValues: DoubleVector, animationValues: DoubleVector, progress: number, noZeroLine?: boolean): void;
+    calculateAnimationValues(wasmContext: TSciChart, originalValues: SCRTDoubleVector, animationValues: SCRTDoubleVector, progress: number, noZeroLine?: boolean): void;
 }

package/Charting/Visuals/RenderableSeries/Animations/ScaleAnimation.d.ts

@@ -1,5 +1,5 @@
 import { EAnimationType } from "../../../../types/AnimationType";
-import { DoubleVector, TSciChart } from "../../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../../types/TSciChart";
 import { SeriesAnimation, IBaseAnimationOptions } from "./SeriesAnimation";
 export interface IScaleAnimationOptions extends IBaseAnimationOptions {
     zeroLine?: number;
@@ -13,7 +13,7 @@ export declare class ScaleAnimation extends SeriesAnimation {
     zeroLine: number;
     constructor(options?: IScaleAnimationOptions);
     /** @inheritDoc */
-    calculateAnimationValues(wasmContext: TSciChart, originalValues: DoubleVector, animationValues: DoubleVector, progress: number, noZeroLine?: boolean): void;
+    calculateAnimationValues(wasmContext: TSciChart, originalValues: SCRTDoubleVector, animationValues: SCRTDoubleVector, progress: number, noZeroLine?: boolean): void;
     toJSON(): {
         type: EAnimationType;
         options: Required<Omit<IBaseAnimationOptions, never>>;

package/Charting/Visuals/RenderableSeries/Animations/SeriesAnimation.d.ts

@@ -1,7 +1,7 @@
 import { IAnimation } from "../../../../Core/Animations/AnimationFiniteStateMachine";
 import { TEasingFn } from "../../../../Core/Animations/EasingFunctions";
 import { EAnimationType } from "../../../../types/AnimationType";
-import { DoubleVector, TSciChart } from "../../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../../types/TSciChart";
 import { IDataSeries } from "../../../Model/IDataSeries";
 import { IRenderableSeries } from "../IRenderableSeries";
 import { BaseAnimationStyle } from "./BaseAnimationStyle";
@@ -65,7 +65,7 @@ export declare abstract class SeriesAnimation implements IAnimation {
      * @param progress Current animation progress
      * @param noZeroLine Sets zeroLine = 0, is used for XyzDataSeries
      */
-    calculateAnimationValues(wasmContext: TSciChart, originalValues: DoubleVector, animationValues: DoubleVector, progress: number, noZeroLine?: boolean): void;
+    calculateAnimationValues(wasmContext: TSciChart, originalValues: SCRTDoubleVector, animationValues: SCRTDoubleVector, progress: number, noZeroLine?: boolean): void;
     /**
      * Runs for data animation to update animation vectors
      * @param wasmContext
@@ -74,7 +74,7 @@ export declare abstract class SeriesAnimation implements IAnimation {
      * @param interpolatedValues The vector which will be updated with interpolated values
      * @param progress Current animation progress
      */
-    calculateDataSeriesAnimationValues(wasmContext: TSciChart, initialValues: DoubleVector, finalValues: DoubleVector, interpolatedValues: DoubleVector, progress: number): void;
+    calculateDataSeriesAnimationValues(wasmContext: TSciChart, initialValues: SCRTDoubleVector, finalValues: SCRTDoubleVector, interpolatedValues: SCRTDoubleVector, progress: number): void;
     /**
      * Returns {@link BaseAnimationStyle} object which is being used to create initial styles
      * @param renderableSeries The renderable series

package/Charting/Visuals/RenderableSeries/Animations/SweepAnimation.d.ts

@@ -1,5 +1,5 @@
 import { EAnimationType } from "../../../../types/AnimationType";
-import { DoubleVector, TSciChart } from "../../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../../types/TSciChart";
 import { SeriesAnimation, IBaseAnimationOptions } from "./SeriesAnimation";
 export interface ISweepAnimationOptions extends IBaseAnimationOptions {
 }
@@ -8,5 +8,5 @@ export declare class SweepAnimation extends SeriesAnimation {
     readonly type = EAnimationType.Sweep;
     constructor(options?: ISweepAnimationOptions);
     /** @inheritDoc */
-    calculateAnimationValues(wasmContext: TSciChart, originalValues: DoubleVector, animationValues: DoubleVector, progress: number, noZeroLine?: boolean): void;
+    calculateAnimationValues(wasmContext: TSciChart, originalValues: SCRTDoubleVector, animationValues: SCRTDoubleVector, progress: number, noZeroLine?: boolean): void;
 }

package/Charting/Visuals/RenderableSeries/Animations/WaveAnimation.d.ts

@@ -1,5 +1,5 @@
 import { EAnimationType } from "../../../../types/AnimationType";
-import { DoubleVector, TSciChart } from "../../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../../types/TSciChart";
 import { SeriesAnimation, IBaseAnimationOptions } from "./SeriesAnimation";
 export interface IWaveAnimationOptions extends IBaseAnimationOptions {
     pointDurationFraction?: number;
@@ -18,7 +18,7 @@ export declare class WaveAnimation extends SeriesAnimation {
     zeroLine: number;
     constructor(options?: IWaveAnimationOptions);
     /** @inheritDoc */
-    calculateAnimationValues(wasmContext: TSciChart, originalValues: DoubleVector, animationValues: DoubleVector, progress: number, noZeroLine?: boolean): void;
+    calculateAnimationValues(wasmContext: TSciChart, originalValues: SCRTDoubleVector, animationValues: SCRTDoubleVector, progress: number, noZeroLine?: boolean): void;
     toJSON(): {
         type: EAnimationType;
         options: Required<Omit<IBaseAnimationOptions, never>>;

package/Charting/Visuals/RenderableSeries/Animations/animationHelpers.d.ts

@@ -1,5 +1,5 @@
 import { AnimationFiniteStateMachine, IAnimation, SeriesAnimationFiniteStateMachine } from "../../../../Core/Animations/AnimationFiniteStateMachine";
-import { DoubleVector, TSciChart } from "../../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../../types/TSciChart";
 import { BaseDataSeries } from "../../../Model/BaseDataSeries";
 import { XyyDataSeries } from "../../../Model/XyyDataSeries";
 import { CrossPointMarker } from "../../PointMarkers/CrossPointMarker";
@@ -17,9 +17,9 @@ export declare const animationHelpers: {
     createPointMarker: (wasmContext: TSciChart, pointMarkerStyle: BasePointMarkerStyle) => SpritePointMarker | CrossPointMarker | EllipsePointMarker | XPointMarker | SquarePointMarker | TrianglePointMarker;
     interpolateNumber: (from: number, to: number, progress: number) => number;
     interpolateColor: (from: number, to: number, progress: number) => number;
-    copyVector: (sourceVector: DoubleVector, targetVector: DoubleVector) => void;
-    setSplineAnimationVectors: (wasmContext: TSciChart, animation: SeriesAnimation, ds: BaseDataSeries, animationDS: BaseDataSeries, xSplineValues: DoubleVector, ySplineValues: DoubleVector, isCategoryAxis: boolean, interpolationPoints: number) => void;
-    setSplineBandAnimationVectors: (wasmContext: TSciChart, animation: SeriesAnimation, ds: XyyDataSeries, animationDS: XyyDataSeries, xSplineValues: DoubleVector, ySplineValues: DoubleVector, y1SplineValues: DoubleVector, isCategoryAxis: boolean, interpolationPoints: number) => void;
-    updateSplineAnimationProperties: (wasmContext: TSciChart, animation: SeriesAnimation, progress: number, dataSeries: BaseDataSeries, xSplineValues: DoubleVector, ySplineValues: DoubleVector) => void;
-    updateSplineBandAnimationProperties: (wasmContext: TSciChart, animation: SeriesAnimation, progress: number, dataSeries: XyyDataSeries, xSplineValues: DoubleVector, ySplineValues: DoubleVector, y1SplineValues: DoubleVector) => void;
+    copyVector: (sourceVector: SCRTDoubleVector, targetVector: SCRTDoubleVector) => void;
+    setSplineAnimationVectors: (wasmContext: TSciChart, animation: SeriesAnimation, ds: BaseDataSeries, animationDS: BaseDataSeries, xSplineValues: SCRTDoubleVector, ySplineValues: SCRTDoubleVector, isCategoryAxis: boolean, interpolationPoints: number) => void;
+    setSplineBandAnimationVectors: (wasmContext: TSciChart, animation: SeriesAnimation, ds: XyyDataSeries, animationDS: XyyDataSeries, xSplineValues: SCRTDoubleVector, ySplineValues: SCRTDoubleVector, y1SplineValues: SCRTDoubleVector, isCategoryAxis: boolean, interpolationPoints: number) => void;
+    updateSplineAnimationProperties: (wasmContext: TSciChart, animation: SeriesAnimation, progress: number, dataSeries: BaseDataSeries, xSplineValues: SCRTDoubleVector, ySplineValues: SCRTDoubleVector) => void;
+    updateSplineBandAnimationProperties: (wasmContext: TSciChart, animation: SeriesAnimation, progress: number, dataSeries: XyyDataSeries, xSplineValues: SCRTDoubleVector, ySplineValues: SCRTDoubleVector, y1SplineValues: SCRTDoubleVector) => void;
 };

package/Charting/Visuals/RenderableSeries/Animations/animationHelpers.js

@@ -147,7 +147,7 @@ var setSplineAnimationVectors = function (wasmContext, animation, ds, animationD
         // set final animation values for the spline
         var dataSeries = animation.dataSeries;
         var xValues = isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
-        wasmContext.SCRTSplineHelperCubicSpline(xValues, dataSeries.getNativeYValues(), ds.xFinalAnimationValues, ds.yFinalAnimationValues, xValues.size(), interpolationPoints, dataSeries.containsNaN);
+        wasmContext.SCRTSplineHelperCubicSpline(xValues, dataSeries.getNativeYValues(), ds.xFinalAnimationValues, ds.yFinalAnimationValues, xValues.size(), interpolationPoints, dataSeries.dataDistributionCalculator.containsNaN);
     }
 };
 var setSplineBandAnimationVectors = function (wasmContext, animation, ds, animationDS, xSplineValues, ySplineValues, y1SplineValues, isCategoryAxis, interpolationPoints) {
@@ -162,7 +162,7 @@ var setSplineBandAnimationVectors = function (wasmContext, animation, ds, animat
         exports.animationHelpers.copyVector(y1SplineValues, ds.y1InitialAnimationValues);
         // set final animation values for the spline
         var xValues = isCategoryAxis ? animationDS.getNativeIndexes() : animationDS.getNativeXValues();
-        wasmContext.SCRTSplineHelperCubicSpline(xValues, animationDS.getNativeY1Values(), ds.xFinalAnimationValues, ds.y1FinalAnimationValues, xValues.size(), interpolationPoints, animationDS.containsNaN);
+        wasmContext.SCRTSplineHelperCubicSpline(xValues, animationDS.getNativeY1Values(), ds.xFinalAnimationValues, ds.y1FinalAnimationValues, xValues.size(), interpolationPoints, animationDS.dataDistributionCalculator.containsNaN);
         ds.validateAnimationVectors();
     }
 };

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

@@ -1,4 +1,7 @@
-import { DoubleVector, TSciChart } from "../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../types/TSciChart";
+import { IXyyPointSeries } from "../../Model/PointSeries/IPointSeries";
+import { XyyPointSeriesResampled } from "../../Model/PointSeries/XyyPointSeriesResampled";
+import { ResamplingParams } from "../../Numerics/Resamplers/ResamplingParams";
 import { IThemeProvider } from "../../Themes/IThemeProvider";
 import { BaseRenderableSeries } from "./BaseRenderableSeries";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
@@ -32,11 +35,13 @@ export interface IBaseBandRenderableSeriesOptions extends IBaseRenderableSeriesO
     strokeY1DashArray?: number[];
 }
 export declare abstract class BaseBandRenderableSeries extends BaseRenderableSeries {
+    protected pointSeries: XyyPointSeriesResampled;
     private fillY1Property;
     private strokeY1Property;
     private fillProperty;
     private strokeDashArrayProperty;
     private strokeY1DashArrayProperty;
+    private xyyTempPointSeries;
     constructor(webAssemblyContext: TSciChart, options?: IBaseBandRenderableSeriesOptions);
     /**
      * @inheritDoc
@@ -91,10 +96,12 @@ export declare abstract class BaseBandRenderableSeries extends BaseRenderableSer
     /**
      * Returns the {@link XyyDataSeries.getNativeY1Values} for the associated {@link dataSeries}
      */
-    getNativeY1Values(): DoubleVector;
+    getNativeY1Values(): SCRTDoubleVector;
     /** @inheritDoc */
     delete(): void;
     /** @inheritDoc */
+    toPointSeries(rp?: ResamplingParams): IXyyPointSeries;
+    /** @inheritDoc */
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
     /** @inheritDoc */
     protected newHitTestProvider(): IHitTestProvider;

package/Charting/Visuals/RenderableSeries/BaseBandRenderableSeries.js

@@ -16,6 +16,8 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseBandRenderableSeries = void 0;
+var XyyPointSeriesResampled_1 = require("../../Model/PointSeries/XyyPointSeriesResampled");
+var XyyPointSeriesWrapped_1 = require("../../Model/PointSeries/XyyPointSeriesWrapped");
 var SciChartSurfaceBase_1 = require("../SciChartSurfaceBase");
 var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
 var constants_1 = require("./constants");
@@ -35,7 +37,7 @@ var BaseBandRenderableSeries = /** @class */ (function (_super) {
         _this.strokeDashArrayProperty = options === null || options === void 0 ? void 0 : options.strokeDashArray;
         _this.drawingProviders.push(new BandSeriesDrawingProvider_1.BandSeriesDrawingProvider(webAssemblyContext, _this));
         _this.drawingProviders.push(new PointMarkerDrawingProvider_1.PointMarkerDrawingProvider(webAssemblyContext, _this));
-        _this.drawingProviders.push(new PointMarkerDrawingProvider_1.PointMarkerDrawingProvider(webAssemblyContext, _this, function (ds) { return ds.getNativeY1Values(); }, function (rs) { return rs.y1SplineValues; }));
+        _this.drawingProviders.push(new PointMarkerDrawingProvider_1.PointMarkerDrawingProvider(webAssemblyContext, _this, function (ps) { return ps.y1Values; }, function (rs) { return rs.y1SplineValues; }));
         if (options === null || options === void 0 ? void 0 : options.animation) {
             _this.animationQueue.push(options.animation);
         }
@@ -162,6 +164,48 @@ var BaseBandRenderableSeries = /** @class */ (function (_super) {
         _super.prototype.delete.call(this);
     };
     /** @inheritDoc */
+    BaseBandRenderableSeries.prototype.toPointSeries = function (rp) {
+        if (rp) {
+            if (!this.xyyTempPointSeries) {
+                this.xyyTempPointSeries = new XyyPointSeriesResampled_1.XyyPointSeriesResampled(this.webAssemblyContext, rp.xVisibleRange);
+            }
+            else {
+                this.xyyTempPointSeries.xRange = rp.xVisibleRange;
+            }
+            if (!this.pointSeries) {
+                this.pointSeries = new XyyPointSeriesResampled_1.XyyPointSeriesResampled(this.webAssemblyContext, rp.xVisibleRange);
+            }
+            else {
+                this.pointSeries.xRange = rp.xVisibleRange;
+            }
+            var ps = this.pointSeries;
+            var ds = this.dataSeries;
+            var xValues = ds.getNativeXValues();
+            var yValues = ds.getNativeYValues();
+            var y1Values = ds.getNativeY1Values();
+            this.resamplerHelper.resampleIntoPointSeries(this.webAssemblyContext, rp, xValues, yValues, this.xyyTempPointSeries.intIndexes, this.xyyTempPointSeries.xValues, this.xyyTempPointSeries.yValues, false);
+            var xySize = this.xyyTempPointSeries.intIndexes.size();
+            this.resamplerHelper.resampleIntoPointSeries(this.webAssemblyContext, rp, xValues, y1Values, this.xyyTempPointSeries.intIndexes, this.xyyTempPointSeries.xValues, this.xyyTempPointSeries.y1Values);
+            // Because intIndexes vector is not cleared indexes for rpLow are appended at the end of rpHigh indexes
+            var xy1Size = this.xyyTempPointSeries.intIndexes.size() - xySize;
+            // We merge indexes excluding duplicates for Y and Y1 into one vector
+            var mergedSize = this.resamplerHelper.mergeIndexes(this.xyyTempPointSeries.intIndexes, xySize, xy1Size, ps.intIndexes);
+            // Clear the intIndexes as long as we do not need them any more
+            this.xyyTempPointSeries.intIndexes.clear();
+            // Get values by indexes for Y and Y1 values
+            this.resamplerHelper.copyValuesByIndexes(ps.intIndexes, xValues, yValues, y1Values, mergedSize, rp.isCategoryAxis, ps.xValues, ps.yValues, ps.y1Values);
+            if (rp.isCategoryAxis) {
+                ps.updateIndexes();
+            }
+            ps.clearIntIndexes();
+            // ps.debugOutputForUnitTests();
+            return ps;
+        }
+        else {
+            return new XyyPointSeriesWrapped_1.XyyPointSeriesWrapped(this.dataSeries);
+        }
+    };
+    /** @inheritDoc */
     BaseBandRenderableSeries.prototype.toJSON = function (excludeData) {
         if (excludeData === void 0) { excludeData = false; }
         var json = _super.prototype.toJSON.call(this, excludeData);

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

@@ -25,6 +25,7 @@ export declare abstract class BaseLineRenderableSeries extends BaseRenderableSer
      * Accepts an array of values, e.g. [2,2] will have a line of length 2 and a gap of length 2.
      */
     set strokeDashArray(strokeDashArray: number[]);
+    /** @inheritDoc */
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
     /**
      * @inheritDoc

package/Charting/Visuals/RenderableSeries/BaseLineRenderableSeries.js

@@ -62,6 +62,7 @@ var BaseLineRenderableSeries = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    /** @inheritDoc */
     BaseLineRenderableSeries.prototype.toJSON = function (excludeData) {
         if (excludeData === void 0) { excludeData = false; }
         var json = _super.prototype.toJSON.call(this, excludeData);

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

@@ -70,6 +70,7 @@ export declare abstract class BaseMountainRenderableSeries extends BaseRenderabl
      * Accepts an array of values, e.g. [2,2] will have a line of length 2 and a gap of length 2.
      */
     set strokeDashArray(strokeDashArray: number[]);
+    /** @inheritDoc */
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
     /**
      * @inheritDoc

package/Charting/Visuals/RenderableSeries/BaseMountainRenderableSeries.js

@@ -128,6 +128,7 @@ var BaseMountainRenderableSeries = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    /** @inheritDoc */
     BaseMountainRenderableSeries.prototype.toJSON = function (excludeData) {
         if (excludeData === void 0) { excludeData = false; }
         var json = _super.prototype.toJSON.call(this, excludeData);