highcharts 12.0.2 → 12.1.1

package/bower.json

@@ -1,6 +1,6 @@
 {
   "name": "highcharts",
-  "version": "12.0.2",
+  "version": "12.1.1",
   "main": "highcharts.js",
   "license": "https://www.highcharts.com/license",
   "types": "highcharts.d.ts"

package/es-modules/Accessibility/Options/A11yDefaults.js

@@ -266,6 +266,8 @@ const Options = {
             /**
              * When a series contains more points than this, we no longer expose
              * information about individual points to screen readers.
+             * Note that the keyboard navigation remains functional, but points
+             * won't have accessible descriptions unless handled separately.
              *
              * Set to `false` to disable.
              *

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

@@ -192,18 +192,11 @@ class Color {
         }
         // Check for has alpha, because rgba colors perform worse due to
         // lack of support in WebKit.
-        const hasAlpha = (toRgba[3] !== 1 || fromRgba[3] !== 1);
-        return (hasAlpha ? 'rgba(' : 'rgb(') +
-            Math.round(toRgba[0] + (fromRgba[0] - toRgba[0]) * (1 - pos)) +
-            ',' +
-            Math.round(toRgba[1] + (fromRgba[1] - toRgba[1]) * (1 - pos)) +
-            ',' +
-            Math.round(toRgba[2] + (fromRgba[2] - toRgba[2]) * (1 - pos)) +
-            (hasAlpha ?
-                (',' +
-                    (toRgba[3] + (fromRgba[3] - toRgba[3]) * (1 - pos))) :
-                '') +
-            ')';
+        const hasAlpha = (toRgba[3] !== 1 || fromRgba[3] !== 1), channel = (to, i) => to + (fromRgba[i] - to) * (1 - pos), rgba = toRgba.slice(0, 3).map(channel).map(Math.round);
+        if (hasAlpha) {
+            rgba.push(channel(toRgba[3], 3));
+        }
+        return (hasAlpha ? 'rgba(' : 'rgb(') + rgba.join(',') + ')';
     }
 }
 /* *

package/es-modules/Core/Defaults.js

@@ -2621,14 +2621,6 @@ const defaultOptions = {
         text: 'Highcharts.com'
     }
 };
-/* eslint-disable spaced-comment */
-/*= if (!build.classic) { =*/
-// Legacy build for styled mode, set the styledMode option to true by default.
-defaultOptions.chart.styledMode = true;
-/*= } else { =*/
-defaultOptions.chart.styledMode = false;
-/*= } =*/
-'';
 const defaultTime = new Time(defaultOptions.time);
 /**
  * Get the updated default options. Until 3.0.7, merely exposing defaultOptions

package/es-modules/Core/Globals.js

@@ -29,7 +29,7 @@ var Globals;
         {}), // eslint-disable-line node/no-unsupported-features/es-builtins
     Globals.doc = Globals.win.document, Globals.svg = (Globals.doc &&
         Globals.doc.createElementNS &&
-        !!Globals.doc.createElementNS(Globals.SVG_NS, 'svg').createSVGRect), Globals.userAgent = (Globals.win.navigator && Globals.win.navigator.userAgent) || '', Globals.isChrome = Globals.win.chrome, Globals.isFirefox = Globals.userAgent.indexOf('Firefox') !== -1, Globals.isMS = /(edge|msie|trident)/i.test(Globals.userAgent) && !Globals.win.opera, Globals.isSafari = !Globals.isChrome && Globals.userAgent.indexOf('Safari') !== -1, Globals.isTouchDevice = /(Mobile|Android|Windows Phone)/.test(Globals.userAgent), Globals.isWebKit = Globals.userAgent.indexOf('AppleWebKit') !== -1, Globals.deg2rad = Math.PI * 2 / 360, Globals.marginNames = [
+        !!Globals.doc.createElementNS(Globals.SVG_NS, 'svg').createSVGRect), Globals.pageLang = Globals.doc?.body.closest('[lang]')?.lang, Globals.userAgent = (Globals.win.navigator && Globals.win.navigator.userAgent) || '', Globals.isChrome = Globals.win.chrome, Globals.isFirefox = Globals.userAgent.indexOf('Firefox') !== -1, Globals.isMS = /(edge|msie|trident)/i.test(Globals.userAgent) && !Globals.win.opera, Globals.isSafari = !Globals.isChrome && Globals.userAgent.indexOf('Safari') !== -1, Globals.isTouchDevice = /(Mobile|Android|Windows Phone)/.test(Globals.userAgent), Globals.isWebKit = Globals.userAgent.indexOf('AppleWebKit') !== -1, Globals.deg2rad = Math.PI * 2 / 360, Globals.marginNames = [
         'plotTop',
         'marginRight',
         'marginBottom',

package/es-modules/Core/Pointer.js

@@ -1363,7 +1363,9 @@ class Pointer {
             hoverChart !== chart) {
             const relatedTargetObj = { relatedTarget: chart.container };
             if (e && !e?.relatedTarget) {
-                e = { ...relatedTargetObj, ...e };
+                // #17192, Non-enumerable properties of "e" are dropped with
+                // spreading (...e). Using Object.assign ensures integrity.
+                Object.assign({}, e, relatedTargetObj);
             }
             hoverChart.pointer?.onContainerMouseLeave(e || relatedTargetObj);
         }

package/es-modules/Core/Renderer/HTML/HTMLElement.js

@@ -251,7 +251,7 @@ class HTMLElement extends SVGElement {
                 textWidth,
                 this.textAlign
             ].join(','), parentPadding = (this.parentGroup?.padding * -1) || 0;
-            let baseline, hasBoxWidthChanged = false;
+            let baseline;
             // Update textWidth. Use the memoized textPxLength if possible, to
             // avoid the getTextPxLength function using elem.offsetWidth.
             // Calling offsetWidth affects rendering time as it forces layout
@@ -274,10 +274,8 @@ class HTMLElement extends SVGElement {
                         whiteSpace: whiteSpace || 'normal' // #3331
                     });
                     this.oldTextWidth = textWidth;
-                    hasBoxWidthChanged = true; // #8159
                 }
             }
-            this.hasBoxWidthChanged = hasBoxWidthChanged; // #8159
             // Do the calculations and DOM access only if properties changed
             if (currentTextTransform !== this.cTT) {
                 baseline = renderer.fontMetrics(element).b;

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

@@ -213,7 +213,7 @@ class SVGElement {
      * @return {Highcharts.SVGElement} Returns the SVGElement for chaining.
      */
     align(alignOptions, alignByTranslate, alignTo, redraw = true) {
-        const attribs = {}, renderer = this.renderer, alignedObjects = renderer.alignedObjects, initialAlignment = Boolean(alignOptions);
+        const renderer = this.renderer, alignedObjects = renderer.alignedObjects, initialAlignment = Boolean(alignOptions);
         // First call on instanciate
         if (alignOptions) {
             this.alignOptions = alignOptions;
@@ -245,7 +245,9 @@ class SVGElement {
         // Default: top align
         y = (alignToBox.y || 0) + (alignOptions.y || 0) +
             ((alignToBox.height || 0) - (alignOptions.height || 0)) *
-                getAlignFactor(alignOptions.verticalAlign);
+                getAlignFactor(alignOptions.verticalAlign), attribs = {
+            'text-align': alignOptions?.align
+        };
         attribs[alignByTranslate ? 'translateX' : 'x'] = Math.round(x);
         attribs[alignByTranslate ? 'translateY' : 'y'] = Math.round(y);
         // Animate only if already placed

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

@@ -71,6 +71,7 @@ class SVGLabel extends SVGElement {
      * */
     alignSetter(value) {
         const alignFactor = getAlignFactor(value);
+        this.textAlign = value;
         if (alignFactor !== this.alignFactor) {
             this.alignFactor = alignFactor;
             // Bounding box exists, means we're dynamically changing
@@ -245,7 +246,10 @@ class SVGLabel extends SVGElement {
         this.boxAttr(key, value);
     }
     'text-alignSetter'(value) {
-        this.textAlign = value;
+        // The text-align variety is for the pre-animation getter. The code
+        // should be unified to either textAlign or text-align.
+        this.textAlign = this['text-align'] = value;
+        this.updateTextPadding();
     }
     textSetter(text) {
         if (typeof text !== 'undefined') {
@@ -315,24 +319,19 @@ class SVGLabel extends SVGElement {
      * is changed.
      */
     updateTextPadding() {
-        const text = this.text;
+        const text = this.text, textAlign = text.styles.textAlign || this.textAlign;
         if (!text.textPath) {
             this.updateBoxSize();
             // Determine y based on the baseline
             const textY = this.baseline ? 0 : this.baselineOffset, textX = (this.paddingLeft ?? this.padding) +
                 // Compensate for alignment
-                ((defined(this.widthSetting) && this.bBox) ?
-                    getAlignFactor(this.textAlign) *
-                        (this.widthSetting - this.bBox.width) :
-                    0);
+                getAlignFactor(textAlign) * (this.widthSetting ?? this.bBox.width);
             // Update if anything changed
             if (textX !== text.x || textY !== text.y) {
-                text.attr('x', textX);
-                // #8159 - prevent misplaced data labels in treemap
-                // (useHTML: true)
-                if (text.hasBoxWidthChanged) {
-                    this.bBox = text.getBBox(true);
-                }
+                text.attr({
+                    align: textAlign,
+                    x: textX
+                });
                 if (typeof textY !== 'undefined') {
                     text.attr('y', textY);
                 }

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

@@ -111,6 +111,7 @@ var DataLabel;
             dataLabel.alignAttr.y += getAlignFactor(options.verticalAlign) *
                 (unrotatedbBox.height - bBox.height);
             dataLabel[dataLabel.placed ? 'animate' : 'attr']({
+                'text-align': dataLabel.alignAttr['text-align'] || 'center',
                 x: dataLabel.alignAttr.x +
                     (bBox.width - unrotatedbBox.width) / 2,
                 y: dataLabel.alignAttr.y +

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

@@ -2394,9 +2394,14 @@ class Series {
      * @private
      * @function Highcharts.Series#searchKDTree
      */
-    searchKDTree(point, compareX, e) {
+    searchKDTree(point, compareX, e, suppliedPointEvaluator, suppliedBSideCheckEvaluator) {
         const series = this, [kdX, kdY] = this.kdAxisArray, kdComparer = compareX ? 'distX' : 'dist', kdDimensions = (series.options.findNearestPointBy || '')
-            .indexOf('y') > -1 ? 2 : 1, useRadius = !!series.isBubble;
+            .indexOf('y') > -1 ? 2 : 1, useRadius = !!series.isBubble, pointEvaluator = suppliedPointEvaluator || ((p1, p2, comparisonProp) => [
+            (p1[comparisonProp] || 0) < (p2[comparisonProp] || 0) ?
+                p1 :
+                p2,
+            false
+        ]), bSideCheckEvaluator = suppliedBSideCheckEvaluator || ((a, b) => a < b);
         /**
          * Set the one and two dimensional distance on the point object.
          * @private
@@ -2411,28 +2416,21 @@ class Series {
          */
         function doSearch(search, tree, depth, dimensions) {
             const point = tree.point, axis = series.kdAxisArray[depth % dimensions];
-            let nPoint1, nPoint2, ret = point;
+            let ret = point, flip = false;
             setDistance(search, point);
             // Pick side based on distance to splitting point
             const tdist = (search[axis] || 0) - (point[axis] || 0) +
                 (useRadius ? (point.marker?.radius || 0) : 0), sideA = tdist < 0 ? 'left' : 'right', sideB = tdist < 0 ? 'right' : 'left';
             // End of tree
             if (tree[sideA]) {
-                nPoint1 = doSearch(search, tree[sideA], depth + 1, dimensions);
-                ret = (nPoint1[kdComparer] <
-                    ret[kdComparer] ?
-                    nPoint1 :
-                    point);
+                [ret, flip] = pointEvaluator(point, doSearch(search, tree[sideA], depth + 1, dimensions), kdComparer);
             }
             if (tree[sideB]) {
+                const sqrtTDist = Math.sqrt(tdist * tdist), retDist = ret[kdComparer];
                 // Compare distance to current best to splitting point to decide
-                // whether to check side B or not
-                if (Math.sqrt(tdist * tdist) < ret[kdComparer]) {
-                    nPoint2 = doSearch(search, tree[sideB], depth + 1, dimensions);
-                    ret = (nPoint2[kdComparer] <
-                        ret[kdComparer] ?
-                        nPoint2 :
-                        ret);
+                // whether to check side B or no
+                if (bSideCheckEvaluator(sqrtTDist, retDist, flip)) {
+                    ret = pointEvaluator(ret, doSearch(search, tree[sideB], depth + 1, dimensions), kdComparer)[0];
                 }
             }
             return ret;

package/es-modules/Core/Templating.js

@@ -11,9 +11,9 @@
 import D from './Defaults.js';
 const { defaultOptions, defaultTime } = D;
 import G from './Globals.js';
-const { doc } = G;
+const { pageLang } = G;
 import U from './Utilities.js';
-const { extend, getNestedProperty, isArray, isNumber, isObject, pick, ucfirst } = U;
+const { extend, getNestedProperty, isArray, isNumber, isObject, isString, pick, ucfirst } = U;
 const helpers = {
     // Built-in helpers
     add: (a, b) => a + b,
@@ -48,6 +48,8 @@ const numberFormatCache = {};
  *  Functions
  *
  * */
+// Internal convenience function
+const isQuotedString = (str) => /^["'].+["']$/.test(str);
 /**
  * Formats a JavaScript date timestamp (milliseconds since Jan 1st 1970) into a
  * human readable date string. The format is a subset of the formats for PHP's
@@ -125,11 +127,11 @@ function dateFormat(format, timestamp, upperCaseFirst) {
  *         The formatted string.
  */
 function format(str = '', ctx, chart) {
-    const regex = /\{([\p{L}\d:\.,;\-\/<>\[\]%_@"'’= #\(\)]+)\}/gu, 
+    const regex = /\{([\p{L}\d:\.,;\-\/<>\[\]%_@+"'’= #\(\)]+)\}/gu, 
     // The sub expression regex is the same as the top expression regex,
     // but except parens and block helpers (#), and surrounded by parens
     // instead of curly brackets.
-    subRegex = /\(([\p{L}\d:\.,;\-\/<>\[\]%_@"'= ]+)\)/gu, matches = [], floatRegex = /f$/, decRegex = /\.(\d)/, lang = chart?.options.lang || defaultOptions.lang, time = chart && chart.time || defaultTime, numberFormatter = chart && chart.numberFormatter || numberFormat;
+    subRegex = /\(([\p{L}\d:\.,;\-\/<>\[\]%_@+"'= ]+)\)/gu, matches = [], floatRegex = /f$/, decRegex = /\.(\d)/, lang = chart?.options.lang || defaultOptions.lang, time = chart && chart.time || defaultTime, numberFormatter = chart && chart.numberFormatter || numberFormat;
     /*
      * Get a literal or variable value inside a template expression. May be
      * extended with other types like string or null if needed, but keep it
@@ -147,7 +149,7 @@ function format(str = '', ctx, chart) {
         if ((n = Number(key)).toString() === key) {
             return n;
         }
-        if (/^["'].+["']$/.test(key)) {
+        if (isQuotedString(key)) {
             return key.slice(1, -1);
         }
         // Variables and constants
@@ -260,7 +262,8 @@ function format(str = '', ctx, chart) {
             // Simple variable replacement
         }
         else {
-            const valueAndFormat = expression.split(':');
+            const valueAndFormat = isQuotedString(expression) ?
+                [expression] : expression.split(':');
             replacement = resolveProperty(valueAndFormat.shift() || '');
             // Format the replacement
             if (valueAndFormat.length && typeof replacement === 'number') {
@@ -273,13 +276,14 @@ function format(str = '', ctx, chart) {
                 }
                 else {
                     replacement = time.dateFormat(segment, replacement);
-                    // Use string literal in order to be preserved in the outer
-                    // expression
-                    if (hasSub) {
-                        replacement = `"${replacement}"`;
-                    }
                 }
             }
+            // Use string literal in order to be preserved in the outer
+            // expression
+            subRegex.lastIndex = 0;
+            if (subRegex.test(match.find) && isString(replacement)) {
+                replacement = `"${replacement}"`;
+            }
         }
         str = str.replace(match.find, pick(replacement, ''));
     });
@@ -360,16 +364,16 @@ function numberFormat(number, decimals, decimalPoint, thousandsSep) {
     }
     const hasSeparators = thousandsSep || decimalPoint, locale = hasSeparators ?
         'en' :
-        (this?.locale ||
-            lang.locale ||
-            doc.body.closest('[lang]')?.lang), cacheKey = JSON.stringify(options) + locale, nf = numberFormatCache[cacheKey] ?? (numberFormatCache[cacheKey] = new Intl.NumberFormat(locale, options));
+        (this?.locale || lang.locale || pageLang), cacheKey = JSON.stringify(options) + locale, nf = numberFormatCache[cacheKey] ?? (numberFormatCache[cacheKey] = new Intl.NumberFormat(locale, options));
     ret = nf.format(number);
     // If thousandsSep or decimalPoint are set, fall back to using English
     // format with string replacement for the separators.
     if (hasSeparators) {
         ret = ret
-            .replace(/\,/g, thousandsSep ?? ',')
-            .replace('.', decimalPoint ?? '.');
+            // Preliminary step to avoid re-swapping (#22402)
+            .replace(/([,\.])/g, '_$1')
+            .replace(/_\,/g, thousandsSep ?? ',')
+            .replace('_.', decimalPoint ?? '.');
     }
     if (
     // Remove signed zero (#20564)

package/es-modules/Core/Time.js

@@ -9,7 +9,7 @@
  * */
 'use strict';
 import H from './Globals.js';
-const { win } = H;
+const { pageLang, win } = H;
 import U from './Utilities.js';
 const { defined, error, extend, isNumber, isObject, isString, merge, objectEach, pad, splat, timeUnits, ucfirst } = U;
 /* *
@@ -36,9 +36,17 @@ const spanishWeekdayIndex = (weekday) => ['D', 'L', 'M', 'X', 'J', 'V', 'S'].ind
  * `Highcharts.setOptions`, or individually for each Chart item through the
  * [time](https://api.highcharts.com/highcharts/time) options set.
  *
- * The Time object is available from {@link Highcharts.Chart#time},
- * which refers to  `Highcharts.time` if no individual time settings are
- * applied.
+ * The Time object is available from {@link Highcharts.Chart#time}, which refers
+ * to  `Highcharts.time` unless individual time settings are applied for each
+ * chart.
+ *
+ * When configuring time settings for individual chart instances, be aware that
+ * using `Highcharts.dateFormat` or `Highcharts.time.dateFormat` within
+ * formatter callbacks relies on the global time object, which applies the
+ * global language and time zone settings. To ensure charts with local time
+ * settings function correctly, use `chart.time.dateFormat? instead. However,
+ * the recommended best practice is to use `setOptions` to define global time
+ * settings unless specific configurations are needed for each chart.
  *
  * @example
  * // Apply time settings globally
@@ -76,8 +84,8 @@ const spanishWeekdayIndex = (weekday) => ['D', 'L', 'M', 'X', 'J', 'V', 'S'].ind
  * @class
  * @name Highcharts.Time
  *
- * @param {Highcharts.TimeOptions} [options]
- * Time options as defined in [chart.options.time](/highcharts/time).
+ * @param {Highcharts.TimeOptions} [options] Time options as defined in
+ * [chart.options.time](/highcharts/time).
  */
 class Time {
     /* *
@@ -91,7 +99,9 @@ class Time {
          *  Properties
          *
          * */
-        this.options = {};
+        this.options = {
+            timezone: 'UTC'
+        };
         this.variableTimezone = false;
         this.Date = win.Date;
         this.update(options);
@@ -113,12 +123,13 @@ class Time {
      *
      */
     update(options = {}) {
-        let timezone = options.timezone ?? 'UTC';
         this.dTLCache = {};
         this.options = options = merge(true, this.options, options);
         const { timezoneOffset, useUTC } = options;
         // Allow using a different Date class
         this.Date = options.Date || win.Date || Date;
+        // Assign the time zone. Handle the legacy, deprecated `useUTC` option.
+        let timezone = options.timezone;
         if (defined(useUTC)) {
             timezone = useUTC ? 'UTC' : void 0;
         }
@@ -194,7 +205,7 @@ class Time {
     /**
      * Shorthand to get a cached `Intl.DateTimeFormat` instance.
      */
-    dateTimeFormat(options, timestamp, locale = this.options.locale) {
+    dateTimeFormat(options, timestamp, locale = this.options.locale || pageLang) {
         const cacheKey = JSON.stringify(options) + locale;
         if (isString(options)) {
             options = this.str2dtf(options);
@@ -561,7 +572,7 @@ class Time {
         }
         else if (isObject(format)) {
             const tzHours = (this.getTimezoneOffset(timestamp) || 0) /
-                (60000 * 60), timeZone = this.options.timezone || ('Etc/GMT' + (tzHours >= 0 ? '+' : '') + tzHours), { prefix = '', suffix = '' } = format;
+                (60000 * 60), timeZone = this.timezone || ('Etc/GMT' + (tzHours >= 0 ? '+' : '') + tzHours), { prefix = '', suffix = '' } = format;
             format = prefix + this.dateTimeFormat(extend({ timeZone }, format), timestamp) + suffix;
         }
         // Optionally sentence-case the string and return

package/es-modules/Core/Utilities.js

@@ -1094,7 +1094,7 @@ function getNestedProperty(path, parent) {
             }
             return thisProp ?? parent;
         }
-        const child = parent[pathElement];
+        const child = parent[pathElement.replace(/[\\'"]/g, '')];
         // Filter on the child
         if (!defined(child) ||
             typeof child === 'function' ||

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

@@ -432,6 +432,7 @@ CSVConverter.defaultOptions = {
     ...DataConverter.defaultOptions,
     lineDelimiter: '\n'
 };
+DataConverter.registerType('CSV', CSVConverter);
 /* *
  *
  *  Default Export

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

@@ -12,6 +12,7 @@
  *  - Gøran Slettemark
  *  - Torstein Hønsi
  *  - Wojciech Chmiel
+ *  - Jomar Hønsi
  *
  * */
 'use strict';
@@ -560,11 +561,41 @@ DataConverter.defaultOptions = {
      *  Declarations
      *
      * */
+    /* *
+     *
+     *  Constants
+     *
+     * */
+    /**
+     * Registry as a record object with connector names and their class.
+     */
+    DataConverter.types = {};
     /* *
      *
      *  Functions
      *
      * */
+    /**
+     * Adds a converter class to the registry.
+     *
+     * @private
+     *
+     * @param {string} key
+     * Registry key of the converter class.
+     *
+     * @param {DataConverterTypes} DataConverterClass
+     * Connector class (aka class constructor) to register.
+     *
+     * @return {boolean}
+     * Returns true, if the registration was successful. False is returned, if
+     * their is already a converter registered with this key.
+     */
+    function registerType(key, DataConverterClass) {
+        return (!!key &&
+            !DataConverter.types[key] &&
+            !!(DataConverter.types[key] = DataConverterClass));
+    }
+    DataConverter.registerType = registerType;
     /**
      * Converts an array of columns to a table instance. Second dimension of the
      * array are the row cells.

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

@@ -127,6 +127,7 @@ class GoogleSheetsConverter extends DataConverter {
 GoogleSheetsConverter.defaultOptions = {
     ...DataConverter.defaultOptions
 };
+DataConverter.registerType('GoogleSheets', GoogleSheetsConverter);
 /* *
  *
  *  Default Export

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

@@ -352,6 +352,7 @@ HTMLTableConverter.defaultOptions = {
     useRowspanHeaders: true,
     useMultiLevelHeaders: true
 };
+DataConverter.registerType('HTMLTable', HTMLTableConverter);
 /* *
  *
  *  Default Export

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

@@ -173,6 +173,7 @@ JSONConverter.defaultOptions = {
     data: [],
     orientation: 'rows'
 };
+DataConverter.registerType('JSON', JSONConverter);
 /* *
  *
  *  Default Export

package/es-modules/Extensions/Boost/BoostSeries.js

@@ -547,10 +547,17 @@ function getPoint(series, boostPoint) {
     if (boostPoint instanceof PointClass) {
         return boostPoint;
     }
-    const xData = ((series.getColumn('x').length ? series.getColumn('x') : void 0) ||
+    const isScatter = series.is('scatter'), xData = ((isScatter && series.getColumn('x', true).length ?
+        series.getColumn('x', true) :
+        void 0) ||
+        (series.getColumn('x').length ? series.getColumn('x') : void 0) ||
         seriesOptions.xData ||
         series.getColumn('x', true) ||
-        false), point = new PointClass(series, (isArray(series.options.data) ? series.options.data : [])[boostPoint.i], xData ? xData[boostPoint.i] : void 0);
+        false), yData = (series.getColumn('y', true) ||
+        seriesOptions.yData ||
+        false), point = new PointClass(series, (isScatter && xData && yData) ?
+        [xData[boostPoint.i], yData[boostPoint.i]] :
+        (isArray(series.options.data) ? series.options.data : [])[boostPoint.i], xData ? xData[boostPoint.i] : void 0);
     point.category = pick(xAxis.categories ?
         xAxis.categories[point.x] :
         point.x, // @todo simplify
@@ -569,7 +576,6 @@ function getPoint(series, boostPoint) {
  * @private
  */
 function scatterProcessData(force) {
-    var _a, _b, _c, _d;
     const series = this, { options, xAxis, yAxis } = series;
     // Process only on changes
     if (!series.isDirty &&
@@ -636,12 +642,12 @@ function scatterProcessData(force) {
         }
     }
     if (xRangeNeeded) {
-        (_a = xAxis.options).max ?? (_a.max = xDataMax);
-        (_b = xAxis.options).min ?? (_b.min = xDataMin);
+        xAxis.dataMax = Math.max(xDataMax, xAxis.dataMax || 0);
+        xAxis.dataMin = Math.min(xDataMin, xAxis.dataMin || 0);
     }
     if (yRangeNeeded) {
-        (_c = yAxis.options).max ?? (_c.max = yDataMax);
-        (_d = yAxis.options).min ?? (_d.min = yDataMin);
+        yAxis.dataMax = Math.max(yDataMax, yAxis.dataMax || 0);
+        yAxis.dataMin = Math.min(yDataMin, yAxis.dataMin || 0);
     }
     // Set properties as base processData
     series.cropped = cropped;

package/es-modules/Extensions/DragPanes/AxisResizer.js

@@ -214,7 +214,7 @@ class AxisResizer {
                 }
                 top = axis.top;
                 const minLength = Math.round(relativeLength(axisOptions.minLength || NaN, plotHeight)), maxLength = Math.round(relativeLength(axisOptions.maxLength || NaN, plotHeight));
-                if (!isFirst) {
+                if (!isFirst && axesGroup === nextAxes) {
                     // Try to change height first. yDelta could had changed
                     yDelta = chartY - resizer.lastPos;
                     // Normalize height to option limits

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

@@ -22,7 +22,7 @@ import G from '../../Core/Globals.js';
 const { doc, SVG_NS, win } = G;
 import HU from '../../Core/HttpUtilities.js';
 import U from '../../Core/Utilities.js';
-const { addEvent, css, createElement, discardElement, extend, find, fireEvent, isObject, merge, objectEach, pick, removeEvent, uniqueKey } = U;
+const { addEvent, css, createElement, discardElement, extend, find, fireEvent, isObject, merge, objectEach, pick, removeEvent, splat, uniqueKey } = U;
 /* *
  *
  *  Composition
@@ -757,15 +757,23 @@ var Exporting;
         }
         // Reflect axis extremes in the export (#5924)
         chart.axes.forEach(function (axis) {
-            const axisCopy = find(chartCopy.axes, function (copy) {
-                return copy.options.internalKey ===
-                    axis.userOptions.internalKey;
-            }), extremes = axis.getExtremes(), userMin = extremes.userMin, userMax = extremes.userMax;
-            if (axisCopy &&
-                ((typeof userMin !== 'undefined' &&
+            const axisCopy = find(chartCopy.axes, (copy) => copy.options.internalKey === axis.userOptions.internalKey);
+            if (axisCopy) {
+                const extremes = axis.getExtremes(), 
+                // Make sure min and max overrides in the
+                // `exporting.chartOptions.xAxis` settings are reflected.
+                // These should override user-set extremes via zooming,
+                // scrollbar etc (#7873).
+                exportOverride = splat(chartOptions?.[axis.coll] || {})[0], userMin = 'min' in exportOverride ?
+                    exportOverride.min :
+                    extremes.userMin, userMax = 'max' in exportOverride ?
+                    exportOverride.max :
+                    extremes.userMax;
+                if (((typeof userMin !== 'undefined' &&
                     userMin !== axisCopy.min) || (typeof userMax !== 'undefined' &&
                     userMax !== axisCopy.max))) {
-                axisCopy.setExtremes(userMin, userMax, true, false);
+                    axisCopy.setExtremes(userMin ?? void 0, userMax ?? void 0, true, false);
+                }
             }
         });
         // Get the SVG from the container's innerHTML

package/es-modules/Extensions/SeriesLabel/SeriesLabelDefaults.js

@@ -79,7 +79,9 @@ const SeriesLabelDefaults = {
      * small areas get a smaller font size. The default applies this
      * effect to area-like series but not line-like series.
      *
-     * @type {number|null}
+     * @sample highcharts/demo/streamgraph
+     *         Min and max font size on a streamgraph
+     * @type   {number|null}
      */
     minFontSize: null,
     /**
@@ -87,7 +89,10 @@ const SeriesLabelDefaults = {
      * small areas get a smaller font size. The default applies this
      * effect to area-like series but not line-like series.
      *
-     * @type {number|null}
+     * @sample highcharts/demo/streamgraph
+     *         Min and max font size on a streamgraph
+     *
+     * @type   {number|null}
      */
     maxFontSize: null,
     /**