highcharts 10.0.0 → 10.1.0

package/es-modules/Extensions/FullScreen.js

@@ -11,7 +11,7 @@ import H from '../Core/Globals.js';
 var doc = H.doc;
 import AST from '../Core/Renderer/HTML/AST.js';
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent;
+var addEvent = U.addEvent, fireEvent = U.fireEvent;
 /**
  * The module allows user to enable display chart in full screen mode.
  * Used in StockTools too.
@@ -101,26 +101,30 @@ var Fullscreen = /** @class */ (function () {
      */
     Fullscreen.prototype.close = function () {
         var fullscreen = this, chart = fullscreen.chart, optionsChart = chart.options.chart;
-        // Don't fire exitFullscreen() when user exited using 'Escape' button.
-        if (fullscreen.isOpen &&
-            fullscreen.browserProps &&
-            chart.container.ownerDocument instanceof Document) {
-            chart.container.ownerDocument[fullscreen.browserProps.exitFullscreen]();
-        }
-        // Unbind event as it's necessary only before exiting from fullscreen.
-        if (fullscreen.unbindFullscreenEvent) {
-            fullscreen.unbindFullscreenEvent = fullscreen
-                .unbindFullscreenEvent();
-        }
-        chart.setSize(fullscreen.origWidth, fullscreen.origHeight, false);
-        fullscreen.origWidth = void 0;
-        fullscreen.origHeight = void 0;
-        optionsChart.width = fullscreen.origWidthOption;
-        optionsChart.height = fullscreen.origHeightOption;
-        fullscreen.origWidthOption = void 0;
-        fullscreen.origHeightOption = void 0;
-        fullscreen.isOpen = false;
-        fullscreen.setButtonText();
+        fireEvent(chart, 'fullscreenClose', null, function () {
+            // Don't fire exitFullscreen() when user exited
+            // using 'Escape' button.
+            if (fullscreen.isOpen &&
+                fullscreen.browserProps &&
+                chart.container.ownerDocument instanceof Document) {
+                chart.container.ownerDocument[fullscreen.browserProps.exitFullscreen]();
+            }
+            // Unbind event as it's necessary only before exiting
+            // from fullscreen.
+            if (fullscreen.unbindFullscreenEvent) {
+                fullscreen.unbindFullscreenEvent = fullscreen
+                    .unbindFullscreenEvent();
+            }
+            chart.setSize(fullscreen.origWidth, fullscreen.origHeight, false);
+            fullscreen.origWidth = void 0;
+            fullscreen.origHeight = void 0;
+            optionsChart.width = fullscreen.origWidthOption;
+            optionsChart.height = fullscreen.origHeightOption;
+            fullscreen.origWidthOption = void 0;
+            fullscreen.origHeightOption = void 0;
+            fullscreen.isOpen = false;
+            fullscreen.setButtonText();
+        });
     };
     /**
      * Displays the chart in fullscreen mode.
@@ -136,41 +140,44 @@ var Fullscreen = /** @class */ (function () {
      */
     Fullscreen.prototype.open = function () {
         var fullscreen = this, chart = fullscreen.chart, optionsChart = chart.options.chart;
-        if (optionsChart) {
-            fullscreen.origWidthOption = optionsChart.width;
-            fullscreen.origHeightOption = optionsChart.height;
-        }
-        fullscreen.origWidth = chart.chartWidth;
-        fullscreen.origHeight = chart.chartHeight;
-        // Handle exitFullscreen() method when user clicks 'Escape' button.
-        if (fullscreen.browserProps) {
-            var unbindChange_1 = addEvent(chart.container.ownerDocument, // chart's document
-            fullscreen.browserProps.fullscreenChange, function () {
-                // Handle lack of async of browser's fullScreenChange event.
-                if (fullscreen.isOpen) {
-                    fullscreen.isOpen = false;
-                    fullscreen.close();
-                }
-                else {
-                    chart.setSize(null, null, false);
-                    fullscreen.isOpen = true;
-                    fullscreen.setButtonText();
-                }
-            });
-            var unbindDestroy_1 = addEvent(chart, 'destroy', unbindChange_1);
-            fullscreen.unbindFullscreenEvent = function () {
-                unbindChange_1();
-                unbindDestroy_1();
-            };
-            var promise = chart.renderTo[fullscreen.browserProps.requestFullscreen]();
-            if (promise) {
-                // No dot notation because of IE8 compatibility
-                promise['catch'](function () {
-                    alert(// eslint-disable-line no-alert
-                    'Full screen is not supported inside a frame.');
+        fireEvent(chart, 'fullscreenOpen', null, function () {
+            if (optionsChart) {
+                fullscreen.origWidthOption = optionsChart.width;
+                fullscreen.origHeightOption = optionsChart.height;
+            }
+            fullscreen.origWidth = chart.chartWidth;
+            fullscreen.origHeight = chart.chartHeight;
+            // Handle exitFullscreen() method when user clicks 'Escape' button.
+            if (fullscreen.browserProps) {
+                var unbindChange_1 = addEvent(chart.container.ownerDocument, // chart's document
+                fullscreen.browserProps.fullscreenChange, function () {
+                    // Handle lack of async of browser's
+                    // fullScreenChange event.
+                    if (fullscreen.isOpen) {
+                        fullscreen.isOpen = false;
+                        fullscreen.close();
+                    }
+                    else {
+                        chart.setSize(null, null, false);
+                        fullscreen.isOpen = true;
+                        fullscreen.setButtonText();
+                    }
                 });
+                var unbindDestroy_1 = addEvent(chart, 'destroy', unbindChange_1);
+                fullscreen.unbindFullscreenEvent = function () {
+                    unbindChange_1();
+                    unbindDestroy_1();
+                };
+                var promise = chart.renderTo[fullscreen.browserProps.requestFullscreen]();
+                if (promise) {
+                    // No dot notation because of IE8 compatibility
+                    promise['catch'](function () {
+                        alert(// eslint-disable-line no-alert
+                        'Full screen is not supported inside a frame.');
+                    });
+                }
             }
-        }
+        });
     };
     /**
      * Replaces the exporting context button's text when toogling the
@@ -238,3 +245,63 @@ addEvent(Chart, 'beforeRender', function () {
      */
     this.fullscreen = new H.Fullscreen(this);
 });
+/* *
+ *
+ *  API Declarations
+ *
+ * */
+/**
+ * Gets fired when closing the fullscreen
+ *
+ * @callback Highcharts.FullScreenfullscreenCloseCallbackFunction
+ *
+ * @param {Highcharts.Chart} chart
+ *        The chart on which the event occured.
+ *
+ * @param {global.Event} event
+ *        The event that occured.
+ */
+/**
+ * Gets fired when opening the fullscreen
+ *
+ * @callback Highcharts.FullScreenfullscreenOpenCallbackFunction
+ *
+ * @param {Highcharts.Chart} chart
+ *        The chart on which the event occured.
+ *
+ * @param {global.Event} event
+ *        The event that occured.
+ */
+/* *
+ *
+ *  API Options
+ *
+ * */
+/**
+ * Fires when a fullscreen is closed through the context menu item,
+ * or a fullscreen is closed on the `Escape` button click,
+ * or the `Chart.fullscreen.close` method.
+ *
+ * @sample highcharts/chart/events-fullscreen
+ *         Title size change on fullscreen open
+ *
+ * @type      {Highcharts.FullScreenfullscreenCloseCallbackFunction}
+ * @since 10.1.0
+ * @context   Highcharts.Chart
+ * @requires  modules/full-screen
+ * @apioption chart.events.fullscreenClose
+ */
+/**
+ * Fires when a fullscreen is opened through the context menu item,
+ * or the `Chart.fullscreen.open` method.
+ *
+ * @sample highcharts/chart/events-fullscreen
+ *         Title size change on fullscreen open
+ *
+ * @type      {Highcharts.FullScreenfullscreenOpenCallbackFunction}
+ * @since 10.1.0
+ * @context   Highcharts.Chart
+ * @requires  modules/full-screen
+ * @apioption chart.events.fullscreenOpen
+ */
+(''); // keeps doclets above in transpiled file

package/es-modules/Extensions/GeoJSON.js

@@ -246,7 +246,7 @@ Chart.prototype.transformToLatLon = function (point, transform) {
         (transform.rotation && Math.cos(transform.rotation)), sinAngle = transform.sinAngle ||
         (transform.rotation && Math.sin(transform.rotation)), 
     // Note: Inverted sinAngle to reverse rotation direction
-    projected = win.proj4(transform.crs, 'WGS84', transform.rotation ? {
+    projected = proj4(transform.crs, 'WGS84', transform.rotation ? {
         x: normalized.x * cosAngle + normalized.y * -sinAngle,
         y: normalized.x * sinAngle + normalized.y * cosAngle
     } : normalized);
@@ -355,7 +355,8 @@ function topo2geo(topology, objectName) {
         copyrightUrl: topology.copyrightUrl,
         features: features,
         'hc-recommended-mapview': object['hc-recommended-mapview'],
-        bbox: topology.bbox
+        bbox: topology.bbox,
+        title: topology.title
     };
     object['hc-decoded-geojson'] = geojson;
     return geojson;

package/es-modules/Extensions/OfflineExporting/OfflineExportingDefaults.js

@@ -14,7 +14,7 @@
  *
  * */
 var OfflineExportingDefaults = {
-    libURL: 'https://code.highcharts.com/10.0.0/lib/',
+    libURL: 'https://code.highcharts.com/10.1.0/lib/',
     // When offline-exporting is loaded, redefine the menu item definitions
     // related to download.
     menuItemDefinitions: {

package/es-modules/Extensions/Oldie/Oldie.js

@@ -36,7 +36,7 @@ var VMLRenderer, VMLElement;
  * @apioption global.VMLRadialGradientURL
  */
 getOptions().global.VMLRadialGradientURL =
-    'http://code.highcharts.com/10.0.0/gfx/vml-radial-gradient.png';
+    'http://code.highcharts.com/10.1.0/gfx/vml-radial-gradient.png';
 // Utilites
 if (doc && !doc.defaultView) {
     H.getStyle = U.getStyle = function getStyle(el, prop) {

package/es-modules/Extensions/OverlappingDataLabels.js

@@ -34,9 +34,7 @@ addEvent(Chart, 'render', function collectAndHide() {
             !yAxis.options.stackLabels.allowOverlap) {
             objectEach(yAxis.stacking.stacks, function (stack) {
                 objectEach(stack, function (stackItem) {
-                    if (stackItem.label &&
-                        stackItem.label.visibility !== 'hidden' // #15607
-                    ) {
+                    if (stackItem.label) {
                         labels.push(stackItem.label);
                     }
                 });
@@ -162,7 +160,10 @@ Chart.prototype.hideOverlappingLabels = function (labels) {
                 box2 &&
                 label1 !== label2 && // #6465, polar chart with connectEnds
                 label1.newOpacity !== 0 &&
-                label2.newOpacity !== 0) {
+                label2.newOpacity !== 0 &&
+                // #15863 dataLabels are no longer hidden by translation
+                label1.visibility !== 'hidden' &&
+                label2.visibility !== 'hidden') {
                 if (isIntersectRect(box1, box2)) {
                     (label1.labelrank < label2.labelrank ? label1 : label2)
                         .newOpacity = 0;

package/es-modules/Extensions/Polar.js

@@ -652,7 +652,10 @@ if (seriesTypes.column) {
             // visible y range
             if (this.isRadialBar && point.shapeArgs &&
                 point.shapeArgs.start === point.shapeArgs.end) {
-                dataLabel.hide(true);
+                dataLabel.hide();
+            }
+            else {
+                dataLabel.show();
             }
         }
         else {

package/es-modules/Extensions/Stacking.js

@@ -179,7 +179,7 @@ var StackItem = /** @class */ (function () {
             }
             else {
                 // Move label away to avoid the overlapping issues
-                label.alignAttr.y = -9999;
+                label.hide();
                 isJustify = false;
             }
             if (isJustify) {

package/es-modules/Extensions/Themes/HighContrastDark.js

@@ -31,16 +31,16 @@ var HighContrastDarkTheme;
     var textBright = '#F0F0F3';
     HighContrastDarkTheme.options = {
         colors: [
-            '#6783E7',
-            '#8AC668',
-            '#9630EF',
-            '#F0A079',
-            '#51ACD1',
-            '#CB3F44',
-            '#CD9FE5',
-            '#4DA9A5',
-            '#BBDEE0',
-            '#E3AF3D'
+            '#67B9EE',
+            '#CEEDA5',
+            '#9F6AE1',
+            '#FEA26E',
+            '#6BA48F',
+            '#EA3535',
+            '#8D96B7',
+            '#ECCA15',
+            '#20AA09',
+            '#E0C3E4'
         ],
         chart: {
             backgroundColor: '#1f1f20',

package/es-modules/Extensions/Themes/HighContrastLight.js

@@ -30,16 +30,16 @@ var HighContrastLightTheme;
      * */
     HighContrastLightTheme.options = {
         colors: [
-            '#4372da',
+            '#265FB5',
             '#222',
-            '#0b7383',
-            '#6B26F0',
-            '#D42D1A',
-            '#3D239E',
-            '#7e7932',
-            '#b06320',
-            '#244a76',
-            '#76767A'
+            '#698F01',
+            '#F4693E',
+            '#4C0684',
+            '#0FA388',
+            '#B7104A',
+            '#AF9023',
+            '#1A704C',
+            '#B02FDD'
         ],
         navigator: {
             series: {

package/es-modules/Maps/MapNavigation.js

@@ -96,13 +96,9 @@ MapNavigation.prototype.update = function (options) {
                 attr = buttonOptions.theme;
                 attr.style = merge(buttonOptions.theme.style, buttonOptions.style // #3203
                 );
-                states = attr.states;
-                hoverStates = states && states.hover;
-                selectStates = states && states.select;
-                delete attr.states;
             }
             var button = chart.renderer
-                .button(buttonOptions.text || '', 0, 0, outerHandler, attr, hoverStates, selectStates, void 0, n === 'zoomIn' ? 'topbutton' : 'bottombutton')
+                .button(buttonOptions.text || '', 0, 0, outerHandler, attr, void 0, void 0, void 0, n === 'zoomIn' ? 'topbutton' : 'bottombutton')
                 .addClass('highcharts-map-navigation highcharts-' + {
                 zoomIn: 'zoom-in',
                 zoomOut: 'zoom-out'

package/es-modules/Maps/MapView.js

@@ -38,7 +38,7 @@ import MU from './MapUtilities.js';
 var boundsFromPath = MU.boundsFromPath, pointInPolygon = MU.pointInPolygon;
 import Projection from './Projection.js';
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, clamp = U.clamp, defined = U.defined, fireEvent = U.fireEvent, isArray = U.isArray, isNumber = U.isNumber, isObject = U.isObject, isString = U.isString, merge = U.merge, pick = U.pick, relativeLength = U.relativeLength;
+var addEvent = U.addEvent, clamp = U.clamp, fireEvent = U.fireEvent, isArray = U.isArray, isNumber = U.isNumber, isObject = U.isObject, isString = U.isString, merge = U.merge, pick = U.pick, relativeLength = U.relativeLength;
 /**
  * The world size in terms of 10k meters in the Web Mercator projection, to
  * match a 256 square tile to zoom level 0
@@ -174,7 +174,11 @@ var MapView = /** @class */ (function () {
                 _this.minZoom === _this.zoom // When resizing the chart
             ) {
                 _this.fitToBounds(void 0, void 0, false);
-                if (isNumber(_this.userOptions.zoom)) {
+                if (
+                // Set zoom only when initializing the chart
+                // (do not overwrite when zooming in/out, #17082)
+                !_this.chart.hasRendered &&
+                    isNumber(_this.userOptions.zoom)) {
                     _this.zoom = _this.userOptions.zoom;
                 }
                 if (_this.userOptions.center) {

package/es-modules/Maps/MapViewOptionsDefault.js

@@ -76,8 +76,10 @@ var defaultOptions = {
          * @type   {string}
          * @sample maps/mapview/projection-explorer
          *         Projection explorer
-         * @sample maps/mapview/projection-custom
+         * @sample maps/mapview/projection-custom-proj4js
          *         Custom UTM projection definition
+         * @sample maps/mapview/projection-custom-d3geo
+         *         Custom Robinson projection definition
          * @sample maps/demo/topojson-projection
          *         Orthographic projection
          */

package/es-modules/Series/ArcDiagram/ArcDiagramSeries.js

@@ -250,6 +250,7 @@ var ArcDiagramSeries = /** @class */ (function (_super) {
         ];
         // Pass test in drawPoints
         point.y = point.plotY = 1;
+        point.x = point.plotX = 1;
         if (!point.color) {
             point.color = fromNode.color;
         }
@@ -460,11 +461,18 @@ var ArcDiagramSeries = /** @class */ (function (_super) {
              * **Note:** Only SVG-based renderer supports this option. Setting
              * `useHTML` to true will disable this option.
              *
-             * @extends plotOptions.arcdiagram.dataLabels.linkTextPath
+             * @extends plotOptions.networkgraph.dataLabels.linkTextPath
              * @since 10.0.0
              */
             linkTextPath: {
+                /**
+                 * @type    {Highcharts.SVGAttributes}
+                 * @default {"startOffset":"25%"}
+                 */
                 attributes: {
+                    /**
+                     * @ignore-option
+                     */
                     startOffset: '25%'
                 }
             }

package/es-modules/Series/CenteredUtilities.js

@@ -37,7 +37,7 @@ var CenteredUtilities;
      * @function Highcharts.CenteredSeriesMixin.getCenter
      */
     function getCenter() {
-        var options = this.options, chart = this.chart, slicingRoom = 2 * (options.slicedOffset || 0), plotWidth = chart.plotWidth - 2 * slicingRoom, plotHeight = chart.plotHeight - 2 * slicingRoom, centerOption = options.center, smallestSize = Math.min(plotWidth, plotHeight);
+        var options = this.options, chart = this.chart, slicingRoom = 2 * (options.slicedOffset || 0), plotWidth = chart.plotWidth - 2 * slicingRoom, plotHeight = chart.plotHeight - 2 * slicingRoom, centerOption = options.center, smallestSize = Math.min(plotWidth, plotHeight), thickness = options.thickness;
         var handleSlicingRoom, size = options.size, innerSize = options.innerSize || 0, i, value;
         if (typeof size === 'string') {
             size = parseFloat(size);
@@ -70,6 +70,11 @@ var CenteredUtilities;
         if (positions[3] > positions[2]) {
             positions[3] = positions[2];
         }
+        // thickness overrides innerSize, need to be less than pie size (#6647)
+        if (isNumber(thickness) &&
+            thickness * 2 < positions[2] && thickness > 0) {
+            positions[3] = positions[2] - thickness * 2;
+        }
         return positions;
     }
     CenteredUtilities.getCenter = getCenter;

package/es-modules/Series/Flags/FlagsSeries.js

@@ -191,23 +191,18 @@ var FlagsSeries = /** @class */ (function (_super) {
             // depending on the label width or a hardcoded value, #16041.
             distribute(boxes, inverted ? yAxis.len : this.xAxis.len, maxDistance_1);
             points.forEach(function (point) {
-                var box = point.graphic && boxesMap[point.plotX];
-                if (box) {
-                    point.graphic[point.graphic.isNew ? 'attr' : 'animate']({
-                        x: box.pos + box.align * box.size,
-                        anchorX: point.anchorX
-                    });
+                var plotX = point.plotX, graphic = point.graphic, box = graphic && boxesMap[plotX];
+                if (box && graphic) {
                     // Hide flag when its box position is not specified
                     // (#8573, #9299)
                     if (!defined(box.pos)) {
-                        point.graphic.attr({
-                            x: -9999,
-                            anchorX: -9999
-                        });
-                        point.graphic.isNew = true;
+                        graphic.hide().isNew = true;
                     }
                     else {
-                        point.graphic.isNew = false;
+                        graphic[graphic.isNew ? 'attr' : 'animate']({
+                            x: box.pos + (box.align || 0) * box.size,
+                            anchorX: point.anchorX
+                        }).show().isNew = false;
                     }
                 }
             });

package/es-modules/Series/Gauge/GaugeSeries.js

@@ -198,7 +198,7 @@ var GaugeSeries = /** @class */ (function (_super) {
      * @private
      */
     GaugeSeries.prototype.render = function () {
-        this.group = this.plotGroup('group', 'series', this.visible ? 'visible' : 'hidden', this.options.zIndex, this.chart.seriesGroup);
+        this.group = this.plotGroup('group', 'series', this.visible ? 'inherit' : 'hidden', this.options.zIndex, this.chart.seriesGroup);
         Series.prototype.render.call(this);
         this.group.clip(this.chart.clipRect);
     };

package/es-modules/Series/Heatmap/HeatmapSeries.js

@@ -85,25 +85,6 @@ var HeatmapSeries = /** @class */ (function (_super) {
             this.points.forEach(function (point) {
                 if (point.graphic) {
                     point.graphic[_this.chart.styledMode ? 'css' : 'animate'](_this.colorAttribs(point));
-                    // @todo
-                    // Applying the border radius here is not optimal. It should
-                    // be set in the shapeArgs or returned from `markerAttribs`.
-                    // However, Series.drawPoints does not pick up markerAttribs
-                    // to be passed over to `renderer.symbol`. Also, image
-                    // symbols are not positioned by their top left corner like
-                    // other symbols are. This should be refactored, then we
-                    // could save ourselves some tests for .hasImage etc. And
-                    // the evaluation of borderRadius would be moved to
-                    // `markerAttribs`.
-                    if (_this.options.borderRadius) {
-                        point.graphic.attr({
-                            r: _this.options.borderRadius
-                        });
-                    }
-                    // Saving option for reapplying later
-                    // when changing point's states (#16165)
-                    (point.shapeArgs || {}).r = _this.options.borderRadius;
-                    (point.shapeArgs || {}).d = point.graphic.pathArray;
                     if (point.value === null) { // #15708
                         point.graphic.addClass('highcharts-null-point');
                     }
@@ -157,6 +138,18 @@ var HeatmapSeries = /** @class */ (function (_super) {
         this.yAxis.axisPointRange = options.rowsize || 1;
         // Bind new symbol names
         symbols.ellipse = symbols.circle;
+        // @todo
+        //
+        // Setting the border radius here is a workaround. It should be set in
+        // the shapeArgs or returned from `markerAttribs`. However,
+        // Series.drawPoints does not pick up markerAttribs to be passed over to
+        // `renderer.symbol`. Also, image symbols are not positioned by their
+        // top left corner like other symbols are. This should be refactored,
+        // then we could save ourselves some tests for .hasImage etc. And the
+        // evaluation of borderRadius would be moved to `markerAttribs`.
+        if (options.marker) {
+            options.marker.r = options.borderRadius;
+        }
     };
     /**
      * @private
@@ -270,7 +263,7 @@ var HeatmapSeries = /** @class */ (function (_super) {
                 clientX: (cellAttr.x1 + cellAttr.x2) / 2,
                 shapeType: 'path',
                 shapeArgs: merge(true, shapeArgs, {
-                    d: symbols[shape](shapeArgs.x, shapeArgs.y, shapeArgs.width, shapeArgs.height)
+                    d: symbols[shape](shapeArgs.x, shapeArgs.y, shapeArgs.width, shapeArgs.height, { r: options.borderRadius })
                 })
             };
             if (hasImage) {

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

@@ -321,7 +321,7 @@ var MapSeries = /** @class */ (function (_super) {
      */
     MapSeries.prototype.getProjectedBounds = function () {
         if (!this.bounds && this.chart.mapView) {
-            var MAX_VALUE = Number.MAX_VALUE, _a = this.chart.mapView, insets_1 = _a.insets, projection_1 = _a.projection, allBounds_1 = [];
+            var _a = this.chart.mapView, insets_1 = _a.insets, projection_1 = _a.projection, allBounds_1 = [];
             // Find the bounding box of each point
             (this.points || []).forEach(function (point) {
                 if (point.path || point.geometry) {
@@ -408,6 +408,16 @@ var MapSeries = /** @class */ (function (_super) {
         'inherit');
         return attr;
     };
+    /**
+     * @private
+     */
+    MapSeries.prototype.updateData = function () {
+        // #16782
+        if (this.processedData) {
+            return false;
+        }
+        return _super.prototype.updateData.apply(this, arguments);
+    };
     /**
      * Extend setData to call processData and generatePoints immediately.
      * @private

package/es-modules/Series/MapBubble/MapBubbleSeries.js

@@ -25,8 +25,6 @@ import BubbleSeries from '../Bubble/BubbleSeries.js';
 import MapBubblePoint from './MapBubblePoint.js';
 import MapSeries from '../Map/MapSeries.js';
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
-import H from '../../Core/Globals.js';
-var noop = H.noop;
 var MapPointSeries = SeriesRegistry.seriesTypes.mappoint;
 import U from '../../Core/Utilities.js';
 var extend = U.extend, merge = U.merge;
@@ -110,15 +108,62 @@ var MapBubbleSeries = /** @class */ (function (_super) {
          * @apioption plotOptions.mapbubble.displayNegative
          */
         /**
-         * @sample {highmaps} maps/demo/map-bubble/
+         * Color of the line connecting bubbles. The default value is the same
+         * as series' color.
+         *
+         * In styled mode, the color can be defined by the
+         * [colorIndex](#plotOptions.series.colorIndex) option. Also, the series
+         * color can be set with the `.highcharts-series`,
+         * `.highcharts-color-{n}`, `.highcharts-{type}-series` or
+         * `.highcharts-series-{n}` class, or individual classes given by the
+         * `className` option.
+         *
+         *
+         * @sample {highmaps} maps/demo/spider-map/
+         *         Spider map
+         * @sample {highmaps} maps/plotoptions/spider-map-line-color/
+         *         Different line color
+         *
+         * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
+         * @apioption plotOptions.mapbubble.lineColor
+         */
+        /**
+         * Pixel width of the line connecting bubbles.
+         *
+         * @sample {highmaps} maps/demo/spider-map/
+         *         Spider map
+         *
+         * @product   highmaps
+         * @apioption plotOptions.mapbubble.lineWidth
+         */
+        lineWidth: 0,
+        /**
+         * Maximum bubble size. Bubbles will automatically size between the
+         * `minSize` and `maxSize` to reflect the `z` value of each bubble.
+         * Can be either pixels (when no unit is given), or a percentage of
+         * the smallest one of the plot width and height.
+         *
+         * @sample {highmaps} highcharts/plotoptions/bubble-size/
          *         Bubble size
+         * @sample {highmaps} maps/demo/spider-map/
+         *         Spider map
          *
+         * @product   highmaps
          * @apioption plotOptions.mapbubble.maxSize
+
          */
         /**
+         * Minimum bubble size. Bubbles will automatically size between the
+         * `minSize` and `maxSize` to reflect the `z` value of each bubble.
+         * Can be either pixels (when no unit is given), or a percentage of
+         * the smallest one of the plot width and height.
+         *
          * @sample {highmaps} maps/demo/map-bubble/
          *         Bubble size
+         * @sample {highmaps} maps/demo/spider-map/
+         *         Spider map
          *
+         * @product   highmaps
          * @apioption plotOptions.mapbubble.minSize
          */
         /**
@@ -216,6 +261,7 @@ extend(MapBubbleSeries.prototype, {
     projectPoint: MapPointSeries.prototype.projectPoint,
     setData: MapSeries.prototype.setData,
     setOptions: MapSeries.prototype.setOptions,
+    updateData: MapSeries.prototype.updateData,
     useMapGeometry: true,
     xyFromShape: true
 });