@artstesh/maps 4.1.22 → 4.1.24

package/dist/fesm2020/maps-components.mjs

@@ -13,15 +13,15 @@ import { PostboyGenericMessage, PostboyCallbackMessage, PostboyExecutor, Postboy
 import { Draw, Modify, Translate, defaults } from 'ol/interaction';
 import { createRegularPolygon, createBox } from 'ol/interaction/Draw';
 import * as Sphere from 'ol/sphere';
+import { Subject, combineLatest } from 'rxjs';
+import { first, debounceTime, filter, auditTime } from 'rxjs/operators';
 import { Dictionary } from '@artstesh/collections';
-import { first, filter, auditTime } from 'rxjs/operators';
 import { Vector, XYZ } from 'ol/source';
 import TileLayer from 'ol/layer/Tile';
 import OSM from 'ol/source/OSM';
 import { Vector as Vector$1 } from 'ol/layer';
 import { bbox } from 'ol/loadingstrategy';
 import Cluster from 'ol/source/Cluster';
-import { combineLatest } from 'rxjs';
 import Map from 'ol/Map';
 import View from 'ol/View';
 import Overlay from 'ol/Overlay';
@@ -194,7 +194,8 @@ IdGenerator.collection = 'ABCDEFGHIJKLMNOPQRSTUVWXTZ0123456789'.split('');
 class MapConstants {
 }
 MapConstants.FeatureInfo = 'f-info';
-MapConstants.DrawingLayerId = '93a981756ec7';
+MapConstants.DrawingLayerId = '93a981756ec7';
+MapConstants.FeatureLayerName = 'L-253';
 
 class MarkerModel {
     constructor(lat, lng, id, info) {
@@ -278,6 +279,7 @@ var FeatureOutputFormat;
 (function (FeatureOutputFormat) {
     FeatureOutputFormat[FeatureOutputFormat["GeoJson"] = 1] = "GeoJson";
     FeatureOutputFormat[FeatureOutputFormat["WKT"] = 2] = "WKT";
+    FeatureOutputFormat[FeatureOutputFormat["Geometry"] = 3] = "Geometry";
 })(FeatureOutputFormat || (FeatureOutputFormat = {}));
 
 /**
@@ -517,6 +519,45 @@ class MapMoveEndEvent extends PostboyGenericMessage {
 }
 MapMoveEndEvent.ID = 'd210ec7e-032f-4ce8-8a39-7b816519eaae';
 
+/**
+ * Represents an event that is triggered when the pointer moves on a map.
+ * This class extends PostboyGenericMessage.
+ *
+ * It contains information about the coordinates of the pointer when the event occurs.
+ */
+class MapPointerMoveEvent extends PostboyGenericMessage {
+    /**
+     * Constructor for initializing an instance with a given point.
+     *
+     * @param {Array<number>} point - An array representing the coordinates of the point.
+     */
+    constructor(point) {
+        super();
+        this.point = point;
+    }
+}
+MapPointerMoveEvent.ID = '193cb41d-2489-45cc-b349-59c3ec18ed72';
+
+/**
+ * Represents an event triggered when a map feature is hovered over.
+ * This event contains information about the hovered feature and its associated layer.
+ * Extends the PostboyGenericMessage class.
+ */
+class MapFeatureHoveredEvent extends PostboyGenericMessage {
+    /**
+     * Constructs an instance of the class.
+     *
+     * @param {Feature|null} feature - The feature associated with this instance. Can be null.
+     * @param {string|null} layer - The layer associated with this instance. Can be null.
+     */
+    constructor(feature, layer) {
+        super();
+        this.feature = feature;
+        this.layer = layer;
+    }
+}
+MapFeatureHoveredEvent.ID = 'eb9b032a-1616-4823-a628-0fd8ffc3b57a';
+
 /**
  * A class responsible for executing filtering of geographical features
  * based on a specific geographical point (latitude and longitude).
@@ -931,6 +972,7 @@ class MapFeatureService {
         this.observeMapRender();
         this.observeFitToFeatures();
         this.observeFitToPolygons();
+        this.observePointerMove();
     }
     observeMapRender() {
         this.postboy.sub(MapRenderedEvent).subscribe((m) => {
@@ -939,6 +981,22 @@ class MapFeatureService {
                 this.postboy.fire(this.fitPolygonsWaiting);
         });
     }
+    observePointerMove() {
+        this.postboy.sub(MapPointerMoveEvent).subscribe((ev) => {
+            if (!this.map)
+                return;
+            let featureFound = false;
+            this.map.forEachFeatureAtPixel(ev.point, (f) => {
+                if (f instanceof Feature) {
+                    this.postboy.fire(new MapFeatureHoveredEvent(f, f.get(MapConstants.FeatureLayerName)));
+                    featureFound = true;
+                }
+                return true;
+            });
+            if (!featureFound)
+                this.postboy.fire(new MapFeatureHoveredEvent(null, null));
+        });
+    }
     observeFitToFeatures() {
         this.postboy.sub(FitToFeaturesCommand).subscribe((cmd) => {
             this.fitToGeometries(cmd.features.map((f) => f.getGeometry()), cmd.zoomAfter);
@@ -1057,7 +1115,9 @@ class DrawingService {
     onEnd(evt, command, layer) {
         command.finish(command.format === FeatureOutputFormat.GeoJson
             ? new GeoJSON().writeFeature(evt.feature)
-            : new WKT().writeFeature(evt.feature));
+            : command.format === FeatureOutputFormat.WKT
+                ? new WKT().writeFeature(evt.feature)
+                : new GeoJSON().writeGeometry(evt.feature.getGeometry()));
         this.clearInteraction(layer);
     }
     observeMapRender() {
@@ -1143,7 +1203,9 @@ class FeatureModificationService {
     onModified(command) {
         command.next(command.format === FeatureOutputFormat.GeoJson
             ? new GeoJSON().writeFeature(command.model.feature)
-            : new WKT().writeFeature(command.model.feature));
+            : command.format === FeatureOutputFormat.WKT
+                ? new WKT().writeFeature(command.model.feature)
+                : new GeoJSON().writeGeometry(command.model.feature.getGeometry()));
     }
     observeMapRender() {
         this.postboy.sub(MapRenderedEvent).subscribe((m) => {
@@ -1229,6 +1291,8 @@ class MessageRegistratorService extends PostboyAbstractRegistrator {
         this.recordSubject(CancelDrawingCommand);
         this.recordSubject(StartDrawingCommand);
         this.recordSubject(GetLayerQuery);
+        this.recordSubject(MapFeatureHoveredEvent);
+        this.recordWithPipe(MapPointerMoveEvent, new Subject(), (s) => s.pipe(debounceTime(150)));
         this.recordSubject(DrawingFinishedEvent);
         this.recordSubject(GetFeaturesInAreaQuery);
         this.recordSubject(DrawSelectionAreaCommand);
@@ -1585,6 +1649,7 @@ class FeatureLayerSettings {
         result.minZoom = model.minZoom;
         result.zIndex = model.zIndex;
         result.style = model.style;
+        result.featureHoverStyle = model.featureHoverStyle;
         return result;
     }
     /**
@@ -1633,6 +1698,15 @@ class FeatureLayerSettings {
     setStyle(style) {
         return FeatureLayerSettings.copy({ ...this, style });
     }
+    /**
+     * Sets the style to apply to features when they are hovered over.
+     *
+     * @param {Style | StyleFunction} featureHoverStyle - The style or style function to use for hovered features.
+     * @return {FeatureLayerSettings} A new instance of FeatureLayerSettings with the updated hover style.
+     */
+    setFeatureHoverStyle(featureHoverStyle) {
+        return FeatureLayerSettings.copy({ ...this, featureHoverStyle });
+    }
     /**
      * Checks if the given FeatureLayerSettings object is identical to the current object.
      *
@@ -1650,6 +1724,8 @@ class FeatureLayerSettings {
             return false;
         if (this.style !== model.style)
             return false;
+        if (this.featureHoverStyle !== model.featureHoverStyle)
+            return false;
         return true;
     }
 }
@@ -2046,6 +2122,9 @@ class MapPlateComponent extends DestructibleComponent {
             this.map.updateSize();
             this.postboy.fire(new MapRenderedEvent(this.map));
         });
+        this.map.on('pointermove', (ev) => {
+            this.postboy.fire(new MapPointerMoveEvent(ev.pixel));
+        });
         this.setOsm();
     }
     setOsm() {
@@ -2257,7 +2336,10 @@ class PolygonsComponent extends DestructibleComponent {
     putPolygons() {
         if (!this._polygons)
             return;
-        this.postboy.fire(new PlaceLayerFeaturesCommand(this.layerName, this._polygons.map((m) => m.feature)));
+        this.postboy.fire(new PlaceLayerFeaturesCommand(this.layerName, this._polygons.map((m) => {
+            m.feature.set(MapConstants.FeatureLayerName, this.layerName);
+            return m.feature;
+        })));
     }
 }
 PolygonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PolygonsComponent, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Component });
@@ -2693,5 +2775,5 @@ class StringifyFeatureHelper {
  * Generated bundle index. Do not edit.
  */
 
-export { AddControlCommand, CalculateAreaExecutor, CancelDrawingCommand, CancelFeatureModificationCommand, CloseTooltipCommand, ClusterLayerComponent, ClusterLayerSettings, DrawSelectionAreaCommand, DrawingType, FeatureLayerComponent, FeatureLayerSettings, FeatureOutputFormat, FilterFeaturesInAreaExecutor, FilterFeaturesInPointExecutor, FitToFeaturesCommand, FitToPolygonsCommand, GetFeaturesInAreaQuery, GetFeaturesInPointQuery, GetMapPositionExecutor, MapClickEvent, MapConstants, MapControl, MapControlZoomComponent, MapLyrs, MapLyrsLabel, MapModule, MapMoveEndEvent, MapPlateComponent, MapPostboyService, MapRenderedEvent, MapSettings, MarkerModel, MarkerStyleHelper, MarkersComponent, MessageRegistratorService, ModifyFeatureCommand, OsmTileLayerComponent, PolygonModel, PolygonStyleHelper, PolygonsComponent, RemoveControlCommand, SetMapCenterCommand, StartDrawingCommand, StringifyFeatureHelper, TextStyleHelper, TileLayerComponent, TileLayerSettings, TooltipComponent, TooltipSettings, ZoomControlSettings };
+export { AddControlCommand, CalculateAreaExecutor, CancelDrawingCommand, CancelFeatureModificationCommand, CloseTooltipCommand, ClusterLayerComponent, ClusterLayerSettings, DrawSelectionAreaCommand, DrawingType, FeatureLayerComponent, FeatureLayerSettings, FeatureOutputFormat, FilterFeaturesInAreaExecutor, FilterFeaturesInPointExecutor, FitToFeaturesCommand, FitToPolygonsCommand, GetFeaturesInAreaQuery, GetFeaturesInPointQuery, GetMapPositionExecutor, MapClickEvent, MapConstants, MapControl, MapControlZoomComponent, MapFeatureHoveredEvent, MapLyrs, MapLyrsLabel, MapModule, MapMoveEndEvent, MapPlateComponent, MapPointerMoveEvent, MapPostboyService, MapRenderedEvent, MapSettings, MarkerModel, MarkerStyleHelper, MarkersComponent, MessageRegistratorService, ModifyFeatureCommand, OsmTileLayerComponent, PolygonModel, PolygonStyleHelper, PolygonsComponent, RemoveControlCommand, SetMapCenterCommand, StartDrawingCommand, StringifyFeatureHelper, TextStyleHelper, TileLayerComponent, TileLayerSettings, TooltipComponent, TooltipSettings, ZoomControlSettings };
 //# sourceMappingURL=maps-components.mjs.map