v10.3.2

Author: TorsteinHonsi

bower.json

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

es-modules/Accessibility/Accessibility.js

@@ -323,7 +323,7 @@ var Accessibility = /** @class */ (function () {
     /**
      * @private
      */
-    function compose(AxisClass, ChartClass, LegendClass, PointClass, SeriesClass, SVGElementClass, RangeSelectorClass) {
+    function compose(ChartClass, LegendClass, PointClass, SeriesClass, SVGElementClass, RangeSelectorClass) {
         // ordered:
         KeyboardNavigation.compose(ChartClass);
         NewDataAnnouncer.compose(SeriesClass);

es-modules/Accessibility/Components/ZoomComponent.js

@@ -28,6 +28,8 @@ var __extends = (this && this.__extends) || (function () {
 import AccessibilityComponent from '../AccessibilityComponent.js';
 import CU from '../Utils/ChartUtilities.js';
 var unhideChartElementFromAT = CU.unhideChartElementFromAT;
+import HU from '../Utils/HTMLUtilities.js';
+var getFakeMouseEvent = HU.getFakeMouseEvent;
 import KeyboardNavigationHandler from '../KeyboardNavigationHandler.js';
 import U from '../../Core/Utilities.js';
 var attr = U.attr, pick = U.pick;
@@ -36,33 +38,11 @@ var attr = U.attr, pick = U.pick;
  *  Functions
  *
  * */
-/**
- * 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 axisPanStep(axis, direction, granularity) {
-    var gran = granularity || 3;
-    var extremes = axis.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;
-    }
-    axis.setExtremes(newMin, newMax);
-}
 /**
  * @private
  */
 function chartHasMapZoom(chart) {
-    return !!((chart.mapZoom) &&
+    return !!((chart.mapView) &&
         chart.mapNavigation &&
         chart.mapNavigation.navButtons.length);
 }
@@ -213,16 +193,27 @@ var ZoomComponent = /** @class */ (function (_super) {
         });
     };
     /**
+     * Arrow key panning for maps.
      * @private
-     * @param {Highcharts.KeyboardNavigationHandler} keyboardNavigationHandler
-     * @param {number} keyCode
+     * @param {Highcharts.KeyboardNavigationHandler} keyboardNavigationHandler The handler context.
+     * @param {number} keyCode Key pressed.
      * @return {number} Response code
      */
     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;
-        axisPanStep(this.chart[panAxis][0], stepDirection);
+        var chart = this.chart, keys = this.keyCodes, target = chart.container, isY = keyCode === keys.up || keyCode === keys.down, stepDirection = (keyCode === keys.left || keyCode === keys.up) ?
+            1 : -1, granularity = 10, diff = (isY ? chart.plotHeight : chart.plotWidth) /
+            granularity * stepDirection, 
+        // Randomize since same mousedown coords twice is ignored in MapView
+        r = Math.random() * 10, startPos = {
+            x: target.offsetLeft + chart.plotLeft + chart.plotWidth / 2 + r,
+            y: target.offsetTop + chart.plotTop + chart.plotHeight / 2 + r
+        }, endPos = isY ? { x: startPos.x, y: startPos.y + diff } :
+            { x: startPos.x + diff, y: startPos.y };
+        [
+            getFakeMouseEvent('mousedown', startPos),
+            getFakeMouseEvent('mousemove', endPos),
+            getFakeMouseEvent('mouseup', endPos)
+        ].forEach(function (e) { return target.dispatchEvent(e); });
         return keyboardNavigationHandler.response.success;
     };
     /**
@@ -240,7 +231,9 @@ var ZoomComponent = /** @class */ (function (_super) {
         // Deselect old
         chart.mapNavigation.navButtons[this.focusedMapNavButtonIx].setState(0);
         if (isMoveOutOfRange) {
-            chart.mapZoom(); // Reset zoom
+            if (chart.mapView) {
+                chart.mapView.zoomBy(); // Reset zoom
+            }
             return response[isBackwards ? 'prev' : 'next'];
         }
         // Select other button
@@ -251,12 +244,13 @@ var ZoomComponent = /** @class */ (function (_super) {
         return response.success;
     };
     /**
+     * Called on map button click.
      * @private
-     * @param {Highcharts.KeyboardNavigationHandler} keyboardNavigationHandler
+     * @param {Highcharts.KeyboardNavigationHandler} keyboardNavigationHandler The handler context object
      * @return {number} Response code
      */
     ZoomComponent.prototype.onMapKbdClick = function (keyboardNavigationHandler) {
-        var el = this.chart.mapNavButtons[this.focusedMapNavButtonIx].element;
+        var el = this.chart.mapNavigation.navButtons[this.focusedMapNavButtonIx].element;
         this.fakeClickEvent(el);
         return keyboardNavigationHandler.response.success;
     };

es-modules/Accessibility/KeyboardNavigation.js

@@ -17,7 +17,7 @@ import U from '../Core/Utilities.js';
 var addEvent = U.addEvent, fireEvent = U.fireEvent;
 import EventProvider from './Utils/EventProvider.js';
 import HTMLUtilities from './Utils/HTMLUtilities.js';
-var getElement = HTMLUtilities.getElement;
+var getElement = HTMLUtilities.getElement, simulatedEventTarget = HTMLUtilities.simulatedEventTarget;
 /* *
  *
  *  Class
@@ -83,7 +83,7 @@ var KeyboardNavigation = /** @class */ (function () {
         ep.addEvent(this.tabindexContainer, 'keydown', function (e) { return _this.onKeydown(e); });
         ep.addEvent(this.tabindexContainer, 'focus', function (e) { return _this.onFocus(e); });
         ['mouseup', 'touchend'].forEach(function (eventName) {
-            return ep.addEvent(doc, eventName, function () { return _this.onMouseUp(); });
+            return ep.addEvent(doc, eventName, function (e) { return _this.onMouseUp(e); });
         });
         ['mousedown', 'touchstart'].forEach(function (eventName) {
             return ep.addEvent(chart.renderTo, eventName, function () {
@@ -209,9 +209,10 @@ var KeyboardNavigation = /** @class */ (function () {
      * indicator.
      * @private
      */
-    KeyboardNavigation.prototype.onMouseUp = function () {
+    KeyboardNavigation.prototype.onMouseUp = function (e) {
         delete this.isClickingChart;
-        if (!this.keyboardReset) {
+        if (!this.keyboardReset &&
+            e.relatedTarget !== simulatedEventTarget) {
             var chart = this.chart;
             if (!this.pointerIsOverChart) {
                 var curMod = this.modules &&

es-modules/Accessibility/Utils/HTMLUtilities.js

@@ -14,6 +14,12 @@ import H from '../../Core/Globals.js';
 var doc = H.doc, win = H.win;
 import U from '../../Core/Utilities.js';
 var css = U.css;
+/* *
+ *
+ *  Constants
+ *
+ * */
+var simulatedEventTarget = win.EventTarget && new win.EventTarget() || 'none';
 /* *
  *
  *  Functions
@@ -133,10 +139,12 @@ function getElement(id) {
     return doc.getElementById(id);
 }
 /**
- * Get a fake mouse event of a given type
+ * Get a fake mouse event of a given type. If relatedTarget is not given,
+ * it will point to simulatedEventTarget, as an indicator that the event
+ * is fake.
  * @private
  */
-function getFakeMouseEvent(type, position) {
+function getFakeMouseEvent(type, position, relatedTarget) {
     var pos = position || {
         x: 0,
         y: 0
@@ -146,6 +154,9 @@ function getFakeMouseEvent(type, position) {
             bubbles: true,
             cancelable: true,
             composed: true,
+            button: 0,
+            buttons: 1,
+            relatedTarget: relatedTarget || simulatedEventTarget,
             view: win,
             detail: type === 'click' ? 1 : 0,
             screenX: pos.x,
@@ -299,6 +310,7 @@ var HTMLUtilities = {
     removeClass: removeClass,
     removeElement: removeElement,
     reverseChildNodes: reverseChildNodes,
+    simulatedEventTarget: simulatedEventTarget,
     stripHTMLTagsFromString: stripHTMLTagsFromString,
     visuallyHideElement: visuallyHideElement
 };

es-modules/Core/Axis/Stacking/StackingAxis.js

@@ -182,12 +182,14 @@ function seriesSetGroupedPoints() {
  * @function Highcharts.Series#setStackedPoints
  */
 function seriesSetStackedPoints(stackingParam) {
-    var stacking = stackingParam || this.options.stacking;
+    var chart = this.chart, stacking = stackingParam || this.options.stacking;
     if (!stacking || (this.visible !== true &&
-        this.chart.options.chart.ignoreHiddenSeries !== false)) {
+        chart.options.chart.ignoreHiddenSeries !== false)) {
         return;
     }
-    var series = this, xData = series.processedXData, yData = series.processedYData, stackedYData = [], yDataLength = yData.length, seriesOptions = series.options, threshold = seriesOptions.threshold, stackThreshold = pick(seriesOptions.startFromThreshold && threshold, 0), stackOption = seriesOptions.stack, stackKey = stackingParam ? "".concat(series.type, ",").concat(stacking) : series.stackKey, negKey = '-' + stackKey, negStacks = series.negStacks, yAxis = series.yAxis, stacks = yAxis.stacking.stacks, oldStacks = yAxis.stacking.oldStacks;
+    var series = this, xData = series.processedXData, yData = series.processedYData, stackedYData = [], yDataLength = yData.length, seriesOptions = series.options, threshold = seriesOptions.threshold, stackThreshold = pick(seriesOptions.startFromThreshold && threshold, 0), stackOption = seriesOptions.stack, stackKey = stackingParam ? "".concat(series.type, ",").concat(stacking) : series.stackKey, negKey = '-' + stackKey, negStacks = series.negStacks, yAxis = stacking === 'group' ?
+        chart.yAxis[0] :
+        series.yAxis, stacks = yAxis.stacking.stacks, oldStacks = yAxis.stacking.oldStacks;
     var stackIndicator, isNegative, stack, other, key, pointKey, i, x, y;
     yAxis.stacking.stacksTouched += 1;
     // loop over the non-null y values and read them into a local array

es-modules/Core/Axis/WaterfallAxis.js

@@ -58,20 +58,23 @@ var WaterfallAxis;
          * @function Highcharts.Axis#renderWaterfallStackTotals
          */
         Composition.prototype.renderStackTotals = function () {
-            var yAxis = this.axis, waterfallStacks = yAxis.waterfall.stacks, stackTotalGroup = (yAxis.stacking && yAxis.stacking.stackTotalGroup), dummyStackItem = new StackItem(yAxis, yAxis.options.stackLabels, false, 0, void 0);
+            var yAxis = this.axis, waterfallStacks = yAxis.waterfall.stacks, stackTotalGroup = (yAxis.stacking && yAxis.stacking.stackTotalGroup), dummyStackItem = new StackItem(yAxis, yAxis.options.stackLabels || {}, false, 0, void 0);
             this.dummyStackItem = dummyStackItem;
             // Render each waterfall stack total
-            objectEach(waterfallStacks, function (type) {
-                objectEach(type, function (stackItem) {
-                    dummyStackItem.total = stackItem.stackTotal;
-                    if (stackItem.label) {
-                        dummyStackItem.label = stackItem.label;
-                    }
-                    StackItem.prototype.render.call(dummyStackItem, stackTotalGroup);
-                    stackItem.label = dummyStackItem.label;
-                    delete dummyStackItem.label;
+            if (stackTotalGroup) {
+                objectEach(waterfallStacks, function (type) {
+                    objectEach(type, function (stackItem, key) {
+                        dummyStackItem.total = stackItem.stackTotal;
+                        dummyStackItem.x = +key;
+                        if (stackItem.label) {
+                            dummyStackItem.label = stackItem.label;
+                        }
+                        StackItem.prototype.render.call(dummyStackItem, stackTotalGroup);
+                        stackItem.label = dummyStackItem.label;
+                        delete dummyStackItem.label;
+                    });
                 });
-            });
+            }
             dummyStackItem.total = null;
         };
         return Composition;

es-modules/Core/Chart/Chart.js

@@ -1967,7 +1967,9 @@ var Chart = /** @class */ (function () {
             // Make chart behave as an image with the title as alt text
             this.renderer.boxWrapper.attr({
                 role: 'img',
-                'aria-label': (title && title.element.textContent) || ''
+                'aria-label': ((title && title.element.textContent) || ''
+                // #17753, < is not allowed in SVG attributes
+                ).replace(/</g, '&lt;')
             });
             if (!(options.accessibility && options.accessibility.enabled === false)) {
                 error('Highcharts warning: Consider including the ' +

es-modules/Core/Chart/ChartDefaults.js

@@ -851,6 +851,8 @@ var ChartDefaults = {
      * Additional CSS styles to apply inline to the container `div`. Note
      * that since the default font styles are applied in the renderer, it
      * is ignorant of the individual chart options and must be set globally.
+     * Also note that changing the font size in the `chart.style` options only
+     * applies to those elements that do not have a specific `fontSize` setting.
      *
      * @see    In styled mode, general chart styles can be set with the
      *         `.highcharts-root` class.

es-modules/Core/Globals.js

@@ -24,7 +24,7 @@ var Globals;
      *  Constants
      *
      * */
-    Globals.SVG_NS = 'http://www.w3.org/2000/svg', Globals.product = 'Highcharts', Globals.version = '10.3.1', Globals.win = (typeof window !== 'undefined' ?
+    Globals.SVG_NS = 'http://www.w3.org/2000/svg', Globals.product = 'Highcharts', Globals.version = '10.3.2', Globals.win = (typeof window !== 'undefined' ?
         window :
         {}), // eslint-disable-line node/no-unsupported-features/es-builtins
     Globals.doc = Globals.win.document, Globals.svg = (Globals.doc &&

es-modules/Core/Pointer.js

@@ -1169,7 +1169,7 @@ var Pointer = /** @class */ (function () {
      * @emits Highcharts.Point#event:mouseOut
      * @emits Highcharts.Point#event:mouseOver
      */
-    Pointer.prototype.runPointActions = function (e, p) {
+    Pointer.prototype.runPointActions = function (e, p, force) {
         var pointer = this, chart = pointer.chart, series = chart.series, tooltip = (chart.tooltip && chart.tooltip.options.enabled ?
             chart.tooltip :
             void 0), shared = (tooltip ?
@@ -1190,8 +1190,9 @@ var Pointer = /** @class */ (function () {
         // Refresh tooltip for kdpoint if new hover point or tooltip was hidden
         // #3926, #4200
         if (hoverPoint &&
-            // !(hoverSeries && hoverSeries.directTouch) &&
-            (hoverPoint !== chart.hoverPoint || (tooltip && tooltip.isHidden))) {
+            (force ||
+                hoverPoint !== chart.hoverPoint ||
+                (tooltip && tooltip.isHidden))) {
             (chart.hoverPoints || []).forEach(function (p) {
                 if (points.indexOf(p) === -1) {
                     p.setState();

es-modules/Core/Renderer/HTML/AST.js

@@ -96,6 +96,10 @@ var AST = /** @class */ (function () {
                 });
                 delete attributes[key];
             }
+            // #17753, < is not allowed in SVG attributes
+            if (isString(val) && attributes[key]) {
+                attributes[key] = val.replace(/</g, '&lt;');
+            }
         });
         return attributes;
     };
@@ -374,6 +378,7 @@ var AST = /** @class */ (function () {
         'x',
         'x1',
         'x2',
+        'xlink:href',
         'y',
         'y1',
         'y2',
@@ -467,6 +472,7 @@ var AST = /** @class */ (function () {
         'text',
         'textPath',
         'thead',
+        'title',
         'tbody',
         'tspan',
         'td',