highcharts 10.2.0 → 10.2.1

package/es-modules/Extensions/Annotations/{Mixins/EventEmitterMixin.js → EventEmitter.js}

@@ -1,29 +1,40 @@
 /* *
+ *
+ *  (c) 2009-2021 Highsoft, Black Label
+ *
+ *  License: www.highcharts.com/license
  *
  *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
  *
  * */
-import H from '../../../Core/Globals.js';
-import U from '../../../Core/Utilities.js';
+'use strict';
+import H from '../../Core/Globals.js';
+var doc = H.doc, isTouchDevice = H.isTouchDevice;
+import U from '../../Core/Utilities.js';
 var addEvent = U.addEvent, fireEvent = U.fireEvent, objectEach = U.objectEach, pick = U.pick, removeEvent = U.removeEvent;
-/* eslint-disable valid-jsdoc */
-/**
- * It provides methods for:
- * - adding and handling DOM events and a drag event,
- * - mapping a mouse move event to the distance between two following events.
- *   The units of the distance are specific to a transformation,
- *   e.g. for rotation they are radians, for scaling they are scale factors.
+/* *
+ *
+ *  Class
  *
+ * */
+/**
  * @private
- * @mixin
  */
-var eventEmitterMixin = {
+var EventEmitter = /** @class */ (function () {
+    function EventEmitter() {
+    }
+    /* *
+     *
+     *  Functions
+     *
+     * */
     /**
      * Add emitter events.
+     * @private
      */
-    addEvents: function () {
+    EventEmitter.prototype.addEvents = function () {
         var emitter = this, addMouseDownEvent = function (element) {
-            addEvent(element, H.isTouchDevice ? 'touchstart' : 'mousedown', function (e) {
+            addEvent(element, isTouchDevice ? 'touchstart' : 'mousedown', function (e) {
                 emitter.onMouseDown(e);
             }, { passive: false });
         };
@@ -68,23 +79,100 @@ var eventEmitterMixin = {
         if (!emitter.isUpdating) {
             fireEvent(emitter, 'add');
         }
-    },
+    };
     /**
-     * Remove emitter document events.
+     * Destroy the event emitter.
      */
-    removeDocEvents: function () {
-        if (this.removeDrag) {
-            this.removeDrag = this.removeDrag();
+    EventEmitter.prototype.destroy = function () {
+        this.removeDocEvents();
+        removeEvent(this);
+        this.hcEvents = null;
+    };
+    /**
+     * Map mouse move event to the radians.
+     * @private
+     */
+    EventEmitter.prototype.mouseMoveToRadians = function (e, cx, cy) {
+        var prevDy = e.prevChartY - cy, prevDx = e.prevChartX - cx, dy = e.chartY - cy, dx = e.chartX - cx, temp;
+        if (this.chart.inverted) {
+            temp = prevDx;
+            prevDx = prevDy;
+            prevDy = temp;
+            temp = dx;
+            dx = dy;
+            dy = temp;
         }
-        if (this.removeMouseUp) {
-            this.removeMouseUp = this.removeMouseUp();
+        return Math.atan2(dy, dx) - Math.atan2(prevDy, prevDx);
+    };
+    /**
+     * Map mouse move to the scale factors.
+     * @private
+     */
+    EventEmitter.prototype.mouseMoveToScale = function (e, cx, cy) {
+        var prevDx = e.prevChartX - cx, prevDy = e.prevChartY - cy, dx = e.chartX - cx, dy = e.chartY - cy;
+        var sx = (dx || 1) / (prevDx || 1), sy = (dy || 1) / (prevDy || 1);
+        if (this.chart.inverted) {
+            var temp = sy;
+            sy = sx;
+            sx = temp;
         }
-    },
+        return {
+            x: sx,
+            y: sy
+        };
+    };
+    /**
+     * Map mouse move event to the distance between two following events.
+     * @private
+     */
+    EventEmitter.prototype.mouseMoveToTranslation = function (e) {
+        var dx = e.chartX - e.prevChartX, dy = e.chartY - e.prevChartY, temp;
+        if (this.chart.inverted) {
+            temp = dy;
+            dy = dx;
+            dx = temp;
+        }
+        return {
+            x: dx,
+            y: dy
+        };
+    };
+    /**
+     * Drag and drop event. All basic annotations should share this
+     * capability as well as the extended ones.
+     * @private
+     */
+    EventEmitter.prototype.onDrag = function (e) {
+        if (this.chart.isInsidePlot(e.chartX - this.chart.plotLeft, e.chartY - this.chart.plotTop, {
+            visiblePlotOnly: true
+        })) {
+            var translation_1 = this.mouseMoveToTranslation(e);
+            if (this.options.draggable === 'x') {
+                translation_1.y = 0;
+            }
+            if (this.options.draggable === 'y') {
+                translation_1.x = 0;
+            }
+            var emitter = this;
+            if (emitter.points.length) {
+                emitter.translate(translation_1.x, translation_1.y);
+            }
+            else {
+                emitter.shapes.forEach(function (shape) {
+                    return shape.translate(translation_1.x, translation_1.y);
+                });
+                emitter.labels.forEach(function (label) {
+                    return label.translate(translation_1.x, translation_1.y);
+                });
+            }
+            this.redraw(false);
+        }
+    };
     /**
      * Mouse down handler.
+     * @private
      */
-    onMouseDown: function (e) {
-        var emitter = this, pointer = emitter.chart.pointer, prevChartX, prevChartY;
+    EventEmitter.prototype.onMouseDown = function (e) {
         if (e.preventDefault) {
             e.preventDefault();
         }
@@ -92,12 +180,12 @@ var eventEmitterMixin = {
         if (e.button === 2) {
             return;
         }
+        var emitter = this, pointer = emitter.chart.pointer;
         e = pointer.normalize(e);
-        prevChartX = e.chartX;
-        prevChartY = e.chartY;
+        var prevChartX = e.chartX, prevChartY = e.chartY;
         emitter.cancelClick = false;
         emitter.chart.hasDraggedAnnotation = true;
-        emitter.removeDrag = addEvent(H.doc, H.isTouchDevice ? 'touchmove' : 'mousemove', function (e) {
+        emitter.removeDrag = addEvent(doc, isTouchDevice ? 'touchmove' : 'mousemove', function (e) {
             emitter.hasDragged = true;
             e = pointer.normalize(e);
             e.prevChartX = prevChartX;
@@ -105,8 +193,8 @@ var eventEmitterMixin = {
             fireEvent(emitter, 'drag', e);
             prevChartX = e.chartX;
             prevChartY = e.chartY;
-        }, H.isTouchDevice ? { passive: false } : void 0);
-        emitter.removeMouseUp = addEvent(H.doc, H.isTouchDevice ? 'touchend' : 'mouseup', function (e) {
+        }, isTouchDevice ? { passive: false } : void 0);
+        emitter.removeMouseUp = addEvent(doc, 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);
@@ -121,101 +209,33 @@ var eventEmitterMixin = {
             fireEvent(pick(annotation, // #15952
             emitter), 'afterUpdate');
             emitter.onMouseUp(e);
-        }, H.isTouchDevice ? { passive: false } : void 0);
-    },
+        }, isTouchDevice ? { passive: false } : void 0);
+    };
     /**
      * Mouse up handler.
      */
-    onMouseUp: function (_e) {
+    EventEmitter.prototype.onMouseUp = function (_e) {
         var chart = this.chart, annotation = this.target || this, annotationsOptions = chart.options.annotations, index = chart.annotations.indexOf(annotation);
         this.removeDocEvents();
         annotationsOptions[index] = annotation.options;
-    },
-    /**
-     * Drag and drop event. All basic annotations should share this
-     * capability as well as the extended ones.
-     */
-    onDrag: function (e) {
-        if (this.chart.isInsidePlot(e.chartX - this.chart.plotLeft, e.chartY - this.chart.plotTop, {
-            visiblePlotOnly: true
-        })) {
-            var translation_1 = this.mouseMoveToTranslation(e);
-            if (this.options.draggable === 'x') {
-                translation_1.y = 0;
-            }
-            if (this.options.draggable === 'y') {
-                translation_1.x = 0;
-            }
-            if (this.points.length) {
-                this.translate(translation_1.x, translation_1.y);
-            }
-            else {
-                this.shapes.forEach(function (shape) {
-                    shape.translate(translation_1.x, translation_1.y);
-                });
-                this.labels.forEach(function (label) {
-                    label.translate(translation_1.x, translation_1.y);
-                });
-            }
-            this.redraw(false);
-        }
-    },
-    /**
-     * Map mouse move event to the radians.
-     */
-    mouseMoveToRadians: function (e, cx, cy) {
-        var prevDy = e.prevChartY - cy, prevDx = e.prevChartX - cx, dy = e.chartY - cy, dx = e.chartX - cx, temp;
-        if (this.chart.inverted) {
-            temp = prevDx;
-            prevDx = prevDy;
-            prevDy = temp;
-            temp = dx;
-            dx = dy;
-            dy = temp;
-        }
-        return Math.atan2(dy, dx) - Math.atan2(prevDy, prevDx);
-    },
+    };
     /**
-     * Map mouse move event to the distance between two following events.
+     * Remove emitter document events.
+     * @private
      */
-    mouseMoveToTranslation: function (e) {
-        var dx = e.chartX - e.prevChartX, dy = e.chartY - e.prevChartY, temp;
-        if (this.chart.inverted) {
-            temp = dy;
-            dy = dx;
-            dx = temp;
+    EventEmitter.prototype.removeDocEvents = function () {
+        if (this.removeDrag) {
+            this.removeDrag = this.removeDrag();
         }
-        return {
-            x: dx,
-            y: dy
-        };
-    },
-    /**
-     * Map mouse move to the scale factors.
-     *
-     * @param {Object} e event
-     * @param {number} cx center x
-     * @param {number} cy center y
-     **/
-    mouseMoveToScale: function (e, cx, cy) {
-        var prevDx = e.prevChartX - cx, prevDy = e.prevChartY - cy, dx = e.chartX - cx, dy = e.chartY - cy, sx = (dx || 1) / (prevDx || 1), sy = (dy || 1) / (prevDy || 1), temp;
-        if (this.chart.inverted) {
-            temp = sy;
-            sy = sx;
-            sx = temp;
+        if (this.removeMouseUp) {
+            this.removeMouseUp = this.removeMouseUp();
         }
-        return {
-            x: sx,
-            y: sy
-        };
-    },
-    /**
-     * Destroy the event emitter.
-     */
-    destroy: function () {
-        this.removeDocEvents();
-        removeEvent(this);
-        this.hcEvents = null;
-    }
-};
-export default eventEmitterMixin;
+    };
+    return EventEmitter;
+}());
+/* *
+ *
+ *  Default Export
+ *
+ * */
+export default EventEmitter;