@antv/l7-map 2.21.0 → 2.21.2

package/es/handler/shim/drag_pan.js

@@ -1,15 +1,17 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 /**
  * The `DragPanHandler` allows the user to pan the map by clicking and dragging
  * the cursor.
  */
-var DragPanHandler = /*#__PURE__*/function () {
+export default class DragPanHandler {
   /**
    * @private
    */
-  function DragPanHandler(el, mousePan, touchPan) {
-    _classCallCheck(this, DragPanHandler);
+  constructor(el, mousePan, touchPan) {
+    _defineProperty(this, "inertiaOptions", void 0);
+    _defineProperty(this, "el", void 0);
+    _defineProperty(this, "mousePan", void 0);
+    _defineProperty(this, "touchPan", void 0);
     this.el = el;
     this.mousePan = mousePan;
     this.touchPan = touchPan;
@@ -34,51 +36,40 @@ var DragPanHandler = /*#__PURE__*/function () {
    *      deceleration: 2500,
    *   });
    */
-  _createClass(DragPanHandler, [{
-    key: "enable",
-    value: function enable(options) {
-      this.inertiaOptions = options || {};
-      this.mousePan.enable();
-      this.touchPan.enable();
-      this.el.classList.add('l7-touch-drag-pan');
-    }
+  enable(options) {
+    this.inertiaOptions = options || {};
+    this.mousePan.enable();
+    this.touchPan.enable();
+    this.el.classList.add('l7-touch-drag-pan');
+  }
 
-    /**
-     * Disables the "drag to pan" interaction.
-     *
-     * @example
-     * map.dragPan.disable();
-     */
-  }, {
-    key: "disable",
-    value: function disable() {
-      this.mousePan.disable();
-      this.touchPan.disable();
-      this.el.classList.remove('l7-touch-drag-pan');
-    }
+  /**
+   * Disables the "drag to pan" interaction.
+   *
+   * @example
+   * map.dragPan.disable();
+   */
+  disable() {
+    this.mousePan.disable();
+    this.touchPan.disable();
+    this.el.classList.remove('l7-touch-drag-pan');
+  }
 
-    /**
-     * Returns a Boolean indicating whether the "drag to pan" interaction is enabled.
-     *
-     * @returns {boolean} `true` if the "drag to pan" interaction is enabled.
-     */
-  }, {
-    key: "isEnabled",
-    value: function isEnabled() {
-      return this.mousePan.isEnabled() && this.touchPan.isEnabled();
-    }
+  /**
+   * Returns a Boolean indicating whether the "drag to pan" interaction is enabled.
+   *
+   * @returns {boolean} `true` if the "drag to pan" interaction is enabled.
+   */
+  isEnabled() {
+    return this.mousePan.isEnabled() && this.touchPan.isEnabled();
+  }
 
-    /**
-     * Returns a Boolean indicating whether the "drag to pan" interaction is active, i.e. currently being used.
-     *
-     * @returns {boolean} `true` if the "drag to pan" interaction is active.
-     */
-  }, {
-    key: "isActive",
-    value: function isActive() {
-      return this.mousePan.isActive() || this.touchPan.isActive();
-    }
-  }]);
-  return DragPanHandler;
-}();
-export { DragPanHandler as default };
+  /**
+   * Returns a Boolean indicating whether the "drag to pan" interaction is active, i.e. currently being used.
+   *
+   * @returns {boolean} `true` if the "drag to pan" interaction is active.
+   */
+  isActive() {
+    return this.mousePan.isActive() || this.touchPan.isActive();
+  }
+}

package/es/handler/shim/drag_rotate.js

@@ -1,10 +1,9 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 /**
  * The `DragRotateHandler` allows the user to rotate the map by clicking and
  * dragging the cursor while holding the right mouse button or `ctrl` key.
  */
-var DragRotateHandler = /*#__PURE__*/function () {
+export default class DragRotateHandler {
   /**
    * @param {Object} [options]
    * @param {number} [options.bearingSnap] The threshold, measured in degrees, that determines when the map's
@@ -12,8 +11,10 @@ var DragRotateHandler = /*#__PURE__*/function () {
    * @param {bool} [options.pitchWithRotate=true] Control the map pitch in addition to the bearing
    * @private
    */
-  function DragRotateHandler(options, mouseRotate, mousePitch) {
-    _classCallCheck(this, DragRotateHandler);
+  constructor(options, mouseRotate, mousePitch) {
+    _defineProperty(this, "mouseRotate", void 0);
+    _defineProperty(this, "mousePitch", void 0);
+    _defineProperty(this, "pitchWithRotate", void 0);
     this.pitchWithRotate = options.pitchWithRotate;
     this.mouseRotate = mouseRotate;
     this.mousePitch = mousePitch;
@@ -25,50 +26,39 @@ var DragRotateHandler = /*#__PURE__*/function () {
    * @example
    * map.dragRotate.enable();
    */
-  _createClass(DragRotateHandler, [{
-    key: "enable",
-    value: function enable() {
-      this.mouseRotate.enable();
-      if (this.pitchWithRotate) {
-        this.mousePitch.enable();
-      }
+  enable() {
+    this.mouseRotate.enable();
+    if (this.pitchWithRotate) {
+      this.mousePitch.enable();
     }
+  }
 
-    /**
-     * Disables the "drag to rotate" interaction.
-     *
-     * @example
-     * map.dragRotate.disable();
-     */
-  }, {
-    key: "disable",
-    value: function disable() {
-      this.mouseRotate.disable();
-      this.mousePitch.disable();
-    }
+  /**
+   * Disables the "drag to rotate" interaction.
+   *
+   * @example
+   * map.dragRotate.disable();
+   */
+  disable() {
+    this.mouseRotate.disable();
+    this.mousePitch.disable();
+  }
 
-    /**
-     * Returns a Boolean indicating whether the "drag to rotate" interaction is enabled.
-     *
-     * @returns {boolean} `true` if the "drag to rotate" interaction is enabled.
-     */
-  }, {
-    key: "isEnabled",
-    value: function isEnabled() {
-      return this.mouseRotate.isEnabled() && (!this.pitchWithRotate || this.mousePitch.isEnabled());
-    }
+  /**
+   * Returns a Boolean indicating whether the "drag to rotate" interaction is enabled.
+   *
+   * @returns {boolean} `true` if the "drag to rotate" interaction is enabled.
+   */
+  isEnabled() {
+    return this.mouseRotate.isEnabled() && (!this.pitchWithRotate || this.mousePitch.isEnabled());
+  }
 
-    /**
-     * Returns a Boolean indicating whether the "drag to rotate" interaction is active, i.e. currently being used.
-     *
-     * @returns {boolean} `true` if the "drag to rotate" interaction is active.
-     */
-  }, {
-    key: "isActive",
-    value: function isActive() {
-      return this.mouseRotate.isActive() || this.mousePitch.isActive();
-    }
-  }]);
-  return DragRotateHandler;
-}();
-export { DragRotateHandler as default };
+  /**
+   * Returns a Boolean indicating whether the "drag to rotate" interaction is active, i.e. currently being used.
+   *
+   * @returns {boolean} `true` if the "drag to rotate" interaction is active.
+   */
+  isActive() {
+    return this.mouseRotate.isActive() || this.mousePitch.isActive();
+  }
+}

package/es/handler/shim/touch_zoom_rotate.js

@@ -1,5 +1,4 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 /**
  * The `TouchZoomRotateHandler` allows the user to zoom and rotate the map by
  * pinching on a touchscreen.
@@ -7,12 +6,17 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
  * They can zoom with one finger by double tapping and dragging. On the second tap,
  * hold the finger down and drag up or down to zoom in or out.
  */
-var TouchZoomRotateHandler = /*#__PURE__*/function () {
+export default class TouchZoomRotateHandler {
   /**
    * @private
    */
-  function TouchZoomRotateHandler(el, touchZoom, touchRotate, tapDragZoom) {
-    _classCallCheck(this, TouchZoomRotateHandler);
+  constructor(el, touchZoom, touchRotate, tapDragZoom) {
+    _defineProperty(this, "el", void 0);
+    _defineProperty(this, "touchZoom", void 0);
+    _defineProperty(this, "touchRotate", void 0);
+    _defineProperty(this, "tapDragZoom", void 0);
+    _defineProperty(this, "rotationDisabled", void 0);
+    _defineProperty(this, "enabled", void 0);
     this.el = el;
     this.touchZoom = touchZoom;
     this.touchRotate = touchRotate;
@@ -32,84 +36,69 @@ var TouchZoomRotateHandler = /*#__PURE__*/function () {
    * @example
    *   map.touchZoomRotate.enable({ around: 'center' });
    */
-  _createClass(TouchZoomRotateHandler, [{
-    key: "enable",
-    value: function enable(options) {
-      this.touchZoom.enable(options);
-      if (!this.rotationDisabled) {
-        this.touchRotate.enable(options);
-      }
-      this.tapDragZoom.enable();
-      this.el.classList.add('l7-touch-zoom-rotate');
+  enable(options) {
+    this.touchZoom.enable(options);
+    if (!this.rotationDisabled) {
+      this.touchRotate.enable(options);
     }
+    this.tapDragZoom.enable();
+    this.el.classList.add('l7-touch-zoom-rotate');
+  }
 
-    /**
-     * Disables the "pinch to rotate and zoom" interaction.
-     *
-     * @example
-     *   map.touchZoomRotate.disable();
-     */
-  }, {
-    key: "disable",
-    value: function disable() {
-      this.touchZoom.disable();
-      this.touchRotate.disable();
-      this.tapDragZoom.disable();
-      this.el.classList.remove('l7-touch-zoom-rotate');
-    }
+  /**
+   * Disables the "pinch to rotate and zoom" interaction.
+   *
+   * @example
+   *   map.touchZoomRotate.disable();
+   */
+  disable() {
+    this.touchZoom.disable();
+    this.touchRotate.disable();
+    this.tapDragZoom.disable();
+    this.el.classList.remove('l7-touch-zoom-rotate');
+  }
 
-    /**
-     * Returns a Boolean indicating whether the "pinch to rotate and zoom" interaction is enabled.
-     *
-     * @returns {boolean} `true` if the "pinch to rotate and zoom" interaction is enabled.
-     */
-  }, {
-    key: "isEnabled",
-    value: function isEnabled() {
-      return this.touchZoom.isEnabled() && (this.rotationDisabled || this.touchRotate.isEnabled()) && this.tapDragZoom.isEnabled();
-    }
+  /**
+   * Returns a Boolean indicating whether the "pinch to rotate and zoom" interaction is enabled.
+   *
+   * @returns {boolean} `true` if the "pinch to rotate and zoom" interaction is enabled.
+   */
+  isEnabled() {
+    return this.touchZoom.isEnabled() && (this.rotationDisabled || this.touchRotate.isEnabled()) && this.tapDragZoom.isEnabled();
+  }
 
-    /**
-     * Returns true if the handler is enabled and has detected the start of a zoom/rotate gesture.
-     *
-     * @returns {boolean} //eslint-disable-line
-     */
-  }, {
-    key: "isActive",
-    value: function isActive() {
-      return this.touchZoom.isActive() || this.touchRotate.isActive() || this.tapDragZoom.isActive();
-    }
+  /**
+   * Returns true if the handler is enabled and has detected the start of a zoom/rotate gesture.
+   *
+   * @returns {boolean} //eslint-disable-line
+   */
+  isActive() {
+    return this.touchZoom.isActive() || this.touchRotate.isActive() || this.tapDragZoom.isActive();
+  }
 
-    /**
-     * Disables the "pinch to rotate" interaction, leaving the "pinch to zoom"
-     * interaction enabled.
-     *
-     * @example
-     *   map.touchZoomRotate.disableRotation();
-     */
-  }, {
-    key: "disableRotation",
-    value: function disableRotation() {
-      this.rotationDisabled = true;
-      this.touchRotate.disable();
-    }
+  /**
+   * Disables the "pinch to rotate" interaction, leaving the "pinch to zoom"
+   * interaction enabled.
+   *
+   * @example
+   *   map.touchZoomRotate.disableRotation();
+   */
+  disableRotation() {
+    this.rotationDisabled = true;
+    this.touchRotate.disable();
+  }
 
-    /**
-     * Enables the "pinch to rotate" interaction.
-     *
-     * @example
-     *   map.touchZoomRotate.enable();
-     *   map.touchZoomRotate.enableRotation();
-     */
-  }, {
-    key: "enableRotation",
-    value: function enableRotation() {
-      this.rotationDisabled = false;
-      if (this.touchZoom.isEnabled()) {
-        this.touchRotate.enable();
-      }
+  /**
+   * Enables the "pinch to rotate" interaction.
+   *
+   * @example
+   *   map.touchZoomRotate.enable();
+   *   map.touchZoomRotate.enableRotation();
+   */
+  enableRotation() {
+    this.rotationDisabled = false;
+    if (this.touchZoom.isEnabled()) {
+      this.touchRotate.enable();
     }
-  }]);
-  return TouchZoomRotateHandler;
-}();
-export { TouchZoomRotateHandler as default };
+  }
+}

package/es/handler/tap/single_tap_recognizer.js

@@ -1,97 +1,77 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 // @ts-ignore
 import Point from "../../geo/point";
 import { indexTouches } from "../handler_util";
 function getCentroid(points) {
-  var sum = new Point(0, 0);
-  var _iterator = _createForOfIteratorHelper(points),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var point = _step.value;
-      sum._add(point);
-    }
-    // @ts-ignore
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
+  const sum = new Point(0, 0);
+  for (const point of points) {
+    sum._add(point);
   }
+  // @ts-ignore
   return sum.div(points.length);
 }
-export var MAX_TAP_INTERVAL = 500;
-export var MAX_TOUCH_TIME = 500;
-export var MAX_DIST = 30;
-var SingleTapRecognizer = /*#__PURE__*/function () {
-  function SingleTapRecognizer(options) {
-    _classCallCheck(this, SingleTapRecognizer);
+export const MAX_TAP_INTERVAL = 500;
+export const MAX_TOUCH_TIME = 500;
+export const MAX_DIST = 30;
+export default class SingleTapRecognizer {
+  constructor(options) {
+    _defineProperty(this, "numTouches", void 0);
+    _defineProperty(this, "centroid", void 0);
+    _defineProperty(this, "startTime", void 0);
+    _defineProperty(this, "aborted", void 0);
+    _defineProperty(this, "touches", void 0);
     this.reset();
     this.numTouches = options.numTouches;
   }
-  _createClass(SingleTapRecognizer, [{
-    key: "reset",
-    value: function reset() {
-      // @ts-ignore
-      delete this.centroid;
-      // @ts-ignore
-      delete this.startTime;
-      // @ts-ignore
-      delete this.touches;
-      this.aborted = false;
+  reset() {
+    // @ts-ignore
+    delete this.centroid;
+    // @ts-ignore
+    delete this.startTime;
+    // @ts-ignore
+    delete this.touches;
+    this.aborted = false;
+  }
+  touchstart(e, points, mapTouches) {
+    if (this.centroid || mapTouches.length > this.numTouches) {
+      this.aborted = true;
     }
-  }, {
-    key: "touchstart",
-    value: function touchstart(e, points, mapTouches) {
-      if (this.centroid || mapTouches.length > this.numTouches) {
-        this.aborted = true;
-      }
-      if (this.aborted) {
-        return;
-      }
-      if (this.startTime === undefined) {
-        this.startTime = e.timeStamp;
-      }
-      if (mapTouches.length === this.numTouches) {
-        this.centroid = getCentroid(points);
-        this.touches = indexTouches(mapTouches, points);
-      }
+    if (this.aborted) {
+      return;
     }
-  }, {
-    key: "touchmove",
-    value: function touchmove(e, points, mapTouches) {
-      if (this.aborted || !this.centroid) {
-        return;
-      }
-      var newTouches = indexTouches(mapTouches, points);
-      for (var id in this.touches) {
-        if (this.touches[id]) {
-          var prevPos = this.touches[id];
-          var pos = newTouches[id];
-          if (!pos || pos.dist(prevPos) > MAX_DIST) {
-            this.aborted = true;
-          }
+    if (this.startTime === undefined) {
+      this.startTime = e.timeStamp;
+    }
+    if (mapTouches.length === this.numTouches) {
+      this.centroid = getCentroid(points);
+      this.touches = indexTouches(mapTouches, points);
+    }
+  }
+  touchmove(e, points, mapTouches) {
+    if (this.aborted || !this.centroid) {
+      return;
+    }
+    const newTouches = indexTouches(mapTouches, points);
+    for (const id in this.touches) {
+      if (this.touches[id]) {
+        const prevPos = this.touches[id];
+        const pos = newTouches[id];
+        if (!pos || pos.dist(prevPos) > MAX_DIST) {
+          this.aborted = true;
         }
       }
     }
-  }, {
-    key: "touchend",
-    value: function touchend(e, points, mapTouches) {
-      if (!this.centroid || e.timeStamp - this.startTime > MAX_TOUCH_TIME) {
-        this.aborted = true;
-      }
-      if (mapTouches.length === 0) {
-        var centroid = !this.aborted && this.centroid;
-        this.reset();
-        if (centroid) {
-          return centroid;
-        }
+  }
+  touchend(e, points, mapTouches) {
+    if (!this.centroid || e.timeStamp - this.startTime > MAX_TOUCH_TIME) {
+      this.aborted = true;
+    }
+    if (mapTouches.length === 0) {
+      const centroid = !this.aborted && this.centroid;
+      this.reset();
+      if (centroid) {
+        return centroid;
       }
     }
-  }]);
-  return SingleTapRecognizer;
-}();
-export { SingleTapRecognizer as default };
+  }
+}