scichart 3.2.0-beta → 3.2.434

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

@@ -0,0 +1,56 @@
+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[]);
+    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,138 @@
+"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.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,42 @@ 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();
+        });
+        sciChartSurface.addDeletable({
+            delete: function () {
+                _this.delete();
+                _this.setRootDiv(undefined);
+                _this.setInvalidateParentSurface(undefined);
+                _this.setParentSurface(undefined);
+            }
+        });
+    };
+    SciChartLegendBase.prototype.detach = function () {
+        this.setRootDiv(undefined);
+        this.setInvalidateParentSurface(undefined);
+        this.setParentSurface(undefined);
+        this.delete();
+    };
     /**
      * Update the legend
      */
@@ -203,6 +235,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 +302,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/BaseSeriesDrawingProvider.d.ts

@@ -67,7 +67,7 @@ export declare abstract class BaseSeriesDrawingProvider<T extends IRenderableSer
      * @returns the new {@link UIntVector} with ARGB colors
      */
     applyStrokePaletting(strokePen: ISCRTPen): void;
-    applyStrokeFillPaletting(stroke: string, strokePen: ISCRTPen, fill: string, fillBrush: ISCRTBrush, opacity: number, usePalette?: boolean, resetPenBrushColors?: boolean): void;
+    applyStrokeFillPaletting(stroke: string, strokePen: ISCRTPen | undefined, fill: string, fillBrush: ISCRTBrush | undefined, opacity: number, usePalette?: boolean, resetPenBrushColors?: boolean): void;
     /**
      * Creates a native {@link SCRTBrush} Solid Color Brush from html color code string passed in
      * @param htmlColorCode The HTML Color code
@@ -100,8 +100,8 @@ export declare abstract class BaseSeriesDrawingProvider<T extends IRenderableSer
     onDetachSeries(): void;
     protected seriesHasDataChanges(): void;
     protected overridePaletteProviderColors(rs: IRenderableSeries, xValue: number, yValue: number, index: number, opacity?: number, metadata?: IPointMetadata): {
-        stroke: number;
-        fill: number;
+        stroke: number | undefined;
+        fill: number | undefined;
     };
     protected isGradientFillPaletting(rs: IRenderableSeries): boolean;
 }

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

@@ -97,6 +97,10 @@ var BaseSeriesDrawingProvider = /** @class */ (function (_super) {
             strokePen.m_uiColor = 0xffffffff;
             for (var index = indexStart; index < indexStart + drawCount; index++) {
                 var originalDataIndex = pointSeries ? pointSeries.indexes.get(index) : index;
+                if (originalDataIndex < 0)
+                    originalDataIndex = 0;
+                else if (originalDataIndex >= dataSeries.count())
+                    originalDataIndex = dataSeries.count() - 1;
                 var overrideColor = strokePaletteProvider.overrideStrokeArgb(xValues.get(index), yValues.get(index), originalDataIndex, this.parentSeries.opacity, dataSeries.getMetadataAt(originalDataIndex));
                 this.parentSeries.pushPalettedColors(overrideColor ? overrideColor : strokeColorArgb, this.palettingState);
             }
@@ -185,6 +189,10 @@ var BaseSeriesDrawingProvider = /** @class */ (function (_super) {
             var hashCode = 0;
             for (var index = indexStart; index < indexStart + drawCount; index++) {
                 var originalDataIndex = pointSeries ? pointSeries.indexes.get(index) : index;
+                if (originalDataIndex < 0)
+                    originalDataIndex = 0;
+                else if (originalDataIndex >= dataSeries.count())
+                    originalDataIndex = dataSeries.count() - 1;
                 var xValue = xValues.get(index);
                 var yValue = yValues.get(index);
                 var overriddenColors = this.overridePaletteProviderColors(this.parentSeries, xValue, yValue, originalDataIndex, opacity, dataSeries.getMetadataAt(originalDataIndex));

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

@@ -1,4 +1,5 @@
 import { SeriesSelectionModifier } from "../../ChartModifiers/SeriesSelectionModifier";
+import { HitTestInfo } from "./HitTest/HitTestInfo";
 import { IRenderableSeries } from "./IRenderableSeries";
 /**
  * Arguments passed into the callback for {@link SeriesSelectionModifier.hoverChanged} event
@@ -16,6 +17,10 @@ export declare class HoveredChangedArgs {
      * The array of all series at the time of the event. Query {@link IRenderableSeries.isSelected} to determine if it is selected or not
      */
     readonly allSeries: IRenderableSeries[];
+    /**
+     * The hitTestInfo for this event, if available.
+     */
+    readonly hitTestInfo: HitTestInfo;
     /**
      * Creates an instance of SelectionChangedArgs -
      * arguments passed into the callback for {@link SeriesSelectionModifier.selectionChanged} event
@@ -23,5 +28,5 @@ export declare class HoveredChangedArgs {
      * @param hoveredSeries
      * @param allSeries
      */
-    constructor(source: SeriesSelectionModifier, hoveredSeries: IRenderableSeries[], allSeries: IRenderableSeries[]);
+    constructor(source: SeriesSelectionModifier, hoveredSeries: IRenderableSeries[], allSeries: IRenderableSeries[], hitTestInfo: HitTestInfo);
 }

package/Charting/Visuals/RenderableSeries/HoveredChangedArgs.js

@@ -12,10 +12,11 @@ var HoveredChangedArgs = /** @class */ (function () {
      * @param hoveredSeries
      * @param allSeries
      */
-    function HoveredChangedArgs(source, hoveredSeries, allSeries) {
+    function HoveredChangedArgs(source, hoveredSeries, allSeries, hitTestInfo) {
         this.source = source;
         this.hoveredSeries = hoveredSeries;
         this.allSeries = allSeries;
+        this.hitTestInfo = hitTestInfo;
     }
     return HoveredChangedArgs;
 }());

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

@@ -194,7 +194,7 @@ export interface IRenderableSeries extends IDeletable, IThemeable, INotifyOnDpiC
     /**
      * A {@link IPointMarker | Point Marker} which is used to draw an optional point-marker at each data-point. Applicable to some series types only
      */
-    pointMarker: IPointMarker;
+    pointMarker: IPointMarker | undefined;
     /**
      * How to treat NAN (Not a number) values in the input {@link dataSeries}. See {@link ELineDrawMode} for a list of values.
      */

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

@@ -1,4 +1,5 @@
 import { SeriesSelectionModifier } from "../../ChartModifiers/SeriesSelectionModifier";
+import { HitTestInfo } from "./HitTest/HitTestInfo";
 import { IRenderableSeries } from "./IRenderableSeries";
 /**
  * Arguments passed into the callback for {@link SeriesSelectionModifier.selectionChanged} event
@@ -16,6 +17,10 @@ export declare class SelectionChangedArgs {
      * The array of all series at the time of the event. Query {@link IRenderableSeries.isSelected} to determine if it is selected or not
      */
     readonly allSeries: IRenderableSeries[];
+    /**
+     * The hitTestInfo for this event, if available.
+     */
+    readonly hitTestInfo: HitTestInfo;
     /**
      * Creates an instance of SelectionChangedArgs -
      * arguments passed into the callback for {@link SeriesSelectionModifier.selectionChanged} event
@@ -23,5 +28,5 @@ export declare class SelectionChangedArgs {
      * @param selectedSeries
      * @param allSeries
      */
-    constructor(source: SeriesSelectionModifier, selectedSeries: IRenderableSeries[], allSeries: IRenderableSeries[]);
+    constructor(source: SeriesSelectionModifier, selectedSeries: IRenderableSeries[], allSeries: IRenderableSeries[], hitTestInfo: HitTestInfo);
 }