@focusbc/bbs-lib 0.0.5 → 0.0.6

package/dist/browser/bbs-lib.js

@@ -78382,6 +78382,7 @@ var OverlayDynamicLayerBuilder = class {
             coordinates: [[mapPolygon(segment.polygon)]],
             style: segment.style
           },
+          label: segment.style?.text,
           type: ObjectType.POLYGON,
           visible: true,
           selectable: true,
@@ -78675,6 +78676,7 @@ var MapOverlay = class _MapOverlay {
     this._clickEvent = new Event3();
     this._doubleClickEvent = new Event3();
     this._rightClickEvent = new Event3();
+    this._dropEvent = new Event3();
     this.onDoubleClick = (event) => {
       if (!(event.target instanceof HTMLCanvasElement)) {
         return;
@@ -78688,6 +78690,19 @@ var MapOverlay = class _MapOverlay {
       event.preventDefault();
       this._rightClickEvent.emit(this.createPointerEventFromMouseEvent(event));
     };
+    this.onDragOver = (event) => {
+      event.preventDefault();
+      if (event.dataTransfer) {
+        event.dataTransfer.dropEffect = "copy";
+      }
+    };
+    this.onDrop = (event) => {
+      event.preventDefault();
+      this._dropEvent.emit({
+        ...this.createPointerEventFromMouseEvent(event),
+        dataTransfer: event.dataTransfer
+      });
+    };
     const { zoom, heading, tilt } = options;
     const { center: center3, defaultLevelId } = context;
     this._context = context;
@@ -78722,6 +78737,8 @@ var MapOverlay = class _MapOverlay {
     });
     this._htmlElement.addEventListener("dblclick", this.onDoubleClick, true);
     this._htmlElement.addEventListener("contextmenu", this.onRightClick, true);
+    this._htmlElement.addEventListener("dragover", this.onDragOver, true);
+    this._htmlElement.addEventListener("drop", this.onDrop, true);
   }
   // #region Private methods
   /**
@@ -78743,11 +78760,10 @@ var MapOverlay = class _MapOverlay {
     this._deck.setProps({ layers: this.createLayers() });
   }
   createPointerEventFromMouseEvent(event) {
+    const { lat, lng } = this.getCoordinatesAt(event.clientX, event.clientY);
     const bounds = this._htmlElement.getBoundingClientRect();
     const x2 = event.clientX - bounds.left;
     const y2 = event.clientY - bounds.top;
-    const viewport = this._deck.getViewports()?.[0];
-    const [lng, lat] = viewport ? viewport.unproject([x2, y2]) : [this.getCenter().lng, this.getCenter().lat];
     const picked = this._deck.pickObject({ x: x2, y: y2 })?.object;
     return {
       lat,
@@ -78757,6 +78773,18 @@ var MapOverlay = class _MapOverlay {
       shape: picked?.groupId ? this._shapes.find((shape) => shape.id === picked.groupId) : void 0
     };
   }
+  /**
+   * Returns the geographic coordinates for a viewport pixel at the given client coordinates.
+   */
+  getCoordinatesAt(clientX, clientY) {
+    const bounds = this._htmlElement.getBoundingClientRect();
+    const viewport = this._deck.getViewports()?.[0];
+    if (!viewport) {
+      return this.getCenter();
+    }
+    const [lng, lat] = viewport.unproject([clientX - bounds.left, clientY - bounds.top]);
+    return { lat, lng };
+  }
   /**
    * Handle the click event.
    */
@@ -78838,6 +78866,8 @@ var MapOverlay = class _MapOverlay {
   finalize() {
     this._htmlElement.removeEventListener("dblclick", this.onDoubleClick, true);
     this._htmlElement.removeEventListener("contextmenu", this.onRightClick, true);
+    this._htmlElement.removeEventListener("dragover", this.onDragOver, true);
+    this._htmlElement.removeEventListener("drop", this.onDrop, true);
     this._deck.finalize();
   }
   //#region Getters and Setters
@@ -78953,6 +78983,9 @@ var MapOverlay = class _MapOverlay {
   rightClick() {
     return this._rightClickEvent;
   }
+  drop() {
+    return this._dropEvent;
+  }
   //#endregion
   //#endregion
 };