@deck.gl-community/editable-layers 9.0.0-alpha.1 → 9.0.3

package/dist/index.cjs

@@ -69,11 +69,9 @@ __export(dist_exports, {
   MeasureAreaMode: () => MeasureAreaMode,
   MeasureDistanceMode: () => MeasureDistanceMode,
   ModifyMode: () => ModifyMode,
-  NebulaCore: () => Nebula,
+  NebulaCore: () => NebulaCore,
   NebulaLayer: () => NebulaLayer,
   PROJECTED_PIXEL_SIZE_MULTIPLIER: () => PROJECTED_PIXEL_SIZE_MULTIPLIER,
-  PathMarkerLayer: () => PathMarkerLayer,
-  PathOutlineLayer: () => PathOutlineLayer,
   ResizeCircleMode: () => ResizeCircleMode,
   RotateMode: () => RotateMode,
   SELECTION_TYPE: () => SELECTION_TYPE,
@@ -87,6 +85,8 @@ __export(dist_exports, {
   TranslateMode: () => TranslateMode,
   ViewMode: () => ViewMode,
   _memoize: () => memoize,
+  getEditHandlesForGeometry: () => getEditHandlesForGeometry,
+  getPickedEditHandle: () => getPickedEditHandle,
   toDeckColor: () => toDeckColor,
   utils: () => utils_exports
 });
@@ -388,7 +388,7 @@ var NebulaLayer = class extends import_eventemitter3.EventEmitter {
   }
 };
 
-// dist/utils.js
+// dist/utils/utils.js
 var utils_exports = {};
 __export(utils_exports, {
   distance2d: () => distance2d,
@@ -481,7 +481,6 @@ function nearestPointOnProjectedLine(line, inPoint, viewport) {
     type: "Feature",
     geometry: {
       type: "Point",
-      // @ts-expect-error Position type diff
       coordinates: wmViewport.unproject([x0, y0, z0])
     },
     properties: {
@@ -491,8 +490,8 @@ function nearestPointOnProjectedLine(line, inPoint, viewport) {
     }
   };
 }
-function insertBefore(base, insertBefore2, toInsert) {
-  const at = base.indexOf(insertBefore2);
+function insertBefore(base, insertBeforeText, toInsert) {
+  const at = base.indexOf(insertBeforeText);
   if (at < 0) {
     return base;
   }
@@ -620,7 +619,7 @@ var JunctionsLayer = class extends NebulaLayer {
         depthCompare: "always"
       },
       updateTriggers: { all: updateTrigger },
-      // @ts-ignore
+      // @ts-expect-error TODO
       nebulaLayer: this
     });
   }
@@ -661,484 +660,8 @@ var TextsLayer = class extends NebulaLayer {
   }
 };
 
-// dist/editable-layers/path-marker-layer/path-marker-layer.js
-var import_core4 = require("@deck.gl/core");
-var import_layers5 = require("@deck.gl/layers");
-var import_mesh_layers = require("@deck.gl/mesh-layers");
-
-// dist/editable-layers/path-outline-layer/path-outline-layer.js
-var import_layers4 = require("@deck.gl/layers");
-var import_constants2 = require("@luma.gl/constants");
-
-// dist/shaderlib/outline/outline.js
-var INITIAL_STATE = {
-  outlineEnabled: false,
-  outlineRenderShadowmap: false,
-  outlineShadowmap: null
-};
-function getUniforms({ outlineEnabled, outlineRenderShadowmap, outlineShadowmap } = INITIAL_STATE) {
-  const uniforms = {};
-  if (outlineEnabled !== void 0) {
-    uniforms.outline_uEnabled = outlineEnabled;
-  }
-  if (outlineRenderShadowmap !== void 0) {
-    uniforms.outline_uRenderOutlines = outlineRenderShadowmap;
-  }
-  if (outlineShadowmap !== void 0) {
-    uniforms.outline_uShadowmap = outlineShadowmap;
-  }
-  return uniforms;
-}
-var vs = `#version 300 es
-in float instanceZLevel;
-out float outline_vzLevel;
-out vec4 outline_vPosition;
-
-// Set the z level for the outline shadowmap rendering
-void outline_setZLevel(float zLevel) {
-  outline_vzLevel = zLevel;
-}
-
-// Store an adjusted position for texture2DProj
-void outline_setUV(vec4 position) {
-  // mat4(
-  //   0.5, 0.0, 0.0, 0.0,
-  //   0.0, 0.5, 0.0, 0.0,
-  //   0.0, 0.0, 0.5, 0.0,
-  //   0.5, 0.5, 0.5, 1.0
-  // ) * position;
-  outline_vPosition = vec4(position.xyz * 0.5 + position.w * 0.5, position.w);
-}
-`;
-var fs = `uniform bool outline_uEnabled;
-uniform bool outline_uRenderOutlines;
-uniform sampler2D outline_uShadowmap;
-
-in float outline_vzLevel;
-// in vec2 outline_vUV;
-in vec4 outline_vPosition;
-
-out vec4 fragColor;
-
-const float OUTLINE_Z_LEVEL_ERROR = 0.01;
-
-// Return a darker color in shadowmap
-vec4 outline_filterShadowColor(vec4 color) {
-  return vec4(outline_vzLevel / 255., outline_vzLevel / 255., outline_vzLevel / 255., 1.);
-}
-
-// Return a darker color if in shadowmap
-vec4 outline_filterDarkenColor(vec4 color) {
-  if (outline_uEnabled) {
-    float maxZLevel;
-    if (outline_vPosition.q > 0.0) {
-      maxZLevel = texture2DProj(outline_uShadowmap, outline_vPosition).r * 255.;
-    } else {
-      discard;
-    }
-    if (maxZLevel < outline_vzLevel + OUTLINE_Z_LEVEL_ERROR) {
-      vec4(color.rgb * 0.5, color.a);
-    } else {
-      discard;
-    }
-  }
-  return color;
-}
-
-// if enabled and rendering outlines - Render depth to shadowmap
-// if enabled and rendering colors - Return a darker color if in shadowmap
-// if disabled, just return color
-vec4 outline_filterColor(vec4 color) {
-  if (outline_uEnabled) {
-    return outline_uRenderOutlines ?
-      outline_filterShadowColor(color) :
-      outline_filterDarkenColor(color);
-  }
-  return color;
-}
-`;
-var outline_default = {
-  name: "outline",
-  vs,
-  fs,
-  getUniforms
-};
-
-// dist/constants.js
-var PROJECTED_PIXEL_SIZE_MULTIPLIER2 = 2 / 3;
-var UNIT = {
-  common: 0,
-  meters: 1,
-  pixels: 2
-};
-
-// dist/editable-layers/path-outline-layer/path-outline-layer.js
-function injectShaderCode({ source, code = "" }) {
-  const INJECT_CODE = /}[^{}]*$/;
-  return source.replace(INJECT_CODE, code.concat("\n}\n"));
-}
-var VS_CODE = `  outline_setUV(gl_Position);
-  outline_setZLevel(instanceZLevel);
-`;
-var FS_CODE = `  fragColor = outline_filterColor(fragColor);
-`;
-var defaultProps = {
-  getZLevel: () => 0
-};
-var PathOutlineLayer = class extends import_layers4.PathLayer {
-  state = void 0;
-  // Override getShaders to inject the outline module
-  getShaders() {
-    const shaders = super.getShaders();
-    return Object.assign({}, shaders, {
-      modules: shaders.modules.concat([outline_default]),
-      vs: injectShaderCode({ source: shaders.vs, code: VS_CODE }),
-      fs: injectShaderCode({ source: shaders.fs, code: FS_CODE })
-    });
-  }
-  // @ts-expect-error PathLayer is missing LayerContext arg
-  initializeState(context) {
-    super.initializeState();
-    this.setState({
-      outlineFramebuffer: context.device.createFramebuffer({}),
-      dummyTexture: context.device.createTexture({})
-    });
-    this.state.attributeManager.addInstanced({
-      instanceZLevel: {
-        size: 1,
-        type: import_constants2.GL.UNSIGNED_BYTE,
-        accessor: "getZLevel"
-      }
-    });
-  }
-  // Override draw to add render module
-  draw({ moduleParameters = {}, parameters, uniforms, context }) {
-    const { jointRounded, capRounded, billboard, miterLimit, widthUnits, widthScale, widthMinPixels, widthMaxPixels } = this.props;
-    uniforms = Object.assign({}, uniforms, {
-      jointType: Number(jointRounded),
-      capType: Number(capRounded),
-      billboard,
-      widthUnits: UNIT[widthUnits],
-      widthScale,
-      miterLimit,
-      widthMinPixels,
-      widthMaxPixels
-    });
-    const { outlineFramebuffer, dummyTexture } = this.state;
-    this.state.model.updateModuleSettings({
-      outlineEnabled: true,
-      outlineRenderShadowmap: true,
-      outlineShadowmap: dummyTexture
-    });
-    this.state.model.draw({
-      uniforms: Object.assign({}, uniforms, {
-        jointType: 0,
-        widthScale: this.props.widthScale * 1.3
-      }),
-      parameters: {
-        depthTest: false,
-        // Biggest value needs to go into buffer
-        blendEquation: import_constants2.GL.MAX
-      },
-      framebuffer: outlineFramebuffer
-    });
-    this.state.model.updateModuleSettings({
-      outlineEnabled: true,
-      outlineRenderShadowmap: false,
-      outlineShadowmap: outlineFramebuffer
-    });
-    this.state.model.draw({
-      uniforms: Object.assign({}, uniforms, {
-        jointType: Number(jointRounded),
-        capType: Number(capRounded),
-        widthScale: this.props.widthScale
-      }),
-      parameters: {
-        depthTest: false
-      }
-    });
-  }
-};
-__publicField(PathOutlineLayer, "layerName", "PathOutlineLayer");
-__publicField(PathOutlineLayer, "defaultProps", defaultProps);
-
-// dist/editable-layers/path-marker-layer/arrow-2d-geometry.js
-var import_engine = require("@luma.gl/engine");
-var Arrow2DGeometry = class extends import_engine.Geometry {
-  constructor(opts = {}) {
-    super(Object.assign({}, opts, {
-      attributes: getArrowAttributes(opts),
-      topology: "triangle-list"
-    }));
-  }
-};
-function getArrowAttributes({ length = 1, headSize = 0.2, tailWidth = 0.05, tailStart = 0.05 }) {
-  const texCoords = [
-    // HEAD
-    0.5,
-    1,
-    0,
-    0.5 - headSize / 2,
-    1 - headSize,
-    0,
-    0.5 + headSize / 2,
-    1 - headSize,
-    0,
-    0.5 - tailWidth / 2,
-    tailStart,
-    0,
-    0.5 + tailWidth / 2,
-    1 - headSize,
-    0,
-    0.5 + tailWidth / 2,
-    tailStart,
-    0,
-    0.5 - tailWidth / 2,
-    tailStart,
-    0,
-    0.5 - tailWidth / 2,
-    1 - headSize,
-    0,
-    0.5 + tailWidth / 2,
-    1 - headSize,
-    0
-  ];
-  const normals = [0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 1];
-  const positions = new Array(texCoords.length);
-  for (let i = 0; i < texCoords.length / 3; i++) {
-    const i3 = i * 3;
-    positions[i3 + 0] = (texCoords[i3 + 0] - 0.5) * length;
-    positions[i3 + 1] = (texCoords[i3 + 1] - 0.5) * length;
-    positions[i3 + 2] = 0;
-  }
-  return {
-    positions: { size: 3, value: new Float32Array(positions) },
-    normals: { size: 3, value: new Float32Array(normals) },
-    texCoords: { size: 2, value: new Float32Array(texCoords) }
-  };
-}
-
-// dist/editable-layers/path-marker-layer/create-path-markers.js
-var import_core2 = require("@math.gl/core");
-function getLineLength(vPoints) {
-  let lineLength = 0;
-  for (let i = 0; i < vPoints.length - 1; i++) {
-    lineLength += vPoints[i].distance(vPoints[i + 1]);
-  }
-  return lineLength;
-}
-var DEFAULT_COLOR = [0, 0, 0, 255];
-var DEFAULT_DIRECTION = { forward: true, backward: false };
-function createPathMarkers({ data, getPath = (x, context) => x.path, getDirection = (x) => x.direction, getColor = (x) => DEFAULT_COLOR, getMarkerPercentages = (x, info) => [0.5], projectFlat }) {
-  const markers = [];
-  for (const object of data) {
-    const path = getPath(object, null);
-    const direction = getDirection(object) || DEFAULT_DIRECTION;
-    const color = getColor(object);
-    const vPoints = path.map((p) => new import_core2.Vector2(p));
-    const vPointsReverse = vPoints.slice(0).reverse();
-    const lineLength = getLineLength(vPoints);
-    const percentages = getMarkerPercentages(object, { lineLength });
-    for (const percentage of percentages) {
-      if (direction.forward) {
-        const marker = createMarkerAlongPath({
-          path: vPoints,
-          percentage,
-          lineLength,
-          color,
-          object,
-          projectFlat
-        });
-        markers.push(marker);
-      }
-      if (direction.backward) {
-        const marker = createMarkerAlongPath({
-          path: vPointsReverse,
-          percentage,
-          lineLength,
-          color,
-          object,
-          projectFlat
-        });
-        markers.push(marker);
-      }
-    }
-  }
-  return markers;
-}
-function createMarkerAlongPath({ path, percentage, lineLength, color, object, projectFlat }) {
-  const distanceAlong = lineLength * percentage;
-  let currentDistance = 0;
-  let previousDistance = 0;
-  let i = 0;
-  for (i = 0; i < path.length - 1; i++) {
-    currentDistance += path[i].distance(path[i + 1]);
-    if (currentDistance > distanceAlong) {
-      break;
-    }
-    previousDistance = currentDistance;
-  }
-  if (i === path.length - 1) {
-    i -= 1;
-  }
-  const vDirection = path[i + 1].clone().subtract(path[i]).normalize();
-  const along = distanceAlong - previousDistance;
-  const vCenter = vDirection.clone().multiply(new import_core2.Vector2(along, along)).add(path[i]);
-  const vDirection2 = new import_core2.Vector2(projectFlat(path[i + 1])).subtract(projectFlat(path[i]));
-  const angle = vDirection2.verticalAngle() * 180 / Math.PI;
-  return { position: [vCenter.x, vCenter.y, 0], angle, color, object };
-}
-
-// dist/editable-layers/path-marker-layer/polyline.js
-var import_core3 = require("@math.gl/core");
-function getClosestPointOnLine({ p, p1, p2, clampToLine = true }) {
-  const lineVector = new import_core3.Vector3(p2).subtract(p1);
-  const pointVector = new import_core3.Vector3(p).subtract(p1);
-  let dotProduct = lineVector.dot(pointVector);
-  if (clampToLine) {
-    dotProduct = (0, import_core3.clamp)(dotProduct, 0, 1);
-  }
-  return lineVector.lerp(p1, p2, dotProduct);
-}
-function getClosestPointOnPolyline({ p, points }) {
-  p = new import_core3.Vector3(p);
-  let pClosest = null;
-  let distanceSquared = Infinity;
-  let index = -1;
-  for (let i = 0; i < points.length - 1; ++i) {
-    const p1 = points[i];
-    const p2 = points[i + 1];
-    const pClosestOnLine = getClosestPointOnLine({ p, p1, p2 });
-    const distanceToLineSquared = p.distanceSquared(pClosestOnLine);
-    if (distanceToLineSquared < distanceSquared) {
-      distanceSquared = distanceToLineSquared;
-      pClosest = pClosestOnLine;
-      index = i;
-    }
-  }
-  return {
-    point: pClosest,
-    index,
-    p1: points[index],
-    p2: points[index + 1],
-    distanceSquared,
-    distance: Math.sqrt(distanceSquared)
-  };
-}
-
-// dist/editable-layers/path-marker-layer/path-marker-layer.js
-var DISTANCE_FOR_MULTI_ARROWS = 0.1;
-var ARROW_HEAD_SIZE = 0.2;
-var ARROW_TAIL_WIDTH = 0.05;
-var DEFAULT_MARKER_LAYER = import_mesh_layers.SimpleMeshLayer;
-var DEFAULT_MARKER_LAYER_PROPS = {
-  mesh: new Arrow2DGeometry({ headSize: ARROW_HEAD_SIZE, tailWidth: ARROW_TAIL_WIDTH })
-};
-var defaultProps2 = Object.assign({}, PathOutlineLayer.defaultProps, {
-  MarkerLayer: DEFAULT_MARKER_LAYER,
-  markerLayerProps: DEFAULT_MARKER_LAYER_PROPS,
-  sizeScale: 100,
-  fp64: false,
-  highlightIndex: -1,
-  highlightPoint: null,
-  getPath: (x) => x.path,
-  getColor: (x) => x.color,
-  getMarkerColor: (x) => [0, 0, 0, 255],
-  getDirection: (x) => x.direction,
-  getMarkerPercentages: (object, { lineLength }) => lineLength > DISTANCE_FOR_MULTI_ARROWS ? [0.25, 0.5, 0.75] : [0.5]
-});
-var PathMarkerLayer = class extends import_core4.CompositeLayer {
-  state = void 0;
-  initializeState() {
-    this.state = {
-      markers: [],
-      mesh: new Arrow2DGeometry({ headSize: ARROW_HEAD_SIZE, tailWidth: ARROW_TAIL_WIDTH }),
-      closestPoint: null,
-      closestPoints: []
-    };
-  }
-  projectFlat(xyz, viewport, coordinateSystem, coordinateOrigin) {
-    if (coordinateSystem === import_core4.COORDINATE_SYSTEM.METER_OFFSETS) {
-      const [dx, dy] = viewport.metersToLngLatDelta(xyz);
-      const [x, y] = coordinateOrigin;
-      return viewport.projectFlat([x + dx, dy + y]);
-    } else if (coordinateSystem === import_core4.COORDINATE_SYSTEM.LNGLAT_OFFSETS) {
-      const [dx, dy] = xyz;
-      const [x, y] = coordinateOrigin;
-      return viewport.projectFlat([x + dx, dy + y]);
-    }
-    return viewport.projectFlat(xyz);
-  }
-  updateState({ props, oldProps, changeFlags }) {
-    if (changeFlags.dataChanged || changeFlags.updateTriggersChanged) {
-      const { data, getPath, getDirection, getMarkerColor, getMarkerPercentages, coordinateSystem, coordinateOrigin } = this.props;
-      const { viewport } = this.context;
-      const projectFlat = (o) => this.projectFlat(o, viewport, coordinateSystem, coordinateOrigin);
-      this.state.markers = createPathMarkers({
-        data,
-        getPath,
-        getDirection,
-        getColor: getMarkerColor,
-        getMarkerPercentages,
-        projectFlat
-      });
-      this._recalculateClosestPoint();
-    }
-    if (changeFlags.propsChanged) {
-      if (props.point !== oldProps.point) {
-        this._recalculateClosestPoint();
-      }
-    }
-  }
-  _recalculateClosestPoint() {
-    const { highlightPoint, highlightIndex } = this.props;
-    if (highlightPoint && highlightIndex >= 0) {
-      const object = this.props.data[highlightIndex];
-      const points = this.props.getPath(object, null);
-      const { point: point14 } = getClosestPointOnPolyline({ points, p: highlightPoint });
-      this.state.closestPoints = [{ position: point14 }];
-    } else {
-      this.state.closestPoints = [];
-    }
-  }
-  getPickingInfo({ info }) {
-    return Object.assign(info, {
-      // override object with picked feature
-      object: info.object && info.object.path || info.object
-    });
-  }
-  renderLayers() {
-    return [
-      new PathOutlineLayer(this.props, this.getSubLayerProps({
-        id: "paths",
-        // Note: data has to be passed explicitly like this to avoid being empty
-        data: this.props.data
-      })),
-      new this.props.MarkerLayer(this.getSubLayerProps(Object.assign({}, this.props.markerLayerProps, {
-        id: "markers",
-        data: this.state.markers,
-        getOrientation: (x) => [0, -x.angle, 0],
-        getColor: (x) => x.color,
-        sizeScale: this.props.sizeScale,
-        fp64: this.props.fp64,
-        pickable: false,
-        parameters: {
-          blend: false,
-          depthTest: false
-        }
-      }))),
-      this.state.closestPoints && new import_layers5.ScatterplotLayer({
-        id: `${this.props.id}-highlight`,
-        data: this.state.closestPoints,
-        fp64: this.props.fp64
-      })
-    ];
-  }
-};
-__publicField(PathMarkerLayer, "layerName", "PathMarkerLayer");
-__publicField(PathMarkerLayer, "defaultProps", defaultProps2);
-
 // dist/lib/layers/segments-layer.js
+var import_layers4 = require("@deck.gl-community/layers");
 var NEBULA_TO_DECK_DIRECTIONS = {
   [ArrowStyles.NONE]: { forward: false, backward: false },
   [ArrowStyles.FORWARD]: { forward: true, backward: false },
@@ -1194,7 +717,7 @@ var SegmentsLayer = class extends NebulaLayer {
   render({ nebula }) {
     const defaultColor = [0, 0, 0, 255];
     const { objects, updateTrigger } = this.deckCache;
-    return new PathMarkerLayer({
+    return new import_layers4.PathMarkerLayer({
       id: `segments-${this.id}`,
       data: objects,
       opacity: 1,
@@ -1220,20 +743,20 @@ var SegmentsLayer = class extends NebulaLayer {
       highlightColor: toDeckColor(this.highlightColor),
       dashJustified: this.dashed,
       getDashArray: this.dashed ? (nf) => nf.style.dashArray : void 0,
-      markerLayerProps: this.markerLayerProps || PathMarkerLayer.defaultProps.markerLayerProps,
+      markerLayerProps: this.markerLayerProps || import_layers4.PathMarkerLayer.defaultProps.markerLayerProps,
       nebulaLayer: this
     });
   }
 };
 
-// dist/lib/nebula.js
+// dist/lib/nebula-core.js
 var import_eventemitter32 = require("eventemitter3");
-var import_core5 = require("@deck.gl/core");
+var import_core2 = require("@deck.gl/core");
 var LOGGER_PREFIX = "Nebula: ";
-var Nebula = class {
+var NebulaCore = class {
   init(props) {
     this.props = props;
-    this.wmViewport = new import_core5.WebMercatorViewport(this.props.viewport);
+    this.wmViewport = new import_core2.WebMercatorViewport(this.props.viewport);
     ["click", "mousemove", "mouseup", "mousedown"].forEach((name) => document.addEventListener(name, this._onMouseEvent, true));
   }
   detach() {
@@ -1242,7 +765,7 @@ var Nebula = class {
   updateProps(newProps) {
     this.props = newProps;
     const { viewport } = this.props;
-    this.wmViewport = new import_core5.WebMercatorViewport(viewport);
+    this.wmViewport = new import_core2.WebMercatorViewport(viewport);
   }
   props = null;
   deckgl = null;
@@ -1443,7 +966,7 @@ var Nebula = class {
 };
 
 // dist/editable-layers/editable-geojson-layer.js
-var import_layers7 = require("@deck.gl/layers");
+var import_layers6 = require("@deck.gl/layers");
 
 // dist/edit-modes/geojson-edit-mode.js
 var import_union = __toESM(require("@turf/union"), 1);
@@ -1530,7 +1053,6 @@ function nearestPointOnProjectedLine2(line, inPoint, viewport) {
     type: "Feature",
     geometry: {
       type: "Point",
-      // @ts-expect-error
       coordinates: wmViewport.unproject([x0, y0, z0])
     },
     properties: {
@@ -1777,7 +1299,9 @@ var ImmutableFeatureCollection = class {
    * @param positionIndexes An array containing the indexes of the postion to remove
    *
    * @returns A new `ImmutableFeatureCollection` with the given coordinate removed. Does not modify this `ImmutableFeatureCollection`.
+   *
    */
+  // eslint-disable-next-line complexity
   removePosition(featureIndex, positionIndexes) {
     const geometry = this.featureCollection.features[featureIndex].geometry;
     if (geometry.type === "Point") {
@@ -2216,7 +1740,7 @@ var import_clone = __toESM(require("@turf/clone"), 1);
 var import_helpers4 = require("@turf/helpers");
 var import_viewport_mercator_project3 = __toESM(require("viewport-mercator-project"), 1);
 
-// dist/translateFromCenter.js
+// dist/utils/translate-from-center.js
 var import_center = __toESM(require("@turf/center"), 1);
 var import_rhumb_bearing = __toESM(require("@turf/rhumb-bearing"), 1);
 var import_rhumb_distance = __toESM(require("@turf/rhumb-distance"), 1);
@@ -2225,9 +1749,9 @@ function translateFromCenter(feature, distance7, direction) {
   const initialCenterPoint = (0, import_center.default)(feature);
   const movedCenterPoint = (0, import_rhumb_destination.default)(initialCenterPoint, distance7, direction);
   const movedCoordinates = mapCoords(feature.geometry.coordinates, (coordinate) => {
-    const distance8 = (0, import_rhumb_distance.default)(initialCenterPoint.geometry.coordinates, coordinate);
-    const direction2 = (0, import_rhumb_bearing.default)(initialCenterPoint.geometry.coordinates, coordinate);
-    const movedPosition = (0, import_rhumb_destination.default)(movedCenterPoint.geometry.coordinates, distance8, direction2).geometry.coordinates;
+    const rhumbDistance = (0, import_rhumb_distance.default)(initialCenterPoint.geometry.coordinates, coordinate);
+    const rhumbDirection = (0, import_rhumb_bearing.default)(initialCenterPoint.geometry.coordinates, coordinate);
+    const movedPosition = (0, import_rhumb_destination.default)(movedCenterPoint.geometry.coordinates, rhumbDistance, rhumbDirection).geometry.coordinates;
     return movedPosition;
   });
   feature.geometry.coordinates = movedCoordinates;
@@ -3209,7 +2733,7 @@ var DrawPointMode = class extends GeoJsonEditMode {
 // dist/edit-modes/draw-line-string-mode.js
 var import_distance6 = __toESM(require("@turf/distance"), 1);
 
-// dist/memoize.js
+// dist/utils/memoize.js
 function isEqual(a, b) {
   if (a === b) {
     return true;
@@ -3455,6 +2979,7 @@ var DrawPolygonMode = class extends GeoJsonEditMode {
     guides.features.push(...editHandles);
     return guides;
   }
+  // eslint-disable-next-line complexity
   handleClick(event, props) {
     const { picks } = event;
     const clickedEditHandle = getPickedEditHandle(picks);
@@ -3966,7 +3491,7 @@ var Draw90DegreePolygonMode = class extends GeoJsonEditMode {
     const clickSequence = this.getClickSequence();
     const { mapCoords: mapCoords2 } = props.lastPointerMoveEvent;
     let p3;
-    if (clickSequence.length === 1) {
+    if (clickSequence.length <= 1) {
       p3 = mapCoords2;
     } else {
       const p1 = clickSequence[clickSequence.length - 2];
@@ -4044,19 +3569,20 @@ var Draw90DegreePolygonMode = class extends GeoJsonEditMode {
           props.onEdit(editAction);
         }
       }
+    } else {
+      const fakePointerMoveEvent = {
+        screenCoords: [-1, -1],
+        mapCoords: event.mapCoords,
+        picks: [],
+        pointerDownPicks: null,
+        pointerDownScreenCoords: null,
+        pointerDownMapCoords: null,
+        cancelPan: () => {
+        },
+        sourceEvent: null
+      };
+      this.handlePointerMove(fakePointerMoveEvent, props);
     }
-    const fakePointerMoveEvent = {
-      screenCoords: [-1, -1],
-      mapCoords: event.mapCoords,
-      picks: [],
-      pointerDownPicks: null,
-      pointerDownScreenCoords: null,
-      pointerDownMapCoords: null,
-      cancelPan: () => {
-      },
-      sourceEvent: null
-    };
-    this.handlePointerMove(fakePointerMoveEvent, props);
   }
   finalizedCoordinates(coords) {
     let coordinates = [[...coords.slice(0, -2), coords[0]]];
@@ -4391,10 +3917,13 @@ var TransformMode = class extends CompositeMode {
   }
 };
 
+// dist/constants.js
+var PROJECTED_PIXEL_SIZE_MULTIPLIER2 = 2 / 3;
+
 // dist/editable-layers/editable-layer.js
-var import_core6 = require("@deck.gl/core");
+var import_core3 = require("@deck.gl/core");
 var EVENT_TYPES = ["anyclick", "pointermove", "panstart", "panmove", "panend", "keyup"];
-var EditableLayer = class extends import_core6.CompositeLayer {
+var EditableLayer = class extends import_core3.CompositeLayer {
   state = void 0;
   // Overridable interaction event handlers
   onLayerClick(event) {
@@ -4577,12 +4106,12 @@ var EditableLayer = class extends import_core6.CompositeLayer {
 __publicField(EditableLayer, "layerName", "EditableLayer");
 
 // dist/editable-layers/editable-path-layer.js
-var import_layers6 = require("@deck.gl/layers");
-var defaultProps3 = {
-  ...import_layers6.PathLayer.defaultProps,
+var import_layers5 = require("@deck.gl/layers");
+var defaultProps = {
+  ...import_layers5.PathLayer.defaultProps,
   pickingLineWidthExtraPixels: { type: "number", min: 0, value: Number.MAX_SAFE_INTEGER }
 };
-var EditablePathLayer = class extends import_layers6.PathLayer {
+var EditablePathLayer = class extends import_layers5.PathLayer {
   getShaders() {
     var _a;
     const shaders = super.getShaders();
@@ -4609,7 +4138,7 @@ var EditablePathLayer = class extends import_layers6.PathLayer {
     });
   }
 };
-EditablePathLayer.defaultProps = defaultProps3;
+EditablePathLayer.defaultProps = defaultProps;
 EditablePathLayer.layerName = "EditablePathLayer";
 
 // dist/editable-layers/editable-geojson-layer.js
@@ -4667,7 +4196,7 @@ function getEditHandleRadius(handle) {
       return DEFAULT_EDITING_INTERMEDIATE_POINT_RADIUS;
   }
 }
-var defaultProps4 = {
+var defaultProps2 = {
   mode: DEFAULT_EDIT_MODE,
   // Edit and interaction events
   onEdit: () => {
@@ -4798,7 +4327,7 @@ var EditableGeoJsonLayer = class extends EditableLayer {
         getLineWidth: [this.props.selectedFeatureIndexes, this.props.mode]
       }
     });
-    let layers = [new import_layers7.GeoJsonLayer(subLayerProps)];
+    let layers = [new import_layers6.GeoJsonLayer(subLayerProps)];
     layers = layers.concat(this.createGuidesLayers(), this.createTooltipsLayers());
     return layers;
   }
@@ -4912,7 +4441,7 @@ var EditableGeoJsonLayer = class extends EditableLayer {
     };
     if (this.props.editHandleType === "icon") {
       subLayerProps["points-icon"] = {
-        type: import_layers7.IconLayer,
+        type: import_layers6.IconLayer,
         iconAtlas: this.props.editHandleIconAtlas,
         iconMapping: this.props.editHandleIconMapping,
         sizeUnits: this.props.editHandleIconSizeUnits,
@@ -4925,7 +4454,7 @@ var EditableGeoJsonLayer = class extends EditableLayer {
       };
     } else {
       subLayerProps["points-circle"] = {
-        type: import_layers7.ScatterplotLayer,
+        type: import_layers6.ScatterplotLayer,
         radiusScale: this.props.editHandlePointRadiusScale,
         stroked: this.props.editHandlePointOutline,
         getLineWidth: this.props.editHandlePointStrokeWidth,
@@ -4938,7 +4467,7 @@ var EditableGeoJsonLayer = class extends EditableLayer {
         billboard: this.props.billboard
       };
     }
-    const layer = new import_layers7.GeoJsonLayer(this.getSubLayerProps({
+    const layer = new import_layers6.GeoJsonLayer(this.getSubLayerProps({
       id: "guides",
       data: guides,
       fp64: this.props.fp64,
@@ -4961,7 +4490,7 @@ var EditableGeoJsonLayer = class extends EditableLayer {
   createTooltipsLayers() {
     const mode = this.getActiveMode();
     const tooltips = mode.getTooltips(this.getModeProps(this.props));
-    const layer = new import_layers7.TextLayer({
+    const layer = new import_layers6.TextLayer({
       getSize: DEFAULT_TOOLTIP_FONT_SIZE,
       ...this.getSubLayerProps({
         id: "tooltips",
@@ -5004,7 +4533,7 @@ var EditableGeoJsonLayer = class extends EditableLayer {
   }
 };
 __publicField(EditableGeoJsonLayer, "layerName", "EditableGeoJsonLayer");
-__publicField(EditableGeoJsonLayer, "defaultProps", defaultProps4);
+__publicField(EditableGeoJsonLayer, "defaultProps", defaultProps2);
 
 // dist/editable-layers/editable-h3-cluster-layer.js
 var import_geo_layers = require("@deck.gl/geo-layers");
@@ -5014,7 +4543,7 @@ var EMPTY_FEATURE_COLLECTION = {
   type: "FeatureCollection",
   features: []
 };
-var defaultProps5 = {
+var defaultProps3 = {
   mode: DEFAULT_EDIT_MODE2,
   ...EditableGeoJsonLayer.defaultProps,
   // h3 layer
@@ -5153,11 +4682,11 @@ var EditableH3ClusterLayer = class extends EditableLayer {
   }
 };
 __publicField(EditableH3ClusterLayer, "layerName", "EditableH3ClusterLayer");
-__publicField(EditableH3ClusterLayer, "defaultProps", defaultProps5);
+__publicField(EditableH3ClusterLayer, "defaultProps", defaultProps3);
 
 // dist/editable-layers/selection-layer.js
-var import_core7 = require("@deck.gl/core");
-var import_layers8 = require("@deck.gl/layers");
+var import_core4 = require("@deck.gl/core");
+var import_layers7 = require("@deck.gl/layers");
 var import_helpers16 = require("@turf/helpers");
 var import_buffer3 = __toESM(require("@turf/buffer"), 1);
 var import_difference4 = __toESM(require("@turf/difference"), 1);
@@ -5173,7 +4702,7 @@ var MODE_MAP = {
 var MODE_CONFIG_MAP = {
   [SELECTION_TYPE2.RECTANGLE]: { dragToDraw: true }
 };
-var defaultProps6 = {
+var defaultProps4 = {
   selectionType: SELECTION_TYPE2.RECTANGLE,
   layerIds: [],
   onSelect: () => {
@@ -5208,7 +4737,7 @@ var PASS_THROUGH_PROPS = [
   "getTentativeFillColor",
   "getTentativeLineWidth"
 ];
-var SelectionLayer = class extends import_core7.CompositeLayer {
+var SelectionLayer = class extends import_core4.CompositeLayer {
   state = void 0;
   _selectRectangleObjects(coordinates) {
     const { layerIds, onSelect } = this.props;
@@ -5292,7 +4821,7 @@ var SelectionLayer = class extends import_core7.CompositeLayer {
     ];
     if (pendingPolygonSelection) {
       const { bigPolygon } = pendingPolygonSelection;
-      layers.push(new import_layers8.PolygonLayer(this.getSubLayerProps({
+      layers.push(new import_layers7.PolygonLayer(this.getSubLayerProps({
         id: LAYER_ID_BLOCKER,
         pickable: true,
         stroked: false,
@@ -5310,19 +4839,19 @@ var SelectionLayer = class extends import_core7.CompositeLayer {
   }
 };
 __publicField(SelectionLayer, "layerName", "SelectionLayer");
-__publicField(SelectionLayer, "defaultProps", defaultProps6);
+__publicField(SelectionLayer, "defaultProps", defaultProps4);
 
 // dist/editable-layers/elevated-edit-handle-layer.js
-var import_core8 = require("@deck.gl/core");
-var import_layers9 = require("@deck.gl/layers");
-var defaultProps7 = {};
-var ElevatedEditHandleLayer = class extends import_core8.CompositeLayer {
+var import_core5 = require("@deck.gl/core");
+var import_layers8 = require("@deck.gl/layers");
+var defaultProps5 = {};
+var ElevatedEditHandleLayer = class extends import_core5.CompositeLayer {
   renderLayers() {
-    const handles = new import_layers9.ScatterplotLayer(Object.assign({}, this.props, {
+    const handles = new import_layers8.ScatterplotLayer(Object.assign({}, this.props, {
       id: `${this.props.id}-ScatterplotLayer`,
       data: this.props.data
     }));
-    const lines = new import_layers9.LineLayer(Object.assign({}, this.props, {
+    const lines = new import_layers8.LineLayer(Object.assign({}, this.props, {
       id: `${this.props.id}-LineLayer`,
       data: this.props.data,
       pickable: false,
@@ -5335,7 +4864,7 @@ var ElevatedEditHandleLayer = class extends import_core8.CompositeLayer {
   }
 };
 __publicField(ElevatedEditHandleLayer, "layerName", "ElevatedEditHandleLayer");
-__publicField(ElevatedEditHandleLayer, "defaultProps", defaultProps7);
+__publicField(ElevatedEditHandleLayer, "defaultProps", defaultProps5);
 
 // dist/edit-modes/resize-circle-mode.js
 var import_nearest_point_on_line2 = __toESM(require("@turf/nearest-point-on-line"), 1);
@@ -5718,7 +5247,6 @@ var MeasureAreaMode = class extends DrawPolygonMode {
       }
       return [
         {
-          // @ts-expect-error turf types diff
           position: centroid.geometry.coordinates,
           text
         }