highcharts 10.2.1 → 10.3.1

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

@@ -26,7 +26,7 @@ var animObject = A.animObject;
 import Chart from '../../Core/Chart/Chart.js';
 import FU from '../../Core/FormatUtilities.js';
 var format = FU.format;
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 import SeriesLabelDefaults from './SeriesLabelDefaults.js';
 import SLU from './SeriesLabelUtilities.js';
@@ -226,7 +226,7 @@ function drawSeriesLabels(chart) {
                     labelText = labelOptions.formatter.call(series);
                 }
                 series.labelBySeries = label = chart.renderer
-                    .label(labelText, 0, 0, 'connector')
+                    .label(labelText, 0, 0, 'connector', 0, 0, labelOptions.useHTML)
                     .addClass('highcharts-series-label ' +
                     'highcharts-series-label-' + series.index + ' ' +
                     (series.options.className || '') + ' ' +

package/es-modules/Extensions/SeriesLabel/SeriesLabelDefaults.js

@@ -108,6 +108,10 @@ var SeriesLabelDefaults = {
         /** @internal */
         fontWeight: 'bold'
     },
+    /**
+     * Whether to use HTML to render the series label.
+     */
+    useHTML: false,
     /**
      * An array of boxes to avoid when laying out the labels. Each
      * item has a `left`, `right`, `top` and `bottom` property.

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

@@ -15,7 +15,7 @@
  *  Imports
  *
  * */
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var defaultOptions = D.defaultOptions;
 import U from '../../Core/Utilities.js';
 var merge = U.merge;

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

@@ -13,7 +13,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 /* *
  *

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

@@ -12,7 +12,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 import U from '../../Core/Utilities.js';
 var createElement = U.createElement;

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

@@ -12,7 +12,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 import U from '../../Core/Utilities.js';
 var createElement = U.createElement;

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

@@ -10,7 +10,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 /* *
  *

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

@@ -10,7 +10,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 /* *
  *

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

@@ -10,7 +10,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 import U from '../../Core/Utilities.js';
 var createElement = U.createElement;

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

@@ -10,7 +10,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 /* *
  *

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

@@ -10,7 +10,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 /* *
  *

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

@@ -10,7 +10,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 import U from '../../Core/Utilities.js';
 var createElement = U.createElement;

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

@@ -14,7 +14,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 /* *
  *

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

@@ -14,7 +14,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 /* *
  *

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

@@ -10,7 +10,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 import H from '../../Core/Globals.js';
 import U from '../../Core/Utilities.js';

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

@@ -10,7 +10,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 /* *
  *

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

@@ -13,7 +13,7 @@
  *
  * */
 'use strict';
-import D from '../../Core/DefaultOptions.js';
+import D from '../../Core/Defaults.js';
 var setOptions = D.setOptions;
 /* *
  *

package/es-modules/Gantt/Connection.js

@@ -9,7 +9,12 @@
  *
  * */
 'use strict';
+import D from '../Core/Defaults.js';
+var defaultOptions = D.defaultOptions;
 import H from '../Core/Globals.js';
+import Point from '../Core/Series/Point.js';
+import U from '../Core/Utilities.js';
+var defined = U.defined, error = U.error, extend = U.extend, merge = U.merge, objectEach = U.objectEach, pick = U.pick;
 /**
  * The default pathfinder algorithm to use for a chart. It is possible to define
  * your own algorithms by adding them to the
@@ -33,11 +38,6 @@ import H from '../Core/Globals.js';
  * @typedef {"fastAvoid"|"simpleConnect"|"straight"|string} Highcharts.PathfinderTypeValue
  */
 ''; // detach doclets above
-import D from '../Core/DefaultOptions.js';
-var defaultOptions = D.defaultOptions;
-import Point from '../Core/Series/Point.js';
-import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, defined = U.defined, error = U.error, extend = U.extend, merge = U.merge, objectEach = U.objectEach, pick = U.pick, splat = U.splat;
 import '../Extensions/ArrowSymbols.js';
 var deg2rad = H.deg2rad, max = Math.max, min = Math.min;
 /*

package/es-modules/Gantt/Pathfinder.js

@@ -11,7 +11,12 @@
 'use strict';
 import Connection from './Connection.js';
 import Chart from '../Core/Chart/Chart.js';
+import D from '../Core/Defaults.js';
+var defaultOptions = D.defaultOptions;
 import H from '../Core/Globals.js';
+import Point from '../Core/Series/Point.js';
+import U from '../Core/Utilities.js';
+var addEvent = U.addEvent, defined = U.defined, error = U.error, extend = U.extend, merge = U.merge, pick = U.pick, splat = U.splat;
 /**
  * The default pathfinder algorithm to use for a chart. It is possible to define
  * your own algorithms by adding them to the
@@ -35,14 +40,9 @@ import H from '../Core/Globals.js';
  * @typedef {"fastAvoid"|"simpleConnect"|"straight"|string} Highcharts.PathfinderTypeValue
  */
 ''; // detach doclets above
-import D from '../Core/DefaultOptions.js';
-var defaultOptions = D.defaultOptions;
-import Point from '../Core/Series/Point.js';
-import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, defined = U.defined, error = U.error, extend = U.extend, merge = U.merge, objectEach = U.objectEach, pick = U.pick, splat = U.splat;
 import pathfinderAlgorithms from './PathfinderAlgorithms.js';
 import '../Extensions/ArrowSymbols.js';
-var deg2rad = H.deg2rad, max = Math.max, min = Math.min;
+var max = Math.max, min = Math.min;
 /*
  @todo:
      - Document how to write your own algorithms

package/es-modules/Maps/MapNavigation.js

@@ -13,7 +13,7 @@ import H from '../Core/Globals.js';
 var doc = H.doc;
 import U from '../Core/Utilities.js';
 var addEvent = U.addEvent, extend = U.extend, isNumber = U.isNumber, merge = U.merge, objectEach = U.objectEach, pick = U.pick;
-import './MapNavigationOptionsDefault.js';
+import './MapNavigationDefaults.js';
 /* eslint-disable no-invalid-this, valid-jsdoc */
 /**
  * @private

package/es-modules/Maps/{MapNavigationOptionsDefault.js → MapNavigationDefaults.js}

@@ -8,7 +8,7 @@
  *
  * */
 'use strict';
-import D from '../Core/DefaultOptions.js';
+import D from '../Core/Defaults.js';
 import U from '../Core/Utilities.js';
 var extend = U.extend;
 /* *
@@ -23,7 +23,7 @@ var extend = U.extend;
  * @product      highmaps
  * @optionparent mapNavigation
  */
-var defaultOptions = {
+var MapNavigationDefaults = {
     /**
      * General options for the map navigation buttons. Individual options
      * can be given from the [mapNavigation.buttons](#mapNavigation.buttons)
@@ -255,10 +255,10 @@ extend(D.defaultOptions.lang, {
     zoomOut: 'Zoom out'
 });
 // Set the default map navigation options
-D.defaultOptions.mapNavigation = defaultOptions;
+D.defaultOptions.mapNavigation = MapNavigationDefaults;
 /* *
  *
  *  Default Export
  *
  * */
-export default defaultOptions;
+export default MapNavigationDefaults;

package/es-modules/Maps/MapViewOptionsDefault.js

@@ -59,7 +59,7 @@ var defaultOptions = {
      *
      * @type   {Object}
      *
-     * @sample maps/mapview/projection-explorer
+     * @sample maps/demo/projection-explorer
      *         Projection explorer
      * @sample maps/demo/topojson-projection
      *         Orthographic projection
@@ -74,7 +74,7 @@ var defaultOptions = {
          * `LambertConformalConic`, `Miller`, `Orthographic` and `WebMercator`.
          *
          * @type   {string}
-         * @sample maps/mapview/projection-explorer
+         * @sample maps/demo/projection-explorer
          *         Projection explorer
          * @sample maps/mapview/projection-custom-proj4js
          *         Custom UTM projection definition
@@ -91,7 +91,7 @@ var defaultOptions = {
          *
          * @sample maps/mapview/projection-parallels
          *         LCC projection with parallels
-         * @sample maps/mapview/projection-explorer
+         * @sample maps/demo/projection-explorer
          *         Projection explorer
          * @type {Array<number>}
          */
@@ -105,7 +105,7 @@ var defaultOptions = {
          * * `phi` shifts the latitudes by the given value. Can be omitted.
          * * `gamma` applies a _roll_. Can be omitted.
          *
-         * @sample maps/mapview/projection-explorer
+         * @sample maps/demo/projection-explorer
          *         Projection explorer
          * @sample maps/mapview/projection-america-centric
          *         America-centric world map

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

@@ -43,7 +43,7 @@ import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 import SVGRenderer from '../../Core/Renderer/SVG/SVGRenderer.js';
 import U from '../../Core/Utilities.js';
 var symbols = SVGRenderer.prototype.symbols;
-var SankeySeries = SeriesRegistry.seriesTypes.sankey;
+var _a = SeriesRegistry.seriesTypes, ColumnSeries = _a.column, SankeySeries = _a.sankey;
 var extend = U.extend, merge = U.merge, pick = U.pick, relativeLength = U.relativeLength;
 /* *
  *
@@ -330,14 +330,12 @@ var ArcDiagramSeries = /** @class */ (function (_super) {
         if (this.options.dataLabels) {
             var textPath = this.options.dataLabels.textPath;
             // Render node labels:
-            SankeySeries.prototype.drawDataLabels.apply(this, arguments);
+            ColumnSeries.prototype.drawDataLabels.call(this, this.nodes);
             // Render link labels:
-            this.points = this.data;
             this.options.dataLabels.textPath =
                 this.options.dataLabels.linkTextPath;
-            _super.prototype.drawDataLabels.apply(this, arguments);
+            ColumnSeries.prototype.drawDataLabels.call(this, this.data);
             // Restore nodes
-            this.points = this.points.concat(this.nodes || []);
             this.options.dataLabels.textPath = textPath;
         }
     };

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

@@ -54,10 +54,6 @@ var AreaRangePoint = /** @class */ (function (_super) {
          */
         _this.low = void 0;
         _this.options = void 0;
-        _this.plotHigh = void 0;
-        _this.plotLow = void 0;
-        _this.plotHighX = void 0;
-        _this.plotLowX = void 0;
         _this.plotX = void 0;
         _this.series = void 0;
         return _this;
@@ -85,9 +81,9 @@ var AreaRangePoint = /** @class */ (function (_super) {
             series.stateMarkerGraphic = series.upperStateMarkerGraphic;
         }
         // Change state also for the top marker
-        this.graphic = this.upperGraphic;
+        this.graphic = this.graphics && this.graphics[1];
         this.plotY = this.plotHigh;
-        if (isPolar) {
+        if (isPolar && isNumber(this.plotHighX)) {
             this.plotX = this.plotHighX;
         }
         // Top state:
@@ -95,8 +91,8 @@ var AreaRangePoint = /** @class */ (function (_super) {
         this.state = prevState;
         // Now restore defaults
         this.plotY = this.plotLow;
-        this.graphic = this.lowerGraphic;
-        if (isPolar) {
+        this.graphic = this.graphics && this.graphics[0];
+        if (isPolar && isNumber(this.plotLowX)) {
             this.plotX = this.plotLowX;
         }
         if (series.stateMarkerGraphic) {
@@ -113,7 +109,7 @@ var AreaRangePoint = /** @class */ (function (_super) {
         var path = [];
         // Bottom halo
         this.plotY = this.plotLow;
-        if (isPolar) {
+        if (isPolar && isNumber(this.plotLowX)) {
             this.plotX = this.plotLowX;
         }
         if (this.isInside) {
@@ -121,7 +117,7 @@ var AreaRangePoint = /** @class */ (function (_super) {
         }
         // Top halo
         this.plotY = this.plotHigh;
-        if (isPolar) {
+        if (isPolar && isNumber(this.plotHighX)) {
             this.plotX = this.plotHighX;
         }
         if (this.isTopInside) {

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

@@ -29,7 +29,7 @@ var noop = H.noop;
 import SeriesRegistry from '../../Core/Series/SeriesRegistry.js';
 var _a = SeriesRegistry.seriesTypes, AreaSeries = _a.area, areaProto = _a.area.prototype, columnProto = _a.column.prototype;
 import U from '../../Core/Utilities.js';
-var defined = U.defined, extend = U.extend, isArray = U.isArray, pick = U.pick, merge = U.merge;
+var addEvent = U.addEvent, defined = U.defined, extend = U.extend, isArray = U.isArray, isNumber = U.isNumber, pick = U.pick, merge = U.merge;
 /* *
  *
  *  Constants
@@ -94,6 +94,9 @@ var areaRangeSeriesOptions = {
      * @private
      */
     lineWidth: 1,
+    /**
+     * @type {number|null}
+     */
     threshold: null,
     tooltip: {
         pointFormat: '<span style="color:{series.color}">\u25CF</span> ' +
@@ -208,48 +211,11 @@ var AreaRangeSeries = /** @class */ (function (_super) {
      */
     AreaRangeSeries.prototype.highToXY = function (point) {
         // Find the polar plotX and plotY
-        var chart = this.chart, xy = this.xAxis.postTranslate(point.rectPlotX || 0, this.yAxis.len - point.plotHigh);
+        var chart = this.chart, xy = this.xAxis.postTranslate(point.rectPlotX || 0, this.yAxis.len - (point.plotHigh || 0));
         point.plotHighX = xy.x - chart.plotLeft;
         point.plotHigh = xy.y - chart.plotTop;
         point.plotLowX = point.plotX;
     };
-    /**
-     * Translate data points from raw values x and y to plotX and plotY.
-     * @private
-     */
-    AreaRangeSeries.prototype.translate = function () {
-        var series = this;
-        areaProto.translate.apply(series);
-        // Set plotLow and plotHigh
-        series.points.forEach(function (point, i) {
-            var high = point.high, plotY = point.plotY;
-            if (point.isNull) {
-                point.plotY = null;
-            }
-            else {
-                var yAxis = series.chart.hasParallelCoordinates ?
-                    series.chart.yAxis[i] :
-                    series.yAxis;
-                point.plotLow = plotY;
-                // Calculate plotHigh value based on each yAxis scale (#15752)
-                point.plotHigh = yAxis.translate(series.dataModify ?
-                    series.dataModify.modifyValue(high) : high, 0, 1, 0, 1);
-                if (series.dataModify) {
-                    point.yBottom = point.plotHigh;
-                }
-            }
-        });
-        // Postprocess plotHigh
-        if (this.chart.polar) {
-            this.points.forEach(function (point) {
-                series.highToXY(point);
-                point.tooltipPos = [
-                    (point.plotHighX + point.plotLowX) / 2,
-                    (point.plotHigh + point.plotLow) / 2
-                ];
-            });
-        }
-    };
     /**
      * Extend the line series' getSegmentPath method by applying the segment
      * path to both lower and higher values of the range.
@@ -379,12 +345,13 @@ var AreaRangeSeries = /** @class */ (function (_super) {
                 while (i--) {
                     point = data[i];
                     if (point) {
+                        var _a = point.plotHigh, plotHigh = _a === void 0 ? 0 : _a, _b = point.plotLow, plotLow = _b === void 0 ? 0 : _b;
                         up = upperDataLabelOptions.inside ?
-                            point.plotHigh < point.plotLow :
-                            point.plotHigh > point.plotLow;
+                            plotHigh < plotLow :
+                            plotHigh > plotLow;
                         point.y = point.high;
                         point._plotY = point.plotY;
-                        point.plotY = point.plotHigh;
+                        point.plotY = plotHigh;
                         // Store original data labels and set preliminary label
                         // objects to be picked up in the uber method
                         originalDataLabels[i] = point.dataLabel;
@@ -432,9 +399,10 @@ var AreaRangeSeries = /** @class */ (function (_super) {
                 while (i--) {
                     point = data[i];
                     if (point) {
+                        var _c = point.plotHigh, plotHigh = _c === void 0 ? 0 : _c, _d = point.plotLow, plotLow = _d === void 0 ? 0 : _d;
                         up = lowerDataLabelOptions.inside ?
-                            point.plotHigh < point.plotLow :
-                            point.plotHigh > point.plotLow;
+                            plotHigh < plotLow :
+                            plotHigh > plotLow;
                         // Set the default offset
                         point.below = !up;
                         if (inverted) {
@@ -488,6 +456,7 @@ var AreaRangeSeries = /** @class */ (function (_super) {
         i = 0;
         while (i < pointLength) {
             point = series.points[i];
+            point.graphics = point.graphics || [];
             // Save original props to be overridden by temporary props for top
             // points
             point.origProps = {
@@ -498,8 +467,10 @@ var AreaRangeSeries = /** @class */ (function (_super) {
                 zone: point.zone,
                 y: point.y
             };
-            point.lowerGraphic = point.graphic;
-            point.graphic = point.upperGraphic;
+            if (point.graphic) {
+                point.graphics[0] = point.graphic;
+            }
+            point.graphic = point.graphics[1];
             point.plotY = point.plotHigh;
             if (defined(point.plotHighX)) {
                 point.plotX = point.plotHighX;
@@ -524,8 +495,11 @@ var AreaRangeSeries = /** @class */ (function (_super) {
         i = 0;
         while (i < pointLength) {
             point = series.points[i];
-            point.upperGraphic = point.graphic;
-            point.graphic = point.lowerGraphic;
+            point.graphics = point.graphics || [];
+            if (point.graphic) {
+                point.graphics[1] = point.graphic;
+            }
+            point.graphic = point.graphics[0];
             if (point.origProps) {
                 extend(point, point.origProps);
                 delete point.origProps;
@@ -536,6 +510,43 @@ var AreaRangeSeries = /** @class */ (function (_super) {
     AreaRangeSeries.defaultOptions = merge(AreaSeries.defaultOptions, areaRangeSeriesOptions);
     return AreaRangeSeries;
 }(AreaSeries));
+addEvent(AreaRangeSeries, 'afterTranslate', function () {
+    // Set plotLow and plotHigh
+    var _this = this;
+    // Rules out lollipop, but lollipop should not inherit range series in the
+    // first place
+    if (this.pointArrayMap.join(',') === 'low,high') {
+        this.points.forEach(function (point) {
+            var high = point.high, plotY = point.plotY;
+            if (point.isNull) {
+                point.plotY = void 0;
+            }
+            else {
+                point.plotLow = plotY;
+                // Calculate plotHigh value based on each yAxis scale (#15752)
+                point.plotHigh = isNumber(high) ? _this.yAxis.translate(_this.dataModify ?
+                    _this.dataModify.modifyValue(high) : high, false, true, void 0, true) : void 0;
+                if (_this.dataModify) {
+                    point.yBottom = point.plotHigh;
+                }
+            }
+        });
+    }
+}, { order: 0 });
+addEvent(AreaRangeSeries, 'afterTranslate', function () {
+    var _this = this;
+    // Postprocess after the PolarComposition's afterTranslate
+    if (this.chart.polar) {
+        this.points.forEach(function (point) {
+            _this.highToXY(point);
+            point.plotLow = point.plotY;
+            point.tooltipPos = [
+                ((point.plotHighX || 0) + (point.plotLowX || 0)) / 2,
+                ((point.plotHigh || 0) + (point.plotLow || 0)) / 2
+            ];
+        });
+    }
+}, { order: 3 });
 extend(AreaRangeSeries.prototype, {
     deferTranslatePolar: true,
     pointArrayMap: ['low', 'high'],

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

@@ -249,9 +249,12 @@ var BoxPlotSeries = /** @class */ (function (_super) {
      * @optionparent plotOptions.boxplot
      */
     BoxPlotSeries.defaultOptions = merge(ColumnSeries.defaultOptions, {
+        /**
+         * @type {number|null}
+         */
         threshold: null,
         tooltip: {
-            pointFormat: '<span style="color:{point.color}">\u25CF</span> <b> ' +
+            pointFormat: '<span style="color:{point.color}">\u25CF</span> <b>' +
                 '{series.name}</b><br/>' +
                 'Maximum: {point.high}<br/>' +
                 'Upper quartile: {point.q3}<br/>' +