@d3plus/core 3.0.15 → 3.1.0

package/es/src/components/Axis.js

@@ -70,6 +70,14 @@ function _inherits(subClass, superClass) {
     });
     if (superClass) _set_prototype_of(subClass, superClass);
 }
+function _instanceof(left, right) {
+    "@swc/helpers - instanceof";
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
 function _iterable_to_array(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -147,10 +155,11 @@ import { timeFormat, timeFormatDefaultLocale } from "d3-time-format";
 import * as scales from "d3-scale";
 import { select } from "d3-selection";
 import { transition } from "d3-transition";
+// @ts-ignore
 import pkg from "open-color/open-color.js";
 var openColor = pkg.theme;
-import { colorDefaults } from "@d3plus/color";
-import { assign, attrize, date, elem, rtl as detectRTL } from "@d3plus/dom";
+import { colorContrast, colorDefaults } from "@d3plus/color";
+import { assign, attrize, backgroundColor, date, elem, rtl as detectRTL } from "@d3plus/dom";
 import { formatAbbreviate, formatDate } from "@d3plus/format";
 import { formatLocale, locale } from "@d3plus/locales";
 import { closest } from "@d3plus/math";
@@ -158,16 +167,16 @@ import { fontFamily as d3plusFontFamily, textWrap } from "@d3plus/text";
 import { TextBox } from "../components/index.js";
 import * as shapes from "../shapes/index.js";
 import { configPrep, BaseClass, constant } from "../utils/index.js";
-/* catches for -0 and less */ var isNegative = function(d) {
+/* catches for -0 and less*/ var isNegative = function isNegative(d) {
     return d < 0 || Object.is(d, -0);
 };
-var floorPow = function(d) {
-    return Math.pow(10, Math.floor(Math.log10(Math.abs(d)))) * Math.pow(-1, isNegative(d));
+var floorPow = function floorPow(d) {
+    return Math.pow(10, Math.floor(Math.log10(Math.abs(d)))) * Math.pow(-1, isNegative(d) ? 1 : 0);
 };
-var ceilPow = function(d) {
-    return Math.pow(10, Math.ceil(Math.log10(Math.abs(d)))) * Math.pow(-1, isNegative(d));
+var ceilPow = function ceilPow(d) {
+    return Math.pow(10, Math.ceil(Math.log10(Math.abs(d)))) * Math.pow(-1, isNegative(d) ? 1 : 0);
 };
-var fixFloat = function(d) {
+var fixFloat = function fixFloat(d) {
     var str = "".concat(d);
     if (str.includes("e-") || str === "0") return 0;
     var nineMatch = str.match(/(-*[0-9]+\.[0]*)([0-8]+)9{3,}[0-9]+$/);
@@ -181,8 +190,10 @@ var maxTimezoneOffset = 1000 * 60 * 60 * 26;
  * Calculates ticks from a given scale (negative and/or positive)
  * @param {scale} scale A d3-scale object
  * @private
- */ function calculateStep(scale) {
+*/ function calculateStep(// eslint-disable-next-line @typescript-eslint/no-explicit-any
+scale) {
     var minorTicks = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var stepScale = scales.scaleLinear().domain([
         200,
         1200
@@ -218,7 +229,8 @@ var maxTimezoneOffset = 1000 * 60 * 60 * 26;
  * Calculates ticks from a given scale (negative and/or positive)
  * @param {scale} scale A d3-scale object
  * @private
- */ function calculateTicks(scale) {
+*/ function calculateTicks(// eslint-disable-next-line @typescript-eslint/no-explicit-any
+scale) {
     var minorTicks = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
     var ticks = [];
     var scaleClone = scale.copy();
@@ -301,10 +313,21 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
     function Axis() {
         _class_call_check(this, Axis);
         var _this;
-        _this = _call_super(this, Axis);
+        _this = _call_super(this, Axis), _define_property(_this, "_select", void 0), _define_property(_this, "_align", void 0), _define_property(_this, "_barConfig", void 0), // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _define_property(_this, "_data", void 0), // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _define_property(_this, "_domain", void 0), _define_property(_this, "_duration", void 0), _define_property(_this, "_gridConfig", void 0), _define_property(_this, "_gridLog", void 0), _define_property(_this, "_gridSize", void 0), _define_property(_this, "_grid", void 0), _define_property(_this, "_height", void 0), _define_property(_this, "_labelOffset", void 0), _define_property(_this, "_labelRotation", void 0), _define_property(_this, "_labels", void 0), _define_property(_this, "_margin", void 0), _define_property(_this, "_maxSize", void 0), _define_property(_this, "_minSize", void 0), _define_property(_this, "_orient", void 0), _define_property(_this, "_outerBounds", void 0), _define_property(_this, "_padding", void 0), _define_property(_this, "_paddingInner", void 0), _define_property(_this, "_paddingOuter", void 0), _define_property(_this, "_position", void 0), _define_property(_this, "_range", void 0), _define_property(_this, "_rounding", void 0), _define_property(_this, "_roundingInsideMinPrefix", void 0), _define_property(_this, "_roundingInsideMinSuffix", void 0), _define_property(_this, "_roundingInsideMaxPrefix", void 0), _define_property(_this, "_roundingInsideMaxSuffix", void 0), _define_property(_this, "_scale", void 0), _define_property(_this, "_scalePadding", void 0), _define_property(_this, "_shape", void 0), // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _define_property(_this, "_shapeConfig", void 0), // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _define_property(_this, "_tickFormat", void 0), _define_property(_this, "_ticks", void 0), _define_property(_this, "_tickSize", void 0), _define_property(_this, "_tickSuffix", void 0), _define_property(_this, "_tickUnit", void 0), _define_property(_this, "_timeLocale", void 0), _define_property(_this, "_title", void 0), _define_property(_this, "_titleClass", void 0), // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _define_property(_this, "_titleConfig", void 0), _define_property(_this, "_width", void 0), // D3 scales have complex polymorphic types that vary at runtime
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _define_property(_this, "_d3Scale", void 0), // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _define_property(_this, "_d3ScaleNegative", void 0), _define_property(_this, "_group", void 0), _define_property(_this, "_lastScale", void 0), _define_property(_this, "_availableTicks", void 0), _define_property(_this, "_visibleTicks", void 0), _define_property(_this, "_transition", void 0), _define_property(_this, "_userFormat", void 0);
         _this._align = "middle";
         _this._barConfig = {
-            stroke: openColor.colors.gray[600],
+            stroke: function stroke() {
+                var bg = _this._select ? backgroundColor(_this._select.node()) : "rgb(255, 255, 255)";
+                return colorContrast(bg);
+            },
             "stroke-width": 1
         };
         _this._data = [];
@@ -314,7 +337,11 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
         ];
         _this._duration = 600;
         _this._gridConfig = {
-            stroke: colorDefaults.light,
+            stroke: function stroke() {
+                var bg = _this._select ? backgroundColor(_this._select.node()) : "rgb(255, 255, 255)";
+                var contrast = colorContrast(bg);
+                return contrast === colorDefaults.dark ? openColor.colors.gray[200] : openColor.colors.gray[600];
+            },
             "stroke-width": 1
         };
         _this._gridLog = false;
@@ -340,35 +367,44 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
         _this._scalePadding = 0.5;
         _this._shape = "Line";
         _this._shapeConfig = {
-            fill: openColor.colors.gray[600],
-            height: function(d) {
+            fill: function fill() {
+                var bg = _this._select ? backgroundColor(_this._select.node()) : "rgb(255, 255, 255)";
+                return colorContrast(bg);
+            },
+            height: function height(d) {
                 return d.tick ? 8 : 0;
             },
-            label: function(d) {
+            label: function label(d) {
                 return d.text;
             },
-            labelBounds: function(d) {
+            labelBounds: function labelBounds(d) {
                 return d.labelBounds;
             },
             labelConfig: {
-                fontColor: openColor.colors.gray[600],
+                fontColor: function fontColor() {
+                    var bg = _this._select ? backgroundColor(_this._select.node()) : "rgb(255, 255, 255)";
+                    return colorContrast(bg);
+                },
                 fontResize: false,
                 fontSize: constant(12),
                 padding: 5,
-                textAnchor: function() {
-                    var rtl = detectRTL(_this._select.node());
+                textAnchor: function textAnchor() {
+                    var rtl = detectRTL();
                     return _this._orient === "left" ? rtl ? "start" : "end" : _this._orient === "right" ? rtl ? "end" : "start" : _this._labelRotation ? _this._orient === "bottom" ? "end" : "start" : "middle";
                 },
-                verticalAlign: function() {
+                verticalAlign: function verticalAlign() {
                     return _this._orient === "bottom" ? "top" : _this._orient === "top" ? "bottom" : "middle";
                 }
             },
-            r: function(d) {
+            r: function r(d) {
                 return d.tick ? 4 : 0;
             },
-            stroke: openColor.colors.gray[600],
+            stroke: function stroke() {
+                var bg = _this._select ? backgroundColor(_this._select.node()) : "rgb(255, 255, 255)";
+                return colorContrast(bg);
+            },
             strokeWidth: 1,
-            width: function(d) {
+            width: function width(d) {
                 return d.tick ? 8 : 0;
             }
         };
@@ -378,21 +414,31 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
         _this._timeLocale = undefined;
         _this._titleClass = new TextBox();
         _this._titleConfig = {
-            fontColor: colorDefaults.dark,
+            fontColor: function fontColor() {
+                var bg = _this._select ? backgroundColor(_this._select.node()) : "rgb(255, 255, 255)";
+                return colorContrast(bg);
+            },
             fontSize: 12,
             textAnchor: "middle"
         };
         _this._width = 400;
+        _this._margin = {
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0
+        };
+        _this._availableTicks = [];
+        _this._visibleTicks = [];
         return _this;
     }
     _create_class(Axis, [
         {
             /**
-      @memberof Axis
-      @desc Sets positioning for the axis bar.
-      @param {D3Selection} *bar*
-      @private
-  */ key: "_barPosition",
+      Sets positioning for the axis bar.
+      @param bar @private
+*/ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            key: "_barPosition",
             value: function _barPosition(bar) {
                 var _this__position = this._position, height = _this__position.height, x = _this__position.x, y = _this__position.y, opposite = _this__position.opposite, offset = this._margin[opposite], position = [
                     "top",
@@ -408,10 +454,9 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Axis
-      @desc Returns the scale's domain, taking into account negative and positive log scales.
+      Returns the scale's domain, taking into account negative and positive log scales.
       @private
-  */ key: "_getDomain",
+*/ key: "_getDomain",
             value: function _getDomain() {
                 var ticks = [];
                 if (this._d3ScaleNegative) ticks = this._d3ScaleNegative.domain();
@@ -426,11 +471,9 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Axis
-      @desc Returns a value's scale position, taking into account negative and positive log scales.
-      @param {Number|String} *d*
-      @private
-  */ key: "_getPosition",
+      Returns a value's scale position, taking into account negative and positive log scales.
+      @param d @private
+*/ key: "_getPosition",
             value: function _getPosition(d) {
                 if (this._scale === "log") {
                     if (d === 0) return (this._d3Scale || this._d3ScaleNegative).range()[this._d3Scale ? 0 : 1];
@@ -443,10 +486,9 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Axis
-      @desc Returns the scale's range, taking into account negative and positive log scales.
+      Returns the scale's range, taking into account negative and positive log scales.
       @private
-  */ key: "_getRange",
+*/ key: "_getRange",
             value: function _getRange() {
                 var ticks = [];
                 if (this._d3ScaleNegative) ticks = this._d3ScaleNegative.range();
@@ -456,10 +498,9 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Axis
-      @desc Returns the scale's labels, taking into account negative and positive log scales.
+      Returns the scale's labels, taking into account negative and positive log scales.
       @private
-  */ key: "_getLabels",
+*/ key: "_getLabels",
             value: function _getLabels() {
                 var labels = [];
                 if (this._d3ScaleNegative) labels = labels.concat(calculateTicks.bind(this)(this._d3ScaleNegative, false));
@@ -489,10 +530,9 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Axis
-      @desc Returns the scale's ticks, taking into account negative and positive log scales.
+      Returns the scale's ticks, taking into account negative and positive log scales.
       @private
-  */ key: "_getTicks",
+*/ key: "_getTicks",
             value: function _getTicks() {
                 if ([
                     "band",
@@ -511,11 +551,10 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Axis
-      @desc Sets positioning for the grid lines.
-      @param {D3Selection} *lines*
-      @private
-  */ key: "_gridPosition",
+      Sets positioning for the grid lines.
+      @param lines @private
+*/ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            key: "_gridPosition",
             value: function _gridPosition(lines) {
                 var last = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
                 var _this__position = this._position, height = _this__position.height, x = _this__position.x, y = _this__position.y, opposite = _this__position.opposite, offset = this._margin[opposite], position = [
@@ -524,7 +563,7 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                 ].includes(this._orient) ? this._outerBounds[y] + this._outerBounds[height] - offset : this._outerBounds[y] + offset, scale = last ? this._lastScale || this._getPosition.bind(this) : this._getPosition.bind(this), size = [
                     "top",
                     "left"
-                ].includes(this._orient) ? offset : -offset, xDiff = this._scale === "band" ? this._d3Scale.bandwidth() / 2 : 0, xPos = function(d) {
+                ].includes(this._orient) ? offset : -offset, xDiff = this._scale === "band" ? this._d3Scale.bandwidth() / 2 : 0, xPos = function xPos(d) {
                     return scale(d.id) + xDiff;
                 };
                 lines.call(attrize, this._gridConfig).attr("".concat(x, "1"), xPos).attr("".concat(x, "2"), xPos).attr("".concat(y, "1"), position).attr("".concat(y, "2"), last ? position : position + size);
@@ -532,24 +571,23 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Axis
-      @desc Renders the current Axis to the page. If a *callback* is specified, it will be called once the legend is done drawing.
-      @param {Function} [*callback* = undefined]
-      @chainable
-  */ key: "render",
+      Renders the current Axis to the page.
+    @param callback Optional callback invoked after rendering completes.
+*/ key: "render",
             value: function render(callback) {
                 var _this = this;
+                var _this1 = this;
                 /**
      * Creates an SVG element to contain the axis if none
      * has been specified using the "select" method.
-     */ if (this._select === void 0) {
+*/ if (this._select === void 0) {
                     this.select(select("body").append("svg").attr("width", "".concat(this._width, "px")).attr("height", "".concat(this._height, "px")).node());
                 }
                 var timeLocale = this._timeLocale || locale[this._locale] || locale["en-US"];
-                timeFormatDefaultLocale(timeLocale).format();
+                timeFormatDefaultLocale(timeLocale);
                 /**
      * Declares some commonly used variables.
-     */ var _this__position = this._position, width = _this__position.width, height = _this__position.height, x = _this__position.x, y = _this__position.y, horizontal = _this__position.horizontal, opposite = _this__position.opposite, clipId = "d3plus-Axis-clip-".concat(this._uuid), flip = [
+*/ var _this__position = this._position, width = _this__position.width, height = _this__position.height, x = _this__position.x, y = _this__position.y, horizontal = _this__position.horizontal, opposite = _this__position.opposite, clipId = "d3plus-Axis-clip-".concat(this._uuid), flip = [
                     "top",
                     "left"
                 ].includes(this._orient), p = this._padding, parent = this._select, rangeOuter = [
@@ -562,16 +600,17 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                 } : tickValue;
                 /**
      * Zeros out the margins for re-calculation.
-     */ var margin = this._margin = {
+*/ var margin = this._margin = {
                     top: 0,
                     right: 0,
                     bottom: 0,
                     left: 0
                 };
-                var labels, range, ticks;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var labels = [], range = [], ticks = [];
                 /**
      * Constructs the tick formatter function.
-     */ var tickFormat = this._tickFormat ? this._tickFormat : function(d) {
+*/ var tickFormat = this._tickFormat ? this._tickFormat : function(d) {
                     if (isNaN(d) || [
                         "band",
                         "ordinal",
@@ -579,16 +618,20 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                     ].includes(_this._scale)) {
                         return d;
                     } else if (_this._scale === "time") {
-                        var refData = (_this._data.length ? _this._data : _this._domain).map(date).sort(function(a, b) {
+                        var refData = (_this._data.length ? _this._data : _this._domain).map(function(v) {
+                            return date(v);
+                        }).filter(function(d) {
+                            return _instanceof(d, Date);
+                        }).sort(function(a, b) {
                             return +a - +b;
                         });
                         return formatDate(d, refData, timeFormat).replace(/^Q/g, timeLocale.quarter);
                     } else if (_this._scale === "linear" && _this._tickSuffix === "smallest") {
-                        var _$locale = _type_of(_this._locale) === "object" ? _this._locale : formatLocale[_this._locale];
-                        var separator = _$locale.separator, suffixes = _$locale.suffixes;
+                        var loc = _type_of(_this._locale) === "object" ? _this._locale : formatLocale[_this._locale];
+                        var separator = loc.separator, suffixes = loc.suffixes;
                         var suff = d >= 1000 ? suffixes[_this._tickUnit + 8] : "";
                         var tick = d / Math.pow(10, 3 * _this._tickUnit);
-                        var number = formatAbbreviate(tick, _$locale, ",.".concat(tick.toString().length, "r"));
+                        var number = formatAbbreviate(tick, loc, ",.".concat(tick.toString().length, "r"));
                         return "".concat(number).concat(separator).concat(suff);
                     } else {
                         var inverted = ticks[1] < ticks[0];
@@ -602,27 +645,27 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                 /**
      * (Re)calculates the internal d3 scale
      * @param {} newRange
-     */ function setScale() {
-                    var _this = this;
-                    var newRange = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this._range;
+*/ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var setScale = function setScale() {
+                    var newRange = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _this1._range;
                     /**
        * Calculates the internal "range" array to use, including
        * fallbacks if not specified with the "range" method.
-       */ range = newRange ? newRange.slice() : [
+*/ range = newRange ? newRange.slice() : [
                         undefined,
                         undefined
                     ];
                     var _rangeOuter = _sliced_to_array(rangeOuter, 2), minRange = _rangeOuter[0], maxRange = _rangeOuter[1];
-                    if (this._range) {
-                        if (this._range[0] !== undefined) minRange = this._range[0];
-                        if (this._range[this._range.length - 1] !== undefined) maxRange = this._range[this._range.length - 1];
+                    if (_this1._range) {
+                        if (_this1._range[0] !== undefined) minRange = _this1._range[0];
+                        if (_this1._range[_this1._range.length - 1] !== undefined) maxRange = _this1._range[_this1._range.length - 1];
                     }
                     if (range[0] === undefined || range[0] < minRange) range[0] = minRange;
                     if (range[1] === undefined || range[1] > maxRange) range[1] = maxRange;
                     var sizeInner = maxRange - minRange;
-                    if (this._scale === "ordinal" && this._domain.length > range.length) {
-                        if (newRange === this._range) {
-                            var buckets = this._domain.length + 1;
+                    if (_this1._scale === "ordinal" && _this1._domain.length > range.length) {
+                        if (newRange === _this1._range) {
+                            var buckets = _this1._domain.length + 1;
                             range = d3Range(buckets).map(function(d) {
                                 return range[0] + sizeInner * (d / (buckets - 1));
                             }).slice(1, buckets);
@@ -630,35 +673,23 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                                 return d - range[0] / 2;
                             });
                         } else {
-                            var buckets1 = this._domain.length;
+                            var buckets1 = _this1._domain.length;
                             var size = range[1] - range[0];
                             range = d3Range(buckets1).map(function(d) {
                                 return range[0] + size * (d / (buckets1 - 1));
                             });
                         }
                     }
-                    // else if (newRange === this._range) {
-                    //   const tickScale = scales.scaleSqrt().domain([10, 400]).range([10, 50]);
-                    //   const domain = this._scale === "time" ? this._domain.map(date) : this._domain;
-                    //   const scaleTicks = d3Ticks(domain[0], domain[1], Math.floor(sizeInner / tickScale(sizeInner)));
-                    //   // labels = (this._labels
-                    //   //   ? this._scale === "time" ? this._labels.map(date) : this._labels
-                    //   //   : scaleTicks).slice();
-                    //   // const buckets = labels.length;
-                    //   // if (buckets) {
-                    //   //   const pad = Math.ceil(sizeInner / buckets / 2);
-                    //   //   range = [range[0] + pad, range[1] - pad];
-                    //   // }
-                    // }
                     /**
        * Sets up the initial d3 scale, using this._domain and the
        * previously defined range variable.
-       */ var scale = "scale".concat(this._scale.charAt(0).toUpperCase()).concat(this._scale.slice(1));
-                    var initialDomain = this._domain.slice();
-                    this._d3Scale = scales[scale]().domain(this._scale === "time" ? initialDomain.map(date) : initialDomain).range(range);
-                    if (this._rounding !== "none") {
-                        var roundDomain = function() {
-                            var zeroLength = function(d) {
+*/ var scale = "scale".concat(_this1._scale.charAt(0).toUpperCase()).concat(_this1._scale.slice(1));
+                    var initialDomain = _this1._domain.slice();
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    _this1._d3Scale = scales[scale]().domain(_this1._scale === "time" ? initialDomain.map(date) : initialDomain).range(range);
+                    if (_this1._rounding !== "none") {
+                        var roundDomain = function roundDomain() {
+                            var zeroLength = function zeroLength(d) {
                                 if (smallScale) {
                                     if (!d) return 0;
                                     var m = "".concat(d).match(/0\.(0*)/);
@@ -678,68 +709,68 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                             }) && initialDomain.some(function(d) {
                                 return d > 0;
                             });
-                            var zeros = zeroArray.length === 1 ? zeroArray[0] : zeroArray[0] > 1 && zeroArray[0] === zeroArray[1] ? zeroArray[0] - 1 : _this._rounding === "outside" || !diverging ? zeroArray[0] + (zeroArray[1] - zeroArray[0]) / 2 : max(zeroArray);
+                            var zeros = zeroArray.length === 1 ? zeroArray[0] : zeroArray[0] > 1 && zeroArray[0] === zeroArray[1] ? zeroArray[0] - 1 : _this1._rounding === "outside" || !diverging ? zeroArray[0] + (zeroArray[1] - zeroArray[0]) / 2 : max(zeroArray);
                             var factor = zeros < 1 ? fixFloat(zeros) : +"1".concat(Array(Math.floor(fixFloat(zeros)) - 1).fill(0).join(""));
                             if (factor >= Math.abs(initialDomain[1] - initialDomain[0])) factor /= 2;
                             var inverted = initialDomain[1] < initialDomain[0];
                             var newDomain = [
-                                Math[_this._rounding === "outside" ? inverted ? "ceil" : "floor" : inverted ? "floor" : "ceil"](initialDomain[0] / factor) * factor,
-                                Math[_this._rounding === "outside" ? inverted ? "floor" : "ceil" : inverted ? "ceil" : "floor"](initialDomain[1] / factor) * factor
+                                Math[_this1._rounding === "outside" ? inverted ? "ceil" : "floor" : inverted ? "floor" : "ceil"](initialDomain[0] / factor) * factor,
+                                Math[_this1._rounding === "outside" ? inverted ? "floor" : "ceil" : inverted ? "ceil" : "floor"](initialDomain[1] / factor) * factor
                             ];
-                            if (_this._scale === "log") {
+                            if (_this1._scale === "log") {
                                 if (newDomain[0] === 0) newDomain[0] = initialDomain[0];
                                 if (newDomain[1] === 0) newDomain[1] = initialDomain[1];
                             }
-                            _this._d3Scale.domain(newDomain.map(fixFloat));
+                            _this1._d3Scale.domain(newDomain.map(fixFloat));
                         };
-                        if (this._scale === "linear") {
-                            roundDomain.bind(this)();
-                        } else if (this._scale === "log") {
+                        if (_this1._scale === "linear") {
+                            roundDomain.bind(_this1)();
+                        } else if (_this1._scale === "log") {
                             var powDomain = [];
                             var inverted = initialDomain[1] < initialDomain[0];
-                            powDomain[0] = (this._rounding === "outside" ? isNegative(initialDomain[0]) ? inverted ? floorPow : ceilPow : inverted ? ceilPow : floorPow : isNegative(initialDomain[0]) ? inverted ? ceilPow : floorPow : inverted ? floorPow : ceilPow)(initialDomain[0]);
-                            powDomain[1] = (this._rounding === "inside" ? isNegative(initialDomain[1]) ? inverted ? floorPow : ceilPow : inverted ? ceilPow : floorPow : isNegative(initialDomain[1]) ? inverted ? ceilPow : floorPow : inverted ? floorPow : ceilPow)(initialDomain[1]);
+                            powDomain[0] = (_this1._rounding === "outside" ? isNegative(initialDomain[0]) ? inverted ? floorPow : ceilPow : inverted ? ceilPow : floorPow : isNegative(initialDomain[0]) ? inverted ? ceilPow : floorPow : inverted ? floorPow : ceilPow)(initialDomain[0]);
+                            powDomain[1] = (_this1._rounding === "inside" ? isNegative(initialDomain[1]) ? inverted ? floorPow : ceilPow : inverted ? ceilPow : floorPow : isNegative(initialDomain[1]) ? inverted ? ceilPow : floorPow : inverted ? floorPow : ceilPow)(initialDomain[1]);
                             var powInverted = powDomain[1] < powDomain[0];
                             if (powDomain[0] !== powDomain[1] && powDomain.some(function(d) {
                                 return Math.abs(d) > 10;
                             }) && powInverted === inverted) {
-                                this._d3Scale.domain(powDomain);
+                                _this1._d3Scale.domain(powDomain);
                             } else {
-                                roundDomain.bind(this)();
+                                roundDomain.bind(_this1)();
                             }
                         }
                     }
-                    if (this._d3Scale.padding) this._d3Scale.padding(this._scalePadding);
-                    if (this._d3Scale.paddingInner) this._d3Scale.paddingInner(this._paddingInner);
-                    if (this._d3Scale.paddingOuter) this._d3Scale.paddingOuter(this._paddingOuter);
+                    if (_this1._d3Scale.padding) _this1._d3Scale.padding(_this1._scalePadding);
+                    if (_this1._d3Scale.paddingInner) _this1._d3Scale.paddingInner(_this1._paddingInner);
+                    if (_this1._d3Scale.paddingOuter) _this1._d3Scale.paddingOuter(_this1._paddingOuter);
                     /**
        * Constructs a separate "negative only" scale for logarithmic
        * domains, as they cannot pass zero.
-       */ this._d3ScaleNegative = null;
-                    if (this._scale === "log") {
-                        var domain = this._d3Scale.domain();
+*/ _this1._d3ScaleNegative = null;
+                    if (_this1._scale === "log") {
+                        var domain = _this1._d3Scale.domain();
                         if (domain[0] === 0) {
                             var smallestNumber = min([
-                                min(this._data),
+                                min(_this1._data),
                                 Math.abs(domain[1])
                             ]);
                             domain[0] = smallestNumber === 0 || smallestNumber === 1 ? 1e-6 : smallestNumber <= 1 ? floorPow(smallestNumber) : 1;
                             if (isNegative(domain[1])) domain[0] *= -1;
                         } else if (domain[domain.length - 1] === 0) {
                             var smallestNumber1 = min([
-                                min(this._data),
+                                min(_this1._data),
                                 Math.abs(domain[0])
                             ]);
                             domain[domain.length - 1] = smallestNumber1 === 0 || smallestNumber1 === 1 ? 1e-6 : smallestNumber1 <= 1 ? floorPow(smallestNumber1) : 1;
                             if (isNegative(domain[0])) domain[domain.length - 1] *= -1;
                         }
-                        var range1 = this._d3Scale.range();
+                        var range1 = _this1._d3Scale.range();
                         // all negatives
                         if (isNegative(domain[0]) && isNegative(domain[domain.length - 1])) {
-                            this._d3ScaleNegative = this._d3Scale.copy().domain(domain).range(range1);
-                            this._d3Scale = null;
+                            _this1._d3ScaleNegative = _this1._d3Scale.copy().domain(domain).range(range1);
+                            _this1._d3Scale = null;
                         } else if (domain[0] > 0 && domain[domain.length - 1] > 0) {
-                            this._d3Scale.domain(domain).range(range1);
+                            _this1._d3Scale.domain(domain).range(range1);
                         } else {
                             var powers = domain.map(function(d) {
                                 return Math.log10(Math.abs(d));
@@ -749,14 +780,14 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                             var leftPercentage = powers[0] / sum(powers);
                             var zero = leftPercentage * (range1[1] - range1[0]);
                             var minPositive = min([
-                                min(this._data.filter(function(d) {
+                                min(_this1._data.filter(function(d) {
                                     return d >= 0;
                                 })),
                                 Math.abs(domain[1])
                             ]);
                             if (minPositive === 1) minPositive = 1e-6;
                             var minNegative = min([
-                                min(this._data.filter(isNegative)),
+                                min(_this1._data.filter(isNegative)),
                                 Math.abs(domain[0])
                             ]);
                             if (minNegative === 1) minNegative = 1e-6;
@@ -766,15 +797,15 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                                 Math.abs(minPosPow),
                                 Math.abs(minNegPow)
                             ]);
-                            this._d3ScaleNegative = this._d3Scale.copy();
-                            (isNegative(domain[0]) ? this._d3Scale : this._d3ScaleNegative).domain([
+                            _this1._d3ScaleNegative = _this1._d3Scale.copy();
+                            (isNegative(domain[0]) ? _this1._d3Scale : _this1._d3ScaleNegative).domain([
                                 isNegative(domain[0]) ? minValue : -minValue,
                                 domain[1]
                             ]).range([
                                 range1[0] + zero,
                                 range1[1]
                             ]);
-                            (isNegative(domain[0]) ? this._d3ScaleNegative : this._d3Scale).domain([
+                            (isNegative(domain[0]) ? _this1._d3ScaleNegative : _this1._d3Scale).domain([
                                 domain[0],
                                 isNegative(domain[0]) ? -minValue : minValue
                             ]).range([
@@ -786,32 +817,32 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                     /**
        * Determines the of values array to use
        * for the "ticks" and the "labels"
-       */ ticks = (this._ticks ? this._scale === "time" ? this._ticks.map(date) : this._ticks : (this._d3Scale ? this._d3Scale.ticks : this._d3ScaleNegative.ticks) ? this._getTicks() : this._domain).slice();
-                    labels = (this._labels ? this._scale === "time" ? this._labels.map(date) : this._labels : (this._d3Scale ? this._d3Scale.ticks : this._d3ScaleNegative.ticks) ? this._getLabels() : ticks).slice();
-                    if (this._scale === "time") {
+*/ ticks = (_this1._ticks ? _this1._scale === "time" ? _this1._ticks.map(date) : _this1._ticks : (_this1._d3Scale ? _this1._d3Scale.ticks : _this1._d3ScaleNegative.ticks) ? _this1._getTicks() : _this1._domain).slice();
+                    labels = (_this1._labels ? _this1._scale === "time" ? _this1._labels.map(date) : _this1._labels : (_this1._d3Scale ? _this1._d3Scale.ticks : _this1._d3ScaleNegative.ticks) ? _this1._getLabels() : ticks).slice();
+                    if (_this1._scale === "time") {
                         ticks = ticks.map(Number);
                         labels = labels.map(Number);
                     }
                     ticks = ticks.sort(function(a, b) {
-                        return _this._getPosition(a) - _this._getPosition(b);
+                        return _this1._getPosition(a) - _this1._getPosition(b);
                     });
                     labels = labels.sort(function(a, b) {
-                        return _this._getPosition(a) - _this._getPosition(b);
+                        return _this1._getPosition(a) - _this1._getPosition(b);
                     });
                     /**
        * Get the smallest suffix.
-       */ if (this._scale === "linear" && this._tickSuffix === "smallest") {
+*/ if (_this1._scale === "linear" && _this1._tickSuffix === "smallest") {
                         var suffixes = labels.filter(function(d) {
                             return d >= 1000;
                         });
                         if (suffixes.length > 0) {
                             var _Math;
-                            var _$min = (_Math = Math).min.apply(_Math, _to_consumable_array(suffixes));
+                            var minVal = (_Math = Math).min.apply(_Math, _to_consumable_array(suffixes));
                             var i = 1;
                             while(i && i < 7){
                                 var n = Math.pow(10, 3 * i);
-                                if (_$min / n >= 1) {
-                                    this._tickUnit = i;
+                                if (minVal / n >= 1) {
+                                    _this1._tickUnit = i;
                                     i += 1;
                                 } else {
                                     break;
@@ -821,38 +852,43 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                     }
                     /**
        * Removes ticks when they overlap other ticks.
-       */ var pixels = [];
-                    this._availableTicks = ticks;
+*/ var pixels = [];
+                    _this1._availableTicks = ticks;
                     ticks.forEach(function(d, i) {
                         var s = tickGet({
                             id: d,
                             tick: true
                         }, i);
-                        if (_this._shape === "Circle") s *= 2;
-                        var t = _this._getPosition(d);
-                        if (!pixels.length || Math.abs(closest(t, pixels) - t) > s * 2) pixels.push(t);
+                        if (_this1._shape === "Circle") s *= 2;
+                        var t = _this1._getPosition(d);
+                        if (!pixels.length || Math.abs(closest(t, pixels.filter(function(p) {
+                            return p !== false;
+                        })) - t) > s * 2) pixels.push(t);
                         else pixels.push(false);
                     });
-                    ticks = ticks.filter(function(d, i) {
+                    ticks = ticks.filter(function(_d, i) {
                         return pixels[i] !== false;
                     });
-                    this._visibleTicks = ticks;
-                }
-                setScale.bind(this)();
+                    _this1._visibleTicks = ticks;
+                };
+                setScale();
                 /**
      * Pre-calculates the size of the title, if defined, in order
      * to adjust the internal margins.
-     */ if (this._title) {
+*/ if (this._title) {
                     var _this__titleConfig = this._titleConfig, fontFamily = _this__titleConfig.fontFamily, fontSize = _this__titleConfig.fontSize, lineHeight = _this__titleConfig.lineHeight;
-                    var titleWrap = textWrap().fontFamily(typeof fontFamily === "function" ? fontFamily() : fontFamily).fontSize(typeof fontSize === "function" ? fontSize() : fontSize).lineHeight(typeof lineHeight === "function" ? lineHeight() : lineHeight).width(range[range.length - 1] - range[0] - p * 2).height(this["_".concat(height)] - this._tickSize - p * 2);
+                    var titleWrap = textWrap().fontFamily(typeof fontFamily === "function" ? fontFamily() : fontFamily).fontSize(typeof fontSize === "function" ? fontSize() : fontSize).lineHeight(typeof lineHeight === "function" ? lineHeight() : lineHeight).width(range[range.length - 1] - range[0] - p * 2)// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    .height(this["_".concat(height)] - this._tickSize - p * 2);
                     var lines = titleWrap(this._title).lines.length;
                     margin[this._orient] = lines * titleWrap.lineHeight() + p;
                 }
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var hBuff = this._shape === "Circle" ? typeof this._shapeConfig.r === "function" ? this._shapeConfig.r({
                     tick: true
                 }) : this._shapeConfig.r : this._shape === "Rect" ? typeof this._shapeConfig[height] === "function" ? this._shapeConfig[height]({
                     tick: true
-                }) : this._shapeConfig[height] : this._tickSize, wBuff = tickGet({
+                }) : this._shapeConfig[height] : this._tickSize, // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                wBuff = tickGet({
                     tick: true
                 });
                 if (typeof hBuff === "function") hBuff = max(ticks.map(hBuff));
@@ -862,20 +898,21 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                 /**
      * Calculates the text wrapping and size of a given textData object.
      * @param {Object} datum
-     */ function calculateLabelSize(datum) {
+*/ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var calculateLabelSize = function calculateLabelSize(datum) {
                     var d = datum.d, i = datum.i, fF = datum.fF, fP = datum.fP, fS = datum.fS, rotate = datum.rotate, space = datum.space;
                     var h = rotate ? "width" : "height", w = rotate ? "height" : "width";
                     var wSize = min([
-                        this._maxSize,
-                        this._width
+                        _this._maxSize,
+                        _this._width
                     ]);
                     var hSize = min([
-                        this._maxSize,
-                        this._height
+                        _this._maxSize,
+                        _this._height
                     ]);
-                    var wrap = textWrap().fontFamily(fF).fontSize(fS).lineHeight(this._shapeConfig.lineHeight ? this._shapeConfig.lineHeight(d, i) : undefined);
-                    wrap[w](horizontal ? space : wSize - hBuff - p - this._margin.left - this._margin.right);
-                    wrap[h](horizontal ? hSize - hBuff - p - this._margin.top - this._margin.bottom : space);
+                    var wrap = textWrap().fontFamily(fF).fontSize(fS).lineHeight(_this._shapeConfig.lineHeight ? _this._shapeConfig.lineHeight(d, i) : undefined);
+                    wrap[w](horizontal ? space : wSize - hBuff - p - _this._margin.left - _this._margin.right);
+                    wrap[h](horizontal ? hSize - hBuff - p - _this._margin.top - _this._margin.bottom : space);
                     var res = wrap(tickFormat(d));
                     res.lines = res.lines.filter(function(d) {
                         return d !== "";
@@ -883,10 +920,12 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                     res.width = res.lines.length ? Math.ceil(max(res.widths)) : 0;
                     res.height = res.lines.length ? Math.ceil(res.lines.length * wrap.lineHeight()) + fP : 0;
                     return res;
-                }
-                /** Calculates label offsets */ function calculateOffset() {
+                };
+                /** Calculates label offsets*/ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var calculateOffset = function calculateOffset() {
                     var arr = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
                     var offset = 0;
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     arr.forEach(function(datum) {
                         var prev = arr[datum.i - 1];
                         var h = datum.rotate && horizontal || !datum.rotate && !horizontal ? "width" : "height", w = datum.rotate && horizontal || !datum.rotate && !horizontal ? "height" : "width";
@@ -899,20 +938,22 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                             } else offset = 1;
                         }
                     });
-                }
+                };
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var textData = [];
-                function createTextData() {
-                    var _this = this;
+                var createTextData = function createTextData() {
                     var offset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1;
-                    var fontSize = this._shapeConfig.labelConfig.fontSize;
-                    var fontFamily = this._shapeConfig.labelConfig.fontFamily || d3plusFontFamily;
-                    var fontPadding = this._shapeConfig.labelConfig.padding;
+                    var fontSize = _this1._shapeConfig.labelConfig.fontSize;
+                    var fontFamily = _this1._shapeConfig.labelConfig.fontFamily || d3plusFontFamily;
+                    var fontPadding = _this1._shapeConfig.labelConfig.padding;
                     /**
        * Calculates the space each label would take up, given
        * the provided this._space size.
-       */ textData = labels.map(function(d, i) {
-                        var fF = typeof fontFamily === "function" ? fontFamily(d, i) : fontFamily, fP = typeof fontPadding === "function" ? fontPadding(d, i) : fontPadding, fS = typeof fontSize === "function" ? fontSize(d, i) : fontSize, position = _this._getPosition(d);
-                        var lineHeight = _this._shapeConfig.lineHeight ? _this._shapeConfig.lineHeight(d, i) : fS * 1.4;
+*/ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    textData = labels.map(function(d, i) {
+                        var fF = typeof fontFamily === "function" ? fontFamily(d, i) : fontFamily, fP = typeof fontPadding === "function" ? fontPadding(d, i) : fontPadding, fS = typeof fontSize === "function" ? fontSize(d, i) : fontSize, position = _this1._getPosition(d);
+                        var lineHeight = _this1._shapeConfig.lineHeight ? _this1._shapeConfig.lineHeight(d, i) : fS * 1.4;
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         var datum = {
                             d: d,
                             i: i,
@@ -921,17 +962,17 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                             fS: fS,
                             lineHeight: lineHeight,
                             position: position,
-                            rotate: _this._labelRotation
+                            rotate: _this1._labelRotation
                         };
                         return datum;
                     });
-                    var maxSpace = this._scale === "band" ? this._d3Scale.bandwidth() : textData.reduce(function(s, d, i) {
+                    var maxSpace = _this1._scale === "band" ? _this1._d3Scale.bandwidth() : textData.reduce(function(s, d, i) {
                         var position = d.position;
                         var prevPosition = !i ? textData.length === 1 ? rangeOuter[0] : position - (textData[i + 1].position - position) : position - (position - textData[i - 1].position);
                         var prevSpace = Math.abs(position - prevPosition);
                         var nextPosition = i == textData.length - 1 ? textData.length === 1 ? rangeOuter[1] : position + (position - textData[i - 1].position) : position - (position - textData[i + 1].position);
                         var nextSpace = Math.abs(position - nextPosition);
-                        var mod = _this._scale === "point" ? 1 : 2;
+                        var mod = _this1._scale === "point" ? 1 : 2;
                         return max([
                             max([
                                 prevSpace,
@@ -940,21 +981,25 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                             s
                         ]);
                     }, 0);
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     textData = textData.map(function(datum) {
                         datum.space = maxSpace - datum.fP * 2;
-                        var res = calculateLabelSize.bind(_this)(datum);
+                        var res = calculateLabelSize(datum);
                         return Object.assign(res, datum);
                     });
                     var reverseTextData = textData.slice().reverse();
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     textData.forEach(function(datum) {
                         var fP = datum.fP, i = datum.i, position = datum.position;
                         var sizeName = horizontal ? "width" : "height";
+                        // eslint-disable-next-line @typescript-eslint/no-explicit-any
                         var prev = i ? reverseTextData.find(function(t) {
                             return t.i < i && !t.truncated;
                         }) : false;
                         if (i === textData.length - 1) {
                             while(prev && position - datum[sizeName] / 2 - fP < prev.position + prev[sizeName] / 2){
                                 prev.truncated = true;
+                                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                 prev = reverseTextData.find(function(t) {
                                     return t.i < i && !t.truncated;
                                 });
@@ -962,25 +1007,26 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                         }
                         datum.truncated = prev ? position - datum[sizeName] / 2 - fP < prev.position + prev[sizeName] / 2 : false;
                     });
-                    if (offset > 1) calculateOffset.bind(this)(textData);
-                }
-                createTextData.bind(this)();
-                var offsetEnabled = this._labelOffset && textData.some(function(d) {
+                    if (offset > 1) calculateOffset(textData);
+                };
+                createTextData();
+                var offsetEnabled = // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                this._labelOffset && textData.some(function(d) {
                     return d.truncated;
                 });
-                if (offsetEnabled) createTextData.bind(this)(2);
+                if (offsetEnabled) createTextData(2);
                 /**
      * "spillover" will contain the pixel spillover of the first and last label,
      * and then adjust the scale range accordingly.
-     */ var spillovers = [
+*/ var spillovers = [
                     0,
                     1
                 ].map(function(index) {
                     var datum = textData[index ? textData.length - 1 : 0];
                     if (!datum) return 0;
-                    var height = datum.height, position = datum.position, rotate = datum.rotate, width = datum.width;
+                    var dHeight = datum.height, position = datum.position, rotate = datum.rotate, dWidth = datum.width;
                     var compPosition = index ? rangeOuter[1] : rangeOuter[0];
-                    var halfSpace = (rotate || !horizontal ? height : width) / 2;
+                    var halfSpace = (rotate || !horizontal ? dHeight : dWidth) / 2;
                     if (Math.abs(position - compPosition) >= halfSpace) return 0;
                     var spill = halfSpace - (position - compPosition);
                     return Math.abs(spill);
@@ -995,26 +1041,30 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                     if (this._range[this._range.length - 1] !== undefined) newRange[1] = this._range[this._range.length - 1];
                 }
                 if (newRange[0] !== first || newRange[1] !== last) {
-                    setScale.bind(this)(newRange);
-                    createTextData.bind(this)(offsetEnabled ? 2 : 1);
+                    setScale(newRange);
+                    createTextData(offsetEnabled ? 2 : 1);
                 }
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var labelHeight = max(textData, function(t) {
                     return t.height;
                 }) || 0;
                 this._labelRotation = horizontal && this._labelRotation === undefined ? textData.some(function(datum) {
-                    var i = datum.i, height = datum.height, position = datum.position, truncated = datum.truncated;
+                    var i = datum.i, dH = datum.height, position = datum.position, truncated = datum.truncated;
                     var prev = textData[i - 1];
-                    return truncated || i && prev.position + prev.height / 2 > position - height / 2;
+                    return truncated || i && prev.position + prev.height / 2 > position - dH / 2;
                 }) : this._labelRotation;
                 var globalOffset = this._labelOffset ? max(textData, function(d) {
                     return d.offset || 0;
                 }) : 0;
-                textData.forEach(function(datum) {
+                textData.forEach(// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                function(datum) {
                     return datum.offset = datum.offset ? globalOffset : 0;
                 });
                 var tBuff = this._shape === "Line" ? 0 : hBuff;
                 var _obj;
-                var bounds = this._outerBounds = (_obj = {}, _define_property(_obj, height, (max(textData, function(t) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                var bounds = this._outerBounds = (_obj = {}, _define_property(_obj, height, // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                (max(textData, function(t) {
                     return Math.ceil(t[t.rotate || !horizontal ? "width" : "height"] + t.offset);
                 }) || 0) + (textData.length ? p : 0)), _define_property(_obj, width, rangeOuter[rangeOuter.length - 1] - rangeOuter[0]), _define_property(_obj, x, rangeOuter[0]), _obj);
                 bounds[height] = max([
@@ -1038,7 +1088,8 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                     return {
                         id: d
                     };
-                }), function(d) {
+                }), // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                function(d) {
                     return d.id;
                 });
                 grid.exit().transition(t).attr("opacity", 0).call(this._gridPosition.bind(this)).remove();
@@ -1046,10 +1097,13 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                 var labelOnly = labels.filter(function(d, i) {
                     return textData[i].lines.length && !ticks.includes(d);
                 });
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var rotated = textData.some(function(d) {
                     return d.rotate;
                 });
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var tickData = ticks.concat(labelOnly).map(function(d) {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     var data = textData.find(function(td) {
                         return td.d === d;
                     });
@@ -1062,6 +1116,7 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                     var labelWidth = horizontal ? space : bounds.width - margin[_this._position.opposite] - hBuff - margin[_this._orient] + p;
                     var offset = margin[opposite], size = (hBuff + labelOffset) * (flip ? -1 : 1), yPos = flip ? bounds[y] + bounds[height] - offset : bounds[y] + offset;
                     var _obj;
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     var tickConfig = (_obj = {
                         id: d,
                         labelBounds: rotated && data ? {
@@ -1079,28 +1134,33 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                         size: labels.includes(d) || _this._scale === "log" && Math.log10(Math.abs(d)) % 1 === 0 ? size : ticks.includes(d) ? Math.ceil(size / 2) : _this._data.find(function(t) {
                             return +t === d;
                         }) ? Math.ceil(size / 4) : 0,
-                        text: !(data || {}).truncated && labels.includes(d) ? tickFormat(d) : false,
+                        text: // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                        !(data || {}).truncated && labels.includes(d) ? tickFormat(d) : false,
                         tick: ticks.includes(d)
                     }, _define_property(_obj, x, xPos + (_this._scale === "band" ? _this._d3Scale.bandwidth() / 2 : 0)), _define_property(_obj, y, yPos), _obj);
                     return tickConfig;
                 });
                 if (this._shape === "Line") {
-                    tickData = tickData.concat(tickData.map(function(d) {
+                    tickData = tickData.concat(// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    tickData.map(function(d) {
                         var dupe = Object.assign({}, d);
                         dupe[y] += d.size;
                         return dupe;
                     }));
                 }
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 new shapes[this._shape]().data(tickData).duration(this._duration).labelConfig({
-                    ellipsis: function(d) {
+                    ellipsis: function ellipsis(d) {
                         return d && d.length ? "".concat(d, "...") : "";
                     },
-                    rotate: function(d) {
+                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                    rotate: function rotate(d) {
                         return d.rotate ? -90 : 0;
                     }
                 }).select(elem("g.ticks", {
                     parent: group
-                }).node()).config(configPrep.bind(this)(this._shapeConfig)).labelConfig({
+                }).node())// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                .config(configPrep.bind(this)(this._shapeConfig)).labelConfig({
                     padding: 0
                 }).render();
                 var bar = group.selectAll("line.bar").data([
@@ -1115,184 +1175,107 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
                     parent: group
                 }).node()).text(function(d) {
                     return d.text;
-                }).verticalAlign("middle").width(range[range.length - 1] - range[0]).x(horizontal ? range[0] : this._orient === "left" ? bounds.x + margin.left / 2 - (range[range.length - 1] - range[0]) / 2 : bounds.x + bounds.width - margin.right / 2 - (range[range.length - 1] - range[0]) / 2).y(horizontal ? this._orient === "bottom" ? bounds.y + bounds.height - margin.bottom : bounds.y : range[0] + (range[range.length - 1] - range[0]) / 2 - margin[this._orient] / 2).config(configPrep.bind(this)(this._titleConfig)).render();
+                }).verticalAlign("middle").width(range[range.length - 1] - range[0]).x(horizontal ? range[0] : this._orient === "left" ? bounds.x + margin.left / 2 - (range[range.length - 1] - range[0]) / 2 : bounds.x + bounds.width - margin.right / 2 - (range[range.length - 1] - range[0]) / 2).y(horizontal ? this._orient === "bottom" ? bounds.y + bounds.height - margin.bottom : bounds.y : range[0] + (range[range.length - 1] - range[0]) / 2 - margin[this._orient] / 2)// eslint-disable-next-line @typescript-eslint/no-explicit-any
+                .config(configPrep.bind(this)(this._titleConfig)).render();
                 this._lastScale = this._getPosition.bind(this);
                 if (callback) setTimeout(callback, this._duration + 100);
                 return this;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the horizontal alignment to the specified value and returns the current class instance.
-      @param {String} [*value* = "center"] Supports `"left"` and `"center"` and `"right"`.
-      @chainable
-  */ key: "align",
+            key: "align",
             value: function align(_) {
                 return arguments.length ? (this._align = _, this) : this._align;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the axis line style and returns the current class instance.
-      @param {Object} [*value*]
-      @chainable
-  */ key: "barConfig",
+            key: "barConfig",
             value: function barConfig(_) {
                 return arguments.length ? (this._barConfig = Object.assign(this._barConfig, _), this) : this._barConfig;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc An array of data points, which helps determine which ticks should be shown and which time resolution should be displayed.
-      @param {Array} [*value*]
-      @chainable
-  */ key: "data",
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            key: "data",
             value: function data(_) {
                 return arguments.length ? (this._data = _, this) : this._data;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the scale domain of the axis and returns the current class instance.
-      @param {Array} [*value* = [0, 10]]
-      @chainable
-  */ key: "domain",
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            key: "domain",
             value: function domain(_) {
                 return arguments.length ? (this._domain = _, this) : this._domain;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the transition duration of the axis and returns the current class instance.
-      @param {Number} [*value* = 600]
-      @chainable
-  */ key: "duration",
+            key: "duration",
             value: function duration(_) {
                 return arguments.length ? (this._duration = _, this) : this._duration;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the grid values of the axis and returns the current class instance.
-      @param {Array} [*value*]
-      @chainable
-  */ key: "grid",
+            key: "grid",
             value: function grid(_) {
                 return arguments.length ? (this._grid = _, this) : this._grid;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the grid config of the axis and returns the current class instance.
-      @param {Object} [*value*]
-      @chainable
-  */ key: "gridConfig",
+            key: "gridConfig",
             value: function gridConfig(_) {
                 return arguments.length ? (this._gridConfig = Object.assign(this._gridConfig, _), this) : this._gridConfig;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the grid behavior of the axis when scale is logarithmic and returns the current class instance.
-      @param {Boolean} [*value* = false]
-      @chainable
-  */ key: "gridLog",
+            key: "gridLog",
             value: function gridLog(_) {
                 return arguments.length ? (this._gridLog = _, this) : this._gridLog;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the grid size of the axis and returns the current class instance.
-      @param {Number} [*value* = undefined]
-      @chainable
-  */ key: "gridSize",
+            key: "gridSize",
             value: function gridSize(_) {
                 return arguments.length ? (this._gridSize = _, this) : this._gridSize;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the overall height of the axis and returns the current class instance.
-      @param {Number} [*value* = 100]
-      @chainable
-  */ key: "height",
+            key: "height",
             value: function height(_) {
                 return arguments.length ? (this._height = _, this) : this._height;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the visible tick labels of the axis and returns the current class instance.
-      @param {Array} [*value*]
-      @chainable
-  */ key: "labels",
+            key: "labels",
             value: function labels(_) {
                 return arguments.length ? (this._labels = _, this) : this._labels;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets whether offsets will be used to position some labels further away from the axis in order to allow space for the text.
-      @param {Boolean} [*value* = false]
-      @chainable
-   */ key: "labelOffset",
+            key: "labelOffset",
             value: function labelOffset(_) {
                 return arguments.length ? (this._labelOffset = _, this) : this._labelOffset;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets whether whether horizontal axis labels are rotated -90 degrees.
-      @param {Boolean} [*value* = false]
-      @chainable
-   */ key: "labelRotation",
+            key: "labelRotation",
             value: function labelRotation(_) {
                 return arguments.length ? (this._labelRotation = _, this) : this._labelRotation;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the maximum size allowed for the space that contains the axis tick labels and title.
-      @param {Number}
-      @chainable
-   */ key: "maxSize",
+            key: "maxSize",
             value: function maxSize(_) {
                 return arguments.length ? (this._maxSize = _, this) : this._maxSize;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the minimum size alloted for the space that contains the axis tick labels and title.
-      @param {Number}
-      @chainable
-   */ key: "minSize",
+            key: "minSize",
             value: function minSize(_) {
                 return arguments.length ? (this._minSize = _, this) : this._minSize;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *orient* is specified, sets the orientation of the shape and returns the current class instance. If *orient* is not specified, returns the current orientation.
-      @param {String} [*orient* = "bottom"] Supports `"top"`, `"right"`, `"bottom"`, and `"left"` orientations.
-      @chainable
-  */ key: "orient",
+            key: "orient",
             value: function orient(_) {
                 if (arguments.length) {
                     var horizontal = [
@@ -1319,253 +1302,144 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
         },
         {
             /**
-      @memberof Axis
-      @desc If called after the elements have been drawn to DOM, will returns the outer bounds of the axis content.
+      Returns the outer bounds of the axis content. Must be called after rendering.
       @example
 {"width": 180, "height": 24, "x": 10, "y": 20}
-  */ key: "outerBounds",
+*/ key: "outerBounds",
             value: function outerBounds() {
                 return this._outerBounds;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the padding between each tick label to the specified number and returns the current class instance.
-      @param {Number} [*value* = 10]
-      @chainable
-  */ key: "padding",
+            key: "padding",
             value: function padding(_) {
                 return arguments.length ? (this._padding = _, this) : this._padding;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the inner padding of band scale to the specified number and returns the current class instance.
-      @param {Number} [*value* = 0.1]
-      @chainable
-  */ key: "paddingInner",
+            key: "paddingInner",
             value: function paddingInner(_) {
                 return arguments.length ? (this._paddingInner = _, this) : this._paddingInner;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the outer padding of band scales to the specified number and returns the current class instance.
-      @param {Number} [*value* = 0.1]
-      @chainable
-  */ key: "paddingOuter",
+            key: "paddingOuter",
             value: function paddingOuter(_) {
                 return arguments.length ? (this._paddingOuter = _, this) : this._paddingOuter;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the scale range (in pixels) of the axis and returns the current class instance. The given array must have 2 values, but one may be `undefined` to allow the default behavior for that value.
-      @param {Array} [*value*]
-      @chainable
-  */ key: "range",
+            key: "range",
             value: function range(_) {
                 return arguments.length ? (this._range = _, this) : this._range;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc Sets the rounding method, so that more evenly spaced ticks appear at the extents of the scale. Can be set to "none" (default), "outside", or "inside".
-      @param {String} [*value* = "none"]
-      @chainable
-  */ key: "rounding",
+            key: "rounding",
             value: function rounding(_) {
                 return arguments.length ? (this._rounding = _, this) : this._rounding;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc Sets the prefix used for the minimum value of "inside" rounding scales.
-      @param {String} [*value* = "< "]
-      @chainable
-  */ key: "roundingInsideMinPrefix",
+            key: "roundingInsideMinPrefix",
             value: function roundingInsideMinPrefix(_) {
                 return arguments.length ? (this._roundingInsideMinPrefix = _, this) : this._roundingInsideMinPrefix;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc Sets the suffix used for the minimum value of "inside" rounding scales.
-      @param {String} [*value* = ""]
-      @chainable
-  */ key: "roundingInsideMinSuffix",
+            key: "roundingInsideMinSuffix",
             value: function roundingInsideMinSuffix(_) {
                 return arguments.length ? (this._roundingInsideMinSuffix = _, this) : this._roundingInsideMinSuffix;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc Sets the prefix used for the maximum value of "inside" rounding scales.
-      @param {String} [*value* = ""]
-      @chainable
-  */ key: "roundingInsideMaxPrefix",
+            key: "roundingInsideMaxPrefix",
             value: function roundingInsideMaxPrefix(_) {
                 return arguments.length ? (this._roundingInsideMaxPrefix = _, this) : this._roundingInsideMaxPrefix;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc Sets the suffix used for the maximum value of "inside" rounding scales.
-      @param {String} [*value* = ""]
-      @chainable
-  */ key: "roundingInsideMaxSuffix",
+            key: "roundingInsideMaxSuffix",
             value: function roundingInsideMaxSuffix(_) {
                 return arguments.length ? (this._roundingInsideMaxSuffix = _, this) : this._roundingInsideMaxSuffix;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the scale of the axis and returns the current class instance.
-      @param {String} [*value* = "linear"]
-      @chainable
-  */ key: "scale",
+            key: "scale",
             value: function scale(_) {
                 return arguments.length ? (this._scale = _, this) : this._scale;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc Sets the "padding" property of the scale, often used in point scales.
-      @param {Number} [*value* = 0.5]
-      @chainable
-  */ key: "scalePadding",
+            key: "scalePadding",
             value: function scalePadding(_) {
                 return arguments.length ? (this._scalePadding = _, this) : this._scalePadding;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *selector* is specified, sets the SVG container element to the specified d3 selector or DOM element and returns the current class instance. If *selector* is not specified, returns the current SVG container element.
-      @param {String|HTMLElement} [*selector* = d3.select("body").append("svg")]
-      @chainable
-  */ key: "select",
+            key: "select",
             value: function select1(_) {
                 return arguments.length ? (this._select = select(_), this) : this._select;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the tick shape constructor and returns the current class instance.
-      @param {String} [*value* = "Line"]
-      @chainable
-  */ key: "shape",
+            key: "shape",
             value: function shape(_) {
                 return arguments.length ? (this._shape = _, this) : this._shape;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the tick style of the axis and returns the current class instance.
-      @param {Object} [*value*]
-      @chainable
-  */ key: "shapeConfig",
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            key: "shapeConfig",
             value: function shapeConfig(_) {
                 return arguments.length ? (this._shapeConfig = assign(this._shapeConfig, _), this) : this._shapeConfig;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the tick formatter and returns the current class instance.
-      @param {Function} [*value*]
-      @chainable
-  */ key: "tickFormat",
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            key: "tickFormat",
             value: function tickFormat(_) {
                 return arguments.length ? (this._tickFormat = _, this) : this._tickFormat;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the tick values of the axis and returns the current class instance.
-      @param {Array} [*value*]
-      @chainable
-  */ key: "ticks",
+            key: "ticks",
             value: function ticks(_) {
                 return arguments.length ? (this._ticks = _, this) : this._ticks;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the tick size of the axis and returns the current class instance.
-      @param {Number} [*value* = 5]
-      @chainable
-  */ key: "tickSize",
+            key: "tickSize",
             value: function tickSize(_) {
                 return arguments.length ? (this._tickSize = _, this) : this._tickSize;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc Sets the behavior of the abbreviations when you are using linear scale. This method accepts two options: "normal" (uses formatAbbreviate to determinate the abbreviation) and "smallest" (uses suffix from the smallest tick as reference in every tick).
-      @param {String} [*value* = "normal"]
-      @chainable
-  */ key: "tickSuffix",
+            key: "tickSuffix",
             value: function tickSuffix(_) {
                 return arguments.length ? (this._tickSuffix = _, this) : this._tickSuffix;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc Defines a custom locale object to be used in time scale. This object must include the following properties: dateTime, date, time, periods, days, shortDays, months, shortMonths. For more information, you can revise [d3p.d3-time-format](https://github.com/d3/d3-time-format/blob/master/README.md#timeFormatLocale).
-      @param {Object} [*value* = undefined]
-      @chainable
-  */ key: "timeLocale",
+            key: "timeLocale",
             value: function timeLocale(_) {
                 return arguments.length ? (this._timeLocale = _, this) : this._timeLocale;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the title of the axis and returns the current class instance.
-      @param {String} [*value*]
-      @chainable
-  */ key: "title",
+            key: "title",
             value: function title(_) {
                 return arguments.length ? (this._title = _, this) : this._title;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the title configuration of the axis and returns the current class instance.
-      @param {Object} [*value*]
-      @chainable
-  */ key: "titleConfig",
+            key: "titleConfig",
             value: function titleConfig(_) {
                 return arguments.length ? (this._titleConfig = Object.assign(this._titleConfig, _), this) : this._titleConfig;
             }
         },
         {
-            /**
-      @memberof Axis
-      @desc If *value* is specified, sets the overall width of the axis and returns the current class instance.
-      @param {Number} [*value* = 400]
-      @chainable
-  */ key: "width",
+            key: "width",
             value: function width(_) {
                 return arguments.length ? (this._width = _, this) : this._width;
             }
@@ -1574,7 +1448,5 @@ var Axis = /*#__PURE__*/ function(BaseClass) {
     return Axis;
 }(BaseClass);
 /**
-    @class Axis
-    @extends BaseClass
-    @desc Creates an SVG scale based on an array of data.
+    Creates an SVG scale based on an array of data.
 */ export { Axis as default };