highcharts 8.2.0 → 8.2.2

package/es-modules/Series/Scatter3DSeries.js

@@ -9,14 +9,12 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../Core/Globals.js';
+import BaseSeries from '../Core/Series/Series.js';
+var seriesTypes = BaseSeries.seriesTypes;
 import Math3D from '../Extensions/Math3D.js';
 var pointCameraDistance = Math3D.pointCameraDistance;
 import Point from '../Core/Series/Point.js';
-import U from '../Core/Utilities.js';
-var seriesType = U.seriesType;
-var seriesTypes = H.seriesTypes;
+import './ScatterSeries.js';
 /**
  * @private
  * @class
@@ -24,7 +22,7 @@ var seriesTypes = H.seriesTypes;
  *
  * @augments Highcharts.Series
  */
-seriesType('scatter3d', 'scatter', 
+BaseSeries.seriesType('scatter3d', 'scatter', 
 /**
  * A 3D scatter plot uses x, y and z coordinates to display values for three
  * variables for a set of data.

package/es-modules/Series/ScatterSeries.js

@@ -7,12 +7,12 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
+import BaseSeries from '../Core/Series/Series.js';
 import H from '../Core/Globals.js';
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, seriesType = U.seriesType;
+var addEvent = U.addEvent;
 import '../Core/Options.js';
-import '../Core/Series/Series.js';
+import '../Series/LineSeries.js';
 var Series = H.Series;
 /**
  * Scatter series type.
@@ -23,7 +23,7 @@ var Series = H.Series;
  *
  * @augments Highcharts.Series
  */
-seriesType('scatter', 'line', 
+BaseSeries.seriesType('scatter', 'line', 
 /**
  * A scatter plot uses cartesian coordinates to display values for two
  * variables for a set of data.
@@ -131,7 +131,12 @@ seriesType('scatter', 'line',
      * @function Highcharts.seriesTypes.scatter#drawGraph
      */
     drawGraph: function () {
-        if (this.options.lineWidth) {
+        if (this.options.lineWidth ||
+            // In case we have a graph from before and we update the line
+            // width to 0 (#13816)
+            (this.options.lineWidth === 0 &&
+                this.graph &&
+                this.graph.strokeWidth())) {
             Series.prototype.drawGraph.call(this);
         }
     },

package/es-modules/Series/SolidGaugeSeries.js

@@ -9,13 +9,16 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import Color from '../Core/Color.js';
+import BaseSeries from '../Core/Series/Series.js';
+import Color from '../Core/Color/Color.js';
 var color = Color.parse;
 import H from '../Core/Globals.js';
+var Renderer = H.Renderer;
 import LegendSymbolMixin from '../Mixins/LegendSymbol.js';
 import U from '../Core/Utilities.js';
-var clamp = U.clamp, extend = U.extend, isNumber = U.isNumber, merge = U.merge, pick = U.pick, pInt = U.pInt, seriesType = U.seriesType, wrap = U.wrap;
+var clamp = U.clamp, extend = U.extend, isNumber = U.isNumber, merge = U.merge, pick = U.pick, pInt = U.pInt, wrap = U.wrap;
+import '../Core/Options.js';
+import '../Series/GaugeSeries.js';
 /**
  * Additional options, depending on the actual symbol drawn.
  *
@@ -25,9 +28,6 @@ var clamp = U.clamp, extend = U.extend, isNumber = U.isNumber, merge = U.merge,
 * @name Highcharts.SymbolOptionsObject#rounded
 * @type {boolean|undefined}
 */
-import '../Core/Options.js';
-import '../Series/GaugeSeries.js';
-var Renderer = H.Renderer;
 /**
  * Symbol definition of an arc with round edges.
  *
@@ -269,7 +269,7 @@ var solidGaugeOptions = {
     }
 };
 // The solidgauge series type
-seriesType('solidgauge', 'gauge', solidGaugeOptions, {
+BaseSeries.seriesType('solidgauge', 'gauge', solidGaugeOptions, {
     drawLegendSymbol: LegendSymbolMixin.drawRectangle,
     // Extend the translate function to extend the Y axis with the necessary
     // decoration (#5895).

package/es-modules/Series/SplineSeries.js

@@ -8,10 +8,12 @@
  *
  * */
 'use strict';
+import BaseSeries from '../Core/Series/Series.js';
 import U from '../Core/Utilities.js';
-var pick = U.pick, seriesType = U.seriesType;
+var pick = U.pick;
 import '../Core/Options.js';
-import '../Core/Series/Series.js';
+import '../Series/LineSeries.js';
+import '../Series/LineSeries.js';
 /**
  * Spline series type.
  *
@@ -21,7 +23,7 @@ import '../Core/Series/Series.js';
  *
  * @augments Highcarts.Series
  */
-seriesType('spline', 'line', 
+BaseSeries.seriesType('spline', 'line', 
 /**
  * A spline series is a special type of line series, where the segments
  * between the data points are smoothed.

package/es-modules/Series/StreamgraphSeries.js

@@ -9,10 +9,8 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import '../Series/AreaSeries.js';
-import U from '../Core/Utilities.js';
-var seriesType = U.seriesType;
+import BaseSeries from '../Core/Series/Series.js';
+import '../Series/AreaSplineSeries.js';
 /**
  * @private
  * @class
@@ -20,7 +18,7 @@ var seriesType = U.seriesType;
  *
  * @augments Highcharts.Series
  */
-seriesType('streamgraph', 'areaspline'
+BaseSeries.seriesType('streamgraph', 'areaspline'
 /**
  * A streamgraph is a type of stacked area graph which is displaced around a
  * central axis, resulting in a flowing, organic shape.
@@ -35,6 +33,24 @@ seriesType('streamgraph', 'areaspline'
  * @optionparent plotOptions.streamgraph
  */
 , {
+    /**
+     * @see [fillColor](#plotOptions.streamgraph.fillColor)
+     * @see [fillOpacity](#plotOptions.streamgraph.fillOpacity)
+     *
+     * @apioption plotOptions.streamgraph.color
+     */
+    /**
+     * @see [color](#plotOptions.streamgraph.color)
+     * @see [fillOpacity](#plotOptions.streamgraph.fillOpacity)
+     *
+     * @apioption plotOptions.streamgraph.fillColor
+     */
+    /**
+     * @see [color](#plotOptions.streamgraph.color)
+     * @see [fillColor](#plotOptions.streamgraph.fillColor)
+     *
+     * @apioption plotOptions.streamgraph.fillOpacity
+     */
     fillOpacity: 1,
     lineWidth: 0,
     marker: {
@@ -65,6 +81,12 @@ seriesType('streamgraph', 'areaspline'
  * @requires  modules/streamgraph
  * @apioption series.streamgraph
  */
+/**
+ * @see [fillColor](#series.streamgraph.fillColor)
+ * @see [fillOpacity](#series.streamgraph.fillOpacity)
+ *
+ * @apioption series.streamgraph.color
+ */
 /**
  * An array of data points for the series. For the `streamgraph` series type,
  * points can be given in the following ways:
@@ -124,4 +146,18 @@ seriesType('streamgraph', 'areaspline'
  * @product   highcharts highstock
  * @apioption series.streamgraph.data
  */
+/**
+ * @see [color](#series.streamgraph.color)
+ * @see [fillOpacity](#series.streamgraph.fillOpacity)
+ *
+ * @apioption series.streamgraph.fillColor
+ */
+/**
+ * @see [color](#series.streamgraph.color)
+ * @see [fillColor](#series.streamgraph.fillColor)
+ *
+ * @type      {number}
+ * @default   1
+ * @apioption series.streamgraph.fillOpacity
+ */
 ''; // adds doclets above to transpiled file

package/es-modules/Series/SunburstSeries.js

@@ -11,20 +11,23 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
+import BaseSeries from '../Core/Series/Series.js';
+var seriesTypes = BaseSeries.seriesTypes;
+import CenteredSeriesMixin from '../Mixins/CenteredSeries.js';
+var getCenter = CenteredSeriesMixin.getCenter, getStartAndEndRadians = CenteredSeriesMixin.getStartAndEndRadians;
+import DrawPointMixin from '../Mixins/DrawPoint.js';
+var drawPoint = DrawPointMixin.drawPoint;
 import H from '../Core/Globals.js';
+var noop = H.noop;
+import TreeSeriesMixin from '../Mixins/TreeSeries.js';
+var getColor = TreeSeriesMixin.getColor, getLevelOptions = TreeSeriesMixin.getLevelOptions, setTreeValues = TreeSeriesMixin.setTreeValues, updateRootId = TreeSeriesMixin.updateRootId;
 import U from '../Core/Utilities.js';
-var correctFloat = U.correctFloat, error = U.error, extend = U.extend, isNumber = U.isNumber, isObject = U.isObject, isString = U.isString, merge = U.merge, seriesType = U.seriesType, splat = U.splat;
-import centeredSeriesMixin from '../Mixins/CenteredSeries.js';
-import drawPointModule from '../Mixins/DrawPoint.js';
-var drawPoint = drawPointModule.drawPoint;
-import mixinTreeSeries from '../Mixins/TreeSeries.js';
-var getColor = mixinTreeSeries.getColor, getLevelOptions = mixinTreeSeries.getLevelOptions, setTreeValues = mixinTreeSeries.setTreeValues, updateRootId = mixinTreeSeries.updateRootId;
-import '../Core/Series/Series.js';
+var correctFloat = U.correctFloat, error = U.error, extend = U.extend, isNumber = U.isNumber, isObject = U.isObject, isString = U.isString, merge = U.merge, splat = U.splat;
+import '../Series/LineSeries.js';
 import './TreemapSeries.js';
-var Series = H.Series, getCenter = centeredSeriesMixin.getCenter, getStartAndEndRadians = centeredSeriesMixin.getStartAndEndRadians, isBoolean = function (x) {
+var Series = H.Series, isBoolean = function (x) {
     return typeof x === 'boolean';
-}, noop = H.noop, rad2deg = 180 / Math.PI, seriesTypes = H.seriesTypes;
+}, rad2deg = 180 / Math.PI;
 // TODO introduce step, which should default to 1.
 var range = function range(from, to) {
     var result = [], i;
@@ -948,6 +951,7 @@ var sunburstPoint = {
   * @product   highcharts
   * @apioption series.sunburst.data.sliced
   */
+''; // detach doclets above
 /**
  * @private
  * @class
@@ -955,4 +959,4 @@ var sunburstPoint = {
  *
  * @augments Highcharts.Series
  */
-seriesType('sunburst', 'treemap', sunburstOptions, sunburstSeries, sunburstPoint);
+BaseSeries.seriesType('sunburst', 'treemap', sunburstOptions, sunburstSeries, sunburstPoint);

package/es-modules/Series/TilemapSeries.js

@@ -10,15 +10,17 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
+import BaseSeries from '../Core/Series/Series.js';
+import ColorSeriesModule from '../Mixins/ColorSeries.js';
+var colorPointMixin = ColorSeriesModule.colorPointMixin;
 import H from '../Core/Globals.js';
+import U from '../Core/Utilities.js';
+var addEvent = U.addEvent, clamp = U.clamp, extend = U.extend, pick = U.pick;
+import '../Series/HeatmapSeries.js';
 /**
  * @typedef {"circle"|"diamond"|"hexagon"|"square"} Highcharts.TilemapShapeValue
  */
 ''; // detach doclets above
-import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, clamp = U.clamp, extend = U.extend, pick = U.pick, seriesType = U.seriesType;
-import '../Series/HeatmapSeries.js';
 /**
  * Utility func to get padding definition from tile size division
  * @private
@@ -311,7 +313,7 @@ addEvent(H.Axis, 'afterSetAxisTranslation', function () {
  *
  * @augments Highcharts.Series
  */
-seriesType('tilemap', 'heatmap'
+BaseSeries.seriesType('tilemap', 'heatmap'
 /**
  * A tilemap series is a type of heatmap where the tile shapes are
  * configurable.
@@ -472,7 +474,7 @@ seriesType('tilemap', 'heatmap'
     haloPath: function () {
         return this.series.tileShape.haloPath.apply(this, Array.prototype.slice.call(arguments));
     }
-}, H.colorPointMixin));
+}, colorPointMixin));
 /**
  * A `tilemap` series. If the [type](#series.tilemap.type) option is
  * not specified, it is inherited from [chart.type](#chart.type).

package/es-modules/Series/TimelineSeries.js

@@ -11,13 +11,16 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
+import BaseSeries from '../Core/Series/Series.js';
+var seriesTypes = BaseSeries.seriesTypes;
 import H from '../Core/Globals.js';
 import LegendSymbolMixin from '../Mixins/LegendSymbol.js';
 import Point from '../Core/Series/Point.js';
 import SVGElement from '../Core/Renderer/SVG/SVGElement.js';
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, arrayMax = U.arrayMax, arrayMin = U.arrayMin, defined = U.defined, isNumber = U.isNumber, merge = U.merge, objectEach = U.objectEach, pick = U.pick, seriesType = U.seriesType;
+var addEvent = U.addEvent, arrayMax = U.arrayMax, arrayMin = U.arrayMin, defined = U.defined, isNumber = U.isNumber, merge = U.merge, objectEach = U.objectEach, pick = U.pick;
+import '../Series/LineSeries.js';
+var TrackerMixin = H.TrackerMixin, Series = H.Series;
 /**
  * Callback JavaScript function to format the data label as a string. Note that
  * if a `format` is defined, the format takes precedence and the formatter is
@@ -45,8 +48,6 @@ var addEvent = U.addEvent, arrayMax = U.arrayMax, arrayMin = U.arrayMin, defined
 * @type {Highcharts.Series}
 */
 ''; // dettach doclets above
-import '../Core/Series/Series.js';
-var TrackerMixin = H.TrackerMixin, Series = H.Series, seriesTypes = H.seriesTypes;
 /**
  * The timeline series type.
  *
@@ -56,7 +57,7 @@ var TrackerMixin = H.TrackerMixin, Series = H.Series, seriesTypes = H.seriesType
  *
  * @augments Highcharts.Series
  */
-seriesType('timeline', 'line', 
+BaseSeries.seriesType('timeline', 'line', 
 /**
  * The timeline series presents given events along a drawn line.
  *

package/es-modules/Series/TreemapSeries.js

@@ -9,25 +9,28 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../Core/Globals.js';
-import mixinTreeSeries from '../Mixins/TreeSeries.js';
-var getColor = mixinTreeSeries.getColor, getLevelOptions = mixinTreeSeries.getLevelOptions, updateRootId = mixinTreeSeries.updateRootId;
-import drawPointModule from '../Mixins/DrawPoint.js';
-var drawPoint = drawPointModule.drawPoint;
-import Color from '../Core/Color.js';
+import BaseSeries from '../Core/Series/Series.js';
+var seriesTypes = BaseSeries.seriesTypes;
+import Color from '../Core/Color/Color.js';
 var color = Color.parse;
+import ColorMapMixin from '../Mixins/ColorMapSeries.js';
+var colorMapSeriesMixin = ColorMapMixin.colorMapSeriesMixin;
+import DrawPointMixin from '../Mixins/DrawPoint.js';
+var drawPoint = DrawPointMixin.drawPoint;
+import H from '../Core/Globals.js';
+var noop = H.noop;
 import LegendSymbolMixin from '../Mixins/LegendSymbol.js';
 import Point from '../Core/Series/Point.js';
+import TreeSeriesMixin from '../Mixins/TreeSeries.js';
+var getColor = TreeSeriesMixin.getColor, getLevelOptions = TreeSeriesMixin.getLevelOptions, updateRootId = TreeSeriesMixin.updateRootId;
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, correctFloat = U.correctFloat, defined = U.defined, error = U.error, extend = U.extend, fireEvent = U.fireEvent, isArray = U.isArray, isNumber = U.isNumber, isObject = U.isObject, isString = U.isString, merge = U.merge, objectEach = U.objectEach, pick = U.pick, seriesType = U.seriesType, stableSort = U.stableSort;
+var addEvent = U.addEvent, correctFloat = U.correctFloat, defined = U.defined, error = U.error, extend = U.extend, fireEvent = U.fireEvent, isArray = U.isArray, isNumber = U.isNumber, isObject = U.isObject, isString = U.isString, merge = U.merge, objectEach = U.objectEach, pick = U.pick, stableSort = U.stableSort;
 import '../Core/Options.js';
-import '../Core/Series/Series.js';
+import './ScatterSeries.js';
 /* eslint-disable no-invalid-this */
 var AXIS_MAX = 100;
-var seriesTypes = H.seriesTypes, noop = H.noop, 
 // @todo Similar to eachObject, this function is likely redundant
-isBoolean = function (x) {
+var isBoolean = function (x) {
     return typeof x === 'boolean';
 }, Series = H.Series, 
 // @todo Similar to recursive, this function is likely redundant
@@ -55,7 +58,7 @@ recursive = function (item, func, context) {
  *
  * @augments Highcharts.Series
  */
-seriesType('treemap', 'scatter'
+BaseSeries.seriesType('treemap', 'scatter'
 /**
  * A treemap displays hierarchical data using nested rectangles. The data
  * can be laid out in varying ways depending on options.
@@ -172,7 +175,7 @@ seriesType('treemap', 'scatter'
     /**
      * @ignore-option
      */
-    marker: false,
+    marker: void 0,
     /**
      * When using automatic point colors pulled from the `options.colors`
      * collection, this option determines whether the chart should receive
@@ -571,8 +574,8 @@ seriesType('treemap', 'scatter'
         var series = this, allIds = this.data.map(function (d) {
             return d.id;
         }), parentList = series.getListOfParents(this.data, allIds);
-        series.nodeMap = [];
-        return series.buildNode('', -1, 0, parentList, null);
+        series.nodeMap = {};
+        return series.buildNode('', -1, 0, parentList);
     },
     // Define hasData function for non-cartesian series.
     // Returns true if the series has points at all.
@@ -580,7 +583,7 @@ seriesType('treemap', 'scatter'
         return !!this.processedXData.length; // != 0
     },
     init: function (chart, options) {
-        var series = this, colorMapSeriesMixin = H.colorMapSeriesMixin, setOptionsEvent;
+        var series = this, setOptionsEvent;
         // If color series logic is loaded, add some properties
         if (colorMapSeriesMixin) {
             this.colorAttribs = colorMapSeriesMixin.colorAttribs;
@@ -644,7 +647,7 @@ seriesType('treemap', 'scatter'
         });
         // Sort the children
         stableSort(children, function (a, b) {
-            return a.sortIndex - b.sortIndex;
+            return (a.sortIndex || 0) - (b.sortIndex || 0);
         });
         // Set the values
         val = pick(point && point.options.value, childrenTotal);
@@ -1145,21 +1148,21 @@ seriesType('treemap', 'scatter'
     drawPoints: function () {
         var series = this, chart = series.chart, renderer = chart.renderer, points = series.points, styledMode = chart.styledMode, options = series.options, shadow = styledMode ? {} : options.shadow, borderRadius = options.borderRadius, withinAnimationLimit = chart.pointCount < options.animationLimit, allowTraversingTree = options.allowTraversingTree;
         points.forEach(function (point) {
-            var levelDynamic = point.node.levelDynamic, animate = {}, attr = {}, css = {}, groupKey = 'level-group-' + levelDynamic, hasGraphic = !!point.graphic, shouldAnimate = withinAnimationLimit && hasGraphic, shapeArgs = point.shapeArgs;
+            var levelDynamic = point.node.levelDynamic, animatableAttribs = {}, attribs = {}, css = {}, groupKey = 'level-group-' + point.node.level, hasGraphic = !!point.graphic, shouldAnimate = withinAnimationLimit && hasGraphic, shapeArgs = point.shapeArgs;
             // Don't bother with calculate styling if the point is not drawn
             if (point.shouldDraw()) {
                 if (borderRadius) {
-                    attr.r = borderRadius;
+                    attribs.r = borderRadius;
                 }
                 merge(true, // Extend object
                 // Which object to extend
-                shouldAnimate ? animate : attr, 
+                shouldAnimate ? animatableAttribs : attribs, 
                 // Add shapeArgs to animate/attr if graphic exists
                 hasGraphic ? shapeArgs : {}, 
                 // Add style attribs if !styleMode
                 styledMode ?
                     {} :
-                    series.pointAttribs(point, (point.selected && 'select')));
+                    series.pointAttribs(point, point.selected ? 'select' : void 0));
                 // In styled mode apply point.color. Use CSS, otherwise the
                 // fill used in the style sheet will take precedence over
                 // the fill attribute.
@@ -1172,7 +1175,7 @@ seriesType('treemap', 'scatter'
                         .attr({
                         // @todo Set the zIndex based upon the number of
                         // levels, instead of using 1000
-                        zIndex: 1000 - levelDynamic
+                        zIndex: 1000 - (levelDynamic || 0)
                     })
                         .add(series.group);
                     series[groupKey].survive = true;
@@ -1180,8 +1183,8 @@ seriesType('treemap', 'scatter'
             }
             // Draw the point
             point.draw({
-                animatableAttribs: animate,
-                attribs: attr,
+                animatableAttribs: animatableAttribs,
+                attribs: attribs,
                 css: css,
                 group: series[groupKey],
                 renderer: renderer,
@@ -1202,8 +1205,7 @@ seriesType('treemap', 'scatter'
     onClickDrillToNode: function (event) {
         var series = this, point = event.point, drillId = point && point.drillId;
         // If a drill id is returned, add click event and cursor.
-        if (isString(drillId) &&
-            (series.isDrillAllowed ? series.isDrillAllowed(drillId) : true)) {
+        if (isString(drillId)) {
             point.setState(''); // Remove hover
             series.setRootNode(drillId, true, { trigger: 'click' });
         }
@@ -1327,35 +1329,20 @@ seriesType('treemap', 'scatter'
         // Fire setRootNode event.
         fireEvent(series, 'setRootNode', eventArgs, defaultFn);
     },
-    /**
-     * Check if the drill up/down is allowed.
-     *
-     * @private
-     */
-    isDrillAllowed: function (targetNode) {
-        var tree = this.tree, firstChild = tree.children[0];
-        // The sunburst series looks exactly the same on the level ''
-        // and level 1 if there’s only one element on level 1. Disable
-        // drilling up/down when it doesn't perform any visual
-        // difference (#13388).
-        return !(tree.children.length === 1 && ((this.rootNode === '' && targetNode === firstChild.id) ||
-            (this.rootNode === firstChild.id && targetNode === '')));
-    },
     renderTraverseUpButton: function (rootId) {
-        var series = this, nodeMap = series.nodeMap, node = nodeMap[rootId], name = node.name, buttonOptions = series.options.traverseUpButton, backText = pick(buttonOptions.text, name, '< Back'), attr, states;
-        if (rootId === '' ||
-            (series.isDrillAllowed ?
-                !(isString(node.parent) && series.isDrillAllowed(node.parent)) : false)) {
+        var series = this, nodeMap = series.nodeMap, node = nodeMap[rootId], name = node.name, buttonOptions = series.options.traverseUpButton, backText = pick(buttonOptions.text, name, '◁ Back'), attr, states;
+        if (rootId === '' || (series.is('sunburst') &&
+            series.tree.children.length === 1 &&
+            rootId === series.tree.children[0].id)) {
             if (series.drillUpButton) {
-                series.drillUpButton =
-                    series.drillUpButton.destroy();
+                series.drillUpButton = series.drillUpButton.destroy();
             }
         }
         else if (!this.drillUpButton) {
             attr = buttonOptions.theme;
             states = attr && attr.states;
             this.drillUpButton = this.chart.renderer
-                .button(backText, null, null, function () {
+                .button(backText, 0, 0, function () {
                 series.drillUp();
             }, attr, states && states.hover, states && states.select)
                 .addClass('highcharts-drillup-button')
@@ -1429,7 +1416,7 @@ seriesType('treemap', 'scatter'
      * @function Highcharts.Point#isValid
      */
     isValid: function () {
-        return this.id || isNumber(this.value);
+        return Boolean(this.id || isNumber(this.value));
     },
     setState: function (state) {
         Point.prototype.setState.call(this, state);
@@ -1441,8 +1428,7 @@ seriesType('treemap', 'scatter'
         }
     },
     shouldDraw: function () {
-        var point = this;
-        return isNumber(point.plotY) && point.y !== null;
+        return isNumber(this.plotY) && this.y !== null;
     }
 });
 addEvent(H.Series, 'afterBindAxes', function () {

package/es-modules/Series/VariablePieSeries.js

@@ -9,15 +9,17 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../Core/Globals.js';
+import BaseSeries from '../Core/Series/Series.js';
+var seriesTypes = BaseSeries.seriesTypes;
+import U from '../Core/Utilities.js';
+var arrayMax = U.arrayMax, arrayMin = U.arrayMin, clamp = U.clamp, fireEvent = U.fireEvent, pick = U.pick;
+import '../Core/Options.js';
+import './PieSeries.js';
+var pieProto = seriesTypes.pie.prototype;
 /**
  * @typedef {"area"|"radius"} Highcharts.VariablePieSizeByValue
  */
-import U from '../Core/Utilities.js';
-var arrayMax = U.arrayMax, arrayMin = U.arrayMin, clamp = U.clamp, fireEvent = U.fireEvent, pick = U.pick, seriesType = U.seriesType;
-import '../Core/Options.js';
-var pieProto = H.seriesTypes.pie.prototype;
+''; // detach doclets above
 /**
  * The variablepie series type.
  *
@@ -27,7 +29,7 @@ var pieProto = H.seriesTypes.pie.prototype;
  *
  * @augments Highcharts.Series
  */
-seriesType('variablepie', 'pie', 
+BaseSeries.seriesType('variablepie', 'pie', 
 /**
  * A variable pie series is a two dimensional series type, where each point
  * renders an Y and Z value.  Each point is drawn as a pie slice where the

package/es-modules/Series/VariwideSeries.js

@@ -9,12 +9,13 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
+import Axis from '../Core/Axis/Axis.js';
+import BaseSeries from '../Core/Series/Series.js';
+var seriesTypes = BaseSeries.seriesTypes;
 import H from '../Core/Globals.js';
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, isNumber = U.isNumber, pick = U.pick, seriesType = U.seriesType, wrap = U.wrap;
+var addEvent = U.addEvent, isNumber = U.isNumber, pick = U.pick, wrap = U.wrap;
 import '../Series/AreaSeries.js';
-var seriesTypes = H.seriesTypes;
 /**
  * @private
  * @class
@@ -22,7 +23,7 @@ var seriesTypes = H.seriesTypes;
  *
  * @augments Highcharts.Series
  */
-seriesType('variwide', 'column'
+BaseSeries.seriesType('variwide', 'column'
 /**
  * A variwide chart (related to marimekko chart) is a column chart with a
  * variable width expressing a third dimension.
@@ -192,13 +193,13 @@ H.Tick.prototype.postTranslate = function (xy, xOrY, index) {
 };
 /* eslint-disable no-invalid-this */
 // Same width as the category (#8083)
-addEvent(H.Axis, 'afterDrawCrosshair', function (e) {
+addEvent(Axis, 'afterDrawCrosshair', function (e) {
     if (this.variwide && this.cross) {
         this.cross.attr('stroke-width', (e.point && e.point.crosshairWidth));
     }
 });
 // On a vertical axis, apply anti-collision logic to the labels.
-addEvent(H.Axis, 'afterRender', function () {
+addEvent(Axis, 'afterRender', function () {
     var axis = this;
     if (!this.horiz && this.variwide) {
         this.chart.labelCollectors.push(function () {

package/es-modules/Series/VectorSeries.js

@@ -9,10 +9,12 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
+import A from '../Core/Animation/AnimationUtilities.js';
+var animObject = A.animObject;
+import BaseSeries from '../Core/Series/Series.js';
 import H from '../Core/Globals.js';
 import U from '../Core/Utilities.js';
-var animObject = U.animObject, arrayMax = U.arrayMax, pick = U.pick, seriesType = U.seriesType;
+var arrayMax = U.arrayMax, pick = U.pick;
 import './ScatterSeries.js';
 /**
  * The vector series class.
@@ -23,7 +25,7 @@ import './ScatterSeries.js';
  *
  * @augments Highcharts.seriesTypes.scatter
  */
-seriesType('vector', 'scatter'
+BaseSeries.seriesType('vector', 'scatter'
 /**
  * A vector plot is a type of cartesian chart where each point has an X and
  * Y position, a length and a direction. Vectors are drawn as arrows.