highcharts 8.2.0 → 8.2.2

package/es-modules/Core/Navigator.js

@@ -9,18 +9,21 @@
  * */
 'use strict';
 import Axis from './Axis/Axis.js';
+import BaseSeries from './Series/Series.js';
+var seriesTypes = BaseSeries.seriesTypes;
 import Chart from './Chart/Chart.js';
-import Color from './Color.js';
+import Color from './Color/Color.js';
 var color = Color.parse;
 import H from './Globals.js';
+var hasTouch = H.hasTouch, isTouchDevice = H.isTouchDevice;
+import LineSeries from '../Series/LineSeries.js';
 import NavigatorAxis from './Axis/NavigatorAxis.js';
 import O from './Options.js';
 var defaultOptions = O.defaultOptions;
 import Scrollbar from './Scrollbar.js';
 import U from './Utilities.js';
 var addEvent = U.addEvent, clamp = U.clamp, correctFloat = U.correctFloat, defined = U.defined, destroyObjectProperties = U.destroyObjectProperties, erase = U.erase, extend = U.extend, find = U.find, isArray = U.isArray, isNumber = U.isNumber, merge = U.merge, pick = U.pick, removeEvent = U.removeEvent, splat = U.splat;
-import './Series/Series.js';
-var hasTouch = H.hasTouch, isTouchDevice = H.isTouchDevice, Series = H.Series, seriesTypes = H.seriesTypes, defaultSeriesType, 
+var defaultSeriesType, 
 // Finding the min or max of a set of variables where we don't know if they
 // are defined, is a pattern that is repeated several places in Highcharts.
 // Consider making this a global utility method.
@@ -1294,6 +1297,7 @@ var Navigator = /** @class */ (function () {
                 offset: 0,
                 index: yAxisIndex,
                 isInternal: true,
+                reversed: pick((navigatorOptions.yAxis && navigatorOptions.yAxis.reversed), (chart.yAxis[0] && chart.yAxis[0].reversed), false),
                 zoomEnabled: false
             }, chart.inverted ? {
                 width: height
@@ -1898,7 +1902,7 @@ if (!H.Navigator) {
         }
     });
     // Handle updating series
-    addEvent(Series, 'afterUpdate', function () {
+    addEvent(LineSeries, 'afterUpdate', function () {
         if (this.chart.navigator && !this.options.isInternal) {
             this.chart.navigator.setBaseSeries(null, false);
         }

package/es-modules/Core/Options.js

@@ -9,6 +9,12 @@
  * */
 'use strict';
 import H from './Globals.js';
+var isTouchDevice = H.isTouchDevice, svg = H.svg;
+import Color from './Color/Color.js';
+var color = Color.parse;
+import Time from './Time.js';
+import U from './Utilities.js';
+var merge = U.merge;
 /**
  * @typedef {"plotBox"|"spacingBox"} Highcharts.ButtonRelativeToValue
  */
@@ -175,12 +181,7 @@ import H from './Globals.js';
 * @name Highcharts.ChartSelectionAxisContextObject#min
 * @type {number}
 */
-import Time from './Time.js';
-import Color from './Color.js';
-var color = Color.parse;
-import U from './Utilities.js';
-var merge = U.merge;
-var isTouchDevice = H.isTouchDevice, svg = H.svg;
+''; // detach doclets above
 /* ************************************************************************** *
  * Handle the options                                                         *
  * ************************************************************************** */
@@ -3438,11 +3439,12 @@ H.defaultOptions = {
          */
         /**
          * The HTML of the point's line in the tooltip. Variables are enclosed
-         * by curly brackets. Available variables are point.x, point.y, series.
-         * name and series.color and other properties on the same form.
-         * Furthermore, `point.y` can be extended by the `tooltip.valuePrefix`
-         * and `tooltip.valueSuffix` variables. This can also be overridden for
-         * each series, which makes it a good hook for displaying units.
+         * by curly brackets. Available variables are `point.x`, `point.y`,
+         * `series.name` and `series.color` and other properties on the same
+         * form. Furthermore, `point.y` can be extended by the
+         * `tooltip.valuePrefix` and `tooltip.valueSuffix` variables. This can
+         * also be overridden for each series, which makes it a good hook for
+         * displaying units.
          *
          * In styled mode, the dot is colored by a class name rather
          * than the point color.

package/es-modules/Core/Pointer.js

@@ -8,7 +8,7 @@
  *
  * */
 'use strict';
-import Color from './Color.js';
+import Color from './Color/Color.js';
 var color = Color.parse;
 import H from './Globals.js';
 var charts = H.charts, noop = H.noop;
@@ -993,7 +993,7 @@ var Pointer = /** @class */ (function () {
         }
         // On touch devices, only proceed to trigger click if a handler is
         // defined
-        if (hasZoom && self.initiated && !fireClickEvent) {
+        if (hasZoom && self.initiated && !fireClickEvent && e.cancelable !== false) {
             e.preventDefault();
         }
         // Normalize each touch

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

@@ -0,0 +1,9 @@
+/* *
+ *
+ *  (c) 2010-2020 Torstein Honsi
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */

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

@@ -0,0 +1,220 @@
+/* *
+ *
+ *  (c) 2010-2020 Torstein Honsi
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+import H from '../../Globals.js';
+import SVGElement from '../SVG/SVGElement.js';
+import U from '../../Utilities.js';
+var css = U.css, defined = U.defined, extend = U.extend, pick = U.pick, pInt = U.pInt;
+/**
+ * Element placebo
+ * @private
+ */
+var HTMLElement = SVGElement;
+var isFirefox = H.isFirefox;
+/* eslint-disable valid-jsdoc */
+// Extend SvgElement for useHTML option.
+extend(HTMLElement.prototype, /** @lends SVGElement.prototype */ {
+    /**
+     * Apply CSS to HTML elements. This is used in text within SVG rendering and
+     * by the VML renderer
+     *
+     * @private
+     * @function Highcharts.SVGElement#htmlCss
+     *
+     * @param {Highcharts.CSSObject} styles
+     *
+     * @return {Highcharts.SVGElement}
+     */
+    htmlCss: function (styles) {
+        var wrapper = this, element = wrapper.element, 
+        // When setting or unsetting the width style, we need to update
+        // transform (#8809)
+        isSettingWidth = (element.tagName === 'SPAN' &&
+            styles &&
+            'width' in styles), textWidth = pick(isSettingWidth && styles.width, void 0), doTransform;
+        if (isSettingWidth) {
+            delete styles.width;
+            wrapper.textWidth = textWidth;
+            doTransform = true;
+        }
+        if (styles && styles.textOverflow === 'ellipsis') {
+            styles.whiteSpace = 'nowrap';
+            styles.overflow = 'hidden';
+        }
+        wrapper.styles = extend(wrapper.styles, styles);
+        css(wrapper.element, styles);
+        // Now that all styles are applied, to the transform
+        if (doTransform) {
+            wrapper.htmlUpdateTransform();
+        }
+        return wrapper;
+    },
+    /**
+     * VML and useHTML method for calculating the bounding box based on offsets.
+     *
+     * @private
+     * @function Highcharts.SVGElement#htmlGetBBox
+     *
+     * @param {boolean} refresh
+     *        Whether to force a fresh value from the DOM or to use the cached
+     *        value.
+     *
+     * @return {Highcharts.BBoxObject}
+     *         A hash containing values for x, y, width and height.
+     */
+    htmlGetBBox: function () {
+        var wrapper = this, element = wrapper.element;
+        return {
+            x: element.offsetLeft,
+            y: element.offsetTop,
+            width: element.offsetWidth,
+            height: element.offsetHeight
+        };
+    },
+    /**
+     * VML override private method to update elements based on internal
+     * properties based on SVG transform.
+     *
+     * @private
+     * @function Highcharts.SVGElement#htmlUpdateTransform
+     * @return {void}
+     */
+    htmlUpdateTransform: function () {
+        // aligning non added elements is expensive
+        if (!this.added) {
+            this.alignOnAdd = true;
+            return;
+        }
+        var wrapper = this, renderer = wrapper.renderer, elem = wrapper.element, translateX = wrapper.translateX || 0, translateY = wrapper.translateY || 0, x = wrapper.x || 0, y = wrapper.y || 0, align = wrapper.textAlign || 'left', alignCorrection = {
+            left: 0, center: 0.5, right: 1
+        }[align], styles = wrapper.styles, whiteSpace = styles && styles.whiteSpace;
+        /**
+         * @private
+         * @return {number}
+         */
+        function getTextPxLength() {
+            // Reset multiline/ellipsis in order to read width (#4928,
+            // #5417)
+            css(elem, {
+                width: '',
+                whiteSpace: whiteSpace || 'nowrap'
+            });
+            return elem.offsetWidth;
+        }
+        // apply translate
+        css(elem, {
+            marginLeft: translateX,
+            marginTop: translateY
+        });
+        if (!renderer.styledMode && wrapper.shadows) { // used in labels/tooltip
+            wrapper.shadows.forEach(function (shadow) {
+                css(shadow, {
+                    marginLeft: translateX + 1,
+                    marginTop: translateY + 1
+                });
+            });
+        }
+        // apply inversion
+        if (wrapper.inverted) { // wrapper is a group
+            [].forEach.call(elem.childNodes, function (child) {
+                renderer.invertChild(child, elem);
+            });
+        }
+        if (elem.tagName === 'SPAN') {
+            var rotation = wrapper.rotation, baseline, textWidth = wrapper.textWidth && pInt(wrapper.textWidth), currentTextTransform = [
+                rotation,
+                align,
+                elem.innerHTML,
+                wrapper.textWidth,
+                wrapper.textAlign
+            ].join(',');
+            // 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
+            }
+            // Do the calculations and DOM access only if properties changed
+            if (currentTextTransform !== wrapper.cTT) {
+                baseline = renderer.fontMetrics(elem.style.fontSize, elem).b;
+                // Renderer specific handling of span rotation, but only if we
+                // have something to update.
+                if (defined(rotation) &&
+                    ((rotation !== (wrapper.oldRotation || 0)) ||
+                        (align !== wrapper.oldAlign))) {
+                    wrapper.setSpanRotation(rotation, alignCorrection, baseline);
+                }
+                wrapper.getSpanCorrection(
+                // Avoid elem.offsetWidth if we can, it affects rendering
+                // time heavily (#7656)
+                ((!defined(rotation) && wrapper.textPxLength) || // #7920
+                    elem.offsetWidth), baseline, alignCorrection, rotation, align);
+            }
+            // apply position with correction
+            css(elem, {
+                left: (x + (wrapper.xCorr || 0)) + 'px',
+                top: (y + (wrapper.yCorr || 0)) + 'px'
+            });
+            // record current text transform
+            wrapper.cTT = currentTextTransform;
+            wrapper.oldRotation = rotation;
+            wrapper.oldAlign = align;
+        }
+    },
+    /**
+     * Set the rotation of an individual HTML span.
+     *
+     * @private
+     * @function Highcharts.SVGElement#setSpanRotation
+     * @param {number} rotation
+     * @param {number} alignCorrection
+     * @param {number} baseline
+     * @return {void}
+     */
+    setSpanRotation: function (rotation, alignCorrection, baseline) {
+        var rotationStyle = {}, cssTransformKey = this.renderer.getTransformKey();
+        rotationStyle[cssTransformKey] = rotationStyle.transform =
+            'rotate(' + rotation + 'deg)';
+        rotationStyle[cssTransformKey + (isFirefox ? 'Origin' : '-origin')] =
+            rotationStyle.transformOrigin =
+                (alignCorrection * 100) + '% ' + baseline + 'px';
+        css(this.element, rotationStyle);
+    },
+    /**
+     * Get the correction in X and Y positioning as the element is rotated.
+     *
+     * @private
+     * @function Highcharts.SVGElement#getSpanCorrection
+     * @param {number} width
+     * @param {number} baseline
+     * @param {number} alignCorrection
+     * @return {void}
+     */
+    getSpanCorrection: function (width, baseline, alignCorrection) {
+        this.xCorr = -width * alignCorrection;
+        this.yCorr = -baseline;
+    }
+});
+export default HTMLElement;

package/es-modules/Core/Renderer/HTML/{HTML.js → HTMLRenderer.js}

@@ -7,213 +7,18 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
 import H from '../../Globals.js';
+var isFirefox = H.isFirefox, isMS = H.isMS, isWebKit = H.isWebKit, win = H.win;
 import SVGElement from '../SVG/SVGElement.js';
 import SVGRenderer from '../SVG/SVGRenderer.js';
 import U from '../../Utilities.js';
-var attr = U.attr, createElement = U.createElement, css = U.css, defined = U.defined, extend = U.extend, pick = U.pick, pInt = U.pInt;
-var isFirefox = H.isFirefox, isMS = H.isMS, isWebKit = H.isWebKit, win = H.win;
+var attr = U.attr, createElement = U.createElement, extend = U.extend, pick = U.pick;
+/**
+ * Renderer placebo
+ * @private
+ */
+var HTMLRenderer = SVGRenderer;
 /* eslint-disable valid-jsdoc */
-// Extend SvgElement for useHTML option.
-extend(SVGElement.prototype, /** @lends SVGElement.prototype */ {
-    /**
-     * Apply CSS to HTML elements. This is used in text within SVG rendering and
-     * by the VML renderer
-     *
-     * @private
-     * @function Highcharts.SVGElement#htmlCss
-     *
-     * @param {Highcharts.CSSObject} styles
-     *
-     * @return {Highcharts.SVGElement}
-     */
-    htmlCss: function (styles) {
-        var wrapper = this, element = wrapper.element, 
-        // When setting or unsetting the width style, we need to update
-        // transform (#8809)
-        isSettingWidth = (element.tagName === 'SPAN' &&
-            styles &&
-            'width' in styles), textWidth = pick(isSettingWidth && styles.width, void 0), doTransform;
-        if (isSettingWidth) {
-            delete styles.width;
-            wrapper.textWidth = textWidth;
-            doTransform = true;
-        }
-        if (styles && styles.textOverflow === 'ellipsis') {
-            styles.whiteSpace = 'nowrap';
-            styles.overflow = 'hidden';
-        }
-        wrapper.styles = extend(wrapper.styles, styles);
-        css(wrapper.element, styles);
-        // Now that all styles are applied, to the transform
-        if (doTransform) {
-            wrapper.htmlUpdateTransform();
-        }
-        return wrapper;
-    },
-    /**
-     * VML and useHTML method for calculating the bounding box based on offsets.
-     *
-     * @private
-     * @function Highcharts.SVGElement#htmlGetBBox
-     *
-     * @param {boolean} refresh
-     *        Whether to force a fresh value from the DOM or to use the cached
-     *        value.
-     *
-     * @return {Highcharts.BBoxObject}
-     *         A hash containing values for x, y, width and height.
-     */
-    htmlGetBBox: function () {
-        var wrapper = this, element = wrapper.element;
-        return {
-            x: element.offsetLeft,
-            y: element.offsetTop,
-            width: element.offsetWidth,
-            height: element.offsetHeight
-        };
-    },
-    /**
-     * VML override private method to update elements based on internal
-     * properties based on SVG transform.
-     *
-     * @private
-     * @function Highcharts.SVGElement#htmlUpdateTransform
-     * @return {void}
-     */
-    htmlUpdateTransform: function () {
-        // aligning non added elements is expensive
-        if (!this.added) {
-            this.alignOnAdd = true;
-            return;
-        }
-        var wrapper = this, renderer = wrapper.renderer, elem = wrapper.element, translateX = wrapper.translateX || 0, translateY = wrapper.translateY || 0, x = wrapper.x || 0, y = wrapper.y || 0, align = wrapper.textAlign || 'left', alignCorrection = {
-            left: 0, center: 0.5, right: 1
-        }[align], styles = wrapper.styles, whiteSpace = styles && styles.whiteSpace;
-        /**
-         * @private
-         * @return {number}
-         */
-        function getTextPxLength() {
-            // Reset multiline/ellipsis in order to read width (#4928,
-            // #5417)
-            css(elem, {
-                width: '',
-                whiteSpace: whiteSpace || 'nowrap'
-            });
-            return elem.offsetWidth;
-        }
-        // apply translate
-        css(elem, {
-            marginLeft: translateX,
-            marginTop: translateY
-        });
-        if (!renderer.styledMode && wrapper.shadows) { // used in labels/tooltip
-            wrapper.shadows.forEach(function (shadow) {
-                css(shadow, {
-                    marginLeft: translateX + 1,
-                    marginTop: translateY + 1
-                });
-            });
-        }
-        // apply inversion
-        if (wrapper.inverted) { // wrapper is a group
-            [].forEach.call(elem.childNodes, function (child) {
-                renderer.invertChild(child, elem);
-            });
-        }
-        if (elem.tagName === 'SPAN') {
-            var rotation = wrapper.rotation, baseline, textWidth = wrapper.textWidth && pInt(wrapper.textWidth), currentTextTransform = [
-                rotation,
-                align,
-                elem.innerHTML,
-                wrapper.textWidth,
-                wrapper.textAlign
-            ].join(',');
-            // 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
-            }
-            // Do the calculations and DOM access only if properties changed
-            if (currentTextTransform !== wrapper.cTT) {
-                baseline = renderer.fontMetrics(elem.style.fontSize, elem).b;
-                // Renderer specific handling of span rotation, but only if we
-                // have something to update.
-                if (defined(rotation) &&
-                    ((rotation !== (wrapper.oldRotation || 0)) ||
-                        (align !== wrapper.oldAlign))) {
-                    wrapper.setSpanRotation(rotation, alignCorrection, baseline);
-                }
-                wrapper.getSpanCorrection(
-                // Avoid elem.offsetWidth if we can, it affects rendering
-                // time heavily (#7656)
-                ((!defined(rotation) && wrapper.textPxLength) || // #7920
-                    elem.offsetWidth), baseline, alignCorrection, rotation, align);
-            }
-            // apply position with correction
-            css(elem, {
-                left: (x + (wrapper.xCorr || 0)) + 'px',
-                top: (y + (wrapper.yCorr || 0)) + 'px'
-            });
-            // record current text transform
-            wrapper.cTT = currentTextTransform;
-            wrapper.oldRotation = rotation;
-            wrapper.oldAlign = align;
-        }
-    },
-    /**
-     * Set the rotation of an individual HTML span.
-     *
-     * @private
-     * @function Highcharts.SVGElement#setSpanRotation
-     * @param {number} rotation
-     * @param {number} alignCorrection
-     * @param {number} baseline
-     * @return {void}
-     */
-    setSpanRotation: function (rotation, alignCorrection, baseline) {
-        var rotationStyle = {}, cssTransformKey = this.renderer.getTransformKey();
-        rotationStyle[cssTransformKey] = rotationStyle.transform =
-            'rotate(' + rotation + 'deg)';
-        rotationStyle[cssTransformKey + (isFirefox ? 'Origin' : '-origin')] =
-            rotationStyle.transformOrigin =
-                (alignCorrection * 100) + '% ' + baseline + 'px';
-        css(this.element, rotationStyle);
-    },
-    /**
-     * Get the correction in X and Y positioning as the element is rotated.
-     *
-     * @private
-     * @function Highcharts.SVGElement#getSpanCorrection
-     * @param {number} width
-     * @param {number} baseline
-     * @param {number} alignCorrection
-     * @return {void}
-     */
-    getSpanCorrection: function (width, baseline, alignCorrection) {
-        this.xCorr = -width * alignCorrection;
-        this.yCorr = -baseline;
-    }
-});
 // Extend SvgRenderer for useHTML option.
 extend(SVGRenderer.prototype, /** @lends SVGRenderer.prototype */ {
     /**
@@ -425,3 +230,4 @@ extend(SVGRenderer.prototype, /** @lends SVGRenderer.prototype */ {
         return wrapper;
     }
 });
+export default HTMLRenderer;

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

@@ -7,12 +7,13 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import Color from '../../Color.js';
+import A from '../../Animation/AnimationUtilities.js';
+var animate = A.animate, animObject = A.animObject, stop = A.stop;
+import Color from '../../Color/Color.js';
 import H from '../../Globals.js';
 var deg2rad = H.deg2rad, doc = H.doc, hasTouch = H.hasTouch, isFirefox = H.isFirefox, noop = H.noop, svg = H.svg, SVG_NS = H.SVG_NS, win = H.win;
 import U from '../../Utilities.js';
-var animate = U.animate, animObject = U.animObject, 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, stop = U.stop, syncTimeout = U.syncTimeout, uniqueKey = U.uniqueKey;
+var 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;
 /**
  * The horizontal alignment of an element.
  *
@@ -1160,7 +1161,7 @@ var SVGElement = /** @class */ (function () {
     /**
      * @private
      * @function Highcharts.SVGElement#fillSetter
-     * @param {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject} value
+     * @param {Highcharts.ColorType} value
      * @param {string} key
      * @param {Highcharts.SVGDOMElement} element
      */
@@ -1473,8 +1474,10 @@ var SVGElement = /** @class */ (function () {
                     handler.call(element, e);
                 }
                 touchEventFired = true;
-                // prevent other events from being fired. #9682
-                e.preventDefault();
+                if (e.cancelable !== false) {
+                    // prevent other events from being fired. #9682
+                    e.preventDefault();
+                }
             };
             element.onclick = function (e) {
                 // Do not call onclick handler if touch event was fired already.
@@ -1497,8 +1500,11 @@ var SVGElement = /** @class */ (function () {
      * @param {Highcharts.SVGDOMElement} element
      */
     SVGElement.prototype.opacitySetter = function (value, key, element) {
-        this[key] = value;
-        element.setAttribute(key, value);
+        // Round off to avoid float errors, like tests where opacity lands on
+        // 9.86957e-06 instead of 0
+        var opacity = Number(Number(value).toFixed(3));
+        this.opacity = opacity;
+        element.setAttribute(key, opacity);
     };
     /**
      * Remove a class name from the element.

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

@@ -7,7 +7,6 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||

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

@@ -7,8 +7,7 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import Color from '../../Color.js';
+import Color from '../../Color/Color.js';
 import H from '../../Globals.js';
 import SVGElement from './SVGElement.js';
 import SVGLabel from './SVGLabel.js';
@@ -404,7 +403,7 @@ var SVGRenderer = /** @class */ (function () {
             '';
         // Add description
         desc = this.createElement('desc').add();
-        desc.element.appendChild(doc.createTextNode('Created with Highcharts 8.2.0'));
+        desc.element.appendChild(doc.createTextNode('Created with Highcharts 8.2.2'));
         renderer.defs = this.createElement('defs').add();
         renderer.allowHTML = allowHTML;
         renderer.forExport = forExport;

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

@@ -9,8 +9,9 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import Color from '../../Color.js';
+import A from '../../Animation/AnimationUtilities.js';
+var animObject = A.animObject;
+import Color from '../../Color/Color.js';
 var color = Color.parse;
 import H from '../../Globals.js';
 import Math3D from '../../../Extensions/Math3D.js';
@@ -18,7 +19,7 @@ var perspective = Math3D.perspective, shapeArea = Math3D.shapeArea;
 import SVGElement from './SVGElement.js';
 import SVGRenderer from './SVGRenderer.js';
 import U from '../../Utilities.js';
-var animObject = U.animObject, defined = U.defined, extend = U.extend, merge = U.merge, objectEach = U.objectEach, pick = U.pick;
+var defined = U.defined, extend = U.extend, merge = U.merge, objectEach = U.objectEach, pick = U.pick;
 var cos = Math.cos, PI = Math.PI, sin = Math.sin;
 var charts = H.charts, deg2rad = H.deg2rad, 
 // internal:
@@ -880,3 +881,4 @@ SVGRenderer.prototype.arc3dPath = function (shapeArgs) {
         zSide2: a2 * 0.99
     };
 };
+export default SVGRenderer;