highcharts 8.1.0 → 8.2.2

package/es-modules/{parts-gantt → Core/Chart}/GanttChart.js

@@ -9,12 +9,11 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import H from '../parts/Globals.js';
-import U from '../parts/Utilities.js';
-var isArray = U.isArray, merge = U.merge, splat = U.splat;
-import './GanttSeries.js';
-var Chart = H.Chart;
+import Chart from './Chart.js';
+import H from '../Globals.js';
+import U from '../Utilities.js';
+var getOptions = U.getOptions, isArray = U.isArray, merge = U.merge, splat = U.splat;
+import '../../Series/GanttSeries.js';
 /**
  * Factory function for Gantt charts.
  *
@@ -47,7 +46,7 @@ var Chart = H.Chart;
  *         Returns the Chart object.
  */
 H.ganttChart = function (renderTo, options, callback) {
-    var hasRenderToArg = typeof renderTo === 'string' || renderTo.nodeName, seriesOptions = options.series, defaultOptions = H.getOptions(), defaultLinkedTo, userOptions = options;
+    var hasRenderToArg = typeof renderTo === 'string' || renderTo.nodeName, seriesOptions = options.series, defaultOptions = getOptions(), defaultLinkedTo, userOptions = options;
     options = arguments[hasRenderToArg ? 1 : 0];
     // If user hasn't defined axes as array, make it into an array and add a
     // second axis by default.
@@ -95,6 +94,13 @@ H.ganttChart = function (renderTo, options, callback) {
         },
         legend: {
             enabled: false
+        },
+        navigator: {
+            series: { type: 'gantt' },
+            // Bars were clipped, #14060.
+            yAxis: {
+                type: 'category'
+            }
         }
     }, options, // user's options
     // forced options
@@ -102,11 +108,6 @@ H.ganttChart = function (renderTo, options, callback) {
         isGantt: true
     });
     options.series = userOptions.series = seriesOptions;
-    options.series.forEach(function (series) {
-        series.data.forEach(function (point) {
-            H.seriesTypes.gantt.prototype.setGanttPointAliases(point);
-        });
-    });
     return hasRenderToArg ?
         new Chart(renderTo, options, callback) :
         new Chart(options, options); // @todo does not look correct

package/es-modules/{parts → Core/Chart}/StockChart.js

@@ -7,26 +7,25 @@
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-'use strict';
-import Axis from './Axis.js';
-import H from './Globals.js';
-import Point from './Point.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, format = U.format, isNumber = U.isNumber, isString = U.isString, merge = U.merge, pick = U.pick, splat = U.splat;
-import './Chart.js';
-import './Pointer.js';
-import './Series.js';
-import './SvgRenderer.js';
+import Axis from '../Axis/Axis.js';
+import Chart from '../Chart/Chart.js';
+import H from '../Globals.js';
+import LineSeries from '../../Series/LineSeries.js';
+import Point from '../Series/Point.js';
+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, format = U.format, getOptions = U.getOptions, 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
-import './Navigator.js';
+import '../Navigator.js';
 // Has a dependency on Scrollbar due to the use of
 // defaultOptions.scrollbar
-import './Scrollbar.js';
+import '../Scrollbar.js';
 // Has a dependency on RangeSelector due to the use of
 // defaultOptions.rangeSelector
-import './RangeSelector.js';
-var Chart = H.Chart, Renderer = H.Renderer, Series = H.Series, SVGRenderer = H.SVGRenderer, seriesProto = Series.prototype, seriesInit = seriesProto.init, seriesProcessData = seriesProto.processData, pointTooltipFormatter = Point.prototype.tooltipFormatter;
+import '../../Extensions/RangeSelector.js';
+var seriesProto = LineSeries.prototype, seriesInit = seriesProto.init, seriesProcessData = seriesProto.processData, pointTooltipFormatter = Point.prototype.tooltipFormatter;
 /**
  * Compare the values of the series against the first non-null, non-
  * zero value in the visible range. The y axis will show percentage
@@ -119,7 +118,7 @@ var Chart = H.Chart, Renderer = H.Renderer, Series = H.Series, SVGRenderer = H.S
 H.StockChart = H.stockChart = function (a, b, c) {
     var hasRenderToArg = isString(a) || a.nodeName, options = arguments[hasRenderToArg ? 1 : 0], userOptions = options, 
     // to increase performance, don't merge the data
-    seriesOptions = options.series, defaultOptions = H.getOptions(), opposite, 
+    seriesOptions = options.series, defaultOptions = getOptions(), opposite, 
     // Always disable startOnTick:true on the main axis when the navigator
     // is enabled (#1090)
     navigatorEnabled = pick(options.navigator && options.navigator.enabled, defaultOptions.navigator.enabled, true);
@@ -216,7 +215,7 @@ H.StockChart = H.stockChart = function (a, b, c) {
 };
 // Handle som Stock-specific series defaults, override the plotOptions before
 // series options are handled.
-addEvent(Series, 'setOptions', function (e) {
+addEvent(LineSeries, 'setOptions', function (e) {
     var overrides;
     if (this.chart.options.isStock) {
         if (this.is('column') || this.is('columnrange')) {
@@ -499,13 +498,15 @@ addEvent(Axis, 'afterDrawCrosshair', function (event) {
     });
     crossBox = crossLabel.getBBox();
     // now it is placed we can correct its position
-    if (horiz) {
-        if ((tickInside && !opposite) || (!tickInside && opposite)) {
-            posy = crossLabel.y - crossBox.height;
+    if (isNumber(crossLabel.y)) {
+        if (horiz) {
+            if ((tickInside && !opposite) || (!tickInside && opposite)) {
+                posy = crossLabel.y - crossBox.height;
+            }
+        }
+        else {
+            posy = crossLabel.y - (crossBox.height / 2);
         }
-    }
-    else {
-        posy = crossLabel.y - (crossBox.height / 2);
     }
     // check the edges
     if (horiz) {
@@ -642,7 +643,7 @@ seriesProto.processData = function (force) {
     return;
 };
 // Modify series extremes
-addEvent(Series, 'afterGetExtremes', function (e) {
+addEvent(LineSeries, 'afterGetExtremes', function (e) {
     var dataExtremes = e.dataExtremes;
     if (this.modifyValue && dataExtremes) {
         var extremes = [
@@ -703,7 +704,7 @@ Point.prototype.tooltipFormatter = function (pointFormat) {
 // 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 () {
+addEvent(LineSeries, '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).
@@ -723,7 +724,7 @@ addEvent(Series, 'render', function () {
             }
         }
         // First render, initial clip box
-        if (!this.clipBox && this.animate) {
+        if (!this.clipBox && !chart.hasRendered) {
             this.clipBox = merge(chart.clipBox);
             this.clipBox.width = this.xAxis.len;
             this.clipBox.height = clipHeight;

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

@@ -0,0 +1,419 @@
+/* *
+ *
+ *  (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 U from '../Utilities.js';
+var isNumber = U.isNumber, merge = U.merge, pInt = U.pInt;
+/**
+ * A valid color to be parsed and handled by Highcharts. Highcharts internally
+ * supports hex colors like `#ffffff`, rgb colors like `rgb(255,255,255)` and
+ * rgba colors like `rgba(255,255,255,1)`. Other colors may be supported by the
+ * browsers and displayed correctly, but Highcharts is not able to process them
+ * and apply concepts like opacity and brightening.
+ *
+ * @typedef {string} Highcharts.ColorString
+ */
+/**
+ * A valid color type than can be parsed and handled by Highcharts. It can be a
+ * color string, a gradient object, or a pattern object.
+ *
+ * @typedef {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject} Highcharts.ColorType
+ */
+/**
+ * Gradient options instead of a solid color.
+ *
+ * @example
+ * // Linear gradient used as a color option
+ * color: {
+ *     linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
+ *     stops: [
+ *         [0, '#003399'], // start
+ *         [0.5, '#ffffff'], // middle
+ *         [1, '#3366AA'] // end
+ *     ]
+ * }
+ *
+ * @interface Highcharts.GradientColorObject
+ */ /**
+* Holds an object that defines the start position and the end position relative
+* to the shape.
+* @name Highcharts.GradientColorObject#linearGradient
+* @type {Highcharts.LinearGradientColorObject|undefined}
+*/ /**
+* Holds an object that defines the center position and the radius.
+* @name Highcharts.GradientColorObject#radialGradient
+* @type {Highcharts.RadialGradientColorObject|undefined}
+*/ /**
+* The first item in each tuple is the position in the gradient, where 0 is the
+* start of the gradient and 1 is the end of the gradient. Multiple stops can be
+* applied. The second item is the color for each stop. This color can also be
+* given in the rgba format.
+* @name Highcharts.GradientColorObject#stops
+* @type {Array<Highcharts.GradientColorStopObject>}
+*/
+/**
+ * Color stop tuple.
+ *
+ * @see Highcharts.GradientColorObject
+ *
+ * @interface Highcharts.GradientColorStopObject
+ */ /**
+* @name Highcharts.GradientColorStopObject#0
+* @type {number}
+*/ /**
+* @name Highcharts.GradientColorStopObject#1
+* @type {Highcharts.ColorString}
+*/ /**
+* @name Highcharts.GradientColorStopObject#color
+* @type {Highcharts.Color|undefined}
+*/
+/**
+ * Defines the start position and the end position for a gradient relative
+ * to the shape. Start position (x1, y1) and end position (x2, y2) are relative
+ * to the shape, where 0 means top/left and 1 is bottom/right.
+ *
+ * @interface Highcharts.LinearGradientColorObject
+ */ /**
+* Start horizontal position of the gradient. Float ranges 0-1.
+* @name Highcharts.LinearGradientColorObject#x1
+* @type {number}
+*/ /**
+* End horizontal position of the gradient. Float ranges 0-1.
+* @name Highcharts.LinearGradientColorObject#x2
+* @type {number}
+*/ /**
+* Start vertical position of the gradient. Float ranges 0-1.
+* @name Highcharts.LinearGradientColorObject#y1
+* @type {number}
+*/ /**
+* End vertical position of the gradient. Float ranges 0-1.
+* @name Highcharts.LinearGradientColorObject#y2
+* @type {number}
+*/
+/**
+ * Defines the center position and the radius for a gradient.
+ *
+ * @interface Highcharts.RadialGradientColorObject
+ */ /**
+* Center horizontal position relative to the shape. Float ranges 0-1.
+* @name Highcharts.RadialGradientColorObject#cx
+* @type {number}
+*/ /**
+* Center vertical position relative to the shape. Float ranges 0-1.
+* @name Highcharts.RadialGradientColorObject#cy
+* @type {number}
+*/ /**
+* Radius relative to the shape. Float ranges 0-1.
+* @name Highcharts.RadialGradientColorObject#r
+* @type {number}
+*/
+''; // detach doclets above
+/* *
+ *
+ *  Class
+ *
+ * */
+/* eslint-disable no-invalid-this, valid-jsdoc */
+/**
+ * Handle color operations. Some object methods are chainable.
+ *
+ * @class
+ * @name Highcharts.Color
+ *
+ * @param {Highcharts.ColorType} input
+ * The input color in either rbga or hex format
+ */
+var Color = /** @class */ (function () {
+    /* *
+     *
+     *  Constructors
+     *
+     * */
+    function Color(input) {
+        // Collection of parsers. This can be extended from the outside by pushing
+        // parsers to Highcharts.Color.prototype.parsers.
+        this.parsers = [{
+                // RGBA color
+                // eslint-disable-next-line max-len
+                regex: /rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]?(?:\.[0-9]+)?)\s*\)/,
+                parse: function (result) {
+                    return [
+                        pInt(result[1]),
+                        pInt(result[2]),
+                        pInt(result[3]),
+                        parseFloat(result[4], 10)
+                    ];
+                }
+            }, {
+                // RGB color
+                regex: /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/,
+                parse: function (result) {
+                    return [pInt(result[1]), pInt(result[2]), pInt(result[3]), 1];
+                }
+            }];
+        this.rgba = [];
+        // Backwards compatibility, allow class overwrite
+        if (H.Color !== Color) {
+            return new H.Color(input);
+        }
+        // Backwards compatibility, allow instanciation without new (#13053)
+        if (!(this instanceof Color)) {
+            return new Color(input);
+        }
+        this.init(input);
+    }
+    /* *
+     *
+     *  Static Functions
+     *
+     * */
+    /**
+     * Creates a color instance out of a color string or object.
+     *
+     * @function Highcharts.Color.parse
+     *
+     * @param {Highcharts.ColorType} input
+     * The input color in either rbga or hex format.
+     *
+     * @return {Highcharts.Color}
+     * Color instance.
+     */
+    Color.parse = function (input) {
+        return new Color(input);
+    };
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /**
+     * Parse the input color to rgba array
+     *
+     * @private
+     * @function Highcharts.Color#init
+     *
+     * @param {Highcharts.ColorType} input
+     *        The input color in either rbga or hex format
+     *
+     * @return {void}
+     */
+    Color.prototype.init = function (input) {
+        var result, rgba, i, parser, len;
+        this.input = input = Color.names[input && input.toLowerCase ?
+            input.toLowerCase() :
+            ''] || input;
+        // Gradients
+        if (input && input.stops) {
+            this.stops = input.stops.map(function (stop) {
+                return new Color(stop[1]);
+            });
+            // Solid colors
+        }
+        else {
+            // Bitmasking as input[0] is not working for legacy IE.
+            if (input &&
+                input.charAt &&
+                input.charAt() === '#') {
+                len = input.length;
+                input = parseInt(input.substr(1), 16);
+                // Handle long-form, e.g. #AABBCC
+                if (len === 7) {
+                    rgba = [
+                        (input & 0xFF0000) >> 16,
+                        (input & 0xFF00) >> 8,
+                        (input & 0xFF),
+                        1
+                    ];
+                    // Handle short-form, e.g. #ABC
+                    // In short form, the value is assumed to be the same
+                    // for both nibbles for each component. e.g. #ABC = #AABBCC
+                }
+                else if (len === 4) {
+                    rgba = [
+                        (((input & 0xF00) >> 4) |
+                            (input & 0xF00) >> 8),
+                        (((input & 0xF0) >> 4) |
+                            (input & 0xF0)),
+                        ((input & 0xF) << 4) | (input & 0xF),
+                        1
+                    ];
+                }
+            }
+            // Otherwise, check regex parsers
+            if (!rgba) {
+                i = this.parsers.length;
+                while (i-- && !rgba) {
+                    parser = this.parsers[i];
+                    result = parser.regex.exec(input);
+                    if (result) {
+                        rgba = parser.parse(result);
+                    }
+                }
+            }
+        }
+        this.rgba = rgba || [];
+    };
+    /**
+     * Return the color or gradient stops in the specified format
+     *
+     * @function Highcharts.Color#get
+     *
+     * @param {string} [format]
+     *        Possible values are 'a', 'rgb', 'rgba' (default).
+     *
+     * @return {Highcharts.ColorType}
+     *         This color as a string or gradient stops.
+     */
+    Color.prototype.get = function (format) {
+        var input = this.input, rgba = this.rgba, ret;
+        if (typeof this.stops !== 'undefined') {
+            ret = merge(input);
+            ret.stops = [].concat(ret.stops);
+            this.stops.forEach(function (stop, i) {
+                ret.stops[i] = [
+                    ret.stops[i][0],
+                    stop.get(format)
+                ];
+            });
+            // it's NaN if gradient colors on a column chart
+        }
+        else if (rgba && isNumber(rgba[0])) {
+            if (format === 'rgb' || (!format && rgba[3] === 1)) {
+                ret = 'rgb(' + rgba[0] + ',' + rgba[1] + ',' + rgba[2] + ')';
+            }
+            else if (format === 'a') {
+                ret = rgba[3];
+            }
+            else {
+                ret = 'rgba(' + rgba.join(',') + ')';
+            }
+        }
+        else {
+            ret = input;
+        }
+        return ret;
+    };
+    /**
+     * Brighten the color instance.
+     *
+     * @function Highcharts.Color#brighten
+     *
+     * @param {number} alpha
+     *        The alpha value.
+     *
+     * @return {Highcharts.Color}
+     *         This color with modifications.
+     */
+    Color.prototype.brighten = function (alpha) {
+        var i, rgba = this.rgba;
+        if (this.stops) {
+            this.stops.forEach(function (stop) {
+                stop.brighten(alpha);
+            });
+        }
+        else if (isNumber(alpha) && alpha !== 0) {
+            for (i = 0; i < 3; i++) {
+                rgba[i] += pInt(alpha * 255);
+                if (rgba[i] < 0) {
+                    rgba[i] = 0;
+                }
+                if (rgba[i] > 255) {
+                    rgba[i] = 255;
+                }
+            }
+        }
+        return this;
+    };
+    /**
+     * Set the color's opacity to a given alpha value.
+     *
+     * @function Highcharts.Color#setOpacity
+     *
+     * @param {number} alpha
+     *        Opacity between 0 and 1.
+     *
+     * @return {Highcharts.Color}
+     *         Color with modifications.
+     */
+    Color.prototype.setOpacity = function (alpha) {
+        this.rgba[3] = alpha;
+        return this;
+    };
+    /**
+     * Return an intermediate color between two colors.
+     *
+     * @function Highcharts.Color#tweenTo
+     *
+     * @param {Highcharts.Color} to
+     *        The color object to tween to.
+     *
+     * @param {number} pos
+     *        The intermediate position, where 0 is the from color (current
+     *        color item), and 1 is the `to` color.
+     *
+     * @return {Highcharts.ColorString}
+     *         The intermediate color in rgba notation.
+     */
+    Color.prototype.tweenTo = function (to, pos) {
+        // Check for has alpha, because rgba colors perform worse due to lack of
+        // support in WebKit.
+        var fromRgba = this.rgba, toRgba = to.rgba, hasAlpha, ret;
+        // Unsupported color, return to-color (#3920, #7034)
+        if (!toRgba.length || !fromRgba || !fromRgba.length) {
+            ret = to.input || 'none';
+            // Interpolate
+        }
+        else {
+            hasAlpha = (toRgba[3] !== 1 || fromRgba[3] !== 1);
+            ret = (hasAlpha ? 'rgba(' : 'rgb(') +
+                Math.round(toRgba[0] + (fromRgba[0] - toRgba[0]) * (1 - pos)) +
+                ',' +
+                Math.round(toRgba[1] + (fromRgba[1] - toRgba[1]) * (1 - pos)) +
+                ',' +
+                Math.round(toRgba[2] + (fromRgba[2] - toRgba[2]) * (1 - pos)) +
+                (hasAlpha ?
+                    (',' +
+                        (toRgba[3] + (fromRgba[3] - toRgba[3]) * (1 - pos))) :
+                    '') +
+                ')';
+        }
+        return ret;
+    };
+    /* *
+     *
+     *  Static Properties
+     *
+     * */
+    // Collection of named colors. Can be extended from the outside by adding
+    // colors to Highcharts.Color.names.
+    Color.names = {
+        white: '#ffffff',
+        black: '#000000'
+    };
+    return Color;
+}());
+H.Color = Color;
+/**
+ * Creates a color instance out of a color string.
+ *
+ * @function Highcharts.color
+ *
+ * @param {Highcharts.ColorType} input
+ *        The input color in either rbga or hex format
+ *
+ * @return {Highcharts.Color}
+ *         Color instance
+ */
+H.color = Color.parse;
+/* *
+ *
+ *  Export
+ *
+ * */
+export default Color;

package/es-modules/Core/Color/ColorType.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/{parts → Core}/Color.js

@@ -69,7 +69,7 @@ import H from './Globals.js';
 * @name Highcharts.GradientColorStopObject#1
 * @type {Highcharts.ColorString}
 */ /**
-* @name Highcharts.GradoentColorStopObject#color
+* @name Highcharts.GradientColorStopObject#color
 * @type {Highcharts.Color|undefined}
 */
 /**