highcharts 9.2.2 → 9.3.3

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

@@ -0,0 +1,293 @@
+/* *
+ *
+ *   (c) 2010-2021 Highsoft AS
+ *
+ *  Author: Nancy Dillon
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  Dark 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 BrandDarkTheme;
+(function (BrandDarkTheme) {
+    /* *
+     *
+     *  Constants
+     *
+     * */
+    BrandDarkTheme.options = {
+        colors: ['#8087E8', '#A3EDBA', '#F19E53', '#6699A1',
+            '#E1D369', '#87B4E7', '#DA6D85', '#BBBAC5'],
+        chart: {
+            backgroundColor: {
+                linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
+                stops: [
+                    [0, '#1f1836'],
+                    [1, '#45445d']
+                ]
+            },
+            style: {
+                fontFamily: 'IBM Plex Sans, sans-serif'
+            }
+        },
+        title: {
+            style: {
+                fontSize: '22px',
+                fontWeight: '500',
+                color: '#fff'
+            }
+        },
+        subtitle: {
+            style: {
+                fontSize: '16px',
+                fontWeight: '400',
+                color: '#fff'
+            }
+        },
+        credits: {
+            style: {
+                color: '#f0f0f0'
+            }
+        },
+        caption: {
+            style: {
+                color: '#f0f0f0'
+            }
+        },
+        tooltip: {
+            borderWidth: 0,
+            backgroundColor: '#f0f0f0',
+            shadow: true
+        },
+        legend: {
+            backgroundColor: 'transparent',
+            itemStyle: {
+                fontWeight: '400',
+                fontSize: '12px',
+                color: '#fff'
+            },
+            itemHoverStyle: {
+                fontWeight: '700',
+                color: '#fff'
+            }
+        },
+        labels: {
+            style: {
+                color: '#707073'
+            }
+        },
+        plotOptions: {
+            series: {
+                dataLabels: {
+                    color: '#46465C',
+                    style: {
+                        fontSize: '13px'
+                    }
+                },
+                marker: {
+                    lineColor: '#333'
+                }
+            },
+            boxplot: {
+                fillColor: '#505053'
+            },
+            candlestick: {
+                lineColor: null,
+                upColor: '#DA6D85',
+                upLineColor: '#DA6D85'
+            },
+            errorbar: {
+                color: 'white'
+            },
+            dumbbell: {
+                lowColor: '#f0f0f0'
+            },
+            map: {
+                borderColor: 'rgba(200, 200, 200, 1)',
+                nullColor: '#78758C'
+            }
+        },
+        drilldown: {
+            activeAxisLabelStyle: {
+                color: '#F0F0F3'
+            },
+            activeDataLabelStyle: {
+                color: '#F0F0F3'
+            },
+            drillUpButton: {
+                theme: {
+                    fill: '#fff'
+                }
+            }
+        },
+        xAxis: {
+            gridLineColor: '#707073',
+            labels: {
+                style: {
+                    color: '#fff',
+                    fontSize: '12px'
+                }
+            },
+            lineColor: '#707073',
+            minorGridLineColor: '#505053',
+            tickColor: '#707073',
+            title: {
+                style: {
+                    color: '#fff'
+                }
+            }
+        },
+        yAxis: {
+            gridLineColor: '#707073',
+            labels: {
+                style: {
+                    color: '#fff',
+                    fontSize: '12px'
+                }
+            },
+            lineColor: '#707073',
+            minorGridLineColor: '#505053',
+            tickColor: '#707073',
+            tickWidth: 1,
+            title: {
+                style: {
+                    color: '#fff',
+                    fontWeight: '300'
+                }
+            }
+        },
+        mapNavigation: {
+            enabled: true,
+            buttonOptions: {
+                theme: {
+                    fill: '#46465C',
+                    'stroke-width': 1,
+                    stroke: '#BBBAC5',
+                    r: 2,
+                    style: {
+                        color: '#fff'
+                    },
+                    states: {
+                        hover: {
+                            fill: '#000',
+                            'stroke-width': 1,
+                            stroke: '#f0f0f0',
+                            style: {
+                                color: '#fff'
+                            }
+                        },
+                        select: {
+                            fill: '#000',
+                            'stroke-width': 1,
+                            stroke: '#f0f0f0',
+                            style: {
+                                color: '#fff'
+                            }
+                        }
+                    }
+                },
+                verticalAlign: 'bottom'
+            }
+        },
+        // scroll charts
+        rangeSelector: {
+            buttonTheme: {
+                fill: '#46465C',
+                stroke: '#BBBAC5',
+                'stroke-width': 1,
+                style: {
+                    color: '#fff'
+                },
+                states: {
+                    hover: {
+                        fill: '#1f1836',
+                        style: {
+                            color: '#fff'
+                        },
+                        'stroke-width': 1,
+                        stroke: 'white'
+                    },
+                    select: {
+                        fill: '#1f1836',
+                        style: {
+                            color: '#fff'
+                        },
+                        'stroke-width': 1,
+                        stroke: 'white'
+                    }
+                }
+            },
+            inputBoxBorderColor: '#BBBAC5',
+            inputStyle: {
+                backgroundColor: '#2F2B38',
+                color: '#fff'
+            },
+            labelStyle: {
+                color: '#fff'
+            }
+        },
+        navigator: {
+            handles: {
+                backgroundColor: '#BBBAC5',
+                borderColor: '#2F2B38'
+            },
+            outlineColor: '#CCC',
+            maskFill: 'rgba(255,255,255,0.1)',
+            series: {
+                color: '#A3EDBA',
+                lineColor: '#A3EDBA'
+            },
+            xAxis: {
+                gridLineColor: '#505053'
+            }
+        },
+        scrollbar: {
+            barBackgroundColor: '#BBBAC5',
+            barBorderColor: '#808083',
+            buttonArrowColor: '#2F2B38',
+            buttonBackgroundColor: '#BBBAC5',
+            buttonBorderColor: '#2F2B38',
+            rifleColor: '#2F2B38',
+            trackBackgroundColor: '#78758C',
+            trackBorderColor: '#2F2B38'
+        }
+    };
+    /* *
+     *
+     *  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(BrandDarkTheme.options);
+    }
+    BrandDarkTheme.apply = apply;
+})(BrandDarkTheme || (BrandDarkTheme = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default BrandDarkTheme;

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) {