scichart 3.1.348 → 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

@@ -1,3 +1,4 @@
+import { DeletableEntity } from "../../../Core/DeletableEntity";
 import { GradientParams } from "../../../Core/GradientParams";
 import { IDeletable } from "../../../Core/IDeletable";
 import { Rect } from "../../../Core/Rect";
@@ -9,6 +10,7 @@ export declare type TLegendItem = {
     color: string;
     checked: boolean;
     gradient?: GradientParams;
+    showMarker?: boolean;
 };
 export interface IEventSubscriptionItem extends IDeletable {
     element: HTMLElement;
@@ -36,17 +38,51 @@ 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
  */
-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;
     protected div: HTMLDivElement;
-    protected seriesViewRect: Rect;
     protected invalidateParentSurface: () => void;
     protected orientationProperty: ELegendOrientation;
     protected showLegendProperty: boolean;
@@ -55,7 +91,10 @@ export declare abstract class SciChartLegendBase implements IDeletable {
     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;
@@ -65,14 +104,19 @@ export declare abstract class SciChartLegendBase implements IDeletable {
      */
     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
      */
@@ -121,6 +165,23 @@ 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);
+    /**
+     * 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

@@ -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
@@ -28,24 +44,28 @@ var ELegendPlacement;
 var ELegendType;
 (function (ELegendType) {
     ELegendType["SciChartLegend"] = "SciChartLegend";
+    ELegendType["ManualLegend"] = "ManualLegend";
     ELegendType["SciChartPieLegend"] = "SciChartPieLegend";
 })(ELegendType = exports.ELegendType || (exports.ELegendType = {}));
 /**
  * Base class for legends in the SciChart library
  */
-var SciChartLegendBase = /** @class */ (function () {
-    function SciChartLegendBase() {
+var SciChartLegendBase = /** @class */ (function (_super) {
+    __extends(SciChartLegendBase, _super);
+    function SciChartLegendBase(options) {
         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 _a, _b, _c, _d, _e;
+        _this = _super.call(this) || 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 +73,15 @@ var SciChartLegendBase = /** @class */ (function () {
             });
             _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) {
         this.invalidateParentSurface = value;
@@ -65,21 +94,42 @@ var SciChartLegendBase = /** @class */ (function () {
         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
      */
@@ -87,7 +137,7 @@ var SciChartLegendBase = /** @class */ (function () {
         if (!this.isDirty && this.div) {
             return;
         }
-        this.delete();
+        this.clear();
         if (this.showLegend) {
             this.create();
         }
@@ -178,15 +228,48 @@ 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 () {
+    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) {
             this.removeEventListeners();
@@ -195,6 +278,10 @@ var SciChartLegendBase = /** @class */ (function () {
             this.parentDiv = undefined;
         }
     };
+    /** @inheritDoc */
+    SciChartLegendBase.prototype.delete = function () {
+        this.clear();
+    };
     /**
      * Gets if the Legend in placed externally
      */
@@ -215,7 +302,8 @@ var SciChartLegendBase = /** @class */ (function () {
     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);
     };
@@ -262,7 +350,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