scichart 2.0.0-alpha.1930 → 2.0.0-alpha.1991

package/Charting/Visuals/Annotations/TextAnnotation.js

@@ -160,7 +160,7 @@ exports.TextAnnotation = TextAnnotation;
 /** @ignore */
 /** @ignore */
 var createSvg = function (svgRoot, text, color, fontSize, fontFamily, fontWeight) {
-    var svgString = "<svg>\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=\"" + fontSize + "\" fill=\"" + color + "\" font-size=\"" + fontSize + "\" font-family=\"" + fontFamily + "\" font-weight=\"" + fontWeight + "\">" + text + "</text>\n    </svg>";
     var svgNode = document.createRange().createContextualFragment(svgString);
     svgRoot.appendChild(svgNode);
     return svgRoot.lastChild;

package/Charting/Visuals/Annotations/VerticalLineAnnotation.js

@@ -96,9 +96,6 @@ var VerticalLineAnnotation = /** @class */ (function (_super) {
     });
     /** @inheritDoc */
     VerticalLineAnnotation.prototype.drawWithContext = function (renderContext, xCalc, yCalc, viewRect) {
-        if (this.isHidden) {
-            return;
-        }
         Guard_1.Guard.notNull(renderContext, "renderContext");
         Guard_1.Guard.notNull(xCalc, "xCalc");
         Guard_1.Guard.notNull(yCalc, "yCalc");

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

@@ -0,0 +1,21 @@
+export declare const annotationHelpers: {
+    createSvg: (svgString: string, svgRoot: SVGSVGElement) => SVGElement;
+    calcNewApex: (x1: number, y1: number, x2: number, y2: number) => {
+        point1: {
+            x: number;
+            y: number;
+        };
+        point2: {
+            x: number;
+            y: number;
+        };
+        point3: {
+            x: number;
+            y: number;
+        };
+        point4: {
+            x: number;
+            y: number;
+        };
+    };
+};

package/Charting/Visuals/Annotations/annotationHelpers.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.annotationHelpers = void 0;
+var createSvg = function (svgString, svgRoot) {
+    var svgNode = document.createRange().createContextualFragment(svgString);
+    svgRoot.appendChild(svgNode);
+    return svgRoot.lastChild;
+};
+var calcNewApex = function (x1, y1, x2, y2) {
+    var point1 = { x: x1, y: y2 };
+    var point2 = { x: x2, y: y2 };
+    var point3 = { x: x2, y: y1 };
+    var point4 = { x: x1, y: y1 };
+    return { point1: point1, point2: point2, point3: point3, point4: point4 };
+};
+exports.annotationHelpers = {
+    createSvg: createSvg,
+    calcNewApex: calcNewApex
+};

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

@@ -72,6 +72,8 @@ export declare type TTickObject = {
 };
 export interface IAxisBase2dOptions extends IAxisCoreOptions {
     visibleRangeLimit?: NumberRange;
+    zoomExtentsRange?: NumberRange;
+    zoomExtentsToInitialRange?: boolean;
     axisAlignment?: EAxisAlignment;
     labelStyle?: TTextStyle;
     axisBorder?: TBorder;
@@ -123,7 +125,9 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
     private axisAlignmentProperty;
     private isInnerAxisProperty;
     private visibleRangeLimitProperty;
+    private zoomExtentsRangeProperty;
     private isPrimaryAxisProperty;
+    private isStackedAxisProperty;
     private penCacheForMajorGridLines;
     private penCacheForMinorGridLines;
     private penCacheForMajorTickLines;
@@ -182,6 +186,14 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * Gets or sets a property which limits {@link AxisCore.visibleRange}, meaning the chart cannot autorange outside that range
      */
     set visibleRangeLimit(visibleRangeLimit: NumberRange);
+    /**
+     * Gets or sets a property which, if it is set, will be used as the range when zooming extents, rather than the data max range
+     */
+    get zoomExtentsRange(): NumberRange;
+    /**
+     * Gets or sets a property which, if it is set, will be used as the range when zooming extents, rather than the data max range
+     */
+    set zoomExtentsRange(zoomExtentsRange: NumberRange);
     /**
      * Gets or sets whether this axis is placed inside the chart viewport
      * @remarks Center axis uses inner layout strategy
@@ -204,6 +216,14 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * The primary axis is the one which draws the gridlines. By default, this is the first axis in the collection
      */
     set isPrimaryAxis(value: 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
+     */
+    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 or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
      */
@@ -303,6 +323,7 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * @param easingFunction An optional easing function passed to specify animation easing. See {@link TEasing} for a list of values
      */
     zoom(fromCoord: number, toCoord: number, duration?: number, easingFunction?: TEasing): void;
+    scale(initialRange: NumberRange, delta: number, isMoreThanHalf: boolean): void;
     /**
      * @inheritDoc
      */

package/Charting/Visuals/Axis/AxisBase2D.js

@@ -112,6 +112,7 @@ var AxisBase2D = /** @class */ (function (_super) {
         };
         _this.isInnerAxisProperty = false;
         _this.isPrimaryAxisProperty = false;
+        _this.isStackedAxisProperty = false;
         _this.axisBorderProperty = {
             borderBottom: 0,
             borderLeft: 0,
@@ -132,6 +133,7 @@ var AxisBase2D = /** @class */ (function (_super) {
         _this.axisTitleRenderer = new AxisTitleRenderer_1.AxisTitleRenderer(webAssemblyContext);
         _this.tickCoordinatesProvider = new DefaultTickCoordinatesProvider_1.DefaultTickCoordinatesProvider();
         _this.visibleRangeLimit = (_a = options === null || options === void 0 ? void 0 : options.visibleRangeLimit) !== null && _a !== void 0 ? _a : _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 = (_b = options === null || options === void 0 ? void 0 : options.axisAlignment) !== null && _b !== void 0 ? _b : _this.axisAlignment;
         _this.axisTitle = (_c = options === null || options === void 0 ? void 0 : options.axisTitle) !== null && _c !== void 0 ? _c : _this.axisTitle;
         _this.labelStyle = (_d = options === null || options === void 0 ? void 0 : options.labelStyle) !== null && _d !== void 0 ? _d : _this.labelStyle;
@@ -187,7 +189,7 @@ var AxisBase2D = /** @class */ (function (_super) {
     AxisBase2D.prototype.onAttach = function (parentSurface, isXAxis, isPrimaryAxis) {
         this.parentSurface = parentSurface;
         this.setIsXAxis(isXAxis);
-        this.isPrimaryAxis = isPrimaryAxis;
+        this.isPrimaryAxisProperty = isPrimaryAxis;
     };
     Object.defineProperty(AxisBase2D.prototype, "axisRenderer", {
         /**
@@ -269,6 +271,23 @@ var AxisBase2D = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(AxisBase2D.prototype, "zoomExtentsRange", {
+        /**
+         * Gets or sets a property which, if it is set, will be used as the range when zooming extents, rather than the data max range
+         */
+        get: function () {
+            return this.zoomExtentsRangeProperty;
+        },
+        /**
+         * Gets or sets a property which, if it is set, will be used as the range when zooming extents, rather than the data max range
+         */
+        set: function (zoomExtentsRange) {
+            this.zoomExtentsRangeProperty = zoomExtentsRange;
+            this.notifyPropertyChanged(constants_1.PROPERTY.ZOOMEXTENTS_RANGE);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(AxisBase2D.prototype, "isInnerAxis", {
         /**
          * Gets or sets whether this axis is placed inside the chart viewport
@@ -303,14 +322,37 @@ var AxisBase2D = /** @class */ (function (_super) {
          * The primary axis is the one which draws the gridlines. By default, this is the first axis in the collection
          */
         set: function (value) {
-            if (value === true) {
-                this.isPrimaryAxisProperty = value;
-                this.notifyPropertyChanged(constants_1.PROPERTY.IS_PRIMARY_AXIS);
+            var _this = this;
+            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;
+                    }
+                });
             }
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(AxisBase2D.prototype, "isStackedAxis", {
+        /** 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
+         */
+        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;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(AxisBase2D.prototype, "axisLength", {
         /**
          * Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
@@ -459,12 +501,12 @@ var AxisBase2D = /** @class */ (function (_super) {
             return;
         }
         var tickObject = this.getTicksWithCoords();
-        var minorGridStyle = DpiHelper_1.DpiHelper.adjustGridlineStyle(this.minorGridLineStyle);
-        var majorGridStyle = DpiHelper_1.DpiHelper.adjustGridlineStyle(this.majorGridLineStyle);
-        var minorTickStyle = DpiHelper_1.DpiHelper.adjustGridlineStyle(this.minorTickLineStyle);
-        var majorTickStyle = DpiHelper_1.DpiHelper.adjustGridlineStyle(this.majorTickLineStyle);
-        var penForMinorGridlines = getPenForLines(this.penCacheForMinorGridLines, minorGridStyle.color, minorGridStyle.strokeThickness, minorGridStyle.strokeDasharray);
-        var penForMajorGridlines = getPenForLines(this.penCacheForMajorGridLines, majorGridStyle.color, majorGridStyle.strokeThickness, majorGridStyle.strokeDasharray);
+        var minorGridStyle = this.minorGridLineStyle;
+        var majorGridStyle = this.majorGridLineStyle;
+        var minorTickStyle = this.minorTickLineStyle;
+        var majorTickStyle = this.majorTickLineStyle;
+        var penForMinorGridlines = getPenForLines(this.penCacheForMinorGridLines, minorGridStyle.color, minorGridStyle.strokeThickness, minorGridStyle.strokeDashArray);
+        var penForMajorGridlines = getPenForLines(this.penCacheForMajorGridLines, majorGridStyle.color, majorGridStyle.strokeThickness, majorGridStyle.strokeDashArray);
         var penForMinorTickLines = getPenForLines(this.penCacheForMinorTickLines, minorTickStyle.color, minorTickStyle.strokeThickness);
         var penForMajorTickLines = getPenForLines(this.penCacheForMajorTickLines, majorTickStyle.color, majorTickStyle.strokeThickness);
         // TODO HERE
@@ -537,6 +579,9 @@ var AxisBase2D = /** @class */ (function (_super) {
      * have to display all the data in the chart.
      */
     AxisBase2D.prototype.getMaximumRange = function () {
+        if (this.zoomExtentsRange) {
+            return this.zoomExtentsRange;
+        }
         var maximumRange;
         if (this.parentSurface && this.parentSurface.renderableSeries.size() > 0) {
             maximumRange = this.isXAxis ? this.getMaxXRange() : this.getWindowedYRange(undefined);
@@ -553,6 +598,9 @@ var AxisBase2D = /** @class */ (function (_super) {
      */
     AxisBase2D.prototype.getWindowedYRange = function (xRanges) {
         var _this = this;
+        if (this.zoomExtentsRange) {
+            return this.zoomExtentsRange;
+        }
         var maxRange;
         if (this.parentSurface) {
             var visibleSeries = this.parentSurface.renderableSeries
@@ -638,6 +686,22 @@ var AxisBase2D = /** @class */ (function (_super) {
         var max = fromValue < toValue ? toValue : fromValue;
         this.animateVisibleRange(new NumberRange_1.NumberRange(min, max), duration, easingFunction);
     };
+    AxisBase2D.prototype.scale = function (initialRange, delta, isMoreThanHalf) {
+        var deltaRange = initialRange.max - initialRange.min;
+        var newMin, newMax;
+        // Respect flippedCoordinates
+        var isMoreThanHalf2 = this.flippedCoordinates ? !isMoreThanHalf : isMoreThanHalf;
+        var delta2 = this.flippedCoordinates ? -delta : delta;
+        if (isMoreThanHalf2) {
+            newMin = initialRange.min;
+            newMax = delta2 > 0 ? newMin + deltaRange / (1 + delta2) : newMin + deltaRange * (1 + Math.abs(delta2));
+        }
+        else {
+            newMax = initialRange.max;
+            newMin = delta2 > 0 ? newMax - deltaRange * (1 + delta2) : newMax - deltaRange / (1 + Math.abs(delta2));
+        }
+        this.visibleRange = new NumberRange_1.NumberRange(newMin, newMax);
+    };
     /**
      * @inheritDoc
      */
@@ -677,8 +741,12 @@ var AxisBase2D = /** @class */ (function (_super) {
             maxAutoTicks: this.maxAutoTicks,
             minorGridLineStyle: this.minorGridLineStyle,
             minorTickLineStyle: this.minorTickLineStyle,
-            visibleRange: this.hasDefaultVisibleRange ? undefined : this.visibleRange,
-            visibleRangeLimit: this.visibleRangeLimit
+            visibleRange: this.hasDefaultVisibleRange() ? undefined : this.visibleRange,
+            visibleRangeLimit: this.visibleRangeLimit,
+            zoomExtentsRange: this.zoomExtentsRange,
+            minorsPerMajor: this.minorsPerMajor,
+            majorDelta: this.majorDelta,
+            minorDelta: this.minorDelta
         };
         return { type: this.type, options: options };
     };
@@ -901,6 +969,5 @@ var AxisBase2D = /** @class */ (function (_super) {
 exports.AxisBase2D = AxisBase2D;
 /** @ignore */
 var getPenForLines = function (penCache, stroke, strokeThickness, strokeDashArray) {
-    var penFromCache = penCache === null || penCache === void 0 ? void 0 : penCache.create({ stroke: stroke, strokeThickness: strokeThickness, strokeDashArray: strokeDashArray });
-    return penFromCache.scrtPen;
+    return Pen2DCache_1.createPenInCache(penCache, stroke, strokeThickness, 1, strokeDashArray);
 };

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

@@ -20,12 +20,12 @@ import { VisibleRangeChangedArgs } from "./VisibleRangeChangedArgs";
  * A grid line is the X Y axis grid inside the chart
  * - Set the color as an HTML Color code to define the color
  * - Set the strokeThickness to change the thickness of the grid line
- * - Set the strokeDasharray to define dash pattern, e.g. [2,2] will have a 2-pixel long dash every 2 pixels
+ * - Set the strokeDashArray to define dash pattern, e.g. [2,2] will have a 2-pixel long dash every 2 pixels
  */
 export declare type TGridLineStyle = {
     strokeThickness?: number;
     color?: string;
-    strokeDasharray?: number[];
+    strokeDashArray?: number[];
 };
 /**
  * A type class to contain information about Tick line styles
@@ -268,8 +268,8 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
      * Internal backing property for {@link AxisCore.maxAutoTicks}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
      */
     protected maxAutoTicksProperty: number;
+    protected visibleRangeAnimationToken: AnimationToken;
     private readonly defaultVisibleRange;
-    private visibleRangeAnimationToken;
     /**
      * Creates an instance of an {@link AxisCore}
      * @param options Optional parameters of type {@link IAxisCoreOptions} used to define properties at instantiation time
@@ -291,14 +291,14 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
      * {@link AxisCore.visibleRange} undefined, or NAN, or infinite, or {@link AxisCore.visibleRange} min greater than max
      * will result in this property being false.
      */
-    get hasValidVisibleRange(): boolean;
+    hasValidVisibleRange(): boolean;
     /**
      * When true, the axis has the default {@link AxisCore.visibleRange}.
      * @remarks
      * This property is used internally when autoranging. If the range is default and {@link AxisCore.autoRange} is {@link EAutoRange.Once}
      * then the axis will autorange once.
      */
-    get hasDefaultVisibleRange(): boolean;
+    hasDefaultVisibleRange(): boolean;
     /**
      * Gets or sets the unique Axis Id
      * @description

package/Charting/Visuals/Axis/AxisCore.js

@@ -45,7 +45,7 @@ var AxisCore = /** @class */ (function () {
      * @param options Optional parameters of type {@link IAxisCoreOptions} used to define properties at instantiation time
      */
     function AxisCore(options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
         /**
          * An {@link EventHandler} which fires a callback when the {@link AxisCore.visibleRange} property changes.
          * @desc
@@ -125,7 +125,7 @@ var AxisCore = /** @class */ (function () {
         this.majorGridLineStyleProperty = {
             strokeThickness: 1,
             color: SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.majorGridLineBrush,
-            strokeDasharray: undefined
+            strokeDashArray: undefined
         };
         /**
          * Internal backing property for {@link AxisCore.minorGridLineStyle}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
@@ -133,7 +133,7 @@ var AxisCore = /** @class */ (function () {
         this.minorGridLineStyleProperty = {
             strokeThickness: 1,
             color: SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.minorGridLineBrush,
-            strokeDasharray: undefined
+            strokeDashArray: undefined
         };
         /**
          * Internal backing property for {@link AxisCore.axisTitleStyle}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
@@ -158,28 +158,31 @@ var AxisCore = /** @class */ (function () {
          * Internal backing property for {@link AxisCore.maxAutoTicks}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
         this.maxAutoTicksProperty = 10;
-        this.defaultVisibleRange = new NumberRange_1.NumberRange(0, 10);
-        this.visibleRange = (_a = options === null || options === void 0 ? void 0 : options.visibleRange) !== null && _a !== void 0 ? _a : this.defaultVisibleRange;
-        this.id = (_b = options === null || options === void 0 ? void 0 : options.id) !== null && _b !== void 0 ? _b : this.id;
-        this.growBy = (_c = options === null || options === void 0 ? void 0 : options.growBy) !== null && _c !== void 0 ? _c : this.growBy;
-        this.autoRange = (_d = options === null || options === void 0 ? void 0 : options.autoRange) !== null && _d !== void 0 ? _d : this.autoRange;
-        this.isVisible = (_e = options === null || options === void 0 ? void 0 : options.isVisible) !== null && _e !== void 0 ? _e : this.isVisible;
-        this.axisTitle = (_f = options === null || options === void 0 ? void 0 : options.axisTitle) !== null && _f !== void 0 ? _f : this.axisTitle;
-        this.axisTitleStyle = (_g = options === null || options === void 0 ? void 0 : options.axisTitleStyle) !== null && _g !== void 0 ? _g : this.axisTitleStyle;
-        this.autoTicksProperty = (_h = options === null || options === void 0 ? void 0 : options.autoTicks) !== null && _h !== void 0 ? _h : this.autoTicksProperty;
-        this.maxAutoTicksProperty = (_j = options === null || options === void 0 ? void 0 : options.maxAutoTicks) !== null && _j !== void 0 ? _j : this.maxAutoTicksProperty;
-        this.drawLabelsProperty = (_k = options === null || options === void 0 ? void 0 : options.drawLabels) !== null && _k !== void 0 ? _k : this.drawLabelsProperty;
-        this.drawMajorTickLinesProperty = (_l = options === null || options === void 0 ? void 0 : options.drawMajorTickLines) !== null && _l !== void 0 ? _l : this.drawMajorTickLinesProperty;
-        this.drawMinorTickLinesProperty = (_m = options === null || options === void 0 ? void 0 : options.drawMinorTickLines) !== null && _m !== void 0 ? _m : this.drawMinorTickLinesProperty;
-        this.drawMinorGridLinesProperty = (_o = options === null || options === void 0 ? void 0 : options.drawMinorGridLines) !== null && _o !== void 0 ? _o : this.drawMinorGridLinesProperty;
-        this.drawMajorGridLinesProperty = (_p = options === null || options === void 0 ? void 0 : options.drawMajorGridLines) !== null && _p !== void 0 ? _p : this.drawMajorGridLinesProperty;
-        this.majorGridLineStyleProperty = (_q = options === null || options === void 0 ? void 0 : options.majorGridLineStyle) !== null && _q !== void 0 ? _q : this.majorGridLineStyleProperty;
-        this.minorGridLineStyleProperty = (_r = options === null || options === void 0 ? void 0 : options.minorGridLineStyle) !== null && _r !== void 0 ? _r : this.minorGridLineStyleProperty;
-        this.majorTickLineStyleProperty = (_s = options === null || options === void 0 ? void 0 : options.majorTickLineStyle) !== null && _s !== void 0 ? _s : this.majorTickLineStyleProperty;
-        this.minorTickLineStyleProperty = (_t = options === null || options === void 0 ? void 0 : options.minorTickLineStyle) !== null && _t !== void 0 ? _t : this.minorTickLineStyleProperty;
-        this.drawMajorBandsProperty = (_u = options === null || options === void 0 ? void 0 : options.drawMajorBands) !== null && _u !== void 0 ? _u : this.drawMajorBandsProperty;
-        this.axisBandsFillProperty = (_v = options === null || options === void 0 ? void 0 : options.axisBandsFill) !== null && _v !== void 0 ? _v : this.axisBandsFillProperty;
-        this.flippedCoordinatesProperty = (_w = options === null || options === void 0 ? void 0 : options.flippedCoordinates) !== null && _w !== void 0 ? _w : this.flippedCoordinatesProperty;
+        this.defaultVisibleRange = this.getDefaultNonZeroRange();
+        this.visibleRange = (options === null || options === void 0 ? void 0 : options.visibleRange) || this.defaultVisibleRange;
+        this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : this.id;
+        this.growBy = (_b = options === null || options === void 0 ? void 0 : options.growBy) !== null && _b !== void 0 ? _b : this.growBy;
+        this.autoRange = (_c = options === null || options === void 0 ? void 0 : options.autoRange) !== null && _c !== void 0 ? _c : this.autoRange;
+        this.isVisible = (_d = options === null || options === void 0 ? void 0 : options.isVisible) !== null && _d !== void 0 ? _d : this.isVisible;
+        this.axisTitle = (_e = options === null || options === void 0 ? void 0 : options.axisTitle) !== null && _e !== void 0 ? _e : this.axisTitle;
+        this.axisTitleStyle = (_f = options === null || options === void 0 ? void 0 : options.axisTitleStyle) !== null && _f !== void 0 ? _f : this.axisTitleStyle;
+        this.autoTicksProperty = (_g = options === null || options === void 0 ? void 0 : options.autoTicks) !== null && _g !== void 0 ? _g : this.autoTicksProperty;
+        this.maxAutoTicksProperty = (_h = options === null || options === void 0 ? void 0 : options.maxAutoTicks) !== null && _h !== void 0 ? _h : this.maxAutoTicksProperty;
+        this.minorsPerMajorProperty = (_j = options === null || options === void 0 ? void 0 : options.minorsPerMajor) !== null && _j !== void 0 ? _j : this.minorsPerMajorProperty;
+        this.majorDeltaProperty = (_k = options === null || options === void 0 ? void 0 : options.majorDelta) !== null && _k !== void 0 ? _k : this.majorDeltaProperty;
+        this.minorDeltaProperty = (_l = options === null || options === void 0 ? void 0 : options.minorDelta) !== null && _l !== void 0 ? _l : this.minorDeltaProperty;
+        this.drawLabelsProperty = (_m = options === null || options === void 0 ? void 0 : options.drawLabels) !== null && _m !== void 0 ? _m : this.drawLabelsProperty;
+        this.drawMajorTickLinesProperty = (_o = options === null || options === void 0 ? void 0 : options.drawMajorTickLines) !== null && _o !== void 0 ? _o : this.drawMajorTickLinesProperty;
+        this.drawMinorTickLinesProperty = (_p = options === null || options === void 0 ? void 0 : options.drawMinorTickLines) !== null && _p !== void 0 ? _p : this.drawMinorTickLinesProperty;
+        this.drawMinorGridLinesProperty = (_q = options === null || options === void 0 ? void 0 : options.drawMinorGridLines) !== null && _q !== void 0 ? _q : this.drawMinorGridLinesProperty;
+        this.drawMajorGridLinesProperty = (_r = options === null || options === void 0 ? void 0 : options.drawMajorGridLines) !== null && _r !== void 0 ? _r : this.drawMajorGridLinesProperty;
+        this.majorGridLineStyleProperty = (_s = options === null || options === void 0 ? void 0 : options.majorGridLineStyle) !== null && _s !== void 0 ? _s : this.majorGridLineStyleProperty;
+        this.minorGridLineStyleProperty = (_t = options === null || options === void 0 ? void 0 : options.minorGridLineStyle) !== null && _t !== void 0 ? _t : this.minorGridLineStyleProperty;
+        this.majorTickLineStyleProperty = (_u = options === null || options === void 0 ? void 0 : options.majorTickLineStyle) !== null && _u !== void 0 ? _u : this.majorTickLineStyleProperty;
+        this.minorTickLineStyleProperty = (_v = options === null || options === void 0 ? void 0 : options.minorTickLineStyle) !== null && _v !== void 0 ? _v : this.minorTickLineStyleProperty;
+        this.drawMajorBandsProperty = (_w = options === null || options === void 0 ? void 0 : options.drawMajorBands) !== null && _w !== void 0 ? _w : this.drawMajorBandsProperty;
+        this.axisBandsFillProperty = (_x = options === null || options === void 0 ? void 0 : options.axisBandsFill) !== null && _x !== void 0 ? _x : this.axisBandsFillProperty;
+        this.flippedCoordinatesProperty = (_y = options === null || options === void 0 ? void 0 : options.flippedCoordinates) !== null && _y !== void 0 ? _y : this.flippedCoordinatesProperty;
     }
     Object.defineProperty(AxisCore.prototype, "isCategoryAxis", {
         /**
@@ -203,36 +206,28 @@ var AxisCore = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(AxisCore.prototype, "hasValidVisibleRange", {
-        /**
-         * When true, the axis has a valid {@link AxisCore.visibleRange} which can be drawn
-         * @remarks
-         * {@link AxisCore.visibleRange} undefined, or NAN, or infinite, or {@link AxisCore.visibleRange} min greater than max
-         * will result in this property being false.
-         */
-        get: function () {
-            if (this.visibleRange === undefined) {
-                return false;
-            }
-            var rangeIsZero = this.visibleRange.diff === 0;
-            return !rangeIsZero && isRealNumber_1.isRealNumber(this.visibleRange.max) && isRealNumber_1.isRealNumber(this.visibleRange.min);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(AxisCore.prototype, "hasDefaultVisibleRange", {
-        /**
-         * When true, the axis has the default {@link AxisCore.visibleRange}.
-         * @remarks
-         * This property is used internally when autoranging. If the range is default and {@link AxisCore.autoRange} is {@link EAutoRange.Once}
-         * then the axis will autorange once.
-         */
-        get: function () {
-            return this.visibleRange.equals(this.defaultVisibleRange);
-        },
-        enumerable: false,
-        configurable: true
-    });
+    /**
+     * When true, the axis has a valid {@link AxisCore.visibleRange} which can be drawn
+     * @remarks
+     * {@link AxisCore.visibleRange} undefined, or NAN, or infinite, or {@link AxisCore.visibleRange} min greater than max
+     * will result in this property being false.
+     */
+    AxisCore.prototype.hasValidVisibleRange = function () {
+        if (this.visibleRange === undefined) {
+            return false;
+        }
+        var rangeIsZero = this.visibleRange.diff === 0;
+        return !rangeIsZero && isRealNumber_1.isRealNumber(this.visibleRange.max) && isRealNumber_1.isRealNumber(this.visibleRange.min);
+    };
+    /**
+     * When true, the axis has the default {@link AxisCore.visibleRange}.
+     * @remarks
+     * This property is used internally when autoranging. If the range is default and {@link AxisCore.autoRange} is {@link EAutoRange.Once}
+     * then the axis will autorange once.
+     */
+    AxisCore.prototype.hasDefaultVisibleRange = function () {
+        return this.visibleRange.equals(this.defaultVisibleRange);
+    };
     Object.defineProperty(AxisCore.prototype, "id", {
         /**
          * Gets or sets the unique Axis Id