leaflet-polydraw 0.8.8 → 0.8.9

package/dist/polydraw.es.js

@@ -16594,17 +16594,263 @@ class TurfHelper {
     }
   }
 }
+const isTouchDevice = () => "ontouchstart" in window || navigator.maxTouchPoints > 0;
+class PolyDrawUtil {
+  /**
+   * Gets the bounds of the polygon with optional padding.
+   * @param polygon Array of LatLng points.
+   * @param padding Padding factor.
+   * @returns The LatLngBounds.
+   */
+  static getBounds(polygon2, padding = 0) {
+    const tmpLatLng = [];
+    polygon2.forEach((ll) => {
+      if (isNaN(ll.lat) || isNaN(ll.lng)) ;
+      tmpLatLng.push(ll);
+    });
+    const polyLine = new L.Polyline(tmpLatLng);
+    const bounds = polyLine.getBounds();
+    if (padding !== 0) {
+      return bounds.pad(padding);
+    }
+    return bounds;
+  }
+}
+class Compass {
+  constructor(minLat = 0, minLng = 0, maxLat = 0, maxLng = 0) {
+    __publicField(this, "direction", {
+      East: new L.LatLng(0, 0),
+      North: new L.LatLng(0, 0),
+      NorthEast: new L.LatLng(0, 0),
+      NorthWest: new L.LatLng(0, 0),
+      South: new L.LatLng(0, 0),
+      SouthEast: new L.LatLng(0, 0),
+      SouthWest: new L.LatLng(0, 0),
+      West: new L.LatLng(0, 0)
+    });
+    this.direction.North = new L.LatLng(maxLat, (minLng + maxLng) / 2);
+    this.direction.NorthEast = new L.LatLng(maxLat, maxLng);
+    this.direction.East = new L.LatLng((minLat + maxLat) / 2, maxLng);
+    this.direction.SouthEast = new L.LatLng(minLat, maxLng);
+    this.direction.South = new L.LatLng(minLat, (minLng + maxLng) / 2);
+    this.direction.SouthWest = new L.LatLng(minLat, minLng);
+    this.direction.West = new L.LatLng((minLat + maxLat) / 2, minLng);
+    this.direction.NorthWest = new L.LatLng(maxLat, minLng);
+  }
+  getDirection(direction) {
+    switch (direction) {
+      case MarkerPosition.SouthWest:
+        return this.direction.SouthWest;
+      case MarkerPosition.West:
+        return this.direction.West;
+      case MarkerPosition.NorthWest:
+        return this.direction.NorthWest;
+      case MarkerPosition.North:
+        return this.direction.North;
+      case MarkerPosition.NorthEast:
+        return this.direction.NorthEast;
+      case MarkerPosition.East:
+        return this.direction.East;
+      case MarkerPosition.SouthEast:
+        return this.direction.SouthEast;
+      case MarkerPosition.South:
+        return this.direction.South;
+      default:
+        throw new Error();
+    }
+  }
+  getPositions(startPosition = MarkerPosition.SouthWest, clockwise = false, addClosingNode = true) {
+    const positions = [];
+    const posArray = this.getPositionAsArray(startPosition, clockwise);
+    posArray.forEach((v) => {
+      positions.push([v.lng, v.lat]);
+    });
+    if (addClosingNode) {
+      positions.push([posArray[0].lng, posArray[0].lat]);
+    }
+    return positions;
+  }
+  getPositionAsArray(startPosition = MarkerPosition.NorthEast, clockwise = false) {
+    const positions = [];
+    if (clockwise) {
+      positions.push(this.direction.SouthWest);
+      positions.push(this.direction.West);
+      positions.push(this.direction.NorthWest);
+      positions.push(this.direction.North);
+      positions.push(this.direction.NorthEast);
+      positions.push(this.direction.East);
+      positions.push(this.direction.SouthEast);
+      positions.push(this.direction.South);
+    } else {
+      positions.push(this.direction.SouthWest);
+      positions.push(this.direction.South);
+      positions.push(this.direction.SouthEast);
+      positions.push(this.direction.East);
+      positions.push(this.direction.NorthEast);
+      positions.push(this.direction.North);
+      positions.push(this.direction.NorthWest);
+      positions.push(this.direction.West);
+    }
+    if (startPosition !== MarkerPosition.SouthWest) {
+      const chunk = positions.splice(0, startPosition);
+      chunk.forEach((v, i) => {
+        positions.splice(startPosition + i, 0, v);
+      });
+    }
+    return positions;
+  }
+}
+class Perimeter {
+  constructor(length2, config) {
+    __publicField(this, "metricLength", "");
+    __publicField(this, "metricUnit", "");
+    __publicField(this, "imperialLength", "");
+    __publicField(this, "imperialUnit", "");
+    if (length2 !== null || length2 !== void 0) {
+      if (length2 === 0) {
+        if (config.markers.markerInfoIcon.usePerimeterMinValue) {
+          this.metricLength = config.markers.markerInfoIcon.values.min.metric;
+          this.metricUnit = config.markers.markerInfoIcon.units.metric.perimeter.m;
+          this.imperialLength = config.markers.markerInfoIcon.values.min.imperial;
+          this.imperialUnit = config.markers.markerInfoIcon.units.imperial.perimeter.feet;
+        } else {
+          this.metricLength = config.markers.markerInfoIcon.values.unknown.metric;
+          this.metricUnit = config.markers.markerInfoIcon.units.unknownUnit;
+          this.imperialLength = config.markers.markerInfoIcon.values.unknown.imperial;
+          this.imperialUnit = config.markers.markerInfoIcon.units.unknownUnit;
+        }
+      } else if (length2 < 100) {
+        this.metricLength = (Math.ceil(length2 / 10) * 10).toString();
+        this.metricUnit = config.markers.markerInfoIcon.units.metric.perimeter.m;
+      } else if (length2 < 500) {
+        this.metricLength = (Math.ceil(length2 / 50) * 50).toString();
+        this.metricUnit = config.markers.markerInfoIcon.units.metric.perimeter.m;
+      } else if (length2 < 1e3) {
+        this.metricLength = (Math.ceil(length2 / 100) * 100).toString();
+        this.metricUnit = config.markers.markerInfoIcon.units.metric.perimeter.m;
+      } else if (length2 < 1e4) {
+        this.metricLength = (Math.ceil(length2 / 100) * 100 / 1e3).toFixed(1);
+        this.metricUnit = config.markers.markerInfoIcon.units.metric.perimeter.km;
+      } else {
+        this.metricLength = (Math.ceil(length2 / 1e3) * 1e3 / 1e3).toString();
+        this.metricUnit = config.markers.markerInfoIcon.units.metric.perimeter.km;
+      }
+      const inch = length2 / 0.0254;
+      const feet = inch / 12;
+      const yards = feet / 3;
+      const miles = yards / 1760;
+      if (length2 < 1e3 / 2.54) {
+        this.imperialLength = (Math.ceil(feet / 10) * 10).toString();
+        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.perimeter.feet;
+      } else if (length2 < 1e3 / 2.54 * 3) {
+        this.imperialLength = (Math.ceil(yards / 10) * 10).toString();
+        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.perimeter.yards;
+      } else if (length2 < 1609) {
+        this.imperialLength = miles.toFixed(2);
+        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.perimeter.miles;
+      } else if (length2 < 16093) {
+        this.imperialLength = miles.toFixed(1);
+        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.perimeter.miles;
+      } else {
+        this.imperialLength = miles.toFixed(0);
+        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.perimeter.miles;
+      }
+    }
+  }
+}
+class Area {
+  constructor(sqrMeterArea, config) {
+    __publicField(this, "metricArea", "");
+    __publicField(this, "metricUnit", "");
+    __publicField(this, "imperialArea", "");
+    __publicField(this, "imperialUnit", "");
+    const area2 = sqrMeterArea;
+    const onlyMetrics = config.markers.markerInfoIcon.units.metric.onlyMetrics;
+    if (area2 !== null || area2 !== void 0) {
+      if (area2 === 0) {
+        this.metricArea = "-";
+        this.metricUnit = config.markers.markerInfoIcon.units.unknownUnit;
+        this.imperialArea = "-";
+        this.imperialUnit = config.markers.markerInfoIcon.units.unknownUnit;
+      } else if (area2 < 1e4) {
+        this.metricArea = Math.round(area2).toString();
+        this.metricUnit = config.markers.markerInfoIcon.units.metric.area.m2;
+      } else if (area2 < 1e5) {
+        if (onlyMetrics) {
+          this.metricArea = (area2 / 1e6).toFixed(2);
+          this.metricUnit = config.markers.markerInfoIcon.units.metric.area.km2;
+        } else {
+          this.metricArea = (area2 / 1e3).toFixed(1);
+          this.metricUnit = config.markers.markerInfoIcon.units.metric.area.daa;
+        }
+      } else if (area2 < 1e7) {
+        if (onlyMetrics) {
+          this.metricArea = (area2 / 1e6).toFixed(2);
+          this.metricUnit = config.markers.markerInfoIcon.units.metric.area.km2;
+        } else {
+          this.metricArea = Math.round(area2 / 1e3).toString();
+          this.metricUnit = config.markers.markerInfoIcon.units.metric.area.daa;
+        }
+      } else if (area2 < 1e8) {
+        if (onlyMetrics) {
+          this.metricArea = (area2 / 1e6).toFixed(1);
+          this.metricUnit = config.markers.markerInfoIcon.units.metric.area.km2;
+        } else {
+          this.metricArea = Math.round(area2 / 1e4).toString();
+          this.metricUnit = config.markers.markerInfoIcon.units.metric.area.ha;
+        }
+      } else {
+        this.metricArea = Math.round(area2 / 1e6).toString();
+        this.metricUnit = config.markers.markerInfoIcon.units.metric.area.km2;
+      }
+      const inch2 = area2 * 1550;
+      const feet2 = inch2 * 69444e-7;
+      const yards2 = feet2 * 0.11111;
+      const acres = yards2 * 20661e-8;
+      const miles2 = yards2 * 32283e-11;
+      if (area2 < 92.9) {
+        this.imperialArea = Math.round(feet2).toString();
+        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.feet2;
+      } else if (area2 < 836.14) {
+        this.imperialArea = yards2.toFixed(0);
+        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.yards2;
+      } else if (area2 < 40469.6) {
+        this.imperialArea = acres.toFixed(2);
+        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.acres;
+      } else if (area2 < 404696) {
+        this.imperialArea = acres.toFixed(1);
+        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.acres;
+      } else if (area2 < 4046960) {
+        this.imperialArea = acres.toFixed(0);
+        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.acres;
+      } else if (area2 < 25900404) {
+        this.imperialArea = miles2.toFixed(2);
+        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.miles2;
+      } else if (area2 < 259004040) {
+        this.imperialArea = miles2.toFixed(1);
+        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.miles2;
+      } else {
+        this.imperialArea = miles2.toFixed(0);
+        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.miles2;
+      }
+    }
+  }
+}
 function createButtons(container, subContainer, config, onActivateToggle, onDrawClick, onSubtractClick, onEraseClick, onPointToPointClick) {
   const activate = L.DomUtil.create("a", "icon-activate", container);
   activate.href = "#";
   activate.title = "Activate";
   activate.innerHTML = '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M5 17V7M5 17C3.89543 17 3 17.8954 3 19C3 20.1046 3.89543 21 5 21C6.10457 21 7 20.1046 7 19M5 17C6.10457 17 7 17.8954 7 19M5 7C6.10457 7 7 6.10457 7 5M5 7C3.89543 7 3 6.10457 3 5C3 3.89543 3.89543 3 5 3C6.10457 3 7 3.89543 7 5M7 5H17M17 5C17 6.10457 17.8954 7 19 7C20.1046 7 21 6.10457 21 5C21 3.89543 20.1046 3 19 3C17.8954 3 17 3.89543 17 5ZM7 19H17M17 19C17 20.1046 17.8954 21 19 21C20.1046 21 21 20.1046 21 19C21 17.8954 20.1046 17 19 17C17.8954 17 17 17.8954 17 19ZM17.9247 6.6737L15.1955 10.3776M15.1955 13.6223L17.9222 17.3223M16 12C16 13.1046 15.1046 14 14 14C12.8954 14 12 13.1046 12 12C12 10.8954 12.8954 10 14 10C15.1046 10 16 10.8954 16 12Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>';
+  L.DomEvent.on(activate, "mousedown", L.DomEvent.stopPropagation);
+  L.DomEvent.on(activate, "touchstart", L.DomEvent.stopPropagation);
   L.DomEvent.on(activate, "click", L.DomEvent.stop).on(activate, "click", onActivateToggle);
   if (config.modes.draw) {
     const draw = L.DomUtil.create("a", "icon-draw", subContainer);
     draw.href = "#";
     draw.title = "Draw";
     draw.innerHTML = '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M15 7.49996L17.5 9.99996M7.5 20L19.25 8.24996C19.9404 7.5596 19.9404 6.44032 19.25 5.74996V5.74996C18.5596 5.0596 17.4404 5.05961 16.75 5.74996L5 17.5V20H7.5ZM7.5 20H15.8787C17.0503 20 18 19.0502 18 17.8786V17.8786C18 17.316 17.7765 16.7765 17.3787 16.3786L17 16M4.5 4.99996C6.5 2.99996 10 3.99996 10 5.99996C10 8.5 4 8.5 4 11C4 11.8759 4.53314 12.5256 5.22583 13" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>';
+    L.DomEvent.on(draw, "mousedown", L.DomEvent.stopPropagation);
+    L.DomEvent.on(draw, "touchstart", L.DomEvent.stopPropagation);
     L.DomEvent.on(draw, "click", L.DomEvent.stop).on(draw, "click", onDrawClick);
   }
   if (config.modes.subtract) {
@@ -16612,13 +16858,17 @@ function createButtons(container, subContainer, config, onActivateToggle, onDraw
     subtract.href = "#";
     subtract.title = "Subtract";
     subtract.innerHTML = '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.0722 3.9967L20.7508 9.83395L17.0544 13.5304L13.0758 17.5H21.0041V19H7.93503L4.00195 15.0669L15.0722 3.9967ZM10.952 17.5L15.4628 12.9994L11.8268 9.3634L6.12327 15.0669L8.55635 17.5H10.952Z" fill="#1F2328"></path> </g></svg>';
+    L.DomEvent.on(subtract, "mousedown", L.DomEvent.stopPropagation);
+    L.DomEvent.on(subtract, "touchstart", L.DomEvent.stopPropagation);
     L.DomEvent.on(subtract, "click", L.DomEvent.stop).on(subtract, "click", onSubtractClick);
   }
-  if (config.modes.p2p) {
+  if (config.modes.p2p && !isTouchDevice()) {
     const p2p = L.DomUtil.create("a", "icon-p2p", subContainer);
     p2p.href = "#";
     p2p.title = "Point to Point";
     p2p.innerHTML = '<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M5 17V7M5 17C3.89543 17 3 17.8954 3 19C3 20.1046 3.89543 21 5 21C6.10457 21 7 20.1046 7 19M5 17C6.10457 17 7 17.8954 7 19M5 7C6.10457 7 7 6.10457 7 5M5 7C3.89543 7 3 6.10457 3 5C3 3.89543 3.89543 3 5 3C6.10457 3 7 3.89543 7 5M7 5H17M17 5C17 6.10457 17.8954 7 19 7C20.1046 7 21 6.10457 21 5C21 3.89543 20.1046 3 19 3C17.8954 3 17 3.89543 17 5ZM7 19H17M17 19C17 20.1046 17.8954 21 19 21C20.1046 21 21 20.1046 21 19C21 17.8954 20.1046 17 19 17C17.8954 17 17 17.8954 17 19ZM17.9247 6.6737L15.1955 10.3776M15.1955 13.6223L17.9222 17.3223M16 12C16 13.1046 15.1046 14 14 14C12.8954 14 12 13.1046 12 12C12 10.8954 12.8954 10 14 10C15.1046 10 16 10.8954 16 12Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>';
+    L.DomEvent.on(p2p, "mousedown", L.DomEvent.stopPropagation);
+    L.DomEvent.on(p2p, "touchstart", L.DomEvent.stopPropagation);
     L.DomEvent.on(p2p, "click", L.DomEvent.stop).on(p2p, "click", onPointToPointClick);
   }
   if (config.modes.deleteAll) {
@@ -16641,6 +16891,8 @@ function createButtons(container, subContainer, config, onActivateToggle, onDraw
 	c0-0.7,0.6-1.3,1.3-1.3c0.7,0,1.3,0.6,1.3,1.3V33.8z M30.3,34.2c0,0.5-0.4,1-1,1c-0.5,0-1-0.4-1-1V22.6c0-0.5,0.4-1,1-1
 	c0.5,0,1,0.4,1,1V34.2z"/>
 </svg>`;
+    L.DomEvent.on(erase, "mousedown", L.DomEvent.stopPropagation);
+    L.DomEvent.on(erase, "touchstart", L.DomEvent.stopPropagation);
     L.DomEvent.on(erase, "click", L.DomEvent.stop).on(erase, "click", onEraseClick);
   }
 }
@@ -17154,6 +17406,7 @@ class PolygonDrawManager {
     // Point-to-Point drawing state
     __publicField(this, "p2pMarkers", []);
     __publicField(this, "isModifierKeyHeld", false);
+    console.log("PolygonDrawManager constructor");
     this.turfHelper = dependencies.turfHelper;
     this.map = dependencies.map;
     this.config = dependencies.config;
@@ -17164,6 +17417,7 @@ class PolygonDrawManager {
    * Add event listener
    */
   on(event, callback) {
+    console.log("PolygonDrawManager on");
     if (!this.eventListeners.has(event)) {
       this.eventListeners.set(event, []);
     }
@@ -17173,6 +17427,7 @@ class PolygonDrawManager {
    * Emit event to all listeners
    */
   emit(event, data) {
+    console.log("PolygonDrawManager emit");
     const listeners = this.eventListeners.get(event);
     if (listeners) {
       listeners.forEach((callback) => callback(data));
@@ -17182,6 +17437,7 @@ class PolygonDrawManager {
    * Handle mouse move during freehand drawing
    */
   mouseMove(event) {
+    console.log("mouseMove");
     if ("latlng" in event && event.latlng) {
       this.tracer.addLatLng(event.latlng);
     } else if ("touches" in event && event.touches && event.touches.length > 0) {
@@ -17196,6 +17452,7 @@ class PolygonDrawManager {
    * Handle mouse up/leave to complete freehand drawing
    */
   async mouseUpLeave(event) {
+    console.log("mouseUpLeave");
     const tracerGeoJSON = this.tracer.toGeoJSON();
     if (!tracerGeoJSON || !tracerGeoJSON.geometry || !tracerGeoJSON.geometry.coordinates || tracerGeoJSON.geometry.coordinates.length < 3) {
       return {
@@ -17241,6 +17498,7 @@ class PolygonDrawManager {
    * Handle point-to-point click
    */
   handlePointToPointClick(clickLatLng) {
+    console.log("handlePointToPointClick");
     if (!clickLatLng) {
       return;
     }
@@ -17269,6 +17527,7 @@ class PolygonDrawManager {
         this.updateP2PTracer();
       });
       pointMarker.on("click", (e) => {
+        console.log("p2p marker click");
         if (this.isModifierKeyHeld && this.config.modes.edgeDeletion) {
           this.deleteP2PMarker(pointMarker);
           L.DomEvent.stopPropagation(e);
@@ -17298,6 +17557,7 @@ class PolygonDrawManager {
           }
         });
         pointMarker.on("click", (e) => {
+          console.log("p2p first marker click");
           if (this.isModifierKeyHeld && this.config.modes.edgeDeletion) {
             this.deleteP2PMarker(pointMarker);
             L.DomEvent.stopPropagation(e);
@@ -17318,6 +17578,7 @@ class PolygonDrawManager {
    * Handle double-click to complete point-to-point polygon
    */
   handleDoubleClick(e) {
+    console.log("handleDoubleClick");
     if (this.modeManager.getCurrentMode() !== DrawMode.PointToPoint) {
       return;
     }
@@ -17329,6 +17590,7 @@ class PolygonDrawManager {
    * Complete point-to-point polygon drawing
    */
   completePointToPointPolygon() {
+    console.log("PolygonDrawManager completePointToPointPolygon");
     const points = this.p2pMarkers.map((marker) => marker.getLatLng());
     if (points.length < 3) {
       return;
@@ -17359,6 +17621,7 @@ class PolygonDrawManager {
    * Cancel point-to-point drawing
    */
   cancelPointToPointDrawing() {
+    console.log("PolygonDrawManager cancelPointToPointDrawing");
     this.clearP2pMarkers();
     this.resetTracer();
     this.emit("drawCancelled", { mode: DrawMode.PointToPoint });
@@ -17367,6 +17630,7 @@ class PolygonDrawManager {
    * Clear all P2P markers
    */
   clearP2pMarkers() {
+    console.log("PolygonDrawManager clearP2pMarkers");
     this.p2pMarkers.forEach((marker) => this.map.removeLayer(marker));
     this.p2pMarkers = [];
   }
@@ -17374,6 +17638,7 @@ class PolygonDrawManager {
    * Reset the tracer
    */
   resetTracer() {
+    console.log("PolygonDrawManager resetTracer");
     this.tracer.setLatLngs([]);
     try {
       this.tracer.setStyle({
@@ -17386,6 +17651,7 @@ class PolygonDrawManager {
    * Check if clicking on the first point to close polygon
    */
   isClickingFirstPoint(clickLatLng, firstPoint) {
+    console.log("PolygonDrawManager isClickingFirstPoint");
     if (!firstPoint) return false;
     const zoom = this.map.getZoom();
     const baseTolerance = 5e-4;
@@ -17436,18 +17702,21 @@ class PolygonDrawManager {
    * Get current P2P markers (for external access)
    */
   getP2pMarkers() {
+    console.log("PolygonDrawManager getP2pMarkers");
     return [...this.p2pMarkers];
   }
   /**
    * Check if currently in point-to-point drawing mode
    */
   isInPointToPointMode() {
+    console.log("PolygonDrawManager isInPointToPointMode");
     return this.modeManager.getCurrentMode() === DrawMode.PointToPoint;
   }
   /**
    * Get current tracer points count
    */
   getTracerPointsCount() {
+    console.log("PolygonDrawManager getTracerPointsCount");
     const points = this.tracer.getLatLngs();
     return points.length;
   }
@@ -17948,344 +18217,105 @@ class PolygonGeometryManager {
    * Determine if two polygons should create a donut instead of a regular union
    */
   shouldCreateDonutPolygon(polygon1, polygon2) {
-    try {
-      return false;
-    } catch (error) {
-      console.warn("Error in shouldCreateDonutPolygon:", error.message);
-      return false;
-    }
-  }
-  /**
-   * Create a donut polygon from two intersecting polygons
-   */
-  createDonutPolygon(polygon1, polygon2) {
-    try {
-      const area1 = this.turfHelper.getPolygonArea(polygon1);
-      const area2 = this.turfHelper.getPolygonArea(polygon2);
-      let outerPolygon;
-      let innerPolygon;
-      if (area1 > area2) {
-        outerPolygon = polygon1;
-        innerPolygon = polygon2;
-      } else {
-        outerPolygon = polygon2;
-        innerPolygon = polygon1;
-      }
-      const innerWithinOuter = this.turfHelper.isPolygonCompletelyWithin(
-        innerPolygon,
-        outerPolygon
-      );
-      if (innerWithinOuter) {
-        return this.createDonutFromContainment(outerPolygon, innerPolygon);
-      } else {
-        return this.createDonutFromIntersection(outerPolygon, innerPolygon);
-      }
-    } catch (error) {
-      console.warn("Error in createDonutPolygon:", error.message);
-      return null;
-    }
-  }
-  /**
-   * Create donut when one polygon is completely within another
-   */
-  createDonutFromContainment(outerPolygon, innerPolygon) {
-    try {
-      const outerCoords = this.turfHelper.getCoords(outerPolygon);
-      const innerCoords = this.turfHelper.getCoords(innerPolygon);
-      const donutCoords = [
-        outerCoords[0][0],
-        // Outer ring
-        innerCoords[0][0]
-        // Inner ring as hole
-      ];
-      return {
-        type: "Feature",
-        geometry: {
-          type: "Polygon",
-          coordinates: donutCoords
-        },
-        properties: {}
-      };
-    } catch (error) {
-      console.warn("Error in createDonutFromContainment:", error.message);
-      return null;
-    }
-  }
-  /**
-   * Create donut from intersecting polygons (C-to-O scenario)
-   */
-  createDonutFromIntersection(polygon1, polygon2) {
-    try {
-      const union3 = this.turfHelper.union(polygon1, polygon2);
-      if (!union3) {
-        return null;
-      }
-      const intersection3 = this.turfHelper.getIntersection(polygon1, polygon2);
-      if (!intersection3) {
-        return union3;
-      }
-      const donut = this.turfHelper.polygonDifference(union3, intersection3);
-      return donut;
-    } catch (error) {
-      console.warn("Error in createDonutFromIntersection:", error.message);
-      return null;
-    }
-  }
-}
-class IconFactory {
-  /**
-   * Creates a DivIcon with the given class names.
-   * @param classNames Array of class names to apply.
-   * @returns A Leaflet DivIcon.
-   */
-  static createDivIcon(classNames) {
-    const classes = classNames.join(" ");
-    return L.divIcon({ className: classes });
-  }
-}
-class PolyDrawUtil {
-  /**
-   * Gets the bounds of the polygon with optional padding.
-   * @param polygon Array of LatLng points.
-   * @param padding Padding factor.
-   * @returns The LatLngBounds.
-   */
-  static getBounds(polygon2, padding = 0) {
-    const tmpLatLng = [];
-    polygon2.forEach((ll) => {
-      if (isNaN(ll.lat) || isNaN(ll.lng)) ;
-      tmpLatLng.push(ll);
-    });
-    const polyLine = new L.Polyline(tmpLatLng);
-    const bounds = polyLine.getBounds();
-    if (padding !== 0) {
-      return bounds.pad(padding);
-    }
-    return bounds;
-  }
-}
-class Compass {
-  constructor(minLat = 0, minLng = 0, maxLat = 0, maxLng = 0) {
-    __publicField(this, "direction", {
-      East: new L.LatLng(0, 0),
-      North: new L.LatLng(0, 0),
-      NorthEast: new L.LatLng(0, 0),
-      NorthWest: new L.LatLng(0, 0),
-      South: new L.LatLng(0, 0),
-      SouthEast: new L.LatLng(0, 0),
-      SouthWest: new L.LatLng(0, 0),
-      West: new L.LatLng(0, 0)
-    });
-    this.direction.North = new L.LatLng(maxLat, (minLng + maxLng) / 2);
-    this.direction.NorthEast = new L.LatLng(maxLat, maxLng);
-    this.direction.East = new L.LatLng((minLat + maxLat) / 2, maxLng);
-    this.direction.SouthEast = new L.LatLng(minLat, maxLng);
-    this.direction.South = new L.LatLng(minLat, (minLng + maxLng) / 2);
-    this.direction.SouthWest = new L.LatLng(minLat, minLng);
-    this.direction.West = new L.LatLng((minLat + maxLat) / 2, minLng);
-    this.direction.NorthWest = new L.LatLng(maxLat, minLng);
-  }
-  getDirection(direction) {
-    switch (direction) {
-      case MarkerPosition.SouthWest:
-        return this.direction.SouthWest;
-      case MarkerPosition.West:
-        return this.direction.West;
-      case MarkerPosition.NorthWest:
-        return this.direction.NorthWest;
-      case MarkerPosition.North:
-        return this.direction.North;
-      case MarkerPosition.NorthEast:
-        return this.direction.NorthEast;
-      case MarkerPosition.East:
-        return this.direction.East;
-      case MarkerPosition.SouthEast:
-        return this.direction.SouthEast;
-      case MarkerPosition.South:
-        return this.direction.South;
-      default:
-        throw new Error();
-    }
-  }
-  getPositions(startPosition = MarkerPosition.SouthWest, clockwise = false, addClosingNode = true) {
-    const positions = [];
-    const posArray = this.getPositionAsArray(startPosition, clockwise);
-    posArray.forEach((v) => {
-      positions.push([v.lng, v.lat]);
-    });
-    if (addClosingNode) {
-      positions.push([posArray[0].lng, posArray[0].lat]);
-    }
-    return positions;
-  }
-  getPositionAsArray(startPosition = MarkerPosition.NorthEast, clockwise = false) {
-    const positions = [];
-    if (clockwise) {
-      positions.push(this.direction.SouthWest);
-      positions.push(this.direction.West);
-      positions.push(this.direction.NorthWest);
-      positions.push(this.direction.North);
-      positions.push(this.direction.NorthEast);
-      positions.push(this.direction.East);
-      positions.push(this.direction.SouthEast);
-      positions.push(this.direction.South);
-    } else {
-      positions.push(this.direction.SouthWest);
-      positions.push(this.direction.South);
-      positions.push(this.direction.SouthEast);
-      positions.push(this.direction.East);
-      positions.push(this.direction.NorthEast);
-      positions.push(this.direction.North);
-      positions.push(this.direction.NorthWest);
-      positions.push(this.direction.West);
-    }
-    if (startPosition !== MarkerPosition.SouthWest) {
-      const chunk = positions.splice(0, startPosition);
-      chunk.forEach((v, i) => {
-        positions.splice(startPosition + i, 0, v);
-      });
-    }
-    return positions;
-  }
-}
-class Perimeter {
-  constructor(length2, config) {
-    __publicField(this, "metricLength", "");
-    __publicField(this, "metricUnit", "");
-    __publicField(this, "imperialLength", "");
-    __publicField(this, "imperialUnit", "");
-    if (length2 !== null || length2 !== void 0) {
-      if (length2 === 0) {
-        if (config.markers.markerInfoIcon.usePerimeterMinValue) {
-          this.metricLength = config.markers.markerInfoIcon.values.min.metric;
-          this.metricUnit = config.markers.markerInfoIcon.units.metric.perimeter.m;
-          this.imperialLength = config.markers.markerInfoIcon.values.min.imperial;
-          this.imperialUnit = config.markers.markerInfoIcon.units.imperial.perimeter.feet;
-        } else {
-          this.metricLength = config.markers.markerInfoIcon.values.unknown.metric;
-          this.metricUnit = config.markers.markerInfoIcon.units.unknownUnit;
-          this.imperialLength = config.markers.markerInfoIcon.values.unknown.imperial;
-          this.imperialUnit = config.markers.markerInfoIcon.units.unknownUnit;
-        }
-      } else if (length2 < 100) {
-        this.metricLength = (Math.ceil(length2 / 10) * 10).toString();
-        this.metricUnit = config.markers.markerInfoIcon.units.metric.perimeter.m;
-      } else if (length2 < 500) {
-        this.metricLength = (Math.ceil(length2 / 50) * 50).toString();
-        this.metricUnit = config.markers.markerInfoIcon.units.metric.perimeter.m;
-      } else if (length2 < 1e3) {
-        this.metricLength = (Math.ceil(length2 / 100) * 100).toString();
-        this.metricUnit = config.markers.markerInfoIcon.units.metric.perimeter.m;
-      } else if (length2 < 1e4) {
-        this.metricLength = (Math.ceil(length2 / 100) * 100 / 1e3).toFixed(1);
-        this.metricUnit = config.markers.markerInfoIcon.units.metric.perimeter.km;
+    try {
+      return false;
+    } catch (error) {
+      console.warn("Error in shouldCreateDonutPolygon:", error.message);
+      return false;
+    }
+  }
+  /**
+   * Create a donut polygon from two intersecting polygons
+   */
+  createDonutPolygon(polygon1, polygon2) {
+    try {
+      const area1 = this.turfHelper.getPolygonArea(polygon1);
+      const area2 = this.turfHelper.getPolygonArea(polygon2);
+      let outerPolygon;
+      let innerPolygon;
+      if (area1 > area2) {
+        outerPolygon = polygon1;
+        innerPolygon = polygon2;
       } else {
-        this.metricLength = (Math.ceil(length2 / 1e3) * 1e3 / 1e3).toString();
-        this.metricUnit = config.markers.markerInfoIcon.units.metric.perimeter.km;
+        outerPolygon = polygon2;
+        innerPolygon = polygon1;
       }
-      const inch = length2 / 0.0254;
-      const feet = inch / 12;
-      const yards = feet / 3;
-      const miles = yards / 1760;
-      if (length2 < 1e3 / 2.54) {
-        this.imperialLength = (Math.ceil(feet / 10) * 10).toString();
-        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.perimeter.feet;
-      } else if (length2 < 1e3 / 2.54 * 3) {
-        this.imperialLength = (Math.ceil(yards / 10) * 10).toString();
-        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.perimeter.yards;
-      } else if (length2 < 1609) {
-        this.imperialLength = miles.toFixed(2);
-        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.perimeter.miles;
-      } else if (length2 < 16093) {
-        this.imperialLength = miles.toFixed(1);
-        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.perimeter.miles;
+      const innerWithinOuter = this.turfHelper.isPolygonCompletelyWithin(
+        innerPolygon,
+        outerPolygon
+      );
+      if (innerWithinOuter) {
+        return this.createDonutFromContainment(outerPolygon, innerPolygon);
       } else {
-        this.imperialLength = miles.toFixed(0);
-        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.perimeter.miles;
+        return this.createDonutFromIntersection(outerPolygon, innerPolygon);
       }
+    } catch (error) {
+      console.warn("Error in createDonutPolygon:", error.message);
+      return null;
     }
   }
-}
-class Area {
-  constructor(sqrMeterArea, config) {
-    __publicField(this, "metricArea", "");
-    __publicField(this, "metricUnit", "");
-    __publicField(this, "imperialArea", "");
-    __publicField(this, "imperialUnit", "");
-    const area2 = sqrMeterArea;
-    const onlyMetrics = config.markers.markerInfoIcon.units.metric.onlyMetrics;
-    if (area2 !== null || area2 !== void 0) {
-      if (area2 === 0) {
-        this.metricArea = "-";
-        this.metricUnit = config.markers.markerInfoIcon.units.unknownUnit;
-        this.imperialArea = "-";
-        this.imperialUnit = config.markers.markerInfoIcon.units.unknownUnit;
-      } else if (area2 < 1e4) {
-        this.metricArea = Math.round(area2).toString();
-        this.metricUnit = config.markers.markerInfoIcon.units.metric.area.m2;
-      } else if (area2 < 1e5) {
-        if (onlyMetrics) {
-          this.metricArea = (area2 / 1e6).toFixed(2);
-          this.metricUnit = config.markers.markerInfoIcon.units.metric.area.km2;
-        } else {
-          this.metricArea = (area2 / 1e3).toFixed(1);
-          this.metricUnit = config.markers.markerInfoIcon.units.metric.area.daa;
-        }
-      } else if (area2 < 1e7) {
-        if (onlyMetrics) {
-          this.metricArea = (area2 / 1e6).toFixed(2);
-          this.metricUnit = config.markers.markerInfoIcon.units.metric.area.km2;
-        } else {
-          this.metricArea = Math.round(area2 / 1e3).toString();
-          this.metricUnit = config.markers.markerInfoIcon.units.metric.area.daa;
-        }
-      } else if (area2 < 1e8) {
-        if (onlyMetrics) {
-          this.metricArea = (area2 / 1e6).toFixed(1);
-          this.metricUnit = config.markers.markerInfoIcon.units.metric.area.km2;
-        } else {
-          this.metricArea = Math.round(area2 / 1e4).toString();
-          this.metricUnit = config.markers.markerInfoIcon.units.metric.area.ha;
-        }
-      } else {
-        this.metricArea = Math.round(area2 / 1e6).toString();
-        this.metricUnit = config.markers.markerInfoIcon.units.metric.area.km2;
+  /**
+   * Create donut when one polygon is completely within another
+   */
+  createDonutFromContainment(outerPolygon, innerPolygon) {
+    try {
+      const outerCoords = this.turfHelper.getCoords(outerPolygon);
+      const innerCoords = this.turfHelper.getCoords(innerPolygon);
+      const donutCoords = [
+        outerCoords[0][0],
+        // Outer ring
+        innerCoords[0][0]
+        // Inner ring as hole
+      ];
+      return {
+        type: "Feature",
+        geometry: {
+          type: "Polygon",
+          coordinates: donutCoords
+        },
+        properties: {}
+      };
+    } catch (error) {
+      console.warn("Error in createDonutFromContainment:", error.message);
+      return null;
+    }
+  }
+  /**
+   * Create donut from intersecting polygons (C-to-O scenario)
+   */
+  createDonutFromIntersection(polygon1, polygon2) {
+    try {
+      const union3 = this.turfHelper.union(polygon1, polygon2);
+      if (!union3) {
+        return null;
       }
-      const inch2 = area2 * 1550;
-      const feet2 = inch2 * 69444e-7;
-      const yards2 = feet2 * 0.11111;
-      const acres = yards2 * 20661e-8;
-      const miles2 = yards2 * 32283e-11;
-      if (area2 < 92.9) {
-        this.imperialArea = Math.round(feet2).toString();
-        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.feet2;
-      } else if (area2 < 836.14) {
-        this.imperialArea = yards2.toFixed(0);
-        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.yards2;
-      } else if (area2 < 40469.6) {
-        this.imperialArea = acres.toFixed(2);
-        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.acres;
-      } else if (area2 < 404696) {
-        this.imperialArea = acres.toFixed(1);
-        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.acres;
-      } else if (area2 < 4046960) {
-        this.imperialArea = acres.toFixed(0);
-        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.acres;
-      } else if (area2 < 25900404) {
-        this.imperialArea = miles2.toFixed(2);
-        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.miles2;
-      } else if (area2 < 259004040) {
-        this.imperialArea = miles2.toFixed(1);
-        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.miles2;
-      } else {
-        this.imperialArea = miles2.toFixed(0);
-        this.imperialUnit = config.markers.markerInfoIcon.units.imperial.area.miles2;
+      const intersection3 = this.turfHelper.getIntersection(polygon1, polygon2);
+      if (!intersection3) {
+        return union3;
       }
+      const donut = this.turfHelper.polygonDifference(union3, intersection3);
+      return donut;
+    } catch (error) {
+      console.warn("Error in createDonutFromIntersection:", error.message);
+      return null;
     }
   }
 }
+class IconFactory {
+  /**
+   * Creates a DivIcon with the given class names.
+   * @param classNames Array of class names to apply.
+   * @returns A Leaflet DivIcon.
+   */
+  static createDivIcon(classNames) {
+    const classes = classNames.join(" ");
+    return L.divIcon({ className: classes });
+  }
+}
 class PolygonInteractionManager {
   constructor(dependencies, featureGroupAccess) {
+    __publicField(this, "_activeMarker", null);
+    __publicField(this, "isDraggingMarker", false);
     __publicField(this, "turfHelper");
     __publicField(this, "polygonInformation");
     __publicField(this, "map");
@@ -18302,6 +18332,7 @@ class PolygonInteractionManager {
     __publicField(this, "removeFeatureGroup");
     // Polygon dragging methods
     __publicField(this, "onPolygonMouseMove", (e) => {
+      console.log("PolygonInteractionManager onPolygonMouseMove");
       if (!this.currentDragPolygon || !this.currentDragPolygon._polydrawDragData.isDragging) return;
       const polygon2 = this.currentDragPolygon;
       const dragData = polygon2._polydrawDragData;
@@ -18319,6 +18350,7 @@ class PolygonInteractionManager {
       this.updateMarkersAndHoleLinesDuringDrag(polygon2, offsetLat, offsetLng);
     });
     __publicField(this, "onPolygonMouseUp", (e) => {
+      console.log("PolygonInteractionManager onPolygonMouseUp");
       if (!this.currentDragPolygon || !this.currentDragPolygon._polydrawDragData.isDragging) return;
       const polygon2 = this.currentDragPolygon;
       const dragData = polygon2._polydrawDragData;
@@ -18348,6 +18380,7 @@ class PolygonInteractionManager {
       this.currentDragPolygon = null;
     });
     __publicField(this, "onMarkerHoverForEdgeDeletionEvent", (e) => {
+      console.log("PolygonInteractionManager onMarkerHoverForEdgeDeletionEvent");
       if (!this.isModifierKeyHeld) return;
       const element = e.target;
       if (element) {
@@ -18357,6 +18390,7 @@ class PolygonInteractionManager {
       }
     });
     __publicField(this, "onMarkerLeaveForEdgeDeletionEvent", (e) => {
+      console.log("PolygonInteractionManager onMarkerLeaveForEdgeDeletionEvent");
       const element = e.target;
       if (element) {
         element.style.backgroundColor = "";
@@ -18364,6 +18398,7 @@ class PolygonInteractionManager {
         element.classList.remove("edge-deletion-hover");
       }
     });
+    console.log("PolygonInteractionManager constructor");
     this.turfHelper = dependencies.turfHelper;
     this.polygonInformation = dependencies.polygonInformation;
     this.map = dependencies.map;
@@ -18377,6 +18412,7 @@ class PolygonInteractionManager {
    * Add event listener
    */
   on(event, callback) {
+    console.log("PolygonInteractionManager on");
     if (!this.eventListeners.has(event)) {
       this.eventListeners.set(event, []);
     }
@@ -18386,6 +18422,7 @@ class PolygonInteractionManager {
    * Emit event to all listeners
    */
   emit(event, data) {
+    console.log("PolygonInteractionManager emit");
     const listeners = this.eventListeners.get(event);
     if (listeners) {
       listeners.forEach((callback) => callback(data));
@@ -18395,6 +18432,7 @@ class PolygonInteractionManager {
    * Add markers to a polygon feature group
    */
   addMarkers(latlngs, featureGroup) {
+    console.log("PolygonInteractionManager addMarkers");
     let menuMarkerIdx = this.getMarkerIndex(latlngs, this.config.markers.markerMenuIcon.position);
     let deleteMarkerIdx = this.getMarkerIndex(
       latlngs,
@@ -18428,6 +18466,53 @@ class PolygonInteractionManager {
         zIndexOffset: this.config.markers.markerIcon.zIndexOffset ?? this.config.markers.zIndexOffset
       });
       featureGroup.addLayer(marker).addTo(this.map);
+      marker._polydrawFeatureGroup = featureGroup;
+      marker.on("add", () => {
+        const el2 = marker.getElement();
+        if (el2) el2.style.pointerEvents = "auto";
+      });
+      marker.on("click", (e) => {
+        var _a2, _b2;
+        if (this.isDraggingMarker) {
+          (_b2 = (_a2 = e.originalEvent) == null ? void 0 : _a2.stopPropagation) == null ? void 0 : _b2.call(_a2);
+          L.DomEvent.stopPropagation(e);
+        }
+      });
+      marker.on("dragstart", () => {
+        this.isDraggingMarker = true;
+        this._activeMarker = marker;
+      });
+      marker.on("dragend", (e) => {
+        const fg = marker._polydrawFeatureGroup;
+        if (this.modeManager.canPerformAction("markerDrag") && fg) {
+          this.markerDragEnd(fg);
+        }
+        this._activeMarker = null;
+        L.DomEvent.stopPropagation(e);
+        setTimeout(() => {
+          this.isDraggingMarker = false;
+        }, 10);
+      });
+      const el = marker.getElement();
+      if (el) {
+        el.addEventListener("touchstart", (e) => {
+          console.log("marker touchstart");
+          e.stopPropagation();
+        });
+        el.addEventListener("touchend", (e) => {
+          console.log("marker touchend");
+          e.preventDefault();
+          e.stopPropagation();
+          marker.fire("click");
+          if (this.isDraggingMarker) {
+            const fg = marker._polydrawFeatureGroup;
+            if (this.modeManager.canPerformAction("markerDrag") && fg) {
+              this.markerDragEnd(fg);
+            }
+          }
+          this._activeMarker = null;
+        });
+      }
       if (i === menuMarkerIdx || i === deleteMarkerIdx || i === infoMarkerIdx) {
         const element = marker.getElement();
         if (element) {
@@ -18435,38 +18520,74 @@ class PolygonInteractionManager {
         }
       }
       if (this.config.modes.dragElbow) {
-        marker.on("drag", (e) => {
-          if (this.modeManager.canPerformAction("markerDrag")) {
-            this.markerDrag(featureGroup);
-          }
-        });
-        marker.on("dragend", (e) => {
+        const createDragHandler = (fg) => () => {
           if (this.modeManager.canPerformAction("markerDrag")) {
-            this.markerDragEnd(featureGroup);
+            this.markerDrag(fg);
           }
-        });
+        };
+        marker.on("drag", createDragHandler(featureGroup));
       }
       if (i === menuMarkerIdx && this.config.markers.menuMarker) {
-        const menuPopup = this.generateMenuMarkerPopup(latlngs, featureGroup);
         marker.options.zIndexOffset = this.config.markers.markerMenuIcon.zIndexOffset ?? this.config.markers.zIndexOffset;
-        marker.bindPopup(menuPopup, { className: "alter-marker" });
+        marker.on("click", () => {
+          console.log("menu marker clicked");
+          marker.unbindPopup();
+          const menuPopup = this.generateMenuMarkerPopup(latlngs, featureGroup);
+          marker.bindPopup(menuPopup, { className: "alter-marker" });
+          marker.openPopup();
+        });
+        marker.on("popupopen", () => {
+          console.log("popupopen, setting touchAction to manipulation");
+          const container2 = this.map.getContainer();
+          if (container2) {
+            container2.style.touchAction = "manipulation";
+          }
+        });
+        marker.on("popupclose", () => {
+          console.log("popupclose, resetting touchAction");
+          const container2 = this.map.getContainer();
+          if (container2) {
+            container2.style.touchAction = "";
+          }
+        });
       }
       if (i === infoMarkerIdx && this.config.markers.infoMarker) {
         const polygonGeoJSON = this.getPolygonGeoJSONFromFeatureGroup(featureGroup);
         const area2 = this.turfHelper.getPolygonArea(polygonGeoJSON);
         const perimeter = this.getTotalPolygonPerimeter(polygonGeoJSON);
-        const infoPopup = this.generateInfoMarkerPopup(area2, perimeter);
         marker.options.zIndexOffset = this.config.markers.markerInfoIcon.zIndexOffset ?? this.config.markers.zIndexOffset;
-        marker.bindPopup(infoPopup, { className: "info-marker" });
+        marker.on("click", () => {
+          console.log("info marker clicked");
+          marker.unbindPopup();
+          const infoPopup = this.generateInfoMarkerPopup(area2, perimeter);
+          marker.bindPopup(infoPopup, { className: "info-marker" });
+          marker.openPopup();
+        });
+        marker.on("popupopen", () => {
+          console.log("popupopen, setting touchAction to manipulation");
+          const container2 = this.map.getContainer();
+          if (container2) {
+            container2.style.touchAction = "manipulation";
+          }
+        });
+        marker.on("popupclose", () => {
+          console.log("popupclose, resetting touchAction");
+          const container2 = this.map.getContainer();
+          if (container2) {
+            container2.style.touchAction = "";
+          }
+        });
       }
       marker.on("mousedown", (e) => {
         if (!this.modeManager.isInOffMode()) {
           L.DomEvent.stopPropagation(e);
           this.map.fire("mousedown", e);
         }
+        this._activeMarker = marker;
       });
       marker.on("click", (e) => {
         var _a2;
+        console.log("marker click");
         if (this.modeManager.isInOffMode()) {
           if (this.isModifierKeyPressed(e.originalEvent)) {
             const poly = (_a2 = featureGroup.getLayers().find((layer) => layer instanceof L.Polygon)) == null ? void 0 : _a2.toGeoJSON();
@@ -18485,11 +18606,16 @@ class PolygonInteractionManager {
       marker.on("mouseover", () => this.onMarkerHoverForEdgeDeletion(marker, true));
       marker.on("mouseout", () => this.onMarkerHoverForEdgeDeletion(marker, false));
     });
+    const container = this.map.getContainer();
+    if (container) {
+      container.style.touchAction = "manipulation";
+    }
   }
   /**
    * Add hole markers to a polygon feature group
    */
   addHoleMarkers(latlngs, featureGroup) {
+    console.log("PolygonInteractionManager addHoleMarkers");
     latlngs.forEach((latlng, i) => {
       const iconClasses = this.config.markers.holeIcon.styleClasses;
       const processedClasses = Array.isArray(iconClasses) ? iconClasses : [iconClasses];
@@ -18500,6 +18626,18 @@ class PolygonInteractionManager {
         zIndexOffset: this.config.markers.holeIcon.zIndexOffset ?? this.config.markers.zIndexOffset
       });
       featureGroup.addLayer(marker).addTo(this.map);
+      marker.on("add", () => {
+        const el = marker.getElement();
+        if (el) el.style.pointerEvents = "auto";
+      });
+      marker.on("click", (e) => {
+        var _a2, _b2;
+        (_b2 = (_a2 = e.originalEvent) == null ? void 0 : _a2.stopPropagation) == null ? void 0 : _b2.call(_a2);
+        L.DomEvent.stopPropagation(e);
+      });
+      marker.on("dragend", (e) => {
+        L.DomEvent.stopPropagation(e);
+      });
       marker.on("drag", (e) => {
         this.markerDrag(featureGroup);
       });
@@ -18512,6 +18650,7 @@ class PolygonInteractionManager {
    * Add edge click listeners to a polygon
    */
   addEdgeClickListeners(polygon2, featureGroup) {
+    console.log("PolygonInteractionManager addEdgeClickListeners");
     const rawLatLngs = polygon2.getLatLngs();
     let processedRings;
     if (Array.isArray(rawLatLngs) && rawLatLngs.length > 0) {
@@ -18574,6 +18713,7 @@ class PolygonInteractionManager {
    * Enable polygon dragging functionality
    */
   enablePolygonDragging(polygon2, latlngs) {
+    console.log("PolygonInteractionManager enablePolygonDragging");
     if (!this.config.modes.dragPolygons) return;
     polygon2._polydrawOriginalLatLngs = latlngs;
     polygon2._polydrawDragData = {
@@ -18582,6 +18722,7 @@ class PolygonInteractionManager {
       startLatLngs: null
     };
     polygon2.on("mousedown", (e) => {
+      console.log("polygon mousedown");
       if (!this.modeManager.isInOffMode()) {
         L.DomEvent.stopPropagation(e);
         this.map.fire("mousedown", e);
@@ -18634,6 +18775,7 @@ class PolygonInteractionManager {
    * Update marker draggable state based on current mode
    */
   updateMarkerDraggableState() {
+    console.log("PolygonInteractionManager updateMarkerDraggableState");
     const shouldBeDraggable = this.modeManager.canPerformAction("markerDrag");
     this.getFeatureGroups().forEach((featureGroup) => {
       featureGroup.eachLayer((layer) => {
@@ -18658,6 +18800,7 @@ class PolygonInteractionManager {
    * Update all markers for edge deletion visual feedback
    */
   updateAllMarkersForEdgeDeletion(showFeedback) {
+    console.log("PolygonInteractionManager updateAllMarkersForEdgeDeletion");
     this.getFeatureGroups().forEach((featureGroup) => {
       featureGroup.eachLayer((layer) => {
         if (layer instanceof L.Marker) {
@@ -18670,6 +18813,7 @@ class PolygonInteractionManager {
    * Update individual marker for edge deletion visual feedback
    */
   updateMarkerForEdgeDeletion(marker, showFeedback) {
+    console.log("PolygonInteractionManager updateMarkerForEdgeDeletion");
     const element = marker.getElement();
     if (!element) return;
     if (showFeedback) {
@@ -18686,10 +18830,12 @@ class PolygonInteractionManager {
    * Set modifier key held state
    */
   setModifierKeyHeld(isHeld) {
+    console.log("PolygonInteractionManager setModifierKeyHeld");
     this.isModifierKeyHeld = isHeld;
   }
   // Private methods
   onEdgeClick(e, edgePolyline) {
+    console.log("onEdgeClick");
     if (!this.config.modes.attachElbow) {
       return;
     }
@@ -18729,6 +18875,7 @@ class PolygonInteractionManager {
     L.DomEvent.stopPropagation(e);
   }
   highlightEdgeOnHover(edgePolyline, isHovering) {
+    console.log("PolygonInteractionManager highlightEdgeOnHover");
     if (isHovering) {
       edgePolyline.setStyle({
         color: "#7a9441",
@@ -18744,6 +18891,7 @@ class PolygonInteractionManager {
     }
   }
   elbowClicked(e, poly) {
+    console.log("elbowClicked");
     if (!this.config.modes.edgeDeletion) {
       return;
     }
@@ -18792,6 +18940,7 @@ class PolygonInteractionManager {
     });
   }
   findFeatureGroupForPoly(poly) {
+    console.log("PolygonInteractionManager findFeatureGroupForPoly");
     for (const featureGroup of this.getFeatureGroups()) {
       const featureCollection2 = featureGroup.toGeoJSON();
       if (featureCollection2 && featureCollection2.features && featureCollection2.features[0]) {
@@ -18804,6 +18953,11 @@ class PolygonInteractionManager {
     return null;
   }
   markerDrag(featureGroup) {
+    if (!this._activeMarker) {
+      console.warn("No active marker set for dragging.");
+      return;
+    }
+    console.log("PolygonInteractionManager markerDrag", featureGroup);
     const newPos = [];
     let testarray = [];
     let hole = [];
@@ -18879,6 +19033,7 @@ class PolygonInteractionManager {
     layerLength[0].setLatLngs(newPos);
   }
   async markerDragEnd(featureGroup) {
+    console.log("PolygonInteractionManager markerDragEnd");
     this.polygonInformation.deletePolygonInformationStorage();
     const featureCollection2 = featureGroup.toGeoJSON();
     this.removeFeatureGroup(featureGroup);
@@ -18926,6 +19081,7 @@ class PolygonInteractionManager {
     this.polygonInformation.createPolygonInformationStorage(this.getFeatureGroups());
   }
   offsetPolygonCoordinates(latLngs, offsetLat, offsetLng) {
+    console.log("PolygonInteractionManager offsetPolygonCoordinates");
     if (!latLngs) return latLngs;
     if (Array.isArray(latLngs[0])) {
       return latLngs.map((ring) => this.offsetPolygonCoordinates(ring, offsetLat, offsetLng));
@@ -18941,6 +19097,7 @@ class PolygonInteractionManager {
     }
   }
   updateMarkersAndHoleLinesDuringDrag(polygon2, offsetLat, offsetLng) {
+    console.log("PolygonInteractionManager updateMarkersAndHoleLinesDuringDrag");
     try {
       let featureGroup = null;
       for (const fg of this.getFeatureGroups()) {
@@ -18997,6 +19154,7 @@ class PolygonInteractionManager {
     }
   }
   async updatePolygonAfterDrag(polygon2) {
+    console.log("PolygonInteractionManager updatePolygonAfterDrag");
     try {
       let featureGroup = null;
       for (const fg of this.getFeatureGroups()) {
@@ -19030,9 +19188,13 @@ class PolygonInteractionManager {
   }
   detectModifierKey(event) {
     var _a2, _b2;
+    console.log("PolygonInteractionManager detectModifierKey");
     if (!((_b2 = (_a2 = this.config.dragPolygons) == null ? void 0 : _a2.modifierSubtract) == null ? void 0 : _b2.enabled)) {
       return false;
     }
+    if (isTouchDevice()) {
+      return false;
+    }
     const userAgent = navigator.userAgent.toLowerCase();
     const isMac = userAgent.includes("mac");
     if (isMac) {
@@ -19042,6 +19204,7 @@ class PolygonInteractionManager {
     }
   }
   setSubtractVisualMode(polygon2, enabled) {
+    console.log("PolygonInteractionManager setSubtractVisualMode");
     if (!polygon2 || !polygon2.setStyle) {
       return;
     }
@@ -19061,6 +19224,7 @@ class PolygonInteractionManager {
   }
   updateMarkerColorsForSubtractMode(polygon2, subtractMode) {
     var _a2, _b2;
+    console.log("PolygonInteractionManager updateMarkerColorsForSubtractMode");
     try {
       let featureGroup = null;
       for (const fg of this.getFeatureGroups()) {
@@ -19106,6 +19270,7 @@ class PolygonInteractionManager {
     }
   }
   handleModifierToggleDuringDrag(event) {
+    console.log("PolygonInteractionManager handleModifierToggleDuringDrag");
     const isModifierPressed = this.detectModifierKey(event);
     this.currentModifierDragMode = isModifierPressed;
     this.isModifierKeyHeld = isModifierPressed;
@@ -19114,9 +19279,11 @@ class PolygonInteractionManager {
     }
   }
   isModifierDragActive() {
+    console.log("PolygonInteractionManager isModifierDragActive");
     return this.currentModifierDragMode;
   }
   performModifierSubtract(draggedGeoJSON, originalFeatureGroup) {
+    console.log("PolygonInteractionManager performModifierSubtract");
     try {
       const draggedPolygon = this.turfHelper.getTurfPolygon(draggedGeoJSON);
       const intersectingFeatureGroups = [];
@@ -19198,6 +19365,10 @@ class PolygonInteractionManager {
     return !(bbox1[2] < bbox2[0] || bbox2[2] < bbox1[0] || bbox1[3] < bbox2[1] || bbox2[3] < bbox1[1]);
   }
   isModifierKeyPressed(event) {
+    console.log("PolygonInteractionManager isModifierKeyPressed");
+    if (isTouchDevice()) {
+      return false;
+    }
     const userAgent = navigator.userAgent.toLowerCase();
     const isMac = userAgent.includes("mac");
     if (isMac) {
@@ -19207,6 +19378,7 @@ class PolygonInteractionManager {
     }
   }
   onMarkerHoverForEdgeDeletion(marker, isHovering) {
+    console.log("PolygonInteractionManager onMarkerHoverForEdgeDeletion");
     const element = marker.getElement();
     if (!element) return;
     if (isHovering) {
@@ -19259,6 +19431,7 @@ class PolygonInteractionManager {
   }
   // Helper methods
   getMarkerIndex(latlngs, position) {
+    console.log("PolygonInteractionManager getMarkerIndex");
     const bounds = PolyDrawUtil.getBounds(latlngs, Math.sqrt(2) / 2);
     const compass = new Compass(
       bounds.getSouth(),
@@ -19277,6 +19450,7 @@ class PolygonInteractionManager {
     return nearestPointIdx;
   }
   ensureMarkerSeparation(polygonLength, markers2) {
+    console.log("PolygonInteractionManager ensureMarkerSeparation");
     const enabledMarkers = [];
     if (markers2.menu.enabled) {
       enabledMarkers.push({ type: "menu", index: markers2.menu.index });
@@ -19319,6 +19493,7 @@ class PolygonInteractionManager {
     };
   }
   findAlternativeMarkerPosition(polygonLength, originalIndex, usedIndices) {
+    console.log("PolygonInteractionManager findAlternativeMarkerPosition");
     const maxAttempts = polygonLength;
     const step = Math.max(1, Math.floor(polygonLength / 8));
     for (let attempt = 1; attempt < maxAttempts; attempt++) {
@@ -19340,12 +19515,15 @@ class PolygonInteractionManager {
     return originalIndex;
   }
   createDivIcon(processedClasses) {
+    console.log("PolygonInteractionManager createDivIcon");
     return IconFactory.createDivIcon(processedClasses);
   }
   getLatLngInfoString(latlng) {
+    console.log("PolygonInteractionManager getLatLngInfoString");
     return "Latitude: " + latlng.lat + " Longitude: " + latlng.lng;
   }
   generateMenuMarkerPopup(latLngs, featureGroup) {
+    console.log("PolygonInteractionManager generateMenuMarkerPopup");
     const outerWrapper = document.createElement("div");
     outerWrapper.classList.add("alter-marker-outer-wrapper");
     const wrapper = document.createElement("div");
@@ -19385,21 +19563,53 @@ class PolygonInteractionManager {
     markerContentWrapper.appendChild(bbox2);
     markerContentWrapper.appendChild(separator.cloneNode());
     markerContentWrapper.appendChild(bezier2);
+    simplify3.addEventListener("touchend", (e) => {
+      console.log("simplify touchend");
+      e.preventDefault();
+      e.stopPropagation();
+      this.emit("menuAction", { action: "simplify", latLngs, featureGroup });
+    });
     simplify3.onclick = () => {
+      console.log("simplify clicked");
       this.emit("menuAction", { action: "simplify", latLngs, featureGroup });
     };
+    bbox2.addEventListener("touchend", (e) => {
+      console.log("bbox touchend");
+      e.preventDefault();
+      e.stopPropagation();
+      this.emit("menuAction", { action: "bbox", latLngs, featureGroup });
+    });
     bbox2.onclick = () => {
       this.emit("menuAction", { action: "bbox", latLngs, featureGroup });
     };
+    doubleElbows.addEventListener("touchend", (e) => {
+      console.log("doubleElbows touchend");
+      e.preventDefault();
+      e.stopPropagation();
+      this.emit("menuAction", { action: "doubleElbows", latLngs, featureGroup });
+    });
     doubleElbows.onclick = () => {
       this.emit("menuAction", { action: "doubleElbows", latLngs, featureGroup });
     };
+    bezier2.addEventListener("touchend", (e) => {
+      console.log("bezier touchend");
+      e.preventDefault();
+      e.stopPropagation();
+      this.emit("menuAction", { action: "bezier", latLngs, featureGroup });
+    });
     bezier2.onclick = () => {
       this.emit("menuAction", { action: "bezier", latLngs, featureGroup });
     };
+    L.DomEvent.disableClickPropagation(outerWrapper);
+    outerWrapper.style.pointerEvents = "auto";
+    outerWrapper.querySelectorAll(".marker-menu-button").forEach((btn) => {
+      btn.style.pointerEvents = "auto";
+      btn.addEventListener("click", (e) => e.stopPropagation());
+    });
     return outerWrapper;
   }
   getPolygonGeoJSONFromFeatureGroup(featureGroup) {
+    console.log("PolygonInteractionManager getPolygonGeoJSONFromFeatureGroup");
     try {
       let polygon2 = null;
       featureGroup.eachLayer((layer) => {
@@ -19432,6 +19642,7 @@ class PolygonInteractionManager {
     }
   }
   getTotalPolygonPerimeter(polygonGeoJSON) {
+    console.log("PolygonInteractionManager getTotalPolygonPerimeter");
     try {
       if (!polygonGeoJSON || !polygonGeoJSON.geometry) {
         return 0;
@@ -19475,6 +19686,7 @@ class PolygonInteractionManager {
     }
   }
   generateInfoMarkerPopup(area2, perimeter) {
+    console.log("PolygonInteractionManager generateInfoMarkerPopup");
     const _perimeter = new Perimeter(perimeter, this.config);
     const _area = new Area(area2, this.config);
     const outerWrapper = document.createElement("div");
@@ -19499,6 +19711,12 @@ class PolygonInteractionManager {
     outerWrapper.appendChild(wrapper);
     wrapper.appendChild(invertedCorner);
     wrapper.appendChild(markerContent);
+    L.DomEvent.disableClickPropagation(outerWrapper);
+    outerWrapper.style.pointerEvents = "auto";
+    outerWrapper.querySelectorAll("button").forEach((btn) => {
+      btn.style.pointerEvents = "auto";
+      btn.addEventListener("click", (e) => e.stopPropagation());
+    });
     return outerWrapper;
   }
 }
@@ -20229,6 +20447,7 @@ class PolygonMutationManager {
 }
 class Polydraw extends L.Control {
   constructor(options) {
+    console.log("constructor");
     super(options);
     __publicField(this, "map");
     __publicField(this, "tracer", {});
@@ -20246,10 +20465,14 @@ class Polydraw extends L.Control {
     __publicField(this, "_boundKeyDownHandler");
     __publicField(this, "_boundKeyUpHandler");
     __publicField(this, "isModifierKeyHeld", false);
+    __publicField(this, "_boundTouchMove");
+    __publicField(this, "_boundTouchEnd");
+    __publicField(this, "_boundTouchStart");
     /**
      * Handle marker hover when modifier key is held - event handler version
      */
     __publicField(this, "onMarkerHoverForEdgeDeletionEvent", (e) => {
+      console.log("onMarkerHoverForEdgeDeletionEvent");
       if (!this.isModifierKeyHeld) return;
       const element = e.target;
       if (element) {
@@ -20262,6 +20485,7 @@ class Polydraw extends L.Control {
      * Handle marker leave when modifier key is held - event handler version
      */
     __publicField(this, "onMarkerLeaveForEdgeDeletionEvent", (e) => {
+      console.log("onMarkerLeaveForEdgeDeletionEvent");
       const element = e.target;
       if (element) {
         element.style.backgroundColor = "";
@@ -20314,6 +20538,13 @@ class Polydraw extends L.Control {
     this.polygonDrawManager = null;
   }
   onAdd(_map) {
+    _map._onResize = () => {
+    };
+    if (L.Browser.touch && L.Browser.mobile) {
+      _map.tap = false;
+    }
+    console.log("iOS touch workaround applied");
+    console.log("onAdd");
     this.map = _map;
     const style = document.createElement("style");
     style.innerHTML = `
@@ -20330,6 +20561,10 @@ class Polydraw extends L.Control {
     document.head.appendChild(style);
     this.setupKeyboardHandlers();
     const container = L.DomUtil.create("div", "leaflet-control leaflet-bar");
+    L.DomEvent.disableClickPropagation(container);
+    L.DomEvent.on(container, "mousedown", L.DomEvent.stopPropagation);
+    L.DomEvent.on(container, "touchstart", L.DomEvent.stopPropagation);
+    L.DomEvent.on(container, "click", L.DomEvent.stopPropagation);
     container.style.display = "flex";
     container.style.flexDirection = "column-reverse";
     this.subContainer = L.DomUtil.create("div", "sub-buttons", container);
@@ -20352,6 +20587,7 @@ class Polydraw extends L.Control {
       this.updateActivateButtonIndicator();
     };
     const onDrawClick = (e) => {
+      console.log("onDrawClick");
       if (e) {
         e.preventDefault();
         e.stopPropagation();
@@ -20364,6 +20600,7 @@ class Polydraw extends L.Control {
       this.polygonInformation.saveCurrentState();
     };
     const onSubtractClick = (e) => {
+      console.log("onSubtractClick");
       if (e) {
         e.preventDefault();
         e.stopPropagation();
@@ -20376,6 +20613,7 @@ class Polydraw extends L.Control {
       this.polygonInformation.saveCurrentState();
     };
     const onEraseClick = (e) => {
+      console.log("onEraseClick");
       if (e) {
         e.preventDefault();
         e.stopPropagation();
@@ -20386,6 +20624,7 @@ class Polydraw extends L.Control {
       this.removeAllFeatureGroups();
     };
     const onPointToPointClick = (e) => {
+      console.log("onPointToPointClick");
       if (e) {
         e.preventDefault();
         e.stopPropagation();
@@ -20435,6 +20674,7 @@ class Polydraw extends L.Control {
       getFeatureGroups: () => this.arrayOfFeatureGroups
     });
     this.polygonMutationManager.on("polygonOperationComplete", (data) => {
+      console.log("polygonOperationComplete");
       this.updateActivateButtonIndicator();
       this.modeManager.updateStateForMode(DrawMode.Off);
       this.drawMode = DrawMode.Off;
@@ -20478,6 +20718,7 @@ class Polydraw extends L.Control {
     return container;
   }
   addTo(map) {
+    console.log("addTo");
     super.addTo(map);
     return this;
   }
@@ -20485,6 +20726,7 @@ class Polydraw extends L.Control {
     return this.arrayOfFeatureGroups;
   }
   onRemove(_map) {
+    console.log("onRemove");
     this.removeKeyboardHandlers();
     if (this.tracer) {
       this.map.removeLayer(this.tracer);
@@ -20492,6 +20734,7 @@ class Polydraw extends L.Control {
     this.removeAllFeatureGroups();
   }
   async addPredefinedPolygon(geographicBorders, options) {
+    console.log("addPredefinedPolygon");
     if (!geographicBorders || geographicBorders.length === 0) {
       throw new Error("Cannot add empty polygon array");
     }
@@ -20528,6 +20771,7 @@ class Polydraw extends L.Control {
     }
   }
   setDrawMode(mode) {
+    console.log("setDrawMode");
     const previousMode = this.drawMode;
     this.drawMode = mode;
     this.modeManager.updateStateForMode(mode);
@@ -20584,18 +20828,22 @@ class Polydraw extends L.Control {
     }
   }
   getDrawMode() {
+    console.log("getDrawMode");
     return this.modeManager.getCurrentMode();
   }
   onDrawModeChangeListener(callback) {
+    console.log("onDrawModeChangeListener");
     this.drawModeListeners.push(callback);
   }
   offDrawModeChangeListener(callback) {
+    console.log("offDrawModeChangeListener");
     const index = this.drawModeListeners.indexOf(callback);
     if (index > -1) {
       this.drawModeListeners.splice(index, 1);
     }
   }
   emitDrawModeChanged() {
+    console.log("emitDrawModeChanged");
     for (const cb of this.drawModeListeners) {
       cb(this.modeManager.getCurrentMode());
     }
@@ -20604,6 +20852,7 @@ class Polydraw extends L.Control {
    * Update the draggable state of all existing markers when draw mode changes
    */
   updateMarkerDraggableState() {
+    console.log("updateMarkerDraggableState");
     const shouldBeDraggable = this.modeManager.canPerformAction("markerDrag");
     this.arrayOfFeatureGroups.forEach((featureGroup) => {
       featureGroup.eachLayer((layer) => {
@@ -20625,6 +20874,7 @@ class Polydraw extends L.Control {
     });
   }
   removeAllFeatureGroups() {
+    console.log("removeAllFeatureGroups");
     this.arrayOfFeatureGroups.forEach((featureGroups) => {
       try {
         this.map.removeLayer(featureGroups);
@@ -20637,44 +20887,44 @@ class Polydraw extends L.Control {
     this.updateActivateButtonIndicator();
   }
   stopDraw() {
+    console.log("stopDraw");
     this.resetTracker();
     this.drawStartedEvents(false);
   }
   setLeafletMapEvents(enableDragging, enableDoubleClickZoom, enableScrollWheelZoom) {
+    console.log("setLeafletMapEvents");
     enableDragging ? this.map.dragging.enable() : this.map.dragging.disable();
     enableDoubleClickZoom ? this.map.doubleClickZoom.enable() : this.map.doubleClickZoom.disable();
     enableScrollWheelZoom ? this.map.scrollWheelZoom.enable() : this.map.scrollWheelZoom.disable();
   }
   resetTracker() {
+    console.log("resetTracker");
     this.tracer.setLatLngs([]);
   }
   drawStartedEvents(onoff) {
+    console.log("drawStartedEvents");
     const onoroff = onoff ? "on" : "off";
     this.map[onoroff]("mousemove", this.mouseMove, this);
     this.map[onoroff]("mouseup", this.mouseUpLeave, this);
     if (onoff) {
-      try {
-        this.map.getContainer().addEventListener("touchmove", (e) => this.mouseMove(e), {
-          passive: true
-        });
-        this.map.getContainer().addEventListener("touchend", (e) => this.mouseUpLeave(e), {
-          passive: true
-        });
-      } catch (error) {
-      }
+      this._boundTouchMove = (e) => this.mouseMove(e);
+      this._boundTouchEnd = (e) => this.mouseUpLeave(e);
+      this.map.getContainer().addEventListener("touchmove", this._boundTouchMove, { passive: false });
+      this.map.getContainer().addEventListener("touchend", this._boundTouchEnd, { passive: false });
     } else {
-      try {
-        this.map.getContainer().removeEventListener("touchmove", (e) => this.mouseMove(e), {
-          passive: true
-        });
-        this.map.getContainer().removeEventListener("touchend", (e) => this.mouseUpLeave(e), {
-          passive: true
-        });
-      } catch (error) {
+      if (this._boundTouchMove) {
+        this.map.getContainer().removeEventListener("touchmove", this._boundTouchMove);
+      }
+      if (this._boundTouchEnd) {
+        this.map.getContainer().removeEventListener("touchend", this._boundTouchEnd);
       }
     }
   }
   mouseMove(event) {
+    console.log("mouseMove");
+    if ("cancelable" in event && event.cancelable) {
+      event.preventDefault();
+    }
     if ("latlng" in event && event.latlng) {
       this.tracer.addLatLng(event.latlng);
     } else if ("touches" in event && event.touches && event.touches.length > 0) {
@@ -20713,6 +20963,10 @@ class Polydraw extends L.Control {
     }
   }
   async mouseUpLeave(event) {
+    if ("cancelable" in event && event.cancelable) {
+      event.preventDefault();
+    }
+    console.log("mouseUpLeave");
     this.polygonInformation.deletePolygonInformationStorage();
     const tracerGeoJSON = this.tracer.toGeoJSON();
     if (!tracerGeoJSON || !tracerGeoJSON.geometry || !tracerGeoJSON.geometry.coordinates || tracerGeoJSON.geometry.coordinates.length < 3) {
@@ -20759,26 +21013,24 @@ class Polydraw extends L.Control {
     this.polygonInformation.createPolygonInformationStorage(this.arrayOfFeatureGroups);
   }
   events(onoff) {
+    console.log("events");
     const onoroff = onoff ? "on" : "off";
     this.map[onoroff]("mousedown", this.mouseDown, this);
     this.map[onoroff]("dblclick", this.handleDoubleClick, this);
     if (onoff) {
-      try {
-        this.map.getContainer().addEventListener("touchstart", (e) => this.mouseDown(e), {
-          passive: true
-        });
-      } catch (error) {
-      }
+      this._boundTouchStart = (e) => this.mouseDown(e);
+      this.map.getContainer().addEventListener("touchstart", this._boundTouchStart, { passive: false });
     } else {
-      try {
-        this.map.getContainer().removeEventListener("touchstart", (e) => this.mouseDown(e), {
-          passive: true
-        });
-      } catch (error) {
+      if (this._boundTouchStart) {
+        this.map.getContainer().removeEventListener("touchstart", this._boundTouchStart);
       }
     }
   }
   mouseDown(event) {
+    if ("cancelable" in event && event.cancelable) {
+      event.preventDefault();
+    }
+    console.log("mouseDown");
     if (this.modeManager.isInOffMode()) {
       return;
     }
@@ -20802,18 +21054,22 @@ class Polydraw extends L.Control {
     this.startDraw();
   }
   startDraw() {
+    console.log("startDraw");
     this.drawStartedEvents(true);
   }
   setupKeyboardHandlers() {
+    console.log("setupKeyboardHandlers");
     this._boundKeyUpHandler = this.handleKeyUp.bind(this);
     document.addEventListener("keydown", this._boundKeyDownHandler);
     document.addEventListener("keyup", this._boundKeyUpHandler);
   }
   removeKeyboardHandlers() {
+    console.log("removeKeyboardHandlers");
     document.removeEventListener("keydown", this._boundKeyDownHandler);
     document.removeEventListener("keyup", this._boundKeyUpHandler);
   }
   handleKeyDown(e) {
+    console.log("handleKeyDown");
     if (e.key === "Escape") {
       if (this.modeManager.getCurrentMode() === DrawMode.PointToPoint) {
         this.polygonDrawManager.cancelPointToPointDrawing();
@@ -20827,6 +21083,7 @@ class Polydraw extends L.Control {
     }
   }
   handleKeyUp(e) {
+    console.log("handleKeyUp");
     const isModifierPressed = this.isModifierKeyPressed(e);
     if (!isModifierPressed && this.isModifierKeyHeld) {
       this.isModifierKeyHeld = false;
@@ -20838,6 +21095,7 @@ class Polydraw extends L.Control {
    * Update all markers to show/hide edge deletion visual feedback
    */
   updateAllMarkersForEdgeDeletion(showFeedback) {
+    console.log("updateAllMarkersForEdgeDeletion");
     this.arrayOfFeatureGroups.forEach((featureGroup) => {
       featureGroup.eachLayer((layer) => {
         if (layer instanceof L.Marker) {
@@ -20850,6 +21108,7 @@ class Polydraw extends L.Control {
    * Update individual marker for edge deletion visual feedback
    */
   updateMarkerForEdgeDeletion(marker, showFeedback) {
+    console.log("updateMarkerForEdgeDeletion");
     const element = marker.getElement();
     if (!element) return;
     if (showFeedback) {
@@ -20863,6 +21122,7 @@ class Polydraw extends L.Control {
     }
   }
   handleDoubleClick(e) {
+    console.log("handleDoubleClick");
     if (this.modeManager.getCurrentMode() !== DrawMode.PointToPoint) {
       return;
     }
@@ -20872,6 +21132,10 @@ class Polydraw extends L.Control {
    * Detect if modifier key is pressed (Ctrl on Windows/Linux, Cmd on Mac)
    */
   isModifierKeyPressed(event) {
+    console.log("isModifierKeyPressed");
+    if (isTouchDevice()) {
+      return false;
+    }
     const userAgent = navigator.userAgent.toLowerCase();
     const isMac = userAgent.includes("mac");
     if (isMac) {