highcharts 13.0.1 → 13.0.2

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

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

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

@@ -24,7 +24,7 @@ import Fullscreen from './Fullscreen.js';
 import G from '../../Core/Globals.js';
 const { composed, doc, isFirefox, isMS, isSafari, SVG_NS, win } = G;
 import HU from '../../Core/HttpUtilities.js';
-import { addEvent, createElement, css, discardElement, extend, find, fireEvent, internalClearTimeout, isObject, merge, objectEach, pick, pushUnique, removeEvent, splat } from '../../Shared/Utilities.js';
+import { addEvent, createElement, css, discardElement, extend, find, fireEvent, internalClearTimeout, isObject, merge, objectEach, pushUnique, removeEvent, splat } from '../../Shared/Utilities.js';
 import { error, uniqueKey } from '../../Core/Utilities.js';
 AST.allowedAttributes.push('data-z-index', 'fill-opacity', 'filter', 'preserveAspectRatio', 'rx', 'ry', 'stroke-dasharray', 'stroke-linejoin', 'stroke-opacity', 'text-anchor', 'transform', 'transform-origin', 'version', 'viewBox', 'visibility', 'xmlns', 'xmlns:xlink');
 AST.allowedTags.push('desc', 'clippath', 'fedropshadow', 'femorphology', 'g', 'image');
@@ -532,7 +532,7 @@ export class Exporting {
             };
         }
         if (btnOptions.text && btnOptions.symbol) {
-            theme.paddingLeft = pick(theme.paddingLeft, 30);
+            theme.paddingLeft = (theme.paddingLeft ?? 30);
         }
         else if (!btnOptions.text) {
             extend(theme, {
@@ -545,8 +545,8 @@ export class Exporting {
             .button(btnOptions.text || '', 0, 0, callback, theme, void 0, void 0, void 0, void 0, btnOptions.useHTML)
             .addClass(options.className || '')
             .attr({
-            title: pick(chart.options.lang[(btnOptions._titleKey ||
-                btnOptions.titleKey)], '')
+            title: (chart.options.lang[(btnOptions._titleKey ||
+                btnOptions.titleKey)] ?? '')
         });
         button.menuClassName = (options.menuClassName ||
             'highcharts-menu-' + exporting.btnCount++);
@@ -575,7 +575,7 @@ export class Exporting {
             .add(exporting.group)
             .align(extend(btnOptions, {
             width: button.width,
-            x: pick(btnOptions.x, exporting.buttonOffset) // #1654
+            x: (btnOptions.x ?? exporting.buttonOffset) // #1654
         }), true, 'spacingBox');
         exporting.buttonOffset += (((button.width || 0) + (btnOptions.buttonSpacing || 0)) *
             (btnOptions.align === 'right' ? -1 : 1));
@@ -1829,7 +1829,7 @@ export class Exporting {
     update(exportingOptions, redraw) {
         this.isDirty = true;
         merge(true, this.options, exportingOptions);
-        if (pick(redraw, true)) {
+        if (redraw ?? true) {
             this.chart.redraw();
         }
     }
@@ -2051,7 +2051,7 @@ Exporting.unstyledElements = [
                 if (chart.exporting) {
                     chart.exporting.isDirty = true;
                     merge(true, chart.options.navigation, options);
-                    if (pick(redraw, true)) {
+                    if (redraw ?? true) {
                         chart.redraw();
                     }
                 }

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

@@ -11,7 +11,7 @@
  * */
 'use strict';
 import NBU from '../Annotations/NavigationBindingsUtilities.js';
-import { addEvent, defined, internalClearTimeout, isObject, merge, pick } from '../../Shared/Utilities.js';
+import { addEvent, defined, internalClearTimeout, isObject, merge } from '../../Shared/Utilities.js';
 const { getAssignedAxis } = NBU;
 /* *
  *
@@ -40,7 +40,7 @@ const optionsToObject = (options) => {
 };
 /** @internal */
 const zoomBy = function (chart, howMuch, xAxis, yAxis, mouseX, mouseY, options) {
-    const type = pick(options.type, chart.zooming.type, '');
+    const type = (options.type ?? chart.zooming.type ?? '');
     let axes = [];
     if (type === 'x') {
         axes = xAxis;

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

@@ -3,7 +3,7 @@
  *  Imports
  *
  * */
-import { addEvent, correctFloat, defined, pick } from '../../Shared/Utilities.js';
+import { addEvent, correctFloat, defined } from '../../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -119,7 +119,7 @@ function onPointerBeforeGetHoverData(eventArgs) {
         eventArgs.filter = function (s) {
             return (s.visible &&
                 !(!eventArgs.shared && s.directTouch) && // #3821
-                pick(s.options.enableMouseTracking, true) &&
+                (s.options.enableMouseTracking ?? true) &&
                 (!chart.hoverPane || s.xAxis.pane === chart.hoverPane));
         };
     }

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

@@ -13,7 +13,7 @@
  * */
 'use strict';
 import ParallelCoordinatesDefaults from './ParallelCoordinatesDefaults.js';
-import { addEvent, arrayMax, arrayMin, isNumber, merge, pick } from '../../Shared/Utilities.js';
+import { addEvent, arrayMax, arrayMin, isNumber, merge } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -118,7 +118,7 @@ var ParallelAxis;
             else {
                 const axisIndex = chart.yAxis.indexOf(axis); // #13608
                 axis.options = merge(axis.options, axis.chart.options.chart.parallelAxes, e.userOptions);
-                parallelCoordinates.position = pick(parallelCoordinates.position, axisIndex >= 0 ? axisIndex : chart.yAxis.length);
+                parallelCoordinates.position = parallelCoordinates.position ?? (axisIndex >= 0 ? axisIndex : chart.yAxis.length);
                 parallelCoordinates.setPosition(axisPosition, axis.options);
             }
         }

package/es-modules/Extensions/PatternFill.js

@@ -15,7 +15,7 @@
 import { animObject } from '../Core/Animation/AnimationUtilities.js';
 import D from '../Core/Defaults.js';
 const { getOptions } = D;
-import { addEvent, defined, erase, extend, isObject, merge, pick, removeEvent, wrap } from '../Shared/Utilities.js';
+import { addEvent, defined, erase, extend, isObject, merge, removeEvent, wrap } from '../Shared/Utilities.js';
 /* *
  *
  *  Constants
@@ -284,7 +284,9 @@ function onRendererComplexColor(args) {
         }
         // Add it. This function does nothing if an element with this ID
         // already exists.
-        this.addPattern(pattern, !this.forExport && pick(pattern.animation, this.globalAnimation, { duration: 100 }));
+        this.addPattern(pattern, !this.forExport && (pattern.animation ??
+            this.globalAnimation ??
+            { duration: 100 }));
         value = `url(${this.url}#${pattern.id + (this.forExport ? '-export' : '')})`;
     }
     else {
@@ -448,7 +450,7 @@ function pointCalculatePatternDimensions(pattern) {
  * @requires modules/pattern-fill
  */
 function rendererAddPattern(options, animation) {
-    const animate = pick(animation, true), animationOptions = animObject(animate), color = options.color ||
+    const animate = (animation ?? true), animationOptions = animObject(animate), color = options.color ||
         'var(--highcharts-neutral-color-80)', defaultSize = 32, height = options.height ||
         (typeof options._height === 'number' ? options._height : 0) ||
         defaultSize, width = options.width ||
@@ -516,7 +518,7 @@ function rendererAddPattern(options, animation) {
         };
         if (!this.styledMode) {
             attribs.stroke = path.stroke || color;
-            attribs['stroke-width'] = pick(path.strokeWidth, 2);
+            attribs['stroke-width'] = (path.strokeWidth ?? 2);
             attribs.fill = path.fill || 'none';
         }
         if (path.transform) {
@@ -531,7 +533,7 @@ function rendererAddPattern(options, animation) {
             this.image(options.image, 0, 0, width, height, function () {
                 // Onload
                 this.animate({
-                    opacity: pick(options.opacity, 1)
+                    opacity: (options.opacity ?? 1)
                 }, animationOptions);
                 removeEvent(this.element, 'load');
             }).attr({ opacity: 0 }).add(pattern);

package/es-modules/Extensions/PriceIndication.js

@@ -13,7 +13,7 @@
 'use strict';
 import H from '../Core/Globals.js';
 const { composed } = H;
-import { addEvent, merge, pushUnique } from '../Shared/Utilities.js';
+import { addEvent, clamp, merge, pushUnique } from '../Shared/Utilities.js';
 /* *
  *
  *  Composition
@@ -56,7 +56,7 @@ function onSeriesAfterRender() {
         seriesOptions.id !== 'highcharts-navigator-series' &&
         series.visible) {
         const { points, xAxis, yAxis } = series, { cross, crosshair, crossLabel } = yAxis, pLength = points.length, dataLength = series.dataTable.rowCount, x = series.getColumn('x')[dataLength - 1], y = series.getColumn('y')[dataLength - 1] ??
-            series.getColumn('close')[dataLength - 1];
+            series.getColumn('close')[dataLength - 1], modifiedY = series.dataModify?.modifyValue(y) ?? y;
         if (lastPrice?.enabled) {
             yAxis.crosshair = yAxis.options.crosshair = seriesOptions.lastPrice;
             if (!series.chart.styledMode &&
@@ -75,8 +75,9 @@ function onSeriesAfterRender() {
             yAxis.drawCrosshair(void 0, ({
                 x: x,
                 y,
-                plotX: xAxis.toPixels(x, true),
-                plotY: yAxis.toPixels(y, true)
+                series,
+                plotX: clamp(xAxis.toPixels(x, true), 0, xAxis.len),
+                plotY: yAxis.toPixels(modifiedY, true)
             }));
             // Save price
             if (series.yAxis.cross) {

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

@@ -32,7 +32,7 @@ const { composed } = H;
 import SeriesLabelDefaults from './SeriesLabelDefaults.js';
 import SLU from './SeriesLabelUtilities.js';
 const { boxIntersectLine, intersectRect } = SLU;
-import { addEvent, extend, fireEvent, internalClearTimeout, isNumber, pick, pushUnique, syncTimeout } from '../../Shared/Utilities.js';
+import { addEvent, extend, fireEvent, internalClearTimeout, isNumber, pushUnique, syncTimeout } from '../../Shared/Utilities.js';
 /* *
  *
  *  Constants
@@ -49,7 +49,7 @@ const labelDistance = 3;
  * @internal
  */
 function checkClearPoint(series, x, y, bBox, checkDistance) {
-    const chart = series.chart, seriesLabelOptions = series.options.label || {}, onArea = pick(seriesLabelOptions.onArea, !!series.area), findDistanceToOthers = (onArea || seriesLabelOptions.connectorAllowed), leastDistance = 16, boxesToAvoid = chart.boxesToAvoid;
+    const chart = series.chart, seriesLabelOptions = series.options.label || {}, onArea = (seriesLabelOptions.onArea ?? !!series.area), findDistanceToOthers = (onArea || seriesLabelOptions.connectorAllowed), leastDistance = 16, boxesToAvoid = chart.boxesToAvoid;
     let distToOthersSquared = Number.MAX_VALUE, // Distance to other graphs
     distToPointSquared = Number.MAX_VALUE, dist, connectorPoint, withinRange, xDist, yDist, i, j;
     /**
@@ -196,7 +196,7 @@ function drawSeriesLabels(chart) {
         if (!labelOptions || (!series.xAxis && !series.yAxis)) {
             return;
         }
-        const colorClass = ('highcharts-color-' + pick(series.colorIndex, 'none')), isNew = !series.labelBySeries, minFontSize = labelOptions.minFontSize, maxFontSize = labelOptions.maxFontSize, inverted = chart.inverted, paneLeft = (inverted ? series.yAxis.pos : series.xAxis.pos), paneTop = (inverted ? series.xAxis.pos : series.yAxis.pos), paneWidth = chart.inverted ? series.yAxis.len : series.xAxis.len, paneHeight = chart.inverted ? series.xAxis.len : series.yAxis.len, points = series.interpolatedPoints, onArea = pick(labelOptions.onArea, !!series.area), results = [], xData = series.getColumn('x');
+        const colorClass = ('highcharts-color-' + (series.colorIndex ?? 'none')), isNew = !series.labelBySeries, minFontSize = labelOptions.minFontSize, maxFontSize = labelOptions.maxFontSize, inverted = chart.inverted, paneLeft = (inverted ? series.yAxis.pos : series.xAxis.pos), paneTop = (inverted ? series.xAxis.pos : series.yAxis.pos), paneWidth = chart.inverted ? series.yAxis.len : series.xAxis.len, paneHeight = chart.inverted ? series.xAxis.len : series.yAxis.len, points = series.interpolatedPoints, onArea = (labelOptions.onArea ?? !!series.area), results = [], xData = series.getColumn('x');
         let bBox, x, y, clearPoint, i, best, label = series.labelBySeries, dataExtremes, areaMin, areaMax;
         // Stay within the area data bounds (#10038)
         if (onArea && !inverted) {
@@ -211,7 +211,7 @@ function drawSeriesLabels(chart) {
          * @internal
          */
         function insidePane(x, y, bBox) {
-            const leftBound = Math.max(paneLeft, pick(areaMin, -Infinity)), rightBound = Math.min(paneLeft + paneWidth, pick(areaMax, Infinity));
+            const leftBound = Math.max(paneLeft, (areaMin ?? -Infinity)), rightBound = Math.min(paneLeft + paneWidth, (areaMax ?? Infinity));
             return (x > leftBound &&
                 x <= rightBound - bBox.width &&
                 y >= paneTop &&
@@ -418,7 +418,7 @@ function getPointsOnGraph(series) {
     if (!series.xAxis && !series.yAxis) {
         return;
     }
-    const distance = 16, points = series.points, interpolated = [], graph = series.graph || series.area, node = graph && graph.element, inverted = series.chart.inverted, xAxis = series.xAxis, yAxis = series.yAxis, paneLeft = inverted ? yAxis.pos : xAxis.pos, paneTop = inverted ? xAxis.pos : yAxis.pos, paneHeight = inverted ? xAxis.len : yAxis.len, paneWidth = inverted ? yAxis.len : xAxis.len, seriesLabelOptions = series.options.label || {}, onArea = pick(seriesLabelOptions.onArea, !!series.area), translatedThreshold = yAxis.getThreshold(series.options.threshold), grid = {}, chartCenterKey = inverted ? 'chartCenterX' : 'chartCenterY';
+    const distance = 16, points = series.points, interpolated = [], graph = series.graph || series.area, node = graph && graph.element, inverted = series.chart.inverted, xAxis = series.xAxis, yAxis = series.yAxis, paneLeft = inverted ? yAxis.pos : xAxis.pos, paneTop = inverted ? xAxis.pos : yAxis.pos, paneHeight = inverted ? xAxis.len : yAxis.len, paneWidth = inverted ? yAxis.len : xAxis.len, seriesLabelOptions = series.options.label || {}, onArea = (seriesLabelOptions.onArea ?? !!series.area), translatedThreshold = yAxis.getThreshold(series.options.threshold), grid = {}, chartCenterKey = inverted ? 'chartCenterX' : 'chartCenterY';
     let i, deltaX, deltaY, delta, len, n, j;
     /**
      * Push the point to the interpolated points, but only if that position in
@@ -491,11 +491,11 @@ function getPointsOnGraph(series) {
                     }
                     if (inverted) {
                         ctlPoint.chartCenterX = paneLeft + paneWidth - ((plotHigh ? plotHigh : point.plotY || 0) +
-                            pick(point.yBottom, translatedThreshold)) / 2;
+                            (point.yBottom ?? translatedThreshold)) / 2;
                     }
                     else {
                         ctlPoint.chartCenterY = paneTop + ((plotHigh ? plotHigh : plotY) +
-                            pick(point.yBottom, translatedThreshold)) / 2;
+                            (point.yBottom ?? translatedThreshold)) / 2;
                     }
                 }
                 // Add interpolated points

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

@@ -14,7 +14,6 @@
 /* eslint-disable no-multi-spaces */
 'use strict';
 import SonificationInstrument from './SonificationInstrument.js';
-import { pick } from '../../Shared/Utilities.js';
 const freqToNote = (f) => Math.round(12 * Math.log(f) / Math.LN2 - 48.37632), b = (byte, n) => n >>> 8 * byte & 0xFF, getHeader = (nTracks) => [
     0x4D, 0x54, 0x68, 0x64, // HD_TYPE
     0, 0, 0, 6, // HD_SIZE
@@ -49,7 +48,7 @@ varLenEnc = (n) => {
         res.splice(ix + 1, 0, el);
     };
     events.forEach((e) => {
-        const o = e.instrumentEventOptions || {}, t = e.time, dur = cachedDur = pick(o.noteDuration, cachedDur), tNOF = dur && e.time + dur, ctrl = [{
+        const o = e.instrumentEventOptions || {}, t = e.time, dur = cachedDur = (o.noteDuration ?? cachedDur), tNOF = dur && e.time + dur, ctrl = [{
                 valMap: (n) => 64 + 63 * n & 0x7F,
                 data: {
                     0x0A: o.pan, // Use MSB only, no need for fine adjust
@@ -69,7 +68,7 @@ varLenEnc = (n) => {
                     0x4C: o.highpassResonance
                 }
             }], v = cachedVel = o.volume === void 0 ?
-            pick(cachedVel, 127) : 127 * o.volume & 0x7F, freq = o.frequency, note = o.note || 0, noteVal = 12 + (freq ? freqToNote(freq) : // MIDI note #0 is C-1
+            (cachedVel ?? 127) : 127 * o.volume & 0x7F, freq = o.frequency, note = o.note || 0, noteVal = 12 + (freq ? freqToNote(freq) : // MIDI note #0 is C-1
             typeof note === 'string' ? SonificationInstrument
                 .noteStringToC0Distance(note) : note) & 0x7F;
         // CTRL_CHANGE events

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

@@ -27,7 +27,7 @@ import SonificationSpeaker from './SonificationSpeaker.js';
 import SynthPatch from './SynthPatch.js';
 import InstrumentPresets from './InstrumentPresets.js';
 import timelineFromChart from './TimelineFromChart.js';
-import { addEvent, extend, fireEvent, internalClearTimeout, merge, pick } from '../../Shared/Utilities.js';
+import { addEvent, extend, fireEvent, internalClearTimeout, merge } from '../../Shared/Utilities.js';
 /**
  * The Sonification class. This class represents a chart's sonification
  * capabilities. A chart automatically gets an instance of this class when
@@ -371,7 +371,7 @@ class Sonification {
         if (this.audioContext && this.audioDestination) {
             this.timeline = timelineFromChart(this.audioContext, this.audioDestination, this.chart);
             const sOpts = this.chart.options.sonification;
-            this.timeline.setMasterVolume(pick(sOpts && sOpts.masterVolume, 1));
+            this.timeline.setMasterVolume(((sOpts && sOpts.masterVolume) ?? 1));
         }
         if (events.afterUpdate) {
             events.afterUpdate({ chart: this.chart, timeline: this.timeline });

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

@@ -12,7 +12,6 @@
  *
  * */
 'use strict';
-import { pick } from '../../Shared/Utilities.js';
 /**
  * The SonificationSpeaker class. This class represents an announcer using
  * speech synthesis. It allows for scheduling speech announcements, as well
@@ -59,7 +58,9 @@ class SonificationSpeaker {
             utterance.rate = options && options.rate || this.options.rate || 1;
             utterance.pitch = options && options.pitch ||
                 this.options.pitch || 1;
-            utterance.volume = pick(options && options.volume, this.options.volume, 1) * this.masterVolume;
+            utterance.volume = ((options && options.volume) ??
+                this.options.volume ??
+                1) * this.masterVolume;
             this.synthesis.speak(utterance);
         }
     }

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

@@ -13,7 +13,7 @@
  *
  * */
 'use strict';
-import { clamp, defined, pick } from '../../Shared/Utilities.js';
+import { clamp, defined } from '../../Shared/Utilities.js';
 /**
  * Get the multiplier value from a pitch tracked multiplier. The parameter
  * specifies the multiplier at ca 3200Hz. It is 1 at ca 50Hz. In between
@@ -191,7 +191,7 @@ class Oscillator {
         }
     }
     setFreqAtTime(time, frequency, glideDuration = 0) {
-        const opts = this.options, f = clamp(pick(opts.fixedFrequency, frequency) *
+        const opts = this.options, f = clamp((opts.fixedFrequency ?? frequency) *
             (opts.freqMultiplier || 1), 0, 21000), oscTarget = this.getOscTarget(), timeConstant = glideDuration / 5000;
         if (oscTarget) {
             oscTarget.cancelScheduledValues(time);
@@ -280,7 +280,7 @@ class Oscillator {
             opts.releaseEnvelope && opts.releaseEnvelope.length;
         if (needsGainNode) {
             this.gainNode = new GainNode(this.audioContext, {
-                gain: pick(opts.volume, 1)
+                gain: (opts.volume ?? 1)
             });
         }
         // We always need VM gain, so make that

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

@@ -16,7 +16,7 @@ import SonificationTimeline from './SonificationTimeline.js';
 import SonificationInstrument from './SonificationInstrument.js';
 import SonificationSpeaker from './SonificationSpeaker.js';
 import T from '../../Core/Templating.js';
-import { clamp, defined, extend, getNestedProperty, merge, pick } from '../../Shared/Utilities.js';
+import { clamp, defined, extend, getNestedProperty, merge } from '../../Shared/Utilities.js';
 const { format } = T;
 const isNoteDefinition = (str) => (/^([a-g][#b]?)[0-8]$/i).test(str);
 /**
@@ -219,8 +219,8 @@ function getMappingParameterValue(context, propMetrics, useSeriesExtremes, defau
     if (typeof mappingOptions === 'object') {
         mapTo = mappingOptions.mapTo;
         mapFunc = mappingOptions.mapFunction || mapFunc;
-        min = pick(mappingOptions.min, min);
-        max = pick(mappingOptions.max, max);
+        min = (mappingOptions.min ?? min);
+        max = (mappingOptions.max ?? max);
         within = mappingOptions.within || defaultMapping.within;
         scale = mappingOptions.scale;
     }
@@ -294,9 +294,9 @@ function getMappingParameterValue(context, propMetrics, useSeriesExtremes, defau
  * @internal
  */
 function getParamValWithDefault(context, propMetrics, useSeriesExtremes, mappingParamOptions, fallback, defaults, contextValueProp) {
-    return pick(getMappingParameterValue(context, propMetrics, useSeriesExtremes, extend({
+    return (getMappingParameterValue(context, propMetrics, useSeriesExtremes, extend({
         min: 0, max: 1, mapTo: 'y', mapFunction: 'linear', within: 'chart'
-    }, (defaults || {})), mappingParamOptions, contextValueProp), fallback);
+    }, (defaults || {})), mappingParamOptions, contextValueProp) ?? fallback);
 }
 /**
  * Get time value for a point event.
@@ -358,7 +358,7 @@ function addTimelineChannelFromTrack(timeline, audioContext, destinationNode, op
             synthPatch: options.instrument,
             midiTrackName: options.midiName
         });
-    return timeline.addChannel(options.type || 'instrument', engine, pick(options.showPlayMarker, true));
+    return timeline.addChannel(options.type || 'instrument', engine, (options.showPlayMarker ?? true));
 }
 /**
  * Add event from a point to a mapped instrument track.
@@ -474,8 +474,8 @@ function addMappedEventForPoint(context, channel, trackOptions, propMetrics) {
         }
     }
     else if (trackOptions.mapping) {
-        eventsAdded = addMappedInstrumentEvent(context, channel, trackOptions.mapping, propMetrics, pick(trackOptions
-            .roundToMusicalNotes, true));
+        eventsAdded = addMappedInstrumentEvent(context, channel, trackOptions.mapping, propMetrics, (trackOptions
+            .roundToMusicalNotes ?? true));
     }
     return eventsAdded;
 }
@@ -534,7 +534,7 @@ function isActive(context, activeWhen, lastPropValue) {
         return activeWhen(context);
     }
     if (typeof activeWhen === 'object') {
-        const prop = activeWhen.prop, val = pick(context.value, context.point && getPointPropValue(context.point, prop));
+        const prop = activeWhen.prop, val = context.value ?? (context.point && getPointPropValue(context.point, prop));
         if (typeof val !== 'number') {
             return false;
         }
@@ -551,7 +551,7 @@ function isActive(context, activeWhen, lastPropValue) {
                 hasLastValue && lastPropValue > crossingDown &&
                     val <= crossingDown);
         }
-        const max = pick(activeWhen.max, Infinity), min = pick(activeWhen.min, -Infinity);
+        const max = (activeWhen.max ?? Infinity), min = (activeWhen.min ?? -Infinity);
         return val <= max && val >= min && crossingOk;
     }
     return true;
@@ -703,7 +703,7 @@ function timelineFromChart(audioContext, destinationNode, chart) {
                         addMappedSpeechEvent({ time, value }, contextChannel, mergedOpts.mapping, propMetrics, valueProp);
                     }
                     else {
-                        addMappedInstrumentEvent({ time, value }, contextChannel, mergedOpts.mapping, propMetrics, pick(mergedOpts.roundToMusicalNotes, true), valueProp);
+                        addMappedInstrumentEvent({ time, value }, contextChannel, mergedOpts.mapping, propMetrics, (mergedOpts.roundToMusicalNotes ?? true), valueProp);
                     }
                 };
                 if (timeInterval) {

package/es-modules/Gantt/Legacy.js

@@ -11,7 +11,7 @@
  * */
 'use strict';
 import { error } from '../Core/Utilities.js';
-import { merge, pick } from '../Shared/Utilities.js';
+import { merge } from '../Shared/Utilities.js';
 /* *
  *
  *  Constants
@@ -68,7 +68,7 @@ function calculateObstacleMargin(obstacles) {
  */
 function distance(a, b, bbMargin) {
     // Count the distance even if we are slightly off
-    const margin = pick(bbMargin, 10), yOverlap = a.yMax + margin > b.yMin - margin &&
+    const margin = (bbMargin ?? 10), yOverlap = a.yMax + margin > b.yMin - margin &&
         a.yMin - margin < b.yMax + margin, xOverlap = a.xMax + margin > b.xMin - margin &&
         a.xMin - margin < b.xMax + margin, xDistance = yOverlap ? (a.xMin > b.xMax ? a.xMin - b.xMax : b.xMin - a.xMax) : Infinity, yDistance = xOverlap ? (a.yMin > b.yMax ? a.yMin - b.yMax : b.yMin - a.yMax) : Infinity;
     // If the rectangles collide, try recomputing with smaller margin.

package/es-modules/Gantt/Pathfinder.js

@@ -14,7 +14,7 @@ import Connection from './Connection.js';
 import PathfinderAlgorithms from './PathfinderAlgorithms.js';
 import PathfinderComposition from './PathfinderComposition.js';
 import Point from '../Core/Series/Point.js';
-import { addEvent, defined, pick, splat } from '../Shared/Utilities.js';
+import { addEvent, defined, splat } from '../Shared/Utilities.js';
 /* *
  *
  *  Constants
@@ -65,7 +65,7 @@ function getPointBB(point) {
  */
 function calculateObstacleDistance(a, b, bbMargin) {
     // Count the distance even if we are slightly off
-    const margin = pick(bbMargin, 10), yOverlap = a.yMax + margin > b.yMin - margin &&
+    const margin = (bbMargin ?? 10), yOverlap = a.yMax + margin > b.yMin - margin &&
         a.yMin - margin < b.yMax + margin, xOverlap = a.xMax + margin > b.xMin - margin &&
         a.xMin - margin < b.xMax + margin, xDistance = yOverlap ? (a.xMin > b.xMax ? a.xMin - b.xMax : b.xMin - a.xMax) : Infinity, yDistance = xOverlap ? (a.yMin > b.yMax ? a.yMin - b.yMax : b.yMin - a.yMax) : Infinity;
     // If the rectangles collide, try recomputing with smaller margin.
@@ -310,7 +310,7 @@ class Pathfinder {
      * with xMin, xMax, yMin and yMax properties.
      */
     getChartObstacles(options) {
-        const series = this.chart.series, margin = pick(options.algorithmMargin, 0);
+        const series = this.chart.series, margin = (options.algorithmMargin ?? 0);
         let obstacles = [], calculatedMargin;
         for (let i = 0, sLen = series.length; i < sLen; ++i) {
             if (series[i].visible && !series[i].options.isInternal) {

package/es-modules/Gantt/PathfinderAlgorithms.js

@@ -11,7 +11,6 @@
  * */
 'use strict';
 import PathUtilities from '../Series/PathUtilities.js';
-import { pick } from '../Shared/Utilities.js';
 /* *
  *
  *  Constants
@@ -208,7 +207,8 @@ function straight(start, end) {
  */
 const simpleConnect = function (start, end, options) {
     const segments = [], chartObstacles = options.chartObstacles, startObstacleIx = findObstacleFromPoint(chartObstacles, start), endObstacleIx = findObstacleFromPoint(chartObstacles, end);
-    let endSegment, dir = pick(options.startDirectionX, abs(end.x - start.x) > abs(end.y - start.y)) ? 'x' : 'y', startObstacle, endObstacle, waypoint, useMax, endPoint;
+    let endSegment, dir = (options.startDirectionX ??
+        (abs(end.x - start.x) > abs(end.y - start.y))) ? 'x' : 'y', startObstacle, endObstacle, waypoint, useMax, endPoint;
     // eslint-disable-next-line valid-jsdoc
     /**
      * Return a clone of a point with a property set from a target object,
@@ -350,7 +350,8 @@ function fastAvoid(start, end, options) {
             - When going around the end obstacle we should not always go the
                 shortest route, rather pick the one closer to the end point
     */
-    const dirIsX = pick(options.startDirectionX, abs(end.x - start.x) > abs(end.y - start.y)), dir = dirIsX ? 'x' : 'y', endSegments = [], 
+    const dirIsX = options.startDirectionX ??
+        (abs(end.x - start.x) > abs(end.y - start.y)), dir = dirIsX ? 'x' : 'y', endSegments = [], 
     // Boundaries to stay within. If beyond soft boundary, prefer to
     // change direction ASAP. If at hard max, always change immediately.
     metrics = options.obstacleMetrics, softMinX = min(start.x, end.x) - metrics.maxWidth - 10, softMaxX = max(start.x, end.x) + metrics.maxWidth + 10, softMinY = min(start.y, end.y) - metrics.maxHeight - 10, softMaxY = max(start.y, end.y) + metrics.maxHeight + 10;

package/es-modules/Gantt/Tree.js

@@ -74,7 +74,7 @@ function getNode(id, parent, level, data, mapOfIdToChildren, options) {
     }
     // Call getNode recursively on the children. Calculate the height of the
     // node, and the number of descendants.
-    const children = ((mapOfIdToChildren[id] || [])).map((child) => {
+    const children = (mapOfIdToChildren[id] || []).map((child) => {
         const node = getNode(child.id, id, (level + 1), child, mapOfIdToChildren, options), childStart = child.start || NaN, childEnd = (child.milestone === true ?
             childStart :
             child.end ||

package/es-modules/Maps/MapNavigation.js

@@ -17,7 +17,7 @@ const { composed } = H;
 import MapNavigationDefaults from './MapNavigationDefaults.js';
 import MapPointer from './MapPointer.js';
 import MapSymbols from './MapSymbols.js';
-import { extend, objectEach, merge, pick, pushUnique, addEvent } from '../Shared/Utilities.js';
+import { extend, objectEach, merge, pushUnique, addEvent } from '../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -107,7 +107,7 @@ class MapNavigation {
             navButtons.pop()?.destroy();
         }
         if (!chart.renderer.forExport &&
-            pick(navOptions.enableButtons, navOptions.enabled)) {
+            (navOptions.enableButtons ?? navOptions.enabled)) {
             if (!mapNav.navButtonsGroup) {
                 mapNav.navButtonsGroup = chart.renderer.g()
                     .attr({
@@ -238,7 +238,7 @@ class MapNavigation {
     updateEvents(options) {
         const chart = this.chart;
         // Add the double click event
-        if (pick(options.enableDoubleClickZoom, options.enabled) ||
+        if ((options.enableDoubleClickZoom ?? options.enabled) ||
             options.enableDoubleClickZoomTo) {
             this.unbindDblClick = this.unbindDblClick || addEvent(chart.container, 'dblclick', function (e) {
                 chart.pointer.onContainerDblClick(e);
@@ -249,7 +249,7 @@ class MapNavigation {
             this.unbindDblClick = this.unbindDblClick();
         }
         // Add the mousewheel event
-        if (pick(options.enableMouseWheelZoom, options.enabled)) {
+        if (options.enableMouseWheelZoom ?? options.enabled) {
             this.unbindMouseWheel = this.unbindMouseWheel || addEvent(chart.container, 'wheel', function (e) {
                 // Prevent scrolling when the pointer is over the element
                 // with that class, for example annotation popup #12100.