highcharts 9.2.2 → 9.3.0

package/es-modules/Core/Chart/StockChart.js

@@ -29,14 +29,10 @@ import F from '../../Core/FormatUtilities.js';
 var format = F.format;
 import D from '../DefaultOptions.js';
 var getOptions = D.getOptions;
-import Palette from '../../Core/Color/Palette.js';
-import Point from '../Series/Point.js';
-var pointTooltipFormatter = Point.prototype.tooltipFormatter;
 import Series from '../Series/Series.js';
-var _a = Series.prototype, seriesInit = _a.init, seriesProcessData = _a.processData;
 import SVGRenderer from '../Renderer/SVG/SVGRenderer.js';
 import U from '../Utilities.js';
-var addEvent = U.addEvent, arrayMax = U.arrayMax, arrayMin = U.arrayMin, clamp = U.clamp, defined = U.defined, extend = U.extend, find = U.find, isNumber = U.isNumber, isString = U.isString, merge = U.merge, pick = U.pick, splat = U.splat;
+var addEvent = U.addEvent, clamp = U.clamp, defined = U.defined, extend = U.extend, find = U.find, isNumber = U.isNumber, isString = U.isString, merge = U.merge, pick = U.pick, splat = U.splat;
 import '../Pointer.js';
 // Has a dependency on Navigator due to the use of
 // defaultOptions.navigator
@@ -532,12 +528,12 @@ addEvent(Axis, 'afterDrawCrosshair', function (event) {
                 .attr({
                 fill: options.backgroundColor ||
                     point && point.series && point.series.color || // #14888
-                    Palette.neutralColor60,
+                    "#666666" /* neutralColor60 */,
                 stroke: options.borderColor || '',
                 'stroke-width': options.borderWidth || 0
             })
                 .css(extend({
-                color: Palette.backgroundColor,
+                color: "#ffffff" /* backgroundColor */,
                 fontWeight: 'normal',
                 fontSize: '11px',
                 textAlign: 'center'
@@ -630,76 +626,6 @@ addEvent(Axis, 'afterDrawCrosshair', function (event) {
             posy + crossBox.height / 2
     });
 });
-/* ************************************************************************** *
- *  Start value compare logic                                                 *
- * ************************************************************************** */
-/**
- * Extend series.init by adding a method to modify the y value used for plotting
- * on the y axis. This method is called both from the axis when finding dataMin
- * and dataMax, and from the series.translate method.
- *
- * @ignore
- * @function Highcharts.Series#init
- */
-Series.prototype.init = function () {
-    // Call base method
-    seriesInit.apply(this, arguments);
-    // Set comparison mode
-    this.initCompare(this.options.compare);
-};
-/**
- * Highcharts Stock only. Set the
- * [compare](https://api.highcharts.com/highstock/plotOptions.series.compare)
- * mode of the series after render time. In most cases it is more useful running
- * {@link Axis#setCompare} on the X axis to update all its series.
- *
- * @function Highcharts.Series#setCompare
- *
- * @param {string} [compare]
- *        Can be one of `null` (default), `"percent"` or `"value"`.
- */
-Series.prototype.setCompare = function (compare) {
-    this.initCompare(compare);
-    // Survive to export, #5485
-    this.userOptions.compare = compare;
-};
-/**
- * @ignore
- * @function Highcharts.Series#initCompare
- *
- * @param {string} [compare]
- *        Can be one of `null` (default), `"percent"` or `"value"`.
- */
-Series.prototype.initCompare = function (compare) {
-    // Set or unset the modifyValue method
-    this.modifyValue = (compare === 'value' || compare === 'percent') ?
-        function (value, point) {
-            var compareValue = this.compareValue;
-            if (typeof value !== 'undefined' &&
-                typeof compareValue !== 'undefined') { // #2601, #5814
-                // Get the modified value
-                if (compare === 'value') {
-                    value -= compareValue;
-                    // Compare percent
-                }
-                else {
-                    value = 100 * (value / compareValue) -
-                        (this.options.compareBase === 100 ? 0 : 100);
-                }
-                // record for tooltip etc.
-                if (point) {
-                    point.change = value;
-                }
-                return value;
-            }
-            return 0;
-        } :
-        null;
-    // Mark dirty
-    if (this.chart.hasRendered) {
-        this.isDirty = true;
-    }
-};
 /**
  * Based on the data grouping options decides whether
  * the data should be cropped while processing.
@@ -712,164 +638,6 @@ Series.prototype.forceCropping = function () {
         pick(dataGroupingOptions.enabled, chart.options.isStock);
     return groupingEnabled;
 };
-/**
- * Extend series.processData by finding the first y value in the plot area,
- * used for comparing the following values
- *
- * @ignore
- * @function Highcharts.Series#processData
- */
-Series.prototype.processData = function (force) {
-    var series = this, i, keyIndex = -1, processedXData, processedYData, compareStart = series.options.compareStart === true ? 0 : 1, length, compareValue;
-    // call base method
-    seriesProcessData.apply(this, arguments);
-    if (series.xAxis && series.processedYData) { // not pies
-        // local variables
-        processedXData = series.processedXData;
-        processedYData = series.processedYData;
-        length = processedYData.length;
-        // For series with more than one value (range, OHLC etc), compare
-        // against close or the pointValKey (#4922, #3112, #9854)
-        if (series.pointArrayMap) {
-            keyIndex = series.pointArrayMap.indexOf(series.options.pointValKey || series.pointValKey || 'y');
-        }
-        // find the first value for comparison
-        for (i = 0; i < length - compareStart; i++) {
-            compareValue = processedYData[i] && keyIndex > -1 ?
-                processedYData[i][keyIndex] :
-                processedYData[i];
-            if (isNumber(compareValue) &&
-                processedXData[i + compareStart] >=
-                    series.xAxis.min &&
-                compareValue !== 0) {
-                series.compareValue = compareValue;
-                break;
-            }
-        }
-    }
-    return;
-};
-// Modify series extremes
-addEvent(Series, 'afterGetExtremes', function (e) {
-    var dataExtremes = e.dataExtremes;
-    if (this.modifyValue && dataExtremes) {
-        var extremes = [
-            this.modifyValue(dataExtremes.dataMin),
-            this.modifyValue(dataExtremes.dataMax)
-        ];
-        dataExtremes.dataMin = arrayMin(extremes);
-        dataExtremes.dataMax = arrayMax(extremes);
-    }
-});
-/**
- * Highcharts Stock only. Set the compare mode on all series
- * belonging to an Y axis after render time.
- *
- * @see [series.plotOptions.compare](https://api.highcharts.com/highstock/series.plotOptions.compare)
- *
- * @sample stock/members/axis-setcompare/
- *         Set compoare
- *
- * @function Highcharts.Axis#setCompare
- *
- * @param {string} [compare]
- *        The compare mode. Can be one of `null` (default), `"value"` or
- *        `"percent"`.
- *
- * @param {boolean} [redraw=true]
- *        Whether to redraw the chart or to wait for a later call to
- *        {@link Chart#redraw}.
- */
-Axis.prototype.setCompare = function (compare, redraw) {
-    if (!this.isXAxis) {
-        this.series.forEach(function (series) {
-            series.setCompare(compare);
-        });
-        if (pick(redraw, true)) {
-            this.chart.redraw();
-        }
-    }
-};
-/**
- * Extend the tooltip formatter by adding support for the point.change variable
- * as well as the changeDecimals option.
- *
- * @ignore
- * @function Highcharts.Point#tooltipFormatter
- *
- * @param {string} pointFormat
- */
-Point.prototype.tooltipFormatter = function (pointFormat) {
-    var point = this;
-    var numberFormatter = point.series.chart.numberFormatter;
-    pointFormat = pointFormat.replace('{point.change}', (point.change > 0 ? '+' : '') + numberFormatter(point.change, pick(point.series.tooltipOptions.changeDecimals, 2)));
-    return pointTooltipFormatter.apply(this, [pointFormat]);
-};
-/* ************************************************************************** *
- *  End value compare logic                                                   *
- * ************************************************************************** */
-// Extend the Series prototype to create a separate series clip box. This is
-// related to using multiple panes, and a future pane logic should incorporate
-// this feature (#2754).
-addEvent(Series, 'render', function () {
-    var chart = this.chart, clipHeight;
-    // Only do this on not 3d (#2939, #5904) nor polar (#6057) charts, and only
-    // if the series type handles clipping in the animate method (#2975).
-    if (!(chart.is3d && chart.is3d()) &&
-        !chart.polar &&
-        this.xAxis &&
-        !this.xAxis.isRadial && // Gauge, #6192
-        this.options.clip !== false // #15128
-    ) {
-        clipHeight = this.yAxis.len;
-        // Include xAxis line width (#8031) but only if the Y axis ends on the
-        // edge of the X axis (#11005).
-        if (this.xAxis.axisLine) {
-            var dist = chart.plotTop + chart.plotHeight -
-                this.yAxis.pos - this.yAxis.len, lineHeightCorrection = Math.floor(this.xAxis.axisLine.strokeWidth() / 2);
-            if (dist >= 0) {
-                clipHeight -= Math.max(lineHeightCorrection - dist, 0);
-            }
-        }
-        // First render, initial clip box. clipBox also needs to be updated if
-        // the series is rendered again before starting animating, in
-        // compliance with a responsive rule (#13858).
-        if (!chart.hasLoaded || (!this.clipBox && this.isDirty && !this.isDirtyData)) {
-            this.clipBox = this.clipBox || merge(chart.clipBox);
-            this.clipBox.width = this.xAxis.len;
-            this.clipBox.height = clipHeight;
-        }
-        if (chart.hasRendered) {
-            var animation = animObject(this.options.animation);
-            // #15435: this.sharedClipKey might not have been set yet, for
-            // example when updating the series, so we need to use this
-            // function instead
-            var sharedClipKey = this.getSharedClipKey(animation);
-            var clipRect = chart.sharedClips[sharedClipKey];
-            // On redrawing, resizing etc, update the clip rectangle.
-            //
-            // #15435: Update it even when we are creating/updating clipBox,
-            // since there could be series updating and pane size changes
-            // happening at the same time and we dont destroy shared clips in
-            // stock.
-            if (clipRect) {
-                // animate in case resize is done during initial animation
-                clipRect.animate({
-                    width: this.xAxis.len,
-                    height: clipHeight
-                });
-                var markerClipRect = chart.sharedClips[sharedClipKey + 'm'];
-                // also change markers clip animation for consistency
-                // (marker clip rects should exist only on chart init)
-                if (markerClipRect) {
-                    markerClipRect.animate({
-                        width: this.xAxis.len
-                    });
-                }
-            }
-        }
-    }
-});
 addEvent(Chart, 'update', function (e) {
     var options = e.options;
     // Use case: enabling scrollbar from a disabled state.
@@ -887,61 +655,3 @@ addEvent(Chart, 'update', function (e) {
  *
  * */
 export default StockChart;
-/* *
- *
- *  API Options
- *
- * */
-/**
- * Compare the values of the series against the first non-null, non-
- * zero value in the visible range. The y axis will show percentage
- * or absolute change depending on whether `compare` is set to `"percent"`
- * or `"value"`. When this is applied to multiple series, it allows
- * comparing the development of the series against each other. Adds
- * a `change` field to every point object.
- *
- * @see [compareBase](#plotOptions.series.compareBase)
- * @see [Axis.setCompare()](/class-reference/Highcharts.Axis#setCompare)
- *
- * @sample {highstock} stock/plotoptions/series-compare-percent/
- *         Percent
- * @sample {highstock} stock/plotoptions/series-compare-value/
- *         Value
- *
- * @type      {string}
- * @since     1.0.1
- * @product   highstock
- * @apioption plotOptions.series.compare
- */
-/**
- * Defines if comparison should start from the first point within the visible
- * range or should start from the first point **before** the range.
- *
- * In other words, this flag determines if first point within the visible range
- * will have 0% (`compareStart=true`) or should have been already calculated
- * according to the previous point (`compareStart=false`).
- *
- * @sample {highstock} stock/plotoptions/series-comparestart/
- *         Calculate compare within visible range
- *
- * @type      {boolean}
- * @default   false
- * @since     6.0.0
- * @product   highstock
- * @apioption plotOptions.series.compareStart
- */
-/**
- * When [compare](#plotOptions.series.compare) is `percent`, this option
- * dictates whether to use 0 or 100 as the base of comparison.
- *
- * @sample {highstock} stock/plotoptions/series-comparebase/
- *         Compare base is 100
- *
- * @type       {number}
- * @default    0
- * @since      5.0.6
- * @product    highstock
- * @validvalue [0, 100]
- * @apioption  plotOptions.series.compareBase
- */
-''; // keeps doclets above in transpiled file

package/es-modules/Core/Color/Palettes.js

@@ -0,0 +1,22 @@
+/**
+ * Series palettes for Highcharts. Series colors are defined in highcharts.scss.
+ * **Do not edit this file!** This file is generated using the 'gulp palette' task.
+ */
+var SeriesPalettes = {
+    /**
+     * Colors for data series and points.
+     */
+    colors: [
+        '#7cb5ec',
+        '#434348',
+        '#90ed7d',
+        '#f7a35c',
+        '#8085e9',
+        '#f15c80',
+        '#e4d354',
+        '#2b908f',
+        '#f45b5b',
+        '#91e8e1'
+    ]
+};
+export default SeriesPalettes;

package/es-modules/Core/DefaultOptions.js

@@ -13,7 +13,7 @@ import Color from './Color/Color.js';
 var color = Color.parse;
 import H from './Globals.js';
 var isTouchDevice = H.isTouchDevice, svg = H.svg;
-import palette from './Color/Palette.js';
+import Palettes from './Color/Palettes.js';
 import Time from './Time.js';
 import U from './Utilities.js';
 var merge = U.merge;
@@ -65,7 +65,7 @@ var defaultOptions = {
      * @default ["#7cb5ec", "#434348", "#90ed7d", "#f7a35c", "#8085e9",
      *          "#f15c80", "#e4d354", "#2b908f", "#f45b5b", "#91e8e1"]
      */
-    colors: palette.colors,
+    colors: Palettes.colors,
     /**
      * Styled mode only. Configuration object for adding SVG definitions for
      * reusable elements. See [gradients, shadows and
@@ -882,7 +882,7 @@ var defaultOptions = {
             /**
              * @ignore-option
              */
-            color: palette.neutralColor80
+            color: "#333333" /* neutralColor80 */
         }
     },
     /**
@@ -1162,7 +1162,7 @@ var defaultOptions = {
          *
          * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
          */
-        borderColor: palette.neutralColor40,
+        borderColor: "#999999" /* neutralColor40 */,
         /**
          * The border corner radius of the legend.
          *
@@ -1256,7 +1256,7 @@ var defaultOptions = {
              * @type  {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
              * @since 2.2.4
              */
-            activeColor: palette.highlightColor100,
+            activeColor: "#003399" /* highlightColor100 */,
             /**
              * The color of the inactive up or down arrow in the legend page
              * navigation. .
@@ -1272,7 +1272,7 @@ var defaultOptions = {
              * @type  {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
              * @since 2.2.4
              */
-            inactiveColor: palette.neutralColor20
+            inactiveColor: "#cccccc" /* neutralColor20 */
         },
         /**
          * The inner padding of the legend box.
@@ -1348,7 +1348,7 @@ var defaultOptions = {
             /**
              * @ignore
              */
-            color: palette.neutralColor80,
+            color: "#333333" /* neutralColor80 */,
             /**
              * @ignore
              */
@@ -1386,7 +1386,7 @@ var defaultOptions = {
             /**
              * @ignore
              */
-            color: palette.neutralColor100
+            color: "#000000" /* neutralColor100 */
         },
         /**
          * CSS styles for each legend item when the corresponding series or
@@ -1407,7 +1407,7 @@ var defaultOptions = {
             /**
              * @ignore
              */
-            color: palette.neutralColor20
+            color: "#cccccc" /* neutralColor20 */
         },
         /**
          * Whether to apply a drop shadow to the legend. A `backgroundColor`
@@ -1711,7 +1711,7 @@ var defaultOptions = {
             /**
              * @ignore
              */
-            backgroundColor: palette.backgroundColor,
+            backgroundColor: "#ffffff" /* backgroundColor */,
             /**
              * @ignore
              */
@@ -2054,11 +2054,13 @@ var defaultOptions = {
          * @apioption tooltip.xDateFormat
          */
         /**
-         * How many decimals to show for the `point.change` value when the
-         * `series.compare` option is set. This is overridable in each series'
-         * tooltip options object. The default is to preserve all decimals.
+         * How many decimals to show for the `point.change`
+         * or the `point.cumulativeSum` value when the `series.compare`
+         * or the `series.cumulative` option is set.
+         * This is overridable in each series' tooltip options object.
          *
          * @type      {number}
+         * @default   2
          * @since     1.0.1
          * @product   highstock
          * @apioption tooltip.changeDecimals
@@ -2096,7 +2098,7 @@ var defaultOptions = {
          * header will by default be guessed based on the closest data points.
          * This member gives the default string representations used for
          * each unit. For an overview of the replacement codes, see
-         * [dateFormat](/class-reference/Highcharts#.dateFormat).
+         * [dateFormat](/class-reference/Highcharts.Time#dateFormat).
          *
          * @see [xAxis.dateTimeLabelFormats](#xAxis.dateTimeLabelFormats)
          *
@@ -2300,7 +2302,7 @@ var defaultOptions = {
          *
          * @type {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
          */
-        backgroundColor: color(palette.neutralColor3)
+        backgroundColor: color("#f7f7f7" /* neutralColor3 */)
             // @todo: Disallow undefined as input for colors
             .setOpacity(0.85).get(),
         /**
@@ -2363,7 +2365,7 @@ var defaultOptions = {
          */
         style: {
             /** @internal */
-            color: palette.neutralColor80,
+            color: "#333333" /* neutralColor80 */,
             /** @internal */
             cursor: 'default',
             /** @internal */
@@ -2478,7 +2480,7 @@ var defaultOptions = {
             /** @internal */
             cursor: 'pointer',
             /** @internal */
-            color: palette.neutralColor40,
+            color: "#999999" /* neutralColor40 */,
             /** @internal */
             fontSize: '9px'
         },

package/es-modules/Core/Foundation.js

@@ -12,42 +12,50 @@ import U from './Utilities.js';
 var addEvent = U.addEvent, isFunction = U.isFunction, objectEach = U.objectEach, removeEvent = U.removeEvent;
 /* *
  *
- *  Functions
+ *  Class Namespace
  *
  * */
-/*
- * Register event options. If an event handler is set on the options, it should
- * be subject to Chart.update, Axis.update and Series.update. This is contrary
- * to general handlers that are set directly using addEvent either on the class
- * or on the instance. #6538, #6943, #10861.
- */
-var registerEventOptions = function (component, options) {
-    // A lookup over those events that are added by _options_ (not
-    // programmatically). These are updated through .update()
-    component.eventOptions = component.eventOptions || {};
-    // Register event listeners
-    objectEach(options.events, function (event, eventType) {
-        // If event does not exist, or is changed by the .update()
-        // function
-        if (component.eventOptions[eventType] !== event) {
-            // Remove existing if set by option
-            if (component.eventOptions[eventType]) {
-                removeEvent(component, eventType, component.eventOptions[eventType]);
-                delete component.eventOptions[eventType];
+var Foundation;
+(function (Foundation) {
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /* eslint-disable valid-jsdoc */
+    /**
+     * Register event options. If an event handler is set on the options, it
+     * should be subject to Chart.update, Axis.update and Series.update. This is
+     * contrary to general handlers that are set directly using addEvent either
+     * on the class or on the instance. #6538, #6943, #10861.
+     * @private
+     */
+    function registerEventOptions(component, options) {
+        // A lookup over those events that are added by _options_ (not
+        // programmatically). These are updated through .update()
+        component.eventOptions = component.eventOptions || {};
+        // Register event listeners
+        objectEach(options.events, function (event, eventType) {
+            // If event does not exist, or is changed by the .update()
+            // function
+            if (component.eventOptions[eventType] !== event) {
+                // Remove existing if set by option
+                if (component.eventOptions[eventType]) {
+                    removeEvent(component, eventType, component.eventOptions[eventType]);
+                    delete component.eventOptions[eventType];
+                }
+                if (isFunction(event)) {
+                    component.eventOptions[eventType] = event;
+                    addEvent(component, eventType, event);
+                }
             }
-            if (isFunction(event)) {
-                component.eventOptions[eventType] = event;
-                addEvent(component, eventType, event);
-            }
-        }
-    });
-};
+        });
+    }
+    Foundation.registerEventOptions = registerEventOptions;
+})(Foundation || (Foundation = {}));
 /* *
  *
  *  Default Export
  *
  * */
-var exports = {
-    registerEventOptions: registerEventOptions
-};
-export default exports;
+export default Foundation;

package/es-modules/Core/Globals.js

@@ -40,7 +40,7 @@ var Globals;
      *  Constants
      *
      * */
-    Globals.SVG_NS = 'http://www.w3.org/2000/svg', Globals.product = 'Highcharts', Globals.version = '9.2.2', Globals.win = w, Globals.doc = Globals.win.document, Globals.svg = (Globals.doc &&
+    Globals.SVG_NS = 'http://www.w3.org/2000/svg', Globals.product = 'Highcharts', Globals.version = '9.3.0', Globals.win = w, Globals.doc = Globals.win.document, Globals.svg = (Globals.doc &&
         Globals.doc.createElementNS &&
         !!Globals.doc.createElementNS(Globals.SVG_NS, 'svg').createSVGRect), Globals.userAgent = (Globals.win.navigator && Globals.win.navigator.userAgent) || '', Globals.isChrome = Globals.userAgent.indexOf('Chrome') !== -1, Globals.isFirefox = Globals.userAgent.indexOf('Firefox') !== -1, Globals.isMS = /(edge|msie|trident)/i.test(Globals.userAgent) && !Globals.win.opera, Globals.isSafari = !Globals.isChrome && Globals.userAgent.indexOf('Safari') !== -1, Globals.isTouchDevice = /(Mobile|Android|Windows Phone)/.test(Globals.userAgent), Globals.isWebKit = Globals.userAgent.indexOf('AppleWebKit') !== -1, Globals.deg2rad = Math.PI * 2 / 360, Globals.hasBidiBug = (Globals.isFirefox &&
         parseInt(Globals.userAgent.split('Firefox/')[1], 10) < 4 // issue #38

package/es-modules/Core/HttpUtilities.js

@@ -100,7 +100,7 @@ function ajax(attr) {
  *        function instead.
  */
 function getJSON(url, success) {
-    exports.ajax({
+    HttpUtilities.ajax({
         url: url,
         success: success,
         dataType: 'json',
@@ -153,12 +153,12 @@ function post(url, data, formAttributes) {
  *  Default Export
  *
  * */
-var exports = {
+var HttpUtilities = {
     ajax: ajax,
     getJSON: getJSON,
     post: post
 };
-export default exports;
+export default HttpUtilities;
 /**
  * @interface Highcharts.AjaxSettingsObject
  */ /**

package/es-modules/Core/Legend/Legend.js

@@ -916,10 +916,14 @@ var Legend = /** @class */ (function () {
                 if (lastY) {
                     allItems[i - 1].pageIx = len - 1;
                 }
-                if (i === allItems.length - 1 &&
+                // add the last page if needed (#2617, #13683)
+                if (
+                // check the last item
+                i === allItems.length - 1 &&
+                    // if adding next page is needed
                     y + h - pages[len - 1] > clipHeight &&
-                    y !== lastY // #2617
-                ) {
+                    // and will fully fit inside a new page
+                    h <= clipHeight) {
                     pages.push(y);
                     item.pageIx = len;
                 }