scichart 2.1.2301 → 2.2.2351

package/Charting/Visuals/RenderableSeries/BaseStackedRenderableSeries.js

@@ -1,16 +1,28 @@
 "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.BaseStackedRenderableSeries = void 0;
 var Deleter_1 = require("../../../Core/Deleter");
-var EventHandler_1 = require("../../../Core/EventHandler");
 var guid_1 = require("../../../utils/guid");
-var WebGlRenderContext2D_1 = require("../../Drawing/WebGlRenderContext2D");
 var StackedXySeriesInfo_1 = require("../../Model/ChartData/StackedXySeriesInfo");
 var IDataSeries_1 = require("../../Model/IDataSeries");
-var constants_1 = require("./constants");
+var ResamplingMode_1 = require("../../Numerics/Resamplers/ResamplingMode");
+var BaseRenderableSeries_1 = require("./BaseRenderableSeries");
 var RolloverModifierRenderableSeriesProps_1 = require("./RolloverModifier/RolloverModifierRenderableSeriesProps");
-var SeriesHoveredArgs_1 = require("./SeriesHoveredArgs");
-var SeriesSelectedArgs_1 = require("./SeriesSelectedArgs");
 /**
  * Base class for stacked mountain, column series in SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
@@ -18,127 +30,37 @@ var SeriesSelectedArgs_1 = require("./SeriesSelectedArgs");
  * See derived types {@link StackedMountainRenderableSeries} and {@link StackedColumnRenderableSeries} for
  * details on how to implement stacked column and mountain charts in SciChart
  */
-var BaseStackedRenderableSeries = /** @class */ (function () {
+var BaseStackedRenderableSeries = /** @class */ (function (_super) {
+    __extends(BaseStackedRenderableSeries, _super);
     /**
      * Creates an instance of a {@link BaseStackedRenderableSeries}
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
      * native methods and access to our WebGL2 WebAssembly Drawing Engine
      */
     function BaseStackedRenderableSeries(webAssemblyContext, options) {
-        var _a, _b;
+        var _this = _super.call(this, webAssemblyContext, options) || this;
         /** @inheritDoc */
-        this.id = (0, guid_1.generateGuid)();
+        _this.id = (0, guid_1.generateGuid)();
         /** @inheritDoc */
-        this.isStacked = true;
-        /** @inheritDoc */
-        this.supportsResampling = false;
-        /** @inheritDoc */
-        this.isSpline = false;
-        this.rolloverModifierProps = new RolloverModifierRenderableSeriesProps_1.RolloverModifierRenderableSeriesProps(this);
-        /** @inheritDoc */
-        this.selected = new EventHandler_1.EventHandler();
-        /** @inheritDoc */
-        this.hovered = new EventHandler_1.EventHandler();
-        /**
-         * When true, enables drawing optimizations on the series for extra performance
-         */
-        this.enableDrawingOptimisations = true;
-        this.drawNaNAsProperty = WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine;
-        this.isVisibleProperty = true;
-        this.strokeThicknessProperty = 2;
-        this.strokeProperty = "#b0c4de";
-        this.opacityProperty = 1;
-        this.opacityOriginalValue = 1;
-        this.isSelectedProperty = false;
-        this.isHoveredProperty = false;
-        this.notifyDataSeriesChanged = this.notifyDataSeriesChanged.bind(this);
-        this.notifyPointMarkerChanged = this.notifyPointMarkerChanged.bind(this);
-        this.accumulatedValues = new webAssemblyContext.SCRTDoubleVector();
-        this.accumulatedFinalAnimationValues = new webAssemblyContext.SCRTDoubleVector();
-        this.dataSeries = (_a = options === null || options === void 0 ? void 0 : options.dataSeries) !== null && _a !== void 0 ? _a : this.dataSeriesProperty;
-        this.opacityProperty = (_b = options === null || options === void 0 ? void 0 : options.opacity) !== null && _b !== void 0 ? _b : 1;
-        this.webAssemblyContext = webAssemblyContext;
-        this.hitTestProvider = this.newHitTestProvider();
+        _this.isStacked = true;
+        _this.rolloverModifierProps = new RolloverModifierRenderableSeriesProps_1.RolloverModifierRenderableSeriesProps(_this);
+        // used to track if registered types were used for function properties, so they can be serialized
+        _this.typeMap = new Map();
+        _this.opacityOriginalValue = 1;
+        _this.isStacked = true;
+        _this.accumulatedValues = new webAssemblyContext.SCRTDoubleVector();
+        _this.accumulatedFinalAnimationValues = new webAssemblyContext.SCRTDoubleVector();
+        return _this;
     }
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "isSelected", {
-        /** @inheritDoc */
-        get: function () {
-            return this.isSelectedProperty;
-        },
-        /** @inheritDoc */
-        set: function (isSelected) {
-            var _a;
-            if (this.isSelectedProperty !== isSelected) {
-                this.isSelectedProperty = isSelected;
-                (_a = this.selected) === null || _a === void 0 ? void 0 : _a.raiseEvent(new SeriesSelectedArgs_1.SeriesSelectedArgs(this, isSelected));
-                this.notifyPropertyChanged(constants_1.PROPERTY.IS_SELECTED);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "isHovered", {
-        /** @inheritDoc */
-        get: function () {
-            return this.isHoveredProperty;
-        },
-        /** @inheritDoc */
-        set: function (isHovered) {
-            var _a;
-            if (this.isHoveredProperty !== isHovered) {
-                this.isHoveredProperty = isHovered;
-                (_a = this.hovered) === null || _a === void 0 ? void 0 : _a.raiseEvent(new SeriesHoveredArgs_1.SeriesHoveredArgs(this, isHovered));
-                this.notifyPropertyChanged(constants_1.PROPERTY.HOVERED);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "isDigitalLine", {
-        // PUBLIC
-        /** @inheritDoc */
-        get: function () {
-            return this.isDigitalLineProperty;
-        },
-        /** @inheritDoc */
-        set: function (isDigitalLine) {
-            this.isDigitalLineProperty = isDigitalLine;
-            this.notifyPropertyChanged(constants_1.PROPERTY.IS_DIGITAL_LINE);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @inheritDoc
-     */
-    BaseStackedRenderableSeries.prototype.applyTheme = function (themeProvider) {
-        // TODO
-    };
+    // PUBLIC
     /**
      * @inheritDoc
      */
     BaseStackedRenderableSeries.prototype.delete = function () {
+        _super.prototype.delete.call(this);
         this.accumulatedValues = (0, Deleter_1.deleteSafe)(this.accumulatedValues);
         this.accumulatedFinalAnimationValues = (0, Deleter_1.deleteSafe)(this.accumulatedFinalAnimationValues);
     };
-    /**
-     * @inheritDoc
-     */
-    BaseStackedRenderableSeries.prototype.getDataSeriesName = function () {
-        return this.dataSeries.dataSeriesName;
-    };
-    /**
-     * @inheritDoc
-     */
-    BaseStackedRenderableSeries.prototype.getDataSeriesValuesCount = function () {
-        return this.getNativeXValues().size();
-    };
-    /**
-     * @inheritDoc
-     */
-    BaseStackedRenderableSeries.prototype.getNativeXValues = function () {
-        return this.dataSeries.getNativeXValues();
-    };
     /**
      * Called when the {@link BaseStackedRenderableSeries} is detached from its parent {@link BaseStackedCollection}
      */
@@ -156,12 +78,6 @@ var BaseStackedRenderableSeries = /** @class */ (function () {
             this.notifyParentPropertyChangedFn(propertyName);
         }
     };
-    /**
-     * @inheritDoc
-     */
-    BaseStackedRenderableSeries.prototype.onDpiChanged = function (args) {
-        // Override in derived classes to be notified of dpi Change
-    };
     /** @inheritDoc */
     BaseStackedRenderableSeries.prototype.checkIsOutOfDataRange = function (xValue, yValue) {
         var length = this.getDataSeriesValuesCount();
@@ -171,12 +87,6 @@ var BaseStackedRenderableSeries = /** @class */ (function () {
         return xValue < min || xValue > max;
     };
     // NOT SUPPORTED METHODS BEGIN
-    /**
-     * invalidateParentCallback() is not supported for BaseStackedRenderableSeries
-     */
-    BaseStackedRenderableSeries.prototype.invalidateParentCallback = function () {
-        throw Error("invalidateParentCallback() is not supported for BaseStackedRenderableSeries");
-    };
     /**
      * draw() is not supported for BaseStackedRenderableSeries
      */
@@ -243,22 +153,6 @@ var BaseStackedRenderableSeries = /** @class */ (function () {
     BaseStackedRenderableSeries.prototype.onDetach = function () {
         throw Error("onDetach() method is not supported for BaseStackedRenderableSeries");
     };
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "rolloverModifierProps1", {
-        /**
-         * rolloverModifierProps1() is not supported for BaseStackedRenderableSeries
-         */
-        get: function () {
-            throw Error("rolloverModifierProps1() method is not supported for BaseStackedRenderableSeries");
-        },
-        /**
-         * rolloverModifierProps1() is not supported for BaseStackedRenderableSeries
-         */
-        set: function (value) {
-            throw Error("rolloverModifierProps1() method is not supported for BaseStackedRenderableSeries");
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(BaseStackedRenderableSeries.prototype, "animation", {
         /**
          * animation() is not supported for BaseStackedRenderableSeries
@@ -284,10 +178,10 @@ var BaseStackedRenderableSeries = /** @class */ (function () {
          * resamplingMode property is not supported for BaseStackedRenderableSeries
          */
         get: function () {
-            throw Error("resamplingMode property is not supported for BaseStackedRenderableSeries");
+            return ResamplingMode_1.EResamplingMode.None;
         },
         set: function (value) {
-            throw Error("resamplingMode property is not supported for BaseStackedRenderableSeries");
+            throw Error("Setting resamplingMode property is not supported for BaseStackedRenderableSeries");
         },
         enumerable: false,
         configurable: true
@@ -322,150 +216,6 @@ var BaseStackedRenderableSeries = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "dataSeries", {
-        /**
-         * @inheritDoc
-         */
-        get: function () {
-            return this.dataSeriesProperty;
-        },
-        /**
-         * @inheritDoc
-         */
-        set: function (dataSeries) {
-            var _a, _b;
-            (_a = this.dataSeriesProperty) === null || _a === void 0 ? void 0 : _a.dataChanged.unsubscribe(this.notifyDataSeriesChanged);
-            this.dataSeriesProperty = dataSeries;
-            (_b = this.dataSeriesProperty) === null || _b === void 0 ? void 0 : _b.dataChanged.subscribe(this.notifyDataSeriesChanged);
-            this.notifyDataSeriesChanged();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "drawNaNAs", {
-        /**
-         * @inheritDoc
-         */
-        get: function () {
-            return this.drawNaNAsProperty;
-        },
-        /**
-         * @inheritDoc
-         */
-        set: function (drawNaNAs) {
-            this.drawNaNAsProperty = drawNaNAs;
-            this.notifyPropertyChanged(constants_1.PROPERTY.DRAW_NAN_AS);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "isVisible", {
-        /**
-         * @inheritDoc
-         */
-        get: function () {
-            return this.isVisibleProperty;
-        },
-        /**
-         * @inheritDoc
-         */
-        set: function (value) {
-            this.isVisibleProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.IS_VISIBLE);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "paletteProvider", {
-        /**
-         * @inheritDoc
-         */
-        get: function () {
-            return this.paletteProviderProperty;
-        },
-        /**
-         * @inheritDoc
-         */
-        set: function (paletteProvider) {
-            // TODO: fix
-            // this.paletteProviderProperty?.onDetached();
-            // this.paletteProviderProperty = paletteProvider;
-            // this.paletteProviderProperty?.onAttached(this);
-            this.notifyPropertyChanged(constants_1.PROPERTY.PALETTE_PROVIDER);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "pointMarker", {
-        /**
-         * @inheritDoc
-         */
-        get: function () {
-            return this.pointMarkerProperty;
-        },
-        /**
-         * @inheritDoc
-         */
-        set: function (pointMarker) {
-            if (this.pointMarkerProperty) {
-                this.pointMarkerProperty.invalidateParentCallback = undefined;
-            }
-            this.pointMarkerProperty = pointMarker;
-            this.notifyPointMarkerChanged();
-            if (this.pointMarkerProperty) {
-                this.pointMarkerProperty.invalidateParentCallback = this.notifyPointMarkerChanged;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "stroke", {
-        /**
-         * @inheritDoc
-         */
-        get: function () {
-            return this.strokeProperty;
-        },
-        /**
-         * @inheritDoc
-         */
-        set: function (htmlColorCode) {
-            this.strokeProperty = htmlColorCode;
-            this.notifyPropertyChanged(constants_1.PROPERTY.STROKE);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "strokeThickness", {
-        /**
-         * @inheritDoc
-         */
-        get: function () {
-            return this.strokeThicknessProperty;
-        },
-        /**
-         * @inheritDoc
-         */
-        set: function (value) {
-            this.strokeThicknessProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.STROKE_THICKNESS);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "opacity", {
-        /** @inheritDoc */
-        get: function () {
-            return this.opacityProperty;
-        },
-        /** @inheritDoc */
-        set: function (value) {
-            this.opacityProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.OPACITY);
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(BaseStackedRenderableSeries.prototype, "xAxis", {
         /** @inheritDoc */
         get: function () {
@@ -549,24 +299,6 @@ var BaseStackedRenderableSeries = /** @class */ (function () {
     BaseStackedRenderableSeries.prototype.getCurrentRenderPassData = function () {
         throw Error("getCurrentRenderPassData method is not supported for BaseStackedRenderableSeries");
     };
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "drawingProviders", {
-        /**
-         * drawingProviders property is not supported for BaseStackedRenderableSeries
-         * instead set on the {@link StackedColumnCollection} or {@link StackedMountainCollection}
-         */
-        get: function () {
-            throw Error("drawingProviders property is not supported for BaseStackedRenderableSeries");
-        },
-        /**
-         * drawingProviders property is not supported for BaseStackedRenderableSeries,
-         * instead set on the {@link StackedColumnCollection} or {@link StackedMountainCollection}
-         */
-        set: function (value) {
-            throw Error("drawingProviders property is not supported for BaseStackedRenderableSeries");
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(BaseStackedRenderableSeries.prototype, "xAxisId", {
         /**
          * xAxisId property is not supported for BaseStackedRenderableSeries,
@@ -603,24 +335,6 @@ var BaseStackedRenderableSeries = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BaseStackedRenderableSeries.prototype, "effect", {
-        /**
-         * effect property is not supported for BaseStackedRenderableSeries,
-         * instead set on the {@link StackedColumnCollection} or {@link StackedMountainCollection}
-         */
-        get: function () {
-            throw Error("effect property is not supported for BaseStackedRenderableSeries");
-        },
-        /**
-         * effect property is not supported for BaseStackedRenderableSeries,
-         * instead set on the {@link StackedColumnCollection} or {@link StackedMountainCollection}
-         */
-        set: function (effect) {
-            throw Error("effect property is not supported for BaseStackedRenderableSeries");
-        },
-        enumerable: false,
-        configurable: true
-    });
     BaseStackedRenderableSeries.prototype.onAnimate = function () {
         throw Error("onAnimate is not supported for BaseStackedRenderableSeries");
     };
@@ -637,13 +351,6 @@ var BaseStackedRenderableSeries = /** @class */ (function () {
     BaseStackedRenderableSeries.prototype.runAnimation = function (animation) {
         throw Error("runAnimation is not supported for BaseStackedRenderableSeries");
     };
-    // PRIVATE
-    BaseStackedRenderableSeries.prototype.notifyDataSeriesChanged = function () {
-        this.notifyPropertyChanged(constants_1.PROPERTY.DATA_SERIES);
-    };
-    BaseStackedRenderableSeries.prototype.notifyPointMarkerChanged = function () {
-        this.notifyPropertyChanged(constants_1.PROPERTY.POINT_MARKER);
-    };
     return BaseStackedRenderableSeries;
-}());
+}(BaseRenderableSeries_1.BaseRenderableSeries));
 exports.BaseStackedRenderableSeries = BaseStackedRenderableSeries;

package/Charting/Visuals/RenderableSeries/DrawingProviders/BandSeriesDrawingProvider.d.ts

@@ -1,5 +1,6 @@
-import { TSciChart } from "../../../../types/TSciChart";
+import { SCRTDoubleVector, TSciChart } from "../../../../types/TSciChart";
 import { WebGlRenderContext2D } from "../../../Drawing/WebGlRenderContext2D";
+import { IPointSeries } from "../../../Model/PointSeries/IPointSeries";
 import { RenderPassData } from "../../../Services/RenderPassData";
 import { TDpiChangedEventArgs } from "../../TextureManager/DpiHelper";
 import { BaseBandRenderableSeries } from "../BaseBandRenderableSeries";
@@ -14,13 +15,15 @@ export declare class BandSeriesDrawingProvider extends BaseSeriesDrawingProvider
     private strokePenY1Cache;
     private fillBrushCache;
     private fillBrushY1Cache;
+    private ySelector;
+    private y1Selector;
     /**
      * Creates an instance of the {@link BandSeriesDrawingProvider}
      * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
      * access to our WebGL2 Engine and WebAssembly numerical methods
      * @param parentSeries the parent {@link BaseBandRenderableSeries} which this drawing provider is attached to
      */
-    constructor(webAssemblyContext: TSciChart, parentSeries: BaseBandRenderableSeries);
+    constructor(webAssemblyContext: TSciChart, parentSeries: BaseBandRenderableSeries, ySelector?: (ps: IPointSeries) => SCRTDoubleVector, y1Selector?: (ps: IPointSeries) => SCRTDoubleVector);
     /**
      * @inheritDoc
      */

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

@@ -35,8 +35,10 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
      * access to our WebGL2 Engine and WebAssembly numerical methods
      * @param parentSeries the parent {@link BaseBandRenderableSeries} which this drawing provider is attached to
      */
-    function BandSeriesDrawingProvider(webAssemblyContext, parentSeries) {
+    function BandSeriesDrawingProvider(webAssemblyContext, parentSeries, ySelector, y1Selector) {
         var _this = _super.call(this, webAssemblyContext, parentSeries) || this;
+        _this.ySelector = ySelector !== null && ySelector !== void 0 ? ySelector : (function (ps) { return ps.yValues; });
+        _this.y1Selector = y1Selector !== null && y1Selector !== void 0 ? y1Selector : (function (ps) { return ps.y1Values; });
         _this.linesPenCache = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
         _this.strokePenY1Cache = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
         _this.fillBrushCache = new BrushCache_1.BrushCache(webAssemblyContext);
@@ -108,8 +110,8 @@ var BandSeriesDrawingProvider = /** @class */ (function (_super) {
         var isCategoryAxis = renderPassData.xCoordinateCalculator.isCategoryCoordinateCalculator;
         var xValues = pointSeries.xValues;
         var xDrawValues = isCategoryAxis ? pointSeries.indexes : xValues;
-        var yDrawValues = pointSeries.yValues;
-        var y1DrawValues = pointSeries.y1Values;
+        var yDrawValues = this.ySelector(pointSeries);
+        var y1DrawValues = this.y1Selector(pointSeries);
         var isSplineBandSeries = this.parentSeries.type === SeriesType_1.ESeriesType.SplineBandSeries && xValues.size() > 1;
         if (isSplineBandSeries) {
             var splineBandSeries = this.parentSeries;

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

@@ -7,6 +7,10 @@ import { IPointMarker } from "../PointMarkers/IPointMarker";
 import { SeriesAnimation } from "./Animations/SeriesAnimation";
 import { IRenderableSeries } from "./IRenderableSeries";
 import { ShaderEffect } from "./ShaderEffect";
+/**
+ * The type of the {@link IBaseRenderableSeriesOptions.onIsVisibleChanged } callback
+ */
+export declare type TSeriesVisibleChangedCallback = (sourceSeries: IRenderableSeries, isVisible: boolean) => void;
 /**
  * The type of the {@link IBaseRenderableSeriesOptions.onSelectedChanged } callback
  */
@@ -149,6 +153,10 @@ export interface IBaseRenderableSeriesOptions {
      * Initial hovered state for the series. Default to false
      */
     isHovered?: boolean;
+    /**
+     * Optional callback function when isVisible changed. Also see {@link IRenderableSeries.isVisibleChanged} event handler
+     */
+    onIsVisibleChanged?: TSeriesVisibleChangedCallback | string;
     /**
      * Optional callback function when selected changed. Also see {@link IRenderableSeries.selected} event handler
      */

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

@@ -26,6 +26,7 @@ import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { RolloverModifierRenderableSeriesProps } from "./RolloverModifier/RolloverModifierRenderableSeriesProps";
 import { SeriesHoveredArgs } from "./SeriesHoveredArgs";
 import { SeriesSelectedArgs } from "./SeriesSelectedArgs";
+import { SeriesVisibleChangedArgs } from "./SeriesVisibleChangedArgs";
 /**
  * @summary Defines the interface to a Render Series (or Chart Type) in SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
@@ -222,6 +223,11 @@ export interface IRenderableSeries extends IDeletable, IThemeable, INotifyOnDpiC
      * @remarks See {@link EventHandler} for how to subscribe
      */
     readonly hovered: EventHandler<SeriesHoveredArgs>;
+    /**
+     * An isVisible changed EventHandler. This event fires whenever the {@link IRenderableSeries | Series} isVisible changes.
+     * @remarks See {@link EventHandler} for how to subscribe
+     */
+    readonly isVisibleChanged: EventHandler<SeriesVisibleChangedArgs>;
     /**
      * gets if the animation is currently running
      */

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

@@ -0,0 +1,6 @@
+import { IRenderableSeries } from "./IRenderableSeries";
+export declare class SeriesVisibleChangedArgs {
+    readonly isVisible: boolean;
+    readonly sourceSeries: IRenderableSeries;
+    constructor(sourceSeries: IRenderableSeries, visible: boolean);
+}

package/Charting/Visuals/RenderableSeries/SeriesVisibleChangedArgs.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeriesVisibleChangedArgs = void 0;
+var SeriesVisibleChangedArgs = /** @class */ (function () {
+    function SeriesVisibleChangedArgs(sourceSeries, visible) {
+        this.sourceSeries = sourceSeries;
+        this.isVisible = visible;
+    }
+    return SeriesVisibleChangedArgs;
+}());
+exports.SeriesVisibleChangedArgs = SeriesVisibleChangedArgs;

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

@@ -5,7 +5,9 @@ import { SciChartSurface } from "../SciChartSurface";
 import { TDpiChangedEventArgs } from "../TextureManager/DpiHelper";
 import { BaseStackedCollection } from "./BaseStackedCollection";
 import { BaseStackedRenderableSeries, IBasedStackedRenderableSeriesOptions } from "./BaseStackedRenderableSeries";
+import { ISeriesDrawingProvider } from "./DrawingProviders/ISeriesDrawingProvider";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
+import { ShaderEffect } from "./ShaderEffect";
 /**
  * Options to pass to the {@link StackedColumnRenderableSeries} constructor
  */
@@ -137,6 +139,26 @@ export declare class StackedColumnRenderableSeries extends BaseStackedRenderable
      * Gets or sets the Fill of the column chart as an HTML color code
      */
     set fill(fill: string);
+    /**
+     * drawingProviders property is not supported for StackedColumnRenderableSeries
+     * instead set on the {@link StackedColumnCollection}
+     */
+    get drawingProviders(): ISeriesDrawingProvider[];
+    /**
+     * drawingProviders property is not supported for StackedColumnRenderableSeries,
+     * instead set on the {@link StackedColumnCollection}
+     */
+    set drawingProviders(value: ISeriesDrawingProvider[]);
+    /**
+     * effect property is not supported for StackedColumnRenderableSeries,
+     * instead set on the {@link StackedColumnCollection}
+     */
+    get effect(): ShaderEffect;
+    /**
+     * effect property is not supported for StackedColumnRenderableSeries,
+     * instead set on the {@link StackedColumnCollection}
+     */
+    set effect(effect: ShaderEffect);
     get spacing(): number;
     set spacing(value: number);
     /**

package/Charting/Visuals/RenderableSeries/StackedColumnRenderableSeries.js

@@ -153,7 +153,8 @@ var StackedColumnRenderableSeries = /** @class */ (function (_super) {
      * @inheritDoc
      */
     StackedColumnRenderableSeries.prototype.onDpiChanged = function (args) {
-        _super.prototype.onDpiChanged.call(this, args);
+        // TODO uncomment when point markers and drawingProviders props are supported
+        // super.onDpiChanged(args);
         this.notifyPropertyChanged(constants_1.PROPERTY.STROKE);
     };
     /**
@@ -188,6 +189,42 @@ var StackedColumnRenderableSeries = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(StackedColumnRenderableSeries.prototype, "drawingProviders", {
+        /**
+         * drawingProviders property is not supported for StackedColumnRenderableSeries
+         * instead set on the {@link StackedColumnCollection}
+         */
+        get: function () {
+            throw Error("drawingProviders property is not supported for StackedColumnRenderableSeries");
+        },
+        /**
+         * drawingProviders property is not supported for StackedColumnRenderableSeries,
+         * instead set on the {@link StackedColumnCollection}
+         */
+        set: function (value) {
+            throw Error("drawingProviders property is not supported for StackedColumnRenderableSeries");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(StackedColumnRenderableSeries.prototype, "effect", {
+        /**
+         * effect property is not supported for StackedColumnRenderableSeries,
+         * instead set on the {@link StackedColumnCollection}
+         */
+        get: function () {
+            throw Error("effect property is not supported for StackedColumnRenderableSeries");
+        },
+        /**
+         * effect property is not supported for StackedColumnRenderableSeries,
+         * instead set on the {@link StackedColumnCollection}
+         */
+        set: function (effect) {
+            throw Error("effect property is not supported for StackedColumnRenderableSeries");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(StackedColumnRenderableSeries.prototype, "spacing", {
         // public get zeroLineY(): number {
         //     return this.zeroLineYProperty;

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

@@ -32,8 +32,6 @@ import { StackedMountainRenderableSeries } from "./StackedMountainRenderableSeri
  */
 export declare class StackedMountainCollection extends BaseStackedCollection<StackedMountainRenderableSeries> {
     readonly type = ESeriesType.StackedMountainCollection;
-    private nativeDrawingProvider;
-    private transparentPenCache;
     /**
      * Creates an instance of the {@link StackedMountainCollection}
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
@@ -52,6 +50,8 @@ export declare class StackedMountainCollection extends BaseStackedCollection<Sta
     /** @inheritDoc */
     onAttach(scs: SciChartSurface): void;
     /** @inheritDoc */
+    onDetach(): void;
+    /** @inheritDoc */
     notifyPropertyChanged(propertyName: string): void;
     /** @inheritDoc */
     hasDataSeriesValues(): boolean;