highcharts 9.2.2 → 9.3.3

package/es-modules/Extensions/Oldie/Oldie.js

@@ -17,7 +17,6 @@ import H from '../../Core/Globals.js';
 var deg2rad = H.deg2rad, doc = H.doc, noop = H.noop, svg = H.svg, win = H.win;
 import D from '../../Core/DefaultOptions.js';
 var getOptions = D.getOptions;
-import palette from '../../Core/Color/Palette.js';
 import Pointer from '../../Core/Pointer.js';
 import RendererRegistry from '../../Core/Renderer/RendererRegistry.js';
 import SVGElement from '../../Core/Renderer/SVG/SVGElement.js';
@@ -37,7 +36,7 @@ var VMLRenderer, VMLElement;
  * @apioption global.VMLRadialGradientURL
  */
 getOptions().global.VMLRadialGradientURL =
-    'http://code.highcharts.com/9.2.2/gfx/vml-radial-gradient.png';
+    'http://code.highcharts.com/9.3.3/gfx/vml-radial-gradient.png';
 // Utilites
 if (doc && !doc.defaultView) {
     H.getStyle = U.getStyle = function getStyle(el, prop) {
@@ -86,9 +85,6 @@ if (!svg) {
      *
      * @ignore
      * @function Highcharts.Pointer#normalize
-     * @param {global.PointerEvent} e
-     * @param {boolean} [chartPosition=false]
-     * @return {Highcharts.PointerEventObject}
      */
     Pointer.prototype.normalize = function (e, chartPosition) {
         e = e || win.event;
@@ -165,9 +161,6 @@ if (!svg) {
      *
      * @private
      * @function Highcharts.addEventListenerPolyfill<T>
-     * @param {string} type
-     * @param {Highcharts.EventCallbackFunction<T>} fn
-     * @return {void}
      */
     H.addEventListenerPolyfill = function (type, fn) {
         var el = this;
@@ -195,9 +188,6 @@ if (!svg) {
     /**
      * @private
      * @function Highcharts.removeEventListenerPolyfill<T>
-     * @param {string} type
-     * @param {Highcharts.EventCallbackFunction<T>} fn
-     * @return {void}
      */
     H.removeEventListenerPolyfill = function (type, fn) {
         if (this.detachEvent) {
@@ -221,8 +211,6 @@ if (!svg) {
          * string to minimize DOM traffic.
          *
          * @function Highcharts.VMLElement#init
-         * @param {Highcharts.VMLRenderer} renderer
-         * @param {string} nodeName
          */
         init: function (renderer, nodeName) {
             var wrapper = this, markup = ['<', nodeName, ' filled="f" stroked="f"'], style = ['position: ', 'absolute', ';'], isDiv = nodeName === 'div';
@@ -245,8 +233,6 @@ if (!svg) {
          * Add the node to the given parent
          *
          * @function Highcharts.VMLElement
-         * @param {Highcharts.VMLElement} parent
-         * @return {Highcharts.VMLElement}
          */
         add: function (parent) {
             var wrapper = this, renderer = wrapper.renderer, element = wrapper.element, box = renderer.box, inverted = parent && parent.inverted, 
@@ -284,13 +270,13 @@ if (!svg) {
          *
          * @function Highcharts.VMLElement#updateTransform
          */
-        updateTransform: SVGElement.prototype.htmlUpdateTransform,
+        updateTransform: SVGElement.prototype
+            .htmlUpdateTransform,
         /**
          * Set the rotation of a span with oldIE's filter
          *
          * @function Highcharts.VMLElement#setSpanRotation
-         * @return {void}
-         */
+             */
         setSpanRotation: function () {
             // Adjust for alignment and rotation. Rotation of useHTML content is
             // not yet implemented but it can probably be implemented for
@@ -385,8 +371,6 @@ if (!svg) {
          * Set the element's clipping to a predefined rectangle
          *
          * @function Highcharts.VMLElement#clip
-         * @param {Highcharts.VMLClipRectObject} clipRect
-         * @return {Highcharts.VMLElement}
          */
         clip: function (clipRect) {
             var wrapper = this, clipMembers, cssRet;
@@ -414,8 +398,6 @@ if (!svg) {
          * Set styles for the element
          *
          * @function Highcharts.VMLElement#css
-         * @param {Highcharts.CSSObject} styles
-         * @return {Highcharts.VMLElement}
          */
         css: SVGElement.prototype.htmlCss,
         /**
@@ -424,8 +406,6 @@ if (!svg) {
          * sIEve, discardElement does not.
          *
          * @function Highcharts.VMLElement#safeRemoveChild
-         * @param {Highcharts.HTMLDOMElement} element
-         * @return {void}
          */
         safeRemoveChild: function (element) {
             // discardElement will detach the node from its parent before
@@ -450,9 +430,6 @@ if (!svg) {
          * Add an event listener. VML override for normalizing event parameters.
          *
          * @function Highcharts.VMLElement#on
-         * @param {string} eventType
-         * @param {Function} handler
-         * @return {Highcharts.VMLElement}
          */
         on: function (eventType, handler) {
             // simplest possible event model for internal use
@@ -467,9 +444,6 @@ if (!svg) {
          * In stacked columns, cut off the shadows so that they don't overlap
          *
          * @function Highcharts.VMLElement#cutOffPath
-         * @param {string} path
-         * @param {number} length
-         * @return {string}
          */
         cutOffPath: function (path, length) {
             var len;
@@ -488,10 +462,6 @@ if (!svg) {
          * strokes.
          *
          * @function Highcharts.VMLElement#shadow
-         * @param {Highcharts.ShadowOptionsObject} shadowOptions
-         * @param {Highcharts.VMLElement} group
-         * @param {boolean} cutOff
-         * @return {Highcharts.VMLElement}
          */
         shadow: function (shadowOptions, group, cutOff) {
             var shadows = [], i, element = this.element, renderer = this.renderer, shadow, elemStyle = element.style, markup, path = element.path, strokeWidth, modifiedPath, shadowWidth, shadowElementOpacity;
@@ -528,7 +498,7 @@ if (!svg) {
                     // apply the opacity
                     markup = [
                         '<stroke color="',
-                        shadowOptions.color || palette.neutralColor100,
+                        shadowOptions.color || "#000000" /* neutralColor100 */,
                         '" opacity="', shadowElementOpacity * i, '"/>'
                     ];
                     createElement(renderer.prepVML(markup), null, null, shadow);
@@ -719,8 +689,7 @@ if (!svg) {
          * @param {Highcharts.HTMLDOMElement} container
          * @param {number} width
          * @param {number} height
-         * @return {void}
-         */
+             */
         init: function (container, width, height) {
             var renderer = this, boxWrapper, box, css;
             // Extended SVGRenderer member
@@ -770,11 +739,6 @@ if (!svg) {
          * values for setting the CSS style to all associated members.
          *
          * @function Highcharts.VMLRenderer#clipRect
-         * @param {number|Highcharts.SizeObject} x
-         * @param {number} y
-         * @param {number} width
-         * @param {number} height
-         * @return {Highcharts.VMLElement}
          */
         clipRect: function (x, y, width, height) {
             // create a dummy element
@@ -826,9 +790,10 @@ if (!svg) {
          * @function Highcharts.VMLRenderer#color<T>
          *
          * @param {T} color
-         *        The color or config object
+         * The color or config object
          *
          * @return {T}
+         * Processed color
          */
         color: function (colorOption, elem, prop, wrapper) {
             var renderer = this, colorObject, regexRgba = /^rgba/, markup, fillType, ret = 'none';
@@ -945,10 +910,11 @@ if (!svg) {
                 else {
                     ret = stopColor_1;
                 }
-                // If the color is an rgba color, split it and add a fill node
-                // to hold the opacity component
+                // If the color is an rgba color, split it and add a fill node to
+                // hold the opacity component
             }
-            else if (regexRgba.test(colorOption) && elem.tagName !== 'IMG') {
+            else if (regexRgba.test(colorOption) &&
+                elem.tagName !== 'IMG') {
                 colorObject = color(colorOption);
                 wrapper[prop + '-opacitySetter'](colorObject.get('a'), prop, elem);
                 ret = colorObject.get('rgb');
@@ -970,9 +936,7 @@ if (!svg) {
          * @function Highcharts.VMLRenderer#prepVML
          *
          * @param {Array<(number|string)>} markup
-         *        A string array of the VML markup to prepare
-         *
-         * @return {string}
+         * A string array of the VML markup to prepare
          */
         prepVML: function (markup) {
             var vmlStyle = 'display:inline-block;behavior:url(#default#VML);', isIE8 = this.isIE8;
@@ -995,12 +959,6 @@ if (!svg) {
          * Create rotated and aligned text
          *
          * @function Highcharts.VMLRenderer#text
-         *
-         * @param {string} str
-         *
-         * @param {number} x
-         *
-         * @param {number} y
          */
         text: SVGRenderer.prototype.html,
         /**
@@ -1029,10 +987,6 @@ if (!svg) {
          * shapes, which is faster than v:oval
          *
          * @function Highcharts.VMLRenderer#circle
-         * @param {number|Highcharts.Dictionary<number>} x
-         * @param {number} [y]
-         * @param {number} [r]
-         * @return {Highcharts.VMLElement}
          */
         circle: function (x, y, r) {
             var circle = this.symbol('circle');
@@ -1053,9 +1007,7 @@ if (!svg) {
          * @function Highcharts.VMLRenderer#g
          *
          * @param {string} name
-         *        The name of the group
-         *
-         * @return {Highcharts.VMLElement}
+         * The name of the group
          */
         g: function (name) {
             var wrapper, attribs;
@@ -1074,17 +1026,6 @@ if (!svg) {
          * VML override to create a regular HTML image.
          *
          * @function Highcharts.VMLRenderer#image
-         *
-         * @param {string} src
-         *
-         * @param {number} x
-         *
-         * @param {number} y
-         *
-         * @param {number} width
-         *
-         * @param {number} height
-         * @return {Highcharts.VMLElement}
          */
         image: function (src, x, y, width, height) {
             var obj = this.createElement('img').attr({ src: src });
@@ -1103,8 +1044,6 @@ if (!svg) {
          * rotation problems
          *
          * @function Highcharts.VMLRenderer#createElement
-         * @param {string} nodeName
-         * @return {Highcharts.VMLElement}
          */
         createElement: function (nodeName) {
             return nodeName === 'rect' ?
@@ -1116,10 +1055,6 @@ if (!svg) {
          * inverted
          *
          * @function Highcharts.VMLRenderer#invertChild
-         *
-         * @param {Highcharts.HTMLDOMElement} element
-         *
-         * @param {Highcharts.HTMLDOMElement} parentNode
          */
         invertChild: function (element, parentNode) {
             var ren = this, parentStyle = parentNode.style, imgStyle = element.tagName === 'IMG' && element.style; // #1111

package/es-modules/Extensions/Oldie/VMLAxis3D.js

@@ -49,7 +49,11 @@ var VMLAxis3D = /** @class */ (function () {
         var axis = this, vml = axis.vml;
         if (vml) {
             var el_1;
-            ['backFrame', 'bottomFrame', 'sideFrame'].forEach(function (prop) {
+            [
+                'backFrame',
+                'bottomFrame',
+                'sideFrame'
+            ].forEach(function (prop) {
                 el_1 = vml[prop];
                 if (el_1) {
                     vml[prop] = el_1.destroy();

package/es-modules/Extensions/OverlappingDataLabels.js

@@ -123,7 +123,8 @@ Chart.prototype.hideOverlappingLabels = function (labels) {
             if (alignValue) {
                 xOffset = +alignValue * boxWidth;
             }
-            else if (isNumber(label.x) && Math.round(label.x) !== label.translateX) {
+            else if (isNumber(label.x) &&
+                Math.round(label.x) !== label.translateX) {
                 xOffset = label.x - label.translateX;
             }
             return {
@@ -185,23 +186,26 @@ Chart.prototype.hideOverlappingLabels = function (labels) {
  * @private
  * @function hideOrShow
  * @param {Highcharts.SVGElement} label
- *        The label.
+ * The label.
  * @param {Highcharts.Chart} chart
- *        The chart that contains the label.
+ * The chart that contains the label.
  * @return {boolean}
+ * Whether label is affected
  */
 function hideOrShow(label, chart) {
     var complete, newOpacity, isLabelAffected = false;
     if (label) {
         newOpacity = label.newOpacity;
         if (label.oldOpacity !== newOpacity) {
-            // Make sure the label is completely hidden to avoid catching
-            // clicks (#4362)
+            // Make sure the label is completely hidden to avoid catching clicks
+            // (#4362)
             if (label.alignAttr && label.placed) { // data labels
                 label[newOpacity ? 'removeClass' : 'addClass']('highcharts-data-label-hidden');
                 complete = function () {
                     if (!chart.styledMode) {
-                        label.css({ pointerEvents: newOpacity ? 'auto' : 'none' });
+                        label.css({
+                            pointerEvents: newOpacity ? 'auto' : 'none'
+                        });
                     }
                 };
                 isLabelAffected = true;

package/es-modules/Extensions/Pane.js

@@ -9,15 +9,14 @@
  * */
 'use strict';
 import Chart from '../Core/Chart/Chart.js';
+import CU from '../Series/CenteredUtilities.js';
 import H from '../Core/Globals.js';
-import palette from '../Core/Color/Palette.js';
 import Pointer from '../Core/Pointer.js';
 import U from '../Core/Utilities.js';
 var addEvent = U.addEvent, extend = U.extend, merge = U.merge, pick = U.pick, splat = U.splat;
 /**
  * @typedef {"arc"|"circle"|"solid"} Highcharts.PaneBackgroundShapeValue
  */
-import centeredSeriesMixin from '../Mixins/CenteredSeries.js';
 /* eslint-disable no-invalid-this, valid-jsdoc */
 Chart.prototype.collectionsWithUpdate.push('pane');
 /**
@@ -159,7 +158,7 @@ var Pane = /** @class */ (function () {
              * @since   2.3.0
              * @product highcharts
              */
-            borderColor: palette.neutralColor20,
+            borderColor: "#cccccc" /* neutralColor20 */,
             /**
              * The background color or gradient for the pane.
              *
@@ -173,8 +172,8 @@ var Pane = /** @class */ (function () {
                 linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
                 /** @ignore-option */
                 stops: [
-                    [0, palette.backgroundColor],
-                    [1, palette.neutralColor10]
+                    [0, "#ffffff" /* backgroundColor */],
+                    [1, "#e6e6e6" /* neutralColor10 */]
                 ]
             },
             /** @ignore-option */
@@ -298,12 +297,11 @@ var Pane = /** @class */ (function () {
      * @private
      * @function Highcharts.Pane#updateCenter
      * @param {Highcharts.Axis} [axis]
-     * @return {void}
      */
     Pane.prototype.updateCenter = function (axis) {
         this.center = (axis ||
             this.axis ||
-            {}).center = centeredSeriesMixin.getCenter.call(this);
+            {}).center = CU.getCenter.call(this);
     };
     /**
      * Destroy the pane item
@@ -329,7 +327,6 @@ var Pane = /** @class */ (function () {
      * @param {Highcharts.PaneOptions} options
      *        New pane options
      * @param {boolean} [redraw]
-     * @return {void}
      */
     Pane.prototype.update = function (options, redraw) {
         merge(true, this.options, options);
@@ -347,10 +344,12 @@ var Pane = /** @class */ (function () {
 /**
  * Check whether element is inside or outside pane.
  * @private
- * @param  {number} x Element's x coordinate
- * @param  {number} y Element's y coordinate
- * @param  {Array<number>} center Pane's center (x, y) and diameter
- * @return {boolean}
+ * @param  {number} x
+ * Element's x coordinate
+ * @param  {number} y
+ * Element's y coordinate
+ * @param  {Array<number>} center
+ * Pane's center (x, y) and diameter
  */
 function isInsidePane(x, y, center) {
     return Math.sqrt(Math.pow(x - center[0], 2) + Math.pow(y - center[1], 2)) <= center[2] / 2;

package/es-modules/Extensions/ParallelCoordinates.js

@@ -198,7 +198,6 @@ extend(ChartProto, /** @lends Highcharts.Chart.prototype */ {
      * @function Highcharts.Chart#setParallelInfo
      * @param {Highcharts.Options} options
      * User options
-     * @return {void}
      * @requires modules/parallel-coordinates
      */
     setParallelInfo: function (options) {
@@ -364,7 +363,8 @@ var ParallelAxisAdditions = /** @class */ (function () {
      * Axis options.
      */
     ParallelAxisAdditions.prototype.setPosition = function (axisPosition, options) {
-        var parallel = this, axis = parallel.axis, chart = axis.chart, fraction = ((parallel.position || 0) + 0.5) / (chart.parallelInfo.counter + 1);
+        var parallel = this, axis = parallel.axis, chart = axis.chart, fraction = ((parallel.position || 0) + 0.5) /
+            (chart.parallelInfo.counter + 1);
         if (chart.polar) {
             options.angle = 360 * fraction;
         }
@@ -403,7 +403,9 @@ var ParallelAxis;
      */
     function onAfterSetOptions(e) {
         var axis = this, chart = axis.chart, parallelCoordinates = axis.parallelCoordinates;
-        var axisPosition = ['left', 'width', 'height', 'top'];
+        var axisPosition = [
+            'left', 'width', 'height', 'top'
+        ];
         if (chart.hasParallelCoordinates) {
             if (chart.inverted) {
                 axisPosition = axisPosition.reverse();

package/es-modules/Extensions/PatternFill.js

@@ -66,7 +66,7 @@ var patterns = H.patterns = (function () {
  * @private
  * @function hashFromObject
  *
- * @param {object} obj
+ * @param {Object} obj
  *        The javascript object to compute the hash from.
  *
  * @param {boolean} [preSeed=false]
@@ -195,7 +195,10 @@ SVGRenderer.prototype.addPattern = function (options, animation) {
     }, attribs;
     if (!id) {
         this.idCounter = this.idCounter || 0;
-        id = 'highcharts-pattern-' + this.idCounter + '-' + (this.chartIndex || 0);
+        id = ('highcharts-pattern-' +
+            this.idCounter +
+            '-' +
+            (this.chartIndex || 0));
         ++this.idCounter;
     }
     if (this.forExport) {
@@ -310,10 +313,10 @@ addEvent(Series, 'render', function () {
                     !(point.shapeArgs &&
                         point.shapeArgs.width &&
                         point.shapeArgs.height)) {
-                    colorOptions.pattern._width =
-                        'defer';
-                    colorOptions.pattern._height =
-                        'defer';
+                    colorOptions
+                        .pattern._width = 'defer';
+                    colorOptions
+                        .pattern._height = 'defer';
                 }
                 else {
                     point.calculatePatternDimensions(colorOptions.pattern);
@@ -413,10 +416,10 @@ addEvent(Chart, 'endResize', function () {
                 var colorOptions = point.options && point.options.color;
                 if (colorOptions &&
                     colorOptions.pattern) {
-                    colorOptions.pattern._width =
-                        'defer';
-                    colorOptions.pattern._height =
-                        'defer';
+                    colorOptions.pattern
+                        ._width = 'defer';
+                    colorOptions.pattern
+                        ._height = 'defer';
                 }
             });
         });
@@ -441,7 +444,10 @@ addEvent(Chart, 'redraw', function () {
                 node.getAttribute('color') ||
                 node.getAttribute('stroke');
             if (id) {
-                var sanitizedId = id.replace(renderer.url, '').replace('url(#', '').replace(')', '');
+                var sanitizedId = id
+                    .replace(renderer.url, '')
+                    .replace('url(#', '')
+                    .replace(')', '');
                 usedIds[sanitizedId] = true;
             }
         });

package/es-modules/Extensions/Polar.js

@@ -161,8 +161,10 @@ if (seriesTypes.spline) {
             }
             else { // curve from last point to this
                 connectors = this.getConnectors(segment, i, true, this.connectEnds);
-                var rightContX = connectors.prevPointCont && connectors.prevPointCont.rightContX;
-                var rightContY = connectors.prevPointCont && connectors.prevPointCont.rightContY;
+                var rightContX = connectors.prevPointCont &&
+                    connectors.prevPointCont.rightContX;
+                var rightContY = connectors.prevPointCont &&
+                    connectors.prevPointCont.rightContY;
                 ret = [
                     'C',
                     isNumber(rightContX) ? rightContX : connectors.plotX,
@@ -186,7 +188,8 @@ if (seriesTypes.spline) {
     // #6430 Areasplinerange series use unwrapped getPointSpline method, so
     // we need to set this method again.
     if (seriesTypes.areasplinerange) {
-        seriesTypes.areasplinerange.prototype.getPointSpline = seriesTypes.spline.prototype.getPointSpline;
+        seriesTypes.areasplinerange.prototype
+            .getPointSpline = seriesTypes.spline.prototype.getPointSpline;
     }
 }
 /**
@@ -306,7 +309,7 @@ wrap(seriesTypes.line.prototype, 'getGraphPath', function (proceed, points) {
     return ret;
 });
 var polarAnimate = function (proceed, init) {
-    var series = this, chart = this.chart, animation = this.options.animation, group = this.group, markerGroup = this.markerGroup, center = this.xAxis.center, plotLeft = chart.plotLeft, plotTop = chart.plotTop, attribs, paneInnerR, graphic, shapeArgs, r, innerR;
+    var series = this, chart = this.chart, animation = this.options.animation, group = this.group, markerGroup = this.markerGroup, center = this.xAxis && this.xAxis.center, plotLeft = chart.plotLeft, plotTop = chart.plotTop, attribs, paneInnerR, graphic, shapeArgs, r, innerR;
     // Specific animation for polar charts
     if (chart.polar) {
         if (series.isRadialBar) {

package/es-modules/Extensions/PriceIndication.js

@@ -242,7 +242,8 @@ addEvent(Series, 'afterRender', function () {
                 yAxis.options.crosshair &&
                 seriesOptions.lastPrice) {
                 // Set the default color from the series, #14888.
-                yAxis.crosshair.color = yAxis.options.crosshair.color = seriesOptions.lastPrice.color || series.color;
+                yAxis.crosshair.color = yAxis.options.crosshair.color =
+                    seriesOptions.lastPrice.color || series.color;
             }
             yAxis.cross = series.lastPrice;
             yValue = isArray(y) ? y[3] : y;