@antv/l7-map 2.9.33 → 2.9.35

package/lib/handler/IHandler.js

@@ -1,17 +1,5 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/handler/IHandler.ts
-var IHandler_exports = {};
-module.exports = __toCommonJS(IHandler_exports);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/handler/blockable_map_event.js

@@ -1,71 +1,92 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-// src/handler/blockable_map_event.ts
-var blockable_map_event_exports = {};
-__export(blockable_map_event_exports, {
-  default: () => BlockableMapEventHandler
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(blockable_map_event_exports);
-var import_events = require("./events");
-var BlockableMapEventHandler = class {
-  constructor(map) {
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _events = require("./events");
+
+// @ts-ignore
+var BlockableMapEventHandler = /*#__PURE__*/function () {
+  function BlockableMapEventHandler(map) {
+    (0, _classCallCheck2.default)(this, BlockableMapEventHandler);
     this.map = map;
   }
-  reset() {
-    this.delayContextMenu = false;
-    delete this.contextMenuEvent;
-  }
-  mousemove(e) {
-    this.map.emit(e.type, new import_events.MapMouseEvent(e.type, this.map, e));
-  }
-  mousedown() {
-    this.delayContextMenu = true;
-  }
-  mouseup() {
-    this.delayContextMenu = false;
-    if (this.contextMenuEvent) {
-      this.map.emit("contextmenu", new import_events.MapMouseEvent("contextmenu", this.map, this.contextMenuEvent));
+
+  (0, _createClass2.default)(BlockableMapEventHandler, [{
+    key: "reset",
+    value: function reset() {
+      this.delayContextMenu = false; // @ts-ignore
+
       delete this.contextMenuEvent;
     }
-  }
-  contextmenu(e) {
-    if (this.delayContextMenu) {
-      this.contextMenuEvent = e;
-    } else {
-      this.map.emit(e.type, new import_events.MapMouseEvent(e.type, this.map, e));
+  }, {
+    key: "mousemove",
+    value: function mousemove(e) {
+      // mousemove map events should not be fired when interaction handlers (pan, rotate, etc) are active
+      this.map.emit(e.type, new _events.MapMouseEvent(e.type, this.map, e));
     }
-    if (this.map.listeners("contextmenu")) {
-      e.preventDefault();
+  }, {
+    key: "mousedown",
+    value: function mousedown() {
+      this.delayContextMenu = true;
     }
-  }
-  isEnabled() {
-    return true;
-  }
-  isActive() {
-    return false;
-  }
-  enable() {
-    return true;
-  }
-  disable() {
-    return false;
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+  }, {
+    key: "mouseup",
+    value: function mouseup() {
+      this.delayContextMenu = false;
+
+      if (this.contextMenuEvent) {
+        this.map.emit('contextmenu', new _events.MapMouseEvent('contextmenu', this.map, this.contextMenuEvent)); // @ts-ignore
+
+        delete this.contextMenuEvent;
+      }
+    }
+  }, {
+    key: "contextmenu",
+    value: function contextmenu(e) {
+      if (this.delayContextMenu) {
+        // Mac: contextmenu fired on mousedown; we save it until mouseup for consistency's sake
+        this.contextMenuEvent = e;
+      } else {
+        // Windows: contextmenu fired on mouseup, so fire event now
+        this.map.emit(e.type, new _events.MapMouseEvent(e.type, this.map, e));
+      } // prevent browser context menu when necessary
+
+
+      if (this.map.listeners('contextmenu')) {
+        e.preventDefault();
+      }
+    }
+  }, {
+    key: "isEnabled",
+    value: function isEnabled() {
+      return true;
+    }
+  }, {
+    key: "isActive",
+    value: function isActive() {
+      return false;
+    }
+  }, {
+    key: "enable",
+    value: function enable() {
+      return true;
+    }
+  }, {
+    key: "disable",
+    value: function disable() {
+      return false;
+    }
+  }]);
+  return BlockableMapEventHandler;
+}();
+
+exports.default = BlockableMapEventHandler;

package/lib/handler/box_zoom.js

@@ -1,139 +1,217 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/handler/box_zoom.ts
-var box_zoom_exports = {};
-__export(box_zoom_exports, {
-  default: () => box_zoom_default
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(box_zoom_exports);
-var import_dom = __toESM(require("../utils/dom"));
-var import_event = require("./events/event");
-var BoxZoomHandler = class {
-  constructor(map, options) {
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _dom = _interopRequireDefault(require("../utils/dom"));
+
+var _event = require("./events/event");
+
+// @ts-ignore
+
+/**
+ * The `BoxZoomHandler` allows the user to zoom the map to fit within a bounding box.
+ * The bounding box is defined by clicking and holding `shift` while dragging the cursor.
+ */
+var BoxZoomHandler = /*#__PURE__*/function () {
+  /**
+   * @private
+   */
+  function BoxZoomHandler(map, options) {
+    (0, _classCallCheck2.default)(this, BoxZoomHandler);
     this.map = map;
     this.el = map.getCanvasContainer();
     this.container = map.getContainer();
     this.clickTolerance = options.clickTolerance || 1;
   }
-  isEnabled() {
-    return !!this.enabled;
-  }
-  isActive() {
-    return !!this.active;
-  }
-  enable() {
-    if (this.isEnabled()) {
-      return;
-    }
-    this.enabled = true;
-  }
-  disable() {
-    if (!this.isEnabled()) {
-      return;
-    }
-    this.enabled = false;
-  }
-  mousedown(e, point) {
-    if (!this.isEnabled()) {
-      return;
-    }
-    if (!(e.shiftKey && e.button === 0)) {
-      return;
-    }
-    import_dom.default.disableDrag();
-    this.startPos = this.lastPos = point;
-    this.active = true;
-  }
-  mousemoveWindow(e, point) {
-    if (!this.active) {
-      return;
+  /**
+   * Returns a Boolean indicating whether the "box zoom" interaction is enabled.
+   *
+   * @returns {boolean} `true` if the "box zoom" interaction is enabled.
+   */
+
+
+  (0, _createClass2.default)(BoxZoomHandler, [{
+    key: "isEnabled",
+    value: function isEnabled() {
+      return !!this.enabled;
     }
-    const pos = point;
-    if (this.lastPos.equals(pos) || !this.box && pos.dist(this.startPos) < this.clickTolerance) {
-      return;
+    /**
+     * Returns a Boolean indicating whether the "box zoom" interaction is active, i.e. currently being used.
+     *
+     * @returns {boolean} `true` if the "box zoom" interaction is active.
+     */
+
+  }, {
+    key: "isActive",
+    value: function isActive() {
+      return !!this.active;
     }
-    const p0 = this.startPos;
-    this.lastPos = pos;
-    if (!this.box) {
-      this.box = import_dom.default.create("div", "l7-boxzoom", this.container);
-      this.container.classList.add("l7-crosshair");
-      this.fireEvent("boxzoomstart", e);
+    /**
+     * Enables the "box zoom" interaction.
+     *
+     * @example
+     *   map.boxZoom.enable();
+     */
+
+  }, {
+    key: "enable",
+    value: function enable() {
+      if (this.isEnabled()) {
+        return;
+      }
+
+      this.enabled = true;
     }
-    const minX = Math.min(p0.x, pos.x);
-    const maxX = Math.max(p0.x, pos.x);
-    const minY = Math.min(p0.y, pos.y);
-    const maxY = Math.max(p0.y, pos.y);
-    import_dom.default.setTransform(this.box, `translate(${minX}px,${minY}px)`);
-    if (this.box) {
-      this.box.style.width = `${maxX - minX}px`;
-      this.box.style.height = `${maxY - minY}px`;
+    /**
+     * Disables the "box zoom" interaction.
+     *
+     * @example
+     *   map.boxZoom.disable();
+     */
+
+  }, {
+    key: "disable",
+    value: function disable() {
+      if (!this.isEnabled()) {
+        return;
+      }
+
+      this.enabled = false;
     }
-  }
-  mouseupWindow(e, point) {
-    if (!this.active) {
-      return;
+  }, {
+    key: "mousedown",
+    value: function mousedown(e, point) {
+      if (!this.isEnabled()) {
+        return;
+      }
+
+      if (!(e.shiftKey && e.button === 0)) {
+        return;
+      }
+
+      _dom.default.disableDrag();
+
+      this.startPos = this.lastPos = point;
+      this.active = true;
     }
-    if (e.button !== 0) {
-      return;
+  }, {
+    key: "mousemoveWindow",
+    value: function mousemoveWindow(e, point) {
+      if (!this.active) {
+        return;
+      }
+
+      var pos = point;
+
+      if (this.lastPos.equals(pos) || !this.box && pos.dist(this.startPos) < this.clickTolerance) {
+        return;
+      }
+
+      var p0 = this.startPos;
+      this.lastPos = pos;
+
+      if (!this.box) {
+        this.box = _dom.default.create('div', 'l7-boxzoom', this.container);
+        this.container.classList.add('l7-crosshair');
+        this.fireEvent('boxzoomstart', e);
+      }
+
+      var minX = Math.min(p0.x, pos.x);
+      var maxX = Math.max(p0.x, pos.x);
+      var minY = Math.min(p0.y, pos.y);
+      var maxY = Math.max(p0.y, pos.y);
+
+      _dom.default.setTransform(this.box, "translate(".concat(minX, "px,").concat(minY, "px)"));
+
+      if (this.box) {
+        this.box.style.width = "".concat(maxX - minX, "px");
+        this.box.style.height = "".concat(maxY - minY, "px");
+      }
     }
-    const p0 = this.startPos;
-    const p1 = point;
-    this.reset();
-    import_dom.default.suppressClick();
-    if (p0.x === p1.x && p0.y === p1.y) {
-      this.fireEvent("boxzoomcancel", e);
-    } else {
-      this.map.emit("boxzoomend", new import_event.Event("boxzoomend", { originalEvent: e }));
-      return {
-        cameraAnimation: (map) => map.fitScreenCoordinates(p0, p1, this.map.getBearing(), {
-          linear: true
-        })
-      };
+  }, {
+    key: "mouseupWindow",
+    value: function mouseupWindow(e, point) {
+      var _this = this;
+
+      if (!this.active) {
+        return;
+      }
+
+      if (e.button !== 0) {
+        return;
+      }
+
+      var p0 = this.startPos;
+      var p1 = point;
+      this.reset();
+
+      _dom.default.suppressClick();
+
+      if (p0.x === p1.x && p0.y === p1.y) {
+        this.fireEvent('boxzoomcancel', e);
+      } else {
+        this.map.emit('boxzoomend', new _event.Event('boxzoomend', {
+          originalEvent: e
+        }));
+        return {
+          cameraAnimation: function cameraAnimation(map) {
+            return map.fitScreenCoordinates(p0, p1, _this.map.getBearing(), {
+              linear: true
+            });
+          }
+        };
+      }
     }
-  }
-  keydown(e) {
-    if (!this.active) {
-      return;
+  }, {
+    key: "keydown",
+    value: function keydown(e) {
+      if (!this.active) {
+        return;
+      }
+
+      if (e.keyCode === 27) {
+        this.reset();
+        this.fireEvent('boxzoomcancel', e);
+      }
     }
-    if (e.keyCode === 27) {
-      this.reset();
-      this.fireEvent("boxzoomcancel", e);
+  }, {
+    key: "reset",
+    value: function reset() {
+      this.active = false;
+      this.container.classList.remove('l7-crosshair');
+
+      if (this.box) {
+        _dom.default.remove(this.box);
+
+        this.box = null;
+      }
+
+      _dom.default.enableDrag(); // @ts-ignore
+
+
+      delete this.startPos; // @ts-ignore
+
+      delete this.lastPos;
     }
-  }
-  reset() {
-    this.active = false;
-    this.container.classList.remove("l7-crosshair");
-    if (this.box) {
-      import_dom.default.remove(this.box);
-      this.box = null;
+  }, {
+    key: "fireEvent",
+    value: function fireEvent(type, e) {
+      return this.map.emit(type, new _event.Event(type, {
+        originalEvent: e
+      }));
     }
-    import_dom.default.enableDrag();
-    delete this.startPos;
-    delete this.lastPos;
-  }
-  fireEvent(type, e) {
-    return this.map.emit(type, new import_event.Event(type, { originalEvent: e }));
-  }
-};
-var box_zoom_default = BoxZoomHandler;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+  }]);
+  return BoxZoomHandler;
+}();
+
+var _default = BoxZoomHandler;
+exports.default = _default;

package/lib/handler/click_zoom.js

@@ -1,59 +1,67 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-// src/handler/click_zoom.ts
-var click_zoom_exports = {};
-__export(click_zoom_exports, {
-  default: () => ClickZoomHandler
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(click_zoom_exports);
-var ClickZoomHandler = class {
-  constructor() {
-    this.reset();
-  }
-  reset() {
-    this.active = false;
-  }
-  dblclick(e, point) {
-    e.preventDefault();
-    return {
-      cameraAnimation: (map) => {
-        map.easeTo({
-          duration: 300,
-          zoom: map.getZoom() + (e.shiftKey ? -1 : 1),
-          around: map.unproject(point)
-        }, { originalEvent: e });
-      }
-    };
-  }
-  enable() {
-    this.enabled = true;
-  }
-  disable() {
-    this.enabled = false;
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+// @ts-ignore
+var ClickZoomHandler = /*#__PURE__*/function () {
+  function ClickZoomHandler() {
+    (0, _classCallCheck2.default)(this, ClickZoomHandler);
     this.reset();
   }
-  isEnabled() {
-    return this.enabled;
-  }
-  isActive() {
-    return this.active;
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+
+  (0, _createClass2.default)(ClickZoomHandler, [{
+    key: "reset",
+    value: function reset() {
+      this.active = false;
+    }
+  }, {
+    key: "dblclick",
+    value: function dblclick(e, point) {
+      e.preventDefault();
+      return {
+        cameraAnimation: function cameraAnimation(map) {
+          map.easeTo({
+            duration: 300,
+            zoom: map.getZoom() + (e.shiftKey ? -1 : 1),
+            around: map.unproject(point)
+          }, {
+            originalEvent: e
+          });
+        }
+      };
+    }
+  }, {
+    key: "enable",
+    value: function enable() {
+      this.enabled = true;
+    }
+  }, {
+    key: "disable",
+    value: function disable() {
+      this.enabled = false;
+      this.reset();
+    }
+  }, {
+    key: "isEnabled",
+    value: function isEnabled() {
+      return this.enabled;
+    }
+  }, {
+    key: "isActive",
+    value: function isActive() {
+      return this.active;
+    }
+  }]);
+  return ClickZoomHandler;
+}();
+
+exports.default = ClickZoomHandler;