highcharts 10.0.0 → 10.2.1

package/modules/export-data.src.js

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts JS v10.0.0 (2022-03-07)
+ * @license Highcharts JS v10.2.1 (2022-08-29)
  *
  * Exporting module
  *
@@ -37,120 +37,7 @@
             }
         }
     }
-    _registerModule(_modules, 'Extensions/DownloadURL.js', [_modules['Core/Globals.js']], function (Highcharts) {
-        /* *
-         *
-         *  (c) 2015-2021 Oystein Moseng
-         *
-         *  License: www.highcharts.com/license
-         *
-         *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
-         *
-         *  Mixin for downloading content in the browser
-         *
-         * */
-        var isSafari = Highcharts.isSafari;
-        var win = Highcharts.win,
-            doc = win.document,
-            domurl = win.URL || win.webkitURL || win;
-        /**
-         * Convert base64 dataURL to Blob if supported, otherwise returns undefined.
-         * @private
-         * @function Highcharts.dataURLtoBlob
-         * @param {string} dataURL
-         *        URL to convert
-         * @return {string|undefined}
-         *         Blob
-         */
-        var dataURLtoBlob = Highcharts.dataURLtoBlob = function (dataURL) {
-                var parts = dataURL
-                    .replace(/filename=.*;/, '')
-                    .match(/data:([^;]*)(;base64)?,([0-9A-Za-z+/]+)/);
-            if (parts &&
-                parts.length > 3 &&
-                win.atob &&
-                win.ArrayBuffer &&
-                win.Uint8Array &&
-                win.Blob &&
-                domurl.createObjectURL) {
-                // Try to convert data URL to Blob
-                var binStr = win.atob(parts[3]),
-                    buf = new win.ArrayBuffer(binStr.length),
-                    binary = new win.Uint8Array(buf);
-                for (var i = 0; i < binary.length; ++i) {
-                    binary[i] = binStr.charCodeAt(i);
-                }
-                var blob = new win.Blob([binary], { 'type': parts[1] });
-                return domurl.createObjectURL(blob);
-            }
-        };
-        /**
-         * Download a data URL in the browser. Can also take a blob as first param.
-         *
-         * @private
-         * @function Highcharts.downloadURL
-         * @param {string|global.URL} dataURL
-         *        The dataURL/Blob to download
-         * @param {string} filename
-         *        The name of the resulting file (w/extension)
-         * @return {void}
-         */
-        var downloadURL = Highcharts.downloadURL = function (dataURL,
-            filename) {
-                var nav = win.navigator,
-            a = doc.createElement('a');
-            // IE specific blob implementation
-            // Don't use for normal dataURLs
-            if (typeof dataURL !== 'string' &&
-                !(dataURL instanceof String) &&
-                nav.msSaveOrOpenBlob) {
-                nav.msSaveOrOpenBlob(dataURL, filename);
-                return;
-            }
-            dataURL = "" + dataURL;
-            // Some browsers have limitations for data URL lengths. Try to convert to
-            // Blob or fall back. Edge always needs that blob.
-            var isOldEdgeBrowser = /Edge\/\d+/.test(nav.userAgent);
-            // Safari on iOS needs Blob in order to download PDF
-            var safariBlob = (isSafari &&
-                    typeof dataURL === 'string' &&
-                    dataURL.indexOf('data:application/pdf') === 0);
-            if (safariBlob || isOldEdgeBrowser || dataURL.length > 2000000) {
-                dataURL = dataURLtoBlob(dataURL) || '';
-                if (!dataURL) {
-                    throw new Error('Failed to convert to blob');
-                }
-            }
-            // Try HTML5 download attr if supported
-            if (typeof a.download !== 'undefined') {
-                a.href = dataURL;
-                a.download = filename; // HTML5 download attribute
-                doc.body.appendChild(a);
-                a.click();
-                doc.body.removeChild(a);
-            }
-            else {
-                // No download attr, just opening data URI
-                try {
-                    var windowRef = win.open(dataURL, 'chart');
-                    if (typeof windowRef === 'undefined' || windowRef === null) {
-                        throw new Error('Failed to open window');
-                    }
-                }
-                catch (e) {
-                    // window.open failed, trying location.href
-                    win.location.href = dataURL;
-                }
-            }
-        };
-        var DownloadURL = {
-                dataURLtoBlob: dataURLtoBlob,
-                downloadURL: downloadURL
-            };
-
-        return DownloadURL;
-    });
-    _registerModule(_modules, 'Extensions/ExportData.js', [_modules['Core/Axis/Axis.js'], _modules['Core/Chart/Chart.js'], _modules['Core/Renderer/HTML/AST.js'], _modules['Core/Globals.js'], _modules['Core/DefaultOptions.js'], _modules['Core/Utilities.js'], _modules['Extensions/DownloadURL.js']], function (Axis, Chart, AST, H, D, U, DownloadURL) {
+    _registerModule(_modules, 'Extensions/ExportData/ExportDataDefaults.js', [], function () {
         /* *
          *
          *  Experimental data export module for Highcharts
@@ -162,72 +49,16 @@
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
          *
          * */
-        // @todo
-        // - Set up systematic tests for all series types, paired with tests of the data
-        //   module importing the same data.
-        var doc = H.doc,
-            seriesTypes = H.seriesTypes,
-            win = H.win;
-        var getOptions = D.getOptions,
-            setOptions = D.setOptions;
-        var addEvent = U.addEvent,
-            defined = U.defined,
-            extend = U.extend,
-            find = U.find,
-            fireEvent = U.fireEvent,
-            isNumber = U.isNumber,
-            pick = U.pick;
-        /**
-         * Function callback to execute while data rows are processed for exporting.
-         * This allows the modification of data rows before processed into the final
-         * format.
-         *
-         * @callback Highcharts.ExportDataCallbackFunction
-         * @extends Highcharts.EventCallbackFunction<Highcharts.Chart>
+        /* *
          *
-         * @param {Highcharts.Chart} this
-         * Chart context where the event occured.
+         *  Constants
          *
-         * @param {Highcharts.ExportDataEventObject} event
-         * Event object with data rows that can be modified.
-         */
+         * */
         /**
-         * Contains information about the export data event.
-         *
-         * @interface Highcharts.ExportDataEventObject
-         */ /**
-        * Contains the data rows for the current export task and can be modified.
-        * @name Highcharts.ExportDataEventObject#dataRows
-        * @type {Array<Array<string>>}
-        */
-        var downloadURL = DownloadURL.downloadURL;
-        setOptions({
-            /**
-             * Callback that fires while exporting data. This allows the modification of
-             * data rows before processed into the final format.
-             *
-             * @type      {Highcharts.ExportDataCallbackFunction}
-             * @context   Highcharts.Chart
-             * @requires  modules/export-data
-             * @apioption chart.events.exportData
-             */
-            /**
-             * When set to `false` will prevent the series data from being included in
-             * any form of data export.
-             *
-             * Since version 6.0.0 until 7.1.0 the option was existing undocumented
-             * as `includeInCSVExport`.
-             *
-             * @type      {boolean}
-             * @since     7.1.0
-             * @requires  modules/export-data
-             * @apioption plotOptions.series.includeInDataExport
-             */
-            /**
-             * @optionparent exporting
-             * @private
-             */
-            exporting: {
+         * @optionparent exporting
+         * @private
+         */
+        var exporting = {
                 /**
                  * Caption for the data table. Same as chart title by default. Set to
                  * `false` to disable.
@@ -241,17 +72,22 @@
                  * @apioption exporting.tableCaption
                  */
                 /**
-                 * Options for exporting data to CSV or ExCel, or displaying the data
+                 * Options for exporting data to CSV or ExCel,
+            or displaying the data
                  * in a HTML table or a JavaScript structure.
                  *
                  * This module adds data export options to the export menu and provides
-                 * functions like `Chart.getCSV`, `Chart.getTable`, `Chart.getDataRows`
+                 * functions like `Chart.getCSV`,
+            `Chart.getTable`,
+            `Chart.getDataRows`
                  * and `Chart.viewData`.
                  *
                  * The XLS converter is limited and only creates a HTML string that is
-                 * passed for download, which works but creates a warning before
+                 * passed for download,
+            which works but creates a warning before
                  * opening. The workaround for this is to use a third party XLSX
-                 * converter, as demonstrated in the sample below.
+                 * converter,
+            as demonstrated in the sample below.
                  *
                  * @sample  highcharts/export-data/categorized/ Categorized data
                  * @sample  highcharts/export-data/stock-timeaxis/ Highcharts Stock time axis
@@ -296,19 +132,25 @@
                     /**
                      * Formatter callback for the column headers. Parameters are:
                      * - `item` - The series or axis object)
-                     * - `key` -  The point key, for example y or z
-                     * - `keyLength` - The amount of value keys for this item, for
+                     * - `key` -  The point key,
+            for example y or z
+                     * - `keyLength` - The amount of value keys for this item,
+            for
                      *   example a range series has the keys `low` and `high` so the
                      *   key length is 2.
                      *
                      * If [useMultiLevelHeaders](#exporting.useMultiLevelHeaders) is
-                     * true, columnHeaderFormatter by default returns an object with
+                     * true,
+            columnHeaderFormatter by default returns an object with
                      * columnTitle and topLevelColumnTitle for each key. Columns with
                      * the same topLevelColumnTitle have their titles merged into a
                      * single cell with colspan for table/Excel export.
                      *
-                     * If `useMultiLevelHeaders` is false, or for CSV export, it returns
-                     * the series name, followed by the key if there is more than one
+                     * If `useMultiLevelHeaders` is false,
+            or for CSV export,
+            it returns
+                     * the series name,
+            followed by the key if there is more than one
                      * key.
                      *
                      * For the axis it returns the axis title or "Category" or
@@ -329,7 +171,9 @@
                     dateFormat: '%Y-%m-%d %H:%M:%S',
                     /**
                      * Which decimal point to use for exported CSV. Defaults to the same
-                     * as the browser locale, typically `.` (English) or `,` (German,
+                     * as the browser locale,
+            typically `.` (English) or `,
+            ` (German,
                      * French etc).
                      *
                      * @type  {string|null}
@@ -339,14 +183,19 @@
                     /**
                      * The item delimiter in the exported data. Use `;` for direct
                      * exporting to Excel. Defaults to a best guess based on the browser
-                     * locale. If the locale _decimal point_ is `,`, the `itemDelimiter`
-                     * defaults to `;`, otherwise the `itemDelimiter` defaults to `,`.
+                     * locale. If the locale _decimal point_ is `,
+            `,
+            the `itemDelimiter`
+                     * defaults to `;`,
+            otherwise the `itemDelimiter` defaults to `,
+            `.
                      *
                      * @type {string|null}
                      */
                     itemDelimiter: null,
                     /**
-                     * The line delimiter in the exported data, defaults to a newline.
+                     * The line delimiter in the exported data,
+            defaults to a newline.
                      */
                     lineDelimiter: '\n'
                 },
@@ -365,7 +214,8 @@
                 showTable: false,
                 /**
                  * Use multi level headers in data table. If [csv.columnHeaderFormatter
-                 * ](#exporting.csv.columnHeaderFormatter) is defined, it has to return
+                 * ](#exporting.csv.columnHeaderFormatter) is defined,
+            it has to return
                  * objects in order for multi level headers to work.
                  *
                  * @sample highcharts/export-data/multilevel-table
@@ -376,7 +226,8 @@
                  */
                 useMultiLevelHeaders: true,
                 /**
-                 * If using multi level table headers, use rowspans for headers that
+                 * If using multi level table headers,
+            use rowspans for headers that
                  * have only one level.
                  *
                  * @sample highcharts/export-data/multilevel-table
@@ -386,13 +237,12 @@
                  * @requires modules/export-data
                  */
                 useRowspanHeaders: true
-            },
-            /**
-             * @optionparent lang
-             *
-             * @private
-             */
-            lang: {
+            };
+        /**
+         * @optionparent lang
+         * @private
+         */
+        var lang = {
                 /**
                  * The text for the menu item.
                  *
@@ -441,43 +291,319 @@
                  * @requires modules/export-data
                  */
                 hideData: 'Hide data table'
+            };
+        /* *
+         *
+         *  Default Export
+         *
+         * */
+        var ExportDataDefaults = {
+                exporting: exporting,
+                lang: lang
+            };
+        /* *
+         *
+         *  API Options
+         *
+         * */
+        /**
+         * Callback that fires while exporting data. This allows the modification of
+         * data rows before processed into the final format.
+         *
+         * @type      {Highcharts.ExportDataCallbackFunction}
+         * @context   Highcharts.Chart
+         * @requires  modules/export-data
+         * @apioption chart.events.exportData
+         */
+        /**
+         * When set to `false` will prevent the series data from being included in
+         * any form of data export.
+         *
+         * Since version 6.0.0 until 7.1.0 the option was existing undocumented
+         * as `includeInCSVExport`.
+         *
+         * @type      {boolean}
+         * @since     7.1.0
+         * @requires  modules/export-data
+         * @apioption plotOptions.series.includeInDataExport
+         */
+        (''); // keep doclets above in JS file
+
+        return ExportDataDefaults;
+    });
+    _registerModule(_modules, 'Extensions/DownloadURL.js', [_modules['Core/Globals.js']], function (Highcharts) {
+        /* *
+         *
+         *  (c) 2015-2021 Oystein Moseng
+         *
+         *  License: www.highcharts.com/license
+         *
+         *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+         *
+         *  Mixin for downloading content in the browser
+         *
+         * */
+        var isSafari = Highcharts.isSafari;
+        var win = Highcharts.win,
+            doc = win.document,
+            domurl = win.URL || win.webkitURL || win;
+        /**
+         * Convert base64 dataURL to Blob if supported, otherwise returns undefined.
+         * @private
+         * @function Highcharts.dataURLtoBlob
+         * @param {string} dataURL
+         *        URL to convert
+         * @return {string|undefined}
+         *         Blob
+         */
+        var dataURLtoBlob = Highcharts.dataURLtoBlob = function (dataURL) {
+                var parts = dataURL
+                    .replace(/filename=.*;/, '')
+                    .match(/data:([^;]*)(;base64)?,([0-9A-Za-z+/]+)/);
+            if (parts &&
+                parts.length > 3 &&
+                (win.atob) &&
+                win.ArrayBuffer &&
+                win.Uint8Array &&
+                win.Blob &&
+                (domurl.createObjectURL)) {
+                // Try to convert data URL to Blob
+                var binStr = win.atob(parts[3]),
+                    buf = new win.ArrayBuffer(binStr.length),
+                    binary = new win.Uint8Array(buf);
+                for (var i = 0; i < binary.length; ++i) {
+                    binary[i] = binStr.charCodeAt(i);
+                }
+                var blob = new win.Blob([binary], { 'type': parts[1] });
+                return domurl.createObjectURL(blob);
             }
-        });
-        /* eslint-disable no-invalid-this */
-        // Add an event listener to handle the showTable option
-        addEvent(Chart, 'render', function () {
-            if (this.options &&
-                this.options.exporting &&
-                this.options.exporting.showTable &&
-                !this.options.chart.forExport &&
-                !this.dataTableDiv) {
-                this.viewData();
-            }
-        });
-        /* eslint-enable no-invalid-this */
+        };
         /**
-         * Set up key-to-axis bindings. This is used when the Y axis is datetime or
-         * categorized. For example in an arearange series, the low and high values
-         * should be formatted according to the Y axis type, and in order to link them
-         * we need this map.
+         * Download a data URL in the browser. Can also take a blob as first param.
          *
          * @private
-         * @function Highcharts.Chart#setUpKeyToAxis
+         * @function Highcharts.downloadURL
+         * @param {string|global.URL} dataURL
+         *        The dataURL/Blob to download
+         * @param {string} filename
+         *        The name of the resulting file (w/extension)
+         * @return {void}
          */
-        Chart.prototype.setUpKeyToAxis = function () {
-            if (seriesTypes.arearange) {
-                seriesTypes.arearange.prototype.keyToAxis = {
-                    low: 'y',
-                    high: 'y'
-                };
+        var downloadURL = Highcharts.downloadURL = function (dataURL,
+            filename) {
+                var nav = win.navigator,
+            a = doc.createElement('a');
+            // IE specific blob implementation
+            // Don't use for normal dataURLs
+            if (typeof dataURL !== 'string' &&
+                !(dataURL instanceof String) &&
+                nav.msSaveOrOpenBlob) {
+                nav.msSaveOrOpenBlob(dataURL, filename);
+                return;
             }
-            if (seriesTypes.gantt) {
-                seriesTypes.gantt.prototype.keyToAxis = {
-                    start: 'x',
-                    end: 'x'
-                };
+            dataURL = "".concat(dataURL);
+            // Some browsers have limitations for data URL lengths. Try to convert to
+            // Blob or fall back. Edge always needs that blob.
+            var isOldEdgeBrowser = /Edge\/\d+/.test(nav.userAgent);
+            // Safari on iOS needs Blob in order to download PDF
+            var safariBlob = (isSafari &&
+                    typeof dataURL === 'string' &&
+                    dataURL.indexOf('data:application/pdf') === 0);
+            if (safariBlob || isOldEdgeBrowser || dataURL.length > 2000000) {
+                dataURL = dataURLtoBlob(dataURL) || '';
+                if (!dataURL) {
+                    throw new Error('Failed to convert to blob');
+                }
             }
+            // Try HTML5 download attr if supported
+            if (typeof a.download !== 'undefined') {
+                a.href = dataURL;
+                a.download = filename; // HTML5 download attribute
+                doc.body.appendChild(a);
+                a.click();
+                doc.body.removeChild(a);
+            }
+            else {
+                // No download attr, just opening data URI
+                try {
+                    var windowRef = win.open(dataURL, 'chart');
+                    if (typeof windowRef === 'undefined' || windowRef === null) {
+                        throw new Error('Failed to open window');
+                    }
+                }
+                catch (e) {
+                    // window.open failed, trying location.href
+                    win.location.href = dataURL;
+                }
+            }
+        };
+        var DownloadURL = {
+                dataURLtoBlob: dataURLtoBlob,
+                downloadURL: downloadURL
+            };
+
+        return DownloadURL;
+    });
+    _registerModule(_modules, 'Extensions/ExportData/ExportData.js', [_modules['Core/Renderer/HTML/AST.js'], _modules['Extensions/ExportData/ExportDataDefaults.js'], _modules['Core/Globals.js'], _modules['Core/DefaultOptions.js'], _modules['Extensions/DownloadURL.js'], _modules['Core/Series/SeriesRegistry.js'], _modules['Core/Utilities.js']], function (AST, ExportDataDefaults, H, D, DownloadURL, SeriesRegistry, U) {
+        /* *
+         *
+         *  Experimental data export module for Highcharts
+         *
+         *  (c) 2010-2021 Torstein Honsi
+         *
+         *  License: www.highcharts.com/license
+         *
+         *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+         *
+         * */
+        // @todo
+        // - Set up systematic tests for all series types, paired with tests of the data
+        //   module importing the same data.
+        var __spreadArray = (this && this.__spreadArray) || function (to,
+            from,
+            pack) {
+                if (pack || arguments.length === 2) for (var i = 0,
+            l = from.length,
+            ar; i < l; i++) {
+                    if (ar || !(i in from)) {
+                        if (!ar) ar = Array.prototype.slice.call(from, 0,
+            i);
+                    ar[i] = from[i];
+                }
+            }
+            return to.concat(ar || Array.prototype.slice.call(from));
         };
+        var doc = H.doc,
+            win = H.win;
+        var getOptions = D.getOptions,
+            setOptions = D.setOptions;
+        var downloadURL = DownloadURL.downloadURL;
+        var SeriesClass = SeriesRegistry.series,
+            _a = SeriesRegistry.seriesTypes,
+            AreaRangeSeries = _a.arearange,
+            GanttSeries = _a.gantt,
+            MapSeries = _a.map,
+            MapBubbleSeries = _a.mapbubble,
+            TreemapSeries = _a.treemap;
+        var addEvent = U.addEvent,
+            defined = U.defined,
+            extend = U.extend,
+            find = U.find,
+            fireEvent = U.fireEvent,
+            isNumber = U.isNumber,
+            pick = U.pick;
+        /* *
+         *
+         *  Constants
+         *
+         * */
+        var composedClasses = [];
+        /* *
+         *
+         *  Functions
+         *
+         * */
+        /**
+         * Generates a data URL of CSV for local download in the browser. This is the
+         * default action for a click on the 'Download CSV' button.
+         *
+         * See {@link Highcharts.Chart#getCSV} to get the CSV data itself.
+         *
+         * @function Highcharts.Chart#downloadCSV
+         *
+         * @requires modules/exporting
+         */
+        function chartDownloadCSV() {
+            var csv = this.getCSV(true);
+            downloadURL(getBlobFromContent(csv, 'text/csv') ||
+                'data:text/csv,\uFEFF' + encodeURIComponent(csv), this.getFilename() + '.csv');
+        }
+        /**
+         * Generates a data URL of an XLS document for local download in the browser.
+         * This is the default action for a click on the 'Download XLS' button.
+         *
+         * See {@link Highcharts.Chart#getTable} to get the table data itself.
+         *
+         * @function Highcharts.Chart#downloadXLS
+         *
+         * @requires modules/exporting
+         */
+        function chartDownloadXLS() {
+            var uri = 'data:application/vnd.ms-excel;base64,', template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" ' +
+                    'xmlns:x="urn:schemas-microsoft-com:office:excel" ' +
+                    'xmlns="http://www.w3.org/TR/REC-html40">' +
+                    '<head><!--[if gte mso 9]><xml><x:ExcelWorkbook>' +
+                    '<x:ExcelWorksheets><x:ExcelWorksheet>' +
+                    '<x:Name>Ark1</x:Name>' +
+                    '<x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions>' +
+                    '</x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook>' +
+                    '</xml><![endif]-->' +
+                    '<style>td{border:none;font-family: Calibri, sans-serif;} ' +
+                    '.number{mso-number-format:"0.00";} ' +
+                    '.text{ mso-number-format:"\@";}</style>' +
+                    '<meta name=ProgId content=Excel.Sheet>' +
+                    '<meta charset=UTF-8>' +
+                    '</head><body>' +
+                    this.getTable(true) +
+                    '</body></html>', base64 = function (s) {
+                    return win.btoa(unescape(encodeURIComponent(s))); // #50
+                };
+            downloadURL(getBlobFromContent(template, 'application/vnd.ms-excel') ||
+                uri + base64(template), this.getFilename() + '.xls');
+        }
+        /**
+         * Export-data module required. Returns the current chart data as a CSV string.
+         *
+         * @function Highcharts.Chart#getCSV
+         *
+         * @param {boolean} [useLocalDecimalPoint]
+         *        Whether to use the local decimal point as detected from the browser.
+         *        This makes it easier to export data to Excel in the same locale as the
+         *        user is.
+         *
+         * @return {string}
+         *         CSV representation of the data
+         */
+        function chartGetCSV(useLocalDecimalPoint) {
+            var csv = '';
+            var rows = this.getDataRows(), csvOptions = this.options.exporting.csv, decimalPoint = pick(csvOptions.decimalPoint, csvOptions.itemDelimiter !== ',' && useLocalDecimalPoint ?
+                    (1.1).toLocaleString()[1] :
+                    '.'), 
+                // use ';' for direct to Excel
+                itemDelimiter = pick(csvOptions.itemDelimiter, decimalPoint === ',' ? ';' : ','), 
+                // '\n' isn't working with the js csv data extraction
+                lineDelimiter = csvOptions.lineDelimiter;
+            // Transform the rows to CSV
+            rows.forEach(function (row, i) {
+                var val = '',
+                    j = row.length;
+                while (j--) {
+                    val = row[j];
+                    if (typeof val === 'string') {
+                        val = '"' + val + '"';
+                    }
+                    if (typeof val === 'number') {
+                        if (decimalPoint !== '.') {
+                            val = val.toString().replace('.', decimalPoint);
+                        }
+                    }
+                    row[j] = val;
+                }
+                // The first row is the header - it defines the number of columns.
+                // Empty columns between not-empty cells are covered in the getDataRows
+                // method.
+                // Now add empty values only to the end of the row so all rows have
+                // the same number of columns, #17186
+                row.length = rows.length ? rows[0].length : 0;
+                // Add the values
+                csv += row.join(itemDelimiter);
+                // Add the line delimiter
+                if (i < rows.length - 1) {
+                    csv += lineDelimiter;
+                }
+            });
+            return csv;
+        }
         /**
          * Export-data module required. Returns a two-dimensional array containing the
          * current chart data.
@@ -494,21 +620,15 @@
          *
          * @emits Highcharts.Chart#event:exportData
          */
-        Chart.prototype.getDataRows = function (multiLevelHeaders) {
+        function chartGetDataRows(multiLevelHeaders) {
             var hasParallelCoords = this.hasParallelCoordinates,
                 time = this.time,
                 csvOptions = ((this.options.exporting && this.options.exporting.csv) || {}),
-                xAxis,
                 xAxes = this.xAxis,
                 rows = {},
                 rowArr = [],
-                dataRows,
                 topLevelColumnTitles = [],
                 columnTitles = [],
-                columnTitleObj,
-                i,
-                x,
-                xTitle,
                 langOptions = this.options.lang,
                 exportDataOptions = langOptions.exportData,
                 categoryHeader = exportDataOptions.categoryHeader,
@@ -528,7 +648,7 @@
                 if (!item) {
                     return categoryHeader;
                 }
-                if (item instanceof Axis) {
+                if (!(item instanceof SeriesClass)) {
                     return (item.options.title && item.options.title.text) ||
                         (item.dateTime ? categoryDatetimeHeader : categoryHeader);
                 }
@@ -584,9 +704,12 @@
                 }
                 return series.pointArrayMap || ['y'];
             }, xAxisIndices = [];
-            // Loop the series and index values
-            i = 0;
-            this.setUpKeyToAxis();
+            var xAxis,
+                dataRows,
+                columnTitleObj,
+                i = 0, // Loop the series and index values
+                x,
+                xTitle;
             this.series.forEach(function (series) {
                 var keys = series.options.keys,
                     xAxis = series.xAxis,
@@ -632,20 +755,18 @@
                     // Export directly from options.data because we need the uncropped
                     // data (#7913), and we need to support Boost (#7026).
                     series.options.data.forEach(function eachData(options, pIdx) {
+                        var mockPoint = { series: mockSeries };
                         var key,
                             prop,
-                            val,
-                            name,
-                            point;
+                            val;
                         // In parallel coordinates chart, each data point is connected
                         // to a separate yAxis, conform this
                         if (hasParallelCoords) {
                             categoryAndDatetimeMap = getCategoryAndDateTimeMap(series, pointArrayMap, pIdx);
                         }
-                        point = { series: mockSeries };
-                        series.pointClass.prototype.applyOptions.apply(point, [options]);
-                        key = point.x;
-                        name = series.data[pIdx] && series.data[pIdx].name;
+                        series.pointClass.prototype.applyOptions.apply(mockPoint, [options]);
+                        key = mockPoint.x;
+                        var name = series.data[pIdx] && series.data[pIdx].name;
                         j = 0;
                         // Pies, funnels, geo maps etc. use point name in X row
                         if (!xAxis ||
@@ -665,12 +786,12 @@
                             // Contain the X values from one or more X axes
                             rows[key].xValues = [];
                         }
-                        rows[key].x = point.x;
+                        rows[key].x = mockPoint.x;
                         rows[key].name = name;
-                        rows[key].xValues[xAxisIndex] = point.x;
+                        rows[key].xValues[xAxisIndex] = mockPoint.x;
                         while (j < valueCount) {
                             prop = pointArrayMap[j]; // y, z etc
-                            val = point[prop];
+                            val = mockPoint[prop];
                             rows[key][i + j] = pick(
                             // Y axis category if present
                             categoryAndDatetimeMap.categoryMap[prop][val], 
@@ -708,86 +829,39 @@
                     return a.xValues[xAxisIndex] - b.xValues[xAxisIndex];
                 });
                 // Add header row
-                xTitle = columnHeaderFormatter(xAxis);
-                dataRows[0].splice(column, 0, xTitle);
-                if (multiLevelHeaders && dataRows[1]) {
-                    // If using multi level headers, we just added top level header.
-                    // Also add for sub level
-                    dataRows[1].splice(column, 0, xTitle);
-                }
-                // Add the category column
-                rowArr.forEach(function (// eslint-disable-line no-loop-func
-                row) {
-                    var category = row.name;
-                    if (xAxis && !defined(category)) {
-                        if (xAxis.dateTime) {
-                            if (row.x instanceof Date) {
-                                row.x = row.x.getTime();
-                            }
-                            category = time.dateFormat(csvOptions.dateFormat, row.x);
-                        }
-                        else if (xAxis.categories) {
-                            category = pick(xAxis.names[row.x], xAxis.categories[row.x], row.x);
-                        }
-                        else {
-                            category = row.x;
-                        }
-                    }
-                    // Add the X/date/category
-                    row.splice(column, 0, category);
-                });
-            }
-            dataRows = dataRows.concat(rowArr);
-            fireEvent(this, 'exportData', { dataRows: dataRows });
-            return dataRows;
-        };
-        /**
-         * Export-data module required. Returns the current chart data as a CSV string.
-         *
-         * @function Highcharts.Chart#getCSV
-         *
-         * @param {boolean} [useLocalDecimalPoint]
-         *        Whether to use the local decimal point as detected from the browser.
-         *        This makes it easier to export data to Excel in the same locale as the
-         *        user is.
-         *
-         * @return {string}
-         *         CSV representation of the data
-         */
-        Chart.prototype.getCSV = function (useLocalDecimalPoint) {
-            var csv = '';
-            var rows = this.getDataRows(), csvOptions = this.options.exporting.csv, decimalPoint = pick(csvOptions.decimalPoint, csvOptions.itemDelimiter !== ',' && useLocalDecimalPoint ?
-                    (1.1).toLocaleString()[1] :
-                    '.'), 
-                // use ';' for direct to Excel
-                itemDelimiter = pick(csvOptions.itemDelimiter, decimalPoint === ',' ? ';' : ','), 
-                // '\n' isn't working with the js csv data extraction
-                lineDelimiter = csvOptions.lineDelimiter;
-            // Transform the rows to CSV
-            rows.forEach(function (row, i) {
-                var val = '',
-                    j = row.length;
-                while (j--) {
-                    val = row[j];
-                    if (typeof val === 'string') {
-                        val = '"' + val + '"';
-                    }
-                    if (typeof val === 'number') {
-                        if (decimalPoint !== '.') {
-                            val = val.toString().replace('.', decimalPoint);
+                xTitle = columnHeaderFormatter(xAxis);
+                dataRows[0].splice(column, 0, xTitle);
+                if (multiLevelHeaders && dataRows[1]) {
+                    // If using multi level headers, we just added top level header.
+                    // Also add for sub level
+                    dataRows[1].splice(column, 0, xTitle);
+                }
+                // Add the category column
+                rowArr.forEach(function (// eslint-disable-line no-loop-func
+                row) {
+                    var category = row.name;
+                    if (xAxis && !defined(category)) {
+                        if (xAxis.dateTime) {
+                            if (row.x instanceof Date) {
+                                row.x = row.x.getTime();
+                            }
+                            category = time.dateFormat(csvOptions.dateFormat, row.x);
+                        }
+                        else if (xAxis.categories) {
+                            category = pick(xAxis.names[row.x], xAxis.categories[row.x], row.x);
+                        }
+                        else {
+                            category = row.x;
                         }
                     }
-                    row[j] = val;
-                }
-                // Add the values
-                csv += row.join(itemDelimiter);
-                // Add the line delimiter
-                if (i < rows.length - 1) {
-                    csv += lineDelimiter;
-                }
-            });
-            return csv;
-        };
+                    // Add the X/date/category
+                    row.splice(column, 0, category);
+                });
+            }
+            dataRows = dataRows.concat(rowArr);
+            fireEvent(this, 'exportData', { dataRows: dataRows });
+            return dataRows;
+        }
         /**
          * Export-data module required. Build a HTML table with the chart's current
          * data.
@@ -807,18 +881,19 @@
          *
          * @emits Highcharts.Chart#event:afterGetTable
          */
-        Chart.prototype.getTable = function (useLocalDecimalPoint) {
+        function chartGetTable(useLocalDecimalPoint) {
             var serialize = function (node) {
                     if (!node.tagName || node.tagName === '#text') {
                         // Text node
                         return node.textContent || '';
                 }
                 var attributes = node.attributes;
-                var html = "<" + node.tagName;
+                var html = "<".concat(node.tagName);
                 if (attributes) {
-                    Object.keys(attributes).forEach(function (key) {
+                    Object.keys(attributes)
+                        .forEach(function (key) {
                         var value = attributes[key];
-                        html += " " + key + "=\"" + value + "\"";
+                        html += " ".concat(key, "=\"").concat(value, "\"");
                     });
                 }
                 html += '>';
@@ -826,12 +901,12 @@
                 (node.children || []).forEach(function (child) {
                     html += serialize(child);
                 });
-                html += "</" + node.tagName + ">";
+                html += "</".concat(node.tagName, ">");
                 return html;
             };
             var tree = this.getTableAST(useLocalDecimalPoint);
             return serialize(tree);
-        };
+        }
         /**
          * Get the AST of a HTML table representing the chart data.
          *
@@ -847,7 +922,7 @@
          * @return {Highcharts.ASTNode}
          *         The abstract syntax tree
          */
-        Chart.prototype.getTableAST = function (useLocalDecimalPoint) {
+        function chartGetTableAST(useLocalDecimalPoint) {
             var rowLength = 0;
             var treeChildren = [];
             var options = this.options,
@@ -875,17 +950,17 @@
             }, 
             // Get table cell HTML from value
             getCellHTMLFromValue = function (tagName, classes, attributes, value) {
-                var textContent = pick(value, ''), className = 'text' + (classes ? ' ' + classes : '');
+                var textContent = pick(value, ''), className = 'highcharts-text' + (classes ? ' ' + classes : '');
                 // Convert to string if number
                 if (typeof textContent === 'number') {
                     textContent = textContent.toString();
                     if (decimalPoint === ',') {
                         textContent = textContent.replace('.', decimalPoint);
                     }
-                    className = 'number';
+                    className = 'highcharts-number';
                 }
                 else if (!value) {
-                    className = 'empty';
+                    className = 'highcharts-empty';
                 }
                 attributes = extend({ 'class': className }, attributes);
                 return {
@@ -1016,115 +1091,25 @@
             var e = {
                     tree: {
                         tagName: 'table',
-                        id: "highcharts-data-table-" + this.index,
+                        id: "highcharts-data-table-".concat(this.index),
                         children: treeChildren
                     }
                 };
             fireEvent(this, 'aftergetTableAST', e);
             return e.tree;
-        };
-        /**
-         * Get a blob object from content, if blob is supported
-         *
-         * @private
-         * @param {string} content
-         *        The content to create the blob from.
-         * @param {string} type
-         *        The type of the content.
-         * @return {string|undefined}
-         *         The blob object, or undefined if not supported.
-         */
-        function getBlobFromContent(content, type) {
-            var nav = win.navigator,
-                webKit = (nav.userAgent.indexOf('WebKit') > -1 &&
-                    nav.userAgent.indexOf('Chrome') < 0),
-                domurl = win.URL || win.webkitURL || win;
-            try {
-                // MS specific
-                if ((nav.msSaveOrOpenBlob) && win.MSBlobBuilder) {
-                    var blob = new win.MSBlobBuilder();
-                    blob.append(content);
-                    return blob.getBlob('image/svg+xml');
-                }
-                // Safari requires data URI since it doesn't allow navigation to blob
-                // URLs.
-                if (!webKit) {
-                    return domurl.createObjectURL(new win.Blob(['\uFEFF' + content], // #7084
-                    { type: type }));
-                }
-            }
-            catch (e) {
-                // Ignore
-            }
         }
-        /* eslint-disable valid-jsdoc */
-        /**
-         * Generates a data URL of CSV for local download in the browser. This is the
-         * default action for a click on the 'Download CSV' button.
-         *
-         * See {@link Highcharts.Chart#getCSV} to get the CSV data itself.
-         *
-         * @function Highcharts.Chart#downloadCSV
-         *
-         * @requires modules/exporting
-         */
-        Chart.prototype.downloadCSV = function () {
-            var csv = this.getCSV(true);
-            downloadURL(getBlobFromContent(csv, 'text/csv') ||
-                'data:text/csv,\uFEFF' + encodeURIComponent(csv), this.getFilename() + '.csv');
-        };
-        /**
-         * Generates a data URL of an XLS document for local download in the browser.
-         * This is the default action for a click on the 'Download XLS' button.
-         *
-         * See {@link Highcharts.Chart#getTable} to get the table data itself.
-         *
-         * @function Highcharts.Chart#downloadXLS
-         *
-         * @requires modules/exporting
-         */
-        Chart.prototype.downloadXLS = function () {
-            var uri = 'data:application/vnd.ms-excel;base64,', template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" ' +
-                    'xmlns:x="urn:schemas-microsoft-com:office:excel" ' +
-                    'xmlns="http://www.w3.org/TR/REC-html40">' +
-                    '<head><!--[if gte mso 9]><xml><x:ExcelWorkbook>' +
-                    '<x:ExcelWorksheets><x:ExcelWorksheet>' +
-                    '<x:Name>Ark1</x:Name>' +
-                    '<x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions>' +
-                    '</x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook>' +
-                    '</xml><![endif]-->' +
-                    '<style>td{border:none;font-family: Calibri, sans-serif;} ' +
-                    '.number{mso-number-format:"0.00";} ' +
-                    '.text{ mso-number-format:"\@";}</style>' +
-                    '<meta name=ProgId content=Excel.Sheet>' +
-                    '<meta charset=UTF-8>' +
-                    '</head><body>' +
-                    this.getTable(true) +
-                    '</body></html>', base64 = function (s) {
-                    return win.btoa(unescape(encodeURIComponent(s))); // #50
-                };
-            downloadURL(getBlobFromContent(template, 'application/vnd.ms-excel') ||
-                uri + base64(template), this.getFilename() + '.xls');
-        };
-        /**
-         * Export-data module required. View the data in a table below the chart.
-         *
-         * @function Highcharts.Chart#viewData
-         *
-         * @emits Highcharts.Chart#event:afterViewData
-         */
-        Chart.prototype.viewData = function () {
-            this.toggleDataTable(true);
-        };
         /**
          * Export-data module required. Hide the data table when visible.
          *
          * @function Highcharts.Chart#hideData
          */
-        Chart.prototype.hideData = function () {
+        function chartHideData() {
             this.toggleDataTable(false);
-        };
-        Chart.prototype.toggleDataTable = function (show) {
+        }
+        /**
+         * @private
+         */
+        function chartToggleDataTable(show) {
             show = pick(show, !this.isDataTableVisible);
             // Create the div
             if (show && !this.dataTableDiv) {
@@ -1153,8 +1138,8 @@
                     options.buttons &&
                     options.buttons.contextButton.menuItems,
                 lang = this.options.lang;
-            if (exportingOptions &&
-                exportingOptions.menuItemDefinitions &&
+            if (options &&
+                options.menuItemDefinitions &&
                 lang &&
                 lang.viewData &&
                 lang.hideData &&
@@ -1165,48 +1150,235 @@
                     AST.setElementHTML(exportDivElement, this.isDataTableVisible ? lang.hideData : lang.viewData);
                 }
             }
-        };
-        // Add "Download CSV" to the exporting menu.
-        var exportingOptions = getOptions().exporting;
-        if (exportingOptions) {
-            extend(exportingOptions.menuItemDefinitions, {
-                downloadCSV: {
-                    textKey: 'downloadCSV',
-                    onclick: function () {
-                        this.downloadCSV();
-                    }
-                },
-                downloadXLS: {
-                    textKey: 'downloadXLS',
-                    onclick: function () {
-                        this.downloadXLS();
-                    }
-                },
-                viewData: {
-                    textKey: 'viewData',
-                    onclick: function () {
-                        this.toggleDataTable();
+        }
+        /**
+         * Export-data module required. View the data in a table below the chart.
+         *
+         * @function Highcharts.Chart#viewData
+         *
+         * @emits Highcharts.Chart#event:afterViewData
+         */
+        function chartViewData() {
+            this.toggleDataTable(true);
+        }
+        /**
+         * @private
+         */
+        function compose(ChartClass) {
+            if (composedClasses.indexOf(ChartClass) === -1) {
+                composedClasses.push(ChartClass);
+                // Add an event listener to handle the showTable option
+                addEvent(ChartClass, 'afterViewData', onChartAfterViewData);
+                addEvent(ChartClass, 'render', onChartRenderer);
+                var chartProto = ChartClass.prototype;
+                chartProto.downloadCSV = chartDownloadCSV;
+                chartProto.downloadXLS = chartDownloadXLS;
+                chartProto.getCSV = chartGetCSV;
+                chartProto.getDataRows = chartGetDataRows;
+                chartProto.getTable = chartGetTable;
+                chartProto.getTableAST = chartGetTableAST;
+                chartProto.hideData = chartHideData;
+                chartProto.toggleDataTable = chartToggleDataTable;
+                chartProto.viewData = chartViewData;
+            }
+            if (composedClasses.indexOf(setOptions) === -1) {
+                composedClasses.push(setOptions);
+                var exportingOptions = getOptions().exporting;
+                // Add "Download CSV" to the exporting menu.
+                // @todo consider move to defaults
+                if (exportingOptions) {
+                    extend(exportingOptions.menuItemDefinitions, {
+                        downloadCSV: {
+                            textKey: 'downloadCSV',
+                            onclick: function () {
+                                this.downloadCSV();
+                            }
+                        },
+                        downloadXLS: {
+                            textKey: 'downloadXLS',
+                            onclick: function () {
+                                this.downloadXLS();
+                            }
+                        },
+                        viewData: {
+                            textKey: 'viewData',
+                            onclick: function () {
+                                this.toggleDataTable();
+                            }
+                        }
+                    });
+                    if (exportingOptions.buttons &&
+                        exportingOptions.buttons.contextButton.menuItems) {
+                        exportingOptions.buttons.contextButton.menuItems.push('separator', 'downloadCSV', 'downloadXLS', 'viewData');
                     }
                 }
-            });
-            if (exportingOptions.buttons) {
-                exportingOptions.buttons.contextButton.menuItems.push('separator', 'downloadCSV', 'downloadXLS', 'viewData');
+                setOptions(ExportDataDefaults);
+            }
+            if (AreaRangeSeries && composedClasses.indexOf(AreaRangeSeries) === -1) {
+                composedClasses.push(AreaRangeSeries);
+                AreaRangeSeries.prototype.keyToAxis = {
+                    low: 'y',
+                    high: 'y'
+                };
+            }
+            if (GanttSeries && composedClasses.indexOf(GanttSeries) === -1) {
+                composedClasses.push(GanttSeries);
+                GanttSeries.prototype.keyToAxis = {
+                    start: 'x',
+                    end: 'x'
+                };
+            }
+            if (MapSeries && composedClasses.indexOf(MapSeries) === -1) {
+                composedClasses.push(MapSeries);
+                MapSeries.prototype.exportKey = 'name';
+            }
+            if (MapBubbleSeries && composedClasses.indexOf(MapBubbleSeries) === -1) {
+                composedClasses.push(MapBubbleSeries);
+                MapBubbleSeries.prototype.exportKey = 'name';
+            }
+            if (TreemapSeries && composedClasses.indexOf(TreemapSeries) === -1) {
+                composedClasses.push(TreemapSeries);
+                TreemapSeries.prototype.exportKey = 'name';
             }
         }
-        // Series specific
-        if (seriesTypes.map) {
-            seriesTypes.map.prototype.exportKey = 'name';
+        /**
+         * Get a blob object from content, if blob is supported
+         *
+         * @private
+         * @param {string} content
+         *        The content to create the blob from.
+         * @param {string} type
+         *        The type of the content.
+         * @return {string|undefined}
+         *         The blob object, or undefined if not supported.
+         */
+        function getBlobFromContent(content, type) {
+            var nav = win.navigator,
+                webKit = (nav.userAgent.indexOf('WebKit') > -1 &&
+                    nav.userAgent.indexOf('Chrome') < 0),
+                domurl = win.URL || win.webkitURL || win;
+            try {
+                // MS specific
+                if ((nav.msSaveOrOpenBlob) && win.MSBlobBuilder) {
+                    var blob = new win.MSBlobBuilder();
+                    blob.append(content);
+                    return blob.getBlob('image/svg+xml');
+                }
+                // Safari requires data URI since it doesn't allow navigation to blob
+                // URLs.
+                if (!webKit) {
+                    return domurl.createObjectURL(new win.Blob(['\uFEFF' + content], // #7084
+                    { type: type }));
+                }
+            }
+            catch (e) {
+                // Ignore
+            }
         }
-        if (seriesTypes.mapbubble) {
-            seriesTypes.mapbubble.prototype.exportKey = 'name';
+        /**
+         * @private
+         */
+        function onChartAfterViewData() {
+            var chart = this,
+                dataTableDiv = chart.dataTableDiv,
+                row = document.querySelectorAll('thead')[0].querySelectorAll('tr')[0],
+                getCellValue = function (tr,
+                index) {
+                    return tr.children[index].textContent;
+            }, comparer = function (index, ascending) {
+                return function (a, b) {
+                    var sort = function (v1,
+                        v2) { return (v1 !== '' && v2 !== '' && !isNaN(v1) && !isNaN(v2) ?
+                            v1 - v2 :
+                            v1.toString().localeCompare(v2)); };
+                    return sort(getCellValue(ascending ? a : b, index), getCellValue(ascending ? b : a, index));
+                };
+            };
+            if (dataTableDiv) {
+                row.childNodes.forEach(function (th) {
+                    var table = th.closest('table');
+                    th.addEventListener('click', function () {
+                        var rows = __spreadArray([],
+                            dataTableDiv.querySelectorAll('tr:not(thead tr)'),
+                            true),
+                            headers = __spreadArray([],
+                            th.parentNode.children,
+                            true);
+                        rows.sort(comparer(headers.indexOf(th), chart.ascendingOrderInTable =
+                            !chart.ascendingOrderInTable)).forEach(function (tr) {
+                            table.appendChild(tr);
+                        });
+                        headers.forEach(function (th) {
+                            ['highcharts-sort-ascending', 'highcharts-sort-descending']
+                                .forEach(function (className) {
+                                if (th.classList.contains(className)) {
+                                    th.classList.remove(className);
+                                }
+                            });
+                        });
+                        th.classList.add(chart.ascendingOrderInTable ?
+                            'highcharts-sort-ascending' :
+                            'highcharts-sort-descending');
+                    });
+                });
+            }
         }
-        if (seriesTypes.treemap) {
-            seriesTypes.treemap.prototype.exportKey = 'name';
+        /**
+         * Handle the showTable option
+         * @private
+         */
+        function onChartRenderer() {
+            if (this.options &&
+                this.options.exporting &&
+                this.options.exporting.showTable &&
+                !this.options.chart.forExport) {
+                this.viewData();
+            }
         }
+        /* *
+         *
+         *  Default Export
+         *
+         * */
+        var ExportData = {
+                compose: compose
+            };
+        /* *
+         *
+         *  API Declarations
+         *
+         * */
+        /**
+         * Function callback to execute while data rows are processed for exporting.
+         * This allows the modification of data rows before processed into the final
+         * format.
+         *
+         * @callback Highcharts.ExportDataCallbackFunction
+         * @extends Highcharts.EventCallbackFunction<Highcharts.Chart>
+         *
+         * @param {Highcharts.Chart} this
+         * Chart context where the event occured.
+         *
+         * @param {Highcharts.ExportDataEventObject} event
+         * Event object with data rows that can be modified.
+         */
+        /**
+         * Contains information about the export data event.
+         *
+         * @interface Highcharts.ExportDataEventObject
+         */ /**
+        * Contains the data rows for the current export task and can be modified.
+        * @name Highcharts.ExportDataEventObject#dataRows
+        * @type {Array<Array<string>>}
+        */
+        (''); // keeps doclets above in JS file
 
+        return ExportData;
     });
-    _registerModule(_modules, 'masters/modules/export-data.src.js', [], function () {
+    _registerModule(_modules, 'masters/modules/export-data.src.js', [_modules['Core/Globals.js'], _modules['Extensions/ExportData/ExportData.js']], function (Highcharts, ExportData) {
 
+        var G = Highcharts;
+        ExportData.compose(G.Chart);
 
     });
 }));