highcharts 9.2.2 → 9.3.3

package/es-modules/Core/Pointer.js

@@ -12,7 +12,6 @@ import Color from './Color/Color.js';
 var color = Color.parse;
 import H from './Globals.js';
 var charts = H.charts, noop = H.noop;
-import Palette from '../Core/Color/Palette.js';
 import Tooltip from './Tooltip.js';
 import U from './Utilities.js';
 var addEvent = U.addEvent, attr = U.attr, css = U.css, defined = U.defined, extend = U.extend, find = U.find, fireEvent = U.fireEvent, isNumber = U.isNumber, isObject = U.isObject, objectEach = U.objectEach, offset = U.offset, pick = U.pick, splat = U.splat;
@@ -115,7 +114,7 @@ var Pointer = /** @class */ (function () {
                 Pointer.unbindDocumentMouseUp = Pointer.unbindDocumentMouseUp();
             }
             if (Pointer.unbindDocumentTouchEnd) {
-                Pointer.unbindDocumentTouchEnd = Pointer.unbindDocumentTouchEnd();
+                Pointer.unbindDocumentTouchEnd = (Pointer.unbindDocumentTouchEnd());
             }
         }
         // memory and CPU leak
@@ -163,7 +162,7 @@ var Pointer = /** @class */ (function () {
                 visiblePlotOnly: true
             });
             // make a selection
-            if (chart.hasCartesianSeries &&
+            if ((chart.hasCartesianSeries || chart.mapView) &&
                 (this.zoomX || this.zoomY) &&
                 clickedInside &&
                 !panKey) {
@@ -178,7 +177,7 @@ var Pointer = /** @class */ (function () {
                     if (!chart.styledMode) {
                         selectionMarker.attr({
                             fill: (chartOptions.selectionMarkerFill ||
-                                color(Palette.highlightColor80)
+                                color("#335cad" /* highlightColor80 */)
                                     .setOpacity(0.25).get())
                         });
                     }
@@ -229,20 +228,22 @@ var Pointer = /** @class */ (function () {
     Pointer.prototype.drop = function (e) {
         var pointer = this, chart = this.chart, hasPinched = this.hasPinched;
         if (this.selectionMarker) {
-            var selectionData_1 = {
-                originalEvent: e,
-                xAxis: [],
-                yAxis: []
-            }, selectionBox = this.selectionMarker, selectionLeft_1 = selectionBox.attr ?
-                selectionBox.attr('x') :
-                selectionBox.x, selectionTop_1 = selectionBox.attr ?
-                selectionBox.attr('y') :
-                selectionBox.y, selectionWidth_1 = selectionBox.attr ?
+            var selectionBox = this.selectionMarker, x_1 = selectionBox.attr ? selectionBox.attr('x') : selectionBox.x, y_1 = selectionBox.attr ? selectionBox.attr('y') : selectionBox.y, width_1 = selectionBox.attr ?
                 selectionBox.attr('width') :
-                selectionBox.width, selectionHeight_1 = selectionBox.attr ?
+                selectionBox.width, height_1 = selectionBox.attr ?
                 selectionBox.attr('height') :
-                selectionBox.height;
-            var runZoom_1;
+                selectionBox.height, selectionData_1 = {
+                originalEvent: e,
+                xAxis: [],
+                yAxis: [],
+                x: x_1,
+                y: y_1,
+                width: width_1,
+                height: height_1
+            }, 
+            // Start by false runZoom, unless when we have a mapView, in
+            // which case the zoom will be handled in the selection event.
+            runZoom_1 = Boolean(chart.mapView);
             // a selection has been made
             if (this.hasDragged || hasPinched) {
                 // record each axis' min and max
@@ -254,15 +255,13 @@ var Pointer = /** @class */ (function () {
                                 xAxis: 'zoomX',
                                 yAxis: 'zoomY'
                             }[axis.coll]]) &&
-                        isNumber(selectionLeft_1) &&
-                        isNumber(selectionTop_1)) { // #859, #3569
+                        isNumber(x_1) &&
+                        isNumber(y_1)) { // #859, #3569
                         var horiz = axis.horiz, minPixelPadding = e.type === 'touchend' ?
                             axis.minPixelPadding :
                             0, // #1207, #3075
-                        selectionMin = axis.toValue((horiz ? selectionLeft_1 : selectionTop_1) +
-                            minPixelPadding), selectionMax = axis.toValue((horiz ?
-                            selectionLeft_1 + selectionWidth_1 :
-                            selectionTop_1 + selectionHeight_1) - minPixelPadding);
+                        selectionMin = axis.toValue((horiz ? x_1 : y_1) + minPixelPadding), selectionMax = axis.toValue((horiz ? x_1 + width_1 : y_1 + height_1) -
+                            minPixelPadding);
                         selectionData_1[axis.coll].push({
                             axis: axis,
                             // Min/max for reversed axes
@@ -440,6 +439,7 @@ var Pointer = /** @class */ (function () {
      * Pointer event, extended with `chartX` and `chartY` properties.
      *
      * @return {Highcharts.PointerAxisCoordinatesObject}
+     * Axis coordinates.
      */
     Pointer.prototype.getCoordinates = function (e) {
         var coordinates = {
@@ -478,7 +478,7 @@ var Pointer = /** @class */ (function () {
      * @param {Highcharts.PointerEventObject} [e]
      * The triggering event, containing chart coordinates of the pointer.
      *
-     * @return {object}
+     * @return {Object}
      * Object containing resulting hover data: hoverPoint, hoverSeries, and
      * hoverPoints.
      */
@@ -766,9 +766,8 @@ var Pointer = /** @class */ (function () {
             // Also reset the chart position, used in #149 fix
             chart.pointer.chartPosition = void 0;
         }
-        if ( // #11635, Firefox wheel scroll does not fire out events consistently
-        tooltip &&
-            !tooltip.isHidden) {
+        // #11635, Firefox wheel scroll does not fire out events consistently
+        if (tooltip && !tooltip.isHidden) {
             this.reset();
         }
     };
@@ -905,7 +904,10 @@ var Pointer = /** @class */ (function () {
         }
         // On touch devices, only proceed to trigger click if a handler is
         // defined
-        if (hasZoom && self.initiated && !fireClickEvent && e.cancelable !== false) {
+        if (hasZoom &&
+            self.initiated &&
+            !fireClickEvent &&
+            e.cancelable !== false) {
             e.preventDefault();
         }
         // Normalize each touch
@@ -939,20 +941,22 @@ var Pointer = /** @class */ (function () {
         }
         else if (pinchDown.length) { // can be 0 when releasing, if touchend
             // fires first
-            // Set the marker
-            if (!selectionMarker) {
-                // @todo It's a mock object, so maybe we need a separate
-                // interface
-                self.selectionMarker = selectionMarker = extend({
-                    destroy: noop,
-                    touch: true
-                }, chart.plotBox);
-            }
-            self.pinchTranslate(pinchDown, touches, transform, selectionMarker, clip, lastValidTouch);
-            self.hasPinched = hasZoom;
-            // Scale and translate the groups to provide visual feedback during
-            // pinching
-            self.scaleGroups(transform, clip);
+            fireEvent(chart, 'touchpan', { originalEvent: e }, function () {
+                // Set the marker
+                if (!selectionMarker) {
+                    // @todo It's a mock object, so maybe we need a separate
+                    // interface
+                    self.selectionMarker = selectionMarker = extend({
+                        destroy: noop,
+                        touch: true
+                    }, chart.plotBox);
+                }
+                self.pinchTranslate(pinchDown, touches, transform, selectionMarker, clip, lastValidTouch);
+                self.hasPinched = hasZoom;
+                // Scale and translate the groups to provide visual feedback
+                // during pinching
+                self.scaleGroups(transform, clip);
+            });
             if (self.res) {
                 self.res = false;
                 this.reset(false, 0);
@@ -1027,7 +1031,8 @@ var Pointer = /** @class */ (function () {
             clip[xy] = clipXY - plotLeftTop;
             clip[wh] = selectionWH;
         }
-        var scaleKey = inverted ? (horiz ? 'scaleY' : 'scaleX') : 'scale' + XY;
+        var scaleKey = inverted ?
+            (horiz ? 'scaleY' : 'scaleX') : 'scale' + XY;
         var transformScale = inverted ? 1 / scale : scale;
         selectionMarker[wh] = selectionWH;
         selectionMarker[xy] = selectionXY;
@@ -1124,8 +1129,8 @@ var Pointer = /** @class */ (function () {
      * @private
      * @function Highcharts.Pointer#runPointActions
      *
-     * @fires Highcharts.Point#event:mouseOut
-     * @fires Highcharts.Point#event:mouseOver
+     * @emits Highcharts.Point#event:mouseOut
+     * @emits Highcharts.Point#event:mouseOver
      */
     Pointer.prototype.runPointActions = function (e, p) {
         var pointer = this, chart = pointer.chart, series = chart.series, tooltip = (chart.tooltip && chart.tooltip.options.enabled ?
@@ -1252,7 +1257,9 @@ var Pointer = /** @class */ (function () {
         // Scale each series
         chart.series.forEach(function (series) {
             var seriesAttribs = attribs || series.getPlotBox(); // #1701
-            if (series.xAxis && series.xAxis.zoomEnabled && series.group) {
+            if (series.group &&
+                ((series.xAxis && series.xAxis.zoomEnabled) ||
+                    chart.mapView)) {
                 series.group.attr(seriesAttribs);
                 if (series.markerGroup) {
                     series.markerGroup.attr(seriesAttribs);

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;
     };
     /* *
@@ -321,6 +333,7 @@ var AST = /** @class */ (function () {
         'text-align',
         'textAnchor',
         'textLength',
+        'title',
         'type',
         'valign',
         'width',
@@ -366,6 +379,7 @@ var AST = /** @class */ (function () {
      */
     AST.allowedTags = [
         'a',
+        'abbr',
         'b',
         'br',
         'button',
@@ -427,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;
@@ -129,6 +131,9 @@ var HTMLElement = /** @class */ (function (_super) {
         }[align], styles = wrapper.styles, whiteSpace = styles && styles.whiteSpace;
         /** @private */
         function getTextPxLength() {
+            if (wrapper.textPxLength) {
+                return wrapper.textPxLength;
+            }
             // Reset multiline/ellipsis in order to read width (#4928,
             // #5417)
             css(elem, {
@@ -164,29 +169,31 @@ var HTMLElement = /** @class */ (function (_super) {
                 wrapper.textWidth,
                 wrapper.textAlign
             ].join(',');
-            var baseline = void 0;
+            var baseline = void 0, hasBoxWidthChanged = false;
             // Update textWidth. Use the memoized textPxLength if possible, to
             // avoid the getTextPxLength function using elem.offsetWidth.
             // Calling offsetWidth affects rendering time as it forces layout
             // (#7656).
-            if (textWidth !== wrapper.oldTextWidth &&
-                ((textWidth > wrapper.oldTextWidth) ||
-                    (wrapper.textPxLength || getTextPxLength()) > textWidth) && (
-            // Only set the width if the text is able to word-wrap, or
-            // text-overflow is ellipsis (#9537)
-            /[ \-]/.test(elem.textContent || elem.innerText) ||
-                elem.style.textOverflow === 'ellipsis')) { // #983, #1254
-                css(elem, {
-                    width: textWidth + 'px',
-                    display: 'block',
-                    whiteSpace: whiteSpace || 'normal' // #3331
-                });
-                wrapper.oldTextWidth = textWidth;
-                wrapper.hasBoxWidthChanged = true; // #8159
-            }
-            else {
-                wrapper.hasBoxWidthChanged = false; // #8159
+            if (textWidth !== wrapper.oldTextWidth) { // #983, #1254
+                var textPxLength = getTextPxLength();
+                if (((textWidth > wrapper.oldTextWidth) ||
+                    textPxLength > textWidth) && (
+                // Only set the width if the text is able to word-wrap,
+                // or text-overflow is ellipsis (#9537)
+                /[ \-]/.test(elem.textContent || elem.innerText) ||
+                    elem.style.textOverflow === 'ellipsis')) {
+                    css(elem, {
+                        width: (textPxLength > textWidth) || rotation ?
+                            textWidth + 'px' :
+                            'auto',
+                        display: 'block',
+                        whiteSpace: whiteSpace || 'normal' // #3331
+                    });
+                    wrapper.oldTextWidth = textWidth;
+                    hasBoxWidthChanged = true; // #8159
+                }
             }
+            wrapper.hasBoxWidthChanged = hasBoxWidthChanged; // #8159
             // Do the calculations and DOM access only if properties changed
             if (currentTextTransform !== wrapper.cTT) {
                 baseline = renderer.fontMetrics(elem.style.fontSize, elem).b;

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

@@ -14,7 +14,6 @@ import AST from '../HTML/AST.js';
 import Color from '../../Color/Color.js';
 import H from '../../Globals.js';
 var deg2rad = H.deg2rad, doc = H.doc, noop = H.noop, svg = H.svg, SVG_NS = H.SVG_NS, win = H.win;
-import Palette from '../../Color/Palette.js';
 import U from '../../Utilities.js';
 var addEvent = U.addEvent, attr = U.attr, createElement = U.createElement, css = U.css, defined = U.defined, erase = U.erase, extend = U.extend, fireEvent = U.fireEvent, isArray = U.isArray, isFunction = U.isFunction, isNumber = U.isNumber, isString = U.isString, merge = U.merge, objectEach = U.objectEach, pick = U.pick, pInt = U.pInt, syncTimeout = U.syncTimeout, uniqueKey = U.uniqueKey;
 /* *
@@ -111,7 +110,6 @@ var SVGElement = /** @class */ (function () {
      *
      * @param {Highcharts.SVGDOMElement} element
      *
-     * @return {void}
      */
     SVGElement.prototype._defaultSetter = function (value, key, element) {
         element.setAttribute(key, value);
@@ -257,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
@@ -542,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);
                     }
                 }
@@ -911,7 +911,6 @@ var SVGElement = /** @class */ (function () {
      * @private
      * @function Highcharts.SVGElement#destroyShadows
      *
-     * @return {void}
      */
     SVGElement.prototype.destroyShadows = function () {
         (this.shadows || []).forEach(function (shadow) {
@@ -1138,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
@@ -1459,7 +1457,7 @@ var SVGElement = /** @class */ (function () {
                 var childNodes = [].slice.call(textNode.childNodes);
                 for (var i = 0; i < childNodes.length; i++) {
                     var childNode = childNodes[i];
-                    if (childNode.nodeType === Node.TEXT_NODE ||
+                    if (childNode.nodeType === win.Node.TEXT_NODE ||
                         childNode.nodeName === 'tspan') {
                         textPathElement.appendChild(childNode);
                     }
@@ -1551,7 +1549,7 @@ var SVGElement = /** @class */ (function () {
      */
     SVGElement.prototype.shadow = function (shadowOptions, group, cutOff) {
         var shadows = [], element = this.element, oldShadowOptions = this.oldShadowOptions, defaultShadowOptions = {
-            color: Palette.neutralColor100,
+            color: "#000000" /* neutralColor100 */,
             offsetX: this.parentInverted ? -1 : 1,
             offsetY: this.parentInverted ? -1 : 1,
             opacity: 0.15,
@@ -1594,7 +1592,7 @@ var SVGElement = /** @class */ (function () {
                 strokeWidth = (options.width * 2) + 1 - (2 * i);
                 attr(shadow, {
                     stroke: (shadowOptions.color ||
-                        Palette.neutralColor100),
+                        "#000000" /* neutralColor100 */),
                     'stroke-opacity': shadowElementOpacity * i,
                     'stroke-width': strokeWidth,
                     transform: transform,
@@ -1803,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({
@@ -1895,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
@@ -1911,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') {
@@ -1930,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.
      *