highcharts 10.0.0 → 10.2.1

package/bower.json

@@ -1,6 +1,6 @@
 {
   "name": "highcharts",
-  "version": "10.0.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/A11yI18n.js

@@ -14,7 +14,7 @@
 import F from '../Core/FormatUtilities.js';
 var format = F.format;
 import U from '../Core/Utilities.js';
-var pick = U.pick;
+var getNestedProperty = U.getNestedProperty, pick = U.pick;
 /* *
  *
  *  Composition
@@ -71,7 +71,7 @@ var A11yI18nComposition;
             var eachEnd = statement.slice(eachStart).indexOf(')') + eachStart, preEach = statement.substring(0, eachStart), postEach = statement.substring(eachEnd + 1), eachStatement = statement.substring(eachStart + 6, eachEnd), eachArguments = eachStatement.split(',');
             var lenArg = Number(eachArguments[1]), len = void 0;
             result = '';
-            arr = ctx[eachArguments[0]];
+            arr = getNestedProperty(eachArguments[0], ctx);
             if (arr) {
                 lenArg = isNaN(lenArg) ? arr.length : lenArg;
                 len = lenArg < 0 ?
@@ -86,7 +86,7 @@ var A11yI18nComposition;
         }
         // Dealing with a plural-function?
         if (pluralStart > -1) {
-            var pluralEnd = (statement.slice(pluralStart).indexOf(')') + pluralStart), pluralStatement = statement.substring(pluralStart + 8, pluralEnd), pluralArguments = pluralStatement.split(','), num = Number(ctx[pluralArguments[0]]);
+            var pluralEnd = (statement.slice(pluralStart).indexOf(')') + pluralStart), pluralStatement = statement.substring(pluralStart + 8, pluralEnd), pluralArguments = pluralStatement.split(','), num = Number(getNestedProperty(pluralArguments[0], ctx));
             switch (num) {
                 case 0:
                     result = pick(pluralArguments[4], pluralArguments[1]);
@@ -106,7 +106,7 @@ var A11yI18nComposition;
         if (indexStart > -1) {
             var arrayName = statement.substring(0, indexStart), ix = Number(statement.substring(indexStart + 1, indexEnd));
             var val = void 0;
-            arr = ctx[arrayName];
+            arr = getNestedProperty(arrayName, ctx);
             if (!isNaN(ix) && arr) {
                 if (ix < 0) {
                     val = arr[arr.length + ix];

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';
@@ -30,8 +32,8 @@ import SeriesComponent from './Components/SeriesComponent/SeriesComponent.js';
 import ZoomComponent from './Components/ZoomComponent.js';
 import whcm from './HighContrastMode.js';
 import highContrastTheme from './HighContrastTheme.js';
-import defaultOptionsA11Y from './Options/Options.js';
-import defaultLangOptions from './Options/LangOptions.js';
+import defaultOptionsA11Y from './Options/A11yDefaults.js';
+import defaultLangOptions from './Options/LangDefaults.js';
 import copyDeprecatedOptions from './Options/DeprecatedOptions.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();
@@ -324,7 +330,6 @@ var Accessibility = /** @class */ (function () {
         LegendComponent.compose(ChartClass, LegendClass);
         MenuComponent.compose(ChartClass);
         SeriesComponent.compose(ChartClass, PointClass, SeriesClass);
-        ZoomComponent.compose(AxisClass);
         // RangeSelector
         A11yI18n.compose(ChartClass);
         FocusBorder.compose(ChartClass, SVGElementClass);

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

@@ -111,7 +111,7 @@ function getAnnotationListItems(chart) {
     var labels = getChartAnnotationLabels(chart);
     return labels.map(function (label) {
         var desc = escapeStringForHTML(stripHTMLTagsFromString(getAnnotationLabelDescription(label)));
-        return desc ? "<li>" + desc + "</li>" : '';
+        return desc ? "<li>".concat(desc, "</li>") : '';
     });
 }
 /**
@@ -127,7 +127,7 @@ function getAnnotationsInfoHTML(chart) {
         return '';
     }
     var annotationItems = getAnnotationListItems(chart);
-    return "<ul style=\"list-style-type: none\">" + annotationItems.join(' ') + "</ul>";
+    return "<ul style=\"list-style-type: none\">".concat(annotationItems.join(' '), "</ul>");
 }
 /**
  * Return the texts for the annotation(s) connected to a point, or empty array
@@ -144,7 +144,7 @@ function getPointAnnotationTexts(point) {
     if (!pointLabels.length) {
         return [];
     }
-    return pointLabels.map(function (label) { return "" + getLabelText(label); });
+    return pointLabels.map(function (label) { return "".concat(getLabelText(label)); });
 }
 /* *
  *

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

@@ -14,10 +14,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -97,20 +99,19 @@ var ContainerComponent = /** @class */ (function (_super) {
         }
     };
     /**
+     * Set attributes on the chart container element.
      * @private
      */
     ContainerComponent.prototype.setRenderToAttrs = function () {
-        var chart = this.chart;
-        if (chart.options.accessibility.landmarkVerbosity !== 'disabled') {
-            chart.renderTo.setAttribute('role', 'region');
-        }
-        else {
-            chart.renderTo.removeAttribute('role');
-        }
-        chart.renderTo.setAttribute('aria-label', chart.langFormat('accessibility.chartContainerLabel', {
+        var chart = this.chart, shouldHaveLandmark = chart.options.accessibility
+            .landmarkVerbosity !== 'disabled', containerLabel = chart.langFormat('accessibility.chartContainerLabel', {
             title: getChartTitle(chart),
             chart: chart
-        }));
+        });
+        if (containerLabel) {
+            chart.renderTo.setAttribute('role', shouldHaveLandmark ? 'region' : 'group');
+            chart.renderTo.setAttribute('aria-label', containerLabel);
+        }
     };
     /**
      * @private

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

@@ -14,10 +14,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -90,11 +92,12 @@ function buildTypeDescriptionFromSeries(chart, types, context) {
  * @return {string} The text description of the chart type.
  */
 function getTypeDescription(chart, types) {
-    var firstType = types[0], firstSeries = chart.series && chart.series[0] || {}, formatContext = {
+    var firstType = types[0], firstSeries = chart.series && chart.series[0] || {}, mapTitle = chart.mapView && chart.mapView.geoMap &&
+        chart.mapView.geoMap.title, formatContext = {
         numSeries: chart.series.length,
         numPoints: firstSeries.points && firstSeries.points.length,
         chart: chart,
-        mapTitle: firstSeries.mapTitle
+        mapTitle: mapTitle
     };
     if (!firstType) {
         return getTypeDescForEmptyChart(chart, formatContext);
@@ -280,27 +283,28 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
             if (sectionDiv.parentNode) {
                 sectionDiv.parentNode.removeChild(sectionDiv);
             }
-            delete region.element;
+            region.element = null;
         }
     };
     /**
+     * Apply a11y attributes to a screen reader info section
      * @private
      * @param {Highcharts.HTMLDOMElement} sectionDiv The section element
      * @param {string} regionKey Name/key of the region we are setting attrs for
      */
     InfoRegionsComponent.prototype.setScreenReaderSectionAttribs = function (sectionDiv, regionKey) {
-        var labelLangKey = ('accessibility.screenReaderSection.' + regionKey + 'RegionLabel'), chart = this.chart, labelText = chart.langFormat(labelLangKey, { chart: chart, chartTitle: getChartTitle(chart) }), sectionId = 'highcharts-screen-reader-region-' + regionKey + '-' +
-            chart.index;
+        var chart = this.chart, labelText = chart.langFormat('accessibility.screenReaderSection.' + regionKey +
+            'RegionLabel', { chart: chart, chartTitle: getChartTitle(chart) }), sectionId = "highcharts-screen-reader-region-".concat(regionKey, "-").concat(chart.index);
         attr(sectionDiv, {
             id: sectionId,
-            'aria-label': labelText
+            'aria-label': labelText || void 0
         });
         // Sections are wrapped to be positioned relatively to chart in case
         // elements inside are tabbed to.
         sectionDiv.style.position = 'relative';
-        if (chart.options.accessibility.landmarkVerbosity === 'all' &&
-            labelText) {
-            sectionDiv.setAttribute('role', 'region');
+        if (labelText) {
+            sectionDiv.setAttribute('role', chart.options.accessibility.landmarkVerbosity === 'all' ?
+                'region' : 'group');
         }
     };
     /**
@@ -499,7 +503,10 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
             return axes.length > 1 || axes[0] &&
                 pick(axes[0].options.accessibility &&
                     axes[0].options.accessibility.enabled, defaultCondition);
-        }, hasNoMap = !!chart.types && chart.types.indexOf('map') < 0, hasCartesian = !!chart.hasCartesianSeries, showXAxes = shouldDescribeColl('xAxis', !chart.angular && hasCartesian && hasNoMap), showYAxes = shouldDescribeColl('yAxis', hasCartesian && hasNoMap), desc = {};
+        }, hasNoMap = !!chart.types &&
+            chart.types.indexOf('map') < 0 &&
+            chart.types.indexOf('treemap') < 0 &&
+            chart.types.indexOf('tilemap') < 0, hasCartesian = !!chart.hasCartesianSeries, showXAxes = shouldDescribeColl('xAxis', !chart.angular && hasCartesian && hasNoMap), showYAxes = shouldDescribeColl('yAxis', hasCartesian && hasNoMap), desc = {};
         if (showXAxes) {
             desc.xAxis = this.getAxisDescriptionText('xAxis');
         }

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

@@ -14,10 +14,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -41,7 +43,6 @@ var stripHTMLTags = HU.stripHTMLTagsFromString, addClass = HU.addClass, removeCl
  *  Functions
  *
  * */
-/* eslint-disable valid-jsdoc */
 /**
  * @private
  */
@@ -55,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);
 }
 /**
@@ -103,7 +104,6 @@ var LegendComponent = /** @class */ (function (_super) {
      *  Functions
      *
      * */
-    /* eslint-disable valid-jsdoc */
     /**
      * Init the component
      * @private
@@ -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/MenuComponent.js

@@ -14,10 +14,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

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

@@ -14,10 +14,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());