scichart 3.1.346 → 3.2.0-beta

package/Charting/Visuals/Helpers/NativeObject.js

@@ -1,19 +1,38 @@
 "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.getAllFontKeys = exports.getFontKey = exports.getVector4 = exports.getNativeRect = exports.getTextBounds = exports.getVertex = exports.getVectorColorVertex = exports.getVectorRectVertex = exports.freeCache = exports.FontKey = void 0;
+exports.getAllFontKeys = exports.getFontKey = exports.getVector4 = exports.getNativeRect = exports.getTextBounds = exports.getVertex = exports.getVectorColorVertex = exports.getVectorRectVertex = exports.freeCache = exports.deleteCache = exports.FontKey = void 0;
+var DeletableEntity_1 = require("../../../Core/DeletableEntity");
 var Deleter_1 = require("../../../Core/Deleter");
 var LabelCache_1 = require("../Axis/LabelProvider/LabelCache");
 var SciChartDefaults_1 = require("../SciChartDefaults");
-var FontKey = /** @class */ (function () {
+var FontKey = /** @class */ (function (_super) {
+    __extends(FontKey, _super);
     function FontKey(nativeKey) {
-        this.firstLoadTime = Date.now();
-        this.nativeKey = nativeKey;
+        var _this = _super.call(this) || this;
+        _this.firstLoadTime = Date.now();
+        _this.nativeKey = nativeKey;
+        return _this;
     }
     FontKey.prototype.delete = function () {
         (0, Deleter_1.deleteSafe)(this.nativeKey);
     };
     return FontKey;
-}());
+}(DeletableEntity_1.DeletableEntity));
 exports.FontKey = FontKey;
 var objectCache = new Map();
 var getCache = function (wasmContext) {
@@ -32,24 +51,26 @@ var getCache = function (wasmContext) {
     }
     return objectCache.get(canvasId);
 };
+var deleteCache = function (wasmContext) {
+    if (!wasmContext.canvas)
+        return;
+    var canvasId = wasmContext.canvas.id;
+    var cache = objectCache.get(canvasId);
+    if (cache) {
+        (0, Deleter_1.deleteSafe)(cache.vecRects);
+        (0, Deleter_1.deleteSafe)(cache.vecColorVertex);
+        (0, Deleter_1.deleteSafe)(cache.vertex);
+        (0, Deleter_1.deleteSafe)(cache.rect);
+        (0, Deleter_1.deleteSafe)(cache.vector4);
+        (0, Deleter_1.deleteSafe)(cache.textBounds);
+        cache.keyCache.forEach(function (key) { return (0, Deleter_1.deleteSafe)(key); });
+    }
+    objectCache.delete(canvasId);
+};
+exports.deleteCache = deleteCache;
 var freeCache = function (wasmContext) {
     return {
-        delete: function () {
-            if (!wasmContext.canvas)
-                return;
-            var canvasId = wasmContext.canvas.id;
-            var cache = objectCache.get(canvasId);
-            if (cache) {
-                (0, Deleter_1.deleteSafe)(cache.vecRects);
-                (0, Deleter_1.deleteSafe)(cache.vecColorVertex);
-                (0, Deleter_1.deleteSafe)(cache.vertex);
-                (0, Deleter_1.deleteSafe)(cache.rect);
-                (0, Deleter_1.deleteSafe)(cache.vector4);
-                (0, Deleter_1.deleteSafe)(cache.textBounds);
-                cache.keyCache.forEach(function (key) { return (0, Deleter_1.deleteSafe)(key); });
-            }
-            objectCache.delete(canvasId);
-        }
+        delete: function () { return (0, exports.deleteCache)(wasmContext); }
     };
 };
 exports.freeCache = freeCache;

package/Charting/Visuals/Helpers/drawLabel.js

@@ -42,7 +42,9 @@ var drawLineAnnotation = function (currentAxis, renderContext, labelPlacement, d
     var labelWidth = 0;
     var labelRect;
     var _a = getLineCoordinates(x1Coord, y1Coord, x2Coord, y2Coord, labelHeight, labelWidth, labelPlacement, currentAxis), x1LineCoord = _a.x1LineCoord, y1LineCoord = _a.y1LineCoord, x2LineCoord = _a.x2LineCoord, y2LineCoord = _a.y2LineCoord;
-    renderContext.drawLine(x1LineCoord, y1LineCoord, x2LineCoord, y2LineCoord, strokePen, viewRect);
+    if (strokePen) {
+        renderContext.drawLine(x1LineCoord, y1LineCoord, x2LineCoord, y2LineCoord, strokePen, viewRect);
+    }
     if (showLabel) {
         var _b = currentAxis.axisRenderer.createAnnotationLabelTexture(text, labelTextStyle, labelBackgroundColor, displayVertically, displayMirrored, opacity), bitmapTexture = _b.bitmapTexture, textureHeight = _b.textureHeight, textureWidth = _b.textureWidth;
         var _c = (0, exports.getLabelCoordinates)(currentAxis, labelPlacement, x1Coord, x2Coord, y1Coord, y2Coord, textureHeight, textureWidth, horizontalAlignment, verticalAlignment), xPosition = _c.xPosition, yPosition = _c.yPosition;

package/Charting/Visuals/I2DSurfaceOptions.d.ts

@@ -10,21 +10,6 @@ import { ISurfaceOptionsBase } from "./SciChartSurfaceBase";
  * Options passed to a {@link SciChartSurface} in the {@link SciChartSurface.create} function
  */
 export interface I2DSurfaceOptions extends ISurfaceOptionsBase {
-    /**
-     * Optional - the width aspect ratio of the {@link SciChartSurface}. By default SciChart will scale to fit the parent Div.
-     * However if height of the div is not provided it will use width/height aspect ratio to calculate the height. The default ratio is 3/2.
-     */
-    widthAspect?: number;
-    /**
-     * Optional - the height aspect ratio of the {@link SciChartSurface}. By default SciChart will scale to fit the parent Div.
-     * However if height of the div is not provided it will use width/height aspect ratio to calculate the height. The default ratio is 3/2.
-     */
-    heightAspect?: number;
-    /**
-     * Optional - the option of disabling / enabling scaling of the {@link SciChartSurface}.
-     * If false - the {@link SciChartSurface} will take the height and width of parent div without scaling.
-     */
-    disableAspect?: boolean;
     /**
      * Optional - Prove a layoutManager to customise the axis layout.  Use CentralAxesLayoutManager for an easy way to configure central axes.
      */

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

@@ -1,3 +1,4 @@
+import { DeletableEntity } from "../../../Core/DeletableEntity";
 import { GradientParams } from "../../../Core/GradientParams";
 import { IDeletable } from "../../../Core/IDeletable";
 import { Rect } from "../../../Core/Rect";
@@ -41,7 +42,7 @@ export declare enum ELegendType {
 /**
  * Base class for legends in the SciChart library
  */
-export declare abstract class SciChartLegendBase implements IDeletable {
+export declare abstract class SciChartLegendBase extends DeletableEntity implements IDeletable {
     abstract readonly type: ELegendType;
     protected rootDiv: HTMLDivElement;
     protected parentDiv: HTMLDivElement;
@@ -121,6 +122,7 @@ export declare abstract class SciChartLegendBase implements IDeletable {
      * Gets or sets the parent div element reference or id for the Legend
      */
     set placementDivId(value: string | HTMLDivElement);
+    clear(): void;
     /** @inheritDoc */
     delete(): void;
     /**

package/Charting/Visuals/Legend/SciChartLegendBase.js

@@ -1,7 +1,23 @@
 "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.getLegendContainerHtml = exports.getLegendItemHtml = exports.SciChartLegendBase = exports.ELegendType = exports.ELegendPlacement = exports.ELegendOrientation = void 0;
 var app_1 = require("../../../constants/app");
+var DeletableEntity_1 = require("../../../Core/DeletableEntity");
 var html_1 = require("../../../utils/html");
 /**
  * Enumeration constants to define legend orientation
@@ -33,19 +49,20 @@ var ELegendType;
 /**
  * Base class for legends in the SciChart library
  */
-var SciChartLegendBase = /** @class */ (function () {
+var SciChartLegendBase = /** @class */ (function (_super) {
+    __extends(SciChartLegendBase, _super);
     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();
+        var _this = _super !== null && _super.apply(this, arguments) || 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) {
+        _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;
@@ -53,6 +70,7 @@ var SciChartLegendBase = /** @class */ (function () {
             });
             _this.eventListenersCollection.delete(renderableSeriesId);
         };
+        return _this;
     }
     SciChartLegendBase.prototype.setInvalidateParentSurface = function (value) {
         this.invalidateParentSurface = value;
@@ -87,7 +105,7 @@ var SciChartLegendBase = /** @class */ (function () {
         if (!this.isDirty && this.div) {
             return;
         }
-        this.delete();
+        this.clear();
         if (this.showLegend) {
             this.create();
         }
@@ -178,15 +196,14 @@ var SciChartLegendBase = /** @class */ (function () {
          * Gets or sets the parent div element reference or id for the Legend
          */
         set: function (value) {
-            this.delete();
+            this.clear();
             this.placementDivIdProperty = value;
             this.notifyPropertyChanged();
         },
         enumerable: false,
         configurable: true
     });
-    /** @inheritDoc */
-    SciChartLegendBase.prototype.delete = function () {
+    SciChartLegendBase.prototype.clear = function () {
         var _a;
         if (this.div) {
             this.removeEventListeners();
@@ -195,6 +212,10 @@ var SciChartLegendBase = /** @class */ (function () {
             this.parentDiv = undefined;
         }
     };
+    /** @inheritDoc */
+    SciChartLegendBase.prototype.delete = function () {
+        this.clear();
+    };
     /**
      * Gets if the Legend in placed externally
      */
@@ -262,7 +283,7 @@ var SciChartLegendBase = /** @class */ (function () {
         return this.rootDiv;
     };
     return SciChartLegendBase;
-}());
+}(DeletableEntity_1.DeletableEntity));
 exports.SciChartLegendBase = SciChartLegendBase;
 var getLegendItemHtml = function (orientation, showCheckboxes, showSeriesMarkers, item) {
     var display = orientation === ELegendOrientation.Vertical ? "flex" : "inline-flex";

package/Charting/Visuals/Legend/SciChartPieLegend.js

@@ -84,7 +84,7 @@ var SciChartPieLegend = /** @class */ (function (_super) {
      * @inheritDoc
      */
     SciChartPieLegend.prototype.update = function () {
-        this.delete();
+        this.clear();
         if (this.showLegend) {
             this.create();
         }

package/Charting/Visuals/PointMarkers/BasePointMarker.d.ts

@@ -1,4 +1,5 @@
 import { TPointMarkerDefinition } from "../../../Builder/buildSeries";
+import { DeletableEntity } from "../../../Core/DeletableEntity";
 import { ICacheable } from "../../../Core/ICacheable";
 import { EPointMarkerType } from "../../../types/PointMarkerType";
 import { TSciChart } from "../../../types/TSciChart";
@@ -36,6 +37,8 @@ export interface IPointMarkerOptions {
      * The opacity of the point-marker
      */
     opacity?: number;
+    /** Set true to make the point marker render only for the last point on the data series */
+    lastPointOnly?: boolean;
 }
 /**
  * The Base class for a PointMarker in SciChart - High Performance {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}.
@@ -45,7 +48,7 @@ export interface IPointMarkerOptions {
  * @remarks
  * See derived types of {@link BasePointMarker} for specific point-marker types.
  */
-export declare abstract class BasePointMarker implements IPointMarker, ICacheable {
+export declare abstract class BasePointMarker extends DeletableEntity implements IPointMarker, ICacheable {
     abstract type: EPointMarkerType;
     /**
      * Callback to invalidate the parent 2D {@link SciChartSurface}
@@ -62,6 +65,7 @@ export declare abstract class BasePointMarker implements IPointMarker, ICacheabl
     private strokeProperty;
     private strokeThicknessProperty;
     private widthProperty;
+    private lastPointOnlyProperty;
     private spriteTextures;
     private isUpdateSuspended;
     /**
@@ -119,6 +123,14 @@ export declare abstract class BasePointMarker implements IPointMarker, ICacheabl
      * Gets or sets the opacity of the point-marker
      */
     set opacity(opacity: number);
+    /**
+     * Set true to make the point marker render only for the last point on the data series
+     */
+    get lastPointOnly(): boolean;
+    /**
+     * Set true to make the point marker render only for the last point on the data series
+     */
+    set lastPointOnly(lastPointOnly: boolean);
     /**
      * Gets a {@link CanvasTexture} object which represents the point-marker sprite instance to draw
      * @remarks note {@link CanvasTexture} implements {@link IDeletable} and must be deleted manually to free memory

package/Charting/Visuals/PointMarkers/BasePointMarker.js

@@ -1,8 +1,25 @@
 "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.BasePointMarker = void 0;
 var app_1 = require("../../../constants/app");
+var DeletableEntity_1 = require("../../../Core/DeletableEntity");
 var Deleter_1 = require("../../../Core/Deleter");
+var MemoryUsageHelper_1 = require("../../../utils/MemoryUsageHelper");
 var WebGlRenderContext2D_1 = require("../../Drawing/WebGlRenderContext2D");
 var IThemeProvider_1 = require("../../Themes/IThemeProvider");
 var PointMarkerStyle_1 = require("../RenderableSeries/Animations/PointMarkerStyle");
@@ -18,7 +35,8 @@ var Constants_1 = require("./Constants");
  * @remarks
  * See derived types of {@link BasePointMarker} for specific point-marker types.
  */
-var BasePointMarker = /** @class */ (function () {
+var BasePointMarker = /** @class */ (function (_super) {
+    __extends(BasePointMarker, _super);
     /**
      * Creates an instance of the {@link BasePointMarker}
      * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
@@ -26,23 +44,28 @@ var BasePointMarker = /** @class */ (function () {
      * @param options Optional parameters of type {@link IPointMarkerOptions} used to configure the point-marker at instantiation time
      */
     function BasePointMarker(webAssemblyContext, options) {
-        var _a, _b, _c, _d, _e, _f;
-        this.fillProperty = "#5555FF";
-        this.heightProperty = 5;
-        this.opacityProperty = 1;
-        this.strokeProperty = "#3333FF";
-        this.strokeThicknessProperty = 1;
-        this.widthProperty = 5;
-        this.isUpdateSuspended = false;
-        this.webAssemblyContext = webAssemblyContext;
-        this.widthProperty = (_a = options === null || options === void 0 ? void 0 : options.width) !== null && _a !== void 0 ? _a : this.widthProperty;
-        this.heightProperty = (_b = options === null || options === void 0 ? void 0 : options.height) !== null && _b !== void 0 ? _b : this.heightProperty;
-        this.fillProperty = (_c = options === null || options === void 0 ? void 0 : options.fill) !== null && _c !== void 0 ? _c : this.fillProperty;
-        this.strokeProperty = (_d = options === null || options === void 0 ? void 0 : options.stroke) !== null && _d !== void 0 ? _d : this.strokeProperty;
-        this.strokeThicknessProperty = (_e = options === null || options === void 0 ? void 0 : options.strokeThickness) !== null && _e !== void 0 ? _e : this.strokeThicknessProperty;
-        this.opacityProperty = (_f = options === null || options === void 0 ? void 0 : options.opacity) !== null && _f !== void 0 ? _f : this.opacityProperty;
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f, _g;
+        _this = _super.call(this) || this;
+        _this.fillProperty = "#5555FF";
+        _this.heightProperty = 5;
+        _this.opacityProperty = 1;
+        _this.strokeProperty = "#3333FF";
+        _this.strokeThicknessProperty = 1;
+        _this.widthProperty = 5;
+        _this.lastPointOnlyProperty = false;
+        _this.isUpdateSuspended = false;
+        _this.webAssemblyContext = webAssemblyContext;
+        _this.widthProperty = (_a = options === null || options === void 0 ? void 0 : options.width) !== null && _a !== void 0 ? _a : _this.widthProperty;
+        _this.heightProperty = (_b = options === null || options === void 0 ? void 0 : options.height) !== null && _b !== void 0 ? _b : _this.heightProperty;
+        _this.fillProperty = (_c = options === null || options === void 0 ? void 0 : options.fill) !== null && _c !== void 0 ? _c : _this.fillProperty;
+        _this.strokeProperty = (_d = options === null || options === void 0 ? void 0 : options.stroke) !== null && _d !== void 0 ? _d : _this.strokeProperty;
+        _this.strokeThicknessProperty = (_e = options === null || options === void 0 ? void 0 : options.strokeThickness) !== null && _e !== void 0 ? _e : _this.strokeThicknessProperty;
+        _this.opacityProperty = (_f = options === null || options === void 0 ? void 0 : options.opacity) !== null && _f !== void 0 ? _f : _this.opacityProperty;
+        _this.lastPointOnlyProperty = (_g = options === null || options === void 0 ? void 0 : options.lastPointOnly) !== null && _g !== void 0 ? _g : _this.lastPointOnlyProperty;
         // add to the list of objects that create and store WebGL resources
-        WebGlRenderContext2D_1.WebGlRenderContext2D.webGlResourcesRefs.add(this);
+        WebGlRenderContext2D_1.WebGlRenderContext2D.webGlResourcesRefs.add(_this);
+        return _this;
     }
     Object.defineProperty(BasePointMarker.prototype, "fill", {
         /**
@@ -165,6 +188,24 @@ var BasePointMarker = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasePointMarker.prototype, "lastPointOnly", {
+        /**
+         * Set true to make the point marker render only for the last point on the data series
+         */
+        get: function () {
+            return this.lastPointOnlyProperty;
+        },
+        /**
+         * Set true to make the point marker render only for the last point on the data series
+         */
+        set: function (lastPointOnly) {
+            var oldValue = this.lastPointOnlyProperty;
+            this.lastPointOnlyProperty = lastPointOnly;
+            this.notifyPropertyChanged(Constants_1.PROPERTY.LAST_POINT_ONLY, lastPointOnly, oldValue);
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * Gets a {@link CanvasTexture} object which represents the point-marker sprite instance to draw
      * @remarks note {@link CanvasTexture} implements {@link IDeletable} and must be deleted manually to free memory
@@ -221,8 +262,19 @@ var BasePointMarker = /** @class */ (function () {
      * @inheritDoc
      */
     BasePointMarker.prototype.delete = function () {
+        var _this = this;
         this.invalidateCache();
         WebGlRenderContext2D_1.WebGlRenderContext2D.webGlResourcesRefs.delete(this);
+        if (process.env.NODE_ENV !== "production") {
+            // resolve memory debug issue when comparing to proxy object
+            if (MemoryUsageHelper_1.MemoryUsageHelper.isMemoryUsageDebugEnabled) {
+                WebGlRenderContext2D_1.WebGlRenderContext2D.webGlResourcesRefs.forEach(function (ref) {
+                    if (ref.resetCache === _this.resetCache) {
+                        WebGlRenderContext2D_1.WebGlRenderContext2D.webGlResourcesRefs.delete(ref);
+                    }
+                });
+            }
+        }
     };
     /**
      * Called internally - creates the {@link CanvasTexture} object and calls {@link drawSprite} for creating the cached texture to draw
@@ -266,7 +318,8 @@ var BasePointMarker = /** @class */ (function () {
             opacity: this.opacity,
             stroke: this.stroke,
             strokeThickness: this.strokeThickness,
-            width: this.width
+            width: this.width,
+            lastPointOnly: this.lastPointOnly
         };
         // @ts-ignore
         return { type: this.type, options: options };
@@ -340,5 +393,5 @@ var BasePointMarker = /** @class */ (function () {
         }
     };
     return BasePointMarker;
-}());
+}(DeletableEntity_1.DeletableEntity));
 exports.BasePointMarker = BasePointMarker;

package/Charting/Visuals/PointMarkers/Constants.d.ts

@@ -6,5 +6,6 @@ export declare enum PROPERTY {
     STROKE = "stroke",
     STROKE_THICKNESS = "strokeThickness",
     WIDTH = "width",
-    OPACITY = "opacity"
+    OPACITY = "opacity",
+    LAST_POINT_ONLY = "lastPointOnly"
 }

package/Charting/Visuals/PointMarkers/Constants.js

@@ -11,4 +11,5 @@ var PROPERTY;
     PROPERTY["STROKE_THICKNESS"] = "strokeThickness";
     PROPERTY["WIDTH"] = "width";
     PROPERTY["OPACITY"] = "opacity";
+    PROPERTY["LAST_POINT_ONLY"] = "lastPointOnly";
 })(PROPERTY = exports.PROPERTY || (exports.PROPERTY = {}));

package/Charting/Visuals/PointMarkers/IPointMarker.d.ts

@@ -46,6 +46,8 @@ export interface IPointMarker extends IDeletable, INotifyOnDpiChanged {
      * Gets or sets the stroke-thickness of the point-marker in pixels
      */
     strokeThickness: number;
+    /** Set true to make the point marker render only for the last point on the data series */
+    lastPointOnly: boolean;
     /**
      * When overridden in a derived class, draw once the point-marker to the {@link CanvasRenderingContext2D}. This
      * will create a sprite (image or bitmap) which will be repeated at each xy data-value using our fast WebGL WebAssembly

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

@@ -78,7 +78,10 @@ var SeriesAnimation = /** @class */ (function () {
         if (size !== finalValues.size()) {
             throw new Error("DoubleVectors with initialValues and finalValues must have the same length");
         }
-        interpolatedValues.resize(size, 0);
+        // @ts-ignore
+        if (typeof interpolatedValues.getRaw !== "function") {
+            interpolatedValues.resize(size, 0);
+        }
         for (var i = 0; i < size; i++) {
             interpolatedValues.set(i, animationHelpers_1.animationHelpers.interpolateNumber(initialValues.get(i), finalValues.get(i), progress));
         }

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

@@ -14,7 +14,7 @@ export declare const animationHelpers: {
     checkCanDraw: (animationFSM: AnimationFiniteStateMachine) => boolean;
     checkIsAnimationRunning: (animationQueue: IAnimation[], animationFSM: AnimationFiniteStateMachine) => boolean;
     animationUpdate: (animationFSM: SeriesAnimationFiniteStateMachine, timeElapsed: number, beforeAnimationStart: () => void, afterAnimationComplete: () => void, updateAnimationProperties: (progress: number, animationFSM: SeriesAnimationFiniteStateMachine) => void) => void;
-    createPointMarker: (wasmContext: TSciChart, pointMarkerStyle: BasePointMarkerStyle) => EllipsePointMarker | SpritePointMarker | CrossPointMarker | XPointMarker | SquarePointMarker | TrianglePointMarker;
+    createPointMarker: (wasmContext: TSciChart, pointMarkerStyle: BasePointMarkerStyle) => CrossPointMarker | EllipsePointMarker | SpritePointMarker | SquarePointMarker | TrianglePointMarker | XPointMarker;
     interpolateNumber: (from: number, to: number, progress: number) => number;
     interpolateColor: (from: number, to: number, progress: number) => number;
     copyVector: (sourceVector: SCRTDoubleVector, targetVector: SCRTDoubleVector) => void;

package/Charting/Visuals/RenderableSeries/BaseBandRenderableSeries.js

@@ -175,8 +175,8 @@ var BaseBandRenderableSeries = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     BaseBandRenderableSeries.prototype.delete = function () {
-        _super.prototype.delete.call(this);
         this.xyyTempPointSeries = (0, Deleter_1.deleteSafe)(this.xyyTempPointSeries);
+        _super.prototype.delete.call(this);
     };
     /** @inheritDoc */
     BaseBandRenderableSeries.prototype.toPointSeries = function (rp) {
@@ -198,20 +198,21 @@ var BaseBandRenderableSeries = /** @class */ (function (_super) {
             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 result = this.resamplerHelper.resampleIntoPointSeries(this.webAssemblyContext, rp, xValues, yValues, this.xyyTempPointSeries.intIndexes, undefined, this.xyyTempPointSeries.xValues, this.xyyTempPointSeries.yValues, false);
+            this.pointSeries.fifoStartIndex = result.OutputSplitIndex;
             var xySize = this.xyyTempPointSeries.intIndexes.size();
-            this.resamplerHelper.resampleIntoPointSeries(this.webAssemblyContext, rp, xValues, y1Values, this.xyyTempPointSeries.intIndexes, this.xyyTempPointSeries.xValues, this.xyyTempPointSeries.y1Values);
+            this.resamplerHelper.resampleIntoPointSeries(this.webAssemblyContext, rp, xValues, y1Values, this.xyyTempPointSeries.intIndexes, undefined, 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();
+            ps.indexes.resizeFast(mergedSize + 1);
             // 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();
-            }
+            this.resamplerHelper.copyValuesByIndexes(ps.intIndexes, xValues, yValues, y1Values, mergedSize, rp.isCategoryAxis, this.dataSeries.fifoSweeping, ps.indexes, ps.xValues, ps.yValues, ps.y1Values);
+            // This is now done in the copy step above
+            //ps.updateIndexes();
             ps.clearIntIndexes();
             // ps.debugOutputForUnitTests();
             return ps;

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

@@ -119,6 +119,7 @@ export declare abstract class BaseHeatmapRenderableSeries extends BaseRenderable
     toPointSeries(resamplingParams?: ResamplingParams): IPointSeries;
     /** @inheritDoc */
     toJSON(excludeData?: boolean): import("../../..").TSeriesDefinition;
+    delete(): void;
     /**
      * Called when a property changes on {@link HeatmapColorMap}, and notifies the parent {@link SciChartSurface}
      * that a redraw is required.

package/Charting/Visuals/RenderableSeries/BaseHeatmapRenderableSeries.js

@@ -16,6 +16,7 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseHeatmapRenderableSeries = exports.COLOR_MAP_PREFIX = void 0;
+var Deleter_1 = require("../../../Core/Deleter");
 var AxisCore_1 = require("../Axis/AxisCore");
 var NumericLabelProvider_1 = require("../Axis/LabelProvider/NumericLabelProvider");
 var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
@@ -188,6 +189,10 @@ var BaseHeatmapRenderableSeries = /** @class */ (function (_super) {
         Object.assign(json.options, options);
         return json;
     };
+    BaseHeatmapRenderableSeries.prototype.delete = function () {
+        this.zLabelProviderProperty = (0, Deleter_1.deleteSafe)(this.zLabelProviderProperty);
+        _super.prototype.delete.call(this);
+    };
     /**
      * Called when a property changes on {@link HeatmapColorMap}, and notifies the parent {@link SciChartSurface}
      * that a redraw is required.

package/Charting/Visuals/RenderableSeries/BaseOhlcRenderableSeries.js

@@ -128,10 +128,10 @@ var BaseOhlcRenderableSeries = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     BaseOhlcRenderableSeries.prototype.delete = function () {
-        _super.prototype.delete.call(this);
         this.resamplerHelper = (0, Deleter_1.deleteSafe)(this.resamplerHelper);
         this.xyyTempPointSeries = (0, Deleter_1.deleteSafe)(this.xyyTempPointSeries);
         this.pointSeries = (0, Deleter_1.deleteSafe)(this.pointSeries);
+        _super.prototype.delete.call(this);
     };
     /**
      * Returns the {@link IDataSeries.getNativeOpenValues} for the associated {@link dataSeries}
@@ -196,9 +196,10 @@ var BaseOhlcRenderableSeries = /** @class */ (function (_super) {
             var rpHigh = rp.clone({
                 resamplingMode: rp.resamplingMode === ResamplingMode_1.EResamplingMode.None ? ResamplingMode_1.EResamplingMode.None : ResamplingMode_1.EResamplingMode.Max
             });
-            this.resamplerHelper.resampleIntoPointSeries(this.webAssemblyContext, rpHigh, xValues, highValues, this.xyyTempPointSeries.intIndexes, // don't care
-            this.xyyTempPointSeries.xValues, // don't care
+            var result = this.resamplerHelper.resampleIntoPointSeries(this.webAssemblyContext, rpHigh, xValues, highValues, this.xyyTempPointSeries.intIndexes, // don't care
+            undefined, this.xyyTempPointSeries.xValues, // don't care
             ps.highValues);
+            this.pointSeries.fifoStartIndex = result.OutputSplitIndex;
             // console.log("high count ", ps.highValues.size());
             this.xyyTempPointSeries.clearIntIndexes();
             // 2) calc ps.lowValues
@@ -206,7 +207,7 @@ var BaseOhlcRenderableSeries = /** @class */ (function (_super) {
                 resamplingMode: rp.resamplingMode === ResamplingMode_1.EResamplingMode.None ? ResamplingMode_1.EResamplingMode.None : ResamplingMode_1.EResamplingMode.Min
             });
             this.resamplerHelper.resampleIntoPointSeries(this.webAssemblyContext, rpLow, xValues, lowValues, this.xyyTempPointSeries.intIndexes, // don't care
-            this.xyyTempPointSeries.xValues, ps.lowValues);
+            undefined, this.xyyTempPointSeries.xValues, ps.lowValues);
             // console.log("low count ", ps.lowValues.size());
             // We don't want the indexes for high/low
             this.xyyTempPointSeries.clearIntIndexes();
@@ -216,7 +217,7 @@ var BaseOhlcRenderableSeries = /** @class */ (function (_super) {
             var rpOpenClose = rp.clone({
                 resamplingMode: rp.resamplingMode === ResamplingMode_1.EResamplingMode.None ? ResamplingMode_1.EResamplingMode.None : ResamplingMode_1.EResamplingMode.Min
             });
-            this.resamplerHelper.resampleIntoPointSeries(this.webAssemblyContext, rpOpenClose, xValues, originalIndexes, ps.intIndexes, this.xyyTempPointSeries.xValues, // don't care
+            this.resamplerHelper.resampleIntoPointSeries(this.webAssemblyContext, rpOpenClose, xValues, originalIndexes, ps.intIndexes, undefined, this.xyyTempPointSeries.xValues, // don't care
             this.xyyTempPointSeries.y1Values // don't care
             );
             var openCloseSize = ps.intIndexes.size();
@@ -260,12 +261,12 @@ var BaseOhlcRenderableSeries = /** @class */ (function (_super) {
             // console.log("X Spacing ", rp.xVisibleRange.diff / rp.indexesRange.max);
             // console.log("original points / resampled points ", xValues.size() / openCloseSize);
             // console.log("lastIndexOfFirstBatch ", lastIndexOfFirstBatch);
+            ps.indexes.resizeFast(openCloseSize + 1);
             // Get values by indexes for Open values
-            this.resamplerHelper.copyValuesByIndexes(ps.intIndexes, xValues, openValues, closeValues, openCloseSize, rp.isCategoryAxis, ps.xValues, ps.openValues, ps.closeValues, lastIndexOfFirstBatch);
+            this.resamplerHelper.copyValuesByIndexes(ps.intIndexes, xValues, openValues, closeValues, openCloseSize, rp.isCategoryAxis, this.dataSeries.fifoSweeping, ps.indexes, ps.xValues, ps.openValues, ps.closeValues, lastIndexOfFirstBatch);
             // Last close value is handled in c++;
-            // 5) update indexes for category axis
-            if (rp.isCategoryAxis)
-                ps.updateIndexes();
+            // This is now done in the copy step above
+            //ps.updateIndexes();
             ps.clearIntIndexes();
             // ps.debugOutputForUnitTests();
             return ps;