scichart 2.0.2144 → 2.0.2186

package/Charting/Visuals/Annotations/SvgAnnotationBase.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -68,8 +70,10 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
          * Gets or sets an offset to shift X-coordinates
          */
         set: function (value) {
-            this.xCoordShiftProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.X_COORD_SHIFT);
+            if (this.xCoordShiftProperty !== value) {
+                this.xCoordShiftProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.X_COORD_SHIFT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -85,8 +89,10 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
          * Gets or sets an offset to shift Y-coordinates
          */
         set: function (value) {
-            this.yCoordShiftProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.Y_COORD_SHIFT);
+            if (this.yCoordShiftProperty !== value) {
+                this.yCoordShiftProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.Y_COORD_SHIFT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -102,8 +108,10 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
          * Gets or sets vertical anchor point
          */
         set: function (value) {
-            this.verticalAnchorPointProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.VERTICAL_ANCHOR_POINT);
+            if (this.verticalAnchorPointProperty !== value) {
+                this.verticalAnchorPointProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.VERTICAL_ANCHOR_POINT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -119,8 +127,10 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
          * Gets or sets horizontal anchor point
          */
         set: function (value) {
-            this.horizontalAnchorPointProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.HORIZONTAL_ANCHOR_POINT);
+            if (this.horizontalAnchorPointProperty !== value) {
+                this.horizontalAnchorPointProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.HORIZONTAL_ANCHOR_POINT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -200,12 +210,12 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
         if (this.horizontalAnchorPoint === AnchorPoint_1.EHorizontalAnchorPoint.Center) {
             circleCenterX = circleCenterX + width;
         }
-        var xyMousePoint = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect);
+        var xyMousePoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect);
         if (!xyMousePoint) {
             return false;
         }
         if (xyCoord1) {
-            var dist = pointUtil_1.calcDistance(circleCenterX, circleCenterY, translate_1.translateToNotScaled(xyMousePoint.x), translate_1.translateToNotScaled(xyMousePoint.y));
+            var dist = (0, pointUtil_1.calcDistance)(circleCenterX, circleCenterY, (0, translate_1.translateToNotScaled)(xyMousePoint.x), (0, translate_1.translateToNotScaled)(xyMousePoint.y));
             if (dist < constants_1.ADORNER_GRIP_RADIUS) {
                 this.adornerDraggingPoint = AnnotationBase_1.EDraggingGripPoint.Point1;
                 return true;
@@ -247,7 +257,7 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
         // For SVG annotations we need to use not scaled coordinates
         var notScaledX = x / DpiHelper_1.DpiHelper.PIXEL_RATIO;
         var notScaledY = y / DpiHelper_1.DpiHelper.PIXEL_RATIO;
-        return pointUtil_1.testIsInBounds(notScaledX, notScaledY, x1, y2, x2, y1);
+        return (0, pointUtil_1.testIsInBounds)(notScaledX, notScaledY, x1, y2, x2, y1);
     };
     SvgAnnotationBase.prototype.updateAdornerInner = function () {
         var _a = this.getAdornerAnnotationBorders(true), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
@@ -323,5 +333,5 @@ var svgStringAdornerTemplate = function (x1, y1, x2, y2, verticalAnchorPoint, ho
     if (horizontalAnchorPoint === AnchorPoint_1.EHorizontalAnchorPoint.Center) {
         circleCenterX = circleCenterX + width;
     }
-    return "<svg xmlns=\"http://www.w3.org/2000/svg\">\n    <line x1=\"" + (x1 - delta) + "\" y1=\"" + y1 + "\" x2=\"" + (x2 + delta) + "\" y2=\"" + y1 + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n    <line x1=\"" + x2 + "\" y1=\"" + (y1 + delta) + "\" x2=\"" + x2 + "\" y2=\"" + (y2 - delta) + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n    <line x1=\"" + (x1 - delta) + "\" y1=\"" + y2 + "\" x2=\"" + (x2 + delta) + "\" y2=\"" + y2 + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n    <line x1=\"" + x1 + "\" y1=\"" + (y1 + delta) + "\" x2=\"" + x1 + "\" y2=\"" + (y2 - delta) + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n    <circle cx=\"" + circleCenterX + "\" cy=\"" + circleCenterY + "\" r=\"" + constants_1.ADORNER_GRIP_RADIUS + "\" fill=\"" + adornerFill + "\" stroke=\"" + adornerStroke + "\"/>\n  </svg>";
+    return "<svg xmlns=\"http://www.w3.org/2000/svg\">\n    <line x1=\"".concat(x1 - delta, "\" y1=\"").concat(y1, "\" x2=\"").concat(x2 + delta, "\" y2=\"").concat(y1, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n    <line x1=\"").concat(x2, "\" y1=\"").concat(y1 + delta, "\" x2=\"").concat(x2, "\" y2=\"").concat(y2 - delta, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n    <line x1=\"").concat(x1 - delta, "\" y1=\"").concat(y2, "\" x2=\"").concat(x2 + delta, "\" y2=\"").concat(y2, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n    <line x1=\"").concat(x1, "\" y1=\"").concat(y1 + delta, "\" x2=\"").concat(x1, "\" y2=\"").concat(y2 - delta, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n    <circle cx=\"").concat(circleCenterX, "\" cy=\"").concat(circleCenterY, "\" r=\"").concat(constants_1.ADORNER_GRIP_RADIUS, "\" fill=\"").concat(adornerFill, "\" stroke=\"").concat(adornerStroke, "\"/>\n  </svg>");
 };

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

@@ -70,7 +70,7 @@ export declare class TextAnnotation extends SvgAnnotationBase {
     set fontWeight(fontWeight: string);
     toJSON(): {
         type: EAnnotationType;
-        options: Required<Pick<import("./AnnotationBase").IAnnotationBaseOptions, "opacity" | "id" | "annotationLayer" | "isHidden" | "resizeDirections" | "isEditable" | "x1" | "x2" | "y1" | "y2" | "xAxisId" | "xCoordinateMode" | "yAxisId" | "yCoordinateMode" | "isSelected" | "onDragStarted" | "onDragEnded" | "onDrag">>;
+        options: Required<Omit<import("./AnnotationBase").IAnnotationBaseOptions, never>>;
     };
     /**
      * Notifies listeners of {@link invalidateParentCallback} that a property has changed

package/Charting/Visuals/Annotations/TextAnnotation.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -160,7 +162,7 @@ exports.TextAnnotation = TextAnnotation;
 /** @ignore */
 /** @ignore */
 var createSvg = function (svgRoot, text, color, fontSize, fontFamily, fontWeight) {
-    var svgString = "<svg class=\"scichart__text-annotation\">\n        <text x=\"0\" y=\"" + fontSize + "\" fill=\"" + color + "\" font-size=\"" + fontSize + "\" font-family=\"" + fontFamily + "\" font-weight=\"" + fontWeight + "\">" + text + "</text>\n    </svg>";
+    var svgString = "<svg class=\"scichart__text-annotation\">\n        <text x=\"0\" y=\"".concat(fontSize, "\" fill=\"").concat(color, "\" font-size=\"").concat(fontSize, "\" font-family=\"").concat(fontFamily, "\" font-weight=\"").concat(fontWeight, "\">").concat(text, "</text>\n    </svg>");
     var svgNode = document.createRange().createContextualFragment(svgString);
     svgRoot.appendChild(svgNode);
     return svgRoot.lastChild;

package/Charting/Visuals/Annotations/VerticalLineAnnotation.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -109,7 +111,7 @@ var VerticalLineAnnotation = /** @class */ (function (_super) {
         Guard_1.Guard.notNull(renderContext, "renderContext");
         Guard_1.Guard.notNull(xCalc, "xCalc");
         Guard_1.Guard.notNull(yCalc, "yCalc");
-        var strokePen = Pen2DCache_1.getWebGlPenFromCache(this.strokePenCache);
+        var strokePen = (0, Pen2DCache_1.getWebGlPenFromCache)(this.strokePenCache);
         var _a = this.getDrawConfig(xCalc, yCalc), annotationCoord = _a.annotationCoord, lineAnnotationEdgeCoord = _a.lineAnnotationEdgeCoord, horizontalAxis = _a.horizontalAxis, verticalAxis = _a.verticalAxis, horizontalAxisCoordinateMode = _a.horizontalAxisCoordinateMode, verticalAxisCoordinateMode = _a.verticalAxisCoordinateMode, horizontalCoordinateCalculator = _a.horizontalCoordinateCalculator, verticalCoordinateCalculator = _a.verticalCoordinateCalculator, isAlignmentTop = _a.isAlignmentTop;
         var borderY1 = viewRect.height;
         var borderY2 = 0;
@@ -136,10 +138,10 @@ var VerticalLineAnnotation = /** @class */ (function (_super) {
         var isLineAnnotationEdgeVisible = !isPartialLine || isLineAnnotationInVerticalVisibleRange;
         if (isAxisLabelInHorizontalVisibleRange && isLineAnnotationEdgeVisible) {
             var textStyle = __assign(__assign({}, verticalAxis.labelStyle), { color: this.axisLabelStroke, fontSize: this.axisFontSize * DpiHelper_1.DpiHelper.PIXEL_RATIO, fontFamily: this.axisFontFamily });
-            var labelRect = drawLabel_1.drawLineAnnotation(horizontalAxis, renderContext, this.labelPlacement, this.labelValue, borderX1, borderX2, borderY1, borderY2, textStyle, this.axisLabelFill, strokePen, viewRect, this.showLabel, this.opacity);
+            var labelRect = (0, drawLabel_1.drawLineAnnotation)(horizontalAxis, renderContext, this.labelPlacement, this.labelValue, borderX1, borderX2, borderY1, borderY2, textStyle, this.axisLabelFill, strokePen, viewRect, this.showLabel, this.opacity);
             if (labelRect) {
-                var point1 = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(labelRect.left, labelRect.top), viewRect, true);
-                var point2 = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(labelRect.right, labelRect.bottom), viewRect, true);
+                var point1 = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(labelRect.left, labelRect.top), viewRect, true);
+                var point2 = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(labelRect.right, labelRect.bottom), viewRect, true);
                 this.labelRect = Rect_1.Rect.createWithPoints(point1, point2);
             }
         }
@@ -168,7 +170,7 @@ var VerticalLineAnnotation = /** @class */ (function (_super) {
         if (this.dragOnLabel && this.labelRect) {
             var _a = this.labelRect, left = _a.left, top_1 = _a.top, right = _a.right, bottom = _a.bottom;
             // TODO not sure if this is a bug in testIsInBounds or if it's just the reversed nature of y on screen
-            if (pointUtil_1.testIsInBounds(x, y, left, bottom, right, top_1)) {
+            if ((0, pointUtil_1.testIsInBounds)(x, y, left, bottom, right, top_1)) {
                 return true;
             }
         }

package/Charting/Visuals/Axis/AxisBase2D.d.ts

@@ -122,14 +122,20 @@ export interface IAxisBase2dOptions extends IAxisCoreOptions {
      */
     keepLabelsWithinAxis?: boolean;
     /**
-     * Default (true) is to not show labels that would overlap.  When using rotation you may want to set this false,
-     * as the bounding box of ratoated text may overlap even if the text itself does not.
+     * Default (true) is to not show labels that would overlap. When using rotation you may want to set this false,
+     * as the bounding box of rotated text may overlap even if the text itself does not.
      */
     hideOverlappingLabels?: boolean;
     /**
      * Options to configure if and how the axis should animate when autoRanging
      */
     autoRangeAnimation?: IAutoRangeAnimationOptions;
+    /**
+     * Sets axis label area thickness, by default the value is calculated to have enough space for labels.
+     * However, this property allows to set minimal width/height for vertical/horizontal axes.
+     * Useful to align seriesViewRects for different charts
+     */
+    axisThickness?: number;
 }
 /**
  * The base class for 2D Chart Axis within SciChart - High Performance {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}.
@@ -225,12 +231,9 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      */
     set isStackedAxis(value: boolean);
     /**
-     * Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
+     * Called internally - Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
      */
     get axisLength(): number;
-    /**
-     * Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
-     */
     set axisLength(value: number);
     /**
      * Gets or sets the offset of the axis position.
@@ -322,10 +325,11 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * @param options Optional parameters of type {@link IAxisBase2dOptions} used to configure the axis at instantiation time
      */
     protected constructor(webAssemblyContext: TSciChart, options?: IAxisBase2dOptions);
+    /** @inheritDoc */
+    applyTheme(themeProvider: IThemeProvider): void;
     /**
-     * @inheritDoc
+     * Called when the {@link AxisBase2D} is attached to an {@link SciChartSurface}
      */
-    applyTheme(themeProvider: IThemeProvider): void;
     onAttach(parentSurface: SciChartSurface, isXAxis: boolean, isPrimaryAxis: boolean): void;
     /**
      * Called internally - measures the axis as part of the layout phase
@@ -385,6 +389,10 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      */
     zoom(fromCoord: number, toCoord: number, duration?: number, easingFunction?: TEasingFn): void;
     scale(initialRange: NumberRange, delta: number, isMoreThanHalf: boolean): void;
+    /**
+     * @inheritDoc
+     */
+    animateVisibleRange(visibleRange: NumberRange, durationMs: number, easingFunction?: TEasingFn, onCompleted?: () => void): import("../../../Core/Animations/GenericAnimation").IGenericAnimation;
     /**
      * @inheritDoc
      */

package/Charting/Visuals/Axis/AxisBase2D.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -27,6 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AxisBase2D = exports.EClipMode = void 0;
 var classFactory_1 = require("../../../Builder/classFactory");
 var EasingFunctions_1 = require("../../../Core/Animations/EasingFunctions");
+var NumberRangeAnimator_1 = require("../../../Core/Animations/NumberRangeAnimator");
 var Deleter_1 = require("../../../Core/Deleter");
 var NumberRange_1 = require("../../../Core/NumberRange");
 var Thickness_1 = require("../../../Core/Thickness");
@@ -97,7 +100,7 @@ var AxisBase2D = /** @class */ (function (_super) {
      * @param options Optional parameters of type {@link IAxisBase2dOptions} used to configure the axis at instantiation time
      */
     function AxisBase2D(webAssemblyContext, options) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         var _this = _super.call(this, options) || this;
         /**
          * Gets the {@link AxisLayoutState} class which manages layout
@@ -132,21 +135,24 @@ var AxisBase2D = /** @class */ (function (_super) {
         _this.penCacheForMinorTickLines = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
         _this.solidBrushCacheAxisBands = new SolidBrushCache_1.SolidBrushCache(webAssemblyContext);
         _this.axisRenderer = new AxisRenderer_1.AxisRenderer(webAssemblyContext);
-        _this.axisRenderer.keepLabelsWithinAxis = (_a = options === null || options === void 0 ? void 0 : options.keepLabelsWithinAxis) !== null && _a !== void 0 ? _a : _this.axisRenderer.keepLabelsWithinAxis;
-        _this.axisRenderer.hideOverlappingLabels = (_b = options === null || options === void 0 ? void 0 : options.hideOverlappingLabels) !== null && _b !== void 0 ? _b : _this.axisRenderer.hideOverlappingLabels;
+        _this.axisRenderer.keepLabelsWithinAxis =
+            (_a = options === null || options === void 0 ? void 0 : options.keepLabelsWithinAxis) !== null && _a !== void 0 ? _a : _this.axisRenderer.keepLabelsWithinAxis;
+        _this.axisRenderer.hideOverlappingLabels =
+            (_b = options === null || options === void 0 ? void 0 : options.hideOverlappingLabels) !== null && _b !== void 0 ? _b : _this.axisRenderer.hideOverlappingLabels;
+        _this.axisRenderer.axisThickness = (_c = options === null || options === void 0 ? void 0 : options.axisThickness) !== null && _c !== void 0 ? _c : _this.axisRenderer.axisThickness;
         _this.axisTitleRenderer = new AxisTitleRenderer_1.AxisTitleRenderer(webAssemblyContext);
         _this.tickCoordinatesProvider = new DefaultTickCoordinatesProvider_1.DefaultTickCoordinatesProvider();
-        _this.visibleRangeLimit = (_c = options === null || options === void 0 ? void 0 : options.visibleRangeLimit) !== null && _c !== void 0 ? _c : _this.visibleRangeLimit;
+        _this.visibleRangeLimit = (_d = options === null || options === void 0 ? void 0 : options.visibleRangeLimit) !== null && _d !== void 0 ? _d : _this.visibleRangeLimit;
         _this.zoomExtentsRange = (options === null || options === void 0 ? void 0 : options.zoomExtentsToInitialRange) ? _this.visibleRange : options === null || options === void 0 ? void 0 : options.zoomExtentsRange;
-        _this.axisAlignment = (_d = options === null || options === void 0 ? void 0 : options.axisAlignment) !== null && _d !== void 0 ? _d : _this.axisAlignment;
-        _this.axisTitle = (_e = options === null || options === void 0 ? void 0 : options.axisTitle) !== null && _e !== void 0 ? _e : _this.axisTitle;
+        _this.axisAlignment = (_e = options === null || options === void 0 ? void 0 : options.axisAlignment) !== null && _e !== void 0 ? _e : _this.axisAlignment;
+        _this.axisTitle = (_f = options === null || options === void 0 ? void 0 : options.axisTitle) !== null && _f !== void 0 ? _f : _this.axisTitle;
         _this.labelStyle = __assign(__assign({}, _this.labelStyle), options === null || options === void 0 ? void 0 : options.labelStyle);
         _this.axisBorder = __assign(__assign({}, _this.axisBorder), options === null || options === void 0 ? void 0 : options.axisBorder);
-        _this.isInnerAxis = (_f = options === null || options === void 0 ? void 0 : options.isInnerAxis) !== null && _f !== void 0 ? _f : _this.isInnerAxis;
+        _this.isInnerAxis = (_g = options === null || options === void 0 ? void 0 : options.isInnerAxis) !== null && _g !== void 0 ? _g : _this.isInnerAxis;
         _this.solidBrushCacheBorder = new SolidBrushCache_1.SolidBrushCache(webAssemblyContext);
         if (options === null || options === void 0 ? void 0 : options.labelProvider) {
             if (!("getLabels" in (options === null || options === void 0 ? void 0 : options.labelProvider))) {
-                options.labelProvider = classFactory_1.createType(BaseType_1.EBaseType.LabelProvider, options.labelProvider.type, webAssemblyContext, options.labelProvider.options);
+                options.labelProvider = (0, classFactory_1.createType)(BaseType_1.EBaseType.LabelProvider, options.labelProvider.type, webAssemblyContext, options.labelProvider.options);
             }
         }
         _this.autoRangeAnimationProperty = options === null || options === void 0 ? void 0 : options.autoRangeAnimation;
@@ -191,7 +197,7 @@ var AxisBase2D = /** @class */ (function (_super) {
          * Gets whether the axis is currently horizontal or not
          */
         get: function () {
-            return AxisAlignment_1.getIsHorizontal(this.axisAlignment);
+            return (0, AxisAlignment_1.getIsHorizontal)(this.axisAlignment);
         },
         enumerable: false,
         configurable: true
@@ -333,7 +339,7 @@ var AxisBase2D = /** @class */ (function (_super) {
     });
     Object.defineProperty(AxisBase2D.prototype, "axisLength", {
         /**
-         * Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
+         * Called internally - Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
          */
         get: function () {
             var _a, _b;
@@ -344,9 +350,6 @@ var AxisBase2D = /** @class */ (function (_super) {
             var defaultAxisLength = this.isHorizontalAxis ? seriesViewRect.width : seriesViewRect.height;
             return (_b = this.axisLengthProperty) !== null && _b !== void 0 ? _b : defaultAxisLength;
         },
-        /**
-         * Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
-         */
         set: function (value) {
             this.axisLengthProperty = value;
             this.notifyPropertyChanged(constants_1.PROPERTY.AXIS_LENGTH);
@@ -455,9 +458,7 @@ var AxisBase2D = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    /**
-     * @inheritDoc
-     */
+    /** @inheritDoc */
     AxisBase2D.prototype.applyTheme = function (themeProvider) {
         var previousThemeProvider = this.parentSurface.previousThemeProvider;
         if (this.axisBandsFill === previousThemeProvider.axisBandsFill) {
@@ -482,6 +483,9 @@ var AxisBase2D = /** @class */ (function (_super) {
             this.axisTitleStyle = { color: themeProvider.axisTitleColor };
         }
     };
+    /**
+     * Called when the {@link AxisBase2D} is attached to an {@link SciChartSurface}
+     */
     AxisBase2D.prototype.onAttach = function (parentSurface, isXAxis, isPrimaryAxis) {
         this.parentSurface = parentSurface;
         this.setIsXAxis(isXAxis);
@@ -498,7 +502,7 @@ var AxisBase2D = /** @class */ (function (_super) {
             var majorTickLabels = this.getTicks(true).majorTickLabels;
             var drawTicks = this.drawMinorTickLines || this.drawMajorTickLines;
             if (SciChartSurfaceBase_1.DebugForDpi) {
-                console.log("Measure. fontSize: " + this.labelStyle.fontSize + ", dpiAdjusted: " + this.dpiAdjustedLabelStyle.fontSize);
+                console.log("Measure. fontSize: ".concat(this.labelStyle.fontSize, ", dpiAdjusted: ").concat(this.dpiAdjustedLabelStyle.fontSize));
             }
             this.axisRenderer.measure(this.isHorizontalAxis, this.dpiAdjustedLabelStyle, majorTickLabels, this.getTicksMaxSize(), this.labelProvider, this.drawLabels, drawTicks);
             this.axisTitleRenderer.measure(this.dpiAdjustedAxisTitleStyle, this.isHorizontalAxis);
@@ -524,7 +528,7 @@ var AxisBase2D = /** @class */ (function (_super) {
         var _this = this;
         // Draw the Axis borders
         renderContext.enqueueLayeredDraw(function () {
-            return 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);
+            return (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);
         });
         if (!this.getIsValidForDrawing()) {
             return;
@@ -549,7 +553,7 @@ var AxisBase2D = /** @class */ (function (_super) {
             // Draw axis labels
             if (_this.drawLabels) {
                 if (SciChartSurfaceBase_1.DebugForDpi) {
-                    console.log("Draw. fontSize: " + _this.labelStyle.fontSize + ", dpiAdjusted: " + _this.dpiAdjustedLabelStyle.fontSize);
+                    console.log("Draw. fontSize: ".concat(_this.labelStyle.fontSize, ", dpiAdjusted: ").concat(_this.dpiAdjustedLabelStyle.fontSize));
                 }
                 _this.axisRenderer.drawLabels(renderContext, _this.axisAlignment, _this.isInnerAxis, tickObject.majorTickLabels, tickObject.majorTickCoords, _this.offset, _this.dpiAdjustedLabelStyle, _this.isVerticalChart, _this.flippedCoordinates, _this.labelProvider);
             }
@@ -574,8 +578,8 @@ var AxisBase2D = /** @class */ (function (_super) {
         var drawTickViewRects = function () {
             var viewRect = _this.axisRenderer.viewRect;
             var vecRects = new _this.webAssemblyContext2D.VectorRectVertex();
-            var brush = new _this.webAssemblyContext2D.SCRTSolidBrush(parseColor_1.parseColorToUIntArgb("rgba(255,0,0,0.7)"), false);
-            var nativeRect = createNativeRect_1.createNativeRect(_this.webAssemblyContext2D, 0, 0, viewRect.width, viewRect.height);
+            var brush = new _this.webAssemblyContext2D.SCRTSolidBrush((0, parseColor_1.parseColorToUIntArgb)("rgba(255,0,0,0.7)"), false);
+            var nativeRect = (0, createNativeRect_1.createNativeRect)(_this.webAssemblyContext2D, 0, 0, viewRect.width, viewRect.height);
             vecRects.push_back(nativeRect);
             renderContext.drawRects(vecRects, brush, viewRect.left, viewRect.top);
             nativeRect.delete();
@@ -586,8 +590,8 @@ var AxisBase2D = /** @class */ (function (_super) {
         var drawTitleViewRects = function () {
             var viewRect = _this.axisTitleRenderer.viewRect;
             var vecRects = new _this.webAssemblyContext2D.VectorRectVertex();
-            var brush = new _this.webAssemblyContext2D.SCRTSolidBrush(parseColor_1.parseColorToUIntArgb("rgba(0,255,0,0.7)"), false);
-            var nativeRect = createNativeRect_1.createNativeRect(_this.webAssemblyContext2D, 0, 0, viewRect.width, viewRect.height);
+            var brush = new _this.webAssemblyContext2D.SCRTSolidBrush((0, parseColor_1.parseColorToUIntArgb)("rgba(0,255,0,0.7)"), false);
+            var nativeRect = (0, createNativeRect_1.createNativeRect)(_this.webAssemblyContext2D, 0, 0, viewRect.width, viewRect.height);
             vecRects.push_back(nativeRect);
             renderContext.drawRects(vecRects, brush, viewRect.left, viewRect.top);
             nativeRect.delete();
@@ -637,7 +641,8 @@ var AxisBase2D = /** @class */ (function (_super) {
                 .filter(function (s) { return s.yAxisId === _this.id && s.isVisible && s.hasDataSeriesValues(); });
             visibleSeries.forEach(function (rSeries) {
                 // Get pre-calculated XRange if exists, otherwise, fetch from the axis for this series
-                var xVisibleRange = (xRanges === null || xRanges === void 0 ? void 0 : xRanges.containsKey(rSeries.xAxisId)) ? xRanges.item(rSeries.xAxisId)
+                var xVisibleRange = (xRanges === null || xRanges === void 0 ? void 0 : xRanges.containsKey(rSeries.xAxisId))
+                    ? xRanges.item(rSeries.xAxisId)
                     : _this.getXVisibleRange(rSeries.xAxisId);
                 var isXCategoryAxis = _this.getIsXCategoryAxis(rSeries.xAxisId);
                 if (xVisibleRange) {
@@ -713,7 +718,7 @@ var AxisBase2D = /** @class */ (function (_super) {
         var toValue = coordCalc.getDataValue(toCoord);
         var min = fromValue < toValue ? fromValue : toValue;
         var max = fromValue < toValue ? toValue : fromValue;
-        this.parentSurface.addAnimation(this.animateVisibleRange(new NumberRange_1.NumberRange(min, max), duration, easingFunction));
+        this.animateVisibleRange(new NumberRange_1.NumberRange(min, max), duration, easingFunction);
     };
     AxisBase2D.prototype.scale = function (initialRange, delta, isMoreThanHalf) {
         var deltaRange = initialRange.max - initialRange.min;
@@ -731,19 +736,43 @@ var AxisBase2D = /** @class */ (function (_super) {
         }
         this.visibleRange = new NumberRange_1.NumberRange(newMin, newMax);
     };
+    /**
+     * @inheritDoc
+     */
+    AxisBase2D.prototype.animateVisibleRange = function (visibleRange, durationMs, easingFunction, onCompleted) {
+        var _this = this;
+        var _a;
+        if (easingFunction === void 0) { easingFunction = EasingFunctions_1.easing.outCubic; }
+        if (onCompleted === void 0) { onCompleted = function () { }; }
+        if (durationMs <= 0) {
+            // Don't allow setting visibleRange to undefined if there is no data
+            this.visibleRange = visibleRange || this.visibleRange;
+            onCompleted();
+            return undefined;
+        }
+        (_a = this.visibleRangeAnimationToken) === null || _a === void 0 ? void 0 : _a.cancel();
+        this.visibleRangeAnimationToken = NumberRangeAnimator_1.NumberRangeAnimator.animate(this.visibleRange, visibleRange, durationMs, function (range) {
+            _this.visibleRange = range;
+        }, function () {
+            _this.visibleRangeAnimationToken = undefined;
+            onCompleted();
+        }, easingFunction);
+        this.parentSurface.addAnimation(this.visibleRangeAnimationToken);
+        return this.visibleRangeAnimationToken;
+    };
     /**
      * @inheritDoc
      */
     AxisBase2D.prototype.delete = function () {
         _super.prototype.delete.call(this);
-        this.penCacheForMajorGridLines = Deleter_1.deleteSafe(this.penCacheForMajorGridLines);
-        this.penCacheForMinorGridLines = Deleter_1.deleteSafe(this.penCacheForMinorGridLines);
-        this.penCacheForMajorTickLines = Deleter_1.deleteSafe(this.penCacheForMajorTickLines);
-        this.penCacheForMinorTickLines = Deleter_1.deleteSafe(this.penCacheForMinorTickLines);
-        this.solidBrushCacheBorder = Deleter_1.deleteSafe(this.solidBrushCacheBorder);
-        this.solidBrushCacheAxisBands = Deleter_1.deleteSafe(this.solidBrushCacheAxisBands);
-        this.labelProviderProperty = Deleter_1.deleteSafe(this.labelProvider);
-        this.axisRendererProperty = Deleter_1.deleteSafe(this.axisRenderer);
+        this.penCacheForMajorGridLines = (0, Deleter_1.deleteSafe)(this.penCacheForMajorGridLines);
+        this.penCacheForMinorGridLines = (0, Deleter_1.deleteSafe)(this.penCacheForMinorGridLines);
+        this.penCacheForMajorTickLines = (0, Deleter_1.deleteSafe)(this.penCacheForMajorTickLines);
+        this.penCacheForMinorTickLines = (0, Deleter_1.deleteSafe)(this.penCacheForMinorTickLines);
+        this.solidBrushCacheBorder = (0, Deleter_1.deleteSafe)(this.solidBrushCacheBorder);
+        this.solidBrushCacheAxisBands = (0, Deleter_1.deleteSafe)(this.solidBrushCacheAxisBands);
+        this.labelProviderProperty = (0, Deleter_1.deleteSafe)(this.labelProvider);
+        this.axisRendererProperty = (0, Deleter_1.deleteSafe)(this.axisRenderer);
     };
     AxisBase2D.prototype.toJSON = function () {
         var options = {
@@ -858,7 +887,7 @@ var AxisBase2D = /** @class */ (function (_super) {
             if (!isThisBandEven) {
                 return;
             }
-            var nativeRect = createNativeRect_1.createNativeRect(_this.webAssemblyContext2D, direction === XyDirection_1.EXyDirection.YDirection ? 0 : coord0, direction === XyDirection_1.EXyDirection.YDirection ? coord0 : 0, direction === XyDirection_1.EXyDirection.YDirection ? seriesViewRect.width : coord1, direction === XyDirection_1.EXyDirection.YDirection ? coord1 : seriesViewRect.height);
+            var nativeRect = (0, createNativeRect_1.createNativeRect)(_this.webAssemblyContext2D, direction === XyDirection_1.EXyDirection.YDirection ? 0 : coord0, direction === XyDirection_1.EXyDirection.YDirection ? coord0 : 0, direction === XyDirection_1.EXyDirection.YDirection ? seriesViewRect.width : coord1, direction === XyDirection_1.EXyDirection.YDirection ? coord1 : seriesViewRect.height);
             vecRects.push_back(nativeRect);
             nativeRect.delete();
         };
@@ -952,12 +981,16 @@ var AxisBase2D = /** @class */ (function (_super) {
     };
     AxisBase2D.prototype.getMaxXRange = function () {
         var maximumRange = this.getXDataRange();
+        if (!maximumRange)
+            return undefined;
         // TODO: Coerce a zero range
         if (this.growBy) {
             maximumRange = maximumRange.growBy(this.growBy);
         }
         if (this.visibleRangeLimit) {
-            maximumRange = maximumRange.clip(this.visibleRangeLimit);
+            maximumRange = maximumRange
+                ? maximumRange.clip(this.visibleRangeLimit)
+                : this.visibleRange.clip(this.visibleRangeLimit);
         }
         return maximumRange;
     };
@@ -1016,5 +1049,5 @@ var AxisBase2D = /** @class */ (function (_super) {
 exports.AxisBase2D = AxisBase2D;
 /** @ignore */
 var getPenForLines = function (penCache, stroke, strokeThickness, strokeDashArray) {
-    return Pen2DCache_1.createPenInCache(penCache, stroke, strokeThickness, 1, strokeDashArray);
+    return (0, Pen2DCache_1.createPenInCache)(penCache, stroke, strokeThickness, 1, strokeDashArray);
 };

package/Charting/Visuals/Axis/AxisCore.d.ts

@@ -407,7 +407,7 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
      * @param easingFunction the {@link TEasingFn | Easing Function to use}. Default value is outCubic
      * @param onCompleted the callback function
      */
-    animateVisibleRange(visibleRange: NumberRange, durationMs: number, easingFunction?: TEasingFn, onCompleted?: () => void): IGenericAnimation;
+    abstract animateVisibleRange(visibleRange: NumberRange, durationMs: number, easingFunction: TEasingFn, onCompleted: () => void): IGenericAnimation;
     /**
      * The MajorDelta is the spacing between major gridlines and axis labels.
      * @remarks

package/Charting/Visuals/Axis/AxisCore.js

@@ -12,8 +12,6 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AxisCore = void 0;
-var EasingFunctions_1 = require("../../../Core/Animations/EasingFunctions");
-var NumberRangeAnimator_1 = require("../../../Core/Animations/NumberRangeAnimator");
 var Deleter_1 = require("../../../Core/Deleter");
 var EventHandler_1 = require("../../../Core/EventHandler");
 var Guard_1 = require("../../../Core/Guard");
@@ -221,7 +219,7 @@ var AxisCore = /** @class */ (function () {
             return false;
         }
         var rangeIsZero = this.visibleRange.diff === 0;
-        return !rangeIsZero && isRealNumber_1.isRealNumber(this.visibleRange.max) && isRealNumber_1.isRealNumber(this.visibleRange.min);
+        return !rangeIsZero && (0, isRealNumber_1.isRealNumber)(this.visibleRange.max) && (0, isRealNumber_1.isRealNumber)(this.visibleRange.min);
     };
     /**
      * When true, the axis has the default {@link AxisCore.visibleRange}.
@@ -377,34 +375,6 @@ var AxisCore = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    /**
-     * Sets and animates the visibleRange of the axis from the current value to the provided value over the duration and with
-     * {@link TEasingFn | Easing Function} provided
-     * @param visibleRange the {@link NumberRange} which we wish to animate {@link AxisCore.visibleRange} to
-     * @param durationMs the duration of the animation in milliseconds
-     * @param easingFunction the {@link TEasingFn | Easing Function to use}. Default value is outCubic
-     * @param onCompleted the callback function
-     */
-    AxisCore.prototype.animateVisibleRange = function (visibleRange, durationMs, easingFunction, onCompleted) {
-        var _this = this;
-        var _a;
-        if (easingFunction === void 0) { easingFunction = EasingFunctions_1.easing.outCubic; }
-        if (onCompleted === void 0) { onCompleted = function () { }; }
-        if (durationMs <= 0) {
-            // Don't allow setting visibleRange to undefined if there is no data
-            this.visibleRange = visibleRange || this.visibleRange;
-            onCompleted();
-            return undefined;
-        }
-        (_a = this.visibleRangeAnimationToken) === null || _a === void 0 ? void 0 : _a.cancel();
-        this.visibleRangeAnimationToken = NumberRangeAnimator_1.NumberRangeAnimator.animate(this.visibleRange, visibleRange, durationMs, function (range) {
-            _this.visibleRangeProperty = range;
-        }, function () {
-            _this.visibleRangeAnimationToken = undefined;
-            onCompleted();
-        }, easingFunction);
-        return this.visibleRangeAnimationToken;
-    };
     Object.defineProperty(AxisCore.prototype, "majorDelta", {
         /**
          * The MajorDelta is the spacing between major gridlines and axis labels.
@@ -972,7 +942,7 @@ var AxisCore = /** @class */ (function () {
     AxisCore.prototype.getCurrentCoordinateCalculator = function (forceRecreate) {
         if (forceRecreate === void 0) { forceRecreate = false; }
         if (forceRecreate && this.coordCalcCache) {
-            this.coordCalcCache = Deleter_1.deleteSafe(this.coordCalcCache);
+            this.coordCalcCache = (0, Deleter_1.deleteSafe)(this.coordCalcCache);
         }
         if (!this.coordCalcCache) {
             this.coordCalcCache = this.getCurrentCoordinateCalculatorInternal();
@@ -983,7 +953,7 @@ var AxisCore = /** @class */ (function () {
      * @inheritDoc
      */
     AxisCore.prototype.delete = function () {
-        this.coordCalcCache = Deleter_1.deleteSafe(this.coordCalcCache);
+        this.coordCalcCache = (0, Deleter_1.deleteSafe)(this.coordCalcCache);
     };
     /**
      * Tests whether the range passed in is valid