highcharts 9.3.1 → 9.3.2

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

@@ -10,6 +10,19 @@
  *
  * */
 'use strict';
+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]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import AccessibilityComponent from '../AccessibilityComponent.js';
 import ChartUtilities from '../Utils/ChartUtilities.js';
 var unhideChartElementFromAT = ChartUtilities.unhideChartElementFromAT;
@@ -18,7 +31,12 @@ var noop = H.noop;
 import KeyboardNavigationHandler from '../KeyboardNavigationHandler.js';
 import U from '../../Core/Utilities.js';
 var attr = U.attr, extend = U.extend, pick = U.pick;
-/* eslint-disable no-invalid-this, valid-jsdoc */
+/* *
+ *
+ *  Functions
+ *
+ * */
+/* eslint-disable valid-jsdoc */
 /**
  * @private
  */
@@ -27,33 +45,11 @@ function chartHasMapZoom(chart) {
         chart.mapNavButtons &&
         chart.mapNavButtons.length);
 }
-/**
- * Pan along axis in a direction (1 or -1), optionally with a defined
- * granularity (number of steps it takes to walk across current view)
+/* *
  *
- * @private
- * @function Highcharts.Axis#panStep
+ *  Class
  *
- * @param {number} direction
- * @param {number} [granularity]
- */
-H.Axis.prototype.panStep = function (direction, granularity) {
-    var gran = granularity || 3;
-    var extremes = this.getExtremes();
-    var step = (extremes.max - extremes.min) / gran * direction;
-    var newMax = extremes.max + step;
-    var newMin = extremes.min + step;
-    var size = newMax - newMin;
-    if (direction < 0 && newMin < extremes.dataMin) {
-        newMin = extremes.dataMin;
-        newMax = newMin + size;
-    }
-    else if (direction > 0 && newMax > extremes.dataMax) {
-        newMax = extremes.dataMax;
-        newMin = newMax - size;
-    }
-    this.setExtremes(newMin, newMax);
-};
+ * */
 /**
  * The ZoomComponent class
  *
@@ -61,13 +57,27 @@ H.Axis.prototype.panStep = function (direction, granularity) {
  * @class
  * @name Highcharts.ZoomComponent
  */
-var ZoomComponent = noop;
-ZoomComponent.prototype = new AccessibilityComponent();
-extend(ZoomComponent.prototype, /** @lends Highcharts.ZoomComponent */ {
+var ZoomComponent = /** @class */ (function (_super) {
+    __extends(ZoomComponent, _super);
+    function ZoomComponent() {
+        /* *
+         *
+         *  Properties
+         *
+         * */
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.focusedMapNavButtonIx = -1;
+        return _this;
+    }
+    /* *
+     *
+     *  Functions
+     *
+     * */
     /**
      * Initialize the component
      */
-    init: function () {
+    ZoomComponent.prototype.init = function () {
         var component = this, chart = this.chart;
         this.proxyProvider.addGroup('zoom', 'div');
         [
@@ -77,11 +87,11 @@ extend(ZoomComponent.prototype, /** @lends Highcharts.ZoomComponent */ {
                 component.updateProxyOverlays();
             });
         });
-    },
+    };
     /**
      * Called when chart is updated
      */
-    onChartUpdate: function () {
+    ZoomComponent.prototype.onChartUpdate = function () {
         var chart = this.chart, component = this;
         // Make map zoom buttons accessible
         if (chart.mapNavButtons) {
@@ -90,31 +100,31 @@ extend(ZoomComponent.prototype, /** @lends Highcharts.ZoomComponent */ {
                 component.setMapNavButtonAttrs(button.element, 'accessibility.zoom.mapZoom' + (i ? 'Out' : 'In'));
             });
         }
-    },
+    };
     /**
      * @private
      * @param {Highcharts.HTMLDOMElement|Highcharts.SVGDOMElement} button
      * @param {string} labelFormatKey
      */
-    setMapNavButtonAttrs: function (button, labelFormatKey) {
+    ZoomComponent.prototype.setMapNavButtonAttrs = function (button, labelFormatKey) {
         var chart = this.chart, label = chart.langFormat(labelFormatKey, { chart: chart });
         attr(button, {
             tabindex: -1,
             role: 'button',
             'aria-label': label
         });
-    },
+    };
     /**
      * Update the proxy overlays on every new render to ensure positions are
      * correct.
      */
-    onChartRender: function () {
+    ZoomComponent.prototype.onChartRender = function () {
         this.updateProxyOverlays();
-    },
+    };
     /**
      * Update proxy overlays, recreating the buttons.
      */
-    updateProxyOverlays: function () {
+    ZoomComponent.prototype.updateProxyOverlays = function () {
         var chart = this.chart;
         // Always start with a clean slate
         this.proxyProvider.clearGroup('zoom');
@@ -127,27 +137,27 @@ extend(ZoomComponent.prototype, /** @lends Highcharts.ZoomComponent */ {
                 buttonText: chart.getDrilldownBackText()
             }));
         }
-    },
+    };
     /**
      * @private
      * @param {Highcharts.SVGElement} buttonEl
      * @param {string} buttonProp
      * @param {string} label
      */
-    createZoomProxyButton: function (buttonEl, buttonProp, label) {
+    ZoomComponent.prototype.createZoomProxyButton = function (buttonEl, buttonProp, label) {
         this[buttonProp] = this.proxyProvider.addProxyElement('zoom', {
             click: buttonEl
         }, {
             'aria-label': label,
             tabindex: -1
         });
-    },
+    };
     /**
      * Get keyboard navigation handler for map zoom.
      * @private
      * @return {Highcharts.KeyboardNavigationHandler} The module object
      */
-    getMapZoomNavigation: function () {
+    ZoomComponent.prototype.getMapZoomNavigation = function () {
         var keys = this.keyCodes, chart = this.chart, component = this;
         return new KeyboardNavigationHandler(chart, {
             keyCodeMap: [
@@ -177,27 +187,27 @@ extend(ZoomComponent.prototype, /** @lends Highcharts.ZoomComponent */ {
                 return component.onMapNavInit(direction);
             }
         });
-    },
+    };
     /**
      * @private
      * @param {Highcharts.KeyboardNavigationHandler} keyboardNavigationHandler
      * @param {number} keyCode
      * @return {number} Response code
      */
-    onMapKbdArrow: function (keyboardNavigationHandler, keyCode) {
+    ZoomComponent.prototype.onMapKbdArrow = function (keyboardNavigationHandler, keyCode) {
         var keys = this.keyCodes, panAxis = (keyCode === keys.up || keyCode === keys.down) ?
             'yAxis' : 'xAxis', stepDirection = (keyCode === keys.left || keyCode === keys.up) ?
             -1 : 1;
         this.chart[panAxis][0].panStep(stepDirection);
         return keyboardNavigationHandler.response.success;
-    },
+    };
     /**
      * @private
      * @param {Highcharts.KeyboardNavigationHandler} keyboardNavigationHandler
      * @param {global.KeyboardEvent} event
      * @return {number} Response code
      */
-    onMapKbdTab: function (keyboardNavigationHandler, event) {
+    ZoomComponent.prototype.onMapKbdTab = function (keyboardNavigationHandler, event) {
         var chart = this.chart;
         var response = keyboardNavigationHandler.response;
         var isBackwards = event.shiftKey;
@@ -215,27 +225,27 @@ extend(ZoomComponent.prototype, /** @lends Highcharts.ZoomComponent */ {
         chart.setFocusToElement(button.box, button.element);
         button.setState(2);
         return response.success;
-    },
+    };
     /**
      * @private
      * @param {Highcharts.KeyboardNavigationHandler} keyboardNavigationHandler
      * @return {number} Response code
      */
-    onMapKbdClick: function (keyboardNavigationHandler) {
+    ZoomComponent.prototype.onMapKbdClick = function (keyboardNavigationHandler) {
         var el = this.chart.mapNavButtons[this.focusedMapNavButtonIx].element;
         this.fakeClickEvent(el);
         return keyboardNavigationHandler.response.success;
-    },
+    };
     /**
      * @private
      * @param {number} direction
      */
-    onMapNavInit: function (direction) {
+    ZoomComponent.prototype.onMapNavInit = function (direction) {
         var chart = this.chart, zoomIn = chart.mapNavButtons[0], zoomOut = chart.mapNavButtons[1], initialButton = direction > 0 ? zoomIn : zoomOut;
         chart.setFocusToElement(initialButton.box, initialButton.element);
         initialButton.setState(2);
         this.focusedMapNavButtonIx = direction > 0 ? 0 : 1;
-    },
+    };
     /**
      * Get keyboard navigation handler for a simple chart button. Provide the
      * button reference for the chart, and a function to call on click.
@@ -244,15 +254,16 @@ extend(ZoomComponent.prototype, /** @lends Highcharts.ZoomComponent */ {
      * @param {string} buttonProp The property on chart referencing the button.
      * @return {Highcharts.KeyboardNavigationHandler} The module object
      */
-    simpleButtonNavigation: function (buttonProp, proxyProp, onClick) {
+    ZoomComponent.prototype.simpleButtonNavigation = function (buttonProp, proxyProp, onClick) {
         var keys = this.keyCodes, component = this, chart = this.chart;
         return new KeyboardNavigationHandler(chart, {
             keyCodeMap: [
                 [
                     [keys.tab, keys.up, keys.down, keys.left, keys.right],
                     function (keyCode, e) {
-                        var isBackwards = keyCode === keys.tab && e.shiftKey ||
-                            keyCode === keys.left || keyCode === keys.up;
+                        var isBackwards = (keyCode === keys.tab && e.shiftKey ||
+                            keyCode === keys.left ||
+                            keyCode === keys.up);
                         // Arrow/tab => just move
                         return this.response[isBackwards ? 'prev' : 'next'];
                     }
@@ -275,13 +286,13 @@ extend(ZoomComponent.prototype, /** @lends Highcharts.ZoomComponent */ {
                 chart.setFocusToElement(chart[buttonProp].box, component[proxyProp].buttonElement);
             }
         });
-    },
+    };
     /**
      * Get keyboard navigation handlers for this component.
      * @return {Array<Highcharts.KeyboardNavigationHandler>}
      *         List of module objects
      */
-    getKeyboardNavigation: function () {
+    ZoomComponent.prototype.getKeyboardNavigation = function () {
         return [
             this.simpleButtonNavigation('resetZoomButton', 'resetZoomProxyButton', function (_handler, chart) {
                 chart.zoomOut();
@@ -292,6 +303,73 @@ extend(ZoomComponent.prototype, /** @lends Highcharts.ZoomComponent */ {
             }),
             this.getMapZoomNavigation()
         ];
+    };
+    return ZoomComponent;
+}(AccessibilityComponent));
+/* *
+ *
+ *  Class Namespace
+ *
+ * */
+(function (ZoomComponent) {
+    /* *
+     *
+     *  Declarations
+     *
+     * */
+    /* *
+     *
+     *  Constants
+     *
+     * */
+    ZoomComponent.composedClasses = [];
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /**
+     * @private
+     */
+    function compose(AxisClass) {
+        if (ZoomComponent.composedClasses.indexOf(AxisClass) === -1) {
+            ZoomComponent.composedClasses.push(AxisClass);
+            var axisProto = AxisClass.prototype;
+            axisProto.panStep = axisPanStep;
+        }
+    }
+    ZoomComponent.compose = compose;
+    /**
+     * Pan along axis in a direction (1 or -1), optionally with a defined
+     * granularity (number of steps it takes to walk across current view)
+     *
+     * @private
+     * @function Highcharts.Axis#panStep
+     *
+     * @param {number} direction
+     * @param {number} [granularity]
+     */
+    function axisPanStep(direction, granularity) {
+        var gran = granularity || 3;
+        var extremes = this.getExtremes();
+        var step = (extremes.max - extremes.min) / gran * direction;
+        var newMax = extremes.max + step;
+        var newMin = extremes.min + step;
+        var size = newMax - newMin;
+        if (direction < 0 && newMin < extremes.dataMin) {
+            newMin = extremes.dataMin;
+            newMax = newMin + size;
+        }
+        else if (direction > 0 && newMax > extremes.dataMax) {
+            newMax = extremes.dataMax;
+            newMin = newMax - size;
+        }
+        this.setExtremes(newMin, newMax);
     }
-});
+})(ZoomComponent || (ZoomComponent = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
 export default ZoomComponent;

package/es-modules/Accessibility/FocusBorder.js

@@ -158,11 +158,6 @@ var FocusBorderComposition;
         // For text elements, apply x and y offset, #11397.
         /**
          * @private
-         * @function
-         *
-         * @param {Highcharts.SVGElement} text
-         *
-         * @return {TextAnchorCorrectionObject}
          */
         function getTextAnchorCorrection(text) {
             var posXCorrection = 0, posYCorrection = 0;

package/es-modules/Accessibility/HighContrastMode.js

@@ -33,7 +33,8 @@ function isHighContrastModeActive() {
     // Test BG image for IE
     if (isMS && win.getComputedStyle) {
         var testDiv = doc.createElement('div');
-        var imageSrc = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
+        var imageSrc = 'data:image/gif;base64,' +
+            'R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
         testDiv.style.backgroundImage = "url(" + imageSrc + ")"; // #13071
         doc.body.appendChild(testDiv);
         var bi = (testDiv.currentStyle ||

package/es-modules/Accessibility/KeyboardNavigation.js

@@ -33,7 +33,7 @@ var getElement = HTMLUtilities.getElement;
  * @class
  * @param {Highcharts.Chart} chart
  *        Chart object
- * @param {object} components
+ * @param {Object} components
  *        Map of component names to AccessibilityComponent objects.
  * @name Highcharts.KeyboardNavigation
  */
@@ -69,7 +69,7 @@ var KeyboardNavigation = /** @class */ (function () {
      * @private
      * @param {Highcharts.Chart} chart
      *        Chart object
-     * @param {object} components
+     * @param {Object} components
      *        Map of component names to AccessibilityComponent objects.
      */
     KeyboardNavigation.prototype.init = function (chart, components) {
@@ -111,7 +111,8 @@ var KeyboardNavigation = /** @class */ (function () {
             order.length) {
             // We (still) have keyboard navigation. Update module list
             this.modules = order.reduce(function (modules, componentName) {
-                var navModules = components[componentName].getKeyboardNavigation();
+                var navModules = components[componentName]
+                    .getKeyboardNavigation();
                 return modules.concat(navModules);
             }, []);
             this.updateExitAnchor();
@@ -256,7 +257,7 @@ var KeyboardNavigation = /** @class */ (function () {
      * @private
      */
     KeyboardNavigation.prototype.updateExitAnchor = function () {
-        var endMarkerId = 'highcharts-end-of-chart-marker-' + this.chart.index, endMarker = getElement(endMarkerId);
+        var endMarkerId = ('highcharts-end-of-chart-marker-' + this.chart.index), endMarker = getElement(endMarkerId);
         this.removeExitAnchor();
         if (endMarker) {
             this.makeElementAnExitAnchor(endMarker);

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

@@ -100,7 +100,8 @@ function deprecateFromOptionsMap(chart, rootOldAsArray, rootNewAsArray, mapToNew
         if (typeof val !== 'undefined') {
             traverseSetOption(rootNew, mapToNewOptions[oldOptionKey], val);
             error(32, false, chart, (_a = {},
-                _a[rootOldAsArray.join('.') + "." + oldOptionKey] = rootNewAsArray.join('.') + "." + mapToNewOptions[oldOptionKey].join('.'),
+                _a[rootOldAsArray.join('.') + '.' + oldOptionKey] = (rootNewAsArray.join('.') + '.' +
+                    mapToNewOptions[oldOptionKey].join('.')),
                 _a));
         }
     });
@@ -127,7 +128,9 @@ function copyDeprecatedAxisOptions(chart) {
         if (opts && opts.description) {
             opts.accessibility = opts.accessibility || {};
             opts.accessibility.description = opts.description;
-            error(32, false, chart, { 'axis.description': 'use axis.accessibility.description' });
+            error(32, false, chart, {
+                'axis.description': 'use axis.accessibility.description'
+            });
         }
     });
 }
@@ -157,8 +160,9 @@ function copyDeprecatedSeriesOptions(chart) {
             var optionVal = series.options[oldOption];
             // Special case
             if (oldOption === 'accessibility.pointDescriptionFormatter') {
-                optionVal = series.options.accessibility &&
-                    series.options.accessibility.pointDescriptionFormatter;
+                optionVal = (series.options.accessibility &&
+                    series.options.accessibility
+                        .pointDescriptionFormatter);
             }
             if (typeof optionVal !== 'undefined') {
                 // Set the new option
@@ -167,7 +171,10 @@ function copyDeprecatedSeriesOptions(chart) {
                 // value, since we set enabled rather than disabled
                 oldOption === 'skipKeyboardNavigation' ?
                     !optionVal : optionVal);
-                error(32, false, chart, (_a = {}, _a["series." + oldOption] = "series." + oldToNewSeriesOptions[oldOption].join('.'), _a));
+                error(32, false, chart, (_a = {},
+                    _a["series." + oldOption] = ('series.' +
+                        oldToNewSeriesOptions[oldOption].join('.')),
+                    _a));
             }
         });
     });

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

@@ -77,9 +77,9 @@ var langOptions = {
              */
             annotations: {
                 heading: 'Chart annotations summary',
-                descriptionSinglePoint: '{annotationText}. Related to {annotationPoint}',
-                descriptionMultiplePoints: '{annotationText}. Related to {annotationPoint}' +
-                    '{ Also related to, #each(additionalAnnotationPoints)}',
+                descriptionSinglePoint: ('{annotationText}. Related to {annotationPoint}'),
+                descriptionMultiplePoints: ('{annotationText}. Related to {annotationPoint}' +
+                    '{ Also related to, #each(additionalAnnotationPoints)}'),
                 descriptionNoPoints: '{annotationText}'
             },
             /**

package/es-modules/Accessibility/ProxyElement.js

@@ -45,13 +45,17 @@ var ProxyElement = /** @class */ (function () {
         this.chart = chart;
         this.target = target;
         this.groupType = groupType;
+        var isListItem = groupType === 'ul';
         this.eventProvider = new EventProvider();
-        var wrapperEl = groupType === 'ul' ? doc.createElement('li') : null;
+        var wrapperEl = isListItem ? doc.createElement('li') : null;
         var btnEl = this.buttonElement = doc.createElement('button');
         if (!chart.styledMode) {
             this.hideButtonVisually(btnEl);
         }
         if (wrapperEl) {
+            if (isListItem && !chart.styledMode) {
+                wrapperEl.style.listStyle = 'none';
+            }
             wrapperEl.appendChild(btnEl);
             this.element = wrapperEl;
         }
@@ -77,10 +81,11 @@ var ProxyElement = /** @class */ (function () {
         fireEventOnWrappedOrUnwrappedElement(this.target.click, fakeEventObject);
     };
     /**
-     * Update the target to be proxied.
-     * The position and events are updated to match the new target.
+     * Update the target to be proxied. The position and events are updated to
+     * match the new target.
      * @param target The new target definition
-     * @param attributes New HTML attributes to apply to the button. Set an attribute to null to remove.
+     * @param attributes New HTML attributes to apply to the button. Set an
+     * attribute to null to remove.
      */
     ProxyElement.prototype.updateTarget = function (target, attributes) {
         this.target = target;
@@ -116,7 +121,7 @@ var ProxyElement = /** @class */ (function () {
      * Update the CSS class name to match target
      */
     ProxyElement.prototype.updateCSSClassName = function () {
-        var stringHasNoTooltip = function (s) { return s.indexOf('highcharts-no-tooltip') > -1; };
+        var stringHasNoTooltip = function (s) { return (s.indexOf('highcharts-no-tooltip') > -1); };
         var legend = this.chart.legend;
         var groupDiv = legend.group && legend.group.div;
         var noTooltipOnGroup = stringHasNoTooltip(groupDiv && groupDiv.className || '');
@@ -144,7 +149,8 @@ var ProxyElement = /** @class */ (function () {
                     fireEventOnWrappedOrUnwrappedElement(target, clonedEvent);
                 }
                 e.stopPropagation();
-                // #9682, #15318: Touch scrolling didnt work when touching proxy
+                // #9682, #15318: Touch scrolling didnt work when touching
+                // proxy
                 if (!isTouchEvent) {
                     e.preventDefault();
                 }

package/es-modules/Accessibility/ProxyProvider.js

@@ -98,9 +98,6 @@ var ProxyProvider = /** @class */ (function () {
         };
         attr(groupElement, attributes || {});
         if (groupType === 'ul') {
-            if (!this.chart.styledMode) {
-                proxyContainer.style.listStyle = 'none';
-            }
             proxyContainer.setAttribute('role', 'list'); // Needed for webkit
         }
         // Add the group to the end by default, and perhaps then we

package/es-modules/Accessibility/Utils/Announcer.js

@@ -51,12 +51,12 @@ var Announcer = /** @class */ (function () {
             clearTimeout(this.clearAnnouncementRegionTimer);
         }
         this.clearAnnouncementRegionTimer = setTimeout(function () {
-            _this.announceRegion.innerHTML = '';
+            _this.announceRegion.innerHTML = AST.emptyHTML;
             delete _this.clearAnnouncementRegionTimer;
         }, 1000);
     };
     Announcer.prototype.addAnnounceRegion = function (type) {
-        var chartContainer = this.chart.announcerContainer || this.createAnnouncerContainer(), div = this.domElementProvider.createElement('div');
+        var chartContainer = (this.chart.announcerContainer || this.createAnnouncerContainer()), div = this.domElementProvider.createElement('div');
         attr(div, {
             'aria-hidden': false,
             'aria-live': type