highcharts 8.1.0 → 8.2.2

package/bower.json

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

package/css/highcharts.css

@@ -17,6 +17,7 @@
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
   font-size: 12px;
+  user-select: none;
 }
 
 .highcharts-root {
@@ -184,6 +185,12 @@ div.highcharts-tooltip {
   stroke-linejoin: round;
 }
 
+.highcharts-empty-series {
+  stroke-width: 1px;
+  fill: none;
+  stroke: #cccccc;
+}
+
 .highcharts-state-hover .highcharts-graph {
   stroke-width: 3;
 }
@@ -287,6 +294,11 @@ g.highcharts-series,
   stroke: #ffffff;
 }
 
+.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible),
+.highcharts-a11y-marker-hidden {
+  opacity: 0;
+}
+
 .highcharts-point {
   stroke-width: 1px;
 }

package/css/highcharts.scss

@@ -90,6 +90,7 @@ $indicator-negative-line: #F21313;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
     font-family: $font-family;
     font-size: 12px;
+    user-select: none;
 }
 .highcharts-root {
     display: block;
@@ -229,6 +230,13 @@ div.highcharts-tooltip {
     stroke-linecap: round;
     stroke-linejoin: round;
 }
+
+.highcharts-empty-series {
+    stroke-width: 1px;
+    fill: none;
+    stroke: $neutral-color-20;
+}
+
 .highcharts-state-hover .highcharts-graph {
     stroke-width: 3;
 }
@@ -282,6 +290,10 @@ g.highcharts-series,
     stroke-width: 1px;
     stroke: $background-color;
 }
+.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible),
+.highcharts-a11y-marker-hidden {
+    opacity: 0;
+}
 .highcharts-point {
     stroke-width: 1px;
 }

package/css/themes/dark-unica.css

@@ -73,6 +73,7 @@
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: "Unica One", Arial, Helvetica, sans-serif;
   font-size: 12px;
+  user-select: none;
 }
 
 .highcharts-root {
@@ -240,6 +241,12 @@ div.highcharts-tooltip {
   stroke-linejoin: round;
 }
 
+.highcharts-empty-series {
+  stroke-width: 1px;
+  fill: none;
+  stroke: #606063;
+}
+
 .highcharts-state-hover .highcharts-graph {
   stroke-width: 3;
 }
@@ -348,6 +355,11 @@ g.highcharts-series,
   stroke: #2a2a2b;
 }
 
+.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible),
+.highcharts-a11y-marker-hidden {
+  opacity: 0;
+}
+
 .highcharts-point {
   stroke-width: 1px;
 }

package/css/themes/grid-light.css

@@ -26,6 +26,7 @@
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: "Dosis", Arial, Helvetica, sans-serif;
   font-size: 12px;
+  user-select: none;
 }
 
 .highcharts-root {
@@ -193,6 +194,12 @@ div.highcharts-tooltip {
   stroke-linejoin: round;
 }
 
+.highcharts-empty-series {
+  stroke-width: 1px;
+  fill: none;
+  stroke: #cccccc;
+}
+
 .highcharts-state-hover .highcharts-graph {
   stroke-width: 3;
 }
@@ -301,6 +308,11 @@ g.highcharts-series,
   stroke: #ffffff;
 }
 
+.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible),
+.highcharts-a11y-marker-hidden {
+  opacity: 0;
+}
+
 .highcharts-point {
   stroke-width: 1px;
 }

package/css/themes/sand-signika.css

@@ -42,6 +42,7 @@
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   font-family: "Signika", Arial, Helvetica, sans-serif;
   font-size: 12px;
+  user-select: none;
 }
 
 .highcharts-root {
@@ -209,6 +210,12 @@ div.highcharts-tooltip {
   stroke-linejoin: round;
 }
 
+.highcharts-empty-series {
+  stroke-width: 1px;
+  fill: none;
+  stroke: #cccccc;
+}
+
 .highcharts-state-hover .highcharts-graph {
   stroke-width: 3;
 }
@@ -317,6 +324,11 @@ g.highcharts-series,
   stroke: none;
 }
 
+.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible),
+.highcharts-a11y-marker-hidden {
+  opacity: 0;
+}
+
 .highcharts-point {
   stroke-width: 1px;
 }

package/es-modules/{modules/accessibility/a11y-i18n.js → Accessibility/A11yI18n.js}

@@ -11,8 +11,8 @@
  *
  * */
 'use strict';
-import H from '../../parts/Globals.js';
-import U from '../../parts/Utilities.js';
+import H from '../Core/Globals.js';
+import U from '../Core/Utilities.js';
 var format = U.format, pick = U.pick;
 /* eslint-disable valid-jsdoc */
 /**

package/es-modules/{modules/accessibility/accessibility.js → Accessibility/Accessibility.js}

@@ -10,31 +10,34 @@
  *
  * */
 'use strict';
-import ChartUtilities from './utils/chartUtilities.js';
-import H from '../../parts/Globals.js';
+import ChartUtilities from './Utils/ChartUtilities.js';
+import H from '../Core/Globals.js';
+var doc = H.doc;
 import KeyboardNavigationHandler from './KeyboardNavigationHandler.js';
-import Point from '../../parts/Point.js';
-import U from '../../parts/Utilities.js';
+import CartesianSeries from '../Core/Series/CartesianSeries.js';
+import O from '../Core/Options.js';
+var defaultOptions = O.defaultOptions;
+import Point from '../Core/Series/Point.js';
+import U from '../Core/Utilities.js';
 var addEvent = U.addEvent, extend = U.extend, fireEvent = U.fireEvent, merge = U.merge;
-var doc = H.win.document;
 import AccessibilityComponent from './AccessibilityComponent.js';
 import KeyboardNavigation from './KeyboardNavigation.js';
-import LegendComponent from './components/LegendComponent.js';
-import MenuComponent from './components/MenuComponent.js';
-import SeriesComponent from './components/SeriesComponent/SeriesComponent.js';
-import ZoomComponent from './components/ZoomComponent.js';
-import RangeSelectorComponent from './components/RangeSelectorComponent.js';
-import InfoRegionsComponent from './components/InfoRegionsComponent.js';
-import ContainerComponent from './components/ContainerComponent.js';
-import whcm from './high-contrast-mode.js';
-import highContrastTheme from './high-contrast-theme.js';
-import defaultOptions from './options/options.js';
-import defaultLangOptions from './options/langOptions.js';
-import copyDeprecatedOptions from './options/deprecatedOptions.js';
-import './a11y-i18n.js';
-import './focusBorder.js';
+import LegendComponent from './Components/LegendComponent.js';
+import MenuComponent from './Components/MenuComponent.js';
+import SeriesComponent from './Components/SeriesComponent/SeriesComponent.js';
+import ZoomComponent from './Components/ZoomComponent.js';
+import RangeSelectorComponent from './Components/RangeSelectorComponent.js';
+import InfoRegionsComponent from './Components/InfoRegionsComponent.js';
+import ContainerComponent from './Components/ContainerComponent.js';
+import whcm from './HighContrastMode.js';
+import highContrastTheme from './HighContrastTheme.js';
+import defaultOptionsA11Y from './Options/Options.js';
+import defaultLangOptions from './Options/LangOptions.js';
+import copyDeprecatedOptions from './Options/DeprecatedOptions.js';
+import './A11yI18n.js';
+import './FocusBorder.js';
 // Add default options
-merge(true, H.defaultOptions, defaultOptions, {
+merge(true, defaultOptions, defaultOptionsA11Y, {
     accessibility: {
         highContrastTheme: highContrastTheme
     },
@@ -256,7 +259,7 @@ addEvent(Point, 'update', function () {
     });
 });
 ['update', 'updatedData', 'remove'].forEach(function (event) {
-    addEvent(H.Series, event, function () {
+    addEvent(CartesianSeries, event, function () {
         if (this.chart.accessibility) {
             this.chart.a11yDirty = true;
         }

package/es-modules/{modules/accessibility → Accessibility}/AccessibilityComponent.js

@@ -9,17 +9,16 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../../parts/Globals.js';
-var win = H.win, doc = win.document;
-import U from '../../parts/Utilities.js';
-var extend = U.extend, fireEvent = U.fireEvent, merge = U.merge;
-import HTMLUtilities from './utils/htmlUtilities.js';
-var removeElement = HTMLUtilities.removeElement, getFakeMouseEvent = HTMLUtilities.getFakeMouseEvent;
-import ChartUtilities from './utils/chartUtilities.js';
+import ChartUtilities from './Utils/ChartUtilities.js';
 var unhideChartElementFromAT = ChartUtilities.unhideChartElementFromAT;
-import EventProvider from './utils/EventProvider.js';
-import DOMElementProvider from './utils/DOMElementProvider.js';
+import DOMElementProvider from './Utils/DOMElementProvider.js';
+import EventProvider from './Utils/EventProvider.js';
+import H from '../Core/Globals.js';
+var doc = H.doc, win = H.win;
+import HTMLUtilities from './Utils/HTMLUtilities.js';
+var removeElement = HTMLUtilities.removeElement, getFakeMouseEvent = HTMLUtilities.getFakeMouseEvent;
+import U from '../Core/Utilities.js';
+var extend = U.extend, fireEvent = U.fireEvent, merge = U.merge;
 /* eslint-disable valid-jsdoc */
 /** @lends Highcharts.AccessibilityComponent */
 var functionsToOverrideByDerivedClasses = {
@@ -200,7 +199,7 @@ AccessibilityComponent.prototype = {
     createProxyButton: function (svgElement, parentGroup, attributes, posElement, preClickEvent) {
         var svgEl = svgElement.element, proxy = this.createElement('button'), attrs = merge({
             'aria-label': svgEl.getAttribute('aria-label')
-        }, attributes), bBox = this.getElementPosition(posElement || svgElement);
+        }, attributes);
         Object.keys(attrs).forEach(function (prop) {
             if (attrs[prop] !== null) {
                 proxy.setAttribute(prop, attrs[prop]);
@@ -210,7 +209,8 @@ AccessibilityComponent.prototype = {
         if (preClickEvent) {
             this.addEvent(proxy, 'click', preClickEvent);
         }
-        this.setProxyButtonStyle(proxy, bBox);
+        this.setProxyButtonStyle(proxy);
+        this.updateProxyButtonPosition(proxy, posElement || svgElement);
         this.proxyMouseEventsForButton(svgEl, proxy);
         // Add to chart div and unhide from screen readers
         parentGroup.appendChild(proxy);
@@ -242,10 +242,9 @@ AccessibilityComponent.prototype = {
     },
     /**
      * @private
-     * @param {Highcharts.HTMLElement} button
-     * @param {Highcharts.BBoxObject} bBox
+     * @param {Highcharts.HTMLElement} button The proxy element.
      */
-    setProxyButtonStyle: function (button, bBox) {
+    setProxyButtonStyle: function (button) {
         merge(true, button.style, {
             'border-width': 0,
             'background-color': 'transparent',
@@ -259,7 +258,17 @@ AccessibilityComponent.prototype = {
             padding: 0,
             margin: 0,
             display: 'block',
-            position: 'absolute',
+            position: 'absolute'
+        });
+    },
+    /**
+     * @private
+     * @param {Highcharts.HTMLElement} proxy The proxy to update position of.
+     * @param {Highcharts.SVGElement} posElement The element to overlay and take position from.
+     */
+    updateProxyButtonPosition: function (proxy, posElement) {
+        var bBox = this.getElementPosition(posElement);
+        merge(true, proxy.style, {
             width: (bBox.width || 1) + 'px',
             height: (bBox.height || 1) + 'px',
             left: (bBox.x || 0) + 'px',
@@ -278,8 +287,11 @@ AccessibilityComponent.prototype = {
             'click', 'touchstart', 'touchend', 'touchcancel', 'touchmove',
             'mouseover', 'mouseenter', 'mouseleave', 'mouseout'
         ].forEach(function (evtType) {
+            var isTouchEvent = evtType.indexOf('touch') === 0;
             component.addEvent(button, evtType, function (e) {
-                var clonedEvent = component.cloneMouseEvent(e);
+                var clonedEvent = isTouchEvent ?
+                    component.cloneTouchEvent(e) :
+                    component.cloneMouseEvent(e);
                 if (source) {
                     component.fireEventOnWrappedOrUnwrappedElement(source, clonedEvent);
                 }
@@ -309,6 +321,50 @@ AccessibilityComponent.prototype = {
         }
         return getFakeMouseEvent(e.type);
     },
+    /**
+     * Utility function to clone a touch event for re-dispatching.
+     * @private
+     * @param {global.TouchEvent} e The event to clone.
+     * @return {global.TouchEvent} The cloned event
+     */
+    cloneTouchEvent: function (e) {
+        var touchListToTouchArray = function (l) {
+            var touchArray = [];
+            for (var i = 0; i < l.length; ++i) {
+                var item = l.item(i);
+                if (item) {
+                    touchArray.push(item);
+                }
+            }
+            return touchArray;
+        };
+        if (typeof win.TouchEvent === 'function') {
+            var newEvent = new win.TouchEvent(e.type, {
+                touches: touchListToTouchArray(e.touches),
+                targetTouches: touchListToTouchArray(e.targetTouches),
+                changedTouches: touchListToTouchArray(e.changedTouches),
+                ctrlKey: e.ctrlKey,
+                shiftKey: e.shiftKey,
+                altKey: e.altKey,
+                metaKey: e.metaKey,
+                bubbles: e.bubbles,
+                cancelable: e.cancelable,
+                composed: e.composed,
+                detail: e.detail,
+                view: e.view
+            });
+            if (e.defaultPrevented) {
+                newEvent.preventDefault();
+            }
+            return newEvent;
+        }
+        // Fallback to mouse event
+        var fakeEvt = this.cloneMouseEvent(e);
+        fakeEvt.touches = e.touches;
+        fakeEvt.changedTouches = e.changedTouches;
+        fakeEvt.targetTouches = e.targetTouches;
+        return fakeEvt;
+    },
     /**
      * Remove traces of the component.
      * @private

package/es-modules/{modules/accessibility/components → Accessibility/Components}/AnnotationsA11y.js

@@ -10,9 +10,7 @@
  *
  * */
 'use strict';
-import U from '../../../parts/Utilities.js';
-var inArray = U.inArray;
-import HTMLUtilities from '../utils/htmlUtilities.js';
+import HTMLUtilities from '../Utils/HTMLUtilities.js';
 var escapeStringForHTML = HTMLUtilities.escapeStringForHTML, stripHTMLTagsFromString = HTMLUtilities.stripHTMLTagsFromString;
 /**
  * Get list of all annotation labels in the chart.
@@ -121,7 +119,7 @@ function getAnnotationsInfoHTML(chart) {
 function getPointAnnotationTexts(point) {
     var labels = getChartAnnotationLabels(point.series.chart);
     var pointLabels = labels
-        .filter(function (label) { return inArray(point, label.points) > -1; });
+        .filter(function (label) { return label.points.indexOf(point) > -1; });
     if (!pointLabels.length) {
         return [];
     }

package/es-modules/{modules/accessibility/components → Accessibility/Components}/ContainerComponent.js

@@ -9,16 +9,15 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../../../parts/Globals.js';
-var doc = H.win.document;
-import U from '../../../parts/Utilities.js';
-var extend = U.extend;
-import HTMLUtilities from '../utils/htmlUtilities.js';
-var stripHTMLTags = HTMLUtilities.stripHTMLTagsFromString;
-import ChartUtilities from '../utils/chartUtilities.js';
-var unhideChartElementFromAT = ChartUtilities.unhideChartElementFromAT, getChartTitle = ChartUtilities.getChartTitle;
 import AccessibilityComponent from '../AccessibilityComponent.js';
+import ChartUtilities from '../Utils/ChartUtilities.js';
+var unhideChartElementFromAT = ChartUtilities.unhideChartElementFromAT, getChartTitle = ChartUtilities.getChartTitle;
+import H from '../../Core/Globals.js';
+var doc = H.doc;
+import HTMLUtilities from '../Utils/HTMLUtilities.js';
+var stripHTMLTags = HTMLUtilities.stripHTMLTagsFromString;
+import U from '../../Core/Utilities.js';
+var extend = U.extend;
 /* eslint-disable valid-jsdoc */
 /**
  * The ContainerComponent class

package/es-modules/{modules/accessibility/components → Accessibility/Components}/InfoRegionsComponent.js

@@ -9,18 +9,17 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../../../parts/Globals.js';
-var doc = H.win.document;
-import U from '../../../parts/Utilities.js';
+import H from '../../Core/Globals.js';
+var doc = H.doc;
+import U from '../../Core/Utilities.js';
 var extend = U.extend, format = U.format, pick = U.pick;
 import AccessibilityComponent from '../AccessibilityComponent.js';
-import Announcer from '../utils/Announcer.js';
+import Announcer from '../Utils/Announcer.js';
 import AnnotationsA11y from './AnnotationsA11y.js';
 var getAnnotationsInfoHTML = AnnotationsA11y.getAnnotationsInfoHTML;
-import ChartUtilities from '../utils/chartUtilities.js';
+import ChartUtilities from '../Utils/ChartUtilities.js';
 var unhideChartElementFromAT = ChartUtilities.unhideChartElementFromAT, getChartTitle = ChartUtilities.getChartTitle, getAxisDescription = ChartUtilities.getAxisDescription;
-import HTMLUtilities from '../utils/htmlUtilities.js';
+import HTMLUtilities from '../Utils/HTMLUtilities.js';
 var addClass = HTMLUtilities.addClass, setElAttrs = HTMLUtilities.setElAttrs, escapeStringForHTML = HTMLUtilities.escapeStringForHTML, stripHTMLTagsFromString = HTMLUtilities.stripHTMLTagsFromString, getElement = HTMLUtilities.getElement, visuallyHideElement = HTMLUtilities.visuallyHideElement;
 /* eslint-disable no-invalid-this, valid-jsdoc */
 /**
@@ -323,7 +322,7 @@ extend(InfoRegionsComponent.prototype, /** @lends Highcharts.InfoRegionsComponen
      */
     getDataTableButtonText: function (buttonId) {
         var chart = this.chart, buttonText = chart.langFormat('accessibility.table.viewAsDataTableButtonText', { chart: chart, chartTitle: getChartTitle(chart) });
-        return '<a id="' + buttonId + '">' + buttonText + '</a>';
+        return '<button id="' + buttonId + '">' + buttonText + '</button>';
     },
     /**
      * @private
@@ -365,7 +364,7 @@ extend(InfoRegionsComponent.prototype, /** @lends Highcharts.InfoRegionsComponen
             if (this.viewDataTableButton) {
                 this.viewDataTableButton.setAttribute('aria-expanded', 'true');
             }
-            e.html = e.html.replace('<table ', '<table tabindex="0" summary="' + getTableSummary(chart) + '"');
+            e.html = e.html.replace('<table ', '<table tabindex="-1" summary="' + getTableSummary(chart) + '"');
         }
     },
     /**
@@ -420,10 +419,8 @@ extend(InfoRegionsComponent.prototype, /** @lends Highcharts.InfoRegionsComponen
         var el = this.viewDataTableButton = getElement(tableButtonId), chart = this.chart, tableId = tableButtonId.replace('hc-linkto-', '');
         if (el) {
             setElAttrs(el, {
-                role: 'button',
                 tabindex: '-1',
-                'aria-expanded': !!getElement(tableId),
-                href: '#' + tableId
+                'aria-expanded': !!getElement(tableId)
             });
             el.onclick = chart.options.accessibility
                 .screenReaderSection.onViewDataTableClick ||

package/es-modules/{modules/accessibility/components → Accessibility/Components}/LegendComponent.js

@@ -10,13 +10,13 @@
  *
  * */
 'use strict';
-import H from '../../../parts/Globals.js';
-import Legend from '../../../parts/Legend.js';
-import U from '../../../parts/Utilities.js';
-var addEvent = U.addEvent, extend = U.extend, fireEvent = U.fireEvent;
+import H from '../../Core/Globals.js';
+import Legend from '../../Core/Legend.js';
+import U from '../../Core/Utilities.js';
+var addEvent = U.addEvent, extend = U.extend, find = U.find, fireEvent = U.fireEvent;
 import AccessibilityComponent from '../AccessibilityComponent.js';
 import KeyboardNavigationHandler from '../KeyboardNavigationHandler.js';
-import HTMLUtilities from '../utils/htmlUtilities.js';
+import HTMLUtilities from '../Utils/HTMLUtilities.js';
 var stripHTMLTags = HTMLUtilities.stripHTMLTagsFromString, removeElement = HTMLUtilities.removeElement;
 /* eslint-disable no-invalid-this, valid-jsdoc */
 /**
@@ -83,9 +83,20 @@ extend(LegendComponent.prototype, /** @lends Highcharts.LegendComponent */ {
      */
     init: function () {
         var component = this;
+        this.proxyElementsList = [];
+        this.recreateProxies();
+        // Note: Chart could create legend dynamically, so events can not be
+        // tied to the component's chart's current legend.
         this.addEvent(Legend, 'afterScroll', function () {
             if (this.chart === component.chart) {
-                component.updateProxies();
+                component.updateProxiesPositions();
+                component.updateLegendItemProxyVisibility();
+                this.chart.highlightLegendItem(component.highlightedLegendItemIx);
+            }
+        });
+        this.addEvent(Legend, 'afterPositionItem', function (e) {
+            if (this.chart === component.chart && this.chart.renderer) {
+                component.updateProxyPositionForItem(e.item);
             }
         });
     },
@@ -107,26 +118,49 @@ extend(LegendComponent.prototype, /** @lends Highcharts.LegendComponent */ {
      * of the proxy overlays.
      */
     onChartRender: function () {
-        var component = this;
-        // Ignore render after proxy clicked. No need to destroy it, and
-        // destroying also kills focus.
-        if (this.legendProxyButtonClicked) {
-            delete component.legendProxyButtonClicked;
-            return;
+        if (shouldDoLegendA11y(this.chart)) {
+            this.updateProxiesPositions();
+        }
+        else {
+            this.removeProxies();
         }
-        this.updateProxies();
     },
     /**
      * @private
      */
-    updateProxies: function () {
-        removeElement(this.legendProxyGroup);
+    updateProxiesPositions: function () {
+        for (var _i = 0, _a = this.proxyElementsList; _i < _a.length; _i++) {
+            var _b = _a[_i], element = _b.element, posElement = _b.posElement;
+            this.updateProxyButtonPosition(element, posElement);
+        }
+    },
+    /**
+     * @private
+     */
+    updateProxyPositionForItem: function (item) {
+        var proxyRef = find(this.proxyElementsList, function (ref) { return ref.item === item; });
+        if (proxyRef) {
+            this.updateProxyButtonPosition(proxyRef.element, proxyRef.posElement);
+        }
+    },
+    /**
+     * @private
+     */
+    recreateProxies: function () {
+        this.removeProxies();
         if (shouldDoLegendA11y(this.chart)) {
             this.addLegendProxyGroup();
             this.proxyLegendItems();
             this.updateLegendItemProxyVisibility();
         }
     },
+    /**
+     * @private
+     */
+    removeProxies: function () {
+        removeElement(this.legendProxyGroup);
+        this.proxyElementsList = [];
+    },
     /**
      * @private
      */
@@ -152,10 +186,13 @@ extend(LegendComponent.prototype, /** @lends Highcharts.LegendComponent */ {
     },
     /**
      * @private
-     * @param {Highcharts.BubbleLegend|Highcharts.Point|Highcharts.Series} item
+     * @param {Highcharts.BubbleLegend|Point|Highcharts.Series} item
      */
     proxyLegendItem: function (item) {
-        var component = this, itemLabel = this.chart.langFormat('accessibility.legend.legendItem', {
+        if (!item.legendItem || !item.legendGroup) {
+            return;
+        }
+        var itemLabel = this.chart.langFormat('accessibility.legend.legendItem', {
             chart: this.chart,
             itemName: stripHTMLTags(item.name)
         }), attribs = {
@@ -163,14 +200,15 @@ extend(LegendComponent.prototype, /** @lends Highcharts.LegendComponent */ {
             'aria-pressed': !item.visible,
             'aria-label': itemLabel
         }, 
-        // Keep track of when we should ignore next render
-        preClickEvent = function () {
-            component.legendProxyButtonClicked = true;
-        }, 
         // Considers useHTML
         proxyPositioningElement = item.legendGroup.div ?
             item.legendItem : item.legendGroup;
-        item.a11yProxyElement = this.createProxyButton(item.legendItem, this.legendProxyGroup, attribs, proxyPositioningElement, preClickEvent);
+        item.a11yProxyElement = this.createProxyButton(item.legendItem, this.legendProxyGroup, attribs, proxyPositioningElement);
+        this.proxyElementsList.push({
+            item: item,
+            element: item.a11yProxyElement,
+            posElement: proxyPositioningElement
+        });
     },
     /**
      * Get keyboard navigation handler for this component.

package/es-modules/{modules/accessibility/components → Accessibility/Components}/MenuComponent.js

@@ -10,14 +10,14 @@
  *
  * */
 'use strict';
-import H from '../../../parts/Globals.js';
-import U from '../../../parts/Utilities.js';
+import H from '../../Core/Globals.js';
+import U from '../../Core/Utilities.js';
 var extend = U.extend;
 import AccessibilityComponent from '../AccessibilityComponent.js';
 import KeyboardNavigationHandler from '../KeyboardNavigationHandler.js';
-import ChartUtilities from '../utils/chartUtilities.js';
+import ChartUtilities from '../Utils/ChartUtilities.js';
 var unhideChartElementFromAT = ChartUtilities.unhideChartElementFromAT;
-import HTMLUtilities from '../utils/htmlUtilities.js';
+import HTMLUtilities from '../Utils/HTMLUtilities.js';
 var removeElement = HTMLUtilities.removeElement, getFakeMouseEvent = HTMLUtilities.getFakeMouseEvent;
 /* eslint-disable no-invalid-this, valid-jsdoc */
 /**
@@ -261,13 +261,6 @@ extend(MenuComponent.prototype, /** @lends Highcharts.MenuComponent */ {
                     function () {
                         return component.onKbdClick(this);
                     }
-                ],
-                // ESC handler
-                [
-                    [keys.esc],
-                    function () {
-                        return this.response.prev;
-                    }
                 ]
             ],
             // Only run exporting navigation if exporting support exists and is