leaflet-city-mapper 0.0.2 → 0.0.3

package/src/constants/vehicles.js

@@ -0,0 +1,40 @@
+import { carModel } from '../vehicles/carModel.js';
+import { boatModel } from '../vehicles/boatModel.js';
+import { busModel } from '../vehicles/busModel.js';
+import { tramModel } from '../vehicles/tramModel.js';
+import { metroModel } from '../vehicles/metroModel.js';
+import { bicycleModel } from '../vehicles/bicycleModel.js';
+import { pedestrianModel } from '../vehicles/pedestrianModel.js';
+
+/**
+ * `side`: default offset (metres) to the right of the lane centreline. `model(i)` gives the prisms of the i-th vehicle.
+ * `lights`: night point lights in model space (see the night lighting grid), e.g. the pool cast by the headlights.
+ */
+export const vehicles = {
+  bicycle: { side: 0.4, model: bicycleModel },
+  pedestrian: { side: 0.3, model: pedestrianModel },
+  bus: { side: 1.5, model: busModel },
+  tram: { side: 0, model: tramModel },
+  metro: { side: 0, model: metroModel },
+  car: {
+    side: 1.8,
+    model: carModel,
+    lights: [{
+      position: [0, 1.2, -6],
+      radius: 10,
+      color: [1, 0.94, 0.82],
+      flux: 800
+    }]
+  },
+  // Panoramic river cruiser, about 60 × 11 m: glass saloon, open upper deck with benches, wheelhouse forward.
+  boat: {
+    side: 0,
+    model: boatModel,
+    lights: [{
+      position: [0, 8, 4],
+      radius: 30,
+      color: [1, 0.8, 0.55],
+      flux: 20000
+    }]
+  },
+};

package/src/controls/acceptPitchDrag.js

@@ -0,0 +1,4 @@
+export function acceptPitchDrag(event) {
+  return !event.target.closest('.leaflet-control,.leaflet-marker-icon,.leaflet-popup') &&
+    (event.button === 2 || event.button === 0 && event.ctrlKey);
+}

package/src/controls/acceptRotateDrag.js

@@ -0,0 +1,3 @@
+export function acceptRotateDrag(event) {
+  return event.button === 0;
+}

package/src/controls/adjustCameraDrag.js

@@ -0,0 +1,10 @@
+import { project } from '../camera/project.js';
+
+export function adjustCameraDrag() {
+  const map = this;
+  const draggable = map._cameraDraggable;
+  if (!map.getPitch() && !map.getBearing()) return;
+  const half = map.getSize().divideBy(2), delta = draggable._newPos.subtract(draggable._startPos);
+  const ground = half.subtract(project(map, half.subtract(delta), true));
+  draggable._newPos = draggable._startPos.add(ground);
+}

package/src/controls/cameraControls.js

@@ -0,0 +1,60 @@
+import { ShiftRotate } from '../constants/ShiftRotate.js';
+import { PitchDrag } from '../constants/PitchDrag.js';
+import { Compass } from '../constants/Compass.js';
+import { ContainerResize } from '../constants/ContainerResize.js';
+import { TouchMode } from '../constants/TouchMode.js';
+import { cameraControlsState } from '../constants/cameraControlsState.js';
+import { rotateOnAdd } from './rotateOnAdd.js';
+import { rotateOnRemove } from './rotateOnRemove.js';
+import { rotateControl } from './rotateControl.js';
+import { shiftRotateAddHooks } from './shiftRotateAddHooks.js';
+import { shiftRotateRemoveHooks } from './shiftRotateRemoveHooks.js';
+import { pitchDragAddHooks } from './pitchDragAddHooks.js';
+import { pitchDragRemoveHooks } from './pitchDragRemoveHooks.js';
+import { compassAddHooks } from './compassAddHooks.js';
+import { compassRemoveHooks } from './compassRemoveHooks.js';
+import { containerResizeAddHooks } from './containerResizeAddHooks.js';
+import { containerResizeRemoveHooks } from './containerResizeRemoveHooks.js';
+import { startCameraTouch } from './startCameraTouch.js';
+import { moveCameraTouch } from './moveCameraTouch.js';
+import { endCameraTouchEvent } from './endCameraTouchEvent.js';
+import { changeCameraTouch } from './changeCameraTouch.js';
+import { cleanupCameraTouch } from './cleanupCameraTouch.js';
+import { endAllCameraTouches } from './endAllCameraTouches.js';
+
+cameraControlsState.cameraDrags = new Set();
+cameraControlsState.dragStates = new WeakMap();
+cameraControlsState.cameraTouchStates = new Set();
+
+L.Control.Rotate = L.Control.extend({
+  options: { position: 'topleft', closeOnZeroBearing: true, visualizePitch: true },
+  onAdd: rotateOnAdd,
+  onRemove: rotateOnRemove,
+});
+
+if (L.control) L.control.rotate = rotateControl;
+
+export function cameraControls(map) {
+  map.addHandler('trackContainerMutation', ContainerResize);
+  if (!map.options.rotate) return;
+  map.addHandler('shiftKeyRotate', ShiftRotate);
+  map.addHandler('pitchDrag', PitchDrag);
+  map.addHandler('compassBearing', Compass);
+  map.addHandler('touchRotate', TouchMode);
+  map.addHandler('touchPitch', TouchMode);
+  const container = map.getContainer();
+  const state = map._cameraTouchState = { map, container, touch: null, nativeZoom: undefined };
+  container._cameraTouchState = state;
+  cameraControlsState.cameraTouchStates.add(state);
+  container.addEventListener('touchstart', startCameraTouch, { capture: true, passive: false });
+  container.addEventListener('touchmove', moveCameraTouch, { capture: true, passive: false });
+  container.addEventListener('touchend', endCameraTouchEvent, true);
+  container.addEventListener('touchcancel', endCameraTouchEvent, true);
+  window.addEventListener('blur', endAllCameraTouches);
+  map.on('cameratouchchange', changeCameraTouch, map);
+  if (map.options.rotateControl) {
+    map.rotateControl = new L.Control.Rotate(typeof map.options.rotateControl === 'object' ? map.options.rotateControl : {});
+    map.rotateControl.addTo(map);
+  }
+  map.once('unload', cleanupCameraTouch, map);
+}

package/src/controls/cameraDragClick.js

@@ -0,0 +1,9 @@
+import { cameraControlsState } from '../constants/cameraControlsState.js';
+
+export function cameraDragClick(event) {
+  const state = cameraControlsState.dragStates.get(this);
+  if (!state.moved) return;
+  event.preventDefault();
+  event.stopPropagation();
+  state.moved = false;
+}

package/src/controls/cameraDragContextMenu.js

@@ -0,0 +1,8 @@
+import { cameraControlsState } from '../constants/cameraControlsState.js';
+
+export function cameraDragContextMenu(event) {
+  const state = cameraControlsState.dragStates.get(this);
+  if (!state.drag && !state.moved) return;
+  event.preventDefault();
+  event.stopPropagation();
+}

package/src/controls/cameraDragDown.js

@@ -0,0 +1,20 @@
+import { cameraControlsState } from '../constants/cameraControlsState.js';
+import { editable } from './editable.js';
+
+export function cameraDragDown(event) {
+  const state = cameraControlsState.dragStates.get(this);
+  if (state.drag || !state.accept(event) || editable(event.target)) return;
+  event.preventDefault();
+  event.stopPropagation();
+  state.moved = false;
+  const rect = state.map.getContainer().getBoundingClientRect();
+  state.drag = {
+    id: event.pointerId, x: event.clientX, y: event.clientY, cursor: state.element.style.cursor,
+    cx: rect.left + rect.width / 2, cy: rect.top + rect.height / 2,
+    dragging: state.map.dragging?.enabled(),
+  };
+  state.map.dragging?.disable();
+  state.element.focus?.({ preventScroll: true });
+  state.element.setPointerCapture(event.pointerId);
+  state.element.style.cursor = 'grabbing';
+}

package/src/controls/cameraDragEnd.js

@@ -0,0 +1,6 @@
+import { finishCameraDrag } from './finishCameraDrag.js';
+import { cameraControlsState } from '../constants/cameraControlsState.js';
+
+export function cameraDragEnd(event) {
+  finishCameraDrag(cameraControlsState.dragStates.get(this), event);
+}

package/src/controls/cameraDragMove.js

@@ -0,0 +1,23 @@
+import { cameraControlsState } from '../constants/cameraControlsState.js';
+
+export function cameraDragMove(event) {
+  const state = cameraControlsState.dragStates.get(this);
+  if (!state.drag || state.drag.id !== event.pointerId) return;
+  const x = event.clientX - state.drag.x, y = event.clientY - state.drag.y;
+  if (Math.hypot(x, y) < 3 && !state.moved) return;
+  state.map._stopPitchBearingAnimation();
+  state.moved = true;
+  event.preventDefault();
+  let bearing = x * state.sensitivity[0];
+  if (state.orbit) {
+    if (Math.abs(state.drag.cy - state.drag.y) > 100) {
+      const angle = Math.atan2(event.clientY - state.drag.cy, event.clientX - state.drag.cx) -
+        Math.atan2(event.clientY - state.drag.cy, state.drag.x - state.drag.cx);
+      bearing = Math.atan2(Math.sin(angle), Math.cos(angle)) * 180 / Math.PI;
+    } else bearing *= event.clientY < state.drag.cy ? 1 : -1;
+  }
+  state.map._setPitchAndBearing(state.map.getPitch() - y * state.sensitivity[1],
+    state.map.getBearing() + bearing);
+  state.drag.x = event.clientX;
+  state.drag.y = event.clientY;
+}

package/src/controls/changeCameraTouch.js

@@ -0,0 +1,14 @@
+import { endCameraTouch } from './endCameraTouch.js';
+
+export function changeCameraTouch() {
+  const state = this._cameraTouchState, { map, container } = state;
+  const active = map.touchRotate.enabled() || map.touchPitch.enabled();
+  if (active && state.nativeZoom === undefined) {
+    state.nativeZoom = map.touchZoom?.enabled();
+    map.touchZoom?.disable();
+  } else if (!active && state.nativeZoom !== undefined) {
+    endCameraTouch(state);
+    if (state.nativeZoom && container._leaflet_id) map.touchZoom.enable();
+    state.nativeZoom = undefined;
+  }
+}

package/src/controls/cleanupCameraTouch.js

@@ -0,0 +1,24 @@
+import { endCameraTouch } from './endCameraTouch.js';
+import { startCameraTouch } from './startCameraTouch.js';
+import { moveCameraTouch } from './moveCameraTouch.js';
+import { endCameraTouchEvent } from './endCameraTouchEvent.js';
+import { cameraControlsState } from '../constants/cameraControlsState.js';
+import { endAllCameraTouches } from './endAllCameraTouches.js';
+import { changeCameraTouch } from './changeCameraTouch.js';
+
+export function cleanupCameraTouch() {
+  const state = this._cameraTouchState;
+  if (!state) return;
+  const { container, map } = state;
+  endCameraTouch(state);
+  container.removeEventListener('touchstart', startCameraTouch, true);
+  container.removeEventListener('touchmove', moveCameraTouch, true);
+  container.removeEventListener('touchend', endCameraTouchEvent, true);
+  container.removeEventListener('touchcancel', endCameraTouchEvent, true);
+  cameraControlsState.cameraTouchStates.delete(state);
+  if (!cameraControlsState.cameraTouchStates.size) window.removeEventListener('blur', endAllCameraTouches);
+  map.off('cameratouchchange', changeCameraTouch, map);
+  map.rotateControl?.remove();
+  delete container._cameraTouchState;
+  delete map._cameraTouchState;
+}

package/src/controls/compassAddHooks.js

@@ -0,0 +1,15 @@
+import { compassOrientation } from './compassOrientation.js';
+import { finishCompassPermission } from './finishCompassPermission.js';
+
+export function compassAddHooks() {
+  this._compassGeneration = (this._generation = (this._generation || 0) + 1);
+  this._orientation = { handler: this, handleEvent: compassOrientation };
+  const permission = window.DeviceOrientationEvent?.requestPermission;
+  let request;
+  try {
+    request = permission ? permission.call(window.DeviceOrientationEvent) : 'granted';
+  } catch (error) {
+    request = Promise.reject(error);
+  }
+  Promise.allSettled([Promise.resolve({ handler: this, generation: this._generation }), request]).then(finishCompassPermission);
+}

package/src/controls/compassOrientation.js

@@ -0,0 +1,6 @@
+export function compassOrientation(event) {
+  const handler = this.handler;
+  const bearing = Number.isFinite(event.webkitCompassHeading) ? -event.webkitCompassHeading : event.alpha;
+  const orientation = event.absolute ? 0 : (screen.orientation?.angle ?? window.orientation ?? 0);
+  if (Number.isFinite(bearing)) handler._map.setBearing(bearing - orientation);
+}

package/src/controls/compassRemoveHooks.js

@@ -0,0 +1,5 @@
+export function compassRemoveHooks() {
+  this._generation++;
+  window.removeEventListener('deviceorientation', this._orientation);
+  window.removeEventListener('deviceorientationabsolute', this._orientation);
+}

package/src/controls/containerResizeAddHooks.js

@@ -0,0 +1,8 @@
+import { resizeMap } from './resizeMap.js';
+
+export function containerResizeAddHooks() {
+  const container = this._map.getContainer();
+  container._containerResizeMap = this._map;
+  this._observer = new ResizeObserver(resizeMap);
+  this._observer.observe(container);
+}

package/src/controls/containerResizeRemoveHooks.js

@@ -0,0 +1,5 @@
+export function containerResizeRemoveHooks() {
+  const container = this._map.getContainer();
+  this._observer.disconnect();
+  delete container._containerResizeMap;
+}

package/src/controls/dragCamera.js

@@ -0,0 +1,22 @@
+import { cameraControlsState } from '../constants/cameraControlsState.js';
+import { cameraDragDown } from './cameraDragDown.js';
+import { cameraDragMove } from './cameraDragMove.js';
+import { cameraDragEnd } from './cameraDragEnd.js';
+import { cameraDragClick } from './cameraDragClick.js';
+import { cameraDragContextMenu } from './cameraDragContextMenu.js';
+import { endAllCameraDrags } from './endAllCameraDrags.js';
+
+export function dragCamera(map, element, accept, sensitivity = [0.8, 0.5], orbit = false) {
+  const state = { map, element, accept, sensitivity, orbit, drag: null, moved: false };
+  cameraControlsState.dragStates.set(element, state);
+  cameraControlsState.cameraDrags.add(state);
+  element.addEventListener('pointerdown', cameraDragDown, true);
+  element.addEventListener('pointermove', cameraDragMove);
+  element.addEventListener('pointerup', cameraDragEnd);
+  element.addEventListener('pointercancel', cameraDragEnd);
+  element.addEventListener('lostpointercapture', cameraDragEnd);
+  element.addEventListener('click', cameraDragClick, true);
+  element.addEventListener('contextmenu', cameraDragContextMenu);
+  window.addEventListener('blur', endAllCameraDrags);
+  return state;
+}

package/src/controls/editable.js

@@ -0,0 +1,3 @@
+export function editable(target) {
+  return target.closest?.('input,textarea,select,[contenteditable="true"]');
+}

package/src/controls/endAllCameraDrags.js

@@ -0,0 +1,7 @@
+import { cameraControlsState } from '../constants/cameraControlsState.js';
+import { finishCameraDrag } from './finishCameraDrag.js';
+
+export function endAllCameraDrags() {
+  let state;
+  for (state of cameraControlsState.cameraDrags) finishCameraDrag(state);
+}

package/src/controls/endAllCameraTouches.js

@@ -0,0 +1,7 @@
+import { cameraControlsState } from '../constants/cameraControlsState.js';
+import { endCameraTouch } from './endCameraTouch.js';
+
+export function endAllCameraTouches() {
+  let state;
+  for (state of cameraControlsState.cameraTouchStates) endCameraTouch(state);
+}

package/src/controls/endCameraTouch.js

@@ -0,0 +1,11 @@
+export function endCameraTouch(state, event) {
+  if (!state.touch) return;
+  if (event?.touches?.length >= 2) return;
+  const { map, container, touch } = state;
+  if (touch.dragging && container._leaflet_id) map.dragging.enable();
+  map.options.zoomSnap = touch.snap;
+  if (touch.zooming && touch.snap && container._leaflet_id) {
+    map.setZoom(Math.round(map.getZoom() / touch.snap) * touch.snap, { animate: false });
+  }
+  state.touch = null;
+}

package/src/controls/endCameraTouchEvent.js

@@ -0,0 +1,5 @@
+import { endCameraTouch } from './endCameraTouch.js';
+
+export function endCameraTouchEvent(event) {
+  endCameraTouch(this._cameraTouchState, event);
+}

package/src/controls/finishCameraDrag.js

@@ -0,0 +1,9 @@
+export function finishCameraDrag(state, event) {
+  if (!state?.drag) return;
+  if (event?.pointerId !== undefined && event.pointerId !== state.drag.id) return;
+  const finished = state.drag;
+  state.drag = null;
+  if (state.element.hasPointerCapture?.(finished.id)) state.element.releasePointerCapture(finished.id);
+  if (finished.dragging && state.map.getContainer()._leaflet_id) state.map.dragging.enable();
+  state.element.style.cursor = finished.cursor;
+}

package/src/controls/finishCompassPermission.js

@@ -0,0 +1,16 @@
+export function finishCompassPermission([handlerResult, permissionResult]) {
+  const { handler, generation } = handlerResult.value;
+  try {
+    if (!handler.enabled() || handler._generation !== generation) return;
+    if (!window.DeviceOrientationEvent || permissionResult.status !== 'fulfilled' ||
+      permissionResult.value !== 'granted') {
+      throw permissionResult.status === 'rejected' ? permissionResult.reason :
+        new Error('Device compass permission unavailable or denied');
+    }
+    window.addEventListener('deviceorientation', handler._orientation);
+    window.addEventListener('deviceorientationabsolute', handler._orientation);
+  } catch (error) {
+    handler.disable();
+    handler._map.fire('error', { error });
+  }
+}

package/src/controls/loadCameraControls.js

@@ -0,0 +1,9 @@
+export async function loadCameraControls(map) {
+  try {
+    const { cameraControls } = await import('./cameraControls.js');
+    if (map._container?._leaflet_id) cameraControls(map);
+  } catch (error) {
+    map.fire('error', { error });
+    throw error;
+  }
+}

package/src/controls/moveCameraTouch.js

@@ -0,0 +1,22 @@
+export function moveCameraTouch(event) {
+  const state = this._cameraTouchState, { map, container, touch } = state;
+  if (!touch || event.touches.length !== 2) return;
+  const [a, b] = event.touches;
+  const angle = Math.atan2(b.clientY - a.clientY, b.clientX - a.clientX);
+  const middle = new L.Point((a.clientX + b.clientX) / 2, (a.clientY + b.clientY) / 2)
+    .subtract(new L.Point(container.getBoundingClientRect().left, container.getBoundingClientRect().top));
+  const delta = Math.atan2(Math.sin(angle - touch.angle), Math.cos(angle - touch.angle)) * 180 / Math.PI;
+  map._setPitchAndBearing(map.touchPitch.enabled() ? touch.pitch - (middle.y - touch.middle.y) * 0.25 : touch.pitch,
+    map.touchRotate.enabled() ? touch.bearing + delta : touch.bearing);
+  const distance = Math.hypot(b.clientX - a.clientX, b.clientY - a.clientY);
+  if (distance < 1) return;
+  const zoom = touch.zooming ? Math.max(map.getMinZoom(), Math.min(map.getMaxZoom(),
+    touch.zoom + Math.log2(distance / touch.distance))) : touch.zoom;
+  map.setView(map.getCenter(), zoom, { animate: false });
+  if (map.options.touchZoom !== 'center') {
+    const projected = map.project(touch.anchor).subtract(map.project(map.containerPointToLatLng(middle)));
+    map.setView(map.unproject(map.project(map.getCenter()).add(projected)), map.getZoom(), { animate: false });
+  }
+  event.preventDefault();
+  event.stopImmediatePropagation();
+}

package/src/controls/notifyCameraTouchChange.js

@@ -0,0 +1 @@
+export function notifyCameraTouchChange() { this._map.fire('cameratouchchange'); }

package/src/controls/pitchDragAddHooks.js

@@ -0,0 +1,6 @@
+import { dragCamera } from './dragCamera.js';
+import { acceptPitchDrag } from './acceptPitchDrag.js';
+
+export function pitchDragAddHooks() {
+  this._dragState = dragCamera(this._map, this._map.getContainer(), acceptPitchDrag, [0.8, 0.5], true);
+}

package/src/controls/pitchDragRemoveHooks.js

@@ -0,0 +1,5 @@
+import { removeCameraDrag } from './removeCameraDrag.js';
+
+export function pitchDragRemoveHooks() {
+  removeCameraDrag(this._dragState);
+}

package/src/controls/refreshRotateControl.js

@@ -0,0 +1,7 @@
+export function refreshRotateControl() {
+  const map = this._map, pitch = this.options.visualizePitch ? map.getPitch() : 0;
+  this._arrow.style.transform = `scale(${1 / Math.sqrt(Math.cos(pitch * Math.PI / 180))}) rotateX(${pitch}deg) rotate(${map.getBearing()}deg)`;
+  this._button.setAttribute('aria-description', `Bearing ${Math.round(map.getBearing())} degrees, pitch ${Math.round(map.getPitch())} degrees. Arrow keys adjust the camera; Home resets it.`);
+  this._container.style.display = this.options.closeOnZeroBearing && !map.getBearing() && !pitch &&
+    !this._container.contains(document.activeElement) ? 'none' : '';
+}

package/src/controls/refreshRotateFocus.js

@@ -0,0 +1,5 @@
+import { refreshRotateControl } from './refreshRotateControl.js';
+
+export function refreshRotateFocus() {
+  refreshRotateControl.call(this._rotateControl);
+}

package/src/controls/removeCameraDrag.js

@@ -0,0 +1,23 @@
+import { finishCameraDrag } from './finishCameraDrag.js';
+import { cameraDragDown } from './cameraDragDown.js';
+import { cameraDragMove } from './cameraDragMove.js';
+import { cameraDragEnd } from './cameraDragEnd.js';
+import { cameraDragClick } from './cameraDragClick.js';
+import { cameraDragContextMenu } from './cameraDragContextMenu.js';
+import { cameraControlsState } from '../constants/cameraControlsState.js';
+import { endAllCameraDrags } from './endAllCameraDrags.js';
+
+export function removeCameraDrag(state) {
+  finishCameraDrag(state);
+  const { element } = state;
+  element.removeEventListener('pointerdown', cameraDragDown, true);
+  element.removeEventListener('pointermove', cameraDragMove);
+  element.removeEventListener('pointerup', cameraDragEnd);
+  element.removeEventListener('pointercancel', cameraDragEnd);
+  element.removeEventListener('lostpointercapture', cameraDragEnd);
+  element.removeEventListener('click', cameraDragClick, true);
+  element.removeEventListener('contextmenu', cameraDragContextMenu);
+  cameraControlsState.dragStates.delete(element);
+  cameraControlsState.cameraDrags.delete(state);
+  if (!cameraControlsState.cameraDrags.size) window.removeEventListener('blur', endAllCameraDrags);
+}

package/src/controls/resizeMap.js

@@ -0,0 +1,3 @@
+export function resizeMap(entries) {
+  entries[0]?.target._containerResizeMap.invalidateSize();
+}

package/src/controls/rotateButtonClick.js

@@ -0,0 +1,7 @@
+export function rotateButtonClick(event) {
+  const control = this._rotateControl, map = control._map;
+  event.preventDefault();
+  if (control.options.visualizePitch) map.resetNorthPitch();
+  else map.resetNorth();
+  if (event.detail) map.getContainer().focus({ preventScroll: true });
+}

package/src/controls/rotateButtonKeydown.js

@@ -0,0 +1,11 @@
+export function rotateButtonKeydown(event) {
+  const control = this._rotateControl, map = control._map, step = event.shiftKey ? 15 : 5;
+  if (event.key === 'ArrowLeft') map.setBearing(map.getBearing() - step);
+  else if (event.key === 'ArrowRight') map.setBearing(map.getBearing() + step);
+  else if (event.key === 'ArrowUp' && control.options.visualizePitch) map.setPitch(map.getPitch() + step);
+  else if (event.key === 'ArrowDown' && control.options.visualizePitch) map.setPitch(map.getPitch() - step);
+  else if (event.key === 'Home' || event.key === ' ') this.click();
+  else return;
+  event.preventDefault();
+  event.stopPropagation();
+}

package/src/controls/rotateControl.js

@@ -0,0 +1,3 @@
+export function rotateControl(options) {
+  return new L.Control.Rotate(options);
+}

package/src/controls/rotateOnAdd.js

@@ -0,0 +1,38 @@
+import { rotateButtonClick } from './rotateButtonClick.js';
+import { rotateButtonKeydown } from './rotateButtonKeydown.js';
+import { refreshRotateControl } from './refreshRotateControl.js';
+import { dragCamera } from './dragCamera.js';
+import { acceptRotateDrag } from './acceptRotateDrag.js';
+import { refreshRotateFocus } from './refreshRotateFocus.js';
+
+export function rotateOnAdd(map) {
+  const container = L.DomUtil.create('div', 'leaflet-control-rotate leaflet-bar');
+  const button = L.DomUtil.create('a', 'leaflet-control-rotate-toggle', container);
+  this._map = map;
+  this._container = container;
+  this._button = button;
+  button._rotateControl = this;
+  button.href = '#';
+  button.draggable = false;
+  button.setAttribute('role', 'button');
+  button.title = this.options.visualizePitch ? 'Reset bearing and pitch' : 'Reset bearing to north';
+  button.setAttribute('aria-label', button.title);
+  button.style.cssText = 'cursor:grab;touch-action:none';
+  const arrow = L.DomUtil.create('span', 'leaflet-control-rotate-arrow', button);
+  this._arrow = arrow;
+  arrow.setAttribute('aria-hidden', 'true');
+  arrow.style.cssText = 'display:block;width:100%;height:100%;pointer-events:none;background: no-repeat center / 29px 29px';
+  arrow.style.backgroundImage = 'url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 29%27%3E%3Cpath fill=%27%23333%27 d=%27M10.5 14 14.5 6 18.5 14Z%27/%3E%3Cpath fill=%27%23ccc%27 d=%27M10.5 16 14.5 24 18.5 16Z%27/%3E%3C/svg%3E")';
+  button.onclick = rotateButtonClick;
+  button.onkeydown = rotateButtonKeydown;
+  this._refresh = refreshRotateControl;
+  map.on('rotate pitch', this._refresh, this);
+  this._refresh();
+  this._dragState = dragCamera(map, button, acceptRotateDrag,
+    [0.8, this.options.visualizePitch ? 0.5 : 0]);
+  button.addEventListener('focusout', refreshRotateFocus);
+  L.DomEvent.on(button, 'dblclick contextmenu', L.DomEvent.stop);
+  L.DomEvent.disableClickPropagation(container);
+  L.DomEvent.disableScrollPropagation(container);
+  return container;
+}

package/src/controls/rotateOnRemove.js

@@ -0,0 +1,6 @@
+import { pitchDragRemoveHooks } from './pitchDragRemoveHooks.js';
+
+export function rotateOnRemove(map) {
+  map.off('rotate pitch', this._refresh, this);
+  pitchDragRemoveHooks.call(this);
+}

package/src/controls/shiftRotateAddHooks.js

@@ -0,0 +1,8 @@
+import { shiftRotateWheel } from './shiftRotateWheel.js';
+
+export function shiftRotateAddHooks() {
+  const container = this._map.getContainer();
+  container._cameraShiftRotate = this;
+  this._wheel = shiftRotateWheel;
+  container.addEventListener('wheel', this._wheel, { passive: false, capture: true });
+}

package/src/controls/shiftRotateRemoveHooks.js

@@ -0,0 +1,5 @@
+export function shiftRotateRemoveHooks() {
+  const container = this._map.getContainer();
+  container.removeEventListener('wheel', this._wheel, true);
+  delete container._cameraShiftRotate;
+}

package/src/controls/shiftRotateWheel.js

@@ -0,0 +1,9 @@
+import { editable } from './editable.js';
+
+export function shiftRotateWheel(event) {
+  const handler = this._cameraShiftRotate;
+  if (!event.shiftKey || editable(event.target) || event.target.closest('.leaflet-control')) return;
+  event.preventDefault();
+  event.stopImmediatePropagation();
+  handler._map.setBearing(handler._map.getBearing() + Math.sign(event.deltaY) * 5);
+}

package/src/controls/startCameraTouch.js

@@ -0,0 +1,23 @@
+export function startCameraTouch(event) {
+  const state = this._cameraTouchState, { map, container } = state;
+  if (state.touch || event.touches.length !== 2 || event.target.closest('.leaflet-control')) return;
+  if (!map.touchRotate.enabled() && !map.touchPitch.enabled()) return;
+  const [a, b] = event.touches;
+  if (Math.hypot(b.clientX - a.clientX, b.clientY - a.clientY) < 1) return;
+  map._stopPitchBearingAnimation();
+  const middle = new L.Point((a.clientX + b.clientX) / 2, (a.clientY + b.clientY) / 2)
+    .subtract(new L.Point(container.getBoundingClientRect().left, container.getBoundingClientRect().top));
+  state.touch = {
+    angle: Math.atan2(b.clientY - a.clientY, b.clientX - a.clientX),
+    distance: Math.hypot(b.clientX - a.clientX, b.clientY - a.clientY), middle,
+    anchor: map.containerPointToLatLng(middle), zoom: map.getZoom(),
+    bearing: map.getBearing(), pitch: map.getPitch(), zooming: map.touchZoom?.enabled(),
+    dragging: map.dragging?.enabled(),
+  };
+  map.dragging?.disable();
+  event.preventDefault();
+  event.stopImmediatePropagation();
+  if (state.nativeZoom !== undefined) state.touch.zooming = state.nativeZoom;
+  state.touch.snap = map.options.zoomSnap;
+  map.options.zoomSnap = 0;
+}

package/src/core/addImageState.js

@@ -0,0 +1,7 @@
+import { nativeLayerState } from '../constants/nativeLayerState.js';
+
+export function addImageState(image, state) {
+  let states = nativeLayerState.imageStates.get(image);
+  if (!states) nativeLayerState.imageStates.set(image, states = new Set());
+  states.add(state);
+}

package/src/core/addRasterImage.js

@@ -0,0 +1,10 @@
+import { indexState } from '../constants/indexState.js';
+import { fireRasterLoad } from './fireRasterLoad.js';
+
+export function addRasterImage() {
+  if (!this._image) this._initImage();
+  if (this._image.complete && this._image.naturalWidth) {
+    indexState.pendingRasterLoads.push(this);
+    queueMicrotask(fireRasterLoad);
+  }
+}