highcharts 9.3.1 → 9.3.2

package/es-modules/Extensions/Themes/BrandLight.js

@@ -0,0 +1,259 @@
+/* *
+ *
+ *   (c) 2010-2021 Highsoft AS
+ *
+ *  Author: Nancy Dillon
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  Light theme based on Highcharts brand system
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+import D from '../../Core/DefaultOptions.js';
+var setOptions = D.setOptions;
+import U from '../../Core/Utilities.js';
+var createElement = U.createElement;
+/* *
+ *
+ *  Theme
+ *
+ * */
+var BrandLightTheme;
+(function (BrandLightTheme) {
+    /* *
+     *
+     *  Constants
+     *
+     * */
+    BrandLightTheme.options = {
+        colors: ['#8087E8', '#A3EDBA', '#F19E53', '#6699A1',
+            '#E1D369', '#87B4E7', '#DA6D85', '#BBBAC5'],
+        chart: {
+            backgroundColor: '#f0f0f0',
+            style: {
+                fontFamily: 'IBM Plex Sans, sans-serif'
+            }
+        },
+        title: {
+            style: {
+                fontSize: '22px',
+                fontWeight: '500',
+                color: '#2F2B38'
+            }
+        },
+        subtitle: {
+            style: {
+                fontSize: '16px',
+                fontWeight: '400',
+                color: '#2F2B38'
+            }
+        },
+        tooltip: {
+            borderWidth: 0,
+            backgroundColor: '#46465C',
+            style: {
+                color: '#f0f0f0'
+            },
+            shadow: true
+        },
+        legend: {
+            backgroundColor: '#f0f0f0',
+            borderColor: '#BBBAC5',
+            borderWidth: 1,
+            borderRadius: 2,
+            itemStyle: {
+                fontWeight: '400',
+                fontSize: '12px',
+                color: '#2F2B38'
+            },
+            itemHoverStyle: {
+                fontWeight: '700',
+                color: '#46465C'
+            }
+        },
+        navigation: {
+            buttonOptions: {
+                symbolStroke: '#2F2B38',
+                theme: {
+                    fill: '#fff',
+                    states: {
+                        hover: {
+                            stroke: '#46465C',
+                            fill: '#fff'
+                        },
+                        select: {
+                            stroke: '#46465C',
+                            fill: '#fff'
+                        }
+                    }
+                }
+            }
+        },
+        labels: {
+            style: {
+                color: '#46465C'
+            }
+        },
+        credits: {
+            style: {
+                color: '#46465C'
+            }
+        },
+        drilldown: {
+            activeAxisLabelStyle: {
+                color: '#2F2B38'
+            },
+            activeDataLabelStyle: {
+                color: '#2F2B38'
+            },
+            drillUpButton: {
+                theme: {
+                    fill: '#2F2B38',
+                    style: {
+                        color: '#fff'
+                    }
+                }
+            }
+        },
+        xAxis: {
+            gridLineColor: '#ccc',
+            labels: {
+                style: {
+                    color: '#46465C',
+                    fontSize: '12px'
+                }
+            },
+            lineColor: '#ccc',
+            minorGridLineColor: '#ebebeb',
+            tickColor: '#ccc',
+            title: {
+                style: {
+                    color: '#2F2B38'
+                }
+            }
+        },
+        yAxis: {
+            gridLineColor: '#ccc',
+            labels: {
+                style: {
+                    color: '#46465C',
+                    fontSize: '12px'
+                }
+            },
+            lineColor: '#ccc',
+            minorGridLineColor: '#ebebeb',
+            tickColor: '#ccc',
+            tickWidth: 1,
+            title: {
+                style: {
+                    color: '#2F2B38',
+                    fontWeight: '300'
+                }
+            }
+        },
+        // scroll charts
+        rangeSelector: {
+            buttonTheme: {
+                fill: '#fff',
+                style: {
+                    color: '#46465C',
+                    stroke: 'transparent'
+                },
+                states: {
+                    hover: {
+                        fill: '#fff',
+                        style: {
+                            color: '#46465C'
+                        },
+                        'stroke-width': 1,
+                        stroke: '#46465C'
+                    },
+                    select: {
+                        fill: '#fff',
+                        style: {
+                            color: '#46465C'
+                        },
+                        'stroke-width': 1,
+                        stroke: '#46465C'
+                    }
+                }
+            },
+            inputBoxBorderColor: '#BBBAC5',
+            inputStyle: {
+                backgroundColor: '#fff',
+                color: '#46465C'
+            },
+            labelStyle: {
+                color: '#46465C'
+            }
+        },
+        scrollbar: {
+            barBackgroundColor: '#BBBAC5',
+            barBorderColor: '#808083',
+            buttonArrowColor: '#fff',
+            buttonBackgroundColor: '#BBBAC5',
+            buttonBorderColor: '#46465C',
+            rifleColor: '#FFF',
+            trackBackgroundColor: '#dedede',
+            trackBorderColor: '#BBBAC5'
+        },
+        plotOptions: {
+            series: {
+                borderWidth: 1,
+                borderColor: '#BBBAC5',
+                dataLabels: {
+                    color: '#46465C',
+                    style: {
+                        fontSize: '13px'
+                    }
+                },
+                marker: {
+                    lineColor: '#46465C'
+                }
+            },
+            boxplot: {
+                fillColor: '#505053'
+            },
+            candlestick: {
+                lineColor: null,
+                upColor: '#DA6D85',
+                upLineColor: '#DA6D85'
+            },
+            errorbar: {
+                color: 'white'
+            },
+            map: {
+                borderColor: 'rgba(200, 200, 200, 0.3)',
+                nullColor: 'rgba(200, 200, 200, 0.3)'
+            }
+        }
+    };
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /**
+     * Apply the theme.
+     */
+    function apply() {
+        // Load the fonts
+        createElement('link', {
+            href: 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:200,300,400,600,700',
+            rel: 'stylesheet',
+            type: 'text/css'
+        }, null, document.getElementsByTagName('head')[0]);
+        // Apply the theme
+        setOptions(BrandLightTheme.options);
+    }
+    BrandLightTheme.apply = apply;
+})(BrandLightTheme || (BrandLightTheme = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default BrandLightTheme;

package/es-modules/Extensions/Themes/DarkUnica.js

@@ -27,8 +27,10 @@ var DarkUnicaTheme;
      *
      * */
     DarkUnicaTheme.options = {
-        colors: ['#2b908f', '#90ee7e', '#f45b5b', '#7798BF', '#aaeeee', '#ff0066',
-            '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'],
+        colors: [
+            '#2b908f', '#90ee7e', '#f45b5b', '#7798BF', '#aaeeee', '#ff0066',
+            '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'
+        ],
         chart: {
             backgroundColor: {
                 linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },

package/es-modules/Extensions/Themes/Grid.js

@@ -25,8 +25,10 @@ var GridTheme;
      *
      * */
     GridTheme.options = {
-        colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572',
-            '#FF9655', '#FFF263', '#6AF9C4'],
+        colors: [
+            '#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572',
+            '#FF9655', '#FFF263', '#6AF9C4'
+        ],
         chart: {
             backgroundColor: {
                 linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },

package/es-modules/Extensions/Themes/GridLight.js

@@ -27,8 +27,10 @@ var GridLightTheme;
      *
      * */
     GridLightTheme.options = {
-        colors: ['#7cb5ec', '#f7a35c', '#90ee7e', '#7798BF', '#aaeeee', '#ff0066',
-            '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'],
+        colors: [
+            '#7cb5ec', '#f7a35c', '#90ee7e', '#7798BF', '#aaeeee', '#ff0066',
+            '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'
+        ],
         chart: {
             backgroundColor: null,
             style: {

package/es-modules/Gantt/Connection.js

@@ -758,11 +758,11 @@ extend(Point.prototype, /** @lends Point.prototype */ {
      *        The radius of the marker, to calculate the additional distance to
      *        the center of the marker.
      *
-     * @param {object} anchor
+     * @param {Object} anchor
      *        The anchor point of the path and marker as an object with x/y
      *        properties.
      *
-     * @return {object}
+     * @return {Object}
      *         The marker vector as an object with x/y properties.
      */
     getMarkerVector: function (radians, markerRadius, anchor) {

package/es-modules/Gantt/Pathfinder.js

@@ -448,7 +448,8 @@ var Pathfinder = /** @class */ (function () {
                     // For Gantt series the connect could be
                     // defined as a dependency
                     if (ganttPointOptions && ganttPointOptions.dependency) {
-                        ganttPointOptions.connect = ganttPointOptions.dependency;
+                        ganttPointOptions.connect = ganttPointOptions
+                            .dependency;
                     }
                     var to, connects = (point.options &&
                         point.options.connect &&
@@ -548,7 +549,7 @@ var Pathfinder = /** @class */ (function () {
      *
      * @function Highcharts.Pathfinder#getChartObstacles
      *
-     * @param {object} options
+     * @param {Object} options
      *        Options for the calculation. Currenlty only
      *        options.algorithmMargin.
      *
@@ -604,7 +605,7 @@ var Pathfinder = /** @class */ (function () {
      * @param {Array<object>} obstacles
      *        An array of obstacles to inspect.
      *
-     * @return {object}
+     * @return {Object}
      *         The calculated metrics, as an object with maxHeight and maxWidth
      *         properties.
      */
@@ -728,11 +729,11 @@ extend(Point.prototype, /** @lends Point.prototype */ {
      *        The radius of the marker, to calculate the additional distance to
      *        the center of the marker.
      *
-     * @param {object} anchor
+     * @param {Object} anchor
      *        The anchor point of the path and marker as an object with x/y
      *        properties.
      *
-     * @return {object}
+     * @return {Object}
      *         The marker vector as an object with x/y properties.
      */
     getMarkerVector: function (radians, markerRadius, anchor) {

package/es-modules/Gantt/PathfinderAlgorithms.js

@@ -57,7 +57,7 @@ function findLastObstacleBefore(obstacles, xMin, startIx) {
  * @private
  * @function pointWithinObstacle
  *
- * @param {object} obstacle
+ * @param {Object} obstacle
  *        Obstacle to test.
  *
  * @param {Highcharts.Point} point
@@ -128,10 +128,10 @@ function pathFromSegments(segments) {
  * @private
  * @function limitObstacleToBounds
  *
- * @param {object} obstacle
+ * @param {Object} obstacle
  *        Obstacle to limit.
  *
- * @param {object} bounds
+ * @param {Object} bounds
  *        Bounds to use as limit.
  *
  * @return {void}
@@ -154,7 +154,7 @@ function limitObstacleToBounds(obstacle, bounds) {
  * @param {Highcharts.PositionObject} end
  *        Ending coordinate, object with x/y props.
  *
- * @return {object}
+ * @return {Object}
  *         An object with the SVG path in Array form as accepted by the SVG
  *         renderer, as well as an array of new obstacles making up this
  *         path.
@@ -181,14 +181,14 @@ function straight(start, end) {
  * @param {Highcharts.PositionObject} end
  *        Ending coordinate, object with x/y props.
  *
- * @param {object} options
+ * @param {Object} options
  *        Options for the algorithm:
  *        - chartObstacles: Array of chart obstacles to avoid
  *        - startDirectionX: Optional. True if starting in the X direction.
  *          If not provided, the algorithm starts in the direction that is
  *          the furthest between start/end.
  *
- * @return {object}
+ * @return {Object}
  *         An object with the SVG path in Array form as accepted by the SVG
  *         renderer, as well as an array of new obstacles making up this
  *         path.
@@ -296,7 +296,7 @@ simpleConnect.requiresObstacles = true;
  * @param {Highcharts.PositionObject} end
  *        Ending coordinate, object with x/y props.
  *
- * @param {object} options
+ * @param {Object} options
  *        Options for the algorithm.
  *        - chartObstacles:  Array of chart obstacles to avoid
  *        - lineObstacles:   Array of line obstacles to jump over
@@ -308,7 +308,7 @@ simpleConnect.requiresObstacles = true;
  *                           direction that is the furthest between
  *                           start/end.
  *
- * @return {object}
+ * @return {Object}
  *         An object with the SVG path in Array form as accepted by the SVG
  *         renderer, as well as an array of new obstacles making up this
  *         path.
@@ -414,19 +414,19 @@ var fastAvoid = function (start, end, options) {
      * @private
      * @function
      *
-     * @param {object} obstacle
+     * @param {Object} obstacle
      *        Obstacle to dodge/escape.
      *
-     * @param {object} fromPoint
+     * @param {Object} fromPoint
      *        Point with x/y props that's dodging/escaping.
      *
-     * @param {object} toPoint
+     * @param {Object} toPoint
      *        Goal point.
      *
      * @param {boolean} dirIsX
      *        Dodge in X dimension.
      *
-     * @param {object} bounds
+     * @param {Object} bounds
      *        Hard and soft boundaries.
      *
      * @return {boolean}

package/es-modules/Maps/MapNavigation.js

@@ -12,7 +12,7 @@ import Chart from '../Core/Chart/Chart.js';
 import H from '../Core/Globals.js';
 var doc = H.doc;
 import U from '../Core/Utilities.js';
-var addEvent = U.addEvent, extend = U.extend, merge = U.merge, objectEach = U.objectEach, pick = U.pick;
+var addEvent = U.addEvent, extend = U.extend, isNumber = U.isNumber, merge = U.merge, objectEach = U.objectEach, pick = U.pick;
 import './MapNavigationOptionsDefault.js';
 /* eslint-disable no-invalid-this, valid-jsdoc */
 /**
@@ -164,8 +164,8 @@ MapNavigation.prototype.updateEvents = function (options) {
         this.unbindMouseWheel = this.unbindMouseWheel || addEvent(chart.container, doc.onwheel !== void 0 ? 'wheel' : // Newer Firefox
             doc.onmousewheel !== void 0 ? 'mousewheel' :
                 'DOMMouseScroll', function (e) {
-            // Prevent scrolling when the pointer is over the element
-            // with that class, for example anotation popup #12100.
+            // Prevent scrolling when the pointer is over the element with
+            // that class, for example anotation popup #12100.
             if (!chart.pointer.inClass(e.target, 'highcharts-no-mousewheel')) {
                 chart.pointer.onContainerMouseWheel(e);
                 // Issue #5011, returning false from non-jQuery event does
@@ -253,17 +253,16 @@ extend(Chart.prototype, /** @lends Chart.prototype */ {
      *        Keep this chart position stationary if possible.
      *
      * @deprecated
-     * @return {void}
      */
     mapZoom: function (howMuch, xProjected, yProjected, chartX, chartY) {
         if (this.mapView) {
-            if (typeof howMuch === 'number') {
+            if (isNumber(howMuch)) {
                 // Compliance, mapView.zoomBy uses different values
                 howMuch = Math.log(howMuch) / Math.log(0.5);
             }
-            this.mapView.zoomBy(howMuch, typeof xProjected === 'number' && typeof yProjected === 'number' ?
+            this.mapView.zoomBy(howMuch, isNumber(xProjected) && isNumber(yProjected) ?
                 this.mapView.projection.inverse([xProjected, yProjected]) :
-                void 0, typeof chartX === 'number' && typeof chartY === 'number' ?
+                void 0, isNumber(chartX) && isNumber(chartY) ?
                 [chartX, chartY] :
                 void 0);
         }

package/es-modules/Maps/MapPointer.js

@@ -54,7 +54,8 @@ extend(Pointer.prototype, {
             }, 50);
         }
         if (totalWheelDelta < 10 && chart.isInsidePlot(e.chartX - chart.plotLeft, e.chartY - chart.plotTop) && chart.mapView) {
-            chart.mapView.zoomBy((chart.options.mapNavigation.mouseWheelSensitivity - 1) * -delta, void 0, [e.chartX, e.chartY], 
+            chart.mapView.zoomBy((chart.options.mapNavigation.mouseWheelSensitivity -
+                1) * -delta, void 0, [e.chartX, e.chartY], 
             // Delta less than 1 indicates stepless/trackpad zooming, avoid
             // animation delaying the zoom
             Math.abs(delta) < 1 ? false : void 0);

package/es-modules/Maps/MapSymbols.js

@@ -30,15 +30,35 @@ function selectiveRoundedRect(x, y, w, h, rTopLeft, rTopRight, rBottomRight, rBo
         // top side
         ['L', x + w - rTopRight, y],
         // top right corner
-        ['C', x + w - rTopRight / 2, y, x + w, y + rTopRight / 2, x + w, y + rTopRight],
+        [
+            'C',
+            x + w - rTopRight / 2,
+            y,
+            x + w,
+            y + rTopRight / 2,
+            x + w,
+            y + rTopRight
+        ],
         // right side
         ['L', x + w, y + h - rBottomRight],
         // bottom right corner
-        ['C', x + w, y + h - rBottomRight / 2, x + w - rBottomRight / 2, y + h, x + w - rBottomRight, y + h],
+        [
+            'C', x + w, y + h - rBottomRight / 2,
+            x + w - rBottomRight / 2, y + h,
+            x + w - rBottomRight, y + h
+        ],
         // bottom side
         ['L', x + rBottomLeft, y + h],
         // bottom left corner
-        ['C', x + rBottomLeft / 2, y + h, x, y + h - rBottomLeft / 2, x, y + h - rBottomLeft],
+        [
+            'C',
+            x + rBottomLeft / 2,
+            y + h,
+            x,
+            y + h - rBottomLeft / 2,
+            x,
+            y + h - rBottomLeft
+        ],
         // left side
         ['L', x, y + rTopLeft],
         // top left corner

package/es-modules/Maps/MapViewOptionsDefault.js

@@ -67,7 +67,7 @@ var defaultOptions = {
      * which in practice can be used for example to render a world map with the
      * Americas centered (`[90, 0]`), or to rotate an orthographic projection.
      *
-     * @type   {object}
+     * @type   {Object}
      * @sample {highmaps} maps/demo/topojson-projection
      *         Orthographic projection
      */

package/es-modules/Series/Area/AreaSeries.js

@@ -175,7 +175,9 @@ var AreaSeries = /** @class */ (function (_super) {
             }
             isNull = points[i].isNull;
             plotX = pick(points[i].rectPlotX, points[i].plotX);
-            yBottom = stacking ? pick(points[i].yBottom, translatedThreshold) : translatedThreshold;
+            yBottom = stacking ?
+                pick(points[i].yBottom, translatedThreshold) :
+                translatedThreshold;
             if (!isNull || connectNulls) {
                 if (!connectNulls) {
                     addDummyPoints(i, i - 1, 'left');
@@ -264,24 +266,22 @@ var AreaSeries = /** @class */ (function (_super) {
                                 var si = yAxisSeries[i].index;
                                 stackPoint = otherStack.points[si];
                                 if (!stackPoint) {
-                                    // If the next point in this series
-                                    // is missing, mark the point
-                                    // with point.leftNull or
-                                    // point.rightNull = true.
+                                    // If the next point in this series is
+                                    // missing, mark the point with
+                                    // point.leftNull or point.rightNull = true.
                                     if (si === series.index) {
                                         pointMap[x][nullName] = true;
-                                        // If there are missing points in
-                                        // the next stack in any of the
-                                        // series below this one, we need
-                                        // to substract the missing values
-                                        // and add a hiatus to the left or
+                                        // If there are missing points in the next
+                                        // stack in any of the series below this
+                                        // one, we need to substract the missing
+                                        // values and add a hiatus to the left or
                                         // right.
                                     }
                                     else if (visibleSeries_1[i]) {
-                                        stackedValues =
-                                            stack[x].points[si];
+                                        stackedValues = stack[x].points[si];
                                         if (stackedValues) {
-                                            cliff -= stackedValues[1] - stackedValues[0];
+                                            cliff -= (stackedValues[1] -
+                                                stackedValues[0]);
                                         }
                                     }
                                 }

package/es-modules/Series/Area3DSeries.js

@@ -28,7 +28,8 @@ wrap(AreaSeriesClass.prototype, 'getGraphPath', function (proceed) {
         for (var i_1 = 0; i_1 < series.points.length; i_1++) {
             bottomPoints.push({
                 x: series.rawPointsX[i_1],
-                y: options.stacking ? series.points[i_1].yBottom : translatedThreshold,
+                y: options.stacking ?
+                    series.points[i_1].yBottom : translatedThreshold,
                 z: series.zPadding
             });
         }
@@ -60,7 +61,8 @@ wrap(AreaSeriesClass.prototype, 'getGraphPath', function (proceed) {
     if (series.areaPath) {
         // Remove previously used bottomPath and add the new one.
         areaPath = series.areaPath.splice(0, series.areaPath.length / 2).concat(bottomPath);
-        areaPath.xMap = series.areaPath.xMap; // Use old xMap in the new areaPath
+        // Use old xMap in the new areaPath
+        areaPath.xMap = series.areaPath.xMap;
         series.areaPath = areaPath;
         graphPath = getGraphPath.call(series, graphPoints, false, connectNulls);
     }