highcharts 13.0.0 → 13.0.1

package/es-modules/Extensions/Annotations/Types/Measure.js

@@ -7,6 +7,8 @@ import Annotation from '../Annotation.js';
 import ControlPoint from '../ControlPoint.js';
 import D from '../../../Core/Defaults.js';
 const { defaultOptions } = D;
+import NBU from '../NavigationBindingsUtilities.js';
+const { getAxisFromOptions } = NBU;
 import { defined, extend, isNumber, merge, pick } from '../../../Shared/Utilities.js';
 if (defaultOptions.annotations?.types) {
     /**
@@ -194,7 +196,10 @@ if (defaultOptions.annotations?.types) {
         },
         controlPointOptions: {
             positioner: function (target) {
-                const cpIndex = this.index, chart = target.chart, options = target.options, typeOptions = options.typeOptions, selectType = typeOptions.selectType, controlPointOptions = options.controlPointOptions, inverted = chart.inverted, xAxis = chart.xAxis[typeOptions.xAxis], yAxis = chart.yAxis[typeOptions.yAxis], ext = getExtremes(target.xAxisMin, target.xAxisMax, target.yAxisMin, target.yAxisMax);
+                const cpIndex = this.index, chart = target.chart, options = target.options, typeOptions = options.typeOptions, selectType = typeOptions.selectType, controlPointOptions = options.controlPointOptions, inverted = chart.inverted, xAxis = getAxisFromOptions(chart, 'xAxis', typeOptions.xAxis), yAxis = getAxisFromOptions(chart, 'yAxis', typeOptions.yAxis), ext = getExtremes(target.xAxisMin, target.xAxisMax, target.yAxisMin, target.yAxisMax);
+                if (!xAxis || !yAxis) {
+                    return { x: 0, y: 0 };
+                }
                 let targetX = target.xAxisMax, targetY = target.yAxisMax, x, y;
                 if (selectType === 'x') {
                     targetY = (ext.yAxisMax + ext.yAxisMin) / 2;
@@ -331,7 +336,11 @@ function getPointPos(axis, value, offset) {
  * @internal
  */
 function init() {
-    const options = this.options.typeOptions, chart = this.chart, inverted = chart.inverted, xAxis = chart.xAxis[options.xAxis], yAxis = chart.yAxis[options.yAxis], bg = options.background, width = inverted ? bg.height : bg.width, height = inverted ? bg.width : bg.height, selectType = options.selectType, top = inverted ? xAxis.left : yAxis.top, // #13664
+    const options = this.options.typeOptions, chart = this.chart, inverted = chart.inverted, xAxis = getAxisFromOptions(chart, 'xAxis', options.xAxis), yAxis = getAxisFromOptions(chart, 'yAxis', options.yAxis), bg = options.background, width = inverted ? bg.height : bg.width, height = inverted ? bg.width : bg.height, selectType = options.selectType;
+    if (!xAxis || !yAxis) {
+        return;
+    }
+    const top = inverted ? xAxis.left : yAxis.top, // #13664
     left = inverted ? yAxis.top : xAxis.left; // #13664
     this.startXMin = options.point.x;
     this.startYMin = options.point.y;
@@ -413,7 +422,10 @@ function min() {
  *        Flag if shape is resized.
  */
 function recalculate(resize) {
-    const options = this.options.typeOptions, xAxis = this.chart.xAxis[options.xAxis], yAxis = this.chart.yAxis[options.yAxis], offsetX = this.offsetX, offsetY = this.offsetY;
+    const options = this.options.typeOptions, xAxis = getAxisFromOptions(this.chart, 'xAxis', options.xAxis), yAxis = getAxisFromOptions(this.chart, 'yAxis', options.yAxis), offsetX = this.offsetX, offsetY = this.offsetY;
+    if (!xAxis || !yAxis) {
+        return;
+    }
     this.xAxisMin = getPointPos(xAxis, this.startXMin, offsetX);
     this.xAxisMax = getPointPos(xAxis, this.startXMax, offsetX);
     this.yAxisMin = getPointPos(yAxis, this.startYMin, offsetY);
@@ -439,7 +451,10 @@ function recalculate(resize) {
  */
 function updateStartPoints(redraw, resize, cpIndex, dx, dy) {
     var _a;
-    const options = this.options.typeOptions, selectType = options.selectType, xAxis = this.chart.xAxis[options.xAxis], yAxis = this.chart.yAxis[options.yAxis], startXMin = this.startXMin, startXMax = this.startXMax, startYMin = this.startYMin, startYMax = this.startYMax, offsetX = this.offsetX, offsetY = this.offsetY;
+    const options = this.options.typeOptions, selectType = options.selectType, xAxis = getAxisFromOptions(this.chart, 'xAxis', options.xAxis), yAxis = getAxisFromOptions(this.chart, 'yAxis', options.yAxis), startXMin = this.startXMin, startXMax = this.startXMax, startYMin = this.startYMin, startYMax = this.startYMax, offsetX = this.offsetX, offsetY = this.offsetY;
+    if (!xAxis || !yAxis) {
+        return;
+    }
     if (resize) {
         if (selectType === 'x') {
             if (cpIndex === 0) {
@@ -510,8 +525,8 @@ class Measure extends Annotation {
      * Overrides default setter to get axes from typeOptions.
      */
     setClipAxes() {
-        this.clipXAxis = this.chart.xAxis[this.options.typeOptions.xAxis];
-        this.clipYAxis = this.chart.yAxis[this.options.typeOptions.yAxis];
+        this.clipXAxis = getAxisFromOptions(this.chart, 'xAxis', this.options.typeOptions.xAxis);
+        this.clipYAxis = getAxisFromOptions(this.chart, 'yAxis', this.options.typeOptions.yAxis);
     }
     /**
      * Get points configuration objects for shapes.
@@ -637,10 +652,13 @@ class Measure extends Annotation {
      * Add internal crosshair shapes (on top and bottom).
      */
     addCrosshairs() {
-        const chart = this.chart, options = this.options.typeOptions, point = this.options.typeOptions.point, xAxis = chart.xAxis[options.xAxis], yAxis = chart.yAxis[options.yAxis], inverted = chart.inverted, defaultOptions = {
+        const chart = this.chart, options = this.options.typeOptions, point = this.options.typeOptions.point, xAxis = getAxisFromOptions(chart, 'xAxis', options.xAxis), yAxis = getAxisFromOptions(chart, 'yAxis', options.yAxis), inverted = chart.inverted, defaultOptions = {
             point: point,
             type: 'path'
         };
+        if (!xAxis || !yAxis) {
+            return;
+        }
         let xAxisMin = xAxis.toPixels(this.xAxisMin), xAxisMax = xAxis.toPixels(this.xAxisMax), yAxisMin = yAxis.toPixels(this.yAxisMin), yAxisMax = yAxis.toPixels(this.yAxisMax), pathH = [], pathV = [], crosshairOptionsX, crosshairOptionsY, temp;
         if (inverted) {
             temp = xAxisMin;

package/es-modules/Extensions/Annotations/Types/TimeCycles.js

@@ -10,6 +10,8 @@ import CrookedLine from './CrookedLine.js';
 import D from '../../../Core/Defaults.js';
 const { defaultOptions } = D;
 import ControlPoint from '../ControlPoint.js';
+import NBU from '../NavigationBindingsUtilities.js';
+const { getAxisFromOptions } = NBU;
 import { defined, isNumber, merge } from '../../../Shared/Utilities.js';
 if (defaultOptions.annotations?.types) {
     defaultOptions.annotations.types.timeCycles = merge(defaultOptions.annotations.types.crookedLine, 
@@ -166,8 +168,8 @@ class TimeCycles extends CrookedLine {
         if (!points) {
             return;
         }
-        const point1 = points[0], point2 = points[1], xAxisNumber = options.xAxis || 0, yAxisNumber = options.yAxis || 0, xAxis = this.chart.xAxis[xAxisNumber], yAxis = this.chart.yAxis[yAxisNumber], xValue1 = point1.x, yValue = point1.y, xValue2 = point2.x;
-        if (!xValue1 || !xValue2) {
+        const point1 = points[0], point2 = points[1], xAxis = getAxisFromOptions(this.chart, 'xAxis', options.xAxis ?? 0), yAxis = getAxisFromOptions(this.chart, 'yAxis', options.yAxis ?? 0), xValue1 = point1.x, yValue = point1.y, xValue2 = point2.x;
+        if (!xValue1 || !xValue2 || !xAxis || !yAxis) {
             return;
         }
         const y = isNumber(yValue) ?

package/es-modules/Extensions/Annotations/Types/Tunnel.js

@@ -9,6 +9,8 @@ import CrookedLine from './CrookedLine.js';
 import D from '../../../Core/Defaults.js';
 const { defaultOptions } = D;
 import MockPoint from '../MockPoint.js';
+import NBU from '../NavigationBindingsUtilities.js';
+const { getAxisFromOptions } = NBU;
 import { merge } from '../../../Shared/Utilities.js';
 if (defaultOptions.annotations?.types) {
     defaultOptions.annotations.types.tunnel = merge(defaultOptions.annotations.types.crookedLine, 
@@ -111,7 +113,7 @@ class Tunnel extends CrookedLine {
      *
      * */
     getPointsOptions() {
-        const pointsOptions = CrookedLine.prototype.getPointsOptions.call(this), yAxisIndex = this.options.typeOptions?.yAxis || 0, yAxis = this.chart.yAxis[yAxisIndex];
+        const pointsOptions = CrookedLine.prototype.getPointsOptions.call(this), yAxis = getAxisFromOptions(this.chart, 'yAxis', this.options.typeOptions?.yAxis ?? 0);
         pointsOptions[2] = this.heightPointOptions(pointsOptions[1]);
         pointsOptions[3] = this.heightPointOptions(pointsOptions[0]);
         // In case of log axis, translate the bottom left point again, #16769

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

@@ -84,6 +84,19 @@ function compose(ChartClass, AxisClass, SeriesClass, seriesTypes, PointClass, Co
                 opacity
             });
         }
+        // Boosted scatter crops its data table on the Y axis, so it must be
+        // reprocessed when the axis extremes change (#24386).
+        if (!this.isPanning) {
+            for (const series of this.series) {
+                if (series.boost &&
+                    series.is('scatter') &&
+                    !series.is('bubble') &&
+                    !series.is('treemap') &&
+                    !series.is('heatmap')) {
+                    series.isDirty = true;
+                }
+            }
+        }
     });
 }
 /**

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

@@ -627,7 +627,14 @@ function scatterProcessData(force) {
     // Required to get tick-based zoom ranges that take options into account
     // like `minPadding`, `maxPadding`, `startOnTick`, `endOnTick`.
     series.yAxis.setTickInterval();
-    const boostThreshold = options.boostThreshold || 0, cropThreshold = options.cropThreshold, xData = series.getColumn('x'), xExtremes = xAxis.getExtremes(), xMax = xExtremes.max ?? Number.MAX_VALUE, xMin = xExtremes.min ?? -Number.MAX_VALUE, yData = series.getColumn('y'), yExtremes = yAxis.getExtremes(), yMax = yExtremes.max ?? Number.MAX_VALUE, yMin = yExtremes.min ?? -Number.MAX_VALUE;
+    const boostThreshold = options.boostThreshold || 0, cropThreshold = options.cropThreshold, xData = series.getColumn('x'), xExtremes = xAxis.getExtremes(), xMax = xExtremes.max ?? Number.MAX_VALUE, xMin = xExtremes.min ?? -Number.MAX_VALUE, yData = series.getColumn('y'), yExtremes = yAxis.getExtremes(), yMax = yExtremes.max ?? Number.MAX_VALUE, yMin = yExtremes.min ?? -Number.MAX_VALUE, 
+    // Crop on the Y axis only against the hard options bounds, not the
+    // auto-scaled `yAxis.min` and `yAxis.max`. Cropping against them would
+    // lock reset zoom to the old window and stop the data extremes from
+    // being restored (#24386).
+    yCropMin = yAxis.userMin ?? (isNumber(yAxis.options.min) ?
+        yAxis.options.min : -Number.MAX_VALUE), yCropMax = yAxis.userMax ?? (isNumber(yAxis.options.max) ?
+        yAxis.options.max : Number.MAX_VALUE);
     /// if (series.boost) {
     //     delete series.boost.pointDataIndices;
     // }
@@ -667,7 +674,7 @@ function scatterProcessData(force) {
         x = xData[i];
         y = yData?.[i];
         if (x >= xMin && x <= xMax &&
-            y >= yMin && y <= yMax) {
+            y >= yCropMin && y <= yCropMax) {
             processedXData.push(x);
             processedYData.push(y);
             processedDataIndices.push(i);

package/es-modules/Extensions/BorderRadius.js

@@ -127,7 +127,7 @@ function arc(x, y, w, h, options = {}) {
     if (options.open || !options.borderRadius) {
         return path;
     }
-    const alpha = end - start, sinHalfAlpha = Math.sin(alpha / 2), borderRadius = Math.max(Math.min(relativeLength(options.borderRadius || 0, r - innerR), 
+    const alpha = end - start, sinHalfAlpha = Math.sin(alpha / 2), borderRadius = Math.max(Math.min(relativeLength(borderRadiusObject(options.borderRadius).radius, r - innerR), 
     // Cap to half the sector radius
     (r - innerR) / 2, 
     // For smaller pie slices, cap to the largest small circle that
@@ -153,7 +153,7 @@ function seriesOnAfterColumnTranslate() {
     if (this.options.borderRadius &&
         !(this.chart.is3d && this.chart.is3d())) {
         const { options, yAxis } = this, percent = options.stacking === 'percent', seriesDefault = defaultOptions.plotOptions?.[this.type]
-            ?.borderRadius, borderRadius = optionsToObject(options.borderRadius, isObject(seriesDefault) ? seriesDefault : {}), reversed = yAxis.options.reversed;
+            ?.borderRadius, borderRadius = borderRadiusObject(options.borderRadius, isObject(seriesDefault) ? seriesDefault : {}), reversed = yAxis.options.reversed;
         for (const point of this.points) {
             const { shapeArgs } = point;
             if (point.shapeType === 'roundedRect' && shapeArgs) {
@@ -225,8 +225,12 @@ export function composeBorderRadius(SeriesClass, SVGElementClass, SVGRendererCla
         symbols.roundedRect = roundedRect;
     }
 }
-/** @internal */
-export function optionsToObject(options, seriesBROptions) {
+/**
+ * Utility function to get the full border radius options object, from a simple
+ * number or a partial options object.
+ * @internal
+ */
+export function borderRadiusObject(options, seriesBROptions) {
     if (!isObject(options)) {
         options = { radius: options || 0 };
     }
@@ -234,7 +238,7 @@ export function optionsToObject(options, seriesBROptions) {
 }
 /** @internal */
 function pieSeriesOnAfterTranslate() {
-    const borderRadius = optionsToObject(this.options.borderRadius);
+    const borderRadius = borderRadiusObject(this.options.borderRadius);
     for (const point of this.points) {
         const shapeArgs = point.shapeArgs;
         if (shapeArgs) {
@@ -353,7 +357,7 @@ function roundedRect(x, y, width, height, options = {}) {
 *          Column and pie with rounded border
 *
 * @name Highcharts.BorderRadiusOptionsObject#radius
-* @type {string|number}
+* @type {string|number|undefined}
 */ /**
 * The scope of the rounding for column charts or plot bands. In a stacked
 * column chart, the value `point` means each single point will get rounded
@@ -368,8 +372,7 @@ function roundedRect(x, y, width, height, options = {}) {
 *          Rounded columns
 *
 * @name Highcharts.BorderRadiusOptionsObject#scope
-* @validvalue ["individual", "point", "stack"]
-* @type {string}
+* @type {"individual"|"point"|"stack"|undefined}
 */ /**
 * For column charts, where in the point or stack to apply rounding. The `end`
 * value means only those corners at the point value will be rounded, leaving
@@ -380,8 +383,7 @@ function roundedRect(x, y, width, height, options = {}) {
 *          Rounding on all corners
 *
 * @name Highcharts.BorderRadiusOptionsObject#where
-* @validvalue ["all", "end"]
-* @type {string}
+* @type {"all"|"end"|undefined}
 * @default end
 */
 (''); // Keeps doclets above in JS file

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

@@ -547,7 +547,7 @@ export default Breadcrumbs;
  *
  * @callback Highcharts.BreadcrumbsClickCallbackFunction
  *
- * @param {Highcharts.Event} event
+ * @param {Event} event
  * Event.
  *
  * @param {Highcharts.BreadcrumbOptions} breadcrumb

package/es-modules/Extensions/DraggablePoints/DraggableChart.js

@@ -11,8 +11,7 @@
  *
  * */
 'use strict';
-import A from '../../Core/Animation/AnimationUtilities.js';
-const { animObject } = A;
+import { animObject } from '../../Core/Animation/AnimationUtilities.js';
 import DDU from './DragDropUtilities.js';
 const { addEvents, countProps, getFirstProp, getNormalizedEvent } = DDU;
 import DragDropDefaults from './DragDropDefaults.js';

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

@@ -11,8 +11,7 @@
  *
  * */
 'use strict';
-import A from '../../Core/Animation/AnimationUtilities.js';
-const { animObject, stop } = A;
+import { animObject, stop } from '../../Core/Animation/AnimationUtilities.js';
 import Breadcrumbs from '../Breadcrumbs/Breadcrumbs.js';
 import H from '../../Core/Globals.js';
 const { noop } = H;

package/es-modules/Extensions/Drilldown/DrilldownSeries.js

@@ -11,8 +11,7 @@
  *
  * */
 'use strict';
-import A from '../../Core/Animation/AnimationUtilities.js';
-const { animObject } = A;
+import { animObject } from '../../Core/Animation/AnimationUtilities.js';
 import { addEvent, extend, fireEvent, isString, merge, splat, syncTimeout } from '../../Shared/Utilities.js';
 /* *
  *

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

@@ -580,7 +580,7 @@ var ExportData;
      */
     function getTableAST(useLocalDecimalPoint) {
         let rowLength = 0;
-        const treeChildren = [], exporting = this, chart = exporting.chart, options = chart.options, decimalPoint = useLocalDecimalPoint ? (1.1).toLocaleString()[1] : '.', useMultiLevelHeaders = pick(exporting.options.useMultiLevelHeaders, true), rows = exporting.getDataRows(useMultiLevelHeaders), topHeaders = useMultiLevelHeaders ? rows.shift() : null, subHeaders = rows.shift(), 
+        const treeChildren = [], exporting = this, chart = exporting.chart, options = chart.options, decimalPoint = useLocalDecimalPoint ? (1.1).toLocaleString()[1] : void 0, useMultiLevelHeaders = pick(exporting.options.useMultiLevelHeaders, true), rows = exporting.getDataRows(useMultiLevelHeaders), topHeaders = useMultiLevelHeaders ? rows.shift() : null, subHeaders = rows.shift(), 
         // Compare two rows for equality
         isRowEqual = function (row1, row2) {
             let i = row1.length;
@@ -980,6 +980,10 @@ export default ExportData;
  *  API Declarations
  *
  * */
+/**
+ * @class
+ * @name Highcharts.Exporting
+ */
 /**
  * Function callback to execute while data rows are processed for exporting.
  * This allows the modification of data rows before processed into the final

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

@@ -186,8 +186,8 @@ export class Exporting {
     }
     /** @internal */
     /**
-     * Collects all unique font family names used inline
-     * within <text> and <tspan> elements of an SVG by inspecting
+     * Collects all unique font family names used inline within the root
+     * SVG element and its <text> and <tspan> elements by inspecting
      * their style attributes and font-family attributes.
      *
      * @param {SVGSVGElement} svg
@@ -196,8 +196,11 @@ export class Exporting {
      * The set to store and accumulate unique font family names.
      */
     static collectSVGInlineFonts(svg, usedFontFamilies) {
-        const textNodes = svg.querySelectorAll('text, tspan');
-        for (const textNode of Array.from(textNodes)) {
+        // Include the root SVG element itself, since the chart-wide
+        // `chart.style.fontFamily` is applied there rather than on the
+        // individual text nodes (#24722).
+        const nodes = [svg, ...Array.from(svg.querySelectorAll('text, tspan'))];
+        for (const textNode of nodes) {
             const styleAttr = textNode.getAttribute('style') || '';
             const inlineFontFamily = textNode.getAttribute('font-family') || '';
             if (styleAttr.indexOf('font-family') > -1) {
@@ -220,18 +223,6 @@ export class Exporting {
                 return;
             }
             visited.add(href);
-            try {
-                const sheetOrigin = new URL(href, doc.baseURI).origin;
-                if (sheetOrigin !== win.location.origin) {
-                    // We skip all cross-origin stylesheets on purpose.
-                    // This prevents DOM SecurityErrors and unhandled network
-                    // rejections when the browser blocks cssRules access.
-                    return;
-                }
-            }
-            catch {
-                // URL parsing failed, proceed to try/catch
-            }
         }
         try {
             for (const rule of Array.from(sheet.cssRules)) {
@@ -438,6 +429,12 @@ export class Exporting {
     static sanitizeSVG(svg, 
     /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
     options) {
+        // Remove any HTML added to the container after the SVG, like the
+        // Stock Tools GUI wrapper (#894, #9087, #24754)
+        const split = svg.lastIndexOf('</svg>');
+        if (split > -1) {
+            svg = svg.substr(0, split + 6);
+        }
         svg = svg
             // Some tags needs to be closed in xhtml (#13726)
             .replace(/(<(?:img|br).*?(?=\>))>/g, '$1 />')
@@ -1198,6 +1195,7 @@ export class Exporting {
      * The SVG representation of the rendered chart.
      *
      * @emits Highcharts.Chart#event:getSVG
+     * @emits Highcharts.Chart#event:afterGetSVG
      *
      * @requires modules/exporting
      */
@@ -1316,11 +1314,12 @@ export class Exporting {
             if (exporting?.options.applyStyleSheets) {
                 this.applyShadowDOMStyles(chartCopy);
             }
+            fireEvent(chart, 'getSVG', { chartCopy });
             // Get the SVG from the container's innerHTML
             svg = exporting?.getChartHTML(chart.styledMode ||
                 options?.exporting?.applyStyleSheets) || '';
-            fireEvent(chart, 'getSVG', { chartCopy: chartCopy });
             svg = Exporting.sanitizeSVG(svg, options);
+            fireEvent(chart, 'afterGetSVG', { chartCopy, svg });
             // Free up memory
             options = void 0;
             chartCopy.destroy();
@@ -1373,11 +1372,11 @@ export class Exporting {
         // getComputedStyle sees them
         rootNode?.querySelectorAll('style').forEach((style) => {
             const clonedStyle = style.cloneNode(true);
-            chartCopy.container.appendChild(clonedStyle);
+            chartCopy.renderer.defs.element.appendChild(clonedStyle);
             // Store for the later removal
             shadowStyles.push(clonedStyle);
         });
-        addEvent(chart, 'getSVG', () => {
+        addEvent(chart, 'afterGetSVG', () => {
             // Remove temporary Shadow DOM styles
             shadowStyles.forEach((style) => {
                 style.remove();
@@ -1644,8 +1643,9 @@ export class Exporting {
             await this.fallbackToServer(exportingOptions, new Error('Image type not supported for this chart/browser.'));
             return;
         }
-        // Hook into getSVG to get a copy of the chart copy's container (#8273)
-        const unbindGetSVG = addEvent(chart, 'getSVG', (e) => {
+        // Hook into afterGetSVG to get a copy of the chart copy's container
+        // (#8273)
+        const unbindGetSVG = addEvent(chart, 'afterGetSVG', (e) => {
             chartCopyOptions = e.chartCopy.options;
             chartCopyContainer =
                 e.chartCopy.container.cloneNode(true);

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

@@ -808,6 +808,38 @@ const navigation = {
              * Padding for the button.
              */
             padding: 5,
+            /**
+             * Tri-state button styles.
+             *
+             * @sample highcharts/navigation/buttonoptions-theme/
+             *         Theming the buttons
+             *
+             * @apioption navigation.buttonOptions.theme.states
+             */
+            /**
+             * SVG attributes for the disabled state of the button.
+             *
+             * @type      {Highcharts.SVGAttributes}
+             * @apioption navigation.buttonOptions.theme.states.disabled
+             */
+            /**
+             * SVG attributes for the hovered state of the button.
+             *
+             * @type      {Highcharts.SVGAttributes}
+             * @apioption navigation.buttonOptions.theme.states.hover
+             */
+            /**
+             * SVG attributes for the selected state of the button.
+             *
+             * @type      {Highcharts.SVGAttributes}
+             * @apioption navigation.buttonOptions.theme.states.select
+             */
+            /**
+             * CSS styling for the button's text or symbol.
+             *
+             * @type      {Highcharts.CSSObject}
+             * @apioption navigation.buttonOptions.theme.style
+             */
             /**
              * Default stroke for the buttons.
              *

package/es-modules/Extensions/MarkerClusters/MarkerClusterScatter.js

@@ -13,8 +13,7 @@
  *
  * */
 'use strict';
-import A from '../../Core/Animation/AnimationUtilities.js';
-const { animObject } = A;
+import { animObject } from '../../Core/Animation/AnimationUtilities.js';
 import DataTableCore from '../../Data/DataTableCore.js';
 import MarkerClusterDefaults from './MarkerClusterDefaults.js';
 const { cluster: clusterDefaults } = MarkerClusterDefaults;

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

@@ -13,8 +13,7 @@
  *
  * */
 'use strict';
-import A from '../../Core/Animation/AnimationUtilities.js';
-const { animObject } = A;
+import { animObject } from '../../Core/Animation/AnimationUtilities.js';
 import D from '../../Core/Defaults.js';
 const { defaultOptions } = D;
 import H from '../../Core/Globals.js';

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

@@ -391,17 +391,44 @@ var OfflineExporting;
             // nodes
             titleElements = el.getElementsByTagName('title');
             [].forEach.call(titleElements, function (titleElement) {
-                el.removeChild(titleElement);
+                titleElement.remove();
             });
             // Remove all .highcharts-text-outline elements, #17170
             outlineElements =
                 el.getElementsByClassName('highcharts-text-outline');
             while (outlineElements.length > 0) {
-                const outline = outlineElements[0];
-                if (outline.parentNode) {
-                    outline.parentNode.removeChild(outline);
+                outlineElements[0].remove();
+            }
+        });
+        // Work around jsPDF's missing support for color(srgb r g b) format
+        // (#25001)
+        const srgbColorRegex = /color\(\s*srgb\s+([\d.]+)[, ]+([\d.]+)[, ]+([\d.]+)(?:\s*\/\s*([\d.]+))?\s*\)/; // eslint-disable-line max-len
+        const convertColorSRGBToRGB = (srgbColor) => {
+            if (srgbColor?.startsWith('color(srgb')) {
+                const rgba = srgbColor.match(srgbColorRegex);
+                if (rgba) {
+                    const toChannel = (value) => Math.round(Math.max(0, Math.min(1, parseFloat(value))) *
+                        255), toAlpha = (value) => Math.max(0, Math.min(1, parseFloat(value))), r = toChannel(rgba[1]), g = toChannel(rgba[2]), b = toChannel(rgba[3]), alpha = rgba[4];
+                    if (alpha !== void 0) {
+                        return `rgba(${r}, ${g}, ${b}, ${toAlpha(alpha)})`;
+                    }
+                    return `rgb(${r}, ${g}, ${b})`;
                 }
             }
+        };
+        Array.from(dummySVGContainer.querySelectorAll('*')).forEach((el) => {
+            ['color', 'fill', 'stop-color', 'stroke'].forEach((prop) => {
+                // Handle attributes
+                const attrRGB = convertColorSRGBToRGB(el.getAttribute(prop));
+                if (attrRGB) {
+                    el.setAttribute(prop, attrRGB);
+                }
+                // Handle style properties
+                const styleRGB = convertColorSRGBToRGB(el.style?.[prop]);
+                if (styleRGB) {
+                    el.style[prop] = styleRGB;
+                }
+            });
         });
         return dummySVGContainer.querySelector('svg');
     }

package/es-modules/Extensions/Pane/PaneDefaults.js

@@ -26,7 +26,7 @@ const { defaultOptions } = D;
  * @sample {highcharts} highcharts/series-solidgauge/pane-borderradius
  *         Solid gauge with background settings
  *
- * @type         {*|Array<*>}
+ * @type         {null|*|Array<*>}
  * @requires     highcharts-more
  * @optionparent pane.background
  */

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

@@ -151,6 +151,9 @@ var ParallelCoordinates;
      */
     function onChartUpdate(e) {
         const chart = this, options = e.options;
+        if (e.hasChanged === false) {
+            return;
+        }
         if (options.chart) {
             if (defined(options.chart.parallelCoordinates)) {
                 chart.hasParallelCoordinates =

package/es-modules/Extensions/ScrollablePlotArea.js

@@ -12,8 +12,7 @@
  *  horizontally on mobile devices. Supports left and right side axes.
  */
 'use strict';
-import A from '../Core/Animation/AnimationUtilities.js';
-const { stop } = A;
+import { stop } from '../Core/Animation/AnimationUtilities.js';
 import H from '../Core/Globals.js';
 const { composed } = H;
 import SVGRenderer from '../Core/Renderer/SVG/SVGRenderer.js';
@@ -336,6 +335,13 @@ ScrollablePlotArea.fixedSelectors = [
  * vertical scrolling, depending on whether the `minWidth` or `minHeight`
  * option is set.
  *
+ * **Note:** Because native browser scrollbars are used, they may
+ * overlap with fixed chart elements such as credits or the chart
+ * border. To avoid this collision, it is recommended to manually add
+ * extra space to the corresponding side using `chart.spacingBottom`
+ * (for horizontal scrollbars) or `chart.spacingRight` (for vertical
+ * scrollbars).
+ *
  * @sample highcharts/chart/scrollable-plotarea
  *         Scrollable plot area
  * @sample highcharts/chart/scrollable-plotarea-vertical

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

@@ -22,8 +22,7 @@
  * https://jsfiddle.net/highcharts/y5A37/
  */
 'use strict';
-import A from '../../Core/Animation/AnimationUtilities.js';
-const { animObject } = A;
+import { animObject } from '../../Core/Animation/AnimationUtilities.js';
 import T from '../../Core/Templating.js';
 const { format } = T;
 import D from '../../Core/Defaults.js';

package/es-modules/Extensions/Sonification/SynthPatch.js

@@ -544,7 +544,7 @@ export default SynthPatch;
 * @type {number|undefined}
 */
 /**
- * @typedef {Highcharts.Record<"t"|"vol",number>} Highcharts.SynthEnvelopePoint
+ * @typedef {Record<"t"|"vol",number>} Highcharts.SynthEnvelopePoint
  * @requires modules/sonification
  */
 /**

package/es-modules/Maps/GeoJSONComposition.js

@@ -549,4 +549,17 @@ export default GeoJSONComposition;
 * Second point's Y of the bounding box.
 * @name Highcharts.MapBounds#y2
 */
-''; // Detach doclets above
+/**
+ * A latitude/longitude object.
+ *
+ * @interface Highcharts.MapLonLatObject
+ */ /**
+* The latitude.
+* @name Highcharts.MapLonLatObject#lat
+* @type {number}
+*/ /**
+* The longitude.
+* @name Highcharts.MapLonLatObject#lon
+* @type {number}
+*/
+''; // Keep doclets above

package/es-modules/Maps/MapView.js

@@ -207,7 +207,7 @@ class MapView {
          * The current center of the view in terms of `[longitude, latitude]`.
          * @name Highcharts.MapView#center
          * @readonly
-         * @type {LonLatArray}
+         * @type {Highcharts.LonLatArray}
          */
         this.center = o.center;
         this.options = o;