highcharts 9.3.3 → 10.2.0

package/modules/stock-tools.src.js

@@ -1,5 +1,5 @@
 /**
- * @license Highstock JS v9.3.3 (2022-02-01)
+ * @license Highstock JS v10.2.0 (2022-07-05)
  *
  * Advanced Highcharts Stock tools
  *
@@ -8,7 +8,6 @@
  *
  * License: www.highcharts.com/license
  */
-'use strict';
 (function (factory) {
     if (typeof module === 'object' && module.exports) {
         factory['default'] = factory;
@@ -23,10 +22,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) {
@@ -363,7 +372,7 @@
              *
              */
             ControlPoint.prototype.setVisibility = function (visible) {
-                this.graphic.attr('visibility', visible ? 'visible' : 'hidden');
+                this.graphic[visible ? 'show' : 'hide']();
                 this.options.visible = visible;
             };
             /**
@@ -772,7 +781,7 @@
                     this.plotX = xAxis.toPixels(options.x, true);
                 }
                 else {
-                    this.x = null;
+                    this.x = void 0;
                     this.plotX = options.x;
                 }
                 if (yAxis) {
@@ -2082,9 +2091,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;
+                }
             };
             /* *
              *
@@ -2637,7 +2649,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
@@ -2830,10 +2842,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 {
@@ -2844,10 +2857,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 () {
@@ -2958,7 +2972,7 @@
                     opacity: 0,
                     zIndex: this.options.zIndex,
                     visibility: this.options.visible ?
-                        'visible' :
+                        'inherit' :
                         'hidden'
                 })
                     .add();
@@ -2997,7 +3011,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 &&
@@ -3345,7 +3359,7 @@
                      *
                      * @type {Highcharts.ColorString}
                      */
-                    borderColor: "#000000" /* neutralColor100 */,
+                    borderColor: "#000000" /* Palette.neutralColor100 */,
                     /**
                      * The border radius in pixels for the annotaiton's label.
                      *
@@ -3776,8 +3790,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,
@@ -3798,6 +3812,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.
                  *
@@ -3957,7 +3978,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;
@@ -4045,7 +4067,16 @@
             }
         });
         H.Annotation = Annotation;
-        /* eslint-enable no-invalid-this, valid-jsdoc */
+        /* *
+         *
+         *  Default Export
+         *
+         * */
+        /* *
+         *
+         *  API Options
+         *
+         * */
         /**
          * Object of shape point.
          *
@@ -4204,7 +4235,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
@@ -5183,8 +5214,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)) {
@@ -5204,6 +5236,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) {
@@ -5303,7 +5343,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),
@@ -5376,7 +5418,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
                  */
@@ -5686,9 +5728,12 @@
                     }
                     series.remove(false);
                     if (indicatorsWithAxes.indexOf(series.type) >= 0) {
-                        var removedYAxisHeight = yAxis.options.height;
+                        var removedYAxisProps = {
+                                height: yAxis.options.height,
+                                top: yAxis.options.top
+                            };
                         yAxis.remove(false);
-                        navigation.resizeYAxes(removedYAxisHeight);
+                        navigation.resizeYAxes(removedYAxisProps);
                     }
                 }
             }
@@ -5898,25 +5943,27 @@
              * @param {number} defaultHeight
              *        Default height in percents.
              *
-             * @param {string} removedYAxisHeight
-             *        Height of the removed yAxis in percents.
+             * @param {Highcharts.AxisPositions} removedYAxisProps
+             *        Height and top value of the removed yAxis in percents.
              *
              * @return {Highcharts.YAxisPositions}
              *         An object containing an array of calculated positions
              *         in percentages. Format: `{top: Number, height: Number}`
              *         and maximum value of top + height of axes.
              */
-            getYAxisPositions: function (yAxes, plotHeight, defaultHeight, removedYAxisHeight) {
+            getYAxisPositions: function (yAxes, plotHeight, defaultHeight, removedYAxisProps) {
                 var positions,
                     allAxesHeight = 0,
                     previousAxisHeight,
-                    removedHeight;
+                    removedHeight,
+                    removedTop;
                 /** @private */
                 function isPercentage(prop) {
                     return defined(prop) && !isNumber(prop) && prop.match('%');
                 }
-                if (removedYAxisHeight) {
-                    removedHeight = correctFloat((parseFloat(removedYAxisHeight) / 100));
+                if (removedYAxisProps) {
+                    removedTop = correctFloat((parseFloat(removedYAxisProps.top) / 100));
+                    removedHeight = correctFloat((parseFloat(removedYAxisProps.height) / 100));
                 }
                 positions = yAxes.map(function (yAxis, index) {
                     var height = correctFloat(isPercentage(yAxis.options.height) ?
@@ -5925,9 +5972,9 @@
                         top = correctFloat(isPercentage(yAxis.options.top) ?
                             parseFloat(yAxis.options.top) / 100 :
                             (yAxis.top - yAxis.chart.plotTop) / plotHeight);
-                    // New axis' height is NaN so we can check if
-                    // the axis is newly created this way
                     if (!removedHeight) {
+                        // New axis' height is NaN so we can check if
+                        // the axis is newly created this way
                         if (!isNumber(height)) {
                             // Check if the previous axis is the
                             // indicator axis (every indicator inherits from sma)
@@ -5942,13 +5989,11 @@
                         allAxesHeight = correctFloat(Math.max(allAxesHeight, (top || 0) + (height || 0)));
                     }
                     else {
-                        if (top <= allAxesHeight) {
-                            allAxesHeight = correctFloat(Math.max(allAxesHeight, (top || 0) + (height || 0)));
-                        }
-                        else {
-                            top = correctFloat(top - removedHeight);
-                            allAxesHeight = correctFloat(allAxesHeight + height);
+                        // Move all axes which were below the removed axis up.
+                        if (top > removedTop) {
+                            top -= removedHeight;
                         }
+                        allAxesHeight = Math.max(allAxesHeight, (top || 0) + (height || 0));
                     }
                     return {
                         height: height * 100,
@@ -6008,11 +6053,11 @@
              *
              * @private
              * @function Highcharts.NavigationBindings#resizeYAxes
-             * @param {string} [removedYAxisHeight]
+             * @param {Highcharts.AxisPositions} [removedYAxisProps]
              *
              *
              */
-            resizeYAxes: function (removedYAxisHeight) {
+            resizeYAxes: function (removedYAxisProps) {
                 // The height of the new axis before rescalling. In %, but as a number.
                 var defaultHeight = 20;
                 var chart = this.chart, 
@@ -6023,14 +6068,14 @@
                     _a = this.getYAxisPositions(yAxes,
                     plotHeight,
                     defaultHeight,
-                    removedYAxisHeight),
+                    removedYAxisProps),
                     positions = _a.positions,
                     allAxesHeight = _a.allAxesHeight,
                     resizers = this.getYAxisResizers(yAxes);
                 // check if the axis is being either added or removed and
                 // if the new indicator axis will fit under existing axes.
                 // if so, there is no need to scale them.
-                if (!removedYAxisHeight &&
+                if (!removedYAxisProps &&
                     allAxesHeight <= correctFloat(0.8 + defaultHeight / 100)) {
                     positions[positions.length - 1] = {
                         height: defaultHeight,
@@ -6087,6 +6132,8 @@
          * @type         {Highcharts.Dictionary<Highcharts.NavigationBindingsOptionsObject>}
          * @since        7.0.0
          * @optionparent navigation.bindings
+         *   @sample {highstock} stock/stocktools/custom-stock-tools-bindings
+         *     Custom stock tools bindings
          */
         var stockToolsBindings = {
                 // Line type annotations:
@@ -6597,7 +6644,7 @@
                             },
                             labelOptions: {
                                 style: {
-                                    color: "#666666" /* neutralColor60 */
+                                    color: "#666666" /* Palette.neutralColor60 */
                                 }
                             }
                         },
@@ -6659,7 +6706,7 @@
                             },
                             labelOptions: {
                                 style: {
-                                    color: "#666666" /* neutralColor60 */
+                                    color: "#666666" /* Palette.neutralColor60 */
                                 }
                             }
                         },
@@ -6711,23 +6758,23 @@
                         y: y },
                                 crosshairX: {
                                     strokeWidth: 1,
-                                    stroke: "#000000" /* neutralColor100 */
+                                    stroke: "#000000" /* Palette.neutralColor100 */
                                 },
                                 crosshairY: {
                                     enabled: false,
                                     strokeWidth: 0,
-                                    stroke: "#000000" /* neutralColor100 */
+                                    stroke: "#000000" /* Palette.neutralColor100 */
                                 },
                                 background: {
                                     width: 0,
                                     height: 0,
                                     strokeWidth: 0,
-                                    stroke: "#ffffff" /* backgroundColor */
+                                    stroke: "#ffffff" /* Palette.backgroundColor */
                                 }
                             },
                             labelOptions: {
                                 style: {
-                                    color: "#666666" /* neutralColor60 */
+                                    color: "#666666" /* Palette.neutralColor60 */
                                 }
                             }
                         },
@@ -6776,22 +6823,22 @@
                                 crosshairX: {
                                     enabled: false,
                                     strokeWidth: 0,
-                                    stroke: "#000000" /* neutralColor100 */
+                                    stroke: "#000000" /* Palette.neutralColor100 */
                                 },
                                 crosshairY: {
                                     strokeWidth: 1,
-                                    stroke: "#000000" /* neutralColor100 */
+                                    stroke: "#000000" /* Palette.neutralColor100 */
                                 },
                                 background: {
                                     width: 0,
                                     height: 0,
                                     strokeWidth: 0,
-                                    stroke: "#ffffff" /* backgroundColor */
+                                    stroke: "#ffffff" /* Palette.backgroundColor */
                                 }
                             },
                             labelOptions: {
                                 style: {
-                                    color: "#666666" /* neutralColor60 */
+                                    color: "#666666" /* Palette.neutralColor60 */
                                 }
                             }
                         },
@@ -6844,16 +6891,16 @@
                                 },
                                 crosshairX: {
                                     strokeWidth: 1,
-                                    stroke: "#000000" /* neutralColor100 */
+                                    stroke: "#000000" /* Palette.neutralColor100 */
                                 },
                                 crosshairY: {
                                     strokeWidth: 1,
-                                    stroke: "#000000" /* neutralColor100 */
+                                    stroke: "#000000" /* Palette.neutralColor100 */
                                 }
                             },
                             labelOptions: {
                                 style: {
-                                    color: "#666666" /* neutralColor60 */
+                                    color: "#666666" /* Palette.neutralColor60 */
                                 }
                             }
                         },
@@ -6871,6 +6918,9 @@
              * A fibonacci annotation bindings. Includes `start` and two events in
              * `steps` array (updates second point, then height).
              *
+             *   @sample {highstock} stock/stocktools/custom-stock-tools-bindings
+             *     Custom stock tools bindings
+             *
              * @type    {Highcharts.NavigationBindingsOptionsObject}
              * @product highstock
              * @default {"className": "highcharts-fibonacci", "start": function() {}, "steps": [function() {}, function() {}], "annotationsOptions": {}}
@@ -6906,7 +6956,7 @@
                             },
                             labelOptions: {
                                 style: {
-                                    color: "#666666" /* neutralColor60 */
+                                    color: "#666666" /* Palette.neutralColor60 */
                                 }
                             }
                         },
@@ -7001,10 +7051,11 @@
                                         y: coordsY.value,
                                         controlPoint: {
                                             style: {
-                                                fill: "#f21313" /* negativeColor */
+                                                fill: "#f21313" /* Palette.negativeColor */
                                             }
                                         }
-                                    }, { x: x, y: y },
+                                    },
+                                    { x: x, y: y },
                                     { x: x, y: y }],
                                 innerBackground: {
                                     fill: 'rgba(100, 170, 255, 0.8)'
@@ -7065,7 +7116,7 @@
                         },
                         labelOptions: {
                             style: {
-                                color: "#666666" /* neutralColor60 */,
+                                color: "#666666" /* Palette.neutralColor60 */,
                                 fontSize: '11px'
                             }
                         },
@@ -7080,13 +7131,13 @@
                 }
             },
             /**
-             * A vertical arrow annotation bindings. Includes `start` event. On click,
-             * finds the closest point and marks it with an arrow and a label with
-             * value.
+             * A time cycles annotation bindings. Includes `start` event and 1 `step`
+             * event. first click marks the beginning of the circle, and the second one
+             * sets its diameter.
              *
              * @type    {Highcharts.NavigationBindingsOptionsObject}
              * @product highstock
-             * @default {"className": "highcharts-vertical-label", "start": function() {}, "annotationsOptions": {}}
+             * @default {"className": "highcharts-time-cycles", "start": function() {}, "steps": [function (){}] "annotationsOptions": {}}
              */
             timeCycles: {
                 className: 'highcharts-time-cycles',
@@ -7157,7 +7208,7 @@
                         },
                         labelOptions: {
                             style: {
-                                color: "#666666" /* neutralColor60 */,
+                                color: "#666666" /* Palette.neutralColor60 */,
                                 fontSize: '11px'
                             }
                         },
@@ -7213,7 +7264,7 @@
                             connector: {
                                 fill: 'none',
                                 stroke: closestPoint.below ?
-                                    "#f21313" /* negativeColor */ : "#06b535" /* positiveColor */
+                                    "#f21313" /* Palette.negativeColor */ : "#06b535" /* Palette.positiveColor */
                             }
                         },
                         shapeOptions: {
@@ -9456,7 +9507,7 @@
             Toolbar.prototype.getIconsURL = function () {
                 return this.chart.options.navigation.iconsURL ||
                     this.options.iconsURL ||
-                    'https://code.highcharts.com/9.3.3/gfx/stock-icons/';
+                    'https://code.highcharts.com/10.2.0/gfx/stock-icons/';
             };
             return Toolbar;
         }());