scichart 3.2.0-beta → 3.2.442

package/Charting/Visuals/Axis/DeltaCalculator/DateTimeDeltaCalculator.js

@@ -16,6 +16,7 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateTimeDeltaCalculator = void 0;
+var performanceWarnings_1 = require("../../../../constants/performanceWarnings");
 var NumberRange_1 = require("../../../../Core/NumberRange");
 var NumericDeltaCalculator_1 = require("./NumericDeltaCalculator");
 /**
@@ -42,10 +43,12 @@ var DateTimeDeltaCalculator = /** @class */ (function (_super) {
             15 * 60,
             30 * 60,
             60 * 60,
+            2 * 60 * 60,
             3 * 60 * 60,
             6 * 60 * 60,
             12 * 60 * 60,
             24 * 60 * 60,
+            2 * 24 * 60 * 60,
             3 * 24 * 60 * 60,
             5 * 24 * 60 * 60,
             10 * 24 * 60 * 60,
@@ -59,9 +62,10 @@ var DateTimeDeltaCalculator = /** @class */ (function (_super) {
             365.25 * 24 * 60 * 60
             // Years also need special handling
         ];
-        _this.currIndex = 12;
+        _this.currIndex = 1;
         _this.possibleDeltasProperty = (_a = options === null || options === void 0 ? void 0 : options.possibleDeltas) !== null && _a !== void 0 ? _a : _this.possibleDeltasProperty;
         _this.minTicks = options === null || options === void 0 ? void 0 : options.minTicks;
+        _this.currIndex = Math.floor(_this.possibleDeltas.length / 2);
         return _this;
     }
     Object.defineProperty(DateTimeDeltaCalculator.prototype, "possibleDeltas", {
@@ -74,6 +78,7 @@ var DateTimeDeltaCalculator = /** @class */ (function (_super) {
         set: function (value) {
             if (this.possibleDeltasProperty !== value) {
                 this.possibleDeltasProperty = value;
+                this.currIndex = Math.floor(this.possibleDeltas.length / 2);
             }
         },
         enumerable: false,
@@ -98,9 +103,18 @@ var DateTimeDeltaCalculator = /** @class */ (function (_super) {
         var _this = this;
         var diff = max - min;
         this.prevIndex = undefined;
+        if (this.currIndex >= this.possibleDeltas.length) {
+            this.currIndex = Math.floor(this.possibleDeltas.length / 2);
+        }
+        var tries = 0;
         var calculateDelta = function (index) {
             var _a, _b;
             var delta = _this.possibleDeltasProperty[index];
+            tries++;
+            if (tries > _this.possibleDeltas.length + 1) {
+                performanceWarnings_1.performanceWarnings.dateTimeDeltaCalculatorBadDelta.warn();
+                return delta;
+            }
             var ticksCount = Math.floor(diff / delta);
             if (ticksCount < ((_a = _this.minTicks) !== null && _a !== void 0 ? _a : maxTicks / 3) && index === 0 && index !== _this.prevIndex) {
                 if (!_this.prevIndex)

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

@@ -0,0 +1,57 @@
+import { ISciChartSurfaceBase } from "../SciChartSurfaceBase";
+import { ELegendType, ILegendOptionsBase, SciChartLegendBase, TLegendItem } from "./SciChartLegendBase";
+export interface IManualLegendOptions extends ILegendOptionsBase {
+    /**
+     * Sets whether the legend has visibility checkboxes in it or not
+     */
+    showCheckboxes?: boolean;
+    /**
+     * Sets whether Series markers are visible or not
+     */
+    showSeriesMarkers?: boolean;
+    items?: TLegendItem[];
+    /**
+     * Callback when a legend item checkbox is checked or unchecked
+     * @param item
+     * @param isChecked
+     */
+    isCheckedChangedCallback?: (item: TLegendItem, isChecked: boolean) => void;
+}
+export declare class ManualLegend extends SciChartLegendBase {
+    type: ELegendType;
+    legendItemCheckedChangedCallback: (item: TLegendItem, isChecked: boolean) => void;
+    private itemsProperty;
+    private showCheckboxesProperty;
+    private showSeriesMarkersProperty;
+    constructor(options?: IManualLegendOptions, sciChartSurface?: ISciChartSurfaceBase);
+    /**
+     * Gets or sets whether series visibility checkboxes should be shown
+     */
+    get showCheckboxes(): boolean;
+    /**
+     * Gets or sets whether series visibility checkboxes should be shown
+     */
+    set showCheckboxes(value: boolean);
+    /**
+     * Gets or sets whether series markers should be shown
+     */
+    get showSeriesMarkers(): boolean;
+    /**
+     * Gets or sets whether series markers should be shown
+     */
+    set showSeriesMarkers(value: boolean);
+    /**
+     * Gets or sets the items to be displayed in the legend
+     */
+    get items(): TLegendItem[];
+    /**
+     * Gets or sets the items to be displayed in the legend
+     */
+    set items(value: TLegendItem[]);
+    attachTo(sciChartSurface: ISciChartSurfaceBase): void;
+    applyTheme(): void;
+    protected getInnerHTML(): string;
+    protected addEventListeners(): void;
+    protected addEventListenerToItem(item: TLegendItem): void;
+    protected removeEventListeners(): void;
+}

package/Charting/Visuals/Legend/ManualLegend.js

@@ -0,0 +1,150 @@
+"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.ManualLegend = void 0;
+var Thickness_1 = require("../../../Core/Thickness");
+var SciChartLegendBase_1 = require("./SciChartLegendBase");
+var ManualLegend = /** @class */ (function (_super) {
+    __extends(ManualLegend, _super);
+    function ManualLegend(options, sciChartSurface) {
+        var _this = this;
+        var _a, _b, _c;
+        _this = _super.call(this, options) || this;
+        _this.type = SciChartLegendBase_1.ELegendType.ManualLegend;
+        _this.itemsProperty = [];
+        _this.showCheckboxesProperty = false;
+        _this.showSeriesMarkersProperty = true;
+        _this.showCheckboxesProperty = (_a = options === null || options === void 0 ? void 0 : options.showCheckboxes) !== null && _a !== void 0 ? _a : _this.showCheckboxes;
+        _this.showSeriesMarkersProperty = (_b = options === null || options === void 0 ? void 0 : options.showSeriesMarkers) !== null && _b !== void 0 ? _b : _this.showSeriesMarkers;
+        _this.itemsProperty = (_c = options === null || options === void 0 ? void 0 : options.items) !== null && _c !== void 0 ? _c : _this.items;
+        _this.legendItemCheckedChangedCallback = options === null || options === void 0 ? void 0 : options.isCheckedChangedCallback;
+        if (sciChartSurface) {
+            _this.attachTo(sciChartSurface);
+        }
+        return _this;
+    }
+    Object.defineProperty(ManualLegend.prototype, "showCheckboxes", {
+        /**
+         * Gets or sets whether series visibility checkboxes should be shown
+         */
+        get: function () {
+            return this.showCheckboxesProperty;
+        },
+        /**
+         * Gets or sets whether series visibility checkboxes should be shown
+         */
+        set: function (value) {
+            this.showCheckboxesProperty = value;
+            this.notifyPropertyChanged();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ManualLegend.prototype, "showSeriesMarkers", {
+        /**
+         * Gets or sets whether series markers should be shown
+         */
+        get: function () {
+            return this.showSeriesMarkersProperty;
+        },
+        /**
+         * Gets or sets whether series markers should be shown
+         */
+        set: function (value) {
+            this.showSeriesMarkersProperty = value;
+            this.notifyPropertyChanged();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ManualLegend.prototype, "items", {
+        /**
+         * Gets or sets the items to be displayed in the legend
+         */
+        get: function () {
+            return this.itemsProperty;
+        },
+        /**
+         * Gets or sets the items to be displayed in the legend
+         */
+        set: function (value) {
+            this.itemsProperty = value;
+            this.notifyPropertyChanged();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ManualLegend.prototype.attachTo = function (sciChartSurface) {
+        var _this = this;
+        _super.prototype.attachTo.call(this, sciChartSurface);
+        sciChartSurface.addDeletable({
+            delete: function () {
+                _this.delete();
+                _this.setRootDiv(undefined);
+                _this.setInvalidateParentSurface(undefined);
+                _this.setParentSurface(undefined);
+            }
+        });
+    };
+    ManualLegend.prototype.applyTheme = function () { };
+    ManualLegend.prototype.getInnerHTML = function () {
+        var _a, _b;
+        var backgroundColor = (_a = this.backgroundColor) !== null && _a !== void 0 ? _a : this.parentSurfaceProperty.themeProvider.legendBackgroundBrush;
+        var color = (_b = this.textColor) !== null && _b !== void 0 ? _b : this.parentSurfaceProperty.themeProvider.labelForegroundBrush;
+        var _c = this.parentSurfaceProperty.getSeriesViewRectPadding(false), left = _c.left, top = _c.top, right = _c.right, bottom = _c.bottom;
+        var margin = this.isExternal()
+            ? new Thickness_1.Thickness(this.margin, this.margin, this.margin, this.margin)
+            : new Thickness_1.Thickness(top + this.margin, right + this.margin, bottom + this.margin, left + this.margin);
+        return this.getLegendHTML(this.placement, color, backgroundColor, margin, this.orientation, this.showCheckboxes, this.showSeriesMarkers, this.items);
+    };
+    ManualLegend.prototype.addEventListeners = function () {
+        var _this = this;
+        this.items.forEach(function (item) { return _this.addEventListenerToItem(item); });
+    };
+    ManualLegend.prototype.addEventListenerToItem = function (item) {
+        var _this = this;
+        var el = this.parentDiv.querySelector("[id='".concat(item.id, "']"));
+        if (el) {
+            var onChangeEventListener_1 = function (e) {
+                item.checked = el.checked;
+                if (_this.legendItemCheckedChangedCallback) {
+                    _this.legendItemCheckedChangedCallback(item, item.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(item.id);
+            if (eventListenersForRenderableSeries) {
+                eventListenersForRenderableSeries.push(eventSubscriptionItem);
+            }
+            else {
+                this.eventListenersCollection.set(item.id, [eventSubscriptionItem]);
+            }
+        }
+    };
+    ManualLegend.prototype.removeEventListeners = function () {
+        var _this = this;
+        this.items.forEach(function (item) { return _this.removeEventListenerFromSeries(item.id); });
+    };
+    return ManualLegend;
+}(SciChartLegendBase_1.SciChartLegendBase));
+exports.ManualLegend = ManualLegend;

package/Charting/Visuals/Legend/SciChartLegend.js

@@ -118,8 +118,9 @@ var SciChartLegend = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     SciChartLegend.prototype.getInnerHTML = function () {
-        var backgroundColor = this.parentSurfaceProperty.themeProvider.legendBackgroundBrush;
-        var color = this.parentSurfaceProperty.themeProvider.labelForegroundBrush;
+        var _a, _b;
+        var backgroundColor = (_a = this.backgroundColor) !== null && _a !== void 0 ? _a : this.parentSurfaceProperty.themeProvider.legendBackgroundBrush;
+        var color = (_b = this.textColor) !== null && _b !== void 0 ? _b : this.parentSurfaceProperty.themeProvider.labelForegroundBrush;
         var legendItems = this.renderableSeriesArray.map(function (rs, index) {
             var _a;
             return ({
@@ -130,7 +131,7 @@ var SciChartLegend = /** @class */ (function (_super) {
                 gradient: undefined
             });
         });
-        var _a = this.parentSurfaceProperty.getSeriesViewRectPadding(false), left = _a.left, top = _a.top, right = _a.right, bottom = _a.bottom;
+        var _c = this.parentSurfaceProperty.getSeriesViewRectPadding(false), left = _c.left, top = _c.top, right = _c.right, bottom = _c.bottom;
         var margin = this.isExternal()
             ? new Thickness_1.Thickness(this.margin, this.margin, this.margin, this.margin)
             : new Thickness_1.Thickness(top + this.margin, right + this.margin, bottom + this.margin, left + this.margin);

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

@@ -10,6 +10,7 @@ export declare type TLegendItem = {
     color: string;
     checked: boolean;
     gradient?: GradientParams;
+    showMarker?: boolean;
 };
 export interface IEventSubscriptionItem extends IDeletable {
     element: HTMLElement;
@@ -37,8 +38,43 @@ export declare enum ELegendPlacement {
  */
 export declare enum ELegendType {
     SciChartLegend = "SciChartLegend",
+    ManualLegend = "ManualLegend",
     SciChartPieLegend = "SciChartPieLegend"
 }
+export interface ILegendOptionsBase {
+    /**
+     * Sets the initial orientation of the legend. See {@link ELegendOrientation} for a list of values
+     */
+    orientation?: ELegendOrientation;
+    /**
+     * Sets whether the legend is initially visible or not
+     */
+    showLegend?: boolean;
+    /**
+     * Sets whether the legend has visibility checkboxes in it or not
+     */
+    showCheckboxes?: boolean;
+    /**
+     * Sets whether Series markers are visible or not
+     */
+    showSeriesMarkers?: boolean;
+    /**
+     * Sets the initial legend placement in the parent chart surface. See {@link ELegendPlacement} for a list of values
+     */
+    placement?: ELegendPlacement;
+    /**
+     * Sets the margin for the legend control
+     */
+    margin?: number;
+    /**
+     * The parent div element Id or reference, the Legend will be appended to this element
+     */
+    placementDivId?: string | HTMLDivElement;
+    /** Sets the legend background color.  Defaults to theme.legendBackgroundBrush */
+    backgroundColor?: string;
+    /** Sets the legend text color.  Defaults to theme.labelForegroundBrush  */
+    textColor?: string;
+}
 /**
  * Base class for legends in the SciChart library
  */
@@ -47,7 +83,6 @@ export declare abstract class SciChartLegendBase extends DeletableEntity impleme
     protected rootDiv: HTMLDivElement;
     protected parentDiv: HTMLDivElement;
     protected div: HTMLDivElement;
-    protected seriesViewRect: Rect;
     protected invalidateParentSurface: () => void;
     protected orientationProperty: ELegendOrientation;
     protected showLegendProperty: boolean;
@@ -56,7 +91,10 @@ export declare abstract class SciChartLegendBase extends DeletableEntity impleme
     protected isDirty: boolean;
     protected parentSurfaceProperty: ISciChartSurfaceBase;
     protected placementDivIdProperty: string | HTMLDivElement;
+    protected backgroundColorProperty: string;
+    protected textColorProperty: string;
     protected eventListenersCollection: Map<string, IEventSubscriptionItem[]>;
+    constructor(options?: ILegendOptionsBase);
     /** @inheritDoc */
     abstract applyTheme(): void;
     setInvalidateParentSurface(value: () => void): void;
@@ -66,14 +104,19 @@ export declare abstract class SciChartLegendBase extends DeletableEntity impleme
      */
     setRootDiv(rootDivProperty: HTMLDivElement): void;
     /**
-     * Set the series view rect - a rectangle defining where on the parent chart the legend is shown
-     * @param seriesViewRect
+     * @deprecated
      */
     setSeriesViewRect(seriesViewRect: Rect): void;
     /**
      * Sets the parent {@link ISciChartSurfaceBase}
      */
     setParentSurface(scs: ISciChartSurfaceBase): void;
+    /**
+     * Attach this legend to a SciChartSurfaceBase
+     * @param sciChartSurface
+     */
+    attachTo(sciChartSurface: ISciChartSurfaceBase): void;
+    detach(): void;
     /**
      * Update the legend
      */
@@ -122,6 +165,22 @@ export declare abstract class SciChartLegendBase extends DeletableEntity impleme
      * Gets or sets the parent div element reference or id for the Legend
      */
     set placementDivId(value: string | HTMLDivElement);
+    /**
+     * Gets or sets the backgroundColor as an html color code
+     */
+    get backgroundColor(): string;
+    /**
+     * Gets or sets the backgroundColor as an html color code
+     */
+    set backgroundColor(value: string);
+    /**
+     * Gets or sets the textColor as an html color code
+     */
+    get textColor(): string;
+    /**
+     * Gets or sets the textColor as an html color code
+     */
+    set textColor(value: string);
     clear(): void;
     /** @inheritDoc */
     delete(): void;

package/Charting/Visuals/Legend/SciChartLegendBase.js

@@ -44,6 +44,7 @@ var ELegendPlacement;
 var ELegendType;
 (function (ELegendType) {
     ELegendType["SciChartLegend"] = "SciChartLegend";
+    ELegendType["ManualLegend"] = "ManualLegend";
     ELegendType["SciChartPieLegend"] = "SciChartPieLegend";
 })(ELegendType = exports.ELegendType || (exports.ELegendType = {}));
 /**
@@ -51,8 +52,10 @@ var ELegendType;
  */
 var SciChartLegendBase = /** @class */ (function (_super) {
     __extends(SciChartLegendBase, _super);
-    function SciChartLegendBase() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+    function SciChartLegendBase(options) {
+        var _this = this;
+        var _a, _b, _c, _d, _e;
+        _this = _super.call(this) || this;
         _this.orientationProperty = ELegendOrientation.Vertical;
         _this.showLegendProperty = true;
         _this.placementProperty = ELegendPlacement.TopLeft;
@@ -70,6 +73,14 @@ var SciChartLegendBase = /** @class */ (function (_super) {
             });
             _this.eventListenersCollection.delete(renderableSeriesId);
         };
+        _this.orientationProperty = (_a = options === null || options === void 0 ? void 0 : options.orientation) !== null && _a !== void 0 ? _a : _this.orientationProperty;
+        _this.showLegendProperty = (_b = options === null || options === void 0 ? void 0 : options.showLegend) !== null && _b !== void 0 ? _b : _this.showLegend;
+        _this.placementProperty = (_c = options === null || options === void 0 ? void 0 : options.placement) !== null && _c !== void 0 ? _c : _this.placement;
+        _this.marginProperty = (_d = options === null || options === void 0 ? void 0 : options.margin) !== null && _d !== void 0 ? _d : _this.margin;
+        _this.placementDivIdProperty = (_e = options === null || options === void 0 ? void 0 : options.placementDivId) !== null && _e !== void 0 ? _e : _this.placementDivId;
+        // No default here as need theme from parent surface
+        _this.backgroundColorProperty = options === null || options === void 0 ? void 0 : options.backgroundColor;
+        _this.textColorProperty = options === null || options === void 0 ? void 0 : options.textColor;
         return _this;
     }
     SciChartLegendBase.prototype.setInvalidateParentSurface = function (value) {
@@ -83,21 +94,34 @@ var SciChartLegendBase = /** @class */ (function (_super) {
         this.rootDiv = rootDivProperty;
     };
     /**
-     * Set the series view rect - a rectangle defining where on the parent chart the legend is shown
-     * @param seriesViewRect
+     * @deprecated
      */
-    SciChartLegendBase.prototype.setSeriesViewRect = function (seriesViewRect) {
-        if (this.seriesViewRect !== seriesViewRect) {
-            this.seriesViewRect = seriesViewRect;
-            this.notifyPropertyChanged();
-        }
-    };
+    SciChartLegendBase.prototype.setSeriesViewRect = function (seriesViewRect) { };
     /**
      * Sets the parent {@link ISciChartSurfaceBase}
      */
     SciChartLegendBase.prototype.setParentSurface = function (scs) {
         this.parentSurfaceProperty = scs;
     };
+    /**
+     * Attach this legend to a SciChartSurfaceBase
+     * @param sciChartSurface
+     */
+    SciChartLegendBase.prototype.attachTo = function (sciChartSurface) {
+        var _this = this;
+        this.setParentSurface(sciChartSurface);
+        this.setRootDiv(sciChartSurface.domDivContainer);
+        this.setInvalidateParentSurface(sciChartSurface.invalidateElement);
+        sciChartSurface.rendered.subscribe(function () {
+            _this.update();
+        });
+    };
+    SciChartLegendBase.prototype.detach = function () {
+        this.setRootDiv(undefined);
+        this.setInvalidateParentSurface(undefined);
+        this.setParentSurface(undefined);
+        this.delete();
+    };
     /**
      * Update the legend
      */
@@ -203,6 +227,40 @@ var SciChartLegendBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SciChartLegendBase.prototype, "backgroundColor", {
+        /**
+         * Gets or sets the backgroundColor as an html color code
+         */
+        get: function () {
+            return this.backgroundColorProperty;
+        },
+        /**
+         * Gets or sets the backgroundColor as an html color code
+         */
+        set: function (value) {
+            this.backgroundColorProperty = value;
+            this.notifyPropertyChanged();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SciChartLegendBase.prototype, "textColor", {
+        /**
+         * Gets or sets the textColor as an html color code
+         */
+        get: function () {
+            return this.textColorProperty;
+        },
+        /**
+         * Gets or sets the textColor as an html color code
+         */
+        set: function (value) {
+            this.textColorProperty = value;
+            this.notifyPropertyChanged();
+        },
+        enumerable: false,
+        configurable: true
+    });
     SciChartLegendBase.prototype.clear = function () {
         var _a;
         if (this.div) {
@@ -236,7 +294,8 @@ var SciChartLegendBase = /** @class */ (function (_super) {
     SciChartLegendBase.prototype.getLegendHTML = function (placement, textColor, backgroundColor, margin, orientation, showCheckboxes, showSeriesMarkers, items) {
         var _this = this;
         var body = items.reduce(function (prev, curr) {
-            return prev + _this.getLegendItemHTML(orientation, showCheckboxes, showSeriesMarkers, curr);
+            var _a;
+            return (prev + _this.getLegendItemHTML(orientation, showCheckboxes, (_a = curr.showMarker) !== null && _a !== void 0 ? _a : showSeriesMarkers, curr));
         }, "");
         return (0, exports.getLegendContainerHtml)(placement, textColor, backgroundColor, margin, body);
     };

package/Charting/Visuals/PointMarkers/BasePointMarker.js

@@ -265,16 +265,21 @@ var BasePointMarker = /** @class */ (function (_super) {
         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);
-                    }
-                });
+        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

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

@@ -131,7 +131,7 @@ export declare abstract class BaseRenderableSeries extends DeletableEntity imple
     /** @inheritDoc */
     get pointMarker(): IPointMarker;
     /** @inheritDoc */
-    set pointMarker(pointMarker: IPointMarker);
+    set pointMarker(pointMarker: IPointMarker | undefined);
     /** @inheritDoc */
     get drawNaNAs(): ELineDrawMode;
     /** @inheritDoc */

package/Charting/Visuals/RenderableSeries/BaseRenderableSeries.js

@@ -863,6 +863,9 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         }
         if (!this.animationFSM)
             return;
+        if (!this.dataSeries.xInitialAnimationValues) {
+            this.dataSeries.createAnimationVectors();
+        }
         animationHelpers_1.animationHelpers.animationUpdate(this.animationFSM, timeElapsed, this.beforeAnimationStart, this.afterAnimationComplete, this.updateAnimationProperties);
     };
     /** @inheritDoc */
@@ -967,9 +970,6 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
      */
     BaseRenderableSeries.prototype.setAnimationVectors = function (animation) {
         var ds = this.dataSeries;
-        if (!ds.xInitialAnimationValues) {
-            ds.createAnimationVectors();
-        }
         if (animation.isOnStartAnimation) {
             ds.setFinalAnimationVectors(ds);
         }

package/Charting/Visuals/RenderableSeries/BaseStackedCollection.js

@@ -73,11 +73,16 @@ var BaseStackedCollection = /** @class */ (function (_super) {
         _this.updateAnimationProperties = _this.updateAnimationProperties.bind(_this);
         _this.accumulatedValues0 = new _this.webAssemblyContext.SCRTDoubleVector();
         _this.accumulatedFinalAnimationValues0 = new _this.webAssemblyContext.SCRTDoubleVector();
-        if (process.env.NODE_ENV !== "production") {
-            if (MemoryUsageHelper_1.MemoryUsageHelper.isMemoryUsageDebugEnabled) {
-                return new Proxy(_this, new DeletableEntity_1.DeletableEntityProxyHandler(_this));
+        try {
+            if (process.env.NODE_ENV !== "production") {
+                if (MemoryUsageHelper_1.MemoryUsageHelper.isMemoryUsageDebugEnabled) {
+                    return (0, DeletableEntity_1.createTrackableProxy)(_this);
+                }
             }
         }
+        catch (err) {
+            console.warn(err);
+        }
         return _this;
     }
     Object.defineProperty(BaseStackedCollection.prototype, "isVisibleChanged", {

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

@@ -80,7 +80,7 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
      * @inheritDoc
      */
     BandSeriesDrawingProvider.prototype.draw = function (renderContext, renderPassData) {
-        var _a, _b;
+        var _a;
         var pointSeries = renderPassData.pointSeries;
         var containsNaN = this.parentSeries.dataSeries.dataDistributionCalculator.containsNaN;
         this.args.Reset();
@@ -110,7 +110,7 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
         }
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
         var xValues = pointSeries.xValues;
-        var _c = this.parentSeries.dataSeries, fifoCapacity = _c.fifoCapacity, fifoSweeping = _c.fifoSweeping, fifoSweepingGap = _c.fifoSweepingGap;
+        var _b = this.parentSeries.dataSeries, fifoCapacity = _b.fifoCapacity, fifoSweeping = _b.fifoSweeping, fifoSweepingGap = _b.fifoSweepingGap;
         var fifoStartIndex = pointSeries.fifoStartIndex;
         var xDrawValues = isCategoryAxis ? pointSeries.indexes : xValues;
         var yDrawValues = this.ySelector(pointSeries);
@@ -125,19 +125,15 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
             yDrawValues = splineBandSeries.ySplineValues;
             y1DrawValues = splineBandSeries.y1SplineValues;
         }
-        if (!isSplineBandSeries && !pointSeries.resampled && ((_a = renderPassData.indexRange) === null || _a === void 0 ? void 0 : _a.diff) > 0) {
-            this.args.count = Math.min(renderPassData.indexRange.diff + 1, yDrawValues.size());
-            this.args.startIndex = renderPassData.indexRange.min;
-        }
-        else {
-            this.args.count = yDrawValues.size();
-        }
+        var _c = this.getStartAndCount(isSplineBandSeries ? undefined : renderPassData, xDrawValues), startIndex = _c.startIndex, count = _c.count;
+        this.args.count = count;
+        this.args.startIndex = startIndex;
         if (fifoCapacity > 0 && fifoSweeping && fifoCapacity === this.parentSeries.dataSeries.count()) {
             this.args.count = fifoStartIndex;
         }
         // Paletting per point
         _super.prototype.applyStrokeFillPaletting.call(this, undefined, undefined, undefined, undefined, this.parentSeries.opacity, true);
-        var paletteTexture = (_b = this.palettingState.paletteTextureCache) === null || _b === void 0 ? void 0 : _b.value;
+        var paletteTexture = (_a = this.palettingState.paletteTextureCache) === null || _a === void 0 ? void 0 : _a.value;
         if (paletteTexture) {
             this.args.SetPalette(paletteTexture);
         }