highcharts 11.4.6 → 11.4.8

package/es-modules/Core/Chart/Chart.js

@@ -852,10 +852,22 @@ class Chart {
      * @function Highcharts.Chart#getContainerBox
      */
     getContainerBox() {
-        return {
+        // Temporarily hide support divs from a11y and others, #21888
+        const nonContainers = [].map.call(this.renderTo.children, (child) => {
+            if (child !== this.container) {
+                const display = child.style.display;
+                child.style.display = 'none';
+                return [child, display];
+            }
+        }), box = {
             width: getStyle(this.renderTo, 'width', true) || 0,
-            height: getStyle(this.renderTo, 'height', true) || 0
+            height: (getStyle(this.renderTo, 'height', true) || 0)
         };
+        // Restore the non-containers
+        nonContainers.filter(Boolean).forEach(([div, display]) => {
+            div.style.display = display;
+        });
+        return box;
     }
     /**
      * Internal function to get the chart width and height according to options
@@ -866,7 +878,10 @@ class Chart {
      * @function Highcharts.Chart#getChartSize
      */
     getChartSize() {
-        const chart = this, optionsChart = chart.options.chart, widthOption = optionsChart.width, heightOption = optionsChart.height, containerBox = chart.getContainerBox();
+        const chart = this, optionsChart = chart.options.chart, widthOption = optionsChart.width, heightOption = optionsChart.height, containerBox = chart.getContainerBox(), enableDefaultHeight = containerBox.height > 1 &&
+            !( // #21510, prevent infinite reflow
+            !chart.renderTo.parentElement?.style.height &&
+                chart.renderTo.style.height === '100%');
         /**
          * The current pixel width of the chart.
          *
@@ -883,7 +898,7 @@ class Chart {
          * @type {number}
          */
         chart.chartHeight = Math.max(0, relativeLength(heightOption, chart.chartWidth) ||
-            (containerBox.height > 1 ? containerBox.height : 400));
+            (enableDefaultHeight ? containerBox.height : 400));
         chart.containerBox = containerBox;
     }
     /**
@@ -1015,11 +1030,7 @@ class Chart {
         let chartWidth = chart.chartWidth;
         // Allow table cells and flex-boxes to shrink without the chart blocking
         // them out (#6427)
-        css(renderTo, {
-            overflow: 'hidden',
-            // #21144, retest and remove in future version of Chrome
-            pointerEvents: H.isChrome ? 'fill' : 'auto'
-        });
+        css(renderTo, { overflow: 'hidden' });
         // Create the inner container
         if (!chart.styledMode) {
             containerStyle = extend({
@@ -1035,7 +1046,8 @@ class Chart {
                 '-webkit-tap-highlight-color': 'rgba(0,0,0,0)',
                 userSelect: 'none', // #13503
                 'touch-action': 'manipulation',
-                outline: 'none'
+                outline: 'none',
+                padding: '0px'
             }, optionsChart.style || {});
         }
         /**
@@ -2603,8 +2615,11 @@ class Chart {
             }
             let newMin = axis.toValue(minPx, true) +
                 // Don't apply offset for selection (#20784)
-                (selection ? 0 : minPointOffset * pointRangeDirection), newMax = axis.toValue(minPx + len / scale, true) -
-                (selection ? // Don't apply offset for selection (#20784)
+                (selection || axis.isOrdinal ?
+                    0 : minPointOffset * pointRangeDirection), newMax = axis.toValue(minPx + len / scale, true) -
+                (
+                // Don't apply offset for selection (#20784)
+                selection || axis.isOrdinal ?
                     0 :
                     ((minPointOffset * pointRangeDirection) ||
                         // Polar zoom tests failed when this was not
@@ -2649,7 +2664,10 @@ class Chart {
             // It is not necessary to calculate extremes on ordinal axis,
             // because they are already calculated, so we don't want to override
             // them.
-            if (!axis.isOrdinal || scale !== 1 || reset) {
+            if (!axis.isOrdinal ||
+                axis.options.overscroll || // #21316
+                scale !== 1 ||
+                reset) {
                 // If the new range spills over, either to the min or max,
                 // adjust it.
                 if (newMin < floor) {

package/es-modules/Core/Chart/StockChart.js

@@ -472,13 +472,11 @@ addEvent(Chart, 'update', function (e) {
             // Get the related axes based options.*Axis setting #2810
             axes2 = (axis.isXAxis ? chart.yAxis : chart.xAxis);
             for (const A of axes2) {
-                if (defined(A.options.id) ?
-                    A.options.id.indexOf('navigator') === -1 :
-                    true) {
-                    const a = (A.isXAxis ? 'yAxis' : 'xAxis'), rax = (defined(A.options[a]) ?
+                if (!A.options.isInternal) {
+                    const a = (A.isXAxis ? 'yAxis' : 'xAxis'), relatedAxis = (defined(A.options[a]) ?
                         chart[a][A.options[a]] :
                         chart[a][0]);
-                    if (axis === rax) {
+                    if (axis === relatedAxis) {
                         axes.push(A);
                     }
                 }

package/es-modules/Core/Color/Color.js

@@ -252,6 +252,7 @@ Color.names = {
 /**
  * Collection of parsers. This can be extended from the outside by pushing
  * parsers to `Color.parsers`.
+ * @private
  */
 Color.parsers = [{
         // RGBA color

package/es-modules/Core/Defaults.js

@@ -1053,7 +1053,7 @@ const defaultOptions = {
          * can be prevented by returning `false` or calling
          * `event.preventDefault()`.
          *
-         * @sample {highcharts} highcharts/legend/series-legend-itemclick/
+         * @sample {highcharts} highcharts/legend/itemclick/
          *         Confirm hiding and showing
          * @sample {highcharts} highcharts/legend/pie-legend-itemclick/
          *         Confirm toggle visibility of pie slices
@@ -2104,8 +2104,9 @@ const defaultOptions = {
          * @apioption tooltip.positioner
          */
         /**
-         * Split the tooltip into one label per series, with the header close
-         * to the axis. This is recommended over [shared](#tooltip.shared)
+         * Shows tooltip for all points with the same X value. Splits the
+         * tooltip into one label per series, with the header close to the axis.
+         * This is recommended over [shared](#tooltip.shared)
          * tooltips for charts with multiple line series, generally making them
          * easier to read. This option takes precedence over `tooltip.shared`.
          *
@@ -2343,11 +2344,12 @@ const defaultOptions = {
          */
         shape: 'callout',
         /**
-         * When the tooltip is shared, the entire plot area will capture mouse
-         * movement or touch events. Tooltip texts for series types with ordered
-         * data (not pie, scatter, flags etc) will be shown in a single bubble.
-         * This is recommended for single series charts and for tablet/mobile
-         * optimized charts.
+         * Shows information in the tooltip for all points with the same X
+         * value. When the tooltip is shared, the entire plot area will capture
+         * mouse movement or touch events. Tooltip texts for series types with
+         * ordered data (not pie, scatter, flags etc) will be shown in a single
+         * bubble. This is recommended for single series charts and for
+         * tablet/mobile optimized charts.
          *
          * See also [tooltip.split](#tooltip.split), that is better suited for
          * charts with many series, especially line-type series. The

package/es-modules/Core/Legend/LegendSymbol.js

@@ -45,7 +45,7 @@ var LegendSymbol;
      * The legend object.
      */
     function lineMarker(legend, item, hasArea) {
-        const legendItem = this.legendItem = this.legendItem || {}, { chart, options } = this, { baseline = 0, symbolWidth, symbolHeight } = legend, symbol = this.symbol || 'circle', generalRadius = symbolHeight / 2, renderer = chart.renderer, legendItemGroup = legendItem.group, verticalCenter = baseline - Math.round(symbolHeight *
+        const legendItem = this.legendItem = this.legendItem || {}, { chart, options } = this, { baseline = 0, symbolWidth, symbolHeight } = legend, symbol = this.symbol || 'circle', generalRadius = symbolHeight / 2, renderer = chart.renderer, legendItemGroup = legendItem.group, verticalCenter = baseline - Math.round((legend.fontMetrics?.b || symbolHeight) *
             // Render line and marker slightly higher to make room for the
             // area
             (hasArea ? 0.4 : 0.3)), attr = {};

package/es-modules/Core/Pointer.js

@@ -94,7 +94,7 @@ class Pointer {
         this.eventsToUnbind = [];
         if (!H.chartCount) {
             if (Pointer.unbindDocumentMouseUp) {
-                Pointer.unbindDocumentMouseUp = Pointer.unbindDocumentMouseUp();
+                Pointer.unbindDocumentMouseUp.forEach((e) => e());
             }
             if (Pointer.unbindDocumentTouchEnd) {
                 Pointer.unbindDocumentTouchEnd = (Pointer.unbindDocumentTouchEnd());
@@ -1284,8 +1284,9 @@ class Pointer {
         container.onclick = this.onContainerClick.bind(this);
         this.eventsToUnbind.push(addEvent(container, 'mouseenter', this.onContainerMouseEnter.bind(this)), addEvent(container, 'mouseleave', this.onContainerMouseLeave.bind(this)));
         if (!Pointer.unbindDocumentMouseUp) {
-            Pointer.unbindDocumentMouseUp = addEvent(ownerDoc, 'mouseup', this.onDocumentMouseUp.bind(this));
+            Pointer.unbindDocumentMouseUp = [];
         }
+        Pointer.unbindDocumentMouseUp.push(addEvent(ownerDoc, 'mouseup', this.onDocumentMouseUp.bind(this)));
         // In case we are dealing with overflow, reset the chart position when
         // scrolling parent elements
         let parent = this.chart.renderTo.parentElement;

package/es-modules/Core/Renderer/SVG/SVGRenderer.js

@@ -1134,6 +1134,7 @@ class SVGRenderer {
                 });
             }
             img.isImg = true;
+            img.symbolUrl = symbol;
             if (defined(img.imgwidth) && defined(img.imgheight)) {
                 centerImage(img);
             }

package/es-modules/Core/Renderer/SVG/Symbols.js

@@ -29,8 +29,8 @@ function arc(cx, cy, w, h, options) {
         // proximity is too small, the arc disappears. If it is too great, a
         // gap appears. This can be seen in the animation of the official
         // bubble demo (#20586).
-        proximity = 0.0002 / Math.max(rx, 1), fullCircle = (Math.abs((options.end || 0) - start - 2 * Math.PI) <
-            proximity), end = (options.end || 0) - proximity, innerRadius = options.innerR, open = pick(options.open, fullCircle), cosStart = Math.cos(start), sinStart = Math.sin(start), cosEnd = Math.cos(end), sinEnd = Math.sin(end), 
+        proximity = 0.0002 / (options.borderRadius ? 1 : Math.max(rx, 1)), fullCircle = (Math.abs((options.end || 0) - start - 2 * Math.PI) <
+            proximity), end = (options.end || 0) - (fullCircle ? proximity : 0), innerRadius = options.innerR, open = pick(options.open, fullCircle), cosStart = Math.cos(start), sinStart = Math.sin(start), cosEnd = Math.cos(end), sinEnd = Math.sin(end), 
         // Proximity takes care of rounding errors around PI (#6971)
         longArc = pick(options.longArc, end - start - Math.PI < proximity ? 0 : 1);
         let arcSegment = [

package/es-modules/Core/Series/DataLabel.js

@@ -387,6 +387,15 @@ var DataLabel;
                                 // read text bounding box
                                 dataLabel.css(style).shadow(labelOptions.shadow);
                             }
+                            else if (style.width) {
+                                // In styled mode with a width property set,
+                                // the width should be applied to the
+                                // dataLabel. (#20499)
+                                dataLabel.css({
+                                    width: style.width,
+                                    textOverflow: style.textOverflow
+                                });
+                            }
                             fireEvent(dataLabel, 'beforeAddingDataLabel', { labelOptions, point });
                             if (!dataLabel.added) {
                                 dataLabel.add(dataLabelsGroup);

package/es-modules/Core/Series/Series.js

@@ -1383,7 +1383,7 @@ class Series {
          * @private
          */
         function limitedRange(val) {
-            return clamp(val, -1e5, 1e5);
+            return clamp(val, -1e9, 1e9);
         }
         // Translate each point
         for (i = 0; i < dataLength; i++) {

package/es-modules/Core/Tooltip.js

@@ -238,7 +238,7 @@ class Tooltip {
      * @return {Highcharts.SVGElement}
      * Tooltip label
      */
-    getLabel() {
+    getLabel({ anchorX, anchorY } = { anchorX: 0, anchorY: 0 }) {
         const tooltip = this, styledMode = this.chart.styledMode, options = this.options, doSplit = this.split && this.allowShared;
         let container = this.container, renderer = this.chart.renderer;
         // If changing from a split tooltip to a non-split tooltip, we must
@@ -287,7 +287,7 @@ class Tooltip {
             }
             else {
                 this.label = renderer
-                    .label('', 0, 0, options.shape, void 0, void 0, options.useHTML, void 0, 'tooltip')
+                    .label('', anchorX, anchorY, options.shape, void 0, void 0, options.useHTML, void 0, 'tooltip')
                     .attr({
                     padding: options.padding,
                     r: options.borderRadius
@@ -654,7 +654,7 @@ class Tooltip {
      */
     refresh(pointOrPoints, mouseEvent) {
         const tooltip = this, { chart, options, pointer, shared } = this, points = splat(pointOrPoints), point = points[0], pointConfig = [], formatString = options.format, formatter = options.formatter || tooltip.defaultFormatter, styledMode = chart.styledMode;
-        let formatterContext = {};
+        let formatterContext = {}, wasShared = tooltip.allowShared;
         if (!options.enabled || !point.series) { // #16820
             return;
         }
@@ -664,6 +664,7 @@ class Tooltip {
         tooltip.allowShared = !(!isArray(pointOrPoints) &&
             pointOrPoints.series &&
             pointOrPoints.series.noSharedTooltip);
+        wasShared = wasShared && !tooltip.allowShared;
         // Get the reference point coordinates (pie charts use tooltipPos)
         tooltip.followPointer = (!tooltip.split && point.series.tooltipOptions.followPointer);
         const anchor = tooltip.getAnchor(pointOrPoints, mouseEvent), x = anchor[0], y = anchor[1];
@@ -711,7 +712,7 @@ class Tooltip {
                     points.some((p) => // #16004
                      pointer.isDirectTouch || // ##17929
                         p.series.shouldShowTooltip(checkX, checkY))) {
-                    const label = tooltip.getLabel();
+                    const label = tooltip.getLabel(wasShared && tooltip.tt || {});
                     // Prevent the tooltip from flowing over the chart box
                     // (#6659)
                     if (!options.style.width || styledMode) {
@@ -728,6 +729,15 @@ class Tooltip {
                             text.join('') :
                             text
                     });
+                    // When the length of the label has increased, immediately
+                    // update the x position to prevent tooltip from flowing
+                    // outside the viewport during animation (#21371)
+                    if (this.outside) {
+                        label.attr({
+                            x: clamp(label.x || 0, 0, this.getPlayingField().width -
+                                (label.width || 0))
+                        });
+                    }
                     if (!styledMode) {
                         label.attr({
                             stroke: (options.borderColor ||

package/es-modules/Data/Connectors/GoogleSheetsConnector.js

@@ -11,6 +11,7 @@
  *  - Gøran Slettemark
  *  - Wojciech Chmiel
  *  - Sophie Bremer
+ *  - Jomar Hønsi
  *
  * */
 'use strict';
@@ -83,6 +84,9 @@ class GoogleSheetsConnector extends DataConnector {
             table,
             url
         });
+        if (!URL.canParse(url)) {
+            throw new Error('Invalid URL: ' + url);
+        }
         return fetch(url)
             .then((response) => (response.json()))
             .then((json) => {
@@ -129,7 +133,6 @@ class GoogleSheetsConnector extends DataConnector {
 GoogleSheetsConnector.defaultOptions = {
     googleAPIKey: '',
     googleSpreadsheetKey: '',
-    worksheet: 1,
     enablePolling: false,
     dataRefreshRate: 2,
     firstRowAsNames: true
@@ -161,18 +164,20 @@ GoogleSheetsConnector.defaultOptions = {
      * @private
      */
     function buildFetchURL(apiKey, sheetKey, options = {}) {
-        return (`https://sheets.googleapis.com/v4/spreadsheets/${sheetKey}/values/` +
-            (options.onlyColumnNames ?
-                'A1:Z1' :
-                buildQueryRange(options)) +
-            '?alt=json' +
-            (options.onlyColumnNames ?
-                '' :
-                '&dateTimeRenderOption=FORMATTED_STRING' +
-                    '&majorDimension=COLUMNS' +
-                    '&valueRenderOption=UNFORMATTED_VALUE') +
-            '&prettyPrint=false' +
-            `&key=${apiKey}`);
+        const url = new URL(`https://sheets.googleapis.com/v4/spreadsheets/${sheetKey}/values/`);
+        const range = options.onlyColumnNames ?
+            'A1:Z1' : buildQueryRange(options);
+        url.pathname += range;
+        const searchParams = url.searchParams;
+        searchParams.set('alt', 'json');
+        if (!options.onlyColumnNames) {
+            searchParams.set('dateTimeRenderOption', 'FORMATTED_STRING');
+            searchParams.set('majorDimension', 'COLUMNS');
+            searchParams.set('valueRenderOption', 'UNFORMATTED_VALUE');
+        }
+        searchParams.set('prettyPrint', 'false');
+        searchParams.set('key', apiKey);
+        return url.href;
     }
     GoogleSheetsConnector.buildFetchURL = buildFetchURL;
     /**

package/es-modules/Data/Connectors/JSONConnector.js

@@ -78,7 +78,6 @@ class JSONConnector extends DataConnector {
                 table.deleteColumns();
                 converter.parse({ data });
                 table.setColumns(converter.getTable().getColumns());
-                table.setRowKeysColumn(data.length);
             }
             return connector.setModifierOptions(dataModifier).then(() => data);
         })

package/es-modules/Data/Converters/DataConverter.js

@@ -439,8 +439,6 @@ class DataConverter {
     /**
      * Parse a date and return it as a number.
      *
-     * @function Highcharts.Data#parseDate
-     *
      * @param {string} value
      * Value to parse.
      *