@mapwhit/tilerenderer 0.50.0 → 0.51.0

package/src/ui/bind_handlers.js

@@ -1,199 +0,0 @@
-const { MapMouseEvent, MapTouchEvent, MapWheelEvent } = require('../ui/events');
-const DOM = require('../util/dom');
-const scrollZoom = require('./handler/scroll_zoom');
-const boxZoom = require('./handler/box_zoom');
-const dragRotate = require('./handler/drag_rotate');
-const dragPan = require('./handler/drag_pan');
-const keyboard = require('./handler/keyboard');
-const doubleClickZoom = require('./handler/dblclick_zoom');
-const touchZoomRotate = require('./handler/touch_zoom_rotate');
-
-const handlers = {
-  scrollZoom,
-  boxZoom,
-  dragRotate,
-  dragPan,
-  keyboard,
-  doubleClickZoom,
-  touchZoomRotate
-};
-
-module.exports = function bindHandlers(map, options) {
-  const el = map.getCanvasContainer();
-  let contextMenuEvent = null;
-  let mouseDown = false;
-  let startPos = null;
-
-  Object.entries(handlers).forEach(([name, handler]) => {
-    map[name] = handler(map, options);
-    if (options.interactive && options[name]) {
-      map[name].enable(options[name]);
-    }
-  });
-
-  el.addEventListener('mouseout', onMouseOut);
-  el.addEventListener('mousedown', onMouseDown);
-  el.addEventListener('mouseup', onMouseUp);
-  el.addEventListener('mousemove', onMouseMove);
-  el.addEventListener('mouseover', onMouseOver);
-
-  // Bind touchstart and touchmove with passive: false because, even though
-  // they only fire a map events and therefore could theoretically be
-  // passive, binding with passive: true causes iOS not to respect
-  // e.preventDefault() in _other_ handlers, even if they are non-passive
-  // (see https://bugs.webkit.org/show_bug.cgi?id=184251)
-  el.addEventListener('touchstart', onTouchStart, { passive: false });
-  el.addEventListener('touchmove', onTouchMove, { passive: false });
-
-  el.addEventListener('touchend', onTouchEnd);
-  el.addEventListener('touchcancel', onTouchCancel);
-  el.addEventListener('click', onClick);
-  el.addEventListener('dblclick', onDblClick);
-  el.addEventListener('contextmenu', onContextMenu);
-  el.addEventListener('wheel', onWheel, { passive: false });
-
-  function onMouseDown(e) {
-    mouseDown = true;
-    startPos = DOM.mousePos(el, e);
-
-    const mapEvent = new MapMouseEvent('mousedown', map, e);
-    map.fire(mapEvent);
-
-    if (mapEvent.defaultPrevented) {
-      return;
-    }
-
-    if (options.interactive && !map.doubleClickZoom.isActive()) {
-      map.stop();
-    }
-
-    map.boxZoom.onMouseDown(e);
-
-    if (!map.boxZoom.isActive() && !map.dragPan.isActive()) {
-      map.dragRotate.onMouseDown(e);
-    }
-
-    if (!map.boxZoom.isActive() && !map.dragRotate.isActive()) {
-      map.dragPan.onMouseDown(e);
-    }
-  }
-
-  function onMouseUp(e) {
-    const rotating = map.dragRotate.isActive();
-
-    if (contextMenuEvent && !rotating) {
-      // This will be the case for Mac
-      map.fire(new MapMouseEvent('contextmenu', map, contextMenuEvent));
-    }
-
-    contextMenuEvent = null;
-    mouseDown = false;
-
-    map.fire(new MapMouseEvent('mouseup', map, e));
-  }
-
-  function onMouseMove(e) {
-    if (map.dragPan.isActive()) return;
-    if (map.dragRotate.isActive()) return;
-    if (map.touchZoomRotate.isActive()) return;
-
-    let target = e.target;
-    while (target && target !== el) target = target.parentNode;
-    if (target !== el) return;
-
-    map.fire(new MapMouseEvent('mousemove', map, e));
-  }
-
-  function onMouseOver(e) {
-    let { target } = e;
-    while (target && target !== el) target = target.parentNode;
-    if (target !== el) return;
-
-    map.fire(new MapMouseEvent('mouseover', map, e));
-  }
-
-  function onMouseOut(e) {
-    map.fire(new MapMouseEvent('mouseout', map, e));
-  }
-
-  function onTouchStart(e) {
-    const mapEvent = new MapTouchEvent('touchstart', map, e);
-    map.fire(mapEvent);
-
-    if (mapEvent.defaultPrevented) {
-      return;
-    }
-
-    if (options.interactive) {
-      map.stop();
-    }
-
-    if (!map.boxZoom.isActive() && !map.dragRotate.isActive()) {
-      map.dragPan.onTouchStart(e);
-    }
-
-    map.touchZoomRotate.onStart(e);
-    map.doubleClickZoom.onTouchStart(mapEvent);
-  }
-
-  function onTouchMove(e) {
-    if (map.dragPan.isActive()) return;
-    if (map.dragRotate.isActive()) return;
-    if (map.touchZoomRotate.isActive()) return;
-
-    map.fire(new MapTouchEvent('touchmove', map, e));
-  }
-
-  function onTouchEnd(e) {
-    map.fire(new MapTouchEvent('touchend', map, e));
-  }
-
-  function onTouchCancel(e) {
-    map.fire(new MapTouchEvent('touchcancel', map, e));
-  }
-
-  function onClick(e) {
-    if (startPos) {
-      const pos = DOM.mousePos(el, e);
-      if (pos.dist(startPos) > options.clickTolerance) {
-        return;
-      }
-    }
-    map.fire(new MapMouseEvent('click', map, e));
-  }
-
-  function onDblClick(e) {
-    const mapEvent = new MapMouseEvent('dblclick', map, e);
-    map.fire(mapEvent);
-
-    if (mapEvent.defaultPrevented) {
-      return;
-    }
-
-    map.doubleClickZoom.onDblClick(mapEvent);
-  }
-
-  function onContextMenu(e) {
-    const rotating = map.dragRotate.isActive();
-    if (!mouseDown && !rotating) {
-      // Windows: contextmenu fired on mouseup, so fire event now
-      map.fire(new MapMouseEvent('contextmenu', map, e));
-    } else if (mouseDown) {
-      // Mac: contextmenu fired on mousedown; we save it until mouseup for consistency's sake
-      contextMenuEvent = e;
-    }
-
-    e.preventDefault();
-  }
-
-  function onWheel(e) {
-    const mapEvent = new MapWheelEvent('wheel', map, e);
-    map.fire(mapEvent);
-
-    if (mapEvent.defaultPrevented) {
-      return;
-    }
-
-    map.scrollZoom.onWheel(e);
-  }
-};

package/src/ui/events.js

@@ -1,210 +0,0 @@
-const { Event } = require('../util/evented');
-
-const DOM = require('../util/dom');
-const Point = require('@mapbox/point-geometry');
-
-/**
- * `MapMouseEvent` is the event type for mouse-related map events.
- * @extends {Object}
- */
-class MapMouseEvent extends Event {
-  /**
-   * The event type.
-   */
-
-  /**
-   * The `Map` object that fired the event.
-   */
-
-  /**
-   * The DOM event which caused the map event.
-   */
-
-  /**
-   * The pixel coordinates of the mouse cursor, relative to the map and measured from the top left corner.
-   */
-
-  /**
-   * The geographic location on the map of the mouse cursor.
-   */
-
-  /**
-   * Prevents subsequent default processing of the event by the map.
-   *
-   * Calling this method will prevent the following default map behaviors:
-   *
-   *   * On `mousedown` events, the behavior of {@link DragPanHandler}
-   *   * On `mousedown` events, the behavior of {@link DragRotateHandler}
-   *   * On `mousedown` events, the behavior of {@link BoxZoomHandler}
-   *   * On `dblclick` events, the behavior of {@link DoubleClickZoomHandler}
-   *
-   */
-  preventDefault() {
-    this._defaultPrevented = true;
-  }
-
-  /**
-   * `true` if `preventDefault` has been called.
-   */
-  get defaultPrevented() {
-    return this._defaultPrevented;
-  }
-
-  /**
-   * @private
-   */
-  constructor(type, map, originalEvent, data = {}) {
-    const point = DOM.mousePos(map.getCanvasContainer(), originalEvent);
-    const lngLat = map.unproject(point);
-    super(type, Object.assign({ point, lngLat, originalEvent }, data));
-    this._defaultPrevented = false;
-    this.target = map;
-  }
-}
-
-/**
- * `MapTouchEvent` is the event type for touch-related map events.
- * @extends {Object}
- */
-class MapTouchEvent extends Event {
-  /**
-   * The event type.
-   */
-
-  /**
-   * The `Map` object that fired the event.
-   */
-
-  /**
-   * The DOM event which caused the map event.
-   */
-
-  /**
-   * The geographic location on the map of the center of the touch event points.
-   */
-
-  /**
-   * The pixel coordinates of the center of the touch event points, relative to the map and measured from the top left
-   * corner.
-   */
-
-  /**
-   * The array of pixel coordinates corresponding to a
-   * [touch event's `touches`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/touches) property.
-   */
-
-  /**
-   * The geographical locations on the map corresponding to a
-   * [touch event's `touches`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/touches) property.
-   */
-
-  /**
-   * Prevents subsequent default processing of the event by the map.
-   *
-   * Calling this method will prevent the following default map behaviors:
-   *
-   *   * On `touchstart` events, the behavior of {@link DragPanHandler}
-   *   * On `touchstart` events, the behavior of {@link TouchZoomRotateHandler}
-   *
-   */
-  preventDefault() {
-    this._defaultPrevented = true;
-  }
-
-  /**
-   * `true` if `preventDefault` has been called.
-   */
-  get defaultPrevented() {
-    return this._defaultPrevented;
-  }
-
-  /**
-   * @private
-   */
-  constructor(type, map, originalEvent) {
-    const points = DOM.touchPos(map.getCanvasContainer(), originalEvent);
-    const lngLats = points.map(t => map.unproject(t));
-    const point = points.reduce((prev, curr, i, arr) => {
-      return prev.add(curr.div(arr.length));
-    }, new Point(0, 0));
-    const lngLat = map.unproject(point);
-    super(type, { points, point, lngLats, lngLat, originalEvent });
-    this._defaultPrevented = false;
-  }
-}
-
-/**
- * `MapWheelEvent` is the event type for the `wheel` map event.
- * @extends {Object}
- */
-class MapWheelEvent extends Event {
-  /**
-   * The event type.
-   */
-
-  /**
-   * The `Map` object that fired the event.
-   */
-
-  /**
-   * The DOM event which caused the map event.
-   */
-
-  /**
-   * Prevents subsequent default processing of the event by the map.
-   *
-   * Calling this method will prevent the the behavior of {@link ScrollZoomHandler}.
-   */
-  preventDefault() {
-    this._defaultPrevented = true;
-  }
-
-  /**
-   * `true` if `preventDefault` has been called.
-   */
-  get defaultPrevented() {
-    return this._defaultPrevented;
-  }
-
-  /**
-   * @private
-   */
-  constructor(type, map, originalEvent) {
-    super(type, { originalEvent });
-    this._defaultPrevented = false;
-  }
-}
-
-module.exports = {
-  MapMouseEvent,
-  MapTouchEvent,
-  MapWheelEvent
-};
-
-/**
- * @typedef {Object} MapBoxZoomEvent
- * @property {MouseEvent} originalEvent
- * @property {LngLatBounds} boxZoomBounds The bounding box of the "box zoom" interaction.
- *   This property is only provided for `boxzoomend` events.
- */
-
-/**
- * A `MapDataEvent` object is emitted with the {@link Map.event:data}
- * and {@link Map.event:dataloading} events. Possible values for
- * `dataType`s are:
- *
- * - `'source'`: The non-tile data associated with any source
- * - `'style'`: The [style](https://www.mapbox.com/mapbox-gl-style-spec/) used by the map
- *
- * @typedef {Object} MapDataEvent
- * @property {string} type The event type.
- * @property {string} dataType The type of data that has changed. One of `'source'`, `'style'`.
- * @property {boolean} [isSourceLoaded] True if the event has a `dataType` of `source` and the source has no outstanding network requests.
- * @property {Object} [source] The [style spec representation of the source](https://www.mapbox.com/mapbox-gl-style-spec/#sources) if the event has a `dataType` of `source`.
- * @property {string} [sourceDataType] Included if the event has a `dataType` of `source` and the event signals
- * that internal data has been received or changed. Possible values are `metadata` and `content`.
- * @property {Object} [tile] The tile being loaded or changed, if the event has a `dataType` of `source` and
- * the event is related to loading of a tile.
- * @property {Coordinate} [coord] The coordinate of the tile if the event has a `dataType` of `source` and
- * the event is related to loading of a tile.
- */

package/src/ui/handler/box_zoom.js

@@ -1,151 +0,0 @@
-const DOM = require('../../util/dom');
-
-const LngLatBounds = require('../../geo/lng_lat_bounds');
-const { Event } = require('../../util/evented');
-
-/**
- * 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.
- */
-function boxZoomHandler(map) {
-  const el = map.getCanvasContainer();
-  const container = map.getContainer();
-
-  let enabled = false;
-  let active = false;
-  let startPos;
-  let box;
-
-  /**
-   * Returns a Boolean indicating whether the "box zoom" interaction is enabled.
-   *
-   * @returns {boolean} `true` if the "box zoom" interaction is enabled.
-   */
-  function isEnabled() {
-    return enabled;
-  }
-
-  /**
-   * 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.
-   */
-  function isActive() {
-    return active;
-  }
-
-  /**
-   * Enables the "box zoom" interaction.
-   *
-   * @example
-   *   map.boxZoom.enable();
-   */
-  function enable() {
-    enabled = true;
-  }
-
-  /**
-   * Disables the "box zoom" interaction.
-   *
-   * @example
-   *   map.boxZoom.disable();
-   */
-  function disable() {
-    enabled = false;
-  }
-
-  function onMouseDown(e) {
-    if (!enabled) return;
-    if (!(e.shiftKey && e.button === 0)) return;
-
-    window.document.addEventListener('mousemove', onMouseMove, false);
-    window.document.addEventListener('keydown', onKeyDown, false);
-    window.document.addEventListener('mouseup', onMouseUp, false);
-
-    DOM.disableDrag();
-    startPos = DOM.mousePos(el, e);
-    active = true;
-  }
-
-  function onMouseMove(e) {
-    const p0 = startPos;
-    const p1 = DOM.mousePos(el, e);
-
-    if (!box) {
-      box = DOM.create('div', 'mapboxgl-boxzoom', container);
-      container.classList.add('mapboxgl-crosshair');
-      fireEvent('boxzoomstart', e);
-    }
-
-    const minX = Math.min(p0.x, p1.x);
-    const maxX = Math.max(p0.x, p1.x);
-    const minY = Math.min(p0.y, p1.y);
-    const maxY = Math.max(p0.y, p1.y);
-
-    box.style.transform = `translate(${minX}px,${minY}px)`;
-    box.style.width = `${maxX - minX}px`;
-    box.style.height = `${maxY - minY}px`;
-  }
-
-  function onMouseUp(e) {
-    if (e.button !== 0) return;
-
-    const p0 = startPos;
-    const p1 = DOM.mousePos(el, e);
-
-    const bounds = new LngLatBounds().extend(map.unproject(p0)).extend(map.unproject(p1));
-
-    finish();
-
-    DOM.suppressClick();
-
-    if (p0.x === p1.x && p0.y === p1.y) {
-      fireEvent('boxzoomcancel', e);
-    } else {
-      map
-        .fitBounds(bounds, { linear: true })
-        .fire(new Event('boxzoomend', { originalEvent: e, boxZoomBounds: bounds }));
-    }
-  }
-
-  function onKeyDown(e) {
-    if (e.keyCode === 27) {
-      finish();
-      fireEvent('boxzoomcancel', e);
-    }
-  }
-
-  function finish() {
-    active = false;
-
-    window.document.removeEventListener('mousemove', onMouseMove, false);
-    window.document.removeEventListener('keydown', onKeyDown, false);
-    window.document.removeEventListener('mouseup', onMouseUp, false);
-
-    container.classList.remove('mapboxgl-crosshair');
-
-    if (box) {
-      box.remove();
-      box = undefined;
-    }
-    startPos = undefined;
-
-    DOM.enableDrag();
-  }
-
-  function fireEvent(type, e) {
-    return map.fire(new Event(type, { originalEvent: e }));
-  }
-
-  DOM.initEnableDisableDrag();
-
-  return {
-    isEnabled,
-    isActive,
-    enable,
-    disable,
-    onMouseDown
-  };
-}
-
-module.exports = boxZoomHandler;

package/src/ui/handler/dblclick_zoom.js

@@ -1,91 +0,0 @@
-/**
- * The `DoubleClickZoomHandler` allows the user to zoom the map at a point by
- * double clicking or double tapping.
- */
-function doubleClickZoomHandler(map) {
-  let enabled = false;
-  let active = false;
-
-  let tapped;
-
-  /**
-   * Returns a Boolean indicating whether the "double click to zoom" interaction is enabled.
-   *
-   * @returns {boolean} `true` if the "double click to zoom" interaction is enabled.
-   */
-  function isEnabled() {
-    return enabled;
-  }
-
-  /**
-   * Returns a Boolean indicating whether the "double click to zoom" interaction is active, i.e. currently being used.
-   *
-   * @returns {boolean} `true` if the "double click to zoom" interaction is active.
-   */
-  function isActive() {
-    return active;
-  }
-
-  /**
-   * Enables the "double click to zoom" interaction.
-   *
-   * @example
-   * map.doubleClickZoom.enable();
-   */
-  function enable() {
-    enabled = true;
-  }
-
-  /**
-   * Disables the "double click to zoom" interaction.
-   *
-   * @example
-   * map.doubleClickZoom.disable();
-   */
-  function disable() {
-    enabled = false;
-  }
-
-  function onTouchStart(e) {
-    if (!enabled) return;
-    if (e.points.length > 1) return;
-
-    if (!tapped) {
-      tapped = setTimeout(() => {
-        tapped = undefined;
-      }, 300);
-    } else {
-      clearTimeout(tapped);
-      tapped = undefined;
-      zoom(e);
-    }
-  }
-
-  function onDblClick(e) {
-    if (!enabled) return;
-    e.originalEvent.preventDefault();
-    zoom(e);
-  }
-
-  function zoom(e) {
-    active = true;
-    map.on('zoomend', onZoomEnd);
-    map.zoomTo(map.getZoom() + (e.originalEvent.shiftKey ? -1 : 1), { around: e.lngLat }, e);
-  }
-
-  function onZoomEnd() {
-    active = false;
-    map.off('zoomend', onZoomEnd);
-  }
-
-  return {
-    isEnabled,
-    isActive,
-    enable,
-    disable,
-    onDblClick,
-    onTouchStart
-  };
-}
-
-module.exports = doubleClickZoomHandler;