highcharts 9.2.2 → 9.3.3

package/es-modules/Core/Series/SeriesDefaults.js

@@ -8,7 +8,6 @@
  *
  * */
 'use strict';
-import Palette from '../Color/Palette.js';
 /* *
  *
  *  API Options
@@ -982,7 +981,7 @@ var seriesDefaults = {
          *
          * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
          */
-        lineColor: Palette.backgroundColor,
+        lineColor: "#ffffff" /* backgroundColor */,
         /**
          * The width of the point marker's outline.
          *
@@ -1182,7 +1181,7 @@ var seriesDefaults = {
                  *
                  * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  */
-                fillColor: Palette.neutralColor20,
+                fillColor: "#cccccc" /* neutralColor20 */,
                 /**
                  * The color of the point marker's outline. When
                  * `undefined`, the series' or point's color is used.
@@ -1192,7 +1191,7 @@ var seriesDefaults = {
                  *
                  * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
                  */
-                lineColor: Palette.neutralColor100,
+                lineColor: "#000000" /* neutralColor100 */,
                 /**
                  * The width of the point marker's outline.
                  *
@@ -1587,9 +1586,9 @@ var seriesDefaults = {
          */
         // eslint-disable-next-line valid-jsdoc
         /**
-         * Callback JavaScript function to format the data label. Note that
-         * if a `format` is defined, the format takes precedence and the
-         * formatter is ignored.
+         * Callback JavaScript function to format the data label. Note that if a
+         * `format` is defined, the format takes precedence and the formatter is
+         * ignored.
          *
          * @sample {highmaps} maps/plotoptions/series-datalabels-format/
          *         Formatted value
@@ -1598,7 +1597,8 @@ var seriesDefaults = {
          */
         formatter: function () {
             var numberFormatter = this.series.chart.numberFormatter;
-            return typeof this.y !== 'number' ? '' : numberFormatter(this.y, -1);
+            return typeof this.y !== 'number' ?
+                '' : numberFormatter(this.y, -1);
         },
         /**
          * For points with an extent, like columns or map areas, whether to

package/es-modules/Core/Series/SeriesRegistry.js

@@ -112,8 +112,7 @@ var SeriesRegistry;
         SeriesRegistry.seriesTypes[type].prototype.type = type;
         // Create the point class if needed
         if (pointProto) {
-            SeriesRegistry.seriesTypes[type].prototype.pointClass =
-                extendClass(Point, pointProto);
+            SeriesRegistry.seriesTypes[type].prototype.pointClass = extendClass(Point, pointProto);
         }
         return SeriesRegistry.seriesTypes[type];
     }

package/es-modules/Core/Time.js

@@ -166,7 +166,8 @@ var Time = /** @class */ (function () {
             // time
             if (unit === 'Milliseconds' ||
                 unit === 'Seconds' ||
-                (unit === 'Minutes' && this.getTimezoneOffset(date) % 3600000 === 0) // #13961
+                (unit === 'Minutes' &&
+                    this.getTimezoneOffset(date) % 3600000 === 0) // #13961
             ) {
                 return date['setUTC' + unit](value);
             }
@@ -183,8 +184,8 @@ var Time = /** @class */ (function () {
         }
         // UTC time with no timezone handling
         if (this.useUTC ||
-            (hasNewSafariBug && unit === 'FullYear') // leap calculation in UTC only
-        ) {
+            // leap calculation in UTC only
+            (hasNewSafariBug && unit === 'FullYear')) {
             return date['setUTC' + unit](value);
         }
         // Else, local time
@@ -200,7 +201,6 @@ var Time = /** @class */ (function () {
      *
      * @param {Highcharts.TimeOptions} options
      *
-     * @return {void}
      */
     Time.prototype.update = function (options) {
         var useUTC = pick(options && options.useUTC, true), time = this;
@@ -283,7 +283,7 @@ var Time = /** @class */ (function () {
      *         A getTimezoneOffset function
      */
     Time.prototype.timezoneOffsetFunction = function () {
-        var time = this, options = this.options, moment = options.moment || win.moment;
+        var time = this, options = this.options, getTimezoneOffset = options.getTimezoneOffset, moment = options.moment || win.moment;
         if (!this.useUTC) {
             return function (timestamp) {
                 return new Date(timestamp.toString()).getTimezoneOffset() * 60000;
@@ -302,9 +302,9 @@ var Time = /** @class */ (function () {
             }
         }
         // If not timezone is set, look for the getTimezoneOffset callback
-        if (this.useUTC && options.getTimezoneOffset) {
+        if (this.useUTC && getTimezoneOffset) {
             return function (timestamp) {
-                return options.getTimezoneOffset(timestamp.valueOf()) * 60000;
+                return getTimezoneOffset(timestamp.valueOf()) * 60000;
             };
         }
         // Last, use the `timezoneOffset` option if set
@@ -438,8 +438,10 @@ var Time = /** @class */ (function () {
      * Resolve legacy formats of dateTimeLabelFormats (strings and arrays) into
      * an object.
      * @private
-     * @param {string|Array<T>|Highcharts.Dictionary<T>} f - General format description
-     * @return {Highcharts.Dictionary<T>} - The object definition
+     * @param {string|Array<T>|Highcharts.Dictionary<T>} f
+     * General format description
+     * @return {Highcharts.Dictionary<T>}
+     * The object definition
      */
     Time.prototype.resolveDTLFormat = function (f) {
         if (!isObject(f, true)) { // check for string or array
@@ -471,6 +473,7 @@ var Time = /** @class */ (function () {
      * @param {number} [startOfWeek=1]
      *
      * @return {Highcharts.AxisTickPositionsArray}
+     * Time positions
      */
     Time.prototype.getTimeTicks = function (normalizedInterval, min, max, startOfWeek) {
         var time = this, Date = time.Date, tickPositions = [], higherRanks = {}, 
@@ -731,8 +734,8 @@ export default Time;
  * In case of loading the library from a `script` tag,
  * this option is not needed, it will be loaded from there by default.
  *
- * @type {function}
- * @since 8.2.0
+ * @type      {Function}
+ * @since     8.2.0
  * @apioption time.moment
  */
 ''; // keeps doclets above in JS file

package/es-modules/Core/Tooltip.js

@@ -12,7 +12,6 @@ import F from './FormatUtilities.js';
 var format = F.format;
 import H from './Globals.js';
 var doc = H.doc;
-import palette from './Color/Palette.js';
 import R from './Renderer/RendererUtilities.js';
 var distribute = R.distribute;
 import RendererRegistry from './Renderer/RendererRegistry.js';
@@ -43,6 +42,12 @@ var Tooltip = /** @class */ (function () {
      *
      * */
     function Tooltip(chart, options) {
+        /* *
+         *
+         *  Properties
+         *
+         * */
+        this.allowShared = true;
         this.container = void 0;
         this.crosshairs = [];
         this.distance = 0;
@@ -117,8 +122,6 @@ var Tooltip = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Tooltip#bodyFormatter
-     * @param {Array<(Highcharts.Point|Highcharts.Series)>} items
-     * @return {Array<string>}
      */
     Tooltip.prototype.bodyFormatter = function (items) {
         return items.map(function (item) {
@@ -135,7 +138,7 @@ var Tooltip = /** @class */ (function () {
      * @function Highcharts.Tooltip#cleanSplit
      *
      * @param {boolean} [force]
-     *        Force destroy all tooltips.
+     * Force destroy all tooltips.
      */
     Tooltip.prototype.cleanSplit = function (force) {
         this.chart.series.forEach(function (series) {
@@ -155,10 +158,6 @@ var Tooltip = /** @class */ (function () {
      * the context here is an object holding point, series, x, y etc.
      *
      * @function Highcharts.Tooltip#defaultFormatter
-     *
-     * @param {Highcharts.Tooltip} tooltip
-     *
-     * @return {Array<string>}
      */
     Tooltip.prototype.defaultFormatter = function (tooltip) {
         var items = this.points || splat(this);
@@ -182,7 +181,7 @@ var Tooltip = /** @class */ (function () {
             this.label = this.label.destroy();
         }
         if (this.split && this.tt) {
-            this.cleanSplit(this.chart, true);
+            this.cleanSplit(true);
             this.tt = this.tt.destroy();
         }
         if (this.renderer) {
@@ -198,12 +197,6 @@ var Tooltip = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Tooltip#getAnchor
-     *
-     * @param {Highcharts.Point|Array<Highcharts.Point>} points
-     *
-     * @param {Highcharts.PointerEventObject} [mouseEvent]
-     *
-     * @return {Array<number>}
      */
     Tooltip.prototype.getAnchor = function (points, mouseEvent) {
         var chart = this.chart, pointer = chart.pointer, inverted = chart.inverted, plotTop = chart.plotTop, plotLeft = chart.plotLeft;
@@ -240,8 +233,8 @@ var Tooltip = /** @class */ (function () {
                         plotY += yAxis.pos - plotTop;
                     }
                     else { // #14771
-                        plotX += plotTop + chart.plotHeight - xAxis.len - xAxis.pos;
-                        plotY += plotLeft + chart.plotWidth - yAxis.len - yAxis.pos;
+                        plotX += (plotTop + chart.plotHeight - xAxis.len - xAxis.pos);
+                        plotY += (plotLeft + chart.plotWidth - yAxis.len - yAxis.pos);
                     }
                 }
             });
@@ -268,13 +261,16 @@ var Tooltip = /** @class */ (function () {
      * Creates the Tooltip label element if it does not exist, then returns it.
      *
      * @function Highcharts.Tooltip#getLabel
+     *
      * @return {Highcharts.SVGElement}
+     * Tooltip label
      */
     Tooltip.prototype.getLabel = function () {
-        var tooltip = this, styledMode = this.chart.styledMode, options = this.options, className = ('tooltip' + (defined(options.className) ?
+        var tooltip = this, styledMode = this.chart.styledMode, options = this.options, doSplit = this.split && this.allowShared, className = ('tooltip' + (defined(options.className) ?
             ' ' + options.className :
             '')), pointerEvents = (options.style.pointerEvents ||
-            (!this.followPointer && options.stickOnContact ? 'auto' : 'none')), onMouseEnter = function () {
+            (!this.followPointer &&
+                options.stickOnContact ? 'auto' : 'none')), onMouseEnter = function () {
             tooltip.inContact = true;
         }, onMouseLeave = function (e) {
             var series = tooltip.chart.hoverSeries;
@@ -288,6 +284,14 @@ var Tooltip = /** @class */ (function () {
             }
         };
         var container, renderer = this.chart.renderer;
+        // If changing from a split tooltip to a non-split tooltip, we must
+        // destroy it in order to get the SVG right. #13868.
+        if (tooltip.label) {
+            var wasSplit = !tooltip.label.hasClass('highcharts-label');
+            if ((doSplit && !wasSplit) || (!doSplit && wasSplit)) {
+                tooltip.destroy();
+            }
+        }
         if (!this.label) {
             if (this.outside) {
                 var chartStyle = this.chart.options.chart.style, Renderer = RendererRegistry.getRendererType();
@@ -321,7 +325,7 @@ var Tooltip = /** @class */ (function () {
                 this.renderer = renderer = new Renderer(container, 0, 0, chartStyle, void 0, void 0, renderer.styledMode);
             }
             // Create the label
-            if (this.split) {
+            if (doSplit) {
                 this.label = renderer.g(className);
             }
             else {
@@ -378,14 +382,6 @@ var Tooltip = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Tooltip#getPosition
-     *
-     * @param {number} boxWidth
-     *
-     * @param {number} boxHeight
-     *
-     * @param {Highcharts.Point} point
-     *
-     * @return {Highcharts.PositionObject}
      */
     Tooltip.prototype.getPosition = function (boxWidth, boxHeight, point) {
         var chart = this.chart, distance = this.distance, ret = {}, 
@@ -428,8 +424,17 @@ var Tooltip = /** @class */ (function () {
             ]);
         };
         var first = buildDimensionArray('y'), second = buildDimensionArray('x'), swapped;
+        // Handle negative points or reversed axis (#13780)
+        var flipped = !!point.negative;
+        if (!chart.polar &&
+            chart.hoverSeries &&
+            chart.hoverSeries.yAxis &&
+            chart.hoverSeries.yAxis.reversed) {
+            flipped = !flipped;
+        }
         // The far side is right or bottom
-        var preferFarSide = !this.followPointer && pick(point.ttBelow, !chart.inverted === !!point.negative), // #4984
+        var preferFarSide = !this.followPointer &&
+            pick(point.ttBelow, !chart.inverted === flipped), // #4984
         /*
          * Handle the preferred dimension. When the preferred dimension is
          * tooltip on top or bottom of the point, it will look for space
@@ -709,14 +714,16 @@ var Tooltip = /** @class */ (function () {
             return;
         }
         U.clearTimeout(this.hideTimer);
+        // A switch saying if this specific tooltip configuration allows shared
+        // or split modes
+        tooltip.allowShared = !(!isArray(pointOrPoints) &&
+            pointOrPoints.series &&
+            pointOrPoints.series.noSharedTooltip);
         // get the reference point coordinates (pie charts use tooltipPos)
-        tooltip.followPointer = !tooltip.split && point.series.tooltipOptions.followPointer;
+        tooltip.followPointer = (!tooltip.split && point.series.tooltipOptions.followPointer);
         var anchor = tooltip.getAnchor(pointOrPoints, mouseEvent), x = anchor[0], y = anchor[1];
         // shared tooltip, array is sent over
-        if (shared &&
-            !(!isArray(pointOrPoints) &&
-                pointOrPoints.series &&
-                pointOrPoints.series.noSharedTooltip)) {
+        if (shared && tooltip.allowShared) {
             chart.pointer.applyInactiveState(points);
             // Now set hover state for the choosen ones:
             points.forEach(function (item) {
@@ -744,20 +751,22 @@ var Tooltip = /** @class */ (function () {
         }
         else {
             // update text
-            if (tooltip.split) {
+            if (tooltip.split && tooltip.allowShared) { // #13868
                 this.renderSplit(text, points);
             }
             else {
-                var checkX = x;
-                var checkY = y;
+                var checkX_1 = x;
+                var checkY_1 = y;
                 if (mouseEvent && chart.pointer.isDirectTouch) {
-                    checkX = mouseEvent.chartX - chart.plotLeft;
-                    checkY = mouseEvent.chartY - chart.plotTop;
+                    checkX_1 = mouseEvent.chartX - chart.plotLeft;
+                    checkY_1 = mouseEvent.chartY - chart.plotTop;
                 }
                 // #11493, #13095
                 if (chart.polar ||
                     currentSeries.options.clip === false ||
-                    currentSeries.shouldShowTooltip(checkX, checkY)) {
+                    points.some(function (p) {
+                        return p.series.shouldShowTooltip(checkX_1, checkY_1);
+                    })) {
                     var label = tooltip.getLabel();
                     // Prevent the tooltip from flowing over the chart box
                     // (#6659)
@@ -780,7 +789,7 @@ var Tooltip = /** @class */ (function () {
                             stroke: (options.borderColor ||
                                 point.color ||
                                 currentSeries.color ||
-                                palette.neutralColor60)
+                                "#666666" /* neutralColor60 */)
                         });
                     }
                     tooltip.updatePosition({
@@ -822,9 +831,10 @@ var Tooltip = /** @class */ (function () {
         var tooltip = this;
         var chart = tooltip.chart, _a = tooltip.chart, chartWidth = _a.chartWidth, chartHeight = _a.chartHeight, plotHeight = _a.plotHeight, plotLeft = _a.plotLeft, plotTop = _a.plotTop, pointer = _a.pointer, _b = _a.scrollablePixelsY, scrollablePixelsY = _b === void 0 ? 0 : _b, scrollablePixelsX = _a.scrollablePixelsX, _c = _a.scrollingContainer, _d = _c === void 0 ? { scrollLeft: 0, scrollTop: 0 } : _c, scrollLeft = _d.scrollLeft, scrollTop = _d.scrollTop, styledMode = _a.styledMode, distance = tooltip.distance, options = tooltip.options, positioner = tooltip.options.positioner;
         // The area which the tooltip should be limited to. Limit to scrollable
-        // plot area if enabled, otherwise limit to the chart container.
-        // If outside is true it should be the whole viewport
-        var bounds = tooltip.outside && typeof scrollablePixelsX !== 'number' ?
+        // plot area if enabled, otherwise limit to the chart container. If
+        // outside is true it should be the whole viewport
+        var bounds = (tooltip.outside &&
+            typeof scrollablePixelsX !== 'number') ?
             doc.documentElement.getBoundingClientRect() : {
             left: scrollLeft,
             right: scrollLeft + chartWidth,
@@ -843,7 +853,7 @@ var Tooltip = /** @class */ (function () {
          *
          * @private
          * @param {Highcharts.Point} point The point related to the tooltip
-         * @return {object} Returns an object with anchorX and anchorY
+         * @return {Object} Returns an object with anchorX and anchorY
          */
         function getAnchor(point) {
             var isHeader = point.isHeader, _a = point.plotX, plotX = _a === void 0 ? 0 : _a, _b = point.plotY, plotY = _b === void 0 ? 0 : _b, series = point.series;
@@ -951,7 +961,7 @@ var Tooltip = /** @class */ (function () {
                     stroke: (options.borderColor ||
                         point.color ||
                         series.color ||
-                        palette.neutralColor80)
+                        "#333333" /* neutralColor80 */)
                 });
             }
             return tt;
@@ -1015,13 +1025,14 @@ var Tooltip = /** @class */ (function () {
             }
             return boxes;
         }, []);
-        // Realign the tooltips towards the right if there is not enough
-        // space to the left and there is space to to the right
+        // Realign the tooltips towards the right if there is not enough space
+        // to the left and there is space to to the right
         if (!positioner && boxes.some(function (box) {
             // Always realign if the beginning of a label is outside bounds
             var outside = tooltip.outside;
             var boxStart = (outside ? chartLeft : 0) + box.anchorX;
-            if (boxStart < bounds.left && boxStart + box.boxWidth < bounds.right) {
+            if (boxStart < bounds.left &&
+                boxStart + box.boxWidth < bounds.right) {
                 return true;
             }
             // Otherwise, check if there is more space available to the right
@@ -1051,7 +1062,9 @@ var Tooltip = /** @class */ (function () {
                 if (tooltip.outside && chartLeft + x < boxExtremes.left) {
                     boxExtremes.left = chartLeft + x;
                 }
-                if (!isHeader && tooltip.outside && boxExtremes.left + boxWidth > boxExtremes.right) {
+                if (!isHeader &&
+                    tooltip.outside &&
+                    boxExtremes.left + boxWidth > boxExtremes.right) {
                     boxExtremes.right = chartLeft + x;
                 }
             }
@@ -1174,9 +1187,6 @@ var Tooltip = /** @class */ (function () {
      *
      * @private
      * @function Highcharts.Tooltip#tooltipFooterHeaderFormatter
-     * @param {Highcharts.PointLabelObject} labelConfig
-     * @param {boolean} [isFooter]
-     * @return {string}
      */
     Tooltip.prototype.tooltipFooterHeaderFormatter = function (labelConfig, isFooter) {
         var series = labelConfig.series, tooltipOptions = series.tooltipOptions, xAxis = series.xAxis, dateTime = xAxis && xAxis.dateTime, e = {

package/es-modules/Core/Utilities.js

@@ -352,9 +352,13 @@ function defined(obj) {
     return typeof obj !== 'undefined' && obj !== null;
 }
 /**
- * Set or get an attribute or an object of attributes. To use as a setter, pass
- * a key and a value, or let the second argument be a collection of keys and
- * values. To use as a getter, pass only a string as the second argument.
+ * Set or get an attribute or an object of attributes.
+ *
+ * To use as a setter, pass a key and a value, or let the second argument be a
+ * collection of keys and values. When using a collection, passing a value of
+ * `null` or `undefined` will remove the attribute.
+ *
+ * To use as a getter, pass only a string as the second argument.
  *
  * @function Highcharts.attr
  *
@@ -390,7 +394,12 @@ function attr(elem, prop, value) {
     }
     else {
         objectEach(prop, function (val, key) {
-            elem.setAttribute(key, val);
+            if (defined(val)) {
+                elem.setAttribute(key, val);
+            }
+            else {
+                elem.removeAttribute(key);
+            }
         });
     }
     return ret;
@@ -584,7 +593,7 @@ function extendClass(parent, members) {
     return obj;
 }
 /**
- * Left-pad a string to a given length by adding a character repetetively.
+ * Left-pad a string to a given length by adding a character repetitively.
  *
  * @function Highcharts.pad
  *
@@ -757,8 +766,6 @@ function normalizeTickInterval(interval, multiples, magnitude, allowDecimals, ha
  *
  * @param {Function} sortFunction
  *        The function to sort it with, like with regular Array.prototype.sort.
- *
- * @return {void}
  */
 function stableSort(arr, sortFunction) {
     // @todo It seems like Chrome since v70 sorts in a stable way internally,
@@ -848,7 +855,7 @@ function destroyObjectProperties(obj, except) {
     });
 }
 /**
- * Discard a HTML element by moving it to the bin and delete.
+ * Discard a HTML element
  *
  * @function Highcharts.discardElement
  *
@@ -856,17 +863,10 @@ function destroyObjectProperties(obj, except) {
  *        The HTML node to discard.
  */
 function discardElement(element) {
-    // create a garbage bin element, not part of the DOM
-    if (!garbageBin) {
-        garbageBin = createElement('div');
-    }
-    // move the node and empty bin
-    if (element) {
-        garbageBin.appendChild(element);
+    if (element && element.parentElement) {
+        element.parentElement.removeChild(element);
     }
-    garbageBin.innerHTML = '';
 }
-var garbageBin;
 /**
  * Fix JS round off float errors.
  *
@@ -882,7 +882,8 @@ var garbageBin;
  *         The corrected float number.
  */
 function correctFloat(num, prec) {
-    return parseFloat(num.toPrecision(prec || 14));
+    // When the number is higher than 1e14 use the number (#16275)
+    return num > 1e14 ? num : parseFloat(num.toPrecision(prec || 14));
 }
 /**
  * The time unit lookup
@@ -1061,7 +1062,7 @@ var find = Array.prototype.find ?
         var i;
         var length = arr.length;
         for (i = 0; i < length; i++) {
-            if (callback(arr[i], i)) { // eslint-disable-line callback-return
+            if (callback(arr[i], i)) { // eslint-disable-line node/callback-return
                 return arr[i];
             }
         }
@@ -1329,9 +1330,6 @@ function removeEvent(el, type, fn) {
     /* eslint-enable valid-jsdoc */
     /**
      * @private
-     * @param {string} type - event type
-     * @param {Highcharts.EventCallbackFunction<T>} fn - callback
-     * @return {void}
      */
     function removeOneEvent(type, fn) {
         var removeEventListener = (el.removeEventListener || H.removeEventListenerPolyfill);
@@ -1341,8 +1339,6 @@ function removeEvent(el, type, fn) {
     }
     /**
      * @private
-     * @param {any} eventCollection - collection
-     * @return {void}
      */
     function removeAllEvents(eventCollection) {
         var types, len;