highcharts 10.2.0 → 10.2.1

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

@@ -0,0 +1,134 @@
+/* *
+ *
+ *  Popup generator for Stock tools
+ *
+ *  (c) 2009-2021 Sebastian Bochan
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+'use strict';
+import H from '../../../Core/Globals.js';
+var doc = H.doc;
+import U from '../../../Core/Utilities.js';
+var addEvent = U.addEvent, createElement = U.createElement;
+/* *
+ *
+ *  Functions
+ *
+ * */
+/**
+ * Create tab content
+ * @private
+ * @return {HTMLDOMElement} - created HTML tab-content element
+ */
+function addContentItem() {
+    var popupDiv = this.container;
+    return createElement('div', {
+        // #12100
+        className: 'highcharts-tab-item-content highcharts-no-mousewheel'
+    }, void 0, popupDiv);
+}
+/**
+ * Create tab menu item
+ * @private
+ * @param {string} tabName
+ * `add` or `edit`
+ * @param {number} [disableTab]
+ * Disable tab when 0
+ * @return {Highcharts.HTMLDOMElement}
+ * Created HTML tab-menu element
+ */
+function addMenuItem(tabName, disableTab) {
+    var popupDiv = this.container, lang = this.lang;
+    var className = 'highcharts-tab-item';
+    if (disableTab === 0) {
+        className += ' highcharts-tab-disabled';
+    }
+    // tab 1
+    var menuItem = createElement('span', {
+        className: className
+    }, void 0, popupDiv);
+    menuItem.appendChild(doc.createTextNode(lang[tabName + 'Button'] || tabName));
+    menuItem.setAttribute('highcharts-data-tab-type', tabName);
+    return menuItem;
+}
+/**
+ * Set all tabs as invisible.
+ * @private
+ */
+function deselectAll() {
+    var popupDiv = this.container, tabs = popupDiv
+        .querySelectorAll('.highcharts-tab-item'), tabsContent = popupDiv
+        .querySelectorAll('.highcharts-tab-item-content');
+    for (var i = 0; i < tabs.length; i++) {
+        tabs[i].classList.remove('highcharts-tab-item-active');
+        tabsContent[i].classList.remove('highcharts-tab-item-show');
+    }
+}
+/**
+ * Init tabs. Create tab menu items, tabs containers
+ * @private
+ * @param {Highcharts.Chart} chart
+ * Reference to current chart
+ */
+function init(chart) {
+    if (!chart) {
+        return;
+    }
+    var indicatorsCount = this.indicators.getAmount.call(chart);
+    // create menu items
+    var firstTab = addMenuItem.call(this, 'add'); // run by default
+    addMenuItem.call(this, 'edit', indicatorsCount);
+    // create tabs containers
+    addContentItem.call(this);
+    addContentItem.call(this);
+    switchTabs.call(this, indicatorsCount);
+    // activate first tab
+    selectTab.call(this, firstTab, 0);
+}
+/**
+ * Set tab as visible
+ * @private
+ * @param {globals.Element} - current tab
+ * @param {number} - Index of tab in menu
+ */
+function selectTab(tab, index) {
+    var allTabs = this.container
+        .querySelectorAll('.highcharts-tab-item-content');
+    tab.className += ' highcharts-tab-item-active';
+    allTabs[index].className += ' highcharts-tab-item-show';
+}
+/**
+ * Add click event to each tab
+ * @private
+ * @param {number} disableTab
+ * Disable tab when 0
+ */
+function switchTabs(disableTab) {
+    var popup = this, popupDiv = this.container, tabs = popupDiv.querySelectorAll('.highcharts-tab-item');
+    tabs.forEach(function (tab, i) {
+        if (disableTab === 0 &&
+            tab.getAttribute('highcharts-data-tab-type') === 'edit') {
+            return;
+        }
+        ['click', 'touchstart'].forEach(function (eventName) {
+            addEvent(tab, eventName, function () {
+                // reset class on other elements
+                deselectAll.call(popup);
+                selectTab.call(popup, this, i);
+            });
+        });
+    });
+}
+/* *
+ *
+ *  Default Export
+ *
+ * */
+var PopupTabs = {
+    init: init
+};
+export default PopupTabs;

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

@@ -23,16 +23,15 @@ import Annotation from '../Annotation.js';
 import MockPoint from '../MockPoint.js';
 import U from '../../../Core/Utilities.js';
 var merge = U.merge;
-/* eslint-disable no-invalid-this */
+/* *
+ *
+ *  Class
+ *
+ * */
 var BasicAnnotation = /** @class */ (function (_super) {
     __extends(BasicAnnotation, _super);
-    /* *
-     *
-     *  Constructors
-     *
-     * */
-    function BasicAnnotation(chart, options) {
-        return _super.call(this, chart, options) || this;
+    function BasicAnnotation() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     /* *
      *
@@ -40,7 +39,9 @@ var BasicAnnotation = /** @class */ (function (_super) {
      *
      * */
     BasicAnnotation.prototype.addControlPoints = function () {
-        var options = this.options, controlPoints = BasicAnnotation.basicControlPoints, annotationType = this.basicType, optionsGroup = options.labels || options.shapes;
+        var options = this.options, controlPoints = BasicAnnotation.basicControlPoints, annotationType = this.basicType, optionsGroup = (options.labels ||
+            options.shapes ||
+            []);
         optionsGroup.forEach(function (group) {
             group.controlPoints = controlPoints[annotationType];
         });
@@ -229,11 +230,6 @@ var BasicAnnotation = /** @class */ (function (_super) {
     return BasicAnnotation;
 }(Annotation));
 BasicAnnotation.prototype.defaultOptions = merge(Annotation.prototype.defaultOptions, {});
-/* *
- *
- *  Registry
- *
- * */
 Annotation.types.basicAnnotation = BasicAnnotation;
 /* *
  *

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

@@ -24,16 +24,15 @@ import ControlPoint from '../ControlPoint.js';
 import MockPoint from '../MockPoint.js';
 import U from '../../../Core/Utilities.js';
 var merge = U.merge;
-/* eslint-disable no-invalid-this, valid-jsdoc */
+/* *
+ *
+ *  Class
+ *
+ * */
 var CrookedLine = /** @class */ (function (_super) {
     __extends(CrookedLine, _super);
-    /* *
-     *
-     * Constructors
-     *
-     * */
-    function CrookedLine(chart, options) {
-        return _super.call(this, chart, options) || this;
+    function CrookedLine() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     /* *
      *
@@ -69,11 +68,9 @@ var CrookedLine = /** @class */ (function (_super) {
     CrookedLine.prototype.addShapes = function () {
         var typeOptions = this.options.typeOptions, shape = this.initShape(merge(typeOptions.line, {
             type: 'path',
-            points: this.points.map(function (_point, i) {
-                return function (target) {
-                    return target.annotation.points[i];
-                };
-            })
+            points: this.points.map(function (_point, i) { return (function (target) {
+                return target.annotation.points[i];
+            }); })
         }), 0);
         typeOptions.line = shape.options;
     };
@@ -173,15 +170,10 @@ CrookedLine.prototype.defaultOptions = merge(Annotation.prototype.defaultOptions
         }
     }
 });
-/* *
- *
- *  Registry
- *
- * */
 Annotation.types.crookedLine = CrookedLine;
 /* *
  *
- *  Export Default
+ *  Default Export
  *
  * */
 export default CrookedLine;

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

@@ -23,11 +23,15 @@ import Annotation from '../Annotation.js';
 import CrookedLine from './CrookedLine.js';
 import U from '../../../Core/Utilities.js';
 var merge = U.merge;
-/* eslint-disable no-invalid-this, valid-jsdoc */
+/* *
+ *
+ *  Class
+ *
+ * */
 var ElliottWave = /** @class */ (function (_super) {
     __extends(ElliottWave, _super);
-    function ElliottWave(chart, options) {
-        return _super.call(this, chart, options) || this;
+    function ElliottWave() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     /* *
      *
@@ -35,15 +39,16 @@ var ElliottWave = /** @class */ (function (_super) {
      *
      * */
     ElliottWave.prototype.addLabels = function () {
+        var _this = this;
         this.getPointsOptions().forEach(function (point, i) {
-            var typeOptions = this.options.typeOptions, label = this.initLabel(merge(point.label, {
+            var typeOptions = _this.options.typeOptions, label = _this.initLabel(merge(point.label, {
                 text: typeOptions.labels[i],
                 point: function (target) {
                     return target.annotation.points[i];
                 }
             }), false);
             point.label = label.options;
-        }, this);
+        });
     };
     return ElliottWave;
 }(CrookedLine));
@@ -83,11 +88,6 @@ ElliottWave.prototype.defaultOptions = merge(CrookedLine.prototype.defaultOption
         y: -5
     }
 });
-/* *
- *
- *  Registry
- *
- * */
 Annotation.types.elliottWave = ElliottWave;
 /* *
  *

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

@@ -24,8 +24,15 @@ import MockPoint from '../MockPoint.js';
 import Tunnel from './Tunnel.js';
 import U from '../../../Core/Utilities.js';
 var merge = U.merge;
-/* eslint-disable no-invalid-this, valid-jsdoc */
-var createPathDGenerator = function (retracementIndex, isBackground) {
+/* *
+ *
+ *  Functions
+ *
+ * */
+/**
+ * @private
+ */
+function createPathDGenerator(retracementIndex, isBackground) {
     return function () {
         var annotation = this.annotation;
         if (!annotation.startRetracements || !annotation.endRetracements) {
@@ -34,28 +41,28 @@ var createPathDGenerator = function (retracementIndex, isBackground) {
         var leftTop = this.anchor(annotation.startRetracements[retracementIndex]).absolutePosition, rightTop = this.anchor(annotation.endRetracements[retracementIndex]).absolutePosition, d = [
             ['M', Math.round(leftTop.x), Math.round(leftTop.y)],
             ['L', Math.round(rightTop.x), Math.round(rightTop.y)]
-        ], rightBottom, leftBottom;
+        ];
         if (isBackground) {
-            rightBottom = this.anchor(annotation.endRetracements[retracementIndex - 1]).absolutePosition;
-            leftBottom = this.anchor(annotation.startRetracements[retracementIndex - 1]).absolutePosition;
+            var rightBottom = this.anchor(annotation.endRetracements[retracementIndex - 1]).absolutePosition;
+            var leftBottom = this.anchor(annotation.startRetracements[retracementIndex - 1]).absolutePosition;
             d.push(['L', Math.round(rightBottom.x), Math.round(rightBottom.y)], ['L', Math.round(leftBottom.x), Math.round(leftBottom.y)]);
         }
         return d;
     };
-};
+}
+/* *
+ *
+ *  Class
+ *
+ * */
 var Fibonacci = /** @class */ (function (_super) {
     __extends(Fibonacci, _super);
-    /* *
-     *
-     * Constructors
-     *
-     * */
-    function Fibonacci(chart, options) {
-        return _super.call(this, chart, options) || this;
+    function Fibonacci() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     /* *
      *
-     * Functions
+     *  Functions
      *
      * */
     Fibonacci.prototype.linkPoints = function () {
@@ -64,14 +71,15 @@ var Fibonacci = /** @class */ (function (_super) {
         return;
     };
     Fibonacci.prototype.linkRetracementsPoints = function () {
+        var _this = this;
         var points = this.points, startDiff = points[0].y - points[3].y, endDiff = points[1].y - points[2].y, startX = points[0].x, endX = points[1].x;
         Fibonacci.levels.forEach(function (level, i) {
             var startRetracement = points[0].y - startDiff * level, endRetracement = points[1].y - endDiff * level;
-            this.startRetracements = this.startRetracements || [];
-            this.endRetracements = this.endRetracements || [];
-            this.linkRetracementPoint(i, startX, startRetracement, this.startRetracements);
-            this.linkRetracementPoint(i, endX, endRetracement, this.endRetracements);
-        }, this);
+            _this.startRetracements = _this.startRetracements || [];
+            _this.endRetracements = _this.endRetracements || [];
+            _this.linkRetracementPoint(i, startX, startRetracement, _this.startRetracements);
+            _this.linkRetracementPoint(i, endX, endRetracement, _this.endRetracements);
+        });
     };
     Fibonacci.prototype.linkRetracementPoint = function (pointIndex, x, y, retracements) {
         var point = retracements[pointIndex], typeOptions = this.options.typeOptions;
@@ -121,7 +129,7 @@ var Fibonacci = /** @class */ (function (_super) {
     };
     /* *
      *
-     * Static properties
+     *  Static Properties
      *
      * */
     Fibonacci.levels = [0, 0.236, 0.382, 0.5, 0.618, 0.786, 1];

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

@@ -28,12 +28,72 @@ import InfinityLine from './InfinityLine.js';
 import MockPoint from '../MockPoint.js';
 import U from '../../../Core/Utilities.js';
 var merge = U.merge;
+/* *
+ *
+ *  Functions
+ *
+ * */
+/**
+Method taken (and slightly changed) from the InfinityLine annotation.
+
+It uses x coordinate to create two mock points on the same x. Then,
+it uses some logic from InfinityLine to find equation of the line passing
+through our two points and, using that equation, it finds and returns
+the coordinates of where the line intersects the plot area edges.
+
+This is being done for each fibonacci time zone line.
+
+
+        this point here is found
+            |
+            v
+    |---------*--------------------------------------------------------|
+    |                                                                  |
+    |                                                                  |
+    |                                                                  |
+    |                                                                  |
+    |         *   copy of the primary point                            |
+    |                                                                  |
+    |         *   primary point (e.g. the one given in options)        |
+    |                                                                  |
+    |---------*--------------------------------------------------------|
+        and this point here is found (intersection with the plot area edge)
+
+* @private
+*/
+function edgePoint(startIndex, endIndex, fibonacciIndex) {
+    return function (target) {
+        var chart = target.annotation.chart, plotLeftOrTop = chart.inverted ? chart.plotTop : chart.plotLeft;
+        var points = target.annotation.points;
+        var xAxis = points[0].series.xAxis, 
+        // Distance between the two first lines in pixels
+        deltaX = points.length > 1 ?
+            points[1].plotX - points[0].plotX : 0, 
+        // firstLine.x + fibb * offset
+        x = xAxis.toValue(points[0].plotX + plotLeftOrTop + fibonacciIndex * deltaX);
+        // We need 2 mock points with the same x coordinate, different y
+        points = [
+            new MockPoint(chart, points[0].target, {
+                x: x,
+                y: 0,
+                xAxis: points[0].options.xAxis,
+                yAxis: points[0].options.yAxis
+            }),
+            new MockPoint(chart, points[0].target, {
+                x: x,
+                y: 1,
+                xAxis: points[0].options.xAxis,
+                yAxis: points[0].options.yAxis
+            })
+        ];
+        return InfinityLine.findEdgePoint(points[startIndex], points[endIndex]);
+    };
+}
 /* *
  *
  *  Class
  *
  * */
-/* eslint-disable no-invalid-this, valid-jsdoc */
 var FibonacciTimeZones = /** @class */ (function (_super) {
     __extends(FibonacciTimeZones, _super);
     function FibonacciTimeZones() {
@@ -44,61 +104,6 @@ var FibonacciTimeZones = /** @class */ (function (_super) {
      *  Functions
      *
      * */
-    /*
-    Method taken (and slightly changed) from the InfinityLine annotation.
-
-    It uses x coordinate to create two mock points on the same x. Then,
-    it uses some logic from InfinityLine to find equation of the line passing
-    through our two points and, using that equation, it finds and returns
-    the coordinates of where the line intersects the plot area edges.
-
-    This is being done for each fibonacci time zone line.
-
-
-            this point here is found
-               |
-               v
-     |---------*--------------------------------------------------------|
-     |                                                                  |
-     |                                                                  |
-     |                                                                  |
-     |                                                                  |
-     |         *   copy of the primary point                            |
-     |                                                                  |
-     |         *   primary point (e.g. the one given in options)        |
-     |                                                                  |
-     |---------*--------------------------------------------------------|
-            and this point here is found (intersection with the plot area edge)
-
-    */
-    FibonacciTimeZones.prototype.edgePoint = function (startIndex, endIndex, fibonacciIndex) {
-        return function (target) {
-            var chart = target.annotation.chart, plotLeftOrTop = chart.inverted ? chart.plotTop : chart.plotLeft;
-            var points = target.annotation.points;
-            var xAxis = points[0].series.xAxis, 
-            // Distance between the two first lines in pixels
-            deltaX = points.length > 1 ?
-                points[1].plotX - points[0].plotX : 0, 
-            // firstLine.x + fibb * offset
-            x = xAxis.toValue(points[0].plotX + plotLeftOrTop + fibonacciIndex * deltaX);
-            // We need 2 mock points with the same x coordinate, different y
-            points = [
-                new MockPoint(chart, points[0].target, {
-                    x: x,
-                    y: 0,
-                    xAxis: points[0].options.xAxis,
-                    yAxis: points[0].options.yAxis
-                }),
-                new MockPoint(chart, points[0].target, {
-                    x: x,
-                    y: 1,
-                    xAxis: points[0].options.xAxis,
-                    yAxis: points[0].options.yAxis
-                })
-            ];
-            return InfinityLine.findEdgePoint(points[startIndex], points[endIndex]);
-        };
-    };
     FibonacciTimeZones.prototype.addShapes = function () {
         var numberOfLines = 11;
         var fibb = 1, nextFibb = 1;
@@ -106,8 +111,8 @@ var FibonacciTimeZones = /** @class */ (function (_super) {
             // The fibb variable equals to 1 twice - correct it in the first
             // iteration so the lines don't overlap
             var correctedFibb = !i ? 0 : fibb, points = [
-                this.edgePoint(1, 0, correctedFibb),
-                this.edgePoint(0, 1, correctedFibb)
+                edgePoint(1, 0, correctedFibb),
+                edgePoint(0, 1, correctedFibb)
             ];
             // Calculate fibbonacci
             nextFibb = fibb + nextFibb;
@@ -184,11 +189,6 @@ FibonacciTimeZones.prototype.defaultOptions = merge(CrookedLine.prototype.defaul
         }
     }
 });
-/* *
- *
- *  Registry
- *
- * */
 Annotation.types.fibonacciTimeZones = FibonacciTimeZones;
 /* *
  *

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

@@ -29,25 +29,20 @@ var merge = U.merge;
  *  Class
  *
  * */
-/* eslint-disable no-invalid-this, valid-jsdoc */
 var InfinityLine = /** @class */ (function (_super) {
     __extends(InfinityLine, _super);
-    /* *
-     *
-     *  Constructors
-     *
-     * */
-    function InfinityLine(chart, options) {
-        return _super.call(this, chart, options) || this;
+    function InfinityLine() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     /* *
      *
-     * Static Functions
+     *  Static Functions
      *
      * */
     InfinityLine.edgePoint = function (startIndex, endIndex) {
         return function (target) {
-            var annotation = target.annotation, points = annotation.points, type = annotation.options.typeOptions.type;
+            var annotation = target.annotation, type = annotation.options.typeOptions.type;
+            var points = annotation.points;
             if (type === 'horizontalLine' || type === 'verticalLine') {
                 // Horizontal and vertical lines have only one point,
                 // make a copy of it:
@@ -78,7 +73,8 @@ var InfinityLine = /** @class */ (function (_super) {
         var chart = firstPoint.series.chart, xAxis = firstPoint.series.xAxis, yAxis = secondPoint.series.yAxis, firstPointPixels = MockPoint.pointToPixels(firstPoint), secondPointPixels = MockPoint.pointToPixels(secondPoint), deltaX = secondPointPixels.x - firstPointPixels.x, deltaY = secondPointPixels.y - firstPointPixels.y, xAxisMin = xAxis.left, xAxisMax = xAxisMin + xAxis.width, yAxisMin = yAxis.top, yAxisMax = yAxisMin + yAxis.height, xLimit = deltaX < 0 ? xAxisMin : xAxisMax, yLimit = deltaY < 0 ? yAxisMin : yAxisMax, edgePoint = {
             x: deltaX === 0 ? firstPointPixels.x : xLimit,
             y: deltaY === 0 ? firstPointPixels.y : yLimit
-        }, edgePointX, edgePointY, swap;
+        };
+        var edgePointX, edgePointY, swap;
         if (deltaX !== 0 && deltaY !== 0) {
             edgePointY = InfinityLine.findEdgeCoordinate(firstPointPixels, secondPointPixels, 'y', xLimit);
             edgePointX = InfinityLine.findEdgeCoordinate(firstPointPixels, secondPointPixels, 'x', yLimit);
@@ -123,21 +119,16 @@ var InfinityLine = /** @class */ (function (_super) {
         }), 0);
         typeOptions.line = line.options;
     };
-    /**
+    /* *
      *
-     * Static Properties
+     *  Static Properties
      *
-     */
+     * */
     InfinityLine.endEdgePoint = InfinityLine.edgePoint(0, 1);
     InfinityLine.startEdgePoint = InfinityLine.edgePoint(1, 0);
     return InfinityLine;
 }(CrookedLine));
 InfinityLine.prototype.defaultOptions = merge(CrookedLine.prototype.defaultOptions, {});
-/* *
- *
- *  Registry
- *
- * */
 Annotation.types.infinityLine = InfinityLine;
 /* *
  *