scichart 2.1.2301 → 2.2.2389

package/Charting/ChartModifiers/RolloverModifier.js

@@ -72,7 +72,7 @@ var RolloverModifier = /** @class */ (function (_super) {
      * @param options Optional parameters {@link IRolloverModifierOptions} used to configure the modifier
      */
     function RolloverModifier(options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         var _this = _super.call(this, options) || this;
         _this.type = ChartModifierType_1.EChart2DModifierType.Rollover;
         /**
@@ -94,11 +94,12 @@ var RolloverModifier = /** @class */ (function (_super) {
         _this.allowTooltipOverlappingProperty = false;
         _this.includedSeriesMap = new Map();
         _this.hitTestRenderableSeries = _this.hitTestRenderableSeries.bind(_this);
+        _this.placementDivIdProperty = (_a = options === null || options === void 0 ? void 0 : options.placementDivId) !== null && _a !== void 0 ? _a : _this.placementDivIdProperty;
         _this.rolloverLineAnnotation = new LineAnnotation_1.LineAnnotation({
             xCoordinateMode: AnnotationBase_1.ECoordinateMode.Pixel,
             yCoordinateMode: AnnotationBase_1.ECoordinateMode.Pixel,
-            strokeThickness: (_a = options === null || options === void 0 ? void 0 : options.rolloverLineStrokeThickness) !== null && _a !== void 0 ? _a : 2,
-            stroke: (_b = options === null || options === void 0 ? void 0 : options.rolloverLineStroke) !== null && _b !== void 0 ? _b : SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.cursorLineBrush,
+            strokeThickness: (_b = options === null || options === void 0 ? void 0 : options.rolloverLineStrokeThickness) !== null && _b !== void 0 ? _b : 2,
+            stroke: (_c = options === null || options === void 0 ? void 0 : options.rolloverLineStroke) !== null && _c !== void 0 ? _c : SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.cursorLineBrush,
             isHidden: true,
             xAxisId: _this.xAxisId,
             yAxisId: _this.yAxisId
@@ -111,9 +112,9 @@ var RolloverModifier = /** @class */ (function (_super) {
             }
         }
         _this.tooltipLegendTemplate =
-            (_c = options === null || options === void 0 ? void 0 : options.tooltipLegendTemplate) !== null && _c !== void 0 ? _c : _this.tooltipLegendTemplate;
-        _this.tooltipLegendOffsetX = (_d = options === null || options === void 0 ? void 0 : options.tooltipLegendOffsetX) !== null && _d !== void 0 ? _d : _this.tooltipLegendOffsetX;
-        _this.tooltipLegendOffsetY = (_e = options === null || options === void 0 ? void 0 : options.tooltipLegendOffsetY) !== null && _e !== void 0 ? _e : _this.tooltipLegendOffsetY;
+            (_d = options === null || options === void 0 ? void 0 : options.tooltipLegendTemplate) !== null && _d !== void 0 ? _d : _this.tooltipLegendTemplate;
+        _this.tooltipLegendOffsetX = (_e = options === null || options === void 0 ? void 0 : options.tooltipLegendOffsetX) !== null && _e !== void 0 ? _e : _this.tooltipLegendOffsetX;
+        _this.tooltipLegendOffsetY = (_f = options === null || options === void 0 ? void 0 : options.tooltipLegendOffsetY) !== null && _f !== void 0 ? _f : _this.tooltipLegendOffsetY;
         if (options === null || options === void 0 ? void 0 : options.tooltipDataTemplate) {
             if (typeof options.tooltipDataTemplate === "string") {
                 _this.typeMap.set("tooltipDataTemplate", options.tooltipDataTemplate);
@@ -122,9 +123,9 @@ var RolloverModifier = /** @class */ (function (_super) {
             }
         }
         _this.tooltipDataTemplateProperty =
-            (_f = options === null || options === void 0 ? void 0 : options.tooltipDataTemplate) !== null && _f !== void 0 ? _f : _this.tooltipDataTemplateProperty;
-        _this.showRolloverLineProperty = (_g = options === null || options === void 0 ? void 0 : options.showRolloverLine) !== null && _g !== void 0 ? _g : _this.showRolloverLineProperty;
-        _this.showTooltipProperty = (_h = options === null || options === void 0 ? void 0 : options.showTooltip) !== null && _h !== void 0 ? _h : _this.showTooltipProperty;
+            (_g = options === null || options === void 0 ? void 0 : options.tooltipDataTemplate) !== null && _g !== void 0 ? _g : _this.tooltipDataTemplateProperty;
+        _this.showRolloverLineProperty = (_h = options === null || options === void 0 ? void 0 : options.showRolloverLine) !== null && _h !== void 0 ? _h : _this.showRolloverLineProperty;
+        _this.showTooltipProperty = (_j = options === null || options === void 0 ? void 0 : options.showTooltip) !== null && _j !== void 0 ? _j : _this.showTooltipProperty;
         _this.legendAnnotation = new RolloverLegendSvgAnnotation_1.RolloverLegendSvgAnnotation({
             tooltipLegendTemplate: _this.tooltipLegendTemplate,
             tooltipLegendOffsetX: _this.tooltipLegendOffsetX,
@@ -132,8 +133,8 @@ var RolloverModifier = /** @class */ (function (_super) {
             xAxisId: _this.xAxisId,
             yAxisId: _this.yAxisId
         });
-        _this.allowTooltipOverlappingProperty = (_j = options === null || options === void 0 ? void 0 : options.allowTooltipOverlapping) !== null && _j !== void 0 ? _j : _this.allowTooltipOverlappingProperty;
-        _this.snapToDataPoint = (_k = options === null || options === void 0 ? void 0 : options.snapToDataPoint) !== null && _k !== void 0 ? _k : _this.snapToDataPoint;
+        _this.allowTooltipOverlappingProperty = (_k = options === null || options === void 0 ? void 0 : options.allowTooltipOverlapping) !== null && _k !== void 0 ? _k : _this.allowTooltipOverlappingProperty;
+        _this.snapToDataPoint = (_l = options === null || options === void 0 ? void 0 : options.snapToDataPoint) !== null && _l !== void 0 ? _l : _this.snapToDataPoint;
         return _this;
     }
     /**
@@ -416,10 +417,13 @@ var RolloverModifier = /** @class */ (function (_super) {
      * @param rs
      */
     RolloverModifier.prototype.addSeriesAnnotationsToParentSurface = function (rs) {
-        if (!this.parentSurface)
+        if (!this.parentSurface ||
+            rs.type === SeriesType_1.ESeriesType.StackedMountainCollection ||
+            rs.type === SeriesType_1.ESeriesType.StackedColumnCollection) {
             return;
+        }
         rs.rolloverModifierProps.rolloverModifier = this;
-        createAnnotations(rs);
+        createAnnotations(rs, this.placementDivIdProperty);
         this.parentSurface.modifierAnnotations.add(rs.rolloverModifierProps.marker);
         this.parentSurface.modifierAnnotations.add(rs.rolloverModifierProps.tooltip);
         if (rs.type === SeriesType_1.ESeriesType.BandSeries) {
@@ -494,11 +498,16 @@ var RolloverModifier = /** @class */ (function (_super) {
         var _this = this;
         var rsList = this.getIncludedRenderableSeries();
         rsList.forEach(function (rs) {
+            rs.rolloverModifierProps.marker.suspendInvalidate();
+            rs.rolloverModifierProps.tooltip.suspendInvalidate();
             rs.rolloverModifierProps.marker.isHidden = true;
             rs.rolloverModifierProps.tooltip.isHidden = true;
             rs.rolloverModifierProps.tooltip.x1 = undefined;
             rs.rolloverModifierProps.tooltip.y1 = undefined;
+            // TODO should be more general than looking at series type
             if (rs.type === SeriesType_1.ESeriesType.BandSeries) {
+                rs.rolloverModifierProps1.marker.suspendInvalidate();
+                rs.rolloverModifierProps1.tooltip.suspendInvalidate();
                 rs.rolloverModifierProps1.marker.isHidden = true;
                 rs.rolloverModifierProps1.tooltip.isHidden = true;
                 rs.rolloverModifierProps1.tooltip.x1 = undefined;
@@ -506,6 +515,14 @@ var RolloverModifier = /** @class */ (function (_super) {
             }
         });
         if (this.mousePosition !== EMousePosition.SeriesArea) {
+            rsList.forEach(function (rs) {
+                rs.rolloverModifierProps.marker.resumeInvalidate();
+                rs.rolloverModifierProps.tooltip.resumeInvalidate();
+                if (rs.type === SeriesType_1.ESeriesType.BandSeries) {
+                    rs.rolloverModifierProps1.marker.resumeInvalidate();
+                    rs.rolloverModifierProps1.tooltip.resumeInvalidate();
+                }
+            });
             return;
         }
         var tooltipArray = [];
@@ -545,10 +562,18 @@ var RolloverModifier = /** @class */ (function (_super) {
             var showTooltip = _this.showTooltip && el.seriesInfo.isHit;
             var showMarker = el.seriesInfo.isHit;
             if (el.isY1) {
-                updateRolloverModifierProps(rs.rolloverModifierProps1, rs, el, showTooltip, showMarker);
+                updateRolloverModifierProps(rs.rolloverModifierProps1, rs, el, showTooltip, showMarker, _this.placementDivId);
             }
             else {
-                updateRolloverModifierProps(rs.rolloverModifierProps, rs, el, showTooltip, showMarker);
+                updateRolloverModifierProps(rs.rolloverModifierProps, rs, el, showTooltip, showMarker, _this.placementDivId);
+            }
+        });
+        rsList.forEach(function (rs) {
+            rs.rolloverModifierProps.marker.resumeInvalidate();
+            rs.rolloverModifierProps.tooltip.resumeInvalidate();
+            if (rs.type === SeriesType_1.ESeriesType.BandSeries) {
+                rs.rolloverModifierProps1.marker.resumeInvalidate();
+                rs.rolloverModifierProps1.tooltip.resumeInvalidate();
             }
         });
     };
@@ -572,6 +597,30 @@ var RolloverModifier = /** @class */ (function (_super) {
         })
             .filter(function (rs) { return rs !== undefined; });
     };
+    Object.defineProperty(RolloverModifier.prototype, "placementDivId", {
+        /**
+         * Gets or sets the parent div element reference or id for the Tooltip
+         */
+        get: function () {
+            return this.placementDivIdProperty;
+        },
+        /**
+         * Gets or sets the parent div element reference or id for the Tooltip
+         */
+        set: function (value) {
+            var _this = this;
+            var _a;
+            if (this.placementDivIdProperty !== value) {
+                this.placementDivIdProperty = value;
+                (_a = this.parentSurface) === null || _a === void 0 ? void 0 : _a.renderableSeries.asArray().forEach(function (rs) {
+                    rs.rolloverModifierProps.tooltip.placementDivId = _this.placementDivIdProperty;
+                    rs.rolloverModifierProps1.tooltip.placementDivId = _this.placementDivIdProperty;
+                });
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     return RolloverModifier;
 }(ChartModifierBase2D_1.ChartModifierBase2D));
 exports.RolloverModifier = RolloverModifier;
@@ -674,7 +723,7 @@ exports.calcTooltipPositions = calcTooltipPositions;
  * @description Creates MarkerAnnotation and TooltipAnnotation and assigns to rolloverSeries properties
  * @param rs RenderableSeries
  */
-var createAnnotations = function (rs) {
+var createAnnotations = function (rs, placementDivId) {
     var _a, _b, _c, _d, _e, _f;
     if (!rs.rolloverModifierProps.marker) {
         rs.rolloverModifierProps.marker = new RolloverMarkerSvgAnnotation_1.RolloverMarkerSvgAnnotation(rs.rolloverModifierProps);
@@ -688,7 +737,8 @@ var createAnnotations = function (rs) {
         rs.rolloverModifierProps.tooltipTitle = (_b = (_a = rs.rolloverModifierProps.tooltipTitle) !== null && _a !== void 0 ? _a : rs.getDataSeriesName()) !== null && _b !== void 0 ? _b : "";
         rs.rolloverModifierProps.tooltipColor = (_c = rs.rolloverModifierProps.tooltipColor) !== null && _c !== void 0 ? _c : rs.stroke;
         rs.rolloverModifierProps.tooltip = new RolloverTooltipSvgAnnotation_1.RolloverTooltipSvgAnnotation(rs.rolloverModifierProps, {
-            seriesType: rs.type
+            seriesType: rs.type,
+            placementDivId: placementDivId
         });
         // Rollover tooltips for multiple Y-Axes are not supported for stacked series
         if (!rs.isStacked) {
@@ -707,14 +757,16 @@ var createAnnotations = function (rs) {
             bandRs.rolloverModifierProps1.tooltipTitle =
                 (_e = (_d = bandRs.rolloverModifierProps1.tooltipTitle) !== null && _d !== void 0 ? _d : bandRs.getDataSeriesName()) !== null && _e !== void 0 ? _e : "";
             bandRs.rolloverModifierProps1.tooltipColor = (_f = bandRs.rolloverModifierProps1.tooltipColor) !== null && _f !== void 0 ? _f : bandRs.strokeY1;
-            bandRs.rolloverModifierProps1.tooltip = new RolloverTooltipSvgAnnotation_1.RolloverTooltipSvgAnnotation(bandRs.rolloverModifierProps1);
+            bandRs.rolloverModifierProps1.tooltip = new RolloverTooltipSvgAnnotation_1.RolloverTooltipSvgAnnotation(bandRs.rolloverModifierProps1, {
+                placementDivId: placementDivId
+            });
             bandRs.rolloverModifierProps1.tooltip.xAxisId = bandRs.xAxisId;
             bandRs.rolloverModifierProps1.tooltip.yAxisId = bandRs.yAxisId;
         }
     }
 };
 /** @ignore */
-var updateRolloverModifierProps = function (rolloverRSProps, rs, tooltipProps, showTooltip, showMarker) {
+var updateRolloverModifierProps = function (rolloverRSProps, rs, tooltipProps, showTooltip, showMarker, placementDivId) {
     rolloverRSProps.tooltip.seriesInfo = tooltipProps.seriesInfo;
     if (tooltipProps.isY1) {
         rolloverRSProps.tooltip.seriesInfo.isFirstSeries = false;
@@ -732,4 +784,9 @@ var updateRolloverModifierProps = function (rolloverRSProps, rs, tooltipProps, s
         rolloverRSProps.tooltip.xCoordShift = tooltipProps.xCoordShift;
         rolloverRSProps.tooltip.yCoordShift = tooltipProps.yCoordShift;
     }
+    else {
+        if (placementDivId) {
+            rolloverRSProps.tooltip.delete();
+        }
+    }
 };

package/Charting/Drawing/WebGlRenderContext2D.js

@@ -6,6 +6,7 @@ var Guard_1 = require("../../Core/Guard");
 var RenderLayer_1 = require("../../types/RenderLayer");
 var parseColor_1 = require("../../utils/parseColor");
 var createNativeRect_1 = require("../Visuals/Helpers/createNativeRect");
+var NativeObject_1 = require("../Visuals/Helpers/NativeObject");
 var WebGlBrush_1 = require("./WebGlBrush");
 var WebGlPen_1 = require("./WebGlPen");
 /**
@@ -195,26 +196,18 @@ var WebGlRenderContext2D = /** @class */ (function () {
         Guard_1.Guard.notNull(scrtPen, "WasmPen.scrtPen");
         var isStrips = false;
         var nativeContext = this.getNativeContext();
-        var vertices = new this.webAssemblyContext.VectorColorVertex();
-        try {
-            var vertex0 = new this.webAssemblyContext.SCRTColorVertex(x1, y1);
-            vertices.push_back(vertex0);
-            vertex0.delete();
-            var vertex1 = new this.webAssemblyContext.SCRTColorVertex(x2, y2);
-            vertices.push_back(vertex1);
-            vertex1.delete();
-            nativeContext.PushMatrix();
-            nativeContext.PushState();
-            nativeContext.Translate(viewRect.x, viewRect.y);
-            nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
-            nativeContext.DrawLinesBatchVec(isStrips, vertices, scrtPen);
-            nativeContext.PopMatrix();
-            nativeContext.PopState();
-        }
-        finally {
-            vertices.clear();
-            vertices.delete();
-        }
+        var vertices = (0, NativeObject_1.getVectorColorVertex)(this.webAssemblyContext);
+        var vertex0 = (0, NativeObject_1.getVertex)(this.webAssemblyContext, x1, y1);
+        vertices.push_back(vertex0);
+        var vertex1 = (0, NativeObject_1.getVertex)(this.webAssemblyContext, x2, y2);
+        vertices.push_back(vertex1);
+        nativeContext.PushMatrix();
+        nativeContext.PushState();
+        nativeContext.Translate(viewRect.x, viewRect.y);
+        nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
+        nativeContext.DrawLinesBatchVec(isStrips, vertices, scrtPen);
+        nativeContext.PopMatrix();
+        nativeContext.PopState();
     };
     /**
      * @inheritDoc
@@ -229,26 +222,19 @@ var WebGlRenderContext2D = /** @class */ (function () {
         Guard_1.Guard.notNull(scrtPen, "WebGlPen.scrtPen");
         var isStrips = lineDrawMode === ELineDrawMode.PolyLine;
         var nativeContext = this.getNativeContext();
-        var vertices = new this.webAssemblyContext.VectorColorVertex();
-        try {
-            for (var i = 0; i < xyValues.length; i += 2) {
-                var vertex = new this.webAssemblyContext.SCRTColorVertex();
-                vertex.m_vPosition = new this.webAssemblyContext.TSRVector3(xyValues[i], xyValues[i + 1], 0);
-                vertices.push_back(vertex);
-                vertex.delete();
-            }
-            nativeContext.PushMatrix();
-            nativeContext.PushState();
-            nativeContext.Translate(viewRect.x, viewRect.y);
-            nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
-            nativeContext.DrawLinesBatchVec(isStrips, vertices, scrtPen);
-            nativeContext.PopMatrix();
-            nativeContext.PopState();
-        }
-        finally {
-            vertices.clear();
-            vertices.delete();
+        var vertices = (0, NativeObject_1.getVectorColorVertex)(this.webAssemblyContext);
+        for (var i = 0; i < xyValues.length; i += 2) {
+            var vertex = (0, NativeObject_1.getVertex)(this.webAssemblyContext, xyValues[i], xyValues[i + 1]);
+            vertex.m_vPosition.z = 0;
+            vertices.push_back(vertex);
         }
+        nativeContext.PushMatrix();
+        nativeContext.PushState();
+        nativeContext.Translate(viewRect.x, viewRect.y);
+        nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
+        nativeContext.DrawLinesBatchVec(isStrips, vertices, scrtPen);
+        nativeContext.PopMatrix();
+        nativeContext.PopState();
     };
     /**
      * @inheritDoc
@@ -258,14 +244,13 @@ var WebGlRenderContext2D = /** @class */ (function () {
             var nativeContext = this.getNativeContext();
             var scrtBrush = fillBrush.scrtBrush;
             Guard_1.Guard.notNull(scrtBrush, "WebGlBrush.scrtBrush");
-            var vertices = new this.webAssemblyContext.VectorRectVertex();
+            var vertices = (0, NativeObject_1.getVectorRectVertex)(this.webAssemblyContext);
             var anchorParams = new this.webAssemblyContext.TSRVector4();
             try {
                 anchorParams.x = 0;
                 anchorParams.y = 0;
                 var nativeRect = (0, createNativeRect_1.createNativeRect)(this.webAssemblyContext, rect.x, rect.y, rect.right, rect.bottom);
                 vertices.push_back(nativeRect);
-                nativeRect.delete();
                 nativeContext.PushMatrix();
                 nativeContext.PushState();
                 nativeContext.Translate(viewRect.x, viewRect.y);
@@ -276,7 +261,6 @@ var WebGlRenderContext2D = /** @class */ (function () {
             }
             finally {
                 anchorParams.delete();
-                vertices.delete();
             }
         }
         if (strokePen) {

package/Charting/LayoutManager/LayoutManager.js

@@ -100,7 +100,12 @@ var LayoutManager = /** @class */ (function () {
             var bottomStart = topEnd + (remainingHeight < MIN_SERIES_AREA_SIZE ? MIN_SERIES_AREA_SIZE : remainingHeight);
             var bottomEnd = bottomStart + this.chartLayoutState.bottomOuterAreaSize;
             // layout center parts
-            this.layoutChartCenter(leftEnd, topEnd, rightStart, bottomStart);
+            if (this.sciChartSurface.drawSeriesBehindAxis) {
+                this.layoutChartCenter(leftStart, topStart, rightEnd, bottomEnd);
+            }
+            else {
+                this.layoutChartCenter(leftEnd, topEnd, rightStart, bottomStart);
+            }
             // layout outer axes
             this.leftOuterAxesLayoutStrategy.layoutAxes(leftStart, topEnd, leftEnd - this.sciChartSurface.leftViewportBorder, bottomStart, this.axesGroupedByLayoutStrategy.leftOuterAxes);
             this.rightOuterAxesLayoutStrategy.layoutAxes(rightStart + this.sciChartSurface.rightViewportBorder, topEnd, rightEnd, bottomStart, this.axesGroupedByLayoutStrategy.rightOuterAxes);

package/Charting/Model/BaseHeatmapDataSeries.d.ts

@@ -91,6 +91,7 @@ export declare abstract class BaseHeatmapDataSeries implements IHeatmapSeries {
     private hasNaNsProperty;
     private lastZMin;
     private lastZMax;
+    private lastFillValuesOutOfRange;
     private metadataGeneratorProperty;
     private changeCountProperty;
     /**

package/Charting/Model/BaseHeatmapDataSeries.js

@@ -49,6 +49,7 @@ var BaseHeatmapDataSeries = /** @class */ (function () {
         this.hasNaNsProperty = false;
         this.lastZMin = -1;
         this.lastZMax = -1;
+        this.lastFillValuesOutOfRange = undefined;
         this.metadataGeneratorProperty = undefined;
         this.changeCountProperty = 0;
         this.webAssemblyContext = webAssemblyContext;
@@ -409,10 +410,12 @@ var BaseHeatmapDataSeries = /** @class */ (function () {
         if (this.hasDataChangesProperty ||
             size !== this.normalizedVector.size() ||
             colorMap.minimum !== this.lastZMin ||
-            colorMap.maximum !== this.lastZMax) {
+            colorMap.maximum !== this.lastZMax ||
+            fillValuesOutOfRange !== this.lastFillValuesOutOfRange) {
             this.recreateNormalizedVector(colorMap.minimum, colorMap.maximum, fillValuesOutOfRange);
             this.lastZMin = colorMap.minimum;
             this.lastZMax = colorMap.maximum;
+            this.lastFillValuesOutOfRange = fillValuesOutOfRange;
             this.hasDataChangesProperty = false;
         }
         return this.normalizedVector;
@@ -441,7 +444,7 @@ var BaseHeatmapDataSeries = /** @class */ (function () {
                 if (isNaN(this.zValuesProperty[y][x])) {
                     zValue = 0;
                 }
-                else if (zValue < newZMin) {
+                else if (zValue < zMin - newZMin) {
                     zValue = fillValuesOutOfRange ? zMin - newZMin : 0;
                 }
                 else if (zValue > zMax - newZMin) {

package/Charting/Model/ChartData/HlcSeriesInfo.d.ts

@@ -0,0 +1,12 @@
+import { HitTestInfo } from "../../Visuals/RenderableSeries/HitTest/HitTestInfo";
+import { IRenderableSeries } from "../../Visuals/RenderableSeries/IRenderableSeries";
+import { SeriesInfo } from "./SeriesInfo";
+export declare class HlcSeriesInfo extends SeriesInfo {
+    highValue: number;
+    lowValue: number;
+    closeValue: number;
+    constructor(renderableSeries: IRenderableSeries, hitTestInfo: HitTestInfo);
+    get formattedHighValue(): string;
+    get formattedLowValue(): string;
+    get formattedCloseValue(): string;
+}

package/Charting/Model/ChartData/HlcSeriesInfo.js

@@ -0,0 +1,52 @@
+"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.HlcSeriesInfo = void 0;
+var SeriesInfo_1 = require("./SeriesInfo");
+var HlcSeriesInfo = /** @class */ (function (_super) {
+    __extends(HlcSeriesInfo, _super);
+    function HlcSeriesInfo(renderableSeries, hitTestInfo) {
+        var _this = _super.call(this, renderableSeries, hitTestInfo) || this;
+        _this.highValue = hitTestInfo.highValue;
+        _this.lowValue = hitTestInfo.lowValue;
+        _this.closeValue = hitTestInfo.closeValue;
+        return _this;
+    }
+    Object.defineProperty(HlcSeriesInfo.prototype, "formattedHighValue", {
+        get: function () {
+            return this.getYCursorFormattedValue(this.highValue);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HlcSeriesInfo.prototype, "formattedLowValue", {
+        get: function () {
+            return this.getYCursorFormattedValue(this.lowValue);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HlcSeriesInfo.prototype, "formattedCloseValue", {
+        get: function () {
+            return this.getYCursorFormattedValue(this.closeValue);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return HlcSeriesInfo;
+}(SeriesInfo_1.SeriesInfo));
+exports.HlcSeriesInfo = HlcSeriesInfo;

package/Charting/Model/Filters/HlcCustomFilter.d.ts

@@ -0,0 +1,41 @@
+import { BaseDataSeries } from "../BaseDataSeries";
+import { HlcFilterBase, IHlcFilterOptions } from "./HlcFilterBase";
+import { TfilterFunction } from "./XyCustomFilter";
+/**
+ * Options for the {@link HlcCustomFilter}
+ */
+export interface IHlcCustomFilterOptions extends IHlcFilterOptions {
+    /**
+     * The function to apply to each high value in the original series
+     * If this is not set, the filterFunction will be applied.
+     */
+    highfilterFunction?: TfilterFunction;
+    /**
+     * The function to apply to each low value in the original series
+     * If this is not set, the filterFunction will be applied.
+     */
+    lowfilterFunction?: TfilterFunction;
+    /**
+     * The function to apply to each close value in the original series,
+     * And to the other values if they do not have specific functions set
+     */
+    closefilterFunction?: TfilterFunction;
+}
+export declare class HlcCustomFilter extends HlcFilterBase {
+    get closefilterFunction(): (index: number, y: number) => number;
+    set closefilterFunction(ff: (index: number, y: number) => number);
+    get highfilterFunction(): (index: number, y: number) => number;
+    set highfilterFunction(ff: (index: number, y: number) => number);
+    get lowfilterFunction(): (index: number, y: number) => number;
+    set lowfilterFunction(ff: (index: number, y: number) => number);
+    constructor(originalSeries: BaseDataSeries, options?: IHlcCustomFilterOptions);
+    protected highfilterFunctionProperty(index: number, y: number): number;
+    protected lowfilterFunctionProperty(index: number, y: number): number;
+    protected closefilterFunctionProperty(index: number, y: number): number;
+    protected filterOnAppend(count: number): void;
+    protected filterOnUpdate(index: number): void;
+    protected filterOnInsert(startIndex: number, count: number): void;
+    protected filterOnRemove(startIndex: number, count: number): void;
+    protected filterAll(): void;
+    private filter;
+}

package/Charting/Model/Filters/HlcCustomFilter.js

@@ -0,0 +1,119 @@
+"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.HlcCustomFilter = void 0;
+var IDataSeries_1 = require("../IDataSeries");
+var HlcFilterBase_1 = require("./HlcFilterBase");
+var HlcCustomFilter = /** @class */ (function (_super) {
+    __extends(HlcCustomFilter, _super);
+    function HlcCustomFilter(originalSeries, options) {
+        var _a, _b, _c;
+        var _this = _super.call(this, originalSeries, options) || this;
+        if (originalSeries.type !== IDataSeries_1.EDataSeriesType.Hlc) {
+            throw new Error("HlcCustomFilter only supports Hlc original series");
+        }
+        _this.closefilterFunctionProperty = (_a = options === null || options === void 0 ? void 0 : options.closefilterFunction) !== null && _a !== void 0 ? _a : _this.closefilterFunctionProperty;
+        _this.highfilterFunctionProperty = (_b = options === null || options === void 0 ? void 0 : options.highfilterFunction) !== null && _b !== void 0 ? _b : _this.closefilterFunction;
+        _this.lowfilterFunctionProperty = (_c = options === null || options === void 0 ? void 0 : options.lowfilterFunction) !== null && _c !== void 0 ? _c : _this.closefilterFunction;
+        if (_this.getOriginalCount() > 0 &&
+            ((options === null || options === void 0 ? void 0 : options.closefilterFunction) || (options === null || options === void 0 ? void 0 : options.highfilterFunction) || (options === null || options === void 0 ? void 0 : options.lowfilterFunction))) {
+            _this.filterAll();
+        }
+        return _this;
+    }
+    Object.defineProperty(HlcCustomFilter.prototype, "closefilterFunction", {
+        get: function () {
+            return this.closefilterFunctionProperty;
+        },
+        set: function (ff) {
+            this.closefilterFunctionProperty = ff;
+            this.filterAll();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HlcCustomFilter.prototype, "highfilterFunction", {
+        get: function () {
+            return this.highfilterFunctionProperty;
+        },
+        set: function (ff) {
+            this.highfilterFunctionProperty = ff;
+            this.filterAll();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(HlcCustomFilter.prototype, "lowfilterFunction", {
+        get: function () {
+            return this.lowfilterFunctionProperty;
+        },
+        set: function (ff) {
+            this.lowfilterFunctionProperty = ff;
+            this.filterAll();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    HlcCustomFilter.prototype.highfilterFunctionProperty = function (index, y) {
+        return y;
+    };
+    HlcCustomFilter.prototype.lowfilterFunctionProperty = function (index, y) {
+        return y;
+    };
+    HlcCustomFilter.prototype.closefilterFunctionProperty = function (index, y) {
+        return y;
+    };
+    HlcCustomFilter.prototype.filterOnAppend = function (count) {
+        var _a = this.filter(this.count(), count), xValues = _a.xValues, highValues = _a.highValues, lowValues = _a.lowValues, closeValues = _a.closeValues;
+        this.appendRange(xValues, closeValues, highValues, lowValues);
+    };
+    HlcCustomFilter.prototype.filterOnUpdate = function (index) {
+        var hlcSeries = this.originalSeries;
+        this.update(index, this.highfilterFunction(index, hlcSeries.getNativeHighValues().get(index)), this.lowfilterFunction(index, hlcSeries.getNativeLowValues().get(index)), this.closefilterFunction(index, hlcSeries.getNativeYValues().get(index)));
+    };
+    HlcCustomFilter.prototype.filterOnInsert = function (startIndex, count) {
+        var _a = this.filter(startIndex, count), xValues = _a.xValues, highValues = _a.highValues, lowValues = _a.lowValues, closeValues = _a.closeValues;
+        this.insertRange(startIndex, xValues, closeValues, highValues, lowValues);
+    };
+    HlcCustomFilter.prototype.filterOnRemove = function (startIndex, count) {
+        this.removeRange(startIndex, count);
+    };
+    HlcCustomFilter.prototype.filterAll = function () {
+        this.clear();
+        var _a = this.filter(0, this.getOriginalCount()), xValues = _a.xValues, highValues = _a.highValues, lowValues = _a.lowValues, closeValues = _a.closeValues;
+        this.appendRange(xValues, closeValues, highValues, lowValues);
+    };
+    HlcCustomFilter.prototype.filter = function (startIndex, count) {
+        var rawX = this.getOriginalXValues();
+        var rawClose = this.getOriginalYValues();
+        var rawHigh = this.getOriginalHighValues();
+        var rawLow = this.getOriginalLowValues();
+        var xValues = [];
+        var highValues = [];
+        var lowValues = [];
+        var closeValues = [];
+        for (var i = startIndex; i < startIndex + count; i++) {
+            xValues.push(rawX.get(i));
+            highValues.push(this.highfilterFunction(i, rawHigh.get(i)));
+            lowValues.push(this.lowfilterFunction(i, rawLow.get(i)));
+            closeValues.push(this.closefilterFunction(i, rawClose.get(i)));
+        }
+        return { xValues: xValues, highValues: highValues, lowValues: lowValues, closeValues: closeValues };
+    };
+    return HlcCustomFilter;
+}(HlcFilterBase_1.HlcFilterBase));
+exports.HlcCustomFilter = HlcCustomFilter;

package/Charting/Model/Filters/HlcFilterBase.d.ts

@@ -0,0 +1,30 @@
+import { SCRTDoubleVector } from "../../../types/TSciChart";
+import { BaseDataSeries } from "../BaseDataSeries";
+import { HlcDataSeries, IHlcDataSeriesOptions } from "../HlcDataSeries";
+import { IDataChangeArgs } from "../IDataSeries";
+import { EDataSeriesField } from "./XyFilterBase";
+export interface IHlcFilterOptions extends IHlcDataSeriesOptions {
+    closefield?: EDataSeriesField;
+    highfield?: EDataSeriesField;
+    lowfield?: EDataSeriesField;
+}
+export declare abstract class HlcFilterBase extends HlcDataSeries {
+    readonly closefield: EDataSeriesField;
+    readonly highfield: EDataSeriesField;
+    readonly lowfield: EDataSeriesField;
+    readonly originalSeries: BaseDataSeries;
+    constructor(originalSeries: BaseDataSeries, options?: IHlcFilterOptions);
+    getOriginalXValues(): SCRTDoubleVector;
+    getOriginalYValues(): SCRTDoubleVector;
+    getOriginalHighValues(): SCRTDoubleVector;
+    getOriginalLowValues(): SCRTDoubleVector;
+    getOriginalCount(): number;
+    protected abstract filterAll(): void;
+    protected onOriginalPropertyChanged(name: string): void;
+    protected filterOnAppend(count: number): void;
+    protected filterOnUpdate(index: number): void;
+    protected filterOnInsert(startIndex: number, count: number): void;
+    protected filterOnRemove(startIndex: number, count: number): void;
+    protected onClear(): void;
+    protected onBaseDataChanged(args: IDataChangeArgs): void;
+}