highcharts 9.3.3 → 10.2.0

package/modules/annotations-advanced.src.js

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts JS v9.3.3 (2022-02-01)
+ * @license Highcharts JS v10.2.0 (2022-07-05)
  *
  * Annotations module
  *
@@ -7,7 +7,6 @@
  *
  * License: www.highcharts.com/license
  */
-'use strict';
 (function (factory) {
     if (typeof module === 'object' && module.exports) {
         factory['default'] = factory;
@@ -22,10 +21,20 @@
         factory(typeof Highcharts !== 'undefined' ? Highcharts : undefined);
     }
 }(function (Highcharts) {
+    'use strict';
     var _modules = Highcharts ? Highcharts._modules : {};
     function _registerModule(obj, path, args, fn) {
         if (!obj.hasOwnProperty(path)) {
             obj[path] = fn.apply(null, args);
+
+            if (typeof CustomEvent === 'function') {
+                window.dispatchEvent(
+                    new CustomEvent(
+                        'HighchartsModuleLoaded',
+                        { detail: { path: path, module: obj[path] }
+                    })
+                );
+            }
         }
     }
     _registerModule(_modules, 'Extensions/Annotations/Mixins/EventEmitterMixin.js', [_modules['Core/Globals.js'], _modules['Core/Utilities.js']], function (H, U) {
@@ -362,7 +371,7 @@
              *
              */
             ControlPoint.prototype.setVisibility = function (visible) {
-                this.graphic.attr('visibility', visible ? 'visible' : 'hidden');
+                this.graphic[visible ? 'show' : 'hide']();
                 this.options.visible = visible;
             };
             /**
@@ -771,7 +780,7 @@
                     this.plotX = xAxis.toPixels(options.x, true);
                 }
                 else {
-                    this.x = null;
+                    this.x = void 0;
                     this.plotX = options.x;
                 }
                 if (yAxis) {
@@ -2081,9 +2090,12 @@
              * @param {number} ry a radius in y direction to be set
              */
             ControllableEllipse.prototype.setYRadius = function (ry) {
+                var shapes = this.annotation.userOptions.shapes;
                 this.options.ry = ry;
-                this.annotation.userOptions.shapes[0].ry = ry;
-                this.annotation.options.shapes[0].ry = ry;
+                if (shapes && shapes[0]) {
+                    shapes[0].ry = ry;
+                    shapes[0].ry = ry;
+                }
             };
             /* *
              *
@@ -2636,7 +2648,7 @@
 
         return ControllableImage;
     });
-    _registerModule(_modules, 'Extensions/Annotations/Annotations.js', [_modules['Core/Animation/AnimationUtilities.js'], _modules['Core/Chart/Chart.js'], _modules['Extensions/Annotations/Mixins/ControllableMixin.js'], _modules['Extensions/Annotations/Controllables/ControllableRect.js'], _modules['Extensions/Annotations/Controllables/ControllableCircle.js'], _modules['Extensions/Annotations/Controllables/ControllableEllipse.js'], _modules['Extensions/Annotations/Controllables/ControllablePath.js'], _modules['Extensions/Annotations/Controllables/ControllableImage.js'], _modules['Extensions/Annotations/Controllables/ControllableLabel.js'], _modules['Extensions/Annotations/ControlPoint.js'], _modules['Extensions/Annotations/Mixins/EventEmitterMixin.js'], _modules['Core/Globals.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Pointer.js'], _modules['Core/Utilities.js']], function (A, Chart, ControllableMixin, ControllableRect, ControllableCircle, ControllableEllipse, ControllablePath, ControllableImage, ControllableLabel, ControlPoint, EventEmitterMixin, H, MockPoint, Pointer, U) {
+    _registerModule(_modules, 'Extensions/Annotations/Annotation.js', [_modules['Core/Animation/AnimationUtilities.js'], _modules['Core/Chart/Chart.js'], _modules['Extensions/Annotations/Mixins/ControllableMixin.js'], _modules['Extensions/Annotations/Controllables/ControllableRect.js'], _modules['Extensions/Annotations/Controllables/ControllableCircle.js'], _modules['Extensions/Annotations/Controllables/ControllableEllipse.js'], _modules['Extensions/Annotations/Controllables/ControllablePath.js'], _modules['Extensions/Annotations/Controllables/ControllableImage.js'], _modules['Extensions/Annotations/Controllables/ControllableLabel.js'], _modules['Extensions/Annotations/ControlPoint.js'], _modules['Extensions/Annotations/Mixins/EventEmitterMixin.js'], _modules['Core/Globals.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Pointer.js'], _modules['Core/Utilities.js']], function (A, Chart, ControllableMixin, ControllableRect, ControllableCircle, ControllableEllipse, ControllablePath, ControllableImage, ControllableLabel, ControlPoint, EventEmitterMixin, H, MockPoint, Pointer, U) {
         /* *
          *
          *  (c) 2009-2021 Highsoft, Black Label
@@ -2829,10 +2841,11 @@
             Annotation.prototype.getLabelsAndShapesOptions = function (baseOptions, newOptions) {
                 var mergedOptions = {};
                 ['labels', 'shapes'].forEach(function (name) {
-                    if (baseOptions[name]) {
+                    var someBaseOptions = baseOptions[name];
+                    if (someBaseOptions) {
                         if (newOptions[name]) {
                             mergedOptions[name] = splat(newOptions[name]).map(function (basicOptions, i) {
-                                return merge(baseOptions[name][i], basicOptions);
+                                return merge(someBaseOptions[i], basicOptions);
                             });
                         }
                         else {
@@ -2843,10 +2856,11 @@
                 return mergedOptions;
             };
             Annotation.prototype.addShapes = function () {
-                (this.options.shapes || []).forEach(function (shapeOptions, i) {
+                var shapes = this.options.shapes || [];
+                shapes.forEach(function (shapeOptions, i) {
                     var shape = this.initShape(shapeOptions,
                         i);
-                    merge(true, this.options.shapes[i], shape.options);
+                    merge(true, shapes[i], shape.options);
                 }, this);
             };
             Annotation.prototype.addLabels = function () {
@@ -2957,7 +2971,7 @@
                     opacity: 0,
                     zIndex: this.options.zIndex,
                     visibility: this.options.visible ?
-                        'visible' :
+                        'inherit' :
                         'hidden'
                 })
                     .add();
@@ -2996,7 +3010,7 @@
                 var options = this.options,
                     navigation = this.chart.navigationBindings,
                     visibility = pick(visible, !options.visible);
-                this.graphic.attr('visibility', visibility ? 'visible' : 'hidden');
+                this.graphic.attr('visibility', visibility ? 'inherit' : 'hidden');
                 if (!visibility) {
                     this.setControlPointsVisibility(false);
                     if (navigation.activeAnnotation === this &&
@@ -3344,7 +3358,7 @@
                      *
                      * @type {Highcharts.ColorString}
                      */
-                    borderColor: "#000000" /* neutralColor100 */,
+                    borderColor: "#000000" /* Palette.neutralColor100 */,
                     /**
                      * The border radius in pixels for the annotaiton's label.
                      *
@@ -3775,8 +3789,8 @@
                     height: 10,
                     style: {
                         cursor: 'pointer',
-                        fill: "#ffffff" /* backgroundColor */,
-                        stroke: "#000000" /* neutralColor100 */,
+                        fill: "#ffffff" /* Palette.backgroundColor */,
+                        stroke: "#000000" /* Palette.neutralColor100 */,
                         'stroke-width': 2
                     },
                     visible: false,
@@ -3797,6 +3811,13 @@
                  * @since     7.1.0
                  * @apioption annotations.events.afterUpdate
                  */
+                /**
+                 * Fires when the annotation is clicked.
+                 *
+                 * @type      {Highcharts.EventCallbackFunction<Highcharts.Annotation>}
+                 * @since     7.1.0
+                 * @apioption annotations.events.click
+                 */
                 /**
                  * Event callback when annotation is removed from the chart.
                  *
@@ -3956,7 +3977,8 @@
                     chart.options.exporting.csv.annotations &&
                     chart.options.exporting.csv.annotations.join);
                 annotations.forEach(function (annotation) {
-                    if (annotation.options.labelOptions.includeInDataExport) {
+                    if (annotation.options.labelOptions &&
+                        annotation.options.labelOptions.includeInDataExport) {
                         annotation.labels.forEach(function (label) {
                             if (label.options.text) {
                                 var annotationText_1 = label.options.text;
@@ -4044,7 +4066,16 @@
             }
         });
         H.Annotation = Annotation;
-        /* eslint-enable no-invalid-this, valid-jsdoc */
+        /* *
+         *
+         *  Default Export
+         *
+         * */
+        /* *
+         *
+         *  API Options
+         *
+         * */
         /**
          * Object of shape point.
          *
@@ -4109,7 +4140,7 @@
 
         return Annotation;
     });
-    _registerModule(_modules, 'Extensions/Annotations/Types/BasicAnnotation.js', [_modules['Extensions/Annotations/Annotations.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, MockPoint, U) {
+    _registerModule(_modules, 'Extensions/Annotations/Types/BasicAnnotation.js', [_modules['Extensions/Annotations/Annotation.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, MockPoint, U) {
         /* *
          *
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
@@ -4161,11 +4192,13 @@
                 var options = this.options;
                 if (options.shapes) {
                     delete options.labelOptions;
-                    if (options.shapes[0].type) {
-                        this.basicType = options.shapes[0].type;
+                    var type = options.shapes[0].type;
+                    // The rectangle is rendered as a path, whereas other basic shapes
+                    // are rendered as their respecitve SVG shapes.
+                    if (type && type !== 'path') {
+                        this.basicType = type;
                     }
                     else {
-                        // Defalut shape would be rectangle.
                         this.basicType = 'rectangle';
                     }
                 }
@@ -4250,7 +4283,8 @@
                                     coords = this.chart.pointer.getCoordinates(e),
                                     x = coords.xAxis[0].value,
                                     y = coords.yAxis[0].value,
-                                    points = target.options.points;
+                                    points = target.options.points,
+                                    shapes = annotation.userOptions.shapes;
                                 // Top right point
                                 points[1].x = x;
                                 // Bottom right point (cursor position)
@@ -4258,8 +4292,9 @@
                                 points[2].y = y;
                                 // Bottom left
                                 points[3].y = y;
-                                annotation.userOptions.shapes[0].points =
-                                    target.options.points;
+                                if (shapes && shapes[0]) {
+                                    shapes[0].points = target.options.points;
+                                }
                                 annotation.redraw(false);
                             }
                         }
@@ -4280,13 +4315,15 @@
                             // TRANSLATION
                             drag: function (e, target) {
                                 var annotation = target.annotation,
-                                    position = this.mouseMoveToTranslation(e);
+                                    position = this.mouseMoveToTranslation(e),
+                                    shapes = annotation.userOptions.shapes;
                                 target.setRadius(Math.max(target.options.r +
                                     position.y /
                                         Math.sin(Math.PI / 4), 5));
-                                annotation.userOptions.shapes[0].r = target.options.r;
-                                annotation.userOptions.shapes[0].point =
-                                    target.options.point;
+                                if (shapes && shapes[0]) {
+                                    shapes[0].r = target.options.r;
+                                    shapes[0].point = target.options.point;
+                                }
                                 target.redraw(false);
                             }
                         }
@@ -4367,7 +4404,7 @@
 
         return BasicAnnotation;
     });
-    _registerModule(_modules, 'Extensions/Annotations/Types/CrookedLine.js', [_modules['Extensions/Annotations/Annotations.js'], _modules['Extensions/Annotations/ControlPoint.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, ControlPoint, MockPoint, U) {
+    _registerModule(_modules, 'Extensions/Annotations/Types/CrookedLine.js', [_modules['Extensions/Annotations/Annotation.js'], _modules['Extensions/Annotations/ControlPoint.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, ControlPoint, MockPoint, U) {
         /* *
          *
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
@@ -4560,7 +4597,7 @@
 
         return CrookedLine;
     });
-    _registerModule(_modules, 'Extensions/Annotations/Types/ElliottWave.js', [_modules['Extensions/Annotations/Annotations.js'], _modules['Extensions/Annotations/Types/CrookedLine.js'], _modules['Core/Utilities.js']], function (Annotation, CrookedLine, U) {
+    _registerModule(_modules, 'Extensions/Annotations/Types/ElliottWave.js', [_modules['Extensions/Annotations/Annotation.js'], _modules['Extensions/Annotations/Types/CrookedLine.js'], _modules['Core/Utilities.js']], function (Annotation, CrookedLine, U) {
         /* *
          *
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
@@ -4658,7 +4695,7 @@
 
         return ElliottWave;
     });
-    _registerModule(_modules, 'Extensions/Annotations/Types/Tunnel.js', [_modules['Extensions/Annotations/Annotations.js'], _modules['Extensions/Annotations/ControlPoint.js'], _modules['Extensions/Annotations/Types/CrookedLine.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, ControlPoint, CrookedLine, MockPoint, U) {
+    _registerModule(_modules, 'Extensions/Annotations/Types/Tunnel.js', [_modules['Extensions/Annotations/Annotation.js'], _modules['Extensions/Annotations/ControlPoint.js'], _modules['Extensions/Annotations/Types/CrookedLine.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, ControlPoint, CrookedLine, MockPoint, U) {
         /* *
          *
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
@@ -4783,6 +4820,7 @@
                 this.translatePoint(0, dh, 3);
                 this.options.typeOptions.height = this.points[3].y -
                     this.points[0].y;
+                this.userOptions.typeOptions.height = this.options.typeOptions.height;
             };
             return Tunnel;
         }(CrookedLine));
@@ -4878,7 +4916,7 @@
 
         return Tunnel;
     });
-    _registerModule(_modules, 'Extensions/Annotations/Types/InfinityLine.js', [_modules['Extensions/Annotations/Annotations.js'], _modules['Extensions/Annotations/Types/CrookedLine.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, CrookedLine, MockPoint, U) {
+    _registerModule(_modules, 'Extensions/Annotations/Types/InfinityLine.js', [_modules['Extensions/Annotations/Annotation.js'], _modules['Extensions/Annotations/Types/CrookedLine.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, CrookedLine, MockPoint, U) {
         /* *
          *
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
@@ -5059,7 +5097,7 @@
 
         return InfinityLine;
     });
-    _registerModule(_modules, 'Extensions/Annotations/Types/TimeCycles.js', [_modules['Extensions/Annotations/Annotations.js'], _modules['Extensions/Annotations/Types/CrookedLine.js'], _modules['Extensions/Annotations/ControlPoint.js'], _modules['Core/Utilities.js']], function (Annotation, CrookedLine, ControlPoint, U) {
+    _registerModule(_modules, 'Extensions/Annotations/Types/TimeCycles.js', [_modules['Extensions/Annotations/Annotation.js'], _modules['Extensions/Annotations/Types/CrookedLine.js'], _modules['Extensions/Annotations/ControlPoint.js'], _modules['Core/Utilities.js']], function (Annotation, CrookedLine, ControlPoint, U) {
         /* *
          *
          *  Authors: Rafal Sebestjanski and Pawel Lysy
@@ -5292,7 +5330,7 @@
 
         return TimeCycles;
     });
-    _registerModule(_modules, 'Extensions/Annotations/Types/Fibonacci.js', [_modules['Extensions/Annotations/Annotations.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Extensions/Annotations/Types/Tunnel.js'], _modules['Core/Utilities.js']], function (Annotation, MockPoint, Tunnel, U) {
+    _registerModule(_modules, 'Extensions/Annotations/Types/Fibonacci.js', [_modules['Extensions/Annotations/Annotation.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Extensions/Annotations/Types/Tunnel.js'], _modules['Core/Utilities.js']], function (Annotation, MockPoint, Tunnel, U) {
         /* *
          *
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
@@ -5479,7 +5517,7 @@
                 /**
                  * The color of line.
                  */
-                lineColor: "#999999" /* neutralColor40 */,
+                lineColor: "#999999" /* Palette.neutralColor40 */,
                 /**
                  * An array of colors for the lines.
                  */
@@ -5517,7 +5555,7 @@
 
         return Fibonacci;
     });
-    _registerModule(_modules, 'Extensions/Annotations/Types/FibonacciTimeZones.js', [_modules['Extensions/Annotations/Annotations.js'], _modules['Extensions/Annotations/ControlPoint.js'], _modules['Extensions/Annotations/Types/CrookedLine.js'], _modules['Extensions/Annotations/Types/InfinityLine.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, ControlPoint, CrookedLine, InfinityLine, MockPoint, U) {
+    _registerModule(_modules, 'Extensions/Annotations/Types/FibonacciTimeZones.js', [_modules['Extensions/Annotations/Annotation.js'], _modules['Extensions/Annotations/ControlPoint.js'], _modules['Extensions/Annotations/Types/CrookedLine.js'], _modules['Extensions/Annotations/Types/InfinityLine.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, ControlPoint, CrookedLine, InfinityLine, MockPoint, U) {
         /* *
          *
          *  Author: Rafal Sebestjanski
@@ -5754,7 +5792,7 @@
 
         return FibonacciTimeZones;
     });
-    _registerModule(_modules, 'Extensions/Annotations/Types/Pitchfork.js', [_modules['Extensions/Annotations/Annotations.js'], _modules['Extensions/Annotations/Types/InfinityLine.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, InfinityLine, MockPoint, U) {
+    _registerModule(_modules, 'Extensions/Annotations/Types/Pitchfork.js', [_modules['Extensions/Annotations/Annotation.js'], _modules['Extensions/Annotations/Types/InfinityLine.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, InfinityLine, MockPoint, U) {
         /* *
          *
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
@@ -5958,7 +5996,7 @@
 
         return Pitchfork;
     });
-    _registerModule(_modules, 'Extensions/Annotations/Types/VerticalLine.js', [_modules['Extensions/Annotations/Annotations.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, MockPoint, U) {
+    _registerModule(_modules, 'Extensions/Annotations/Types/VerticalLine.js', [_modules['Extensions/Annotations/Annotation.js'], _modules['Extensions/Annotations/MockPoint.js'], _modules['Core/Utilities.js']], function (Annotation, MockPoint, U) {
         /* *
          *
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
@@ -6135,7 +6173,7 @@
 
         return VerticalLine;
     });
-    _registerModule(_modules, 'Extensions/Annotations/Types/Measure.js', [_modules['Extensions/Annotations/Annotations.js'], _modules['Extensions/Annotations/ControlPoint.js'], _modules['Core/Utilities.js']], function (Annotation, ControlPoint, U) {
+    _registerModule(_modules, 'Extensions/Annotations/Types/Measure.js', [_modules['Extensions/Annotations/Annotation.js'], _modules['Extensions/Annotations/ControlPoint.js'], _modules['Core/Utilities.js']], function (Annotation, ControlPoint, U) {
         /* *
          *
          *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
@@ -7107,7 +7145,7 @@
 
         return ChartNavigationComposition;
     });
-    _registerModule(_modules, 'Extensions/Annotations/NavigationBindings.js', [_modules['Extensions/Annotations/Annotations.js'], _modules['Core/Chart/Chart.js'], _modules['Core/Chart/ChartNavigationComposition.js'], _modules['Core/FormatUtilities.js'], _modules['Core/Globals.js'], _modules['Core/DefaultOptions.js'], _modules['Core/Utilities.js']], function (Annotation, Chart, ChartNavigationComposition, F, H, D, U) {
+    _registerModule(_modules, 'Extensions/Annotations/NavigationBindings.js', [_modules['Extensions/Annotations/Annotation.js'], _modules['Core/Chart/Chart.js'], _modules['Core/Chart/ChartNavigationComposition.js'], _modules['Core/FormatUtilities.js'], _modules['Core/Globals.js'], _modules['Core/DefaultOptions.js'], _modules['Core/Utilities.js']], function (Annotation, Chart, ChartNavigationComposition, F, H, D, U) {
         /* *
          *
          *  (c) 2009-2021 Highsoft, Black Label
@@ -8086,8 +8124,9 @@
                         /** @ignore-option */
                         steps: [
                             function (e, annotation) {
-                                var mockPointOpts = annotation.options.shapes[0]
-                                        .point,
+                                var shapes = annotation.options.shapes;
+                                var mockPointOpts = ((shapes && shapes[0] && shapes[0].point) ||
+                                        {}),
                                     distance;
                                 if (isNumber(mockPointOpts.xAxis) &&
                                     isNumber(mockPointOpts.yAxis)) {
@@ -8107,6 +8146,14 @@
                             }
                         ]
                     },
+                    /**
+                     * A ellipse annotation bindings. Includes `start` and two events in
+                     * `steps` array. First updates the second point, responsible for a
+                     * rx width, and second updates the ry width.
+                     *
+                     * @type    {Highcharts.NavigationBindingsOptionsObject}
+                     * @default {"className": "highcharts-ellipse-annotation", "start": function() {}, "steps": [function() {}], "annotationsOptions": {}}
+                     */
                     ellipseAnnotation: {
                         className: 'highcharts-ellipse-annotation',
                         start: function (e) {
@@ -8206,7 +8253,9 @@
                         /** @ignore-option */
                         steps: [
                             function (e, annotation) {
-                                var points = annotation.options.shapes[0].points,
+                                var shapes = annotation.options.shapes;
+                                var points = ((shapes && shapes[0] && shapes[0].points) ||
+                                        []),
                                     coords = this.chart.pointer.getCoordinates(e),
                                     coordsX = this.utils.getAssignedAxis(coords.xAxis),
                                     coordsY = this.utils.getAssignedAxis(coords.yAxis),
@@ -8279,7 +8328,7 @@
                  * from a different server.
                  *
                  * @type      {string}
-                 * @default   https://code.highcharts.com/9.3.3/gfx/stock-icons/
+                 * @default   https://code.highcharts.com/10.2.0/gfx/stock-icons/
                  * @since     7.1.3
                  * @apioption navigation.iconsURL
                  */
@@ -8769,7 +8818,7 @@
                     // Advanced annotations:
                     lang[options.langKey] || options.langKey, 
                     // Basic shapes:
-                    options.shapes && options.shapes[0].type)));
+                    options.shapes && options.shapes[0].type, '')));
                     // add buttons
                     button = this.addButton(popupDiv, lang.removeButton || 'remove', 'remove', popupDiv, callback);
                     button.className += ' ' + PREFIX + 'annotation-remove-button';
@@ -9597,7 +9646,7 @@
                 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.3.3/gfx/stock-icons/'), this.chart);
+                    'https://code.highcharts.com/10.2.0/gfx/stock-icons/'), this.chart);
             }
             this.popup.showForm(config.formType, this.chart, config.options, config.onSubmit);
         });