highcharts 9.3.1 → 9.3.2

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

@@ -9,18 +9,28 @@
  * */
 'use strict';
 import H from '../../Globals.js';
-var SVG_NS = H.SVG_NS;
+var SVG_NS = H.SVG_NS, win = H.win;
 import U from '../../Utilities.js';
-var attr = U.attr, createElement = U.createElement, discardElement = U.discardElement, error = U.error, isString = U.isString, objectEach = U.objectEach, splat = U.splat;
+var attr = U.attr, createElement = U.createElement, error = U.error, isFunction = U.isFunction, isString = U.isString, objectEach = U.objectEach, splat = U.splat;
+var trustedTypes = win.trustedTypes;
 /* *
  *
  *  Constants
  *
  * */
+// Create the trusted type policy. This should not be exposed.
+var trustedTypesPolicy = (trustedTypes &&
+    isFunction(trustedTypes.createPolicy) &&
+    trustedTypes.createPolicy('highcharts', {
+        createHTML: function (s) { return s; }
+    }));
+var emptyHTML = trustedTypesPolicy ?
+    trustedTypesPolicy.createHTML('') :
+    '';
 // In IE8, DOMParser is undefined. IE9 and PhantomJS are only able to parse XML.
 var hasValidDOMParser = (function () {
     try {
-        return Boolean(new DOMParser().parseFromString('', 'text/html'));
+        return Boolean(new DOMParser().parseFromString(emptyHTML, 'text/html'));
     }
     catch (e) {
         return false;
@@ -103,7 +113,7 @@ var AST = /** @class */ (function () {
      * Markup string
      */
     AST.setElementHTML = function (el, html) {
-        el.innerHTML = ''; // Clear previous
+        el.innerHTML = AST.emptyHTML; // Clear previous
         if (html) {
             var ast = new AST(html);
             ast.addToDOM(el);
@@ -128,9 +138,12 @@ var AST = /** @class */ (function () {
     AST.prototype.addToDOM = function (parent) {
         /**
          * @private
-         * @param {Highcharts.ASTNode} subtree - HTML/SVG definition
-         * @param {Element} [subParent] - parent node
-         * @return {Highcharts.SVGDOMElement|Highcharts.HTMLDOMElement} The inserted node.
+         * @param {Highcharts.ASTNode} subtree
+         * HTML/SVG definition
+         * @param {Element} [subParent]
+         * parent node
+         * @return {Highcharts.SVGDOMElement|Highcharts.HTMLDOMElement}
+         * The inserted node.
          */
         function recurse(subtree, subParent) {
             var ret;
@@ -170,7 +183,8 @@ var AST = /** @class */ (function () {
                         node = element;
                     }
                     else {
-                        error("Highcharts warning: Invalid tagName '" + tagName + "' in config");
+                        error('Highcharts warning: Invalid tagName ' +
+                            tagName + ' in config');
                     }
                 }
                 // Add to the tree
@@ -200,12 +214,13 @@ var AST = /** @class */ (function () {
         var nodes = [];
         markup = markup.trim();
         var doc;
-        var body;
         if (hasValidDOMParser) {
-            doc = new DOMParser().parseFromString(markup, 'text/html');
+            doc = new DOMParser().parseFromString(trustedTypesPolicy ?
+                trustedTypesPolicy.createHTML(markup) :
+                markup, 'text/html');
         }
         else {
-            body = createElement('div');
+            var body = createElement('div');
             body.innerHTML = markup;
             doc = { body: body };
         }
@@ -240,9 +255,6 @@ var AST = /** @class */ (function () {
             addTo.push(astNode);
         };
         [].forEach.call(doc.body.childNodes, function (childNode) { return appendChildNodes(childNode, nodes); });
-        if (body) {
-            discardElement(body);
-        }
         return nodes;
     };
     /* *
@@ -429,6 +441,7 @@ var AST = /** @class */ (function () {
         'ul',
         '#text'
     ];
+    AST.emptyHTML = emptyHTML;
     return AST;
 }());
 /* *

package/es-modules/Core/Renderer/HTML/HTMLElement.js

@@ -50,10 +50,12 @@ var HTMLElement = /** @class */ (function (_super) {
         if (HTMLElement.composedClasses.indexOf(SVGElementClass) === -1) {
             HTMLElement.composedClasses.push(SVGElementClass);
             var htmlElementProto = HTMLElement.prototype, svgElementProto = SVGElementClass.prototype;
-            svgElementProto.getSpanCorrection = htmlElementProto.getSpanCorrection;
+            svgElementProto.getSpanCorrection = htmlElementProto
+                .getSpanCorrection;
             svgElementProto.htmlCss = htmlElementProto.htmlCss;
             svgElementProto.htmlGetBBox = htmlElementProto.htmlGetBBox;
-            svgElementProto.htmlUpdateTransform = htmlElementProto.htmlUpdateTransform;
+            svgElementProto.htmlUpdateTransform = htmlElementProto
+                .htmlUpdateTransform;
             svgElementProto.setSpanRotation = htmlElementProto.setSpanRotation;
         }
         return SVGElementClass;

package/es-modules/Core/Renderer/HTML/HTMLRenderer.js

@@ -65,15 +65,16 @@ var HTMLRenderer = /** @class */ (function (_super) {
      * @function Highcharts.SVGRenderer#html
      *
      * @param {string} str
-     *        The text of (subset) HTML to draw.
+     * The text of (subset) HTML to draw.
      *
      * @param {number} x
-     *        The x position of the text's lower left corner.
+     * The x position of the text's lower left corner.
      *
      * @param {number} y
-     *        The y position of the text's lower left corner.
+     * The y position of the text's lower left corner.
      *
      * @return {Highcharts.HTMLDOMElement}
+     * HTML element.
      */
     HTMLRenderer.prototype.html = function (str, x, y) {
         var wrapper = this.createElement('span'), element = wrapper.element, renderer = wrapper.renderer, isSVG = renderer.isSVG, addSetters = function (gWrapper, style) {
@@ -181,8 +182,7 @@ var HTMLRenderer = /** @class */ (function (_super) {
                              * @private
                              * @param {*} value
                              * @param {string} key
-                             * @return {void}
-                             */
+                                                     */
                             function translateSetter(value, key) {
                                 parentGroup[key] = value;
                                 if (key === 'translateX') {
@@ -205,7 +205,9 @@ var HTMLRenderer = /** @class */ (function (_super) {
                                         display: parentGroup.display,
                                         opacity: parentGroup.opacity,
                                         cursor: parentGroupStyles.cursor,
-                                        pointerEvents: parentGroupStyles.pointerEvents,
+                                        pointerEvents: (
+                                        // #5595
+                                        parentGroupStyles.pointerEvents),
                                         visibility: parentGroup.visibility
                                         // the top group is appended to container
                                     }, htmlGroup || container);

package/es-modules/Core/Renderer/RendererUtilities.js

@@ -42,8 +42,8 @@ var RendererUtilities;
      * @private
      */
     function distribute(boxes, len, maxDistance) {
-        var origBoxes = boxes, // Original array will be altered with added .pos
-        reducedLen = origBoxes.reducedLen || len, sortByRank = function (a, b) {
+        // Original array will be altered with added .pos
+        var origBoxes = boxes, reducedLen = origBoxes.reducedLen || len, sortByRank = function (a, b) {
             return (b.rank || 0) - (a.rank || 0);
         }, sortByTarget = function (a, b) {
             return a.target - b.target;

package/es-modules/Core/Renderer/SVG/SVGElement.js

@@ -110,7 +110,6 @@ var SVGElement = /** @class */ (function () {
      *
      * @param {Highcharts.SVGDOMElement} element
      *
-     * @return {void}
      */
     SVGElement.prototype._defaultSetter = function (value, key, element) {
         element.setAttribute(key, value);
@@ -256,7 +255,8 @@ var SVGElement = /** @class */ (function () {
             alignByTranslate = this.alignByTranslate;
             alignTo = this.alignTo;
         }
-        box = pick(box, renderer[alignTo], alignTo === 'scrollablePlotBox' ? renderer.plotBox : void 0, renderer);
+        box = pick(box, renderer[alignTo], alignTo === 'scrollablePlotBox' ?
+            renderer.plotBox : void 0, renderer);
         // Assign variables
         var align = alignOptions.align, vAlign = alignOptions.verticalAlign;
         // default: left align
@@ -541,7 +541,8 @@ var SVGElement = /** @class */ (function () {
                     // Let the shadow follow the main element
                     if (!this.styledMode &&
                         this.shadows &&
-                        /^(width|height|visibility|x|y|d|transform|cx|cy|r)$/.test(key)) {
+                        /^(width|height|visibility|x|y|d|transform|cx|cy|r)$/
+                            .test(key)) {
                         this.updateShadows(key, val, setter);
                     }
                 }
@@ -910,7 +911,6 @@ var SVGElement = /** @class */ (function () {
      * @private
      * @function Highcharts.SVGElement#destroyShadows
      *
-     * @return {void}
      */
     SVGElement.prototype.destroyShadows = function () {
         (this.shadows || []).forEach(function (shadow) {
@@ -1137,8 +1137,7 @@ var SVGElement = /** @class */ (function () {
                     bBox.height = height = ({
                         '11px,17': 14,
                         '13px,20': 16
-                    }[styles &&
-                        styles.fontSize + ',' + Math.round(height)] ||
+                    }[(fontSize || '') + "," + Math.round(height)] ||
                         height);
                 }
                 // Adjust for rotated text
@@ -1802,12 +1801,13 @@ var SVGElement = /** @class */ (function () {
      * @function Highcharts.SVGElement#translate
      *
      * @param {number} x
-     *        The x value.
+     * The x value.
      *
      * @param {number} y
-     *        The y value.
+     * The y value.
      *
      * @return {Highcharts.SVGElement}
+     * Translated element.
      */
     SVGElement.prototype.translate = function (x, y) {
         return this.attr({
@@ -1894,7 +1894,6 @@ var SVGElement = /** @class */ (function () {
      *
      * @param {Highcharts.SVGDOMElement} element
      *
-     * @return {void}
      */
     SVGElement.prototype.visibilitySetter = function (value, key, element) {
         // IE9-11 doesn't handle visibilty:inherit well, so we remove the
@@ -1910,10 +1909,6 @@ var SVGElement = /** @class */ (function () {
     /**
      * @private
      * @function Highcharts.SVGElement#xGetter
-     *
-     * @param {string} key
-     *
-     * @return {number|string|null}
      */
     SVGElement.prototype.xGetter = function (key) {
         if (this.element.nodeName === 'circle') {
@@ -1929,9 +1924,6 @@ var SVGElement = /** @class */ (function () {
     /**
      * @private
      * @function Highcharts.SVGElement#zIndexSetter
-     * @param {number} [value]
-     * @param {string} [key]
-     * @return {boolean}
      */
     SVGElement.prototype.zIndexSetter = function (value, key) {
         var renderer = this.renderer, parentGroup = this.parentGroup, parentWrapper = parentGroup || renderer, parentNode = parentWrapper.element || renderer.box, element = this.element, svgParent = parentNode === renderer.box;

package/es-modules/Core/Renderer/SVG/SVGLabel.js

@@ -134,7 +134,8 @@ var SVGLabel = /** @class */ (function (_super) {
                 }
             });
             this.text.css(textStyles_1);
-            var isWidth = 'width' in textStyles_1, isFontStyle = ('fontSize' in textStyles_1 || 'fontWeight' in textStyles_1);
+            var isWidth = 'width' in textStyles_1, isFontStyle = ('fontSize' in textStyles_1 ||
+                'fontWeight' in textStyles_1);
             // Update existing text, box (#9400, #12163)
             if (isFontStyle) {
                 this.updateTextPadding();
@@ -300,13 +301,15 @@ var SVGLabel = /** @class */ (function (_super) {
                     this.renderer.symbol(this.symbolKey) :
                     this.renderer.rect();
                 box.addClass(// Don't use label className for buttons
-                (this.className === 'button' ? '' : 'highcharts-label-box') +
-                    (this.className ? ' highcharts-' + this.className + '-box' : ''));
+                (this.className === 'button' ?
+                    '' : 'highcharts-label-box') +
+                    (this.className ?
+                        ' highcharts-' + this.className + '-box' : ''));
                 box.add(this);
             }
             crispAdjust = this.getCrispAdjust();
             attribs.x = crispAdjust;
-            attribs.y = (this.baseline ? -this.baselineOffset : 0) + crispAdjust;
+            attribs.y = ((this.baseline ? -this.baselineOffset : 0) + crispAdjust);
             // Apply the box attributes
             attribs.width = Math.round(this.width);
             attribs.height = Math.round(this.height);
@@ -328,8 +331,7 @@ var SVGLabel = /** @class */ (function (_super) {
         if (defined(this.widthSetting) &&
             this.bBox &&
             (this.textAlign === 'center' || this.textAlign === 'right')) {
-            textX += { center: 0.5, right: 1 }[this.textAlign] *
-                (this.widthSetting - this.bBox.width);
+            textX += { center: 0.5, right: 1 }[this.textAlign] * (this.widthSetting - this.bBox.width);
         }
         // update if anything changed
         if (textX !== text.x || textY !== text.y) {
@@ -355,7 +357,9 @@ var SVGLabel = /** @class */ (function (_super) {
         var padding = this.padding;
         var paddingLeft = pick(this.paddingLeft, padding);
         var paddingRight = pick(this.paddingRight, padding);
-        return (this.widthSetting || this.bBox.width || 0) + paddingLeft + paddingRight;
+        return ((this.widthSetting || this.bBox.width || 0) +
+            paddingLeft +
+            paddingRight);
     };
     SVGLabel.prototype.xSetter = function (value) {
         this.x = value; // for animation getter
@@ -376,7 +380,12 @@ var SVGLabel = /** @class */ (function (_super) {
      *  Static Properties
      *
      * */
-    SVGLabel.emptyBBox = { width: 0, height: 0, x: 0, y: 0 };
+    SVGLabel.emptyBBox = {
+        width: 0,
+        height: 0,
+        x: 0,
+        y: 0
+    };
     /**
      * For labels, these CSS properties are applied to the `text` node directly.
      *

package/es-modules/Core/Renderer/SVG/SVGRenderer.js

@@ -193,7 +193,7 @@ var SVGRenderer = /** @class */ (function () {
         this.url = this.getReferenceURL();
         // Add description
         var desc = this.createElement('desc').add();
-        desc.element.appendChild(doc.createTextNode('Created with Highcharts 9.3.1'));
+        desc.element.appendChild(doc.createTextNode('Created with Highcharts 9.3.2'));
         renderer.defs = this.createElement('defs').add();
         renderer.allowHTML = allowHTML;
         renderer.forExport = forExport;
@@ -384,6 +384,7 @@ var SVGRenderer = /** @class */ (function () {
      * @function Highcharts.SVGRenderer#destroy
      *
      * @return {null}
+     * Pass through value.
      */
     SVGRenderer.prototype.destroy = function () {
         var renderer = this, rendererDefs = renderer.defs;
@@ -1041,6 +1042,7 @@ var SVGRenderer = /** @class */ (function () {
      * Additional options, depending on the actual symbol drawn.
      *
      * @return {Highcharts.SVGElement}
+     * SVG symbol.
      */
     SVGRenderer.prototype.symbol = function (symbol, x, y, width, height, options) {
         var ren = this, imageRegex = /^url\((.*?)\)$/, isImage = imageRegex.test(symbol), sym = (!isImage && (this.symbols[symbol] ? symbol : 'circle')), 
@@ -1262,8 +1264,8 @@ var SVGRenderer = /** @class */ (function () {
                 var tspans = element.getElementsByTagName('tspan'), parentVal = element.getAttribute(key);
                 for (var i = 0, tspan = void 0; i < tspans.length; i++) {
                     tspan = tspans[i];
-                    // If the x values are equal, the tspan represents a
-                    // linebreak
+                    // If the x values are equal, the tspan represents a line
+                    // break
                     if (tspan.getAttribute(key) === parentVal) {
                         tspan.setAttribute(key, value);
                     }
@@ -1326,14 +1328,6 @@ var SVGRenderer = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.SVGRenderer#rotCorr
-     *
-     * @param {number} baseline
-     *
-     * @param {number} rotation
-     *
-     * @param {boolean} [alterY]
-     *
-     * @param {Highcharts.PositionObject}
      */
     SVGRenderer.prototype.rotCorr = function (baseline, rotation, alterY) {
         var y = baseline;
@@ -1637,7 +1631,6 @@ var SVGRenderer = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.SVGRenderer#alignElements
-     * @return {void}
      */
     SVGRenderer.prototype.alignElements = function () {
         this.alignedObjects.forEach(function (el) { return el.align(); });

package/es-modules/Core/Renderer/SVG/SVGRenderer3D.js

@@ -164,7 +164,8 @@ var SVGRenderer3D = /** @class */ (function (_super) {
                 delete hash.insidePlotArea;
                 var chart = charts[renderer.chartIndex], vertexes2d = perspective(this.vertexes, chart, this.insidePlotArea), path = renderer.toLinePath(vertexes2d, true), area = shapeArea(vertexes2d);
                 hash.d = path;
-                hash.visibility = (this.enabled && area > 0) ? 'visible' : 'hidden';
+                hash.visibility = (this.enabled && area > 0) ?
+                    'visible' : 'hidden';
             }
             return SVGElement.prototype.attr.apply(this, arguments);
         };
@@ -179,7 +180,8 @@ var SVGRenderer3D = /** @class */ (function (_super) {
                 delete params.enabled;
                 delete params.vertexes;
                 delete params.insidePlotArea;
-                var chart = charts[renderer.chartIndex], vertexes2d = perspective(this.vertexes, chart, this.insidePlotArea), path = renderer.toLinePath(vertexes2d, true), area = shapeArea(vertexes2d), visibility = (this.enabled && area > 0) ? 'visible' : 'hidden';
+                var chart = charts[renderer.chartIndex], vertexes2d = perspective(this.vertexes, chart, this.insidePlotArea), path = renderer.toLinePath(vertexes2d, true), area = shapeArea(vertexes2d), visibility = (this.enabled && area > 0) ?
+                    'visible' : 'hidden';
                 params.d = path;
                 this.attr('visibility', visibility);
             }
@@ -584,7 +586,7 @@ var SVGRenderer3D = /** @class */ (function (_super) {
         // related to the shapes directly, and update the shapes from the
         // animation step.
         wrapper.animate = function (params, animation, complete) {
-            var paramArr, from = this.attribs, to, anim, randomProp = 'data-' + Math.random().toString(26).substring(2, 9);
+            var paramArr, from = this.attribs, to, anim, randomProp = ('data-' + Math.random().toString(26).substring(2, 9));
             // Attribute-line properties connected to 3D. These shouldn't have
             // been in the attribs collection in the first place.
             delete params.center;
@@ -763,7 +765,9 @@ var SVGRenderer3D = /** @class */ (function (_super) {
             out = out.concat(SVGRenderer3D.curveTo(cx, cy, rx, ry, end, end2, 0, 0));
         }
         out.push([
-            'L', cx + (rx * Math.cos(end2)) + dx, cy + (ry * Math.sin(end2)) + dy
+            'L',
+            cx + (rx * Math.cos(end2)) + dx,
+            cy + (ry * Math.sin(end2)) + dy
         ]);
         out = out.concat(SVGRenderer3D.curveTo(cx, cy, rx, ry, end2, start2, dx, dy));
         out.push(['Z']);
@@ -773,7 +777,9 @@ var SVGRenderer3D = /** @class */ (function (_super) {
         ];
         inn = inn.concat(SVGRenderer3D.curveTo(cx, cy, irx, iry, start, end, 0, 0));
         inn.push([
-            'L', cx + (irx * Math.cos(end)) + dx, cy + (iry * Math.sin(end)) + dy
+            'L',
+            cx + (irx * Math.cos(end)) + dx,
+            cy + (iry * Math.sin(end)) + dy
         ]);
         inn = inn.concat(SVGRenderer3D.curveTo(cx, cy, irx, iry, end, start, dx, dy));
         inn.push(['Z']);
@@ -820,6 +826,7 @@ var SVGRenderer3D = /** @class */ (function (_super) {
             inn: inn,
             zInn: Math.max(a1, a2, a3),
             side1: side1,
+            // to keep below zOut and zInn in case of same values
             zSide1: a3 * 0.99,
             side2: side2,
             zSide2: a2 * 0.99

package/es-modules/Core/Renderer/SVG/TextBuilder.js

@@ -112,7 +112,6 @@ var TextBuilder = /** @class */ (function () {
      *
      * @private
      *
-     * @return {void}
      */
     TextBuilder.prototype.modifyDOM = function () {
         var _this = this;
@@ -255,7 +254,7 @@ var TextBuilder = /** @class */ (function () {
     TextBuilder.prototype.getLineHeight = function (node) {
         var fontSizeStyle;
         // If the node is a text node, use its parent
-        var element = node.nodeType === win.Node.TEXT_NODE ?
+        var element = (node.nodeType === win.Node.TEXT_NODE) ?
             node.parentElement :
             node;
         if (!this.renderer.styledMode) {
@@ -277,21 +276,18 @@ var TextBuilder = /** @class */ (function () {
      *
      * @param {ASTNode[]} nodes The AST nodes
      *
-     * @return {void}
      */
     TextBuilder.prototype.modifyTree = function (nodes) {
         var _this = this;
         var modifyChild = function (node, i) {
-            var tagName = node.tagName;
-            var styledMode = _this.renderer.styledMode;
-            var attributes = node.attributes || {};
+            var _a = node.attributes, attributes = _a === void 0 ? {} : _a, children = node.children, tagName = node.tagName, styledMode = _this.renderer.styledMode;
             // Apply styling to text tags
             if (tagName === 'b' || tagName === 'strong') {
                 if (styledMode) {
                     attributes['class'] = 'highcharts-strong'; // eslint-disable-line dot-notation
                 }
                 else {
-                    attributes.style = 'font-weight:bold;' + (attributes.style || '');
+                    attributes.style = ('font-weight:bold;' + (attributes.style || ''));
                 }
             }
             else if (tagName === 'i' || tagName === 'em') {
@@ -299,13 +295,14 @@ var TextBuilder = /** @class */ (function () {
                     attributes['class'] = 'highcharts-emphasized'; // eslint-disable-line dot-notation
                 }
                 else {
-                    attributes.style = 'font-style:italic;' + (attributes.style || '');
+                    attributes.style = ('font-style:italic;' + (attributes.style || ''));
                 }
             }
             // Modify attributes
             if (isString(attributes.style)) {
                 attributes.style = attributes.style.replace(/(;| |^)color([ :])/, '$1fill$2');
             }
+            // Handle breaks
             if (tagName === 'br') {
                 attributes['class'] = 'highcharts-br'; // eslint-disable-line dot-notation
                 node.textContent = '\u200B'; // zero-width space
@@ -315,14 +312,23 @@ var TextBuilder = /** @class */ (function () {
                     nextNode.textContent =
                         nextNode.textContent.replace(/^ +/gm, '');
                 }
+                // If an anchor has direct text node children, the text is unable to
+                // wrap because there is no `getSubStringLength` function on the
+                // element. Therefore we need to wrap the child text node or nodes
+                // in a tspan. #16173.
+            }
+            else if (tagName === 'a' &&
+                children &&
+                children.some(function (child) { return child.tagName === '#text'; })) {
+                node.children = [{ children: children, tagName: 'tspan' }];
             }
             if (tagName !== '#text' && tagName !== 'a') {
                 node.tagName = 'tspan';
             }
             node.attributes = attributes;
             // Recurse
-            if (node.children) {
-                node.children
+            if (children) {
+                children
                     .filter(function (c) { return c.tagName !== '#text'; })
                     .forEach(modifyChild);
             }

package/es-modules/Core/Responsive.js

@@ -130,8 +130,7 @@ var Responsive;
         Additions.prototype.matchResponsiveRule = function (rule, matches) {
             var condition = rule.condition, fn = condition.callback || function () {
                 return (this.chartWidth <= pick(condition.maxWidth, Number.MAX_VALUE) &&
-                    this.chartHeight <=
-                        pick(condition.maxHeight, Number.MAX_VALUE) &&
+                    this.chartHeight <= pick(condition.maxHeight, Number.MAX_VALUE) &&
                     this.chartWidth >= pick(condition.minWidth, 0) &&
                     this.chartHeight >= pick(condition.minHeight, 0));
             };
@@ -169,7 +168,7 @@ var Responsive;
             mergedOptions.isResponsiveOptions = true;
             // Stringified key for the rules that currently apply.
             ruleIds = (ruleIds.toString() || void 0);
-            var currentRuleIds = currentResponsive && currentResponsive.ruleIds;
+            var currentRuleIds = (currentResponsive && currentResponsive.ruleIds);
             // Changes in what rules apply
             if (ruleIds !== currentRuleIds) {
                 // Undo previous rules. Before we apply a new set of rules, we

package/es-modules/Core/Scrollbar.js

@@ -124,8 +124,16 @@ var Scrollbar = /** @class */ (function () {
         var buttonsOrder = this.options.inverted ? [1, 0] : [0, 1], buttons = this.scrollbarButtons, bar = this.scrollbarGroup.element, track = this.track.element, mouseDownHandler = this.mouseDownHandler.bind(this), mouseMoveHandler = this.mouseMoveHandler.bind(this), mouseUpHandler = this.mouseUpHandler.bind(this);
         // Mouse events
         var _events = [
-            [buttons[buttonsOrder[0]].element, 'click', this.buttonToMinClick.bind(this)],
-            [buttons[buttonsOrder[1]].element, 'click', this.buttonToMaxClick.bind(this)],
+            [
+                buttons[buttonsOrder[0]].element,
+                'click',
+                this.buttonToMinClick.bind(this)
+            ],
+            [
+                buttons[buttonsOrder[1]].element,
+                'click',
+                this.buttonToMaxClick.bind(this)
+            ],
             [track, 'click', this.trackClick.bind(this)],
             [bar, 'mousedown', mouseDownHandler],
             [bar.ownerDocument, 'mousemove', mouseMoveHandler],
@@ -143,7 +151,8 @@ var Scrollbar = /** @class */ (function () {
     };
     Scrollbar.prototype.buttonToMaxClick = function (e) {
         var scroller = this;
-        var range = (scroller.to - scroller.from) * pick(scroller.options.step, 0.2);
+        var range = ((scroller.to - scroller.from) *
+            pick(scroller.options.step, 0.2));
         scroller.updatePosition(scroller.from + range, scroller.to + range);
         fireEvent(scroller, 'changed', {
             from: scroller.from,
@@ -194,7 +203,6 @@ var Scrollbar = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Scrollbar#destroy
-     * @return {void}
      */
     Scrollbar.prototype.destroy = function () {
         var scroller = this, navigator = scroller.chart.scroller;
@@ -226,7 +234,6 @@ var Scrollbar = /** @class */ (function () {
      * @function Highcharts.Scrollbar#drawScrollbarButton
      * @param {number} index
      *        0 is left, 1 is right
-     * @return {void}
      */
     Scrollbar.prototype.drawScrollbarButton = function (index) {
         var scroller = this, renderer = scroller.renderer, scrollbarButtons = scroller.scrollbarButtons, options = scroller.options, size = scroller.size, group = renderer.g().add(scroller.group);
@@ -309,7 +316,8 @@ var Scrollbar = /** @class */ (function () {
      * @private
      */
     Scrollbar.prototype.mouseMoveHandler = function (e) {
-        var scroller = this, normalizedEvent = scroller.chart.pointer.normalize(e), options = scroller.options, direction = options.vertical ? 'chartY' : 'chartX', initPositions = scroller.initPositions || [];
+        var scroller = this, normalizedEvent = scroller.chart.pointer.normalize(e), options = scroller.options, direction = options.vertical ?
+            'chartY' : 'chartX', initPositions = scroller.initPositions || [];
         var scrollPosition, chartPosition, change;
         // In iOS, a mousemove event with e.pageX === 0 is fired when
         // holding the finger down in the center of the scrollbar. This
@@ -367,7 +375,6 @@ var Scrollbar = /** @class */ (function () {
      *        width of the scrollbar
      * @param {number} height
      *        height of the scorllbar
-     * @return {void}
      */
     Scrollbar.prototype.position = function (x, y, width, height) {
         var scroller = this, options = scroller.options, vertical = options.vertical, method = scroller.rendered ? 'animate' : 'attr';
@@ -412,7 +419,6 @@ var Scrollbar = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Scrollbar#removeEvents
-     * @return {void}
      */
     Scrollbar.prototype.removeEvents = function () {
         this._events.forEach(function (args) {
@@ -499,7 +505,6 @@ var Scrollbar = /** @class */ (function () {
      *        scale (0-1) where bar should start
      * @param {number} to
      *        scale (0-1) where bar should end
-     * @return {void}
      */
     Scrollbar.prototype.setRange = function (from, to) {
         var scroller = this, options = scroller.options, vertical = options.vertical, minWidth = options.minWidth, fullWidth = scroller.barWidth, method = (this.rendered &&
@@ -572,8 +577,6 @@ var Scrollbar = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Scrollbar#shouldUpdateExtremes
-     * @param {string} [eventType]
-     * @return {boolean}
      */
     Scrollbar.prototype.shouldUpdateExtremes = function (eventType) {
         return (pick(this.options.liveRedraw, H.svg && !H.isTouchDevice && !this.chart.isBoosting) ||
@@ -620,7 +623,6 @@ var Scrollbar = /** @class */ (function () {
      * @function Highcharts.Scrollbar#updatePosition
      * @param  {number} from
      * @param  {number} to
-     * @return {void}
      */
     Scrollbar.prototype.updatePosition = function (from, to) {
         if (to > 1) {