highcharts 9.2.0 → 9.3.1

package/es-modules/Extensions/Boost/BoostOptions.js

@@ -65,8 +65,8 @@ import '../../Core/Globals.js';
  * a significant speed improvment in charts with a very high
  * amount of series.
  *
- * @type      {number|null}
- * @default   null
+ * @type      {number}
+ * @default   50
  * @apioption boost.seriesThreshold
  */
 /**

package/es-modules/Extensions/Boost/BoostOverrides.js

@@ -220,7 +220,8 @@ wrap(Series.prototype, 'getExtremes', function (proceed) {
 // If the series is a heatmap or treemap, or if the series is not boosting
 // do the default behaviour. Otherwise, process if the series has no extremes.
 wrap(Series.prototype, 'processData', function (proceed) {
-    var series = this, dataToMeasure = this.options.data, firstPoint;
+    var series = this;
+    var dataToMeasure = this.options.data;
     /**
      * Used twice in this function, first on this.options.data, the second
      * time it runs the check again after processedXData is built.
@@ -254,6 +255,7 @@ wrap(Series.prototype, 'processData', function (proceed) {
         // Enter or exit boost mode
         if (this.isSeriesBoosting) {
             // Force turbo-mode:
+            var firstPoint = void 0;
             if (this.options.data && this.options.data.length) {
                 firstPoint = this.getFirstValidPoint(this.options.data);
                 if (!isNumber(firstPoint) && !isArray(firstPoint)) {

package/es-modules/Extensions/Boost/WGLShader.js

@@ -371,7 +371,8 @@ function GLShader(gl) {
      */
     function setBubbleUniforms(series, zCalcMin, zCalcMax) {
         var seriesOptions = series.options, zMin = Number.MAX_VALUE, zMax = -Number.MAX_VALUE;
-        if (gl && shaderProgram && series.type === 'bubble') {
+        if (gl && shaderProgram && series.is('bubble')) {
+            var pxSizes = series.getPxExtremes();
             zMin = pick(seriesOptions.zMin, clamp(zCalcMin, seriesOptions.displayNegative === false ?
                 seriesOptions.zThreshold : -Number.MAX_VALUE, zMin));
             zMax = pick(seriesOptions.zMax, Math.max(zMax, zCalcMax));
@@ -383,8 +384,8 @@ function GLShader(gl) {
             setUniform('bubbleZMin', zMin);
             setUniform('bubbleZMax', zMax);
             setUniform('bubbleZThreshold', series.options.zThreshold);
-            setUniform('bubbleMinSize', series.minPxSize);
-            setUniform('bubbleMaxSize', series.maxPxSize);
+            setUniform('bubbleMinSize', pxSizes.minPxSize);
+            setUniform('bubbleMaxSize', pxSizes.maxPxSize);
         }
     }
     /**

package/es-modules/Extensions/BoostCanvas.js

@@ -18,7 +18,6 @@ import Color from '../Core/Color/Color.js';
 var color = Color.parse;
 import H from '../Core/Globals.js';
 var doc = H.doc, noop = H.noop;
-import palette from '../Core/Color/Palette.js';
 import Series from '../Core/Series/Series.js';
 import SeriesRegistry from '../Core/Series/SeriesRegistry.js';
 var seriesTypes = SeriesRegistry.seriesTypes;
@@ -295,7 +294,7 @@ var initCanvasBoost = function () {
             if (rawData.length > 99999) {
                 chart.options.loading = merge(loadingOptions, {
                     labelStyle: {
-                        backgroundColor: color(palette.backgroundColor).setOpacity(0.75).get(),
+                        backgroundColor: color("#ffffff" /* backgroundColor */).setOpacity(0.75).get(),
                         padding: '1em',
                         borderRadius: '0.5em'
                     },

package/es-modules/Extensions/CurrentDateIndication.js

@@ -11,7 +11,6 @@
  * */
 'use strict';
 import Axis from '../Core/Axis/Axis.js';
-import Palette from '../Core/Color/Palette.js';
 import PlotLineOrBand from '../Core/Axis/PlotLineOrBand/PlotLineOrBand.js';
 import U from '../Core/Utilities.js';
 var addEvent = U.addEvent, merge = U.merge, wrap = U.wrap;
@@ -34,7 +33,7 @@ var addEvent = U.addEvent, merge = U.merge, wrap = U.wrap;
  * @apioption xAxis.currentDateIndicator
  */
 var defaultOptions = {
-    color: Palette.highlightColor20,
+    color: "#ccd6eb" /* highlightColor20 */,
     width: 2,
     /**
      * @declare Highcharts.AxisCurrentDateIndicatorLabelOptions
@@ -42,7 +41,7 @@ var defaultOptions = {
     label: {
         /**
          * Format of the label. This options is passed as the fist argument to
-         * [dateFormat](/class-reference/Highcharts#.dateFormat) function.
+         * [dateFormat](/class-reference/Highcharts.Time#dateFormat) function.
          *
          * @type      {string}
          * @default   %a, %b %d %Y, %H:%M

package/es-modules/Extensions/Data.js

@@ -244,8 +244,26 @@ var addEvent = U.addEvent, defined = U.defined, extend = U.extend, fireEvent = U
  * @apioption data.firstRowAsNames
  */
 /**
- * The key for a Google Spreadsheet to load. See [general information
- * on GS](https://developers.google.com/gdata/samples/spreadsheet_sample).
+ * The Google Spreadsheet API key required for access generated at [API Services
+ * / Credentials](https://console.cloud.google.com/apis/credentials). See a
+ * comprehensive tutorial for setting up the key at the
+ * [Hands-On Data Visualization](https://handsondataviz.org/google-sheets-api-key.html)
+ * book website.
+ *
+ * @sample {highcharts} highcharts/data/google-spreadsheet/
+ *         Load a Google Spreadsheet
+ *
+ * @type      {string}
+ * @since     9.2.2
+ * @apioption data.googleAPIKey
+ */
+/**
+ * The key or `spreadsheetId` value for a Google Spreadsheet to load. See
+ * [developers.google.com](https://developers.google.com/sheets/api/guides/concepts)
+ * for how to find the `spreadsheetId`.
+ *
+ * In order for Google Sheets to load, a valid [googleAPIKey](#data.googleAPIKey)
+ * must also be given.
  *
  * @sample {highcharts} highcharts/data/google-spreadsheet/
  *         Load a Google Spreadsheet
@@ -255,13 +273,31 @@ var addEvent = U.addEvent, defined = U.defined, extend = U.extend, fireEvent = U
  * @apioption data.googleSpreadsheetKey
  */
 /**
- * The Google Spreadsheet worksheet to use in combination with
- * [googleSpreadsheetKey](#data.googleSpreadsheetKey). The available id's from
- * your sheet can be read from `https://spreadsheets.google.com/feeds/worksheets/{key}/public/basic`.
+ * The Google Spreadsheet `range` to use in combination with
+ * [googleSpreadsheetKey](#data.googleSpreadsheetKey). See
+ * [developers.google.com](https://developers.google.com/sheets/api/reference/rest/v4/spreadsheets.values/get)
+ * for details.
+ *
+ * If given, it takes precedence over `startColumn`, `endColumn`, `startRow` and
+ * `endRow`.
+ *
+ * @example
+ * googleSpreadsheetRange: 'Fruit Consumption' // Load a named worksheet
+ * googleSpreadsheetRange: 'A:Z' // Load columns A to Z
  *
  * @sample {highcharts} highcharts/data/google-spreadsheet/
  *         Load a Google Spreadsheet
  *
+ * @type      {string|undefined}
+ * @since     9.2.2
+ * @apioption data.googleSpreadsheetRange
+ */
+/**
+ * No longer works since v9.2.2, that uses Google Sheets API v4. Instead, use
+ * the [googleSpreadsheetRange](#data.googleSpreadsheetRange) option to load a
+ * specific sheet.
+ *
+ * @deprecated
  * @type      {string}
  * @since     4.0
  * @apioption data.googleSpreadsheetWorksheet
@@ -1290,24 +1326,39 @@ var Data = /** @class */ (function () {
      *         Always returns false, because it is an intermediate fetch.
      */
     Data.prototype.parseGoogleSpreadsheet = function () {
-        var data = this, options = this.options, googleSpreadsheetKey = options.googleSpreadsheetKey, chart = this.chart, 
-        // use sheet 1 as the default rather than od6
-        // as the latter sometimes cause issues (it looks like it can
-        // be renamed in some cases, ref. a fogbugz case).
-        worksheet = options.googleSpreadsheetWorksheet || 1, startRow = options.startRow || 0, endRow = options.endRow || Number.MAX_VALUE, startColumn = options.startColumn || 0, endColumn = options.endColumn || Number.MAX_VALUE, refreshRate = (options.dataRefreshRate || 2) * 1000;
-        if (refreshRate < 4000) {
-            refreshRate = 4000;
-        }
+        var data = this, options = this.options, googleSpreadsheetKey = options.googleSpreadsheetKey, chart = this.chart, refreshRate = Math.max((options.dataRefreshRate || 2) * 1000, 4000);
+        /**
+         * Form the `values` field after range settings, unless the
+         * googleSpreadsheetRange option is set.
+         */
+        var getRange = function () {
+            if (options.googleSpreadsheetRange) {
+                return options.googleSpreadsheetRange;
+            }
+            var alphabet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+            var start = (alphabet.charAt(options.startColumn || 0) || 'A') +
+                ((options.startRow || 0) + 1);
+            var end = alphabet.charAt(pick(options.endColumn, -1)) || 'ZZ';
+            if (defined(options.endRow)) {
+                end += options.endRow + 1;
+            }
+            return start + ":" + end;
+        };
         /**
          * Fetch the actual spreadsheet using XMLHttpRequest.
          * @private
          */
         function fetchSheet(fn) {
             var url = [
-                'https://spreadsheets.google.com/feeds/cells',
+                'https://sheets.googleapis.com/v4/spreadsheets',
                 googleSpreadsheetKey,
-                worksheet,
-                'public/values?alt=json'
+                'values',
+                getRange(),
+                '?alt=json&' +
+                    'majorDimension=COLUMNS&' +
+                    'valueRenderOption=UNFORMATTED_VALUE&' +
+                    'dateTimeRenderOption=FORMATTED_STRING&' +
+                    'key=' + options.googleAPIKey
             ].join('/');
             ajax({
                 url: url,
@@ -1317,7 +1368,7 @@ var Data = /** @class */ (function () {
                     if (options.enablePolling) {
                         setTimeout(function () {
                             fetchSheet(fn);
-                        }, (options.dataRefreshRate || 2) * 1000);
+                        }, refreshRate);
                     }
                 },
                 error: function (xhr, text) {
@@ -1329,60 +1380,15 @@ var Data = /** @class */ (function () {
             delete options.googleSpreadsheetKey;
             fetchSheet(function (json) {
                 // Prepare the data from the spreadsheat
-                var columns = [], cells = json.feed.entry, cell, cellCount = (cells || []).length, colCount = 0, rowCount = 0, val, gr, gc, cellInner, i;
-                if (!cells || cells.length === 0) {
+                var columns = json.values;
+                if (!columns || columns.length === 0) {
                     return false;
                 }
-                // First, find the total number of columns and rows that
-                // are actually filled with data
-                for (i = 0; i < cellCount; i++) {
-                    cell = cells[i];
-                    colCount = Math.max(colCount, cell.gs$cell.col);
-                    rowCount = Math.max(rowCount, cell.gs$cell.row);
-                }
-                // Set up arrays containing the column data
-                for (i = 0; i < colCount; i++) {
-                    if (i >= startColumn && i <= endColumn) {
-                        // Create new columns with the length of either
-                        // end-start or rowCount
-                        columns[i - startColumn] = [];
-                    }
-                }
-                // Loop over the cells and assign the value to the right
-                // place in the column arrays
-                for (i = 0; i < cellCount; i++) {
-                    cell = cells[i];
-                    gr = cell.gs$cell.row - 1; // rows start at 1
-                    gc = cell.gs$cell.col - 1; // columns start at 1
-                    // If both row and col falls inside start and end set the
-                    // transposed cell value in the newly created columns
-                    if (gc >= startColumn && gc <= endColumn &&
-                        gr >= startRow && gr <= endRow) {
-                        cellInner = cell.gs$cell || cell.content;
-                        val = null;
-                        if (cellInner.numericValue) {
-                            if (cellInner.$t.indexOf('/') >= 0 ||
-                                cellInner.$t.indexOf('-') >= 0) {
-                                // This is a date - for future reference.
-                                val = cellInner.$t;
-                            }
-                            else if (cellInner.$t.indexOf('%') > 0) {
-                                // Percentage
-                                val = parseFloat(cellInner.numericValue) * 100;
-                            }
-                            else {
-                                val = parseFloat(cellInner.numericValue);
-                            }
-                        }
-                        else if (cellInner.$t && cellInner.$t.length) {
-                            val = cellInner.$t;
-                        }
-                        columns[gc - startColumn][gr - startRow] = val;
-                    }
-                }
+                // Find the maximum row count in order to extend shorter columns
+                var rowCount = columns.reduce(function (rowCount, column) { return Math.max(rowCount, column.length); }, 0);
                 // Insert null for empty spreadsheet cells (#5298)
                 columns.forEach(function (column) {
-                    for (i = 0; i < column.length; i++) {
+                    for (var i = 0; i < rowCount; i++) {
                         if (typeof column[i] === 'undefined') {
                             column[i] = null;
                         }

package/es-modules/Extensions/DataGrouping.js

@@ -120,8 +120,18 @@ var approximations = H.approximations = {
             arr[arr.length - 1] :
             (arr.hasNulls ? null : void 0);
     },
-    // ohlc and range are special cases where a multidimensional array is
-    // input and an array is output
+    // HLC, OHLC and range are special cases where a multidimensional array is
+    // input and an array is output.
+    hlc: function (high, low, close) {
+        high = approximations.high(high);
+        low = approximations.low(low);
+        close = approximations.close(close);
+        if (isNumber(high) ||
+            isNumber(low) ||
+            isNumber(close)) {
+            return [high, low, close];
+        }
+    },
     ohlc: function (open, high, low, close) {
         open = approximations.open(open);
         high = approximations.high(high);
@@ -133,7 +143,6 @@ var approximations = H.approximations = {
             isNumber(close)) {
             return [open, high, low, close];
         }
-        // else, return is undefined
     },
     range: function (low, high) {
         low = approximations.low(low);
@@ -147,16 +156,16 @@ var approximations = H.approximations = {
         // else, return is undefined
     }
 };
-var applyGrouping = function () {
+var applyGrouping = function (hasExtemesChanged) {
     var series = this, chart = series.chart, options = series.options, dataGroupingOptions = options.dataGrouping, groupingEnabled = series.allowDG !== false && dataGroupingOptions &&
         pick(dataGroupingOptions.enabled, chart.options.isStock), visible = (series.visible || !chart.options.chart.ignoreHiddenSeries), hasGroupedData, skip, lastDataGrouping = this.currentDataGrouping, currentDataGrouping, croppedData, revertRequireSorting = false;
     // Data needs to be sorted for dataGrouping
     if (groupingEnabled && !series.requireSorting) {
         series.requireSorting = revertRequireSorting = true;
     }
-    // Skip if processData returns false or if grouping is disabled (in that
-    // order)
-    skip = skipDataGrouping(series) || !groupingEnabled;
+    // Skip if skipDataGrouping method returns false or if grouping is disabled
+    // (in that order).
+    skip = skipDataGrouping(series, hasExtemesChanged) === false || !groupingEnabled;
     // Revert original requireSorting value if changed
     if (revertRequireSorting) {
         series.requireSorting = false;
@@ -242,13 +251,12 @@ var applyGrouping = function () {
                 (currentDataGrouping && currentDataGrouping.totalRange);
     }
 };
-var skipDataGrouping = function (series) {
-    if (series.isCartesian &&
+var skipDataGrouping = function (series, force) {
+    return !(series.isCartesian &&
         !series.isDirty &&
         !series.xAxis.isDirty &&
-        !series.yAxis.isDirty) {
-        return false;
-    }
+        !series.yAxis.isDirty &&
+        !force);
 };
 var groupData = function (xData, yData, groupPositions, approximation) {
     var series = this, data = series.data, dataOptions = series.options && series.options.data, groupedXData = [], groupedYData = [], groupMap = [], dataLength = xData.length, pointX, pointY, groupedY, 
@@ -523,7 +531,10 @@ commonOptions = {
     ohlc: {
         groupPixelWidth: 5
     },
-    // Move to HeikinAshiSeries.ts aftre refactoring data grouping.
+    hlc: {
+        groupPixelWidth: 5
+        // Move to HeikinAshiSeries.ts aftre refactoring data grouping.
+    },
     heikinashi: {
         groupPixelWidth: 10
     }
@@ -566,6 +577,9 @@ seriesProto.getDGApproximation = function () {
     if (this.is('ohlc')) {
         return 'ohlc';
     }
+    if (this.is('hlc')) {
+        return 'hlc';
+    }
     if (this.is('column')) {
         return 'sum';
     }
@@ -631,7 +645,7 @@ seriesProto.generatePoints = function () {
  *
  * @function Highcharts.Axis#applyGrouping
  */
-Axis.prototype.applyGrouping = function () {
+Axis.prototype.applyGrouping = function (e) {
     var axis = this, series = axis.series;
     series.forEach(function (series) {
         // Reset the groupPixelWidth, then calculate if needed.
@@ -639,8 +653,10 @@ Axis.prototype.applyGrouping = function () {
         series.groupPixelWidth = axis.getGroupPixelWidth && axis.getGroupPixelWidth();
         if (series.groupPixelWidth) {
             series.hasProcessed = true; // #2692
-            series.applyGrouping();
         }
+        // Fire independing on series.groupPixelWidth to always set a proper
+        // dataGrouping state, (#16238)
+        series.applyGrouping(!!e.hasExtemesChanged);
     });
 };
 // Get the data grouping pixel width based on the greatest defined individual
@@ -667,8 +683,7 @@ Axis.prototype.getGroupPixelWidth = function () {
             // Execute grouping if the amount of points is greater than the
             // limit defined in groupPixelWidth
             if (series[i].groupPixelWidth ||
-                dataLength >
-                    (this.chart.plotSizeX / groupPixelWidth) ||
+                dataLength > (this.chart.plotSizeX / groupPixelWidth) ||
                 (dataLength && dgOptions.forced)) {
                 doGrouping = true;
             }
@@ -889,7 +904,7 @@ export default dataGrouping;
  * from the raw data.
  *
  * Defaults to `average` for line-type series, `sum` for columns, `range`
- * for range series and `ohlc` for OHLC and candlestick.
+ * for range series, `hlc` for HLC, and `ohlc` for OHLC and candlestick.
  *
  * @sample {highstock} stock/plotoptions/series-datagrouping-approximation
  *         Approximation callback with custom data

package/es-modules/Extensions/Debugger/ErrorMessages.js

@@ -11,8 +11,8 @@
 var errorMessages = {
     "10": {
         "title": "Can't plot zero or subzero values on a logarithmic axis",
-        "text": "<h1>Can't plot zero or subzero values on a logarithmic axis</h1><p>This error occurs in the following situations: </p><ul><li>If a zero or subzero data value is added to a logarithmic axis</li><li>If the minimum of a logarithimic axis is set to 0 or less</li><li>If the threshold is set to 0 or less</li></ul><p>Note: As of Highcharts 5.0.8 it's possible to bypass this error message by setting <code>Axis.prototype.allowNegativeLog</code> to true, and add custom conversion functions. <a href=\"https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/samples/highcharts/yaxis/type-log-negative/\">View live demo</a>. It is also possible to use a similar workaround for colorAxis. <a href=\"https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/samples/highcharts/coloraxis/logarithmic-with-emulate-negative-values/\">View live demo</a>.</p>",
-        "enduser": "<h1>Can't plot zero or subzero values on a logarithmic axis</h1><p>This error occurs in the following situations:</p><ul><li>If a zero or subzero data value is added to a logarithmic axis</li><li>If the minimum of a logarithimic axis is set to 0 or less</li><li>If the threshold is set to 0 or less</li></ul><p>As of Highcharts 5.0.8 it's possible to bypass this error message by setting <code>Axis.prototype.allowNegativeLog</code> to <code>true</code> and add custom conversion functions. <a href=\"http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/samples/highcharts/yaxis/type-log-negative/\">\">View Live Demo</a>. It is also possible to use a similar workaround for colorAxis. <a href=\"https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/samples/highcharts/coloraxis/logarithmic-with-emulate-negative-values/\">View live demo</a>.</p>"
+        "text": "<h1>Can't plot zero or subzero values on a logarithmic axis</h1><p>This error occurs in the following situations: </p><ul><li>If a zero or subzero data value is added to a logarithmic axis</li><li>If the minimum of a logarithimic axis is set to 0 or less</li><li>If the threshold is set to 0 or less</li></ul><p>Note: As of Highcharts 5.0.8 it's possible to bypass this error message by setting <code>Axis.prototype.allowNegativeLog</code> to true, and add custom conversion functions. <a href=\"https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/yaxis/type-log-negative/\">View live demo</a>. It is also possible to use a similar workaround for colorAxis. <a href=\"https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/coloraxis/logarithmic-with-emulate-negative-values/\">View live demo</a>.</p>",
+        "enduser": "<h1>Can't plot zero or subzero values on a logarithmic axis</h1><p>This error occurs in the following situations:</p><ul><li>If a zero or subzero data value is added to a logarithmic axis</li><li>If the minimum of a logarithimic axis is set to 0 or less</li><li>If the threshold is set to 0 or less</li></ul><p>As of Highcharts 5.0.8 it's possible to bypass this error message by setting <code>Axis.prototype.allowNegativeLog</code> to <code>true</code> and add custom conversion functions. <a href=\"http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/yaxis/type-log-negative/\">\">View Live Demo</a>. It is also possible to use a similar workaround for colorAxis. <a href=\"https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/coloraxis/logarithmic-with-emulate-negative-values/\">View live demo</a>.</p>"
     },
     "11": {
         "title": "Can't link axes of different type",

package/es-modules/Extensions/DownloadURL.js

@@ -99,8 +99,8 @@ var downloadURL = Highcharts.downloadURL = function (dataURL, filename) {
         }
     }
 };
-var exports = {
+var DownloadURL = {
     dataURLtoBlob: dataURLtoBlob,
     downloadURL: downloadURL
 };
-export default exports;
+export default DownloadURL;

package/es-modules/Extensions/DragPanes.js

@@ -16,7 +16,6 @@ import H from '../Core/Globals.js';
 var hasTouch = H.hasTouch;
 import Axis from '../Core/Axis/Axis.js';
 import AxisDefaults from '../Core/Axis/AxisDefaults.js';
-import palette from '../Core/Color/Palette.js';
 import Pointer from '../Core/Pointer.js';
 import U from '../Core/Utilities.js';
 var addEvent = U.addEvent, clamp = U.clamp, isNumber = U.isNumber, merge = U.merge, objectEach = U.objectEach, relativeLength = U.relativeLength, wrap = U.wrap;
@@ -412,7 +411,7 @@ var AxisResizer = /** @class */ (function () {
              * @type     {Highcharts.ColorString}
              * @requires modules/drag-panes
              */
-            lineColor: palette.neutralColor20,
+            lineColor: "#cccccc" /* neutralColor20 */,
             /**
              * Dash style of the control line.
              *

package/es-modules/Extensions/Drilldown.js

@@ -22,7 +22,6 @@ import H from '../Core/Globals.js';
 var noop = H.noop;
 import D from '../Core/DefaultOptions.js';
 var defaultOptions = D.defaultOptions;
-import palette from '../Core/Color/Palette.js';
 import Point from '../Core/Series/Point.js';
 import Series from '../Core/Series/Series.js';
 import SeriesRegistry from '../Core/Series/SeriesRegistry.js';
@@ -226,7 +225,7 @@ defaultOptions.drilldown = {
         /** @ignore-option */
         cursor: 'pointer',
         /** @ignore-option */
-        color: palette.highlightColor100,
+        color: "#003399" /* highlightColor100 */,
         /** @ignore-option */
         fontWeight: 'bold',
         /** @ignore-option */
@@ -250,7 +249,7 @@ defaultOptions.drilldown = {
      */
     activeDataLabelStyle: {
         cursor: 'pointer',
-        color: palette.highlightColor100,
+        color: "#003399" /* highlightColor100 */,
         fontWeight: 'bold',
         textDecoration: 'underline'
     },

package/es-modules/Extensions/Exporting/Exporting.js

@@ -12,7 +12,7 @@
 'use strict';
 import AST from '../../Core/Renderer/HTML/AST.js';
 import Chart from '../../Core/Chart/Chart.js';
-import chartNavigationMixin from '../../Mixins/Navigation.js';
+import ChartNavigationComposition from '../../Core/Chart/ChartNavigationComposition.js';
 import D from '../../Core/DefaultOptions.js';
 var defaultOptions = D.defaultOptions;
 import ExportingDefaults from './ExportingDefaults.js';
@@ -20,7 +20,6 @@ import ExportingSymbols from './ExportingSymbols.js';
 import G from '../../Core/Globals.js';
 var doc = G.doc, win = G.win;
 import HU from '../../Core/HttpUtilities.js';
-import Palette from '../../Core/Color/Palette.js';
 import U from '../../Core/Utilities.js';
 var addEvent = U.addEvent, css = U.css, createElement = U.createElement, discardElement = U.discardElement, extend = U.extend, find = U.find, fireEvent = U.fireEvent, isObject = U.isObject, merge = U.merge, objectEach = U.objectEach, pick = U.pick, removeEvent = U.removeEvent, uniqueKey = U.uniqueKey;
 /* *
@@ -108,7 +107,7 @@ var Exporting;
         var attr = btnOptions.theme, states = attr.states, hover = states && states.hover, select = states && states.select;
         var callback;
         if (!chart.styledMode) {
-            attr.fill = pick(attr.fill, Palette.backgroundColor);
+            attr.fill = pick(attr.fill, "#ffffff" /* backgroundColor */);
             attr.stroke = pick(attr.stroke, 'none');
         }
         delete attr.states;
@@ -142,7 +141,7 @@ var Exporting;
         }
         if (!chart.styledMode) {
             attr['stroke-linecap'] = 'round';
-            attr.fill = pick(attr.fill, Palette.backgroundColor);
+            attr.fill = pick(attr.fill, "#ffffff" /* backgroundColor */);
             attr.stroke = pick(attr.stroke, 'none');
         }
         var button = renderer
@@ -740,8 +739,8 @@ var Exporting;
                 }));
             }
         });
-        // generate the chart copy
-        var chartCopy = new Chart(options, chart.callback);
+        // Generate the chart copy
+        var chartCopy = new chart.constructor(options, chart.callback);
         // Axis options and series options  (#2022, #3900, #5982)
         if (chartOptions) {
             ['xAxis', 'yAxis', 'series'].forEach(function (coll) {
@@ -821,7 +820,7 @@ var Exporting;
      * @requires modules/exporting
      */
     function inlineStyles() {
-        var renderer = this.renderer, blacklist = inlineBlacklist, whitelist = Exporting.inlineWhitelist, // For IE
+        var blacklist = inlineBlacklist, whitelist = Exporting.inlineWhitelist, // For IE
         defaultStyles = {};
         var dummySVG;
         // Create an iframe where we read default styles without pollution from
@@ -859,7 +858,7 @@ var Exporting;
             function filterStyles(val, prop) {
                 // Check against whitelist & blacklist
                 blacklisted = whitelisted = false;
-                if (whitelist) {
+                if (whitelist.length) {
                     // Styled mode in IE has a whitelist instead.
                     // Exclude all props not in this list.
                     i = whitelist.length;
@@ -1018,9 +1017,11 @@ var Exporting;
         // Register update() method for navigation. Can not be set the same way
         // as for exporting, because navigation options are shared with bindings
         // which has separate update() logic.
-        chartNavigationMixin.addUpdate(function (options, redraw) {
+        ChartNavigationComposition
+            .compose(chart).navigation
+            .addUpdate(function (options, redraw) {
             update('navigation', options, redraw);
-        }, chart);
+        });
     }
     /**
      * Exporting module required. Clears away other elements in the page and
@@ -1155,7 +1156,7 @@ defaultOptions.lang = merge(ExportingDefaults.lang, defaultOptions.lang);
 // zoom and pan right click menus.
 /**
  * A collection of options for buttons and menus appearing in the exporting
- * module.
+ * module or in Stock Tools.
  *
  * @requires     modules/exporting
  * @optionparent navigation

package/es-modules/Extensions/Exporting/ExportingDefaults.js

@@ -10,7 +10,6 @@
 'use strict';
 import H from '../../Core/Globals.js';
 var isTouchDevice = H.isTouchDevice;
-import Palette from '../../Core/Color/Palette.js';
 /* *
  *
  *  API Options
@@ -523,12 +522,6 @@ var lang = {
      */
     contextButtonTitle: 'Chart context menu'
 };
-/**
- * A collection of options for buttons and menus appearing in the exporting
- * module.
- *
- * @optionparent navigation
- */
 var navigation = {
     /**
      * A collection of options for buttons appearing in the exporting
@@ -659,7 +652,7 @@ var navigation = {
          * @type  {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
          * @since 2.0
          */
-        symbolFill: Palette.neutralColor60,
+        symbolFill: "#666666" /* neutralColor60 */,
         /**
          * The color of the symbol's stroke or line.
          *
@@ -669,7 +662,7 @@ var navigation = {
          * @type  {Highcharts.ColorString}
          * @since 2.0
          */
-        symbolStroke: Palette.neutralColor60,
+        symbolStroke: "#666666" /* neutralColor60 */,
         /**
          * The pixel stroke width of the symbol on the button.
          *
@@ -697,7 +690,7 @@ var navigation = {
              * The default fill exists only to capture hover events.
              *
              * @type      {Highcharts.ColorString|Highcharts.GradientColorObject|Highcharts.PatternObject}
-             * @default   ${palette.backgroundColor}
+             * @default   #ffffff
              * @apioption navigation.buttonOptions.theme.fill
              */
             /**
@@ -730,9 +723,9 @@ var navigation = {
      */
     menuStyle: {
         /** @ignore-option */
-        border: "1px solid " + Palette.neutralColor40,
+        border: "1px solid " + "#999999" /* neutralColor40 */,
         /** @ignore-option */
-        background: Palette.backgroundColor,
+        background: "#ffffff" /* backgroundColor */,
         /** @ignore-option */
         padding: '5px 0'
     },
@@ -758,7 +751,7 @@ var navigation = {
         /** @ignore-option */
         padding: '0.5em 1em',
         /** @ignore-option */
-        color: Palette.neutralColor80,
+        color: "#333333" /* neutralColor80 */,
         /** @ignore-option */
         background: 'none',
         /** @ignore-option */
@@ -785,9 +778,9 @@ var navigation = {
      */
     menuItemHoverStyle: {
         /** @ignore-option */
-        background: Palette.highlightColor80,
+        background: "#335cad" /* highlightColor80 */,
         /** @ignore-option */
-        color: Palette.backgroundColor
+        color: "#ffffff" /* backgroundColor */
     }
 };
 /* *