highcharts 13.0.0 → 13.0.1

package/es-modules/Series/HollowCandlestick/HollowCandlestickSeries.js

@@ -79,7 +79,7 @@ class HollowCandlestickSeries extends CandlestickSeries {
      * @param {string} trendDirection
      * Type of candle direction (bearish/bullish)(down/up).
      *
-     * @return {ColorType}
+     * @return {Highcharts.ColorType}
      * Line color
      */
     getLineColor(trendDirection) {
@@ -98,7 +98,7 @@ class HollowCandlestickSeries extends CandlestickSeries {
      * @param {HollowcandleInfo} hollowcandleInfo
      *        Information about the current candle.
      *
-     * @return {ColorType}
+     * @return {Highcharts.ColorType}
      * Point fill color
      */
     getPointFill(hollowcandleInfo) {
@@ -162,11 +162,11 @@ class HollowCandlestickSeries extends CandlestickSeries {
             attribs.stroke;
         // Select or hover states
         if (state) {
-            stateOptions = this.options.states[state];
+            stateOptions = this.options.states?.[state] || {};
             attribs.fill = stateOptions.color || attribs.fill;
             attribs.stroke = stateOptions.lineColor || attribs.stroke;
-            attribs['stroke-width'] =
-                stateOptions.lineWidth || attribs['stroke-width'];
+            attribs['stroke-width'] = stateOptions.lineWidth ||
+                attribs['stroke-width'];
         }
         return attribs;
     }
@@ -193,7 +193,7 @@ HollowCandlestickSeries.defaultOptions = merge(CandlestickSeries.defaultOptions,
      * @sample {highstock} highcharts/css/hollow-candlestick/
      *         Colors in styled mode
      *
-     * @type    {ColorType}
+     * @type    {Highcharts.ColorType}
      * @product highstock
      */
     color: 'var(--highcharts-negative-color)',
@@ -210,7 +210,7 @@ HollowCandlestickSeries.defaultOptions = merge(CandlestickSeries.defaultOptions,
      * @sample {highstock} highcharts/css/hollow-candlestick/
      *         Colors in styled mode
      *
-     * @type    {ColorType}
+     * @type    {Highcharts.ColorType}
      * @product highstock
      */
     lineColor: 'var(--highcharts-negative-color)',
@@ -223,7 +223,7 @@ HollowCandlestickSeries.defaultOptions = merge(CandlestickSeries.defaultOptions,
      * @sample {highstock} highcharts/css/hollow-candlestick/
      *         Colors in styled mode
      *
-     * @type    {ColorType}
+     * @type    {Highcharts.ColorType}
      * @product highstock
      */
     upColor: 'var(--highcharts-positive-color)',
@@ -236,7 +236,7 @@ HollowCandlestickSeries.defaultOptions = merge(CandlestickSeries.defaultOptions,
      * @sample {highstock} highcharts/css/hollow-candlestick/
      *         Colors in styled mode
      *
-     * @type    {ColorType}
+     * @type    {Highcharts.ColorType}
      * @product highstock
      */
     upLineColor: 'var(--highcharts-positive-color)'

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

@@ -10,8 +10,7 @@
  *
  * */
 'use strict';
-import A from '../../Core/Animation/AnimationUtilities.js';
-const { animObject, stop } = A;
+import { animObject, stop } from '../../Core/Animation/AnimationUtilities.js';
 import ColorMapComposition from '../ColorMapComposition.js';
 import CU from '../CenteredUtilities.js';
 import DataTableCore from '../../Data/DataTableCore.js';

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/NetworkgraphSeries.js

@@ -243,18 +243,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/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/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/Pie/PiePoint.js

@@ -10,8 +10,7 @@
  *
  * */
 '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';
 /* *

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';
@@ -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) {
@@ -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],

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

@@ -418,9 +418,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/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,7 +12,7 @@
  *
  * */
 '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';
@@ -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;

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,6 +10,8 @@
  *
  * */
 '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';
@@ -381,11 +383,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 +406,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 +420,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 +446,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 +482,7 @@ class TiledWebMapSeries extends MapSeries {
                     projection: {
                         name: (new ProviderDefinition()).initialProjectionName
                     }
-                });
+                }, false);
             }
         }
         super.update.apply(this, arguments);