leaflet-polydraw 2.0.0 → 2.0.1

package/dist/polydraw.es.js

@@ -15609,6 +15609,7 @@ class PolygonInteractionManager {
     __publicField(this, "_openMenuPopup", null);
     __publicField(this, "transformModeActive", false);
     __publicField(this, "transformControllers", /* @__PURE__ */ new WeakMap());
+    __publicField(this, "transformAuxiliaryDisplayValues", /* @__PURE__ */ new WeakMap());
     __publicField(this, "deleteMarkerSuppressUntil", 0);
     __publicField(this, "onModeChange", () => {
       if (this.currentCloneGhost || this.isPolygonDragActive()) {
@@ -16420,6 +16421,7 @@ class PolygonInteractionManager {
             interactive: true
           }
         );
+        edgePolyline._polydrawAuxiliaryLayer = true;
         edgePolyline._polydrawEdgeInfo = {
           ringIndex,
           edgeIndex: i,
@@ -18033,6 +18035,36 @@ class PolygonInteractionManager {
       }
     });
   }
+  setTransformAuxiliaryVisibility(featureGroup, visible) {
+    const polygon2 = this.getPolygonLayer(featureGroup);
+    if (polygon2) {
+      this.setMarkerVisibility(polygon2, visible);
+    }
+    featureGroup.eachLayer((layer) => {
+      var _a2;
+      if (!this.isPolydrawAuxiliaryPolyline(layer)) {
+        return;
+      }
+      const element = (_a2 = layer.getElement) == null ? void 0 : _a2.call(layer);
+      if (!element) {
+        return;
+      }
+      if (!visible) {
+        if (!this.transformAuxiliaryDisplayValues.has(layer)) {
+          this.transformAuxiliaryDisplayValues.set(layer, element.style.display);
+        }
+        element.style.display = "none";
+        return;
+      }
+      if (this.transformAuxiliaryDisplayValues.has(layer)) {
+        element.style.display = this.transformAuxiliaryDisplayValues.get(layer) ?? "";
+        this.transformAuxiliaryDisplayValues.delete(layer);
+      }
+    });
+  }
+  isPolydrawAuxiliaryPolyline(layer) {
+    return layer instanceof L.Polyline && !(layer instanceof L.Polygon) && layer._polydrawAuxiliaryLayer === true;
+  }
   getBuiltInMenuButtonConfigs() {
     const menuOps = this.config.polygonTools;
     return [
@@ -18266,10 +18298,7 @@ class PolygonInteractionManager {
         (confirmed) => this.handleTransformControllerResult(controller, featureGroup, mode, confirmed)
       );
       this.transformControllers.set(featureGroup, controller);
-      const polygonLayer = this.getPolygonLayer(featureGroup);
-      if (polygonLayer) {
-        this.setMarkerVisibility(polygonLayer, false);
-      }
+      this.setTransformAuxiliaryVisibility(featureGroup, false);
       this.transformModeActive = true;
     } catch {
     }
@@ -18284,7 +18313,7 @@ class PolygonInteractionManager {
       return;
     }
     if (!confirmed) {
-      this.setMarkerVisibility(polygonLayer, true);
+      this.setTransformAuxiliaryVisibility(featureGroup, true);
       return;
     }
     const { level: optimizationLevel, original: originalOptimizationLevel } = this.getOptimizationMetadataFromFeatureGroup(featureGroup);
@@ -19126,6 +19155,7 @@ class PolygonMutationManager {
                   fillColor: this.config.styles.hole.fillColor,
                   fillOpacity: this.config.styles.hole.fillOpacity || 0.5
                 });
+                holePolyline._polydrawAuxiliaryLayer = true;
                 featureGroup.addLayer(holePolyline);
                 this.interactionManager.addHoleMarkers(latLngLiterals, featureGroup);
               }
@@ -21634,12 +21664,17 @@ class Polydraw extends L.Control {
     __publicField(this, "drawEventsAttached", false);
     __publicField(this, "controlEvents", /* @__PURE__ */ new WeakSet());
     __publicField(this, "lastControlPointerDown", null);
+    __publicField(this, "_boundMouseMove");
+    __publicField(this, "_boundMouseUp");
     __publicField(this, "_boundTouchMove");
     __publicField(this, "_boundTouchEnd");
+    __publicField(this, "_boundTouchCancel");
     __publicField(this, "_boundTouchStart");
     __publicField(this, "_boundPointerDown");
     __publicField(this, "_boundPointerMove");
     __publicField(this, "_boundPointerUp");
+    __publicField(this, "_boundPointerCancel");
+    __publicField(this, "_boundContextMenu");
     __publicField(this, "_lastTapTime", 0);
     __publicField(this, "_lastTapLatLng", null);
     __publicField(this, "_tapTimeout", null);
@@ -21653,6 +21688,7 @@ class Polydraw extends L.Control {
     __publicField(this, "_initRequestId", 0);
     __publicField(this, "_historySuppressionDepth", 0);
     __publicField(this, "_lastAppliedVisibleMapOrder", []);
+    __publicField(this, "originalMapTouchAction", null);
     /**
      * Updates map interactions based on the current drawing mode.
      */
@@ -21869,6 +21905,7 @@ class Polydraw extends L.Control {
   comprehensiveCleanup() {
     this.events(false);
     this.drawStartedEvents(false);
+    this.setMapDrawingTouchLock(false);
     this.removeKeyboardHandlers();
     if (this.tracer) {
       try {
@@ -21907,12 +21944,21 @@ class Polydraw extends L.Control {
     if (this._boundKeyUpHandler) {
       this._boundKeyUpHandler = void 0;
     }
+    if (this._boundMouseMove) {
+      this._boundMouseMove = void 0;
+    }
+    if (this._boundMouseUp) {
+      this._boundMouseUp = void 0;
+    }
     if (this._boundTouchMove) {
       this._boundTouchMove = void 0;
     }
     if (this._boundTouchEnd) {
       this._boundTouchEnd = void 0;
     }
+    if (this._boundTouchCancel) {
+      this._boundTouchCancel = void 0;
+    }
     if (this._boundTouchStart) {
       this._boundTouchStart = void 0;
     }
@@ -21925,6 +21971,12 @@ class Polydraw extends L.Control {
     if (this._boundPointerUp) {
       this._boundPointerUp = void 0;
     }
+    if (this._boundPointerCancel) {
+      this._boundPointerCancel = void 0;
+    }
+    if (this._boundContextMenu) {
+      this._boundContextMenu = void 0;
+    }
     if (this._tapTimeout) {
       clearTimeout(this._tapTimeout);
       this._tapTimeout = null;
@@ -23166,9 +23218,28 @@ class Polydraw extends L.Control {
     const mapDragEnabled = this.modeManager.canPerformAction("mapDrag");
     const mapZoomEnabled = this.modeManager.canPerformAction("mapZoom");
     const mapDoubleClickEnabled = this.modeManager.canPerformAction("mapDoubleClickZoom");
-    this.events(this.shouldEnableDrawEvents(this.drawMode));
+    const drawEventsEnabled = this.shouldEnableDrawEvents(this.drawMode);
+    this.events(drawEventsEnabled);
+    this.setMapDrawingTouchLock(drawEventsEnabled);
     this.setLeafletMapEvents(mapDragEnabled, mapDoubleClickEnabled, mapZoomEnabled);
   }
+  setMapDrawingTouchLock(enabled) {
+    if (!this.map) {
+      return;
+    }
+    const container = this.map.getContainer();
+    if (enabled) {
+      if (this.originalMapTouchAction === null) {
+        this.originalMapTouchAction = container.style.touchAction || "";
+      }
+      container.style.touchAction = "none";
+      return;
+    }
+    if (this.originalMapTouchAction !== null) {
+      container.style.touchAction = this.originalMapTouchAction;
+      this.originalMapTouchAction = null;
+    }
+  }
   /**
    * Restore the map state from a history snapshot
    */
@@ -23470,6 +23541,14 @@ class Polydraw extends L.Control {
       this.map[onoroff]("mouseup", this.mouseUpLeave, this);
     }
     if (onoff) {
+      if (!this._boundMouseMove) {
+        this._boundMouseMove = (e) => this.mouseMove(e);
+      }
+      if (!this._boundMouseUp) {
+        this._boundMouseUp = (e) => this.mouseUpLeave(e);
+      }
+      document.addEventListener("mousemove", this._boundMouseMove);
+      document.addEventListener("mouseup", this._boundMouseUp);
       if (!usePointerEvents) {
         if (!this._boundTouchMove) {
           this._boundTouchMove = (e) => this.mouseMove(e);
@@ -23477,8 +23556,12 @@ class Polydraw extends L.Control {
         if (!this._boundTouchEnd) {
           this._boundTouchEnd = (e) => this.mouseUpLeave(e);
         }
-        this.map.getContainer().addEventListener("touchmove", this._boundTouchMove, { passive: false });
-        this.map.getContainer().addEventListener("touchend", this._boundTouchEnd, { passive: false });
+        if (!this._boundTouchCancel) {
+          this._boundTouchCancel = (e) => this.mouseUpLeave(e);
+        }
+        document.addEventListener("touchmove", this._boundTouchMove, { passive: false });
+        document.addEventListener("touchend", this._boundTouchEnd, { passive: false });
+        document.addEventListener("touchcancel", this._boundTouchCancel, { passive: false });
       }
       if (usePointerEvents) {
         if (!this._boundPointerMove) {
@@ -23487,21 +23570,37 @@ class Polydraw extends L.Control {
         if (!this._boundPointerUp) {
           this._boundPointerUp = (e) => this.mouseUpLeave(e);
         }
-        this.map.getContainer().addEventListener("pointermove", this._boundPointerMove, { passive: false });
-        this.map.getContainer().addEventListener("pointerup", this._boundPointerUp, { passive: false });
+        if (!this._boundPointerCancel) {
+          this._boundPointerCancel = (e) => this.mouseUpLeave(e);
+        }
+        document.addEventListener("pointermove", this._boundPointerMove, { passive: false });
+        document.addEventListener("pointerup", this._boundPointerUp, { passive: false });
+        document.addEventListener("pointercancel", this._boundPointerCancel, { passive: false });
       }
     } else {
+      if (this._boundMouseMove) {
+        document.removeEventListener("mousemove", this._boundMouseMove);
+      }
+      if (this._boundMouseUp) {
+        document.removeEventListener("mouseup", this._boundMouseUp);
+      }
       if (this._boundTouchMove) {
-        this.map.getContainer().removeEventListener("touchmove", this._boundTouchMove);
+        document.removeEventListener("touchmove", this._boundTouchMove);
       }
       if (this._boundTouchEnd) {
-        this.map.getContainer().removeEventListener("touchend", this._boundTouchEnd);
+        document.removeEventListener("touchend", this._boundTouchEnd);
+      }
+      if (this._boundTouchCancel) {
+        document.removeEventListener("touchcancel", this._boundTouchCancel);
       }
       if (this._boundPointerMove) {
-        this.map.getContainer().removeEventListener("pointermove", this._boundPointerMove);
+        document.removeEventListener("pointermove", this._boundPointerMove);
       }
       if (this._boundPointerUp) {
-        this.map.getContainer().removeEventListener("pointerup", this._boundPointerUp);
+        document.removeEventListener("pointerup", this._boundPointerUp);
+      }
+      if (this._boundPointerCancel) {
+        document.removeEventListener("pointercancel", this._boundPointerCancel);
       }
     }
   }
@@ -23521,6 +23620,10 @@ class Polydraw extends L.Control {
     }
     this.map[onoroff]("dblclick", this.handleDoubleClick, this);
     if (onoff) {
+      if (!this._boundContextMenu) {
+        this._boundContextMenu = (e) => e.preventDefault();
+      }
+      this.map.getContainer().addEventListener("contextmenu", this._boundContextMenu);
       if (!usePointerEvents) {
         if (!this._boundTouchStart) {
           this._boundTouchStart = (e) => this.handleTouchStart(e);
@@ -23534,6 +23637,9 @@ class Polydraw extends L.Control {
         this.map.getContainer().addEventListener("pointerdown", this._boundPointerDown, { passive: false });
       }
     } else {
+      if (this._boundContextMenu) {
+        this.map.getContainer().removeEventListener("contextmenu", this._boundContextMenu);
+      }
       if (this._boundTouchStart) {
         this.map.getContainer().removeEventListener("touchstart", this._boundTouchStart);
       }
@@ -23547,6 +23653,9 @@ class Polydraw extends L.Control {
    * @param event - The touch event
    */
   handleTouchStart(event) {
+    if (EventAdapter.shouldPreventDefault(event)) {
+      event.preventDefault();
+    }
     const currentTime = Date.now();
     const timeDiff = currentTime - this._lastTapTime;
     const isPointToPointMode = this.modeManager.getCurrentMode() === DrawMode.PointToPoint || this.modeManager.getCurrentMode() === DrawMode.PointToPointSubtract;
@@ -23571,21 +23680,12 @@ class Polydraw extends L.Control {
       clearTimeout(this._tapTimeout);
       this._tapTimeout = null;
     }
-    if (timeDiff < 300 && timeDiff > 0) {
-      this.handleDoubleTap(event);
-      this._lastTapTime = 0;
-    } else {
-      this._lastTapTime = currentTime;
-      this._lastTapLatLng = EventAdapter.extractCoordinates(event, this.map);
-      if (!this.pointerEventsHandled) {
-        this._tapTimeout = window.setTimeout(() => {
-          this.mouseDown(event);
-          this._tapTimeout = null;
-        }, 300);
-      }
-    }
+    this._lastTapTime = currentTime;
+    this._lastTapLatLng = EventAdapter.extractCoordinates(event, this.map);
+    this.mouseDown(event);
   }
   isP2PDoubleTapClose(tapLatLng, timeDiff) {
+    if (!this.map) return false;
     if (!tapLatLng || !this._lastTapLatLng) return false;
     if (timeDiff <= 0 || timeDiff > 300) return false;
     const lastTapPoint = this.map.latLngToLayerPoint(this._lastTapLatLng);
@@ -23751,7 +23851,7 @@ class Polydraw extends L.Control {
    */
   mouseMove(event) {
     var _a2;
-    if (!this.isDrawingInProgress) {
+    if (!this.map || !this.isDrawingInProgress) {
       return;
     }
     const normalizedEvent = EventAdapter.normalizeEvent(event);
@@ -23769,7 +23869,7 @@ class Polydraw extends L.Control {
    */
   async mouseUpLeave(event) {
     var _a2;
-    if (!this.isDrawingInProgress) {
+    if (!this.map || !this.isDrawingInProgress) {
       return;
     }
     const normalizedEvent = EventAdapter.normalizeEvent(event);