scichart 3.1.348 → 3.2.434

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
@@ -164,7 +165,7 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
     /**
      * Internal backing property for {@link AxisCore.growBy}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
      */
-    protected growByProperty: NumberRange;
+    protected growByProperty: NumberRange | undefined;
     /**
      * Internal backing property for {@link AxisCore.visibleRange}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
      */
@@ -397,7 +398,7 @@ export declare abstract class AxisCore implements IAxisParams, IDeletable {
      * axis.growBy = new NumberRange(0.1, 0.2);
      * ```
      */
-    set growBy(growBy: NumberRange);
+    set growBy(growBy: NumberRange | undefined);
     /**
      * The VisibleRange is the range of the Axis (min to max).
      * @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;

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

@@ -1,3 +1,4 @@
+import { DeletableEntity } from "../../../Core/DeletableEntity";
 import { IDeletable } from "../../../Core/IDeletable";
 import { Rect } from "../../../Core/Rect";
 import { EAxisAlignment } from "../../../types/AxisAlignment";
@@ -11,7 +12,7 @@ import { LabelProviderBase2D } from "./LabelProvider/LabelProviderBase2D";
 /**
  * Draws an axis using our WebGL Rendering engine
  */
-export declare class AxisRenderer implements IDeletable {
+export declare class AxisRenderer extends DeletableEntity implements IDeletable {
     viewRect: Rect;
     drawDebug: boolean;
     textureManager: TextureManager;

package/Charting/Visuals/Axis/AxisRenderer.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++) {
@@ -13,11 +28,13 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.layoutLabelsHelper = exports.AxisRenderer = void 0;
 var app_1 = require("../../../constants/app");
+var DeletableEntity_1 = require("../../../Core/DeletableEntity");
 var Deleter_1 = require("../../../Core/Deleter");
 var Rect_1 = require("../../../Core/Rect");
 var Thickness_1 = require("../../../Core/Thickness");
 var AxisAlignment_1 = require("../../../types/AxisAlignment");
 var LabelAlignment_1 = require("../../../types/LabelAlignment");
+var logger_1 = require("../../../utils/logger");
 var parseColor_1 = require("../../../utils/parseColor");
 var WebGlRenderContext2D_1 = require("../../Drawing/WebGlRenderContext2D");
 var createNativeRect_1 = require("../Helpers/createNativeRect");
@@ -28,33 +45,38 @@ var TextureManager_1 = require("../TextureManager/TextureManager");
 /**
  * Draws an axis using our WebGL Rendering engine
  */
-var AxisRenderer = /** @class */ (function () {
+var AxisRenderer = /** @class */ (function (_super) {
+    __extends(AxisRenderer, _super);
     /**
      * Creates an instance of a {@link AxisRenderer}
      * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
      * access to our WebGL2 Engine and WebAssembly numerical methods
      */
     function AxisRenderer(webAssemblyContext) {
-        this.viewRect = Rect_1.Rect.createZero();
-        this.drawDebug = false;
-        this.desiredLabelsSize = 0;
-        this.desiredTicksSize = 0;
-        this.desiredHeightProperty = 0;
-        this.desiredWidthProperty = 0;
-        this.axisThicknessProperty = 0;
-        this.keepLabelsWithinAxisProperty = true;
-        this.hideOverlappingLabelsProperty = true;
-        this.webAssemblyContext = webAssemblyContext;
-        this.textureManager = new TextureManager_1.TextureManager(webAssemblyContext);
+        var _this = _super.call(this) || this;
+        _this.viewRect = Rect_1.Rect.createZero();
+        _this.drawDebug = false;
+        _this.desiredLabelsSize = 0;
+        _this.desiredTicksSize = 0;
+        _this.desiredHeightProperty = 0;
+        _this.desiredWidthProperty = 0;
+        _this.axisThicknessProperty = 0;
+        _this.keepLabelsWithinAxisProperty = true;
+        _this.hideOverlappingLabelsProperty = true;
+        _this.webAssemblyContext = webAssemblyContext;
+        _this.textureManager = new TextureManager_1.TextureManager(webAssemblyContext);
         if (!app_1.IS_TEST_ENV) {
-            this.measureTextCanvas = document.createElement("canvas");
-            this.measureTextCanvas.width = 1;
-            this.measureTextCanvas.height = 1;
+            _this.measureTextCanvas = document.createElement("canvas");
+            _this.measureTextCanvas.width = 1;
+            _this.measureTextCanvas.height = 1;
         }
+        return _this;
     }
     /** @inheritDoc */
     AxisRenderer.prototype.delete = function () {
+        this.webAssemblyContext = undefined;
         this.measureTextCanvas = undefined;
+        this.parentAxis = undefined;
         this.textureManager = (0, Deleter_1.deleteSafe)(this.textureManager);
     };
     /**
@@ -290,6 +312,7 @@ var AxisRenderer = /** @class */ (function () {
                     }
                 }
                 catch (err) {
+                    logger_1.Logger.debug(err);
                     // webgl context probably lost.  Clear the label cache
                     labelProvider.delete();
                 }
@@ -337,6 +360,7 @@ var AxisRenderer = /** @class */ (function () {
                     }
                 }
                 catch (err) {
+                    logger_1.Logger.debug(err);
                     // webgl context probably lost.  Clear the label cache
                     labelProvider.delete();
                 }
@@ -525,7 +549,7 @@ var AxisRenderer = /** @class */ (function () {
         brush.delete();
     };
     return AxisRenderer;
-}());
+}(DeletableEntity_1.DeletableEntity));
 exports.AxisRenderer = AxisRenderer;
 /** @ignore */
 var layoutLabelsHelper = function (keepLabelsWithinAxis, hideOverlappingLabels, size, tickCoords, labelSizes, isFlippedCoordinates) {

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

@@ -25,4 +25,5 @@ export declare class AxisTitleRenderer extends TitleRendererBase<TAxisTitleStyle
     layout(rect: Rect): void;
     protected getTitleTexture(): import("../TextureManager/TextureManager").TTextureObject;
     draw(renderContext: WebGlRenderContext2D): void;
+    delete(): void;
 }

package/Charting/Visuals/Axis/AxisTitleRenderer.js

@@ -107,6 +107,10 @@ var AxisTitleRenderer = /** @class */ (function (_super) {
     AxisTitleRenderer.prototype.draw = function (renderContext) {
         return this.drawInternal(renderContext, this.useNativeText, this.titlePosition);
     };
+    AxisTitleRenderer.prototype.delete = function () {
+        this.parentSurface = undefined;
+        _super.prototype.delete.call(this);
+    };
     return AxisTitleRenderer;
 }(TitleRenderer_1.TitleRendererBase));
 exports.AxisTitleRenderer = AxisTitleRenderer;