highcharts 13.0.1 → 13.0.2

package/es-modules/Extensions/Annotations/Annotation.js

@@ -26,7 +26,7 @@ const { defaultOptions } = D;
 import EventEmitter from './EventEmitter.js';
 import MockPoint from './MockPoint.js';
 import PopupComposition from './Popup/PopupComposition.js';
-import { destroyObjectProperties, erase, fireEvent, merge, pick, splat } from '../../Shared/Utilities.js';
+import { destroyObjectProperties, erase, fireEvent, merge, splat } from '../../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -354,7 +354,7 @@ class Annotation extends EventEmitter {
             if (!item.graphic) {
                 this.renderItem(item);
             }
-            item.redraw(pick(animation, true) && item.graphic.placed);
+            item.redraw((animation ?? true) && item.graphic.placed);
             if (item.points.length) {
                 adjustVisibility(item);
             }
@@ -497,7 +497,7 @@ class Annotation extends EventEmitter {
      * annotation's visibility is toggled.
      */
     setVisibility(visible) {
-        const options = this.options, navigation = this.chart.navigationBindings, visibility = pick(visible, !options.visible);
+        const options = this.options, navigation = this.chart.navigationBindings, visibility = (visible ?? !options.visible);
         this.graphic.attr('visibility', visibility ? 'inherit' : 'hidden');
         if (!visibility) {
             const setItemControlPointsVisibility = function (item) {
@@ -533,7 +533,7 @@ class Annotation extends EventEmitter {
         // Update options in chart options, used in exporting (#9767, #21507):
         chart.options.annotations[userOptionsIndex] = this.options;
         this.isUpdating = true;
-        if (pick(redraw, true)) {
+        if (redraw ?? true) {
             chart.drawAnnotations();
         }
         fireEvent(this, 'afterUpdate');

package/es-modules/Extensions/Annotations/AnnotationChart.js

@@ -10,7 +10,7 @@
  *
  * */
 'use strict';
-import { addEvent, erase, find, fireEvent, isArray, isObject, pick, wrap } from '../../Shared/Utilities.js';
+import { addEvent, erase, find, fireEvent, isArray, isObject, wrap } from '../../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -35,7 +35,7 @@ import { addEvent, erase, find, fireEvent, isArray, isObject, pick, wrap } from
 function chartAddAnnotation(options, redraw) {
     const annotation = this.initAnnotation(options);
     this.options.annotations.push(annotation.options);
-    if (pick(redraw, true)) {
+    if (redraw ?? true) {
         annotation.redraw();
         annotation.graphic.attr({
             opacity: 1

package/es-modules/Extensions/Annotations/ControlPoint.js

@@ -4,7 +4,7 @@
  * */
 'use strict';
 import EventEmitter from './EventEmitter.js';
-import { merge, pick } from '../../Shared/Utilities.js';
+import { merge } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -53,7 +53,7 @@ class ControlPoint extends EventEmitter {
         this.chart = chart;
         this.target = target;
         this.options = options;
-        this.index = pick(options.index, index);
+        this.index = (options.index ?? index);
     }
     /* *
      *

package/es-modules/Extensions/Annotations/Controllables/ControllableLabel.js

@@ -7,7 +7,7 @@ import Controllable from './Controllable.js';
 import F from '../../../Core/Templating.js';
 const { format } = F;
 import MockPoint from '../MockPoint.js';
-import { extend, getAlignFactor, isNumber, pick } from '../../../Shared/Utilities.js';
+import { extend, getAlignFactor, isNumber } from '../../../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -296,7 +296,7 @@ class ControllableLabel extends Controllable {
             if (itemOptions.distance && tooltip) {
                 itemPosition = tooltip.getPosition.call({
                     chart,
-                    distance: pick(itemOptions.distance, 16),
+                    distance: (itemOptions.distance ?? 16),
                     getPlayingField: tooltip.getPlayingField,
                     pointer: tooltip.pointer
                 }, width, height, {

package/es-modules/Extensions/Annotations/EventEmitter.js

@@ -12,7 +12,7 @@
 'use strict';
 import H from '../../Core/Globals.js';
 const { doc, isTouchDevice } = H;
-import { addEvent, fireEvent, objectEach, pick, removeEvent } from '../../Shared/Utilities.js';
+import { addEvent, fireEvent, objectEach, removeEvent } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -201,7 +201,8 @@ class EventEmitter {
         emitter.removeMouseUp = addEvent(doc, isTouchDevice || firesTouchEvents ? 'touchend' : 'mouseup', function () {
             // Sometimes the target is the annotation and sometimes its the
             // controllable
-            const annotation = pick(emitter.target && emitter.target.annotation, emitter.target);
+            const annotation = ((emitter.target && emitter.target.annotation) ??
+                emitter.target);
             if (annotation) {
                 // Keep annotation selected after dragging control point
                 annotation.cancelClick = emitter.hasDragged;
@@ -210,8 +211,7 @@ class EventEmitter {
             emitter.chart.hasDraggedAnnotation = false;
             if (emitter.hasDragged) {
                 // ControlPoints vs Annotation:
-                fireEvent(pick(annotation, // #15952
-                emitter), 'afterUpdate');
+                fireEvent((annotation ?? emitter), 'afterUpdate');
             }
             emitter.hasDragged = false;
             emitter.onMouseUp();

package/es-modules/Extensions/Annotations/NavigationBindings.js

@@ -20,7 +20,7 @@ const { composed, doc, win } = H;
 import NavigationBindingDefaults from './NavigationBindingsDefaults.js';
 import NBU from './NavigationBindingsUtilities.js';
 const { getAssignedAxis, getFieldType } = NBU;
-import { addEvent, attr, defined, fireEvent, isArray, isFunction, isNumber, isObject, merge, objectEach, pick, pushUnique } from '../../Shared/Utilities.js';
+import { addEvent, attr, defined, fireEvent, isArray, isFunction, isNumber, isObject, merge, objectEach, pushUnique } from '../../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -491,7 +491,7 @@ class NavigationBindings {
                 let parent = config;
                 path.forEach((name, index) => {
                     if (name !== '__proto__' && name !== 'constructor') {
-                        const nextName = pick(path[index + 1], '');
+                        const nextName = (path[index + 1] ?? '');
                         if (pathLength === index) {
                             // Last index, put value:
                             parent[name] = value;
@@ -537,7 +537,10 @@ class NavigationBindings {
      *         Annotation options to be displayed in popup box
      */
     annotationToFields(annotation) {
-        const options = annotation.options, editables = NavigationBindings.annotationsEditable, nestedEditables = editables.nestedOptions, type = pick(options.type, options.shapes?.[0]?.type, options.labels?.[0]?.type, 'label'), nonEditables = NavigationBindings.annotationsNonEditable[options.langKey] || [], visualOptions = {
+        const options = annotation.options, editables = NavigationBindings.annotationsEditable, nestedEditables = editables.nestedOptions, type = options.type ??
+            options.shapes?.[0]?.type ??
+            options.labels?.[0]?.type ??
+            'label', nonEditables = NavigationBindings.annotationsNonEditable[options.langKey] || [], visualOptions = {
             langKey: options.langKey,
             type: type
         };

package/es-modules/Extensions/Annotations/NavigationBindingsUtilities.js

@@ -10,7 +10,7 @@
  *
  * */
 'use strict';
-import { defined, find, isNumber, pick } from '../../Shared/Utilities.js';
+import { defined, find, isNumber } from '../../Shared/Utilities.js';
 /* *
  *
  *  Constants
@@ -56,7 +56,7 @@ function getAssignedAxis(coords) {
         const extremes = coord.axis.getExtremes(), axisMin = extremes.min, axisMax = extremes.max, 
         // Correct axis edges when axis has series
         // with pointRange (like column)
-        minPointOffset = pick(coord.axis.minPointOffset, 0);
+        minPointOffset = (coord.axis.minPointOffset ?? 0);
         return isNumber(axisMin) && isNumber(axisMax) &&
             coord.value >= (axisMin - minPointOffset) &&
             coord.value <= (axisMax + minPointOffset) &&

package/es-modules/Extensions/Annotations/Popup/Popup.js

@@ -21,7 +21,7 @@ const { getOptions } = D;
 import PopupAnnotations from './PopupAnnotations.js';
 import PopupIndicators from './PopupIndicators.js';
 import PopupTabs from './PopupTabs.js';
-import { addEvent, clamp, createElement, extend, fireEvent, pick } from '../../../Shared/Utilities.js';
+import { addEvent, clamp, createElement, extend, fireEvent } from '../../../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -178,7 +178,8 @@ class Popup extends BaseForm {
      *         Return created input element.
      */
     addInput(option, indicatorType, parentDiv, inputAttributes) {
-        const optionParamList = option.split('.'), optionName = optionParamList[optionParamList.length - 1], lang = this.lang, inputName = 'highcharts-' + indicatorType + '-' + pick(inputAttributes.htmlFor, optionName);
+        const optionParamList = option.split('.'), optionName = optionParamList[optionParamList.length - 1], lang = this.lang, inputName = 'highcharts-' + indicatorType + '-' +
+            (inputAttributes.htmlFor ?? optionName);
         if (!optionName.match(/^\d+$/)) {
             // Add label
             createElement('label', {

package/es-modules/Extensions/Annotations/Popup/PopupAnnotations.js

@@ -16,7 +16,7 @@ import H from '../../../Core/Globals.js';
 const { doc, isFirefox } = H;
 import BaseFormIcons from '../../../Shared/BaseFormIcons.js';
 import getIcon from '../../../Shared/BaseFormUtils.js';
-import { createElement, isArray, isObject, objectEach, pick, stableSort } from '../../../Shared/Utilities.js';
+import { createElement, isArray, isObject, objectEach, stableSort } from '../../../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -85,11 +85,9 @@ function addToolbar(chart, options, callback) {
         className: 'highcharts-annotation-label'
     }, void 0, popupDiv);
     label.setAttribute('aria-label', 'Annotation type');
-    label.appendChild(doc.createTextNode(pick(
-    // Advanced annotations:
-    lang[options.langKey] || options.langKey, 
-    // Basic shapes:
-    options.shapes && options.shapes[0].type, '')));
+    label.appendChild(doc.createTextNode(((lang[options.langKey] || options.langKey) ??
+        (options.shapes && options.shapes[0].type) ??
+        '')));
     // Add buttons
     let button = this.addButton(popupDiv, lang.editButton || 'Edit', 'edit', popupDiv, () => {
         showForm.call(this, 'annotation-edit', chart, options, callback);

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

@@ -9,7 +9,7 @@ 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';
+import { defined, extend, isNumber, merge } from '../../../Shared/Utilities.js';
 if (defaultOptions.annotations?.types) {
     /**
      * Options for the measure annotation type.
@@ -618,8 +618,8 @@ class Measure extends Annotation {
                     return {
                         x: annotation.xAxisMin,
                         y: annotation.yAxisMin,
-                        xAxis: pick(typeOptions.xAxis, options.xAxis),
-                        yAxis: pick(typeOptions.yAxis, options.yAxis)
+                        xAxis: (typeOptions.xAxis ?? options.xAxis),
+                        yAxis: (typeOptions.yAxis ?? options.yAxis)
                     };
                 },
                 text: (formatter?.call(this, this) ||

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/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;
@@ -734,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/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);
         }
     }

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