highcharts 10.2.0 → 10.2.1

package/bower.json

@@ -1,6 +1,6 @@
 {
   "name": "highcharts",
-  "version": "10.2.0",
+  "version": "10.2.1",
   "main": "highcharts.js",
   "license": "https://www.highcharts.com/license",
   "types": "highcharts.d.ts"

package/css/highcharts.css

@@ -12,8 +12,7 @@
   height: 100%;
   text-align: left;
   line-height: normal;
-  z-index: 0;
-  /* #1072 */
+  z-index: 0; /* #1072 */
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
   font-size: 12px;
@@ -200,24 +199,20 @@ div.highcharts-tooltip {
 
 .highcharts-point-inactive {
   opacity: 0.2;
-  transition: opacity 50ms;
-  /* quick in */
+  transition: opacity 50ms; /* quick in */
 }
 
 .highcharts-series-inactive {
   opacity: 0.2;
-  transition: opacity 50ms;
-  /* quick in */
+  transition: opacity 50ms; /* quick in */
 }
 
 .highcharts-state-hover path {
-  transition: stroke-width 50ms;
-  /* quick in */
+  transition: stroke-width 50ms; /* quick in */
 }
 
 .highcharts-state-normal path {
-  transition: stroke-width 250ms;
-  /* slow out */
+  transition: stroke-width 250ms; /* slow out */
 }
 
 /* Legend hover affects points and series */
@@ -484,8 +479,7 @@ g.highcharts-series,
   fill: #cccccc;
 }
 
-circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
-  /* tracker */
+circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive { /* tracker */
   fill: rgba(192, 192, 192, 0.0001);
 }
 
@@ -611,8 +605,7 @@ circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
 }
 
 .highcharts-navigator-mask-inside {
-  fill: #6685c2;
-  /* navigator.maskFill option */
+  fill: #6685c2; /* navigator.maskFill option */
   fill-opacity: 0.25;
   cursor: ew-resize;
 }
@@ -750,13 +743,11 @@ circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
 input.highcharts-range-selector {
   position: absolute;
   border: 0;
-  width: 1px;
-  /* Chrome needs a pixel to see it */
+  width: 1px; /* Chrome needs a pixel to see it */
   height: 1px;
   padding: 0;
   text-align: center;
-  left: -9em;
-  /* #4798 */
+  left: -9em; /* #4798 */
 }
 
 .highcharts-crosshair-label text {
@@ -864,8 +855,7 @@ input.highcharts-range-selector {
 
 /* Exporting module */
 .highcharts-contextbutton {
-  fill: #ffffff;
-  /* needed to capture hover */
+  fill: #ffffff; /* needed to capture hover */
   stroke: none;
   stroke-linecap: round;
 }

package/css/themes/dark-unica.css

@@ -68,8 +68,7 @@
   height: 100%;
   text-align: left;
   line-height: normal;
-  z-index: 0;
-  /* #1072 */
+  z-index: 0; /* #1072 */
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: "Unica One", Arial, Helvetica, sans-serif;
   font-size: 12px;
@@ -256,24 +255,20 @@ div.highcharts-tooltip {
 
 .highcharts-point-inactive {
   opacity: 0.2;
-  transition: opacity 50ms;
-  /* quick in */
+  transition: opacity 50ms; /* quick in */
 }
 
 .highcharts-series-inactive {
   opacity: 0.2;
-  transition: opacity 50ms;
-  /* quick in */
+  transition: opacity 50ms; /* quick in */
 }
 
 .highcharts-state-hover path {
-  transition: stroke-width 50ms;
-  /* quick in */
+  transition: stroke-width 50ms; /* quick in */
 }
 
 .highcharts-state-normal path {
-  transition: stroke-width 250ms;
-  /* slow out */
+  transition: stroke-width 250ms; /* slow out */
 }
 
 /* Legend hover affects points and series */
@@ -545,8 +540,7 @@ g.highcharts-series,
   fill: #606063;
 }
 
-circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
-  /* tracker */
+circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive { /* tracker */
   fill: rgba(192, 192, 192, 0.0001);
 }
 
@@ -672,8 +666,7 @@ circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
 }
 
 .highcharts-navigator-mask-inside {
-  fill: rgba(255, 255, 255, 0.1);
-  /* navigator.maskFill option */
+  fill: rgba(255, 255, 255, 0.1); /* navigator.maskFill option */
   fill-opacity: 0.25;
   cursor: ew-resize;
 }
@@ -811,13 +804,11 @@ circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
 input.highcharts-range-selector {
   position: absolute;
   border: 0;
-  width: 1px;
-  /* Chrome needs a pixel to see it */
+  width: 1px; /* Chrome needs a pixel to see it */
   height: 1px;
   padding: 0;
   text-align: center;
-  left: -9em;
-  /* #4798 */
+  left: -9em; /* #4798 */
 }
 
 .highcharts-crosshair-label text {
@@ -925,8 +916,7 @@ input.highcharts-range-selector {
 
 /* Exporting module */
 .highcharts-contextbutton {
-  fill: #505053;
-  /* needed to capture hover */
+  fill: #505053; /* needed to capture hover */
   stroke: none;
   stroke-linecap: round;
 }

package/css/themes/grid-light.css

@@ -21,8 +21,7 @@
   height: 100%;
   text-align: left;
   line-height: normal;
-  z-index: 0;
-  /* #1072 */
+  z-index: 0; /* #1072 */
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: "Dosis", Arial, Helvetica, sans-serif;
   font-size: 12px;
@@ -209,24 +208,20 @@ div.highcharts-tooltip {
 
 .highcharts-point-inactive {
   opacity: 0.2;
-  transition: opacity 50ms;
-  /* quick in */
+  transition: opacity 50ms; /* quick in */
 }
 
 .highcharts-series-inactive {
   opacity: 0.2;
-  transition: opacity 50ms;
-  /* quick in */
+  transition: opacity 50ms; /* quick in */
 }
 
 .highcharts-state-hover path {
-  transition: stroke-width 50ms;
-  /* quick in */
+  transition: stroke-width 50ms; /* quick in */
 }
 
 .highcharts-state-normal path {
-  transition: stroke-width 250ms;
-  /* slow out */
+  transition: stroke-width 250ms; /* slow out */
 }
 
 /* Legend hover affects points and series */
@@ -498,8 +493,7 @@ g.highcharts-series,
   fill: #cccccc;
 }
 
-circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
-  /* tracker */
+circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive { /* tracker */
   fill: rgba(192, 192, 192, 0.0001);
 }
 
@@ -625,8 +619,7 @@ circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
 }
 
 .highcharts-navigator-mask-inside {
-  fill: #6685c2;
-  /* navigator.maskFill option */
+  fill: #6685c2; /* navigator.maskFill option */
   fill-opacity: 0.25;
   cursor: ew-resize;
 }
@@ -764,13 +757,11 @@ circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
 input.highcharts-range-selector {
   position: absolute;
   border: 0;
-  width: 1px;
-  /* Chrome needs a pixel to see it */
+  width: 1px; /* Chrome needs a pixel to see it */
   height: 1px;
   padding: 0;
   text-align: center;
-  left: -9em;
-  /* #4798 */
+  left: -9em; /* #4798 */
 }
 
 .highcharts-crosshair-label text {
@@ -878,8 +869,7 @@ input.highcharts-range-selector {
 
 /* Exporting module */
 .highcharts-contextbutton {
-  fill: #ffffff;
-  /* needed to capture hover */
+  fill: #ffffff; /* needed to capture hover */
   stroke: none;
   stroke-linecap: round;
 }

package/css/themes/sand-signika.css

@@ -37,8 +37,7 @@
   height: 100%;
   text-align: left;
   line-height: normal;
-  z-index: 0;
-  /* #1072 */
+  z-index: 0; /* #1072 */
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: "Signika", Arial, Helvetica, sans-serif;
   font-size: 12px;
@@ -225,24 +224,20 @@ div.highcharts-tooltip {
 
 .highcharts-point-inactive {
   opacity: 0.2;
-  transition: opacity 50ms;
-  /* quick in */
+  transition: opacity 50ms; /* quick in */
 }
 
 .highcharts-series-inactive {
   opacity: 0.2;
-  transition: opacity 50ms;
-  /* quick in */
+  transition: opacity 50ms; /* quick in */
 }
 
 .highcharts-state-hover path {
-  transition: stroke-width 50ms;
-  /* quick in */
+  transition: stroke-width 50ms; /* quick in */
 }
 
 .highcharts-state-normal path {
-  transition: stroke-width 250ms;
-  /* slow out */
+  transition: stroke-width 250ms; /* slow out */
 }
 
 /* Legend hover affects points and series */
@@ -514,8 +509,7 @@ g.highcharts-series,
   fill: #cccccc;
 }
 
-circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
-  /* tracker */
+circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive { /* tracker */
   fill: rgba(192, 192, 192, 0.0001);
 }
 
@@ -641,8 +635,7 @@ circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
 }
 
 .highcharts-navigator-mask-inside {
-  fill: #6685c2;
-  /* navigator.maskFill option */
+  fill: #6685c2; /* navigator.maskFill option */
   fill-opacity: 0.25;
   cursor: ew-resize;
 }
@@ -780,13 +773,11 @@ circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive {
 input.highcharts-range-selector {
   position: absolute;
   border: 0;
-  width: 1px;
-  /* Chrome needs a pixel to see it */
+  width: 1px; /* Chrome needs a pixel to see it */
   height: 1px;
   padding: 0;
   text-align: center;
-  left: -9em;
-  /* #4798 */
+  left: -9em; /* #4798 */
 }
 
 .highcharts-crosshair-label text {
@@ -894,8 +885,7 @@ input.highcharts-range-selector {
 
 /* Exporting module */
 .highcharts-contextbutton {
-  fill: #fff;
-  /* needed to capture hover */
+  fill: #fff; /* needed to capture hover */
   stroke: none;
   stroke-linecap: round;
 }

package/es-modules/Accessibility/Accessibility.js

@@ -16,6 +16,8 @@ import H from '../Core/Globals.js';
 var doc = H.doc;
 import U from '../Core/Utilities.js';
 var addEvent = U.addEvent, extend = U.extend, fireEvent = U.fireEvent, merge = U.merge;
+import HU from './Utils/HTMLUtilities.js';
+var removeElement = HU.removeElement;
 import A11yI18n from './A11yI18n.js';
 import ContainerComponent from './Components/ContainerComponent.js';
 import FocusBorder from './FocusBorder.js';
@@ -184,6 +186,10 @@ var Accessibility = /** @class */ (function () {
         if (this.proxyProvider) {
             this.proxyProvider.destroy();
         }
+        // Remove announcer container
+        if (chart.announcerContainer) {
+            removeElement(chart.announcerContainer);
+        }
         // Kill keyboard nav
         if (this.keyboardNavigation) {
             this.keyboardNavigation.destroy();

package/es-modules/Accessibility/Components/LegendComponent.js

@@ -56,9 +56,9 @@ function scrollLegendToItem(legend, itemIx) {
  * @private
  */
 function shouldDoLegendA11y(chart) {
-    var items = chart.legend && chart.legend.allItems, legendA11yOptions = (chart.options.legend.accessibility || {});
+    var items = chart.legend && chart.legend.allItems, legendA11yOptions = (chart.options.legend.accessibility || {}), unsupportedColorAxis = chart.colorAxis && chart.colorAxis.some(function (c) { return !c.dataClasses || !c.dataClasses.length; });
     return !!(items && items.length &&
-        !(chart.colorAxis && chart.colorAxis.length) &&
+        !unsupportedColorAxis &&
         legendA11yOptions.enabled !== false);
 }
 /**
@@ -111,7 +111,7 @@ var LegendComponent = /** @class */ (function (_super) {
     LegendComponent.prototype.init = function () {
         var component = this;
         this.recreateProxies();
-        // Note: Chart could create legend dynamically, so events can not be
+        // Note: Chart could create legend dynamically, so events cannot be
         // tied to the component's chart's current legend.
         // @todo 1. attach component to created legends
         // @todo 2. move listeners to composition and access `this.component`
@@ -394,11 +394,11 @@ var LegendComponent = /** @class */ (function (_super) {
      * @private
      */
     LegendComponent.prototype.shouldHaveLegendNavigation = function () {
-        var chart = this.chart, legendOptions = chart.options.legend || {}, hasLegend = chart.legend && chart.legend.allItems, hasColorAxis = chart.colorAxis && chart.colorAxis.length, legendA11yOptions = (legendOptions.accessibility || {});
-        return !!(hasLegend &&
-            chart.legend.display &&
-            !hasColorAxis &&
-            legendA11yOptions.enabled &&
+        if (!shouldDoLegendA11y(this.chart)) {
+            return false;
+        }
+        var chart = this.chart, legendOptions = chart.options.legend || {}, legendA11yOptions = (legendOptions.accessibility || {});
+        return !!(chart.legend.display &&
             legendA11yOptions.keyboardNavigation &&
             legendA11yOptions.keyboardNavigation.enabled);
     };

package/es-modules/Accessibility/Components/SeriesComponent/SeriesDescriber.js

@@ -182,7 +182,8 @@ function getPointA11yTimeDescription(point) {
  */
 function getPointXDescription(point) {
     var timeDesc = getPointA11yTimeDescription(point), xAxis = point.series.xAxis || {}, pointCategory = xAxis.categories && defined(point.category) &&
-        ('' + point.category).replace('<br/>', ' '), canUseId = point.id && point.id.indexOf('highcharts-') < 0, fallback = 'x, ' + point.x;
+        ('' + point.category).replace('<br/>', ' '), canUseId = defined(point.id) &&
+        ('' + point.id).indexOf('highcharts-') < 0, fallback = 'x, ' + point.x;
     return point.name || timeDesc || pointCategory ||
         (canUseId ? point.id : fallback);
 }
@@ -379,7 +380,7 @@ function describeSeries(series) {
         // For some series types the order of elements do not match the
         // order of points in series. In that case we have to reverse them
         // in order for AT to read them out in an understandable order.
-        // Due to z-index issues we can not do this for 3D charts.
+        // Due to z-index issues we cannot do this for 3D charts.
         if (seriesEl.lastChild === firstPointEl && !is3d) {
             reverseChildNodes(seriesEl);
         }

package/es-modules/Accessibility/Options/A11yDefaults.js

@@ -541,7 +541,7 @@ var Options = {
                  * Style options for the focus border drawn around elements
                  * while navigating through them. Note that some browsers in
                  * addition draw their own borders for focused elements. These
-                 * automatic borders can not be styled by Highcharts.
+                 * automatic borders cannot be styled by Highcharts.
                  *
                  * In styled mode, the border is given the
                  * `.highcharts-focus-border` class.

package/es-modules/Core/Axis/Axis.js

@@ -931,6 +931,9 @@ var Axis = /** @class */ (function () {
             // Backwards mapping is much faster than array searching (#7725)
             this.names.keys[point.name] = x;
         }
+        else if (point.x) {
+            x = point.x; // #17438
+        }
         return x;
     };
     /**

package/es-modules/Core/Axis/Axis3D.js

@@ -12,7 +12,7 @@
 'use strict';
 import H from '../Globals.js';
 var deg2rad = H.deg2rad;
-import Math3D from '../../Extensions/Math3D.js';
+import Math3D from '../Math3D.js';
 var perspective = Math3D.perspective, perspective3D = Math3D.perspective3D, shapeArea = Math3D.shapeArea;
 import Tick from './Tick.js';
 import Tick3D from './Tick3D.js';

package/es-modules/Core/Axis/AxisDefaults.js

@@ -2833,7 +2833,7 @@ var AxisDefaults;
             formatter: function () {
                 var numberFormatter = this.axis.chart.numberFormatter;
                 /* eslint-enable valid-jsdoc */
-                return numberFormatter(this.total, -1);
+                return numberFormatter(this.total || 0, -1);
             },
             /**
              * CSS styles for the label.

package/es-modules/Core/Axis/BrokenAxis.js

@@ -8,7 +8,7 @@
  *
  * */
 'use strict';
-import StackItem from '../../Extensions/Stacking.js';
+import StackItem from './Stacking/StackItem.js';
 import U from '../Utilities.js';
 var addEvent = U.addEvent, find = U.find, fireEvent = U.fireEvent, isArray = U.isArray, isNumber = U.isNumber, pick = U.pick;
 /* *

package/es-modules/Core/Axis/Color/ColorAxisDefaults.js

@@ -366,6 +366,10 @@ var colorAxisDefaults = {
      * first item is a float between 0 and 1 assigning the relative
      * position in the gradient, and the second item is the color.
      *
+     * @sample highcharts/coloraxis/coloraxis-stops/
+     *         Color axis stops
+     * @sample highcharts/coloraxis/color-key-with-stops/
+     *         Color axis stops with custom colorKey
      * @sample {highmaps} maps/demo/heatmap/
      *         Heatmap with three color stops
      *

package/es-modules/Core/Axis/NavigatorAxis.js

@@ -110,9 +110,9 @@ var NavigatorAxis = /** @class */ (function () {
             var chartOptions = chart.options;
             var navigator = chartOptions.navigator;
             var navigatorAxis = axis.navigatorAxis;
-            var pinchType = chartOptions.chart.pinchType;
+            var pinchType = chartOptions.chart.zooming.pinchType;
             var rangeSelector = chartOptions.rangeSelector;
-            var zoomType = chartOptions.chart.zoomType;
+            var zoomType = chartOptions.chart.zooming.type;
             var previousZoom;
             if (axis.isXAxis && ((navigator && navigator.enabled) ||
                 (rangeSelector && rangeSelector.enabled))) {

package/es-modules/Core/Axis/OrdinalAxis.js

@@ -622,8 +622,8 @@ var OrdinalAxis;
                     }
                     distanceBetweenPoint_1 =
                         series.processedXData[1] - series.processedXData[0];
-                    if (series.isSeriesBoosting) {
-                        isBoosted = series.isSeriesBoosting;
+                    if (series.boosted) {
+                        isBoosted = series.boosted;
                     }
                     if ((!ignoreHiddenSeries || series.visible !== false) &&
                         (series

package/es-modules/Core/Axis/RadialAxis.js

@@ -661,7 +661,7 @@ var RadialAxis;
         // Disable certain features on angular and polar axes
         if (angular || polar) {
             this.isRadial = true;
-            chartOptions.chart.zoomType = null;
+            chartOptions.chart.zooming.type = null;
             if (!this.labelCollector) {
                 this.labelCollector = this.createLabelCollector();
             }