scichart 3.0.269 → 3.0.284

package/Charting/LayoutManager/LayoutManager.js

@@ -29,19 +29,19 @@ var LayoutManager = /** @class */ (function () {
         /**
          * Layout strategy for layout of left aligned axis outside
          */
-        this.leftOuterAxesLayoutStrategy = new LeftAlignedOuterAxisLayoutStrategy_1.LeftAlignedOuterAxisLayoutStrategy();
+        this.leftOuterAxesLayoutStrategyProperty = new LeftAlignedOuterAxisLayoutStrategy_1.LeftAlignedOuterAxisLayoutStrategy();
         /**
          * Layout strategy for layout of right aligned axis outside
          */
-        this.rightOuterAxesLayoutStrategy = new RightAlignedOuterAxisLayoutStrategy_1.RightAlignedOuterAxisLayoutStrategy();
+        this.rightOuterAxesLayoutStrategyProperty = new RightAlignedOuterAxisLayoutStrategy_1.RightAlignedOuterAxisLayoutStrategy();
         /**
          * Layout strategy for layout of top aligned axis outside
          */
-        this.topOuterAxesLayoutStrategy = new TopAlignedOuterAxisLayoutStrategy_1.TopAlignedOuterAxisLayoutStrategy();
+        this.topOuterAxesLayoutStrategyProperty = new TopAlignedOuterAxisLayoutStrategy_1.TopAlignedOuterAxisLayoutStrategy();
         /**
          * Layout strategy for layout of bottom aligned axis outside
          */
-        this.bottomOuterAxesLayoutStrategy = new BottomAlignedOuterAxisLayoutStrategy_1.BottomAlignedOuterAxisLayoutStrategy();
+        this.bottomOuterAxesLayoutStrategyProperty = new BottomAlignedOuterAxisLayoutStrategy_1.BottomAlignedOuterAxisLayoutStrategy();
         /**
          * Layout strategy for layout of left aligned inner axis
          */
@@ -69,6 +69,101 @@ var LayoutManager = /** @class */ (function () {
         this.topInnerAxesLayoutStrategy = this.createStrategy(options === null || options === void 0 ? void 0 : options.TopInner, this.topInnerAxesLayoutStrategy);
         this.bottomInnerAxesLayoutStrategy = this.createStrategy(options === null || options === void 0 ? void 0 : options.BottomInner, this.bottomInnerAxesLayoutStrategy);
     }
+    Object.defineProperty(LayoutManager.prototype, "leftOuterAxesLayoutStrategy", {
+        get: function () {
+            return this.leftOuterAxesLayoutStrategyProperty;
+        },
+        set: function (value) {
+            var _a;
+            var currentValue = this.leftOuterAxesLayoutStrategyProperty;
+            if (currentValue !== value) {
+                this.leftOuterAxesLayoutStrategyProperty = value;
+                if (currentValue.isStacked && !value.isStacked) {
+                    this.groupAxesByLayoutStrategy();
+                    resetAxes(this.axesGroupedByLayoutStrategy.leftOuterAxes);
+                }
+                (_a = this.sciChartSurface) === null || _a === void 0 ? void 0 : _a.invalidateElement();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(LayoutManager.prototype, "rightOuterAxesLayoutStrategy", {
+        get: function () {
+            return this.rightOuterAxesLayoutStrategyProperty;
+        },
+        set: function (value) {
+            var _a;
+            var currentValue = this.rightOuterAxesLayoutStrategyProperty;
+            if (currentValue !== value) {
+                this.rightOuterAxesLayoutStrategyProperty = value;
+                if (currentValue.isStacked && !value.isStacked) {
+                    this.groupAxesByLayoutStrategy();
+                    resetAxes(this.axesGroupedByLayoutStrategy.rightOuterAxes);
+                }
+                (_a = this.sciChartSurface) === null || _a === void 0 ? void 0 : _a.invalidateElement();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(LayoutManager.prototype, "topOuterAxesLayoutStrategy", {
+        get: function () {
+            return this.topOuterAxesLayoutStrategyProperty;
+        },
+        set: function (value) {
+            var _a;
+            var currentValue = this.topOuterAxesLayoutStrategyProperty;
+            if (currentValue !== value) {
+                this.topOuterAxesLayoutStrategyProperty = value;
+                if (currentValue.isStacked && !value.isStacked) {
+                    this.groupAxesByLayoutStrategy();
+                    resetAxes(this.axesGroupedByLayoutStrategy.topOuterAxes);
+                }
+                (_a = this.sciChartSurface) === null || _a === void 0 ? void 0 : _a.invalidateElement();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(LayoutManager.prototype, "bottomOuterAxesLayoutStrategy", {
+        get: function () {
+            return this.bottomOuterAxesLayoutStrategyProperty;
+        },
+        set: function (value) {
+            var _a;
+            var currentValue = this.bottomOuterAxesLayoutStrategyProperty;
+            if (currentValue !== value) {
+                this.bottomOuterAxesLayoutStrategyProperty = value;
+                if (currentValue.isStacked && !value.isStacked) {
+                    this.groupAxesByLayoutStrategy();
+                    resetAxes(this.axesGroupedByLayoutStrategy.bottomOuterAxes);
+                }
+                (_a = this.sciChartSurface) === null || _a === void 0 ? void 0 : _a.invalidateElement();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    LayoutManager.prototype.getAxisLayoutStrategy = function (axisAlignment, isInnerAxis) {
+        switch (axisAlignment) {
+            case AxisAlignment_1.EAxisAlignment.Left: {
+                return isInnerAxis ? this.leftInnerAxesLayoutStrategy : this.leftOuterAxesLayoutStrategy;
+            }
+            case AxisAlignment_1.EAxisAlignment.Right: {
+                return isInnerAxis ? this.rightInnerAxesLayoutStrategy : this.rightOuterAxesLayoutStrategy;
+            }
+            case AxisAlignment_1.EAxisAlignment.Top: {
+                return isInnerAxis ? this.topInnerAxesLayoutStrategy : this.topOuterAxesLayoutStrategy;
+            }
+            case AxisAlignment_1.EAxisAlignment.Bottom: {
+                return isInnerAxis ? this.bottomInnerAxesLayoutStrategy : this.bottomOuterAxesLayoutStrategy;
+            }
+            default: {
+                return (0, AxisAlignment_1.handleInvalidAxisAlignment)(axisAlignment);
+            }
+        }
+    };
     LayoutManager.prototype.layoutChart = function (viewportSize, padding) {
         var _a, _b, _c, _d;
         this.groupAxesByLayoutStrategy();
@@ -171,38 +266,36 @@ var LayoutManager = /** @class */ (function () {
         var groupAxes = function (axes) {
             axes.forEach(function (axis) {
                 var axisAlignment = axis.axisAlignment, isInnerAxis = axis.isInnerAxis, isVisible = axis.isVisible;
-                if (isVisible) {
-                    if (isInnerAxis) {
-                        switch (axisAlignment) {
-                            case AxisAlignment_1.EAxisAlignment.Top:
-                                topInnerAxes.push(axis);
-                                break;
-                            case AxisAlignment_1.EAxisAlignment.Bottom:
-                                bottomInnerAxes.push(axis);
-                                break;
-                            case AxisAlignment_1.EAxisAlignment.Left:
-                                leftInnerAxes.push(axis);
-                                break;
-                            case AxisAlignment_1.EAxisAlignment.Right:
-                                rightInnerAxes.push(axis);
-                                break;
-                        }
+                if (isInnerAxis) {
+                    switch (axisAlignment) {
+                        case AxisAlignment_1.EAxisAlignment.Top:
+                            topInnerAxes.push(axis);
+                            break;
+                        case AxisAlignment_1.EAxisAlignment.Bottom:
+                            bottomInnerAxes.push(axis);
+                            break;
+                        case AxisAlignment_1.EAxisAlignment.Left:
+                            leftInnerAxes.push(axis);
+                            break;
+                        case AxisAlignment_1.EAxisAlignment.Right:
+                            rightInnerAxes.push(axis);
+                            break;
                     }
-                    else {
-                        switch (axisAlignment) {
-                            case AxisAlignment_1.EAxisAlignment.Top:
-                                topOuterAxes.push(axis);
-                                break;
-                            case AxisAlignment_1.EAxisAlignment.Bottom:
-                                bottomOuterAxes.push(axis);
-                                break;
-                            case AxisAlignment_1.EAxisAlignment.Left:
-                                leftOuterAxes.push(axis);
-                                break;
-                            case AxisAlignment_1.EAxisAlignment.Right:
-                                rightOuterAxes.push(axis);
-                                break;
-                        }
+                }
+                else {
+                    switch (axisAlignment) {
+                        case AxisAlignment_1.EAxisAlignment.Top:
+                            topOuterAxes.push(axis);
+                            break;
+                        case AxisAlignment_1.EAxisAlignment.Bottom:
+                            bottomOuterAxes.push(axis);
+                            break;
+                        case AxisAlignment_1.EAxisAlignment.Left:
+                            leftOuterAxes.push(axis);
+                            break;
+                        case AxisAlignment_1.EAxisAlignment.Right:
+                            rightOuterAxes.push(axis);
+                            break;
                     }
                 }
             });
@@ -242,3 +335,8 @@ var LayoutManager = /** @class */ (function () {
     return LayoutManager;
 }());
 exports.LayoutManager = LayoutManager;
+var resetAxes = function (axes) {
+    if (axes.length > 0) {
+        axes[0].isPrimaryAxis = true;
+    }
+};

package/Charting/LayoutManager/LeftAlignedInnerAxisLayoutStrategy.js

@@ -42,7 +42,10 @@ var LeftAlignedInnerAxisLayoutStrategy = /** @class */ (function (_super) {
     };
     LeftAlignedInnerAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
         // Set axisLength to default value which is seriesViewRect.height
-        axes.forEach(function (axis) { return (axis.axisLength = undefined); });
+        axes.forEach(function (axis) {
+            axis.axisLength = undefined;
+            axis.offset = 0;
+        });
         if (axes.length === 0) {
             return;
         }

package/Charting/LayoutManager/LeftAlignedOuterAxisLayoutStrategy.js

@@ -44,7 +44,10 @@ var LeftAlignedOuterAxisLayoutStrategy = /** @class */ (function (_super) {
     };
     LeftAlignedOuterAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
         // Set axisLength to default value which is seriesViewRect.height
-        axes.forEach(function (axis) { return (axis.axisLength = undefined); });
+        axes.forEach(function (axis) {
+            axis.axisLength = undefined;
+            axis.offset = 0;
+        });
         this.layoutAxesFromRightToLeft(left, top, right, bottom, axes);
     };
     return LeftAlignedOuterAxisLayoutStrategy;

package/Charting/LayoutManager/LeftAlignedOuterVerticallyStackedAxisLayoutStrategy.d.ts

@@ -8,6 +8,7 @@ import { ChartLayoutState } from "./ChartLayoutState";
  */
 export declare class LeftAlignedOuterVerticallyStackedAxisLayoutStrategy extends BaseAxisLayoutStrategy {
     readonly type = ELayoutStrategyType.LeftStacked;
+    readonly isStacked: boolean;
     constructor();
     measureAxes(sciChartSurface: SciChartSurface, chartLayoutState: ChartLayoutState, axes: AxisBase2D[]): void;
     layoutAxes(left: number, top: number, right: number, bottom: number, axes: AxisBase2D[]): void;

package/Charting/LayoutManager/LeftAlignedOuterVerticallyStackedAxisLayoutStrategy.js

@@ -28,6 +28,7 @@ var LeftAlignedOuterVerticallyStackedAxisLayoutStrategy = /** @class */ (functio
     function LeftAlignedOuterVerticallyStackedAxisLayoutStrategy() {
         var _this = _super.call(this) || this;
         _this.type = LayoutStrategyType_1.ELayoutStrategyType.LeftStacked;
+        _this.isStacked = true;
         _this.layoutAxisPartsStrategy = AxisLayoutHelpers_1.layoutAxisPartsLeftStrategy;
         return _this;
     }
@@ -53,7 +54,7 @@ var LeftAlignedOuterVerticallyStackedAxisLayoutStrategy = /** @class */ (functio
         var totalAxisAreaHeight = bottom - top;
         var firstAxis = axes[0];
         var lastAxis = axes[axes.length - 1];
-        var axesWithDefinedLength = axes.filter(function (axis) { return axis.stackedAxisLength; });
+        var axesWithDefinedLength = axes.filter(function (axis) { return axis.stackedAxisLength !== undefined; });
         var spaceWithoutBorders = axes.reduce(function (acc, axis) { return acc - axis.axisLayoutState.additionalBottomSize - axis.axisLayoutState.additionalTopSize; }, totalAxisAreaHeight +
             (firstAxis === null || firstAxis === void 0 ? void 0 : firstAxis.axisLayoutState.additionalTopSize) +
             (lastAxis === null || lastAxis === void 0 ? void 0 : lastAxis.axisLayoutState.additionalBottomSize));
@@ -71,14 +72,13 @@ var LeftAlignedOuterVerticallyStackedAxisLayoutStrategy = /** @class */ (functio
             var _a = axis.axisLayoutState, axisSize = _a.axisSize, additionalRightSize = _a.additionalRightSize, additionalBottomSize = _a.additionalBottomSize, additionalTopSize = _a.additionalTopSize;
             var rightOffset = right - additionalRightSize;
             var leftOffset = rightOffset - axisSize;
-            var axisReservedHeight = axis.stackedAxisLength
+            var axisReservedHeight = axis.stackedAxisLength !== undefined
                 ? _this.calculateTotalAxisHeight(axis, spaceWithoutBorders)
                 : defaultAxisReservedHeight;
             var bottomOffset = topOffset + axisReservedHeight - additionalBottomSize;
             topOffset += additionalTopSize;
             axis.offset = topOffset - top;
             axis.axisLength = bottomOffset - topOffset;
-            axis.isStackedAxis = true;
             axis.isPrimaryAxis = true;
             axis.viewRect = Rect_1.Rect.createWithCoords(leftOffset, topOffset, rightOffset, bottomOffset);
             topOffset = bottomOffset + additionalBottomSize;

package/Charting/LayoutManager/RightAlignedInnerAxisLayoutStrategy.js

@@ -42,7 +42,10 @@ var RightAlignedInnerAxisLayoutStrategy = /** @class */ (function (_super) {
     };
     RightAlignedInnerAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
         // Set axisLength to default value which is seriesViewRect.height
-        axes.forEach(function (axis) { return (axis.axisLength = undefined); });
+        axes.forEach(function (axis) {
+            axis.axisLength = undefined;
+            axis.offset = 0;
+        });
         if (axes.length === 0) {
             return;
         }

package/Charting/LayoutManager/RightAlignedOuterAxisLayoutStrategy.js

@@ -44,7 +44,10 @@ var RightAlignedOuterAxisLayoutStrategy = /** @class */ (function (_super) {
     };
     RightAlignedOuterAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
         // Set axisLength to default value which is seriesViewRect.height
-        axes.forEach(function (axis) { return (axis.axisLength = undefined); });
+        axes.forEach(function (axis) {
+            axis.axisLength = undefined;
+            axis.offset = 0;
+        });
         this.layoutAxesFromLeftToRight(left, top, right, bottom, axes);
     };
     return RightAlignedOuterAxisLayoutStrategy;

package/Charting/LayoutManager/RightAlignedOuterVerticallyStackedAxisLayoutStrategy.d.ts

@@ -8,6 +8,7 @@ import { ChartLayoutState } from "./ChartLayoutState";
  */
 export declare class RightAlignedOuterVerticallyStackedAxisLayoutStrategy extends BaseAxisLayoutStrategy {
     readonly type = ELayoutStrategyType.RightStacked;
+    readonly isStacked: boolean;
     constructor();
     measureAxes(sciChartSurface: SciChartSurface, chartLayoutState: ChartLayoutState, axes: AxisBase2D[]): void;
     layoutAxes(left: number, top: number, right: number, bottom: number, axes: AxisBase2D[]): void;

package/Charting/LayoutManager/RightAlignedOuterVerticallyStackedAxisLayoutStrategy.js

@@ -28,6 +28,7 @@ var RightAlignedOuterVerticallyStackedAxisLayoutStrategy = /** @class */ (functi
     function RightAlignedOuterVerticallyStackedAxisLayoutStrategy() {
         var _this = _super.call(this) || this;
         _this.type = LayoutStrategyType_1.ELayoutStrategyType.RightStacked;
+        _this.isStacked = true;
         _this.layoutAxisPartsStrategy = AxisLayoutHelpers_1.layoutAxisPartsRightStrategy;
         return _this;
     }
@@ -77,7 +78,6 @@ var RightAlignedOuterVerticallyStackedAxisLayoutStrategy = /** @class */ (functi
             topOffset += additionalTopSize;
             axis.offset = topOffset - top;
             axis.axisLength = bottomOffset - topOffset;
-            axis.isStackedAxis = true;
             axis.isPrimaryAxis = true;
             axis.viewRect = Rect_1.Rect.createWithCoords(leftOffset, topOffset, rightOffset, bottomOffset);
             topOffset = bottomOffset + additionalBottomSize;

package/Charting/LayoutManager/TopAlignedInnerAxisLayoutStrategy.js

@@ -42,7 +42,10 @@ var TopAlignedInnerAxisLayoutStrategy = /** @class */ (function (_super) {
     };
     TopAlignedInnerAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
         // Set axisLength to default value which is seriesViewRect.width
-        axes.forEach(function (axis) { return (axis.axisLength = undefined); });
+        axes.forEach(function (axis) {
+            axis.axisLength = undefined;
+            axis.offset = 0;
+        });
         if (axes.length === 0) {
             return;
         }

package/Charting/LayoutManager/TopAlignedOuterAxisLayoutStrategy.js

@@ -44,7 +44,10 @@ var TopAlignedOuterAxisLayoutStrategy = /** @class */ (function (_super) {
     };
     TopAlignedOuterAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
         // Set axisLength to default value which is seriesViewRect.width
-        axes.forEach(function (axis) { return (axis.axisLength = undefined); });
+        axes.forEach(function (axis) {
+            axis.axisLength = undefined;
+            axis.offset = 0;
+        });
         this.layoutAxesFromBottomToTop(left, top, right, bottom, axes);
     };
     return TopAlignedOuterAxisLayoutStrategy;

package/Charting/LayoutManager/TopAlignedOuterHorizontallyStackedAxisLayoutStrategy.d.ts

@@ -8,6 +8,7 @@ import { ChartLayoutState } from "./ChartLayoutState";
  */
 export declare class TopAlignedOuterHorizontallyStackedAxisLayoutStrategy extends BaseAxisLayoutStrategy {
     readonly type = ELayoutStrategyType.TopStacked;
+    readonly isStacked: boolean;
     constructor();
     measureAxes(sciChartSurface: SciChartSurface, chartLayoutState: ChartLayoutState, axes: AxisBase2D[]): void;
     layoutAxes(left: number, top: number, right: number, bottom: number, axes: AxisBase2D[]): void;

package/Charting/LayoutManager/TopAlignedOuterHorizontallyStackedAxisLayoutStrategy.js

@@ -28,6 +28,7 @@ var TopAlignedOuterHorizontallyStackedAxisLayoutStrategy = /** @class */ (functi
     function TopAlignedOuterHorizontallyStackedAxisLayoutStrategy() {
         var _this = _super.call(this) || this;
         _this.type = LayoutStrategyType_1.ELayoutStrategyType.TopStacked;
+        _this.isStacked = true;
         _this.layoutAxisPartsStrategy = AxisLayoutHelpers_1.layoutAxisPartsTopStrategy;
         return _this;
     }
@@ -77,7 +78,6 @@ var TopAlignedOuterHorizontallyStackedAxisLayoutStrategy = /** @class */ (functi
             leftOffset += additionalLeftSize;
             axis.offset = leftOffset - left;
             axis.axisLength = rightOffset - leftOffset;
-            axis.isStackedAxis = true;
             axis.isPrimaryAxis = true;
             axis.viewRect = Rect_1.Rect.createWithCoords(leftOffset, topOffset, rightOffset, bottomOffset);
             leftOffset = rightOffset + additionalRightSize;

package/Charting/Visuals/Annotations/AnnotationBase.d.ts

@@ -39,7 +39,7 @@ export interface IAnnotationBaseOptions {
      */
     isHidden?: boolean;
     /**
-     * @description set annotaion resize direction
+     * @description set annotation resize direction
      */
     resizeDirections?: EXyDirection;
     /**
@@ -187,7 +187,7 @@ export interface IAnnotationBaseOptions {
     /** The thickness of the selection box line */
     selectionBoxThickness?: number;
     /** The dragPoints that should be enabled for this annotation */
-    dragPoints?: EDraggingGripPoint[];
+    dragPoints?: readonly EDraggingGripPoint[];
 }
 /**
  * Defines the CoordinateMode for {@link AnnotationBase | Annotations} within SciChart's
@@ -256,7 +256,7 @@ export declare abstract class AnnotationBase implements IAnnotation, IAdornerPro
     protected selectionBoxStrokeProperty: string;
     protected selectionBoxDeltaProperty: number;
     protected selectionBoxThicknessProperty: number;
-    protected dragPointsProperty: EDraggingGripPoint[];
+    protected dragPointsProperty: readonly EDraggingGripPoint[];
     private opacityProperty;
     private annotationLayerProperty;
     private isEditableProperty;
@@ -371,9 +371,9 @@ export declare abstract class AnnotationBase implements IAnnotation, IAdornerPro
     /** @inheritDoc */
     onDetach(): void;
     /** Get the dragging points that should be enabled for this annotation */
-    getDragPoints(): readonly EDraggingGripPoint[];
+    get dragPoints(): readonly EDraggingGripPoint[];
     /** Set the dragging points that should be enabled for this annotation */
-    setDragPoints(dragPoints: EDraggingGripPoint[]): void;
+    set dragPoints(dragPoints: readonly EDraggingGripPoint[]);
     /** @inheritDoc */
     abstract delete(): void;
     /** Called internally. Send a click to the annotation if the point is in bounds, raising the clicked event and optionally selecting the annotation. */
@@ -426,7 +426,7 @@ export declare abstract class AnnotationBase implements IAnnotation, IAdornerPro
      * Coordinates passed in are the top left and bottom right of the bounding box.
      * To get the bounding coordinates in their original order call this.getAdornerAnnotationBorders(false, true);
      */
-    protected svgStringAdornerTemplate(x1: number, y1: number, x2: number, y2: number): string;
+    svgStringAdornerTemplate(x1: number, y1: number, x2: number, y2: number): string;
     /**
      * Updates adorner layer for the annotation
      * @protected

package/Charting/Visuals/Annotations/AnnotationBase.js

@@ -515,15 +515,19 @@ var AnnotationBase = /** @class */ (function () {
         this.selectedChanged.unsubscribeAll();
         this.deleteAdorner();
     };
-    /** Get the dragging points that should be enabled for this annotation */
-    AnnotationBase.prototype.getDragPoints = function () {
-        return this.dragPointsProperty;
-    };
-    /** Set the dragging points that should be enabled for this annotation */
-    AnnotationBase.prototype.setDragPoints = function (dragPoints) {
-        this.dragPointsProperty = dragPoints;
-        this.notifyPropertyChanged(constants_1.PROPERTY.DRAGPOINTS);
-    };
+    Object.defineProperty(AnnotationBase.prototype, "dragPoints", {
+        /** Get the dragging points that should be enabled for this annotation */
+        get: function () {
+            return this.dragPointsProperty;
+        },
+        /** Set the dragging points that should be enabled for this annotation */
+        set: function (dragPoints) {
+            this.dragPointsProperty = dragPoints;
+            this.notifyPropertyChanged(constants_1.PROPERTY.DRAGPOINTS);
+        },
+        enumerable: false,
+        configurable: true
+    });
     /** Called internally. Send a click to the annotation if the point is in bounds, raising the clicked event and optionally selecting the annotation. */
     AnnotationBase.prototype.click = function (args, selectOnClick) {
         var xyPoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(args.mousePoint, this.parentSurface.seriesViewRect, true);

package/Charting/Visuals/Annotations/AxisMarkerAnnotation.d.ts

@@ -201,7 +201,7 @@ export declare class AxisMarkerAnnotation extends RenderContextAnnotationBase {
     };
     protected checkIsClickedOnAnnotationInternal(x: number, y: number): boolean;
     protected updateAdornerInner(): void;
-    protected svgStringAdornerTemplate: (x1: number, y1: number, x2: number, y2: number) => string;
+    svgStringAdornerTemplate(x1: number, y1: number, x2: number, y2: number): string;
     /**
      * Calculates the adorner center relative to the canvas,
      * The coordinates are not scaled

package/Charting/Visuals/Annotations/AxisMarkerAnnotation.js

@@ -57,13 +57,6 @@ var AxisMarkerAnnotation = /** @class */ (function (_super) {
         _this.fontStyleProperty = "Normal";
         _this.colorProperty = "#FFFFFF";
         _this.backgroundColorProperty = "#b36200";
-        _this.svgStringAdornerTemplate = function (x1, y1, x2, y2) {
-            var colorLine = _this.selectionBoxStroke;
-            var _a = _this.calculateAdornerCenter(), x = _a.x, y = _a.y;
-            var width = x2 - x1;
-            var height = y2 - y1;
-            return "<svg xmlns=\"http://www.w3.org/2000/svg\">\n        <rect x=\"".concat(x1, "\" y=\"").concat(y1, "\" width=\"").concat(width, "\" height=\"").concat(height, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(_this.selectionBoxThickness, "px\" fill=\"none\" />\n        ").concat(_this.getAnnotationGripSvg(x, y), "\n        </svg>");
-        };
         _this.fontSizeProperty = (_a = options === null || options === void 0 ? void 0 : options.fontSize) !== null && _a !== void 0 ? _a : _this.fontSizeProperty;
         _this.fontFamilyProperty = (_b = options === null || options === void 0 ? void 0 : options.fontFamily) !== null && _b !== void 0 ? _b : _this.fontFamilyProperty;
         _this.fontWeightProperty = (_c = options === null || options === void 0 ? void 0 : options.fontWeight) !== null && _c !== void 0 ? _c : _this.fontWeightProperty;
@@ -411,6 +404,13 @@ var AxisMarkerAnnotation = /** @class */ (function (_super) {
             this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, adornerSvgRoot);
         }
     };
+    AxisMarkerAnnotation.prototype.svgStringAdornerTemplate = function (x1, y1, x2, y2) {
+        var colorLine = this.selectionBoxStroke;
+        var _a = this.calculateAdornerCenter(), x = _a.x, y = _a.y;
+        var width = x2 - x1;
+        var height = y2 - y1;
+        return "<svg xmlns=\"http://www.w3.org/2000/svg\">\n        <rect x=\"".concat(x1, "\" y=\"").concat(y1, "\" width=\"").concat(width, "\" height=\"").concat(height, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(this.selectionBoxThickness, "px\" fill=\"none\" />\n        ").concat(this.getAnnotationGripSvg(x, y), "\n        </svg>");
+    };
     /**
      * Calculates the adorner center relative to the canvas,
      * The coordinates are not scaled

package/Charting/Visuals/Annotations/BoxAnnotation.d.ts

@@ -96,6 +96,6 @@ export declare class BoxAnnotation extends RenderContextAnnotationBase {
     protected checkIsClickedOnAnnotationInternal(x: number, y: number): boolean;
     protected notifyPropertyChanged(propertyName: string): void;
     protected updateAdornerInner(): void;
-    protected svgStringAdornerTemplate: (x1: number, y1: number, x2: number, y2: number) => string;
+    svgStringAdornerTemplate(x1: number, y1: number, x2: number, y2: number): string;
     private drawWithProvider;
 }

package/Charting/Visuals/Annotations/BoxAnnotation.js

@@ -56,27 +56,6 @@ var BoxAnnotation = /** @class */ (function (_super) {
         /** @inheritDoc */
         _this.type = IAnnotation_1.EAnnotationType.RenderContextBoxAnnotation;
         _this.strokeThicknessProperty = 1;
-        _this.svgStringAdornerTemplate = function (x1, y1, x2, y2) {
-            var colorLine = _this.selectionBoxStroke;
-            var width = x2 - x1;
-            var height = y2 - y1;
-            var svg = "<svg xmlns=\"http://www.w3.org/2000/svg\">\n        <rect x=\"".concat(x1, "\" y=\"").concat(y1, "\" width=\"").concat(width, "\" height=\"").concat(height, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(_this.selectionBoxThickness, "px\" fill=\"none\" />\n        ");
-            var grips = _this.getAdornerAnnotationBorders(false, true);
-            if (_this.canDragPoint(AnnotationBase_1.EDraggingGripPoint.x1y1)) {
-                svg += _this.getAnnotationGripSvg(grips.x1, grips.y1);
-            }
-            if (_this.canDragPoint(AnnotationBase_1.EDraggingGripPoint.x2y2)) {
-                svg += _this.getAnnotationGripSvg(grips.x2, grips.y2);
-            }
-            if (_this.canDragPoint(AnnotationBase_1.EDraggingGripPoint.x2y1)) {
-                svg += _this.getAnnotationGripSvg(grips.x2, grips.y1);
-            }
-            if (_this.canDragPoint(AnnotationBase_1.EDraggingGripPoint.x1y2)) {
-                svg += _this.getAnnotationGripSvg(grips.x1, grips.y2);
-            }
-            svg += "</svg>";
-            return svg;
-        };
         _this.stroke = (_a = options === null || options === void 0 ? void 0 : options.stroke) !== null && _a !== void 0 ? _a : "#ffffff";
         _this.strokeThickness = (_b = options === null || options === void 0 ? void 0 : options.strokeThickness) !== null && _b !== void 0 ? _b : 1;
         _this.fill = (_c = options === null || options === void 0 ? void 0 : options.fill) !== null && _c !== void 0 ? _c : "#777777";
@@ -328,6 +307,27 @@ var BoxAnnotation = /** @class */ (function (_super) {
             this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, adornerSvgRoot);
         }
     };
+    BoxAnnotation.prototype.svgStringAdornerTemplate = function (x1, y1, x2, y2) {
+        var colorLine = this.selectionBoxStroke;
+        var width = x2 - x1;
+        var height = y2 - y1;
+        var svg = "<svg xmlns=\"http://www.w3.org/2000/svg\">\n        <rect x=\"".concat(x1, "\" y=\"").concat(y1, "\" width=\"").concat(width, "\" height=\"").concat(height, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(this.selectionBoxThickness, "px\" fill=\"none\" />\n        ");
+        var grips = this.getAdornerAnnotationBorders(false, true);
+        if (this.canDragPoint(AnnotationBase_1.EDraggingGripPoint.x1y1)) {
+            svg += this.getAnnotationGripSvg(grips.x1, grips.y1);
+        }
+        if (this.canDragPoint(AnnotationBase_1.EDraggingGripPoint.x2y2)) {
+            svg += this.getAnnotationGripSvg(grips.x2, grips.y2);
+        }
+        if (this.canDragPoint(AnnotationBase_1.EDraggingGripPoint.x2y1)) {
+            svg += this.getAnnotationGripSvg(grips.x2, grips.y1);
+        }
+        if (this.canDragPoint(AnnotationBase_1.EDraggingGripPoint.x1y2)) {
+            svg += this.getAnnotationGripSvg(grips.x1, grips.y2);
+        }
+        svg += "</svg>";
+        return svg;
+    };
     BoxAnnotation.prototype.drawWithProvider = function (renderContext, linesPen, fillBrush, xCalc, yCalc, rect, viewRect) {
         var webAssemblyContext = this.parentSurface.webAssemblyContext2D;
         var args = new webAssemblyContext.SCRTColumnDrawingParams();

package/Charting/Visuals/Annotations/LineAnnotation.d.ts

@@ -188,5 +188,5 @@ export declare class LineAnnotation extends RenderContextAnnotationBase {
     protected checkIsClickedOnAnnotationInternal(x: number, y: number): boolean;
     protected notifyPropertyChanged(propertyName: string): void;
     protected updateAdornerInner(): void;
-    protected svgStringAdornerTemplate: (x1: number, y1: number, x2: number, y2: number) => string;
+    svgStringAdornerTemplate(x1: number, y1: number, x2: number, y2: number): string;
 }

package/Charting/Visuals/Annotations/LineAnnotation.js

@@ -73,10 +73,6 @@ var LineAnnotation = /** @class */ (function (_super) {
         _this.axisLabelFillProperty = "#b36200";
         _this.labelPlacementProperty = LabelPlacement_1.ELabelPlacement.Auto;
         _this.labelValueProperty = "";
-        _this.svgStringAdornerTemplate = function (x1, y1, x2, y2) {
-            var colorLine = _this.selectionBoxStroke;
-            return "<svg xmlns=\"http://www.w3.org/2000/svg\">\n    <line x1=\"".concat(x1, "\" y1=\"").concat(y1, "\" x2=\"").concat(x2, "\" y2=\"").concat(y2, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"6\" />\n    ").concat(_this.canDragPoint(AnnotationBase_1.EDraggingGripPoint.x1y1) ? _this.getAnnotationGripSvg(x1, y1) : "", "\n    ").concat(_this.canDragPoint(AnnotationBase_1.EDraggingGripPoint.x2y2) ? _this.getAnnotationGripSvg(x2, y2) : "", "\n    </svg>");
-        };
         _this.stroke = (_a = options === null || options === void 0 ? void 0 : options.stroke) !== null && _a !== void 0 ? _a : _this.strokeProperty;
         _this.strokeThickness = (_b = options === null || options === void 0 ? void 0 : options.strokeThickness) !== null && _b !== void 0 ? _b : _this.strokeThicknessProperty;
         _this.strokeDashArray = (_c = options === null || options === void 0 ? void 0 : options.strokeDashArray) !== null && _c !== void 0 ? _c : _this.strokeDashArrayProperty;
@@ -453,6 +449,10 @@ var LineAnnotation = /** @class */ (function (_super) {
             this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, adornerSvgRoot);
         }
     };
+    LineAnnotation.prototype.svgStringAdornerTemplate = function (x1, y1, x2, y2) {
+        var colorLine = this.selectionBoxStroke;
+        return "<svg xmlns=\"http://www.w3.org/2000/svg\">\n    <line x1=\"".concat(x1, "\" y1=\"").concat(y1, "\" x2=\"").concat(x2, "\" y2=\"").concat(y2, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"6\" />\n    ").concat(this.canDragPoint(AnnotationBase_1.EDraggingGripPoint.x1y1) ? this.getAnnotationGripSvg(x1, y1) : "", "\n    ").concat(this.canDragPoint(AnnotationBase_1.EDraggingGripPoint.x2y2) ? this.getAnnotationGripSvg(x2, y2) : "", "\n    </svg>");
+    };
     return LineAnnotation;
 }(RenderContextAnnotationBase_1.RenderContextAnnotationBase));
 exports.LineAnnotation = LineAnnotation;

package/Charting/Visuals/Annotations/NativeTextAnnotation.d.ts

@@ -210,5 +210,5 @@ export declare class NativeTextAnnotation extends RenderContextAnnotationBase {
     };
     protected checkIsClickedOnAnnotationInternal(x: number, y: number): boolean;
     protected updateAdornerInner(): void;
-    protected svgStringAdornerTemplate: (x1: number, y1: number, x2: number, y2: number) => string;
+    svgStringAdornerTemplate(x1: number, y1: number, x2: number, y2: number): string;
 }