highcharts 9.1.1 → 9.2.2

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

@@ -196,9 +196,14 @@ var Annotation = /** @class */ (function () {
         var mergedOptions = {};
         ['labels', 'shapes'].forEach(function (name) {
             if (baseOptions[name]) {
-                mergedOptions[name] = splat(newOptions[name]).map(function (basicOptions, i) {
-                    return merge(baseOptions[name][i], basicOptions);
-                });
+                if (newOptions[name]) {
+                    mergedOptions[name] = splat(newOptions[name]).map(function (basicOptions, i) {
+                        return merge(baseOptions[name][i], basicOptions);
+                    });
+                }
+                else {
+                    mergedOptions[name] = baseOptions[name];
+                }
             }
         });
         return mergedOptions;
@@ -225,13 +230,12 @@ var Annotation = /** @class */ (function () {
         var xAxes = this.chart.xAxis, yAxes = this.chart.yAxis, linkedAxes = (this.options.labels || [])
             .concat(this.options.shapes || [])
             .reduce(function (axes, labelOrShape) {
+            var point = labelOrShape &&
+                (labelOrShape.point ||
+                    (labelOrShape.points && labelOrShape.points[0]));
             return [
-                xAxes[labelOrShape &&
-                    labelOrShape.point &&
-                    labelOrShape.point.xAxis] || axes[0],
-                yAxes[labelOrShape &&
-                    labelOrShape.point &&
-                    labelOrShape.point.yAxis] || axes[1]
+                xAxes[point && point.xAxis] || axes[0],
+                yAxes[point && point.yAxis] || axes[1]
             ];
         }, []);
         this.clipXAxis = linkedAxes[0];
@@ -345,10 +349,15 @@ var Annotation = /** @class */ (function () {
      * annotation's visibility is toggled.
      */
     Annotation.prototype.setVisibility = function (visible) {
-        var options = this.options, visibility = pick(visible, !options.visible);
+        var options = this.options, navigation = this.chart.navigationBindings, visibility = pick(visible, !options.visible);
         this.graphic.attr('visibility', visibility ? 'visible' : 'hidden');
         if (!visibility) {
             this.setControlPointsVisibility(false);
+            if (navigation.activeAnnotation === this &&
+                navigation.popup &&
+                navigation.popup.formType === 'annotation-toolbar') {
+                fireEvent(navigation, 'closePopup');
+            }
         }
         options.visible = visibility;
     };
@@ -858,46 +867,18 @@ merge(Annotation.prototype,
          *
          * @sample highcharts/annotations/mock-point/
          *         Attach annotation to a mock point
+         * @sample highcharts/annotations/mock-points/
+         *         Attach annotation to a mock point with different ways
          *
          * @declare   Highcharts.AnnotationMockPointOptionsObject
-         * @type      {string|*}
+         * @type      {
+         *               string|
+         *               Highcharts.AnnotationMockPointOptionsObject|
+         *               Highcharts.AnnotationMockPointFunction
+         *            }
          * @requires  modules/annotations
          * @apioption annotations.labels.point
          */
-        /**
-         * The x position of the point. Units can be either in axis
-         * or chart pixel coordinates.
-         *
-         * @type      {number}
-         * @apioption annotations.labels.point.x
-         */
-        /**
-         * The y position of the point. Units can be either in axis
-         * or chart pixel coordinates.
-         *
-         * @type      {number}
-         * @apioption annotations.labels.point.y
-         */
-        /**
-         * This number defines which xAxis the point is connected to.
-         * It refers to either the axis id or the index of the axis in
-         * the xAxis array. If the option is not configured or the axis
-         * is not found the point's x coordinate refers to the chart
-         * pixels.
-         *
-         * @type      {number|string|null}
-         * @apioption annotations.labels.point.xAxis
-         */
-        /**
-         * This number defines which yAxis the point is connected to.
-         * It refers to either the axis id or the index of the axis in
-         * the yAxis array. If the option is not configured or the axis
-         * is not found the point's y coordinate refers to the chart
-         * pixels.
-         *
-         * @type      {number|string|null}
-         * @apioption annotations.labels.point.yAxis
-         */
         /**
          * An array of shapes for the annotation. For options that apply
          * to multiple shapes, then can be added to the
@@ -913,20 +894,30 @@ merge(Annotation.prototype,
          * series - it is referenced by the point's id - or a new point
          * with defined x, y properties and optionally axes.
          *
+         * @sample highcharts/annotations/mock-points/
+         *         Attach annotation to a mock point with different ways
+         *
          * @declare   Highcharts.AnnotationMockPointOptionsObject
-         * @type      {string|Highcharts.AnnotationMockPointOptionsObject}
+         * @type      {
+         *               string|
+         *               Highcharts.AnnotationMockPointOptionsObject|
+         *               Highcharts.AnnotationMockPointFunction
+         *            }
          * @extends   annotations.labels.point
+         * @requires  modules/annotations
          * @apioption annotations.shapes.point
          */
         /**
-         * An array of points for the shape. This option is available
+         * An array of points for the shape
+         * or a callback function that returns that shape point.
+         *
+         * This option is available
          * for shapes which can use multiple points such as path. A
          * point can be either a point object or a point's id.
          *
          * @see [annotations.shapes.point](annotations.shapes.point.html)
          *
-         * @declare   Highcharts.AnnotationMockPointOptionsObject
-         * @type      {Array<string|*>}
+         * @type      {Array<Highcharts.AnnotationShapePointOptions>}
          * @extends   annotations.labels.point
          * @apioption annotations.shapes.points
          */
@@ -1336,3 +1327,65 @@ wrap(Pointer.prototype, 'onContainerMouseDown', function (proceed) {
 });
 H.Annotation = Annotation;
 export default Annotation;
+/* eslint-enable no-invalid-this, valid-jsdoc */
+/**
+ * Object of shape point.
+ *
+ * @interface Highcharts.AnnotationMockPointOptionsObject
+ *
+ */
+/**
+ * The x position of the point. Units can be either in axis
+ * or chart pixel coordinates.
+ *
+ * @type      {number}
+ * @name      Highcharts.AnnotationMockPointOptionsObject.x
+ */
+/**
+ * The y position of the point. Units can be either in axis
+ * or chart pixel coordinates.
+ *
+ * @type      {number}
+ * @name      Highcharts.AnnotationMockPointOptionsObject.y
+ */
+/**
+ * This number defines which xAxis the point is connected to.
+ * It refers to either the axis id or the index of the axis in
+ * the xAxis array. If the option is not configured or the axis
+ * is not found the point's x coordinate refers to the chart
+ * pixels.
+ *
+ * @type      {number|string|null}
+ * @name      Highcharts.AnnotationMockPointOptionsObject.xAxis
+ */
+/**
+ * This number defines which yAxis the point is connected to.
+ * It refers to either the axis id or the index of the axis in
+ * the yAxis array. If the option is not configured or the axis
+ * is not found the point's y coordinate refers to the chart
+ * pixels.
+ *
+ * @type      {number|string|null}
+ * @name      Highcharts.AnnotationMockPointOptionsObject.yAxis
+ */
+/**
+ * Callback function that returns the annotation shape point.
+ *
+ * @callback Highcharts.AnnotationMockPointFunction
+ *
+ * @param  {Highcharts.Annotation} annotation
+ *         An annotation instance.
+ *
+ * @return {Highcharts.AnnotationMockPointOptionsObject}
+ *         Annotations shape point.
+ */
+/**
+ * Shape point as string, object or function.
+ *
+ * @typedef {
+ *          string|
+ *          Highcharts.AnnotationMockPointOptionsObject|
+ *          Highcharts.AnnotationMockPointFunction
+ *     }Highcharts.AnnotationShapePointOptions
+ */
+''; // required by JSDoc parsing

package/es-modules/Extensions/Annotations/Mixins/EventEmitterMixin.js

@@ -108,11 +108,19 @@ var eventEmitterMixin = {
             prevChartY = e.chartY;
         }, H.isTouchDevice ? { passive: false } : void 0);
         emitter.removeMouseUp = addEvent(H.doc, H.isTouchDevice ? 'touchend' : 'mouseup', function (e) {
+            // Sometimes the target is the annotation and sometimes its the
+            // controllable
+            var annotation = pick(emitter.target && emitter.target.annotation, emitter.target);
+            if (annotation) {
+                // Keep annotation selected after dragging control point
+                annotation.cancelClick = emitter.hasDragged;
+            }
             emitter.cancelClick = emitter.hasDragged;
             emitter.hasDragged = false;
             emitter.chart.hasDraggedAnnotation = false;
             // ControlPoints vs Annotation:
-            fireEvent(pick(emitter.target, emitter), 'afterUpdate');
+            fireEvent(pick(annotation, // #15952
+            emitter), 'afterUpdate');
             emitter.onMouseUp(e);
         }, H.isTouchDevice ? { passive: false } : void 0);
     },

package/es-modules/Extensions/Annotations/NavigationBindings.js

@@ -105,10 +105,9 @@ var bindingsUtils = {
      * Annotation to be updated
      */
     updateRectSize: function (event, annotation) {
-        var chart = annotation.chart, options = annotation.options.typeOptions, coords = chart.pointer.getCoordinates(event), coordsX = chart.navigationBindings.utils.getAssignedAxis(coords.xAxis), coordsY = chart.navigationBindings.utils.getAssignedAxis(coords.yAxis), width, height;
-        if (coordsX && coordsY) {
-            width = coordsX.value - options.point.x;
-            height = options.point.y - coordsY.value;
+        var chart = annotation.chart, options = annotation.options.typeOptions, xAxis = isNumber(options.xAxis) && chart.xAxis[options.xAxis], yAxis = isNumber(options.yAxis) && chart.yAxis[options.yAxis];
+        if (xAxis && yAxis) {
+            var x = xAxis.toValue(event[xAxis.horiz ? 'chartX' : 'chartY']), y = yAxis.toValue(event[yAxis.horiz ? 'chartX' : 'chartY']), width = x - options.point.x, height = options.point.y - y;
             annotation.update({
                 typeOptions: {
                     background: {
@@ -291,15 +290,24 @@ var NavigationBindings = /** @class */ (function () {
      */
     NavigationBindings.prototype.bindingsChartClick = function (chart, clickEvent) {
         chart = this.chart;
-        var navigation = this, selectedButton = navigation.selectedButton, svgContainer = chart.renderer.boxWrapper;
-        // Click outside popups, should close them and deselect the annotation
-        if (navigation.activeAnnotation &&
-            !clickEvent.activeAnnotation &&
-            // Element could be removed in the child action, e.g. button
-            clickEvent.target.parentNode &&
-            // TO DO: Polyfill for IE11?
-            !closestPolyfill(clickEvent.target, '.' + PREFIX + 'popup')) {
-            fireEvent(navigation, 'closePopup');
+        var navigation = this, activeAnnotation = navigation.activeAnnotation, selectedButton = navigation.selectedButton, svgContainer = chart.renderer.boxWrapper;
+        if (activeAnnotation) {
+            // Click outside popups, should close them and deselect the
+            // annotation
+            if (!activeAnnotation.cancelClick && // #15729
+                !clickEvent.activeAnnotation &&
+                // Element could be removed in the child action, e.g. button
+                clickEvent.target.parentNode &&
+                // TO DO: Polyfill for IE11?
+                !closestPolyfill(clickEvent.target, '.' + PREFIX + 'popup')) {
+                fireEvent(navigation, 'closePopup');
+            }
+            else if (activeAnnotation.cancelClick) {
+                // Reset cancelClick after the other event handlers have run
+                setTimeout(function () {
+                    activeAnnotation.cancelClick = false;
+                }, 0);
+            }
         }
         if (!selectedButton || !selectedButton.start) {
             return;
@@ -1020,7 +1028,7 @@ setOptions({
          * from a different server.
          *
          * @type      {string}
-         * @default   https://code.highcharts.com/9.1.1/gfx/stock-icons/
+         * @default   https://code.highcharts.com/9.2.2/gfx/stock-icons/
          * @since     7.1.3
          * @apioption navigation.iconsURL
          */
@@ -1104,30 +1112,27 @@ addEvent(Chart, 'render', function () {
                 // className taken from StockToolsBindings.
                 var buttonNode = chart.navigationBindings.container[0].querySelectorAll('.' + key);
                 if (buttonNode) {
-                    if (value.noDataState === 'normal') {
-                        buttonNode.forEach(function (button) {
+                    for (var i = 0; i < buttonNode.length; i++) {
+                        var button = buttonNode[i];
+                        if (value.noDataState === 'normal') {
                             // If button has noDataState: 'normal',
                             // and has disabledClassName,
                             // remove this className.
                             if (button.className.indexOf(disabledClassName) !== -1) {
                                 button.classList.remove(disabledClassName);
                             }
-                        });
-                    }
-                    else if (!buttonsEnabled_1) {
-                        buttonNode.forEach(function (button) {
+                        }
+                        else if (!buttonsEnabled_1) {
                             if (button.className.indexOf(disabledClassName) === -1) {
                                 button.className += ' ' + disabledClassName;
                             }
-                        });
-                    }
-                    else {
-                        buttonNode.forEach(function (button) {
+                        }
+                        else {
                             // Enable all buttons by deleting the className.
                             if (button.className.indexOf(disabledClassName) !== -1) {
                                 button.classList.remove(disabledClassName);
                             }
-                        });
+                        }
                     }
                 }
             }

package/es-modules/Extensions/Annotations/Popup.js

@@ -126,12 +126,14 @@ H.Popup.prototype = {
             }, void 0, parentDiv).appendChild(doc.createTextNode(lang[optionName] || optionName));
         }
         // add input
-        createElement(INPUT, {
-            name: inputName,
-            value: value[0],
-            type: value[1],
-            className: PREFIX + 'popup-field'
-        }, void 0, parentDiv).setAttribute(PREFIX + 'data-name', option);
+        if (value !== '') {
+            createElement(INPUT, {
+                name: inputName,
+                value: value[0],
+                type: value[1],
+                className: PREFIX + 'popup-field'
+            }, void 0, parentDiv).setAttribute(PREFIX + 'data-name', option);
+        }
     },
     /**
      * Create button.
@@ -202,6 +204,7 @@ H.Popup.prototype = {
     showPopup: function () {
         var popupDiv = this.container, toolbarClass = PREFIX + 'annotation-toolbar', popupCloseBtn = popupDiv
             .querySelectorAll('.' + PREFIX + 'popup-close')[0];
+        this.formType = void 0;
         // reset content
         popupDiv.innerHTML = '';
         // reset toolbar styles if exists
@@ -213,6 +216,7 @@ H.Popup.prototype = {
         // add close button
         popupDiv.appendChild(popupCloseBtn);
         popupDiv.style.display = 'block';
+        popupDiv.style.height = '';
     },
     /**
      * Hide popup.
@@ -253,6 +257,9 @@ H.Popup.prototype = {
         if (type === 'flag') {
             this.annotations.addForm.call(this, chart, options, callback, true);
         }
+        this.formType = type;
+        // Explicit height is needed to make inner elements scrollable
+        this.container.style.height = this.container.offsetHeight + 'px';
     },
     /**
      * Return lang definitions for popup.
@@ -617,6 +624,8 @@ H.Popup.prototype = {
                 parentFullName = parentNode + '.' + fieldName;
                 if (value !== void 0) { // skip if field is unnecessary, #15362
                     if (isObject(value)) {
+                        addInput.call(// (15733) 'Periods' has an arrayed value. Label must be created here.
+                        _self, parentFullName, type, parentDiv, '');
                         addParamInputs.call(_self, chart, parentFullName, value, type, parentDiv);
                     }
                     else if (
@@ -756,7 +765,7 @@ addEvent(NavigationBindings, 'showPopup', function (config) {
         this.popup = new H.Popup(this.chart.container, (this.chart.options.navigation.iconsURL ||
             (this.chart.options.stockTools &&
                 this.chart.options.stockTools.gui.iconsURL) ||
-            'https://code.highcharts.com/9.1.1/gfx/stock-icons/'), this.chart);
+            'https://code.highcharts.com/9.2.2/gfx/stock-icons/'), this.chart);
     }
     this.popup.showForm(config.formType, this.chart, config.options, config.onSubmit);
 });

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

@@ -224,10 +224,14 @@ wrap(Series.prototype, 'processData', function (proceed) {
     /**
      * Used twice in this function, first on this.options.data, the second
      * time it runs the check again after processedXData is built.
+     * If the data is going to be grouped, the series shouldn't be boosted.
      * @private
-     * @todo Check what happens with data grouping
      */
     function getSeriesBoosting(data) {
+        // Check if will be grouped.
+        if (series.forceCrop) {
+            return false;
+        }
         return series.chart.isChartSeriesBoosting() || ((data ? data.length : 0) >=
             (series.options.boostThreshold || Number.MAX_VALUE));
     }

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

@@ -909,6 +909,11 @@ function GLRenderer(postRenderCallback) {
                 cbuffer.build(s.colorData, 'aColor', 4);
                 cbuffer.bind();
             }
+            else {
+                // #15869, a buffer with fewer points might already be bound by
+                // a different series/chart causing out of range errors
+                gl.disableVertexAttribArray(gl.getAttribLocation(shader.program(), 'aColor'));
+            }
             // Set series specific uniforms
             shader.setColor(scolor);
             setXAxis(s.series.xAxis);
@@ -933,9 +938,7 @@ function GLRenderer(postRenderCallback) {
             // If the line width is < 0, skip rendering of the lines. See #7833.
             if (lineWidth > 0 || s.drawMode !== 'line_strip') {
                 for (sindex = 0; sindex < s.segments.length; sindex++) {
-                    // if (s.segments[sindex].from < s.segments[sindex].to) {
                     vbuffer.render(s.segments[sindex].from, s.segments[sindex].to, s.drawMode);
-                    // }
                 }
             }
             if (s.hasMarkers && showMarkers) {
@@ -947,9 +950,7 @@ function GLRenderer(postRenderCallback) {
                 }
                 shader.setDrawAsCircle(true);
                 for (sindex = 0; sindex < s.segments.length; sindex++) {
-                    // if (s.segments[sindex].from < s.segments[sindex].to) {
                     vbuffer.render(s.segments[sindex].from, s.segments[sindex].to, 'POINTS');
-                    // }
                 }
             }
         });

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

@@ -114,6 +114,9 @@ function GLVertexBuffer(gl, shader, dataComponents
         if (!to || to > length) {
             to = length;
         }
+        if (from >= to) {
+            return false;
+        }
         drawMode = drawMode || 'points';
         gl.drawArrays(gl[drawMode.toUpperCase()], from / components, (to - from) / components);
         return true;

package/es-modules/Extensions/BoostCanvas.js

@@ -166,7 +166,7 @@ var initCanvasBoost = function () {
                 series.pointArrayMap.join(',') === 'low,high'), isStacked = !!options.stacking, cropStart = series.cropStart || 0, loadingOptions = chart.options.loading, requireSorting = series.requireSorting, wasNull, connectNulls = options.connectNulls, useRaw = !xData, minVal, maxVal, minI, maxI, index, sdata = (isStacked ?
                 series.data :
                 (xData || rawData)), fillColor = (series.fillOpacity ?
-                new Color(series.color).setOpacity(pick(options.fillOpacity, 0.75)).get() :
+                Color.parse(series.color).setOpacity(pick(options.fillOpacity, 0.75)).get() :
                 series.color), 
             //
             stroke = function () {

package/es-modules/Extensions/CurrentDateIndication.js

@@ -12,7 +12,7 @@
 'use strict';
 import Axis from '../Core/Axis/Axis.js';
 import Palette from '../Core/Color/Palette.js';
-import PlotLineOrBand from '../Core/Axis/PlotLineOrBand.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;
 /**