highcharts 13.0.0 → 13.0.2

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/Annotations/Types/VerticalLine.js

@@ -7,7 +7,7 @@ import Annotation from '../Annotation.js';
 import D from '../../../Core/Defaults.js';
 const { defaultOptions } = D;
 import MockPoint from '../MockPoint.js';
-import { merge, pick } from '../../../Shared/Utilities.js';
+import { merge } from '../../../Shared/Utilities.js';
 if (defaultOptions.annotations?.types) {
     /**
      * Options for the vertical line annotation type.
@@ -77,7 +77,7 @@ class VerticalLine extends Annotation {
      *
      * */
     static connectorFirstPoint(target) {
-        const annotation = target.annotation, chart = annotation.chart, inverted = chart.inverted, point = annotation.points[0], left = pick(point.series.yAxis?.left, 0), top = pick(point.series.yAxis?.top, 0), offset = annotation.options.typeOptions?.label?.offset || 0, y = MockPoint.pointToPixels(point, true)[inverted ? 'x' : 'y'];
+        const annotation = target.annotation, chart = annotation.chart, inverted = chart.inverted, point = annotation.points[0], left = (point.series.yAxis?.left ?? 0), top = (point.series.yAxis?.top ?? 0), offset = annotation.options.typeOptions?.label?.offset || 0, y = MockPoint.pointToPixels(point, true)[inverted ? 'x' : 'y'];
         return {
             x: point.x,
             xAxis: point.series.xAxis,
@@ -86,7 +86,7 @@ class VerticalLine extends Annotation {
         };
     }
     static connectorSecondPoint(target) {
-        const annotation = target.annotation, chart = annotation.chart, inverted = chart.inverted, typeOptions = annotation.options.typeOptions, point = annotation.points[0], left = pick(point.series.yAxis && point.series.yAxis.left, 0), top = pick(point.series.yAxis && point.series.yAxis.top, 0), y = MockPoint.pointToPixels(point, true)[inverted ? 'x' : 'y'];
+        const annotation = target.annotation, chart = annotation.chart, inverted = chart.inverted, typeOptions = annotation.options.typeOptions, point = annotation.points[0], left = ((point.series.yAxis && point.series.yAxis.left) ?? 0), top = ((point.series.yAxis && point.series.yAxis.top) ?? 0), y = MockPoint.pointToPixels(point, true)[inverted ? 'x' : 'y'];
         let yOffset = typeOptions?.yOffset || 0;
         if ((typeOptions?.label?.offset || 0) < 0) {
             yOffset *= -1;

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/BoostChart.js

@@ -12,7 +12,7 @@
 import BoostableMap from './BoostableMap.js';
 import H from '../../Core/Globals.js';
 const { composed } = H;
-import { addEvent, pick, pushUnique } from '../../Shared/Utilities.js';
+import { addEvent, pushUnique } from '../../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -68,6 +68,13 @@ function getBoostClipRect(chart, target) {
     }
     if (target === chart) {
         const verticalAxes = chart.inverted ? chart.xAxis : chart.yAxis; // #14444
+        // Use chart.clipBox dimensions to match what createAndAttachRenderer
+        // compares against. Fractional clipOffset shrinks chart.clipBox below
+        // plotWidth/Height, breaking that check. #22949
+        if (!chart.inverted && !navigator && chart.clipBox) {
+            clipBox.width = chart.clipBox.width;
+            clipBox.height = chart.clipBox.height;
+        }
         if (verticalAxes.length <= 1) {
             clipBox.y = Math.min(verticalAxes[0].pos, clipBox.y);
             clipBox.height = (verticalAxes[0].pos -
@@ -87,7 +94,7 @@ function getBoostClipRect(chart, target) {
  * `true` if the chart is in series boost mode.
  */
 function isChartSeriesBoosting(chart) {
-    const allSeries = chart.series, boost = chart.boost = chart.boost || {}, boostOptions = chart.options.boost || {}, threshold = pick(boostOptions.seriesThreshold, 50);
+    const allSeries = chart.series, boost = chart.boost = chart.boost || {}, boostOptions = chart.options.boost || {}, threshold = (boostOptions.seriesThreshold ?? 50);
     if (allSeries.length >= threshold) {
         return true;
     }
@@ -98,8 +105,8 @@ function isChartSeriesBoosting(chart) {
     if (typeof allowBoostForce === 'undefined') {
         allowBoostForce = true;
         for (const axis of chart.xAxis) {
-            if (pick(axis.min, -Infinity) > pick(axis.dataMin, -Infinity) ||
-                pick(axis.max, Infinity) < pick(axis.dataMax, Infinity)) {
+            if ((axis.min ?? -Infinity) > (axis.dataMin ?? -Infinity) ||
+                (axis.max ?? Infinity) < (axis.dataMax ?? Infinity)) {
                 allowBoostForce = false;
                 break;
             }

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

@@ -19,7 +19,7 @@ import H from '../../Core/Globals.js';
 const { composed, doc, noop, win } = H;
 import WGLRenderer from './WGLRenderer.js';
 import DataTableCore from '../../Data/DataTableCore.js';
-import { addEvent, defined, destroyObjectProperties, extend, fireEvent, isArray, isNumber, pick, pushUnique, wrap } from '../../Shared/Utilities.js';
+import { addEvent, defined, destroyObjectProperties, extend, fireEvent, isArray, isNumber, pushUnique, wrap } from '../../Shared/Utilities.js';
 import { error } from '../../Core/Utilities.js';
 /* *
  *
@@ -65,10 +65,10 @@ function allocateIfNotSeriesBoosting(renderer, series) {
  * True, if boost is enabled.
  */
 function boostEnabled(chart) {
-    return pick((chart &&
+    return ((chart &&
         chart.options &&
         chart.options.boost &&
-        chart.options.boost.enabled), true);
+        chart.options.boost.enabled) ?? true);
 }
 /** @internal */
 function compose(SeriesClass, seriesTypes, PointClass, wglMode) {
@@ -474,7 +474,7 @@ function exitBoost(series) {
  * @function Highcharts.Series#hasExtremes
  */
 function hasExtremes(series, checkX) {
-    const options = series.options, threshold = pick(options.boostThreshold, Number.MAX_VALUE);
+    const options = series.options, threshold = (options.boostThreshold ?? Number.MAX_VALUE);
     if (threshold === 0) {
         return false;
     }
@@ -493,7 +493,7 @@ function hasExtremes(series, checkX) {
  * @internal
  */
 const getSeriesBoosting = (series, data) => {
-    const { options, forceCrop, chart } = series, threshold = pick(options.boostThreshold, Number.MAX_VALUE);
+    const { options, forceCrop, chart } = series, threshold = (options.boostThreshold ?? Number.MAX_VALUE);
     // Return early if either will be grouped or boost is disabled.
     if (forceCrop || threshold === 0) {
         return false;
@@ -597,10 +597,9 @@ function getPoint(series, boostPoint) {
                 data[pointIndex][keysIndex];
         }
     }
-    point.category = pick(xAxis.categories ?
+    point.category = (xAxis.categories ?
         xAxis.categories[point.x] :
-        point.x, // @todo simplify
-    point.x);
+        point.x ?? point.x);
     point.key = point.name ?? point.category;
     point.dist = boostPoint.dist;
     point.distX = boostPoint.distX;
@@ -627,7 +626,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 +673,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);
@@ -727,7 +733,7 @@ function seriesRenderCanvas() {
         this.getColumn('x') :
         void 0) ||
         this.options.xData ||
-        this.getColumn('x', true)), lineWidth = pick(options.lineWidth, 1), nullYSubstitute = options.nullInteraction && yMin, tooltip = chart.tooltip;
+        this.getColumn('x', true)), lineWidth = (options.lineWidth ?? 1), nullYSubstitute = options.nullInteraction && yMin, tooltip = chart.tooltip;
     let renderer = false, lastClientX, yBottom = yAxis.getThreshold(threshold), minVal, maxVal, minI, maxI;
     // Clear mock points and tooltip after zoom (#20330)
     if (!this.boosted) {

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

@@ -18,7 +18,7 @@ const { doc, win } = H;
 import WGLDrawMode from './WGLDrawMode.js';
 import WGLShader from './WGLShader.js';
 import WGLVertexBuffer from './WGLVertexBuffer.js';
-import { isNumber, isObject, objectEach, merge, pick } from '../../Shared/Utilities.js';
+import { isNumber, isObject, objectEach, merge } from '../../Shared/Utilities.js';
 /* *
  *
  *  Constants
@@ -919,8 +919,9 @@ class WGLRenderer {
         this.series.forEach((s, si) => {
             const options = s.series.options, shapeOptions = options.marker, lineWidth = (typeof options.lineWidth !== 'undefined' ?
                 options.lineWidth :
-                1), threshold = options.threshold, hasThreshold = isNumber(threshold), yBottom = s.series.yAxis.getThreshold(threshold), translatedThreshold = yBottom, showMarkers = pick(options.marker ? options.marker.enabled : null, s.series.xAxis.isRadial ? true : null, s.series.closestPointRangePx >
-                2 * ((options.marker ?
+                1), threshold = options.threshold, hasThreshold = isNumber(threshold), yBottom = s.series.yAxis.getThreshold(threshold), translatedThreshold = yBottom, showMarkers = ((options.marker ? options.marker.enabled : null) ??
+                (s.series.xAxis.isRadial ? true : null) ??
+                s.series.closestPointRangePx > 2 * ((options.marker ?
                     options.marker.radius :
                     10) || 10)), shapeTexture = this.textureHandles[(shapeOptions && shapeOptions.symbol) ||
                 s.series.symbol] || this.textureHandles.circle;
@@ -959,7 +960,7 @@ class WGLRenderer {
             if (s.series.fillOpacity &&
                 options.fillOpacity &&
                 fillColor) {
-                fillColor = new Color(fillColor).setOpacity(pick(options.fillOpacity, 1.0)).get();
+                fillColor = new Color(fillColor).setOpacity((options.fillOpacity ?? 1.0)).get();
             }
             if (typeof fillColor === 'string') {
                 fillColor = resolveColorExpression(chart.boost?.cssVars || {}, fillColor);
@@ -1012,7 +1013,8 @@ class WGLRenderer {
             this.setYAxis(s.series.yAxis);
             this.setThreshold(hasThreshold, translatedThreshold);
             if (s.drawMode === 'POINTS') {
-                shader.setPointSize(pick(options.marker && options.marker.radius, 0.5) * 2 * pixelRatio);
+                shader.setPointSize(((options.marker && options.marker.radius) ?? 0.5) *
+                    2 * pixelRatio);
             }
             // If set to true, the toPixels translations in the shader
             // is skipped, i.e it's assumed that the value is a pixel coord.
@@ -1036,7 +1038,8 @@ class WGLRenderer {
                 gl.disable(gl.SCISSOR_TEST);
             }
             if (s.hasMarkers && showMarkers) {
-                shader.setPointSize(pick(options.marker && options.marker.radius, 5) * 2 * pixelRatio);
+                shader.setPointSize(((options.marker && options.marker.radius) ?? 5) *
+                    2 * pixelRatio);
                 shader.setDrawAsCircle(true);
                 for (sindex = 0; sindex < s.segments.length; sindex++) {
                     vbuffer.render(s.segments[sindex].from, s.segments[sindex].to, 'POINTS');

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

@@ -10,7 +10,7 @@
  * */
 'use strict';
 import { error } from '../../Core/Utilities.js';
-import { clamp, pick } from '../../Shared/Utilities.js';
+import { clamp } from '../../Shared/Utilities.js';
 /* *
  *
  *  Constants
@@ -363,9 +363,9 @@ class WGLShader {
         let zMin = Number.MAX_VALUE, zMax = -Number.MAX_VALUE;
         if (this.gl && this.shaderProgram && series.is('bubble')) {
             const pxSizes = series.getPxExtremes();
-            zMin = pick(seriesOptions.zMin, clamp(zCalcMin, seriesOptions.displayNegative === false ?
+            zMin = (seriesOptions.zMin ?? clamp(zCalcMin, seriesOptions.displayNegative === false ?
                 seriesOptions.zThreshold : -Number.MAX_VALUE, zMin));
-            zMax = pick(seriesOptions.zMax, Math.max(zMax, zCalcMax));
+            zMax = (seriesOptions.zMax ?? Math.max(zMax, zCalcMax));
             this.gl.uniform1i(this.isBubbleUniform, 1);
             this.gl.uniform1i(this.isCircleUniform, 1);
             this.gl.uniform1i(this.bubbleSizeAreaUniform, (series.options.sizeBy !== 'width'));

package/es-modules/Extensions/BoostCanvas.js

@@ -22,7 +22,7 @@ import Color from '../Core/Color/Color.js';
 const { parse: color } = Color;
 import H from '../Core/Globals.js';
 const { doc, noop } = H;
-import { addEvent, fireEvent, internalClearTimeout, isNumber, merge, pick, wrap } from '../Shared/Utilities.js';
+import { addEvent, fireEvent, internalClearTimeout, isNumber, merge, wrap } from '../Shared/Utilities.js';
 /* *
  *
  *  Namespace
@@ -244,7 +244,7 @@ var BoostCanvas;
             series.pointArrayMap.join(',') === 'low,high'), isStacked = !!options.stacking, cropStart = series.cropStart || 0, loadingOptions = chart.options.loading, requireSorting = series.requireSorting, connectNulls = options.connectNulls, useRaw = !xData, sdata = (isStacked ?
             series.data :
             (xData || rawData)), fillColor = (series.fillOpacity ?
-            Color.parse(series.color).setOpacity(pick(options.fillOpacity, 0.75)).get() :
+            Color.parse(series.color).setOpacity((options.fillOpacity ?? 0.75)).get() :
             series.color), compareX = options.findNearestPointBy === 'x', boost = this.boost || {}, cvsDrawPoint = series.cvsDrawPoint, cvsLineTo = options.lineWidth ? series.cvsLineTo : void 0, cvsMarker = (r && r <= 1 ?
             series.cvsMarkerSquare :
             series.cvsMarkerCircle);

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

@@ -16,7 +16,7 @@ import F from '../../Core/Templating.js';
 const { format } = F;
 import H from '../../Core/Globals.js';
 const { composed } = H;
-import { addEvent, defined, extend, fireEvent, isString, merge, objectEach, pick, pushUnique } from '../../Shared/Utilities.js';
+import { addEvent, defined, extend, fireEvent, isString, merge, objectEach, pushUnique } from '../../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -183,8 +183,9 @@ class Breadcrumbs {
      *         Formatted text.
      */
     getButtonText(breadcrumb) {
-        const breadcrumbs = this, chart = breadcrumbs.chart, breadcrumbsOptions = breadcrumbs.options, lang = chart.options.lang, textFormat = pick(breadcrumbsOptions.format, breadcrumbsOptions.showFullPath ?
-            '{level.name}' : '← {level.name}'), defaultText = lang && pick(lang.drillUpText, lang.mainBreadcrumb);
+        const breadcrumbs = this, chart = breadcrumbs.chart, breadcrumbsOptions = breadcrumbs.options, lang = chart.options.lang, textFormat = breadcrumbsOptions.format ?? (breadcrumbsOptions.showFullPath ?
+            '{level.name}' :
+            '← {level.name}'), defaultText = lang && (lang.drillUpText ?? lang.mainBreadcrumb);
         let returnText = breadcrumbsOptions.formatter &&
             breadcrumbsOptions.formatter(breadcrumb) ||
             format(textFormat, { level: breadcrumb.levelOptions }, chart) || '';
@@ -305,7 +306,7 @@ class Breadcrumbs {
             if (breadcrumbs.options.rtl) {
                 newPositions.x += positionOptions.width;
             }
-            newPositions.y = pick(newPositions.y, this.yOffset, 0);
+            newPositions.y = (newPositions.y ?? this.yOffset ?? 0);
             breadcrumbs.group.align(newPositions, true, alignTo);
         }
     }
@@ -547,7 +548,7 @@ export default Breadcrumbs;
  *
  * @callback Highcharts.BreadcrumbsClickCallbackFunction
  *
- * @param {Highcharts.Event} event
+ * @param {Event} event
  * Event.
  *
  * @param {Highcharts.BreadcrumbOptions} breadcrumb

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

@@ -17,7 +17,7 @@ import F from '../../Core/Templating.js';
 const { format } = F;
 import H from '../../Core/Globals.js';
 const { composed } = H;
-import { addEvent, extend, isNumber, pick, pushUnique } from '../../Shared/Utilities.js';
+import { addEvent, extend, isNumber, pushUnique } from '../../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -67,7 +67,7 @@ function onTooltipHeaderFormatter(e) {
         else if (!xDateFormat && dateTimeLabelFormats && xAxis.dateTime) {
             xDateFormat = xAxis.dateTime.getXDateFormat(point.x, tooltipOptions.dateTimeLabelFormats);
         }
-        const groupStart = pick(series.groupMap?.[point.index].groupStart, point.key), groupEnd = groupStart + (currentDataGrouping?.totalRange || 0) - 1;
+        const groupStart = series.groupMap?.[point.index].groupStart ?? point.key, groupEnd = groupStart + (currentDataGrouping?.totalRange || 0) - 1;
         formattedKey = time.dateFormat(xDateFormat, groupStart);
         if (xDateFormatEnd) {
             formattedKey += time.dateFormat(xDateFormatEnd, groupEnd);

package/es-modules/Extensions/DataGrouping/DataGroupingAxisComposition.js

@@ -11,7 +11,7 @@
  * */
 'use strict';
 import DataGroupingDefaults from './DataGroupingDefaults.js';
-import { addEvent, extend, merge, pick } from '../../Shared/Utilities.js';
+import { addEvent, extend, merge } from '../../Shared/Utilities.js';
 /* *
  *
  *  Variables
@@ -79,7 +79,8 @@ function getGroupPixelWidth() {
             // same group pixel width (#334)
             groupPixelWidth = Math.max(groupPixelWidth, 
             // Fallback to commonOptions (#9693)
-            pick(dgOptions.groupPixelWidth, DataGroupingDefaults.common.groupPixelWidth));
+            (dgOptions.groupPixelWidth ??
+                DataGroupingDefaults.common.groupPixelWidth));
             dataLength = (series[i].dataTable.getModified() ||
                 series[i].dataTable).rowCount;
             // Execute grouping if the amount of points is greater than the
@@ -123,7 +124,7 @@ function onAfterSetScale() {
 function setDataGrouping(dataGrouping, redraw) {
     const axis = this;
     let i;
-    redraw = pick(redraw, true);
+    redraw = (redraw ?? true);
     if (!dataGrouping) {
         dataGrouping = {
             forced: false,

package/es-modules/Extensions/DataGrouping/DataGroupingSeriesComposition.js

@@ -17,7 +17,7 @@ import DateTimeAxis from '../../Core/Axis/DateTimeAxis.js';
 import D from '../../Core/Defaults.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { series: { prototype: seriesProto } } = SeriesRegistry;
-import { addEvent, defined, extend, isNumber, merge, pick, splat } from '../../Shared/Utilities.js';
+import { addEvent, defined, extend, isNumber, merge, splat } from '../../Shared/Utilities.js';
 import { error } from '../../Core/Utilities.js';
 /* *
  *
@@ -123,7 +123,7 @@ function anchorPoints(series, groupedXData, xMax) {
  */
 function applyGrouping(hasExtremesChanged) {
     const series = this, chart = series.chart, options = series.options, dataGroupingOptions = options.dataGrouping, groupingEnabled = series.allowDG !== false && dataGroupingOptions &&
-        pick(dataGroupingOptions.enabled, chart.options.isStock), reserveSpace = series.reserveSpace(), lastDataGrouping = this.currentDataGrouping;
+        (dataGroupingOptions.enabled ?? chart.options.isStock), reserveSpace = series.reserveSpace(), lastDataGrouping = this.currentDataGrouping;
     let currentDataGrouping, croppedData, revertRequireSorting = false;
     // Data needs to be sorted for dataGrouping
     if (groupingEnabled && !series.requireSorting) {

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

@@ -13,7 +13,7 @@
 'use strict';
 import DraggableChart from './DraggableChart.js';
 const { flipResizeSide } = DraggableChart;
-import { isNumber, merge, pick } from '../../Shared/Utilities.js';
+import { isNumber, merge } from '../../Shared/Utilities.js';
 /* *
  *
  *  Constants
@@ -49,8 +49,7 @@ const column = {
             // We flip whether or not we update the top or bottom of the guide
             // box at threshold, but if we drag the mouse fast, the top has not
             // reached threshold before we cross over and update the bottom.
-            const plotThreshold = pick(point.yBottom, // Added support for stacked series. (#18741)
-            point.series.translatedThreshold), plotY = guideBox.attr('y'), threshold = isNumber(point.stackY) ? (point.stackY - (point.y || 0)) : point.series.options.threshold || 0, y = threshold + pointVals.y;
+            const plotThreshold = point.yBottom ?? point.series.translatedThreshold, plotY = guideBox.attr('y'), threshold = isNumber(point.stackY) ? (point.stackY - (point.y || 0)) : point.series.options.threshold || 0, y = threshold + pointVals.y;
             let height, diff;
             if (point.series.yAxis.reversed ? y < threshold : y >= threshold) {
                 // Above threshold - always set height to hit the threshold

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

@@ -23,7 +23,7 @@ import { downloadURL, getBlobFromContent } from '../../Shared/DownloadURL.js';
 import ExportDataDefaults from './ExportDataDefaults.js';
 import G from '../../Core/Globals.js';
 const { composed, doc, win } = G;
-import { addEvent, defined, extend, find, fireEvent, isNumber, pick, pushUnique } from '../../Shared/Utilities.js';
+import { addEvent, defined, extend, find, fireEvent, isNumber, pushUnique } from '../../Shared/Utilities.js';
 /* *
  *
  *  Composition
@@ -220,11 +220,11 @@ var ExportData;
      */
     function getCSV(useLocalDecimalPoint) {
         let csv = '';
-        const rows = this.getDataRows(), csvOptions = this.options?.csv, decimalPoint = pick(csvOptions?.decimalPoint, csvOptions?.itemDelimiter !== ',' && useLocalDecimalPoint ?
+        const rows = this.getDataRows(), csvOptions = this.options?.csv, decimalPoint = csvOptions?.decimalPoint ?? (csvOptions?.itemDelimiter !== ',' && useLocalDecimalPoint ?
             (1.1).toLocaleString()[1] :
             '.'), 
         // Use ';' for direct to Excel
-        itemDelimiter = pick(csvOptions?.itemDelimiter, decimalPoint === ',' ? ';' : ','), 
+        itemDelimiter = csvOptions?.itemDelimiter ?? (decimalPoint === ',' ? ';' : ','), 
         // '\n' isn't working with the js csv data extraction
         lineDelimiter = csvOptions?.lineDelimiter;
         // Transform the rows to CSV
@@ -444,15 +444,13 @@ var ExportData;
                         val =
                             series.pointClass.prototype.getNestedProperty.apply(mockPoint, [prop]);
                         // Allow values from nested properties (#20470)
-                        rows[key][i + j] = pick(
-                        // Y axis category if present
-                        categoryAndDatetimeMap.categoryMap[prop][val], 
-                        // Datetime yAxis
-                        categoryAndDatetimeMap.dateTimeValueAxisMap[prop] ?
-                            time.dateFormat(csvOptions.dateFormat, val) :
-                            null, 
-                        // Linear/log yAxis
-                        val);
+                        rows[key][i + j] =
+                            categoryAndDatetimeMap.categoryMap[prop][val] ??
+                                (categoryAndDatetimeMap
+                                    .dateTimeValueAxisMap[prop] ?
+                                    time.dateFormat(csvOptions.dateFormat, val) :
+                                    null) ??
+                                val;
                         j++;
                     }
                 });
@@ -499,7 +497,10 @@ var ExportData;
                         category = time.dateFormat(csvOptions.dateFormat, row.x);
                     }
                     else if (xAxis.categories) {
-                        category = pick(xAxis.names[row.x], xAxis.categories[row.x], row.x);
+                        category =
+                            xAxis.names[row.x] ??
+                                xAxis.categories[row.x] ??
+                                row.x;
                     }
                     else {
                         category = row.x;
@@ -580,7 +581,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 = 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;
@@ -599,7 +600,7 @@ var ExportData;
         // Get table cell HTML from value
         getCellHTMLFromValue = function (tagName, classes, attributes, value) {
             const children = [];
-            let textContent = pick(value, ''), className = 'highcharts-text' + (classes ? ' ' + classes : '');
+            let textContent = (value ?? ''), className = 'highcharts-text' + (classes ? ' ' + classes : '');
             // Convert to string if number
             if (typeof textContent === 'number') {
                 textContent = chart.numberFormatter(textContent, -1, decimalPoint, tagName === 'th' ? '' : void 0);
@@ -791,7 +792,7 @@ var ExportData;
     function toggleDataTable(show) {
         const chart = this.chart, 
         // Create the div
-        createContainer = (show = pick(show, !this.isDataTableVisible)) &&
+        createContainer = (show = (show ?? !this.isDataTableVisible)) &&
             !this.dataTableDiv;
         if (createContainer) {
             this.dataTableDiv = doc.createElement('div');
@@ -980,6 +981,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