scichart 2.2.2351 → 2.2.2393

package/Charting/Visuals/Helpers/NativeObject.d.ts

@@ -0,0 +1,13 @@
+import { IDeletable } from "../../../Core/IDeletable";
+import { SCRTColorVertex, SCRTRectVertex, TSciChart, VectorColorVertex, VectorRectVertex } from "../../../types/TSciChart";
+export declare const freeCache: (wasmContext: TSciChart) => IDeletable;
+/**
+ * Returns an empty vector of Rectangles
+ * @param wasmContext
+ * @param maxSize
+ * @returns
+ */
+export declare const getVectorRectVertex: (wasmContext: TSciChart, maxSize?: number) => VectorRectVertex;
+export declare const getVectorColorVertex: (wasmContext: TSciChart, maxSize?: number) => VectorColorVertex;
+export declare const getVertex: (wasmContext: TSciChart, x: number, y: number) => SCRTColorVertex;
+export declare const getNativeRect: (wasmContext: TSciChart, xTopLeft: number, yTopLeft: number, xBottomRight: number, yBottomRight: number) => SCRTRectVertex;

package/Charting/Visuals/Helpers/NativeObject.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNativeRect = exports.getVertex = exports.getVectorColorVertex = exports.getVectorRectVertex = exports.freeCache = void 0;
+var Deleter_1 = require("../../../Core/Deleter");
+var objectCache = new Map();
+var getCache = function (wasmContext) {
+    if (!wasmContext.canvas)
+        return undefined;
+    var canvasId = wasmContext.canvas.id;
+    if (!objectCache.has(canvasId)) {
+        objectCache.set(canvasId, {
+            vecRects: undefined,
+            vecColorVertex: undefined,
+            vertex: undefined,
+            rect: undefined
+        });
+    }
+    return objectCache.get(canvasId);
+};
+var freeCache = function (wasmContext) {
+    return {
+        delete: function () {
+            if (!wasmContext.canvas)
+                return;
+            var canvasId = wasmContext.canvas.id;
+            var cache = objectCache.get(canvasId);
+            if (cache) {
+                (0, Deleter_1.deleteSafe)(cache.vecRects);
+                (0, Deleter_1.deleteSafe)(cache.vecColorVertex);
+                (0, Deleter_1.deleteSafe)(cache.vertex);
+                (0, Deleter_1.deleteSafe)(cache.rect);
+            }
+            objectCache.delete(canvasId);
+        }
+    };
+};
+exports.freeCache = freeCache;
+/**
+ * Returns an empty vector of Rectangles
+ * @param wasmContext
+ * @param maxSize
+ * @returns
+ */
+var getVectorRectVertex = function (wasmContext, maxSize) {
+    if (maxSize === void 0) { maxSize = 100; }
+    var cache = getCache(wasmContext);
+    if (!cache)
+        return undefined;
+    var vecRects = cache.vecRects;
+    if (!vecRects) {
+        vecRects = new wasmContext.VectorRectVertex();
+        vecRects.reserve(maxSize);
+        cache.vecRects = vecRects;
+    }
+    vecRects.clear();
+    return vecRects;
+};
+exports.getVectorRectVertex = getVectorRectVertex;
+var getVectorColorVertex = function (wasmContext, maxSize) {
+    if (maxSize === void 0) { maxSize = 100; }
+    var cache = getCache(wasmContext);
+    if (!cache)
+        return undefined;
+    var vecColorVertex = cache.vecColorVertex;
+    if (!vecColorVertex) {
+        vecColorVertex = new wasmContext.VectorColorVertex();
+        vecColorVertex.reserve(maxSize);
+        cache.vecColorVertex = vecColorVertex;
+    }
+    vecColorVertex.clear();
+    return vecColorVertex;
+};
+exports.getVectorColorVertex = getVectorColorVertex;
+var getVertex = function (wasmContext, x, y) {
+    var cache = getCache(wasmContext);
+    if (!cache)
+        return undefined;
+    var vertex = cache.vertex;
+    if (!vertex) {
+        vertex = new wasmContext.SCRTColorVertex(x, y);
+        cache.vertex = vertex;
+    }
+    else {
+        vertex.SetPosition(x, y);
+    }
+    return vertex;
+};
+exports.getVertex = getVertex;
+var getNativeRect = function (wasmContext, xTopLeft, yTopLeft, xBottomRight, yBottomRight) {
+    var cache = getCache(wasmContext);
+    var rect = cache.rect;
+    if (!rect) {
+        rect = new wasmContext.SCRTRectVertex(xTopLeft, yTopLeft, xBottomRight - xTopLeft, yBottomRight - yTopLeft);
+        cache.rect = rect;
+    }
+    else {
+        rect.Assign(xTopLeft, yTopLeft, xBottomRight - xTopLeft, yBottomRight - yTopLeft);
+    }
+    return rect;
+};
+exports.getNativeRect = getNativeRect;

package/Charting/Visuals/Helpers/createNativeRect.d.ts

@@ -1,4 +1,4 @@
-import { TSciChart } from "../../../types/TSciChart";
+import { SCRTRectVertex, TSciChart } from "../../../types/TSciChart";
 /**
  * Helper function to create a {@link SCRTRectVertex} native rectangle vertex
  * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
@@ -8,4 +8,4 @@ import { TSciChart } from "../../../types/TSciChart";
  * @param xBottomRight
  * @param yBottomRight
  */
-export declare const createNativeRect: (webAssemblyContext: TSciChart, xTopLeft: number, yTopLeft: number, xBottomRight: number, yBottomRight: number) => import("../../../types/TSciChart").SCRTRectVertex;
+export declare const createNativeRect: (webAssemblyContext: TSciChart, xTopLeft: number, yTopLeft: number, xBottomRight: number, yBottomRight: number) => SCRTRectVertex;

package/Charting/Visuals/Helpers/createNativeRect.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createNativeRect = void 0;
+var NativeObject_1 = require("./NativeObject");
+var rect;
 /**
  * Helper function to create a {@link SCRTRectVertex} native rectangle vertex
  * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
@@ -11,6 +13,6 @@ exports.createNativeRect = void 0;
  * @param yBottomRight
  */
 var createNativeRect = function (webAssemblyContext, xTopLeft, yTopLeft, xBottomRight, yBottomRight) {
-    return new webAssemblyContext.SCRTRectVertex(xTopLeft, yTopLeft, xBottomRight - xTopLeft, yBottomRight - yTopLeft);
+    return (0, NativeObject_1.getNativeRect)(webAssemblyContext, xTopLeft, yTopLeft, xBottomRight, yBottomRight);
 };
 exports.createNativeRect = createNativeRect;

package/Charting/Visuals/Helpers/drawBorder.js

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.drawBorder = void 0;
 var createNativeRect_1 = require("./createNativeRect");
+var NativeObject_1 = require("./NativeObject");
 var drawBorder = function (renderContext, webAssemblyContext2D, solidBrushCacheBorder, borderRect, leftBorder, topBorder, rightBorder, bottomBorder, color) {
     if (bottomBorder === 0 && topBorder === 0 && leftBorder === 0 && rightBorder === 0) {
         return;
     }
     var solidBrush = solidBrushCacheBorder.newBrush(color, true);
-    var vecRects = new webAssemblyContext2D.VectorRectVertex();
+    var vecRects = (0, NativeObject_1.getVectorRectVertex)(webAssemblyContext2D);
     vecRects.push_back((0, createNativeRect_1.createNativeRect)(webAssemblyContext2D, borderRect.x, borderRect.y - topBorder, borderRect.x + borderRect.width + rightBorder, borderRect.y));
     vecRects.push_back((0, createNativeRect_1.createNativeRect)(webAssemblyContext2D, borderRect.x + borderRect.width, borderRect.y, borderRect.x + borderRect.width + rightBorder, borderRect.y + borderRect.height + bottomBorder));
     vecRects.push_back((0, createNativeRect_1.createNativeRect)(webAssemblyContext2D, borderRect.x - leftBorder, borderRect.y + borderRect.height, borderRect.x + borderRect.width, borderRect.y + borderRect.height + bottomBorder));
     vecRects.push_back((0, createNativeRect_1.createNativeRect)(webAssemblyContext2D, borderRect.x - leftBorder, borderRect.y - topBorder, borderRect.x, borderRect.y + borderRect.height));
     renderContext.drawRects(vecRects, solidBrush, 0, 0);
-    vecRects.delete();
 };
 exports.drawBorder = drawBorder;

package/Charting/Visuals/Legend/SciChartLegend.js

@@ -92,7 +92,7 @@ var SciChartLegend = /** @class */ (function (_super) {
      */
     SciChartLegend.prototype.addEventListenerToSeries = function (rs) {
         var _this = this;
-        var el = this.getParentDiv().querySelector("[id='".concat(rs.id, "']"));
+        var el = this.parentDiv.querySelector("[id='".concat(rs.id, "']"));
         if (el) {
             var onChangeEventListener_1 = function (e) {
                 rs.isVisible = e.target.checked;

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

@@ -44,6 +44,7 @@ export declare enum ELegendType {
 export declare abstract class SciChartLegendBase implements IDeletable {
     abstract readonly type: ELegendType;
     protected rootDiv: HTMLDivElement;
+    protected parentDiv: HTMLDivElement;
     protected div: HTMLDivElement;
     protected seriesViewRect: Rect;
     protected invalidateParentSurface: () => void;

package/Charting/Visuals/Legend/SciChartLegendBase.js

@@ -190,8 +190,9 @@ var SciChartLegendBase = /** @class */ (function () {
         var _a;
         if (this.div) {
             this.removeEventListeners();
-            (_a = this.getParentDiv()) === null || _a === void 0 ? void 0 : _a.removeChild(this.div);
+            (_a = this.parentDiv) === null || _a === void 0 ? void 0 : _a.removeChild(this.div);
             this.div = undefined;
+            this.parentDiv = undefined;
         }
     };
     /**
@@ -244,7 +245,8 @@ var SciChartLegendBase = /** @class */ (function () {
         var innerHtml = this.getInnerHTML();
         if (innerHtml) {
             var div = (0, html_1.htmlToElement)(innerHtml);
-            this.getParentDiv().appendChild(div);
+            this.parentDiv = this.getParentDiv();
+            this.parentDiv.appendChild(div);
             this.div = div;
             if (!app_1.IS_TEST_ENV) {
                 this.addEventListeners();

package/Charting/Visuals/Legend/SciChartPieLegend.js

@@ -95,7 +95,7 @@ var SciChartPieLegend = /** @class */ (function (_super) {
     SciChartPieLegend.prototype.addEventListeners = function () {
         var _this = this;
         this.pieSegmentArray.forEach(function (ps) {
-            var el = _this.getParentDiv().querySelector("#".concat(getCheckboxId(ps.id)));
+            var el = _this.parentDiv.querySelector("#".concat(getCheckboxId(ps.id)));
             if (!el) {
                 return;
             }

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

@@ -30,8 +30,8 @@ import { IRenderableSeries } from "./IRenderableSeries";
 import { RolloverModifierRenderableSeriesProps } from "./RolloverModifier/RolloverModifierRenderableSeriesProps";
 import { SeriesHoveredArgs } from "./SeriesHoveredArgs";
 import { SeriesSelectedArgs } from "./SeriesSelectedArgs";
-import { ShaderEffect } from "./ShaderEffect";
 import { SeriesVisibleChangedArgs } from "./SeriesVisibleChangedArgs";
+import { ShaderEffect } from "./ShaderEffect";
 /**
  * @summary Defines the base class to a Render Series (or Chart Type) in SciChart's High Performance Real-time
  * {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}
@@ -305,4 +305,11 @@ export declare abstract class BaseRenderableSeries implements IRenderableSeries
     private effectPropertyChanged;
     private get canDraw();
 }
-export declare const getDataPointWidth: (xValues: SCRTDoubleVector, xCoordCalc: CoordinateCalculatorBase, seriesViewRectWidth: number, widthFraction: number, isCategoryAxis: boolean) => number;
+/** @ignore */
+export declare const getDataPointWidth: (xValues: SCRTDoubleVector, xCoordCalc: CoordinateCalculatorBase, seriesViewRectWidth: number, widthFraction: number, isCategoryAxis: boolean, wasmContext: TSciChart) => number;
+/** @ignore */
+export declare const getDelta: ({ pointSize, areaSize, range }: {
+    pointSize: number;
+    areaSize: number;
+    range: NumberRange;
+}) => number;

package/Charting/Visuals/RenderableSeries/BaseRenderableSeries.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDataPointWidth = exports.BaseRenderableSeries = void 0;
+exports.getDelta = exports.getDataPointWidth = exports.BaseRenderableSeries = void 0;
 var classFactory_1 = require("../../../Builder/classFactory");
 var AnimationFiniteStateMachine_1 = require("../../../Core/Animations/AnimationFiniteStateMachine");
 var Deleter_1 = require("../../../Core/Deleter");
@@ -13,6 +13,7 @@ var SeriesType_1 = require("../../../types/SeriesType");
 var guid_1 = require("../../../utils/guid");
 var WebGlRenderContext2D_1 = require("../../Drawing/WebGlRenderContext2D");
 var HeatmapSeriesInfo_1 = require("../../Model/ChartData/HeatmapSeriesInfo");
+var HlcSeriesInfo_1 = require("../../Model/ChartData/HlcSeriesInfo");
 var OhlcSeriesInfo_1 = require("../../Model/ChartData/OhlcSeriesInfo");
 var XySeriesInfo_1 = require("../../Model/ChartData/XySeriesInfo");
 var XyySeriesInfo_1 = require("../../Model/ChartData/XyySeriesInfo");
@@ -25,6 +26,7 @@ var ResamplingMode_1 = require("../../Numerics/Resamplers/ResamplingMode");
 var AxisCore_1 = require("../Axis/AxisCore");
 var SciChartDefaults_1 = require("../SciChartDefaults");
 var SciChartSurfaceBase_1 = require("../SciChartSurfaceBase");
+var DpiHelper_1 = require("../TextureManager/DpiHelper");
 var animationHelpers_1 = require("./Animations/animationHelpers");
 var constants_1 = require("./constants");
 var RolloverModifierRenderableSeriesProps_1 = require("./RolloverModifier/RolloverModifierRenderableSeriesProps");
@@ -293,6 +295,27 @@ var BaseRenderableSeries = /** @class */ (function () {
             var _a;
             if (this.valueChanged(this.isVisibleProperty, isVisible)) {
                 this.isVisibleProperty = isVisible;
+                if (!isVisible) {
+                    if (this.rolloverModifierProps.marker && this.rolloverModifierProps.tooltip) {
+                        this.rolloverModifierProps.marker.suspendInvalidate();
+                        this.rolloverModifierProps.tooltip.suspendInvalidate();
+                        this.rolloverModifierProps.marker.isHidden = true;
+                        this.rolloverModifierProps.tooltip.isHidden = true;
+                        this.rolloverModifierProps.tooltip.x1 = undefined;
+                        this.rolloverModifierProps.tooltip.y1 = undefined;
+                    }
+                    // TODO should be more general than looking at series type
+                    if (this.type === SeriesType_1.ESeriesType.BandSeries &&
+                        this.rolloverModifierProps1.marker &&
+                        this.rolloverModifierProps1.tooltip) {
+                        this.rolloverModifierProps1.marker.suspendInvalidate();
+                        this.rolloverModifierProps1.tooltip.suspendInvalidate();
+                        this.rolloverModifierProps1.marker.isHidden = true;
+                        this.rolloverModifierProps1.tooltip.isHidden = true;
+                        this.rolloverModifierProps1.tooltip.x1 = undefined;
+                        this.rolloverModifierProps1.tooltip.y1 = undefined;
+                    }
+                }
                 (_a = this.isVisibleChanged) === null || _a === void 0 ? void 0 : _a.raiseEvent(new SeriesVisibleChangedArgs_1.SeriesVisibleChangedArgs(this, isVisible));
                 this.notifyPropertyChanged(constants_1.PROPERTY.IS_VISIBLE);
             }
@@ -422,10 +445,16 @@ var BaseRenderableSeries = /** @class */ (function () {
         },
         /** @inheritDoc */
         set: function (dataSeries) {
-            var _a, _b;
-            (_a = this.dataSeriesProperty) === null || _a === void 0 ? void 0 : _a.dataChanged.unsubscribe(this.dataSeriesDataChanged);
+            var _a, _b, _c;
+            if (this.dataSeriesProperty) {
+                var xAxis = (_a = this.parentSurface) === null || _a === void 0 ? void 0 : _a.getXAxisById(this.xAxisId);
+                if (xAxis && xAxis.isCategoryAxis) {
+                    xAxis.clearCoordCalcCache();
+                }
+            }
+            (_b = this.dataSeriesProperty) === null || _b === void 0 ? void 0 : _b.dataChanged.unsubscribe(this.dataSeriesDataChanged);
             this.dataSeriesProperty = dataSeries;
-            (_b = this.dataSeriesProperty) === null || _b === void 0 ? void 0 : _b.dataChanged.subscribe(this.dataSeriesDataChanged);
+            (_c = this.dataSeriesProperty) === null || _c === void 0 ? void 0 : _c.dataChanged.subscribe(this.dataSeriesDataChanged);
             this.notifyPropertyChanged(constants_1.PROPERTY.DATA_SERIES);
         },
         enumerable: false,
@@ -546,9 +575,9 @@ var BaseRenderableSeries = /** @class */ (function () {
      */
     BaseRenderableSeries.prototype.getDataPointWidth = function (xCoordCalc, widthFraction) {
         var xValues = this.dataSeries.getNativeXValues();
-        var seriesViewRectWidth = this.parentSurface.seriesViewRect.width;
-        var isCategoryAxis = this.parentSurface.xAxes.size() !== 0 && this.xAxis.isCategoryAxis;
-        return (0, exports.getDataPointWidth)(xValues, xCoordCalc, seriesViewRectWidth, widthFraction, isCategoryAxis);
+        var seriesViewRectWidth = xCoordCalc.viewportDimension;
+        var isCategoryAxis = xCoordCalc.isCategoryCoordinateCalculator;
+        return (0, exports.getDataPointWidth)(xValues, xCoordCalc, seriesViewRectWidth, widthFraction, isCategoryAxis, this.webAssemblyContext);
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.onDetach = function () {
@@ -633,6 +662,8 @@ var BaseRenderableSeries = /** @class */ (function () {
                 return new XyySeriesInfo_1.XyySeriesInfo(this, hitTestInfo);
             case IDataSeries_1.EDataSeriesType.HeatmapUniform:
                 return new HeatmapSeriesInfo_1.HeatmapSeriesInfo(this, hitTestInfo);
+            case IDataSeries_1.EDataSeriesType.Hlc:
+                return new HlcSeriesInfo_1.HlcSeriesInfo(this, hitTestInfo);
             default:
                 return new XySeriesInfo_1.XySeriesInfo(this, hitTestInfo);
         }
@@ -648,7 +679,7 @@ var BaseRenderableSeries = /** @class */ (function () {
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.toJSON = function (excludeData) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         if (excludeData === void 0) { excludeData = false; }
         var paletteProvider;
         if (this.paletteProvider) {
@@ -680,27 +711,24 @@ var BaseRenderableSeries = /** @class */ (function () {
             // onSelectedChanged: this.onSelectedChanged
         };
         if (((_c = this.dataSeries) === null || _c === void 0 ? void 0 : _c.type) === IDataSeries_1.EDataSeriesType.Xy) {
-            // @ts-ignore
             return { type: this.type, options: options, xyData: this.dataSeries.toJSON(excludeData) };
         }
         else if (((_d = this.dataSeries) === null || _d === void 0 ? void 0 : _d.type) === IDataSeries_1.EDataSeriesType.Xyy) {
-            // @ts-ignore
             return { type: this.type, options: options, xyyData: this.dataSeries.toJSON(excludeData) };
         }
         else if (((_e = this.dataSeries) === null || _e === void 0 ? void 0 : _e.type) === IDataSeries_1.EDataSeriesType.Xyz) {
-            // @ts-ignore
             return { type: this.type, options: options, xyzData: this.dataSeries.toJSON(excludeData) };
         }
         else if (((_f = this.dataSeries) === null || _f === void 0 ? void 0 : _f.type) === IDataSeries_1.EDataSeriesType.Ohlc) {
-            // @ts-ignore
             return { type: this.type, options: options, ohlcData: this.dataSeries.toJSON(excludeData) };
         }
-        else if (((_g = this.dataSeries) === null || _g === void 0 ? void 0 : _g.type) === IDataSeries_1.EDataSeriesType.HeatmapUniform) {
-            // @ts-ignore
+        else if (((_g = this.dataSeries) === null || _g === void 0 ? void 0 : _g.type) === IDataSeries_1.EDataSeriesType.Hlc) {
+            return { type: this.type, options: options, hlcData: this.dataSeries.toJSON(excludeData) };
+        }
+        else if (((_h = this.dataSeries) === null || _h === void 0 ? void 0 : _h.type) === IDataSeries_1.EDataSeriesType.HeatmapUniform) {
             return { type: this.type, options: options, heatmapData: this.dataSeries.toJSON(excludeData) };
         }
         else {
-            // @ts-ignore
             return { type: this.type, options: options };
         }
     };
@@ -775,9 +803,7 @@ var BaseRenderableSeries = /** @class */ (function () {
                 this.pointSeries.xRange = rp.xVisibleRange;
             }
             this.resamplerHelper.resampleIntoPointSeries(this.webAssemblyContext, rp, this.dataSeries.getNativeXValues(), this.dataSeries.getNativeYValues(), this.pointSeries.intIndexes, this.pointSeries.xValues, this.pointSeries.yValues, false);
-            if (rp.isCategoryAxis) {
-                this.pointSeries.updateIndexes();
-            }
+            this.pointSeries.updateIndexes();
             this.pointSeries.clearIntIndexes();
             // this.pointSeries.debugOutputForUnitTests();
             return this.pointSeries;
@@ -802,7 +828,8 @@ var BaseRenderableSeries = /** @class */ (function () {
             var seriesTypeSupportsResampling = ![
                 SeriesType_1.ESeriesType.UniformContoursSeries,
                 SeriesType_1.ESeriesType.UniformHeatmapSeries,
-                SeriesType_1.ESeriesType.ScatterSeries
+                SeriesType_1.ESeriesType.ScatterSeries,
+                SeriesType_1.ESeriesType.ErrorBarsSeries
             ].includes(this.type);
             return (seriesTypeSupportsResampling &&
                 SciChartDefaults_1.SciChartDefaults.enableResampling &&
@@ -918,7 +945,8 @@ var BaseRenderableSeries = /** @class */ (function () {
     return BaseRenderableSeries;
 }());
 exports.BaseRenderableSeries = BaseRenderableSeries;
-var getDataPointWidth = function (xValues, xCoordCalc, seriesViewRectWidth, widthFraction, isCategoryAxis) {
+/** @ignore */
+var getDataPointWidth = function (xValues, xCoordCalc, seriesViewRectWidth, widthFraction, isCategoryAxis, wasmContext) {
     if (widthFraction < 0 || widthFraction > 1) {
         throw new Error("WidthFraction should be between 0.0 and 1.0 inclusive");
     }
@@ -928,12 +956,28 @@ var getDataPointWidth = function (xValues, xCoordCalc, seriesViewRectWidth, widt
     var barsAmount = count;
     // TODO: logarithmic axis
     if (barsAmount > 1) {
-        var max = xCoordCalc.getCoordinate(xValues.get(count - 1));
-        var min = xCoordCalc.getCoordinate(xValues.get(0));
+        var max = Number.MIN_VALUE;
+        var min = Number.MAX_VALUE;
         if (isCategoryAxis) {
             max = xCoordCalc.getCoordinate(count - 1);
             min = xCoordCalc.getCoordinate(0);
         }
+        else {
+            var minMax = void 0;
+            try {
+                minMax = wasmContext.NumberUtil.MinMax(xValues);
+                // if (!isRealNumber(minMax.minD) || !isRealNumber(minMax.maxD)) {
+                //     return new NumberRange(0, 0);
+                // }
+                min = minMax.minD;
+                max = minMax.maxD;
+            }
+            finally {
+                (0, Deleter_1.deleteSafe)(minMax);
+            }
+            max = xCoordCalc.getCoordinate(max);
+            min = xCoordCalc.getCoordinate(min);
+        }
         dataPointWidth = Math.abs(max - min) / (barsAmount - 1);
     }
     else if (barsAmount === 1) {
@@ -946,3 +990,11 @@ var getDataPointWidth = function (xValues, xCoordCalc, seriesViewRectWidth, widt
     return candleWidth;
 };
 exports.getDataPointWidth = getDataPointWidth;
+/** @ignore */
+var getDelta = function (_a) {
+    var pointSize = _a.pointSize, areaSize = _a.areaSize, range = _a.range;
+    var pointScaled = pointSize * DpiHelper_1.DpiHelper.PIXEL_RATIO;
+    var k = areaSize / (areaSize - pointScaled);
+    return (Math.abs(range.max - range.min) * (k - 1)) / 2;
+};
+exports.getDelta = getDelta;

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

@@ -83,7 +83,7 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
         }
     };
     BaseSeriesDrawingProvider.prototype.applyStrokeFillPaletting = function (stroke, strokePen, fill, fillBrush, opacity, usePalette, resetPenBrushColors) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         if (usePalette === void 0) { usePalette = false; }
         if (resetPenBrushColors === void 0) { resetPenBrushColors = true; }
         var hasStrokePaletteProvider = this.parentSeries.hasStrokePaletteProvider();
@@ -113,12 +113,16 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
                 throw Error("updatePalette(): fillColor " + fillColor + " cannot be converted to a valid color");
             }
             var dataSeries = this.parentSeries.dataSeries;
+            var renderPassData = this.parentSeries.getCurrentRenderPassData();
+            var pointSeries = renderPassData === null || renderPassData === void 0 ? void 0 : renderPassData.pointSeries;
+            var xValues = (_a = pointSeries === null || pointSeries === void 0 ? void 0 : pointSeries.xValues) !== null && _a !== void 0 ? _a : dataSeries.getNativeXValues();
+            var yValues = (_b = pointSeries === null || pointSeries === void 0 ? void 0 : pointSeries.yValues) !== null && _b !== void 0 ? _b : dataSeries.getNativeYValues();
+            var dataSize = pointSeries ? pointSeries.indexes.size() : xValues.size();
             // Recreate palettedColors if the size changed
-            if (!this.palettingState.palettedColors ||
-                this.palettingState.palettedColors.size() !== dataSeries.count()) {
+            if (!this.palettingState.palettedColors || this.palettingState.palettedColors.size() !== dataSize) {
                 (0, Deleter_1.deleteSafe)(this.palettingState.palettedColors);
                 this.palettingState.palettedColors = new this.webAssemblyContext.UIntVector();
-                this.palettingState.palettedColors.reserve(dataSeries.count() * 2);
+                this.palettingState.palettedColors.reserve(dataSize * 2);
                 this.palettingState.paletteTextureCache.reset();
             }
             // Commented this code out, because I don't know what this code does
@@ -142,15 +146,14 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
             //     }
             // }
             // Override stroke and fill colors
-            var xValues = dataSeries.getNativeXValues();
-            var yValues = dataSeries.getNativeYValues();
             var hashCode = 0;
-            for (var index = 0; index < dataSeries.count(); index++) {
+            for (var index = 0; index < dataSize; index++) {
+                var originalDataIndex = pointSeries ? pointSeries.indexes.get(index) : index;
                 var xValue = xValues.get(index);
                 var yValue = yValues.get(index);
-                var overriddenColors = this.overridePaletteProviderColors(this.parentSeries, xValue, yValue, index, opacity, dataSeries.getMetadataAt(index));
-                var overrideStrokeColor = (_a = overriddenColors.stroke) !== null && _a !== void 0 ? _a : strokeColor;
-                var overrideFillColor = (_b = overriddenColors.fill) !== null && _b !== void 0 ? _b : fillColor;
+                var overriddenColors = this.overridePaletteProviderColors(this.parentSeries, xValue, yValue, index, opacity, dataSeries.getMetadataAt(originalDataIndex));
+                var overrideStrokeColor = (_c = overriddenColors.stroke) !== null && _c !== void 0 ? _c : strokeColor;
+                var overrideFillColor = (_d = overriddenColors.fill) !== null && _d !== void 0 ? _d : fillColor;
                 this.palettingState.palettedColors.push_back(overrideStrokeColor);
                 this.palettingState.palettedColors.push_back(overrideFillColor);
                 hashCode = (0, number_1.numericHashCode)(hashCode, overrideStrokeColor);
@@ -167,7 +170,7 @@ var BaseSeriesDrawingProvider = /** @class */ (function () {
         }
         else {
             this.palettingState.paletteTextureCache.reset();
-            (_c = this.palettingState.palettedColors) === null || _c === void 0 ? void 0 : _c.clear();
+            (_e = this.palettingState.palettedColors) === null || _e === void 0 ? void 0 : _e.clear();
             // This was needed for resetPenBrushColors, therefore commented out as well
             // if (strokePen) {
             //     if (this.palettingState.originalPenColor) {

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

@@ -0,0 +1,46 @@
+import { TSciChart } from "../../../../types/TSciChart";
+import { WebGlRenderContext2D } from "../../../Drawing/WebGlRenderContext2D";
+import { RenderPassData } from "../../../Services/RenderPassData";
+import { TDpiChangedEventArgs } from "../../TextureManager/DpiHelper";
+import { FastErrorBarsRenderableSeries } from "../FastErrorBarsRenderableSeries";
+import { BaseSeriesDrawingProvider } from "./BaseSeriesDrawingProvider";
+/**
+ * Used internally - a drawing provider performs drawing for a {@link BaseBandRenderableSeries} using
+ * our WebAssembly WebGL rendering engine
+ */
+export declare class ErrorSeriesDrawingProvider extends BaseSeriesDrawingProvider<FastErrorBarsRenderableSeries> {
+    private linesPenCache;
+    private vertices;
+    /**
+     * 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: FastErrorBarsRenderableSeries);
+    /**
+     * @inheritDoc
+     */
+    onAttachSeries(): void;
+    /**
+     * @inheritDoc
+     */
+    onDetachSeries(): void;
+    /**
+     * @inheritDoc
+     */
+    delete(): void;
+    /**
+     * @inheritDoc
+     */
+    draw(renderContext: WebGlRenderContext2D, renderPassData: RenderPassData): void;
+    /**
+     * @inheritDoc
+     */
+    onDpiChanged(args: TDpiChangedEventArgs): void;
+    /**
+     * @inheritDoc
+     */
+    onSeriesPropertyChange(propertyName: string): void;
+    private addLineVertices;
+}