highcharts 13.0.0 → 13.0.2

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

@@ -384,6 +384,16 @@ const MapSeriesDefaults = {
  * @product   highmaps
  * @apioption plotOptions.map.colors
  */
+/**
+ * Whether to apply a drop shadow to the map shapes. The shadow can be an
+ * object configuration containing `color`, `offsetX`, `offsetY`, `opacity`
+ * and `width`.
+ *
+ * @type      {boolean|Highcharts.ShadowOptionsObject}
+ * @default   false
+ * @product   highmaps
+ * @apioption plotOptions.map.shadow
+ */
 /**
  * Individual color for the point. By default the color is either used
  * to denote the value, or pulled from the global `colors` array.
@@ -460,7 +470,7 @@ const MapSeriesDefaults = {
  * a two dimensional array of the same. The dimensionality must comply with the
  * `type`.
  *
- * @type      {Array<LonLatArray>|Array<Array<LonLatArray>>}
+ * @type      {Array<Highcharts.LonLatArray>|Array<Array<Highcharts.LonLatArray>>}
  * @since 9.3.0
  * @product   highmaps
  * @apioption series.map.data.geometry.coordinates

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)
@@ -243,18 +245,21 @@ class NetworkgraphSeries extends Series {
      */
     pointAttribs(point, state) {
         // By default, only `selected` state is passed on
-        const pointState = state || point && point.state || 'normal', stateOptions = this.options.states[pointState];
+        const pointState = state || point && point.state || 'normal', stateOptions = this.options.states?.[pointState];
         let attribs = Series.prototype.pointAttribs.call(this, point, pointState);
         if (point && !point.isNode) {
             attribs = point.getLinkAttributes();
-            // For link, get prefixed names:
+            // For link, get nested names:
             if (stateOptions) {
                 attribs = {
-                    // TO DO: API?
-                    stroke: stateOptions.linkColor || attribs.stroke,
-                    dashstyle: (stateOptions.linkDashStyle || attribs.dashstyle),
-                    opacity: pick(stateOptions.linkOpacity, attribs.opacity),
-                    'stroke-width': stateOptions.linkColor ||
+                    stroke: stateOptions.link?.color || attribs.stroke,
+                    dashstyle: stateOptions.link?.dashStyle ||
+                        attribs.dashstyle,
+                    // Deprecated linkOpacity, but keep for backwards compat.
+                    opacity: stateOptions.linkOpacity ??
+                        stateOptions.link?.opacity ??
+                        attribs.opacity,
+                    'stroke-width': stateOptions.link?.width ||
                         attribs['stroke-width']
                 };
             }

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

@@ -82,9 +82,21 @@ const NetworkgraphSeriesDefaults = {
          */
         inactive: {
             /**
+             * Deprecated. Use
+             * [link.opacity](#series.networkgraph.states.inactive.link.opacity)
+             * instead.
+             *
              * Opacity of inactive links.
+             *
+             * @deprecated 13.0.1
              */
             linkOpacity: 0.3,
+            /**
+             * @extends plotOptions.networkgraph.link
+             */
+            link: {
+                opacity: 0.3
+            },
             /**
              * Animation when not hovering over the node.
              *

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/OHLC/OHLCPoint.js

@@ -62,8 +62,8 @@ class OHLCPoint extends HLCSeries.prototype.pointClass {
      * @private
      * @function Highcharts.seriesTypes.ohlc#getZone
      *
-     * @return {Highcharts.SeriesZonesOptionsObject}
-     *         The zone item.
+     * @return {Highcharts.SeriesZonesOptionsObject|undefined}
+     *         The zone item, or `undefined` if the series has no zones.
      */
     getZone() {
         const zone = super.getZone();

package/es-modules/Series/OHLC/OHLCSeries.js

@@ -28,6 +28,7 @@ import { addEvent, crisp, extend, merge, pushUnique } from '../../Shared/Utiliti
 function onSeriesAfterSetOptions(e) {
     const options = e.options, dataGrouping = options.dataGrouping;
     if (dataGrouping &&
+        !dataGrouping.approximation &&
         options.useOhlcData &&
         options.id !== 'highcharts-navigator-series') {
         dataGrouping.approximation = 'ohlc';

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/Organization/OrganizationSeries.js

@@ -18,7 +18,7 @@ import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 import PathUtilities from '../PathUtilities.js';
 const { sankey: SankeySeries } = SeriesRegistry.seriesTypes;
 import SVGElement from '../../Core/Renderer/SVG/SVGElement.js';
-import { crisp, css, extend, isNumber, merge, pick, splat } from '../../Shared/Utilities.js';
+import { crisp, css, extend, isNumber, merge, splat } from '../../Shared/Utilities.js';
 import { composeTextPath } from '../../Extensions/TextPath.js';
 composeTextPath(SVGElement);
 /* *
@@ -87,9 +87,31 @@ class OrganizationSeries extends SankeySeries {
         return node;
     }
     pointAttribs(point, state) {
-        const series = this, attribs = SankeySeries.prototype.pointAttribs.call(series, point, state), level = point.isNode ? point.level : point.fromNode.level, levelOptions = series.mapOptionsToLevel[level || 0] || {}, options = point.options, stateOptions = (levelOptions.states &&
-            levelOptions.states[state]) ||
-            {}, borderRadius = pick(stateOptions.borderRadius, options.borderRadius, levelOptions.borderRadius, series.options.borderRadius), linkColor = pick(stateOptions.linkColor, options.linkColor, levelOptions.linkColor, series.options.linkColor, stateOptions.link && stateOptions.link.color, options.link && options.link.color, levelOptions.link && levelOptions.link.color, series.options.link && series.options.link.color), linkLineWidth = pick(stateOptions.linkLineWidth, options.linkLineWidth, levelOptions.linkLineWidth, series.options.linkLineWidth, stateOptions.link && stateOptions.link.lineWidth, options.link && options.link.lineWidth, levelOptions.link && levelOptions.link.lineWidth, series.options.link && series.options.link.lineWidth), linkOpacity = pick(stateOptions.linkOpacity, options.linkOpacity, levelOptions.linkOpacity, series.options.linkOpacity, stateOptions.link && stateOptions.link.linkOpacity, options.link && options.link.linkOpacity, levelOptions.link && levelOptions.link.linkOpacity, series.options.link && series.options.link.linkOpacity);
+        const series = this, attribs = SankeySeries.prototype.pointAttribs.call(series, point, state), level = point.isNode ? point.level : point.fromNode.level, levelOptions = series.mapOptionsToLevel[level || 0] || {}, options = point.options, stateOptions = levelOptions.states?.[state || 'normal'] || {}, borderRadius = (stateOptions.borderRadius ??
+            options.borderRadius ??
+            levelOptions.borderRadius ??
+            series.options.borderRadius), linkColor = (stateOptions.linkColor ??
+            options.linkColor ??
+            levelOptions.linkColor ??
+            series.options.linkColor ??
+            stateOptions.link?.color ??
+            options.link?.color ??
+            levelOptions.link?.color ??
+            series.options.link?.color), linkLineWidth = (stateOptions.linkLineWidth ??
+            options.linkLineWidth ??
+            levelOptions.linkLineWidth ??
+            series.options.linkLineWidth ??
+            stateOptions.link?.lineWidth ??
+            options.link?.lineWidth ??
+            levelOptions.link?.lineWidth ??
+            series.options.link?.lineWidth), linkOpacity = (stateOptions.linkOpacity ??
+            options.linkOpacity ??
+            levelOptions.linkOpacity ??
+            series.options.linkOpacity ??
+            stateOptions.link?.linkOpacity ??
+            options.link?.linkOpacity ??
+            levelOptions.link?.linkOpacity ??
+            series.options.link?.linkOpacity);
         if (!point.isNode) {
             attribs.stroke = linkColor;
             attribs['stroke-width'] = linkLineWidth;
@@ -104,9 +126,9 @@ class OrganizationSeries extends SankeySeries {
         return attribs;
     }
     translateLink(point) {
-        const chart = this.chart, options = this.options, fromNode = point.fromNode, toNode = point.toNode, linkWidth = pick(options.linkLineWidth, options.link.lineWidth, 0), factor = pick(options.link.offset, 0.5), type = pick(point.options.link && point.options.link.type, options.link.type);
+        const { chart, options } = this, fromNode = point.fromNode, toNode = point.toNode, linkWidth = options.linkLineWidth ?? options.link.lineWidth ?? 0, factor = options.link.offset ?? 0.5, type = point.options.link?.type ?? options.link.type;
         if (fromNode.shapeArgs && toNode.shapeArgs) {
-            const hangingIndent = options.hangingIndent, hangingRight = options.hangingSide === 'right', toOffset = toNode.options.offset, percentOffset = /%$/.test(toOffset) && parseInt(toOffset, 10), inverted = chart.inverted;
+            const hangingIndent = options.hangingIndent || 0, hangingRight = options.hangingSide === 'right', toOffset = toNode.options.offset, percentOffset = /%$/.test(toOffset) && parseInt(toOffset, 10), inverted = chart.inverted;
             let x1 = crisp((fromNode.shapeArgs.x || 0) +
                 (fromNode.shapeArgs.width || 0), linkWidth), y1 = crisp((fromNode.shapeArgs.y || 0) +
                 (fromNode.shapeArgs.height || 0) / 2, linkWidth), x2 = crisp(toNode.shapeArgs.x || 0, linkWidth), y2 = crisp((toNode.shapeArgs.y || 0) +
@@ -175,7 +197,7 @@ class OrganizationSeries extends SankeySeries {
                         ['L', xMiddle, y1],
                         ['L', xMiddle, y2],
                         ['L', x2, y2]
-                    ], pick(options.linkRadius, options.link.radius))
+                    ], options.linkRadius ?? options.link.radius)
                 };
             }
             point.dlBox = {

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

@@ -195,8 +195,14 @@ const OrganizationSeriesDefaults = {
                     this.point.name + '</h4>';
             }
             if (title) {
-                html += '<p ' + styleAttr(titleStyle) + '>' +
-                    (title || '') + '</p>';
+                html += '<p ' + styleAttr(titleStyle) + '>' + title + '</p>';
+            }
+            else {
+                // Required to prevent a glitch in iOS Safari, where text would
+                // flow outside the box if the title is missing (#25043)
+                html += `<p aria-hidden="true"
+                        style="line-height:0;margin:1px;font-size:1px;opacity:0"
+                    >.</p>`;
             }
             if (description) {
                 html += '<p ' + styleAttr(descriptionStyle) + '>' +
@@ -254,9 +260,10 @@ const OrganizationSeriesDefaults = {
      * @sample highcharts/series-organization/hanging-shrink
      *         Every indent decreases the nodes' width
      *
-     * @type {Highcharts.OrganizationHangingIndentTranslationValue}
-     * @since 10.0.0
+     * @declare Highcharts.OrganizationHangingIndentTranslationValue
      * @default inherit
+     * @since   10.0.0
+     * @type    {"inherit"|"cumulative"|"shrink"}
      *
      * @private
      */

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

@@ -10,10 +10,9 @@
  *
  * */
 'use strict';
-import A from '../../Core/Animation/AnimationUtilities.js';
-const { setAnimation } = A;
+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
@@ -121,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

@@ -10,9 +10,8 @@
  *
  * */
 'use strict';
-import A from '../Core/Animation/AnimationUtilities.js';
-const { animObject } = A;
-import { optionsToObject } from '../Extensions/BorderRadius.js';
+import { animObject } from '../Core/Animation/AnimationUtilities.js';
+import { borderRadiusObject } from '../Extensions/BorderRadius.js';
 import D from '../Core/Defaults.js';
 const { defaultOptions } = D;
 import H from '../Core/Globals.js';
@@ -20,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';
 /* *
  *
@@ -338,7 +337,7 @@ function onSeriesAfterColumnTranslate() {
         chart.polar &&
         chart.inverted) {
         const seriesDefault = defaultOptions.plotOptions?.[this.type]
-            ?.borderRadius, { scope, where = 'end' } = optionsToObject(options.borderRadius, isObject(seriesDefault) ? seriesDefault : {});
+            ?.borderRadius, { scope, where = 'end' } = borderRadiusObject(options.borderRadius, isObject(seriesDefault) ? seriesDefault : {});
         for (const point of this.points) {
             const { shapeArgs } = point;
             if (point.shapeType === 'arc' && shapeArgs) {
@@ -386,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
@@ -479,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;
@@ -516,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
@@ -540,7 +539,7 @@ function wrapColumnSeriesAlignDataLabel(proceed, point, dataLabel, options, alig
  * @private
  */
 function onAfterColumnTranslate() {
-    const series = this, options = series.options, stacking = options.stacking, chart = series.chart, xAxis = series.xAxis, yAxis = series.yAxis, reversed = yAxis.reversed, center = yAxis.center, startAngleRad = xAxis.startAngleRad, endAngleRad = xAxis.endAngleRad, visibleRange = endAngleRad - startAngleRad;
+    const series = this, { chart, options, xAxis, yAxis } = series, stacking = options.stacking, { center, reversed } = yAxis, { endAngleRad, startAngleRad } = xAxis, visibleRange = endAngleRad - startAngleRad;
     let threshold = options.threshold, thresholdAngleRad = 0, points, point, i, yMin, yMax, start = 0, end = 0, tooltipPos, pointX, pointY, stackValues, stack, barX, innerR, r;
     // Postprocess plot coordinates
     if (xAxis.isRadial) {
@@ -638,8 +637,7 @@ function onAfterColumnTranslate() {
                 innerR = Math.max(barX, 0);
                 r = Math.max(barX + (point.pointWidth || 0), 0);
                 // Handle border radius
-                const brOption = options.borderRadius, brValue = typeof brOption === 'object' ?
-                    brOption.radius : brOption, borderRadius = relativeLength(brValue || 0, r - innerR);
+                const brOption = borderRadiusObject(options.borderRadius), borderRadius = relativeLength(brOption.radius, r - innerR);
                 point.shapeArgs = {
                     x: center[0],
                     y: center[1],
@@ -797,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);
             }
         }
@@ -992,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) {