scichart 3.0.266 → 3.0.280

package/Charting/LayoutManager/LeftAlignedInnerAxisLayoutStrategy.js

@@ -41,6 +41,11 @@ var LeftAlignedInnerAxisLayoutStrategy = /** @class */ (function (_super) {
         chartLayoutState.leftInnerAreaSize = Math.max(chartLayoutState.leftInnerAreaSize, requiredSize);
     };
     LeftAlignedInnerAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
+        // Set axisLength to default value which is seriesViewRect.height
+        axes.forEach(function (axis) {
+            axis.axisLength = undefined;
+            axis.offset = 0;
+        });
         if (axes.length === 0) {
             return;
         }

package/Charting/LayoutManager/LeftAlignedOuterAxisLayoutStrategy.js

@@ -43,6 +43,11 @@ var LeftAlignedOuterAxisLayoutStrategy = /** @class */ (function (_super) {
         chartLayoutState.leftOuterAreaSize = Math.max(chartLayoutState.leftOuterAreaSize, requiredSize);
     };
     LeftAlignedOuterAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
+        // Set axisLength to default value which is seriesViewRect.height
+        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

@@ -41,6 +41,11 @@ var RightAlignedInnerAxisLayoutStrategy = /** @class */ (function (_super) {
         chartLayoutState.rightInnerAreaSize = Math.max(chartLayoutState.rightInnerAreaSize, requiredSize);
     };
     RightAlignedInnerAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
+        // Set axisLength to default value which is seriesViewRect.height
+        axes.forEach(function (axis) {
+            axis.axisLength = undefined;
+            axis.offset = 0;
+        });
         if (axes.length === 0) {
             return;
         }

package/Charting/LayoutManager/RightAlignedOuterAxisLayoutStrategy.js

@@ -43,6 +43,11 @@ var RightAlignedOuterAxisLayoutStrategy = /** @class */ (function (_super) {
         chartLayoutState.rightOuterAreaSize = Math.max(chartLayoutState.rightOuterAreaSize, requiredSize);
     };
     RightAlignedOuterAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
+        // Set axisLength to default value which is seriesViewRect.height
+        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

@@ -41,6 +41,11 @@ var TopAlignedInnerAxisLayoutStrategy = /** @class */ (function (_super) {
         chartLayoutState.topInnerAreaSize = Math.max(chartLayoutState.topInnerAreaSize, requiredSize);
     };
     TopAlignedInnerAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
+        // Set axisLength to default value which is seriesViewRect.width
+        axes.forEach(function (axis) {
+            axis.axisLength = undefined;
+            axis.offset = 0;
+        });
         if (axes.length === 0) {
             return;
         }

package/Charting/LayoutManager/TopAlignedOuterAxisLayoutStrategy.js

@@ -43,6 +43,11 @@ var TopAlignedOuterAxisLayoutStrategy = /** @class */ (function (_super) {
         chartLayoutState.topOuterAreaSize = Math.max(chartLayoutState.topOuterAreaSize, requiredSize);
     };
     TopAlignedOuterAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
+        // Set axisLength to default value which is seriesViewRect.width
+        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;
 }

package/Charting/Visuals/Annotations/NativeTextAnnotation.js

@@ -74,27 +74,6 @@ var NativeTextAnnotation = /** @class */ (function (_super) {
         _this.multiLineAlignmentProperty = TextPosition_1.EMultiLineAlignment.Center;
         _this.lineSpacingProperty = 3;
         _this.scaleProperty = 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.textColorProperty = (_a = options === null || options === void 0 ? void 0 : options.textColor) !== null && _a !== void 0 ? _a : _this.textColorProperty;
         _this.fontSizeProperty = (_b = options === null || options === void 0 ? void 0 : options.fontSize) !== null && _b !== void 0 ? _b : _this.fontSizeProperty;
         _this.fontFamilyProperty = (_c = options === null || options === void 0 ? void 0 : options.fontFamily) !== null && _c !== void 0 ? _c : _this.fontFamilyProperty;
@@ -572,6 +551,27 @@ var NativeTextAnnotation = /** @class */ (function (_super) {
             this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, adornerSvgRoot);
         }
     };
+    NativeTextAnnotation.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;
+    };
     return NativeTextAnnotation;
 }(RenderContextAnnotationBase_1.RenderContextAnnotationBase));
 exports.NativeTextAnnotation = NativeTextAnnotation;

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

@@ -116,5 +116,5 @@ export declare abstract class SvgAnnotationBase extends AnnotationBase {
      * @protected
      */
     protected calcAndSetAnnotationBorders(xCalc: CoordinateCalculatorBase, yCalc: CoordinateCalculatorBase): 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/Axis/AxisBase2D.d.ts

@@ -244,10 +244,6 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * This is only used to allow multiple primary axes, so that all stacked axes can draw gridlines
      */
     get isStackedAxis(): boolean;
-    /** Internal Use.  Gets or Sets if this axis is stacked
-     * This is only used to allow multiple primary axes, so that all stacked axes can draw gridlines
-     */
-    set isStackedAxis(value: boolean);
     /**
      * Gets the background color of separate Axis
      */
@@ -348,7 +344,6 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
     private visibleRangeSizeLimitProperty;
     private zoomExtentsRangeProperty;
     private isPrimaryAxisProperty;
-    private isStackedAxisProperty;
     private stackedAxisLengthProperty;
     private penCacheForMajorGridLines;
     private penCacheForMinorGridLines;

package/Charting/Visuals/Axis/AxisBase2D.js

@@ -119,7 +119,6 @@ var AxisBase2D = /** @class */ (function (_super) {
         };
         _this.isInnerAxisProperty = false;
         _this.isPrimaryAxisProperty = false;
-        _this.isStackedAxisProperty = false;
         _this.axisBorderProperty = {
             borderBottom: 0,
             borderLeft: 0,
@@ -342,14 +341,14 @@ var AxisBase2D = /** @class */ (function (_super) {
             if (this.isPrimaryAxisProperty !== value) {
                 this.isPrimaryAxisProperty = value;
                 this.notifyPropertyChanged(constants_1.PROPERTY.IS_PRIMARY_AXIS);
-                if (value && !this.isStackedAxis) {
-                    var axes = this.isXAxis ? this.parentSurface.xAxes : this.parentSurface.yAxes;
-                    axes.asArray().forEach(function (a) {
-                        if (a !== _this && !a.isStackedAxis) {
-                            a.isPrimaryAxis = false;
-                        }
-                    });
-                }
+            }
+            if (value && !this.isStackedAxis) {
+                var axes = this.isXAxis ? this.parentSurface.xAxes : this.parentSurface.yAxes;
+                axes.asArray().forEach(function (a) {
+                    if (a !== _this && !a.isStackedAxis) {
+                        a.isPrimaryAxis = false;
+                    }
+                });
             }
         },
         enumerable: false,
@@ -360,13 +359,8 @@ var AxisBase2D = /** @class */ (function (_super) {
          * This is only used to allow multiple primary axes, so that all stacked axes can draw gridlines
          */
         get: function () {
-            return this.isStackedAxisProperty;
-        },
-        /** Internal Use.  Gets or Sets if this axis is stacked
-         * This is only used to allow multiple primary axes, so that all stacked axes can draw gridlines
-         */
-        set: function (value) {
-            this.isStackedAxisProperty = value;
+            var layoutStrategy = this.parentSurface.layoutManager.getAxisLayoutStrategy(this.axisAlignment, this.isInnerAxis);
+            return layoutStrategy.isStacked;
         },
         enumerable: false,
         configurable: true
@@ -622,14 +616,14 @@ var AxisBase2D = /** @class */ (function (_super) {
      */
     AxisBase2D.prototype.draw = function (renderContext) {
         var _this = this;
+        if (!this.getIsValidForDrawing()) {
+            return;
+        }
         // Draw the Axis borders
         var axisBordersLayer = (0, WebGlRenderContext2D_1.calculateAbsoluteRenderLayer)(this.parentSurface.layersOffset, this.parentSurface.stepBetweenLayers, DefaultRenderLayer_1.EDefaultRenderLayer.AxisBordersLayer);
         renderContext.enqueueLayeredDraw(function () {
             (0, drawBorder_1.drawBorder)(renderContext, _this.webAssemblyContext2D, _this.solidBrushCacheBorder, _this.viewRect, _this.axisBorder.borderLeft, _this.axisBorder.borderTop, _this.axisBorder.borderRight, _this.axisBorder.borderBottom, _this.axisBorder.color);
         }, axisBordersLayer);
-        if (!this.getIsValidForDrawing()) {
-            return;
-        }
         var tickObject = this.getTicksWithCoords();
         var minorGridStyle = this.minorGridLineStyle;
         var majorGridStyle = this.majorGridLineStyle;

package/Charting/Visuals/Axis/AxisCore.js

@@ -966,7 +966,10 @@ var AxisCore = /** @class */ (function () {
      * The coordinate-calculator allows you to transform between pixel and data coordinates (and vice versa)
      */
     AxisCore.prototype.getCurrentCoordinateCalculator = function () {
-        if (!this.coordCalcCache || this.coordCalcCache.viewportDimension !== this.getAxisSize()) {
+        if (this.coordCalcCache && this.coordCalcCache.viewportDimension !== this.getAxisSize()) {
+            this.clearCoordCalcCache();
+        }
+        if (!this.coordCalcCache) {
             this.coordCalcCache = this.getCurrentCoordinateCalculatorInternal();
         }
         return this.coordCalcCache;

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

@@ -1,6 +1,12 @@
 import { IDeletable } from "../../../Core/IDeletable";
 import { SCRTColorVertex, SCRTFontKey, SCRTRectVertex, TSciChart, TSRTextBounds, TSRVector4, VectorColorVertex, VectorRectVertex } from "../../../types/TSciChart";
 import { TTextStyle } from "../Axis/AxisCore";
+export declare class FontKey implements IDeletable {
+    readonly firstLoadTime: number;
+    readonly nativeKey: SCRTFontKey;
+    constructor(nativeKey: SCRTFontKey);
+    delete(): void;
+}
 export declare const freeCache: (wasmContext: TSciChart) => IDeletable;
 /**
  * Returns an empty vector of Rectangles

package/Charting/Visuals/Helpers/NativeObject.js

@@ -1,8 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAllFontKeys = exports.getFontKey = exports.getVector4 = exports.getNativeRect = exports.getTextBounds = exports.getVertex = exports.getVectorColorVertex = exports.getVectorRectVertex = exports.freeCache = void 0;
+exports.getAllFontKeys = exports.getFontKey = exports.getVector4 = exports.getNativeRect = exports.getTextBounds = exports.getVertex = exports.getVectorColorVertex = exports.getVectorRectVertex = exports.freeCache = exports.FontKey = void 0;
 var Deleter_1 = require("../../../Core/Deleter");
 var LabelCache_1 = require("../Axis/LabelProvider/LabelCache");
+var SciChartDefaults_1 = require("../SciChartDefaults");
+var FontKey = /** @class */ (function () {
+    function FontKey(nativeKey) {
+        this.firstLoadTime = Date.now();
+        this.nativeKey = nativeKey;
+    }
+    FontKey.prototype.delete = function () {
+        (0, Deleter_1.deleteSafe)(this.nativeKey);
+    };
+    return FontKey;
+}());
+exports.FontKey = FontKey;
 var objectCache = new Map();
 var getCache = function (wasmContext) {
     var _a, _b;
@@ -154,14 +166,19 @@ var getFontKey = function (webAssemblyContext, labelStyle, advanced, transformed
     };
     var styleId = LabelCache_1.labelCache.getStyleId(newStyle);
     if (!keyCache.has(styleId)) {
-        var fontKey = new webAssemblyContext.SCRTFontKey(labelStyle.fontFamily, labelStyle.fontSize, transformed, advanced);
+        var fontKey = new FontKey(new webAssemblyContext.SCRTFontKey(labelStyle.fontFamily, labelStyle.fontSize, transformed, advanced));
         keyCache.set(styleId, fontKey);
     }
-    return keyCache.get(styleId);
+    var key = keyCache.get(styleId);
+    var timeSinceLoad = Date.now() - key.firstLoadTime;
+    if (timeSinceLoad > SciChartDefaults_1.SciChartDefaults.nativeFontTimeout) {
+        key.nativeKey.m_reload = false;
+    }
+    return key.nativeKey;
 };
 exports.getFontKey = getFontKey;
 var getAllFontKeys = function (webAssemblyContext) {
     var cache = getCache(webAssemblyContext);
-    return Array.from(cache.keyCache.values());
+    return Array.from(cache.keyCache.values()).map(function (k) { return k.nativeKey; });
 };
 exports.getAllFontKeys = getAllFontKeys;

package/Charting/Visuals/I2DSurfaceOptions.d.ts

@@ -42,7 +42,7 @@ export interface I2DSurfaceOptions extends ISurfaceOptionsBase {
     canvasBorder?: TBorder;
     drawSeriesBehindAxis?: boolean;
     /**
-     * Optional - Controls how often series colours set to AUTO_COLOR will be resolved.  Default OnAddRemoveSeries
+     * Optional - An {@link EAutoColorMode} which controls how often series colours set to AUTO_COLOR will be resolved.  Default OnAddRemoveSeries
      */
     autoColorMode?: EAutoColorMode;
 }