highcharts 10.2.0 → 10.2.1

package/modules/exporting.src.js

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts JS v10.2.0 (2022-07-05)
+ * @license Highcharts JS v10.2.1 (2022-08-29)
  *
  * Exporting module
  *
@@ -37,369 +37,53 @@
             }
         }
     }
-    _registerModule(_modules, 'Extensions/FullScreen.js', [_modules['Core/Chart/Chart.js'], _modules['Core/Globals.js'], _modules['Core/Renderer/HTML/AST.js'], _modules['Core/Utilities.js']], function (Chart, H, AST, U) {
-        /* *
-         * (c) 2009-2021 Rafal Sebestjanski
+    _registerModule(_modules, 'Core/Chart/ChartNavigationComposition.js', [], function () {
+        /**
          *
-         * Full screen for Highcharts
+         *  (c) 2010-2021 Paweł Fus
          *
-         * License: www.highcharts.com/license
-         */
-        var doc = H.doc;
-        var addEvent = U.addEvent,
-            fireEvent = U.fireEvent;
-        /**
-         * The module allows user to enable display chart in full screen mode.
-         * Used in StockTools too.
-         * Based on default solutions in browsers.
+         *  License: www.highcharts.com/license
          *
-         */
-        /* eslint-disable no-invalid-this, valid-jsdoc */
-        /**
-         * Handles displaying chart's container in the fullscreen mode.
+         *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
-         * **Note**: Fullscreen is not supported on iPhone due to iOS limitations.
+         * */
+        /* *
          *
-         * @class
-         * @name Highcharts.Fullscreen
-         * @hideconstructor
-         * @requires modules/full-screen
-         */
-        var Fullscreen = /** @class */ (function () {
-                /* *
-                 *
-                 *  Constructors
-                 *
-                 * */
-                function Fullscreen(chart) {
-                    /**
-                     * Chart managed by the fullscreen controller.
-                     * @name Highcharts.Fullscreen#chart
-                     * @type {Highcharts.Chart}
-                     */
-                    this.chart = chart;
-                /**
-                 * The flag is set to `true` when the chart is displayed in
-                 * the fullscreen mode.
-                 *
-                 * @name Highcharts.Fullscreen#isOpen
-                 * @type {boolean|undefined}
-                 * @since 8.0.1
-                 */
-                this.isOpen = false;
-                var container = chart.renderTo;
-                // Hold event and methods available only for a current browser.
-                if (!this.browserProps) {
-                    if (typeof container.requestFullscreen === 'function') {
-                        this.browserProps = {
-                            fullscreenChange: 'fullscreenchange',
-                            requestFullscreen: 'requestFullscreen',
-                            exitFullscreen: 'exitFullscreen'
-                        };
-                    }
-                    else if (container.mozRequestFullScreen) {
-                        this.browserProps = {
-                            fullscreenChange: 'mozfullscreenchange',
-                            requestFullscreen: 'mozRequestFullScreen',
-                            exitFullscreen: 'mozCancelFullScreen'
-                        };
-                    }
-                    else if (container.webkitRequestFullScreen) {
-                        this.browserProps = {
-                            fullscreenChange: 'webkitfullscreenchange',
-                            requestFullscreen: 'webkitRequestFullScreen',
-                            exitFullscreen: 'webkitExitFullscreen'
-                        };
-                    }
-                    else if (container.msRequestFullscreen) {
-                        this.browserProps = {
-                            fullscreenChange: 'MSFullscreenChange',
-                            requestFullscreen: 'msRequestFullscreen',
-                            exitFullscreen: 'msExitFullscreen'
-                        };
-                    }
-                }
-            }
+         *  Composition
+         *
+         * */
+        var ChartNavigationComposition;
+        (function (ChartNavigationComposition) {
             /* *
              *
-             *  Functions
+             *  Declarations
              *
              * */
-            /**
-             * Stops displaying the chart in fullscreen mode.
-             * Exporting module required.
-             *
-             * @since       8.0.1
-             *
-             * @function    Highcharts.Fullscreen#close
-             * @return      {void}
-             * @requires    modules/full-screen
-             */
-            Fullscreen.prototype.close = function () {
-                var fullscreen = this,
-                    chart = fullscreen.chart,
-                    optionsChart = chart.options.chart;
-                fireEvent(chart, 'fullscreenClose', null, function () {
-                    // Don't fire exitFullscreen() when user exited
-                    // using 'Escape' button.
-                    if (fullscreen.isOpen &&
-                        fullscreen.browserProps &&
-                        chart.container.ownerDocument instanceof Document) {
-                        chart.container.ownerDocument[fullscreen.browserProps.exitFullscreen]();
-                    }
-                    // Unbind event as it's necessary only before exiting
-                    // from fullscreen.
-                    if (fullscreen.unbindFullscreenEvent) {
-                        fullscreen.unbindFullscreenEvent = fullscreen
-                            .unbindFullscreenEvent();
-                    }
-                    chart.setSize(fullscreen.origWidth, fullscreen.origHeight, false);
-                    fullscreen.origWidth = void 0;
-                    fullscreen.origHeight = void 0;
-                    optionsChart.width = fullscreen.origWidthOption;
-                    optionsChart.height = fullscreen.origHeightOption;
-                    fullscreen.origWidthOption = void 0;
-                    fullscreen.origHeightOption = void 0;
-                    fullscreen.isOpen = false;
-                    fullscreen.setButtonText();
-                });
-            };
-            /**
-             * Displays the chart in fullscreen mode.
-             * When fired customly by user before exporting context button is created,
-             * button's text will not be replaced - it's on the user side.
-             * Exporting module required.
+            /* *
              *
-             * @since       8.0.1
+             *  Functions
              *
-             * @function Highcharts.Fullscreen#open
-             * @return      {void}
-             * @requires    modules/full-screen
-             */
-            Fullscreen.prototype.open = function () {
-                var fullscreen = this,
-                    chart = fullscreen.chart,
-                    optionsChart = chart.options.chart;
-                fireEvent(chart, 'fullscreenOpen', null, function () {
-                    if (optionsChart) {
-                        fullscreen.origWidthOption = optionsChart.width;
-                        fullscreen.origHeightOption = optionsChart.height;
-                    }
-                    fullscreen.origWidth = chart.chartWidth;
-                    fullscreen.origHeight = chart.chartHeight;
-                    // Handle exitFullscreen() method when user clicks 'Escape' button.
-                    if (fullscreen.browserProps) {
-                        var unbindChange_1 = addEvent(chart.container.ownerDocument, // chart's document
-                            fullscreen.browserProps.fullscreenChange,
-                            function () {
-                                // Handle lack of async of browser's
-                                // fullScreenChange event.
-                                if (fullscreen.isOpen) {
-                                    fullscreen.isOpen = false;
-                                fullscreen.close();
-                            }
-                            else {
-                                chart.setSize(null, null, false);
-                                fullscreen.isOpen = true;
-                                fullscreen.setButtonText();
-                            }
-                        });
-                        var unbindDestroy_1 = addEvent(chart, 'destroy',
-                            unbindChange_1);
-                        fullscreen.unbindFullscreenEvent = function () {
-                            unbindChange_1();
-                            unbindDestroy_1();
-                        };
-                        var promise = chart.renderTo[fullscreen.browserProps.requestFullscreen]();
-                        if (promise) {
-                            // No dot notation because of IE8 compatibility
-                            promise['catch'](function () {
-                                alert(// eslint-disable-line no-alert
-                                'Full screen is not supported inside a frame.');
-                            });
-                        }
-                    }
-                });
-            };
+             * */
+            /* eslint-disable valid-jsdoc */
             /**
-             * Replaces the exporting context button's text when toogling the
-             * fullscreen mode.
-             *
              * @private
-             *
-             * @since 8.0.1
-             *
-             * @requires modules/full-screen
              */
-            Fullscreen.prototype.setButtonText = function () {
-                var chart = this.chart,
-                    exportDivElements = chart.exportDivElements,
-                    exportingOptions = chart.options.exporting,
-                    menuItems = (exportingOptions &&
-                        exportingOptions.buttons &&
-                        exportingOptions.buttons.contextButton.menuItems),
-                    lang = chart.options.lang;
-                if (exportingOptions &&
-                    exportingOptions.menuItemDefinitions &&
-                    lang &&
-                    lang.exitFullscreen &&
-                    lang.viewFullscreen &&
-                    menuItems &&
-                    exportDivElements) {
-                    var exportDivElement = exportDivElements[menuItems.indexOf('viewFullscreen')];
-                    if (exportDivElement) {
-                        AST.setElementHTML(exportDivElement, !this.isOpen ?
-                            (exportingOptions.menuItemDefinitions.viewFullscreen
-                                .text ||
-                                lang.viewFullscreen) : lang.exitFullscreen);
-                    }
+            function compose(chart) {
+                if (!chart.navigation) {
+                    chart.navigation = new Additions(chart);
                 }
-            };
-            /**
-             * Toggles displaying the chart in fullscreen mode.
-             * By default, when the exporting module is enabled, a context button with
-             * a drop down menu in the upper right corner accesses this function.
-             * Exporting module required.
-             *
-             * @since 8.0.1
+                return chart;
+            }
+            ChartNavigationComposition.compose = compose;
+            /* *
              *
-             * @sample      highcharts/members/chart-togglefullscreen/
-             *              Toggle fullscreen mode from a HTML button
+             *  Class
              *
-             * @function Highcharts.Fullscreen#toggle
-             * @requires    modules/full-screen
-             */
-            Fullscreen.prototype.toggle = function () {
-                var fullscreen = this;
-                if (!fullscreen.isOpen) {
-                    fullscreen.open();
-                }
-                else {
-                    fullscreen.close();
-                }
-            };
-            return Fullscreen;
-        }());
-        H.Fullscreen = Fullscreen;
-        // Initialize fullscreen
-        addEvent(Chart, 'beforeRender', function () {
+             * */
             /**
-             * @name Highcharts.Chart#fullscreen
-             * @type {Highcharts.Fullscreen}
-             * @requires modules/full-screen
-             */
-            this.fullscreen = new H.Fullscreen(this);
-        });
-        /* *
-         *
-         *  API Declarations
-         *
-         * */
-        /**
-         * Gets fired when closing the fullscreen
-         *
-         * @callback Highcharts.FullScreenfullscreenCloseCallbackFunction
-         *
-         * @param {Highcharts.Chart} chart
-         *        The chart on which the event occured.
-         *
-         * @param {global.Event} event
-         *        The event that occured.
-         */
-        /**
-         * Gets fired when opening the fullscreen
-         *
-         * @callback Highcharts.FullScreenfullscreenOpenCallbackFunction
-         *
-         * @param {Highcharts.Chart} chart
-         *        The chart on which the event occured.
-         *
-         * @param {global.Event} event
-         *        The event that occured.
-         */
-        /* *
-         *
-         *  API Options
-         *
-         * */
-        /**
-         * Fires when a fullscreen is closed through the context menu item,
-         * or a fullscreen is closed on the `Escape` button click,
-         * or the `Chart.fullscreen.close` method.
-         *
-         * @sample highcharts/chart/events-fullscreen
-         *         Title size change on fullscreen open
-         *
-         * @type      {Highcharts.FullScreenfullscreenCloseCallbackFunction}
-         * @since 10.1.0
-         * @context   Highcharts.Chart
-         * @requires  modules/full-screen
-         * @apioption chart.events.fullscreenClose
-         */
-        /**
-         * Fires when a fullscreen is opened through the context menu item,
-         * or the `Chart.fullscreen.open` method.
-         *
-         * @sample highcharts/chart/events-fullscreen
-         *         Title size change on fullscreen open
-         *
-         * @type      {Highcharts.FullScreenfullscreenOpenCallbackFunction}
-         * @since 10.1.0
-         * @context   Highcharts.Chart
-         * @requires  modules/full-screen
-         * @apioption chart.events.fullscreenOpen
-         */
-        (''); // keeps doclets above in transpiled file
-
-        return H.Fullscreen;
-    });
-    _registerModule(_modules, 'Core/Chart/ChartNavigationComposition.js', [], function () {
-        /**
-         *
-         *  (c) 2010-2021 Paweł Fus
-         *
-         *  License: www.highcharts.com/license
-         *
-         *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
-         *
-         * */
-        /* *
-         *
-         *  Composition
-         *
-         * */
-        var ChartNavigationComposition;
-        (function (ChartNavigationComposition) {
-            /* *
-             *
-             *  Declarations
-             *
-             * */
-            /* *
-             *
-             *  Functions
-             *
-             * */
-            /* eslint-disable valid-jsdoc */
-            /**
-             * @private
-             */
-            function compose(chart) {
-                if (!chart.navigation) {
-                    chart.navigation = new Additions(chart);
-                }
-                return chart;
-            }
-            ChartNavigationComposition.compose = compose;
-            /* *
-             *
-             *  Class
-             *
-             * */
-            /**
-             * Initializes `chart.navigation` object which delegates `update()` methods
-             * to all other common classes (used in exporting and navigationBindings).
-             * @private
+             * Initializes `chart.navigation` object which delegates `update()` methods
+             * to all other common classes (used in exporting and navigationBindings).
+             * @private
              */
             var Additions = /** @class */ (function () {
                     /* *
@@ -877,7 +561,9 @@
                     viewFullscreen: {
                         textKey: 'viewFullscreen',
                         onclick: function () {
-                            this.fullscreen.toggle();
+                            if (this.fullscreen) {
+                                this.fullscreen.toggle();
+                        }
                     }
                 },
                 /**
@@ -1200,184 +886,547 @@
                          */
                         padding: 5
                     }
-                },
-                /**
-                 * CSS styles for the popup menu appearing by default when the export
-                 * icon is clicked. This menu is rendered in HTML.
-                 *
-                 * @see In styled mode, the menu is styled with the `.highcharts-menu`
-                 *      class.
-                 *
-                 * @sample highcharts/navigation/menustyle/
-                 *         Light gray menu background
-                 *
-                 * @type    {Highcharts.CSSObject}
-                 * @default {"border": "1px solid #999999", "background": "#ffffff", "padding": "5px 0"}
-                 * @since   2.0
-                 *
-                 * @private
-                 */
-                menuStyle: {
-                    /** @ignore-option */
-                    border: "1px solid ".concat("#999999" /* Palette.neutralColor40 */),
-                    /** @ignore-option */
-                    background: "#ffffff" /* Palette.backgroundColor */,
-                    /** @ignore-option */
-                    padding: '5px 0'
-                },
-                /**
-                 * CSS styles for the individual items within the popup menu appearing
-                 * by default when the export icon is clicked. The menu items are
-                 * rendered in HTML. Font size defaults to `11px` on desktop and `14px`
-                 * on touch devices.
-                 *
-                 * @see In styled mode, the menu items are styled with the
-                 *      `.highcharts-menu-item` class.
-                 *
-                 * @sample {highcharts} highcharts/navigation/menuitemstyle/
-                 *         Add a grey stripe to the left
-                 *
-                 * @type    {Highcharts.CSSObject}
-                 * @default {"padding": "0.5em 1em", "color": "#333333", "background": "none", "fontSize": "11px/14px", "transition": "background 250ms, color 250ms"}
-                 * @since   2.0
-                 *
-                 * @private
-                 */
-                menuItemStyle: {
-                    /** @ignore-option */
-                    padding: '0.5em 1em',
-                    /** @ignore-option */
-                    color: "#333333" /* Palette.neutralColor80 */,
-                    /** @ignore-option */
-                    background: 'none',
-                    /** @ignore-option */
-                    fontSize: isTouchDevice ? '14px' : '11px',
-                    /** @ignore-option */
-                    transition: 'background 250ms, color 250ms'
-                },
-                /**
-                 * CSS styles for the hover state of the individual items within the
-                 * popup menu appearing by default when the export icon is clicked. The
-                 * menu items are rendered in HTML.
-                 *
-                 * @see In styled mode, the menu items are styled with the
-                 *      `.highcharts-menu-item` class.
-                 *
-                 * @sample highcharts/navigation/menuitemhoverstyle/
-                 *         Bold text on hover
-                 *
-                 * @type    {Highcharts.CSSObject}
-                 * @default {"background": "#335cad", "color": "#ffffff"}
-                 * @since   2.0
-                 *
-                 * @private
-                 */
-                menuItemHoverStyle: {
-                    /** @ignore-option */
-                    background: "#335cad" /* Palette.highlightColor80 */,
-                    /** @ignore-option */
-                    color: "#ffffff" /* Palette.backgroundColor */
+                },
+                /**
+                 * CSS styles for the popup menu appearing by default when the export
+                 * icon is clicked. This menu is rendered in HTML.
+                 *
+                 * @see In styled mode, the menu is styled with the `.highcharts-menu`
+                 *      class.
+                 *
+                 * @sample highcharts/navigation/menustyle/
+                 *         Light gray menu background
+                 *
+                 * @type    {Highcharts.CSSObject}
+                 * @default {"border": "1px solid #999999", "background": "#ffffff", "padding": "5px 0"}
+                 * @since   2.0
+                 *
+                 * @private
+                 */
+                menuStyle: {
+                    /** @ignore-option */
+                    border: "1px solid ".concat("#999999" /* Palette.neutralColor40 */),
+                    /** @ignore-option */
+                    background: "#ffffff" /* Palette.backgroundColor */,
+                    /** @ignore-option */
+                    padding: '5px 0'
+                },
+                /**
+                 * CSS styles for the individual items within the popup menu appearing
+                 * by default when the export icon is clicked. The menu items are
+                 * rendered in HTML. Font size defaults to `11px` on desktop and `14px`
+                 * on touch devices.
+                 *
+                 * @see In styled mode, the menu items are styled with the
+                 *      `.highcharts-menu-item` class.
+                 *
+                 * @sample {highcharts} highcharts/navigation/menuitemstyle/
+                 *         Add a grey stripe to the left
+                 *
+                 * @type    {Highcharts.CSSObject}
+                 * @default {"padding": "0.5em 1em", "color": "#333333", "background": "none", "fontSize": "11px/14px", "transition": "background 250ms, color 250ms"}
+                 * @since   2.0
+                 *
+                 * @private
+                 */
+                menuItemStyle: {
+                    /** @ignore-option */
+                    padding: '0.5em 1em',
+                    /** @ignore-option */
+                    color: "#333333" /* Palette.neutralColor80 */,
+                    /** @ignore-option */
+                    background: 'none',
+                    /** @ignore-option */
+                    fontSize: isTouchDevice ? '14px' : '11px',
+                    /** @ignore-option */
+                    transition: 'background 250ms, color 250ms'
+                },
+                /**
+                 * CSS styles for the hover state of the individual items within the
+                 * popup menu appearing by default when the export icon is clicked. The
+                 * menu items are rendered in HTML.
+                 *
+                 * @see In styled mode, the menu items are styled with the
+                 *      `.highcharts-menu-item` class.
+                 *
+                 * @sample highcharts/navigation/menuitemhoverstyle/
+                 *         Bold text on hover
+                 *
+                 * @type    {Highcharts.CSSObject}
+                 * @default {"background": "#335cad", "color": "#ffffff"}
+                 * @since   2.0
+                 *
+                 * @private
+                 */
+                menuItemHoverStyle: {
+                    /** @ignore-option */
+                    background: "#335cad" /* Palette.highlightColor80 */,
+                    /** @ignore-option */
+                    color: "#ffffff" /* Palette.backgroundColor */
+                }
+            };
+        /* *
+         *
+         *  Default Export
+         *
+         * */
+        var ExportingDefaults = {
+                exporting: exporting,
+                lang: lang,
+                navigation: navigation
+            };
+
+        return ExportingDefaults;
+    });
+    _registerModule(_modules, 'Extensions/Exporting/ExportingSymbols.js', [], function () {
+        /* *
+         *
+         *  Exporting module
+         *
+         *  (c) 2010-2021 Torstein Honsi
+         *
+         *  License: www.highcharts.com/license
+         *
+         *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+         *
+         * */
+        /* *
+         *
+         *  Composition
+         *
+         * */
+        var ExportingSymbols;
+        (function (ExportingSymbols) {
+            /* *
+             *
+             *  Constants
+             *
+             * */
+            var modifiedClasses = [];
+            /* *
+             *
+             *  Functions
+             *
+             * */
+            /* eslint-disable valid-jsdoc */
+            /**
+             * @private
+             */
+            function compose(SVGRendererClass) {
+                if (modifiedClasses.indexOf(SVGRendererClass) === -1) {
+                    modifiedClasses.push(SVGRendererClass);
+                    var symbols = SVGRendererClass.prototype.symbols;
+                    symbols.menu = menu;
+                    symbols.menuball = menuball.bind(symbols);
+                }
+            }
+            ExportingSymbols.compose = compose;
+            /**
+             * @private
+             */
+            function menu(x, y, width, height) {
+                var arr = [
+                        ['M',
+                    x,
+                    y + 2.5],
+                        ['L',
+                    x + width,
+                    y + 2.5],
+                        ['M',
+                    x,
+                    y + height / 2 + 0.5],
+                        ['L',
+                    x + width,
+                    y + height / 2 + 0.5],
+                        ['M',
+                    x,
+                    y + height - 1.5],
+                        ['L',
+                    x + width,
+                    y + height - 1.5]
+                    ];
+                return arr;
+            }
+            /**
+             * @private
+             */
+            function menuball(x, y, width, height) {
+                var h = (height / 3) - 2;
+                var path = [];
+                path = path.concat(this.circle(width - h, y, h, h), this.circle(width - h, y + h + 4, h, h), this.circle(width - h, y + 2 * (h + 4), h, h));
+                return path;
+            }
+        })(ExportingSymbols || (ExportingSymbols = {}));
+        /* *
+         *
+         *  Default Export
+         *
+         * */
+
+        return ExportingSymbols;
+    });
+    _registerModule(_modules, 'Extensions/Exporting/Fullscreen.js', [_modules['Core/Renderer/HTML/AST.js'], _modules['Core/Utilities.js']], function (AST, U) {
+        /* *
+         *
+         *  (c) 2009-2021 Rafal Sebestjanski
+         *
+         *  Full screen for Highcharts
+         *
+         *  License: www.highcharts.com/license
+         *
+         *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+         *
+         * */
+        /**
+         * The module allows user to enable display chart in full screen mode.
+         * Used in StockTools too.
+         * Based on default solutions in browsers.
+         */
+        /* *
+         *
+         *  Imports
+         *
+         * */
+        var addEvent = U.addEvent,
+            fireEvent = U.fireEvent;
+        /* *
+         *
+         *  Constants
+         *
+         * */
+        var composedClasses = [];
+        /* *
+         *
+         *  Functions
+         *
+         * */
+        /**
+         * @private
+         */
+        function onChartBeforeRender() {
+            /**
+             * @name Highcharts.Chart#fullscreen
+             * @type {Highcharts.Fullscreen}
+             * @requires modules/full-screen
+             */
+            this.fullscreen = new Fullscreen(this);
+        }
+        /* *
+         *
+         *  Class
+         *
+         * */
+        /**
+         * Handles displaying chart's container in the fullscreen mode.
+         *
+         * **Note**: Fullscreen is not supported on iPhone due to iOS limitations.
+         *
+         * @class
+         * @name Highcharts.Fullscreen
+         *
+         * @requires modules/exporting
+         */
+        var Fullscreen = /** @class */ (function () {
+                /* *
+                 *
+                 *  Constructors
+                 *
+                 * */
+                function Fullscreen(chart) {
+                    /**
+                     * Chart managed by the fullscreen controller.
+                     * @name Highcharts.Fullscreen#chart
+                     * @type {Highcharts.Chart}
+                     */
+                    this.chart = chart;
+                /**
+                 * The flag is set to `true` when the chart is displayed in
+                 * the fullscreen mode.
+                 *
+                 * @name Highcharts.Fullscreen#isOpen
+                 * @type {boolean|undefined}
+                 * @since 8.0.1
+                 */
+                this.isOpen = false;
+                var container = chart.renderTo;
+                // Hold event and methods available only for a current browser.
+                if (!this.browserProps) {
+                    if (typeof container.requestFullscreen === 'function') {
+                        this.browserProps = {
+                            fullscreenChange: 'fullscreenchange',
+                            requestFullscreen: 'requestFullscreen',
+                            exitFullscreen: 'exitFullscreen'
+                        };
+                    }
+                    else if (container.mozRequestFullScreen) {
+                        this.browserProps = {
+                            fullscreenChange: 'mozfullscreenchange',
+                            requestFullscreen: 'mozRequestFullScreen',
+                            exitFullscreen: 'mozCancelFullScreen'
+                        };
+                    }
+                    else if (container.webkitRequestFullScreen) {
+                        this.browserProps = {
+                            fullscreenChange: 'webkitfullscreenchange',
+                            requestFullscreen: 'webkitRequestFullScreen',
+                            exitFullscreen: 'webkitExitFullscreen'
+                        };
+                    }
+                    else if (container.msRequestFullscreen) {
+                        this.browserProps = {
+                            fullscreenChange: 'MSFullscreenChange',
+                            requestFullscreen: 'msRequestFullscreen',
+                            exitFullscreen: 'msExitFullscreen'
+                        };
+                    }
+                }
+            }
+            /* *
+             *
+             *  Static Functions
+             *
+             * */
+            /**
+             * Prepares the chart class to support fullscreen.
+             *
+             * @param {typeof_Highcharts.Chart} ChartClass
+             * The chart class to decorate with fullscreen support.
+             */
+            Fullscreen.compose = function (ChartClass) {
+                if (composedClasses.indexOf(ChartClass) === -1) {
+                    composedClasses.push(ChartClass);
+                    // Initialize fullscreen
+                    addEvent(ChartClass, 'beforeRender', onChartBeforeRender);
+                }
+            };
+            /* *
+             *
+             *  Functions
+             *
+             * */
+            /**
+             * Stops displaying the chart in fullscreen mode.
+             * Exporting module required.
+             *
+             * @since       8.0.1
+             *
+             * @function    Highcharts.Fullscreen#close
+             * @return      {void}
+             * @requires    modules/full-screen
+             */
+            Fullscreen.prototype.close = function () {
+                var fullscreen = this,
+                    chart = fullscreen.chart,
+                    optionsChart = chart.options.chart;
+                fireEvent(chart, 'fullscreenClose', null, function () {
+                    // Don't fire exitFullscreen() when user exited
+                    // using 'Escape' button.
+                    if (fullscreen.isOpen &&
+                        fullscreen.browserProps &&
+                        chart.container.ownerDocument instanceof Document) {
+                        chart.container.ownerDocument[fullscreen.browserProps.exitFullscreen]();
+                    }
+                    // Unbind event as it's necessary only before exiting
+                    // from fullscreen.
+                    if (fullscreen.unbindFullscreenEvent) {
+                        fullscreen.unbindFullscreenEvent = fullscreen
+                            .unbindFullscreenEvent();
+                    }
+                    chart.setSize(fullscreen.origWidth, fullscreen.origHeight, false);
+                    fullscreen.origWidth = void 0;
+                    fullscreen.origHeight = void 0;
+                    optionsChart.width = fullscreen.origWidthOption;
+                    optionsChart.height = fullscreen.origHeightOption;
+                    fullscreen.origWidthOption = void 0;
+                    fullscreen.origHeightOption = void 0;
+                    fullscreen.isOpen = false;
+                    fullscreen.setButtonText();
+                });
+            };
+            /**
+             * Displays the chart in fullscreen mode.
+             * When fired customly by user before exporting context button is created,
+             * button's text will not be replaced - it's on the user side.
+             * Exporting module required.
+             *
+             * @since       8.0.1
+             *
+             * @function Highcharts.Fullscreen#open
+             * @return      {void}
+             * @requires    modules/full-screen
+             */
+            Fullscreen.prototype.open = function () {
+                var fullscreen = this,
+                    chart = fullscreen.chart,
+                    optionsChart = chart.options.chart;
+                fireEvent(chart, 'fullscreenOpen', null, function () {
+                    if (optionsChart) {
+                        fullscreen.origWidthOption = optionsChart.width;
+                        fullscreen.origHeightOption = optionsChart.height;
+                    }
+                    fullscreen.origWidth = chart.chartWidth;
+                    fullscreen.origHeight = chart.chartHeight;
+                    // Handle exitFullscreen() method when user clicks 'Escape' button.
+                    if (fullscreen.browserProps) {
+                        var unbindChange_1 = addEvent(chart.container.ownerDocument, // chart's document
+                            fullscreen.browserProps.fullscreenChange,
+                            function () {
+                                // Handle lack of async of browser's
+                                // fullScreenChange event.
+                                if (fullscreen.isOpen) {
+                                    fullscreen.isOpen = false;
+                                fullscreen.close();
+                            }
+                            else {
+                                chart.setSize(null, null, false);
+                                fullscreen.isOpen = true;
+                                fullscreen.setButtonText();
+                            }
+                        });
+                        var unbindDestroy_1 = addEvent(chart, 'destroy',
+                            unbindChange_1);
+                        fullscreen.unbindFullscreenEvent = function () {
+                            unbindChange_1();
+                            unbindDestroy_1();
+                        };
+                        var promise = chart.renderTo[fullscreen.browserProps.requestFullscreen]();
+                        if (promise) {
+                            // No dot notation because of IE8 compatibility
+                            promise['catch'](function () {
+                                alert(// eslint-disable-line no-alert
+                                'Full screen is not supported inside a frame.');
+                            });
+                        }
+                    }
+                });
+            };
+            /**
+             * Replaces the exporting context button's text when toogling the
+             * fullscreen mode.
+             *
+             * @private
+             *
+             * @since 8.0.1
+             *
+             * @requires modules/full-screen
+             */
+            Fullscreen.prototype.setButtonText = function () {
+                var chart = this.chart,
+                    exportDivElements = chart.exportDivElements,
+                    exportingOptions = chart.options.exporting,
+                    menuItems = (exportingOptions &&
+                        exportingOptions.buttons &&
+                        exportingOptions.buttons.contextButton.menuItems),
+                    lang = chart.options.lang;
+                if (exportingOptions &&
+                    exportingOptions.menuItemDefinitions &&
+                    lang &&
+                    lang.exitFullscreen &&
+                    lang.viewFullscreen &&
+                    menuItems &&
+                    exportDivElements) {
+                    var exportDivElement = exportDivElements[menuItems.indexOf('viewFullscreen')];
+                    if (exportDivElement) {
+                        AST.setElementHTML(exportDivElement, !this.isOpen ?
+                            (exportingOptions.menuItemDefinitions.viewFullscreen
+                                .text ||
+                                lang.viewFullscreen) : lang.exitFullscreen);
+                    }
+                }
+            };
+            /**
+             * Toggles displaying the chart in fullscreen mode.
+             * By default, when the exporting module is enabled, a context button with
+             * a drop down menu in the upper right corner accesses this function.
+             * Exporting module required.
+             *
+             * @since 8.0.1
+             *
+             * @sample      highcharts/members/chart-togglefullscreen/
+             *              Toggle fullscreen mode from a HTML button
+             *
+             * @function Highcharts.Fullscreen#toggle
+             * @requires    modules/full-screen
+             */
+            Fullscreen.prototype.toggle = function () {
+                var fullscreen = this;
+                if (!fullscreen.isOpen) {
+                    fullscreen.open();
+                }
+                else {
+                    fullscreen.close();
                 }
             };
+            return Fullscreen;
+        }());
         /* *
          *
          *  Default Export
          *
          * */
-        var ExportingDefaults = {
-                exporting: exporting,
-                lang: lang,
-                navigation: navigation
-            };
-
-        return ExportingDefaults;
-    });
-    _registerModule(_modules, 'Extensions/Exporting/ExportingSymbols.js', [], function () {
         /* *
          *
-         *  Exporting module
+         *  API Declarations
          *
-         *  (c) 2010-2021 Torstein Honsi
+         * */
+        /**
+         * Gets fired when closing the fullscreen
          *
-         *  License: www.highcharts.com/license
+         * @callback Highcharts.FullScreenfullscreenCloseCallbackFunction
          *
-         *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+         * @param {Highcharts.Chart} chart
+         *        The chart on which the event occured.
          *
-         * */
-        /* *
+         * @param {global.Event} event
+         *        The event that occured.
+         */
+        /**
+         * Gets fired when opening the fullscreen
          *
-         *  Composition
+         * @callback Highcharts.FullScreenfullscreenOpenCallbackFunction
          *
-         * */
-        var ExportingSymbols;
-        (function (ExportingSymbols) {
-            /* *
-             *
-             *  Constants
-             *
-             * */
-            var modifiedClasses = [];
-            /* *
-             *
-             *  Functions
-             *
-             * */
-            /* eslint-disable valid-jsdoc */
-            /**
-             * @private
-             */
-            function compose(SVGRendererClass) {
-                if (modifiedClasses.indexOf(SVGRendererClass) === -1) {
-                    modifiedClasses.push(SVGRendererClass);
-                    var symbols = SVGRendererClass.prototype.symbols;
-                    symbols.menu = menu;
-                    symbols.menuball = menuball.bind(symbols);
-                }
-            }
-            ExportingSymbols.compose = compose;
-            /**
-             * @private
-             */
-            function menu(x, y, width, height) {
-                var arr = [
-                        ['M',
-                    x,
-                    y + 2.5],
-                        ['L',
-                    x + width,
-                    y + 2.5],
-                        ['M',
-                    x,
-                    y + height / 2 + 0.5],
-                        ['L',
-                    x + width,
-                    y + height / 2 + 0.5],
-                        ['M',
-                    x,
-                    y + height - 1.5],
-                        ['L',
-                    x + width,
-                    y + height - 1.5]
-                    ];
-                return arr;
-            }
-            /**
-             * @private
-             */
-            function menuball(x, y, width, height) {
-                var h = (height / 3) - 2;
-                var path = [];
-                path = path.concat(this.circle(width - h, y, h, h), this.circle(width - h, y + h + 4, h, h), this.circle(width - h, y + 2 * (h + 4), h, h));
-                return path;
-            }
-        })(ExportingSymbols || (ExportingSymbols = {}));
+         * @param {Highcharts.Chart} chart
+         *        The chart on which the event occured.
+         *
+         * @param {global.Event} event
+         *        The event that occured.
+         */
+        (''); // keeps doclets above separated from following code
         /* *
          *
-         *  Default Export
+         *  API Options
          *
          * */
+        /**
+         * Fires when a fullscreen is closed through the context menu item,
+         * or a fullscreen is closed on the `Escape` button click,
+         * or the `Chart.fullscreen.close` method.
+         *
+         * @sample highcharts/chart/events-fullscreen
+         *         Title size change on fullscreen open
+         *
+         * @type      {Highcharts.FullScreenfullscreenCloseCallbackFunction}
+         * @since     10.1.0
+         * @context   Highcharts.Chart
+         * @requires  modules/full-screen
+         * @apioption chart.events.fullscreenClose
+         */
+        /**
+         * Fires when a fullscreen is opened through the context menu item,
+         * or the `Chart.fullscreen.open` method.
+         *
+         * @sample highcharts/chart/events-fullscreen
+         *         Title size change on fullscreen open
+         *
+         * @type      {Highcharts.FullScreenfullscreenOpenCallbackFunction}
+         * @since     10.1.0
+         * @context   Highcharts.Chart
+         * @requires  modules/full-screen
+         * @apioption chart.events.fullscreenOpen
+         */
+        (''); // keeps doclets above in transpiled file
 
-        return ExportingSymbols;
+        return Fullscreen;
     });
     _registerModule(_modules, 'Core/HttpUtilities.js', [_modules['Core/Globals.js'], _modules['Core/Utilities.js']], function (G, U) {
         /* *
@@ -1588,7 +1637,7 @@
 
         return HttpUtilities;
     });
-    _registerModule(_modules, 'Extensions/Exporting/Exporting.js', [_modules['Core/Renderer/HTML/AST.js'], _modules['Core/Chart/Chart.js'], _modules['Core/Chart/ChartNavigationComposition.js'], _modules['Core/DefaultOptions.js'], _modules['Extensions/Exporting/ExportingDefaults.js'], _modules['Extensions/Exporting/ExportingSymbols.js'], _modules['Core/Globals.js'], _modules['Core/HttpUtilities.js'], _modules['Core/Utilities.js']], function (AST, Chart, ChartNavigationComposition, D, ExportingDefaults, ExportingSymbols, G, HU, U) {
+    _registerModule(_modules, 'Extensions/Exporting/Exporting.js', [_modules['Core/Renderer/HTML/AST.js'], _modules['Core/Chart/Chart.js'], _modules['Core/Chart/ChartNavigationComposition.js'], _modules['Core/DefaultOptions.js'], _modules['Extensions/Exporting/ExportingDefaults.js'], _modules['Extensions/Exporting/ExportingSymbols.js'], _modules['Extensions/Exporting/Fullscreen.js'], _modules['Core/Globals.js'], _modules['Core/HttpUtilities.js'], _modules['Core/Utilities.js']], function (AST, Chart, ChartNavigationComposition, D, ExportingDefaults, ExportingSymbols, Fullscreen, G, HU, U) {
         /* *
          *
          *  Exporting module
@@ -1916,6 +1965,7 @@
              */
             function compose(ChartClass, SVGRendererClass) {
                 ExportingSymbols.compose(SVGRendererClass);
+                Fullscreen.compose(ChartClass);
                 if (composedClasses.indexOf(ChartClass) === -1) {
                     composedClasses.push(ChartClass);
                     var chartProto = ChartClass.prototype;
@@ -2650,7 +2700,7 @@
                         update('exporting', options, redraw);
                     }
                 };
-                // Register update() method for navigation. Can not be set the same way
+                // Register update() method for navigation. Cannot be set the same way
                 // as for exporting, because navigation options are shared with bindings
                 // which has separate update() logic.
                 ChartNavigationComposition
@@ -2797,6 +2847,8 @@
          *
          * @requires     modules/exporting
          * @optionparent navigation
+         *
+         * @private
          */
         defaultOptions.navigation = merge(ExportingDefaults.navigation, defaultOptions.navigation);
         /* *