highcharts 13.0.0 → 13.0.2

package/es-modules/Series/Polygon/PolygonSeries.js

@@ -40,8 +40,8 @@ class PolygonSeries extends ScatterSeries {
         return graphPath;
     }
     drawGraph() {
-        // Hack into the fill logic in area.drawGraph
-        this.options.fillColor = this.color;
+        // Borrow the fill logic from area.drawGraph, honoring `fillOpacity`
+        // and an optional `fillColor`
         AreaSeries.prototype.drawGraph.call(this);
     }
 }

package/es-modules/Series/Polygon/PolygonSeriesDefaults.js

@@ -34,6 +34,26 @@
  * @optionparent plotOptions.polygon
  */
 const PolygonSeriesDefaults = {
+    /**
+     * Fill opacity for the polygon. When you set an explicit `fillColor`,
+     * the `fillOpacity` is not applied. Instead, you should define the
+     * opacity in the `fillColor` with an rgba color definition.
+     *
+     * In styled mode, the fill opacity can be set with the
+     * `.highcharts-area` class name.
+     *
+     * @see [color](#plotOptions.polygon.color)
+     * @see [fillColor](#plotOptions.polygon.fillColor)
+     *
+     * @sample {highcharts} highcharts/demo/violin-plot/
+     *         Translucent violins
+     *
+     * @type    {number}
+     * @default 1
+     * @since   13.0.1
+     * @product highcharts highstock
+     */
+    fillOpacity: 1,
     marker: {
         enabled: false,
         states: {

package/es-modules/Series/RangeDataLabel.js

@@ -0,0 +1,128 @@
+/* *
+ *
+ *  (c) 2010-2026 Highsoft AS
+ *  Author: Andrzej Buleczka
+ *
+ * */
+'use strict';
+import ColumnSeries from './Column/ColumnSeries.js';
+import { crisp, isNumber } from '../Shared/Utilities.js';
+/* *
+ *
+ *  Declarations
+ *
+ * */
+var RangeDataLabel;
+(function (RangeDataLabel) {
+    const plotYKeys = {
+        close: ['plotClose'],
+        high: ['highPlot', 'plotHigh'],
+        low: ['lowPlot', 'plotLow'],
+        median: ['medianPlot'],
+        open: ['plotOpen'],
+        q1: ['q1Plot'],
+        q3: ['q3Plot'],
+        y: ['plotY']
+    };
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    function getPointPlotY(point, pointValKey) {
+        const keys = plotYKeys[pointValKey] ?? [];
+        for (const key of keys) {
+            const value = point[key];
+            if (isNumber(value)) {
+                return value;
+            }
+        }
+    }
+    function getBelow(point, options, plotY) {
+        const plotHigh = getPointPlotY(point, 'high'), plotLow = getPointPlotY(point, 'low');
+        if (isNumber(plotHigh) && isNumber(plotLow)) {
+            return options.inside ?
+                plotY === Math.min(plotHigh, plotLow) :
+                plotY === Math.max(plotHigh, plotLow);
+        }
+        return false;
+    }
+    function compose(SeriesClass) {
+        const seriesProto = SeriesClass.prototype;
+        seriesProto.alignDataLabel = alignDataLabel;
+        return SeriesClass;
+    }
+    RangeDataLabel.compose = compose;
+    /**
+     * Default formatter for range series data labels. Renders the value of
+     * the point key the label is aligned to, so the legacy high and low
+     * labels keep showing their respective values without an explicit format.
+     * Does not modify `point.y`. Falls back to `point.y` (the value of
+     * `series.pointValKey`) for an unresolved key.
+     * @internal
+     */
+    function formatter(options) {
+        const rawValue = options.alignToKey ?
+            this.getNestedProperty(options.alignToKey) :
+            this.y, value = isNumber(rawValue) ? rawValue : this.y;
+        return isNumber(value) ?
+            this.series.chart.numberFormatter(value, -1) :
+            '';
+    }
+    RangeDataLabel.formatter = formatter;
+    /**
+     * Rewrite a label's `format` so that `{y}` and `{point.y}` references
+     * resolve to the value of the point key the label is aligned to, keeping
+     * the legacy per-label `{y}` behavior of range data labels.
+     * @internal
+     */
+    function applyAlignToKeyValue(options) {
+        const { alignToKey, format } = options;
+        // An explicit `format` ignores `alignToKey`, so its `{y}` (and
+        // `{point.y}`) tokens point at the whole point. Rewrite them to the
+        // aligned key so each range label keeps rendering its own value.
+        // The default formatter already reads `alignToKey`.
+        if (alignToKey && format) {
+            options.format = format.replace(/\{(?:point\.)?y([:}])/g, '{point.' + alignToKey + '$1');
+        }
+    }
+    RangeDataLabel.applyAlignToKeyValue = applyAlignToKeyValue;
+    function resolveAlignToKey(series, rawKey) {
+        return rawKey && series.pointArrayMap.indexOf(rawKey) > -1 ?
+            rawKey :
+            series.pointValKey;
+    }
+    RangeDataLabel.resolveAlignToKey = resolveAlignToKey;
+    function alignDataLabel(point, dataLabel, options, alignTo, isNew) {
+        const series = this, alignToKey = resolveAlignToKey(series, options.alignToKey), plotY = getPointPlotY(point, alignToKey), shapeArgs = point.shapeArgs, originalPlotY = point.plotY, originalDlBox = point.dlBox, originalBelow = point.below;
+        if (isNumber(plotY)) {
+            point.plotY = plotY;
+            if (shapeArgs && !options.inside) {
+                point.dlBox = {
+                    x: shapeArgs.x ?? 0,
+                    y: crisp(plotY, series.borderWidth, series.chart.inverted),
+                    width: shapeArgs.width ?? 0,
+                    height: 0
+                };
+            }
+            const below = point.below = getBelow(point, options, plotY);
+            if (series.chart.inverted) {
+                options.align ?? (options.align = below ? 'right' : 'left');
+            }
+            else {
+                options.verticalAlign ?? (options.verticalAlign = below ? 'top' : 'bottom');
+            }
+        }
+        ColumnSeries.prototype.alignDataLabel.call(series, point, dataLabel, options, alignTo, isNew);
+        point.plotY = originalPlotY;
+        point.dlBox = originalDlBox;
+        point.below = originalBelow;
+    }
+    RangeDataLabel.alignDataLabel = alignDataLabel;
+})(RangeDataLabel || (RangeDataLabel = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default RangeDataLabel;

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' :
@@ -418,9 +424,9 @@ class SankeySeries extends ColumnSeries {
             let x = nodeLeft, y = fromNodeTop, width = node.options.width || options.width || nodeWidth, height = node.options.height || options.height || nodeHeight;
             // Border radius should not greater than half the height of the node
             // #18956
-            const r = clamp(relativeLength((typeof borderRadius === 'object' ?
+            const r = clamp(relativeLength((isObject(borderRadius) ?
                 borderRadius.radius :
-                borderRadius || 0), width), 0, nodeHeight / 2);
+                borderRadius) || 0, width), 0, nodeHeight / 2);
             if (chart.inverted) {
                 x = nodeLeft - nodeWidth;
                 y = chart.plotSizeY - fromNodeTop - nodeHeight;

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

@@ -31,7 +31,7 @@
  * @extends      plotOptions.column
  * @since        6.0.0
  * @product      highcharts
- * @excluding    animationLimit, boostBlending, boostThreshold, borderRadius,
+ * @excluding    animationLimit, boostBlending, boostThreshold,
  *               crisp, cropThreshold, colorAxis, colorKey, dataSorting, depth,
  *               dragDrop, edgeColor, edgeWidth, findNearestPointBy, grouping,
  *               groupPadding, groupZPadding, legendSymbolColor, maxPointWidth,
@@ -352,7 +352,7 @@ const SankeySeriesDefaults = {
  *
  * @extends   series,plotOptions.sankey
  * @excluding animationLimit, boostBlending, boostThreshold, borderColor,
- *            borderRadius, borderWidth, crisp, cropThreshold, dataParser,
+ *            borderWidth, crisp, cropThreshold, dataParser,
  *            dataURL, depth, dragDrop, edgeColor, edgeWidth,
  *            findNearestPointBy, getExtremesFromAll, grouping, groupPadding,
  *            groupZPadding, label, maxPointWidth, negativeColor, pointInterval,

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);

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

@@ -176,6 +176,8 @@ const ScatterSeriesDefaults = {
  *         Arrays of datetime x and y
  * @sample {highcharts} highcharts/series/data-array-of-name-value/
  *         Arrays of point.name and y
+ * @sample {highcharts} highcharts/series-scatter/scatter-cluster/
+ *         Computed clusters
  * @sample {highcharts} highcharts/series/data-array-of-objects/
  *         Config objects
  *

package/es-modules/Series/SimulationSeriesUtilities.js

@@ -3,9 +3,8 @@
  *
  * */
 'use strict';
-import A from '../Core/Animation/AnimationUtilities.js';
+import { animObject } from '../Core/Animation/AnimationUtilities.js';
 import { syncTimeout } from '../Shared/Utilities.js';
-const { animObject } = A;
 /**
  * Create a setTimeout for the first drawDataLabels()
  * based on the dataLabels.animation.defer value

package/es-modules/Series/SolidGauge/SolidGaugeSeries.js

@@ -12,12 +12,12 @@
  *
  * */
 'use strict';
-import { optionsToObject } from '../../Extensions/BorderRadius.js';
+import { borderRadiusObject } from '../../Extensions/BorderRadius.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { gauge: GaugeSeries, pie: PieSeries } = SeriesRegistry.seriesTypes;
 import SolidGaugeAxis from '../../Core/Axis/SolidGaugeAxis.js';
 import SolidGaugeSeriesDefaults from './SolidGaugeSeriesDefaults.js';
-import { clamp, extend, isNumber, merge, pick, relativeLength } from '../../Shared/Utilities.js';
+import { clamp, extend, isNumber, merge, relativeLength } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -53,7 +53,7 @@ class SolidGaugeSeries extends GaugeSeries {
     }
     // Draw the points where each point is one needle.
     drawPoints() {
-        const series = this, yAxis = series.yAxis, center = yAxis.center, options = series.options, renderer = series.chart.renderer, overshoot = options.overshoot, rounded = options.rounded, borderRadius = optionsToObject(rounded ? '50%' : (options.borderRadius ??
+        const series = this, yAxis = series.yAxis, center = yAxis.center, options = series.options, renderer = series.chart.renderer, overshoot = options.overshoot, rounded = options.rounded, borderRadius = borderRadiusObject(rounded ? '50%' : (options.borderRadius ??
             yAxis.pane.options.borderRadius)).radius, overshootVal = isNumber(overshoot) ?
             overshoot / 180 * Math.PI :
             0;
@@ -62,7 +62,7 @@ class SolidGaugeSeries extends GaugeSeries {
         if (isNumber(options.threshold)) {
             thresholdAngleRad = yAxis.startAngleRad + yAxis.translate(options.threshold, void 0, void 0, void 0, true);
         }
-        this.thresholdAngleRad = pick(thresholdAngleRad, yAxis.startAngleRad);
+        this.thresholdAngleRad = (thresholdAngleRad ?? yAxis.startAngleRad);
         for (const point of series.points) {
             // #10630 null point should not be draw
             if (!point.isNull) { // Condition like in pie chart

package/es-modules/Series/Spline/SplineSeries.js

@@ -12,7 +12,7 @@
 'use strict';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { line: LineSeries } = SeriesRegistry.seriesTypes;
-import { merge, pick } from '../../Shared/Utilities.js';
+import { merge } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -157,10 +157,10 @@ class SplineSeries extends LineSeries {
         }
         const ret = [
             'C',
-            pick(lastPoint.rightContX, lastPoint.plotX, 0),
-            pick(lastPoint.rightContY, lastPoint.plotY, 0),
-            pick(leftContX, plotX, 0),
-            pick(leftContY, plotY, 0),
+            (lastPoint.rightContX ?? lastPoint.plotX ?? 0),
+            (lastPoint.rightContY ?? lastPoint.plotY ?? 0),
+            (leftContX ?? plotX ?? 0),
+            (leftContY ?? plotY ?? 0),
             plotX,
             plotY
         ];

package/es-modules/Series/Sunburst/SunburstSeriesDefaults.js

@@ -124,6 +124,14 @@ const SunburstSeriesDefaults = {
      * @type      {number}
      * @apioption plotOptions.sunburst.levels.level
      */
+    /**
+     * Whether the `level` number is absolute, or relative to the currently
+     * visible root. Overrides the series option of the same name for this
+     * level.
+     *
+     * @type      {boolean}
+     * @apioption plotOptions.sunburst.levels.levelIsConstant
+     */
     /**
      * Can set a `levelSize` on all points which lies on the same level.
      *

package/es-modules/Series/TiledWebMap/TiledWebMapSeries.js

@@ -10,13 +10,15 @@
  *
  * */
 'use strict';
+import { stop } from '../../Core/Animation/AnimationUtilities.js';
+import Fx from '../../Core/Animation/Fx.js';
 import H from '../../Core/Globals.js';
 const { composed } = H;
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { map: MapSeries } = SeriesRegistry.seriesTypes;
 import TilesProviderRegistry from '../../Maps/TilesProviders/TilesProviderRegistry.js';
 import TiledWebMapSeriesDefaults from './TiledWebMapSeriesDefaults.js';
-import { addEvent, defined, merge, pick, pushUnique } from '../../Shared/Utilities.js';
+import { addEvent, defined, merge, pushUnique } from '../../Shared/Utilities.js';
 import { error } from '../../Core/Utilities.js';
 /* *
  *
@@ -127,8 +129,8 @@ class TiledWebMapSeries extends MapSeries {
         if (!mapView) {
             return;
         }
-        const tiles = (this.tiles = this.tiles || {}), transformGroups = (this.transformGroups = this.transformGroups || []), series = this, options = this.options, provider = options.provider, { zoom } = mapView, lambda = pick((mapView.projection.options.rotation &&
-            mapView.projection.options.rotation[0]), 0), worldSize = 400.979322, tileSize = 256, duration = chart.renderer.forExport ? 0 : 200, animateTiles = (duration) => {
+        const tiles = (this.tiles = this.tiles || {}), transformGroups = (this.transformGroups = this.transformGroups || []), series = this, options = this.options, provider = options.provider, { zoom } = mapView, lambda = ((mapView.projection.options.rotation &&
+            mapView.projection.options.rotation[0]) ?? 0), worldSize = 400.979322, tileSize = 256, duration = chart.renderer.forExport ? 0 : 200, animateTiles = (duration) => {
             for (const zoomKey of Object.keys(tiles)) {
                 if ((parseFloat(zoomKey) === (mapView.zoom < 0 ? 0 :
                     Math.floor(mapView.zoom))) ||
@@ -209,7 +211,7 @@ class TiledWebMapSeries extends MapSeries {
                 else if (defined(def.subdomains) &&
                     // Do not show warning if no subdomain in URL
                     theme.url.indexOf('{s}') !== -1) {
-                    subdomain = pick(def.subdomains && def.subdomains[0], '');
+                    subdomain = ((def.subdomains && def.subdomains[0]) ?? '');
                     error('Highcharts warning: The Tiles Provider\'s Subdomain ' +
                         '\'' + provider.subdomain + '\' is not defined in ' +
                         'the Provider definition - falling back to \'' +
@@ -232,7 +234,9 @@ class TiledWebMapSeries extends MapSeries {
                 this.minZoom = theme.minZoom;
                 this.maxZoom = theme.maxZoom;
                 // Add as credits.text, to prevent changing the default mapText
-                const creditsText = pick(chart.userOptions.credits && chart.userOptions.credits.text, 'Highcharts.com ' + pick(theme.credits, def.defaultCredits));
+                const creditsText = ((chart.userOptions.credits &&
+                    chart.userOptions.credits.text) ??
+                    ('Highcharts.com ' + (theme.credits ?? def.defaultCredits)));
                 if (chart.credits) {
                     chart.credits.update({
                         text: creditsText
@@ -241,7 +245,7 @@ class TiledWebMapSeries extends MapSeries {
                 else {
                     chart.addCredits({
                         text: creditsText,
-                        style: pick(chart.options.credits?.style, {})
+                        style: (chart.options.credits?.style ?? {})
                     });
                 }
                 if (mapView.projection.options.name !== providerProjection) {
@@ -381,11 +385,15 @@ class TiledWebMapSeries extends MapSeries {
             for (const zoomKey of Object.keys(tiles)) {
                 for (const key of Object.keys(tiles[zoomKey].tiles)) {
                     if (mapView.projection && mapView.projection.def) {
+                        const tile = tiles[zoomKey].tiles[key];
+                        if (Fx.timers.length > 0) {
+                            stop(tile, 'animator');
+                        }
                         // Calculate group translations based on first loaded
                         // tile
                         const scale = ((tileSize / worldSize) *
                             Math.pow(2, zoom)) / ((tileSize / worldSize) *
-                            Math.pow(2, parseFloat(zoomKey))), scaledTileSize = scale * 256, firstTile = tiles[zoomKey].tiles[Object.keys(tiles[zoomKey].tiles)[0]], { posX, posY } = tiles[zoomKey].tiles[key];
+                            Math.pow(2, parseFloat(zoomKey))), scaledTileSize = scale * 256, firstTile = tiles[zoomKey].tiles[Object.keys(tiles[zoomKey].tiles)[0]], { posX, posY } = tile;
                         if (defined(posX) &&
                             defined(posY) &&
                             defined(firstTile.posX) &&
@@ -400,9 +408,9 @@ class TiledWebMapSeries extends MapSeries {
                                 firstTilePx.y;
                             if (chart.renderer.globalAnimation &&
                                 chart.hasRendered) {
-                                const startX = Number(tiles[zoomKey].tiles[key].attr('x')), startY = Number(tiles[zoomKey].tiles[key].attr('y')), startWidth = Number(tiles[zoomKey].tiles[key].attr('width')), startHeight = Number(tiles[zoomKey].tiles[key].attr('height'));
+                                const startX = Number(tile.attr('x')), startY = Number(tile.attr('y')), startWidth = Number(tile.attr('width')), startHeight = Number(tile.attr('height'));
                                 const step = (now, fx) => {
-                                    tiles[zoomKey].tiles[key].attr({
+                                    tile.attr({
                                         x: (startX + (((posX * scaledTileSize) -
                                             tilesOffsetX - startX) * fx.pos)),
                                         y: (startY + (((posY * scaledTileSize) -
@@ -414,7 +422,7 @@ class TiledWebMapSeries extends MapSeries {
                                     });
                                 };
                                 series.isAnimating = true;
-                                tiles[zoomKey].tiles[key]
+                                tile
                                     .attr({ animator: 0 })
                                     .animate({ animator: 1 }, { step }, function () {
                                     series.isAnimating = false;
@@ -440,7 +448,7 @@ class TiledWebMapSeries extends MapSeries {
                                     series.redrawTiles = false;
                                     animateTiles(duration);
                                 }
-                                tiles[zoomKey].tiles[key].attr({
+                                tile.attr({
                                     x: (posX * scaledTileSize) - tilesOffsetX,
                                     y: (posY * scaledTileSize) - tilesOffsetY,
                                     width: Math.ceil(scaledTileSize) + 1,
@@ -476,7 +484,7 @@ class TiledWebMapSeries extends MapSeries {
                     projection: {
                         name: (new ProviderDefinition()).initialProjectionName
                     }
-                });
+                }, false);
             }
         }
         super.update.apply(this, arguments);

package/es-modules/Series/Tilemap/TilemapSeriesDefaults.js

@@ -102,7 +102,8 @@ const TilemapSeriesDefaults = {
      * @sample maps/demo/diamondmap
      *         Diamond tile shapes
      *
-     * @type {Highcharts.TilemapShapeValue}
+     * @declare Highcharts.TilemapShapeValue
+     * @type    {"circle"|"diamond"|"hexagon"|"square"}
      */
     tileShape: 'hexagon'
 };

package/es-modules/Series/Tilemap/TilemapShapes.js

@@ -16,7 +16,7 @@ import H from '../../Core/Globals.js';
 const { noop } = H;
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { heatmap: HeatmapSeries, scatter: ScatterSeries } = SeriesRegistry.seriesTypes;
-import { clamp, pick } from '../../Shared/Utilities.js';
+import { clamp } from '../../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -150,7 +150,7 @@ const TilemapShapes = {
                     xAxis.translate(point.x - xPad, 0, 1, 0, 0)), -xAxis.len, 2 * xAxis.len), x3 = clamp(Math.round(xAxis.len -
                     xAxis.translate(point.x + xPad, 0, 1, 0, 0)), -xAxis.len, 2 * xAxis.len), y1 = clamp(Math.round(yAxis.translate(point.y - yPad, 0, 1, 0, 0)), -yAxis.len, 2 * yAxis.len), y2 = clamp(Math.round(yAxis.translate(point.y, 0, 1, 0, 0)), -yAxis.len, 2 * yAxis.len), y3 = clamp(Math.round(yAxis.translate(point.y + yPad, 0, 1, 0, 0)), -yAxis.len, 2 * yAxis.len);
                 const x2 = clamp(Math.round(xAxis.len -
-                    xAxis.translate(point.x, 0, 1, 0, 0)), -xAxis.len, 2 * xAxis.len), pointPadding = pick(point.pointPadding, seriesPointPadding), 
+                    xAxis.translate(point.x, 0, 1, 0, 0)), -xAxis.len, 2 * xAxis.len), pointPadding = (point.pointPadding ?? seriesPointPadding), 
                 // We calculate the point padding of the midpoints to
                 // preserve the angles of the shape.
                 midPointPadding = pointPadding *

package/es-modules/Series/Timeline/TimelinePoint.js

@@ -16,7 +16,7 @@
 import Point from '../../Core/Series/Point.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { line: { prototype: { pointClass: LinePoint } }, pie: { prototype: { pointClass: PiePoint } } } = SeriesRegistry.seriesTypes;
-import { defined, isNumber, merge, objectEach, pick } from '../../Shared/Utilities.js';
+import { defined, isNumber, merge, objectEach } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -129,7 +129,7 @@ class TimelinePoint extends LinePoint {
     }
     setVisible(visible, redraw) {
         const point = this, series = point.series;
-        redraw = pick(redraw, series.options.ignoreHiddenPoint);
+        redraw = (redraw ?? series.options.ignoreHiddenPoint);
         PiePoint.prototype.setVisible.call(point, visible, false);
         // Process new data
         series.processData();

package/es-modules/Series/Timeline/TimelineSeries.js

@@ -17,7 +17,7 @@ import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { column: ColumnSeries, line: LineSeries } = SeriesRegistry.seriesTypes;
 import TimelinePoint from './TimelinePoint.js';
 import TimelineSeriesDefaults from './TimelineSeriesDefaults.js';
-import { addEvent, arrayMax, arrayMin, defined, extend, merge, pick } from '../../Shared/Utilities.js';
+import { addEvent, arrayMax, arrayMin, defined, extend, merge } from '../../Shared/Utilities.js';
 /* *
  *
  *  Class
@@ -55,7 +55,7 @@ class TimelineSeries extends LineSeries {
             if (isInverted) {
                 targetDLWidth = ((distance - pad) * 2 - ((point.itemHeight || 0) / 2));
                 styles = {
-                    width: pick(dataLabelsOptions.style?.width, `${series.yAxis.len * 0.4}px`),
+                    width: (dataLabelsOptions.style?.width ?? `${series.yAxis.len * 0.4}px`),
                     // Apply ellipsis when data label height is exceeded.
                     textOverflow: (dataLabel.width || 0) / targetDLWidth *
                         (dataLabel.height || 0) / 2 > availableSpace *
@@ -89,7 +89,8 @@ class TimelineSeries extends LineSeries {
         const series = this, dataLabelsOptions = series.options.dataLabels, inverted = series.chart.inverted;
         let visibilityIndex = 1;
         if (dataLabelsOptions) {
-            const distance = pick(dataLabelsOptions.distance, inverted ? 20 : 100);
+            const distance = dataLabelsOptions.distance ??
+                (inverted ? 20 : 100);
             for (const point of series.points) {
                 const defaults = {
                     [inverted ? 'x' : 'y']: dataLabelsOptions.alternate && visibilityIndex % 2 ?
@@ -199,7 +200,11 @@ class TimelineSeries extends LineSeries {
         }));
     }
     markerAttribs(point, state) {
-        const series = this, seriesMarkerOptions = series.options.marker, pointMarkerOptions = point.marker || {}, symbol = (pointMarkerOptions.symbol || seriesMarkerOptions?.symbol), width = pick(pointMarkerOptions.width, seriesMarkerOptions?.width, series.closestPointRangePx), height = pick(pointMarkerOptions.height, seriesMarkerOptions?.height);
+        const series = this, seriesMarkerOptions = series.options.marker, pointMarkerOptions = point.marker || {}, symbol = (pointMarkerOptions.symbol ||
+            seriesMarkerOptions?.symbol), width = (pointMarkerOptions.width ??
+            seriesMarkerOptions?.width ??
+            (series.closestPointRangePx || 0)), height = (pointMarkerOptions.height ??
+            (seriesMarkerOptions?.height || 0));
         let seriesStateOptions, pointStateOptions, radius = 0;
         // Call default markerAttribs method, when the xAxis type
         // is set to datetime.
@@ -210,7 +215,9 @@ class TimelineSeries extends LineSeries {
         if (state) {
             seriesStateOptions = seriesMarkerOptions?.states?.[state];
             pointStateOptions = pointMarkerOptions.states?.[state];
-            radius = pick(pointStateOptions?.radius, seriesStateOptions?.radius, radius + (seriesStateOptions?.radiusPlus || 0));
+            radius = (pointStateOptions?.radius ??
+                seriesStateOptions?.radius ??
+                radius + (seriesStateOptions?.radiusPlus || 0));
         }
         point.hasImage = !!(symbol && symbol.indexOf('url') === 0);
         const attribs = {
@@ -222,7 +229,7 @@ class TimelineSeries extends LineSeries {
         return (series.chart.inverted) ? {
             y: (attribs.x && attribs.width) &&
                 series.xAxis.len - attribs.x - attribs.width,
-            x: attribs.y && attribs.y,
+            x: attribs.y,
             width: attribs.height,
             height: attribs.width
         } : attribs;

package/es-modules/Series/TreeUtilities.js

@@ -12,7 +12,7 @@
  * */
 'use strict';
 import Color from '../Core/Color/Color.js';
-import { extend, isArray, isNumber, isObject, merge, pick, relativeLength } from '../Shared/Utilities.js';
+import { extend, isArray, isNumber, isObject, merge, relativeLength } from '../Shared/Utilities.js';
 /* *
  *
  *  Functions
@@ -49,9 +49,17 @@ function getColor(node, options) {
         }
         // Select either point color, level color or inherited color.
         if (!series.chart.styledMode) {
-            color = pick(point && point.options.color, level && level.color, colorByPoint, parentColor && variateColor(parentColor), series.color);
+            color = ((point && point.options.color) ??
+                (level && level.color) ??
+                colorByPoint ??
+                (parentColor && variateColor(parentColor)) ??
+                series.color);
         }
-        colorIndex = pick(point && point.options.colorIndex, level && level.colorIndex, colorIndexByPoint, parentColorIndex, options.colorIndex);
+        colorIndex = ((point && point.options.colorIndex) ??
+            (level && level.colorIndex) ??
+            colorIndexByPoint ??
+            parentColorIndex ??
+            options.colorIndex);
     }
     return {
         color: color,
@@ -88,7 +96,8 @@ function getLevelOptions(params) {
                 let level, levelIsConstant, options;
                 if (isObject(item) && isNumber(item.level)) {
                     options = merge({}, item);
-                    levelIsConstant = pick(options.levelIsConstant, defaults.levelIsConstant);
+                    levelIsConstant =
+                        options.levelIsConstant ?? defaults.levelIsConstant;
                     // Delete redundant properties.
                     delete options.levelIsConstant;
                     delete options.level;
@@ -120,7 +129,7 @@ function setTreeValues(tree, options) {
     const before = options.before, idRoot = options.idRoot, mapIdToNode = options.mapIdToNode, nodeRoot = mapIdToNode[idRoot], levelIsConstant = (options.levelIsConstant !== false), points = options.points, point = points[tree.i], optionsPoint = point && point.options || {}, children = [];
     let childrenTotal = 0;
     tree.levelDynamic = tree.level - (levelIsConstant ? 0 : nodeRoot.level);
-    tree.name = pick(point && point.name, '');
+    tree.name = ((point && point.name) ?? '');
     tree.visible = (idRoot === tree.id ||
         options.visible === true);
     if (typeof before === 'function') {
@@ -141,7 +150,7 @@ function setTreeValues(tree, options) {
         }
     });
     // Set the values
-    const value = pick(optionsPoint.value, childrenTotal);
+    const value = (optionsPoint.value ?? childrenTotal);
     tree.visible = value >= 0 && (childrenTotal > 0 || tree.visible);
     tree.children = children;
     tree.childrenTotal = childrenTotal;
@@ -167,7 +176,7 @@ function updateRootId(series) {
         // Get the series options.
         options = isObject(series.options) ? series.options : {};
         // Calculate the rootId.
-        rootId = pick(series.rootNode, options.rootId, '');
+        rootId = (series.rootNode ?? options.rootId ?? '');
         // Set rootId on series.userOptions to pick it up in exporting.
         if (isObject(series.userOptions)) {
             series.userOptions.rootId = rootId;