highcharts 10.1.0 → 10.2.0

package/es-modules/Extensions/DownloadURL.js

@@ -28,11 +28,11 @@ var dataURLtoBlob = Highcharts.dataURLtoBlob = function (dataURL) {
         .match(/data:([^;]*)(;base64)?,([0-9A-Za-z+/]+)/);
     if (parts &&
         parts.length > 3 &&
-        win.atob &&
+        (win.atob) &&
         win.ArrayBuffer &&
         win.Uint8Array &&
         win.Blob &&
-        domurl.createObjectURL) {
+        (domurl.createObjectURL)) {
         // Try to convert data URL to Blob
         var binStr = win.atob(parts[3]), buf = new win.ArrayBuffer(binStr.length), binary = new win.Uint8Array(buf);
         for (var i = 0; i < binary.length; ++i) {
@@ -63,7 +63,7 @@ var downloadURL = Highcharts.downloadURL = function (dataURL, filename) {
         nav.msSaveOrOpenBlob(dataURL, filename);
         return;
     }
-    dataURL = "" + dataURL;
+    dataURL = "".concat(dataURL);
     // Some browsers have limitations for data URL lengths. Try to convert to
     // Blob or fall back. Edge always needs that blob.
     var isOldEdgeBrowser = /Edge\/\d+/.test(nav.userAgent);

package/es-modules/Extensions/DragPanes.js

@@ -411,7 +411,7 @@ var AxisResizer = /** @class */ (function () {
              * @type     {Highcharts.ColorString}
              * @requires modules/drag-panes
              */
-            lineColor: "#cccccc" /* neutralColor20 */,
+            lineColor: "#cccccc" /* Palette.neutralColor20 */,
             /**
              * Dash style of the control line.
              *

package/es-modules/Extensions/Drilldown.js

@@ -237,7 +237,7 @@ defaultOptions.drilldown = {
         /** @ignore-option */
         cursor: 'pointer',
         /** @ignore-option */
-        color: "#003399" /* highlightColor100 */,
+        color: "#003399" /* Palette.highlightColor100 */,
         /** @ignore-option */
         fontWeight: 'bold',
         /** @ignore-option */
@@ -261,7 +261,7 @@ defaultOptions.drilldown = {
      */
     activeDataLabelStyle: {
         cursor: 'pointer',
-        color: "#003399" /* highlightColor100 */,
+        color: "#003399" /* Palette.highlightColor100 */,
         fontWeight: 'bold',
         textDecoration: 'underline'
     },

package/es-modules/Extensions/ExportData.js

@@ -13,6 +13,15 @@
 // - Set up systematic tests for all series types, paired with tests of the data
 //   module importing the same data.
 'use strict';
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import Axis from '../Core/Axis/Axis.js';
 import Chart from '../Core/Chart/Chart.js';
 import AST from '../Core/Renderer/HTML/AST.js';
@@ -299,6 +308,41 @@ addEvent(Chart, 'render', function () {
         this.viewData();
     }
 });
+addEvent(Chart, 'afterViewData', function () {
+    var chart = this, dataTableDiv = chart.dataTableDiv, row = document.querySelectorAll('thead')[0].querySelectorAll('tr')[0], getCellValue = function (tr, index) {
+        return tr.children[index].textContent;
+    }, comparer = function (index, ascending) {
+        return function (a, b) {
+            var sort = function (v1, v2) { return (v1 !== '' && v2 !== '' && !isNaN(v1) && !isNaN(v2) ?
+                v1 - v2 :
+                v1.toString().localeCompare(v2)); };
+            return sort(getCellValue(ascending ? a : b, index), getCellValue(ascending ? b : a, index));
+        };
+    };
+    if (dataTableDiv) {
+        row.childNodes.forEach(function (th) {
+            var table = th.closest('table');
+            th.addEventListener('click', function () {
+                var rows = __spreadArray([], dataTableDiv.querySelectorAll('tr:not(thead tr)'), true), headers = __spreadArray([], th.parentNode.children, true);
+                rows.sort(comparer(headers.indexOf(th), chart.ascendingOrderInTable =
+                    !chart.ascendingOrderInTable)).forEach(function (tr) {
+                    table.appendChild(tr);
+                });
+                headers.forEach(function (th) {
+                    ['highcharts-sort-ascending', 'highcharts-sort-descending']
+                        .forEach(function (className) {
+                        if (th.classList.contains(className)) {
+                            th.classList.remove(className);
+                        }
+                    });
+                });
+                th.classList.add(chart.ascendingOrderInTable ?
+                    'highcharts-sort-ascending' :
+                    'highcharts-sort-descending');
+            });
+        });
+    }
+});
 /* eslint-enable no-invalid-this */
 /**
  * Set up key-to-axis bindings. This is used when the Y axis is datetime or
@@ -587,6 +631,12 @@ Chart.prototype.getCSV = function (useLocalDecimalPoint) {
             }
             row[j] = val;
         }
+        // The first row is the header - it defines the number of columns.
+        // Empty columns between not-empty cells are covered in the getDataRows
+        // method.
+        // Now add empty values only to the end of the row so all rows have
+        // the same number of columns, #17186
+        row.length = rows.length ? rows[0].length : 0;
         // Add the values
         csv += row.join(itemDelimiter);
         // Add the line delimiter
@@ -622,11 +672,11 @@ Chart.prototype.getTable = function (useLocalDecimalPoint) {
             return node.textContent || '';
         }
         var attributes = node.attributes;
-        var html = "<" + node.tagName;
+        var html = "<".concat(node.tagName);
         if (attributes) {
             Object.keys(attributes).forEach(function (key) {
                 var value = attributes[key];
-                html += " " + key + "=\"" + value + "\"";
+                html += " ".concat(key, "=\"").concat(value, "\"");
             });
         }
         html += '>';
@@ -634,7 +684,7 @@ Chart.prototype.getTable = function (useLocalDecimalPoint) {
         (node.children || []).forEach(function (child) {
             html += serialize(child);
         });
-        html += "</" + node.tagName + ">";
+        html += "</".concat(node.tagName, ">");
         return html;
     };
     var tree = this.getTableAST(useLocalDecimalPoint);
@@ -676,17 +726,17 @@ Chart.prototype.getTableAST = function (useLocalDecimalPoint) {
     }, 
     // Get table cell HTML from value
     getCellHTMLFromValue = function (tagName, classes, attributes, value) {
-        var textContent = pick(value, ''), className = 'text' + (classes ? ' ' + classes : '');
+        var textContent = pick(value, ''), className = 'highcharts-text' + (classes ? ' ' + classes : '');
         // Convert to string if number
         if (typeof textContent === 'number') {
             textContent = textContent.toString();
             if (decimalPoint === ',') {
                 textContent = textContent.replace('.', decimalPoint);
             }
-            className = 'number';
+            className = 'highcharts-number';
         }
         else if (!value) {
-            className = 'empty';
+            className = 'highcharts-empty';
         }
         attributes = extend({ 'class': className }, attributes);
         return {
@@ -812,7 +862,7 @@ Chart.prototype.getTableAST = function (useLocalDecimalPoint) {
     var e = {
         tree: {
             tagName: 'table',
-            id: "highcharts-data-table-" + this.index,
+            id: "highcharts-data-table-".concat(this.index),
             children: treeChildren
         }
     };

package/es-modules/Extensions/Exporting/Exporting.js

@@ -106,7 +106,7 @@ var Exporting;
         var attr = btnOptions.theme;
         var callback;
         if (!chart.styledMode) {
-            attr.fill = pick(attr.fill, "#ffffff" /* backgroundColor */);
+            attr.fill = pick(attr.fill, "#ffffff" /* Palette.backgroundColor */);
             attr.stroke = pick(attr.stroke, 'none');
         }
         if (onclick) {
@@ -139,7 +139,7 @@ var Exporting;
         }
         if (!chart.styledMode) {
             attr['stroke-linecap'] = 'round';
-            attr.fill = pick(attr.fill, "#ffffff" /* backgroundColor */);
+            attr.fill = pick(attr.fill, "#ffffff" /* Palette.backgroundColor */);
             attr.stroke = pick(attr.stroke, 'none');
         }
         var button = renderer
@@ -884,7 +884,7 @@ var Exporting;
                             }
                             // Styles
                         }
-                        else {
+                        else if (prop !== 'parentRule') {
                             filteredStyles[prop] = val;
                         }
                     }

package/es-modules/Extensions/Exporting/ExportingDefaults.js

@@ -700,7 +700,7 @@ var navigation = {
          * @type  {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
          * @since 2.0
          */
-        symbolFill: "#666666" /* neutralColor60 */,
+        symbolFill: "#666666" /* Palette.neutralColor60 */,
         /**
          * The color of the symbol's stroke or line.
          *
@@ -710,7 +710,7 @@ var navigation = {
          * @type  {Highcharts.ColorString}
          * @since 2.0
          */
-        symbolStroke: "#666666" /* neutralColor60 */,
+        symbolStroke: "#666666" /* Palette.neutralColor60 */,
         /**
          * The pixel stroke width of the symbol on the button.
          *
@@ -771,9 +771,9 @@ var navigation = {
      */
     menuStyle: {
         /** @ignore-option */
-        border: "1px solid " + "#999999" /* neutralColor40 */,
+        border: "1px solid ".concat("#999999" /* Palette.neutralColor40 */),
         /** @ignore-option */
-        background: "#ffffff" /* backgroundColor */,
+        background: "#ffffff" /* Palette.backgroundColor */,
         /** @ignore-option */
         padding: '5px 0'
     },
@@ -799,7 +799,7 @@ var navigation = {
         /** @ignore-option */
         padding: '0.5em 1em',
         /** @ignore-option */
-        color: "#333333" /* neutralColor80 */,
+        color: "#333333" /* Palette.neutralColor80 */,
         /** @ignore-option */
         background: 'none',
         /** @ignore-option */
@@ -826,9 +826,9 @@ var navigation = {
      */
     menuItemHoverStyle: {
         /** @ignore-option */
-        background: "#335cad" /* highlightColor80 */,
+        background: "#335cad" /* Palette.highlightColor80 */,
         /** @ignore-option */
-        color: "#ffffff" /* backgroundColor */
+        color: "#ffffff" /* Palette.backgroundColor */
     }
 };
 /* *

package/es-modules/Extensions/GeoJSON.js

@@ -13,8 +13,6 @@ import F from '../Core/FormatUtilities.js';
 var format = F.format;
 import H from '../Core/Globals.js';
 var win = H.win;
-import MU from '../Maps/MapUtilities.js';
-var pointInPolygon = MU.pointInPolygon;
 import U from '../Core/Utilities.js';
 var error = U.error, extend = U.extend, merge = U.merge, wrap = U.wrap;
 /**

package/es-modules/Extensions/MarkerClusters.js

@@ -239,7 +239,7 @@ var clusterDefaultOptions = {
         /** @internal */
         lineWidth: 0,
         /** @internal */
-        lineColor: "#ffffff" /* backgroundColor */
+        lineColor: "#ffffff" /* Palette.backgroundColor */
     },
     /**
      * Fires when the cluster point is clicked and `drillToCluster` is enabled.
@@ -868,7 +868,7 @@ Scatter.prototype.markerClusterAlgorithms = {
         return group;
     },
     optimizedKmeans: function (processedXData, processedYData, dataIndexes, options) {
-        var series = this, xAxis = series.xAxis, yAxis = series.yAxis, pointMaxDistance = options.processedDistance ||
+        var series = this, pointMaxDistance = options.processedDistance ||
             clusterDefaultOptions.layoutAlgorithm.gridSize, group = {}, extremes = series.getRealExtremes(), clusterMarkerOptions = (series.options.cluster || {}).marker, offset, distance, radius;
         if (!series.markerClusterInfo || (series.initMaxX && series.initMaxX < extremes.maxX ||
             series.initMinX && series.initMinX > extremes.minX ||
@@ -1209,7 +1209,7 @@ Scatter.prototype.hideClusteredData = function () {
 };
 // Override the generatePoints method by adding a reference to grouped data.
 Scatter.prototype.generatePoints = function () {
-    var series = this, chart = series.chart, mapView = chart.mapView, xAxis = series.xAxis, yAxis = series.yAxis, xData = series.xData, yData = series.yData, clusterOptions = series.options.cluster, realExtremes = series.getRealExtremes(), visibleXData = [], visibleYData = [], visibleDataIndexes = [];
+    var series = this, chart = series.chart, mapView = chart.mapView, xData = series.xData, yData = series.yData, clusterOptions = series.options.cluster, realExtremes = series.getRealExtremes(), visibleXData = [], visibleYData = [], visibleDataIndexes = [];
     var oldPointsState, oldDataLen, oldMarkerClusterInfo, kmeansThreshold, cropDataOffsetX, cropDataOffsetY, seriesMinX, seriesMaxX, seriesMinY, seriesMaxY, type, algorithm, clusteredData, groupedData, layoutAlgOptions, point, i;
     // For map point series, we need to resolve lon, lat and geometry options
     // and project them on the plane in order to get x and y. In the regular

package/es-modules/Extensions/NoDataToDisplay.js

@@ -117,7 +117,7 @@ defaultOptions.noData = {
         /** @ignore */
         fontSize: '12px',
         /** @ignore */
-        color: "#666666" /* neutralColor60 */
+        color: "#666666" /* Palette.neutralColor60 */
     }
 };
 /**

package/es-modules/Extensions/OfflineExporting/OfflineExportingDefaults.js

@@ -14,7 +14,7 @@
  *
  * */
 var OfflineExportingDefaults = {
-    libURL: 'https://code.highcharts.com/10.1.0/lib/',
+    libURL: 'https://code.highcharts.com/10.2.0/lib/',
     // When offline-exporting is loaded, redefine the menu item definitions
     // related to download.
     menuItemDefinitions: {

package/es-modules/Extensions/Oldie/Oldie.js

@@ -36,7 +36,7 @@ var VMLRenderer, VMLElement;
  * @apioption global.VMLRadialGradientURL
  */
 getOptions().global.VMLRadialGradientURL =
-    'http://code.highcharts.com/10.1.0/gfx/vml-radial-gradient.png';
+    'http://code.highcharts.com/10.2.0/gfx/vml-radial-gradient.png';
 // Utilites
 if (doc && !doc.defaultView) {
     H.getStyle = U.getStyle = function getStyle(el, prop) {
@@ -498,7 +498,7 @@ if (!svg) {
                     // apply the opacity
                     markup = [
                         '<stroke color="',
-                        shadowOptions.color || "#000000" /* neutralColor100 */,
+                        shadowOptions.color || "#000000" /* Palette.neutralColor100 */,
                         '" opacity="', shadowElementOpacity * i, '"/>'
                     ];
                     createElement(renderer.prepVML(markup), null, null, shadow);

package/es-modules/Extensions/Pane.js

@@ -158,7 +158,7 @@ var Pane = /** @class */ (function () {
              * @since   2.3.0
              * @product highcharts
              */
-            borderColor: "#cccccc" /* neutralColor20 */,
+            borderColor: "#cccccc" /* Palette.neutralColor20 */,
             /**
              * The background color or gradient for the pane.
              *
@@ -172,8 +172,8 @@ var Pane = /** @class */ (function () {
                 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                 /** @ignore-option */
                 stops: [
-                    [0, "#ffffff" /* backgroundColor */],
-                    [1, "#e6e6e6" /* neutralColor10 */]
+                    [0, "#ffffff" /* Palette.backgroundColor */],
+                    [1, "#e6e6e6" /* Palette.neutralColor10 */]
                 ]
             },
             /** @ignore-option */

package/es-modules/Extensions/ParallelCoordinates.js

@@ -246,7 +246,7 @@ addEvent(Series, 'afterTranslate', function () {
                 }
                 point.clientX = point.plotX;
                 point.plotY = chart.yAxis[i]
-                    .translate(point.y, false, true, null, true);
+                    .translate(point.y, false, true, void 0, true);
                 if (typeof lastPlotX !== 'undefined') {
                     closestPointRangePx = Math.min(closestPointRangePx, Math.abs(point.plotX - lastPlotX));
                 }

package/es-modules/Extensions/PatternFill.js

@@ -21,7 +21,7 @@ import Point from '../Core/Series/Point.js';
 import Series from '../Core/Series/Series.js';
 import SVGRenderer from '../Core/Renderer/SVG/SVGRenderer.js';
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, erase = U.erase, merge = U.merge, pick = U.pick, removeEvent = U.removeEvent, wrap = U.wrap;
+var addEvent = U.addEvent, defined = U.defined, erase = U.erase, merge = U.merge, pick = U.pick, removeEvent = U.removeEvent, wrap = U.wrap;
 // Add the predefined patterns
 var patterns = H.patterns = (function () {
     var patterns = [], colors = getOptions().colors;
@@ -133,6 +133,12 @@ Point.prototype.calculatePatternDimensions = function (pattern) {
         if (!bBox.width || !bBox.height) {
             pattern._width = 'defer';
             pattern._height = 'defer';
+            // Mark the pattern to be flipped later if upside down (#16810)
+            var scaleY = this.series.chart.mapView &&
+                this.series.chart.mapView.getSVGTransform().scaleY;
+            if (defined(scaleY) && scaleY < 0) {
+                pattern._inverted = true;
+            }
             return;
         }
         // Handle aspect ratio filling
@@ -221,6 +227,12 @@ SVGRenderer.prototype.addPattern = function (options, animation) {
         x: options._x || options.x || 0,
         y: options._y || options.y || 0
     };
+    if (options._inverted) {
+        attrs.patternTransform = 'scale(1, -1)'; // (#16810)
+        if (options.patternTransform) {
+            options.patternTransform += ' scale(1, -1)';
+        }
+    }
     if (options.patternTransform) {
         attrs.patternTransform = options.patternTransform;
     }
@@ -386,7 +398,7 @@ addEvent(SVGRenderer, 'complexColor', function (args) {
         // Add it. This function does nothing if an element with this ID
         // already exists.
         this.addPattern(pattern, !this.forExport && pick(pattern.animation, this.globalAnimation, { duration: 100 }));
-        value = "url(" + this.url + "#" + (pattern.id + (this.forExport ? '-export' : '')) + ")";
+        value = "url(".concat(this.url, "#").concat(pattern.id + (this.forExport ? '-export' : ''), ")");
     }
     else {
         // Not a full pattern definition, just add color

package/es-modules/Extensions/RangeSelector.js

@@ -479,7 +479,7 @@ extend(defaultOptions, {
          */
         inputStyle: {
             /** @ignore */
-            color: "#335cad" /* highlightColor80 */,
+            color: "#335cad" /* Palette.highlightColor80 */,
             /** @ignore */
             cursor: 'pointer'
         },
@@ -496,7 +496,7 @@ extend(defaultOptions, {
          */
         labelStyle: {
             /** @ignore */
-            color: "#666666" /* neutralColor60 */
+            color: "#666666" /* Palette.neutralColor60 */
         }
     }
 });
@@ -582,7 +582,7 @@ var RangeSelector = /** @class */ (function () {
      */
     RangeSelector.prototype.clickButton = function (i, redraw) {
         var rangeSelector = this, chart = rangeSelector.chart, rangeOptions = rangeSelector.buttonOptions[i], baseAxis = chart.xAxis[0], unionExtremes = (chart.scroller && chart.scroller.getUnionExtremes()) || baseAxis || {}, dataMin = unionExtremes.dataMin, dataMax = unionExtremes.dataMax, newMin, newMax = baseAxis && Math.round(Math.min(baseAxis.max, pick(dataMax, baseAxis.max))), // #1568
-        type = rangeOptions.type, baseXAxisOptions, range = rangeOptions._range, rangeMin, minSetting, rangeSetting, ctx, ytdExtremes, dataGrouping = rangeOptions.dataGrouping;
+        type = rangeOptions.type, baseXAxisOptions, range = rangeOptions._range, rangeMin, minSetting, rangeSetting, ctx, ytdExtremes, dataGrouping = rangeOptions.dataGrouping, addOffsetMin = true;
         // chart has no data, base series is removed
         if (dataMin === null || dataMax === null) {
             return;
@@ -615,12 +615,16 @@ var RangeSelector = /** @class */ (function () {
                 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
@@ -631,14 +635,17 @@ var RangeSelector = /** @class */ (function () {
                 // 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;
                 }
@@ -658,16 +665,15 @@ var RangeSelector = /** @class */ (function () {
             // 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) {
@@ -719,10 +725,10 @@ var RangeSelector = /** @class */ (function () {
         var rangeSelector = this, options = chart.options.rangeSelector, buttonOptions = (options.buttons || rangeSelector.defaultButtons.slice()), selectedOption = options.selected, blurInputs = function () {
             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');
             }
         };
@@ -1010,7 +1016,7 @@ var RangeSelector = /** @class */ (function () {
         }
         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
@@ -1116,7 +1122,7 @@ var RangeSelector = /** @class */ (function () {
             // 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',
@@ -1700,7 +1706,7 @@ var RangeSelector = /** @class */ (function () {
         var userButtonTheme = (chart.userOptions.rangeSelector &&
             chart.userOptions.rangeSelector.buttonTheme) || {};
         var getAttribs = function (text) { return ({
-            text: text ? text + " \u25BE" : '▾',
+            text: text ? "".concat(text, " \u25BE") : '▾',
             width: 'auto',
             paddingLeft: pick(options.buttonTheme.paddingLeft, userButtonTheme.padding, 8),
             paddingRight: pick(options.buttonTheme.paddingRight, userButtonTheme.padding, 8)
@@ -1999,8 +2005,8 @@ Axis.prototype.minFromRange = function () {
         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;
@@ -2015,11 +2021,16 @@ Axis.prototype.minFromRange = function () {
         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) {

package/es-modules/Extensions/ScrollablePlotArea.js

@@ -24,7 +24,7 @@ import Chart from '../Core/Chart/Chart.js';
 import Series from '../Core/Series/Series.js';
 import RendererRegistry from '../Core/Renderer/RendererRegistry.js';
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, createElement = U.createElement, merge = U.merge, pick = U.pick;
+var addEvent = U.addEvent, createElement = U.createElement, defined = U.defined, merge = U.merge, pick = U.pick;
 /* eslint-disable no-invalid-this, valid-jsdoc */
 addEvent(Chart, 'afterSetChartSize', function (e) {
     var scrollablePlotArea = this.options.chart.scrollablePlotArea, scrollableMinWidth = scrollablePlotArea && scrollablePlotArea.minWidth, scrollableMinHeight = scrollablePlotArea && scrollablePlotArea.minHeight, scrollablePixelsX, scrollablePixelsY, corrections;
@@ -51,7 +51,7 @@ addEvent(Chart, 'afterSetChartSize', function (e) {
         }
         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) {
@@ -181,7 +181,7 @@ Chart.prototype.moveFixedElements = function () {
         axisClass = '.highcharts-yaxis';
     }
     if (axisClass) {
-        fixedSelectors.push(axisClass + ":not(.highcharts-radial-axis)", axisClass + "-labels:not(.highcharts-radial-axis-labels)");
+        fixedSelectors.push("".concat(axisClass, ":not(.highcharts-radial-axis)"), "".concat(axisClass, "-labels:not(.highcharts-radial-axis-labels)"));
     }
     fixedSelectors.forEach(function (className) {
         [].forEach.call(container.querySelectorAll(className), function (elem) {