@focusbc/bbs-lib 0.0.5 → 0.0.7

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,
@@ -78663,6 +78664,7 @@ var MapOverlay = class _MapOverlay {
   constructor(htmlElement, context, options = {}) {
     this._levelId = null;
     this._surroundings = false;
+    this._blueprint = true;
     this._shapes = [];
     this._selectedShapeId = null;
     this._editMode = false;
@@ -78675,6 +78677,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,8 +78691,21 @@ 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;
+    const { center: center3, defaultLevelId, rotation } = context;
     this._context = context;
     this._htmlElement = htmlElement;
     this._levelId = defaultLevelId;
@@ -78697,7 +78713,7 @@ var MapOverlay = class _MapOverlay {
       zoom: zoom ?? DEFAULT_ZOOM,
       latitude: center3?.lat ?? 0,
       longitude: center3?.lng ?? 0,
-      bearing: heading ?? 0,
+      bearing: (heading || rotation) ?? 0,
       pitch: tilt ?? 0,
       maxZoom: MAX_ZOOM
     };
@@ -78722,6 +78738,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
   /**
@@ -78734,20 +78752,21 @@ var MapOverlay = class _MapOverlay {
     this._zoomChangedEvent.emit(this._viewState.zoom ?? DEFAULT_ZOOM);
   }
   createLayers() {
-    return [
-      new OverlayDynamicLayerBuilder(this._shapes).setSelectedShapeId(this._selectedShapeId).setEdit(this._editMode).setOnSelect(this.onClick.bind(this)).setOnEdit(this.onEdit.bind(this)).build(),
-      ...new OverlayStaticLayerBuilder(this._context.apiUrl, this._context.apiKey, this._levelId).setLayers(this._context.staticLayers).setSurroundings(this._surroundings).build()
-    ];
+    let staticLayers = [];
+    const dynamicLayer = new OverlayDynamicLayerBuilder(this._shapes).setSelectedShapeId(this._selectedShapeId).setEdit(this._editMode).setOnSelect(this.onClick.bind(this)).setOnEdit(this.onEdit.bind(this)).build();
+    if (this._blueprint) {
+      staticLayers = new OverlayStaticLayerBuilder(this._context.apiUrl, this._context.apiKey, this._levelId).setLayers(this._context.staticLayers).setSurroundings(this._surroundings).build();
+    }
+    return [dynamicLayer, ...staticLayers];
   }
   rebuildLayers() {
     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 +78776,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,17 +78869,20 @@ 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
   setContext(context) {
-    const { center: center3, defaultLevelId } = context;
+    const { center: center3, defaultLevelId, rotation } = context;
     this._context = context;
     this._levelId = defaultLevelId;
     this._viewState = {
       ...this._viewState,
       latitude: center3.lat ?? 0,
-      longitude: center3.lng ?? 0
+      longitude: center3.lng ?? 0,
+      bearing: rotation ?? this._viewState.bearing ?? 0
     };
     this._deck.setProps({ viewState: this._viewState });
     this.rebuildLayers();
@@ -78864,6 +78898,13 @@ var MapOverlay = class _MapOverlay {
     this._surroundings = active;
     this.rebuildLayers();
   }
+  getBlueprint() {
+    return this._blueprint;
+  }
+  setBlueprint(active) {
+    this._blueprint = active;
+    this.rebuildLayers();
+  }
   getLevelId() {
     return this._levelId;
   }
@@ -78953,6 +78994,9 @@ var MapOverlay = class _MapOverlay {
   rightClick() {
     return this._rightClickEvent;
   }
+  drop() {
+    return this._dropEvent;
+  }
   //#endregion
   //#endregion
 };