@artstesh/maps 4.1.23 → 4.1.25

package/dist/fesm2020/maps-components.mjs

@@ -3,7 +3,7 @@ import { Component, Injectable, ChangeDetectionStrategy, Input, ViewChild, NgMod
 import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { Feature, Collection } from 'ol';
-import { Point } from 'ol/geom';
+import { Point, LineString } from 'ol/geom';
 import { GeoJSON, WKT } from 'ol/format';
 import { getCenter, createEmpty, extend } from 'ol/extent';
 import Polygon, { circular, fromExtent } from 'ol/geom/Polygon';
@@ -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) {
@@ -518,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).
@@ -586,6 +626,14 @@ class GetMapPositionExecutor extends PostboyExecutor {
 }
 GetMapPositionExecutor.ID = '52c95689-d09b-4082-ba58-9183ea96a213';
 
+class PolygonSelfIntersectionExecutor extends PostboyGenericMessage {
+    constructor(polygon) {
+        super();
+        this.polygon = polygon;
+    }
+}
+PolygonSelfIntersectionExecutor.ID = 'a4ef116d-fe40-4e92-9d4a-653f8b398c62';
+
 /**
  * Class representing a query to get features within a specified geographical area.
  * The query optionally takes a set of layer names to ignore during the operation.
@@ -723,6 +771,20 @@ class FeatureService {
             return 0;
         return Sphere.getArea(g, { projection: 'EPSG:4326' });
     }
+    static polygonSelfIntersects(feature) {
+        if (feature.getGeometry().getType() !== 'Polygon')
+            return false;
+        let intersections = 0;
+        const segments = FeatureService.getSegmentsFromCoordinates(feature.getGeometry());
+        for (let i = 0; i < segments.length; i++) {
+            for (let z = i + 1; z < segments.length; z++) {
+                if (!intersections && this.segmentIntersection(segments[i].getCoordinates(), segments[z].getCoordinates())) {
+                    intersections++;
+                }
+            }
+        }
+        return intersections !== 0;
+    }
     static booleanIntersects(g1, g2) {
         if (g2.getType() === 'Point')
             return g1.intersectsCoordinate(g2.getCoordinates());
@@ -732,6 +794,43 @@ class FeatureService {
             return g1.intersectsCoordinate(g2.getInteriorPoint().getCoordinates());
         return false;
     }
+    static getSegmentsFromCoordinates(geom) {
+        if (!geom)
+            return [];
+        const coords = geom.getCoordinates();
+        const line = new LineString(coords[0]);
+        const segments = [];
+        line.forEachSegment((s1, s2) => {
+            const l = new LineString([s1, s2]);
+            l.scale(0.999); // bug of the OL, as I see
+            segments.push(l);
+        });
+        return segments;
+    }
+    static segmentIntersection(s1, s2) {
+        const a = s1[0], b = s1[1], c = s2[0], d = s2[1];
+        const o1 = this.orientation(a, b, c);
+        const o2 = this.orientation(a, b, d);
+        const o3 = this.orientation(c, d, a);
+        const o4 = this.orientation(c, d, b);
+        return ((o1 != o2 && o3 != o4) ||
+            (o1 == 0 && this.onSegment(a, d, b)) ||
+            (o2 == 0 && this.onSegment(a, d, b)) ||
+            (o3 == 0 && this.onSegment(d, a, d)) ||
+            (o4 == 0 && this.onSegment(d, b, d)));
+    }
+    static orientation(p, q, r) {
+        const val = (q[1] - p[1]) * (r[0] - q[0]) - (q[0] - p[0]) * (r[1] - q[1]);
+        if (val == 0)
+            return 0; // collinear
+        return val > 0 ? 1 : 2; // clock or counterclock wise
+    }
+    static onSegment(p, q, r) {
+        return (q[0] <= (p[0] > r[0] ? p[0] : r[0]) &&
+            q[0] >= (p[0] < r[0] ? p[0] : r[0]) &&
+            q[1] <= (p[1] > r[1] ? p[1] : r[1]) &&
+            q[1] >= (p[1] < r[1] ? p[1] : r[1]));
+    }
 }
 
 class GenerateDrawExecutor extends PostboyExecutor {
@@ -932,6 +1031,7 @@ class MapFeatureService {
         this.observeMapRender();
         this.observeFitToFeatures();
         this.observeFitToPolygons();
+        this.observePointerMove();
     }
     observeMapRender() {
         this.postboy.sub(MapRenderedEvent).subscribe((m) => {
@@ -940,6 +1040,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);
@@ -1234,6 +1350,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);
@@ -1246,6 +1364,7 @@ class MessageRegistratorService extends PostboyAbstractRegistrator {
         this.recordExecutor(FilterFeaturesInAreaExecutor, (e) => FeatureService.filterFeaturesInArea(e));
         this.recordExecutor(FilterFeaturesInPointExecutor, (e) => FeatureService.filterFeaturesInPoint(e));
         this.recordExecutor(CalculateAreaExecutor, (e) => FeatureService.calculateArea(e.polygon?.feature?.getGeometry()));
+        this.recordExecutor(PolygonSelfIntersectionExecutor, (e) => FeatureService.polygonSelfIntersects(e.polygon.feature));
         this.recordExecutor(GenerateDrawExecutor, (e) => DrawingGenerationService.getDraw(e));
         this.recordExecutor(GenerateZoomControlExecutor, (e) => ZoomControlFactory.build(e.settings));
         this.recordExecutor(GetMapPositionExecutor, () => this.state.getMapPosition());
@@ -1590,6 +1709,7 @@ class FeatureLayerSettings {
         result.minZoom = model.minZoom;
         result.zIndex = model.zIndex;
         result.style = model.style;
+        result.featureHoverStyle = model.featureHoverStyle;
         return result;
     }
     /**
@@ -1638,6 +1758,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.
      *
@@ -1655,6 +1784,8 @@ class FeatureLayerSettings {
             return false;
         if (this.style !== model.style)
             return false;
+        if (this.featureHoverStyle !== model.featureHoverStyle)
+            return false;
         return true;
     }
 }
@@ -2051,6 +2182,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() {
@@ -2262,7 +2396,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 });
@@ -2698,5 +2835,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, PolygonSelfIntersectionExecutor, PolygonStyleHelper, PolygonsComponent, RemoveControlCommand, SetMapCenterCommand, StartDrawingCommand, StringifyFeatureHelper, TextStyleHelper, TileLayerComponent, TileLayerSettings, TooltipComponent, TooltipSettings, ZoomControlSettings };
 //# sourceMappingURL=maps-components.mjs.map