@collabdt/core 0.0.40

package/dist/core/components/viewers/map/utils/ClusterManager.js

@@ -0,0 +1,124 @@
+import { fitGeoJsonBounds } from "./fitGeojsonBounds";
+class ClusterManager {
+  constructor(map) {
+    this.map = map;
+  }
+  create(dataset) {
+    var _a, _b;
+    const sourceId = `building-cluster-${dataset.name}`;
+    const clusterLayerId = `building-cluster-layer-${dataset.name}`;
+    const countLayerId = `building-cluster-count-${dataset.name}`;
+    const unclusteredLayerId = `building-unclustered-${dataset.name}`;
+    const geojson = {
+      type: "FeatureCollection",
+      features: dataset.data.filter((b) => b.buildingLongitude && b.buildingLatitude).map((b) => ({
+        type: "Feature",
+        geometry: { type: "Point", coordinates: [b.buildingLongitude, b.buildingLatitude] },
+        properties: b
+      }))
+    };
+    fitGeoJsonBounds(this.map, geojson);
+    if (this.map.getSource(sourceId)) {
+      this.map.getSource(sourceId).setData(geojson);
+    } else {
+      this.map.addSource(sourceId, {
+        type: "geojson",
+        data: geojson,
+        cluster: true,
+        clusterMaxZoom: 14,
+        clusterRadius: 50
+      });
+      this.map.addLayer({
+        id: clusterLayerId,
+        type: "circle",
+        source: sourceId,
+        filter: ["has", "point_count"],
+        paint: {
+          "circle-color": ((_a = dataset.layerColor) == null ? void 0 : _a.color) || "#73cee2",
+          "circle-radius": [
+            "step",
+            ["get", "point_count"],
+            20,
+            100,
+            30,
+            750,
+            40
+          ]
+        }
+      });
+      this.map.addLayer({
+        id: countLayerId,
+        type: "symbol",
+        source: sourceId,
+        filter: ["has", "point_count"],
+        layout: {
+          "text-field": "{point_count_abbreviated}",
+          "text-font": ["DIN Offc Pro Medium", "Arial Unicode MS Bold"],
+          "text-size": 12
+        },
+        paint: {
+          "text-color": "#ffffff"
+        }
+      });
+      this.map.addLayer({
+        id: unclusteredLayerId,
+        type: "circle",
+        source: sourceId,
+        filter: ["!", ["has", "point_count"]],
+        paint: {
+          "circle-color": ((_b = dataset.layerColor) == null ? void 0 : _b.color) || "#73cee2",
+          "circle-radius": 6,
+          "circle-stroke-width": 2,
+          "circle-stroke-color": "#fff"
+        }
+      });
+      this.map.on("mouseenter", unclusteredLayerId, () => {
+        this.map.getCanvas().style.cursor = "pointer";
+      });
+      this.map.on("mouseleave", unclusteredLayerId, () => {
+        this.map.getCanvas().style.cursor = "";
+      });
+    }
+  }
+  remove(datasetName) {
+    const unclusteredLayerId = `building-unclustered-${datasetName}`;
+    this.map.off("mouseenter", unclusteredLayerId, () => {
+      this.map.getCanvas().style.cursor = "pointer";
+    });
+    this.map.off("mouseleave", unclusteredLayerId, () => {
+      this.map.getCanvas().style.cursor = "";
+    });
+    const sourceId = `building-cluster-${datasetName}`;
+    const clusterLayerId = `building-cluster-layer-${datasetName}`;
+    const countLayerId = `building-cluster-count-${datasetName}`;
+    for (const layerId of [clusterLayerId, countLayerId, unclusteredLayerId]) {
+      if (this.map.getLayer(layerId)) {
+        this.map.removeLayer(layerId);
+      }
+    }
+    if (this.map.getSource(sourceId)) {
+      this.map.removeSource(sourceId);
+    }
+  }
+  toggleVisibility(datasetName, visible) {
+    const clusterLayerId = `building-cluster-layer-${datasetName}`;
+    const countLayerId = `building-cluster-count-${datasetName}`;
+    const unclusteredLayerId = `building-unclustered-${datasetName}`;
+    for (const layerId of [clusterLayerId, countLayerId, unclusteredLayerId]) {
+      if (this.map.getLayer(layerId)) {
+        this.map.setLayoutProperty(layerId, "visibility", visible ? "visible" : "none");
+      }
+    }
+  }
+  removeHiddenDatasets(addedDatasets, isBuildingDataset) {
+    for (const dataset of addedDatasets) {
+      if (isBuildingDataset(dataset) && dataset.visible === false) {
+        this.remove(dataset.name);
+      }
+    }
+  }
+}
+export {
+  ClusterManager
+};
+//# sourceMappingURL=ClusterManager.js.map

package/dist/core/components/viewers/map/utils/ClusterManager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/core/components/viewers/map/utils/ClusterManager.ts"],"sourcesContent":["import { BuildingDataset } from '../../../../types/datasetTypes'\r\nimport { fitGeoJsonBounds } from './fitGeojsonBounds'\r\n\r\nexport class ClusterManager {\r\n  private map: any\r\n\r\n  constructor(map: any) {\r\n    this.map = map\r\n  }\r\n\r\n  create(dataset: BuildingDataset) {\r\n    const sourceId = `building-cluster-${dataset.name}`\r\n    const clusterLayerId = `building-cluster-layer-${dataset.name}`\r\n    const countLayerId = `building-cluster-count-${dataset.name}`\r\n    const unclusteredLayerId = `building-unclustered-${dataset.name}`\r\n\r\n    const geojson = {\r\n      type: 'FeatureCollection',\r\n      features: dataset.data\r\n        .filter((b: any) => b.buildingLongitude && b.buildingLatitude)\r\n        .map((b: any) => ({\r\n          type: 'Feature',\r\n          geometry: { type: 'Point', coordinates: [b.buildingLongitude, b.buildingLatitude] },\r\n          properties: b,\r\n        })),\r\n    }\r\n\r\n    fitGeoJsonBounds(this.map, geojson)\r\n\r\n    if (this.map.getSource(sourceId)) {\r\n      (this.map.getSource(sourceId) as any).setData(geojson)\r\n    }\r\n    else {\r\n      this.map.addSource(sourceId, {\r\n        type: 'geojson',\r\n        data: geojson,\r\n        cluster: true,\r\n        clusterMaxZoom: 14,\r\n        clusterRadius: 50,\r\n      })\r\n\r\n      this.map.addLayer({\r\n        id: clusterLayerId,\r\n        type: 'circle',\r\n        source: sourceId,\r\n        filter: ['has', 'point_count'],\r\n        paint: {\r\n          'circle-color': dataset.layerColor?.color || '#73cee2',\r\n          'circle-radius': [\r\n            'step',\r\n            ['get', 'point_count'],\r\n            20,\r\n            100,\r\n            30,\r\n            750,\r\n            40,\r\n          ],\r\n        },\r\n      })\r\n\r\n      this.map.addLayer({\r\n        id: countLayerId,\r\n        type: 'symbol',\r\n        source: sourceId,\r\n        filter: ['has', 'point_count'],\r\n        layout: {\r\n          'text-field': '{point_count_abbreviated}',\r\n          'text-font': ['DIN Offc Pro Medium', 'Arial Unicode MS Bold'],\r\n          'text-size': 12,\r\n        },\r\n        paint: {\r\n          'text-color': '#ffffff',\r\n        },\r\n      })\r\n\r\n      this.map.addLayer({\r\n        id: unclusteredLayerId,\r\n        type: 'circle',\r\n        source: sourceId,\r\n        filter: ['!', ['has', 'point_count']],\r\n        paint: {\r\n          'circle-color': dataset.layerColor?.color || '#73cee2',\r\n          'circle-radius': 6,\r\n          'circle-stroke-width': 2,\r\n          'circle-stroke-color': '#fff',\r\n        },\r\n      })\r\n\r\n      // Add cursor events for unclustered layer only\r\n      this.map.on('mouseenter', unclusteredLayerId, () => {\r\n        this.map.getCanvas().style.cursor = 'pointer'\r\n      })\r\n      this.map.on('mouseleave', unclusteredLayerId, () => {\r\n        this.map.getCanvas().style.cursor = ''\r\n      })\r\n    }\r\n  }\r\n\r\n  remove(datasetName: string) {\r\n    const unclusteredLayerId = `building-unclustered-${datasetName}`\r\n\r\n    // Remove cursor events for unclustered layer\r\n    this.map.off('mouseenter', unclusteredLayerId, () => {\r\n      this.map.getCanvas().style.cursor = 'pointer'\r\n    })\r\n    this.map.off('mouseleave', unclusteredLayerId, () => {\r\n      this.map.getCanvas().style.cursor = ''\r\n    })\r\n\r\n    const sourceId = `building-cluster-${datasetName}`\r\n    const clusterLayerId = `building-cluster-layer-${datasetName}`\r\n    const countLayerId = `building-cluster-count-${datasetName}`\r\n\r\n    for (const layerId of [clusterLayerId, countLayerId, unclusteredLayerId]) {\r\n      if (this.map.getLayer(layerId)) {\r\n        this.map.removeLayer(layerId)\r\n      }\r\n    }\r\n\r\n    if (this.map.getSource(sourceId)) {\r\n      this.map.removeSource(sourceId)\r\n    }\r\n  }\r\n\r\n  toggleVisibility(datasetName: string, visible: boolean) {\r\n    const clusterLayerId = `building-cluster-layer-${datasetName}`\r\n    const countLayerId = `building-cluster-count-${datasetName}`\r\n    const unclusteredLayerId = `building-unclustered-${datasetName}`\r\n\r\n    for (const layerId of [clusterLayerId, countLayerId, unclusteredLayerId]) {\r\n      if (this.map.getLayer(layerId)) {\r\n        this.map.setLayoutProperty(layerId, 'visibility', visible ? 'visible' : 'none')\r\n      }\r\n    }\r\n  }\r\n\r\n  removeHiddenDatasets(addedDatasets: BuildingDataset[], isBuildingDataset: (dataset: any) => boolean) {\r\n    for (const dataset of addedDatasets) {\r\n      if (isBuildingDataset(dataset) && dataset.visible === false) {\r\n        this.remove(dataset.name)\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"mappings":"AACA,SAAS,wBAAwB;AAE1B,MAAM,eAAe;AAAA,EAG1B,YAAY,KAAU;AACpB,SAAK,MAAM;AAAA,EACb;AAAA,EAEA,OAAO,SAA0B;AAVnC;AAWI,UAAM,WAAW,oBAAoB,QAAQ,IAAI;AACjD,UAAM,iBAAiB,0BAA0B,QAAQ,IAAI;AAC7D,UAAM,eAAe,0BAA0B,QAAQ,IAAI;AAC3D,UAAM,qBAAqB,wBAAwB,QAAQ,IAAI;AAE/D,UAAM,UAAU;AAAA,MACd,MAAM;AAAA,MACN,UAAU,QAAQ,KACf,OAAO,CAAC,MAAW,EAAE,qBAAqB,EAAE,gBAAgB,EAC5D,IAAI,CAAC,OAAY;AAAA,QAChB,MAAM;AAAA,QACN,UAAU,EAAE,MAAM,SAAS,aAAa,CAAC,EAAE,mBAAmB,EAAE,gBAAgB,EAAE;AAAA,QAClF,YAAY;AAAA,MACd,EAAE;AAAA,IACN;AAEA,qBAAiB,KAAK,KAAK,OAAO;AAElC,QAAI,KAAK,IAAI,UAAU,QAAQ,GAAG;AAChC,MAAC,KAAK,IAAI,UAAU,QAAQ,EAAU,QAAQ,OAAO;AAAA,IACvD,OACK;AACH,WAAK,IAAI,UAAU,UAAU;AAAA,QAC3B,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,eAAe;AAAA,MACjB,CAAC;AAED,WAAK,IAAI,SAAS;AAAA,QAChB,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ,CAAC,OAAO,aAAa;AAAA,QAC7B,OAAO;AAAA,UACL,kBAAgB,aAAQ,eAAR,mBAAoB,UAAS;AAAA,UAC7C,iBAAiB;AAAA,YACf;AAAA,YACA,CAAC,OAAO,aAAa;AAAA,YACrB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AAED,WAAK,IAAI,SAAS;AAAA,QAChB,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ,CAAC,OAAO,aAAa;AAAA,QAC7B,QAAQ;AAAA,UACN,cAAc;AAAA,UACd,aAAa,CAAC,uBAAuB,uBAAuB;AAAA,UAC5D,aAAa;AAAA,QACf;AAAA,QACA,OAAO;AAAA,UACL,cAAc;AAAA,QAChB;AAAA,MACF,CAAC;AAED,WAAK,IAAI,SAAS;AAAA,QAChB,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ,CAAC,KAAK,CAAC,OAAO,aAAa,CAAC;AAAA,QACpC,OAAO;AAAA,UACL,kBAAgB,aAAQ,eAAR,mBAAoB,UAAS;AAAA,UAC7C,iBAAiB;AAAA,UACjB,uBAAuB;AAAA,UACvB,uBAAuB;AAAA,QACzB;AAAA,MACF,CAAC;AAGD,WAAK,IAAI,GAAG,cAAc,oBAAoB,MAAM;AAClD,aAAK,IAAI,UAAU,EAAE,MAAM,SAAS;AAAA,MACtC,CAAC;AACD,WAAK,IAAI,GAAG,cAAc,oBAAoB,MAAM;AAClD,aAAK,IAAI,UAAU,EAAE,MAAM,SAAS;AAAA,MACtC,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,OAAO,aAAqB;AAC1B,UAAM,qBAAqB,wBAAwB,WAAW;AAG9D,SAAK,IAAI,IAAI,cAAc,oBAAoB,MAAM;AACnD,WAAK,IAAI,UAAU,EAAE,MAAM,SAAS;AAAA,IACtC,CAAC;AACD,SAAK,IAAI,IAAI,cAAc,oBAAoB,MAAM;AACnD,WAAK,IAAI,UAAU,EAAE,MAAM,SAAS;AAAA,IACtC,CAAC;AAED,UAAM,WAAW,oBAAoB,WAAW;AAChD,UAAM,iBAAiB,0BAA0B,WAAW;AAC5D,UAAM,eAAe,0BAA0B,WAAW;AAE1D,eAAW,WAAW,CAAC,gBAAgB,cAAc,kBAAkB,GAAG;AACxE,UAAI,KAAK,IAAI,SAAS,OAAO,GAAG;AAC9B,aAAK,IAAI,YAAY,OAAO;AAAA,MAC9B;AAAA,IACF;AAEA,QAAI,KAAK,IAAI,UAAU,QAAQ,GAAG;AAChC,WAAK,IAAI,aAAa,QAAQ;AAAA,IAChC;AAAA,EACF;AAAA,EAEA,iBAAiB,aAAqB,SAAkB;AACtD,UAAM,iBAAiB,0BAA0B,WAAW;AAC5D,UAAM,eAAe,0BAA0B,WAAW;AAC1D,UAAM,qBAAqB,wBAAwB,WAAW;AAE9D,eAAW,WAAW,CAAC,gBAAgB,cAAc,kBAAkB,GAAG;AACxE,UAAI,KAAK,IAAI,SAAS,OAAO,GAAG;AAC9B,aAAK,IAAI,kBAAkB,SAAS,cAAc,UAAU,YAAY,MAAM;AAAA,MAChF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,qBAAqB,eAAkC,mBAA8C;AACnG,eAAW,WAAW,eAAe;AACnC,UAAI,kBAAkB,OAAO,KAAK,QAAQ,YAAY,OAAO;AAC3D,aAAK,OAAO,QAAQ,IAAI;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/core/components/viewers/map/utils/MapEventManager/MapClickManager.d.ts

@@ -0,0 +1,27 @@
+import type maplibregl from 'maplibre-gl';
+/**
+ * This is very important. Declare a new priority for your layer in this enum if you need to,
+ * otherwise, just use the one that has been declared
+ * Higher priority is clicked first.
+ */
+export declare enum MapLayerClickPriority {
+    BuildingLayersClickPriority = 100,
+    CommentLayersClickPriority = 200,
+    MartinLayerClickPriority = 300,
+    OpenDataLayerClickPriority = 350,
+    FileLayerCLickPriority = 400,
+    BimModelLayerPriority = 600,
+    ActiveTool = 1000
+}
+export type ClickCallback = (event: maplibregl.MapMouseEvent, features: maplibregl.MapGeoJSONFeature[]) => void;
+export declare class MapClickManager {
+    private map;
+    private clickHandlers;
+    private boundedClickHandler;
+    constructor(map: maplibregl.Map);
+    register(layerId: string, priority: MapLayerClickPriority, callback: ClickCallback): void;
+    unregister(layerId: any): void;
+    private handleMapClick;
+    destroy(): void;
+}
+//# sourceMappingURL=MapClickManager.d.ts.map

package/dist/core/components/viewers/map/utils/MapEventManager/MapClickManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapClickManager.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/utils/MapEventManager/MapClickManager.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,UAAU,MAAM,aAAa,CAAA;AAEzC;;;;GAIG;AACH,oBAAY,qBAAqB;IAC/B,2BAA2B,MAAM;IACjC,0BAA0B,MAAM;IAChC,wBAAwB,MAAM;IAC9B,0BAA0B,MAAM;IAChC,sBAAsB,MAAM;IAC5B,qBAAqB,MAAM;IAC3B,UAAU,OAAO;CAClB;AACD,MAAM,MAAM,aAAa,GAAG,CAC1B,KAAK,EAAE,UAAU,CAAC,aAAa,EAC/B,QAAQ,EAAE,UAAU,CAAC,iBAAiB,EAAE,KACrC,IAAI,CAAA;AAQT,qBAAa,eAAe;IAC1B,OAAO,CAAC,GAAG,CAAgB;IAC3B,OAAO,CAAC,aAAa,CAAqB;IAC1C,OAAO,CAAC,mBAAmB,CAAqC;gBAEpD,GAAG,EAAE,UAAU,CAAC,GAAG;IAOxB,QAAQ,CACb,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,qBAAqB,EAC/B,QAAQ,EAAE,aAAa;IAOlB,UAAU,CAAC,OAAO,KAAA;IAKzB,OAAO,CAAC,cAAc;IA4BtB,OAAO;CAIR"}

package/dist/core/components/viewers/map/utils/MapEventManager/MapClickManager.js

@@ -0,0 +1,57 @@
+var MapLayerClickPriority = /* @__PURE__ */ ((MapLayerClickPriority2) => {
+  MapLayerClickPriority2[MapLayerClickPriority2["BuildingLayersClickPriority"] = 100] = "BuildingLayersClickPriority";
+  MapLayerClickPriority2[MapLayerClickPriority2["CommentLayersClickPriority"] = 200] = "CommentLayersClickPriority";
+  MapLayerClickPriority2[MapLayerClickPriority2["MartinLayerClickPriority"] = 300] = "MartinLayerClickPriority";
+  MapLayerClickPriority2[MapLayerClickPriority2["OpenDataLayerClickPriority"] = 350] = "OpenDataLayerClickPriority";
+  MapLayerClickPriority2[MapLayerClickPriority2["FileLayerCLickPriority"] = 400] = "FileLayerCLickPriority";
+  MapLayerClickPriority2[MapLayerClickPriority2["BimModelLayerPriority"] = 600] = "BimModelLayerPriority";
+  MapLayerClickPriority2[MapLayerClickPriority2["ActiveTool"] = 1e3] = "ActiveTool";
+  return MapLayerClickPriority2;
+})(MapLayerClickPriority || {});
+class MapClickManager {
+  // clickHandler has "this" object binded to it, so inside the handleClick private function, we can still access this.map.
+  constructor(map) {
+    this.map = map;
+    this.boundedClickHandler = this.handleMapClick.bind(this);
+    this.clickHandlers = [];
+    this.map.on("click", this.boundedClickHandler);
+  }
+  register(layerId, priority, callback) {
+    this.clickHandlers.push({ layerId, priority, callback });
+    this.clickHandlers.sort((a, b) => b.priority - a.priority);
+  }
+  unregister(layerId) {
+    this.clickHandlers = this.clickHandlers.filter((handler) => handler.layerId !== layerId);
+  }
+  handleMapClick(e) {
+    for (const handler of this.clickHandlers) {
+      if (handler.priority === 1e3 /* ActiveTool */) {
+        handler.callback(e, []);
+        console.log("call back return ");
+        return;
+      }
+    }
+    const features = this.map.queryRenderedFeatures(e.point);
+    if (!features) return;
+    for (let i = 0; i < this.clickHandlers.length; i++) {
+      const currentHandler = this.clickHandlers[i];
+      const hits = features.filter((f) => {
+        var _a;
+        return ((_a = f.layer) == null ? void 0 : _a.id) == currentHandler.layerId;
+      });
+      if (hits.length > 0) {
+        currentHandler.callback(e, hits);
+        break;
+      }
+    }
+  }
+  destroy() {
+    this.map.off("click", this.boundedClickHandler);
+    this.clickHandlers = [];
+  }
+}
+export {
+  MapClickManager,
+  MapLayerClickPriority
+};
+//# sourceMappingURL=MapClickManager.js.map

package/dist/core/components/viewers/map/utils/MapEventManager/MapClickManager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/map/utils/MapEventManager/MapClickManager.ts"],"sourcesContent":["// MapClickManager.ts\r\nimport type maplibregl from 'maplibre-gl'\r\n\r\n/**\r\n * This is very important. Declare a new priority for your layer in this enum if you need to,\r\n * otherwise, just use the one that has been declared\r\n * Higher priority is clicked first.\r\n */\r\nexport enum MapLayerClickPriority {\r\n  BuildingLayersClickPriority = 100,\r\n  CommentLayersClickPriority = 200,\r\n  MartinLayerClickPriority = 300,\r\n  OpenDataLayerClickPriority = 350,\r\n  FileLayerCLickPriority = 400,\r\n  BimModelLayerPriority = 600,\r\n  ActiveTool = 1000, // SPECIAL ONE, MAKE SURE TO DISABLE THE TOOL WHEN YOU ARE FINISH.\r\n}\r\nexport type ClickCallback = (\r\n  event: maplibregl.MapMouseEvent,\r\n  features: maplibregl.MapGeoJSONFeature[],\r\n) => void\r\n\r\ninterface LayerClickHandler {\r\n  layerId: string\r\n  priority: number\r\n  callback: ClickCallback\r\n}\r\n\r\nexport class MapClickManager {\r\n  private map: maplibregl.Map // the instance of the map\r\n  private clickHandlers: LayerClickHandler[] // all click handlers for layers that has been registered\r\n  private boundedClickHandler: (e: maplibregl.MapMouseEvent) => {} // clickHandler has \"this\" object binded to it, so inside the handleClick private function, we can still access this.map.\r\n\r\n  constructor(map: maplibregl.Map) {\r\n    this.map = map\r\n    this.boundedClickHandler = this.handleMapClick.bind(this)\r\n    this.clickHandlers = []\r\n    this.map.on('click', this.boundedClickHandler)\r\n  }\r\n\r\n  public register(\r\n    layerId: string,\r\n    priority: MapLayerClickPriority,\r\n    callback: ClickCallback,\r\n  ) {\r\n    this.clickHandlers.push({ layerId, priority, callback })\r\n    this.clickHandlers.sort((a, b) => b.priority - a.priority)\r\n    // console.log(this.clickHandlers)\r\n  }\r\n\r\n  public unregister(layerId) {\r\n    this.clickHandlers = this.clickHandlers.filter(handler => handler.layerId !== layerId)\r\n    // console.log(this.clickHandlers)\r\n  }\r\n\r\n  private handleMapClick(e: maplibregl.MapMouseEvent) {\r\n    // for active tools\r\n    for (const handler of this.clickHandlers) {\r\n      if (handler.priority === MapLayerClickPriority.ActiveTool) {\r\n        handler.callback(e, [])\r\n        console.log('call back return ')\r\n        return\r\n      }\r\n    }\r\n\r\n    // console.log(e.point)\r\n    const features = this.map.queryRenderedFeatures(e.point)\r\n    // console.log(features)\r\n\r\n    if (!features) return\r\n\r\n    for (let i = 0; i < this.clickHandlers.length; i++) {\r\n      const currentHandler = this.clickHandlers[i]\r\n      const hits = features.filter(f => f.layer?.id == currentHandler.layerId)\r\n\r\n      if (hits.length > 0) {\r\n        // console.log(currentHandler)\r\n        currentHandler.callback(e, hits)\r\n        break\r\n      }\r\n    }\r\n  }\r\n\r\n  destroy() {\r\n    this.map.off('click', this.boundedClickHandler)\r\n    this.clickHandlers = []\r\n  }\r\n}\r\n"],"mappings":"AAQO,IAAK,wBAAL,kBAAKA,2BAAL;AACL,EAAAA,8CAAA,iCAA8B,OAA9B;AACA,EAAAA,8CAAA,gCAA6B,OAA7B;AACA,EAAAA,8CAAA,8BAA2B,OAA3B;AACA,EAAAA,8CAAA,gCAA6B,OAA7B;AACA,EAAAA,8CAAA,4BAAyB,OAAzB;AACA,EAAAA,8CAAA,2BAAwB,OAAxB;AACA,EAAAA,8CAAA,gBAAa,OAAb;AAPU,SAAAA;AAAA,GAAA;AAoBL,MAAM,gBAAgB;AAAA;AAAA,EAK3B,YAAY,KAAqB;AAC/B,SAAK,MAAM;AACX,SAAK,sBAAsB,KAAK,eAAe,KAAK,IAAI;AACxD,SAAK,gBAAgB,CAAC;AACtB,SAAK,IAAI,GAAG,SAAS,KAAK,mBAAmB;AAAA,EAC/C;AAAA,EAEO,SACL,SACA,UACA,UACA;AACA,SAAK,cAAc,KAAK,EAAE,SAAS,UAAU,SAAS,CAAC;AACvD,SAAK,cAAc,KAAK,CAAC,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ;AAAA,EAE3D;AAAA,EAEO,WAAW,SAAS;AACzB,SAAK,gBAAgB,KAAK,cAAc,OAAO,aAAW,QAAQ,YAAY,OAAO;AAAA,EAEvF;AAAA,EAEQ,eAAe,GAA6B;AAElD,eAAW,WAAW,KAAK,eAAe;AACxC,UAAI,QAAQ,aAAa,sBAAkC;AACzD,gBAAQ,SAAS,GAAG,CAAC,CAAC;AACtB,gBAAQ,IAAI,mBAAmB;AAC/B;AAAA,MACF;AAAA,IACF;AAGA,UAAM,WAAW,KAAK,IAAI,sBAAsB,EAAE,KAAK;AAGvD,QAAI,CAAC,SAAU;AAEf,aAAS,IAAI,GAAG,IAAI,KAAK,cAAc,QAAQ,KAAK;AAClD,YAAM,iBAAiB,KAAK,cAAc,CAAC;AAC3C,YAAM,OAAO,SAAS,OAAO,OAAE;AAzErC;AAyEwC,wBAAE,UAAF,mBAAS,OAAM,eAAe;AAAA,OAAO;AAEvE,UAAI,KAAK,SAAS,GAAG;AAEnB,uBAAe,SAAS,GAAG,IAAI;AAC/B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU;AACR,SAAK,IAAI,IAAI,SAAS,KAAK,mBAAmB;AAC9C,SAAK,gBAAgB,CAAC;AAAA,EACxB;AACF;","names":["MapLayerClickPriority"]}

package/dist/core/components/viewers/map/utils/MapEventManager/MapHoverManager.d.ts

@@ -0,0 +1,27 @@
+import type maplibregl from 'maplibre-gl';
+/**
+ * This is very important. Declare a new priority for your layer in this enum if you need to,
+ * otherwise, just use the one that has been declared
+ * Higher priority is clicked first.
+ *
+ * For layers that has the same priority, the default will be the first one that is in the sorted list that is called.
+ */
+export declare enum MapLayerHoverPriority {
+    BuildingLayers = 100,
+    CommentLayers = 200,
+    MartinLayers = 300,
+    FileLayers = 400,
+    BimModels = 600
+}
+export type HoverCallback = (event: maplibregl.MapMouseEvent, features: maplibregl.MapGeoJSONFeature[]) => void;
+export declare class MapHoverManager {
+    private map;
+    private hoverHandlers;
+    private boundedHoverHandler;
+    constructor(map: maplibregl.Map);
+    register(layerId: string, priority: MapLayerHoverPriority, callback: HoverCallback): void;
+    unregister(layerId: any): void;
+    private handleMapHover;
+    destroy(): void;
+}
+//# sourceMappingURL=MapHoverManager.d.ts.map

package/dist/core/components/viewers/map/utils/MapEventManager/MapHoverManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapHoverManager.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/map/utils/MapEventManager/MapHoverManager.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,UAAU,MAAM,aAAa,CAAA;AAEzC;;;;;;GAMG;AACH,oBAAY,qBAAqB;IAC/B,cAAc,MAAM;IACpB,aAAa,MAAM;IACnB,YAAY,MAAM;IAClB,UAAU,MAAM;IAChB,SAAS,MAAM;CAChB;AACD,MAAM,MAAM,aAAa,GAAG,CAC1B,KAAK,EAAE,UAAU,CAAC,aAAa,EAC/B,QAAQ,EAAE,UAAU,CAAC,iBAAiB,EAAE,KACrC,IAAI,CAAA;AAQT,qBAAa,eAAe;IAC1B,OAAO,CAAC,GAAG,CAAgB;IAC3B,OAAO,CAAC,aAAa,CAAqB;IAC1C,OAAO,CAAC,mBAAmB,CAAqC;gBAEpD,GAAG,EAAE,UAAU,CAAC,GAAG;IAOxB,QAAQ,CACb,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,qBAAqB,EAC/B,QAAQ,EAAE,aAAa;IAOlB,UAAU,CAAC,OAAO,KAAA;IAKzB,OAAO,CAAC,cAAc;IAkBtB,OAAO;CAIR"}

package/dist/core/components/viewers/map/utils/MapEventManager/MapHoverManager.js

@@ -0,0 +1,48 @@
+var MapLayerHoverPriority = /* @__PURE__ */ ((MapLayerHoverPriority2) => {
+  MapLayerHoverPriority2[MapLayerHoverPriority2["BuildingLayers"] = 100] = "BuildingLayers";
+  MapLayerHoverPriority2[MapLayerHoverPriority2["CommentLayers"] = 200] = "CommentLayers";
+  MapLayerHoverPriority2[MapLayerHoverPriority2["MartinLayers"] = 300] = "MartinLayers";
+  MapLayerHoverPriority2[MapLayerHoverPriority2["FileLayers"] = 400] = "FileLayers";
+  MapLayerHoverPriority2[MapLayerHoverPriority2["BimModels"] = 600] = "BimModels";
+  return MapLayerHoverPriority2;
+})(MapLayerHoverPriority || {});
+class MapHoverManager {
+  // clickHandler has "this" object binded to it, so inside the handleClick private function, we can still access this.map.
+  constructor(map) {
+    this.map = map;
+    this.boundedHoverHandler = this.handleMapHover.bind(this);
+    this.hoverHandlers = [];
+    this.map.on("mousemove", this.boundedHoverHandler);
+  }
+  register(layerId, priority, callback) {
+    this.hoverHandlers.push({ layerId, priority, callback });
+    this.hoverHandlers.sort((a, b) => b.priority - a.priority);
+  }
+  unregister(layerId) {
+    this.hoverHandlers = this.hoverHandlers.filter((handler) => handler.layerId !== layerId);
+  }
+  handleMapHover(e) {
+    const features = this.map.queryRenderedFeatures(e.point);
+    if (!features) return;
+    for (let i = 0; i < this.hoverHandlers.length; i++) {
+      const currentHandler = this.hoverHandlers[i];
+      const hits = features.filter((f) => {
+        var _a;
+        return ((_a = f.layer) == null ? void 0 : _a.id) == currentHandler.layerId;
+      });
+      if (hits.length > 0) {
+        currentHandler.callback(e, hits);
+        break;
+      }
+    }
+  }
+  destroy() {
+    this.map.off("mouseenter", this.boundedHoverHandler);
+    this.hoverHandlers = [];
+  }
+}
+export {
+  MapHoverManager,
+  MapLayerHoverPriority
+};
+//# sourceMappingURL=MapHoverManager.js.map

package/dist/core/components/viewers/map/utils/MapEventManager/MapHoverManager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/map/utils/MapEventManager/MapHoverManager.ts"],"sourcesContent":["// MapClickManager.ts\r\nimport type maplibregl from 'maplibre-gl'\r\n\r\n/**\r\n * This is very important. Declare a new priority for your layer in this enum if you need to,\r\n * otherwise, just use the one that has been declared\r\n * Higher priority is clicked first.\r\n *\r\n * For layers that has the same priority, the default will be the first one that is in the sorted list that is called.\r\n */\r\nexport enum MapLayerHoverPriority {\r\n  BuildingLayers = 100,\r\n  CommentLayers = 200,\r\n  MartinLayers = 300,\r\n  FileLayers = 400,\r\n  BimModels = 600,\r\n}\r\nexport type HoverCallback = (\r\n  event: maplibregl.MapMouseEvent,\r\n  features: maplibregl.MapGeoJSONFeature[],\r\n) => void\r\n\r\ninterface LayerHoverHandler {\r\n  layerId: string\r\n  priority: number\r\n  callback: HoverCallback\r\n}\r\n\r\nexport class MapHoverManager {\r\n  private map: maplibregl.Map // the instance of the map\r\n  private hoverHandlers: LayerHoverHandler[] // all click handlers for layers that has been registered\r\n  private boundedHoverHandler: (e: maplibregl.MapMouseEvent) => {} // clickHandler has \"this\" object binded to it, so inside the handleClick private function, we can still access this.map.\r\n\r\n  constructor(map: maplibregl.Map) {\r\n    this.map = map\r\n    this.boundedHoverHandler = this.handleMapHover.bind(this)\r\n    this.hoverHandlers = []\r\n    this.map.on('mousemove', this.boundedHoverHandler)\r\n  }\r\n\r\n  public register(\r\n    layerId: string,\r\n    priority: MapLayerHoverPriority,\r\n    callback: HoverCallback,\r\n  ) {\r\n    this.hoverHandlers.push({ layerId, priority, callback })\r\n    this.hoverHandlers.sort((a, b) => b.priority - a.priority)\r\n    // console.log(this.clickHandlers)\r\n  }\r\n\r\n  public unregister(layerId) {\r\n    this.hoverHandlers = this.hoverHandlers.filter(handler => handler.layerId !== layerId)\r\n    // console.log(this.clickHandlers)\r\n  }\r\n\r\n  private handleMapHover(e: maplibregl.MapMouseEvent) {\r\n    const features = this.map.queryRenderedFeatures(e.point)\r\n    // console.log(features)\r\n\r\n    if (!features) return\r\n\r\n    for (let i = 0; i < this.hoverHandlers.length; i++) {\r\n      const currentHandler = this.hoverHandlers[i]\r\n      const hits = features.filter(f => f.layer?.id == currentHandler.layerId)\r\n\r\n      if (hits.length > 0) {\r\n        // console.log(currentHandler)\r\n        currentHandler.callback(e, hits)\r\n        break\r\n      }\r\n    }\r\n  }\r\n\r\n  destroy() {\r\n    this.map.off('mouseenter', this.boundedHoverHandler)\r\n    this.hoverHandlers = []\r\n  }\r\n}\r\n"],"mappings":"AAUO,IAAK,wBAAL,kBAAKA,2BAAL;AACL,EAAAA,8CAAA,oBAAiB,OAAjB;AACA,EAAAA,8CAAA,mBAAgB,OAAhB;AACA,EAAAA,8CAAA,kBAAe,OAAf;AACA,EAAAA,8CAAA,gBAAa,OAAb;AACA,EAAAA,8CAAA,eAAY,OAAZ;AALU,SAAAA;AAAA,GAAA;AAkBL,MAAM,gBAAgB;AAAA;AAAA,EAK3B,YAAY,KAAqB;AAC/B,SAAK,MAAM;AACX,SAAK,sBAAsB,KAAK,eAAe,KAAK,IAAI;AACxD,SAAK,gBAAgB,CAAC;AACtB,SAAK,IAAI,GAAG,aAAa,KAAK,mBAAmB;AAAA,EACnD;AAAA,EAEO,SACL,SACA,UACA,UACA;AACA,SAAK,cAAc,KAAK,EAAE,SAAS,UAAU,SAAS,CAAC;AACvD,SAAK,cAAc,KAAK,CAAC,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ;AAAA,EAE3D;AAAA,EAEO,WAAW,SAAS;AACzB,SAAK,gBAAgB,KAAK,cAAc,OAAO,aAAW,QAAQ,YAAY,OAAO;AAAA,EAEvF;AAAA,EAEQ,eAAe,GAA6B;AAClD,UAAM,WAAW,KAAK,IAAI,sBAAsB,EAAE,KAAK;AAGvD,QAAI,CAAC,SAAU;AAEf,aAAS,IAAI,GAAG,IAAI,KAAK,cAAc,QAAQ,KAAK;AAClD,YAAM,iBAAiB,KAAK,cAAc,CAAC;AAC3C,YAAM,OAAO,SAAS,OAAO,OAAE;AA/DrC;AA+DwC,wBAAE,UAAF,mBAAS,OAAM,eAAe;AAAA,OAAO;AAEvE,UAAI,KAAK,SAAS,GAAG;AAEnB,uBAAe,SAAS,GAAG,IAAI;AAC/B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU;AACR,SAAK,IAAI,IAAI,cAAc,KAAK,mBAAmB;AACnD,SAAK,gBAAgB,CAAC;AAAA,EACxB;AACF;","names":["MapLayerHoverPriority"]}

package/dist/core/components/viewers/map/utils/MarkerManager.d.ts

@@ -0,0 +1,50 @@
+import type { LayerColors } from '../../../../types/datasetTypes';
+import { Marker } from 'maplibre-gl';
+export interface ClusterDataset {
+    name: string;
+    data: any[];
+    layerColor?: LayerColors | string;
+}
+export interface ClusterOptions {
+    longitudeKey?: string;
+    latitudeKey?: string;
+    color?: string;
+    clusterMaxZoom?: number;
+    clusterRadius?: number;
+}
+export declare class MarkerManager {
+    private markers;
+    private marker;
+    private map;
+    private escKeyCleanup;
+    private _editing;
+    private _coordinates;
+    private defaultColour;
+    private allowMultiple;
+    constructor();
+    get editing(): boolean;
+    set editing(value: boolean);
+    get coordinates(): [number, number] | null;
+    create(coordinates: [number, number], map: any, options?: {
+        allowMultiple?: boolean;
+        layerColor?: LayerColors | string;
+        editing?: boolean;
+    }): Marker;
+    private updateMarkerDraggable;
+    private handleMarkerDragEnd;
+    private handleEscKey;
+    private setupEscapeKeyListener;
+    remove(): void;
+    updatePosition(coordinates: [number, number]): void;
+    hasMarker(): boolean;
+    getMarker(): Marker | null;
+    onRemoved(callback: (event: CustomEvent) => void): () => void;
+    onMoved(callback: (event: CustomEvent) => void): () => void;
+    onEditingChanged(callback: (event: CustomEvent) => void): () => void;
+    private dispatchMarkerRemovedEvent;
+    private dispatchMarkerMovedEvent;
+    private dispatchEditingChangedEvent;
+    static addClusterMarkers(map: any, dataset: ClusterDataset, options?: ClusterOptions): void;
+    destroy(): void;
+}
+//# sourceMappingURL=MarkerManager.d.ts.map

package/dist/core/components/viewers/map/utils/MarkerManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkerManager.d.ts","sourceRoot":"","sources":["../../../../../../src/core/components/viewers/map/utils/MarkerManager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAapC,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,GAAG,CAAY;IACvB,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,YAAY,CAAgC;IACpD,OAAO,CAAC,aAAa,CAAY;IACjC,OAAO,CAAC,aAAa,CAAiB;;IAQtC,IAAI,OAAO,IAAI,OAAO,CAErB;IAGD,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAMzB;IAGD,IAAI,WAAW,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAEzC;IAGD,MAAM,CACJ,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAC7B,GAAG,EAAE,GAAG,EACR,OAAO,CAAC,EAAE;QAAE,aAAa,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,GAC1F,MAAM;IAkDT,OAAO,CAAC,qBAAqB;IAsB7B,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,sBAAsB;IAgB9B,MAAM,IAAI,IAAI;IAsBd,cAAc,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI;IAQnD,SAAS,IAAI,OAAO;IAKpB,SAAS,IAAI,MAAM,GAAG,IAAI;IAK1B,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,MAAM,IAAI;IAO7D,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,MAAM,IAAI;IAO3D,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAAG,MAAM,IAAI;IAQpE,OAAO,CAAC,0BAA0B;IAWlC,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,2BAA2B;IAYnC,MAAM,CAAC,iBAAiB,CACtB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,cAAc,EACvB,OAAO,GAAE,cAAmB,GAC3B,IAAI;IAiGP,OAAO,IAAI,IAAI;CAGhB"}

package/dist/core/components/viewers/map/utils/MarkerManager.js

@@ -0,0 +1,280 @@
+import { Marker } from "maplibre-gl";
+const MARKER_REMOVED_EVENT = "markerRemoved";
+const MARKER_MOVED_EVENT = "markerMoved";
+const MARKER_EDITING_CHANGED_EVENT = "markerEditingChanged";
+class MarkerManager {
+  // <-- Add this
+  constructor() {
+    this.markers = [];
+    this.marker = null;
+    this.map = null;
+    this.escKeyCleanup = null;
+    this._editing = false;
+    this._coordinates = null;
+    this.defaultColour = "#73cee2";
+    this.allowMultiple = false;
+    this.handleEscKey = this.handleEscKey.bind(this);
+    this.handleMarkerDragEnd = this.handleMarkerDragEnd.bind(this);
+  }
+  // Getter for editing state
+  get editing() {
+    return this._editing;
+  }
+  // Setter for editing state
+  set editing(value) {
+    if (this._editing !== value) {
+      this._editing = value;
+      this.updateMarkerDraggable();
+      this.dispatchEditingChangedEvent();
+    }
+  }
+  // Getter for coordinates
+  get coordinates() {
+    return this._coordinates;
+  }
+  // Create and add a marker to the map
+  create(coordinates, map, options) {
+    var _a, _b;
+    this.allowMultiple = (_a = options == null ? void 0 : options.allowMultiple) != null ? _a : false;
+    if (!this.allowMultiple) {
+      this.remove();
+    }
+    this.map = map;
+    this._coordinates = coordinates;
+    const editing = (_b = options == null ? void 0 : options.editing) != null ? _b : false;
+    const layerColor = options == null ? void 0 : options.layerColor;
+    const markerElement = document.createElement("div");
+    markerElement.style.width = "15px";
+    markerElement.style.height = "15px";
+    markerElement.style.borderRadius = "50%";
+    markerElement.style.backgroundColor = typeof layerColor === "string" ? layerColor : (layerColor == null ? void 0 : layerColor.color) || this.defaultColour;
+    markerElement.style.border = "3px solid white";
+    markerElement.style.cursor = editing ? "move" : "pointer";
+    const newMarker = new Marker({
+      element: markerElement,
+      anchor: "center",
+      draggable: editing
+    }).setLngLat(coordinates).addTo(map);
+    if (editing) {
+      newMarker.on("dragend", this.handleMarkerDragEnd);
+    }
+    if (this.allowMultiple) {
+      this.markers.push(newMarker);
+    } else {
+      this.marker = newMarker;
+    }
+    this.setupEscapeKeyListener();
+    return newMarker;
+  }
+  // Update marker draggable state
+  updateMarkerDraggable() {
+    if (this.marker) {
+      this.marker.off("dragend", this.handleMarkerDragEnd);
+      this.marker.setDraggable(this._editing);
+      const element = this.marker.getElement();
+      if (element) {
+        element.style.cursor = this._editing ? "dragging" : "pointer";
+      }
+      if (this._editing) {
+        this.marker.on("dragend", this.handleMarkerDragEnd);
+      }
+    }
+  }
+  // Handle marker drag end
+  handleMarkerDragEnd() {
+    if (this.marker) {
+      const newCoordinates = this.marker.getLngLat().toArray();
+      this._coordinates = newCoordinates;
+      this.dispatchMarkerMovedEvent(newCoordinates);
+    }
+  }
+  // Handle escape key press
+  handleEscKey(event) {
+    if (event.key === "Escape") {
+      this.remove();
+    }
+  }
+  // Set up escape key listener
+  setupEscapeKeyListener() {
+    if (this.escKeyCleanup) {
+      this.escKeyCleanup();
+    }
+    document.addEventListener("keydown", this.handleEscKey);
+    this.escKeyCleanup = () => {
+      document.removeEventListener("keydown", this.handleEscKey);
+    };
+  }
+  // Remove the marker(s)
+  remove() {
+    if (this.allowMultiple) {
+      for (const marker of this.markers) marker.remove();
+      this.markers = [];
+      this._coordinates = null;
+      this.dispatchMarkerRemovedEvent();
+    } else if (this.marker) {
+      this.marker.remove();
+      this.marker = null;
+      this._coordinates = null;
+      this.dispatchMarkerRemovedEvent();
+    }
+    if (this.escKeyCleanup) {
+      this.escKeyCleanup();
+      this.escKeyCleanup = null;
+    }
+  }
+  // Update marker position
+  updatePosition(coordinates) {
+    if (this.marker) {
+      this.marker.setLngLat(coordinates);
+      this._coordinates = coordinates;
+    }
+  }
+  // Check if marker exists
+  hasMarker() {
+    return this.marker !== null;
+  }
+  // Get the underlying MapLibre marker instance
+  getMarker() {
+    return this.marker;
+  }
+  // Listen to marker events on this instance
+  onRemoved(callback) {
+    document.addEventListener(MARKER_REMOVED_EVENT, callback);
+    return () => {
+      document.removeEventListener(MARKER_REMOVED_EVENT, callback);
+    };
+  }
+  onMoved(callback) {
+    document.addEventListener(MARKER_MOVED_EVENT, callback);
+    return () => {
+      document.removeEventListener(MARKER_MOVED_EVENT, callback);
+    };
+  }
+  onEditingChanged(callback) {
+    document.addEventListener(MARKER_EDITING_CHANGED_EVENT, callback);
+    return () => {
+      document.removeEventListener(MARKER_EDITING_CHANGED_EVENT, callback);
+    };
+  }
+  // Dispatch marker removed event
+  dispatchMarkerRemovedEvent() {
+    const event = new CustomEvent(MARKER_REMOVED_EVENT, {
+      detail: {
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        markerType: "marker"
+      }
+    });
+    document.dispatchEvent(event);
+  }
+  // Dispatch marker moved event
+  dispatchMarkerMovedEvent(coordinates) {
+    const event = new CustomEvent(MARKER_MOVED_EVENT, {
+      detail: {
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        markerType: "marker",
+        coordinates
+      }
+    });
+    document.dispatchEvent(event);
+  }
+  // Dispatch editing state changed event
+  dispatchEditingChangedEvent() {
+    const event = new CustomEvent(MARKER_EDITING_CHANGED_EVENT, {
+      detail: {
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        markerType: "marker",
+        editing: this._editing,
+        coordinates: this._coordinates
+      }
+    });
+    document.dispatchEvent(event);
+  }
+  static addClusterMarkers(map, dataset, options = {}) {
+    var _a;
+    const {
+      longitudeKey = "longitude",
+      latitudeKey = "latitude",
+      color = (typeof dataset.layerColor === "string" ? dataset.layerColor : (_a = dataset.layerColor) == null ? void 0 : _a.color) || "#73cee2",
+      clusterMaxZoom = 14,
+      clusterRadius = 50
+    } = options;
+    const sourceId = `cluster-${dataset.name}`;
+    const clusterLayerId = `cluster-layer-${dataset.name}`;
+    const countLayerId = `cluster-count-${dataset.name}`;
+    const unclusteredLayerId = `unclustered-${dataset.name}`;
+    const geojson = {
+      type: "FeatureCollection",
+      features: dataset.data.filter((item) => item[longitudeKey] && item[latitudeKey]).map((item) => ({
+        type: "Feature",
+        geometry: {
+          type: "Point",
+          coordinates: [item[longitudeKey], item[latitudeKey]]
+        },
+        properties: { name: dataset.name }
+      }))
+    };
+    if (map.getSource(sourceId)) {
+      map.getSource(sourceId).setData(geojson);
+    } else {
+      map.addSource(sourceId, {
+        type: "geojson",
+        data: geojson,
+        cluster: true,
+        clusterMaxZoom,
+        clusterRadius
+      });
+      map.addLayer({
+        id: clusterLayerId,
+        type: "circle",
+        source: sourceId,
+        filter: ["has", "point_count"],
+        paint: {
+          "circle-color": color,
+          "circle-radius": [
+            "step",
+            ["get", "point_count"],
+            20,
+            100,
+            30,
+            750,
+            40
+          ]
+        }
+      });
+      map.addLayer({
+        id: countLayerId,
+        type: "symbol",
+        source: sourceId,
+        filter: ["has", "point_count"],
+        layout: {
+          "text-field": "{point_count_abbreviated}",
+          "text-font": ["DIN Offc Pro Medium", "Arial Unicode MS Bold"],
+          "text-size": 12
+        },
+        paint: {
+          "text-color": "#ffffff"
+        }
+      });
+      map.addLayer({
+        id: unclusteredLayerId,
+        type: "circle",
+        source: sourceId,
+        filter: ["!", ["has", "point_count"]],
+        paint: {
+          "circle-color": color,
+          "circle-radius": 6,
+          "circle-stroke-width": 2,
+          "circle-stroke-color": "#fff"
+        }
+      });
+    }
+  }
+  // Cleanup method for when the instance is no longer needed
+  destroy() {
+    this.remove();
+  }
+}
+export {
+  MarkerManager
+};
+//# sourceMappingURL=MarkerManager.js.map