highcharts 13.0.1 → 13.0.2

package/es-modules/Series/Item/ItemSeries.js

@@ -16,7 +16,7 @@ import ItemPoint from './ItemPoint.js';
 import ItemSeriesDefaults from './ItemSeriesDefaults.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { pie: PieSeries } = SeriesRegistry.seriesTypes;
-import { defined, extend, fireEvent, isNumber, merge, pick } from '../../Shared/Utilities.js';
+import { defined, extend, fireEvent, isNumber, merge } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -29,7 +29,7 @@ import { defined, extend, fireEvent, isNumber, merge, pick } from '../../Shared/
  *
  * @requires modules/item-series
  *
- * @private
+ * @internal
  * @class
  * @name Highcharts.seriesTypes.item
  *
@@ -43,7 +43,7 @@ class ItemSeries extends PieSeries {
      * */
     /**
      * Fade in the whole chart.
-     * @private
+     * @internal
      */
     animate(init) {
         const group = this.group;
@@ -60,6 +60,9 @@ class ItemSeries extends PieSeries {
             }
         }
     }
+    /**
+     * @internal
+     */
     drawDataLabels() {
         if (this.center && this.slots) {
             super.drawDataLabels();
@@ -71,6 +74,9 @@ class ItemSeries extends PieSeries {
             }
         }
     }
+    /**
+     * @internal
+     */
     drawPoints() {
         const series = this, options = this.options, renderer = series.chart.renderer, seriesMarkerOptions = options.marker, borderWidth = this.borderWidth, crisp = borderWidth % 2 ? 0.5 : 1, rows = this.getRows(), cols = Math.ceil(this.total / rows), cellWidth = this.chart.plotWidth / cols, cellHeight = this.chart.plotHeight / rows, itemSize = this.itemSize || Math.min(cellWidth, cellHeight);
         let i = 0;
@@ -85,7 +91,7 @@ class ItemSeries extends PieSeries {
         //*/
         for (const point of series.points) {
             const pointMarkerOptions = point.marker || {}, symbol = (pointMarkerOptions.symbol ||
-                seriesMarkerOptions.symbol), r = pick(pointMarkerOptions.radius, seriesMarkerOptions.radius), size = defined(r) ? 2 * r : itemSize, padding = size * options.itemPadding;
+                seriesMarkerOptions.symbol), r = (pointMarkerOptions.radius ?? seriesMarkerOptions.radius), size = defined(r) ? 2 * r : itemSize, padding = size * options.itemPadding;
             let attr, graphics, pointAttr, x, y, width, height;
             point.graphics = graphics = point.graphics || [];
             if (!series.chart.styledMode) {
@@ -166,6 +172,9 @@ class ItemSeries extends PieSeries {
             }
         }
     }
+    /**
+     * @internal
+     */
     getRows() {
         const chart = this.chart, total = this.total || 0;
         let rows = this.options.rows, cols, ratio;
@@ -198,7 +207,7 @@ class ItemSeries extends PieSeries {
     }
     /**
      * Get the semi-circular slots.
-     * @private
+     * @internal
      */
     getSlots() {
         const series = this, center = series.center, diameter = center[2], slots = series.slots = series.slots || [], fullAngle = (series.endAngleRad - series.startAngleRad), rowsOption = series.options.rows, isCircle = fullAngle % (2 * Math.PI) === 0, total = series.total || 0;
@@ -257,7 +266,7 @@ class ItemSeries extends PieSeries {
         let overshoot = finalItemCount - series.total -
             (isCircle ? rows.length : 0);
         /**
-         * @private
+         * @internal
          * @param {Highcharts.ItemRowContainerObject} item
          * Wrapped object with angle and row
          */
@@ -298,6 +307,9 @@ class ItemSeries extends PieSeries {
         series.itemSize = itemSize;
         return slots;
     }
+    /**
+     * @internal
+     */
     translate(positions) {
         // Initialize chart without setting data, #13379.
         if (this.total === 0 && // Check if that is a (semi-)circle

package/es-modules/Series/Item/ItemSeriesOptions.js

@@ -0,0 +1,14 @@
+/* *
+ *
+ *  (c) 2019-2026 Highsoft AS
+ *  Author: Torstein Hønsi
+ *
+ *  Item series type for Highcharts
+ *
+ *  Integration of this software requires a license.
+ *  - For commercial use, see www.highcharts.com/license
+ *  - For non-commercial, see www.highcharts.com/license-eula
+ *
+ *
+ * */
+export {};

package/es-modules/Series/Map/MapPoint.js

@@ -15,7 +15,7 @@ import MU from '../../Maps/MapUtilities.js';
 const { boundsFromPath } = MU;
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const ScatterPoint = SeriesRegistry.seriesTypes.scatter.prototype.pointClass;
-import { extend, internalClearTimeout, isNumber, pick } from '../../Shared/Utilities.js';
+import { extend, internalClearTimeout, isNumber } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -90,8 +90,10 @@ class MapPoint extends ScatterPoint {
             }
             else {
                 const propMiddleX = properties?.['hc-middle-x'], propMiddleY = properties?.['hc-middle-y'];
-                bounds.midX = (bounds.x1 + (bounds.x2 - bounds.x1) * pick(this.middleX, isNumber(propMiddleX) ? propMiddleX : 0.5));
-                let middleYFraction = pick(this.middleY, isNumber(propMiddleY) ? propMiddleY : 0.5);
+                bounds.midX = (bounds.x1 + (bounds.x2 - bounds.x1) * (this.middleX ??
+                    (isNumber(propMiddleX) ? propMiddleX : 0.5)));
+                let middleYFraction = this.middleY ??
+                    (isNumber(propMiddleY) ? propMiddleY : 0.5);
                 // No geographic geometry, only path given => flip
                 if (!this.geometry) {
                     middleYFraction = 1 - middleYFraction;

package/es-modules/Series/Map/MapSeries.js

@@ -25,7 +25,7 @@ import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { 
 // Indirect dependency to keep product size low
 column: ColumnSeries, scatter: ScatterSeries } = SeriesRegistry.seriesTypes;
-import { defined, extend, find, fireEvent, getNestedProperty, isArray, isNumber, isObject, merge, objectEach, pick, splat } from '../../Shared/Utilities.js';
+import { defined, extend, find, fireEvent, getNestedProperty, isArray, isNumber, isObject, merge, objectEach, splat } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -181,8 +181,8 @@ class MapSeries extends ScatterSeries {
                             !isNumber(params['stroke-width']));
                         // When strokeWidth is animating
                         if (animateIn || animateOut) {
-                            const strokeWidth = pick(series.getStrokeWidth(series.options), 1 // Styled mode
-                            ), inheritedStrokeWidth = (strokeWidth /
+                            const strokeWidth = series.getStrokeWidth(series.options) ??
+                                1, inheritedStrokeWidth = (strokeWidth /
                                 (chart.mapView?.getScale() ||
                                     1));
                             // For animating from undefined, .attr() reads the
@@ -211,8 +211,7 @@ class MapSeries extends ScatterSeries {
         }
         // Apply the SVG transform
         transformGroups.forEach((transformGroup, i) => {
-            const view = i === 0 ? mapView : mapView.insets[i - 1], svgTransform = view.getSVGTransform(), strokeWidth = pick(this.getStrokeWidth(this.options), 1 // Styled mode
-            );
+            const view = i === 0 ? mapView : mapView.insets[i - 1], svgTransform = view.getSVGTransform(), strokeWidth = (this.getStrokeWidth(this.options) ?? 1);
             /*
             Animate or move to the new zoom level. In order to prevent
             flickering as the different transform components are set out of sync
@@ -313,9 +312,7 @@ class MapSeries extends ScatterSeries {
                     if (!point.bounds) {
                         let bounds = point.getProjectedBounds(projection);
                         if (bounds) {
-                            point.labelrank = pick(point.labelrank, 
-                            // Bigger shape, higher rank
-                            ((bounds.x2 - bounds.x1) *
+                            point.labelrank = (point.labelrank ?? ((bounds.x2 - bounds.x1) *
                                 (bounds.y2 - bounds.y1)));
                             const { midX, midY } = bounds;
                             if (insets && isNumber(midX) && isNumber(midY)) {

package/es-modules/Series/Networkgraph/NetworkgraphPoint.js

@@ -15,7 +15,7 @@
 import NodesComposition from '../NodesComposition.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { series: { prototype: seriesProto, prototype: { pointClass: Point } } } = SeriesRegistry;
-import { addEvent, css, defined, extend, pick } from '../../Shared/Utilities.js';
+import { addEvent, css, defined, extend } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -63,10 +63,10 @@ class NetworkgraphPoint extends Point {
     getLinkAttributes() {
         const linkOptions = this.series.options.link, pointOptions = this.options;
         return {
-            'stroke-width': pick(pointOptions.width, linkOptions.width),
+            'stroke-width': (pointOptions.width ?? linkOptions.width),
             stroke: (pointOptions.color || linkOptions.color),
             dashstyle: (pointOptions.dashStyle || linkOptions.dashStyle),
-            opacity: pick(pointOptions.opacity, linkOptions.opacity, 1)
+            opacity: (pointOptions.opacity ?? linkOptions.opacity ?? 1)
         };
     }
     /**

package/es-modules/Series/Networkgraph/NetworkgraphSeries.js

@@ -26,7 +26,7 @@ const { series: Series, seriesTypes: { column: { prototype: columnProto }, line:
 import D from '../SimulationSeriesUtilities.js';
 const { initDataLabels, initDataLabelsDefer } = D;
 import { composeTextPath } from '../../Extensions/TextPath.js';
-import { addEvent, defined, extend, merge, pick } from '../../Shared/Utilities.js';
+import { addEvent, defined, extend, merge } from '../../Shared/Utilities.js';
 composeTextPath(SVGElement);
 /* *
  *
@@ -161,7 +161,9 @@ class NetworkgraphSeries extends Series {
         for (i = this.nodes.length - 1; i >= 0; i--) {
             node = this.nodes[i];
             node.degree = node.getDegree();
-            node.radius = pick(node.marker && node.marker.radius, this.options.marker && this.options.marker.radius, 0);
+            node.radius = ((node.marker && node.marker.radius) ??
+                (this.options.marker && this.options.marker.radius) ??
+                0);
             node.key = node.name;
             // If node exists, but it's not available in nodeLookup,
             // then it's leftover from previous runs (e.g. setData)

package/es-modules/Series/Networkgraph/ReingoldFruchtermanLayout.js

@@ -18,7 +18,7 @@ const { win } = H;
 import GraphLayout from '../GraphLayoutComposition.js';
 import QuadTree from './QuadTree.js';
 import VerletIntegration from './VerletIntegration.js';
-import { clamp, defined, fireEvent, isFunction, pick } from '../../Shared/Utilities.js';
+import { clamp, defined, fireEvent, isFunction } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -66,12 +66,16 @@ class ReingoldFruchtermanLayout {
         this.integration =
             GraphLayout.integrations[options.integration];
         this.enableSimulation = options.enableSimulation;
-        this.attractiveForce = pick(options.attractiveForce, this.integration.attractiveForceFunction);
-        this.repulsiveForce = pick(options.repulsiveForce, this.integration.repulsiveForceFunction);
+        this.attractiveForce =
+            options.attractiveForce ??
+                this.integration.attractiveForceFunction;
+        this.repulsiveForce =
+            options.repulsiveForce ??
+                this.integration.repulsiveForceFunction;
         this.approximation = options.approximation;
     }
     updateSimulation(enable) {
-        this.enableSimulation = pick(enable, this.options.enableSimulation);
+        this.enableSimulation = (enable ?? this.options.enableSimulation);
     }
     start() {
         const layout = this, series = this.series, options = this.options;
@@ -201,7 +205,7 @@ class ReingoldFruchtermanLayout {
         }
     }
     setMaxIterations(maxIterations) {
-        this.maxIterations = pick(maxIterations, this.options.maxIterations);
+        this.maxIterations = (maxIterations ?? this.options.maxIterations);
     }
     setTemperature() {
         this.temperature = this.startTemperature =
@@ -277,8 +281,12 @@ class ReingoldFruchtermanLayout {
         // as a cluster in the middle
         for (let i = 0, iEnd = sortedNodes.length; i < iEnd; ++i) {
             node = sortedNodes[i];
-            node.plotX = node.prevX = pick(node.plotX, box.width / 2 + radius * Math.cos(i * angle));
-            node.plotY = node.prevY = pick(node.plotY, box.height / 2 + radius * Math.sin(i * angle));
+            node.plotX = node.prevX =
+                node.plotX ??
+                    box.width / 2 + radius * Math.cos(i * angle);
+            node.plotY = node.prevY =
+                node.plotY ??
+                    box.height / 2 + radius * Math.sin(i * angle);
             node.dispX = 0;
             node.dispY = 0;
         }
@@ -299,8 +307,9 @@ class ReingoldFruchtermanLayout {
         // Initial positions:
         for (let i = 0, iEnd = nodes.length; i < iEnd; ++i) {
             node = nodes[i];
-            node.plotX = node.prevX = pick(node.plotX, box.width * unrandom(i));
-            node.plotY = node.prevY = pick(node.plotY, box.height * unrandom(nodesLength + i));
+            node.plotX = node.prevX = (node.plotX ?? box.width * unrandom(i));
+            node.plotY = node.prevY =
+                node.plotY ?? box.height * unrandom(nodesLength + i);
             node.dispX = 0;
             node.dispY = 0;
         }

package/es-modules/Series/NodesComposition.js

@@ -5,7 +5,7 @@
 'use strict';
 import SeriesRegistry from '../Core/Series/SeriesRegistry.js';
 const { series: { prototype: seriesProto, prototype: { pointClass: { prototype: pointProto } } } } = SeriesRegistry;
-import { addEvent, defined, extend, find, merge, pick } from '../Shared/Utilities.js';
+import { addEvent, defined, extend, find, merge } from '../Shared/Utilities.js';
 /* *
  *
  *  Composition
@@ -112,13 +112,10 @@ var NodesComposition;
         // For use in formats
         node.name = node.name || node.options.id || '';
         // Mass is used in networkgraph:
-        node.mass = pick(
-        // Node:
-        node.options.mass, node.options.marker && node.options.marker.radius, 
-        // Series:
-        this.options.marker && this.options.marker.radius, 
-        // Default:
-        4);
+        node.mass = (node.options.mass ??
+            (node.options.marker && node.options.marker.radius) ??
+            (this.options.marker && this.options.marker.radius) ??
+            4);
         return node;
     }
     NodesComposition.createNode = createNode;
@@ -161,7 +158,9 @@ var NodesComposition;
                 point.fromNode = nodeLookup[point.from];
                 // Point color defaults to the fromNode's color
                 if (chart.styledMode) {
-                    point.colorIndex = pick(point.options.colorIndex, nodeLookup[point.from].colorIndex);
+                    point.colorIndex =
+                        point.options.colorIndex ??
+                            nodeLookup[point.from].colorIndex;
                 }
                 else {
                     point.color =
@@ -259,7 +258,7 @@ var NodesComposition;
             else {
                 this.series.options.nodes = [nodeConfig];
             }
-            if (pick(redraw, true)) {
+            if (redraw ?? true) {
                 this.series.chart.redraw(animation);
             }
         }

package/es-modules/Series/Organization/OrganizationPoint.js

@@ -14,7 +14,7 @@
 'use strict';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { sankey: { prototype: { pointClass: SankeyPointClass } } } = SeriesRegistry.seriesTypes;
-import { defined, find, pick } from '../../Shared/Utilities.js';
+import { defined, find } from '../../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -83,7 +83,8 @@ class OrganizationPoint extends SankeyPointClass {
             let i = -1, link;
             // Default all children of the hanging node
             // to have hanging layout
-            node.options.layout = pick(node.options.layout, 'hanging');
+            node.options.layout =
+                node.options.layout ?? 'hanging';
             node.hangsFrom = fromNode;
             find(fromNode.linksFrom, (link, index) => {
                 const found = link.toNode === node;

package/es-modules/Series/PackedBubble/PackedBubbleLayout.js

@@ -13,7 +13,7 @@
 import GraphLayout from '../GraphLayoutComposition.js';
 import PackedBubbleIntegration from './PackedBubbleIntegration.js';
 import ReingoldFruchtermanLayout from '../Networkgraph/ReingoldFruchtermanLayout.js';
-import { addEvent, defined, pick } from '../../Shared/Utilities.js';
+import { addEvent, defined } from '../../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -111,9 +111,9 @@ class PackedBubbleLayout extends ReingoldFruchtermanLayout {
                 centerX = box.width / 2;
                 centerY = box.height / 2;
             }
-            node.plotX = node.prevX = pick(node.plotX, centerX +
+            node.plotX = node.prevX = (node.plotX ?? centerX +
                 radius * Math.cos(node.index || index * angle));
-            node.plotY = node.prevY = pick(node.plotY, centerY +
+            node.plotY = node.prevY = (node.plotY ?? centerY +
                 radius * Math.sin(node.index || index * angle));
             node.dispX = 0;
             node.dispY = 0;

package/es-modules/Series/PackedBubble/PackedBubbleSeries.js

@@ -25,7 +25,7 @@ import D from '../SimulationSeriesUtilities.js';
 const { initDataLabels, initDataLabelsDefer } = D;
 import SVGElement from '../../Core/Renderer/SVG/SVGElement.js';
 import { composeTextPath } from '../../Extensions/TextPath.js';
-import { addEvent, clamp, defined, extend, fireEvent, isArray, isNumber, merge, pick } from '../../Shared/Utilities.js';
+import { addEvent, clamp, defined, extend, fireEvent, isArray, isNumber, merge } from '../../Shared/Utilities.js';
 composeTextPath(SVGElement);
 /* *
  *
@@ -185,8 +185,8 @@ class PackedBubbleSeries extends BubbleSeries {
                 }
             });
         });
-        zMin = pick(zMin, valMin);
-        zMax = pick(zMax, valMax);
+        zMin = (zMin ?? valMin);
+        zMax = (zMax ?? valMax);
         return [zMin, zMax];
     }
     /**
@@ -325,7 +325,7 @@ class PackedBubbleSeries extends BubbleSeries {
                 color(this.color).brighten(0.4).get()),
             opacity: nodeMarker.fillOpacity,
             stroke: nodeMarker.lineColor || this.color,
-            'stroke-width': pick(nodeMarker.lineWidth, this.options.lineWidth)
+            'stroke-width': (nodeMarker.lineWidth ?? this.options.lineWidth)
         };
         let parentAttribs = {};
         // Create the group for parent Nodes if doesn't exist
@@ -780,7 +780,7 @@ class PackedBubbleSeries extends BubbleSeries {
                 // Update the series points with the val from positions
                 // array
                 point = data[position[4]];
-                radius = pick(position[2], void 0);
+                radius = (position[2] ?? void 0);
                 if (!useSimulation) {
                     point.plotX = (position[0] - chart.plotLeft +
                         chart.diffX);

package/es-modules/Series/Pictorial/PictorialSeries.js

@@ -25,7 +25,7 @@ import Series from '../../Core/Series/Series.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 import StackItem from '../../Core/Axis/Stacking/StackItem.js';
 import SVGRenderer from '../../Core/Renderer/SVG/SVGRenderer.js';
-import { addEvent, defined, merge, objectEach, pick } from '../../Shared/Utilities.js';
+import { addEvent, defined, merge, objectEach } from '../../Shared/Utilities.js';
 /* *
  *
  *  Composition
@@ -226,7 +226,9 @@ function renderStackShadow(stack) {
         stack.axis.hasData() &&
         series.xAxis.hasData()) {
         const xAxis = series.xAxis, options = stack.axis.options, chart = stack.axis.chart, stackShadow = stack.shadow, xCenter = xAxis.toPixels(stack.x, true), x = chart.inverted ? xAxis.len - xCenter : xCenter, paths = series.options.paths || [], index = stack.x % paths.length, shape = paths[index], width = series.getColumnMetrics &&
-            series.getColumnMetrics().width, { height, y } = getStackMetrics(series.yAxis, shape), shadowOptions = options.stackShadow, strokeWidth = pick(shadowOptions && shadowOptions.borderWidth, series.options.borderWidth, 1);
+            series.getColumnMetrics().width, { height, y } = getStackMetrics(series.yAxis, shape), shadowOptions = options.stackShadow, strokeWidth = ((shadowOptions && shadowOptions.borderWidth) ??
+            series.options.borderWidth ??
+            1);
         if (!stackShadow &&
             shadowOptions &&
             shadowOptions.enabled &&

package/es-modules/Series/Pie/PieDataLabel.js

@@ -17,7 +17,7 @@ import R from '../../Core/Renderer/RendererUtilities.js';
 const { distribute } = R;
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { series: Series } = SeriesRegistry;
-import { arrayMax, clamp, defined, isNumber, pick, pushUnique, relativeLength } from '../../Shared/Utilities.js';
+import { arrayMax, clamp, defined, isNumber, pushUnique, relativeLength } from '../../Shared/Utilities.js';
 /* *
  *
  *  Composition
@@ -324,7 +324,7 @@ var ColumnDataLabel;
                         labelPosition.computed.x = x;
                         labelPosition.computed.y = y - topOffset;
                         // Detect overflowing data labels
-                        if (pick(dataLabelOptions.crop, true)) {
+                        if (dataLabelOptions.crop ?? true) {
                             dataLabelWidth = dataLabel.getBBox().width;
                             let sideOverflow;
                             // Overflow left

package/es-modules/Series/Pie/PiePoint.js

@@ -12,7 +12,7 @@
 'use strict';
 import { setAnimation } from '../../Core/Animation/AnimationUtilities.js';
 import Point from '../../Core/Series/Point.js';
-import { addEvent, extend, isNumber, pick, relativeLength } from '../../Shared/Utilities.js';
+import { addEvent, extend, isNumber, relativeLength } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -120,7 +120,7 @@ class PiePoint extends Point {
         const series = this.series, chart = series.chart;
         setAnimation(animation, chart);
         // Redraw is true by default
-        redraw = pick(redraw, true);
+        redraw = (redraw ?? true);
         this.sliced = this.options.sliced = sliced ?? !this.sliced;
         // Update options.data
         if (series.options.data) {

package/es-modules/Series/Pie/PieSeries.js

@@ -20,7 +20,7 @@ import PieSeriesDefaults from './PieSeriesDefaults.js';
 import Series from '../../Core/Series/Series.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 import Symbols from '../../Core/Renderer/SVG/Symbols.js';
-import { clamp, extend, fireEvent, merge, pick } from '../../Shared/Utilities.js';
+import { clamp, extend, fireEvent, merge } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -54,7 +54,8 @@ class PieSeries extends Series {
                     // Start values
                     graphic.attr({
                         // Animate from inner radius (#779)
-                        r: pick(point.startR, (series.center && series.center[3] / 2)),
+                        r: point.startR ??
+                            (series.center && series.center[3] / 2),
                         start: startAngleRad,
                         end: startAngleRad
                     });

package/es-modules/Series/Pie3D/Pie3DSeries.js

@@ -17,7 +17,7 @@ const { composed, deg2rad } = H;
 import Pie3DPoint from './Pie3DPoint.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { pie: PieSeries } = SeriesRegistry.seriesTypes;
-import { extend, pick, pushUnique } from '../../Shared/Utilities.js';
+import { extend, pushUnique } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -65,8 +65,12 @@ class Pie3DSeries extends PieSeries {
             // Initialize the animation
             if (init) {
                 // Scale down the group and place it in the center
-                group.oldtranslateX = pick(group.oldtranslateX, group.translateX);
-                group.oldtranslateY = pick(group.oldtranslateY, group.translateY);
+                group.oldtranslateX =
+                    group.oldtranslateX ??
+                        group.translateX;
+                group.oldtranslateY =
+                    group.oldtranslateY ??
+                        group.translateY;
                 attribs = {
                     translateX: center[0],
                     translateY: center[1],
@@ -124,7 +128,7 @@ class Pie3DSeries extends PieSeries {
         const attr = super.pointAttribs.apply(this, arguments), options = this.options;
         if (this.chart.is3d() && !this.chart.styledMode) {
             attr.stroke = options.edgeColor || point.color || this.color;
-            attr['stroke-width'] = pick(options.edgeWidth, 1);
+            attr['stroke-width'] = (options.edgeWidth ?? 1);
         }
         return attr;
     }

package/es-modules/Series/PolarComposition.js

@@ -19,7 +19,7 @@ const { composed } = H;
 import Series from '../Core/Series/Series.js';
 import Pane from '../Extensions/Pane/Pane.js';
 import RadialAxis from '../Core/Axis/RadialAxis.js';
-import { addEvent, clamp, defined, find, isNumber, isObject, merge, pick, pushUnique, relativeLength, splat, wrap } from '../Shared/Utilities.js';
+import { addEvent, clamp, defined, find, isNumber, isObject, merge, pushUnique, relativeLength, splat, wrap } from '../Shared/Utilities.js';
 import { uniqueKey } from '../Core/Utilities.js';
 /* *
  *
@@ -385,7 +385,7 @@ function onSeriesAfterTranslate() {
             // Treat points below Y axis min as null (#10082)
             if (!chart.hasParallelCoordinates &&
                 !series.yAxis.reversed) {
-                if (pick(points[i].y, Number.MIN_VALUE) < yAxis.min ||
+                if ((points[i].y ?? Number.MIN_VALUE) < yAxis.min ||
                     points[i].x < xAxis.min ||
                     points[i].x > xAxis.max) {
                     // Destroy markers
@@ -478,7 +478,7 @@ function wrapChartGet(proceed, id) {
  * @private
  */
 function wrapColumnSeriesAlignDataLabel(proceed, point, dataLabel, options, alignTo, isNew) {
-    const chart = this.chart, inside = pick(options.inside, !!this.options.stacking);
+    const chart = this.chart, inside = (options.inside ?? !!this.options.stacking);
     let angle, shapeArgs, labelPos;
     if (chart.polar) {
         angle = point.rectPlotX / Math.PI * 180;
@@ -515,9 +515,9 @@ function wrapColumnSeriesAlignDataLabel(proceed, point, dataLabel, options, alig
                     y: point.tooltipPos[1]
                 });
             }
-            options.align = pick(options.align, 'center');
+            options.align = (options.align ?? 'center');
             options.verticalAlign =
-                pick(options.verticalAlign, 'middle');
+                (options.verticalAlign ?? 'middle');
         }
         Series.prototype.alignDataLabel.call(this, point, dataLabel, options, alignTo, isNew);
         // Hide label of a point (only inverted) that is outside the
@@ -795,7 +795,8 @@ function wrapSeriesAnimate(proceed, init) {
         if (series.isRadialBar) {
             if (!init) {
                 // Run the pie animation for radial bars
-                series.startAngleRad = pick(series.translatedThreshold, series.xAxis.startAngleRad);
+                series.startAngleRad =
+                    series.translatedThreshold ?? series.xAxis.startAngleRad;
                 H.seriesTypes.pie.prototype.animate.call(series, init);
             }
         }
@@ -990,7 +991,7 @@ class PolarAdditions {
      * */
     arc(low, high, start, end) {
         const series = this.series, center = series.xAxis.center, len = series.yAxis.len, paneInnerR = center[3] / 2;
-        let r = len - high + paneInnerR, innerR = len - pick(low, len) + paneInnerR;
+        let r = len - high + paneInnerR, innerR = len - (low ?? len) + paneInnerR;
         // Prevent columns from shooting through the pane's center
         if (series.yAxis.reversed) {
             if (r < 0) {

package/es-modules/Series/Sankey/SankeySeries.js

@@ -25,7 +25,7 @@ import TU from '../TreeUtilities.js';
 const { getLevelOptions, getNodeWidth } = TU;
 import SVGElement from '../../Core/Renderer/SVG/SVGElement.js';
 import { composeTextPath } from '../../Extensions/TextPath.js';
-import { clamp, crisp, extend, isObject, merge, pick, relativeLength, stableSort } from '../../Shared/Utilities.js';
+import { clamp, crisp, extend, isObject, merge, relativeLength, stableSort } from '../../Shared/Utilities.js';
 composeTextPath(SVGElement);
 /* *
  *
@@ -174,9 +174,15 @@ class SankeySeries extends ColumnSeries {
             'linkOpacity',
             'opacity'
         ].reduce((obj, key) => {
-            obj[key] = pick(stateOptions[key], options[key], levelOptions[key], series.options[key]);
+            obj[key] =
+                stateOptions[key] ??
+                    options[key] ??
+                    levelOptions[key] ??
+                    series.options[key];
             return obj;
-        }, {}), color = pick(stateOptions.color, options.color, values.colorByPoint ? point.color : levelOptions.color);
+        }, {}), color = stateOptions.color ??
+            options.color ??
+            (values.colorByPoint ? point.color : levelOptions.color);
         // Node attributes
         if (point.isNode) {
             return {
@@ -277,7 +283,7 @@ class SankeySeries extends ColumnSeries {
      * @internal
      */
     translateLink(point, linkToY) {
-        const fromNode = point.fromNode, toNode = point.toNode, chart = this.chart, { inverted } = chart, translationFactor = this.translationFactor, options = this.options, linkColorMode = pick(point.linkColorMode, options.linkColorMode), curvy = ((chart.inverted ? -this.colDistance : this.colDistance) *
+        const fromNode = point.fromNode, toNode = point.toNode, chart = this.chart, { inverted } = chart, translationFactor = this.translationFactor, options = this.options, linkColorMode = (point.linkColorMode ?? options.linkColorMode), curvy = ((chart.inverted ? -this.colDistance : this.colDistance) *
             options.curveFactor), nodeLeft = fromNode.nodeX, right = toNode.nodeX, outgoing = point.outgoing;
         let linkHeight = Math.max((point.weight || 0) * translationFactor, this.options.minLinkWidth || 0), fromY = this.getY(point, fromNode, 'linksFrom', linkHeight), toY = linkToY || this.getY(point, toNode, 'linksTo', linkHeight), nodeW = this.nodeWidth, straight = right > nodeLeft + nodeW;
         if (chart.inverted) {
@@ -401,7 +407,7 @@ class SankeySeries extends ColumnSeries {
      * @internal
      */
     translateNode(node, column) {
-        const translationFactor = this.translationFactor, chart = this.chart, options = this.options, { borderRadius, borderWidth = 0 } = options, sum = node.getSum(), nodeHeight = Math.max(Math.round(sum * translationFactor), this.options.minLinkWidth), nodeWidth = Math.round(this.nodeWidth), nodeOffset = column.sankeyColumn.offset(node, translationFactor), fromNodeTop = crisp(pick(nodeOffset.absoluteTop, (column.sankeyColumn.top(translationFactor) +
+        const translationFactor = this.translationFactor, chart = this.chart, options = this.options, { borderRadius, borderWidth = 0 } = options, sum = node.getSum(), nodeHeight = Math.max(Math.round(sum * translationFactor), this.options.minLinkWidth), nodeWidth = Math.round(this.nodeWidth), nodeOffset = column.sankeyColumn.offset(node, translationFactor), fromNodeTop = crisp((nodeOffset.absoluteTop ?? (column.sankeyColumn.top(translationFactor) +
             nodeOffset.relativeTop)), borderWidth), left = crisp(this.colDistance * node.column +
             borderWidth / 2, borderWidth) + relativeLength(node.options[chart.inverted ?
             'offsetVertical' :

package/es-modules/Series/Scatter/ScatterSeries.js

@@ -47,14 +47,15 @@ class ScatterSeries extends LineSeries {
             return rand - Math.floor(rand);
         }
         if (jitter) {
-            this.points.forEach(function (point, i) {
-                ['x', 'y'].forEach(function (dim, j) {
+            this.points.forEach((point, i) => {
+                ['x', 'y'].forEach((dim, j) => {
                     if (jitter[dim] && !point.isNull) {
-                        const plotProp = `plot${dim.toUpperCase()}`, axis = series[`${dim}Axis`], translatedJitter = jitter[dim] *
-                            axis.transA;
+                        const plotProp = `plot${dim.toUpperCase()}`, axis = series[`${dim}Axis`];
                         if (axis && !axis.logarithmic) {
                             // Identify the outer bounds of the jitter range
-                            const min = Math.max(0, (point[plotProp] || 0) - translatedJitter), max = Math.min(axis.len, (point[plotProp] || 0) + translatedJitter);
+                            // (#25054)
+                            const translatedJitter = jitter[dim] * axis.transA *
+                                (axis.reversed ? -1 : 1), min = (point[plotProp] || 0) - translatedJitter, max = (point[plotProp] || 0) + translatedJitter;
                             // Find a random position within this range
                             point[plotProp] = min +
                                 (max - min) * unrandom(i + j * len);