scichart 3.1.348 → 3.2.0-beta

package/Charting/Visuals/Annotations/LineAnnotation.js

@@ -281,7 +281,9 @@ var LineAnnotation = /** @class */ (function (_super) {
         var borderY1 = this.getY1Coordinate(xCalc, yCalc);
         var borderY2 = this.getY2Coordinate(xCalc, yCalc);
         this.setAnnotationBorders(borderX1, borderX2, borderY1, borderY2);
-        renderContext.drawLine(borderX1, borderY1, borderX2, borderY2, strokePen, viewRect);
+        if (strokePen) {
+            renderContext.drawLine(borderX1, borderY1, borderX2, borderY2, strokePen, viewRect);
+        }
         // This code is a bit silly, but I'm leaving it just in case anyone is currently relying on it.
         // It will get sorted in the big annotation refactor
         if (this.showLabel) {

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

@@ -1,6 +1,7 @@
 import { Rect } from "../../../Core/Rect";
 import { IRenderContext2D } from "../../Drawing/IRenderContext2D";
 import { CoordinateCalculatorBase } from "../../Numerics/CoordinateCalculators/CoordinateCalculatorBase";
+import { SciChartSurface } from "../SciChartSurface";
 import { AnnotationBase, IAnnotationBaseOptions } from "./AnnotationBase";
 /**
  * The Base class for an {@link AnnotationBase | Annotation} which draws using SciChart's built-in WebGL2
@@ -15,6 +16,10 @@ export declare abstract class RenderContextAnnotationBase extends AnnotationBase
      * @param options optional parameters of type {@link IAnnotationBaseOptions} which configure the annotation at construction time
      */
     protected constructor(options?: IAnnotationBaseOptions);
+    /** @inheritDoc */
+    get parentSurface(): SciChartSurface;
+    /** @inheritDoc */
+    set parentSurface(parentSurface: SciChartSurface);
     /**
      * @description draws the annotation with RenderContext.
      * May be overriden in derived classes for fast drawing direct on render surface

package/Charting/Visuals/Annotations/RenderContextAnnotationBase.js

@@ -17,6 +17,7 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RenderContextAnnotationBase = void 0;
 var AnnotationBase_1 = require("./AnnotationBase");
+var constants_1 = require("./constants");
 /**
  * The Base class for an {@link AnnotationBase | Annotation} which draws using SciChart's built-in WebGL2
  * WebAssembly {@link WebGL2RenderingContext | RenderContext}, enabling fast drawing at expense of
@@ -34,6 +35,21 @@ var RenderContextAnnotationBase = /** @class */ (function (_super) {
         _this.isSvgAnnotation = false;
         return _this;
     }
+    Object.defineProperty(RenderContextAnnotationBase.prototype, "parentSurface", {
+        /** @inheritDoc */
+        get: function () {
+            return this.parentSurfaceProperty;
+        },
+        /** @inheritDoc */
+        set: function (parentSurface) {
+            if (this.parentSurfaceProperty !== parentSurface) {
+                this.parentSurfaceProperty = parentSurface;
+                this.notifyPropertyChanged(constants_1.PROPERTY.PARENT_SURFACE);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     return RenderContextAnnotationBase;
 }(AnnotationBase_1.AnnotationBase));
 exports.RenderContextAnnotationBase = RenderContextAnnotationBase;

package/Charting/Visuals/Annotations/RolloverTooltipSvgAnnotation.js

@@ -221,6 +221,12 @@ var defaultTooltipDataTemplate = function (seriesInfo, tooltipTitle, tooltipLabe
         }
         valuesWithLabels.push("Z: ".concat(heatmapSeriesInfo.formattedZValue));
     }
+    else if (seriesInfo.dataSeriesType === IDataSeries_1.EDataSeriesType.Xyz) {
+        // Bubble Series
+        var xyzSeriesInfo = seriesInfo;
+        addValueWithLabel(valuesWithLabels, xyzSeriesInfo.formattedXValue, xyzSeriesInfo.formattedYValue, tooltipLabelX, tooltipLabelY);
+        valuesWithLabels.push("Z: ".concat(xyzSeriesInfo.formattedZValue));
+    }
     else {
         // Line Series
         var xySeriesInfo = seriesInfo;

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

@@ -41,6 +41,7 @@ export declare enum PROPERTY {
     TOOLTIP_LEGEND_OFFSET_X = "TOOLTIP_LEGEND_OFFSET_X",
     TOOLTIP_LEGEND_OFFSET_Y = "TOOLTIP_LEGEND_OFFSET_Y",
     TOOLTIP_LEGEND_TEMPLATE = "TOOLTIP_LEGEND_TEMPLATE",
+    TOOLTIP_DATA_TEMPLATE = "TOOLTIP_DATA_TEMPLATE",
     TOOLTIP_SVG_TEMPLATE = "TOOLTIP_SVG_TEMPLATE",
     VERTICAL_ANCHOR_POINT = "VERTICAL_ANCHOR_POINT",
     X1 = "X1",

package/Charting/Visuals/Annotations/constants.js

@@ -45,6 +45,7 @@ var PROPERTY;
     PROPERTY["TOOLTIP_LEGEND_OFFSET_X"] = "TOOLTIP_LEGEND_OFFSET_X";
     PROPERTY["TOOLTIP_LEGEND_OFFSET_Y"] = "TOOLTIP_LEGEND_OFFSET_Y";
     PROPERTY["TOOLTIP_LEGEND_TEMPLATE"] = "TOOLTIP_LEGEND_TEMPLATE";
+    PROPERTY["TOOLTIP_DATA_TEMPLATE"] = "TOOLTIP_DATA_TEMPLATE";
     PROPERTY["TOOLTIP_SVG_TEMPLATE"] = "TOOLTIP_SVG_TEMPLATE";
     PROPERTY["VERTICAL_ANCHOR_POINT"] = "VERTICAL_ANCHOR_POINT";
     PROPERTY["X1"] = "X1";

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

@@ -151,6 +151,11 @@ export interface IAxisBase2dOptions extends IAxisCoreOptions {
      */
     axisThickness?: number;
     backgroundColor?: string;
+    /**
+     * Sets the offset from the seriesViewRect in the direction of the axis.  This overrides the value set internally during layout,
+     * which is 0 for normal axes, but is used to position stacked axes.
+     */
+    overrideOffset?: number;
 }
 /**
  * The base class for 2D Chart Axis within SciChart - High Performance {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}.
@@ -164,11 +169,11 @@ export interface IAxisBase2dOptions extends IAxisCoreOptions {
  */
 export declare abstract class AxisBase2D extends AxisCore implements IThemeable {
     /**
-     * Gets or sets a {@link LabelProvider} - a class which is responsible for formatting axis labels and cursor labels from numeric values
+     * Gets or sets a {@link LabelProviderBase2D} - a class which is responsible for formatting axis labels and cursor labels from numeric values
      */
     get labelProvider(): LabelProviderBase2D;
     /**
-     * Gets or sets a {@link LabelProvider} - a class which is responsible for formatting axis labels and cursor labels from numeric values
+     * Gets or sets a {@link LabelProviderBase2D} - a class which is responsible for formatting axis labels and cursor labels from numeric values
      */
     set labelProvider(labelProvider: LabelProviderBase2D);
     /**
@@ -277,7 +282,12 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      */
     get offset(): number;
     /**
-     * Gets or sets the offset of the axis position
+     * set an offset value that overrides the one used by layout calculation
+     */
+    overrideOffset(value: number): void;
+    /**
+     * Called internally by layout strategies when switching between stacked and non-stacked axes.
+     * If you want to set a manual offset, call {@link overrideOffset}
      */
     set offset(value: number);
     /**
@@ -321,7 +331,7 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
     /**
      * Gets the {@link AxisTitleRenderer} instance responsible for drawing the axis title
      */
-    readonly axisTitleRenderer: AxisTitleRenderer;
+    axisTitleRenderer: AxisTitleRenderer;
     /**
      * Gets the {@link AxisLayoutState} class which manages layout
      */
@@ -334,7 +344,7 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
      * access to our WebGL2 Engine and WebAssembly numerical methods
      */
-    protected readonly webAssemblyContext2D: TSciChart;
+    protected webAssemblyContext2D: TSciChart;
     protected axisRendererProperty: AxisRenderer;
     protected autoRangeAnimationProperty: IAutoRangeAnimationOptions;
     private labelStyleProperty;
@@ -355,6 +365,7 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
     private solidBrushCacheBorder;
     private axisLengthProperty;
     private offsetProperty;
+    private offsetOverrideProperty;
     private tickCache;
     private backgroundColorProperty;
     private dpiAdjustedLabelStyleCache;
@@ -371,6 +382,10 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * Called when the {@link AxisBase2D} is attached to an {@link SciChartSurface}
      */
     onAttach(parentSurface: SciChartSurface, isXAxis: boolean, isPrimaryAxis: boolean): void;
+    /**
+     * Called when the {@link AxisBase2D} is detached from an {@link SciChartSurface}
+     */
+    onDetach(): void;
     /**
      * Called internally - measures the axis as part of the layout phase
      */

package/Charting/Visuals/Axis/AxisBase2D.js

@@ -128,6 +128,7 @@ var AxisBase2D = /** @class */ (function (_super) {
             border: 0
         };
         _this.offsetProperty = 0;
+        _this.offsetOverrideProperty = undefined;
         _this.tickCache = undefined;
         _this.webAssemblyContext2D = webAssemblyContext;
         _this.penCacheForMajorGridLines = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
@@ -161,19 +162,24 @@ var AxisBase2D = /** @class */ (function (_super) {
         }
         _this.autoRangeAnimationProperty = options === null || options === void 0 ? void 0 : options.autoRangeAnimation;
         _this.backgroundColor = (_k = options === null || options === void 0 ? void 0 : options.backgroundColor) !== null && _k !== void 0 ? _k : _this.backgroundColor;
+        _this.offsetOverrideProperty = options === null || options === void 0 ? void 0 : options.overrideOffset; // undefined if not set
         return _this;
     }
     Object.defineProperty(AxisBase2D.prototype, "labelProvider", {
         /**
-         * Gets or sets a {@link LabelProvider} - a class which is responsible for formatting axis labels and cursor labels from numeric values
+         * Gets or sets a {@link LabelProviderBase2D} - a class which is responsible for formatting axis labels and cursor labels from numeric values
          */
         get: function () {
             return this.labelProviderProperty;
         },
         /**
-         * Gets or sets a {@link LabelProvider} - a class which is responsible for formatting axis labels and cursor labels from numeric values
+         * Gets or sets a {@link LabelProviderBase2D} - a class which is responsible for formatting axis labels and cursor labels from numeric values
          */
         set: function (labelProvider) {
+            var _a;
+            // TODO This duplicates logic in AxisCore.
+            // Probably we could consider proper generics used for the inheritance to omit the duplication
+            (_a = this.labelProviderProperty) === null || _a === void 0 ? void 0 : _a.detachedFromAxis();
             this.labelProviderProperty = labelProvider;
             this.notifyPropertyChanged(constants_1.PROPERTY.LABEL_PROVIDER);
         },
@@ -437,21 +443,35 @@ var AxisBase2D = /** @class */ (function (_super) {
          * Defines a position of the axis along the layout flow.
          */
         get: function () {
-            return this.offsetProperty;
+            var _a;
+            return (_a = this.offsetOverrideProperty) !== null && _a !== void 0 ? _a : this.offsetProperty;
         },
         /**
-         * Gets or sets the offset of the axis position
+         * Called internally by layout strategies when switching between stacked and non-stacked axes.
+         * If you want to set a manual offset, call {@link overrideOffset}
          */
         set: function (value) {
             if (this.offsetProperty !== value) {
-                this.clearCoordCalcCache();
                 this.offsetProperty = value;
-                this.notifyPropertyChanged(constants_1.PROPERTY.OFFSET);
+                if (this.offsetOverrideProperty === undefined) {
+                    this.clearCoordCalcCache();
+                    this.notifyPropertyChanged(constants_1.PROPERTY.OFFSET);
+                }
             }
         },
         enumerable: false,
         configurable: true
     });
+    /**
+     * set an offset value that overrides the one used by layout calculation
+     */
+    AxisBase2D.prototype.overrideOffset = function (value) {
+        if (this.offsetOverrideProperty !== value) {
+            this.offsetOverrideProperty = value;
+            this.clearCoordCalcCache();
+            this.notifyPropertyChanged(constants_1.PROPERTY.OFFSET);
+        }
+    };
     Object.defineProperty(AxisBase2D.prototype, "isVerticalChart", {
         /**
          * Gets whether the parent {@link SciChartSurface} is a vertical chart, when the XAxis is on the Left or Right,
@@ -573,6 +593,14 @@ var AxisBase2D = /** @class */ (function (_super) {
         this.setIsXAxis(isXAxis);
         this.isPrimaryAxisProperty = isPrimaryAxis;
     };
+    /**
+     * Called when the {@link AxisBase2D} is detached from an {@link SciChartSurface}
+     */
+    AxisBase2D.prototype.onDetach = function () {
+        this.parentSurface = undefined;
+        this.isPrimaryAxisProperty = false;
+        this.invalidateParentCallback = undefined;
+    };
     /**
      * Called internally - measures the axis as part of the layout phase
      */
@@ -899,7 +927,6 @@ var AxisBase2D = /** @class */ (function (_super) {
      * @inheritDoc
      */
     AxisBase2D.prototype.delete = function () {
-        _super.prototype.delete.call(this);
         this.penCacheForMajorGridLines = (0, Deleter_1.deleteSafe)(this.penCacheForMajorGridLines);
         this.penCacheForMinorGridLines = (0, Deleter_1.deleteSafe)(this.penCacheForMinorGridLines);
         this.penCacheForMajorTickLines = (0, Deleter_1.deleteSafe)(this.penCacheForMajorTickLines);
@@ -907,8 +934,11 @@ var AxisBase2D = /** @class */ (function (_super) {
         this.solidBrushCacheBorder = (0, Deleter_1.deleteSafe)(this.solidBrushCacheBorder);
         this.solidBrushCacheAxisBands = (0, Deleter_1.deleteSafe)(this.solidBrushCacheAxisBands);
         this.solidBrushCacheAxisBackground = (0, Deleter_1.deleteSafe)(this.solidBrushCacheAxisBackground);
-        this.labelProviderProperty = (0, Deleter_1.deleteSafe)(this.labelProvider);
         this.axisRendererProperty = (0, Deleter_1.deleteSafe)(this.axisRenderer);
+        this.axisTitleRenderer = (0, Deleter_1.deleteSafe)(this.axisTitleRenderer);
+        this.webAssemblyContext2D = undefined;
+        this.parentSurface = undefined;
+        _super.prototype.delete.call(this);
     };
     AxisBase2D.prototype.toJSON = function () {
         var options = {
@@ -1192,11 +1222,17 @@ var AxisBase2D = /** @class */ (function (_super) {
     AxisBase2D.prototype.applyVisibleRangeSizeLimit = function (visibleRange) {
         if (!visibleRange)
             return undefined;
+        var minDiff = Math.abs(visibleRange.min) / Math.pow(10, 14);
+        // Prevent axis becoming invalid due to loss of precision
+        var currentSize = visibleRange.diff;
+        if (currentSize < minDiff) {
+            var middleValue = visibleRange.min + currentSize / 2;
+            return new NumberRange_1.NumberRange(middleValue - minDiff / 2, middleValue + minDiff / 2);
+        }
         if (!this.visibleRangeSizeLimit)
             return visibleRange;
-        var currentSize = visibleRange.max - visibleRange.min;
         if (currentSize < 0) {
-            console.warn("Can not apply applyVisibleRangeSizeLimit for the ".concat(this.isXAxis ? "xAxis" : "yAxis", " with ID ").concat(this.id));
+            console.warn("Can not apply visibleRangeSizeLimit for the ".concat(this.isXAxis ? "xAxis" : "yAxis", " with ID ").concat(this.id));
             return visibleRange;
         }
         else {

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

@@ -1,5 +1,6 @@
 import { TEasingFn } from "../../../Core/Animations/EasingFunctions";
 import { IGenericAnimation } from "../../../Core/Animations/GenericAnimation";
+import { DeletableEntity } from "../../../Core/DeletableEntity";
 import { EventHandler } from "../../../Core/EventHandler";
 import { IDeletable } from "../../../Core/IDeletable";
 import { NumberRange } from "../../../Core/NumberRange";
@@ -123,7 +124,7 @@ export interface IAxisParams {
  *  Set axis on the {@link SciChartSurface.xAxes} or {@link SciChartSurface.yAxes} collections in 2D Charts.
  *  Set axis on the {@link SciChart3DSurface.xAxis}, {@link SciChart3DSurface.yAxis} or {@link SciChart3DSurface.zAxis} collections in 3D Charts.
  */
-export declare abstract class AxisCore implements IAxisParams, IDeletable {
+export declare abstract class AxisCore extends DeletableEntity implements IAxisParams, IDeletable {
     /**
      * The Default {@link AxisCore.id}
      * @description
@@ -773,6 +774,8 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
      * @param range The range
      */
     isValidRange(range: NumberRange): boolean;
+    get isVerticalChart(): boolean;
+    get isHorizontalAxis(): boolean;
     /**
      * Creates new {@link CoordinateCalculatorBase} instance. Valid for this render-pass only, the coordinate-calculator
      * allows you to transform between pixel and data coordinates (and vice versa)

package/Charting/Visuals/Axis/AxisCore.js

@@ -1,4 +1,19 @@
 "use strict";
+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 (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 __());
+    };
+})();
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -12,6 +27,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AxisCore = void 0;
+var DeletableEntity_1 = require("../../../Core/DeletableEntity");
 var Deleter_1 = require("../../../Core/Deleter");
 var EventHandler_1 = require("../../../Core/EventHandler");
 var Guard_1 = require("../../../Core/Guard");
@@ -36,78 +52,81 @@ var VisibleRangeChangedArgs_1 = require("./VisibleRangeChangedArgs");
  *  Set axis on the {@link SciChartSurface.xAxes} or {@link SciChartSurface.yAxes} collections in 2D Charts.
  *  Set axis on the {@link SciChart3DSurface.xAxis}, {@link SciChart3DSurface.yAxis} or {@link SciChart3DSurface.zAxis} collections in 3D Charts.
  */
-var AxisCore = /** @class */ (function () {
+var AxisCore = /** @class */ (function (_super) {
+    __extends(AxisCore, _super);
     /**
      * Creates an instance of an {@link AxisCore}
      * @param options Optional parameters of type {@link IAxisCoreOptions} used to define properties at instantiation time
      */
     function AxisCore(options) {
+        var _this = this;
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+        _this = _super.call(this) || this;
         /**
          * An {@link EventHandler} which fires a callback when the {@link AxisCore.visibleRange} property changes.
          * @desc
          */
-        this.visibleRangeChanged = new EventHandler_1.EventHandler();
+        _this.visibleRangeChanged = new EventHandler_1.EventHandler();
         /** A flag to indicate if measure has been called this frame.  Properties updated after measure must trigger a redraw */
-        this.isMeasured = false;
+        _this.isMeasured = false;
         /** If the diff of the visibleRange is 0, this growby fraction will be applied */
-        this.ZeroRangeGrowBy = 0.01;
+        _this.ZeroRangeGrowBy = 0.01;
         /**
          * Internal backing property for {@link AxisCore.id}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.idProperty = AxisCore.DEFAULT_AXIS_ID;
+        _this.idProperty = AxisCore.DEFAULT_AXIS_ID;
         /**
          * Internal backing property for {@link AxisCore.isAxis}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.isXAxisProperty = true;
+        _this.isXAxisProperty = true;
         /**
          * Internal backing property for {@link AxisCore.minorsPerMajor}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.minorsPerMajorProperty = 5;
+        _this.minorsPerMajorProperty = 5;
         /**
          * Internal backing property for {@link AxisCore.drawMajorGridLines}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.drawMajorGridLinesProperty = true;
+        _this.drawMajorGridLinesProperty = true;
         /**
          * Internal backing property for {@link AxisCore.drawMinorGridLines}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.drawMinorGridLinesProperty = true;
+        _this.drawMinorGridLinesProperty = true;
         /**
          * Internal backing property for {@link AxisCore.drawMajorTickLines}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.drawMajorTickLinesProperty = true;
+        _this.drawMajorTickLinesProperty = true;
         /**
          * Internal backing property for {@link AxisCore.drawMinorTickLines}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.drawMinorTickLinesProperty = true;
+        _this.drawMinorTickLinesProperty = true;
         /**
          * Internal backing property for {@link AxisCore.drawMajorBands}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.drawMajorBandsProperty = true;
+        _this.drawMajorBandsProperty = true;
         /**
          * Internal backing property for {@link AxisCore.drawLabels}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.drawLabelsProperty = true;
+        _this.drawLabelsProperty = true;
         /**
          * Internal backing property for {@link AxisCore.flippedCoordinates}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.flippedCoordinatesProperty = false;
+        _this.flippedCoordinatesProperty = false;
         /**
          * Internal backing property for {@link AxisCore.tickTextBrush}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.tickTextBrushProperty = SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.tickTextBrush;
+        _this.tickTextBrushProperty = SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.tickTextBrush;
         /**
          * Internal backing property for {@link AxisCore.axisBandsFill}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.axisBandsFillProperty = SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.axisBandsFill;
+        _this.axisBandsFillProperty = SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.axisBandsFill;
         /**
          * Internal backing property for {@link AxisCore.autoRange}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.autoRangeProperty = AutoRange_1.EAutoRange.Once;
+        _this.autoRangeProperty = AutoRange_1.EAutoRange.Once;
         /**
          * Internal backing property for {@link AxisCore.majorTickLineStyle}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.majorTickLineStyleProperty = {
+        _this.majorTickLineStyleProperty = {
             tickSize: 5,
             strokeThickness: 1,
             color: SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.majorGridLineBrush
@@ -115,7 +134,7 @@ var AxisCore = /** @class */ (function () {
         /**
          * Internal backing property for {@link AxisCore.minorTickLineStyle}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.minorTickLineStyleProperty = {
+        _this.minorTickLineStyleProperty = {
             tickSize: 3,
             strokeThickness: 1,
             color: SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.minorGridLineBrush
@@ -123,7 +142,7 @@ var AxisCore = /** @class */ (function () {
         /**
          * Internal backing property for {@link AxisCore.majorGridLineStyle}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.majorGridLineStyleProperty = {
+        _this.majorGridLineStyleProperty = {
             strokeThickness: 1,
             color: SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.majorGridLineBrush,
             strokeDashArray: undefined
@@ -131,7 +150,7 @@ var AxisCore = /** @class */ (function () {
         /**
          * Internal backing property for {@link AxisCore.minorGridLineStyle}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.minorGridLineStyleProperty = {
+        _this.minorGridLineStyleProperty = {
             strokeThickness: 1,
             color: SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.minorGridLineBrush,
             strokeDashArray: undefined
@@ -139,7 +158,7 @@ var AxisCore = /** @class */ (function () {
         /**
          * Internal backing property for {@link AxisCore.axisTitleStyle}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.axisTitleStyleProperty = {
+        _this.axisTitleStyleProperty = {
             fontSize: 24,
             fontFamily: "Arial",
             color: SciChartSurfaceBase_1.SciChartSurfaceBase.DEFAULT_THEME.axisTitleColor,
@@ -151,43 +170,44 @@ var AxisCore = /** @class */ (function () {
         /**
          * Internal backing property for {@link AxisCore.isVisible}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.isVisibleProperty = true;
+        _this.isVisibleProperty = true;
         /**
          * Internal backing property for {@link AxisCore.autoTicks}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
-        this.autoTicksProperty = true;
+        _this.autoTicksProperty = true;
         /**
          * 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.allowFastMathProperty = false;
-        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.allowFastMath = (_g = options === null || options === void 0 ? void 0 : options.allowFastMath) !== null && _g !== void 0 ? _g : this.allowFastMathProperty;
-        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.minorsPerMajorProperty = (_k = options === null || options === void 0 ? void 0 : options.minorsPerMajor) !== null && _k !== void 0 ? _k : this.minorsPerMajorProperty;
-        this.majorDeltaProperty = (_l = options === null || options === void 0 ? void 0 : options.majorDelta) !== null && _l !== void 0 ? _l : this.majorDeltaProperty;
-        this.minorDeltaProperty = (_m = options === null || options === void 0 ? void 0 : options.minorDelta) !== null && _m !== void 0 ? _m : this.minorDeltaProperty;
-        this.drawLabelsProperty = (_o = options === null || options === void 0 ? void 0 : options.drawLabels) !== null && _o !== void 0 ? _o : this.drawLabelsProperty;
-        this.drawMajorTickLinesProperty = (_p = options === null || options === void 0 ? void 0 : options.drawMajorTickLines) !== null && _p !== void 0 ? _p : this.drawMajorTickLinesProperty;
-        this.drawMinorTickLinesProperty = (_q = options === null || options === void 0 ? void 0 : options.drawMinorTickLines) !== null && _q !== void 0 ? _q : this.drawMinorTickLinesProperty;
-        this.drawMinorGridLinesProperty = (_r = options === null || options === void 0 ? void 0 : options.drawMinorGridLines) !== null && _r !== void 0 ? _r : this.drawMinorGridLinesProperty;
-        this.drawMajorGridLinesProperty = (_s = options === null || options === void 0 ? void 0 : options.drawMajorGridLines) !== null && _s !== void 0 ? _s : this.drawMajorGridLinesProperty;
-        this.majorGridLineStyleProperty = (_t = options === null || options === void 0 ? void 0 : options.majorGridLineStyle) !== null && _t !== void 0 ? _t : this.majorGridLineStyleProperty;
-        this.minorGridLineStyleProperty = (_u = options === null || options === void 0 ? void 0 : options.minorGridLineStyle) !== null && _u !== void 0 ? _u : this.minorGridLineStyleProperty;
-        this.majorTickLineStyleProperty = (_v = options === null || options === void 0 ? void 0 : options.majorTickLineStyle) !== null && _v !== void 0 ? _v : this.majorTickLineStyleProperty;
-        this.minorTickLineStyleProperty = (_w = options === null || options === void 0 ? void 0 : options.minorTickLineStyle) !== null && _w !== void 0 ? _w : this.minorTickLineStyleProperty;
-        this.drawMajorBandsProperty = (_x = options === null || options === void 0 ? void 0 : options.drawMajorBands) !== null && _x !== void 0 ? _x : this.drawMajorBandsProperty;
-        this.axisBandsFillProperty = (_y = options === null || options === void 0 ? void 0 : options.axisBandsFill) !== null && _y !== void 0 ? _y : this.axisBandsFillProperty;
-        this.flippedCoordinatesProperty = (_z = options === null || options === void 0 ? void 0 : options.flippedCoordinates) !== null && _z !== void 0 ? _z : this.flippedCoordinatesProperty;
-        this.getCurrentCoordinateCalculator = this.getCurrentCoordinateCalculator.bind(this);
+        _this.maxAutoTicksProperty = 10;
+        _this.defaultVisibleRange = new NumberRange_1.NumberRange(0, 10);
+        _this.allowFastMathProperty = false;
+        _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.allowFastMath = (_g = options === null || options === void 0 ? void 0 : options.allowFastMath) !== null && _g !== void 0 ? _g : _this.allowFastMathProperty;
+        _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.minorsPerMajorProperty = (_k = options === null || options === void 0 ? void 0 : options.minorsPerMajor) !== null && _k !== void 0 ? _k : _this.minorsPerMajorProperty;
+        _this.majorDeltaProperty = (_l = options === null || options === void 0 ? void 0 : options.majorDelta) !== null && _l !== void 0 ? _l : _this.majorDeltaProperty;
+        _this.minorDeltaProperty = (_m = options === null || options === void 0 ? void 0 : options.minorDelta) !== null && _m !== void 0 ? _m : _this.minorDeltaProperty;
+        _this.drawLabelsProperty = (_o = options === null || options === void 0 ? void 0 : options.drawLabels) !== null && _o !== void 0 ? _o : _this.drawLabelsProperty;
+        _this.drawMajorTickLinesProperty = (_p = options === null || options === void 0 ? void 0 : options.drawMajorTickLines) !== null && _p !== void 0 ? _p : _this.drawMajorTickLinesProperty;
+        _this.drawMinorTickLinesProperty = (_q = options === null || options === void 0 ? void 0 : options.drawMinorTickLines) !== null && _q !== void 0 ? _q : _this.drawMinorTickLinesProperty;
+        _this.drawMinorGridLinesProperty = (_r = options === null || options === void 0 ? void 0 : options.drawMinorGridLines) !== null && _r !== void 0 ? _r : _this.drawMinorGridLinesProperty;
+        _this.drawMajorGridLinesProperty = (_s = options === null || options === void 0 ? void 0 : options.drawMajorGridLines) !== null && _s !== void 0 ? _s : _this.drawMajorGridLinesProperty;
+        _this.majorGridLineStyleProperty = (_t = options === null || options === void 0 ? void 0 : options.majorGridLineStyle) !== null && _t !== void 0 ? _t : _this.majorGridLineStyleProperty;
+        _this.minorGridLineStyleProperty = (_u = options === null || options === void 0 ? void 0 : options.minorGridLineStyle) !== null && _u !== void 0 ? _u : _this.minorGridLineStyleProperty;
+        _this.majorTickLineStyleProperty = (_v = options === null || options === void 0 ? void 0 : options.majorTickLineStyle) !== null && _v !== void 0 ? _v : _this.majorTickLineStyleProperty;
+        _this.minorTickLineStyleProperty = (_w = options === null || options === void 0 ? void 0 : options.minorTickLineStyle) !== null && _w !== void 0 ? _w : _this.minorTickLineStyleProperty;
+        _this.drawMajorBandsProperty = (_x = options === null || options === void 0 ? void 0 : options.drawMajorBands) !== null && _x !== void 0 ? _x : _this.drawMajorBandsProperty;
+        _this.axisBandsFillProperty = (_y = options === null || options === void 0 ? void 0 : options.axisBandsFill) !== null && _y !== void 0 ? _y : _this.axisBandsFillProperty;
+        _this.flippedCoordinatesProperty = (_z = options === null || options === void 0 ? void 0 : options.flippedCoordinates) !== null && _z !== void 0 ? _z : _this.flippedCoordinatesProperty;
+        _this.getCurrentCoordinateCalculator = _this.getCurrentCoordinateCalculator.bind(_this);
+        return _this;
     }
     Object.defineProperty(AxisCore.prototype, "isCategoryAxis", {
         /**
@@ -864,6 +884,8 @@ var AxisCore = /** @class */ (function () {
          * @param tickProvider
          */
         set: function (tickProvider) {
+            var _a;
+            (_a = this.tickProviderProperty) === null || _a === void 0 ? void 0 : _a.detachedFromAxis();
             this.tickProviderProperty = tickProvider;
             this.notifyPropertyChanged(constants_1.PROPERTY.TICK_PROVIDER);
         },
@@ -881,6 +903,8 @@ var AxisCore = /** @class */ (function () {
          * Gets or sets a {@link LabelProvider} - a class which is responsible for formatting axis labels and cursor labels from numeric values
          */
         set: function (labelProvider) {
+            var _a;
+            (_a = this.labelProviderProperty) === null || _a === void 0 ? void 0 : _a.detachedFromAxis();
             this.labelProviderProperty = labelProvider;
             this.notifyPropertyChanged(constants_1.PROPERTY.LABEL_PROVIDER);
         },
@@ -900,6 +924,8 @@ var AxisCore = /** @class */ (function () {
          * which are used for gridline spacing
          */
         set: function (deltaCalculator) {
+            var _a;
+            (_a = this.deltaCalculator) === null || _a === void 0 ? void 0 : _a.detachedFromAxis();
             this.deltaCalculatorProperty = deltaCalculator;
             this.notifyPropertyChanged(constants_1.PROPERTY.DELTA_CALCULATOR);
         },
@@ -917,6 +943,8 @@ var AxisCore = /** @class */ (function () {
          * Gets or sets a {@link TickCoordinatesProvider} - a class which is responsible for converting tick values to pixel coordinates
          */
         set: function (tickCoordinatesProvider) {
+            var _a;
+            (_a = this.tickCoordinatesProviderProperty) === null || _a === void 0 ? void 0 : _a.detachedFromAxis();
             this.tickCoordinatesProviderProperty = tickCoordinatesProvider;
             this.notifyPropertyChanged(constants_1.PROPERTY.TICK_COORDINATES_CALCULATOR);
         },
@@ -984,6 +1012,10 @@ var AxisCore = /** @class */ (function () {
      * @inheritDoc
      */
     AxisCore.prototype.delete = function () {
+        this.deltaCalculator = undefined;
+        this.tickProvider = undefined;
+        this.tickCoordinatesProvider = undefined;
+        this.labelProviderProperty = (0, Deleter_1.deleteSafe)(this.labelProvider);
         this.coordCalcCache = (0, Deleter_1.deleteSafe)(this.coordCalcCache);
     };
     /**
@@ -994,6 +1026,20 @@ var AxisCore = /** @class */ (function () {
         var isInvalid = !range || !range.isDefined() || range.min > range.max;
         return !isInvalid;
     };
+    Object.defineProperty(AxisCore.prototype, "isVerticalChart", {
+        get: function () {
+            return false;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AxisCore.prototype, "isHorizontalAxis", {
+        get: function () {
+            return this.isXAxis;
+        },
+        enumerable: false,
+        configurable: true
+    });
     /**
      * SET INTERNALLY. Sets whether this axis is an XAxis or not
      * @remarks
@@ -1054,5 +1100,5 @@ var AxisCore = /** @class */ (function () {
      */
     AxisCore.DEFAULT_AXIS_ID = "DefaultAxisId";
     return AxisCore;
-}());
+}(DeletableEntity_1.DeletableEntity));
 exports.AxisCore = AxisCore;