@antv/l7-map 2.25.6 → 2.25.7

package/lib/map/handler/shim/drag_pan.d.ts

@@ -1,79 +0,0 @@
-import type { MousePanHandler } from '../mouse';
-import type { TouchPanHandler } from '../touch_pan';
-/**
- * A {@link DragPanHandler} options object
- */
-export type DragPanOptions = {
-    /**
-     * factor used to scale the drag velocity
-     * @defaultValue 0
-     */
-    linearity?: number;
-    /**
-     * easing function applied to `map.panTo` when applying the drag.
-     * @param t - the easing function
-     * @defaultValue bezier(0, 0, 0.3, 1)
-     */
-    easing?: (t: number) => number;
-    /**
-     * the maximum value of the drag velocity.
-     * @defaultValue 1400
-     */
-    deceleration?: number;
-    /**
-     * the rate at which the speed reduces after the pan ends.
-     * @defaultValue 2500
-     */
-    maxSpeed?: number;
-};
-/**
- * The `DragPanHandler` allows the user to pan the map by clicking and dragging
- * the cursor.
- *
- * @group Handlers
- */
-export declare class DragPanHandler {
-    _el: HTMLElement;
-    _mousePan: MousePanHandler;
-    _touchPan: TouchPanHandler;
-    _inertiaOptions: DragPanOptions | boolean;
-    /** @internal */
-    constructor(el: HTMLElement, mousePan: MousePanHandler, touchPan: TouchPanHandler);
-    /**
-     * Enables the "drag to pan" interaction.
-     *
-     * @param options - Options object
-     * @example
-     * ```ts
-     *   map.dragPan.enable();
-     *   map.dragPan.enable({
-     *      linearity: 0.3,
-     *      easing: bezier(0, 0, 0.3, 1),
-     *      maxSpeed: 1400,
-     *      deceleration: 2500,
-     *   });
-     * ```
-     */
-    enable(options?: DragPanOptions | boolean): void;
-    /**
-     * Disables the "drag to pan" interaction.
-     *
-     * @example
-     * ```ts
-     * map.dragPan.disable();
-     * ```
-     */
-    disable(): void;
-    /**
-     * Returns a Boolean indicating whether the "drag to pan" interaction is enabled.
-     *
-     * @returns `true` if the "drag to pan" interaction is enabled.
-     */
-    isEnabled(): boolean;
-    /**
-     * Returns a Boolean indicating whether the "drag to pan" interaction is active, i.e. currently being used.
-     *
-     * @returns `true` if the "drag to pan" interaction is active.
-     */
-    isActive(): boolean;
-}

package/lib/map/handler/shim/drag_pan.js

@@ -1,85 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DragPanHandler = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-/**
- * A {@link DragPanHandler} options object
- */
-
-/**
- * The `DragPanHandler` allows the user to pan the map by clicking and dragging
- * the cursor.
- *
- * @group Handlers
- */
-class DragPanHandler {
-  /** @internal */
-  constructor(el, mousePan, touchPan) {
-    (0, _defineProperty2.default)(this, "_el", void 0);
-    (0, _defineProperty2.default)(this, "_mousePan", void 0);
-    (0, _defineProperty2.default)(this, "_touchPan", void 0);
-    (0, _defineProperty2.default)(this, "_inertiaOptions", void 0);
-    this._el = el;
-    this._mousePan = mousePan;
-    this._touchPan = touchPan;
-  }
-
-  /**
-   * Enables the "drag to pan" interaction.
-   *
-   * @param options - Options object
-   * @example
-   * ```ts
-   *   map.dragPan.enable();
-   *   map.dragPan.enable({
-   *      linearity: 0.3,
-   *      easing: bezier(0, 0, 0.3, 1),
-   *      maxSpeed: 1400,
-   *      deceleration: 2500,
-   *   });
-   * ```
-   */
-  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
-   * ```ts
-   * 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 `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 `true` if the "drag to pan" interaction is active.
-   */
-  isActive() {
-    return this._mousePan.isActive() || this._touchPan.isActive();
-  }
-}
-exports.DragPanHandler = DragPanHandler;

package/lib/map/handler/shim/drag_rotate.d.ts

@@ -1,54 +0,0 @@
-import type { MousePitchHandler, MouseRotateHandler } from '../mouse';
-/**
- * Options object for `DragRotateHandler`.
- */
-export type DragRotateHandlerOptions = {
-    /**
-     * Control the map pitch in addition to the bearing
-     * @defaultValue true
-     */
-    pitchWithRotate: boolean;
-};
-/**
- * The `DragRotateHandler` allows the user to rotate the map by clicking and
- * dragging the cursor while holding the right mouse button or `ctrl` key.
- *
- * @group Handlers
- */
-export declare class DragRotateHandler {
-    _mouseRotate: MouseRotateHandler;
-    _mousePitch: MousePitchHandler;
-    _pitchWithRotate: boolean;
-    /** @internal */
-    constructor(options: DragRotateHandlerOptions, mouseRotate: MouseRotateHandler, mousePitch: MousePitchHandler);
-    /**
-     * Enables the "drag to rotate" interaction.
-     *
-     * @example
-     * ```ts
-     * map.dragRotate.enable();
-     * ```
-     */
-    enable(): void;
-    /**
-     * Disables the "drag to rotate" interaction.
-     *
-     * @example
-     * ```ts
-     * map.dragRotate.disable();
-     * ```
-     */
-    disable(): void;
-    /**
-     * Returns a Boolean indicating whether the "drag to rotate" interaction is enabled.
-     *
-     * @returns `true` if the "drag to rotate" interaction is enabled.
-     */
-    isEnabled(): boolean;
-    /**
-     * Returns a Boolean indicating whether the "drag to rotate" interaction is active, i.e. currently being used.
-     *
-     * @returns `true` if the "drag to rotate" interaction is active.
-     */
-    isActive(): boolean;
-}

package/lib/map/handler/shim/drag_rotate.js

@@ -1,74 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DragRotateHandler = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-/**
- * Options object for `DragRotateHandler`.
- */
-
-/**
- * The `DragRotateHandler` allows the user to rotate the map by clicking and
- * dragging the cursor while holding the right mouse button or `ctrl` key.
- *
- * @group Handlers
- */
-class DragRotateHandler {
-  /** @internal */
-  constructor(options, mouseRotate, mousePitch) {
-    (0, _defineProperty2.default)(this, "_mouseRotate", void 0);
-    (0, _defineProperty2.default)(this, "_mousePitch", void 0);
-    (0, _defineProperty2.default)(this, "_pitchWithRotate", void 0);
-    this._pitchWithRotate = options.pitchWithRotate;
-    this._mouseRotate = mouseRotate;
-    this._mousePitch = mousePitch;
-  }
-
-  /**
-   * Enables the "drag to rotate" interaction.
-   *
-   * @example
-   * ```ts
-   * map.dragRotate.enable();
-   * ```
-   */
-  enable() {
-    this._mouseRotate.enable();
-    if (this._pitchWithRotate) this._mousePitch.enable();
-  }
-
-  /**
-   * Disables the "drag to rotate" interaction.
-   *
-   * @example
-   * ```ts
-   * map.dragRotate.disable();
-   * ```
-   */
-  disable() {
-    this._mouseRotate.disable();
-    this._mousePitch.disable();
-  }
-
-  /**
-   * Returns a Boolean indicating whether the "drag to rotate" interaction is enabled.
-   *
-   * @returns `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 `true` if the "drag to rotate" interaction is active.
-   */
-  isActive() {
-    return this._mouseRotate.isActive() || this._mousePitch.isActive();
-  }
-}
-exports.DragRotateHandler = DragRotateHandler;

package/lib/map/handler/shim/two_fingers_touch.d.ts

@@ -1,74 +0,0 @@
-import type { TapDragZoomHandler } from '../tap_drag_zoom';
-import type { AroundCenterOptions, TwoFingersTouchRotateHandler, TwoFingersTouchZoomHandler } from '../two_fingers_touch';
-/**
- * The `TwoFingersTouchZoomRotateHandler` allows the user to zoom and rotate the map by
- * pinching on a touchscreen.
- *
- * 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.
- *
- * @group Handlers
- */
-export declare class TwoFingersTouchZoomRotateHandler {
-    _el: HTMLElement;
-    _touchZoom: TwoFingersTouchZoomHandler;
-    _touchRotate: TwoFingersTouchRotateHandler;
-    _tapDragZoom: TapDragZoomHandler;
-    _rotationDisabled: boolean;
-    _enabled: boolean;
-    /** @internal */
-    constructor(el: HTMLElement, touchZoom: TwoFingersTouchZoomHandler, touchRotate: TwoFingersTouchRotateHandler, tapDragZoom: TapDragZoomHandler);
-    /**
-     * Enables the "pinch to rotate and zoom" interaction.
-     *
-     * @param options - Options object.
-     *
-     * @example
-     * ```ts
-     * map.touchZoomRotate.enable();
-     * map.touchZoomRotate.enable({ around: 'center' });
-     * ```
-     */
-    enable(options?: AroundCenterOptions | boolean | null): void;
-    /**
-     * Disables the "pinch to rotate and zoom" interaction.
-     *
-     * @example
-     * ```ts
-     * map.touchZoomRotate.disable();
-     * ```
-     */
-    disable(): void;
-    /**
-     * Returns a Boolean indicating whether the "pinch to rotate and zoom" interaction is enabled.
-     *
-     * @returns `true` if the "pinch to rotate and zoom" interaction is enabled.
-     */
-    isEnabled(): boolean;
-    /**
-     * Returns true if the handler is enabled and has detected the start of a zoom/rotate gesture.
-     *
-     * @returns `true` if the handler is active, `false` otherwise
-     */
-    isActive(): boolean;
-    /**
-     * Disables the "pinch to rotate" interaction, leaving the "pinch to zoom"
-     * interaction enabled.
-     *
-     * @example
-     * ```ts
-     * map.touchZoomRotate.disableRotation();
-     * ```
-     */
-    disableRotation(): void;
-    /**
-     * Enables the "pinch to rotate" interaction.
-     *
-     * @example
-     * ```ts
-     * map.touchZoomRotate.enable();
-     * map.touchZoomRotate.enableRotation();
-     * ```
-     */
-    enableRotation(): void;
-}

package/lib/map/handler/shim/two_fingers_touch.js

@@ -1,114 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TwoFingersTouchZoomRotateHandler = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-/**
- * The `TwoFingersTouchZoomRotateHandler` allows the user to zoom and rotate the map by
- * pinching on a touchscreen.
- *
- * 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.
- *
- * @group Handlers
- */
-class TwoFingersTouchZoomRotateHandler {
-  /** @internal */
-  constructor(el, touchZoom, touchRotate, tapDragZoom) {
-    (0, _defineProperty2.default)(this, "_el", void 0);
-    (0, _defineProperty2.default)(this, "_touchZoom", void 0);
-    (0, _defineProperty2.default)(this, "_touchRotate", void 0);
-    (0, _defineProperty2.default)(this, "_tapDragZoom", void 0);
-    (0, _defineProperty2.default)(this, "_rotationDisabled", void 0);
-    (0, _defineProperty2.default)(this, "_enabled", void 0);
-    this._el = el;
-    this._touchZoom = touchZoom;
-    this._touchRotate = touchRotate;
-    this._tapDragZoom = tapDragZoom;
-    this._rotationDisabled = false;
-    this._enabled = true;
-  }
-
-  /**
-   * Enables the "pinch to rotate and zoom" interaction.
-   *
-   * @param options - Options object.
-   *
-   * @example
-   * ```ts
-   * map.touchZoomRotate.enable();
-   * map.touchZoomRotate.enable({ around: 'center' });
-   * ```
-   */
-  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
-   * ```ts
-   * 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 `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 `true` if the handler is active, `false` otherwise
-   */
-  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
-   * ```ts
-   * map.touchZoomRotate.disableRotation();
-   * ```
-   */
-  disableRotation() {
-    this._rotationDisabled = true;
-    this._touchRotate.disable();
-  }
-
-  /**
-   * Enables the "pinch to rotate" interaction.
-   *
-   * @example
-   * ```ts
-   * map.touchZoomRotate.enable();
-   * map.touchZoomRotate.enableRotation();
-   * ```
-   */
-  enableRotation() {
-    this._rotationDisabled = false;
-    if (this._touchZoom.isEnabled()) this._touchRotate.enable();
-  }
-}
-exports.TwoFingersTouchZoomRotateHandler = TwoFingersTouchZoomRotateHandler;

package/lib/map/handler/tap_drag_zoom.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="mapbox__point-geometry" />
-import type Point from '@mapbox/point-geometry';
-import type { Handler } from '../handler_manager';
-import { TapRecognizer } from './tap_recognizer';
-/**
- * A `TapDragZoomHandler` allows the user to zoom the map at a point by double tapping. It also allows the user pan the map by dragging.
- */
-export declare class TapDragZoomHandler implements Handler {
-    _enabled: boolean;
-    _active: boolean;
-    _swipePoint: Point;
-    _swipeTouch: number;
-    _tapTime: number;
-    _tapPoint: Point;
-    _tap: TapRecognizer;
-    constructor();
-    reset(): void;
-    touchstart(e: TouchEvent, points: Array<Point>, mapTouches: Array<Touch>): void;
-    touchmove(e: TouchEvent, points: Array<Point>, mapTouches: Array<Touch>): {
-        zoomDelta: number;
-    };
-    touchend(e: TouchEvent, points: Array<Point>, mapTouches: Array<Touch>): void;
-    touchcancel(): void;
-    enable(): void;
-    disable(): void;
-    isEnabled(): boolean;
-    isActive(): boolean;
-}

package/lib/map/handler/tap_drag_zoom.js

@@ -1,99 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TapDragZoomHandler = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _tap_recognizer = require("./tap_recognizer");
-/**
- * A `TapDragZoomHandler` allows the user to zoom the map at a point by double tapping. It also allows the user pan the map by dragging.
- */
-class TapDragZoomHandler {
-  constructor() {
-    (0, _defineProperty2.default)(this, "_enabled", void 0);
-    (0, _defineProperty2.default)(this, "_active", void 0);
-    (0, _defineProperty2.default)(this, "_swipePoint", void 0);
-    (0, _defineProperty2.default)(this, "_swipeTouch", void 0);
-    (0, _defineProperty2.default)(this, "_tapTime", void 0);
-    (0, _defineProperty2.default)(this, "_tapPoint", void 0);
-    (0, _defineProperty2.default)(this, "_tap", void 0);
-    this._tap = new _tap_recognizer.TapRecognizer({
-      numTouches: 1,
-      numTaps: 1
-    });
-    this.reset();
-  }
-  reset() {
-    this._active = false;
-    delete this._swipePoint;
-    delete this._swipeTouch;
-    delete this._tapTime;
-    delete this._tapPoint;
-    this._tap.reset();
-  }
-  touchstart(e, points, mapTouches) {
-    if (this._swipePoint) return;
-    if (!this._tapTime) {
-      this._tap.touchstart(e, points, mapTouches);
-    } else {
-      const swipePoint = points[0];
-      const soonEnough = e.timeStamp - this._tapTime < _tap_recognizer.MAX_TAP_INTERVAL;
-      const closeEnough = this._tapPoint.dist(swipePoint) < _tap_recognizer.MAX_DIST;
-      if (!soonEnough || !closeEnough) {
-        this.reset();
-      } else if (mapTouches.length > 0) {
-        this._swipePoint = swipePoint;
-        this._swipeTouch = mapTouches[0].identifier;
-      }
-    }
-  }
-  touchmove(e, points, mapTouches) {
-    if (!this._tapTime) {
-      this._tap.touchmove(e, points, mapTouches);
-    } else if (this._swipePoint) {
-      if (mapTouches[0].identifier !== this._swipeTouch) {
-        return;
-      }
-      const newSwipePoint = points[0];
-      const dist = newSwipePoint.y - this._swipePoint.y;
-      this._swipePoint = newSwipePoint;
-      e.preventDefault();
-      this._active = true;
-      return {
-        zoomDelta: dist / 128
-      };
-    }
-  }
-  touchend(e, points, mapTouches) {
-    if (!this._tapTime) {
-      const point = this._tap.touchend(e, points, mapTouches);
-      if (point) {
-        this._tapTime = e.timeStamp;
-        this._tapPoint = point;
-      }
-    } else if (this._swipePoint) {
-      if (mapTouches.length === 0) {
-        this.reset();
-      }
-    }
-  }
-  touchcancel() {
-    this.reset();
-  }
-  enable() {
-    this._enabled = true;
-  }
-  disable() {
-    this._enabled = false;
-    this.reset();
-  }
-  isEnabled() {
-    return this._enabled;
-  }
-  isActive() {
-    return this._active;
-  }
-}
-exports.TapDragZoomHandler = TapDragZoomHandler;

package/lib/map/handler/tap_recognizer.d.ts

@@ -1,35 +0,0 @@
-/// <reference types="mapbox__point-geometry" />
-import Point from '@mapbox/point-geometry';
-export declare const MAX_TAP_INTERVAL = 500;
-export declare const MAX_DIST = 30;
-export declare class SingleTapRecognizer {
-    numTouches: number;
-    centroid: Point;
-    startTime: number;
-    aborted: boolean;
-    touches: {
-        [k in number | string]: Point;
-    };
-    constructor(options: {
-        numTouches: number;
-    });
-    reset(): void;
-    touchstart(e: TouchEvent, points: Array<Point>, mapTouches: Array<Touch>): void;
-    touchmove(e: TouchEvent, points: Array<Point>, mapTouches: Array<Touch>): void;
-    touchend(e: TouchEvent, points: Array<Point>, mapTouches: Array<Touch>): Point;
-}
-export declare class TapRecognizer {
-    singleTap: SingleTapRecognizer;
-    numTaps: number;
-    lastTime: number;
-    lastTap: Point;
-    count: number;
-    constructor(options: {
-        numTaps: number;
-        numTouches: number;
-    });
-    reset(): void;
-    touchstart(e: TouchEvent, points: Array<Point>, mapTouches: Array<Touch>): void;
-    touchmove(e: TouchEvent, points: Array<Point>, mapTouches: Array<Touch>): void;
-    touchend(e: TouchEvent, points: Array<Point>, mapTouches: Array<Touch>): Point;
-}