highcharts 10.2.1 → 10.3.1

package/bower.json

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

package/es-modules/Accessibility/Accessibility.js

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

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

@@ -158,12 +158,15 @@ var InfoRegionsComponent = /** @class */ (function (_super) {
         this.addEvent(chart, 'aftergetTableAST', function (e) {
             component.onDataTableCreated(e);
         });
-        this.addEvent(chart, 'afterViewData', function (tableDiv) {
-            component.dataTableDiv = tableDiv;
-            // Use small delay to give browsers & AT time to register new table
-            setTimeout(function () {
-                component.focusDataTable();
-            }, 300);
+        this.addEvent(chart, 'afterViewData', function (e) {
+            if (e.wasHidden) {
+                component.dataTableDiv = e.element;
+                // Use a small delay to give browsers & AT time to
+                // register the new table.
+                setTimeout(function () {
+                    component.focusDataTable();
+                }, 300);
+            }
         });
         this.announcer = new Announcer(chart, 'assertive');
     };

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

@@ -47,7 +47,7 @@ var stripHTMLTags = HU.stripHTMLTagsFromString, addClass = HU.addClass, removeCl
  * @private
  */
 function scrollLegendToItem(legend, itemIx) {
-    var itemPage = legend.allItems[itemIx].pageIx, curPage = legend.currentPage;
+    var itemPage = (legend.allItems[itemIx].legendItem || {}).pageIx, curPage = legend.currentPage;
     if (typeof itemPage !== 'undefined' && itemPage + 1 !== curPage) {
         legend.scroll(1 + itemPage - curPage);
     }
@@ -64,15 +64,17 @@ function shouldDoLegendA11y(chart) {
 /**
  * @private
  */
-function setLegendItemHoverState(hoverActive, legendItem) {
-    legendItem.setState(hoverActive ? 'hover' : '', true);
-    ['legendGroup', 'legendItem', 'legendSymbol'].forEach(function (i) {
-        var obj = legendItem[i];
-        var el = obj && obj.element || obj;
-        if (el) {
-            fireEvent(el, hoverActive ? 'mouseover' : 'mouseout');
+function setLegendItemHoverState(hoverActive, item) {
+    var legendItem = item.legendItem || {};
+    item.setState(hoverActive ? 'hover' : '', true);
+    for (var _i = 0, _a = ['group', 'label', 'symbol']; _i < _a.length; _i++) {
+        var key = _a[_i];
+        var svgElement = legendItem[key];
+        var element = svgElement && svgElement.element || svgElement;
+        if (element) {
+            fireEvent(element, hoverActive ? 'mouseover' : 'mouseout');
         }
-    });
+    }
 }
 /* *
  *
@@ -148,16 +150,18 @@ var LegendComponent = /** @class */ (function (_super) {
         var items = legend.allItems || [];
         var curPage = legend.currentPage || 1;
         var clipHeight = legend.clipHeight || 0;
+        var legendItem;
         items.forEach(function (item) {
             if (item.a11yProxyElement) {
                 var hasPages = legend.pages && legend.pages.length;
                 var proxyEl = item.a11yProxyElement.element;
                 var hide = false;
+                legendItem = item.legendItem || {};
                 if (hasPages) {
-                    var itemPage = item.pageIx || 0;
-                    var y = item._legendItemPos ? item._legendItemPos[1] : 0;
-                    var h = item.legendItem ?
-                        Math.round(item.legendItem.getBBox().height) :
+                    var itemPage = legendItem.pageIx || 0;
+                    var y = legendItem.y || 0;
+                    var h = legendItem.label ?
+                        Math.round(legendItem.label.getBBox().height) :
                         0;
                     hide = y + h - legend.pages[itemPage] > clipHeight ||
                         itemPage !== curPage - 1;
@@ -195,15 +199,16 @@ var LegendComponent = /** @class */ (function (_super) {
         var newPageIx = curPageIx + direction;
         var pages = legend.pages || [];
         if (newPageIx > 0 && newPageIx <= pages.length) {
-            var len = legend.allItems.length;
-            for (var i = 0; i < len; ++i) {
-                if (legend.allItems[i].pageIx + 1 === newPageIx) {
-                    var res = chart.highlightLegendItem(i);
+            var i = 0, res = void 0;
+            for (var _i = 0, _a = legend.allItems; _i < _a.length; _i++) {
+                var item = _a[_i];
+                if (((item.legendItem || {}).pageIx || 0) + 1 === newPageIx) {
+                    res = chart.highlightLegendItem(i);
                     if (res) {
                         this.highlightedLegendItemIx = i;
                     }
-                    return;
                 }
+                ++i;
             }
         }
     };
@@ -280,10 +285,11 @@ var LegendComponent = /** @class */ (function (_super) {
      * @private
      */
     LegendComponent.prototype.proxyLegendItems = function () {
-        var component = this, items = (this.chart.legend &&
-            this.chart.legend.allItems || []);
+        var component = this, items = (this.chart.legend || {}).allItems || [];
+        var legendItem;
         items.forEach(function (item) {
-            if (item.legendItem && item.legendItem.element) {
+            legendItem = item.legendItem || {};
+            if (legendItem.label && legendItem.label.element) {
                 component.proxyLegendItem(item);
             }
         });
@@ -293,7 +299,8 @@ var LegendComponent = /** @class */ (function (_super) {
      * @param {Highcharts.BubbleLegendItem|Point|Highcharts.Series} item
      */
     LegendComponent.prototype.proxyLegendItem = function (item) {
-        if (!item.legendItem || !item.legendGroup) {
+        var legendItem = item.legendItem || {};
+        if (!legendItem.label || !legendItem.group) {
             return;
         }
         var itemLabel = this.chart.langFormat('accessibility.legend.legendItem', {
@@ -307,11 +314,11 @@ var LegendComponent = /** @class */ (function (_super) {
             'aria-label': itemLabel
         };
         // Considers useHTML
-        var proxyPositioningElement = item.legendGroup.div ?
-            item.legendItem :
-            item.legendGroup;
+        var proxyPositioningElement = legendItem.group.div ?
+            legendItem.label :
+            legendItem.group;
         item.a11yProxyElement = this.proxyProvider.addProxyElement('legend', {
-            click: item.legendItem,
+            click: legendItem.label,
             visual: proxyPositioningElement.element
         }, attribs);
     };
@@ -331,10 +338,7 @@ var LegendComponent = /** @class */ (function (_super) {
                 ],
                 [
                     [keys.enter, keys.space],
-                    function (keyCode) {
-                        if (H.isFirefox && keyCode === keys.space) { // #15520
-                            return this.response.success;
-                        }
+                    function () {
                         return component.onKbdClick(this);
                     }
                 ],
@@ -435,13 +439,13 @@ var LegendComponent = /** @class */ (function (_super) {
         var items = this.legend.allItems;
         var oldIx = this.accessibility &&
             this.accessibility.components.legend.highlightedLegendItemIx;
-        var itemToHighlight = items[ix];
+        var itemToHighlight = items[ix], legendItem = itemToHighlight.legendItem || {};
         if (itemToHighlight) {
             if (isNumber(oldIx) && items[oldIx]) {
                 setLegendItemHoverState(false, items[oldIx]);
             }
             scrollLegendToItem(this.legend, ix);
-            var legendItemProp = itemToHighlight.legendItem;
+            var legendItemProp = legendItem.label;
             var proxyBtn = itemToHighlight.a11yProxyElement &&
                 itemToHighlight.a11yProxyElement.buttonElement;
             if (legendItemProp && legendItemProp.element && proxyBtn) {

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

@@ -25,7 +25,7 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import RangeSelector from '../../Extensions/RangeSelector.js';
+import RangeSelector from '../../Stock/RangeSelector/RangeSelector.js';
 import AccessibilityComponent from '../AccessibilityComponent.js';
 import ChartUtilities from '../Utils/ChartUtilities.js';
 var unhideChartElementFromAT = ChartUtilities.unhideChartElementFromAT, getAxisRangeDescription = ChartUtilities.getAxisRangeDescription;

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

@@ -43,11 +43,11 @@ function findFirstPointWithGraphic(point) {
     }) || null;
 }
 /**
- * Whether or not we should add a dummy point element in
+ * Whether or not we should add a mock point element in
  * order to describe a point that has no graphic.
  * @private
  */
-function shouldAddDummyPoint(point) {
+function shouldAddMockPoint(point) {
     // Note: Sunburst series use isNull for hidden points on drilldown.
     // Ignore these.
     var series = point.series, chart = series && series.chart, isSunburst = series && series.is('sunburst'), isNull = point.isNull, shouldDescribeNull = chart &&
@@ -58,37 +58,37 @@ function shouldAddDummyPoint(point) {
 /**
  * @private
  */
-function makeDummyElement(point, pos) {
-    var renderer = point.series.chart.renderer, dummy = renderer.rect(pos.x, pos.y, 1, 1);
-    dummy.attr({
-        'class': 'highcharts-a11y-dummy-point',
+function makeMockElement(point, pos) {
+    var renderer = point.series.chart.renderer, mock = renderer.rect(pos.x, pos.y, 1, 1);
+    mock.attr({
+        'class': 'highcharts-a11y-mock-point',
         fill: 'none',
         opacity: 0,
         'fill-opacity': 0,
         'stroke-opacity': 0
     });
-    return dummy;
+    return mock;
 }
 /**
  * @private
  */
-function addDummyPointElement(point) {
+function addMockPointElement(point) {
     var series = point.series, firstPointWithGraphic = findFirstPointWithGraphic(point), firstGraphic = firstPointWithGraphic && firstPointWithGraphic.graphic, parentGroup = firstGraphic ?
         firstGraphic.parentGroup :
-        series.graph || series.group, dummyPos = firstPointWithGraphic ? {
+        series.graph || series.group, mockPos = firstPointWithGraphic ? {
         x: pick(point.plotX, firstPointWithGraphic.plotX, 0),
         y: pick(point.plotY, firstPointWithGraphic.plotY, 0)
     } : {
         x: pick(point.plotX, 0),
         y: pick(point.plotY, 0)
-    }, dummyElement = makeDummyElement(point, dummyPos);
+    }, mockElement = makeMockElement(point, mockPos);
     if (parentGroup && parentGroup.element) {
-        point.graphic = dummyElement;
-        point.hasDummyGraphic = true;
-        dummyElement.add(parentGroup);
+        point.graphic = mockElement;
+        point.hasMockGraphic = true;
+        mockElement.add(parentGroup);
         // Move to correct pos in DOM
-        parentGroup.element.insertBefore(dummyElement.element, firstGraphic ? firstGraphic.element : null);
-        return dummyElement.element;
+        parentGroup.element.insertBefore(mockElement.element, firstGraphic ? firstGraphic.element : null);
+        return mockElement.element;
     }
 }
 /**
@@ -297,7 +297,7 @@ function describePointsInSeries(series) {
     if (setScreenReaderProps || setKeyboardProps) {
         series.points.forEach(function (point) {
             var pointEl = point.graphic && point.graphic.element ||
-                shouldAddDummyPoint(point) && addDummyPointElement(point), pointA11yDisabled = (point.options &&
+                shouldAddMockPoint(point) && addMockPointElement(point), pointA11yDisabled = (point.options &&
                 point.options.accessibility &&
                 point.options.accessibility.enabled === false);
             if (pointEl) {

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

@@ -33,6 +33,10 @@ var langOptions = {
      * @optionparent lang.accessibility
      */
     accessibility: {
+        /**
+         * @deprecated 10.2.1
+         * @apioption  lang.accessibility.resetZoomButton
+         */
         defaultChartTitle: 'Chart',
         chartContainerLabel: '{title}. Highcharts interactive chart.',
         svgContainerLabel: 'Interactive chart',

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

@@ -12,7 +12,7 @@ import A from '../Animation/AnimationUtilities.js';
 var animObject = A.animObject;
 import AxisDefaults from './AxisDefaults.js';
 import Color from '../Color/Color.js';
-import D from '../DefaultOptions.js';
+import D from '../Defaults.js';
 var defaultOptions = D.defaultOptions;
 import F from '../Foundation.js';
 var registerEventOptions = F.registerEventOptions;
@@ -1254,19 +1254,20 @@ var Axis = /** @class */ (function () {
         // This is in turn needed in order to find tick positions in ordinal
         // axes.
         if (isXAxis && !secondPass) {
-            var hasExtemesChanged_1 = axis.min !== (axis.old && axis.old.min) ||
+            var hasExtremesChanged_1 = axis.min !==
+                (axis.old && axis.old.min) ||
                 axis.max !== (axis.old && axis.old.max);
             // First process all series assigned to that axis.
             axis.series.forEach(function (series) {
                 // Allows filtering out points outside the plot area.
                 series.forceCrop = (series.forceCropping &&
                     series.forceCropping());
-                series.processData(hasExtemesChanged_1);
+                series.processData(hasExtremesChanged_1);
             });
-            // Then apply grouping if needed. The hasExtemesChanged helps to
+            // Then apply grouping if needed. The hasExtremesChanged helps to
             // decide if the data grouping should be skipped in the further
             // calculations #16319.
-            fireEvent(this, 'postProcessData', { hasExtemesChanged: hasExtemesChanged_1 });
+            fireEvent(this, 'postProcessData', { hasExtremesChanged: hasExtremesChanged_1 });
         }
         // set the translation factor used in translate function
         axis.setAxisTranslation();
@@ -1307,8 +1308,8 @@ var Axis = /** @class */ (function () {
      * @emits Highcharts.Axis#event:afterSetTickPositions
      */
     Axis.prototype.setTickPositions = function () {
-        var axis = this, options = this.options, tickPositionsOption = options.tickPositions, minorTickIntervalOption = this.getMinorTickInterval(), hasVerticalPanning = this.hasVerticalPanning(), isColorAxis = this.coll === 'colorAxis', startOnTick = ((isColorAxis || !hasVerticalPanning) && options.startOnTick), endOnTick = ((isColorAxis || !hasVerticalPanning) && options.endOnTick);
-        var tickPositions, tickPositioner = options.tickPositioner;
+        var axis = this, options = this.options, tickPositionsOption = options.tickPositions, tickPositioner = options.tickPositioner, minorTickIntervalOption = this.getMinorTickInterval(), hasVerticalPanning = this.hasVerticalPanning(), isColorAxis = this.coll === 'colorAxis', startOnTick = ((isColorAxis || !hasVerticalPanning) && options.startOnTick), endOnTick = ((isColorAxis || !hasVerticalPanning) && options.endOnTick);
+        var tickPositions = [], tickPositionerResult;
         // Set the tickmarkOffset
         this.tickmarkOffset = (this.categories &&
             options.tickmarkPlacement === 'between' &&
@@ -1346,11 +1347,11 @@ var Axis = /** @class */ (function () {
          * @name Highcharts.Axis#tickPositions
          * @type {Highcharts.AxisTickPositionsArray|undefined}
          */
-        this.tickPositions =
+        if (tickPositionsOption) {
             // Find the tick positions. Work on a copy (#1565)
-            tickPositions =
-                (tickPositionsOption && tickPositionsOption.slice());
-        if (!tickPositions) {
+            tickPositions = tickPositionsOption.slice();
+        }
+        else if (isNumber(this.min) && isNumber(this.max)) {
             // Too many ticks (#6405). Create a friendly warning and provide two
             // ticks so at least we can show the data series.
             if ((!axis.ordinal || !axis.ordinal.positions) &&
@@ -1385,28 +1386,33 @@ var Axis = /** @class */ (function () {
             }
             // Too dense ticks, keep only the first and last (#4477)
             if (tickPositions.length > this.len) {
-                tickPositions = [tickPositions[0], tickPositions.pop()];
+                tickPositions = [
+                    tickPositions[0],
+                    tickPositions[tickPositions.length - 1]
+                ];
                 // Reduce doubled value (#7339)
                 if (tickPositions[0] === tickPositions[1]) {
                     tickPositions.length = 1;
                 }
             }
-            this.tickPositions = tickPositions;
             // Run the tick positioner callback, that allows modifying auto tick
             // positions.
             if (tickPositioner) {
-                tickPositioner = tickPositioner.apply(axis, [this.min, this.max]);
-                if (tickPositioner) {
-                    this.tickPositions = tickPositions = tickPositioner;
+                // Make it available to the positioner
+                this.tickPositions = tickPositions;
+                tickPositionerResult = tickPositioner.apply(axis, [this.min, this.max]);
+                if (tickPositionerResult) {
+                    tickPositions = tickPositionerResult;
                 }
             }
         }
+        this.tickPositions = tickPositions;
         // Reset min/max or remove extremes based on start/end on tick
         this.paddedTicks = tickPositions.slice(0); // Used for logarithmic minor
         this.trimTicks(tickPositions, startOnTick, endOnTick);
-        if (!this.isLinked) {
-            // Substract half a unit (#2619, #2846, #2515, #3390),
-            // but not in case of multiple ticks (#6897)
+        if (!this.isLinked && isNumber(this.min) && isNumber(this.max)) {
+            // Substract half a unit (#2619, #2846, #2515, #3390), but not in
+            // case of multiple ticks (#6897)
             if (this.single &&
                 tickPositions.length < 2 &&
                 !this.categories &&
@@ -1416,7 +1422,7 @@ var Axis = /** @class */ (function () {
                 this.min -= 0.5;
                 this.max += 0.5;
             }
-            if (!tickPositionsOption && !tickPositioner) {
+            if (!tickPositionsOption && !tickPositionerResult) {
                 this.adjustTickAmount();
             }
         }
@@ -2030,9 +2036,9 @@ var Axis = /** @class */ (function () {
             }
             return correctFloat(step * tickInterval);
         };
-        var newTickInterval = tickInterval, rotation, step, bestScore = Number.MAX_VALUE, autoRotation;
+        var newTickInterval = tickInterval, rotation, bestScore = Number.MAX_VALUE, autoRotation;
         if (horiz) {
-            if (!labelOptions.staggerLines && !labelOptions.step) {
+            if (!labelOptions.staggerLines) {
                 if (isNumber(rotationOption)) {
                     autoRotation = [rotationOption];
                 }
@@ -2041,12 +2047,12 @@ var Axis = /** @class */ (function () {
                 }
             }
             if (autoRotation) {
-                // Loop over the given autoRotation options, and determine
-                // which gives the best score. The best score is that with
-                // the lowest number of steps and a rotation closest
-                // to horizontal.
-                autoRotation.forEach(function (rot) {
-                    var score;
+                var step = void 0, score = void 0;
+                // Loop over the given autoRotation options, and determine which
+                // gives the best score. The best score is that with the lowest
+                // number of steps and a rotation closest to horizontal.
+                for (var _i = 0, autoRotation_1 = autoRotation; _i < autoRotation_1.length; _i++) {
+                    var rot = autoRotation_1[_i];
                     if (rot === rotationOption ||
                         (rot && rot >= -90 && rot <= 90)) { // #3891
                         step = getStep(Math.abs(labelMetrics.h / Math.sin(deg2rad * rot)));
@@ -2057,15 +2063,15 @@ var Axis = /** @class */ (function () {
                             newTickInterval = step;
                         }
                     }
-                });
+                }
             }
         }
-        else if (!labelOptions.step) { // #4411
+        else { // #4411
             newTickInterval = getStep(labelMetrics.h);
         }
         this.autoRotation = autoRotation;
         this.labelRotation = pick(rotation, isNumber(rotationOption) ? rotationOption : 0);
-        return newTickInterval;
+        return labelOptions.step ? tickInterval : newTickInterval;
     };
     /**
      * Get the general slot width for labels/categories on this axis. This may
@@ -3181,6 +3187,10 @@ export default Axis;
 * @name Highcharts.AxisLabelsFormatterContextObject#chart
 * @type {Highcharts.Chart}
 */ /**
+* Default formatting of date/time labels.
+* @name Highcharts.AxisLabelsFormatterContextObject#dateTimeLabelFormat
+* @type {string|undefined}
+*/ /**
 * Whether the label belongs to the first tick on the axis.
 * @name Highcharts.AxisLabelsFormatterContextObject#isFirst
 * @type {boolean}
@@ -3199,7 +3209,7 @@ export default Axis;
 * dates will be formatted as strings, and numbers with language-specific comma
 * separators, thousands separators and numeric symbols like `k` or `M`.
 * @name Highcharts.AxisLabelsFormatterContextObject#text
-* @type {string}
+* @type {string|undefined}
 */ /**
 * The Tick instance.
 * @name Highcharts.AxisLabelsFormatterContextObject#tick