scichart 3.1.346 → 3.2.0-beta

package/Charting/Visuals/RenderableSeries/ShaderEffect.js

@@ -1,4 +1,19 @@
 "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.ShaderEffect = void 0;
 var app_1 = require("../../../constants/app");
@@ -11,11 +26,13 @@ var parseColor_1 = require("../../../utils/parseColor");
 var tsrExtensions_1 = require("../../../utils/tsrExtensions");
 var constants_1 = require("./constants");
 var NativeObject_1 = require("../Helpers/NativeObject");
+var DeletableEntity_1 = require("../../../Core/DeletableEntity");
 /**
  * A {@link ShaderEffect} can be applied to a {@link BaseRenderableSeries | RenderableSeries} via the
  * {@link BaseRenderableSeries.effect} property. The effect modifies the render output of the chart type.
  */
-var ShaderEffect = /** @class */ (function () {
+var ShaderEffect = /** @class */ (function (_super) {
+    __extends(ShaderEffect, _super);
     /**
      * Creates an instance of the {@link ShaderEffect}
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
@@ -24,20 +41,23 @@ var ShaderEffect = /** @class */ (function () {
      * @param options Optional parameters of type {@link IShaderEffectOptions} to configure the effect
      */
     function ShaderEffect(webAssemblyContext, seriesEffect, options) {
+        var _this = _super.call(this) || this;
         Guard_1.Guard.notNull(webAssemblyContext, "webAssemblyContext");
         if (!app_1.IS_TEST_ENV) {
             Guard_1.Guard.notNull(seriesEffect, "seriesEffect");
         }
-        this.webAssemblyContext = webAssemblyContext;
-        this.propertyChanged = new EventHandler_1.EventHandler();
-        this.nativeEffect = seriesEffect;
-        this.intensity = (options === null || options === void 0 ? void 0 : options.intensity) || 1;
-        this.range = (options === null || options === void 0 ? void 0 : options.range) || 0;
-        this.offset = (options === null || options === void 0 ? void 0 : options.offset) || new Point_1.Point(0, 0);
-        this.color = (options === null || options === void 0 ? void 0 : options.color) || "#444444";
+        _this.webAssemblyContext = webAssemblyContext;
+        _this.propertyChanged = new EventHandler_1.EventHandler();
+        _this.nativeEffect = seriesEffect;
+        _this.intensity = (options === null || options === void 0 ? void 0 : options.intensity) || 1;
+        _this.range = (options === null || options === void 0 ? void 0 : options.range) || 0;
+        _this.offset = (options === null || options === void 0 ? void 0 : options.offset) || new Point_1.Point(0, 0);
+        _this.color = (options === null || options === void 0 ? void 0 : options.color) || "#444444";
+        return _this;
     }
     ShaderEffect.prototype.delete = function () {
         this.nativeEffect = (0, Deleter_1.deleteSafe)(this.nativeEffect);
+        this.webAssemblyContext = undefined;
     };
     /**
      * Gets the native {@link SCRTSeriesEffect} which contains the shader effect that will be applied in WebGL
@@ -142,5 +162,5 @@ var ShaderEffect = /** @class */ (function () {
         return { type: this.type, options: options };
     };
     return ShaderEffect;
-}());
+}(DeletableEntity_1.DeletableEntity));
 exports.ShaderEffect = ShaderEffect;

package/Charting/Visuals/RenderableSeries/SplineBandRenderableSeries.js

@@ -112,6 +112,9 @@ var SplineBandRenderableSeries = /** @class */ (function (_super) {
         }
         this.isSplineProperty = true;
         var dataSeries = this.dataSeries;
+        if (dataSeries.fifoCapacity) {
+            throw new Error("Sorry, fifo is not currently supported for spline series");
+        }
         var xValues = this.xAxis.isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
         var yValues = dataSeries.getNativeYValues();
         var y1Values = dataSeries.getNativeY1Values();
@@ -156,6 +159,10 @@ var SplineBandRenderableSeries = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     SplineBandRenderableSeries.prototype.setAnimationVectors = function (animation) {
+        var ds = this.dataSeries;
+        if (!ds.xInitialAnimationValues) {
+            ds.createAnimationVectors();
+        }
         this.updateSplineValues();
         animationHelpers_1.animationHelpers.setSplineBandAnimationVectors(this.webAssemblyContext, animation, this.dataSeries, animation.dataSeries, this.xSplineValues, this.ySplineValues, this.y1SplineValues, this.xAxis.isCategoryAxis, this.interpolationPoints);
     };

package/Charting/Visuals/RenderableSeries/SplineLineRenderableSeries.js

@@ -108,6 +108,9 @@ var SplineLineRenderableSeries = /** @class */ (function (_super) {
         }
         this.isSplineProperty = true;
         var dataSeries = this.dataSeries;
+        if (dataSeries.fifoCapacity) {
+            throw new Error("Sorry, fifo is not currently supported for spline series");
+        }
         var xValues = this.xAxis.isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
         var yValues = dataSeries.getNativeYValues();
         var initialSize = xValues.size();
@@ -156,6 +159,10 @@ var SplineLineRenderableSeries = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     SplineLineRenderableSeries.prototype.setAnimationVectors = function (animation) {
+        var ds = this.dataSeries;
+        if (!ds.xInitialAnimationValues) {
+            ds.createAnimationVectors();
+        }
         this.updateSplineValues();
         animationHelpers_1.animationHelpers.setSplineAnimationVectors(this.webAssemblyContext, animation, this.dataSeries, animation.dataSeries, this.xSplineValues, this.ySplineValues, this.xAxis.isCategoryAxis, this.interpolationPoints);
     };

package/Charting/Visuals/RenderableSeries/SplineMountainRenderableSeries.js

@@ -108,6 +108,9 @@ var SplineMountainRenderableSeries = /** @class */ (function (_super) {
         }
         this.isSplineProperty = true;
         var dataSeries = this.dataSeries;
+        if (dataSeries.fifoCapacity) {
+            throw new Error("Sorry, fifo is not currently supported for spline series");
+        }
         var xValues = this.xAxis.isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
         var yValues = dataSeries.getNativeYValues();
         var initialSize = xValues.size();
@@ -147,6 +150,10 @@ var SplineMountainRenderableSeries = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     SplineMountainRenderableSeries.prototype.setAnimationVectors = function (animation) {
+        var ds = this.dataSeries;
+        if (!ds.xInitialAnimationValues) {
+            ds.createAnimationVectors();
+        }
         this.updateSplineValues();
         animationHelpers_1.animationHelpers.setSplineAnimationVectors(this.webAssemblyContext, animation, this.dataSeries, animation.dataSeries, this.xSplineValues, this.ySplineValues, this.xAxis.isCategoryAxis, this.interpolationPoints);
     };

package/Charting/Visuals/RenderableSeries/StackedColumnCollection.js

@@ -152,6 +152,9 @@ var StackedColumnCollection = /** @class */ (function (_super) {
             var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
             var firstDataSeries = this.getFirstSeries().dataSeries;
             var viewRect_1 = this.parentSurface.seriesViewRect;
+            if (firstDataSeries === null || firstDataSeries === void 0 ? void 0 : firstDataSeries.fifoCapacity) {
+                throw new Error("Sorry, fifo is not currently supported for stacked series");
+            }
             var isVerticalChart_1 = renderPassData.isVerticalChart, xCoordinateCalculator_1 = renderPassData.xCoordinateCalculator, yCoordinateCalculator_1 = renderPassData.yCoordinateCalculator;
             var xValues_1 = isCategoryAxis ? firstDataSeries.getNativeIndexes() : firstDataSeries.getNativeXValues();
             var seriesGroups_1 = this.seriesGroups;

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

@@ -40,8 +40,6 @@ export declare class StackedMountainCollection extends BaseStackedCollection<Sta
      */
     constructor(webAssemblyContext: TSciChart, options?: IBaseStackedCollectionOptions);
     /** @inheritDoc */
-    delete(): void;
-    /** @inheritDoc */
     updateAccumulatedVectors(): void;
     /** @inheritDoc */
     draw(renderContext: WebGlRenderContext2D, renderPassData: RenderPassData): void;

package/Charting/Visuals/RenderableSeries/StackedMountainCollection.js

@@ -67,10 +67,6 @@ var StackedMountainCollection = /** @class */ (function (_super) {
         return _this;
     }
     /** @inheritDoc */
-    StackedMountainCollection.prototype.delete = function () {
-        _super.prototype.delete.call(this);
-    };
-    /** @inheritDoc */
     StackedMountainCollection.prototype.updateAccumulatedVectors = function () {
         var _this = this;
         var dataValuesCount = this.getDataSeriesValuesCount();
@@ -105,11 +101,15 @@ var StackedMountainCollection = /** @class */ (function (_super) {
     /** @inheritDoc */
     StackedMountainCollection.prototype.draw = function (renderContext, renderPassData) {
         var _this = this;
+        var _a;
         if (this.canDraw) {
             this.updateHitTestProviders(renderPassData);
             if (!this.isEnoughDataToDraw()) {
                 return;
             }
+            if ((_a = this.getFirstSeries().dataSeries) === null || _a === void 0 ? void 0 : _a.fifoCapacity) {
+                throw new Error("Sorry, fifo is not currently supported for stacked series");
+            }
             this.updateAccumulatedVectors();
             var xAxis_1 = this.parentSurface.getXAxisById(this.xAxisId);
             var visibleSeries = this.getVisibleSeries();

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

@@ -150,6 +150,7 @@ export declare class StackedMountainRenderableSeries extends BaseStackedRenderab
      */
     getCurrentRenderPassData(): RenderPassData;
     toJSON(excludeData?: boolean): import("../../../Builder/buildSeries").TSeriesDefinition;
+    delete(): void;
     /** @inheritDoc */
     toPointSeries(resamplingParams?: ResamplingParams): IPointSeries;
     /** @inheritDoc */

package/Charting/Visuals/RenderableSeries/StackedMountainRenderableSeries.js

@@ -16,6 +16,7 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StackedMountainRenderableSeries = void 0;
+var Deleter_1 = require("../../../Core/Deleter");
 var SeriesType_1 = require("../../../types/SeriesType");
 var XyPointSeriesWrapped_1 = require("../../Model/PointSeries/XyPointSeriesWrapped");
 var IThemeProvider_1 = require("../../Themes/IThemeProvider");
@@ -250,6 +251,13 @@ var StackedMountainRenderableSeries = /** @class */ (function (_super) {
         Object.assign(json.options, options);
         return json;
     };
+    StackedMountainRenderableSeries.prototype.delete = function () {
+        // TODO this could just call delete of BaseRenderableSeries
+        this.drawingProviders.forEach(function (dp) { return dp.delete(); });
+        this.drawingProviders = [];
+        this.effect = (0, Deleter_1.deleteSafe)(this.effect);
+        _super.prototype.delete.call(this);
+    };
     /** @inheritDoc */
     StackedMountainRenderableSeries.prototype.toPointSeries = function (resamplingParams) {
         return new XyPointSeriesWrapped_1.XyPointSeriesWrapped(this.dataSeries);

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

@@ -1,6 +1,5 @@
 import { ESeriesType } from "../../../types/SeriesType";
 import { TSciChart } from "../../../types/TSciChart";
-import { IPointSeries } from "../../Model/PointSeries/IPointSeries";
 import { ResamplingParams } from "../../Numerics/Resamplers/ResamplingParams";
 import { BaseRenderableSeries } from "./BaseRenderableSeries";
 import { IDataLabelProviderOptions } from "./DataLabels/DataLabelProvider";
@@ -54,7 +53,7 @@ export declare class XyScatterRenderableSeries extends BaseRenderableSeries {
      */
     constructor(webAssemblyContext: TSciChart, options?: IXyScatterRenderableSeriesOptions);
     /** @inheritDoc */
-    toPointSeries(rp?: ResamplingParams): IPointSeries;
+    needsResampling(rp: ResamplingParams): boolean;
     /** @inheritDoc */
     protected newHitTestProvider(): IHitTestProvider;
     /** @inheritDoc */

package/Charting/Visuals/RenderableSeries/XyScatterRenderableSeries.js

@@ -17,7 +17,7 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XyScatterRenderableSeries = void 0;
 var SeriesType_1 = require("../../../types/SeriesType");
-var XyPointSeriesWrapped_1 = require("../../Model/PointSeries/XyPointSeriesWrapped");
+var ResamplingMode_1 = require("../../Numerics/Resamplers/ResamplingMode");
 var EllipsePointMarker_1 = require("../PointMarkers/EllipsePointMarker");
 var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
 var constants_1 = require("./constants");
@@ -86,8 +86,13 @@ var XyScatterRenderableSeries = /** @class */ (function (_super) {
         return _this;
     }
     /** @inheritDoc */
-    XyScatterRenderableSeries.prototype.toPointSeries = function (rp) {
-        return new XyPointSeriesWrapped_1.XyPointSeriesWrapped(this.dataSeries);
+    XyScatterRenderableSeries.prototype.needsResampling = function (rp) {
+        if (this.dataSeries.fifoCapacity) {
+            rp.resamplingMode = ResamplingMode_1.EResamplingMode.None;
+            this.resamplerHelper.resetAndFillBasicNativeArgs(rp, this.getNativeXValues());
+            return true;
+        }
+        return false;
     };
     /** @inheritDoc */
     XyScatterRenderableSeries.prototype.newHitTestProvider = function () {

package/Charting/Visuals/RubberBandSvgRect/RubberBandSvgRect.d.ts

@@ -1,8 +1,10 @@
+import { DeletableEntity } from "../../../Core/DeletableEntity";
 import { IDeletable } from "../../../Core/IDeletable";
 /**
  * Used by the {@link RubberBandXyZoomModifier} to draw an {@link SVGSVGElement | SVGElement} rectangle over the chart.
  */
-export declare class RubberBandSvgRect implements IDeletable {
+export declare class RubberBandSvgRect extends DeletableEntity implements IDeletable {
+    svgTemplate: (fill: string, stroke: string, strokeThickness: number, width: number, height: number) => string;
     private svgRoot;
     private svg;
     private x1Property;

package/Charting/Visuals/RubberBandSvgRect/RubberBandSvgRect.js

@@ -1,20 +1,40 @@
 "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.RubberBandSvgRect = void 0;
+var DeletableEntity_1 = require("../../../Core/DeletableEntity");
 var annotationHelpers_1 = require("../Annotations/annotationHelpers");
 var constants_1 = require("./constants");
 /**
  * Used by the {@link RubberBandXyZoomModifier} to draw an {@link SVGSVGElement | SVGElement} rectangle over the chart.
  */
-var RubberBandSvgRect = /** @class */ (function () {
+var RubberBandSvgRect = /** @class */ (function (_super) {
+    __extends(RubberBandSvgRect, _super);
     function RubberBandSvgRect(svgRoot, fill, stroke, strokeThickness) {
-        this.x1Property = 0;
-        this.x2Property = 0;
-        this.y1Property = 0;
-        this.y2Property = 0;
-        this.isHiddenProperty = true;
-        this.svgRoot = svgRoot;
-        this.create(fill, stroke, strokeThickness);
+        var _this = _super.call(this) || this;
+        _this.svgTemplate = svgTemplate;
+        _this.x1Property = 0;
+        _this.x2Property = 0;
+        _this.y1Property = 0;
+        _this.y2Property = 0;
+        _this.isHiddenProperty = true;
+        _this.svgRoot = svgRoot;
+        _this.create(fill, stroke, strokeThickness);
+        return _this;
     }
     Object.defineProperty(RubberBandSvgRect.prototype, "x1", {
         /**
@@ -113,7 +133,7 @@ var RubberBandSvgRect = /** @class */ (function () {
             this.delete();
         }
         if (this.svgRoot) {
-            var svgString = svgTemplate(fill, stroke, strokeThickness);
+            var svgString = this.svgTemplate(fill, stroke, strokeThickness, 0, 0);
             var svgNode = annotationHelpers_1.annotationHelpers.createSvg(svgString, this.svgRoot);
             this.svg = svgNode;
             this.svg.setAttribute("x", "100px");
@@ -141,7 +161,7 @@ var RubberBandSvgRect = /** @class */ (function () {
         this.update(propertyName);
     };
     return RubberBandSvgRect;
-}());
+}(DeletableEntity_1.DeletableEntity));
 exports.RubberBandSvgRect = RubberBandSvgRect;
 /**
  * @ignore

package/Charting/Visuals/SciChartDefaults.d.ts

@@ -30,4 +30,14 @@ export declare class SciChartDefaults {
     static watermarkPosition: EWatermarkPosition;
     /** For 2D charts the watermark is normally positioned within the series area.  Set this true to place it relative to the overall canvas.   */
     static watermarkRelativeToCanvas: boolean;
+    /**
+     * For 2D charts a number of buffers are created to process data. Buffer size by default grows with usage and caps out at 8,192kb.
+     * A total of 10 buffers are created for different scenarios.
+     * When SciChartSurface.create() is used this results in a maximum of 80MB memory as a static overhead for the application.
+     * When SciChartSurface.createSingle() is used this results in up to 80MB memory *per chart* as a static overhead.
+     * Lowering this number to 2048kb (or 1024kb) will reduce memory usage for the SciChart 2D Engine but may impact chart drawing performance.
+     * @remarks This property needs to be set before charts created and cannot be dynamically adjusted after that.
+     * Do not set lower than 1024kb or higher than 32MB (1024 x 32). Values outside this range will be clamped
+     */
+    static wasmBufferSizesKb: number;
 }

package/Charting/Visuals/SciChartDefaults.js

@@ -35,6 +35,16 @@ var SciChartDefaults = /** @class */ (function () {
     SciChartDefaults.watermarkPosition = WatermarkPosition_1.EWatermarkPosition.BottomLeft;
     /** For 2D charts the watermark is normally positioned within the series area.  Set this true to place it relative to the overall canvas.   */
     SciChartDefaults.watermarkRelativeToCanvas = false;
+    /**
+     * For 2D charts a number of buffers are created to process data. Buffer size by default grows with usage and caps out at 8,192kb.
+     * A total of 10 buffers are created for different scenarios.
+     * When SciChartSurface.create() is used this results in a maximum of 80MB memory as a static overhead for the application.
+     * When SciChartSurface.createSingle() is used this results in up to 80MB memory *per chart* as a static overhead.
+     * Lowering this number to 2048kb (or 1024kb) will reduce memory usage for the SciChart 2D Engine but may impact chart drawing performance.
+     * @remarks This property needs to be set before charts created and cannot be dynamically adjusted after that.
+     * Do not set lower than 1024kb or higher than 32MB (1024 x 32). Values outside this range will be clamped
+     */
+    SciChartDefaults.wasmBufferSizesKb = 1024 * 8;
     return SciChartDefaults;
 }());
 exports.SciChartDefaults = SciChartDefaults;

package/Charting/Visuals/SciChartOverview.d.ts

@@ -1,3 +1,4 @@
+import { DeletableEntity } from "../../Core/DeletableEntity";
 import { IDeletable } from "../../Core/IDeletable";
 import { OverviewRangeSelectionModifier } from "../ChartModifiers/OverviewRangeSelectionModifier";
 import { IThemeable } from "../Themes/IThemeable";
@@ -27,7 +28,7 @@ export interface IOverviewOptions extends I2DSurfaceOptions {
  * @remarks
  * It is possible to specify options to customize style and behavior of the component.
  */
-export declare class SciChartOverview implements IDeletable, IThemeable {
+export declare class SciChartOverview extends DeletableEntity implements IDeletable, IThemeable {
     /**
      * Creates a {@link SciChartOverview} and {@link TSciChart | WebAssembly Context} to occupy the div by element ID in your DOM.
      * @remarks This method is async and must be awaited

package/Charting/Visuals/SciChartOverview.js

@@ -1,4 +1,19 @@
 "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 __());
+    };
+})();
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -49,6 +64,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SciChartOverview = void 0;
 var buildSeries_1 = require("../../Builder/buildSeries");
+var DeletableEntity_1 = require("../../Core/DeletableEntity");
 var NumberRange_1 = require("../../Core/NumberRange");
 var AutoRange_1 = require("../../types/AutoRange");
 var AxisType_1 = require("../../types/AxisType");
@@ -66,14 +82,17 @@ var SciChartSurface_1 = require("./SciChartSurface");
  * @remarks
  * It is possible to specify options to customize style and behavior of the component.
  */
-var SciChartOverview = /** @class */ (function () {
+var SciChartOverview = /** @class */ (function (_super) {
+    __extends(SciChartOverview, _super);
     function SciChartOverview(parentSciChartSurface, overviewSciChartSurface, wasmContext, rangeSelectionModifier, overviewXAxis, overviewYAxis) {
-        this.overviewXAxisProperty = overviewXAxis;
-        this.overviewYAxisProperty = overviewYAxis;
-        this.rangeSelectionModifierProperty = rangeSelectionModifier;
-        this.parentSciChartSurfaceProperty = parentSciChartSurface;
-        this.overviewSciChartSurfaceProperty = overviewSciChartSurface;
-        this.overviewWasmContext = wasmContext;
+        var _this = _super.call(this) || this;
+        _this.overviewXAxisProperty = overviewXAxis;
+        _this.overviewYAxisProperty = overviewYAxis;
+        _this.rangeSelectionModifierProperty = rangeSelectionModifier;
+        _this.parentSciChartSurfaceProperty = parentSciChartSurface;
+        _this.overviewSciChartSurfaceProperty = overviewSciChartSurface;
+        _this.overviewWasmContext = wasmContext;
+        return _this;
     }
     /**
      * Creates a {@link SciChartOverview} and {@link TSciChart | WebAssembly Context} to occupy the div by element ID in your DOM.
@@ -153,9 +172,10 @@ var SciChartOverview = /** @class */ (function () {
     SciChartOverview.prototype.delete = function () {
         var _a;
         (_a = this.overviewSciChartSurface) === null || _a === void 0 ? void 0 : _a.delete();
+        this.overviewWasmContext = undefined;
     };
     return SciChartOverview;
-}());
+}(DeletableEntity_1.DeletableEntity));
 exports.SciChartOverview = SciChartOverview;
 /** @ignore */
 var createSciChartOverview = function (originalSciChartSurface, overviewRootElement, options) { return __awaiter(void 0, void 0, void 0, function () {

package/Charting/Visuals/SciChartPieSurface/SciChartPieSurface.d.ts

@@ -1,4 +1,5 @@
 import { ISciChartPieDefinition } from "../../../Builder/buildSurface";
+import { DeletableEntity } from "../../../Core/DeletableEntity";
 import { IDeletable } from "../../../Core/IDeletable";
 import { ObservableArray } from "../../../Core/ObservableArray";
 import { Thickness } from "../../../Core/Thickness";
@@ -10,7 +11,7 @@ import { TTextStyle } from "../Axis/AxisCore";
 import { PieLabelProvider } from "../Axis/LabelProvider/PieLabelProvider";
 import { IEventSubscriptionItem } from "../Legend/SciChartLegendBase";
 import { SciChartPieLegend } from "../Legend/SciChartPieLegend";
-import { ISciChartSurfaceBase } from "../SciChartSurfaceBase";
+import { ISciChartSurfaceBase, TSciChartDestination } from "../SciChartSurfaceBase";
 import { IPieSurfaceOptions } from "./IPieSurfaceOptions";
 import { IPieSegment } from "./PieSegment/IPieSegment";
 export declare enum ESizingMode {
@@ -46,7 +47,7 @@ export declare enum EPieValueMode {
  * It is possible to have more than one {@link SciChartPieSurface} on screen at the same time.
  * {@link SciChartPieSurface | SciChartPieSurfaces} scale to fit the parent DIV where they are hosted. Use CSS to position the DIV.
  */
-export declare class SciChartPieSurface implements ISciChartSurfaceBase {
+export declare class SciChartPieSurface extends DeletableEntity implements ISciChartSurfaceBase {
     /**
      * Creates a {@link SciChartPieSurface} to occupy the div by element ID in your DOM.
      * @remarks This method is async and must be awaited
@@ -75,9 +76,12 @@ export declare class SciChartPieSurface implements ISciChartSurfaceBase {
      */
     legend: SciChartPieLegend;
     onCreatedName: string;
+    id: string;
     protected widthAspect: number;
     protected heightAspect: number;
     protected labelProviderProperty: PieLabelProvider;
+    protected isDeletedProperty: boolean;
+    protected destinations: TSciChartDestination[];
     private pieTypeProperty;
     private holeRadiusProperty;
     private holeRadiusSizingModeProperty;
@@ -97,6 +101,7 @@ export declare class SciChartPieSurface implements ISciChartSurfaceBase {
     private labelStyleProperty;
     private resizeSubscriptionToken;
     constructor(canvases?: TSciChartSurfaceCanvases, options?: IPieSurfaceOptions);
+    get isDeleted(): boolean;
     /**
      * Gets or sets a {@link LabelProvider} - a class which is responsible for formatting axis labels and cursor labels from numeric values
      */
@@ -125,6 +130,8 @@ export declare class SciChartPieSurface implements ISciChartSurfaceBase {
      * Used internally - gets the previous {@link IThemeProvider}
      */
     get previousThemeProvider(): IThemeProvider;
+    setDestinations(destinations: TSciChartDestination[]): void;
+    get otherSurfaces(): ISciChartSurfaceBase[];
     /**
      * Call invalidateElement() to trigger a redraw of the {@link SciChartPieSurface}. SciChart's rendering
      * engine will schedule a redraw a the next time the renderer is free.
@@ -137,7 +144,7 @@ export declare class SciChartPieSurface implements ISciChartSurfaceBase {
     /**
      * @inheritDoc
      */
-    delete(isAnimationProgress?: boolean): void;
+    delete(): void;
     /**
      * Used Internally. Cleans up the chart internal parts, subscriptions, etc.
      */