highcharts 9.1.1 → 9.2.2

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

@@ -14,198 +14,226 @@
  *
  * */
 'use strict';
-import H from '../../Core/Globals.js';
 import D from '../../Core/DefaultOptions.js';
 var setOptions = D.setOptions;
-var textBright = '#F0F0F3';
-H.theme = {
-    colors: [
-        '#a6f0ff',
-        '#70d49e',
-        '#e898a5',
-        '#007faa',
-        '#f9db72',
-        '#f45b5b',
-        '#1e824c',
-        '#e7934c',
-        '#dadfe1',
-        '#a0618b'
-    ],
-    chart: {
-        backgroundColor: '#1f1f20',
-        plotBorderColor: '#606063'
-    },
-    title: {
-        style: {
-            color: textBright
-        }
-    },
-    subtitle: {
-        style: {
-            color: textBright
-        }
-    },
-    xAxis: {
-        gridLineColor: '#707073',
-        labels: {
-            style: {
-                color: textBright
-            }
+/* *
+ *
+ *  Theme
+ *
+ * */
+var HighContrastDarkTheme;
+(function (HighContrastDarkTheme) {
+    /* *
+     *
+     *  Constants
+     *
+     * */
+    var textBright = '#F0F0F3';
+    HighContrastDarkTheme.options = {
+        colors: [
+            '#a6f0ff',
+            '#70d49e',
+            '#e898a5',
+            '#007faa',
+            '#f9db72',
+            '#f45b5b',
+            '#1e824c',
+            '#e7934c',
+            '#dadfe1',
+            '#a0618b'
+        ],
+        chart: {
+            backgroundColor: '#1f1f20',
+            plotBorderColor: '#606063'
         },
-        lineColor: '#707073',
-        minorGridLineColor: '#505053',
-        tickColor: '#707073',
         title: {
             style: {
                 color: textBright
             }
-        }
-    },
-    yAxis: {
-        gridLineColor: '#707073',
-        labels: {
-            style: {
-                color: textBright
-            }
         },
-        lineColor: '#707073',
-        minorGridLineColor: '#505053',
-        tickColor: '#707073',
-        title: {
+        subtitle: {
             style: {
                 color: textBright
             }
-        }
-    },
-    tooltip: {
-        backgroundColor: 'rgba(0, 0, 0, 0.85)',
-        style: {
-            color: textBright
-        }
-    },
-    plotOptions: {
-        series: {
-            dataLabels: {
-                color: textBright
+        },
+        xAxis: {
+            gridLineColor: '#707073',
+            labels: {
+                style: {
+                    color: textBright
+                }
             },
-            marker: {
-                lineColor: '#333'
+            lineColor: '#707073',
+            minorGridLineColor: '#505053',
+            tickColor: '#707073',
+            title: {
+                style: {
+                    color: textBright
+                }
             }
         },
-        boxplot: {
-            fillColor: '#505053'
-        },
-        candlestick: {
-            lineColor: 'white'
-        },
-        errorbar: {
-            color: 'white'
+        yAxis: {
+            gridLineColor: '#707073',
+            labels: {
+                style: {
+                    color: textBright
+                }
+            },
+            lineColor: '#707073',
+            minorGridLineColor: '#505053',
+            tickColor: '#707073',
+            title: {
+                style: {
+                    color: textBright
+                }
+            }
         },
-        map: {
-            nullColor: '#353535'
-        }
-    },
-    legend: {
-        backgroundColor: 'transparent',
-        itemStyle: {
-            color: textBright
+        tooltip: {
+            backgroundColor: 'rgba(0, 0, 0, 0.85)',
+            style: {
+                color: textBright
+            }
         },
-        itemHoverStyle: {
-            color: '#FFF'
+        plotOptions: {
+            series: {
+                dataLabels: {
+                    color: textBright
+                },
+                marker: {
+                    lineColor: '#333'
+                }
+            },
+            boxplot: {
+                fillColor: '#505053'
+            },
+            candlestick: {
+                lineColor: 'white'
+            },
+            errorbar: {
+                color: 'white'
+            },
+            map: {
+                nullColor: '#353535'
+            }
         },
-        itemHiddenStyle: {
-            color: '#606063'
+        legend: {
+            backgroundColor: 'transparent',
+            itemStyle: {
+                color: textBright
+            },
+            itemHoverStyle: {
+                color: '#FFF'
+            },
+            itemHiddenStyle: {
+                color: '#606063'
+            },
+            title: {
+                style: {
+                    color: '#D0D0D0'
+                }
+            }
         },
-        title: {
+        credits: {
             style: {
-                color: '#D0D0D0'
+                color: textBright
             }
-        }
-    },
-    credits: {
-        style: {
-            color: textBright
-        }
-    },
-    labels: {
-        style: {
-            color: '#707073'
-        }
-    },
-    drilldown: {
-        activeAxisLabelStyle: {
-            color: textBright
         },
-        activeDataLabelStyle: {
-            color: textBright
-        }
-    },
-    navigation: {
-        buttonOptions: {
-            symbolStroke: '#DDDDDD',
-            theme: {
-                fill: '#505053'
-            }
-        }
-    },
-    rangeSelector: {
-        buttonTheme: {
-            fill: '#505053',
-            stroke: '#000000',
+        labels: {
             style: {
-                color: '#eee'
+                color: '#707073'
+            }
+        },
+        drilldown: {
+            activeAxisLabelStyle: {
+                color: textBright
             },
-            states: {
-                hover: {
-                    fill: '#707073',
-                    stroke: '#000000',
-                    style: {
-                        color: textBright
-                    }
+            activeDataLabelStyle: {
+                color: textBright
+            }
+        },
+        navigation: {
+            buttonOptions: {
+                symbolStroke: '#DDDDDD',
+                theme: {
+                    fill: '#505053'
+                }
+            }
+        },
+        rangeSelector: {
+            buttonTheme: {
+                fill: '#505053',
+                stroke: '#000000',
+                style: {
+                    color: '#eee'
                 },
-                select: {
-                    fill: '#303030',
-                    stroke: '#101010',
-                    style: {
-                        color: textBright
+                states: {
+                    hover: {
+                        fill: '#707073',
+                        stroke: '#000000',
+                        style: {
+                            color: textBright
+                        }
+                    },
+                    select: {
+                        fill: '#303030',
+                        stroke: '#101010',
+                        style: {
+                            color: textBright
+                        }
                     }
                 }
+            },
+            inputBoxBorderColor: '#505053',
+            inputStyle: {
+                backgroundColor: '#333',
+                color: textBright
+            },
+            labelStyle: {
+                color: textBright
             }
         },
-        inputBoxBorderColor: '#505053',
-        inputStyle: {
-            backgroundColor: '#333',
-            color: textBright
-        },
-        labelStyle: {
-            color: textBright
-        }
-    },
-    navigator: {
-        handles: {
-            backgroundColor: '#666',
-            borderColor: '#AAA'
-        },
-        outlineColor: '#CCC',
-        maskFill: 'rgba(180,180,255,0.2)',
-        series: {
-            color: '#7798BF',
-            lineColor: '#A6C7ED'
+        navigator: {
+            handles: {
+                backgroundColor: '#666',
+                borderColor: '#AAA'
+            },
+            outlineColor: '#CCC',
+            maskFill: 'rgba(180,180,255,0.2)',
+            series: {
+                color: '#7798BF',
+                lineColor: '#A6C7ED'
+            },
+            xAxis: {
+                gridLineColor: '#505053'
+            }
         },
-        xAxis: {
-            gridLineColor: '#505053'
+        scrollbar: {
+            barBackgroundColor: '#808083',
+            barBorderColor: '#808083',
+            buttonArrowColor: '#CCC',
+            buttonBackgroundColor: '#606063',
+            buttonBorderColor: '#606063',
+            rifleColor: '#FFF',
+            trackBackgroundColor: '#404043',
+            trackBorderColor: '#404043'
         }
-    },
-    scrollbar: {
-        barBackgroundColor: '#808083',
-        barBorderColor: '#808083',
-        buttonArrowColor: '#CCC',
-        buttonBackgroundColor: '#606063',
-        buttonBorderColor: '#606063',
-        rifleColor: '#FFF',
-        trackBackgroundColor: '#404043',
-        trackBorderColor: '#404043'
+    };
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /**
+     * Apply the theme.
+     */
+    function apply() {
+        setOptions(HighContrastDarkTheme.options);
     }
-};
-// Apply the theme
-setOptions(H.theme);
+    HighContrastDarkTheme.apply = apply;
+})(HighContrastDarkTheme || (HighContrastDarkTheme = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default HighContrastDarkTheme;

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

@@ -14,28 +14,56 @@
  *
  * */
 'use strict';
-import Highcharts from '../../Core/Globals.js';
 import D from '../../Core/DefaultOptions.js';
 var setOptions = D.setOptions;
-Highcharts.theme = {
-    colors: [
-        '#5f98cf',
-        '#434348',
-        '#49a65e',
-        '#f45b5b',
-        '#708090',
-        '#b68c51',
-        '#397550',
-        '#c0493d',
-        '#4f4a7a',
-        '#b381b3'
-    ],
-    navigator: {
-        series: {
-            color: '#5f98cf',
-            lineColor: '#5f98cf'
+/* *
+ *
+ *  Theme
+ *
+ * */
+var HighContrastLightTheme;
+(function (HighContrastLightTheme) {
+    /* *
+     *
+     *  Constants
+     *
+     * */
+    HighContrastLightTheme.options = {
+        colors: [
+            '#5f98cf',
+            '#434348',
+            '#49a65e',
+            '#f45b5b',
+            '#708090',
+            '#b68c51',
+            '#397550',
+            '#c0493d',
+            '#4f4a7a',
+            '#b381b3'
+        ],
+        navigator: {
+            series: {
+                color: '#5f98cf',
+                lineColor: '#5f98cf'
+            }
         }
+    };
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /**
+     * Apply the theme.
+     */
+    function apply() {
+        setOptions(HighContrastLightTheme.options);
     }
-};
-// Apply the theme
-setOptions(Highcharts.theme);
+    HighContrastLightTheme.apply = apply;
+})(HighContrastLightTheme || (HighContrastLightTheme = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default HighContrastLightTheme;

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

@@ -10,106 +10,135 @@
  *
  * */
 'use strict';
-/* global document */
-import Highcharts from '../../Core/Globals.js';
 import D from '../../Core/DefaultOptions.js';
 var setOptions = D.setOptions;
+import H from '../../Core/Globals.js';
 import U from '../../Core/Utilities.js';
 var addEvent = U.addEvent, createElement = U.createElement;
-// Load the fonts
-createElement('link', {
-    href: 'https://fonts.googleapis.com/css?family=Signika:400,700',
-    rel: 'stylesheet',
-    type: 'text/css'
-}, null, document.getElementsByTagName('head')[0]);
-// Add the background image to the container
-addEvent(Highcharts.Chart, 'afterGetContainer', function () {
-    // eslint-disable-next-line no-invalid-this
-    this.container.style.background =
-        'url(https://www.highcharts.com/samples/graphics/sand.png)';
-});
-Highcharts.theme = {
-    colors: ['#f45b5b', '#8085e9', '#8d4654', '#7798BF', '#aaeeee',
-        '#ff0066', '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'],
-    chart: {
-        backgroundColor: null,
-        style: {
-            fontFamily: 'Signika, serif'
-        }
-    },
-    title: {
-        style: {
-            color: 'black',
-            fontSize: '16px',
-            fontWeight: 'bold'
-        }
-    },
-    subtitle: {
-        style: {
-            color: 'black'
-        }
-    },
-    tooltip: {
-        borderWidth: 0
-    },
-    labels: {
-        style: {
-            color: '#6e6e70'
-        }
-    },
-    legend: {
-        backgroundColor: '#E0E0E8',
-        itemStyle: {
-            fontWeight: 'bold',
-            fontSize: '13px'
-        }
-    },
-    xAxis: {
-        labels: {
+/* *
+ *
+ *  Theme
+ *
+ * */
+var SandSignikaTheme;
+(function (SandSignikaTheme) {
+    /* *
+     *
+     *  Constants
+     *
+     * */
+    SandSignikaTheme.options = {
+        colors: ['#f45b5b', '#8085e9', '#8d4654', '#7798BF', '#aaeeee',
+            '#ff0066', '#eeaaee', '#55BF3B', '#DF5353', '#7798BF', '#aaeeee'],
+        chart: {
+            backgroundColor: null,
             style: {
-                color: '#6e6e70'
+                fontFamily: 'Signika, serif'
             }
-        }
-    },
-    yAxis: {
+        },
+        title: {
+            style: {
+                color: 'black',
+                fontSize: '16px',
+                fontWeight: 'bold'
+            }
+        },
+        subtitle: {
+            style: {
+                color: 'black'
+            }
+        },
+        tooltip: {
+            borderWidth: 0
+        },
         labels: {
             style: {
                 color: '#6e6e70'
             }
-        }
-    },
-    plotOptions: {
-        series: {
-            shadow: true
         },
-        candlestick: {
-            lineColor: '#404048'
+        legend: {
+            backgroundColor: '#E0E0E8',
+            itemStyle: {
+                fontWeight: 'bold',
+                fontSize: '13px'
+            }
         },
-        map: {
-            shadow: false
-        }
-    },
-    // Highcharts Stock specific
-    navigator: {
         xAxis: {
-            gridLineColor: '#D0D0D8'
-        }
-    },
-    rangeSelector: {
-        buttonTheme: {
-            fill: 'white',
-            stroke: '#C0C0C8',
-            'stroke-width': 1,
-            states: {
-                select: {
-                    fill: '#D0D0D8'
+            labels: {
+                style: {
+                    color: '#6e6e70'
+                }
+            }
+        },
+        yAxis: {
+            labels: {
+                style: {
+                    color: '#6e6e70'
                 }
             }
+        },
+        plotOptions: {
+            series: {
+                shadow: true
+            },
+            candlestick: {
+                lineColor: '#404048'
+            },
+            map: {
+                shadow: false
+            }
+        },
+        // Highcharts Stock specific
+        navigator: {
+            xAxis: {
+                gridLineColor: '#D0D0D8'
+            }
+        },
+        rangeSelector: {
+            buttonTheme: {
+                fill: 'white',
+                stroke: '#C0C0C8',
+                'stroke-width': 1,
+                states: {
+                    select: {
+                        fill: '#D0D0D8'
+                    }
+                }
+            }
+        },
+        scrollbar: {
+            trackBorderColor: '#C0C0C8'
         }
-    },
-    scrollbar: {
-        trackBorderColor: '#C0C0C8'
+    };
+    /* *
+     *
+     *  Functions
+     *
+     * */
+    /**
+     * Apply the theme.
+     */
+    function apply() {
+        // Load the fonts
+        createElement('link', {
+            href: 'https://fonts.googleapis.com/css?family=Signika:400,700',
+            rel: 'stylesheet',
+            type: 'text/css'
+        }, null, document.getElementsByTagName('head')[0]);
+        // Add the background image to the container
+        addEvent(H.Chart, 'afterGetContainer', function () {
+            // eslint-disable-next-line no-invalid-this
+            this.container.style.background =
+                'url(https://www.highcharts.com/samples/graphics/sand.png)';
+        });
+        // Apply the theme
+        setOptions(SandSignikaTheme.options);
     }
-};
-// Apply the theme
-setOptions(Highcharts.theme);
+    SandSignikaTheme.apply = apply;
+})(SandSignikaTheme || (SandSignikaTheme = {}));
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default SandSignikaTheme;