highcharts 11.3.0 → 11.4.0

package/es-modules/Series/Area/AreaSeries.js

@@ -8,8 +8,6 @@
  *
  * */
 'use strict';
-import Color from '../../Core/Color/Color.js';
-const { parse: color } = Color;
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { seriesTypes: { line: LineSeries } } = SeriesRegistry;
 import U from '../../Core/Utilities.js';
@@ -255,7 +253,7 @@ class AreaSeries extends LineSeries {
                                         pointMap[x][nullName] = true;
                                         // If there are missing points in the next
                                         // stack in any of the series below this
-                                        // one, we need to substract the missing
+                                        // one, we need to subtract the missing
                                         // values and add a hiatus to the left or
                                         // right.
                                     }
@@ -546,4 +544,4 @@ export default AreaSeries;
  * @default   {highstock} 0.75
  * @apioption series.area.fillOpacity
  */
-''; // adds doclets above to transpilat
+''; // adds doclets above to transpiled

package/es-modules/Series/Area3D/Area3DSeries.js

@@ -22,7 +22,7 @@ const { pushUnique, wrap } = U;
  *
  * */
 function compose(AreaSeriesClass) {
-    if (pushUnique(composed, compose)) {
+    if (pushUnique(composed, 'Area3DSeries')) {
         wrap(AreaSeriesClass.prototype, 'getGraphPath', wrapAreaSeriesGetGraphPath);
     }
 }

package/es-modules/Series/AreaRange/AreaRangePoint.js

@@ -11,7 +11,7 @@
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { area: { prototype: { pointClass: AreaPoint, pointClass: { prototype: areaProto } } } } = SeriesRegistry.seriesTypes;
 import U from '../../Core/Utilities.js';
-const { defined, isNumber, merge } = U;
+const { defined, isNumber } = U;
 /* *
  *
  *  Class
@@ -37,7 +37,7 @@ class AreaRangePoint extends AreaPoint {
      * @private
      */
     setState() {
-        const prevState = this.state, series = this.series, isPolar = series.chart.polar, seriesOptionsMarker = series.options.marker, seriesDefaultSymbol = series.symbol;
+        const prevState = this.state, series = this.series, isPolar = series.chart.polar;
         if (!defined(this.plotHigh)) {
             // Boost doesn't calculate plotHigh
             this.plotHigh = series.yAxis.toPixels(this.high, true);

package/es-modules/Series/AreaRange/AreaRangeSeries.js

@@ -505,7 +505,7 @@ class AreaRangeSeries extends AreaSeries {
         }
     }
     hasMarkerChanged(options, oldOptions) {
-        const series = this, lowMarker = options.lowMarker, oldMarker = oldOptions.lowMarker || {};
+        const lowMarker = options.lowMarker, oldMarker = oldOptions.lowMarker || {};
         return (lowMarker && (lowMarker.enabled === false ||
             oldMarker.symbol !== lowMarker.symbol || // #10870, #15946
             oldMarker.height !== lowMarker.height || // #16274
@@ -542,7 +542,6 @@ addEvent(AreaRangeSeries, 'afterTranslate', function () {
     }
 }, { order: 0 });
 addEvent(AreaRangeSeries, 'afterTranslate', function () {
-    const inverted = this.chart.inverted;
     this.points.forEach((point) => {
         // Postprocessing after the PolarComposition's afterTranslate
         if (this.chart.polar) {
@@ -710,4 +709,4 @@ export default AreaRangeSeries;
  * @product   highcharts highstock
  * @apioption series.arearange.data.low
  */
-''; // adds doclets above to tranpiled file
+''; // adds doclets above to transpiled file

package/es-modules/Series/AreaSpline/AreaSplineSeries.js

@@ -173,4 +173,4 @@ export default AreaSplineSeries;
  * @default   0.75
  * @apioption series.areaspline.fillOpacity
  */
-''; // adds doclets above into transpilat
+''; // adds doclets above into transpiled

package/es-modules/Series/Bar/BarSeries.js

@@ -141,4 +141,4 @@ export default BarSeries;
  * @product   highcharts highstock
  * @apioption series.bar.states.select
  */
-''; // gets doclets above into transpilat
+''; // gets doclets above into transpiled

package/es-modules/Series/Bellcurve/BellcurveSeries.js

@@ -79,7 +79,7 @@ class BellcurveSeries extends AreaSplineSeries {
         if (series.baseSeries?.yData?.length || 0 > 1) {
             series.setMean();
             series.setStandardDeviation();
-            series.setData(series.derivedData(series.mean || 0, series.standardDeviation || 0), false);
+            series.setData(series.derivedData(series.mean || 0, series.standardDeviation || 0), false, void 0, false);
         }
         return (void 0);
     }

package/es-modules/Series/BoxPlot/BoxPlotSeriesDefaults.js

@@ -21,6 +21,10 @@
  *
  * @sample highcharts/demo/box-plot/
  *         Box plot
+ * @sample {highcharts} highcharts/css/boxplot/
+ *         Box plot in styled mode
+ * @sample {highcharts} highcharts/series-scatter/jitter-boxplot
+ *         Jittered scatter plot on top of a box plot
  *
  * @extends      plotOptions.column
  * @excluding    borderColor, borderRadius, borderWidth, groupZPadding,

package/es-modules/Series/Bubble/BubbleLegendComposition.js

@@ -95,7 +95,7 @@ function chartDrawChartBox(proceed, options, callback) {
  * Core series class to use with Bubble series.
  */
 function compose(ChartClass, LegendClass, SeriesClass) {
-    if (pushUnique(composed, compose)) {
+    if (pushUnique(composed, 'Series.BubbleLegend')) {
         setOptions({
             // Set default bubble legend options
             legend: {

package/es-modules/Series/Bubble/BubbleLegendDefaults.js

@@ -179,7 +179,7 @@ const BubbleLegendDefaults = {
         y: 0
     },
     /**
-     * Miximum bubble legend range size. If values for ranges are
+     * Maximum bubble legend range size. If values for ranges are
      * not specified, the `minSize` and the `maxSize` are calculated
      * from bubble series.
      */
@@ -254,7 +254,7 @@ const BubbleLegendDefaults = {
      */
     zIndex: 1,
     /**
-     * Ranges with with lower value than zThreshold, are skipped.
+     * Ranges with lower value than zThreshold are skipped.
      */
     zThreshold: 0
 };

package/es-modules/Series/Bubble/BubbleLegendItem.js

@@ -81,9 +81,9 @@ class BubbleLegendItem {
      *        Legend instance
      */
     drawLegendSymbol(legend) {
-        const chart = this.chart, itemDistance = pick(legend.options.itemDistance, 20), legendItem = this.legendItem || {}, options = this.options, ranges = options.ranges, connectorDistance = options.connectorDistance;
+        const itemDistance = pick(legend.options.itemDistance, 20), legendItem = this.legendItem || {}, options = this.options, ranges = options.ranges, connectorDistance = options.connectorDistance;
         let connectorSpace;
-        // Do not create bubbleLegend now if ranges or ranges valeus are not
+        // Do not create bubbleLegend now if ranges or ranges values are not
         // specified or if are empty array.
         if (!ranges || !ranges.length || !isNumber(ranges[0].value)) {
             legend.options.bubbleLegend.autoRanges = true;
@@ -371,7 +371,7 @@ class BubbleLegendItem {
     predictBubbleSizes() {
         const chart = this.chart, legendOptions = chart.legend.options, floating = legendOptions.floating, horizontal = legendOptions.layout === 'horizontal', lastLineHeight = horizontal ? chart.legend.lastLineHeight : 0, plotSizeX = chart.plotSizeX, plotSizeY = chart.plotSizeY, bubbleSeries = chart.series[this.options.seriesIndex], pxSizes = bubbleSeries.getPxExtremes(), minSize = Math.ceil(pxSizes.minPxSize), maxPxSize = Math.ceil(pxSizes.maxPxSize), plotSize = Math.min(plotSizeY, plotSizeX);
         let calculatedSize, maxSize = bubbleSeries.options.maxSize;
-        // Calculate prediceted max size of bubble
+        // Calculate predicted max size of bubble
         if (floating || !(/%$/.test(maxSize))) {
             calculatedSize = maxPxSize;
         }

package/es-modules/Series/Bubble/BubbleSeries.js

@@ -89,7 +89,7 @@ class BubbleSeries extends ScatterSeries {
      * */
     static compose(AxisClass, ChartClass, LegendClass, SeriesClass) {
         BubbleLegendComposition.compose(ChartClass, LegendClass, SeriesClass);
-        if (pushUnique(composed, this.compose)) {
+        if (pushUnique(composed, 'Series.Bubble')) {
             addEvent(AxisClass, 'foundExtremes', onAxisFoundExtremes);
         }
     }

package/es-modules/Series/Bullet/BulletSeriesDefaults.js

@@ -27,7 +27,7 @@
  */
 const BulletSeriesDefaults = {
     /**
-     * All options related with look and positiong of targets.
+     * All options related with look and positioning of targets.
      *
      * @since 6.0.0
      */
@@ -48,7 +48,7 @@ const BulletSeriesDefaults = {
         height: 3,
         /**
          * The border color of the rectangle representing the target. When
-         * not set, the  point's border color is used.
+         * not set, the point's border color is used.
          *
          * In styled mode, use class `highcharts-bullet-target` instead.
          *

package/es-modules/Series/Candlestick/CandlestickSeries.js

@@ -99,8 +99,8 @@ class CandlestickSeries extends OHLCSeries {
                 topBox = Math.round(topBox) + crispCorr;
                 bottomBox = Math.round(bottomBox) + crispCorr;
                 // Create the path. Due to a bug in Chrome 49, the path is
-                // first instanciated with no values, then the values
-                // pushed. For unknown reasons, instanciating the path array
+                // first instantiated with no values, then the values
+                // pushed. For unknown reasons, instantiating the path array
                 // with all the values would lead to a crash when updating
                 // frequently (#5193).
                 path = [];

package/es-modules/Series/Candlestick/CandlestickSeriesDefaults.js

@@ -8,10 +8,6 @@
  *
  * */
 'use strict';
-import D from '../../Core/Defaults.js';
-const { defaultOptions } = D;
-import U from '../../Core/Utilities.js';
-const { merge } = U;
 /* *
  *
  *  API Options
@@ -170,7 +166,7 @@ const CandlestickSeriesDefaults = {
  * @product   highstock
  * @apioption series.candlestick.data
  */
-''; // adds doclets above to transpilat
+''; // adds doclets above to transpiled
 /* *
  *
  *  Default Export

package/es-modules/Series/ColorMapComposition.js

@@ -77,7 +77,7 @@ var ColorMapComposition;
             (this.value === void 0 || !isNaN(this.value)));
     }
     /**
-     * Get the color attibutes to apply on the graphic
+     * Get the color attributes to apply on the graphic
      * @private
      * @function Highcharts.colorMapSeriesMixin.colorAttribs
      * @param {Highcharts.Point} point

package/es-modules/Series/Column/ColumnDataLabel.js

@@ -35,7 +35,7 @@ var ColumnDataLabel;
     function alignDataLabel(point, dataLabel, options, alignTo, isNew) {
         const inverted = this.chart.inverted, series = point.series, xLen = (series.xAxis ? series.xAxis.len : this.chart.plotSizeX) || 0, yLen = (series.yAxis ? series.yAxis.len : this.chart.plotSizeY) || 0, 
         // Data label box for alignment
-        dlBox = point.dlBox || point.shapeArgs, below = pick(point.below, // Fange series
+        dlBox = point.dlBox || point.shapeArgs, below = pick(point.below, // Range series
         point.plotY >
             pick(this.translatedThreshold, yLen)), 
         // Draw it inside the box?
@@ -92,7 +92,7 @@ var ColumnDataLabel;
     /** @private */
     function compose(ColumnSeriesClass) {
         DataLabel.compose(Series);
-        if (pushUnique(composed, compose)) {
+        if (pushUnique(composed, 'ColumnDataLabel')) {
             ColumnSeriesClass.prototype.alignDataLabel = alignDataLabel;
         }
     }

package/es-modules/Series/Column/ColumnSeries.js

@@ -14,11 +14,11 @@ import Color from '../../Core/Color/Color.js';
 const { parse: color } = Color;
 import ColumnSeriesDefaults from './ColumnSeriesDefaults.js';
 import H from '../../Core/Globals.js';
-const { hasTouch, noop } = H;
+const { noop } = H;
 import Series from '../../Core/Series/Series.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 import U from '../../Core/Utilities.js';
-const { clamp, defined, extend, fireEvent, isArray, isNumber, merge, pick, objectEach, relativeLength } = U;
+const { clamp, defined, extend, fireEvent, isArray, isNumber, merge, pick, objectEach } = U;
 /* *
  *
  *  Class
@@ -63,8 +63,8 @@ class ColumnSeries extends Series {
             else {
                 attr.translateY = translatedThreshold;
             }
-            // apply finnal clipping (used in Highcharts Stock) (#7083)
-            // animation is done by scaleY, so cliping is for panes
+            // apply final clipping (used in Highcharts Stock) (#7083)
+            // animation is done by scaleY, so clipping is for panes
             if (series.clipBox) {
                 series.setClip();
             }
@@ -92,7 +92,9 @@ class ColumnSeries extends Series {
      * @private
      * @function Highcharts.seriesTypes.column#init
      */
-    init(chart, options) {
+    init(chart, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    options) {
         super.init.apply(this, arguments);
         const series = this;
         chart = series.chart;
@@ -179,7 +181,7 @@ class ColumnSeries extends Series {
      * @function Highcharts.seriesTypes.column#crispCol
      */
     crispCol(x, y, w, h) {
-        const chart = this.chart, borderWidth = this.borderWidth, xCrisp = -(borderWidth % 2 ? 0.5 : 0);
+        const borderWidth = this.borderWidth, xCrisp = -(borderWidth % 2 ? 0.5 : 0);
         let right, yCrisp = borderWidth % 2 ? 0.5 : 1;
         // Horizontal. We need to first compute the exact right edge, then
         // round it and compute the width from there.
@@ -264,6 +266,8 @@ class ColumnSeries extends Series {
                     }
                 }
             });
+            indexInCategory = this.xAxis.reversed ?
+                totalInCategory - 1 - indexInCategory : indexInCategory;
             // Compute the adjusted x position
             const boxWidth = (totalInCategory - 1) * metrics.paddedWidth +
                 pointWidth;
@@ -303,7 +307,7 @@ class ColumnSeries extends Series {
             const yBottom = pick(point.yBottom, translatedThreshold), safeDistance = 999 + Math.abs(yBottom), plotX = point.plotX || 0, 
             // Don't draw too far outside plot area (#1303, #2241,
             // #4264)
-            plotY = clamp(point.plotY, -safeDistance, yAxis.len + safeDistance), stackBox = point.stackBox;
+            plotY = clamp(point.plotY, -safeDistance, yAxis.len + safeDistance);
             let up, barY = Math.min(plotY, yBottom), barH = Math.max(plotY, yBottom) - barY, pointWidth = seriesPointWidth, barX = plotX + seriesXOffset, barW = seriesBarW;
             // Handle options.minPointLength
             if (minPointLength && Math.abs(barH) < minPointLength) {
@@ -515,9 +519,10 @@ class ColumnSeries extends Series {
      */
     drawTracker(points = this.points) {
         const series = this, chart = series.chart, pointer = chart.pointer, onMouseOver = function (e) {
-            const point = pointer.getPointFromEvent(e);
-            // undefined on graph in scatterchart
-            if (typeof point !== 'undefined' &&
+            const point = pointer?.getPointFromEvent(e);
+            // Undefined on graph in scatterchart
+            if (pointer &&
+                point &&
                 series.options.enableMouseTracking) {
                 pointer.isDirectTouch = true;
                 point.onMouseOver(e);
@@ -533,12 +538,7 @@ class ColumnSeries extends Series {
                 point.graphic.element.point = point;
             }
             dataLabels.forEach(function (dataLabel) {
-                if (dataLabel.div) {
-                    dataLabel.div.point = point;
-                }
-                else {
-                    dataLabel.element.point = point;
-                }
+                (dataLabel.div || dataLabel.element).point = point;
             });
         });
         // Add the event listeners, we need to do this only once
@@ -550,11 +550,9 @@ class ColumnSeries extends Series {
                         .addClass('highcharts-tracker')
                         .on('mouseover', onMouseOver)
                         .on('mouseout', function (e) {
-                        pointer.onTrackerMouseOut(e);
-                    });
-                    if (hasTouch) {
-                        series[key].on('touchstart', onMouseOver);
-                    }
+                        pointer?.onTrackerMouseOut(e);
+                    })
+                        .on('touchstart', onMouseOver);
                     if (!chart.styledMode && series.options.cursor) {
                         series[key]
                             .css({ cursor: series.options.cursor });
@@ -597,7 +595,7 @@ extend(ColumnSeries.prototype, {
     directTouch: true,
     getSymbol: noop,
     // Use separate negative stacks, unlike area stacks where a negative
-    // point is substracted from previous (#1910)
+    // point is subtracted from previous (#1910)
     negStacks: true,
     trackerGroups: ['group', 'dataLabelsGroup']
 });

package/es-modules/Series/Column/ColumnSeriesDefaults.js

@@ -154,7 +154,7 @@ const ColumnSeriesDefaults = {
      * When set to `undefined`, the width is calculated from the
      * `pointPadding` and `groupPadding`. The width effects the dimension
      * that is not based on the point value. For column series it is the
-     * hoizontal length and for bar series it is the vertical length.
+     * horizontal length and for bar series it is the vertical length.
      *
      * @see [maxPointWidth](#plotOptions.column.maxPointWidth)
      *

package/es-modules/Series/Column3D/Column3DComposition.js

@@ -118,7 +118,7 @@ function columnSeriesTranslate3dShapes() {
 }
 /** @private */
 function compose(SeriesClass, StackItemClass) {
-    if (pushUnique(composed, compose)) {
+    if (pushUnique(composed, 'Column3D')) {
         const seriesProto = SeriesClass.prototype, stackItemProto = StackItemClass.prototype, { column: ColumnSeriesClass, columnRange: ColumnRangeSeriesClass } = SeriesClass.types;
         wrap(seriesProto, 'alignDataLabel', wrapSeriesAlignDataLabel);
         wrap(seriesProto, 'justifyDataLabel', wrapSeriesJustifyDataLabel);

package/es-modules/Series/ColumnRange/ColumnRangeSeries.js

@@ -52,6 +52,7 @@ const columnRangeOptions = {
      * @apioption plotOptions.columnrange.dataLabels
      */
     pointRange: null,
+    legendSymbol: 'rectangle',
     /** @ignore-option */
     marker: null,
     states: {
@@ -124,7 +125,7 @@ class ColumnRangeSeries extends AreaRangeSeries {
          * @private
          */
         const yAxis = this.yAxis, xAxis = this.xAxis, startAngleRad = xAxis.startAngleRad, chart = this.chart, isRadial = this.xAxis.isRadial, safeDistance = Math.max(chart.chartWidth, chart.chartHeight) + 999;
-        let height, heightDifference, start, plotHigh, y;
+        let height, heightDifference, start, y;
         // eslint-disable-next-line valid-jsdoc
         /**
          * Don't draw too far outside plot area (#6835)

package/es-modules/Series/Cylinder/CylinderComposition.js

@@ -13,20 +13,20 @@
  * */
 'use strict';
 import H from '../../Core/Globals.js';
-const { charts, composed, deg2rad } = H;
+const { charts, deg2rad } = H;
 import Math3D from '../../Core/Math3D.js';
 const { perspective } = Math3D;
 import SVGElement3DCylinder from './SVGElement3DCylinder.js';
 import U from '../../Core/Utilities.js';
-const { extend, pick, pushUnique } = U;
+const { extend, pick } = U;
 /* *
  *
  *  Functions
  *
  * */
 function compose(SVGRendererClass) {
-    if (pushUnique(composed, compose)) {
-        const rendererProto = SVGRendererClass.prototype;
+    const rendererProto = SVGRendererClass.prototype;
+    if (!rendererProto.cylinder) {
         rendererProto.Element3D.types.cylinder = SVGElement3DCylinder;
         extend(rendererProto, {
             cylinder: rendererCylinder,
@@ -56,7 +56,7 @@ function rendererCylinder(shapeArgs) {
  */
 function rendererCylinderPath(shapeArgs) {
     const renderer = this, chart = charts[renderer.chartIndex], 
-    // decide zIndexes of parts based on cubiod logic, for consistency.
+    // decide zIndexes of parts based on cuboid logic, for consistency.
     cuboidData = this.cuboidPath(shapeArgs), isTopFirst = !cuboidData.isTop, isFronFirst = !cuboidData.isFront, top = renderer.getCylinderEnd(chart, shapeArgs), bottom = renderer.getCylinderEnd(chart, shapeArgs, true);
     return {
         front: renderer.getCylinderFront(top, bottom),
@@ -147,7 +147,7 @@ function rendererGetCylinderBack(topPath, bottomPath) {
     return path;
 }
 /**
- * Retruns cylinder path for top or bottom.
+ * Returns cylinder path for top or bottom.
  * @private
  */
 function rendererGetCylinderEnd(chart, shapeArgs, isBottom) {
@@ -160,7 +160,7 @@ function rendererGetCylinderEnd(chart, shapeArgs, isBottom) {
         alphaCorrection), 
     // Could be top or bottom of the cylinder
     y = (shapeArgs.y || 0) + (isBottom ? height : 0), 
-    // Use cubic Bezier curve to draw a cricle in x,z (y is constant).
+    // Use cubic Bezier curve to draw a circle in x,z (y is constant).
     // More math. at spencermortensen.com/articles/bezier-circle/
     c = 0.5519 * radius, centerX = width / 2 + (shapeArgs.x || 0), centerZ = depth / 2 + (shapeArgs.z || 0), 
     // points could be generated in a loop, but readability will plummet
@@ -218,7 +218,7 @@ function rendererGetCylinderEnd(chart, shapeArgs, isBottom) {
             z: radius
         }], cosTheta = Math.cos(angleOffset), sinTheta = Math.sin(angleOffset);
     let path, x, z;
-    // rotete to match chart's beta and translate to the shape center
+    // rotate to match chart's beta and translate to the shape center
     for (const point of points) {
         x = point.x;
         z = point.z;
@@ -231,7 +231,7 @@ function rendererGetCylinderEnd(chart, shapeArgs, isBottom) {
     // check for sub-pixel curve issue, compare front and back edges
     if (Math.abs(perspectivePoints[3].y - perspectivePoints[9].y) < 2.5 &&
         Math.abs(perspectivePoints[0].y - perspectivePoints[6].y) < 2.5) {
-        // use simplied shape
+        // use simplified shape
         path = this.toLinePath([
             perspectivePoints[0],
             perspectivePoints[3],

package/es-modules/Series/DataModifyComposition.js

@@ -9,13 +9,11 @@
  * */
 'use strict';
 import Axis from '../Core/Axis/Axis.js';
-import H from '../Core/Globals.js';
-const { composed } = H;
 import Point from '../Core/Series/Point.js';
 const { tooltipFormatter: pointTooltipFormatter } = Point.prototype;
 import Series from '../Core/Series/Series.js';
 import U from '../Core/Utilities.js';
-const { addEvent, arrayMax, arrayMin, correctFloat, defined, isArray, isNumber, isString, pick, pushUnique } = U;
+const { addEvent, arrayMax, arrayMin, correctFloat, defined, isArray, isNumber, isString, pick } = U;
 /* *
  *
  *  Composition
@@ -49,13 +47,15 @@ var DataModifyComposition;
      * Point class to use.
      */
     function compose(SeriesClass, AxisClass, PointClass) {
-        if (pushUnique(composed, compose)) {
-            const axisProto = AxisClass.prototype, pointProto = PointClass.prototype, seriesProto = SeriesClass.prototype;
+        const axisProto = AxisClass.prototype, pointProto = PointClass.prototype, seriesProto = SeriesClass.prototype;
+        if (!seriesProto.setCompare) {
             seriesProto.setCompare = seriesSetCompare;
             seriesProto.setCumulative = seriesSetCumulative;
             addEvent(SeriesClass, 'afterInit', afterInit);
             addEvent(SeriesClass, 'afterGetExtremes', afterGetExtremes);
             addEvent(SeriesClass, 'afterProcessData', afterProcessData);
+        }
+        if (!axisProto.setCompare) {
             axisProto.setCompare = axisSetCompare;
             axisProto.setModifier = setModifier;
             axisProto.setCumulative = axisSetCumulative;

package/es-modules/Series/DependencyWheel/DependencyWheelSeries.js

@@ -20,7 +20,7 @@ import SankeyColumnComposition from '../Sankey/SankeyColumnComposition.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 const { pie: PieSeries, sankey: SankeySeries } = SeriesRegistry.seriesTypes;
 import U from '../../Core/Utilities.js';
-const { extend, merge } = U;
+const { extend, merge, relativeLength } = U;
 /* *
  *
  *  Class
@@ -138,7 +138,8 @@ class DependencyWheelSeries extends SankeySeries {
         for (const node of this.nodeColumns[0]) {
             // Don't render the nodes if sum is 0 #12453
             if (node.sum) {
-                const shapeArgs = node.shapeArgs, centerX = center[0], centerY = center[1], r = center[2] / 2, innerR = r - options.nodeWidth, start = startAngle + factor * (shapeArgs.y || 0), end = startAngle +
+                const shapeArgs = node.shapeArgs, centerX = center[0], centerY = center[1], r = center[2] / 2, nodeWidth = options.nodeWidth === 'auto' ?
+                    20 : options.nodeWidth, innerR = r - relativeLength(nodeWidth || 0, r), start = startAngle + factor * (shapeArgs.y || 0), end = startAngle +
                     factor * ((shapeArgs.y || 0) + (shapeArgs.height || 0));
                 // Middle angle
                 node.angle = start + (end - start) / 2;

package/es-modules/Series/DependencyWheel/DependencyWheelSeriesDefaults.js

@@ -23,7 +23,7 @@
  *         Dependency wheel
  *
  * @extends      plotOptions.sankey
- * @exclude      dataSorting, nodeAlignment
+ * @exclude      dataSorting, nodeAlignment, nodeDistance
  * @since        7.1.0
  * @product      highcharts
  * @requires     modules/dependency-wheel

package/es-modules/Series/DragNodesComposition.js

@@ -23,7 +23,7 @@ const { addEvent, pushUnique } = U;
  * @private
  */
 function compose(ChartClass) {
-    if (pushUnique(composed, compose)) {
+    if (pushUnique(composed, 'DragNodes')) {
         addEvent(ChartClass, 'load', onChartLoad);
     }
 }
@@ -64,12 +64,12 @@ function onChartLoad() {
  *
  * @private
  * @param {Highcharts.Point} point
- *        The point that event occured.
+ *        The point that event occurred.
  * @param {Highcharts.PointerEventObject} event
  *        Browser event, before normalization.
  */
 function onMouseDown(point, event) {
-    const normalizedEvent = this.chart.pointer.normalize(event);
+    const normalizedEvent = this.chart.pointer?.normalize(event) || event;
     point.fixedPosition = {
         chartX: normalizedEvent.chartX,
         chartY: normalizedEvent.chartY,
@@ -86,12 +86,12 @@ function onMouseDown(point, event) {
  * @param {global.Event} event
  *        Browser event, before normalization.
  * @param {Highcharts.Point} point
- *        The point that event occured.
+ *        The point that event occurred.
  *
  */
 function onMouseMove(point, event) {
     if (point.fixedPosition && point.inDragMode) {
-        const series = this, chart = series.chart, normalizedEvent = chart.pointer.normalize(event), diffX = point.fixedPosition.chartX - normalizedEvent.chartX, diffY = point.fixedPosition.chartY - normalizedEvent.chartY, graphLayoutsLookup = chart.graphLayoutsLookup;
+        const series = this, chart = series.chart, normalizedEvent = chart.pointer?.normalize(event) || event, diffX = point.fixedPosition.chartX - normalizedEvent.chartX, diffY = point.fixedPosition.chartY - normalizedEvent.chartY, graphLayoutsLookup = chart.graphLayoutsLookup;
         let newPlotX, newPlotY;
         // At least 5px to apply change (avoids simple click):
         if (Math.abs(diffX) > 5 || Math.abs(diffY) > 5) {
@@ -114,9 +114,9 @@ function onMouseMove(point, event) {
  *
  * @private
  * @param {Highcharts.Point} point
- *        The point that event occured.
+ *        The point that event occurred.
  */
-function onMouseUp(point, _event) {
+function onMouseUp(point) {
     if (point.fixedPosition) {
         if (point.hasDragged) {
             if (this.layout.enableSimulation) {

package/es-modules/Series/DrawPointUtilities.js

@@ -4,8 +4,6 @@
  *
  * */
 'use strict';
-import U from '../Core/Utilities.js';
-const { isNumber } = U;
 /* *
  *
  *  Functions

package/es-modules/Series/Dumbbell/DumbbellSeriesDefaults.js

@@ -189,7 +189,7 @@ const DumbbellSeriesDefaults = {
  *
  * @type        {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
  * @since       8.0.0
- * @default     #333333
+ * @default     ${palette.neutralColor80}
  * @product     highcharts highstock
  * @apioption   series.dumbbell.data.lowColor
  */

package/es-modules/Series/Funnel/FunnelSeries.js

@@ -433,7 +433,7 @@ extend(FunnelSeries.prototype, {
      * */
     /** @private */
     function compose(ChartClass) {
-        if (pushUnique(composed, compose)) {
+        if (pushUnique(composed, 'FunnelSeries')) {
             addEvent(ChartClass, 'afterHideAllOverlappingLabels', onChartAfterHideAllOverlappingLabels);
         }
     }