highcharts 10.0.0 → 10.2.1

package/es-modules/Extensions/DataGrouping.js

@@ -20,32 +20,6 @@ import Tooltip from '../Core/Tooltip.js';
 import D from '../Core/DefaultOptions.js';
 import U from '../Core/Utilities.js';
 var addEvent = U.addEvent, arrayMax = U.arrayMax, arrayMin = U.arrayMin, correctFloat = U.correctFloat, defined = U.defined, error = U.error, extend = U.extend, isNumber = U.isNumber, merge = U.merge, pick = U.pick;
-/**
- * @typedef {"average"|"averages"|"open"|"high"|"low"|"close"|"sum"} Highcharts.DataGroupingApproximationValue
- */
-/**
- * The position of the point inside the group.
- *
- * @typedef    {"start"|"middle"|"end"} Highcharts.DataGroupingAnchor
- */
-/**
- * The position of the first or last point in the series inside the group.
- *
- * @typedef    {"start"|"middle"|"end"|"firstPoint"|"lastPoint"} Highcharts.DataGroupingAnchorExtremes
- */
-/**
- * @interface Highcharts.DataGroupingInfoObject
- */ /**
-* @name Highcharts.DataGroupingInfoObject#length
-* @type {number}
-*/ /**
-* @name Highcharts.DataGroupingInfoObject#options
-* @type {Highcharts.SeriesOptionsType|undefined}
-*/ /**
-* @name Highcharts.DataGroupingInfoObject#start
-* @type {number}
-*/
-''; // detach doclets above
 import '../Core/Axis/Axis.js';
 /* ************************************************************************** *
  *  Start data grouping module                                                *
@@ -652,9 +626,11 @@ seriesProto.generatePoints = function () {
  */
 Axis.prototype.applyGrouping = function (e) {
     var axis = this, series = axis.series;
+    // Reset the groupPixelWidth for all series, #17141.
     series.forEach(function (series) {
-        // Reset the groupPixelWidth, then calculate if needed.
         series.groupPixelWidth = void 0; // #2110
+    });
+    series.forEach(function (series) {
         series.groupPixelWidth = (axis.getGroupPixelWidth &&
             axis.getGroupPixelWidth());
         if (series.groupPixelWidth) {
@@ -840,9 +816,73 @@ addEvent(Axis, 'afterSetScale', function () {
         series.hasProcessed = false;
     });
 });
+/* *
+ *
+ *  Default Export
+ *
+ * */
+// @todo move to master
 H.dataGrouping = dataGrouping;
 export default dataGrouping;
-/* eslint-enable no-invalid-this, valid-jsdoc */
+/* *
+ *
+ *  API Declarations
+ *
+ * */
+/**
+ * @typedef {"average"|"averages"|"open"|"high"|"low"|"close"|"sum"} Highcharts.DataGroupingApproximationValue
+ */
+/**
+ * The position of the point inside the group.
+ *
+ * @typedef    {"start"|"middle"|"end"} Highcharts.DataGroupingAnchor
+ */
+/**
+ * The position of the first or last point in the series inside the group.
+ *
+ * @typedef    {"start"|"middle"|"end"|"firstPoint"|"lastPoint"} Highcharts.DataGroupingAnchorExtremes
+ */
+/**
+ * Highcharts Stock only.
+ *
+ * @product highstock
+ * @interface Highcharts.DataGroupingInfoObject
+ */ /**
+* @name Highcharts.DataGroupingInfoObject#length
+* @type {number}
+*/ /**
+* @name Highcharts.DataGroupingInfoObject#options
+* @type {Highcharts.SeriesOptionsType|undefined}
+*/ /**
+* @name Highcharts.DataGroupingInfoObject#start
+* @type {number}
+*/
+/**
+ * Highcharts Stock only. If a point object is created by data
+ * grouping, it doesn't reflect actual points in the raw
+ * data. In this case, the `dataGroup` property holds
+ * information that points back to the raw data.
+ *
+ * - `dataGroup.start` is the index of the first raw data
+ *   point in the group.
+ *
+ * - `dataGroup.length` is the amount of points in the
+ *   group.
+ *
+ * @sample stock/members/point-datagroup
+ *         Click to inspect raw data points
+ *
+ * @product highstock
+ *
+ * @name Highcharts.Point#dataGroup
+ * @type {Highcharts.DataGroupingInfoObject|undefined}
+ */
+(''); // detach doclets above
+/* *
+ *
+ *  API Options
+ *
+ * */
 /**
  * Data grouping is the concept of sampling the data values into larger
  * blocks in order to ease readability and increase performance of the

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

@@ -8,20 +8,19 @@
  *
  * */
 'use strict';
-import Chart from '../../Core/Chart/Chart.js';
 import ErrorMessages from './ErrorMessages.js';
 import H from '../../Core/Globals.js';
-var charts = H.charts;
 import D from '../../Core/DefaultOptions.js';
 var setOptions = D.setOptions;
 import U from '../../Core/Utilities.js';
 var addEvent = U.addEvent, find = U.find, isNumber = U.isNumber;
 /* *
  *
- *  Compositions
+ *  Constants
  *
  * */
-setOptions({
+var composedClasses = [];
+var defaultOptions = {
     /**
      * @optionparent chart
      */
@@ -38,22 +37,61 @@ setOptions({
          */
         displayErrors: true
     }
-});
-/* eslint-disable no-invalid-this */
-addEvent(H, 'displayError', function (e) {
+};
+/* *
+ *
+ *  Functions
+ *
+ * */
+/**
+ * @private
+ */
+function compose(ChartClass) {
+    if (composedClasses.indexOf(ChartClass) === -1) {
+        composedClasses.push(ChartClass);
+        addEvent(ChartClass, 'beforeRedraw', onChartBeforeRedraw);
+    }
+    if (composedClasses.indexOf(H) === -1) {
+        composedClasses.push(H);
+        addEvent(H, 'displayError', onHighchartsDisplayError);
+    }
+    if (composedClasses.indexOf(setOptions) === -1) {
+        composedClasses.push(setOptions);
+        setOptions(defaultOptions);
+    }
+}
+/**
+ * @private
+ */
+function onChartBeforeRedraw() {
+    var errorElements = this.errorElements;
+    if (errorElements && errorElements.length) {
+        for (var _i = 0, errorElements_1 = errorElements; _i < errorElements_1.length; _i++) {
+            var el = errorElements_1[_i];
+            el.destroy();
+        }
+    }
+    delete this.errorElements;
+}
+/**
+ * @private
+ */
+function onHighchartsDisplayError(e) {
     // Display error on the chart causing the error or the last created chart.
-    var chart = e.chart ||
-        find(charts.slice().reverse(), function (c) { return !!c; });
+    var chart = (e.chart ||
+        find(this.charts.slice().reverse(), function (c) { return !!c; }));
     if (!chart) {
         return;
     }
-    var code = e.code, msg, options = chart.options.chart, renderer = chart.renderer, chartWidth, chartHeight;
+    var code = e.code, options = chart.options.chart, renderer = chart.renderer;
+    var msg, chartWidth, chartHeight;
     if (chart.errorElements) {
-        chart.errorElements.forEach(function (el) {
+        for (var _i = 0, _a = chart.errorElements; _i < _a.length; _i++) {
+            var el = _a[_i];
             if (el) {
                 el.destroy();
             }
-        });
+        }
     }
     if (options && options.displayErrors && renderer) {
         chart.errorElements = [];
@@ -89,13 +127,13 @@ addEvent(H, 'displayError', function (e) {
             y: chartHeight - chart.errorElements[1].getBBox().height
         });
     }
-});
-addEvent(Chart, 'beforeRedraw', function () {
-    var errorElements = this.errorElements;
-    if (errorElements && errorElements.length) {
-        errorElements.forEach(function (el) {
-            el.destroy();
-        });
-    }
-    delete this.errorElements;
-});
+}
+/* *
+ *
+ *  Default Export
+ *
+ * */
+var Debugger = {
+    compose: compose
+};
+export default Debugger;

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

@@ -101,6 +101,10 @@ var errorMessages = {
     "32": {
         "title": "Deprecated function or property",
         "text": "<h1>Deprecated function or property</h1><p>This error occurs when using a deprecated function or property. Consult the <a href=\"https://api.highcharts.com/\">API documentation</a> for alternatives, if no replacement is mentioned by the error itself.</p>"
+    },
+    "33": {
+        "title": "Invalid attribute or tagName",
+        "text": "<h1>Invalid attribute or tagName</h1><p>This error occurs if HTML in the chart configuration contains unknown tag names or attributes. Unknown tag names or attributes are those not present in the _allow lists_.</p><p>To fix the error, consider</p><ul><li>Is your tag name or attribute spelled correctly? For example, <code>lineargradient</code></li></ul><p> would be blocked as it is a misspelling for <code>linearGradient</code>.</p><ul><li>Is it allowed in Highcharts? For example, <code>onclick</code> attributes are blocked as</li></ul><p> they pose a real security threat.</p><p>This error occurs because attributes and tag names are sanitized of potentially harmful content from the chart configuration before being added to the DOM. Consult the <a href=\"https://www.highcharts.com/docs/chart-concepts/security\">security documentation</a> for more information.</p>"
     }
 };
 export default errorMessages;

package/es-modules/Extensions/DownloadURL.js

@@ -28,11 +28,11 @@ var dataURLtoBlob = Highcharts.dataURLtoBlob = function (dataURL) {
         .match(/data:([^;]*)(;base64)?,([0-9A-Za-z+/]+)/);
     if (parts &&
         parts.length > 3 &&
-        win.atob &&
+        (win.atob) &&
         win.ArrayBuffer &&
         win.Uint8Array &&
         win.Blob &&
-        domurl.createObjectURL) {
+        (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) {
@@ -63,7 +63,7 @@ var downloadURL = Highcharts.downloadURL = function (dataURL, filename) {
         nav.msSaveOrOpenBlob(dataURL, filename);
         return;
     }
-    dataURL = "" + dataURL;
+    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);

package/es-modules/Extensions/DragPanes.js

@@ -411,7 +411,7 @@ var AxisResizer = /** @class */ (function () {
              * @type     {Highcharts.ColorString}
              * @requires modules/drag-panes
              */
-            lineColor: "#cccccc" /* neutralColor20 */,
+            lineColor: "#cccccc" /* Palette.neutralColor20 */,
             /**
              * Dash style of the control line.
              *

package/es-modules/Extensions/DraggablePoints.js

@@ -336,7 +336,7 @@ if (seriesTypes.boxplot) {
             }
         },
         median: {
-            // Median can not be dragged individually, just move the whole
+            // Median cannot be dragged individually, just move the whole
             // point for this.
             axis: 'y',
             move: true
@@ -989,6 +989,7 @@ var defaultDragHandleOptions = {
  * @type       {string}
  * @since      6.2.0
  * @validvalue ["alt", "ctrl", "meta", "shift"]
+ * @deprecated
  * @requires  modules/draggable-points
  * @apioption  chart.zoomKey
  */
@@ -1268,7 +1269,7 @@ function getPositionSnapshot(e, points, guideBox) {
  */
 function getGroupedPoints(point) {
     var series = point.series, points = [], groupKey = series.options.dragDrop.groupBy;
-    if (series.isSeriesBoosting) { // #11156
+    if (series.boosted) { // #11156
         series.options.data.forEach(function (pointOptions, i) {
             points.push((new series.pointClass()).init(// eslint-disable-line new-cap
             series, pointOptions));
@@ -2052,7 +2053,7 @@ addEvent(Point, 'remove', function () {
  */
 Chart.prototype.zoomOrPanKeyPressed = function (e) {
     // Check whether the panKey and zoomKey are set in chart.userOptions
-    var chartOptions = this.userOptions.chart || {}, panKey = chartOptions.panKey && chartOptions.panKey + 'Key', zoomKey = chartOptions.zoomKey && chartOptions.zoomKey + 'Key';
+    var chartOptions = this.options.chart || {}, panKey = chartOptions.panKey && chartOptions.panKey + 'Key', zoomKey = chartOptions.zooming.key && chartOptions.zooming.key + 'Key';
     return (e[zoomKey] || e[panKey]);
 };
 /**

package/es-modules/Extensions/Drilldown.js

@@ -157,14 +157,11 @@ extend(defaultOptions.lang,
  * to the parent series. The parent series' name is inserted for
  * `{series.name}`.
  *
+ * @deprecated
  * @since    3.0.8
  * @product  highcharts highmaps
  * @requires modules/drilldown
  * @apioption lang.drillUpText
- *
- * @deprecated
- *
- * @private
  */
 });
 /**
@@ -176,11 +173,12 @@ extend(defaultOptions.lang,
  * [code.highcharts.com/modules/drilldown.js
  * ](https://code.highcharts.com/modules/drilldown.js).
  *
+ * @sample {highcharts} highcharts/series-organization/drilldown
+ *         Organization chart drilldown
+ *
  * @product      highcharts highmaps
  * @requires     modules/drilldown
  * @optionparent drilldown
- * @sample {highcharts} highcharts/series-organization/drilldown
- *         Organization chart drilldown
  */
 defaultOptions.drilldown = {
     /**
@@ -237,7 +235,7 @@ defaultOptions.drilldown = {
         /** @ignore-option */
         cursor: 'pointer',
         /** @ignore-option */
-        color: "#003399" /* highlightColor100 */,
+        color: "#003399" /* Palette.highlightColor100 */,
         /** @ignore-option */
         fontWeight: 'bold',
         /** @ignore-option */
@@ -261,7 +259,7 @@ defaultOptions.drilldown = {
      */
     activeDataLabelStyle: {
         cursor: 'pointer',
-        color: "#003399" /* highlightColor100 */,
+        color: "#003399" /* Palette.highlightColor100 */,
         fontWeight: 'bold',
         textDecoration: 'underline'
     },
@@ -549,7 +547,8 @@ Chart.prototype.addSingleSeriesAsDrilldown = function (point, ddOptions) {
             yMin: yAxis && yAxis.userMin,
             yMax: yAxis && yAxis.userMax
         },
-        resetZoomButton: this.resetZoomButton
+        resetZoomButton: last && last.levelNumber === levelNumber ?
+            void 0 : this.resetZoomButton
     }, colorProp);
     // Push it to the lookup array
     this.drilldownLevels.push(level);
@@ -621,13 +620,13 @@ var createBreadcrumbsList = function (chart) {
                 levelOptions: drilldownLevels[0].seriesOptions
             });
         }
-        var lastBreadcrumb_1 = list[list.length - 1];
-        drilldownLevels.forEach(function (level) {
+        drilldownLevels.forEach(function (level, i) {
+            var lastBreadcrumb = list[list.length - 1];
             // If level is already added to breadcrumbs list,
             // don't add it again- drilling categories
             // + 1 because of the wrong levels numeration
             // in drilldownLevels array.
-            if (level.levelNumber + 1 > lastBreadcrumb_1.level) {
+            if (level.levelNumber + 1 > lastBreadcrumb.level) {
                 list.push({
                     level: level.levelNumber + 1,
                     levelOptions: merge({
@@ -729,7 +728,9 @@ Chart.prototype.drillUp = function () {
     }
     fireEvent(chart, 'afterDrillUp');
     this.redraw();
-    this.ddDupes.length = []; // #3315
+    if (this.ddDupes) {
+        this.ddDupes.length = 0; // #3315
+    } // #8324
     // Fire a once-off event after all series have been drilled up (#5158)
     fireEvent(chart, 'drillupall');
 };
@@ -738,9 +739,9 @@ Chart.prototype.drillUp = function () {
  * then, using `opactiy`, is faded in. Used for example by `dataLabelsGroup`
  * where simple SVGElement.fadeIn() is not enough, because of other features
  * (e.g. InactiveState) using `opacity` to fadeIn/fadeOut.
- *
  * @requires module:modules/drilldown
  *
+ * @private
  * @param {undefined|SVGElement} [group]
  * The SVG element to be faded in.
  */