highcharts 8.1.0 → 8.2.2

package/highcharts-more.src.js

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts JS v8.1.0 (2020-05-05)
+ * @license Highcharts JS v8.2.2 (2020-10-22)
  *
  * (c) 2009-2018 Torstein Honsi
  *
@@ -26,7 +26,7 @@
             obj[path] = fn.apply(null, args);
         }
     }
-    _registerModule(_modules, 'parts-more/Pane.js', [_modules['parts/Globals.js'], _modules['parts/Utilities.js']], function (H, U) {
+    _registerModule(_modules, 'Extensions/Pane.js', [_modules['Core/Chart/Chart.js'], _modules['Core/Globals.js'], _modules['Core/Pointer.js'], _modules['Core/Utilities.js'], _modules['Mixins/CenteredSeries.js']], function (Chart, H, Pointer, U, centeredSeriesMixin) {
         /* *
          *
          *  (c) 2010-2020 Torstein Honsi
@@ -36,17 +36,16 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
-        /**
-         * @typedef {"arc"|"circle"|"solid"} Highcharts.PaneBackgroundShapeValue
-         */
         var addEvent = U.addEvent,
             extend = U.extend,
             merge = U.merge,
             pick = U.pick,
             splat = U.splat;
-        var CenteredSeriesMixin = H.CenteredSeriesMixin;
+        /**
+         * @typedef {"arc"|"circle"|"solid"} Highcharts.PaneBackgroundShapeValue
+         */
         /* eslint-disable no-invalid-this, valid-jsdoc */
-        H.Chart.prototype.collectionsWithUpdate.push('pane');
+        Chart.prototype.collectionsWithUpdate.push('pane');
         /**
          * The Pane object allows options that are common to a set of X and Y axes.
          *
@@ -335,7 +334,7 @@
             Pane.prototype.updateCenter = function (axis) {
                 this.center = (axis ||
                     this.axis ||
-                    {}).center = CenteredSeriesMixin.getCenter.call(this);
+                    {}).center = centeredSeriesMixin.getCenter.call(this);
             };
             /**
              * Destroy the pane item
@@ -386,9 +385,9 @@
          * @return {boolean}
          */
         function isInsidePane(x, y, center) {
-            return Math.sqrt(Math.pow(x - center[0], 2) + Math.pow(y - center[1], 2)) < center[2] / 2;
+            return Math.sqrt(Math.pow(x - center[0], 2) + Math.pow(y - center[1], 2)) <= center[2] / 2;
         }
-        H.Chart.prototype.getHoverPane = function (eventArgs) {
+        Chart.prototype.getHoverPane = function (eventArgs) {
             var chart = this;
             var hoverPane;
             if (eventArgs) {
@@ -404,13 +403,13 @@
             }
             return hoverPane;
         };
-        addEvent(H.Chart, 'afterIsInsidePlot', function (e) {
+        addEvent(Chart, 'afterIsInsidePlot', function (e) {
             var chart = this;
             if (chart.polar) {
                 e.isInsidePlot = chart.pane.some(function (pane) { return isInsidePane(e.x, e.y, pane.center); });
             }
         });
-        addEvent(H.Pointer, 'beforeGetHoverData', function (eventArgs) {
+        addEvent(Pointer, 'beforeGetHoverData', function (eventArgs) {
             var chart = this.chart;
             if (chart.polar) {
                 // Find pane we are currently hovering over.
@@ -424,7 +423,7 @@
                 };
             }
         });
-        addEvent(H.Pointer, 'afterGetHoverData', function (eventArgs) {
+        addEvent(Pointer, 'afterGetHoverData', function (eventArgs) {
             var chart = this.chart;
             if (eventArgs.hoverPoint &&
                 eventArgs.hoverPoint.plotX &&
@@ -438,7 +437,7 @@
 
         return H.Pane;
     });
-    _registerModule(_modules, 'parts-more/HiddenAxis.js', [], function () {
+    _registerModule(_modules, 'Core/Axis/HiddenAxis.js', [], function () {
         /* *
          *
          *  (c) 2010-2020 Torstein Honsi
@@ -487,7 +486,7 @@
 
         return HiddenAxis;
     });
-    _registerModule(_modules, 'parts-more/RadialAxis.js', [_modules['parts/Axis.js'], _modules['parts/Tick.js'], _modules['parts-more/HiddenAxis.js'], _modules['parts/Utilities.js']], function (Axis, Tick, HiddenAxis, U) {
+    _registerModule(_modules, 'Core/Axis/RadialAxis.js', [_modules['Core/Axis/Axis.js'], _modules['Core/Axis/Tick.js'], _modules['Core/Axis/HiddenAxis.js'], _modules['Core/Utilities.js']], function (Axis, Tick, HiddenAxis, U) {
         /* *
          *
          *  (c) 2010-2020 Torstein Honsi
@@ -502,6 +501,7 @@
             defined = U.defined,
             extend = U.extend,
             fireEvent = U.fireEvent,
+            isNumber = U.isNumber,
             merge = U.merge,
             pick = U.pick,
             pInt = U.pInt,
@@ -750,14 +750,19 @@
                  * @return {RadialAxisPath}
                  */
                 axis.getPlotBandPath = function (from, to, options) {
+                    var radiusToPixels = function (radius) {
+                            if (typeof radius === 'string') {
+                                var r = parseInt(radius, 10);
+                            if (percentRegex.test(radius)) {
+                                r = (r * fullRadius) / 100;
+                            }
+                            return r;
+                        }
+                        return radius;
+                    };
                     var center = this.center,
                         startAngleRad = this.startAngleRad,
                         fullRadius = center[2] / 2,
-                        radii = [
-                            pick(options.outerRadius, '100%'),
-                            options.innerRadius,
-                            pick(options.thickness, 10)
-                        ],
                         offset = Math.min(this.offset, 0),
                         percentRegex = /%$/,
                         start,
@@ -766,7 +771,11 @@
                         xOnPerimeter,
                         open,
                         isCircular = this.isCircular, // X axis in a polar chart
-                        path;
+                        path,
+                        outerRadius = pick(radiusToPixels(options.outerRadius),
+                        fullRadius),
+                        innerRadius = radiusToPixels(options.innerRadius),
+                        thickness = pick(radiusToPixels(options.thickness), 10);
                     // Polygonal plot bands
                     if (this.options.gridLineInterpolation === 'polygon') {
                         path = this.getPlotLinePath({ value: from }).concat(this.getPlotLinePath({ value: to, reverse: true }));
@@ -776,19 +785,14 @@
                         // Keep within bounds
                         from = Math.max(from, this.min);
                         to = Math.min(to, this.max);
-                        // Plot bands on Y axis (radial axis) - inner and outer radius
-                        // depend on to and from
+                        var transFrom = this.translate(from);
+                        var transTo = this.translate(to);
+                        // Plot bands on Y axis (radial axis) - inner and outer
+                        // radius depend on to and from
                         if (!isCircular) {
-                            radii[0] = this.translate(from);
-                            radii[1] = this.translate(to);
+                            outerRadius = transFrom || 0;
+                            innerRadius = transTo || 0;
                         }
-                        // Convert percentages to pixel values
-                        radii = radii.map(function (radius) {
-                            if (percentRegex.test(radius)) {
-                                radius = (pInt(radius, 10) * fullRadius) / 100;
-                            }
-                            return radius;
-                        });
                         // Handle full circle
                         if (options.shape === 'circle' || !isCircular) {
                             start = -Math.PI / 2;
@@ -796,16 +800,16 @@
                             open = true;
                         }
                         else {
-                            start = startAngleRad + this.translate(from);
-                            end = startAngleRad + this.translate(to);
+                            start = startAngleRad + (transFrom || 0);
+                            end = startAngleRad + (transTo || 0);
                         }
-                        radii[0] -= offset; // #5283
-                        radii[2] -= offset; // #5283
-                        path = this.chart.renderer.symbols.arc(this.left + center[0], this.top + center[1], radii[0], radii[0], {
+                        outerRadius -= offset; // #5283
+                        thickness -= offset; // #5283
+                        path = this.chart.renderer.symbols.arc(this.left + center[0], this.top + center[1], outerRadius, outerRadius, {
                             // Math is for reversed yAxis (#3606)
                             start: Math.min(start, end),
                             end: Math.max(start, end),
-                            innerR: pick(radii[1], radii[0] - radii[2]),
+                            innerR: pick(innerRadius, outerRadius - thickness),
                             open: open
                         });
                         // Provide positioning boxes for the label (#6406)
@@ -1131,6 +1135,12 @@
                         }
                     }
                 });
+                addEvent(AxisClass, 'initialAxisTranslation', function () {
+                    var axis = this;
+                    if (axis.isRadial) {
+                        axis.beforeSetTickPositions();
+                    }
+                });
                 // Add special cases within the Tick class' methods for radial axes.
                 addEvent(TickClass, 'afterGetPosition', function (e) {
                     var tick = this;
@@ -1392,7 +1402,7 @@
 
         return RadialAxis;
     });
-    _registerModule(_modules, 'parts-more/AreaRangeSeries.js', [_modules['parts/Globals.js'], _modules['parts/Point.js'], _modules['parts/Utilities.js']], function (H, Point, U) {
+    _registerModule(_modules, 'Series/AreaRangeSeries.js', [_modules['Core/Series/Series.js'], _modules['Core/Globals.js'], _modules['Core/Series/Point.js'], _modules['Core/Utilities.js']], function (BaseSeries, H, Point, U) {
         /* *
          *
          *  (c) 2010-2020 Torstein Honsi
@@ -1402,17 +1412,17 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
+        var noop = H.noop;
         var defined = U.defined,
             extend = U.extend,
             isArray = U.isArray,
             isNumber = U.isNumber,
-            pick = U.pick,
-            seriesType = U.seriesType;
-        var noop = H.noop,
-            Series = H.Series,
-            seriesTypes = H.seriesTypes,
-            seriesProto = Series.prototype,
-            pointProto = Point.prototype;
+            pick = U.pick;
+        var Series = H.Series,
+            areaProto = BaseSeries.seriesTypes.area.prototype,
+            columnProto = BaseSeries.seriesTypes.column.prototype,
+            pointProto = Point.prototype,
+            seriesProto = Series.prototype;
         /**
          * The area range series is a carteseian series with higher and lower values for
          * each point along an X axis, where the area between the values is shaded.
@@ -1428,7 +1438,31 @@
          * @requires     highcharts-more
          * @optionparent plotOptions.arearange
          */
-        seriesType('arearange', 'area', {
+        BaseSeries.seriesType('arearange', 'area', {
+            /**
+             * @see [fillColor](#plotOptions.arearange.fillColor)
+             * @see [fillOpacity](#plotOptions.arearange.fillOpacity)
+             *
+             * @apioption plotOptions.arearange.color
+             */
+            /**
+             * @default   low
+             * @apioption plotOptions.arearange.colorKey
+             */
+            /**
+             * @see [color](#plotOptions.arearange.color)
+             * @see [fillOpacity](#plotOptions.arearange.fillOpacity)
+             *
+             * @apioption plotOptions.arearange.fillColor
+             */
+            /**
+             * @see [color](#plotOptions.arearange.color)
+             * @see [fillColor](#plotOptions.arearange.fillColor)
+             *
+             * @default   {highcharts} 0.75
+             * @default   {highstock} 0.75
+             * @apioption plotOptions.arearange.fillOpacity
+             */
             /**
              * Whether to apply a drop shadow to the graph line. Since 2.3 the shadow
              * can be an object configuration containing `color`, `offsetX`, `offsetY`,
@@ -1438,10 +1472,6 @@
              * @product   highcharts
              * @apioption plotOptions.arearange.shadow
              */
-            /**
-             * @default   low
-             * @apioption plotOptions.arearange.colorKey
-             */
             /**
              * Pixel width of the arearange graph line.
              *
@@ -1478,8 +1508,8 @@
              * @private
              */
             dataLabels: {
-                align: null,
-                verticalAlign: null,
+                align: void 0,
+                verticalAlign: void 0,
                 /**
                  * X offset of the lower data labels relative to the point value.
                  *
@@ -1547,7 +1577,7 @@
                 var series = this,
                     yAxis = series.yAxis,
                     hasModifyValue = !!series.modifyValue;
-                seriesTypes.area.prototype.translate.apply(series);
+                areaProto.translate.apply(series);
                 // Set plotLow and plotHigh
                 series.points.forEach(function (point) {
                     var high = point.high,
@@ -1585,34 +1615,40 @@
                 var highPoints = [],
                     highAreaPoints = [],
                     i,
-                    getGraphPath = seriesTypes.area.prototype.getGraphPath,
+                    getGraphPath = areaProto.getGraphPath,
                     point,
                     pointShim,
                     linePath,
                     lowerPath,
                     options = this.options,
-                    connectEnds = this.chart.polar && options.connectEnds !== false,
+                    polar = this.chart.polar,
+                    connectEnds = polar && options.connectEnds !== false,
                     connectNulls = options.connectNulls,
                     step = options.step,
                     higherPath,
                     higherAreaPath;
                 points = points || this.points;
-                i = points.length;
                 // Create the top line and the top part of the area fill. The area fill
                 // compensates for null points by drawing down to the lower graph,
                 // moving across the null gap and starting again at the lower graph.
                 i = points.length;
                 while (i--) {
                     point = points[i];
+                    // Support for polar
+                    var highAreaPoint = polar ? {
+                            plotX: point.rectPlotX,
+                            plotY: point.yBottom,
+                            doCurve: false // #5186, gaps in areasplinerange fill
+                        } : {
+                            plotX: point.plotX,
+                            plotY: point.plotY,
+                            doCurve: false // #5186, gaps in areasplinerange fill
+                        };
                     if (!point.isNull &&
                         !connectEnds &&
                         !connectNulls &&
                         (!points[i + 1] || points[i + 1].isNull)) {
-                        highAreaPoints.push({
-                            plotX: point.plotX,
-                            plotY: point.plotY,
-                            doCurve: false // #5186, gaps in areasplinerange fill
-                        });
+                        highAreaPoints.push(highAreaPoint);
                     }
                     pointShim = {
                         polarPlotY: point.polarPlotY,
@@ -1629,11 +1665,7 @@
                         !connectEnds &&
                         !connectNulls &&
                         (!points[i - 1] || points[i - 1].isNull)) {
-                        highAreaPoints.push({
-                            plotX: point.plotX,
-                            plotY: point.plotY,
-                            doCurve: false // #5186, gaps in areasplinerange fill
-                        });
+                        highAreaPoints.push(highAreaPoint);
                     }
                 }
                 // Get the paths
@@ -1694,14 +1726,8 @@
                 // since we now have to loop over all the points multiple times to work
                 // around the data label logic.
                 if (isArray(dataLabelOptions)) {
-                    if (dataLabelOptions.length > 1) {
-                        upperDataLabelOptions = dataLabelOptions[0];
-                        lowerDataLabelOptions = dataLabelOptions[1];
-                    }
-                    else {
-                        upperDataLabelOptions = dataLabelOptions[0];
-                        lowerDataLabelOptions = { enabled: false };
-                    }
+                    upperDataLabelOptions = dataLabelOptions[0] || { enabled: false };
+                    lowerDataLabelOptions = dataLabelOptions[1] || { enabled: false };
                 }
                 else {
                     // Make copies
@@ -1815,8 +1841,7 @@
                 this.options.dataLabels = dataLabelOptions;
             },
             alignDataLabel: function () {
-                seriesTypes.column.prototype.alignDataLabel
-                    .apply(this, arguments);
+                columnProto.alignDataLabel.apply(this, arguments);
             },
             drawPoints: function () {
                 var series = this,
@@ -1977,6 +2002,12 @@
          * @requires  highcharts-more
          * @apioption series.arearange
          */
+        /**
+         * @see [fillColor](#series.arearange.fillColor)
+         * @see [fillOpacity](#series.arearange.fillOpacity)
+         *
+         * @apioption series.arearange.color
+         */
         /**
          * An array of data points for the series. For the `arearange` series type,
          * points can be given in the following ways:
@@ -2037,6 +2068,20 @@
          * @product   highcharts highstock
          * @apioption series.arearange.data.dataLabels
          */
+        /**
+         * @see [color](#series.arearange.color)
+         * @see [fillOpacity](#series.arearange.fillOpacity)
+         *
+         * @apioption series.arearange.fillColor
+         */
+        /**
+         * @see [color](#series.arearange.color)
+         * @see [fillColor](#series.arearange.fillColor)
+         *
+         * @default   {highcharts} 0.75
+         * @default   {highstock} 0.75
+         * @apioption series.arearange.fillOpacity
+         */
         /**
          * The high or maximum value for each data point.
          *
@@ -2054,7 +2099,7 @@
         ''; // adds doclets above to tranpiled file
 
     });
-    _registerModule(_modules, 'parts-more/AreaSplineRangeSeries.js', [_modules['parts/Globals.js'], _modules['parts/Utilities.js']], function (H, U) {
+    _registerModule(_modules, 'Series/AreaSplineRangeSeries.js', [_modules['Core/Series/Series.js']], function (BaseSeries) {
         /* *
          *
          *  (c) 2010-2020 Torstein Honsi
@@ -2064,8 +2109,6 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
-        var seriesType = U.seriesType;
-        var seriesTypes = H.seriesTypes;
         /**
          * The area spline range is a cartesian series type with higher and
          * lower Y values along an X axis. The area inside the range is colored, and
@@ -2076,24 +2119,51 @@
          *
          * @extends   plotOptions.arearange
          * @since     2.3.0
-         * @excluding step
+         * @excluding step, boostThreshold, boostBlending
          * @product   highcharts highstock
          * @requires  highcharts-more
          * @apioption plotOptions.areasplinerange
          */
-        seriesType('areasplinerange', 'arearange', null, {
-            getPointSpline: seriesTypes.spline.prototype.getPointSpline
+        BaseSeries.seriesType('areasplinerange', 'arearange', 
+        /**
+         * @see [fillColor](#plotOptions.areasplinerange.fillColor)
+         * @see [fillOpacity](#plotOptions.areasplinerange.fillOpacity)
+         *
+         * @apioption plotOptions.areasplinerange.color
+         */
+        /**
+         * @see [color](#plotOptions.areasplinerange.color)
+         * @see [fillOpacity](#plotOptions.areasplinerange.fillOpacity)
+         *
+         * @apioption plotOptions.areasplinerange.fillColor
+         */
+        /**
+         * @see [color](#plotOptions.areasplinerange.color)
+         * @see [fillColor](#plotOptions.areasplinerange.fillColor)
+         *
+         * @default   {highcharts} 0.75
+         * @default   {highstock} 0.75
+         * @apioption plotOptions.areasplinerange.fillOpacity
+         */
+        null, {
+            getPointSpline: BaseSeries.seriesTypes.spline.prototype.getPointSpline
         });
         /**
          * A `areasplinerange` series. If the [type](#series.areasplinerange.type)
          * option is not specified, it is inherited from [chart.type](#chart.type).
          *
          * @extends   series,plotOptions.areasplinerange
-         * @excluding dataParser, dataURL, stack, step
+         * @excluding dataParser, dataURL, stack, step, boostThreshold, boostBlending
          * @product   highcharts highstock
          * @requires  highcharts-more
          * @apioption series.areasplinerange
          */
+        /**
+         * @see [fillColor](#series.areasplinerange.fillColor)
+         * @see [fillOpacity](#series.areasplinerange.fillOpacity)
+         *
+         * @apioption series.areasplinerange.color
+         */
         /**
          * An array of data points for the series. For the `areasplinerange`
          * series type, points can be given in the following ways:
@@ -2148,10 +2218,24 @@
          * @product   highcharts highstock
          * @apioption series.areasplinerange.data
          */
+        /**
+         * @see [color](#series.areasplinerange.color)
+         * @see [fillOpacity](#series.areasplinerange.fillOpacity)
+         *
+         * @apioption series.areasplinerange.fillColor
+         */
+        /**
+         * @see [color](#series.areasplinerange.color)
+         * @see [fillColor](#series.areasplinerange.fillColor)
+         *
+         * @default   {highcharts} 0.75
+         * @default   {highstock} 0.75
+         * @apioption series.areasplinerange.fillOpacity
+         */
         ''; // adds doclets above to transpiled file
 
     });
-    _registerModule(_modules, 'parts-more/ColumnRangeSeries.js', [_modules['parts/Globals.js'], _modules['parts/Utilities.js']], function (H, U) {
+    _registerModule(_modules, 'Series/ColumnRangeSeries.js', [_modules['Core/Series/Series.js'], _modules['Core/Globals.js'], _modules['Core/Options.js'], _modules['Core/Utilities.js']], function (BaseSeries, H, O, U) {
         /* *
          *
          *  (c) 2010-2020 Torstein Honsi
@@ -2161,14 +2245,12 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
+        var noop = H.noop;
+        var defaultOptions = O.defaultOptions;
         var clamp = U.clamp,
             merge = U.merge,
-            pick = U.pick,
-            seriesType = U.seriesType;
-        var defaultPlotOptions = H.defaultPlotOptions,
-            noop = H.noop,
-            seriesTypes = H.seriesTypes;
-        var colProto = seriesTypes.column.prototype;
+            pick = U.pick;
+        var columnProto = BaseSeries.seriesTypes.column.prototype;
         /**
          * The column range is a cartesian series type with higher and lower
          * Y values along an X axis. To display horizontal bars, set
@@ -2218,7 +2300,7 @@
          *
          * @augments Highcharts.Series
          */
-        seriesType('columnrange', 'arearange', merge(defaultPlotOptions.column, defaultPlotOptions.arearange, columnRangeOptions), {
+        BaseSeries.seriesType('columnrange', 'arearange', merge(defaultOptions.plotOptions.column, defaultOptions.plotOptions.arearange, columnRangeOptions), {
             // eslint-disable-next-line valid-jsdoc
             /**
              * Translate data points from raw values x and y to plotX and plotY
@@ -2243,7 +2325,7 @@
                 function safeBounds(pixelPos) {
                     return clamp(pixelPos, -safeDistance, safeDistance);
                 }
-                colProto.translate.apply(series);
+                columnProto.translate.apply(series);
                 // Set plotLow and plotHigh
                 series.points.forEach(function (point) {
                     var shapeArgs = point.shapeArgs,
@@ -2297,34 +2379,34 @@
             getSymbol: noop,
             // Overrides from modules that may be loaded after this module
             crispCol: function () {
-                return colProto.crispCol.apply(this, arguments);
+                return columnProto.crispCol.apply(this, arguments);
             },
             drawPoints: function () {
-                return colProto.drawPoints.apply(this, arguments);
+                return columnProto.drawPoints.apply(this, arguments);
             },
             drawTracker: function () {
-                return colProto.drawTracker.apply(this, arguments);
+                return columnProto.drawTracker.apply(this, arguments);
             },
             getColumnMetrics: function () {
-                return colProto.getColumnMetrics.apply(this, arguments);
+                return columnProto.getColumnMetrics.apply(this, arguments);
             },
             pointAttribs: function () {
-                return colProto.pointAttribs.apply(this, arguments);
+                return columnProto.pointAttribs.apply(this, arguments);
             },
             animate: function () {
-                return colProto.animate.apply(this, arguments);
+                return columnProto.animate.apply(this, arguments);
             },
             polarArc: function () {
-                return colProto.polarArc.apply(this, arguments);
+                return columnProto.polarArc.apply(this, arguments);
             },
             translate3dPoints: function () {
-                return colProto.translate3dPoints.apply(this, arguments);
+                return columnProto.translate3dPoints.apply(this, arguments);
             },
             translate3dShapes: function () {
-                return colProto.translate3dShapes.apply(this, arguments);
+                return columnProto.translate3dShapes.apply(this, arguments);
             }
         }, {
-            setState: colProto.pointClass.prototype.setState
+            setState: columnProto.pointClass.prototype.setState
         });
         /**
          * A `columnrange` series. If the [type](#series.columnrange.type)
@@ -2410,7 +2492,7 @@
         ''; // adds doclets above into transpiled
 
     });
-    _registerModule(_modules, 'parts-more/ColumnPyramidSeries.js', [_modules['parts/Globals.js'], _modules['parts/Utilities.js']], function (H, U) {
+    _registerModule(_modules, 'Series/ColumnPyramidSeries.js', [_modules['Core/Series/Series.js'], _modules['Series/ColumnSeries.js'], _modules['Core/Utilities.js']], function (BaseSeries, ColumnSeries, U) {
         /* *
          *
          *  (c) 2010-2020 Sebastian Bochan
@@ -2420,11 +2502,9 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
+        var colProto = ColumnSeries.prototype;
         var clamp = U.clamp,
-            pick = U.pick,
-            seriesType = U.seriesType;
-        var seriesTypes = H.seriesTypes;
-        var colProto = seriesTypes.column.prototype;
+            pick = U.pick;
         /**
          * The ColumnPyramidSeries class
          *
@@ -2434,7 +2514,7 @@
          *
          * @augments Highcharts.Series
          */
-        seriesType('columnpyramid', 'column', 
+        BaseSeries.seriesType('columnpyramid', 'column', 
         /**
          * Column pyramid series display one pyramid per value along an X axis.
          * To display horizontal pyramids, set [chart.inverted](#chart.inverted) to
@@ -2452,7 +2532,7 @@
          * @product      highcharts highstock
          * @excluding    boostThreshold, borderRadius, crisp, depth, edgeColor,
          *               edgeWidth, groupZPadding, negativeColor, softThreshold,
-         *               threshold, zoneAxis, zones
+         *               threshold, zoneAxis, zones, boostBlending
          * @requires     highcharts-more
          * @optionparent plotOptions.columnpyramid
          */
@@ -2623,7 +2703,8 @@
          *
          * @extends   series,plotOptions.columnpyramid
          * @excluding connectEnds, connectNulls, dashStyle, dataParser, dataURL,
-         *            gapSize, gapUnit, linecap, lineWidth, marker, step
+         *            gapSize, gapUnit, linecap, lineWidth, marker, step,
+         *            boostThreshold, boostBlending
          * @product   highcharts highstock
          * @requires  highcharts-more
          * @apioption series.columnpyramid
@@ -2700,7 +2781,7 @@
         ''; // adds doclets above to transpiled file;
 
     });
-    _registerModule(_modules, 'parts-more/GaugeSeries.js', [_modules['parts/Globals.js'], _modules['parts/Utilities.js']], function (H, U) {
+    _registerModule(_modules, 'Series/GaugeSeries.js', [_modules['Core/Series/Series.js'], _modules['Core/Globals.js'], _modules['Core/Utilities.js']], function (BaseSeries, H, U) {
         /* *
          *
          *  (c) 2010-2020 Torstein Honsi
@@ -2710,14 +2791,13 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
+        var noop = H.noop;
         var clamp = U.clamp,
             isNumber = U.isNumber,
             merge = U.merge,
             pick = U.pick,
-            pInt = U.pInt,
-            seriesType = U.seriesType;
-        var noop = H.noop,
-            Series = H.Series,
+            pInt = U.pInt;
+        var Series = H.Series,
             TrackerMixin = H.TrackerMixin;
         /**
          * Gauges are circular plots displaying one or more values with a dial pointing
@@ -2731,12 +2811,13 @@
          *               connectEnds, connectNulls, cropThreshold, dashStyle, dragDrop,
          *               findNearestPointBy, getExtremesFromAll, marker, negativeColor,
          *               pointPlacement, shadow, softThreshold, stacking, states, step,
-         *               threshold, turboThreshold, xAxis, zoneAxis, zones, dataSorting
+         *               threshold, turboThreshold, xAxis, zoneAxis, zones, dataSorting,
+         *               boostBlending
          * @product      highcharts
          * @requires     highcharts-more
          * @optionparent plotOptions.gauge
          */
-        seriesType('gauge', 'line', {
+        BaseSeries.seriesType('gauge', 'line', {
             /**
              * When this option is `true`, the dial will wrap around the axes. For
              * instance, in a full-range gauge going from 0 to 360, a value of 400
@@ -3196,7 +3277,7 @@
          *            cropThreshold, dashStyle, dataParser, dataURL, findNearestPointBy,
          *            getExtremesFromAll, marker, negativeColor, pointPlacement, shadow,
          *            softThreshold, stack, stacking, states, step, threshold,
-         *            turboThreshold, zoneAxis, zones, dataSorting
+         *            turboThreshold, zoneAxis, zones, dataSorting, boostBlending
          * @product   highcharts
          * @requires  highcharts-more
          * @apioption series.gauge
@@ -3244,7 +3325,7 @@
         ''; // adds the doclets above in the transpiled file
 
     });
-    _registerModule(_modules, 'parts-more/BoxPlotSeries.js', [_modules['parts/Globals.js'], _modules['parts/Utilities.js']], function (H, U) {
+    _registerModule(_modules, 'Series/BoxPlotSeries.js', [_modules['Core/Series/Series.js'], _modules['Series/ColumnSeries.js'], _modules['Core/Globals.js'], _modules['Core/Utilities.js']], function (Series, ColumnSeries, H, U) {
         /* *
          *
          *  (c) 2010-2020 Torstein Honsi
@@ -3254,10 +3335,9 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
-        var pick = U.pick,
-            seriesType = U.seriesType;
-        var noop = H.noop,
-            seriesTypes = H.seriesTypes;
+        var columnProto = ColumnSeries.prototype;
+        var noop = H.noop;
+        var pick = U.pick;
         /**
          * The boxplot series type.
          *
@@ -3277,12 +3357,13 @@
          *         Box plot
          *
          * @extends      plotOptions.column
-         * @excluding    borderColor, borderRadius, borderWidth, groupZPadding, states
+         * @excluding    borderColor, borderRadius, borderWidth, groupZPadding, states,
+         *               boostThreshold, boostBlending
          * @product      highcharts
          * @requires     highcharts-more
          * @optionparent plotOptions.boxplot
          */
-        seriesType('boxplot', 'column', {
+        Series.seriesType('boxplot', 'column', {
             threshold: null,
             tooltip: {
                 pointFormat: '<span style="color:{point.color}">\u25CF</span> <b> ' +
@@ -3338,8 +3419,8 @@
              */
             lineWidth: 1,
             /**
-             * The color of the median line. If `undefined`, the general series color
-             * applies.
+             * The color of the median line. If `undefined`, the general series
+             * color applies.
              *
              * In styled mode, the median stroke width can be set with the
              * `.highcharts-boxplot-median` class.
@@ -3518,7 +3599,9 @@
              * @product highcharts
              */
             whiskerWidth: 2
-        }, /** @lends Highcharts.seriesTypes.boxplot */ {
+        }, 
+        /** @lends Highcharts.seriesTypes.boxplot */
+        {
             // array point configs are mapped to this
             pointArrayMap: ['low', 'q1', 'median', 'q3', 'high'],
             // return a plain array for speedy calculation
@@ -3539,7 +3622,7 @@
                 var series = this,
                     yAxis = series.yAxis,
                     pointArrayMap = series.pointArrayMap;
-                seriesTypes.column.prototype.translate.apply(series);
+                columnProto.translate.apply(series);
                 // do the translation on each point dimension
                 series.points.forEach(function (point) {
                     pointArrayMap.forEach(function (key) {
@@ -3725,7 +3808,8 @@
          * not specified, it is inherited from [chart.type](#chart.type).
          *
          * @extends   series,plotOptions.boxplot
-         * @excluding dataParser, dataURL, marker, stack, stacking, states
+         * @excluding dataParser, dataURL, marker, stack, stacking, states,
+         *            boostThreshold, boostBlending
          * @product   highcharts
          * @requires  highcharts-more
          * @apioption series.boxplot
@@ -3889,7 +3973,7 @@
         ''; // adds doclets above to transpiled file
 
     });
-    _registerModule(_modules, 'parts-more/ErrorBarSeries.js', [_modules['parts/Globals.js'], _modules['parts/Utilities.js']], function (H, U) {
+    _registerModule(_modules, 'Series/ErrorBarSeries.js', [_modules['Core/Series/Series.js'], _modules['Core/Globals.js']], function (BaseSeries, H) {
         /* *
          *
          *  (c) 2010-2020 Torstein Honsi
@@ -3899,9 +3983,8 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
-        var seriesType = U.seriesType;
         var noop = H.noop,
-            seriesTypes = H.seriesTypes;
+            seriesTypes = BaseSeries.seriesTypes;
         /**
          * Error bars are a graphical representation of the variability of data and are
          * used on graphs to indicate the error, or uncertainty in a reported
@@ -3913,11 +3996,12 @@
          *         Error bars on a scatter series
          *
          * @extends      plotOptions.boxplot
+         * @excluding    boostBlending, boostThreshold
          * @product      highcharts highstock
          * @requires     highcharts-more
          * @optionparent plotOptions.errorbar
          */
-        seriesType('errorbar', 'boxplot', {
+        BaseSeries.seriesType('errorbar', 'boxplot', {
             /**
              * The main color of the bars. This can be overridden by
              * [stemColor](#plotOptions.errorbar.stemColor) and
@@ -3991,7 +4075,8 @@
          * is not specified, it is inherited from [chart.type](#chart.type).
          *
          * @extends   series,plotOptions.errorbar
-         * @excluding dataParser, dataURL, stack, stacking
+         * @excluding dataParser, dataURL, stack, stacking, boostThreshold,
+         *            boostBlending
          * @product   highcharts
          * @requires  highcharts-more
          * @apioption series.errorbar
@@ -4054,7 +4139,7 @@
         ''; // adds doclets above to transpiled file
 
     });
-    _registerModule(_modules, 'parts-more/WaterfallSeries.js', [_modules['parts/Globals.js'], _modules['parts/Point.js'], _modules['parts/Utilities.js'], _modules['parts/Stacking.js']], function (H, Point, U, StackItem) {
+    _registerModule(_modules, 'Series/WaterfallSeries.js', [_modules['Core/Axis/Axis.js'], _modules['Core/Series/Series.js'], _modules['Core/Chart/Chart.js'], _modules['Core/Globals.js'], _modules['Core/Series/Point.js'], _modules['Extensions/Stacking.js'], _modules['Core/Utilities.js']], function (Axis, BaseSeries, Chart, H, Point, StackItem, U) {
         /* *
          *
          *  (c) 2010-2020 Torstein Honsi
@@ -4064,18 +4149,15 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
+        var seriesTypes = BaseSeries.seriesTypes;
         var addEvent = U.addEvent,
             arrayMax = U.arrayMax,
             arrayMin = U.arrayMin,
             correctFloat = U.correctFloat,
             isNumber = U.isNumber,
             objectEach = U.objectEach,
-            pick = U.pick,
-            seriesType = U.seriesType;
-        var Axis = H.Axis,
-            Chart = H.Chart,
-            Series = H.Series,
-            seriesTypes = H.seriesTypes;
+            pick = U.pick;
+        var Series = H.Series;
         /**
          * Returns true if the key is a direct property of the object.
          * @private
@@ -4086,71 +4168,143 @@
         function ownProp(obj, key) {
             return Object.hasOwnProperty.call(obj, key);
         }
-        /* eslint-disable no-invalid-this */
-        addEvent(Axis, 'afterInit', function () {
-            if (!this.isXAxis) {
-                this.waterfallStacks = {
-                    changed: false
+        /**
+         * @private
+         */
+        var WaterfallAxis;
+        (function (WaterfallAxis) {
+            /* *
+             *
+             *  Interfaces
+             *
+             * */
+            /* *
+             *
+             *  Classes
+             *
+             * */
+            /**
+             * @private
+             */
+            var Composition = /** @class */ (function () {
+                    /* *
+                     *
+                     *  Constructors
+                     *
+                     * */
+                    /**
+                     * @private
+                     */
+                    function Composition(axis) {
+                        this.axis = axis;
+                    this.stacks = {
+                        changed: false
+                    };
+                }
+                /* *
+                 *
+                 *  Functions
+                 *
+                 * */
+                /**
+                 * Calls StackItem.prototype.render function that creates and renders
+                 * stack total label for each waterfall stack item.
+                 *
+                 * @private
+                 * @function Highcharts.Axis#renderWaterfallStackTotals
+                 */
+                Composition.prototype.renderStackTotals = function () {
+                    var yAxis = this.axis,
+                        waterfallStacks = yAxis.waterfall.stacks,
+                        stackTotalGroup = yAxis.stacking && yAxis.stacking.stackTotalGroup,
+                        dummyStackItem = new StackItem(yAxis,
+                        yAxis.options.stackLabels,
+                        false, 0,
+                        void 0);
+                    this.dummyStackItem = dummyStackItem;
+                    // Render each waterfall stack total
+                    objectEach(waterfallStacks, function (type) {
+                        objectEach(type, function (stackItem) {
+                            dummyStackItem.total = stackItem.stackTotal;
+                            if (stackItem.label) {
+                                dummyStackItem.label = stackItem.label;
+                            }
+                            StackItem.prototype.render.call(dummyStackItem, stackTotalGroup);
+                            stackItem.label = dummyStackItem.label;
+                            delete dummyStackItem.label;
+                        });
+                    });
+                    dummyStackItem.total = null;
                 };
+                return Composition;
+            }());
+            WaterfallAxis.Composition = Composition;
+            /* *
+             *
+             *  Functions
+             *
+             * */
+            /**
+             * @private
+             */
+            function compose(AxisClass, ChartClass) {
+                addEvent(AxisClass, 'init', onInit);
+                addEvent(AxisClass, 'afterBuildStacks', onAfterBuildStacks);
+                addEvent(AxisClass, 'afterRender', onAfterRender);
+                addEvent(ChartClass, 'beforeRedraw', onBeforeRedraw);
             }
-        });
-        addEvent(Axis, 'afterBuildStacks', function () {
-            this.waterfallStacks.changed = false;
-            delete this.waterfallStacks.alreadyChanged;
-        });
-        addEvent(Chart, 'beforeRedraw', function () {
-            var axes = this.axes,
-                series = this.series,
-                i = series.length;
-            while (i--) {
-                if (series[i].options.stacking) {
-                    axes.forEach(function (axis) {
-                        if (!axis.isXAxis) {
-                            axis.waterfallStacks.changed = true;
-                        }
-                    });
-                    i = 0;
+            WaterfallAxis.compose = compose;
+            /**
+             * @private
+             */
+            function onAfterBuildStacks() {
+                var axis = this;
+                var stacks = axis.waterfall.stacks;
+                if (stacks) {
+                    stacks.changed = false;
+                    delete stacks.alreadyChanged;
                 }
             }
-        });
-        addEvent(Axis, 'afterRender', function () {
-            var stackLabelOptions = this.options.stackLabels;
-            if (stackLabelOptions && stackLabelOptions.enabled &&
-                this.waterfallStacks) {
-                this.renderWaterfallStackTotals();
+            /**
+             * @private
+             */
+            function onAfterRender() {
+                var axis = this;
+                var stackLabelOptions = axis.options.stackLabels;
+                if (stackLabelOptions && stackLabelOptions.enabled &&
+                    axis.waterfall.stacks) {
+                    axis.waterfall.renderStackTotals();
+                }
             }
-        });
+            /**
+             * @private
+             */
+            function onBeforeRedraw() {
+                var axes = this.axes,
+                    series = this.series,
+                    i = series.length;
+                while (i--) {
+                    if (series[i].options.stacking) {
+                        axes.forEach(function (axis) {
+                            if (!axis.isXAxis) {
+                                axis.waterfall.stacks.changed = true;
+                            }
+                        });
+                        i = 0;
+                    }
+                }
+            }
+            /**
+             * @private
+             */
+            function onInit() {
+                var axis = this;
+                if (!axis.waterfall) {
+                    axis.waterfall = new Composition(axis);
+                }
+            }
+        })(WaterfallAxis || (WaterfallAxis = {}));
         // eslint-disable-next-line valid-jsdoc
-        /**
-         * Calls StackItem.prototype.render function that creates and renders stack
-         * total label for each waterfall stack item.
-         *
-         * @private
-         * @function Highcharts.Axis#renderWaterfallStackTotals
-         */
-        Axis.prototype.renderWaterfallStackTotals = function () {
-            var yAxis = this,
-                waterfallStacks = yAxis.waterfallStacks,
-                stackTotalGroup = yAxis.stacking && yAxis.stacking.stackTotalGroup,
-                dummyStackItem = new StackItem(yAxis,
-                yAxis.options.stackLabels,
-                false, 0,
-                void 0);
-            yAxis.dummyStackItem = dummyStackItem;
-            // Render each waterfall stack total
-            objectEach(waterfallStacks, function (type) {
-                objectEach(type, function (stackItem) {
-                    dummyStackItem.total = stackItem.stackTotal;
-                    if (stackItem.label) {
-                        dummyStackItem.label = stackItem.label;
-                    }
-                    StackItem.prototype.render.call(dummyStackItem, stackTotalGroup);
-                    stackItem.label = dummyStackItem.label;
-                    delete dummyStackItem.label;
-                });
-            });
-            dummyStackItem.total = null;
-        };
         /**
          * A waterfall chart displays sequentially introduced positive or negative
          * values in cumulative columns.
@@ -4163,11 +4317,12 @@
          *         Stacked waterfall chart
          *
          * @extends      plotOptions.column
+         * @excluding    boostThreshold, boostBlending
          * @product      highcharts
          * @requires     highcharts-more
          * @optionparent plotOptions.waterfall
          */
-        seriesType('waterfall', 'column', {
+        BaseSeries.seriesType('waterfall', 'column', {
             /**
              * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
              * @apioption plotOptions.waterfall.color
@@ -4280,7 +4435,7 @@
                     threshold = options.threshold,
                     stacking = options.stacking,
                     tooltipY,
-                    actualStack = yAxis.waterfallStacks[series.stackKey],
+                    actualStack = yAxis.waterfall.stacks[series.stackKey],
                     actualStackX,
                     dummyStackItem,
                     total,
@@ -4362,7 +4517,7 @@
                             shapeArgs.height = Math.abs(shapeArgs.y -
                                 yAxis.translate(hPos, 0, 1, 0, 1));
                         }
-                        dummyStackItem = yAxis.dummyStackItem;
+                        dummyStackItem = yAxis.waterfall.dummyStackItem;
                         if (dummyStackItem) {
                             dummyStackItem.x = i;
                             dummyStackItem.label = actualStack[i].label;
@@ -4553,7 +4708,7 @@
                     pointArgs = data[i].shapeArgs;
                     prevPoint = data[i - 1];
                     prevArgs = data[i - 1].shapeArgs;
-                    prevStack = yAxis.waterfallStacks[this.stackKey];
+                    prevStack = yAxis.waterfall.stacks[this.stackKey];
                     isPos = prevPoint.y > 0 ? -prevArgs.height : 0;
                     if (prevStack && prevArgs && pointArgs) {
                         prevStackX = prevStack[i - 1];
@@ -4607,7 +4762,7 @@
             setStackedPoints: function () {
                 var series = this,
                     options = series.options,
-                    waterfallStacks = series.yAxis.waterfallStacks,
+                    waterfallStacks = series.yAxis.waterfall.stacks,
                     seriesThreshold = options.threshold,
                     stackThreshold = seriesThreshold || 0,
                     interSum = stackThreshold,
@@ -4737,7 +4892,7 @@
                     stackedYPos;
                 if (stacking) {
                     yAxis = this.yAxis;
-                    waterfallStacks = yAxis.waterfallStacks;
+                    waterfallStacks = yAxis.waterfall.stacks;
                     stackedYNeg = this.stackedYNeg = [];
                     stackedYPos = this.stackedYPos = [];
                     // the visible y range can be different when stacking is set to
@@ -4790,7 +4945,7 @@
          * is not specified, it is inherited from [chart.type](#chart.type).
          *
          * @extends   series,plotOptions.waterfall
-         * @excluding dataParser, dataURL
+         * @excluding dataParser, dataURL, boostThreshold, boostBlending
          * @product   highcharts
          * @requires  highcharts-more
          * @apioption series.waterfall
@@ -4881,9 +5036,11 @@
          * @apioption series.waterfall.data.isSum
          */
         ''; // adds doclets above to transpiled file
+        WaterfallAxis.compose(Axis, Chart);
 
+        return WaterfallAxis;
     });
-    _registerModule(_modules, 'parts-more/PolygonSeries.js', [_modules['parts/Globals.js'], _modules['mixins/legend-symbol.js'], _modules['parts/Utilities.js']], function (H, LegendSymbolMixin, U) {
+    _registerModule(_modules, 'Series/PolygonSeries.js', [_modules['Core/Series/Series.js'], _modules['Core/Globals.js'], _modules['Mixins/LegendSymbol.js']], function (BaseSeries, H, LegendSymbolMixin) {
         /* *
          *
          *  (c) 2010-2020 Torstein Honsi
@@ -4893,10 +5050,9 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
-        var seriesType = U.seriesType;
-        var noop = H.noop,
-            Series = H.Series,
-            seriesTypes = H.seriesTypes;
+        var seriesTypes = BaseSeries.seriesTypes;
+        var noop = H.noop;
+        var Series = H.Series;
         /**
          * A polygon series can be used to draw any freeform shape in the cartesian
          * coordinate system. A fill is applied with the `color` option, and
@@ -4909,12 +5065,13 @@
          *
          * @extends      plotOptions.scatter
          * @since        4.1.0
-         * @excluding    jitter, softThreshold, threshold, cluster
+         * @excluding    jitter, softThreshold, threshold, cluster, boostThreshold,
+         *               boostBlending
          * @product      highcharts highstock
          * @requires     highcharts-more
          * @optionparent plotOptions.polygon
          */
-        seriesType('polygon', 'scatter', {
+        BaseSeries.seriesType('polygon', 'scatter', {
             marker: {
                 enabled: false,
                 states: {
@@ -4958,7 +5115,7 @@
          * not specified, it is inherited from [chart.type](#chart.type).
          *
          * @extends   series,plotOptions.polygon
-         * @excluding dataParser, dataURL, stack
+         * @excluding dataParser, dataURL, stack, boostThreshold, boostBlending
          * @product   highcharts highstock
          * @requires  highcharts-more
          * @apioption series.polygon
@@ -5025,7 +5182,7 @@
         ''; // adds doclets above to transpiled file
 
     });
-    _registerModule(_modules, 'parts-more/BubbleLegend.js', [_modules['parts/Globals.js'], _modules['parts/Color.js'], _modules['parts/Legend.js'], _modules['parts/Utilities.js']], function (H, Color, Legend, U) {
+    _registerModule(_modules, 'Series/Bubble/BubbleLegend.js', [_modules['Core/Chart/Chart.js'], _modules['Core/Color/Color.js'], _modules['Core/Globals.js'], _modules['Core/Legend.js'], _modules['Core/Utilities.js']], function (Chart, Color, H, Legend, U) {
         /* *
          *
          *  (c) 2010-2020 Highsoft AS
@@ -5037,6 +5194,17 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
+        var color = Color.parse;
+        var addEvent = U.addEvent,
+            arrayMax = U.arrayMax,
+            arrayMin = U.arrayMin,
+            isNumber = U.isNumber,
+            merge = U.merge,
+            objectEach = U.objectEach,
+            pick = U.pick,
+            setOptions = U.setOptions,
+            stableSort = U.stableSort,
+            wrap = U.wrap;
         /**
          * @interface Highcharts.BubbleLegendFormatterContextObject
          */ /**
@@ -5053,20 +5221,8 @@
         * @type {number}
         */
         ''; // detach doclets above
-        var color = Color.parse;
-        var addEvent = U.addEvent,
-            arrayMax = U.arrayMax,
-            arrayMin = U.arrayMin,
-            isNumber = U.isNumber,
-            merge = U.merge,
-            objectEach = U.objectEach,
-            pick = U.pick,
-            stableSort = U.stableSort,
-            wrap = U.wrap;
         var Series = H.Series,
-            Chart = H.Chart,
-            noop = H.noop,
-            setOptions = H.setOptions;
+            noop = H.noop;
         setOptions({
             legend: {
                 /**
@@ -5087,7 +5243,7 @@
                      * individual range.
                      *
                      * @sample highcharts/bubble-legend/similartoseries/
-                     *         Similat look to the bubble series
+                     *         Similar look to the bubble series
                      * @sample highcharts/bubble-legend/bordercolor/
                      *         Individual bubble border color
                      *
@@ -5115,7 +5271,7 @@
                      * individual color is not defined.
                      *
                      * @sample highcharts/bubble-legend/similartoseries/
-                     *         Similat look to the bubble series
+                     *         Similar look to the bubble series
                      * @sample highcharts/bubble-legend/color/
                      *         Individual bubble color
                      *
@@ -6042,7 +6198,7 @@
 
         return H.BubbleLegend;
     });
-    _registerModule(_modules, 'parts-more/BubbleSeries.js', [_modules['parts/Globals.js'], _modules['parts/Color.js'], _modules['parts/Point.js'], _modules['parts/Utilities.js']], function (H, Color, Point, U) {
+    _registerModule(_modules, 'Series/Bubble/BubbleSeries.js', [_modules['Core/Axis/Axis.js'], _modules['Core/Series/Series.js'], _modules['Core/Color/Color.js'], _modules['Core/Globals.js'], _modules['Core/Series/Point.js'], _modules['Core/Utilities.js']], function (Axis, BaseSeries, Color, H, Point, U) {
         /* *
          *
          *  (c) 2010-2020 Torstein Honsi
@@ -6052,22 +6208,21 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
-        /**
-         * @typedef {"area"|"width"} Highcharts.BubbleSizeByValue
-         */
         var color = Color.parse;
+        var noop = H.noop;
         var arrayMax = U.arrayMax,
             arrayMin = U.arrayMin,
             clamp = U.clamp,
             extend = U.extend,
             isNumber = U.isNumber,
             pick = U.pick,
-            pInt = U.pInt,
-            seriesType = U.seriesType;
-        var Axis = H.Axis,
-            noop = H.noop,
-            Series = H.Series,
-            seriesTypes = H.seriesTypes;
+            pInt = U.pInt;
+        var Series = H.Series,
+            seriesTypes = BaseSeries.seriesTypes;
+        /**
+         * @typedef {"area"|"width"} Highcharts.BubbleSizeByValue
+         */
+        ''; // detach doclets above
         /**
          * A bubble series is a three dimensional series type where each point renders
          * an X, Y and Z value. Each points is drawn as a bubble where the position
@@ -6083,7 +6238,7 @@
          * @requires     highcharts-more
          * @optionparent plotOptions.bubble
          */
-        seriesType('bubble', 'scatter', {
+        BaseSeries.seriesType('bubble', 'scatter', {
             dataLabels: {
                 formatter: function () {
                     return this.point.z;
@@ -6393,24 +6548,19 @@
                     this.points.length < this.options.animationLimit // #8099
                 ) {
                     this.points.forEach(function (point) {
-                        var graphic = point.graphic,
-                            animationTarget;
+                        var graphic = point.graphic;
                         if (graphic && graphic.width) { // URL symbols don't have width
-                            animationTarget = {
-                                x: graphic.x,
-                                y: graphic.y,
-                                width: graphic.width,
-                                height: graphic.height
-                            };
                             // Start values
-                            graphic.attr({
-                                x: point.plotX,
-                                y: point.plotY,
-                                width: 1,
-                                height: 1
-                            });
+                            if (!this.hasRendered) {
+                                graphic.attr({
+                                    x: point.plotX,
+                                    y: point.plotY,
+                                    width: 1,
+                                    height: 1
+                                });
+                            }
                             // Run animation
-                            graphic.animate(animationTarget, this.options.animation);
+                            graphic.animate(this.markerAttribs(point), this.options.animation);
                         }
                     }, this);
                 }
@@ -6652,7 +6802,7 @@
         ''; // adds doclets above to transpiled file
 
     });
-    _registerModule(_modules, 'modules/networkgraph/integrations.js', [_modules['parts/Globals.js']], function (H) {
+    _registerModule(_modules, 'Series/Networkgraph/DraggableNodes.js', [_modules['Core/Chart/Chart.js'], _modules['Core/Globals.js'], _modules['Core/Utilities.js']], function (Chart, H, U) {
         /* *
          *
          *  Networkgraph series
@@ -6664,55 +6814,200 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
+        var addEvent = U.addEvent;
         /* eslint-disable no-invalid-this, valid-jsdoc */
-        H.networkgraphIntegrations = {
-            verlet: {
-                /**
-                 * Attractive force funtion. Can be replaced by API's
-                 * `layoutAlgorithm.attractiveForce`
-                 *
-                 * @private
-                 * @param {number} d current distance between two nodes
-                 * @param {number} k expected distance between two nodes
-                 * @return {number} force
-                 */
-                attractiveForceFunction: function (d, k) {
-                    // Used in API:
-                    return (k - d) / d;
-                },
-                /**
-                 * Repulsive force funtion. Can be replaced by API's
-                 * `layoutAlgorithm.repulsiveForce`
-                 *
-                 * @private
-                 * @param {number} d current distance between two nodes
-                 * @param {number} k expected distance between two nodes
-                 * @return {number} force
-                 */
-                repulsiveForceFunction: function (d, k) {
-                    // Used in API:
-                    return (k - d) / d * (k > d ? 1 : 0); // Force only for close nodes
-                },
-                /**
-                 * Barycenter force. Calculate and applys barycenter forces on the
-                 * nodes. Making them closer to the center of their barycenter point.
-                 *
-                 * In Verlet integration, force is applied on a node immidatelly to it's
-                 * `plotX` and `plotY` position.
-                 *
-                 * @private
-                 * @return {void}
-                 */
-                barycenter: function () {
-                    var gravitationalConstant = this.options.gravitationalConstant,
-                        xFactor = this.barycenter.xFactor,
-                        yFactor = this.barycenter.yFactor;
-                    // To consider:
-                    xFactor = (xFactor - (this.box.left + this.box.width) / 2) *
-                        gravitationalConstant;
-                    yFactor = (yFactor - (this.box.top + this.box.height) / 2) *
-                        gravitationalConstant;
-                    this.nodes.forEach(function (node) {
+        H.dragNodesMixin = {
+            /**
+             * Mouse down action, initializing drag&drop mode.
+             *
+             * @private
+             * @param {Highcharts.Point} point The point that event occured.
+             * @param {Highcharts.PointerEventObject} event Browser event, before normalization.
+             * @return {void}
+             */
+            onMouseDown: function (point, event) {
+                var normalizedEvent = this.chart.pointer.normalize(event);
+                point.fixedPosition = {
+                    chartX: normalizedEvent.chartX,
+                    chartY: normalizedEvent.chartY,
+                    plotX: point.plotX,
+                    plotY: point.plotY
+                };
+                point.inDragMode = true;
+            },
+            /**
+             * Mouse move action during drag&drop.
+             *
+             * @private
+             *
+             * @param {global.Event} event Browser event, before normalization.
+             * @param {Highcharts.Point} point The point that event occured.
+             *
+             * @return {void}
+             */
+            onMouseMove: function (point, event) {
+                if (point.fixedPosition && point.inDragMode) {
+                    var series = this,
+                        chart = series.chart,
+                        normalizedEvent = chart.pointer.normalize(event),
+                        diffX = point.fixedPosition.chartX - normalizedEvent.chartX,
+                        diffY = point.fixedPosition.chartY - normalizedEvent.chartY,
+                        newPlotX,
+                        newPlotY,
+                        graphLayoutsLookup = chart.graphLayoutsLookup;
+                    // At least 5px to apply change (avoids simple click):
+                    if (Math.abs(diffX) > 5 || Math.abs(diffY) > 5) {
+                        newPlotX = point.fixedPosition.plotX - diffX;
+                        newPlotY = point.fixedPosition.plotY - diffY;
+                        if (chart.isInsidePlot(newPlotX, newPlotY)) {
+                            point.plotX = newPlotX;
+                            point.plotY = newPlotY;
+                            point.hasDragged = true;
+                            this.redrawHalo(point);
+                            graphLayoutsLookup.forEach(function (layout) {
+                                layout.restartSimulation();
+                            });
+                        }
+                    }
+                }
+            },
+            /**
+             * Mouse up action, finalizing drag&drop.
+             *
+             * @private
+             * @param {Highcharts.Point} point The point that event occured.
+             * @return {void}
+             */
+            onMouseUp: function (point, event) {
+                if (point.fixedPosition) {
+                    if (point.hasDragged) {
+                        if (this.layout.enableSimulation) {
+                            this.layout.start();
+                        }
+                        else {
+                            this.chart.redraw();
+                        }
+                    }
+                    point.inDragMode = point.hasDragged = false;
+                    if (!this.options.fixedDraggable) {
+                        delete point.fixedPosition;
+                    }
+                }
+            },
+            // Draggable mode:
+            /**
+             * Redraw halo on mousemove during the drag&drop action.
+             *
+             * @private
+             * @param {Highcharts.Point} point The point that should show halo.
+             * @return {void}
+             */
+            redrawHalo: function (point) {
+                if (point && this.halo) {
+                    this.halo.attr({
+                        d: point.haloPath(this.options.states.hover.halo.size)
+                    });
+                }
+            }
+        };
+        /*
+         * Draggable mode:
+         */
+        addEvent(Chart, 'load', function () {
+            var chart = this,
+                mousedownUnbinder,
+                mousemoveUnbinder,
+                mouseupUnbinder;
+            if (chart.container) {
+                mousedownUnbinder = addEvent(chart.container, 'mousedown', function (event) {
+                    var point = chart.hoverPoint;
+                    if (point &&
+                        point.series &&
+                        point.series.hasDraggableNodes &&
+                        point.series.options.draggable) {
+                        point.series.onMouseDown(point, event);
+                        mousemoveUnbinder = addEvent(chart.container, 'mousemove', function (e) {
+                            return point &&
+                                point.series &&
+                                point.series.onMouseMove(point, e);
+                        });
+                        mouseupUnbinder = addEvent(chart.container.ownerDocument, 'mouseup', function (e) {
+                            mousemoveUnbinder();
+                            mouseupUnbinder();
+                            return point &&
+                                point.series &&
+                                point.series.onMouseUp(point, e);
+                        });
+                    }
+                });
+            }
+            addEvent(chart, 'destroy', function () {
+                mousedownUnbinder();
+            });
+        });
+
+    });
+    _registerModule(_modules, 'Series/Networkgraph/Integrations.js', [_modules['Core/Globals.js']], function (H) {
+        /* *
+         *
+         *  Networkgraph series
+         *
+         *  (c) 2010-2020 Paweł Fus
+         *
+         *  License: www.highcharts.com/license
+         *
+         *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+         *
+         * */
+        /* eslint-disable no-invalid-this, valid-jsdoc */
+        H.networkgraphIntegrations = {
+            verlet: {
+                /**
+                 * Attractive force funtion. Can be replaced by API's
+                 * `layoutAlgorithm.attractiveForce`
+                 *
+                 * @private
+                 * @param {number} d current distance between two nodes
+                 * @param {number} k expected distance between two nodes
+                 * @return {number} force
+                 */
+                attractiveForceFunction: function (d, k) {
+                    // Used in API:
+                    return (k - d) / d;
+                },
+                /**
+                 * Repulsive force funtion. Can be replaced by API's
+                 * `layoutAlgorithm.repulsiveForce`
+                 *
+                 * @private
+                 * @param {number} d current distance between two nodes
+                 * @param {number} k expected distance between two nodes
+                 * @return {number} force
+                 */
+                repulsiveForceFunction: function (d, k) {
+                    // Used in API:
+                    return (k - d) / d * (k > d ? 1 : 0); // Force only for close nodes
+                },
+                /**
+                 * Barycenter force. Calculate and applys barycenter forces on the
+                 * nodes. Making them closer to the center of their barycenter point.
+                 *
+                 * In Verlet integration, force is applied on a node immidatelly to it's
+                 * `plotX` and `plotY` position.
+                 *
+                 * @private
+                 * @return {void}
+                 */
+                barycenter: function () {
+                    var gravitationalConstant = this.options.gravitationalConstant,
+                        xFactor = this.barycenter.xFactor,
+                        yFactor = this.barycenter.yFactor;
+                    // To consider:
+                    xFactor = (xFactor - (this.box.left + this.box.width) / 2) *
+                        gravitationalConstant;
+                    yFactor = (yFactor - (this.box.top + this.box.height) / 2) *
+                        gravitationalConstant;
+                    this.nodes.forEach(function (node) {
                         if (!node.fixedPosition) {
                             node.plotX -=
                                 xFactor / node.mass / node.degree;
@@ -7030,7 +7325,7 @@
         };
 
     });
-    _registerModule(_modules, 'modules/networkgraph/QuadTree.js', [_modules['parts/Globals.js'], _modules['parts/Utilities.js']], function (H, U) {
+    _registerModule(_modules, 'Series/Networkgraph/QuadTree.js', [_modules['Core/Globals.js'], _modules['Core/Utilities.js']], function (H, U) {
         /* *
          *
          *  Networkgraph series
@@ -7392,7 +7687,7 @@
         });
 
     });
-    _registerModule(_modules, 'modules/networkgraph/layouts.js', [_modules['parts/Globals.js'], _modules['parts/Utilities.js']], function (H, U) {
+    _registerModule(_modules, 'Series/Networkgraph/Layouts.js', [_modules['Core/Chart/Chart.js'], _modules['Core/Animation/AnimationUtilities.js'], _modules['Core/Globals.js'], _modules['Core/Utilities.js']], function (Chart, A, H, U) {
         /* *
          *
          *  Networkgraph series
@@ -7404,15 +7699,13 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
+        var setAnimation = A.setAnimation;
         var addEvent = U.addEvent,
-            merge = U.merge,
             clamp = U.clamp,
             defined = U.defined,
             extend = U.extend,
             isFunction = U.isFunction,
-            pick = U.pick,
-            setAnimation = U.setAnimation;
-        var Chart = H.Chart;
+            pick = U.pick;
         /* eslint-disable no-invalid-this, valid-jsdoc */
         H.layouts = {
             'reingold-fruchterman': function () {
@@ -7553,6 +7846,30 @@
                 this.setTemperature();
                 this.setDiffTemperature();
             },
+            restartSimulation: function () {
+                if (!this.simulation) {
+                    // When dragging nodes, we don't need to calculate
+                    // initial positions and rendering nodes:
+                    this.setInitialRendering(false);
+                    // Start new simulation:
+                    if (!this.enableSimulation) {
+                        // Run only one iteration to speed things up:
+                        this.setMaxIterations(1);
+                    }
+                    else {
+                        this.start();
+                    }
+                    if (this.chart) {
+                        this.chart.redraw();
+                    }
+                    // Restore defaults:
+                    this.setInitialRendering(true);
+                }
+                else {
+                    // Extend current simulation:
+                    this.resetSimulation();
+                }
+            },
             setMaxIterations: function (maxIterations) {
                 this.maxIterations = pick(maxIterations, this.options.maxIterations);
             },
@@ -7933,182 +8250,26 @@
         });
         // disable simulation before print if enabled
         addEvent(Chart, 'beforePrint', function () {
-            this.graphLayoutsLookup.forEach(function (layout) {
-                layout.updateSimulation(false);
-            });
-            this.redraw();
+            if (this.graphLayoutsLookup) {
+                this.graphLayoutsLookup.forEach(function (layout) {
+                    layout.updateSimulation(false);
+                });
+                this.redraw();
+            }
         });
         // re-enable simulation after print
         addEvent(Chart, 'afterPrint', function () {
-            this.graphLayoutsLookup.forEach(function (layout) {
-                // return to default simulation
-                layout.updateSimulation();
-            });
-            this.redraw();
-        });
-
-    });
-    _registerModule(_modules, 'modules/networkgraph/draggable-nodes.js', [_modules['parts/Globals.js'], _modules['parts/Utilities.js']], function (H, U) {
-        /* *
-         *
-         *  Networkgraph series
-         *
-         *  (c) 2010-2020 Paweł Fus
-         *
-         *  License: www.highcharts.com/license
-         *
-         *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
-         *
-         * */
-        var addEvent = U.addEvent;
-        var Chart = H.Chart;
-        /* eslint-disable no-invalid-this, valid-jsdoc */
-        H.dragNodesMixin = {
-            /**
-             * Mouse down action, initializing drag&drop mode.
-             *
-             * @private
-             * @param {Highcharts.Point} point The point that event occured.
-             * @param {Highcharts.PointerEventObject} event Browser event, before normalization.
-             * @return {void}
-             */
-            onMouseDown: function (point, event) {
-                var normalizedEvent = this.chart.pointer.normalize(event);
-                point.fixedPosition = {
-                    chartX: normalizedEvent.chartX,
-                    chartY: normalizedEvent.chartY,
-                    plotX: point.plotX,
-                    plotY: point.plotY
-                };
-                point.inDragMode = true;
-            },
-            /**
-             * Mouse move action during drag&drop.
-             *
-             * @private
-             *
-             * @param {global.Event} event Browser event, before normalization.
-             * @param {Highcharts.Point} point The point that event occured.
-             *
-             * @return {void}
-             */
-            onMouseMove: function (point, event) {
-                if (point.fixedPosition && point.inDragMode) {
-                    var series = this,
-                        chart = series.chart,
-                        normalizedEvent = chart.pointer.normalize(event),
-                        diffX = point.fixedPosition.chartX - normalizedEvent.chartX,
-                        diffY = point.fixedPosition.chartY - normalizedEvent.chartY,
-                        newPlotX,
-                        newPlotY;
-                    // At least 5px to apply change (avoids simple click):
-                    if (Math.abs(diffX) > 5 || Math.abs(diffY) > 5) {
-                        newPlotX = point.fixedPosition.plotX - diffX;
-                        newPlotY = point.fixedPosition.plotY - diffY;
-                        if (chart.isInsidePlot(newPlotX, newPlotY)) {
-                            point.plotX = newPlotX;
-                            point.plotY = newPlotY;
-                            point.hasDragged = true;
-                            this.redrawHalo(point);
-                            if (!series.layout.simulation) {
-                                // When dragging nodes, we don't need to calculate
-                                // initial positions and rendering nodes:
-                                series.layout.setInitialRendering(false);
-                                // Start new simulation:
-                                if (!series.layout.enableSimulation) {
-                                    // Run only one iteration to speed things up:
-                                    series.layout.setMaxIterations(1);
-                                }
-                                else {
-                                    series.layout.start();
-                                }
-                                series.chart.redraw();
-                                // Restore defaults:
-                                series.layout.setInitialRendering(true);
-                            }
-                            else {
-                                // Extend current simulation:
-                                series.layout.resetSimulation();
-                            }
-                        }
-                    }
-                }
-            },
-            /**
-             * Mouse up action, finalizing drag&drop.
-             *
-             * @private
-             * @param {Highcharts.Point} point The point that event occured.
-             * @return {void}
-             */
-            onMouseUp: function (point, event) {
-                if (point.fixedPosition && point.hasDragged) {
-                    if (this.layout.enableSimulation) {
-                        this.layout.start();
-                    }
-                    else {
-                        this.chart.redraw();
-                    }
-                    point.inDragMode = point.hasDragged = false;
-                    if (!this.options.fixedDraggable) {
-                        delete point.fixedPosition;
-                    }
-                }
-            },
-            // Draggable mode:
-            /**
-             * Redraw halo on mousemove during the drag&drop action.
-             *
-             * @private
-             * @param {Highcharts.Point} point The point that should show halo.
-             * @return {void}
-             */
-            redrawHalo: function (point) {
-                if (point && this.halo) {
-                    this.halo.attr({
-                        d: point.haloPath(this.options.states.hover.halo.size)
-                    });
-                }
-            }
-        };
-        /*
-         * Draggable mode:
-         */
-        addEvent(Chart, 'load', function () {
-            var chart = this,
-                mousedownUnbinder,
-                mousemoveUnbinder,
-                mouseupUnbinder;
-            if (chart.container) {
-                mousedownUnbinder = addEvent(chart.container, 'mousedown', function (event) {
-                    var point = chart.hoverPoint;
-                    if (point &&
-                        point.series &&
-                        point.series.hasDraggableNodes &&
-                        point.series.options.draggable) {
-                        point.series.onMouseDown(point, event);
-                        mousemoveUnbinder = addEvent(chart.container, 'mousemove', function (e) {
-                            return point &&
-                                point.series &&
-                                point.series.onMouseMove(point, e);
-                        });
-                        mouseupUnbinder = addEvent(chart.container.ownerDocument, 'mouseup', function (e) {
-                            mousemoveUnbinder();
-                            mouseupUnbinder();
-                            return point &&
-                                point.series &&
-                                point.series.onMouseUp(point, e);
-                        });
-                    }
+            if (this.graphLayoutsLookup) {
+                this.graphLayoutsLookup.forEach(function (layout) {
+                    // return to default simulation
+                    layout.updateSimulation();
                 });
             }
-            addEvent(chart, 'destroy', function () {
-                mousedownUnbinder();
-            });
+            this.redraw();
         });
 
     });
-    _registerModule(_modules, 'parts-more/PackedBubbleSeries.js', [_modules['parts/Globals.js'], _modules['parts/Color.js'], _modules['parts/Point.js'], _modules['parts/Utilities.js']], function (H, Color, Point, U) {
+    _registerModule(_modules, 'Series/PackedBubbleSeries.js', [_modules['Core/Series/Series.js'], _modules['Core/Chart/Chart.js'], _modules['Core/Color/Color.js'], _modules['Core/Globals.js'], _modules['Core/Series/Point.js'], _modules['Core/Utilities.js']], function (BaseSeries, Chart, Color, H, Point, U) {
         /* *
          *
          *  (c) 2010-2018 Grzegorz Blachlinski, Sebastian Bochan
@@ -8118,6 +8279,20 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
+        var color = Color.parse;
+        var addEvent = U.addEvent,
+            clamp = U.clamp,
+            defined = U.defined,
+            extend = U.extend,
+            extendClass = U.extendClass,
+            fireEvent = U.fireEvent,
+            isArray = U.isArray,
+            isNumber = U.isNumber,
+            merge = U.merge,
+            pick = U.pick;
+        var Series = H.Series,
+            Reingold = H.layouts['reingold-fruchterman'],
+            dragNodesMixin = H.dragNodesMixin;
         /**
          * Formatter callback function.
          *
@@ -8153,23 +8328,18 @@
         * @type {string}
         * @since 7.0.0
         */
-        var color = Color.parse;
-        var addEvent = U.addEvent,
-            clamp = U.clamp,
-            defined = U.defined,
-            extend = U.extend,
-            extendClass = U.extendClass,
-            fireEvent = U.fireEvent,
-            isArray = U.isArray,
-            isNumber = U.isNumber,
-            merge = U.merge,
-            pick = U.pick,
-            seriesType = U.seriesType;
-        var Series = H.Series,
-            Chart = H.Chart,
-            Reingold = H.layouts['reingold-fruchterman'],
-            NetworkPoint = H.seriesTypes.bubble.prototype.pointClass,
-            dragNodesMixin = H.dragNodesMixin;
+        ''; // detach doclets above
+        Chart.prototype.getSelectedParentNodes = function () {
+            var chart = this,
+                series = chart.series,
+                selectedParentsNodes = [];
+            series.forEach(function (series) {
+                if (series.parentNode && series.parentNode.selected) {
+                    selectedParentsNodes.push(series.parentNode);
+                }
+            });
+            return selectedParentsNodes;
+        };
         H.networkgraphIntegrations.packedbubble = {
             repulsiveForceFunction: function (d, k, node, repNode) {
                 return Math.min(d, (node.marker.radius + repNode.marker.radius) / 2);
@@ -8321,7 +8491,7 @@
          *
          * @extends Highcharts.Series
          */
-        seriesType('packedbubble', 'bubble', 
+        BaseSeries.seriesType('packedbubble', 'bubble', 
         /**
          * A packed bubble series is a two dimensional series type, where each point
          * renders a value in X, Y position. Each point is drawn as a bubble
@@ -8334,9 +8504,10 @@
          *         Split packed bubble chart
 
          * @extends      plotOptions.bubble
-         * @excluding    connectEnds, connectNulls, dragDrop, jitter, keys,
-         *               pointPlacement, sizeByAbsoluteValue, step, xAxis, yAxis,
-         *               zMax, zMin, dataSorting
+         * @excluding    connectEnds, connectNulls, cropThreshold, dragDrop, jitter,
+         *               keys, pointPlacement, sizeByAbsoluteValue, step, xAxis,
+         *               yAxis, zMax, zMin, dataSorting, boostThreshold,
+         *               boostBlending
          * @product      highcharts
          * @since        7.0.0
          * @requires     highcharts-more
@@ -8405,6 +8576,24 @@
              */
             useSimulation: true,
             /**
+             * Series options for parent nodes.
+             *
+             * @since 8.1.1
+             *
+             * @private
+             */
+            parentNode: {
+                /**
+                 * Allow this series' parent nodes to be selected
+                 * by clicking on the graph.
+                 *
+                 * @since 8.1.1
+                 */
+                allowPointSelect: false
+            },
+            /**
+            /**
+             *
              * @declare Highcharts.SeriesPackedBubbleDataLabelsOptionsObject
              *
              * @private
@@ -8440,10 +8629,6 @@
                  */
                 // eslint-disable-next-line valid-jsdoc
                 /**
-                 * Callback to format data labels for _parentNodes_. The
-                 * `parentNodeFormat` option takes precedence over the
-                 * `parentNodeFormatter`.
-                 *
                  * @type  {Highcharts.SeriesPackedBubbleDataLabelsFormatterCallbackFunction}
                  * @since 7.1.0
                  */
@@ -8451,10 +8636,6 @@
                     return this.name;
                 },
                 /**
-                 * Options for a _parentNode_ label text.
-                 *
-                 * **Note:** Only SVG-based renderer supports this option.
-                 *
                  * @sample {highcharts} highcharts/series-packedbubble/packed-dashboard
                  *         Dashboard with dataLabels on parentNodes
                  *
@@ -8634,6 +8815,7 @@
              */
             forces: ['barycenter', 'repulsive'],
             pointArrayMap: ['value'],
+            trackerGroups: ['group', 'dataLabelsGroup', 'parentNodesGroup'],
             pointValKey: 'value',
             isCartesian: false,
             requireSorting: false,
@@ -8656,7 +8838,8 @@
                     j;
                 for (i = 0; i < chart.series.length; i++) {
                     series = chart.series[i];
-                    if (series.visible ||
+                    if (series.is('packedbubble') && // #13574
+                        series.visible ||
                         !chart.options.chart.ignoreHiddenSeries) {
                         // add data to array only if series is visible
                         for (j = 0; j < series.yData.length; j++) {
@@ -8866,7 +9049,8 @@
                     chart = series.chart,
                     parentNodeLayout = series.parentNodeLayout,
                     nodeAdded,
-                    parentNode = series.parentNode;
+                    parentNode = series.parentNode,
+                    PackedBubblePoint = series.pointClass;
                 series.parentNodeMass = 0;
                 series.points.forEach(function (p) {
                     series.parentNodeMass +=
@@ -8881,7 +9065,7 @@
                 parentNodeLayout.setArea(0, 0, chart.plotWidth, chart.plotHeight);
                 if (!nodeAdded) {
                     if (!parentNode) {
-                        parentNode = (new NetworkPoint()).init(this, {
+                        parentNode = (new PackedBubblePoint()).init(this, {
                             mass: series.parentNodeRadius / 2,
                             marker: {
                                 radius: series.parentNodeRadius
@@ -8904,6 +9088,38 @@
                     parentNodeLayout.addElementsToCollection([parentNode], parentNodeLayout.nodes);
                 }
             },
+            drawTracker: function () {
+                var series = this,
+                    chart = series.chart,
+                    pointer = chart.pointer,
+                    onMouseOver = function (e) {
+                        var point = pointer.getPointFromEvent(e);
+                    // undefined on graph in scatterchart
+                    if (typeof point !== 'undefined') {
+                        pointer.isDirectTouch = true;
+                        point.onMouseOver(e);
+                    }
+                }, parentNode = series.parentNode;
+                var dataLabels;
+                H.TrackerMixin.drawTrackerPoint.call(this);
+                // Add reference to the point
+                if (parentNode) {
+                    dataLabels = (isArray(parentNode.dataLabels) ?
+                        parentNode.dataLabels :
+                        (parentNode.dataLabel ? [parentNode.dataLabel] : []));
+                    if (parentNode.graphic) {
+                        parentNode.graphic.element.point = parentNode;
+                    }
+                    dataLabels.forEach(function (dataLabel) {
+                        if (dataLabel.div) {
+                            dataLabel.div.point = parentNode;
+                        }
+                        else {
+                            dataLabel.element.point = parentNode;
+                        }
+                    });
+                }
+            },
             /**
              * Function responsible for adding series layout, used for parent nodes.
              * @private
@@ -9432,6 +9648,33 @@
                     this.series.layout.removeElementFromCollection(this, this.series.layout.nodes);
                 }
                 return Point.prototype.destroy.apply(this, arguments);
+            },
+            firePointEvent: function (eventType, eventArgs, defaultFunction) {
+                var point = this,
+                    series = this.series,
+                    seriesOptions = series.options;
+                if (this.isParentNode && seriesOptions.parentNode) {
+                    var temp = seriesOptions.allowPointSelect;
+                    seriesOptions.allowPointSelect = seriesOptions.parentNode.allowPointSelect;
+                    Point.prototype.firePointEvent.apply(this, arguments);
+                    seriesOptions.allowPointSelect = temp;
+                }
+                else {
+                    Point.prototype.firePointEvent.apply(this, arguments);
+                }
+            },
+            select: function (selected, accumulate) {
+                var point = this,
+                    series = this.series,
+                    chart = series.chart;
+                if (point.isParentNode) {
+                    chart.getSelectedPoints = chart.getSelectedParentNodes;
+                    Point.prototype.select.apply(this, arguments);
+                    chart.getSelectedPoints = Chart.prototype.getSelectedPoints;
+                }
+                else {
+                    Point.prototype.select.apply(this, arguments);
+                }
             }
         });
         // Remove accumulated data points to redistribute all of them again
@@ -9448,7 +9691,8 @@
          *
          * @type      {Object}
          * @extends   series,plotOptions.packedbubble
-         * @excluding dataParser, dataSorting, dataURL, dragDrop, stack
+         * @excluding cropThreshold, dataParser, dataSorting, dataURL, dragDrop, stack,
+         *            boostThreshold, boostBlending
          * @product   highcharts
          * @requires  highcharts-more
          * @apioption series.packedbubble
@@ -9501,7 +9745,7 @@
         ''; // adds doclets above to transpiled file
 
     });
-    _registerModule(_modules, 'parts-more/Polar.js', [_modules['parts/Globals.js'], _modules['parts/Utilities.js'], _modules['parts-more/Pane.js']], function (H, U, Pane) {
+    _registerModule(_modules, 'Extensions/Polar.js', [_modules['Core/Animation/AnimationUtilities.js'], _modules['Core/Chart/Chart.js'], _modules['Core/Globals.js'], _modules['Extensions/Pane.js'], _modules['Core/Pointer.js'], _modules['Core/Renderer/SVG/SVGRenderer.js'], _modules['Core/Utilities.js']], function (A, Chart, H, Pane, Pointer, SVGRenderer, U) {
         /* *
          *
          *  (c) 2010-2020 Torstein Honsi
@@ -9511,8 +9755,8 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
+        var animObject = A.animObject;
         var addEvent = U.addEvent,
-            animObject = U.animObject,
             defined = U.defined,
             find = U.find,
             isNumber = U.isNumber,
@@ -9522,8 +9766,7 @@
             wrap = U.wrap;
         // Extensions for polar charts. Additionally, much of the geometry required for
         // polar charts is gathered in RadialAxes.js.
-        var Pointer = H.Pointer,
-            Series = H.Series,
+        var Series = H.Series,
             seriesTypes = H.seriesTypes,
             seriesProto = Series.prototype,
             pointerProto = Pointer.prototype,
@@ -10273,7 +10516,7 @@
             }
             return ret;
         });
-        H.SVGRenderer.prototype.clipCircle = function (x, y, r, innerR) {
+        SVGRenderer.prototype.clipCircle = function (x, y, r, innerR) {
             var wrapper,
                 id = uniqueKey(),
                 clipPath = this.createElement('clipPath').attr({
@@ -10286,7 +10529,7 @@
             wrapper.clipPath = clipPath;
             return wrapper;
         };
-        addEvent(H.Chart, 'getAxes', function () {
+        addEvent(Chart, 'getAxes', function () {
             if (!this.pane) {
                 this.pane = [];
             }
@@ -10295,7 +10538,7 @@
                 paneOptions, this);
             }, this);
         });
-        addEvent(H.Chart, 'afterDrawChartBox', function () {
+        addEvent(Chart, 'afterDrawChartBox', function () {
             this.pane.forEach(function (pane) {
                 pane.render();
             });
@@ -10315,7 +10558,7 @@
          * responsiveness and chart.update.
          * @private
          */
-        wrap(H.Chart.prototype, 'get', function (proceed, id) {
+        wrap(Chart.prototype, 'get', function (proceed, id) {
             return find(this.pane, function (pane) {
                 return pane.options.id === id;
             }) || proceed.call(this, id);