highcharts 10.1.0 → 10.2.0

package/highcharts-gantt.src.js

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts Gantt JS v10.1.0 (2022-04-29)
+ * @license Highcharts Gantt JS v10.2.0 (2022-07-05)
  *
  * (c) 2017-2021 Lars Cabrera, Torstein Honsi, Jon Arild Nygard & Oystein Moseng
  *
@@ -63,7 +63,7 @@
              *  Constants
              *
              * */
-            Globals.SVG_NS = 'http://www.w3.org/2000/svg', Globals.product = 'Highcharts', Globals.version = '10.1.0', Globals.win = (typeof window !== 'undefined' ?
+            Globals.SVG_NS = 'http://www.w3.org/2000/svg', Globals.product = 'Highcharts', Globals.version = '10.2.0', Globals.win = (typeof window !== 'undefined' ?
                 window :
                 {}), // eslint-disable-line node/no-unsupported-features/es-builtins
             Globals.doc = Globals.win.document, Globals.svg = (Globals.doc &&
@@ -208,11 +208,11 @@
         function error(code, stop, chart, params) {
             var severity = stop ? 'Highcharts error' : 'Highcharts warning';
             if (code === 32) {
-                code = severity + ": Deprecated member";
+                code = "" + severity + ": Deprecated member";
             }
             var isCode = isNumber(code);
             var message = isCode ?
-                    severity + " #" + code + ": www.highcharts.com/errors/" + code + "/" :
+                    "" + severity + " #" + code + ": www.highcharts.com/errors/" + code + "/" :
                     code.toString();
             var defaultHandler = function () {
                     if (stop) {
@@ -231,7 +231,7 @@
                     message += '?';
                 }
                 objectEach(params, function (value, key) {
-                    additionalMessages_1 += "\n - " + key + ": " + value;
+                    additionalMessages_1 += "\n - ".concat(key, ": ").concat(value);
                     if (isCode) {
                         message += encodeURI(key) + '=' + encodeURI(value);
                     }
@@ -691,7 +691,7 @@
         function css(el, styles) {
             if (H.isMS && !H.svg) { // #2686
                 if (styles && defined(styles.opacity)) {
-                    styles.filter = "alpha(opacity=" + styles.opacity * 100 + ")";
+                    styles.filter = "alpha(opacity=".concat(styles.opacity * 100, ")");
                 }
             }
             extend(el.style, styles);
@@ -1414,7 +1414,7 @@
         }, function (val, key) {
             H[key] = function (arr) {
                 var _a;
-                error(32, false, void 0, (_a = {}, _a["Highcharts." + key] = "use Array." + val, _a));
+                error(32, false, void 0, (_a = {}, _a["Highcharts.".concat(key)] = "use Array.".concat(val), _a));
                 return Array.prototype[val].apply(arr, [].slice.call(arguments, 1));
             };
         });
@@ -3174,7 +3174,7 @@
              *
              * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
              */
-            borderColor: "#335cad" /* highlightColor80 */,
+            borderColor: "#335cad" /* Palette.highlightColor80 */,
             /**
              * The pixel width of the outer chart border.
              *
@@ -3213,7 +3213,7 @@
              *
              * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
              */
-            backgroundColor: "#ffffff" /* backgroundColor */,
+            backgroundColor: "#ffffff" /* Palette.backgroundColor */,
             /**
              * The background color or gradient for the plot area.
              *
@@ -3270,7 +3270,7 @@
              *
              * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
              */
-            plotBorderColor: "#cccccc" /* neutralColor20 */
+            plotBorderColor: "#cccccc" /* Palette.neutralColor20 */
         };
         /* *
          *
@@ -3449,7 +3449,7 @@
                         return 'rgb(' + rgba[0] + ',' + rgba[1] + ',' + rgba[2] + ')';
                     }
                     if (format === 'a') {
-                        return "" + rgba[3];
+                        return "".concat(rgba[3]);
                     }
                     return 'rgba(' + rgba.join(',') + ')';
                 }
@@ -3945,13 +3945,12 @@
              */
             Time.prototype.update = function (options) {
                 var useUTC = pick(options && options.useUTC,
-                    true),
-                    time = this;
+                    true);
                 this.options = options = merge(true, this.options || {}, options);
                 // Allow using a different Date class
                 this.Date = options.Date || win.Date || Date;
                 this.useUTC = useUTC;
-                this.timezoneOffset = (useUTC && options.timezoneOffset);
+                this.timezoneOffset = (useUTC && options.timezoneOffset) || void 0;
                 this.getTimezoneOffset = this.timezoneOffsetFunction();
                 /*
                  * The time object has options allowing for variable time zones, meaning
@@ -4388,17 +4387,16 @@
                         hour: 6,
                         day: 3
                     };
-                var format,
-                    n,
-                    lastN = 'millisecond'; // for sub-millisecond data, #4223
-                    for (n in timeUnits) { // eslint-disable-line guard-for-in
-                        // If the range is exactly one week and we're looking at a
-                        // Sunday/Monday, go for the week format
-                        if (range === timeUnits.week &&
-                            +this.dateFormat('%w',
-                    timestamp) === startOfWeek &&
-                            dateStr.substr(6) === blank.substr(6)) {
-                            n = 'week';
+                var n = 'millisecond', 
+                    // for sub-millisecond data, #4223
+                    lastN = n;
+                for (n in timeUnits) { // eslint-disable-line guard-for-in
+                    // If the range is exactly one week and we're looking at a
+                    // Sunday/Monday, go for the week format
+                    if (range === timeUnits.week &&
+                        +this.dateFormat('%w', timestamp) === startOfWeek &&
+                        dateStr.substr(6) === blank.substr(6)) {
+                        n = 'week';
                         break;
                     }
                     // The first format that is too great for the range
@@ -4418,10 +4416,7 @@
                         lastN = n;
                     }
                 }
-                if (n) {
-                    format = this.resolveDTLFormat(dateTimeLabelFormats[n]).main;
-                }
-                return format;
+                return this.resolveDTLFormat(dateTimeLabelFormats[n]).main;
             };
             return Time;
         }());
@@ -5378,7 +5373,7 @@
                     /**
                      * @ignore-option
                      */
-                    color: "#333333" /* neutralColor80 */
+                    color: "#333333" /* Palette.neutralColor80 */
                 }
             },
             /**
@@ -5658,7 +5653,7 @@
                  *
                  * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  */
-                borderColor: "#999999" /* neutralColor40 */,
+                borderColor: "#999999" /* Palette.neutralColor40 */,
                 /**
                  * The border corner radius of the legend.
                  *
@@ -5752,7 +5747,7 @@
                      * @type  {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                      * @since 2.2.4
                      */
-                    activeColor: "#003399" /* highlightColor100 */,
+                    activeColor: "#003399" /* Palette.highlightColor100 */,
                     /**
                      * The color of the inactive up or down arrow in the legend page
                      * navigation. .
@@ -5768,7 +5763,7 @@
                      * @type  {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                      * @since 2.2.4
                      */
-                    inactiveColor: "#cccccc" /* neutralColor20 */
+                    inactiveColor: "#cccccc" /* Palette.neutralColor20 */
                 },
                 /**
                  * The inner padding of the legend box.
@@ -5844,7 +5839,7 @@
                     /**
                      * @ignore
                      */
-                    color: "#333333" /* neutralColor80 */,
+                    color: "#333333" /* Palette.neutralColor80 */,
                     /**
                      * @ignore
                      */
@@ -5882,7 +5877,7 @@
                     /**
                      * @ignore
                      */
-                    color: "#000000" /* neutralColor100 */
+                    color: "#000000" /* Palette.neutralColor100 */
                 },
                 /**
                  * CSS styles for each legend item when the corresponding series or
@@ -5903,7 +5898,7 @@
                     /**
                      * @ignore
                      */
-                    color: "#cccccc" /* neutralColor20 */
+                    color: "#cccccc" /* Palette.neutralColor20 */
                 },
                 /**
                  * Whether to apply a drop shadow to the legend. A `backgroundColor`
@@ -6207,7 +6202,7 @@
                     /**
                      * @ignore
                      */
-                    backgroundColor: "#ffffff" /* backgroundColor */,
+                    backgroundColor: "#ffffff" /* Palette.backgroundColor */,
                     /**
                      * @ignore
                      */
@@ -6802,7 +6797,7 @@
                  *
                  * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  */
-                backgroundColor: color("#f7f7f7" /* neutralColor3 */)
+                backgroundColor: color("#f7f7f7" /* Palette.neutralColor3 */)
                     // @todo: Disallow undefined as input for colors
                     .setOpacity(0.85).get(),
                 /**
@@ -6865,7 +6860,7 @@
                  */
                 style: {
                     /** @internal */
-                    color: "#333333" /* neutralColor80 */,
+                    color: "#333333" /* Palette.neutralColor80 */,
                     /** @internal */
                     cursor: 'default',
                     /** @internal */
@@ -6980,7 +6975,7 @@
                     /** @internal */
                     cursor: 'pointer',
                     /** @internal */
-                    color: "#999999" /* neutralColor40 */,
+                    color: "#999999" /* Palette.neutralColor40 */,
                     /** @internal */
                     fontSize: '9px'
                 },
@@ -7454,7 +7449,7 @@
                     curAnim = options.curAnim;
                 var ret,
                     done;
-                if (elem.attr && !elem.element) { // #2616, element is destroyed
+                if ((elem.attr) && !elem.element) { // #2616, element is destroyed
                     ret = false;
                 }
                 else if (gotoEnd || t >= duration + this.startTime) {
@@ -7968,7 +7963,7 @@
                     }
                     if (!valid) {
                         error(33, false, void 0, {
-                            'Invalid attribute in config': "" + key
+                            'Invalid attribute in config': "".concat(key)
                         });
                         delete attributes[key];
                     }
@@ -9888,7 +9883,7 @@
                     duration: pick(duration, 150),
                     complete: function () {
                         // #3088, assuming we're only using this for tooltips
-                        elemWrapper.attr({ y: -9999 }).hide();
+                        elemWrapper.hide();
                     }
                 });
             };
@@ -10036,7 +10031,7 @@
                             bBox.height = height = ({
                                 '11px,17': 14,
                                 '13px,20': 16
-                            }[(fontSize || '') + "," + Math.round(height)] ||
+                            }["" + (fontSize || '') + ",".concat(Math.round(height))] ||
                                 height);
                         }
                         // Adjust for rotated text
@@ -10246,7 +10241,7 @@
             SVGElement.prototype.removeClass = function (className) {
                 return this.attr('class', ('' + this.attr('class'))
                     .replace(isString(className) ?
-                    new RegExp("(^| )" + className + "( |$)") : // #12064, #13590
+                    new RegExp("(^| )".concat(className, "( |$)")) : // #12064, #13590
                     className, ' ')
                     .replace(/ +/g, ' ')
                     .trim());
@@ -10471,7 +10466,7 @@
                     element = this.element,
                     oldShadowOptions = this.oldShadowOptions,
                     defaultShadowOptions = {
-                        color: "#000000" /* neutralColor100 */,
+                        color: "#000000" /* Palette.neutralColor100 */,
                         offsetX: this.parentInverted ? -1 : 1,
                         offsetY: this.parentInverted ? -1 : 1,
                         opacity: 0.15,
@@ -10512,14 +10507,14 @@
                 else if (!this.shadows) {
                     shadowElementOpacity = options.opacity / options.width;
                     transform = this.parentInverted ?
-                        "translate(" + options.offsetY + ", " + options.offsetX + ")" :
-                        "translate(" + options.offsetX + ", " + options.offsetY + ")";
+                        "translate(".concat(options.offsetY, ", ").concat(options.offsetX, ")") :
+                        "translate(".concat(options.offsetX, ", ").concat(options.offsetY, ")");
                     for (i = 1; i <= options.width; i++) {
                         shadow = element.cloneNode(false);
                         strokeWidth = (options.width * 2) + 1 - (2 * i);
                         attr(shadow, {
                             stroke: (shadowOptions.color ||
-                                "#000000" /* neutralColor100 */),
+                                "#000000" /* Palette.neutralColor100 */),
                             'stroke-opacity': shadowElementOpacity * i,
                             'stroke-width': strokeWidth,
                             transform: transform,
@@ -12529,7 +12524,7 @@
                 this.url = this.getReferenceURL();
                 // Add description
                 var desc = this.createElement('desc').add();
-                desc.element.appendChild(doc.createTextNode('Created with Highcharts 10.1.0'));
+                desc.element.appendChild(doc.createTextNode('Created with Highcharts 10.2.0'));
                 renderer.defs = this.createElement('defs').add();
                 renderer.allowHTML = allowHTML;
                 renderer.forExport = forExport;
@@ -12642,7 +12637,7 @@
                                                 id: 'hitme',
                                                 width: 8,
                                                 height: 8,
-                                                'clip-path': "url(#" + id + ")",
+                                                'clip-path': "url(#".concat(id, ")"),
                                                 fill: 'rgba(0,0,0,0.001)'
                                             }
                                         }]
@@ -12795,27 +12790,31 @@
                 new TextBuilder(wrapper).buildSVG();
             };
             /**
-             * Returns white for dark colors and black for bright colors.
+             * Returns white for dark colors and black for bright colors, based on W3C's
+             * definition of [Relative luminance](
+             * https://www.w3.org/WAI/GL/wiki/Relative_luminance).
              *
              * @function Highcharts.SVGRenderer#getContrast
              *
-             * @param {Highcharts.ColorString} rgba
+             * @param {Highcharts.ColorString} color
              * The color to get the contrast for.
              *
              * @return {Highcharts.ColorString}
              * The contrast color, either `#000000` or `#FFFFFF`.
              */
-            SVGRenderer.prototype.getContrast = function (rgba) {
-                rgba = Color.parse(rgba).rgba;
-                // The threshold may be discussed. Here's a proposal for adding
-                // different weight to the color channels (#6216)
-                rgba[0] *= 1; // red
-                rgba[1] *= 1.2; // green
-                rgba[2] *= 0.5; // blue
-                return rgba[0] + rgba[1] + rgba[2] >
-                    1.8 * 255 ?
-                    '#000000' :
-                    '#FFFFFF';
+            SVGRenderer.prototype.getContrast = function (color) {
+                // #6216, #17273
+                var rgba = Color.parse(color).rgba
+                        .map(function (b8) {
+                        var c = b8 / 255;
+                    return c <= 0.03928 ?
+                        c / 12.92 :
+                        Math.pow((c + 0.055) / 1.055, 2.4);
+                });
+                // Relative luminance
+                var l = 0.2126 * rgba[0] + 0.7152 * rgba[1] + 0.0722 * rgba[2];
+                // Use white or black based on which provides more contrast
+                return 1.05 / (l + 0.05) > (l + 0.05) / 0.05 ? '#FFFFFF' : '#000000';
             };
             /**
              * Create a button with preset states.
@@ -12856,6 +12855,7 @@
              * The button element.
              */
             SVGRenderer.prototype.button = function (text, x, y, callback, theme, hoverState, selectState, disabledState, shape, useHTML) {
+                if (theme === void 0) { theme = {}; }
                 var label = this.label(text,
                     x,
                     y,
@@ -12865,23 +12865,20 @@
                     useHTML,
                     void 0, 'button'),
                     styledMode = this.styledMode,
-                    states = (theme && theme.states) || {};
-                if (theme) {
-                    delete theme.states;
-                }
-                var curState = 0, 
-                    // Make a copy of normalState (#13798)
-                    // (reference to options.rangeSelector.buttonTheme)
-                    normalState = theme ? merge(theme) : {};
+                    states = theme.states || {};
+                var curState = 0;
+                theme = merge(theme);
+                delete theme.states;
                 var normalStyle = merge({
-                        color: "#333333" /* neutralColor80 */,
+                        color: "#333333" /* Palette.neutralColor80 */,
                         cursor: 'pointer',
                         fontWeight: 'normal'
                     },
-                    normalState.style);
-                delete normalState.style;
-                // Remove stylable attributes
-                normalState = AST.filterUserAttributes(normalState);
+                    theme.style);
+                delete theme.style;
+                // Remove stylable attributes. Pass in the ButtonThemeObject and get the
+                // SVGAttributes subset back.
+                var normalState = AST.filterUserAttributes(theme);
                 // Default, non-stylable attributes
                 label.attr(merge({ padding: 8, r: 2 }, normalState));
                 // Presentational. The string type is a mistake, it is just for
@@ -12892,21 +12889,21 @@
                 if (!styledMode) {
                     // Normal state - prepare the attributes
                     normalState = merge({
-                        fill: "#f7f7f7" /* neutralColor3 */,
-                        stroke: "#cccccc" /* neutralColor20 */,
+                        fill: "#f7f7f7" /* Palette.neutralColor3 */,
+                        stroke: "#cccccc" /* Palette.neutralColor20 */,
                         'stroke-width': 1
                     }, normalState);
                     // Hover state
                     hoverState = merge(normalState, {
-                        fill: "#e6e6e6" /* neutralColor10 */
+                        fill: "#e6e6e6" /* Palette.neutralColor10 */
                     }, AST.filterUserAttributes(hoverState || states.hover || {}));
                     hoverStyle = hoverState.style;
                     delete hoverState.style;
                     // Pressed state
                     selectState = merge(normalState, {
-                        fill: "#e6ebf5" /* highlightColor10 */,
+                        fill: "#e6ebf5" /* Palette.highlightColor10 */,
                         style: {
-                            color: "#000000" /* neutralColor100 */,
+                            color: "#000000" /* Palette.neutralColor100 */,
                             fontWeight: 'bold'
                         }
                     }, AST.filterUserAttributes(selectState || states.select || {}));
@@ -12915,7 +12912,7 @@
                     // Disabled state
                     disabledState = merge(normalState, {
                         style: {
-                            color: "#cccccc" /* neutralColor20 */
+                            color: "#cccccc" /* Palette.neutralColor20 */
                         }
                     }, AST.filterUserAttributes(disabledState || states.disabled || {}));
                     disabledStyle = disabledState.style;
@@ -13661,7 +13658,7 @@
              */
             SVGRenderer.prototype.fontMetrics = function (fontSize, elem) {
                 if ((this.styledMode || !/px/.test(fontSize)) &&
-                    win.getComputedStyle // old IE doesn't support it
+                    (win.getComputedStyle) // old IE doesn't support it
                 ) {
                     fontSize = elem && SVGElement.prototype.getStyle.call(elem, 'font-size');
                 }
@@ -15805,7 +15802,7 @@
                      */
                     style: {
                         /** @internal */
-                        color: "#666666" /* neutralColor60 */,
+                        color: "#666666" /* Palette.neutralColor60 */,
                         /** @internal */
                         cursor: 'default',
                         /** @internal */
@@ -16640,7 +16637,7 @@
                      */
                     style: {
                         /** @internal */
-                        color: "#666666" /* neutralColor60 */
+                        color: "#666666" /* Palette.neutralColor60 */
                     }
                 },
                 /**
@@ -16757,7 +16754,7 @@
                  * @type    {Highcharts.ColorType}
                  * @default #f2f2f2
                  */
-                minorGridLineColor: "#f2f2f2" /* neutralColor5 */,
+                minorGridLineColor: "#f2f2f2" /* Palette.neutralColor5 */,
                 /**
                  * Width of the minor, secondary grid lines.
                  *
@@ -16783,7 +16780,7 @@
                  * @type    {Highcharts.ColorType}
                  * @default #999999
                  */
-                minorTickColor: "#999999" /* neutralColor40 */,
+                minorTickColor: "#999999" /* Palette.neutralColor40 */,
                 /**
                  * The color of the line marking the axis itself.
                  *
@@ -16804,7 +16801,7 @@
                  * @type    {Highcharts.ColorType}
                  * @default #ccd6eb
                  */
-                lineColor: "#ccd6eb" /* highlightColor20 */,
+                lineColor: "#ccd6eb" /* Palette.highlightColor20 */,
                 /**
                  * The width of the line marking the axis itself.
                  *
@@ -16841,7 +16838,7 @@
                  * @type    {Highcharts.ColorType}
                  * @default #e6e6e6
                  */
-                gridLineColor: "#e6e6e6" /* neutralColor10 */,
+                gridLineColor: "#e6e6e6" /* Palette.neutralColor10 */,
                 /**
                  * The width of the grid lines extending the ticks across the plot area.
                  * Defaults to 1 on the Y axis and 0 on the X axis, except for 3d
@@ -16899,7 +16896,7 @@
                  * @type    {Highcharts.ColorType}
                  * @default #ccd6eb
                  */
-                tickColor: "#ccd6eb" /* highlightColor20 */
+                tickColor: "#ccd6eb" /* Palette.highlightColor20 */
                 // tickWidth: 1
             };
             /**
@@ -17689,7 +17686,7 @@
                      */
                     style: {
                         /** @internal */
-                        color: "#000000" /* neutralColor100 */,
+                        color: "#000000" /* Palette.neutralColor100 */,
                         /** @internal */
                         fontSize: '11px',
                         /** @internal */
@@ -17979,7 +17976,8 @@
                         dateTimeLabelFormat = dateTimeLabelFormats.main;
                     }
                     else if (isNumber(value)) { // #1441
-                        dateTimeLabelFormat = axis.dateTime.getXDateFormat(value, (options.dateTimeLabelFormats || {}));
+                        dateTimeLabelFormat = axis.dateTime.getXDateFormat(value, options.dateTimeLabelFormats ||
+                            {});
                     }
                 }
                 // set properties for access in render method
@@ -18147,8 +18145,8 @@
                     pos = {
                         x: horiz ?
                             correctFloat(axis.translate(tickPos + tickmarkOffset,
-                    null,
-                    null,
+                    void 0,
+                    void 0,
                     old) +
                                 axis.transB) :
                             (axis.left +
@@ -18166,8 +18164,8 @@
                                 (axis.opposite ? axis.height : 0)) :
                             correctFloat(cHeight -
                                 axis.translate(tickPos + tickmarkOffset,
-                    null,
-                    null,
+                    void 0,
+                    void 0,
                     old) -
                                 axis.transB)
                     };
@@ -18195,20 +18193,23 @@
                         -axis.labelOffset * (axis.labelAlign === 'center' ? 0.5 : 1) :
                         0),
                     pos = {};
-                var yOffset = labelOptions.y,
+                var yOffset,
                     line;
-                if (!defined(yOffset)) {
-                    if (axis.side === 0) {
-                        yOffset = label.rotation ? -8 : -label.getBBox().height;
-                    }
-                    else if (axis.side === 2) {
-                        yOffset = rotCorr.y + 8;
-                    }
-                    else {
-                        // #3140, #3140
-                        yOffset = Math.cos(label.rotation * deg2rad) *
-                            (rotCorr.y - label.getBBox(false, 0).height / 2);
-                    }
+                if (axis.side === 0) {
+                    yOffset = label.rotation ? -8 : -label.getBBox().height;
+                }
+                else if (axis.side === 2) {
+                    yOffset = rotCorr.y + 8;
+                }
+                else {
+                    // #3140, #3140
+                    yOffset = Math.cos(label.rotation * deg2rad) *
+                        (rotCorr.y - label.getBBox(false, 0).height / 2);
+                }
+                if (defined(labelOptions.y)) {
+                    yOffset = axis.side === 0 && axis.horiz ?
+                        labelOptions.y + yOffset :
+                        labelOptions.y;
                 }
                 x = x +
                     labelOptions.x +
@@ -19089,7 +19090,7 @@
                     multi,
                     ret;
                 if (categories) {
-                    ret = "" + this.value;
+                    ret = "".concat(this.value);
                 }
                 else if (dateTimeLabelFormat) { // datetime axis
                     ret = time.dateFormat(dateTimeLabelFormat, value);
@@ -19165,7 +19166,6 @@
                             if (axis.isXAxis) {
                                 xData = series.xData;
                                 if (xData.length) {
-                                    var isPositive = function (number) { return number > 0; };
                                     xData = axis.logarithmic ?
                                         xData.filter(axis.validatePositiveValue) :
                                         xData;
@@ -19234,8 +19234,11 @@
              */
             Axis.prototype.translate = function (val, backwards, cvsCoord, old, handleLog, pointPlacement) {
                 var axis = (this.linkedParent || this), // #1417
-                    localMin = old && axis.old ? axis.old.min : axis.min,
-                    minPixelPadding = axis.minPixelPadding,
+                    localMin = (old && axis.old ? axis.old.min : axis.min);
+                if (!isNumber(localMin)) {
+                    return NaN;
+                }
+                var minPixelPadding = axis.minPixelPadding,
                     doPostTranslate = (axis.isOrdinal ||
                         axis.brokenAxis && axis.brokenAxis.hasBreaks ||
                         (axis.logarithmic && handleLog)) && axis.lin2val;
@@ -19273,14 +19276,10 @@
                         val = axis.val2lin(val);
                     }
                     var value = sign * (val - localMin) * localA;
-                    returnValue = isNumber(localMin) ?
-                        ((!axis.isRadial ? correctFloat(value) : value) +
-                            cvsOffset +
-                            (sign * minPixelPadding) +
-                            (isNumber(pointPlacement) ?
-                                localA * pointPlacement :
-                                0)) :
-                        void 0;
+                    returnValue = (!axis.isRadial ? correctFloat(value) : value) +
+                        cvsOffset +
+                        (sign * minPixelPadding) +
+                        (isNumber(pointPlacement) ? localA * pointPlacement : 0);
                 }
                 return returnValue;
             };
@@ -19300,7 +19299,7 @@
              * Pixel position of the value on the chart or axis.
              */
             Axis.prototype.toPixels = function (value, paneCoordinates) {
-                return this.translate(value, false, !this.horiz, null, true) +
+                return this.translate(value, false, !this.horiz, void 0, true) +
                     (paneCoordinates ? 0 : this.pos);
             };
             /**
@@ -19320,7 +19319,7 @@
              * The axis value.
              */
             Axis.prototype.toValue = function (pixel, paneCoordinates) {
-                return this.translate(pixel - (paneCoordinates ? 0 : this.pos), true, !this.horiz, null, true);
+                return this.translate(pixel - (paneCoordinates ? 0 : this.pos), true, !this.horiz, void 0, true);
             };
             /**
              * Create the path for a plot line that goes from the given value on
@@ -19379,7 +19378,7 @@
                         translatedValue: translatedValue
                     };
                 fireEvent(this, 'getPlotLinePath', evt, function (e) {
-                    translatedValue = pick(translatedValue, axis.translate(value, null, null, old));
+                    translatedValue = pick(translatedValue, axis.translate(value, void 0, void 0, old));
                     // Keep the translated value within sane bounds, and avoid Infinity
                     // to fail the isNumber test (#7709).
                     translatedValue = clamp(translatedValue, -1e5, 1e5);
@@ -20767,7 +20766,7 @@
              * @param {number} threshold
              * The threshold in axis values.
              *
-             * @return {number|undefined}
+             * @return {number}
              * The translated threshold position in terms of pixels, and corrected to
              * stay within the axis bounds.
              */
@@ -21263,12 +21262,10 @@
                 axis.staggerLines = (axis.horiz && labelOptions.staggerLines) || void 0;
                 // Create the axisGroup and gridGroup elements on first iteration
                 if (!axis.axisGroup) {
-                    var createGroup = function (name,
-                        suffix,
-                        zIndex) { return renderer.g(name)
+                    var createGroup = function (name, suffix, zIndex) { return renderer.g(name)
                             .attr({ zIndex: zIndex })
-                            .addClass("highcharts-" + coll.toLowerCase() + suffix + " " +
-                            (_this.isRadial ? "highcharts-radial-axis" + suffix + " " : '') +
+                            .addClass("highcharts-".concat(coll.toLowerCase()).concat(suffix, " ") +
+                            (_this.isRadial ? "highcharts-radial-axis".concat(suffix, " ") : '') +
                             (className || ''))
                             .add(axisParent); };
                     axis.gridGroup = createGroup('grid', '-grid', options.gridZIndex);
@@ -21888,10 +21885,10 @@
                                 stroke: options.color ||
                                     (categorized ?
                                         Color
-                                            .parse("#ccd6eb" /* highlightColor20 */)
+                                            .parse("#ccd6eb" /* Palette.highlightColor20 */)
                                             .setOpacity(0.25)
                                             .get() :
-                                        "#cccccc" /* neutralColor20 */),
+                                        "#cccccc" /* Palette.neutralColor20 */),
                                 'stroke-width': pick(options.width, 1)
                             }).css({
                                 'pointer-events': 'none'
@@ -22496,10 +22493,13 @@
                  * @private
                  */
                 Additions.prototype.getXDateFormat = function (x, dateTimeLabelFormats) {
-                    var axis = this.axis;
+                    var axis = this.axis,
+                        time = axis.chart.time;
                     return axis.closestPointRange ?
-                        axis.chart.time.getDateFormat(axis.closestPointRange, x, axis.options.startOfWeek, dateTimeLabelFormats) || dateTimeLabelFormats.year : // #2546, 2581
-                        dateTimeLabelFormats.day;
+                        time.getDateFormat(axis.closestPointRange, x, axis.options.startOfWeek, dateTimeLabelFormats) ||
+                            // #2546, 2581
+                            time.resolveDTLFormat(dateTimeLabelFormats.year).main :
+                        time.resolveDTLFormat(dateTimeLabelFormats.day).main;
                 };
                 return Additions;
             }());
@@ -23134,7 +23134,7 @@
                 // Set the presentational attributes
                 if (!axis.chart.styledMode) {
                     if (isLine) {
-                        attribs.stroke = color || "#999999" /* neutralColor40 */;
+                        attribs.stroke = color || "#999999" /* Palette.neutralColor40 */;
                         attribs['stroke-width'] = pick(options.width, 1);
                         if (options.dashStyle) {
                             attribs.dashstyle =
@@ -23142,7 +23142,7 @@
                         }
                     }
                     else if (isBand) { // plot band
-                        attribs.fill = color || "#e6ebf5" /* highlightColor10 */;
+                        attribs.fill = color || "#e6ebf5" /* Palette.highlightColor10 */;
                         if (options.borderWidth) {
                             attribs.stroke = options.borderColor;
                             attribs['stroke-width'] = options.borderWidth;
@@ -24791,7 +24791,7 @@
                                     stroke: (options.borderColor ||
                                         point.color ||
                                         currentSeries.color ||
-                                        "#666666" /* neutralColor60 */)
+                                        "#666666" /* Palette.neutralColor60 */)
                                 });
                             }
                             tooltip.updatePosition({
@@ -24991,7 +24991,7 @@
                             stroke: (options.borderColor ||
                                 point.color ||
                                 series.color ||
-                                "#333333" /* neutralColor80 */)
+                                "#333333" /* Palette.neutralColor80 */)
                         });
                     }
                     return tt;
@@ -25329,7 +25329,7 @@
                     // scale transform/css zoom. #11329.
                     if (chartPosition.scaleX !== 1 || chartPosition.scaleY !== 1) {
                         css(this.container, {
-                            transform: "scale(" + chartPosition.scaleX + ", " + chartPosition.scaleY + ")"
+                            transform: "scale(".concat(chartPosition.scaleX, ", ").concat(chartPosition.scaleY, ")")
                         });
                         anchorX *= chartPosition.scaleX;
                         anchorY *= chartPosition.scaleY;
@@ -25557,6 +25557,15 @@
                  * @type {Highcharts.Series}
                  */
                 this.series = void 0;
+                /**
+                 * The attributes of the rendered SVG shape like in `column` or `pie`
+                 * series.
+                 *
+                 * @readonly
+                 * @name Highcharts.Point#shapeArgs
+                 * @type {Readonly<Highcharts.SVGAttributes>|undefined}
+                 */
+                this.shapeArgs = void 0;
                 /**
                  * The total of values in either a stack for stacked series, or a pie in a
                  * pie series.
@@ -27015,7 +27024,7 @@
                             if (!chart.styledMode) {
                                 selectionMarker.attr({
                                     fill: (chartOptions.selectionMarkerFill ||
-                                        color("#335cad" /* highlightColor80 */)
+                                        color("#335cad" /* Palette.highlightColor80 */)
                                             .setOpacity(0.25).get())
                                 });
                             }
@@ -29088,7 +29097,7 @@
                         item.series :
                         item,
                     seriesOptions = series.options,
-                    showCheckbox = legend.createCheckboxForItem &&
+                    showCheckbox = (legend.createCheckboxForItem) &&
                         seriesOptions &&
                         seriesOptions.showCheckbox,
                     useHTML = options.useHTML,
@@ -29359,7 +29368,7 @@
                     }
                 }, this);
                 distribute(boxes, chart.plotHeight).forEach(function (box) {
-                    if (box.item._legendItemPos) {
+                    if (box.item._legendItemPos && box.pos) {
                         box.item._legendItemPos[1] =
                             chart.plotTop - chart.spacing[0] + box.pos;
                     }
@@ -29487,7 +29496,7 @@
                     }, box.strokeWidth()));
                 }
                 // hide the border if no items
-                box[display ? 'show' : 'hide']();
+                legendGroup[display ? 'show' : 'hide']();
                 // Open for responsiveness
                 if (chart.styledMode && legendGroup.getStyle('display') === 'none') {
                     legendWidth = legendHeight = 0;
@@ -30939,10 +30948,10 @@
                 var chart = this;
                 // Default style
                 var style = name === 'title' ? {
-                        color: "#333333" /* neutralColor80 */,
+                        color: "#333333" /* Palette.neutralColor80 */,
                         fontSize: this.options.isStock ? '16px' : '18px' // #2944
                     } : {
-                        color: "#666666" /* neutralColor60 */
+                        color: "#666666" /* Palette.neutralColor60 */
                     };
                 // Merge default options with explicit options
                 var options = this.options[name] = merge(
@@ -32231,18 +32240,23 @@
              * Emit console warning if the a11y module is not loaded.
              */
             Chart.prototype.warnIfA11yModuleNotLoaded = function () {
-                var _this = this;
-                setTimeout(function () {
-                    var opts = _this && _this.options;
-                    if (opts && !_this.accessibility &&
-                        !(opts.accessibility && opts.accessibility.enabled === false)) {
+                var _a = this,
+                    options = _a.options,
+                    title = _a.title;
+                if (options && !this.accessibility) {
+                    // Make chart behave as an image with the title as alt text
+                    this.renderer.boxWrapper.attr({
+                        role: 'img',
+                        'aria-label': (title && title.element.textContent) || ''
+                    });
+                    if (!(options.accessibility && options.accessibility.enabled === false)) {
                         error('Highcharts warning: Consider including the ' +
                             '"accessibility.js" module to make your chart more ' +
                             'usable for people with disabilities. Set the ' +
                             '"accessibility.enabled" option to false to remove this ' +
-                            'warning. See https://www.highcharts.com/docs/accessibility/accessibility-module.', false, _this);
+                            'warning. See https://www.highcharts.com/docs/accessibility/accessibility-module.', false, this);
                     }
-                }, 100);
+                }
             };
             /**
              * Add a series to the chart after render time. Note that this method should
@@ -32921,9 +32935,7 @@
                             enabled: panning,
                             type: 'x'
                         }),
-                    chartOptions = chart.options.chart,
-                    hasMapNavigation = chart.options.mapNavigation &&
-                        chart.options.mapNavigation.enabled;
+                    chartOptions = chart.options.chart;
                 if (chartOptions && chartOptions.panning) {
                     chartOptions.panning = panningOptions;
                 }
@@ -33018,7 +33030,6 @@
                                 newMax <= paddedMax) {
                                 axis.setExtremes(newMin, newMax, false, false, { trigger: 'pan' });
                                 if (!chart.resetZoomButton &&
-                                    !hasMapNavigation &&
                                     // Show reset zoom button only when both newMin and
                                     // newMax values are between padded axis range.
                                     newMin !== paddedMin &&
@@ -34349,7 +34360,7 @@
                      *
                      * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                      */
-                    lineColor: "#ffffff" /* backgroundColor */,
+                    lineColor: "#ffffff" /* Palette.backgroundColor */,
                     /**
                      * The width of the point marker's outline.
                      *
@@ -34549,7 +34560,7 @@
                              *
                              * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                              */
-                            fillColor: "#cccccc" /* neutralColor20 */,
+                            fillColor: "#cccccc" /* Palette.neutralColor20 */,
                             /**
                              * The color of the point marker's outline. When
                              * `undefined`, the series' or point's color is used.
@@ -34559,7 +34570,7 @@
                              *
                              * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                              */
-                            lineColor: "#000000" /* neutralColor100 */,
+                            lineColor: "#000000" /* Palette.neutralColor100 */,
                             /**
                              * The width of the point marker's outline.
                              *
@@ -36275,7 +36286,7 @@
                     this.getCyclic('color');
                 }
                 else if (this.options.colorByPoint) {
-                    this.color = "#cccccc" /* neutralColor20 */;
+                    this.color = "#cccccc" /* Palette.neutralColor20 */;
                 }
                 else {
                     this.getCyclic('color', this.options.color ||
@@ -36462,7 +36473,7 @@
                     data.forEach(function (point, i) {
                         // .update doesn't exist on a linked, hidden series (#3709)
                         // (#10187)
-                        if (point !== oldData[i].y && oldData[i].update) {
+                        if (point !== oldData[i].y && (oldData[i].update)) {
                             oldData[i].update(point, false, null, false);
                         }
                     });
@@ -36681,7 +36692,7 @@
                     // destroy old points
                     i = oldDataLength;
                     while (i--) {
-                        if (oldData[i] && oldData[i].destroy) {
+                        if (oldData[i] && (oldData[i].destroy)) {
                             oldData[i].destroy();
                         }
                     }
@@ -37573,7 +37584,7 @@
                 this.setClip();
                 // Destroy temporary clip rectangles that are no longer in use
                 objectEach(this.chart.sharedClips, function (clip, key, sharedClips) {
-                    if (clip && !_this.chart.container.querySelector("[clip-path=\"url(#" + clip.id + ")\"]")) {
+                    if (clip && !_this.chart.container.querySelector("[clip-path=\"url(#".concat(clip.id, ")\"]"))) {
                         clip.destroy();
                         delete sharedClips[key];
                     }
@@ -38647,7 +38658,7 @@
                 }
                 // Shift the first point off the parallel arrays
                 if (shift) {
-                    if (data[0] && data[0].remove) {
+                    if (data[0] && (data[0].remove)) {
                         data[0].remove(false);
                     }
                     else {
@@ -39748,6 +39759,7 @@
         var stop = A.stop;
         var addEvent = U.addEvent,
             createElement = U.createElement,
+            defined = U.defined,
             merge = U.merge,
             pick = U.pick;
         /* eslint-disable no-invalid-this, valid-jsdoc */
@@ -39781,7 +39793,7 @@
                 }
                 else if (scrollableMinHeight) {
                     this.scrollablePixelsY = scrollablePixelsY = Math.max(0, scrollableMinHeight - this.chartHeight);
-                    if (scrollablePixelsY) {
+                    if (defined(scrollablePixelsY)) {
                         this.scrollablePlotBox = (this.renderer.scrollablePlotBox = merge(this.plotBox));
                         this.plotBox.height = this.plotHeight += scrollablePixelsY;
                         if (this.inverted) {
@@ -39916,7 +39928,7 @@
                 axisClass = '.highcharts-yaxis';
             }
             if (axisClass) {
-                fixedSelectors.push(axisClass + ":not(.highcharts-radial-axis)", axisClass + "-labels:not(.highcharts-radial-axis-labels)");
+                fixedSelectors.push("" + axisClass + ":not(.highcharts-radial-axis)", "" + axisClass + "-labels:not(.highcharts-radial-axis-labels)");
             }
             fixedSelectors.forEach(function (className) {
                 [].forEach.call(container.querySelectorAll(className), function (elem) {
@@ -40697,7 +40709,7 @@
                 this.chart.options.chart.ignoreHiddenSeries !== false)) {
                 return;
             }
-            var series = this, xData = series.processedXData, yData = series.processedYData, stackedYData = [], yDataLength = yData.length, seriesOptions = series.options, threshold = seriesOptions.threshold, stackThreshold = pick(seriesOptions.startFromThreshold && threshold, 0), stackOption = seriesOptions.stack, stackKey = stackingParam ? series.type + "," + stacking : series.stackKey, negKey = '-' + stackKey, negStacks = series.negStacks, yAxis = series.yAxis, stacks = yAxis.stacking.stacks, oldStacks = yAxis.stacking.oldStacks, stackIndicator, isNegative, stack, other, key, pointKey, i, x, y;
+            var series = this, xData = series.processedXData, yData = series.processedYData, stackedYData = [], yDataLength = yData.length, seriesOptions = series.options, threshold = seriesOptions.threshold, stackThreshold = pick(seriesOptions.startFromThreshold && threshold, 0), stackOption = seriesOptions.stack, stackKey = stackingParam ? "" + series.type + ",".concat(stacking) : series.stackKey, negKey = '-' + stackKey, negStacks = series.negStacks, yAxis = series.yAxis, stacks = yAxis.stacking.stacks, oldStacks = yAxis.stacking.oldStacks, stackIndicator, isNegative, stack, other, key, pointKey, i, x, y;
             yAxis.stacking.stacksTouched += 1;
             // loop over the non-null y values and read them into a local array
             for (i = 0; i < yDataLength; i++) {
@@ -41009,7 +41021,7 @@
                 if (!styledMode) {
                     props[0].push((options.lineColor ||
                         this.color ||
-                        "#cccccc" /* neutralColor20 */ // when colorByPoint = true
+                        "#cccccc" /* Palette.neutralColor20 */ // when colorByPoint = true
                     ), options.dashStyle);
                 }
                 props = series.getZonesGraphs(props);
@@ -41581,9 +41593,9 @@
                 });
                 props.forEach(function (prop) {
                     var areaKey = prop[0],
-                        area = series[areaKey],
-                        verb = area ? 'animate' : 'attr',
                         attribs = {};
+                    var area = series[areaKey];
+                    var verb = area ? 'animate' : 'attr';
                     // Create or update the area
                     if (area) { // update
                         area.endX = series.preventGraphAnimation ?
@@ -41613,15 +41625,18 @@
              * @private
              */
             AreaSeries.prototype.getGraphPath = function (points) {
-                var getGraphPath = LineSeries.prototype.getGraphPath, graphPath, options = this.options, stacking = options.stacking, yAxis = this.yAxis, topPath, bottomPath, bottomPoints = [], graphPoints = [], seriesIndex = this.index, i, areaPath, plotX, stacks = yAxis.stacking.stacks[this.stackKey], threshold = options.threshold, translatedThreshold = Math.round(// #10909
-                    yAxis.getThreshold(options.threshold)), isNull, yBottom, connectNulls = pick(// #10574
+                var getGraphPath = LineSeries.prototype.getGraphPath, options = this.options, stacking = options.stacking, yAxis = this.yAxis, bottomPoints = [], graphPoints = [], seriesIndex = this.index, stacks = yAxis.stacking.stacks[this.stackKey], threshold = options.threshold, translatedThreshold = Math.round(// #10909
+                    yAxis.getThreshold(options.threshold)), connectNulls = pick(// #10574
                     options.connectNulls, stacking === 'percent'), 
                     // To display null points in underlying stacked series, this
                     // series graph must be broken, and the area also fall down to
                     // fill the gap left by the null point. #2069
                     addDummyPoints = function (i, otherI, side) {
                         var point = points[i], stackedValues = stacking &&
-                            stacks[point.x].points[seriesIndex], nullVal = point[side + 'Null'] || 0, cliffVal = point[side + 'Cliff'] || 0, top, bottom, isNull = true;
+                            stacks[point.x].points[seriesIndex], nullVal = point[side + 'Null'] || 0, cliffVal = point[side + 'Cliff'] || 0;
+                    var top,
+                        bottom,
+                        isNull = true;
                     if (cliffVal || nullVal) {
                         top = (nullVal ?
                             stackedValues[0] :
@@ -41653,13 +41668,16 @@
                         });
                     }
                 };
+                var plotX,
+                    isNull,
+                    yBottom;
                 // Find what points to use
                 points = points || this.points;
                 // Fill in missing points
                 if (stacking) {
                     points = this.getStackPoints(points);
                 }
-                for (i = 0; i < points.length; i++) {
+                for (var i = 0, iEnd = points.length; i < iEnd; ++i) {
                     // Reset after series.update of stacking property (#12033)
                     if (!stacking) {
                         points[i].leftCliff = points[i].rightCliff =
@@ -41689,20 +41707,29 @@
                         }
                     }
                 }
-                topPath = getGraphPath.call(this, graphPoints, true, true);
+                var topPath = getGraphPath.call(this,
+                    graphPoints,
+                    true,
+                    true);
                 bottomPoints.reversed = true;
-                bottomPath = getGraphPath.call(this, bottomPoints, true, true);
+                var bottomPath = getGraphPath.call(this,
+                    bottomPoints,
+                    true,
+                    true);
                 var firstBottomPoint = bottomPath[0];
                 if (firstBottomPoint && firstBottomPoint[0] === 'M') {
                     bottomPath[0] = ['L', firstBottomPoint[1], firstBottomPoint[2]];
                 }
-                areaPath = topPath.concat(bottomPath);
+                var areaPath = topPath.concat(bottomPath);
                 if (areaPath.length) {
                     areaPath.push(['Z']);
                 }
                 // TODO: don't set leftCliff and rightCliff when connectNulls?
-                graphPath = getGraphPath
-                    .call(this, graphPoints, false, connectNulls);
+                var graphPath = getGraphPath
+                        .call(this,
+                    graphPoints,
+                    false,
+                    connectNulls);
                 areaPath.xMap = topPath.xMap;
                 this.areaPath = areaPath;
                 return graphPath;
@@ -41761,8 +41788,8 @@
                                     cliffName = direction === 1 ?
                                         'rightCliff' :
                                         'leftCliff',
-                                    cliff = 0,
                                     otherStack = stack[keys[idx + direction]];
+                                var cliff = 0;
                                 // If there is a stack next to this one,
                                 // to the left or to the right...
                                 if (otherStack) {
@@ -41869,7 +41896,7 @@
                  * @sample {highcharts} highcharts/plotoptions/area-fillcolor-gradient/
                  *         Gradient
                  *
-                 * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
+                 * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  * @product   highcharts highstock
                  * @apioption plotOptions.area.fillColor
                  */
@@ -41906,7 +41933,7 @@
                  * @sample {highcharts} highcharts/plotoptions/area-linecolor/
                  *         Dark gray line
                  *
-                 * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
+                 * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  * @product   highcharts highstock
                  * @apioption plotOptions.area.lineColor
                  */
@@ -41921,7 +41948,7 @@
                  * @sample {highcharts} highcharts/css/series-negative-color/
                  *         Negative color in styled mode
                  *
-                 * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
+                 * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  * @since     3.0
                  * @product   highcharts
                  * @apioption plotOptions.area.negativeFillColor
@@ -42099,6 +42126,11 @@
         var LineSeries = SeriesRegistry.seriesTypes.line;
         var merge = U.merge,
             pick = U.pick;
+        /* *
+         *
+         *  Class
+         *
+         * */
         /**
          * Spline series type.
          *
@@ -42147,12 +42179,11 @@
                     plotX = point.plotX || 0,
                     plotY = point.plotY || 0,
                     lastPoint = points[i - 1],
-                    nextPoint = points[i + 1],
-                    leftContX,
+                    nextPoint = points[i + 1];
+                var leftContX,
                     leftContY,
                     rightContX,
-                    rightContY,
-                    ret;
+                    rightContY;
                 /**
                  * @private
                  */
@@ -42168,8 +42199,8 @@
                     var lastX = lastPoint.plotX || 0,
                         lastY = lastPoint.plotY || 0,
                         nextX = nextPoint.plotX || 0,
-                        nextY = nextPoint.plotY || 0,
-                        correction = 0;
+                        nextY = nextPoint.plotY || 0;
+                    var correction = 0;
                     leftContX = (smoothing * plotX + lastX) / denom;
                     leftContY = (smoothing * plotY + lastY) / denom;
                     rightContX = (smoothing * plotX + nextX) / denom;
@@ -42255,15 +42286,19 @@
                         .add();
                 }
                 // */
-                ret = [
-                    'C',
-                    pick(lastPoint.rightContX, lastPoint.plotX, 0),
-                    pick(lastPoint.rightContY, lastPoint.plotY, 0),
-                    pick(leftContX, plotX, 0),
-                    pick(leftContY, plotY, 0),
-                    plotX,
-                    plotY
-                ];
+                var ret = [
+                        'C',
+                        pick(lastPoint.rightContX,
+                    lastPoint.plotX, 0),
+                        pick(lastPoint.rightContY,
+                    lastPoint.plotY, 0),
+                        pick(leftContX,
+                    plotX, 0),
+                        pick(leftContY,
+                    plotY, 0),
+                        plotX,
+                        plotY
+                    ];
                 // reset for updating series later
                 lastPoint.rightContX = lastPoint.rightContY = void 0;
                 return ret;
@@ -42368,7 +42403,7 @@
 
         return SplineSeries;
     });
-    _registerModule(_modules, 'Series/AreaSpline/AreaSplineSeries.js', [_modules['Series/Area/AreaSeries.js'], _modules['Series/Spline/SplineSeries.js'], _modules['Core/Legend/LegendSymbol.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js']], function (AreaSeries, SplineSeries, LegendSymbol, SeriesRegistry, U) {
+    _registerModule(_modules, 'Series/AreaSpline/AreaSplineSeries.js', [_modules['Series/Spline/SplineSeries.js'], _modules['Core/Legend/LegendSymbol.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js']], function (SplineSeries, LegendSymbol, SeriesRegistry, U) {
         /* *
          *
          *  (c) 2010-2021 Torstein Honsi
@@ -42394,7 +42429,9 @@
                 d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
             };
         })();
-        var areaProto = AreaSeries.prototype;
+        var _a = SeriesRegistry.seriesTypes,
+            AreaSeries = _a.area,
+            areaProto = _a.area.prototype;
         var extend = U.extend,
             merge = U.merge;
         /* *
@@ -42416,7 +42453,7 @@
             function AreaSplineSeries() {
                 /* *
                  *
-                 *  Static properties
+                 *  Static Properties
                  *
                  * */
                 var _this = _super !== null && _super.apply(this,
@@ -42431,40 +42468,6 @@
                 _this.options = void 0;
                 return _this;
             }
-            /**
-             * The area spline series is an area series where the graph between the
-             * points is smoothed into a spline.
-             *
-             * @sample {highcharts} highcharts/demo/areaspline/
-             *         Area spline chart
-             * @sample {highstock} stock/demo/areaspline/
-             *         Area spline chart
-             *
-             * @extends   plotOptions.area
-             * @excluding step, boostThreshold, boostBlending
-             * @product   highcharts highstock
-             * @apioption plotOptions.areaspline
-             */
-            /**
-             * @see [fillColor](#plotOptions.areaspline.fillColor)
-             * @see [fillOpacity](#plotOptions.areaspline.fillOpacity)
-             *
-             * @apioption plotOptions.areaspline.color
-             */
-            /**
-             * @see [color](#plotOptions.areaspline.color)
-             * @see [fillOpacity](#plotOptions.areaspline.fillOpacity)
-             *
-             * @apioption plotOptions.areaspline.fillColor
-             */
-            /**
-             * @see [color](#plotOptions.areaspline.color)
-             * @see [fillColor](#plotOptions.areaspline.fillColor)
-             *
-             * @default   {highcharts} 0.75
-             * @default   {highstock} 0.75
-             * @apioption plotOptions.areaspline.fillOpacity
-             */
             AreaSplineSeries.defaultOptions = merge(SplineSeries.defaultOptions, AreaSeries.defaultOptions);
             return AreaSplineSeries;
         }(SplineSeries));
@@ -42477,9 +42480,47 @@
         SeriesRegistry.registerSeriesType('areaspline', AreaSplineSeries);
         /* *
          *
-         *  Default export
+         *  Default Export
+         *
+         * */
+        /* *
+         *
+         *  API Options
          *
          * */
+        /**
+         * The area spline series is an area series where the graph between the
+         * points is smoothed into a spline.
+         *
+         * @sample {highcharts} highcharts/demo/areaspline/
+         *         Area spline chart
+         * @sample {highstock} stock/demo/areaspline/
+         *         Area spline chart
+         *
+         * @extends   plotOptions.area
+         * @excluding step, boostThreshold, boostBlending
+         * @product   highcharts highstock
+         * @apioption plotOptions.areaspline
+         */
+        /**
+         * @see [fillColor](#plotOptions.areaspline.fillColor)
+         * @see [fillOpacity](#plotOptions.areaspline.fillOpacity)
+         *
+         * @apioption plotOptions.areaspline.color
+         */
+        /**
+         * @see [color](#plotOptions.areaspline.color)
+         * @see [fillOpacity](#plotOptions.areaspline.fillOpacity)
+         *
+         * @apioption plotOptions.areaspline.fillColor
+         */
+        /**
+         * @see [color](#plotOptions.areaspline.color)
+         * @see [fillColor](#plotOptions.areaspline.fillColor)
+         *
+         * @default   0.75
+         * @apioption plotOptions.areaspline.fillOpacity
+         */
         /**
          * A `areaspline` series. If the [type](#series.areaspline.type) option
          * is not specified, it is inherited from [chart.type](#chart.type).
@@ -42565,8 +42606,7 @@
          * @see [color](#series.areaspline.color)
          * @see [fillColor](#series.areaspline.fillColor)
          *
-         * @default   {highcharts} 0.75
-         * @default   {highstock} 0.75
+         * @default   0.75
          * @apioption series.areaspline.fillOpacity
          */
         ''; // adds doclets above into transpilat
@@ -43558,7 +43598,7 @@
                          * @default #cccccc
                          * @product highcharts highstock gantt
                          */
-                        color: "#cccccc" /* neutralColor20 */,
+                        color: "#cccccc" /* Palette.neutralColor20 */,
                         /**
                          * A specific border color for the selected point.
                          *
@@ -43566,7 +43606,7 @@
                          * @default #000000
                          * @product highcharts highstock gantt
                          */
-                        borderColor: "#000000" /* neutralColor100 */
+                        borderColor: "#000000" /* Palette.neutralColor100 */
                     }
                 },
                 dataLabels: {
@@ -43633,7 +43673,7 @@
                  *
                  * @private
                  */
-                borderColor: "#ffffff" /* backgroundColor */
+                borderColor: "#ffffff" /* Palette.backgroundColor */
             });
             return ColumnSeries;
         }(Series));
@@ -44161,7 +44201,7 @@
                                 rotation = labelOptions.rotation;
                                 if (!chart.styledMode) {
                                     // Determine the color
-                                    style.color = pick(labelOptions.color, style.color, series.color, "#000000" /* neutralColor100 */);
+                                    style.color = pick(labelOptions.color, style.color, series.color, "#000000" /* Palette.neutralColor100 */);
                                     // Get automated contrast color
                                     if (style.color === 'contrast') {
                                         point.contrastColor = renderer.getContrast((point.color || series.color));
@@ -44170,7 +44210,7 @@
                                             labelDistance < 0 ||
                                             !!seriesOptions.stacking ?
                                             point.contrastColor :
-                                            "#000000" /* neutralColor100 */;
+                                            "#000000" /* Palette.neutralColor100 */;
                                     }
                                     else {
                                         delete point.contrastColor;
@@ -44771,7 +44811,7 @@
 
         return BarSeries;
     });
-    _registerModule(_modules, 'Series/Scatter/ScatterSeries.js', [_modules['Series/Column/ColumnSeries.js'], _modules['Series/Line/LineSeries.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js']], function (ColumnSeries, LineSeries, SeriesRegistry, U) {
+    _registerModule(_modules, 'Series/Scatter/ScatterSeries.js', [_modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js']], function (SeriesRegistry, U) {
         /* *
          *
          *  (c) 2010-2021 Torstein Honsi
@@ -44797,6 +44837,9 @@
                 d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
             };
         })();
+        var _a = SeriesRegistry.seriesTypes,
+            ColumnSeries = _a.column,
+            LineSeries = _a.line;
         var addEvent = U.addEvent,
             extend = U.extend,
             merge = U.merge;
@@ -44813,6 +44856,11 @@
         var ScatterSeries = /** @class */ (function (_super) {
                 __extends(ScatterSeries, _super);
             function ScatterSeries() {
+                /* *
+                 *
+                 *  Static Properties
+                 *
+                 * */
                 var _this = _super !== null && _super.apply(this,
                     arguments) || this;
                 /* *
@@ -44880,7 +44928,6 @@
             };
             /**
              * @private
-             * @function Highcharts.seriesTypes.scatter#drawGraph
              */
             ScatterSeries.prototype.drawGraph = function () {
                 if (this.options.lineWidth) {
@@ -45083,7 +45130,7 @@
          * @product   highcharts highstock
          * @apioption series.scatter.data
          */
-        ''; // adds doclets above to transpilat
+        ''; // keeps doclets above in JS file
 
         return ScatterSeries;
     });
@@ -45098,7 +45145,8 @@
          *
          * */
         var deg2rad = H.deg2rad;
-        var isNumber = U.isNumber,
+        var fireEvent = U.fireEvent,
+            isNumber = U.isNumber,
             pick = U.pick,
             relativeLength = U.relativeLength;
         /**
@@ -45175,6 +45223,7 @@
                     thickness * 2 < positions[2] && thickness > 0) {
                     positions[3] = positions[2] - thickness * 2;
                 }
+                fireEvent(this, 'afterGetCenter', { positions: positions });
                 return positions;
             }
             CenteredUtilities.getCenter = getCenter;
@@ -45678,7 +45727,7 @@
                         this.graph.attr({
                             'stroke-width': options.borderWidth,
                             fill: options.fillColor || 'none',
-                            stroke: options.color || "#cccccc" /* neutralColor20 */
+                            stroke: options.color || "#cccccc" /* Palette.neutralColor20 */
                         });
                     }
                 }
@@ -45835,6 +45884,7 @@
              * @private
              */
             PieSeries.prototype.translate = function (positions) {
+                fireEvent(this, 'translate');
                 this.generatePoints();
                 var series = this,
                     precision = 1000, // issue #172
@@ -46004,7 +46054,7 @@
              *               pointPlacement, pointStart, softThreshold, stacking, step,
              *               threshold, turboThreshold, zoneAxis, zones, dataSorting,
              *               boostBlending
-             * @product      highcharts
+             * @product      highcharts highmaps
              * @optionparent plotOptions.pie
              */
             PieSeries.defaultOptions = merge(Series.defaultOptions, {
@@ -46024,7 +46074,7 @@
                  *
                  * @type      {Function}
                  * @since     1.2.0
-                 * @product   highcharts
+                 * @product   highcharts highmaps
                  * @context   Highcharts.Point
                  * @apioption plotOptions.pie.events.checkboxClick
                  */
@@ -46040,7 +46090,7 @@
                  *
                  * @type      {Highcharts.PointLegendItemClickCallbackFunction}
                  * @since     1.2.0
-                 * @product   highcharts
+                 * @product   highcharts highmaps
                  * @apioption plotOptions.pie.point.events.legendItemClick
                  */
                 /**
@@ -46056,7 +46106,7 @@
                  *
                  * @type    {Array<(number|string|null),(number|string|null)>}
                  * @default [null, null]
-                 * @product highcharts
+                 * @product highcharts highmaps
                  *
                  * @private
                  */
@@ -46101,7 +46151,7 @@
                  *
                  * @type      {Array<Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject>}
                  * @since     3.0
-                 * @product   highcharts
+                 * @product   highcharts highmaps
                  * @apioption plotOptions.pie.colors
                  */
                 /**
@@ -46128,7 +46178,7 @@
                      *
                      * @type      {string}
                      * @since     7.0.0
-                     * @product   highcharts
+                     * @product   highcharts highmaps
                      * @apioption plotOptions.pie.dataLabels.alignTo
                      */
                     allowOverlap: true,
@@ -46146,7 +46196,7 @@
                      *
                      * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                      * @since     2.1
-                     * @product   highcharts
+                     * @product   highcharts highmaps
                      * @apioption plotOptions.pie.dataLabels.connectorColor
                      */
                     /**
@@ -46158,7 +46208,7 @@
                      *         No padding
                      *
                      * @since   2.1
-                     * @product highcharts
+                     * @product highcharts highmaps
                      */
                     connectorPadding: 5,
                     /**
@@ -46195,7 +46245,7 @@
                      *
                      * @type    {string|Function}
                      * @since   7.0.0
-                     * @product highcharts
+                     * @product highcharts highmaps
                      */
                     connectorShape: 'fixedOffset',
                     /**
@@ -46212,7 +46262,7 @@
                      * @type      {number}
                      * @default   1
                      * @since     2.1
-                     * @product   highcharts
+                     * @product   highcharts highmaps
                      * @apioption plotOptions.pie.dataLabels.connectorWidth
                      */
                     /**
@@ -46224,7 +46274,7 @@
                      *         crookDistance set to 90%
                      *
                      * @since   7.0.0
-                     * @product highcharts
+                     * @product highcharts highmaps
                      */
                     crookDistance: '70%',
                     /**
@@ -46238,7 +46288,7 @@
                      *
                      * @type    {number|string}
                      * @since   2.1
-                     * @product highcharts
+                     * @product highcharts highmaps
                      */
                     distance: 30,
                     enabled: true,
@@ -46279,7 +46329,7 @@
                      *         Non soft
                      *
                      * @since   2.1.7
-                     * @product highcharts
+                     * @product highcharts highmaps
                      */
                     softConnector: true,
                     /**
@@ -46315,7 +46365,7 @@
                  *
                  * @type      {number}
                  * @since     1.3.6
-                 * @product   highcharts
+                 * @product   highcharts highmaps
                  * @apioption plotOptions.pie.endAngle
                  */
                 /**
@@ -46341,7 +46391,7 @@
                  *         True, the hiddden point is ignored
                  *
                  * @since   2.3.0
-                 * @product highcharts
+                 * @product highcharts highmaps
                  *
                  * @private
                  */
@@ -46372,7 +46422,7 @@
                  * @type      {number|string}
                  * @default   0
                  * @since     2.0
-                 * @product   highcharts
+                 * @product   highcharts highmaps
                  * @apioption plotOptions.pie.innerSize
                  */
                 /**
@@ -46395,7 +46445,7 @@
                  * @type      {number|string}
                  * @default   80
                  * @since     3.0
-                 * @product   highcharts
+                 * @product   highcharts highmaps
                  * @apioption plotOptions.pie.minSize
                  */
                 /**
@@ -46412,7 +46462,7 @@
                  *         Smaller pie
                  *
                  * @type    {number|string|null}
-                 * @product highcharts
+                 * @product highcharts highmaps
                  *
                  * @private
                  */
@@ -46424,7 +46474,7 @@
                  * @sample {highcharts} highcharts/plotoptions/series-showinlegend/
                  *         One series in the legend, one hidden
                  *
-                 * @product highcharts
+                 * @product highcharts highmaps
                  *
                  * @private
                  */
@@ -46436,7 +46486,7 @@
                  * @sample {highcharts} highcharts/plotoptions/pie-slicedoffset-20/
                  *         20px offset
                  *
-                 * @product highcharts
+                 * @product highcharts highmaps
                  *
                  * @private
                  */
@@ -46451,7 +46501,7 @@
                  * @type      {number}
                  * @default   0
                  * @since     2.3.4
-                 * @product   highcharts
+                 * @product   highcharts highmaps
                  * @apioption plotOptions.pie.startAngle
                  */
                 /**
@@ -46463,7 +46513,7 @@
                  * `stickyTracking` is false and `tooltip.shared` is false, the tooltip
                  * will be hidden when moving the mouse between series.
                  *
-                 * @product highcharts
+                 * @product highcharts highmaps
                  *
                  * @private
                  */
@@ -46485,11 +46535,11 @@
                  *
                  * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  * @default #ffffff
-                 * @product highcharts
+                 * @product highcharts highmaps
                  *
                  * @private
                  */
-                borderColor: "#ffffff" /* backgroundColor */,
+                borderColor: "#ffffff" /* Palette.backgroundColor */,
                 /**
                  * The width of the border surrounding each slice.
                  *
@@ -46504,7 +46554,7 @@
                  * @sample {highcharts} highcharts/plotoptions/pie-borderwidth/
                  *         3px border
                  *
-                 * @product highcharts
+                 * @product highcharts highmaps
                  *
                  * @private
                  */
@@ -46518,7 +46568,7 @@
                     /**
                      * @extends   plotOptions.series.states.hover
                      * @excluding marker, lineWidth, lineWidthPlus
-                     * @product   highcharts
+                     * @product   highcharts highmaps
                      */
                     hover: {
                         /**
@@ -46532,7 +46582,7 @@
                          * @sample {highcharts} highcharts/plotoptions/pie-states-hover-brightness/
                          *         Brightened by 0.5
                          *
-                         * @product highcharts
+                         * @product highcharts highmaps
                          */
                         brightness: 0.1
                     }
@@ -46574,7 +46624,7 @@
          * @extends   series,plotOptions.pie
          * @excluding cropThreshold, dataParser, dataURL, stack, xAxis, yAxis,
          *            dataSorting, step, boostThreshold, boostBlending
-         * @product   highcharts
+         * @product   highcharts highmaps
          * @apioption series.pie
          */
         /**
@@ -46618,19 +46668,19 @@
          * @type      {Array<number|Array<string,(number|null)>|null|*>}
          * @extends   series.line.data
          * @excluding marker, x
-         * @product   highcharts
+         * @product   highcharts highmaps
          * @apioption series.pie.data
          */
         /**
          * @type      {Highcharts.SeriesPieDataLabelsOptionsObject}
-         * @product   highcharts
+         * @product   highcharts highmaps
          * @apioption series.pie.data.dataLabels
          */
         /**
          * The sequential index of the data point in the legend.
          *
          * @type      {number}
-         * @product   highcharts
+         * @product   highcharts highmaps
          * @apioption series.pie.data.legendIndex
          */
         /**
@@ -46640,18 +46690,18 @@
          *         One sliced point
          *
          * @type      {boolean}
-         * @product   highcharts
+         * @product   highcharts highmaps
          * @apioption series.pie.data.sliced
          */
         /**
          * @extends plotOptions.pie.dataLabels
          * @excluding align, allowOverlap, inside, staggerLines, step
-         * @product   highcharts
+         * @product   highcharts highmaps
          * @apioption series.pie.dataLabels
          */
         /**
          * @excluding legendItemClick
-         * @product   highcharts
+         * @product   highcharts highmaps
          * @apioption series.pie.events
          */
         ''; // placeholder for transpiled doclets above
@@ -47020,7 +47070,7 @@
                                             'stroke-width': connectorWidth,
                                             'stroke': (pointDataLabelsOptions.connectorColor ||
                                                 point.color ||
-                                                "#666666" /* neutralColor60 */)
+                                                "#666666" /* Palette.neutralColor60 */)
                                         });
                                     }
                                 }
@@ -49533,19 +49583,49 @@
             pick = U.pick,
             timeUnits = U.timeUnits,
             wrap = U.wrap;
+        /* *
+         *
+         *  Enums
+         *
+         * */
+        /**
+         * Enum for which side the axis is on. Maps to axis.side.
+         * @private
+         */
+        var GridAxisSide;
+        (function (GridAxisSide) {
+            GridAxisSide[GridAxisSide["top"] = 0] = "top";
+            GridAxisSide[GridAxisSide["right"] = 1] = "right";
+            GridAxisSide[GridAxisSide["bottom"] = 2] = "bottom";
+            GridAxisSide[GridAxisSide["left"] = 3] = "left";
+        })(GridAxisSide || (GridAxisSide = {}));
+        /* *
+         *
+         *  Constants
+         *
+         * */
+        var composedClasses = [];
         /* *
          *
          *  Functions
          *
          * */
-        /* eslint-disable require-jsdoc */
+        /**
+         * @private
+         */
         function argsToArray(args) {
             return Array.prototype.slice.call(args, 1);
         }
+        /**
+         * @private
+         */
         function isObject(x) {
             // Always use strict mode
             return U.isObject(x, true);
         }
+        /**
+         * @private
+         */
         function applyGridOptions(axis) {
             var options = axis.options;
             // Center-align by default
@@ -49570,962 +49650,925 @@
             options.labels.rotation = 0;
         }
         /**
-         * Axis with grid support.
+         * Extends axis class with grid support.
          * @private
          */
-        var GridAxis;
-        (function (GridAxis) {
-            /* *
-             *
-             *  Declarations
-             *
-             * */
-            /**
-             * Enum for which side the axis is on. Maps to axis.side.
-             * @private
-             */
-            var Side;
-            (function (Side) {
-                Side[Side["top"] = 0] = "top";
-                Side[Side["right"] = 1] = "right";
-                Side[Side["bottom"] = 2] = "bottom";
-                Side[Side["left"] = 3] = "left";
-            })(Side = GridAxis.Side || (GridAxis.Side = {}));
-            /* *
-             *
-             *  Functions
-             *
-             * */
-            /* eslint-disable valid-jsdoc */
-            /**
-             * Extends axis class with grid support.
-             * @private
-             */
-            function compose(AxisClass, ChartClass, TickClass) {
-                if (AxisClass.keepProps.indexOf('grid') === -1) {
-                    AxisClass.keepProps.push('grid');
-                    AxisClass.prototype.getMaxLabelDimensions = getMaxLabelDimensions;
-                    wrap(AxisClass.prototype, 'unsquish', wrapUnsquish);
-                    // Add event handlers
-                    addEvent(AxisClass, 'init', onInit);
-                    addEvent(AxisClass, 'afterGetOffset', onAfterGetOffset);
-                    addEvent(AxisClass, 'afterGetTitlePosition', onAfterGetTitlePosition);
-                    addEvent(AxisClass, 'afterInit', onAfterInit);
-                    addEvent(AxisClass, 'afterRender', onAfterRender);
-                    addEvent(AxisClass, 'afterSetAxisTranslation', onAfterSetAxisTranslation);
-                    addEvent(AxisClass, 'afterSetOptions', onAfterSetOptions);
-                    addEvent(AxisClass, 'afterSetOptions', onAfterSetOptions2);
-                    addEvent(AxisClass, 'afterSetScale', onAfterSetScale);
-                    addEvent(AxisClass, 'afterTickSize', onAfterTickSize);
-                    addEvent(AxisClass, 'trimTicks', onTrimTicks);
-                    addEvent(AxisClass, 'destroy', onDestroy);
-                }
+        function compose(AxisClass, ChartClass, TickClass) {
+            if (composedClasses.indexOf(AxisClass) === -1) {
+                composedClasses.push(AxisClass);
+                AxisClass.keepProps.push('grid');
+                AxisClass.prototype.getMaxLabelDimensions = getMaxLabelDimensions;
+                wrap(AxisClass.prototype, 'unsquish', wrapUnsquish);
+                // Add event handlers
+                addEvent(AxisClass, 'init', onInit);
+                addEvent(AxisClass, 'afterGetOffset', onAfterGetOffset);
+                addEvent(AxisClass, 'afterGetTitlePosition', onAfterGetTitlePosition);
+                addEvent(AxisClass, 'afterInit', onAfterInit);
+                addEvent(AxisClass, 'afterRender', onAfterRender);
+                addEvent(AxisClass, 'afterSetAxisTranslation', onAfterSetAxisTranslation);
+                addEvent(AxisClass, 'afterSetOptions', onAfterSetOptions);
+                addEvent(AxisClass, 'afterSetOptions', onAfterSetOptions2);
+                addEvent(AxisClass, 'afterSetScale', onAfterSetScale);
+                addEvent(AxisClass, 'afterTickSize', onAfterTickSize);
+                addEvent(AxisClass, 'trimTicks', onTrimTicks);
+                addEvent(AxisClass, 'destroy', onDestroy);
+            }
+            if (composedClasses.indexOf(ChartClass) === -1) {
                 addEvent(ChartClass, 'afterSetChartSize', onChartAfterSetChartSize);
+            }
+            if (composedClasses.indexOf(TickClass) === -1) {
                 addEvent(TickClass, 'afterGetLabelPosition', onTickAfterGetLabelPosition);
                 addEvent(TickClass, 'labelFormat', onTickLabelFormat);
-                return AxisClass;
             }
-            GridAxis.compose = compose;
-            /**
-             * Get the largest label width and height.
-             *
-             * @private
-             * @function Highcharts.Axis#getMaxLabelDimensions
-             *
-             * @param {Highcharts.Dictionary<Highcharts.Tick>} ticks
-             * All the ticks on one axis.
-             *
-             * @param {Array<number|string>} tickPositions
-             * All the tick positions on one axis.
-             *
-             * @return {Highcharts.SizeObject}
-             * Object containing the properties height and width.
-             *
-             * @todo Move this to the generic axis implementation, as it is used there.
-             */
-            function getMaxLabelDimensions(ticks, tickPositions) {
-                var dimensions = {
-                        width: 0,
-                        height: 0
-                    };
-                tickPositions.forEach(function (pos) {
-                    var tick = ticks[pos];
-                    var labelHeight = 0,
-                        labelWidth = 0,
-                        label;
-                    if (isObject(tick)) {
-                        label = isObject(tick.label) ? tick.label : {};
-                        // Find width and height of label
-                        labelHeight = label.getBBox ? label.getBBox().height : 0;
-                        if (label.textStr && !isNumber(label.textPxLength)) {
-                            label.textPxLength = label.getBBox().width;
-                        }
-                        labelWidth = isNumber(label.textPxLength) ?
-                            // Math.round ensures crisp lines
-                            Math.round(label.textPxLength) :
-                            0;
-                        if (label.textStr) {
-                            // Set the tickWidth same as the label width after ellipsis
-                            // applied #10281
-                            labelWidth = Math.round(label.getBBox().width);
-                        }
-                        // Update the result if width and/or height are larger
-                        dimensions.height = Math.max(labelHeight, dimensions.height);
-                        dimensions.width = Math.max(labelWidth, dimensions.width);
+            return AxisClass;
+        }
+        /**
+         * Get the largest label width and height.
+         *
+         * @private
+         * @function Highcharts.Axis#getMaxLabelDimensions
+         *
+         * @param {Highcharts.Dictionary<Highcharts.Tick>} ticks
+         * All the ticks on one axis.
+         *
+         * @param {Array<number|string>} tickPositions
+         * All the tick positions on one axis.
+         *
+         * @return {Highcharts.SizeObject}
+         * Object containing the properties height and width.
+         *
+         * @todo Move this to the generic axis implementation, as it is used there.
+         */
+        function getMaxLabelDimensions(ticks, tickPositions) {
+            var dimensions = {
+                    width: 0,
+                    height: 0
+                };
+            tickPositions.forEach(function (pos) {
+                var tick = ticks[pos];
+                var labelHeight = 0,
+                    labelWidth = 0,
+                    label;
+                if (isObject(tick)) {
+                    label = isObject(tick.label) ? tick.label : {};
+                    // Find width and height of label
+                    labelHeight = label.getBBox ? label.getBBox().height : 0;
+                    if (label.textStr && !isNumber(label.textPxLength)) {
+                        label.textPxLength = label.getBBox().width;
+                    }
+                    labelWidth = isNumber(label.textPxLength) ?
+                        // Math.round ensures crisp lines
+                        Math.round(label.textPxLength) :
+                        0;
+                    if (label.textStr) {
+                        // Set the tickWidth same as the label width after ellipsis
+                        // applied #10281
+                        labelWidth = Math.round(label.getBBox().width);
                     }
-                });
-                // For tree grid, add indentation
-                if (this.options.type === 'treegrid' &&
-                    this.treeGrid &&
-                    this.treeGrid.mapOfPosToGridNode) {
-                    var treeDepth = this.treeGrid.mapOfPosToGridNode[-1].height || 0;
-                    dimensions.width += (this.options.labels.indentation *
-                        (treeDepth - 1));
+                    // Update the result if width and/or height are larger
+                    dimensions.height = Math.max(labelHeight, dimensions.height);
+                    dimensions.width = Math.max(labelWidth, dimensions.width);
                 }
-                return dimensions;
-            }
-            /**
-             * Handle columns and getOffset.
-             * @private
-             */
-            function onAfterGetOffset() {
-                var grid = this.grid;
-                (grid && grid.columns || []).forEach(function (column) {
-                    column.getOffset();
-                });
+            });
+            // For tree grid, add indentation
+            if (this.options.type === 'treegrid' &&
+                this.treeGrid &&
+                this.treeGrid.mapOfPosToGridNode) {
+                var treeDepth = this.treeGrid.mapOfPosToGridNode[-1].height || 0;
+                dimensions.width += (this.options.labels.indentation *
+                    (treeDepth - 1));
+            }
+            return dimensions;
+        }
+        /**
+         * Handle columns and getOffset.
+         * @private
+         */
+        function onAfterGetOffset() {
+            var grid = this.grid;
+            (grid && grid.columns || []).forEach(function (column) {
+                column.getOffset();
+            });
+        }
+        /**
+         * @private
+         */
+        function onAfterGetTitlePosition(e) {
+            var axis = this;
+            var options = axis.options;
+            var gridOptions = options.grid || {};
+            if (gridOptions.enabled === true) {
+                // compute anchor points for each of the title align options
+                var axisTitle = axis.axisTitle,
+                    axisHeight = axis.height,
+                    horiz = axis.horiz,
+                    axisLeft = axis.left,
+                    offset = axis.offset,
+                    opposite = axis.opposite,
+                    options_1 = axis.options,
+                    axisTop = axis.top,
+                    axisWidth = axis.width;
+                var tickSize = axis.tickSize();
+                var titleWidth = axisTitle && axisTitle.getBBox().width;
+                var xOption = options_1.title.x;
+                var yOption = options_1.title.y;
+                var titleMargin = pick(options_1.title.margin,
+                    horiz ? 5 : 10);
+                var titleFontSize = axis.chart.renderer.fontMetrics(options_1.title.style.fontSize,
+                    axisTitle).f;
+                var crispCorr = tickSize ? tickSize[0] / 2 : 0;
+                // TODO account for alignment
+                // the position in the perpendicular direction of the axis
+                var offAxis = ((horiz ? axisTop + axisHeight : axisLeft) +
+                        (horiz ? 1 : -1) * // horizontal axis reverses the margin
+                            (opposite ? -1 : 1) * // so does opposite axes
+                            crispCorr +
+                        (axis.side === GridAxisSide.bottom ? titleFontSize : 0));
+                e.titlePosition.x = horiz ?
+                    axisLeft - (titleWidth || 0) / 2 - titleMargin + xOption :
+                    offAxis + (opposite ? axisWidth : 0) + offset + xOption;
+                e.titlePosition.y = horiz ?
+                    (offAxis -
+                        (opposite ? axisHeight : 0) +
+                        (opposite ? titleFontSize : -titleFontSize) / 2 +
+                        offset +
+                        yOption) :
+                    axisTop - titleMargin + yOption;
             }
-            /**
-             * @private
-             */
-            function onAfterGetTitlePosition(e) {
-                var axis = this;
-                var options = axis.options;
-                var gridOptions = options.grid || {};
-                if (gridOptions.enabled === true) {
-                    // compute anchor points for each of the title align options
-                    var axisTitle = axis.axisTitle,
-                        axisHeight = axis.height,
-                        horiz = axis.horiz,
-                        axisLeft = axis.left,
-                        offset = axis.offset,
-                        opposite = axis.opposite,
-                        options_1 = axis.options,
-                        axisTop = axis.top,
-                        axisWidth = axis.width;
-                    var tickSize = axis.tickSize();
-                    var titleWidth = axisTitle && axisTitle.getBBox().width;
-                    var xOption = options_1.title.x;
-                    var yOption = options_1.title.y;
-                    var titleMargin = pick(options_1.title.margin,
-                        horiz ? 5 : 10);
-                    var titleFontSize = axis.chart.renderer.fontMetrics(options_1.title.style.fontSize,
-                        axisTitle).f;
-                    var crispCorr = tickSize ? tickSize[0] / 2 : 0;
-                    // TODO account for alignment
-                    // the position in the perpendicular direction of the axis
-                    var offAxis = ((horiz ? axisTop + axisHeight : axisLeft) +
-                            (horiz ? 1 : -1) * // horizontal axis reverses the margin
-                                (opposite ? -1 : 1) * // so does opposite axes
-                                crispCorr +
-                            (axis.side === GridAxis.Side.bottom ? titleFontSize : 0));
-                    e.titlePosition.x = horiz ?
-                        axisLeft - (titleWidth || 0) / 2 - titleMargin + xOption :
-                        offAxis + (opposite ? axisWidth : 0) + offset + xOption;
-                    e.titlePosition.y = horiz ?
-                        (offAxis -
-                            (opposite ? axisHeight : 0) +
-                            (opposite ? titleFontSize : -titleFontSize) / 2 +
-                            offset +
-                            yOption) :
-                        axisTop - titleMargin + yOption;
+        }
+        /**
+         * @private
+         */
+        function onAfterInit() {
+            var axis = this;
+            var chart = axis.chart,
+                _a = axis.options.grid,
+                gridOptions = _a === void 0 ? {} : _a,
+                userOptions = axis.userOptions;
+            if (gridOptions.enabled) {
+                applyGridOptions(axis);
+            }
+            if (gridOptions.columns) {
+                var columns = axis.grid.columns = [];
+                var columnIndex = axis.grid.columnIndex = 0;
+                // Handle columns, each column is a grid axis
+                while (++columnIndex < gridOptions.columns.length) {
+                    var columnOptions = merge(userOptions,
+                        gridOptions.columns[gridOptions.columns.length - columnIndex - 1], {
+                            linkedTo: 0,
+                            // Force to behave like category axis
+                            type: 'category',
+                            // Disable by default the scrollbar on the grid axis
+                            scrollbar: {
+                                enabled: false
+                            }
+                        });
+                    delete columnOptions.grid.columns; // Prevent recursion
+                    var column = new Axis(axis.chart,
+                        columnOptions);
+                    column.grid.isColumn = true;
+                    column.grid.columnIndex = columnIndex;
+                    // Remove column axis from chart axes array, and place it
+                    // in the columns array.
+                    erase(chart.axes, column);
+                    erase(chart[axis.coll], column);
+                    columns.push(column);
                 }
             }
-            /**
-             * @private
-             */
-            function onAfterInit() {
-                var axis = this;
-                var chart = axis.chart,
-                    _a = axis.options.grid,
-                    gridOptions = _a === void 0 ? {} : _a,
-                    userOptions = axis.userOptions;
-                if (gridOptions.enabled) {
-                    applyGridOptions(axis);
-                }
-                if (gridOptions.columns) {
-                    var columns = axis.grid.columns = [];
-                    var columnIndex = axis.grid.columnIndex = 0;
-                    // Handle columns, each column is a grid axis
-                    while (++columnIndex < gridOptions.columns.length) {
-                        var columnOptions = merge(userOptions,
-                            gridOptions.columns[gridOptions.columns.length - columnIndex - 1], {
-                                linkedTo: 0,
-                                // Force to behave like category axis
-                                type: 'category',
-                                // Disable by default the scrollbar on the grid axis
-                                scrollbar: {
-                                    enabled: false
-                                }
-                            });
-                        delete columnOptions.grid.columns; // Prevent recursion
-                        var column = new Axis(axis.chart,
-                            columnOptions);
-                        column.grid.isColumn = true;
-                        column.grid.columnIndex = columnIndex;
-                        // Remove column axis from chart axes array, and place it
-                        // in the columns array.
-                        erase(chart.axes, column);
-                        erase(chart[axis.coll], column);
-                        columns.push(column);
-                    }
+        }
+        /**
+         * Draw an extra line on the far side of the outermost axis,
+         * creating floor/roof/wall of a grid. And some padding.
+         * ```
+         * Make this:
+         *             (axis.min) __________________________ (axis.max)
+         *                           |    |    |    |    |
+         * Into this:
+         *             (axis.min) __________________________ (axis.max)
+         *                        ___|____|____|____|____|__
+         * ```
+         * @private
+         */
+        function onAfterRender() {
+            var axis = this,
+                grid = axis.grid,
+                options = axis.options,
+                gridOptions = options.grid || {};
+            if (gridOptions.enabled === true) {
+                var min = axis.min || 0,
+                    max = axis.max || 0;
+                // @todo acutual label padding (top, bottom, left, right)
+                axis.maxLabelDimensions = axis.getMaxLabelDimensions(axis.ticks, axis.tickPositions);
+                // Remove right wall before rendering if updating
+                if (axis.rightWall) {
+                    axis.rightWall.destroy();
                 }
-            }
-            /**
-             * Draw an extra line on the far side of the outermost axis,
-             * creating floor/roof/wall of a grid. And some padding.
-             * ```
-             * Make this:
-             *             (axis.min) __________________________ (axis.max)
-             *                           |    |    |    |    |
-             * Into this:
-             *             (axis.min) __________________________ (axis.max)
-             *                        ___|____|____|____|____|__
-             * ```
-             * @private
-             */
-            function onAfterRender() {
-                var axis = this,
-                    grid = axis.grid,
-                    options = axis.options,
-                    gridOptions = options.grid || {};
-                if (gridOptions.enabled === true) {
-                    var min = axis.min || 0,
-                        max = axis.max || 0;
-                    // @todo acutual label padding (top, bottom, left, right)
-                    axis.maxLabelDimensions = axis.getMaxLabelDimensions(axis.ticks, axis.tickPositions);
-                    // Remove right wall before rendering if updating
-                    if (axis.rightWall) {
-                        axis.rightWall.destroy();
-                    }
-                    /*
-                    Draw an extra axis line on outer axes
-                                >
-                    Make this:    |______|______|______|___
+                /*
+                Draw an extra axis line on outer axes
+                            >
+                Make this:    |______|______|______|___
 
-                                > _________________________
-                    Into this:    |______|______|______|__|
-                                                            */
-                    if (axis.grid && axis.grid.isOuterAxis() && axis.axisLine) {
-                        var lineWidth = options.lineWidth;
-                        if (lineWidth) {
-                            var linePath = axis.getLinePath(lineWidth),
-                                startPoint = linePath[0],
-                                endPoint = linePath[1], 
-                                // Negate distance if top or left axis
-                                // Subtract 1px to draw the line at the end of the tick
-                                tickLength = (axis.tickSize('tick') || [1])[0],
-                                distance = (tickLength - 1) * ((axis.side === GridAxis.Side.top ||
-                                    axis.side === GridAxis.Side.left) ? -1 : 1);
-                            // If axis is horizontal, reposition line path vertically
-                            if (startPoint[0] === 'M' && endPoint[0] === 'L') {
-                                if (axis.horiz) {
-                                    startPoint[2] += distance;
-                                    endPoint[2] += distance;
-                                }
-                                else {
-                                    startPoint[1] += distance;
-                                    endPoint[1] += distance;
-                                }
+                            > _________________________
+                Into this:    |______|______|______|__|
+                                                        */
+                if (axis.grid && axis.grid.isOuterAxis() && axis.axisLine) {
+                    var lineWidth = options.lineWidth;
+                    if (lineWidth) {
+                        var linePath = axis.getLinePath(lineWidth),
+                            startPoint = linePath[0],
+                            endPoint = linePath[1], 
+                            // Negate distance if top or left axis
+                            // Subtract 1px to draw the line at the end of the tick
+                            tickLength = (axis.tickSize('tick') || [1])[0],
+                            distance = (tickLength - 1) * ((axis.side === GridAxisSide.top ||
+                                axis.side === GridAxisSide.left) ? -1 : 1);
+                        // If axis is horizontal, reposition line path vertically
+                        if (startPoint[0] === 'M' && endPoint[0] === 'L') {
+                            if (axis.horiz) {
+                                startPoint[2] += distance;
+                                endPoint[2] += distance;
                             }
-                            // If it doesn't exist, add an upper and lower border
-                            // for the vertical grid axis.
-                            if (!axis.horiz && axis.chart.marginRight) {
-                                var upperBorderStartPoint = startPoint,
-                                    upperBorderEndPoint = [
-                                        'L',
-                                        axis.left,
-                                        startPoint[2] || 0
-                                    ],
-                                    upperBorderPath = [
-                                        upperBorderStartPoint,
-                                        upperBorderEndPoint
-                                    ],
-                                    lowerBorderEndPoint = [
-                                        'L',
-                                        axis.chart.chartWidth - axis.chart.marginRight,
-                                        axis.toPixels(max + axis.tickmarkOffset)
-                                    ],
-                                    lowerBorderStartPoint = [
-                                        'M',
-                                        endPoint[1] || 0,
-                                        axis.toPixels(max + axis.tickmarkOffset)
-                                    ],
-                                    lowerBorderPath = [
-                                        lowerBorderStartPoint,
-                                        lowerBorderEndPoint
-                                    ];
-                                if (!axis.grid.upperBorder && min % 1 !== 0) {
-                                    axis.grid.upperBorder = axis.grid.renderBorder(upperBorderPath);
-                                }
-                                if (axis.grid.upperBorder) {
-                                    axis.grid.upperBorder.attr({
-                                        stroke: options.lineColor,
-                                        'stroke-width': options.lineWidth
-                                    });
-                                    axis.grid.upperBorder.animate({
-                                        d: upperBorderPath
-                                    });
-                                }
-                                if (!axis.grid.lowerBorder && max % 1 !== 0) {
-                                    axis.grid.lowerBorder = axis.grid.renderBorder(lowerBorderPath);
-                                }
-                                if (axis.grid.lowerBorder) {
-                                    axis.grid.lowerBorder.attr({
-                                        stroke: options.lineColor,
-                                        'stroke-width': options.lineWidth
-                                    });
-                                    axis.grid.lowerBorder.animate({
-                                        d: lowerBorderPath
-                                    });
-                                }
+                            else {
+                                startPoint[1] += distance;
+                                endPoint[1] += distance;
                             }
-                            // Render an extra line parallel to the existing axes, to
-                            // close the grid.
-                            if (!axis.grid.axisLineExtra) {
-                                axis.grid.axisLineExtra = axis.grid.renderBorder(linePath);
+                        }
+                        // If it doesn't exist, add an upper and lower border
+                        // for the vertical grid axis.
+                        if (!axis.horiz && axis.chart.marginRight) {
+                            var upperBorderStartPoint = startPoint,
+                                upperBorderEndPoint = [
+                                    'L',
+                                    axis.left,
+                                    startPoint[2] || 0
+                                ],
+                                upperBorderPath = [
+                                    upperBorderStartPoint,
+                                    upperBorderEndPoint
+                                ],
+                                lowerBorderEndPoint = [
+                                    'L',
+                                    axis.chart.chartWidth - axis.chart.marginRight,
+                                    axis.toPixels(max + axis.tickmarkOffset)
+                                ],
+                                lowerBorderStartPoint = [
+                                    'M',
+                                    endPoint[1] || 0,
+                                    axis.toPixels(max + axis.tickmarkOffset)
+                                ],
+                                lowerBorderPath = [
+                                    lowerBorderStartPoint,
+                                    lowerBorderEndPoint
+                                ];
+                            if (!axis.grid.upperBorder && min % 1 !== 0) {
+                                axis.grid.upperBorder = axis.grid.renderBorder(upperBorderPath);
                             }
-                            else {
-                                axis.grid.axisLineExtra.attr({
+                            if (axis.grid.upperBorder) {
+                                axis.grid.upperBorder.attr({
                                     stroke: options.lineColor,
                                     'stroke-width': options.lineWidth
                                 });
-                                axis.grid.axisLineExtra.animate({
-                                    d: linePath
+                                axis.grid.upperBorder.animate({
+                                    d: upperBorderPath
                                 });
                             }
-                            // show or hide the line depending on options.showEmpty
-                            axis.axisLine[axis.showAxis ? 'show' : 'hide']();
-                        }
-                    }
-                    (grid && grid.columns || []).forEach(function (column) {
-                        column.render();
-                    });
-                    // Manipulate the tick mark visibility
-                    // based on the axis.max- allows smooth scrolling.
-                    if (!axis.horiz &&
-                        axis.chart.hasRendered &&
-                        (axis.scrollbar ||
-                            (axis.linkedParent && axis.linkedParent.scrollbar))) {
-                        var tickmarkOffset = axis.tickmarkOffset,
-                            lastTick = axis.tickPositions[axis.tickPositions.length - 1],
-                            firstTick = axis.tickPositions[0];
-                        var label = void 0,
-                            tickMark = void 0;
-                        while ((label = axis.hiddenLabels.pop()) && label.element) {
-                            label.show(); // #15453
-                        }
-                        while ((tickMark = axis.hiddenMarks.pop()) &&
-                            tickMark.element) {
-                            tickMark.show(); // #16439
-                        }
-                        // Hide/show firts tick label.
-                        label = axis.ticks[firstTick].label;
-                        if (label) {
-                            if (min - firstTick > tickmarkOffset) {
-                                axis.hiddenLabels.push(label.hide());
+                            if (!axis.grid.lowerBorder && max % 1 !== 0) {
+                                axis.grid.lowerBorder = axis.grid.renderBorder(lowerBorderPath);
                             }
-                            else {
-                                label.show();
+                            if (axis.grid.lowerBorder) {
+                                axis.grid.lowerBorder.attr({
+                                    stroke: options.lineColor,
+                                    'stroke-width': options.lineWidth
+                                });
+                                axis.grid.lowerBorder.animate({
+                                    d: lowerBorderPath
+                                });
                             }
                         }
-                        // Hide/show last tick mark/label.
-                        label = axis.ticks[lastTick].label;
-                        if (label) {
-                            if (lastTick - max > tickmarkOffset) {
-                                axis.hiddenLabels.push(label.hide());
-                            }
-                            else {
-                                label.show();
-                            }
+                        // Render an extra line parallel to the existing axes, to
+                        // close the grid.
+                        if (!axis.grid.axisLineExtra) {
+                            axis.grid.axisLineExtra = axis.grid.renderBorder(linePath);
+                        }
+                        else {
+                            axis.grid.axisLineExtra.attr({
+                                stroke: options.lineColor,
+                                'stroke-width': options.lineWidth
+                            });
+                            axis.grid.axisLineExtra.animate({
+                                d: linePath
+                            });
+                        }
+                        // show or hide the line depending on options.showEmpty
+                        axis.axisLine[axis.showAxis ? 'show' : 'hide']();
+                    }
+                }
+                (grid && grid.columns || []).forEach(function (column) { return column.render(); });
+                // Manipulate the tick mark visibility
+                // based on the axis.max- allows smooth scrolling.
+                if (!axis.horiz &&
+                    axis.chart.hasRendered &&
+                    (axis.scrollbar ||
+                        (axis.linkedParent && axis.linkedParent.scrollbar))) {
+                    var tickmarkOffset = axis.tickmarkOffset,
+                        lastTick = axis.tickPositions[axis.tickPositions.length - 1],
+                        firstTick = axis.tickPositions[0];
+                    var label = void 0,
+                        tickMark = void 0;
+                    while ((label = axis.hiddenLabels.pop()) && label.element) {
+                        label.show(); // #15453
+                    }
+                    while ((tickMark = axis.hiddenMarks.pop()) &&
+                        tickMark.element) {
+                        tickMark.show(); // #16439
+                    }
+                    // Hide/show firts tick label.
+                    label = axis.ticks[firstTick].label;
+                    if (label) {
+                        if (min - firstTick > tickmarkOffset) {
+                            axis.hiddenLabels.push(label.hide());
                         }
-                        var mark = axis.ticks[lastTick].mark;
-                        if (mark &&
-                            lastTick - max < tickmarkOffset &&
-                            lastTick - max > 0 && axis.ticks[lastTick].isLast) {
-                            axis.hiddenMarks.push(mark.hide());
+                        else {
+                            label.show();
                         }
                     }
+                    // Hide/show last tick mark/label.
+                    label = axis.ticks[lastTick].label;
+                    if (label) {
+                        if (lastTick - max > tickmarkOffset) {
+                            axis.hiddenLabels.push(label.hide());
+                        }
+                        else {
+                            label.show();
+                        }
+                    }
+                    var mark = axis.ticks[lastTick].mark;
+                    if (mark &&
+                        lastTick - max < tickmarkOffset &&
+                        lastTick - max > 0 && axis.ticks[lastTick].isLast) {
+                        axis.hiddenMarks.push(mark.hide());
+                    }
                 }
             }
-            /**
-             * @private
-             */
-            function onAfterSetAxisTranslation() {
-                var axis = this;
-                var tickInfo = axis.tickPositions && axis.tickPositions.info;
-                var options = axis.options;
-                var gridOptions = options.grid || {};
-                var userLabels = axis.userOptions.labels || {};
-                // Fire this only for the Gantt type chart, #14868.
-                if (gridOptions.enabled) {
-                    if (axis.horiz) {
-                        axis.series.forEach(function (series) {
-                            series.options.pointRange = 0;
-                        });
-                        // Lower level time ticks, like hours or minutes, represent
-                        // points in time and not ranges. These should be aligned
-                        // left in the grid cell by default. The same applies to
-                        // years of higher order.
-                        if (tickInfo &&
-                            options.dateTimeLabelFormats &&
-                            options.labels &&
-                            !defined(userLabels.align) &&
-                            (options.dateTimeLabelFormats[tickInfo.unitName]
-                                .range === false ||
-                                tickInfo.count > 1 // years
-                            )) {
-                            options.labels.align = 'left';
-                            if (!defined(userLabels.x)) {
-                                options.labels.x = 3;
-                            }
+        }
+        /**
+         * @private
+         */
+        function onAfterSetAxisTranslation() {
+            var axis = this;
+            var tickInfo = axis.tickPositions && axis.tickPositions.info;
+            var options = axis.options;
+            var gridOptions = options.grid || {};
+            var userLabels = axis.userOptions.labels || {};
+            // Fire this only for the Gantt type chart, #14868.
+            if (gridOptions.enabled) {
+                if (axis.horiz) {
+                    axis.series.forEach(function (series) {
+                        series.options.pointRange = 0;
+                    });
+                    // Lower level time ticks, like hours or minutes, represent
+                    // points in time and not ranges. These should be aligned
+                    // left in the grid cell by default. The same applies to
+                    // years of higher order.
+                    if (tickInfo &&
+                        options.dateTimeLabelFormats &&
+                        options.labels &&
+                        !defined(userLabels.align) &&
+                        (options.dateTimeLabelFormats[tickInfo.unitName]
+                            .range === false ||
+                            tickInfo.count > 1 // years
+                        )) {
+                        options.labels.align = 'left';
+                        if (!defined(userLabels.x)) {
+                            options.labels.x = 3;
                         }
                     }
-                    else {
-                        // Don't trim ticks which not in min/max range but
-                        // they are still in the min/max plus tickInterval.
-                        if (this.options.type !== 'treegrid' &&
-                            axis.grid &&
-                            axis.grid.columns) {
-                            this.minPointOffset = this.tickInterval;
-                        }
+                }
+                else {
+                    // Don't trim ticks which not in min/max range but
+                    // they are still in the min/max plus tickInterval.
+                    if (this.options.type !== 'treegrid' &&
+                        axis.grid &&
+                        axis.grid.columns) {
+                        this.minPointOffset = this.tickInterval;
                     }
                 }
             }
-            /**
-             * Creates a left and right wall on horizontal axes:
-             * - Places leftmost tick at the start of the axis, to create a left
-             *   wall
-             * - Ensures that the rightmost tick is at the end of the axis, to
-             *   create a right wall.
-             * @private
-             */
-            function onAfterSetOptions(e) {
-                var options = this.options,
-                    userOptions = e.userOptions,
-                    gridOptions = ((options && isObject(options.grid)) ? options.grid : {});
-                var gridAxisOptions;
-                if (gridOptions.enabled === true) {
-                    // Merge the user options into default grid axis options so
-                    // that when a user option is set, it takes presedence.
-                    gridAxisOptions = merge(true, {
-                        className: ('highcharts-grid-axis ' + (userOptions.className || '')),
-                        dateTimeLabelFormats: {
-                            hour: {
-                                list: ['%H:%M', '%H']
-                            },
-                            day: {
-                                list: ['%A, %e. %B', '%a, %e. %b', '%E']
-                            },
-                            week: {
-                                list: ['Week %W', 'W%W']
-                            },
-                            month: {
-                                list: ['%B', '%b', '%o']
-                            }
+        }
+        /**
+         * Creates a left and right wall on horizontal axes:
+         * - Places leftmost tick at the start of the axis, to create a left
+         *   wall
+         * - Ensures that the rightmost tick is at the end of the axis, to
+         *   create a right wall.
+         * @private
+         */
+        function onAfterSetOptions(e) {
+            var options = this.options,
+                userOptions = e.userOptions,
+                gridOptions = ((options && isObject(options.grid)) ? options.grid : {});
+            var gridAxisOptions;
+            if (gridOptions.enabled === true) {
+                // Merge the user options into default grid axis options so
+                // that when a user option is set, it takes presedence.
+                gridAxisOptions = merge(true, {
+                    className: ('highcharts-grid-axis ' + (userOptions.className || '')),
+                    dateTimeLabelFormats: {
+                        hour: {
+                            list: ['%H:%M', '%H']
                         },
-                        grid: {
-                            borderWidth: 1
+                        day: {
+                            list: ['%A, %e. %B', '%a, %e. %b', '%E']
                         },
-                        labels: {
-                            padding: 2,
-                            style: {
-                                fontSize: '13px'
-                            }
-                        },
-                        margin: 0,
-                        title: {
-                            text: null,
-                            reserveSpace: false,
-                            rotation: 0
+                        week: {
+                            list: ['Week %W', 'W%W']
                         },
-                        // In a grid axis, only allow one unit of certain types,
-                        // for example we shouln't have one grid cell spanning
-                        // two days.
-                        units: [[
-                                'millisecond',
-                                [1, 10, 100]
-                            ], [
-                                'second',
-                                [1, 10]
-                            ], [
-                                'minute',
-                                [1, 5, 15]
-                            ], [
-                                'hour',
-                                [1, 6]
-                            ], [
-                                'day',
-                                [1]
-                            ], [
-                                'week',
-                                [1]
-                            ], [
-                                'month',
-                                [1]
-                            ], [
-                                'year',
-                                null
-                            ]]
-                    }, userOptions);
-                    // X-axis specific options
-                    if (this.coll === 'xAxis') {
-                        // For linked axes, tickPixelInterval is used only if
-                        // the tickPositioner below doesn't run or returns
-                        // undefined (like multiple years)
-                        if (defined(userOptions.linkedTo) &&
-                            !defined(userOptions.tickPixelInterval)) {
-                            gridAxisOptions.tickPixelInterval = 350;
-                        }
-                        // For the secondary grid axis, use the primary axis'
-                        // tick intervals and return ticks one level higher.
-                        if (
-                        // Check for tick pixel interval in options
-                        !defined(userOptions.tickPixelInterval) &&
-                            // Only for linked axes
-                            defined(userOptions.linkedTo) &&
-                            !defined(userOptions.tickPositioner) &&
-                            !defined(userOptions.tickInterval)) {
-                            gridAxisOptions.tickPositioner = function (min, max) {
-                                var parentInfo = (this.linkedParent &&
-                                        this.linkedParent.tickPositions &&
-                                        this.linkedParent.tickPositions.info);
-                                if (parentInfo) {
-                                    var units = (gridAxisOptions.units || []);
-                                    var unitIdx = void 0,
-                                        count = void 0,
-                                        unitName = void 0;
-                                    for (var i = 0; i < units.length; i++) {
-                                        if (units[i][0] ===
-                                            parentInfo.unitName) {
-                                            unitIdx = i;
-                                            break;
-                                        }
-                                    }
-                                    // Get the first allowed count on the next
-                                    // unit.
-                                    if (units[unitIdx + 1]) {
-                                        unitName = units[unitIdx + 1][0];
-                                        count =
-                                            (units[unitIdx + 1][1] || [1])[0];
-                                        // In case the base X axis shows years, make
-                                        // the secondary axis show ten times the
-                                        // years (#11427)
-                                    }
-                                    else if (parentInfo.unitName === 'year') {
-                                        unitName = 'year';
-                                        count = parentInfo.count * 10;
+                        month: {
+                            list: ['%B', '%b', '%o']
+                        }
+                    },
+                    grid: {
+                        borderWidth: 1
+                    },
+                    labels: {
+                        padding: 2,
+                        style: {
+                            fontSize: '13px'
+                        }
+                    },
+                    margin: 0,
+                    title: {
+                        text: null,
+                        reserveSpace: false,
+                        rotation: 0
+                    },
+                    // In a grid axis, only allow one unit of certain types,
+                    // for example we shouln't have one grid cell spanning
+                    // two days.
+                    units: [[
+                            'millisecond',
+                            [1, 10, 100]
+                        ], [
+                            'second',
+                            [1, 10]
+                        ], [
+                            'minute',
+                            [1, 5, 15]
+                        ], [
+                            'hour',
+                            [1, 6]
+                        ], [
+                            'day',
+                            [1]
+                        ], [
+                            'week',
+                            [1]
+                        ], [
+                            'month',
+                            [1]
+                        ], [
+                            'year',
+                            null
+                        ]]
+                }, userOptions);
+                // X-axis specific options
+                if (this.coll === 'xAxis') {
+                    // For linked axes, tickPixelInterval is used only if
+                    // the tickPositioner below doesn't run or returns
+                    // undefined (like multiple years)
+                    if (defined(userOptions.linkedTo) &&
+                        !defined(userOptions.tickPixelInterval)) {
+                        gridAxisOptions.tickPixelInterval = 350;
+                    }
+                    // For the secondary grid axis, use the primary axis'
+                    // tick intervals and return ticks one level higher.
+                    if (
+                    // Check for tick pixel interval in options
+                    !defined(userOptions.tickPixelInterval) &&
+                        // Only for linked axes
+                        defined(userOptions.linkedTo) &&
+                        !defined(userOptions.tickPositioner) &&
+                        !defined(userOptions.tickInterval)) {
+                        gridAxisOptions.tickPositioner = function (min, max) {
+                            var parentInfo = (this.linkedParent &&
+                                    this.linkedParent.tickPositions &&
+                                    this.linkedParent.tickPositions.info);
+                            if (parentInfo) {
+                                var units = (gridAxisOptions.units || []);
+                                var unitIdx = void 0,
+                                    count = 1,
+                                    unitName = 'year';
+                                for (var i = 0; i < units.length; i++) {
+                                    var unit_1 = units[i];
+                                    if (unit_1 && unit_1[0] === parentInfo.unitName) {
+                                        unitIdx = i;
+                                        break;
                                     }
-                                    var unitRange = timeUnits[unitName];
-                                    this.tickInterval = unitRange * count;
-                                    return this.getTimeTicks({
-                                        unitRange: unitRange,
-                                        count: count,
-                                        unitName: unitName
-                                    }, min, max, this.options.startOfWeek);
                                 }
-                            };
-                        }
-                    }
-                    // Now merge the combined options into the axis options
-                    merge(true, this.options, gridAxisOptions);
-                    if (this.horiz) {
-                        /*               _________________________
-                        Make this:    ___|_____|_____|_____|__|
-                                        ^                     ^
-                                        _________________________
-                        Into this:    |_____|_____|_____|_____|
-                                            ^                 ^    */
-                        options.minPadding = pick(userOptions.minPadding, 0);
-                        options.maxPadding = pick(userOptions.maxPadding, 0);
-                    }
-                    // If borderWidth is set, then use its value for tick and
-                    // line width.
-                    if (isNumber(options.grid.borderWidth)) {
-                        options.tickWidth = options.lineWidth =
-                            gridOptions.borderWidth;
+                                // Get the first allowed count on the next unit.
+                                var unit = (isNumber(unitIdx) && units[unitIdx + 1]);
+                                if (unit) {
+                                    unitName = unit[0] || 'year';
+                                    var counts = unit[1];
+                                    count = counts && counts[0] || 1;
+                                    // In case the base X axis shows years, make the
+                                    // secondary axis show ten times the years (#11427)
+                                }
+                                else if (parentInfo.unitName === 'year') {
+                                    // unitName is 'year'
+                                    count = parentInfo.count * 10;
+                                }
+                                var unitRange = timeUnits[unitName];
+                                this.tickInterval = unitRange * count;
+                                return this.chart.time.getTimeTicks({ unitRange: unitRange, count: count, unitName: unitName }, min, max, this.options.startOfWeek);
+                            }
+                        };
                     }
                 }
-            }
-            /**
-             * @private
-             */
-            function onAfterSetOptions2(e) {
-                var axis = this;
-                var userOptions = e.userOptions;
-                var gridOptions = userOptions && userOptions.grid || {};
-                var columns = gridOptions.columns;
-                // Add column options to the parent axis. Children has their column
-                // options set on init in onGridAxisAfterInit.
-                if (gridOptions.enabled && columns) {
-                    merge(true, axis.options, columns[columns.length - 1]);
+                // Now merge the combined options into the axis options
+                merge(true, this.options, gridAxisOptions);
+                if (this.horiz) {
+                    /*               _________________________
+                    Make this:    ___|_____|_____|_____|__|
+                                    ^                     ^
+                                    _________________________
+                    Into this:    |_____|_____|_____|_____|
+                                        ^                 ^    */
+                    options.minPadding = pick(userOptions.minPadding, 0);
+                    options.maxPadding = pick(userOptions.maxPadding, 0);
+                }
+                // If borderWidth is set, then use its value for tick and
+                // line width.
+                if (isNumber(options.grid.borderWidth)) {
+                    options.tickWidth = options.lineWidth =
+                        gridOptions.borderWidth;
                 }
             }
-            /**
-             * Handle columns and setScale.
-             * @private
-             */
-            function onAfterSetScale() {
-                var axis = this;
-                (axis.grid.columns || []).forEach(function (column) {
-                    column.setScale();
-                });
+        }
+        /**
+         * @private
+         */
+        function onAfterSetOptions2(e) {
+            var axis = this;
+            var userOptions = e.userOptions;
+            var gridOptions = userOptions && userOptions.grid || {};
+            var columns = gridOptions.columns;
+            // Add column options to the parent axis. Children has their column
+            // options set on init in onGridAxisAfterInit.
+            if (gridOptions.enabled && columns) {
+                merge(true, axis.options, columns[columns.length - 1]);
             }
-            /**
-             * Draw vertical axis ticks extra long to create cell floors and roofs.
-             * Overrides the tickLength for vertical axes.
-             * @private
-             */
-            function onAfterTickSize(e) {
-                var defaultLeftAxisOptions = AxisDefaults.defaultLeftAxisOptions;
-                var _a = this,
-                    horiz = _a.horiz,
-                    maxLabelDimensions = _a.maxLabelDimensions,
-                    _b = _a.options.grid,
-                    gridOptions = _b === void 0 ? {} : _b;
-                if (gridOptions.enabled && maxLabelDimensions) {
-                    var labelPadding = (Math.abs(defaultLeftAxisOptions.labels.x) * 2);
-                    var distance = horiz ?
-                            (gridOptions.cellHeight ||
-                                labelPadding + maxLabelDimensions.height) :
-                            labelPadding + maxLabelDimensions.width;
-                    if (isArray(e.tickSize)) {
-                        e.tickSize[0] = distance;
-                    }
-                    else {
-                        e.tickSize = [distance, 0];
-                    }
+        }
+        /**
+         * Handle columns and setScale.
+         * @private
+         */
+        function onAfterSetScale() {
+            var axis = this;
+            (axis.grid.columns || []).forEach(function (column) { return column.setScale(); });
+        }
+        /**
+         * Draw vertical axis ticks extra long to create cell floors and roofs.
+         * Overrides the tickLength for vertical axes.
+         * @private
+         */
+        function onAfterTickSize(e) {
+            var defaultLeftAxisOptions = AxisDefaults.defaultLeftAxisOptions;
+            var _a = this,
+                horiz = _a.horiz,
+                maxLabelDimensions = _a.maxLabelDimensions,
+                _b = _a.options.grid,
+                gridOptions = _b === void 0 ? {} : _b;
+            if (gridOptions.enabled && maxLabelDimensions) {
+                var labelPadding = (Math.abs(defaultLeftAxisOptions.labels.x) * 2);
+                var distance = horiz ?
+                        (gridOptions.cellHeight ||
+                            labelPadding + maxLabelDimensions.height) :
+                        labelPadding + maxLabelDimensions.width;
+                if (isArray(e.tickSize)) {
+                    e.tickSize[0] = distance;
+                }
+                else {
+                    e.tickSize = [distance, 0];
                 }
             }
-            /**
-             * @private
-             */
-            function onChartAfterSetChartSize() {
-                this.axes.forEach(function (axis) {
-                    (axis.grid && axis.grid.columns || []).forEach(function (column) {
-                        column.setAxisSize();
-                        column.setAxisTranslation();
-                    });
+        }
+        /**
+         * @private
+         */
+        function onChartAfterSetChartSize() {
+            this.axes.forEach(function (axis) {
+                (axis.grid && axis.grid.columns || []).forEach(function (column) {
+                    column.setAxisSize();
+                    column.setAxisTranslation();
                 });
+            });
+        }
+        /**
+         * @private
+         */
+        function onDestroy(e) {
+            var grid = this.grid;
+            (grid.columns || []).forEach(function (column) { return column.destroy(e.keepEvents); });
+            grid.columns = void 0;
+        }
+        /**
+         * Wraps axis init to draw cell walls on vertical axes.
+         * @private
+         */
+        function onInit(e) {
+            var axis = this;
+            var userOptions = e.userOptions || {};
+            var gridOptions = userOptions.grid || {};
+            if (gridOptions.enabled && defined(gridOptions.borderColor)) {
+                userOptions.tickColor = userOptions.lineColor = (gridOptions.borderColor);
             }
-            /**
-             * @private
-             */
-            function onDestroy(e) {
-                var grid = this.grid;
-                (grid.columns || []).forEach(function (column) {
-                    column.destroy(e.keepEvents);
-                });
-                grid.columns = void 0;
+            if (!axis.grid) {
+                axis.grid = new GridAxisAdditions(axis);
             }
-            /**
-             * Wraps axis init to draw cell walls on vertical axes.
-             * @private
-             */
-            function onInit(e) {
-                var axis = this;
-                var userOptions = e.userOptions || {};
-                var gridOptions = userOptions.grid || {};
-                if (gridOptions.enabled && defined(gridOptions.borderColor)) {
-                    userOptions.tickColor = userOptions.lineColor = (gridOptions.borderColor);
+            axis.hiddenLabels = [];
+            axis.hiddenMarks = [];
+        }
+        /**
+         * Center tick labels in cells.
+         * @private
+         */
+        function onTickAfterGetLabelPosition(e) {
+            var tick = this,
+                label = tick.label,
+                axis = tick.axis,
+                reversed = axis.reversed,
+                chart = axis.chart,
+                options = axis.options,
+                gridOptions = options.grid || {},
+                labelOpts = axis.options.labels,
+                align = labelOpts.align, 
+                // verticalAlign is currently not supported for axis.labels.
+                verticalAlign = 'middle', // labelOpts.verticalAlign,
+                side = GridAxisSide[axis.side],
+                tickmarkOffset = e.tickmarkOffset,
+                tickPositions = axis.tickPositions,
+                tickPos = tick.pos - tickmarkOffset,
+                nextTickPos = (isNumber(tickPositions[e.index + 1]) ?
+                    tickPositions[e.index + 1] - tickmarkOffset :
+                    (axis.max || 0) + tickmarkOffset),
+                tickSize = axis.tickSize('tick'),
+                tickWidth = tickSize ? tickSize[0] : 0,
+                crispCorr = tickSize ? tickSize[1] / 2 : 0;
+            var labelHeight,
+                lblMetrics,
+                lines,
+                bottom,
+                top,
+                left,
+                right;
+            // Only center tick labels in grid axes
+            if (gridOptions.enabled === true) {
+                // Calculate top and bottom positions of the cell.
+                if (side === 'top') {
+                    bottom = axis.top + axis.offset;
+                    top = bottom - tickWidth;
+                }
+                else if (side === 'bottom') {
+                    top = chart.chartHeight - axis.bottom + axis.offset;
+                    bottom = top + tickWidth;
                 }
-                if (!axis.grid) {
-                    axis.grid = new Additions(axis);
+                else {
+                    bottom = axis.top + axis.len - (axis.translate(reversed ? nextTickPos : tickPos) || 0);
+                    top = axis.top + axis.len - (axis.translate(reversed ? tickPos : nextTickPos) || 0);
                 }
-                axis.hiddenLabels = [];
-                axis.hiddenMarks = [];
-            }
-            /**
-             * Center tick labels in cells.
-             * @private
-             */
-            function onTickAfterGetLabelPosition(e) {
-                var tick = this,
-                    label = tick.label,
-                    axis = tick.axis,
-                    reversed = axis.reversed,
-                    chart = axis.chart,
-                    options = axis.options,
-                    gridOptions = options.grid || {},
-                    labelOpts = axis.options.labels,
-                    align = labelOpts.align, 
-                    // verticalAlign is currently not supported for axis.labels.
-                    verticalAlign = 'middle', // labelOpts.verticalAlign,
-                    side = GridAxis.Side[axis.side],
-                    tickmarkOffset = e.tickmarkOffset,
-                    tickPositions = axis.tickPositions,
-                    tickPos = tick.pos - tickmarkOffset,
-                    nextTickPos = (isNumber(tickPositions[e.index + 1]) ?
-                        tickPositions[e.index + 1] - tickmarkOffset :
-                        (axis.max || 0) + tickmarkOffset),
-                    tickSize = axis.tickSize('tick'),
-                    tickWidth = tickSize ? tickSize[0] : 0,
-                    crispCorr = tickSize ? tickSize[1] / 2 : 0;
-                var labelHeight,
-                    lblMetrics,
-                    lines,
-                    bottom,
-                    top,
-                    left,
-                    right;
-                // Only center tick labels in grid axes
-                if (gridOptions.enabled === true) {
-                    // Calculate top and bottom positions of the cell.
-                    if (side === 'top') {
-                        bottom = axis.top + axis.offset;
-                        top = bottom - tickWidth;
-                    }
-                    else if (side === 'bottom') {
-                        top = chart.chartHeight - axis.bottom + axis.offset;
-                        bottom = top + tickWidth;
-                    }
-                    else {
-                        bottom = axis.top + axis.len - (axis.translate(reversed ? nextTickPos : tickPos) || 0);
-                        top = axis.top + axis.len - (axis.translate(reversed ? tickPos : nextTickPos) || 0);
-                    }
-                    // Calculate left and right positions of the cell.
-                    if (side === 'right') {
-                        left = chart.chartWidth - axis.right + axis.offset;
-                        right = left + tickWidth;
-                    }
-                    else if (side === 'left') {
-                        right = axis.left + axis.offset;
-                        left = right - tickWidth;
-                    }
-                    else {
-                        left = Math.round(axis.left + (axis.translate(reversed ? nextTickPos : tickPos) || 0)) - crispCorr;
-                        right = Math.min(// #15742
-                        Math.round(axis.left + (axis.translate(reversed ? tickPos : nextTickPos) || 0)) - crispCorr, axis.left + axis.len);
-                    }
-                    tick.slotWidth = right - left;
-                    // Calculate the positioning of the label based on
-                    // alignment.
-                    e.pos.x = (align === 'left' ?
-                        left :
-                        align === 'right' ?
-                            right :
-                            left + ((right - left) / 2) // default to center
-                    );
-                    e.pos.y = (verticalAlign === 'top' ?
-                        top :
-                        verticalAlign === 'bottom' ?
-                            bottom :
-                            top + ((bottom - top) / 2) // default to middle
-                    );
-                    lblMetrics = chart.renderer.fontMetrics(labelOpts.style.fontSize, label && label.element);
-                    labelHeight = label ? label.getBBox().height : 0;
-                    // Adjustment to y position to align the label correctly.
-                    // Would be better to have a setter or similar for this.
-                    if (!labelOpts.useHTML) {
-                        lines = Math.round(labelHeight / lblMetrics.h);
-                        e.pos.y += (
-                        // Center the label
-                        // TODO: why does this actually center the label?
-                        ((lblMetrics.b - (lblMetrics.h - lblMetrics.f)) / 2) +
-                            // Adjust for height of additional lines.
-                            -(((lines - 1) * lblMetrics.h) / 2));
-                    }
-                    else {
-                        e.pos.y += (
-                        // Readjust yCorr in htmlUpdateTransform
-                        lblMetrics.b +
-                            // Adjust for height of html label
-                            -(labelHeight / 2));
-                    }
-                    e.pos.x += (axis.horiz && labelOpts.x) || 0;
+                // Calculate left and right positions of the cell.
+                if (side === 'right') {
+                    left = chart.chartWidth - axis.right + axis.offset;
+                    right = left + tickWidth;
                 }
-            }
-            /**
-             * @private
-             */
-            function onTickLabelFormat(ctx) {
-                var axis = ctx.axis,
-                    value = ctx.value;
-                if (axis.options.grid &&
-                    axis.options.grid.enabled) {
-                    var tickPos = axis.tickPositions;
-                    var series = (axis.linkedParent || axis).series[0];
-                    var isFirst = value === tickPos[0];
-                    var isLast = value === tickPos[tickPos.length - 1];
-                    var point = series && find(series.options.data,
-                        function (p) {
-                            return p[axis.isXAxis ? 'x' : 'y'] === value;
-                    });
-                    var pointCopy = void 0;
-                    if (point && series.is('gantt')) {
-                        // For the Gantt set point aliases to the pointCopy
-                        // to do not change the original point
-                        pointCopy = merge(point);
-                        H.seriesTypes.gantt.prototype.pointClass
-                            .setGanttPointAliases(pointCopy);
-                    }
-                    // Make additional properties available for the
-                    // formatter
-                    ctx.isFirst = isFirst;
-                    ctx.isLast = isLast;
-                    ctx.point = pointCopy;
+                else if (side === 'left') {
+                    right = axis.left + axis.offset;
+                    left = right - tickWidth;
                 }
-            }
-            /**
-             * Makes tick labels which are usually ignored in a linked axis
-             * displayed if they are within range of linkedParent.min.
-             * ```
-             *                        _____________________________
-             *                        |   |       |       |       |
-             * Make this:             |   |   2   |   3   |   4   |
-             *                        |___|_______|_______|_______|
-             *                          ^
-             *                        _____________________________
-             *                        |   |       |       |       |
-             * Into this:             | 1 |   2   |   3   |   4   |
-             *                        |___|_______|_______|_______|
-             *                          ^
-             * ```
-             * @private
-             * @todo Does this function do what the drawing says? Seems to affect
-             *       ticks and not the labels directly?
-             */
-            function onTrimTicks() {
-                var axis = this;
-                var options = axis.options;
-                var gridOptions = options.grid || {};
-                var categoryAxis = axis.categories;
-                var tickPositions = axis.tickPositions;
-                var firstPos = tickPositions[0];
-                var lastPos = tickPositions[tickPositions.length - 1];
-                var linkedMin = axis.linkedParent && axis.linkedParent.min;
-                var linkedMax = axis.linkedParent && axis.linkedParent.max;
-                var min = linkedMin || axis.min;
-                var max = linkedMax || axis.max;
-                var tickInterval = axis.tickInterval;
-                var endMoreThanMin = (firstPos < min &&
-                        firstPos + tickInterval > min);
-                var startLessThanMax = (lastPos > max &&
-                        lastPos - tickInterval < max);
-                if (gridOptions.enabled === true &&
-                    !categoryAxis &&
-                    (axis.horiz || axis.isLinked)) {
-                    if (endMoreThanMin && !options.startOnTick) {
-                        tickPositions[0] = min;
-                    }
-                    if (startLessThanMax && !options.endOnTick) {
-                        tickPositions[tickPositions.length - 1] = max;
-                    }
+                else {
+                    left = Math.round(axis.left + (axis.translate(reversed ? nextTickPos : tickPos) || 0)) - crispCorr;
+                    right = Math.min(// #15742
+                    Math.round(axis.left + (axis.translate(reversed ? tickPos : nextTickPos) || 0)) - crispCorr, axis.left + axis.len);
+                }
+                tick.slotWidth = right - left;
+                // Calculate the positioning of the label based on
+                // alignment.
+                e.pos.x = (align === 'left' ?
+                    left :
+                    align === 'right' ?
+                        right :
+                        left + ((right - left) / 2) // default to center
+                );
+                e.pos.y = (verticalAlign === 'top' ?
+                    top :
+                    verticalAlign === 'bottom' ?
+                        bottom :
+                        top + ((bottom - top) / 2) // default to middle
+                );
+                lblMetrics = chart.renderer.fontMetrics(labelOpts.style.fontSize, label && label.element);
+                labelHeight = label ? label.getBBox().height : 0;
+                // Adjustment to y position to align the label correctly.
+                // Would be better to have a setter or similar for this.
+                if (!labelOpts.useHTML) {
+                    lines = Math.round(labelHeight / lblMetrics.h);
+                    e.pos.y += (
+                    // Center the label
+                    // TODO: why does this actually center the label?
+                    ((lblMetrics.b - (lblMetrics.h - lblMetrics.f)) / 2) +
+                        // Adjust for height of additional lines.
+                        -(((lines - 1) * lblMetrics.h) / 2));
                 }
+                else {
+                    e.pos.y += (
+                    // Readjust yCorr in htmlUpdateTransform
+                    lblMetrics.b +
+                        // Adjust for height of html label
+                        -(labelHeight / 2));
+                }
+                e.pos.x += (axis.horiz && labelOpts.x) || 0;
             }
-            /**
-             * Avoid altering tickInterval when reserving space.
-             * @private
-             */
-            function wrapUnsquish(proceed) {
-                var axis = this;
-                var _a = axis.options.grid,
-                    gridOptions = _a === void 0 ? {} : _a;
-                if (gridOptions.enabled === true && axis.categories) {
-                    return axis.tickInterval;
+        }
+        /**
+         * @private
+         */
+        function onTickLabelFormat(ctx) {
+            var axis = ctx.axis,
+                value = ctx.value;
+            if (axis.options.grid &&
+                axis.options.grid.enabled) {
+                var tickPos = axis.tickPositions;
+                var series = (axis.linkedParent || axis).series[0];
+                var isFirst = value === tickPos[0];
+                var isLast = value === tickPos[tickPos.length - 1];
+                var point = series && find(series.options.data,
+                    function (p) {
+                        return p[axis.isXAxis ? 'x' : 'y'] === value;
+                });
+                var pointCopy = void 0;
+                if (point && series.is('gantt')) {
+                    // For the Gantt set point aliases to the pointCopy
+                    // to do not change the original point
+                    pointCopy = merge(point);
+                    H.seriesTypes.gantt.prototype.pointClass
+                        .setGanttPointAliases(pointCopy);
+                }
+                // Make additional properties available for the
+                // formatter
+                ctx.isFirst = isFirst;
+                ctx.isLast = isLast;
+                ctx.point = pointCopy;
+            }
+        }
+        /**
+         * Makes tick labels which are usually ignored in a linked axis
+         * displayed if they are within range of linkedParent.min.
+         * ```
+         *                        _____________________________
+         *                        |   |       |       |       |
+         * Make this:             |   |   2   |   3   |   4   |
+         *                        |___|_______|_______|_______|
+         *                          ^
+         *                        _____________________________
+         *                        |   |       |       |       |
+         * Into this:             | 1 |   2   |   3   |   4   |
+         *                        |___|_______|_______|_______|
+         *                          ^
+         * ```
+         * @private
+         * @todo Does this function do what the drawing says? Seems to affect
+         *       ticks and not the labels directly?
+         */
+        function onTrimTicks() {
+            var axis = this;
+            var options = axis.options;
+            var gridOptions = options.grid || {};
+            var categoryAxis = axis.categories;
+            var tickPositions = axis.tickPositions;
+            var firstPos = tickPositions[0];
+            var lastPos = tickPositions[tickPositions.length - 1];
+            var linkedMin = axis.linkedParent && axis.linkedParent.min;
+            var linkedMax = axis.linkedParent && axis.linkedParent.max;
+            var min = linkedMin || axis.min;
+            var max = linkedMax || axis.max;
+            var tickInterval = axis.tickInterval;
+            var endMoreThanMin = (firstPos < min &&
+                    firstPos + tickInterval > min);
+            var startLessThanMax = (lastPos > max &&
+                    lastPos - tickInterval < max);
+            if (gridOptions.enabled === true &&
+                !categoryAxis &&
+                (axis.horiz || axis.isLinked)) {
+                if (endMoreThanMin && !options.startOnTick) {
+                    tickPositions[0] = min;
+                }
+                if (startLessThanMax && !options.endOnTick) {
+                    tickPositions[tickPositions.length - 1] = max;
                 }
-                return proceed.apply(axis, argsToArray(arguments));
+            }
+        }
+        /**
+         * Avoid altering tickInterval when reserving space.
+         * @private
+         */
+        function wrapUnsquish(proceed) {
+            var axis = this;
+            var _a = axis.options.grid,
+                gridOptions = _a === void 0 ? {} : _a;
+            if (gridOptions.enabled === true && axis.categories) {
+                return axis.tickInterval;
+            }
+            return proceed.apply(axis, argsToArray(arguments));
+        }
+        /* *
+         *
+         *  Class
+         *
+         * */
+        /**
+         * Additions for grid axes.
+         * @private
+         * @class
+         */
+        var GridAxisAdditions = /** @class */ (function () {
+                /* *
+                *
+                *  Constructors
+                *
+                * */
+                function GridAxisAdditions(axis) {
+                    this.axis = axis;
             }
             /* *
+            *
+            *  Functions
+            *
+            * */
+            /**
+             * Checks if an axis is the outer axis in its dimension. Since
+             * axes are placed outwards in order, the axis with the highest
+             * index is the outermost axis.
              *
-             *  Class
+             * Example: If there are multiple x-axes at the top of the chart,
+             * this function returns true if the axis supplied is the last
+             * of the x-axes.
              *
-             * */
-            /**
-             * Additions for grid axes.
              * @private
-             * @class
+             *
+             * @return {boolean}
+             * True if the axis is the outermost axis in its dimension; false if
+             * not.
              */
-            var Additions = /** @class */ (function () {
-                    /* *
-                    *
-                    *  Constructors
-                    *
-                    * */
-                    function Additions(axis) {
-                        this.axis = axis;
-                }
-                /* *
-                *
-                *  Functions
-                *
-                * */
-                /**
-                 * Checks if an axis is the outer axis in its dimension. Since
-                 * axes are placed outwards in order, the axis with the highest
-                 * index is the outermost axis.
-                 *
-                 * Example: If there are multiple x-axes at the top of the chart,
-                 * this function returns true if the axis supplied is the last
-                 * of the x-axes.
-                 *
-                 * @private
-                 *
-                 * @return {boolean}
-                 * True if the axis is the outermost axis in its dimension; false if
-                 * not.
-                 */
-                Additions.prototype.isOuterAxis = function () {
-                    var axis = this.axis;
-                    var chart = axis.chart;
-                    var columnIndex = axis.grid.columnIndex;
-                    var columns = (axis.linkedParent && axis.linkedParent.grid.columns ||
-                            axis.grid.columns);
-                    var parentAxis = columnIndex ? axis.linkedParent : axis;
-                    var thisIndex = -1,
-                        lastIndex = 0;
-                    chart[axis.coll].forEach(function (otherAxis, index) {
-                        if (otherAxis.side === axis.side &&
-                            !otherAxis.options.isInternal) {
-                            lastIndex = index;
-                            if (otherAxis === parentAxis) {
-                                // Get the index of the axis in question
-                                thisIndex = index;
-                            }
+            GridAxisAdditions.prototype.isOuterAxis = function () {
+                var axis = this.axis;
+                var chart = axis.chart;
+                var columnIndex = axis.grid.columnIndex;
+                var columns = (axis.linkedParent && axis.linkedParent.grid.columns ||
+                        axis.grid.columns);
+                var parentAxis = columnIndex ? axis.linkedParent : axis;
+                var thisIndex = -1,
+                    lastIndex = 0;
+                (chart[axis.coll] || []).forEach(function (otherAxis, index) {
+                    if (otherAxis.side === axis.side &&
+                        !otherAxis.options.isInternal) {
+                        lastIndex = index;
+                        if (otherAxis === parentAxis) {
+                            // Get the index of the axis in question
+                            thisIndex = index;
                         }
-                    });
-                    return (lastIndex === thisIndex &&
-                        (isNumber(columnIndex) ?
-                            columns.length === columnIndex :
-                            true));
-                };
-                /**
-                 * Add extra border based on the provided path.
-                 * @private
-                 * @param {SVGPath} path
-                 * The path of the border.
-                 * @return {Highcharts.SVGElement}
-                 * Border
-                 */
-                Additions.prototype.renderBorder = function (path) {
-                    var axis = this.axis,
-                        renderer = axis.chart.renderer,
-                        options = axis.options,
-                        extraBorderLine = renderer.path(path)
-                            .addClass('highcharts-axis-line')
-                            .add(axis.axisBorder);
-                    if (!renderer.styledMode) {
-                        extraBorderLine.attr({
-                            stroke: options.lineColor,
-                            'stroke-width': options.lineWidth,
-                            zIndex: 7
-                        });
                     }
-                    return extraBorderLine;
-                };
-                return Additions;
-            }());
-            GridAxis.Additions = Additions;
-        })(GridAxis || (GridAxis = {}));
+                });
+                return (lastIndex === thisIndex &&
+                    (isNumber(columnIndex) ?
+                        columns.length === columnIndex :
+                        true));
+            };
+            /**
+             * Add extra border based on the provided path.
+             * @private
+             * @param {SVGPath} path
+             * The path of the border.
+             * @return {Highcharts.SVGElement}
+             * Border
+             */
+            GridAxisAdditions.prototype.renderBorder = function (path) {
+                var axis = this.axis,
+                    renderer = axis.chart.renderer,
+                    options = axis.options,
+                    extraBorderLine = renderer.path(path)
+                        .addClass('highcharts-axis-line')
+                        .add(axis.axisBorder);
+                if (!renderer.styledMode) {
+                    extraBorderLine.attr({
+                        stroke: options.lineColor,
+                        'stroke-width': options.lineWidth,
+                        zIndex: 7
+                    });
+                }
+                return extraBorderLine;
+            };
+            return GridAxisAdditions;
+        }());
         /* *
          *
          *  Registry
@@ -50559,6 +50602,9 @@
          *  Default Export
          *
          * */
+        var GridAxis = {
+                compose: compose
+            };
         /* *
          *
          *  API Options
@@ -50887,13 +50933,13 @@
                         .add(params.group);
                 }
                 // Set the new position, and show or hide
-                icon.attr({ y: shouldRender ? 0 : -9999 }); // #14904, #1338
+                icon[shouldRender ? 'show' : 'hide'](); // #14904, #1338
                 // Presentational attributes
                 if (!renderer.styledMode) {
                     icon
                         .attr({
                         cursor: 'pointer',
-                        'fill': pick(params.color, "#666666" /* neutralColor60 */),
+                        'fill': pick(params.color, "#666666" /* Palette.neutralColor60 */),
                         'stroke-width': 1,
                         stroke: options.lineColor,
                         strokeWidth: options.lineWidth || 0
@@ -52171,7 +52217,7 @@
          * @apioption xAxis.currentDateIndicator
          */
         var defaultOptions = {
-                color: "#ccd6eb" /* highlightColor20 */,
+                color: "#ccd6eb" /* Palette.highlightColor20 */,
                 width: 2,
                 /**
                  * @declare Highcharts.AxisCurrentDateIndicatorLabelOptions
@@ -55864,7 +55910,7 @@
                  *
                  * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  */
-                barBackgroundColor: "#cccccc" /* neutralColor20 */,
+                barBackgroundColor: "#cccccc" /* Palette.neutralColor20 */,
                 /**
                  * The width of the bar's border.
                  *
@@ -55877,7 +55923,7 @@
                  *
                  * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  */
-                barBorderColor: "#cccccc" /* neutralColor20 */,
+                barBorderColor: "#cccccc" /* Palette.neutralColor20 */,
                 /**
                  * The color of the small arrow inside the scrollbar buttons.
                  *
@@ -55886,7 +55932,7 @@
                  *
                  * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  */
-                buttonArrowColor: "#333333" /* neutralColor80 */,
+                buttonArrowColor: "#333333" /* Palette.neutralColor80 */,
                 /**
                  * The color of scrollbar buttons.
                  *
@@ -55895,7 +55941,7 @@
                  *
                  * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  */
-                buttonBackgroundColor: "#e6e6e6" /* neutralColor10 */,
+                buttonBackgroundColor: "#e6e6e6" /* Palette.neutralColor10 */,
                 /**
                  * The color of the border of the scrollbar buttons.
                  *
@@ -55904,7 +55950,7 @@
                  *
                  * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  */
-                buttonBorderColor: "#cccccc" /* neutralColor20 */,
+                buttonBorderColor: "#cccccc" /* Palette.neutralColor20 */,
                 /**
                  * The border width of the scrollbar buttons.
                  *
@@ -55917,7 +55963,7 @@
                  *
                  * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  */
-                rifleColor: "#333333" /* neutralColor80 */,
+                rifleColor: "#333333" /* Palette.neutralColor80 */,
                 /**
                  * The color of the track background.
                  *
@@ -55926,7 +55972,7 @@
                  *
                  * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  */
-                trackBackgroundColor: "#f2f2f2" /* neutralColor5 */,
+                trackBackgroundColor: "#f2f2f2" /* Palette.neutralColor5 */,
                 /**
                  * The color of the border of the scrollbar track.
                  *
@@ -55935,7 +55981,7 @@
                  *
                  * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  */
-                trackBorderColor: "#f2f2f2" /* neutralColor5 */,
+                trackBorderColor: "#f2f2f2" /* Palette.neutralColor5 */,
                 /**
                  * The corner radius of the border of the scrollbar track.
                  *
@@ -57162,7 +57208,7 @@
                  */
                 inputStyle: {
                     /** @ignore */
-                    color: "#335cad" /* highlightColor80 */,
+                    color: "#335cad" /* Palette.highlightColor80 */,
                     /** @ignore */
                     cursor: 'pointer'
                 },
@@ -57179,7 +57225,7 @@
                  */
                 labelStyle: {
                     /** @ignore */
-                    color: "#666666" /* neutralColor60 */
+                    color: "#666666" /* Palette.neutralColor60 */
                 }
             }
         });
@@ -57283,7 +57329,8 @@
                     rangeSetting,
                     ctx,
                     ytdExtremes,
-                    dataGrouping = rangeOptions.dataGrouping;
+                    dataGrouping = rangeOptions.dataGrouping,
+                    addOffsetMin = true;
                 // chart has no data, base series is removed
                 if (dataMin === null || dataMax === null) {
                     return;
@@ -57316,12 +57363,16 @@
                         if (isNumber(ctx.newMax)) {
                             newMax = ctx.newMax;
                         }
+                        // #15799: offsetMin is added in minFromRange so that it works
+                        // with pre-selected buttons as well
+                        addOffsetMin = false;
                     }
                     // Fixed times like minutes, hours, days
                 }
                 else if (range) {
                     newMin = Math.max(newMax - range, dataMin);
                     newMax = Math.min(newMin + range, dataMax);
+                    addOffsetMin = false;
                 }
                 else if (type === 'ytd') {
                     // On user clicks on the buttons, or a delayed action running from
@@ -57332,14 +57383,17 @@
                         // event (below). When the series are initialized, but before
                         // the chart is rendered, we have access to the xData array
                         // (#942).
-                        if (typeof dataMax === 'undefined') {
+                        if (typeof dataMax === 'undefined' ||
+                            typeof dataMin === 'undefined') {
                             dataMin = Number.MAX_VALUE;
                             dataMax = Number.MIN_VALUE;
                             chart.series.forEach(function (series) {
                                 // reassign it to the last item
                                 var xData = series.xData;
-                                dataMin = Math.min(xData[0], dataMin);
-                                dataMax = Math.max(xData[xData.length - 1], dataMax);
+                                if (xData) {
+                                    dataMin = Math.min(xData[0], dataMin);
+                                    dataMax = Math.max(xData[xData.length - 1], dataMax);
+                                }
                             });
                             redraw = false;
                         }
@@ -57359,16 +57413,15 @@
                     // If the navigator exist and the axis range is declared reset that
                     // range and from now on only use the range set by a user, #14742.
                     if (chart.navigator && chart.navigator.baseSeries[0]) {
-                        chart.navigator.baseSeries[0].xAxis.options
-                            .range = void 0;
+                        chart.navigator.baseSeries[0].xAxis.options.range = void 0;
                     }
                     newMin = dataMin;
                     newMax = dataMax;
                 }
-                if (defined(newMin)) {
+                if (addOffsetMin && rangeOptions._offsetMin && defined(newMin)) {
                     newMin += rangeOptions._offsetMin;
                 }
-                if (defined(newMax)) {
+                if (rangeOptions._offsetMax && defined(newMax)) {
                     newMax += rangeOptions._offsetMax;
                 }
                 if (this.dropdown) {
@@ -57425,10 +57478,10 @@
                         var minInput = rangeSelector.minInput,
                     maxInput = rangeSelector.maxInput;
                     // #3274 in some case blur is not defined
-                    if (minInput && minInput.blur) {
+                    if (minInput && (minInput.blur)) {
                         fireEvent(minInput, 'blur');
                     }
-                    if (maxInput && maxInput.blur) {
+                    if (maxInput && (maxInput.blur)) {
                         fireEvent(maxInput, 'blur');
                     }
                 };
@@ -57747,7 +57800,7 @@
                 }
                 else if (H.isSafari && !hasTimezone(input)) {
                     var offset = new Date(input).getTimezoneOffset() / 60;
-                    input += offset <= 0 ? "+" + pad(-offset) + ":00" : "-" + pad(offset) + ":00";
+                    input += offset <= 0 ? "+".concat(pad(-offset), ":00") : "-".concat(pad(offset), ":00");
                 }
                 var date = Date.parse(input);
                 // If the value isn't parsed directly to a value by the
@@ -57869,7 +57922,7 @@
                     // Styles
                     label.css(merge(chartStyle, options.labelStyle));
                     dateBox.css(merge({
-                        color: "#333333" /* neutralColor80 */
+                        color: "#333333" /* Palette.neutralColor80 */
                     }, chartStyle, options.inputStyle));
                     css(input, extend({
                         position: 'absolute',
@@ -58507,7 +58560,7 @@
                 var userButtonTheme = (chart.userOptions.rangeSelector &&
                         chart.userOptions.rangeSelector.buttonTheme) || {};
                 var getAttribs = function (text) { return ({
-                        text: text ? text + " \u25BE" : '▾',
+                        text: text ? "" + text + " \u25BE" : '▾',
                         width: 'auto',
                         paddingLeft: pick(options.buttonTheme.paddingLeft,
                     userButtonTheme.padding, 8),
@@ -58836,8 +58889,8 @@
                 min = max - rangeOptions;
                 range = rangeOptions;
             }
-            else {
-                min = max + getTrueRange(max, -rangeOptions.count);
+            else if (rangeOptions) {
+                min = max + getTrueRange(max, -(rangeOptions.count || 1));
                 // Let the fixedRange reflect initial settings (#5930)
                 if (this.chart) {
                     this.chart.fixedRange = max - min;
@@ -58852,11 +58905,16 @@
                 if (typeof range === 'undefined') { // #4501
                     range = getTrueRange(min, rangeOptions.count);
                 }
-                this.newMax = Math.min(min + range, this.dataMax);
+                this.newMax = Math.min(min + range, pick(this.dataMax, Number.MAX_VALUE));
             }
             if (!isNumber(max)) {
                 min = void 0;
             }
+            else if (!isNumber(rangeOptions) &&
+                rangeOptions &&
+                rangeOptions._offsetMin) {
+                min += rangeOptions._offsetMin;
+            }
             return min;
         };
         if (!H.RangeSelector) {
@@ -59408,13 +59466,13 @@
                      *
                      * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                      */
-                    backgroundColor: "#f2f2f2" /* neutralColor5 */,
+                    backgroundColor: "#f2f2f2" /* Palette.neutralColor5 */,
                     /**
                      * The stroke for the handle border and the stripes inside.
                      *
                      * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                      */
-                    borderColor: "#999999" /* neutralColor40 */
+                    borderColor: "#999999" /* Palette.neutralColor40 */
                 },
                 /**
                  * The color of the mask covering the areas of the navigator series
@@ -59431,7 +59489,7 @@
                  * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  * @default rgba(102,133,194,0.3)
                  */
-                maskFill: color("#6685c2" /* highlightColor60 */).setOpacity(0.3).get(),
+                maskFill: color("#6685c2" /* Palette.highlightColor60 */).setOpacity(0.3).get(),
                 /**
                  * The color of the line marking the currently zoomed area in the
                  * navigator.
@@ -59442,7 +59500,7 @@
                  * @type    {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  * @default #cccccc
                  */
-                outlineColor: "#cccccc" /* neutralColor20 */,
+                outlineColor: "#cccccc" /* Palette.neutralColor20 */,
                 /**
                  * The width of the line marking the currently zoomed area in the
                  * navigator.
@@ -59633,7 +59691,7 @@
                     className: 'highcharts-navigator-xaxis',
                     tickLength: 0,
                     lineWidth: 0,
-                    gridLineColor: "#e6e6e6" /* neutralColor10 */,
+                    gridLineColor: "#e6e6e6" /* Palette.neutralColor10 */,
                     gridLineWidth: 1,
                     tickPixelInterval: 200,
                     labels: {
@@ -59643,7 +59701,7 @@
                          */
                         style: {
                             /** @ignore */
-                            color: "#999999" /* neutralColor40 */
+                            color: "#999999" /* Palette.neutralColor40 */
                         },
                         x: 3,
                         y: -4