highcharts 11.3.0 → 11.4.0

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

@@ -99,7 +99,7 @@ class OrganizationSeries extends SankeySeries {
     translateLink(point) {
         const chart = this.chart, options = this.options, fromNode = point.fromNode, toNode = point.toNode, linkWidth = pick(options.linkLineWidth, options.link.lineWidth), crisp = (Math.round(linkWidth) % 2) / 2, factor = pick(options.link.offset, 0.5), type = pick(point.options.link && point.options.link.type, options.link.type);
         if (fromNode.shapeArgs && toNode.shapeArgs) {
-            const hangingIndent = options.hangingIndent, toOffset = toNode.options.offset, percentOffset = /%$/.test(toOffset) && parseInt(toOffset, 10), inverted = chart.inverted;
+            const hangingIndent = options.hangingIndent, hangingRight = options.hangingSide === 'right', toOffset = toNode.options.offset, percentOffset = /%$/.test(toOffset) && parseInt(toOffset, 10), inverted = chart.inverted;
             let x1 = Math.floor((fromNode.shapeArgs.x || 0) +
                 (fromNode.shapeArgs.width || 0)) + crisp, y1 = Math.floor((fromNode.shapeArgs.y || 0) +
                 (fromNode.shapeArgs.height || 0) / 2) + crisp, x2 = Math.floor(toNode.shapeArgs.x || 0) + crisp, y2 = Math.floor((toNode.shapeArgs.y || 0) +
@@ -127,11 +127,14 @@ class OrganizationSeries extends SankeySeries {
             }
             if (toNode.hangsFrom === fromNode) {
                 if (chart.inverted) {
-                    y1 = Math.floor((fromNode.shapeArgs.y || 0) +
-                        (fromNode.shapeArgs.height || 0) -
-                        hangingIndent / 2) + crisp;
-                    y2 = ((toNode.shapeArgs.y || 0) +
-                        (toNode.shapeArgs.height || 0));
+                    y1 = !hangingRight ?
+                        Math.floor((fromNode.shapeArgs.y || 0) +
+                            (fromNode.shapeArgs.height || 0) -
+                            hangingIndent / 2) + crisp :
+                        Math.floor((fromNode.shapeArgs.y || 0) +
+                            hangingIndent / 2) + crisp;
+                    y2 = !hangingRight ? ((toNode.shapeArgs.y || 0) +
+                        (toNode.shapeArgs.height || 0)) : (toNode.shapeArgs.y || 0) + hangingIndent / 2;
                 }
                 else {
                     y1 = Math.floor((fromNode.shapeArgs.y || 0) +
@@ -180,15 +183,19 @@ class OrganizationSeries extends SankeySeries {
     }
     translateNode(node, column) {
         super.translateNode(node, column);
-        const chart = this.chart, options = this.options, translationFactor = this.translationFactor, sum = node.getSum(), nodeHeight = Math.max(Math.round(sum * translationFactor), this.options.minLinkWidth || 0), nodeWidth = Math.round(this.nodeWidth), indent = options.hangingIndent || 0, sign = chart.inverted ? -1 : 1, shapeArgs = node.shapeArgs, indentLogic = options.hangingIndentTranslation, minLength = options.minNodeLength || 10;
+        const chart = this.chart, options = this.options, sum = node.getSum(), translationFactor = this.translationFactor, nodeHeight = Math.max(Math.round(sum * translationFactor), options.minLinkWidth || 0), hangingRight = options.hangingSide === 'right', indent = options.hangingIndent || 0, indentLogic = options.hangingIndentTranslation, minLength = options.minNodeLength || 10, nodeWidth = Math.round(this.nodeWidth), shapeArgs = node.shapeArgs, sign = chart.inverted ? -1 : 1;
         let parentNode = node.hangsFrom;
         if (parentNode) {
             if (indentLogic === 'cumulative') {
                 // Move to the right:
                 shapeArgs.height -= indent;
-                shapeArgs.y -= sign * indent;
+                // If hanging right, first indent is handled by shrinking.
+                if (chart.inverted && !hangingRight) {
+                    shapeArgs.y -= sign * indent;
+                }
                 while (parentNode) {
-                    shapeArgs.y += sign * indent;
+                    // Hanging right is the same direction as non-inverted.
+                    shapeArgs.y += (hangingRight ? 1 : sign) * indent;
                     parentNode = parentNode.hangsFrom;
                 }
             }
@@ -197,6 +204,11 @@ class OrganizationSeries extends SankeySeries {
                 while (parentNode &&
                     shapeArgs.height > indent + minLength) {
                     shapeArgs.height -= indent;
+                    // Fixes nodes not dropping in non-inverted charts.
+                    // Hanging right is the same as non-inverted.
+                    if (!chart.inverted || hangingRight) {
+                        shapeArgs.y += indent;
+                    }
                     parentNode = parentNode.hangsFrom;
                 }
             }
@@ -204,7 +216,7 @@ class OrganizationSeries extends SankeySeries {
                 // Option indentLogic === "inherit"
                 // Do nothing (v9.3.2 and prev versions):
                 shapeArgs.height -= indent;
-                if (!chart.inverted) {
+                if (!chart.inverted || hangingRight) {
                     shapeArgs.y += indent;
                 }
             }

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

@@ -254,6 +254,19 @@ const OrganizationSeriesDefaults = {
      * @private
      */
     hangingIndentTranslation: 'inherit',
+    /**
+     * Whether links connecting hanging nodes should be drawn on the left
+     * or right side. Useful for RTL layouts.
+     * **Note:** Only effects inverted charts (vertical layout).
+     *
+     * @sample highcharts/series-organization/hanging-side
+     *         Nodes hanging from right side.
+     *
+     * @type {'left'|'right'}
+     * @since 11.3.0
+     * @default 'left'
+     */
+    hangingSide: 'left',
     /**
      *
      * The color of the links between nodes. This option is moved to
@@ -292,8 +305,8 @@ const OrganizationSeriesDefaults = {
     minNodeLength: 10,
     /**
      * In a horizontal chart, the width of the nodes in pixels. Note that
-     * most organization charts are vertical, so the name of this option
-     * is counterintuitive.
+     * most organization charts are inverted (vertical), so the name of this
+     * option is counterintuitive.
      *
      * @see [minNodeLength](#plotOptions.organization.minNodeLength)
      *

package/es-modules/Series/PackedBubble/PackedBubbleLayout.js

@@ -9,12 +9,10 @@
  * */
 'use strict';
 import GraphLayout from '../GraphLayoutComposition.js';
-import H from '../../Core/Globals.js';
-const { composed } = H;
 import PackedBubbleIntegration from './PackedBubbleIntegration.js';
 import ReingoldFruchtermanLayout from '../Networkgraph/ReingoldFruchtermanLayout.js';
 import U from '../../Core/Utilities.js';
-const { addEvent, pick, pushUnique } = U;
+const { addEvent, pick } = U;
 /* *
  *
  *  Functions
@@ -63,9 +61,9 @@ class PackedBubbleLayout extends ReingoldFruchtermanLayout {
         ReingoldFruchtermanLayout.compose(ChartClass);
         GraphLayout.integrations.packedbubble = PackedBubbleIntegration;
         GraphLayout.layouts.packedbubble = PackedBubbleLayout;
-        if (pushUnique(composed, this.compose)) {
+        const chartProto = ChartClass.prototype;
+        if (!chartProto.getSelectedParentNodes) {
             addEvent(ChartClass, 'beforeRedraw', onChartBeforeRedraw);
-            const chartProto = ChartClass.prototype;
             chartProto.getSelectedParentNodes = chartGetSelectedParentNodes;
         }
     }

package/es-modules/Series/PackedBubble/PackedBubblePoint.js

@@ -36,7 +36,7 @@ class PackedBubblePoint extends BubblePoint {
         return Point.prototype.destroy.apply(this, arguments);
     }
     firePointEvent() {
-        const point = this, series = this.series, seriesOptions = series.options;
+        const series = this.series, seriesOptions = series.options;
         if (this.isParentNode && seriesOptions.parentNode) {
             const temp = seriesOptions.allowPointSelect;
             seriesOptions.allowPointSelect = (seriesOptions.parentNode.allowPointSelect);

package/es-modules/Series/PackedBubble/PackedBubbleSeries.js

@@ -147,7 +147,7 @@ class PackedBubbleSeries extends BubbleSeries {
     }
     /**
      * The function responsible for calculating the parent node radius
-     * based on the total surface of iniside-bubbles and the group BBox
+     * based on the total surface of inside-bubbles and the group BBox
      * @private
      */
     calculateParentRadius() {
@@ -292,7 +292,7 @@ class PackedBubbleSeries extends BubbleSeries {
         seriesProto.destroy.apply(this, arguments);
     }
     /**
-     * Packedbubble has two separate collecions of nodes if split, render
+     * Packedbubble has two separate collections of nodes if split, render
      * dataLabels for both sets:
      * @private
      */
@@ -376,12 +376,7 @@ class PackedBubbleSeries extends BubbleSeries {
                 parentNode.graphic.element.point = parentNode;
             }
             dataLabels.forEach((dataLabel) => {
-                if (dataLabel.div) {
-                    dataLabel.div.point = parentNode;
-                }
-                else {
-                    dataLabel.element.point = parentNode;
-                }
+                (dataLabel.div || dataLabel.element).point = parentNode;
             });
         }
     }
@@ -436,7 +431,7 @@ class PackedBubbleSeries extends BubbleSeries {
     /**
      * Mouse up action, finalizing drag&drop.
      * @private
-     * @param {Highcharts.Point} point The point that event occured.
+     * @param {Highcharts.Point} point The point that event occurred.
      */
     onMouseUp(dnPoint) {
         const point = dnPoint;
@@ -584,7 +579,7 @@ class PackedBubbleSeries extends BubbleSeries {
     /**
      * Function that is adding one bubble based on positions and sizes of
      * two other bubbles, lastBubble is the last added bubble, newOrigin is
-     * the bubble for positioning new bubbles. nextBubble is the curently
+     * the bubble for positioning new bubbles. nextBubble is the currently
      * added bubble for which we are calculating positions
      * @private
      * @param {Array<number>} lastBubble The closest last bubble
@@ -816,6 +811,7 @@ extend(PackedBubbleSeries.prototype, {
     directTouch: true,
     forces: ['barycenter', 'repulsive'],
     hasDraggableNodes: true,
+    invertible: false,
     isCartesian: false,
     noSharedTooltip: true,
     pointArrayMap: ['value'],

package/es-modules/Series/Pictorial/PictorialSeries.js

@@ -330,10 +330,10 @@ function destroyAllStackShadows(chart) {
     });
 }
 // This is a workaround due to no implementation of the animation drilldown.
-addEvent(Chart, 'afterDrilldown', function (e) {
+addEvent(Chart, 'afterDrilldown', function () {
     destroyAllStackShadows(this);
 });
-addEvent(Chart, 'afterDrillUp', function (e) {
+addEvent(Chart, 'afterDrillUp', function () {
     destroyAllStackShadows(this);
 });
 PictorialSeries.prototype.pointClass = PictorialPoint;

package/es-modules/Series/Pie/PieDataLabel.js

@@ -83,7 +83,7 @@ var ColumnDataLabel;
     /** @private */
     function compose(PieSeriesClass) {
         DataLabel.compose(Series);
-        if (pushUnique(composed, compose)) {
+        if (pushUnique(composed, 'PieDataLabel')) {
             const pieProto = PieSeriesClass.prototype;
             pieProto.dataLabelPositioners = dataLabelPositioners;
             pieProto.alignDataLabel = noop;
@@ -197,7 +197,7 @@ var ColumnDataLabel;
                 bottom = Math.min(centerY + radius + maxLabelDistance, chart.plotHeight);
                 points.forEach((point) => {
                     // Check if specific points' label is outside the pie
-                    (point.dataLabels || []).forEach((dataLabel, i) => {
+                    (point.dataLabels || []).forEach((dataLabel) => {
                         const labelPosition = dataLabel.dataLabelPosition;
                         if (labelPosition &&
                             labelPosition.distance > 0) {

package/es-modules/Series/Pie/PiePoint.js

@@ -12,7 +12,7 @@ import A from '../../Core/Animation/AnimationUtilities.js';
 const { setAnimation } = A;
 import Point from '../../Core/Series/Point.js';
 import U from '../../Core/Utilities.js';
-const { addEvent, defined, extend, isNumber, isString, pick, relativeLength } = U;
+const { addEvent, defined, extend, isNumber, pick, relativeLength } = U;
 /* *
  *
  *  Class

package/es-modules/Series/Pie/PieSeries.js

@@ -19,7 +19,7 @@ import Series from '../../Core/Series/Series.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 import Symbols from '../../Core/Renderer/SVG/Symbols.js';
 import U from '../../Core/Utilities.js';
-const { clamp, extend, fireEvent, merge, pick, relativeLength, splat } = U;
+const { clamp, extend, fireEvent, merge, pick } = U;
 /* *
  *
  *  Class
@@ -249,6 +249,14 @@ class PieSeries extends Series {
         // given. If positions are passed as a parameter, we're in a
         // recursive loop for adjusting space for data labels.
         if (!positions) {
+            /**
+             * The series center position, read only. This applies only to
+             * circular chart types like pie and sunburst. It is an array of
+             * `[centerX, centerY, diameter, innerDiameter]`.
+             *
+             * @name Highcharts.Series#center
+             * @type {Array<number>}
+             */
             series.center = positions = series.getCenter();
         }
         // Calculate the geometry for each point
@@ -339,6 +347,7 @@ extend(PieSeries.prototype, {
     drawTracker: ColumnSeries.prototype.drawTracker,
     getCenter: CU.getCenter,
     getSymbol: noop,
+    invertible: false,
     isCartesian: false,
     noSharedTooltip: true,
     pointAttribs: ColumnSeries.prototype.pointAttribs,

package/es-modules/Series/Pie/PieSeriesDefaults.js

@@ -116,7 +116,7 @@ const PieSeriesDefaults = {
      *         Empty pie series
      *
      * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-     * @default   #cccccc
+     * @default   ${palette.neutralColor20}
      * @apioption plotOptions.pie.color
      */
     /**

package/es-modules/Series/Pie3D/Pie3DSeries.js

@@ -29,7 +29,7 @@ class Pie3DSeries extends PieSeries {
      *
      * */
     static compose(SeriesClass) {
-        if (pushUnique(composed, this.compose)) {
+        if (pushUnique(composed, 'Pie3D')) {
             SeriesClass.types.pie = Pie3DSeries;
         }
     }
@@ -207,4 +207,4 @@ export default Pie3DSeries;
  * @requires  highcharts-3d
  * @apioption plotOptions.pie.depth
  */
-''; // keeps doclets above after transpilation
+''; // keeps doclets above after transpiledion

package/es-modules/Series/PolarComposition.js

@@ -72,13 +72,13 @@ function findAlignments(angle, options) {
  * @private
  * @param {boolean} calculateNeighbours
  *        Check if connectors should be calculated for neighbour points as
- *        well allows short recurence
+ *        well allows short recurrence
  */
 function getConnectors(segment, index, calculateNeighbours, connectEnds) {
     const smoothing = 1.5, denom = smoothing + 1, addedNumber = connectEnds ? 1 : 0;
     let i, leftContX, leftContY, rightContX, rightContY, jointAngle;
     // Calculate final index of points depending on the initial index value.
-    // Because of calculating neighbours, index may be outisde segment
+    // Because of calculating neighbours, index may be outside segment
     // array.
     if (index >= 0 && index <= segment.length - 1) {
         i = index;
@@ -168,15 +168,13 @@ function onPointerGetSelectionBox(event) {
     const marker = event.args.marker, xAxis = this.chart.xAxis[0], yAxis = this.chart.yAxis[0], inverted = this.chart.inverted, radialAxis = inverted ? yAxis : xAxis, linearAxis = inverted ? xAxis : yAxis;
     if (this.chart.polar) {
         event.preventDefault();
-        let start = (marker.attr ? marker.attr('start') : marker.start) - radialAxis.startAngleRad;
-        let r = (marker.attr ? marker.attr('r') : marker.r);
-        let end = (marker.attr ? marker.attr('end') : marker.end) - radialAxis.startAngleRad;
-        let innerR = (marker.attr ? marker.attr('innerR') : marker.innerR);
+        const start = (marker.attr ? marker.attr('start') : marker.start) - radialAxis.startAngleRad, r = (marker.attr ? marker.attr('r') : marker.r), end = (marker.attr ? marker.attr('end') : marker.end) - radialAxis.startAngleRad, innerR = (marker.attr ? marker.attr('innerR') : marker.innerR);
         event.result.x = start + radialAxis.pos;
         event.result.width = end - start;
-        // innerR goes from pane's center but toValue computes values from top
-        event.result.y = linearAxis.len + linearAxis.pos - innerR;
-        event.result.height = innerR - r;
+        // `innerR` goes from pane's center but `toValue` computes values from
+        // top
+        event.result.y = linearAxis.len + linearAxis.pos - r;
+        event.result.height = r - innerR;
     }
 }
 /**
@@ -187,7 +185,7 @@ function onPointerGetSelectionMarkerAttrs(event) {
     const chart = this.chart;
     if (chart.polar && chart.hoverPane && chart.hoverPane.axis) {
         event.preventDefault();
-        const center = chart.hoverPane.center, mouseDownX = (this.mouseDownX || 0), mouseDownY = (this.mouseDownY || 0), chartY = event.args.chartY, chartX = event.args.chartX, fullCircle = Math.PI * 2, startAngleRad = chart.hoverPane.axis.startAngleRad, endAngleRad = chart.hoverPane.axis.endAngleRad, linearAxis = chart.inverted ? chart.xAxis[0] : chart.yAxis[0], attrs = {};
+        const center = chart.hoverPane.center, mouseDownX = chart.mouseDownX || 0, mouseDownY = chart.mouseDownY || 0, chartY = event.args.chartY, chartX = event.args.chartX, fullCircle = Math.PI * 2, startAngleRad = chart.hoverPane.axis.startAngleRad, endAngleRad = chart.hoverPane.axis.endAngleRad, linearAxis = chart.inverted ? chart.xAxis[0] : chart.yAxis[0], attrs = {};
         let shapeType = 'arc';
         attrs.x = center[0] + chart.plotLeft;
         attrs.y = center[1] + chart.plotTop;
@@ -224,7 +222,7 @@ function onPointerGetSelectionMarkerAttrs(event) {
                 Math.min(endAngle + startAngleRad, endAngleRad);
             // Adjust the selection shape for polygon grid lines
             if (linearAxis.options.gridLineInterpolation === 'polygon') {
-                const radialAxis = chart.hoverPane.axis, tickInterval = radialAxis.tickInterval, min = start - radialAxis.startAngleRad + radialAxis.pos, max = end - start;
+                const radialAxis = chart.hoverPane.axis, min = start - radialAxis.startAngleRad + radialAxis.pos, max = end - start;
                 let path = linearAxis.getPlotLinePath({
                     value: linearAxis.max
                 }), pathStart = radialAxis.toValue(min), pathEnd = radialAxis.toValue(min + max);
@@ -872,14 +870,18 @@ function wrapSplineSeriesGetPointSpline(proceed, segment, point, i) {
  * @private
  */
 function wrapPointPos(proceed, chartCoordinates, plotY = this.plotY) {
-    const { plotX, series } = this, { chart } = series;
-    if (chart.polar && !this.destroyed && isNumber(plotX) && isNumber(plotY)) {
-        return [
-            plotX + (chartCoordinates ? chart.plotLeft : 0),
-            plotY + (chartCoordinates ? chart.plotTop : 0)
-        ];
-    }
-    return proceed.call(this, chartCoordinates, plotY);
+    if (!this.destroyed) {
+        const { plotX, series } = this, { chart } = series;
+        if (chart.polar &&
+            isNumber(plotX) &&
+            isNumber(plotY)) {
+            return [
+                plotX + (chartCoordinates ? chart.plotLeft : 0),
+                plotY + (chartCoordinates ? chart.plotTop : 0)
+            ];
+        }
+        return proceed.call(this, chartCoordinates, plotY);
+    }
 }
 /* *
  *
@@ -900,7 +902,7 @@ class PolarAdditions {
     static compose(AxisClass, ChartClass, PointerClass, SeriesClass, TickClass, PointClass, AreaSplineRangeSeriesClass, ColumnSeriesClass, LineSeriesClass, SplineSeriesClass) {
         Pane.compose(ChartClass, PointerClass);
         RadialAxis.compose(AxisClass, TickClass);
-        if (pushUnique(composed, this.compose)) {
+        if (pushUnique(composed, 'Polar')) {
             const chartProto = ChartClass.prototype, pointProto = PointClass.prototype, pointerProto = PointerClass.prototype, seriesProto = SeriesClass.prototype;
             addEvent(ChartClass, 'afterDrawChartBox', onChartAfterDrawChartBox);
             addEvent(ChartClass, 'getAxes', onChartGetAxes);

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

@@ -11,7 +11,7 @@
  * */
 'use strict';
 import U from '../../Core/Utilities.js';
-const { defined, pushUnique, relativeLength } = U;
+const { defined, relativeLength } = U;
 /* *
  *
  *  Composition

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

@@ -20,7 +20,7 @@ const { column: ColumnSeries, line: LineSeries } = SeriesRegistry.seriesTypes;
 import Color from '../../Core/Color/Color.js';
 const { parse: color } = Color;
 import TU from '../TreeUtilities.js';
-const { getLevelOptions } = TU;
+const { getLevelOptions, getNodeWidth } = TU;
 import U from '../../Core/Utilities.js';
 const { clamp, extend, isObject, merge, pick, relativeLength, stableSort } = U;
 /* *
@@ -199,14 +199,14 @@ class SankeySeries extends ColumnSeries {
         }
         this.generatePoints();
         this.nodeColumns = this.createNodeColumns();
-        this.nodeWidth = relativeLength(this.options.nodeWidth, this.chart.plotSizeX);
-        const series = this, chart = this.chart, options = this.options, nodeWidth = this.nodeWidth, nodeColumns = this.nodeColumns;
+        const series = this, chart = this.chart, options = this.options, nodeColumns = this.nodeColumns, columnCount = nodeColumns.length;
+        this.nodeWidth = getNodeWidth(this, columnCount);
         this.nodePadding = this.getNodePadding();
         // Find out how much space is needed. Base it on the translation
-        // factor of the most spaceous column.
+        // factor of the most spacious column.
         this.translationFactor = nodeColumns.reduce((translationFactor, column) => Math.min(translationFactor, column.sankeyColumn.getTranslationFactor(series)), Infinity);
         this.colDistance =
-            (chart.plotSizeX - nodeWidth -
+            (chart.plotSizeX - this.nodeWidth -
                 options.borderWidth) / Math.max(1, nodeColumns.length - 1);
         // Calculate level options used in sankey and organization
         series.mapOptionsToLevel = getLevelOptions({
@@ -530,7 +530,7 @@ export default SankeySeries;
 * The vertical offset of a node in terms of weight. Positive values shift the
 * node downwards, negative shift it upwards.
 *
-* If a percantage string is given, the node is offset by the percentage of the
+* If a percentage string is given, the node is offset by the percentage of the
 * node size plus `nodePadding`.
 *
 * @see {@link https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/sankey-node-column/|Highcharts-Demo:}
@@ -545,7 +545,7 @@ export default SankeySeries;
 * The horizontal offset of a node. Positive values shift the node right,
 * negative shift it left.
 *
-* If a percantage string is given, the node is offset by the percentage of the
+* If a percentage string is given, the node is offset by the percentage of the
 * node size.
 *
 * @see {@link https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/sankey-node-column/|Highcharts-Demo:}
@@ -558,7 +558,7 @@ export default SankeySeries;
 * The vertical offset of a node. Positive values shift the node down,
 * negative shift it up.
 *
-* If a percantage string is given, the node is offset by the percentage of the
+* If a percentage string is given, the node is offset by the percentage of the
 * node size.
 *
 * @see {@link https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/sankey-node-column/|Highcharts-Demo:}

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

@@ -227,23 +227,57 @@ const SankeySeriesDefaults = {
      */
     nodeAlignment: 'center',
     /**
-     * The pixel width of each node in a sankey diagram or dependency wheel,
-     * or the height in case the chart is inverted.
+     * The pixel width of each node in a sankey diagram or dependency wheel, or
+     * the height in case the chart is inverted.
      *
-     * @private
+     * Can be a number or a percentage string.
+     *
+     * Sankey series also support setting it to `auto`. With this setting, the
+     * nodes are sized to fill up the plot area in the longitudinal direction,
+     * regardless of the number of levels.
+     *
+     * @see    [sankey.nodeDistance](#nodeDistance)
+     * @sample highcharts/series-sankey/node-distance
+     *         Sankey with auto node width combined with node distance
+     * @sample highcharts/series-organization/node-distance
+     *         Organization chart with node distance of 50%
+     *
+     * @type {number|string}
      */
     nodeWidth: 20,
     /**
      * The padding between nodes in a sankey diagram or dependency wheel, in
-     * pixels.
+     * pixels. For sankey charts, this applies to the nodes of the same column,
+     * so vertical distance by default, or horizontal distance in an inverted
+     * (vertical) sankey.
      *
-     * If the number of nodes is so great that it is possible to lay them
-     * out within the plot area with the given `nodePadding`, they will be
-     * rendered with a smaller padding as a strategy to avoid overflow.
-     *
-     * @private
+     * If the number of nodes is so great that it is impossible to lay them out
+     * within the plot area with the given `nodePadding`, they will be rendered
+     * with a smaller padding as a strategy to avoid overflow.
      */
     nodePadding: 10,
+    /**
+     * The distance between nodes in a sankey diagram in the longitudinal
+     * direction. The longitudinal direction means the direction that the chart
+     * flows - in a horizontal chart the distance is horizontal, in an inverted
+     * chart (vertical), the distance is vertical.
+     *
+     * If a number is given, it denotes pixels. If a percentage string is given,
+     * the distance is a percentage of the rendered node width. A `nodeDistance`
+     * of `100%` will render equal widths for the nodes and the gaps between
+     * them.
+     *
+     * This option applies only when the `nodeWidth` option is `auto`, making
+     * the node width respond to the number of columns.
+     *
+     * @since 11.4.0
+     * @sample highcharts/series-sankey/node-distance
+     *         Sankey with dnode distance of 100% means equal to node width
+     * @sample highcharts/series-organization/node-distance
+     *         Organization chart with node distance of 50%
+     * @type   {number|string}
+     */
+    nodeDistance: 30,
     showInLegend: false,
     states: {
         hover: {
@@ -340,7 +374,7 @@ const SankeySeriesDefaults = {
  * @apioption series.sankey.nodes
  */
 /**
- * The id of the auto-generated node, refering to the `from` or `to` setting of
+ * The id of the auto-generated node, referring to the `from` or `to` setting of
  * the link.
  *
  * @type      {string}
@@ -383,6 +417,16 @@ const SankeySeriesDefaults = {
  * @extends   plotOptions.sankey.dataLabels
  * @apioption series.sankey.nodes.dataLabels
  */
+/**
+ * The height of the node.
+ *
+ * @sample highcharts/series-sankey/height/
+ *         Sankey diagram with height options
+ *
+ * @type      {number}
+ * @since     11.3.0
+ * @apioption series.sankey.nodes.height
+ */
 /**
  * An optional level index of where to place the node. The default behaviour is
  * to place it next to the preceding node. Alias of `nodes.column`, but in
@@ -414,7 +458,7 @@ const SankeySeriesDefaults = {
  * Positive values shift the node downwards, negative shift it upwards. In a
  * vertical layout, like organization chart, the offset is horizontal.
  *
- * If a percantage string is given, the node is offset by the percentage of the
+ * If a percentage string is given, the node is offset by the percentage of the
  * node size plus `nodePadding`.
  *
  * @deprecated
@@ -428,7 +472,7 @@ const SankeySeriesDefaults = {
  * The horizontal offset of a node. Positive values shift the node right,
  * negative shift it left.
  *
- * If a percantage string is given, the node is offset by the percentage of the
+ * If a percentage string is given, the node is offset by the percentage of the
  * node size.
  *
  * @sample highcharts/plotoptions/sankey-node-column/
@@ -443,7 +487,7 @@ const SankeySeriesDefaults = {
  * The vertical offset of a node. Positive values shift the node down,
  * negative shift it up.
  *
- * If a percantage string is given, the node is offset by the percentage of the
+ * If a percentage string is given, the node is offset by the percentage of the
  * node size.
  *
  * @sample highcharts/plotoptions/sankey-node-column/

package/es-modules/Series/SeriesOnPointComposition.js

@@ -13,7 +13,7 @@ const { composed } = H;
 import Point from '../Core/Series/Point.js';
 import Series from '../Core/Series/Series.js';
 import SeriesRegistry from '../Core/Series/SeriesRegistry.js';
-const { bubble, pie, sunburst } = SeriesRegistry.seriesTypes;
+const { bubble } = SeriesRegistry.seriesTypes;
 import SVGRenderer from '../Core/Renderer/SVG/SVGRenderer.js';
 import U from '../Core/Utilities.js';
 const { addEvent, defined, find, isNumber, pushUnique } = U;
@@ -46,7 +46,7 @@ var SeriesOnPointComposition;
      * Chart class to use.
      */
     function compose(SeriesClass, ChartClass) {
-        if (pushUnique(composed, compose)) {
+        if (pushUnique(composed, 'SeriesOnPoint')) {
             const { chartGetZData, seriesAfterInit, seriesAfterRender, seriesGetCenter, seriesShowOrHide, seriesTranslate } = Additions.prototype;
             // We can mark support for pie series here because it's in the core.
             // But all other series outside the core should be marked in its
@@ -233,7 +233,7 @@ var SeriesOnPointComposition;
                     return id === point.id;
                 });
                 // And also toggle series that are on toggled points. Redraw is
-                // not needed because it's fired later after showOrhide event
+                // not needed because it's fired later after showOrHide event
                 series && series.setVisible(!series.visible, false);
             });
         }

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

@@ -269,4 +269,4 @@ export default SplineSeries;
  * @product   highcharts highstock
  * @apioption series.spline.data
  */
-''; // adds doclets above intro transpilat
+''; // adds doclets above intro transpiled

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

@@ -83,7 +83,7 @@ extend(SunburstPoint.prototype, {
 });
 /* *
  *
- *  Defaul Export
+ *  Default Export
  *
  * */
 export default SunburstPoint;

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

@@ -197,11 +197,6 @@ function getDlOptions(params) {
                 2 * (options.padding || 0), 1);
         }
     }
-    // NOTE: alignDataLabel positions the data label differntly when rotation is
-    // 0. Avoiding this by setting rotation to a small number.
-    if (options.rotation === 0) {
-        options.rotation = 0.001;
-    }
     return options;
 }
 /** @private */
@@ -444,7 +439,7 @@ class SunburstSeries extends TreemapSeries {
             });
         }
         // Draw data labels after points
-        // TODO draw labels one by one to avoid addtional looping
+        // TODO draw labels one by one to avoid additional looping
         if (hackDataLabelAnimation && addedHack) {
             series.hasRendered = false;
             series.options.dataLabels.defer = true;
@@ -531,7 +526,7 @@ class SunburstSeries extends TreemapSeries {
             }
             child.shapeArgs = merge(values, {
                 plotX: center.x,
-                plotY: center.y + 4 * Math.abs(Math.cos(angle))
+                plotY: center.y
             });
             child.values = merge(values, {
                 val: val