scichart 3.1.348 → 3.2.434

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,24 @@ var BasePointMarker = /** @class */ (function () {
      * @inheritDoc
      */
     BasePointMarker.prototype.delete = function () {
+        var _this = this;
         this.invalidateCache();
         WebGlRenderContext2D_1.WebGlRenderContext2D.webGlResourcesRefs.delete(this);
+        try {
+            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);
+                        }
+                    });
+                }
+            }
+        }
+        catch (err) {
+            console.warn(err);
+        }
     };
     /**
      * Called internally - creates the {@link CanvasTexture} object and calls {@link drawSprite} for creating the cached texture to draw
@@ -266,7 +323,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 +398,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;

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

@@ -33,6 +33,7 @@ import { SeriesSelectedArgs } from "./SeriesSelectedArgs";
 import { SeriesVisibleChangedArgs } from "./SeriesVisibleChangedArgs";
 import { ShaderEffect } from "./ShaderEffect";
 import { BaseDataLabelProvider } from "./DataLabels/BaseDataLabelProvider";
+import { DeletableEntity } from "../../../Core/DeletableEntity";
 /**
  * @summary Defines the base class to a Render Series (or Chart Type) in SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
@@ -43,7 +44,7 @@ import { BaseDataLabelProvider } from "./DataLabels/BaseDataLabelProvider";
  * See derived types of {@link BaseDataSeries} to find out what data-series are available.
  * See derived types of {@link IRenderableSeries} to find out what 2D JavaScript Chart types are available.
  */
-export declare abstract class BaseRenderableSeries implements IRenderableSeries {
+export declare abstract class BaseRenderableSeries extends DeletableEntity implements IRenderableSeries {
     /** @inheritDoc */
     abstract readonly type: ESeriesType;
     /** @inheritDoc */
@@ -130,7 +131,7 @@ export declare abstract class BaseRenderableSeries implements IRenderableSeries
     /** @inheritDoc */
     get pointMarker(): IPointMarker;
     /** @inheritDoc */
-    set pointMarker(pointMarker: IPointMarker);
+    set pointMarker(pointMarker: IPointMarker | undefined);
     /** @inheritDoc */
     get drawNaNAs(): ELineDrawMode;
     /** @inheritDoc */