@amcharts/amcharts5 5.2.49 → 5.3.0

package/.internal/charts/xy/axes/Axis.js

@@ -1,4 +1,3 @@
-import { __extends, __read } from "tslib";
 import { DataItem } from "../../../core/render/Component";
 import { Component } from "../../../core/render/Component";
 import { Container } from "../../../core/render/Container";
@@ -13,17 +12,16 @@ import * as $utils from "../../../core/util/Utils";
  *
  * @see {@link https://www.amcharts.com/docs/v5/charts/xy-chart/#Adding_axes} for more info
  */
-var Axis = /** @class */ (function (_super) {
-    __extends(Axis, _super);
-    function Axis() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        Object.defineProperty(_this, "_series", {
+export class Axis extends Component {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "_series", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: []
         });
-        Object.defineProperty(_this, "_isPanning", {
+        Object.defineProperty(this, "_isPanning", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -34,85 +32,85 @@ var Axis = /** @class */ (function (_super) {
          *
          * @default Container.new()
          */
-        Object.defineProperty(_this, "labelsContainer", {
+        Object.defineProperty(this, "labelsContainer", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: _this.children.push(Container.new(_this._root, {}))
+            value: this.children.push(Container.new(this._root, {}))
         });
         /**
          * A [[Container]] that holds all the axis grid and fill elements.
          *
          * @default Container.new()
          */
-        Object.defineProperty(_this, "gridContainer", {
+        Object.defineProperty(this, "gridContainer", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: Container.new(_this._root, { width: p100, height: p100 })
+            value: Container.new(this._root, { width: p100, height: p100 })
         });
         /**
          * A [[Container]] that holds axis grid elements which goes above the series.
          *
          * @default Container.new()
          */
-        Object.defineProperty(_this, "topGridContainer", {
+        Object.defineProperty(this, "topGridContainer", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: Container.new(_this._root, { width: p100, height: p100 })
+            value: Container.new(this._root, { width: p100, height: p100 })
         });
         /**
          * A [[Container]] that holds all the axis bullet elements.
          *
          * @default new Container
          */
-        Object.defineProperty(_this, "bulletsContainer", {
+        Object.defineProperty(this, "bulletsContainer", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: _this.children.push(Container.new(_this._root, { isMeasured: false, width: p100, height: p100, position: "absolute" }))
+            value: this.children.push(Container.new(this._root, { isMeasured: false, width: p100, height: p100, position: "absolute" }))
         });
         /**
          * A referenece to the the chart the axis belongs to.
          */
-        Object.defineProperty(_this, "chart", {
+        Object.defineProperty(this, "chart", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        Object.defineProperty(_this, "_rangesDirty", {
+        Object.defineProperty(this, "_rangesDirty", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: false
         });
-        Object.defineProperty(_this, "_panStart", {
+        Object.defineProperty(this, "_panStart", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: 0
         });
-        Object.defineProperty(_this, "_panEnd", {
+        Object.defineProperty(this, "_panEnd", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: 1
         });
-        Object.defineProperty(_this, "_sAnimation", {
+        Object.defineProperty(this, "_sAnimation", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        Object.defineProperty(_this, "_eAnimation", {
+        Object.defineProperty(this, "_eAnimation", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        Object.defineProperty(_this, "_skipSync", {
+        Object.defineProperty(this, "_skipSync", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -124,13 +122,13 @@ var Axis = /** @class */ (function (_super) {
          * @see {@link https://www.amcharts.com/docs/v5/charts/xy-chart/axes/axis-ranges/} for more info
          * @default new List()
          */
-        Object.defineProperty(_this, "axisRanges", {
+        Object.defineProperty(this, "axisRanges", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: new List()
         });
-        Object.defineProperty(_this, "_seriesAxisRanges", {
+        Object.defineProperty(this, "_seriesAxisRanges", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -142,25 +140,25 @@ var Axis = /** @class */ (function (_super) {
          *
          * @see {@link https://www.amcharts.com/docs/v5/charts/xy-chart/axes/value-axis/#Ghost_label} for more info
          */
-        Object.defineProperty(_this, "ghostLabel", {
+        Object.defineProperty(this, "ghostLabel", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        Object.defineProperty(_this, "_cursorPosition", {
+        Object.defineProperty(this, "_cursorPosition", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: -1
         });
-        Object.defineProperty(_this, "_snapToSeries", {
+        Object.defineProperty(this, "_snapToSeries", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: void 0
         });
-        Object.defineProperty(_this, "_seriesValuesDirty", {
+        Object.defineProperty(this, "_seriesValuesDirty", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -173,97 +171,73 @@ var Axis = /** @class */ (function (_super) {
          * @see {@link https://www.amcharts.com/docs/v5/charts/xy-chart/axes/axis-headers/} for more info
          * @default new Container
          */
-        Object.defineProperty(_this, "axisHeader", {
+        Object.defineProperty(this, "axisHeader", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: _this.children.push(Container.new(_this._root, {
+            value: this.children.push(Container.new(this._root, {
                 themeTags: ["axis", "header"],
                 position: "absolute",
-                background: Rectangle.new(_this._root, {
+                background: Rectangle.new(this._root, {
                     themeTags: ["header", "background"],
-                    fill: _this._root.interfaceColors.get("background")
+                    fill: this._root.interfaceColors.get("background")
                 })
             }))
         });
-        Object.defineProperty(_this, "_bullets", {
+        Object.defineProperty(this, "_bullets", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: {}
         });
-        Object.defineProperty(_this, "_crispX", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(_this, "_crispY", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        return _this;
     }
-    Object.defineProperty(Axis.prototype, "_dispose", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            // these could be in other parents, so disposing just in case
-            this.gridContainer.dispose();
-            this.topGridContainer.dispose();
-            this.bulletsContainer.dispose();
-            this.labelsContainer.dispose();
-            this.axisHeader.dispose();
-            _super.prototype._dispose.call(this);
-        }
-    });
-    Object.defineProperty(Axis.prototype, "_afterNew", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var _this = this;
-            _super.prototype._afterNew.call(this);
-            this.setPrivate("updateScrollbar", true);
-            this._disposers.push(this.axisRanges.events.onAll(function (change) {
-                if (change.type === "clear") {
-                    $array.each(change.oldValues, function (dataItem) {
-                        _this.disposeDataItem(dataItem);
-                    });
-                }
-                else if (change.type === "push") {
-                    _this._processAxisRange(change.newValue, ["range"]);
-                }
-                else if (change.type === "setIndex") {
-                    _this._processAxisRange(change.newValue, ["range"]);
-                }
-                else if (change.type === "insertIndex") {
-                    _this._processAxisRange(change.newValue, ["range"]);
-                }
-                else if (change.type === "removeIndex") {
-                    _this.disposeDataItem(change.oldValue);
-                }
-                else if (change.type === "moveIndex") {
-                    _this._processAxisRange(change.value, ["range"]);
-                }
-                else {
-                    throw new Error("Unknown IStreamEvent type");
-                }
-            }));
-            var renderer = this.get("renderer");
-            if (renderer) {
-                renderer.axis = this;
-                renderer.processAxis();
+    _dispose() {
+        // these could be in other parents, so disposing just in case
+        this.gridContainer.dispose();
+        this.topGridContainer.dispose();
+        this.bulletsContainer.dispose();
+        this.labelsContainer.dispose();
+        this.axisHeader.dispose();
+        super._dispose();
+    }
+    _afterNew() {
+        super._afterNew();
+        this.setPrivate("updateScrollbar", true);
+        this._disposers.push(this.axisRanges.events.onAll((change) => {
+            if (change.type === "clear") {
+                $array.each(change.oldValues, (dataItem) => {
+                    this.disposeDataItem(dataItem);
+                });
             }
-            this.children.push(renderer);
-            this.ghostLabel = renderer.makeLabel(new DataItem(this, undefined, {}), []);
-            this.ghostLabel.adapters.disable("text");
-            this.ghostLabel.set("opacity", 0);
-        }
-    });
+            else if (change.type === "push") {
+                this._processAxisRange(change.newValue, ["range"]);
+            }
+            else if (change.type === "setIndex") {
+                this._processAxisRange(change.newValue, ["range"]);
+            }
+            else if (change.type === "insertIndex") {
+                this._processAxisRange(change.newValue, ["range"]);
+            }
+            else if (change.type === "removeIndex") {
+                this.disposeDataItem(change.oldValue);
+            }
+            else if (change.type === "moveIndex") {
+                this._processAxisRange(change.value, ["range"]);
+            }
+            else {
+                throw new Error("Unknown IStreamEvent type");
+            }
+        }));
+        const renderer = this.get("renderer");
+        if (renderer) {
+            renderer.axis = this;
+            renderer.processAxis();
+        }
+        this.children.push(renderer);
+        this.ghostLabel = renderer.makeLabel(new DataItem(this, undefined, {}), []);
+        this.ghostLabel.adapters.disable("text");
+        this.ghostLabel.set("opacity", 0);
+    }
     /**
      * Zooms the axis to relative locations.
      *
@@ -274,663 +248,504 @@ var Axis = /** @class */ (function (_super) {
      * @param   duration  Duration of the zoom animation in milliseconds
      * @return            Zoom animation
      */
-    Object.defineProperty(Axis.prototype, "zoom", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (start, end, duration, priority) {
-            var _a;
-            var _this = this;
-            if (this.get("start") !== start || this.get("end") != end) {
-                var sAnimation = this._sAnimation;
-                var eAnimation = this._eAnimation;
-                var maxDeviation = this.get("maxDeviation", 0.5) * Math.min(1, (end - start));
-                if (start < -maxDeviation) {
-                    start = -maxDeviation;
-                }
-                if (end > 1 + maxDeviation) {
-                    end = 1 + maxDeviation;
-                }
-                if (start > end) {
-                    _a = __read([end, start], 2), start = _a[0], end = _a[1];
+    zoom(start, end, duration, priority) {
+        if (this.get("start") !== start || this.get("end") != end) {
+            let sAnimation = this._sAnimation;
+            let eAnimation = this._eAnimation;
+            let maxDeviation = this.get("maxDeviation", 0.5) * Math.min(1, (end - start));
+            if (start < -maxDeviation) {
+                start = -maxDeviation;
+            }
+            if (end > 1 + maxDeviation) {
+                end = 1 + maxDeviation;
+            }
+            if (start > end) {
+                [start, end] = [end, start];
+            }
+            if (!$type.isNumber(duration)) {
+                duration = this.get("interpolationDuration", 0);
+            }
+            if (!priority) {
+                priority = "end";
+            }
+            let maxZoomFactor = this.getPrivate("maxZoomFactor", this.get("maxZoomFactor", 100));
+            let maxZoomFactorReal = maxZoomFactor;
+            if (end === 1 && start !== 0) {
+                if (start < this.get("start")) {
+                    priority = "start";
                 }
-                if (!$type.isNumber(duration)) {
-                    duration = this.get("interpolationDuration", 0);
+                else {
+                    priority = "end";
                 }
-                if (!priority) {
+            }
+            if (start === 0 && end !== 1) {
+                if (end > this.get("end")) {
                     priority = "end";
                 }
-                var maxZoomFactor = this.getPrivate("maxZoomFactor", this.get("maxZoomFactor", 100));
-                var maxZoomFactorReal = maxZoomFactor;
-                if (end === 1 && start !== 0) {
-                    if (start < this.get("start")) {
-                        priority = "start";
-                    }
-                    else {
-                        priority = "end";
-                    }
+                else {
+                    priority = "start";
                 }
-                if (start === 0 && end !== 1) {
-                    if (end > this.get("end")) {
-                        priority = "end";
-                    }
-                    else {
-                        priority = "start";
+            }
+            let minZoomCount = this.get("minZoomCount");
+            let maxZoomCount = this.get("maxZoomCount");
+            if ($type.isNumber(minZoomCount)) {
+                maxZoomFactor = maxZoomFactorReal / minZoomCount;
+            }
+            let minZoomFactor = 1;
+            if ($type.isNumber(maxZoomCount)) {
+                minZoomFactor = maxZoomFactorReal / maxZoomCount;
+            }
+            // most likely we are dragging left scrollbar grip here, so we tend to modify end
+            if (priority === "start") {
+                if (maxZoomCount > 0) {
+                    // add to the end
+                    if (1 / (end - start) < minZoomFactor) {
+                        end = start + 1 / minZoomFactor;
                     }
                 }
-                var minZoomCount = this.get("minZoomCount");
-                var maxZoomCount = this.get("maxZoomCount");
-                if ($type.isNumber(minZoomCount)) {
-                    maxZoomFactor = maxZoomFactorReal / minZoomCount;
+                // add to the end
+                if (1 / (end - start) > maxZoomFactor) {
+                    end = start + 1 / maxZoomFactor;
                 }
-                var minZoomFactor = 1;
-                if ($type.isNumber(maxZoomCount)) {
-                    minZoomFactor = maxZoomFactorReal / maxZoomCount;
+                //unless end is > 0
+                if (end > 1 && end - start < 1 / maxZoomFactor) {
+                    //end = 1;
+                    start = end - 1 / maxZoomFactor;
                 }
-                // most likely we are dragging left scrollbar grip here, so we tend to modify end
-                if (priority === "start") {
-                    if (maxZoomCount > 0) {
-                        // add to the end
-                        if (1 / (end - start) < minZoomFactor) {
-                            end = start + 1 / minZoomFactor;
-                        }
-                    }
+            }
+            // most likely we are dragging right, so we modify left
+            else {
+                if (maxZoomCount > 0) {
                     // add to the end
-                    if (1 / (end - start) > maxZoomFactor) {
-                        end = start + 1 / maxZoomFactor;
-                    }
-                    //unless end is > 0
-                    if (end > 1 && end - start < 1 / maxZoomFactor) {
-                        //end = 1;
-                        start = end - 1 / maxZoomFactor;
-                    }
-                }
-                // most likely we are dragging right, so we modify left
-                else {
-                    if (maxZoomCount > 0) {
-                        // add to the end
-                        if (1 / (end - start) < minZoomFactor) {
-                            start = end - 1 / minZoomFactor;
-                        }
-                    }
-                    // remove from start
-                    if (1 / (end - start) > maxZoomFactor) {
-                        start = end - 1 / maxZoomFactor;
-                    }
-                    if (start < 0 && end - start < 1 / maxZoomFactor) {
-                        //start = 0;
-                        end = start + 1 / maxZoomFactor;
+                    if (1 / (end - start) < minZoomFactor) {
+                        start = end - 1 / minZoomFactor;
                     }
                 }
+                // remove from start
                 if (1 / (end - start) > maxZoomFactor) {
+                    start = end - 1 / maxZoomFactor;
+                }
+                if (start < 0 && end - start < 1 / maxZoomFactor) {
+                    //start = 0;
                     end = start + 1 / maxZoomFactor;
                 }
-                if (1 / (end - start) > maxZoomFactor) {
-                    start = end - 1 / maxZoomFactor;
+            }
+            if (1 / (end - start) > maxZoomFactor) {
+                end = start + 1 / maxZoomFactor;
+            }
+            if (1 / (end - start) > maxZoomFactor) {
+                start = end - 1 / maxZoomFactor;
+            }
+            if (maxZoomCount != null && minZoomCount != null && (start == this.get("start") && end == this.get("end"))) {
+                const chart = this.chart;
+                if (chart) {
+                    chart._handleAxisSelection(this, true);
                 }
-                if (maxZoomCount != null && minZoomCount != null && (start == this.get("start") && end == this.get("end"))) {
-                    var chart = this.chart;
-                    if (chart) {
-                        chart._handleAxisSelection(this, true);
-                    }
+            }
+            if (((sAnimation && sAnimation.playing && sAnimation.to == start) || this.get("start") == start) && ((eAnimation && eAnimation.playing && eAnimation.to == end) || this.get("end") == end)) {
+                return;
+            }
+            if (duration > 0) {
+                let easing = this.get("interpolationEasing");
+                let sAnimation, eAnimation;
+                if (this.get("start") != start) {
+                    sAnimation = this.animate({ key: "start", to: start, duration: duration, easing: easing });
                 }
-                if (((sAnimation && sAnimation.playing && sAnimation.to == start) || this.get("start") == start) && ((eAnimation && eAnimation.playing && eAnimation.to == end) || this.get("end") == end)) {
-                    return;
+                if (this.get("end") != end) {
+                    eAnimation = this.animate({ key: "end", to: end, duration: duration, easing: easing });
                 }
-                if (duration > 0) {
-                    var easing = this.get("interpolationEasing");
-                    var sAnimation_1, eAnimation_1;
-                    if (this.get("start") != start) {
-                        sAnimation_1 = this.animate({ key: "start", to: start, duration: duration, easing: easing });
-                    }
-                    if (this.get("end") != end) {
-                        eAnimation_1 = this.animate({ key: "end", to: end, duration: duration, easing: easing });
-                    }
-                    this._sAnimation = sAnimation_1;
-                    this._eAnimation = eAnimation_1;
-                    if (sAnimation_1) {
-                        return sAnimation_1;
-                    }
-                    else if (eAnimation_1) {
-                        return eAnimation_1;
-                    }
+                this._sAnimation = sAnimation;
+                this._eAnimation = eAnimation;
+                if (sAnimation) {
+                    return sAnimation;
                 }
-                else {
-                    this.set("start", start);
-                    this.set("end", end);
-                    // otherwise bullets and line out of sync, as series is not redrawn
-                    this._root.events.once("frameended", function () {
-                        _this._markDirtyKey("start");
-                        _this._root._markDirty();
-                    });
+                else if (eAnimation) {
+                    return eAnimation;
                 }
             }
             else {
-                if (this._sAnimation) {
-                    this._sAnimation.stop();
-                }
-                if (this._eAnimation) {
-                    this._eAnimation.stop();
-                }
+                this.set("start", start);
+                this.set("end", end);
+                // otherwise bullets and line out of sync, as series is not redrawn
+                this._root.events.once("frameended", () => {
+                    this._markDirtyKey("start");
+                    this._root._markDirty();
+                });
             }
         }
-    });
-    Object.defineProperty(Axis.prototype, "series", {
-        /**
-         * A list of series using this axis.
-         *
-         * @return Series
-         */
-        get: function () {
-            return this._series;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Axis.prototype, "_processAxisRange", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (dataItem, themeTags) {
-            dataItem.setRaw("isRange", true);
-            this._createAssets(dataItem, themeTags);
-            this._rangesDirty = true;
-            this._prepareDataItem(dataItem);
-            var above = dataItem.get("above");
-            var container = this.topGridContainer;
-            var grid = dataItem.get("grid");
-            if (above && grid) {
-                container.children.moveValue(grid);
+        else {
+            if (this._sAnimation) {
+                this._sAnimation.stop();
             }
-            var fill = dataItem.get("axisFill");
-            if (above && fill) {
-                container.children.moveValue(fill);
+            if (this._eAnimation) {
+                this._eAnimation.stop();
             }
         }
-    });
-    Object.defineProperty(Axis.prototype, "_prepareDataItem", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (_dataItem, _index) { }
-    });
+    }
     /**
-     * @ignore
+     * A list of series using this axis.
+     *
+     * @return Series
      */
-    Object.defineProperty(Axis.prototype, "markDirtyExtremes", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
+    get series() {
+        return this._series;
+    }
+    _processAxisRange(dataItem, themeTags) {
+        dataItem.setRaw("isRange", true);
+        this._createAssets(dataItem, themeTags);
+        this._rangesDirty = true;
+        this._prepareDataItem(dataItem);
+        const above = dataItem.get("above");
+        const container = this.topGridContainer;
+        const grid = dataItem.get("grid");
+        if (above && grid) {
+            container.children.moveValue(grid);
+        }
+        const fill = dataItem.get("axisFill");
+        if (above && fill) {
+            container.children.moveValue(fill);
         }
-    });
+    }
+    _prepareDataItem(_dataItem, _index) { }
     /**
      * @ignore
      */
-    Object.defineProperty(Axis.prototype, "markDirtySelectionExtremes", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-        }
-    });
-    Object.defineProperty(Axis.prototype, "_calculateTotals", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-        }
-    });
-    Object.defineProperty(Axis.prototype, "_updateAxisRanges", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var _this = this;
-            this._bullets = {};
-            this.axisRanges.each(function (axisRange) {
-                _this._prepareDataItem(axisRange);
-            });
-            $array.each(this._seriesAxisRanges, function (axisRange) {
-                _this._prepareDataItem(axisRange);
-            });
-        }
-    });
-    Object.defineProperty(Axis.prototype, "_prepareChildren", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            _super.prototype._prepareChildren.call(this);
-            /*
-            const gridContainer = this.gridContainer;
-            const topGridContainer = this.topGridContainer;
-            let global = gridContainer._display.toGlobal({ x: 0, y: 0 });
-            this._crispX = global.x - Math.round(global.x);
-            this._crispY = global.y - Math.round(global.y);
-    
-            gridContainer.setAll({ dx: this._crispX, dy: this._crispY });
-            topGridContainer.setAll({ dx: this._crispX, dy: this._crispY });
-            */
-            if (this.get("fixAxisSize")) {
-                this.ghostLabel.set("visible", true);
-            }
-            else {
-                this.ghostLabel.set("visible", false);
-            }
-            if (this.isDirty("start") || this.isDirty("end")) {
-                this.chart._updateCursor();
-                var start = this.get("start", 0);
-                var end = this.get("end", 1);
-                var maxDeviation = this.get("maxDeviation", 0.5) * Math.min(1, (end - start));
-                if (start < -maxDeviation) {
-                    var delta = start + maxDeviation;
-                    start = -maxDeviation;
-                    this.setRaw("start", start);
-                    if (this.isDirty("end")) {
-                        this.setRaw("end", end - delta);
-                    }
-                }
-                if (end > 1 + maxDeviation) {
-                    var delta = end - 1 - maxDeviation;
-                    end = 1 + maxDeviation;
-                    this.setRaw("end", end);
-                    if (this.isDirty("start")) {
-                        this.setRaw("start", start - delta);
-                    }
+    markDirtyExtremes() {
+    }
+    /**
+     * @ignore
+     */
+    markDirtySelectionExtremes() {
+    }
+    _calculateTotals() {
+    }
+    _updateAxisRanges() {
+        this._bullets = {};
+        this.axisRanges.each((axisRange) => {
+            this._prepareDataItem(axisRange);
+        });
+        $array.each(this._seriesAxisRanges, (axisRange) => {
+            this._prepareDataItem(axisRange);
+        });
+    }
+    _prepareChildren() {
+        super._prepareChildren();
+        if (this.get("fixAxisSize")) {
+            this.ghostLabel.set("visible", true);
+        }
+        else {
+            this.ghostLabel.set("visible", false);
+        }
+        if (this.isDirty("start") || this.isDirty("end")) {
+            this.chart._updateCursor();
+            let start = this.get("start", 0);
+            let end = this.get("end", 1);
+            let maxDeviation = this.get("maxDeviation", 0.5) * Math.min(1, (end - start));
+            if (start < -maxDeviation) {
+                let delta = start + maxDeviation;
+                start = -maxDeviation;
+                this.setRaw("start", start);
+                if (this.isDirty("end")) {
+                    this.setRaw("end", end - delta);
                 }
             }
-            var renderer = this.get("renderer");
-            renderer._start = this.get("start");
-            renderer._end = this.get("end");
-            renderer._inversed = renderer.get("inversed", false);
-            renderer._axisLength = renderer.axisLength() / (renderer._end - renderer._start);
-            renderer._updateLC();
-            if (this.isDirty("tooltip")) {
-                var tooltip = this.get("tooltip");
-                if (tooltip) {
-                    var rendererTags = renderer.get("themeTags");
-                    tooltip.addTag("axis");
-                    tooltip.addTag(this.className.toLowerCase());
-                    tooltip._applyThemes();
-                    if (rendererTags) {
-                        tooltip.set("themeTags", $utils.mergeTags(tooltip.get("themeTags"), rendererTags));
-                        tooltip.label._applyThemes();
-                    }
+            if (end > 1 + maxDeviation) {
+                let delta = end - 1 - maxDeviation;
+                end = 1 + maxDeviation;
+                this.setRaw("end", end);
+                if (this.isDirty("start")) {
+                    this.setRaw("start", start - delta);
                 }
             }
         }
-    });
-    Object.defineProperty(Axis.prototype, "_updateTooltipBounds", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var tooltip = this.get("tooltip");
+        const renderer = this.get("renderer");
+        renderer._start = this.get("start");
+        renderer._end = this.get("end");
+        renderer._inversed = renderer.get("inversed", false);
+        renderer._axisLength = renderer.axisLength() / (renderer._end - renderer._start);
+        renderer._updateLC();
+        if (this.isDirty("tooltip")) {
+            const tooltip = this.get("tooltip");
             if (tooltip) {
-                this.get("renderer").updateTooltipBounds(tooltip);
+                const rendererTags = renderer.get("themeTags");
+                tooltip.addTag("axis");
+                tooltip.addTag(this.className.toLowerCase());
+                tooltip._applyThemes();
+                if (rendererTags) {
+                    tooltip.set("themeTags", $utils.mergeTags(tooltip.get("themeTags"), rendererTags));
+                    tooltip.label._applyThemes();
+                }
             }
         }
-    });
-    Object.defineProperty(Axis.prototype, "_updateBounds", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            _super.prototype._updateBounds.call(this);
-            this._updateTooltipBounds();
+    }
+    _updateTooltipBounds() {
+        const tooltip = this.get("tooltip");
+        if (tooltip) {
+            this.get("renderer").updateTooltipBounds(tooltip);
         }
-    });
+    }
+    _updateBounds() {
+        super._updateBounds();
+        this._updateTooltipBounds();
+    }
     /**
      * @ignore
      */
-    Object.defineProperty(Axis.prototype, "processChart", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (chart) {
-            var _this = this;
-            this.chart = chart;
-            var renderer = this.get("renderer");
-            renderer.chart = chart;
-            chart.gridContainer.children.push(this.gridContainer);
-            chart.topGridContainer.children.push(this.topGridContainer);
-            chart.axisHeadersContainer.children.push(this.axisHeader);
-            this.on("start", function () {
-                chart._handleAxisSelection(_this);
-            });
-            this.on("end", function () {
-                chart._handleAxisSelection(_this);
-            });
-            chart.plotContainer.onPrivate("width", function () {
-                _this.markDirtySize();
-            });
-            chart.plotContainer.onPrivate("height", function () {
-                _this.markDirtySize();
-            });
-            chart.processAxis(this);
-        }
-    });
+    processChart(chart) {
+        this.chart = chart;
+        const renderer = this.get("renderer");
+        renderer.chart = chart;
+        chart.gridContainer.children.push(this.gridContainer);
+        chart.topGridContainer.children.push(this.topGridContainer);
+        chart.axisHeadersContainer.children.push(this.axisHeader);
+        this.on("start", () => {
+            chart._handleAxisSelection(this);
+        });
+        this.on("end", () => {
+            chart._handleAxisSelection(this);
+        });
+        chart.plotContainer.onPrivate("width", () => {
+            this.markDirtySize();
+        });
+        chart.plotContainer.onPrivate("height", () => {
+            this.markDirtySize();
+        });
+        chart.processAxis(this);
+    }
     /**
      * @ignore
      */
-    Object.defineProperty(Axis.prototype, "hideDataItem", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (dataItem) {
-            this._toggleDataItem(dataItem, false);
-            return _super.prototype.hideDataItem.call(this, dataItem);
-        }
-    });
+    hideDataItem(dataItem) {
+        this._toggleDataItem(dataItem, false);
+        return super.hideDataItem(dataItem);
+    }
     /**
      * @ignore
      */
-    Object.defineProperty(Axis.prototype, "showDataItem", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (dataItem) {
-            this._toggleDataItem(dataItem, true);
-            return _super.prototype.showDataItem.call(this, dataItem);
-        }
-    });
-    Object.defineProperty(Axis.prototype, "_toggleDataItem", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (dataItem, visible) {
-            var label = dataItem.get("label");
-            if (label) {
-                label.setPrivate("visible", visible);
-            }
-            var grid = dataItem.get("grid");
-            if (grid) {
-                grid.setPrivate("visible", visible);
-            }
-            var tick = dataItem.get("tick");
-            if (tick) {
-                tick.setPrivate("visible", visible);
-            }
-            var axisFill = dataItem.get("axisFill");
-            if (axisFill) {
-                axisFill.setPrivate("visible", visible);
-            }
-            var bullet = dataItem.get("bullet");
-            if (bullet) {
-                var sprite = bullet.get("sprite");
-                if (sprite) {
-                    sprite.setPrivate("visible", visible);
-                }
+    showDataItem(dataItem) {
+        this._toggleDataItem(dataItem, true);
+        return super.showDataItem(dataItem);
+    }
+    _toggleDataItem(dataItem, visible) {
+        const label = dataItem.get("label");
+        if (label) {
+            label.setPrivate("visible", visible);
+        }
+        const grid = dataItem.get("grid");
+        if (grid) {
+            grid.setPrivate("visible", visible);
+        }
+        const tick = dataItem.get("tick");
+        if (tick) {
+            tick.setPrivate("visible", visible);
+        }
+        const axisFill = dataItem.get("axisFill");
+        if (axisFill) {
+            axisFill.setPrivate("visible", visible);
+        }
+        const bullet = dataItem.get("bullet");
+        if (bullet) {
+            const sprite = bullet.get("sprite");
+            if (sprite) {
+                sprite.setPrivate("visible", visible);
             }
         }
-    });
-    Object.defineProperty(Axis.prototype, "_createAssets", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (dataItem, tags) {
-            var renderer = this.get("renderer");
-            if (!dataItem.get("label")) {
-                renderer.makeLabel(dataItem, tags);
-            }
-            if (!dataItem.get("grid")) {
-                renderer.makeGrid(dataItem, tags);
-            }
-            if (!dataItem.get("tick")) {
-                renderer.makeTick(dataItem, tags);
-            }
-            if (!dataItem.get("axisFill")) {
-                renderer.makeAxisFill(dataItem, tags);
-            }
-            this._processBullet(dataItem);
+    }
+    _createAssets(dataItem, tags) {
+        const renderer = this.get("renderer");
+        if (!dataItem.get("label")) {
+            renderer.makeLabel(dataItem, tags);
         }
-    });
-    Object.defineProperty(Axis.prototype, "_processBullet", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (dataItem) {
-            var bullet = dataItem.get("bullet");
-            var axisBullet = this.get("bullet");
-            if (!bullet && axisBullet && !dataItem.get("isRange")) {
-                bullet = axisBullet(this._root, this, dataItem);
-            }
-            if (bullet) {
-                bullet.axis = this;
-                var sprite = bullet.get("sprite");
-                if (sprite) {
-                    sprite._setDataItem(dataItem);
-                    dataItem.setRaw("bullet", bullet);
-                    if (!sprite.parent) {
-                        this.bulletsContainer.children.push(sprite);
-                    }
-                }
-            }
+        if (!dataItem.get("grid")) {
+            renderer.makeGrid(dataItem, tags);
         }
-    });
-    Object.defineProperty(Axis.prototype, "_afterChanged", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            _super.prototype._afterChanged.call(this);
-            var chart = this.chart;
-            if (chart) {
-                chart._updateChartLayout();
-                chart.axisHeadersContainer.markDirtySize();
+        if (!dataItem.get("tick")) {
+            renderer.makeTick(dataItem, tags);
+        }
+        if (!dataItem.get("axisFill")) {
+            renderer.makeAxisFill(dataItem, tags);
+        }
+        this._processBullet(dataItem);
+    }
+    _processBullet(dataItem) {
+        let bullet = dataItem.get("bullet");
+        let axisBullet = this.get("bullet");
+        if (!bullet && axisBullet && !dataItem.get("isRange")) {
+            bullet = axisBullet(this._root, this, dataItem);
+        }
+        if (bullet) {
+            bullet.axis = this;
+            const sprite = bullet.get("sprite");
+            if (sprite) {
+                sprite._setDataItem(dataItem);
+                dataItem.setRaw("bullet", bullet);
+                if (!sprite.parent) {
+                    this.bulletsContainer.children.push(sprite);
+                }
             }
-            this.get("renderer")._updatePositions();
         }
-    });
+    }
+    _afterChanged() {
+        super._afterChanged();
+        const chart = this.chart;
+        if (chart) {
+            chart._updateChartLayout();
+            chart.axisHeadersContainer.markDirtySize();
+        }
+        this.get("renderer")._updatePositions();
+    }
     /**
      * @ignore
      */
-    Object.defineProperty(Axis.prototype, "disposeDataItem", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (dataItem) {
-            _super.prototype.disposeDataItem.call(this, dataItem);
-            var renderer = this.get("renderer");
-            var label = dataItem.get("label");
-            if (label) {
-                renderer.labels.removeValue(label);
-                label.dispose();
-            }
-            var tick = dataItem.get("tick");
-            if (tick) {
-                renderer.ticks.removeValue(tick);
-                tick.dispose();
-            }
-            var grid = dataItem.get("grid");
-            if (grid) {
-                renderer.grid.removeValue(grid);
-                grid.dispose();
-            }
-            var axisFill = dataItem.get("axisFill");
-            if (axisFill) {
-                renderer.axisFills.removeValue(axisFill);
-                axisFill.dispose();
-            }
-            var bullet = dataItem.get("bullet");
-            if (bullet) {
-                bullet.dispose();
-            }
+    disposeDataItem(dataItem) {
+        super.disposeDataItem(dataItem);
+        const renderer = this.get("renderer");
+        const label = dataItem.get("label");
+        if (label) {
+            renderer.labels.removeValue(label);
+            label.dispose();
+        }
+        const tick = dataItem.get("tick");
+        if (tick) {
+            renderer.ticks.removeValue(tick);
+            tick.dispose();
+        }
+        const grid = dataItem.get("grid");
+        if (grid) {
+            renderer.grid.removeValue(grid);
+            grid.dispose();
+        }
+        const axisFill = dataItem.get("axisFill");
+        if (axisFill) {
+            renderer.axisFills.removeValue(axisFill);
+            axisFill.dispose();
+        }
+        const bullet = dataItem.get("bullet");
+        if (bullet) {
+            bullet.dispose();
         }
-    });
-    Object.defineProperty(Axis.prototype, "_updateGhost", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var ghostLabel = this.ghostLabel;
-            if (!ghostLabel.isHidden()) {
-                var bounds = ghostLabel.localBounds();
-                var gWidth_1 = bounds.right - bounds.left;
-                var text_1 = ghostLabel.get("text");
-                $array.each(this.dataItems, function (dataItem) {
-                    var label = dataItem.get("label");
-                    if (label && !label.isHidden()) {
-                        var bounds_1 = label.localBounds();
-                        var w = bounds_1.right - bounds_1.left;
-                        if (w > gWidth_1) {
-                            text_1 = label.text._getText();
-                        }
+    }
+    _updateGhost() {
+        const ghostLabel = this.ghostLabel;
+        if (!ghostLabel.isHidden()) {
+            const bounds = ghostLabel.localBounds();
+            const gWidth = bounds.right - bounds.left;
+            let text = ghostLabel.get("text");
+            $array.each(this.dataItems, (dataItem) => {
+                const label = dataItem.get("label");
+                if (label && !label.isHidden()) {
+                    const bounds = label.localBounds();
+                    const w = bounds.right - bounds.left;
+                    if (w > gWidth) {
+                        text = label.text._getText();
                     }
-                });
-                ghostLabel.set("text", text_1);
-            }
-            var start = this.get("start", 0);
-            var end = this.get("end", 1);
-            this.get("renderer").updateLabel(ghostLabel, start + (end - start) * 0.5);
-        }
-    });
-    Object.defineProperty(Axis.prototype, "_handleCursorPosition", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (position, snapToSeries) {
-            var renderer = this.get("renderer");
-            position = renderer.toAxisPosition(position);
-            this._cursorPosition = position;
-            this._snapToSeries = snapToSeries;
-            this.updateTooltip();
+                }
+            });
+            ghostLabel.set("text", text);
         }
-    });
+        let start = this.get("start", 0);
+        let end = this.get("end", 1);
+        this.get("renderer").updateLabel(ghostLabel, start + (end - start) * 0.5);
+    }
+    _handleCursorPosition(position, snapToSeries) {
+        const renderer = this.get("renderer");
+        position = renderer.toAxisPosition(position);
+        this._cursorPosition = position;
+        this._snapToSeries = snapToSeries;
+        this.updateTooltip();
+    }
     /**
      * Can be called when axis zoom changes and you need to update tooltip
      * position.
      */
-    Object.defineProperty(Axis.prototype, "updateTooltip", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var _this = this;
-            var snapToSeries = this._snapToSeries;
-            var position = this._cursorPosition;
-            var tooltip = this.get("tooltip");
-            var renderer = this.get("renderer");
-            if ($type.isNumber(position)) {
-                $array.each(this.series, function (series) {
-                    if (series.get("baseAxis") === _this) {
-                        var dataItem = _this.getSeriesItem(series, position, _this.get("tooltipLocation"));
-                        series.setRaw("tooltipDataItem", dataItem);
-                        if (snapToSeries && snapToSeries.indexOf(series) != -1) {
-                            series.updateLegendMarker(dataItem);
-                            series.updateLegendValue(dataItem);
-                        }
-                        else {
-                            series.showDataItemTooltip(dataItem);
-                        }
+    updateTooltip() {
+        const snapToSeries = this._snapToSeries;
+        let position = this._cursorPosition;
+        const tooltip = this.get("tooltip");
+        const renderer = this.get("renderer");
+        if ($type.isNumber(position)) {
+            $array.each(this.series, (series) => {
+                if (series.get("baseAxis") === this) {
+                    const dataItem = this.getSeriesItem(series, position, this.get("tooltipLocation"));
+                    series.setRaw("tooltipDataItem", dataItem);
+                    if (snapToSeries && snapToSeries.indexOf(series) != -1) {
+                        series.updateLegendMarker(dataItem);
+                        series.updateLegendValue(dataItem);
                     }
-                });
-                if (tooltip) {
-                    renderer.updateTooltipBounds(tooltip);
-                    if (this.get("snapTooltip")) {
-                        position = this.roundAxisPosition(position, this.get("tooltipLocation", 0.5));
+                    else {
+                        series.showDataItemTooltip(dataItem);
                     }
-                    if (!$type.isNaN(position)) {
-                        this.setPrivateRaw("tooltipPosition", position);
-                        this._updateTooltipText(tooltip, position);
-                        renderer.positionTooltip(tooltip, position);
-                        if (position < this.get("start") || position > this.get("end")) {
-                            tooltip.hide(0);
-                        }
-                        else {
-                            tooltip.show(0);
-                        }
+                }
+            });
+            if (tooltip) {
+                renderer.updateTooltipBounds(tooltip);
+                if (this.get("snapTooltip")) {
+                    position = this.roundAxisPosition(position, this.get("tooltipLocation", 0.5));
+                }
+                if (!$type.isNaN(position)) {
+                    this.setPrivateRaw("tooltipPosition", position);
+                    this._updateTooltipText(tooltip, position);
+                    renderer.positionTooltip(tooltip, position);
+                    if (position < this.get("start") || position > this.get("end")) {
+                        tooltip.hide(0);
                     }
                     else {
-                        tooltip.hide(0);
+                        tooltip.show(0);
                     }
                 }
+                else {
+                    tooltip.hide(0);
+                }
             }
         }
-    });
-    Object.defineProperty(Axis.prototype, "_updateTooltipText", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (tooltip, position) {
-            tooltip.label.set("text", this.getTooltipText(position));
-        }
-    });
+    }
+    _updateTooltipText(tooltip, position) {
+        tooltip.label.set("text", this.getTooltipText(position));
+    }
     /**
      * @ignore
      */
-    Object.defineProperty(Axis.prototype, "roundAxisPosition", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (position, _location) {
-            return position;
-        }
-    });
+    roundAxisPosition(position, _location) {
+        return position;
+    }
     /**
      * @ignore
      */
-    Object.defineProperty(Axis.prototype, "handleCursorShow", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var tooltip = this.get("tooltip");
-            if (tooltip) {
-                tooltip.show();
-            }
+    handleCursorShow() {
+        let tooltip = this.get("tooltip");
+        if (tooltip) {
+            tooltip.show();
         }
-    });
+    }
     /**
      * @ignore
      */
-    Object.defineProperty(Axis.prototype, "handleCursorHide", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            var tooltip = this.get("tooltip");
-            if (tooltip) {
-                tooltip.hide();
-            }
+    handleCursorHide() {
+        let tooltip = this.get("tooltip");
+        if (tooltip) {
+            tooltip.hide();
         }
-    });
+    }
     /**
      * @ignore
      */
-    Object.defineProperty(Axis.prototype, "processSeriesDataItem", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (_dataItem, _fields) {
-        }
-    });
-    Object.defineProperty(Axis.prototype, "_clearDirty", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            _super.prototype._clearDirty.call(this);
-            this._sizeDirty = false;
-            this._rangesDirty = false;
-        }
-    });
+    processSeriesDataItem(_dataItem, _fields) {
+    }
+    _clearDirty() {
+        super._clearDirty();
+        this._sizeDirty = false;
+        this._rangesDirty = false;
+    }
     /**
      * Converts pixel coordinate to a relative position on axis.
      *
      * @param   coordinate  Coordinate
      * @return              Relative position
      */
-    Object.defineProperty(Axis.prototype, "coordinateToPosition", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (coordinate) {
-            var renderer = this.get("renderer");
-            return renderer.toAxisPosition(coordinate / renderer.axisLength());
-        }
-    });
+    coordinateToPosition(coordinate) {
+        const renderer = this.get("renderer");
+        return renderer.toAxisPosition(coordinate / renderer.axisLength());
+    }
     /**
      * Converts relative position of the plot area to relative position of the
      * axis with zoom taken into account.
@@ -938,38 +753,23 @@ var Axis = /** @class */ (function (_super) {
      * @param position Position
      * @return Relative position
      */
-    Object.defineProperty(Axis.prototype, "toAxisPosition", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (position) {
-            return this.get("renderer").toAxisPosition(position);
-        }
-    });
+    toAxisPosition(position) {
+        return this.get("renderer").toAxisPosition(position);
+    }
     /**
      * Adjusts position with inversed taken into account.
      *
      * @ignore
      */
-    Object.defineProperty(Axis.prototype, "fixPosition", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (position) {
-            return this.get("renderer").fixPosition(position);
-        }
-    });
+    fixPosition(position) {
+        return this.get("renderer").fixPosition(position);
+    }
     /**
      * @ignore
      */
-    Object.defineProperty(Axis.prototype, "shouldGap", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (_dataItem, _nextItem, _autoGapCount, _fieldName) {
-            return false;
-        }
-    });
+    shouldGap(_dataItem, _nextItem, _autoGapCount, _fieldName) {
+        return false;
+    }
     /**
      * Creates and returns an axis range object.
      *
@@ -977,23 +777,13 @@ var Axis = /** @class */ (function (_super) {
      * @param   axisDataItem  Axis data item
      * @return                Axis range
      */
-    Object.defineProperty(Axis.prototype, "createAxisRange", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (axisDataItem) {
-            return this.axisRanges.push(axisDataItem);
-        }
-    });
+    createAxisRange(axisDataItem) {
+        return this.axisRanges.push(axisDataItem);
+    }
     /**
      * @ignore
      */
-    Object.defineProperty(Axis.prototype, "_groupSeriesData", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (_series) { }
-    });
+    _groupSeriesData(_series) { }
     /**
      * Returns position span between start and end of a single cell in axis.
      *
@@ -1001,27 +791,20 @@ var Axis = /** @class */ (function (_super) {
      * @return Position
      * @ignore
      */
-    Object.defineProperty(Axis.prototype, "getCellWidthPosition", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function () {
-            return 0.05;
-        }
-    });
-    Object.defineProperty(Axis, "className", {
-        enumerable: true,
-        configurable: true,
-        writable: true,
-        value: "Axis"
-    });
-    Object.defineProperty(Axis, "classNames", {
-        enumerable: true,
-        configurable: true,
-        writable: true,
-        value: Component.classNames.concat([Axis.className])
-    });
-    return Axis;
-}(Component));
-export { Axis };
+    getCellWidthPosition() {
+        return 0.05;
+    }
+}
+Object.defineProperty(Axis, "className", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: "Axis"
+});
+Object.defineProperty(Axis, "classNames", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: Component.classNames.concat([Axis.className])
+});
 //# sourceMappingURL=Axis.js.map