scichart 3.2.525 → 3.2.532

package/Charting/ChartModifiers/CursorModifier.js

@@ -187,7 +187,6 @@ var CursorModifier = /** @class */ (function (_super) {
             this.crosshairStroke = themeProvider.cursorLineBrush;
         }
         if (!this.testPropertyChanged(constants_1.PROPERTY.TOOLTIP_SHADOW)) {
-            console.log();
             this.tooltipShadow = themeProvider.shadowEffectColor;
         }
     };

package/Charting/ChartModifiers/DataPointSelectionModifier.js

@@ -200,11 +200,8 @@ var DataPointSelectionModifier = /** @class */ (function (_super) {
         if (!translatedPoint) {
             return;
         }
-        var pointFromTrans = (0, translate_1.translateFromCanvasToSeriesViewRect)(args.mousePoint, this.parentSurface.seriesViewRect);
-        if (pointFromTrans) {
-            this.startPoint = pointFromTrans;
-            this.isClicked = true;
-        }
+        this.startPoint = translatedPoint;
+        this.isClicked = true;
         args.handled = true;
     };
     /**

package/Charting/ChartModifiers/RolloverModifier.d.ts

@@ -91,6 +91,11 @@ export interface IRolloverModifierOptions extends IChartModifierBaseOptions {
      * If this is set greater than the default of zero, the toolip will only show values for points in this radius, rather than all points on the vertical line
      */
     hitTestRadius?: number;
+    /**
+     * Sets if the axis label for the rollover Line should be shown. default false.
+     * Customize this futher after the modifier has been created by setting properties on rolloverModifer.rolloverLineAnnotation
+     */
+    showAxisLabel?: boolean;
 }
 /**
  * The RolloverModifier provides tooltip and cursor behavior on a 2D {@link SciChartSurface}

package/Charting/ChartModifiers/RolloverModifier.js

@@ -118,7 +118,7 @@ var RolloverModifier = /** @class */ (function (_super) {
         return _this;
     }
     RolloverModifier.prototype.createLine = function (options) {
-        var _a, _b;
+        var _a, _b, _c;
         return new LineAnnotation_1.LineAnnotation({
             xCoordinateMode: AnnotationBase_1.ECoordinateMode.Pixel,
             yCoordinateMode: AnnotationBase_1.ECoordinateMode.Pixel,
@@ -126,7 +126,8 @@ var RolloverModifier = /** @class */ (function (_super) {
             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,
             xAxisId: this.xAxisId,
-            yAxisId: this.yAxisId
+            yAxisId: this.yAxisId,
+            showLabel: (_c = options === null || options === void 0 ? void 0 : options.showAxisLabel) !== null && _c !== void 0 ? _c : false
         });
     };
     /**
@@ -378,6 +379,7 @@ var RolloverModifier = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     RolloverModifier.prototype.toJSON = function () {
+        var _a, _b;
         var json = _super.prototype.toJSON.call(this);
         var options = {
             snapToDataPoint: this.snapToDataPoint,
@@ -389,6 +391,7 @@ var RolloverModifier = /** @class */ (function (_super) {
             rolloverLineStrokeThickness: this.rolloverLineStrokeThickness,
             showRolloverLine: this.showRolloverLine,
             showTooltip: this.showTooltip,
+            showAxisLabel: (_b = (_a = this.rolloverLineAnnotation) === null || _a === void 0 ? void 0 : _a.showLabel) !== null && _b !== void 0 ? _b : false,
             tooltipDataTemplate: this.typeMap.get("tooltipDataTemplate"),
             tooltipLegendOffsetX: this.tooltipLegendOffsetX,
             tooltipLegendOffsetY: this.tooltipLegendOffsetY,
@@ -465,12 +468,15 @@ var RolloverModifier = /** @class */ (function (_super) {
         }
         this.getRolloverProps(rs).rolloverModifier = this;
         createAnnotations(rs, this.getRolloverProps(rs), this.getRolloverProps1(rs), this.placementDivIdProperty);
-        this.parentSurface.modifierAnnotations.add(this.getRolloverProps(rs).marker);
-        this.parentSurface.modifierAnnotations.add(this.getRolloverProps(rs).tooltip);
-        if (rs.type === SeriesType_1.ESeriesType.BandSeries) {
-            this.getRolloverProps1(rs).rolloverModifier = this;
-            this.parentSurface.modifierAnnotations.add(this.getRolloverProps1(rs).marker);
-            this.parentSurface.modifierAnnotations.add(this.getRolloverProps1(rs).tooltip);
+        var marker = this.getRolloverProps(rs).marker;
+        if (!this.parentSurface.modifierAnnotations.contains(marker)) {
+            this.parentSurface.modifierAnnotations.add(this.getRolloverProps(rs).marker);
+            this.parentSurface.modifierAnnotations.add(this.getRolloverProps(rs).tooltip);
+            if (rs.type === SeriesType_1.ESeriesType.BandSeries) {
+                this.getRolloverProps1(rs).rolloverModifier = this;
+                this.parentSurface.modifierAnnotations.add(this.getRolloverProps1(rs).marker);
+                this.parentSurface.modifierAnnotations.add(this.getRolloverProps1(rs).tooltip);
+            }
         }
     };
     RolloverModifier.prototype.getRolloverProps = function (rs) {
@@ -789,11 +795,8 @@ var createAnnotations = function (rs, rolloverModifierProps, rolloverModifierPro
     var _a, _b, _c, _d;
     if (!rolloverModifierProps.marker) {
         rolloverModifierProps.marker = new RolloverMarkerSvgAnnotation_1.RolloverMarkerSvgAnnotation(rolloverModifierProps);
-        // Rollover tooltips for multiple Y-Axes are not supported for stacked series
-        if (!rs.isStacked) {
-            rolloverModifierProps.marker.xAxisId = rs.xAxisId;
-            rolloverModifierProps.marker.yAxisId = rs.yAxisId;
-        }
+        rolloverModifierProps.marker.xAxisId = rs.xAxisId;
+        rolloverModifierProps.marker.yAxisId = rs.yAxisId;
     }
     if (!rolloverModifierProps.tooltip) {
         rolloverModifierProps.tooltipTitle = (_b = (_a = rolloverModifierProps.tooltipTitle) !== null && _a !== void 0 ? _a : rs.getDataSeriesName()) !== null && _b !== void 0 ? _b : "";
@@ -803,11 +806,8 @@ var createAnnotations = function (rs, rolloverModifierProps, rolloverModifierPro
             seriesType: rs.type,
             placementDivId: placementDivId
         });
-        // Rollover tooltips for multiple Y-Axes are not supported for stacked series
-        if (!rs.isStacked) {
-            rolloverModifierProps.tooltip.xAxisId = rs.xAxisId;
-            rolloverModifierProps.tooltip.yAxisId = rs.yAxisId;
-        }
+        rolloverModifierProps.tooltip.xAxisId = rs.xAxisId;
+        rolloverModifierProps.tooltip.yAxisId = rs.yAxisId;
     }
     if (rs.type === SeriesType_1.ESeriesType.BandSeries) {
         var bandRs = rs;

package/Charting/ChartModifiers/VerticalSliceModifier.js

@@ -124,19 +124,22 @@ var VerticalSliceModifier = /** @class */ (function (_super) {
             var xAxis = this.parentSurface.getXAxisById(this.xAxisId);
             var coordCalc = xAxis.getCurrentCoordinateCalculator();
             if (this.xCoordinateMode === AnnotationBase_1.ECoordinateMode.Pixel) {
-                this.x1 = (0, translate_1.translateToNotScaled)(x);
+                this.x1 = Math.min(Math.max(xAxis.viewRect.left, (0, translate_1.translateToNotScaled)(x)), xAxis.viewRect.right);
             }
             else if (this.xCoordinateMode === AnnotationBase_1.ECoordinateMode.Relative) {
-                this.x1 =
-                    (x - (this.isVerticalChart() ? xAxis.viewRect.top : xAxis.viewRect.left)) /
-                        coordCalc.viewportDimension;
+                var newX = (x - (this.isVerticalChart() ? xAxis.viewRect.top : xAxis.viewRect.left)) /
+                    coordCalc.viewportDimension;
+                this.x1 = Math.min(Math.max(0, newX), 1);
             }
             else {
                 // DataValue
                 var xt = this.isVerticalChart()
                     ? (0, translate_1.translateFromCanvasToSeriesViewRectY)(x, this.parentSurface.seriesViewRect)
                     : (0, translate_1.translateFromCanvasToSeriesViewRectX)(x, this.parentSurface.seriesViewRect);
-                this.x1 = coordCalc.getDataValue(xt);
+                var newX = coordCalc.getDataValue(xt);
+                if (!isNaN(newX)) {
+                    this.x1 = newX;
+                }
             }
             // Consider optional snap to dataPoint here
             this.update();

package/Charting/Visuals/Legend/SciChartLegend.js

@@ -101,11 +101,18 @@ var SciChartLegend = /** @class */ (function (_super) {
                 }
             };
             el.addEventListener("change", onChangeEventListener_1);
+            var visibilityChangeEventHandler_1 = function (data) {
+                _this.invalidateLegend();
+            };
+            rs.isVisibleChanged.subscribe(visibilityChangeEventHandler_1);
             var eventSubscriptionItem = {
                 element: el,
                 eventType: "change",
                 eventListener: onChangeEventListener_1,
-                delete: function () { return el.removeEventListener("change", onChangeEventListener_1); }
+                delete: function () {
+                    el.removeEventListener("change", onChangeEventListener_1);
+                    rs.isVisibleChanged.unsubscribe(visibilityChangeEventHandler_1);
+                }
             };
             var eventListenersForRenderableSeries = this.eventListenersCollection.get(rs.id);
             if (eventListenersForRenderableSeries) {
@@ -118,9 +125,9 @@ var SciChartLegend = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     SciChartLegend.prototype.getInnerHTML = function () {
-        var _a, _b;
-        var backgroundColor = (_a = this.backgroundColor) !== null && _a !== void 0 ? _a : this.parentSurfaceProperty.themeProvider.legendBackgroundBrush;
-        var color = (_b = this.textColor) !== null && _b !== void 0 ? _b : this.parentSurfaceProperty.themeProvider.labelForegroundBrush;
+        var _a, _b, _c, _d, _e, _f;
+        var backgroundColor = (_a = this.backgroundColor) !== null && _a !== void 0 ? _a : (_c = (_b = this.parentSurfaceProperty) === null || _b === void 0 ? void 0 : _b.themeProvider) === null || _c === void 0 ? void 0 : _c.legendBackgroundBrush;
+        var color = (_d = this.textColor) !== null && _d !== void 0 ? _d : (_f = (_e = this.parentSurfaceProperty) === null || _e === void 0 ? void 0 : _e.themeProvider) === null || _f === void 0 ? void 0 : _f.labelForegroundBrush;
         var legendItems = this.renderableSeriesArray.map(function (rs, index) {
             var _a;
             return ({
@@ -131,7 +138,7 @@ var SciChartLegend = /** @class */ (function (_super) {
                 gradient: undefined
             });
         });
-        var _c = this.parentSurfaceProperty.getSeriesViewRectPadding(false), left = _c.left, top = _c.top, right = _c.right, bottom = _c.bottom;
+        var _g = this.parentSurfaceProperty.getSeriesViewRectPadding(false), left = _g.left, top = _g.top, right = _g.right, bottom = _g.bottom;
         var margin = this.isExternal()
             ? new Thickness_1.Thickness(this.margin, this.margin, this.margin, this.margin)
             : new Thickness_1.Thickness(top + this.margin, right + this.margin, bottom + this.margin, left + this.margin);

package/Charting/Visuals/Legend/SciChartLegendBase.js

@@ -81,6 +81,7 @@ var SciChartLegendBase = /** @class */ (function (_super) {
         // No default here as need theme from parent surface
         _this.backgroundColorProperty = options === null || options === void 0 ? void 0 : options.backgroundColor;
         _this.textColorProperty = options === null || options === void 0 ? void 0 : options.textColor;
+        _this.update = _this.update.bind(_this);
         return _this;
     }
     SciChartLegendBase.prototype.setInvalidateParentSurface = function (value) {
@@ -108,16 +109,14 @@ var SciChartLegendBase = /** @class */ (function (_super) {
      * @param sciChartSurface
      */
     SciChartLegendBase.prototype.attachTo = function (sciChartSurface) {
-        var _this = this;
         this.setParentSurface(sciChartSurface);
         this.setRootDiv(sciChartSurface.domDivContainer);
         this.setInvalidateParentSurface(sciChartSurface.invalidateElement);
-        sciChartSurface.rendered.subscribe(function () {
-            _this.update();
-        });
+        sciChartSurface.rendered.subscribe(this.update);
     };
     SciChartLegendBase.prototype.detach = function () {
         this.setRootDiv(undefined);
+        this.parentSurfaceProperty.rendered.unsubscribe(this.update);
         this.setInvalidateParentSurface(undefined);
         this.setParentSurface(undefined);
         this.delete();

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

@@ -8,8 +8,11 @@ import { BaseRenderableSeries } from "./BaseRenderableSeries";
 import { IHitTestProvider } from "./HitTest/IHitTestProvider";
 import { IBaseRenderableSeriesOptions } from "./IBaseRenderableSeriesOptions";
 export interface IBaseOhlcRenderableSeriesOptions extends IBaseRenderableSeriesOptions {
+    /** Sets the stoke when candlestick close is greater than open, as an HTML color code */
     strokeUp?: string;
+    /** Sets the stoke when candlestick close is less than open, as an HTML color code */
     strokeDown?: string;
+    /** Sets the width of candles as a fraction of available space. Valid values range from 0.0 - 1.0 */
     dataPointWidth?: number;
 }
 export declare abstract class BaseOhlcRenderableSeries extends BaseRenderableSeries {

package/Charting/Visuals/RenderableSeries/BaseStackedRenderableSeries.js

@@ -336,7 +336,8 @@ var BaseStackedRenderableSeries = /** @class */ (function (_super) {
          * instead set on the {@link StackedColumnCollection} or {@link StackedMountainCollection}
          */
         get: function () {
-            throw Error("yAxisId property is not supported for BaseStackedRenderableSeries");
+            var _a;
+            return (_a = this.parentCollection) === null || _a === void 0 ? void 0 : _a.yAxisId;
         },
         /**
          * yAxisId property is not supported for BaseStackedRenderableSeries,

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

@@ -118,7 +118,7 @@ var LineSeriesDrawingProvider = /** @class */ (function (_super) {
         this.args.digitalYX = lineType === BaseLineRenderableSeries_1.ELineType.DigitalYX;
         this.args.forceShaderMethod = true;
         this.args.containsNaN = containsNaN;
-        this.args.forceClamp = true;
+        this.args.forceClamp = !this.args.isDigitalLine;
         this.args.lineGaps = containsNaN
             ? drawNaNAs === WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine
                 ? this.webAssemblyContext.SCRTLineGapMode.DrawGaps

package/Charting/Visuals/RenderableSeries/HitTest/OhlcSeriesHitTestProvider.js

@@ -62,6 +62,84 @@ var OhlcSeriesHitTestProvider = /** @class */ (function (_super) {
         }
         return hitTestInfo;
     };
+    // Alternate method that deals slighty better with unsorted data where multiple candles share an x value, but fails for large candles.
+    // See the new Editable Event Markers demo for yet another method which does better still, for a slightly special case
+    // public hitTest(x: number, y: number, hitTestRadius: number = 0): HitTestInfo {
+    //     const hitTestPoint = this.getTranslatedHitTestPoint(x, y);
+    //     if (!hitTestPoint) {
+    //         return HitTestInfo.empty();
+    //     }
+    //     const { xCoordinateCalculator, yCoordinateCalculator, isVerticalChart } = this.currentRenderPassData;
+    //     const xHitCoord = isVerticalChart ? hitTestPoint.y : hitTestPoint.x;
+    //     const yHitCoord = isVerticalChart ? hitTestPoint.x : hitTestPoint.y;
+    //     const renderableSeries = this.parentSeries as BaseOhlcRenderableSeries;
+    //     const dataSeries = this.parentSeries.dataSeries as OhlcDataSeries;
+    //     if (!dataSeries) {
+    //         return HitTestInfo.empty();
+    //     }
+    //     const isCategoryAxis = xCoordinateCalculator.isCategoryCoordinateCalculator;
+    //     const xValues = isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
+    //     const isSorted = dataSeries.dataDistributionCalculator.isSortedAscending;
+    //     const nearestClose = hitTestHelpers.getNearestPoint(
+    //         this.webAssemblyContext,
+    //         xCoordinateCalculator,
+    //         yCoordinateCalculator,
+    //         xValues,
+    //         dataSeries.getNativeCloseValues(),
+    //         isSorted,
+    //         xHitCoord,
+    //         yHitCoord,
+    //         hitTestRadius
+    //     );
+    //     const nearestOpen = hitTestHelpers.getNearestPoint(
+    //         this.webAssemblyContext,
+    //         xCoordinateCalculator,
+    //         yCoordinateCalculator,
+    //         xValues,
+    //         dataSeries.getNativeOpenValues(),
+    //         isSorted,
+    //         xHitCoord,
+    //         yHitCoord,
+    //         hitTestRadius
+    //     );
+    //     const nearestPoint = nearestClose.distance < nearestOpen.distance ? nearestClose :  nearestOpen;
+    //     const xNativeValues = dataSeries.getNativeXValues();
+    //     const yNativeValues = dataSeries.getNativeYValues();
+    //     const hitTestInfo = hitTestHelpers.createHitTestInfo(
+    //         this.parentSeries,
+    //         xCoordinateCalculator,
+    //         yCoordinateCalculator,
+    //         isVerticalChart,
+    //         dataSeries,
+    //         xNativeValues,
+    //         yNativeValues,
+    //         xHitCoord,
+    //         yHitCoord,
+    //         nearestPoint.nearestPointIndex,
+    //         hitTestRadius,
+    //         nearestPoint.distance
+    //     );
+    //     if (nearestPoint.nearestPointIndex >= 0) {
+    //         const res = hitTestHelpers.testIsHitForOHLC(
+    //             xCoordinateCalculator,
+    //             yCoordinateCalculator,
+    //             renderableSeries,
+    //             dataSeries,
+    //             nearestPoint.nearestPointIndex,
+    //             xHitCoord,
+    //             yHitCoord,
+    //             hitTestRadius
+    //         );
+    //         hitTestInfo.isHit = res.isHit;
+    //         hitTestInfo.openValue = res.openValue;
+    //         hitTestInfo.highValue = res.highValue;
+    //         hitTestInfo.lowValue = res.lowValue;
+    //         hitTestInfo.closeValue = res.closeValue;
+    //     } else {
+    //         hitTestInfo.isHit = false;
+    //     }
+    //     return hitTestInfo;
+    // }
     /**
      * @inheritDoc
      */

package/Charting/Visuals/RenderableSeries/HitTest/hitTestHelpers.d.ts

@@ -15,6 +15,10 @@ import { IRenderableSeries } from "../IRenderableSeries";
 import { HitTestInfo } from "./HitTestInfo";
 export declare const hitTestHelpers: {
     createHitTestInfo: (renderableSeries: IRenderableSeries, xCoordinateCalculator: CoordinateCalculatorBase, yCoordinateCalculator: CoordinateCalculatorBase, isVerticalChart: boolean, dataSeries: BaseDataSeries, xNativeValues: SCRTDoubleVector, yNativeValues: SCRTDoubleVector, xHitCoord: number, yHitCoord: number, nearestPointIndex: number, hitTestRadius: number, distance?: number) => HitTestInfo;
+    getNearestPoint: (webassemblyContext: TSciChart, xCoordinateCalculator: CoordinateCalculatorBase, yCoordinateCalculator: CoordinateCalculatorBase, xValues: SCRTDoubleVector, yValues: SCRTDoubleVector, isSorted: boolean, xHitCoord: number, yHitCoord: number, hitTestRadius: number) => {
+        nearestPointIndex: number;
+        distance: number;
+    };
     getNearestXPoint: (webAssemblyContext: TSciChart, xCoordinateCalculator: CoordinateCalculatorBase, dataSeries: IDataSeries, xHitCoord: number, isSorted: boolean) => number;
     getNearestXyPoint: (webassemblyContext: TSciChart, xCoordinateCalculator: CoordinateCalculatorBase, yCoordinateCalculator: CoordinateCalculatorBase, dataSeries: IDataSeries, xHitCoord: number, yHitCoord: number, hitTestRadius: number) => {
         nearestPointIndex: number;

package/Charting/Visuals/RenderableSeries/HitTest/hitTestHelpers.js

@@ -83,9 +83,12 @@ var getNearestXyPoint = function (webassemblyContext, xCoordinateCalculator, yCo
     var isCategoryAxis = xCoordinateCalculator.isCategoryCoordinateCalculator;
     var dataX = isCategoryAxis ? dataSeries.getNativeIndexes() : dataSeries.getNativeXValues();
     var dataY = dataSeries.getNativeYValues();
+    return getNearestPoint(webassemblyContext, xCoordinateCalculator, yCoordinateCalculator, dataX, dataY, dataSeries.dataDistributionCalculator.isSortedAscending, xHitCoord, yHitCoord, hitTestRadius);
+};
+var getNearestPoint = function (webassemblyContext, xCoordinateCalculator, yCoordinateCalculator, xValues, yValues, isSorted, xHitCoord, yHitCoord, hitTestRadius) {
     var result;
     try {
-        result = webassemblyContext.SCRTHitTestHelper.GetNearestXyPoint(xCoordinateCalculator.nativeCalculator, yCoordinateCalculator.nativeCalculator, dataX, dataY, dataSeries.dataDistributionCalculator.isSortedAscending, xHitCoord, yHitCoord, hitTestRadius !== null && hitTestRadius !== void 0 ? hitTestRadius : 1 // Default to 1 here so unsorted data will get nearest by x and y
+        result = webassemblyContext.SCRTHitTestHelper.GetNearestXyPoint(xCoordinateCalculator.nativeCalculator, yCoordinateCalculator.nativeCalculator, xValues, yValues, isSorted, xHitCoord, yHitCoord, hitTestRadius !== null && hitTestRadius !== void 0 ? hitTestRadius : 1 // Default to 1 here so unsorted data will get nearest by x and y
         );
         return { nearestPointIndex: result.minD, distance: result.maxD };
     }
@@ -396,6 +399,7 @@ var testIsHitForMountain = function (isDigitalLine, xCoordinateCalculator, yCoor
 };
 exports.hitTestHelpers = {
     createHitTestInfo: createHitTestInfo,
+    getNearestPoint: getNearestPoint,
     getNearestXPoint: getNearestXPoint,
     getNearestXyPoint: getNearestXyPoint,
     getNearestXyyPoint: getNearestXyyPoint,

package/Charting/Visuals/RenderableSeries/RolloverModifier/RolloverModifierRenderableSeriesProps.js

@@ -143,9 +143,11 @@ var RolloverModifierRenderableSeriesProps = /** @class */ (function () {
         if (!((_a = this.marker) === null || _a === void 0 ? void 0 : _a.isDeleted)) {
             this.marker = (0, Deleter_1.deleteSafe)(this.marker);
         }
+        this.marker = undefined;
         if (!((_b = this.tooltip) === null || _b === void 0 ? void 0 : _b.isDeleted)) {
             this.tooltip = (0, Deleter_1.deleteSafe)(this.tooltip);
         }
+        this.tooltip = undefined;
     };
     RolloverModifierRenderableSeriesProps.prototype.notifyPropertyChanged = function (propertyName) {
         if (this.invalidateParentCallback) {

package/Charting/Visuals/RubberBandSvgRect/RubberBandSvgRect.d.ts

@@ -4,7 +4,7 @@ import { IDeletable } from "../../../Core/IDeletable";
  * Used by the {@link RubberBandXyZoomModifier} to draw an {@link SVGSVGElement | SVGElement} rectangle over the chart.
  */
 export declare class RubberBandSvgRect extends DeletableEntity implements IDeletable {
-    svgTemplate: (fill: string, stroke: string, strokeThickness: number, width: number, height: number) => string;
+    svgTemplate: (fill: string, stroke: string, strokeThickness: number, width: number, height: number) => SVGElement;
     private svgRoot;
     private svg;
     private x1Property;

package/Charting/Visuals/RubberBandSvgRect/RubberBandSvgRect.js

@@ -17,7 +17,6 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RubberBandSvgRect = void 0;
 var DeletableEntity_1 = require("../../../Core/DeletableEntity");
-var annotationHelpers_1 = require("../Annotations/annotationHelpers");
 var constants_1 = require("./constants");
 /**
  * Used by the {@link RubberBandXyZoomModifier} to draw an {@link SVGSVGElement | SVGElement} rectangle over the chart.
@@ -139,8 +138,8 @@ var RubberBandSvgRect = /** @class */ (function (_super) {
             this.clear();
         }
         if (this.svgRoot) {
-            var svgString = this.svgTemplate(fill, stroke, strokeThickness, 0, 0);
-            var svgNode = annotationHelpers_1.annotationHelpers.createSvg(svgString, this.svgRoot);
+            var svgNode = this.svgTemplate(fill, stroke, strokeThickness, 0, 0);
+            this.svgRoot.appendChild(svgNode);
             this.svg = svgNode;
             this.svg.setAttribute("x", "100px");
             this.svg.setAttribute("y", "100px");
@@ -171,9 +170,22 @@ var RubberBandSvgRect = /** @class */ (function (_super) {
 exports.RubberBandSvgRect = RubberBandSvgRect;
 /**
  * @ignore
+ * This is a CSP style-src safe method to create SVGs
  */
 var svgTemplate = function (fill, stroke, strokeThickness, width, height) {
     if (width === void 0) { width = 0; }
     if (height === void 0) { height = 0; }
-    return "<svg width=\"".concat(width, "\" height=\"").concat(height, "\" style=\"display: none\">\n        <rect width=\"100%\" height=\"100%\" fill=\"").concat(fill, "\" stroke=\"").concat(stroke, "\" stroke-width=\"").concat(strokeThickness, "\"/>\n    </svg>");
+    var xmlns = "http://www.w3.org/2000/svg";
+    var svgElem = document.createElementNS(xmlns, "svg");
+    svgElem.setAttributeNS(null, "width", width.toString());
+    svgElem.setAttributeNS(null, "height", height.toString());
+    svgElem.style.display = "none";
+    var rectElem = document.createElementNS(xmlns, "rect");
+    svgElem.appendChild(rectElem);
+    rectElem.setAttributeNS(null, "width", "100%");
+    rectElem.setAttributeNS(null, "height", "100%");
+    rectElem.setAttributeNS(null, "fill", fill);
+    rectElem.setAttributeNS(null, "stroke", stroke);
+    rectElem.setAttributeNS(null, "stroke-width", strokeThickness.toString());
+    return svgElem;
 };

package/Core/BuildStamp.d.ts

@@ -1,4 +1,4 @@
 import { TSciChart } from "../types/TSciChart";
 import { TSciChart3D } from "../types/TSciChart3D";
-export declare const libraryVersion = "3.2.525";
+export declare const libraryVersion = "3.2.532";
 export declare const checkBuildStamp: (wasmContext: TSciChart | TSciChart3D) => boolean;

package/Core/BuildStamp.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkBuildStamp = exports.libraryVersion = void 0;
-var buildStamp = "2023-11-21T00:00:00";
+var buildStamp = "2023-12-01T00:00:00";
 var result;
 // tslint:disable-next-line:no-var-requires
-exports.libraryVersion = "3.2.525";
+exports.libraryVersion = "3.2.532";
 var checkBuildStamp = function (wasmContext) {
     if (result !== undefined)
         return result;