@artstesh/maps 1.1.22 → 1.1.24

package/dist/bundles/maps-components-src-map.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ol'), require('ol/geom'), require('ol/format'), require('ol/extent'), require('ol/geom/Polygon'), require('ol/control'), require('ol/proj'), require('@artstesh/postboy'), require('ol/interaction'), require('ol/interaction/Draw'), require('ol/sphere'), require('@artstesh/collections'), require('rxjs/operators'), require('ol/source'), require('ol/layer/Tile'), require('ol/source/OSM'), require('ol/layer'), require('ol/loadingstrategy'), require('ol/source/Cluster'), require('rxjs'), require('ol/Map'), require('ol/View'), require('ol/Overlay'), require('ol/style/Style'), require('ol/style'), require('ol/proj/epsg4326')) :
-    typeof define === 'function' && define.amd ? define('maps-components/src/map', ['exports', '@angular/core', '@angular/common', 'ol', 'ol/geom', 'ol/format', 'ol/extent', 'ol/geom/Polygon', 'ol/control', 'ol/proj', '@artstesh/postboy', 'ol/interaction', 'ol/interaction/Draw', 'ol/sphere', '@artstesh/collections', 'rxjs/operators', 'ol/source', 'ol/layer/Tile', 'ol/source/OSM', 'ol/layer', 'ol/loadingstrategy', 'ol/source/Cluster', 'rxjs', 'ol/Map', 'ol/View', 'ol/Overlay', 'ol/style/Style', 'ol/style', 'ol/proj/epsg4326'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["maps-components"] = global["maps-components"] || {}, global["maps-components"].src = global["maps-components"].src || {}, global["maps-components"].src.map = {}), global.ng.core, global.ng.common, global.ol, global.geom, global.format, global.extent, global.Polygon, global.control, global.proj, global.postboy, global.interaction, global.Draw, global.Sphere, global.collections, global.rxjs.operators, global.source, global.TileLayer, global.OSM, global.layer, global.loadingstrategy, global.Cluster, global.rxjs, global.Map, global.View, global.Overlay, global.Style, global.style, global.epsg4326));
-})(this, (function (exports, i0, i6, ol, geom, format, extent, Polygon, control, proj, postboy, interaction, Draw, Sphere, collections, operators, source, TileLayer, OSM, layer, loadingstrategy, Cluster, rxjs, Map, View, Overlay, Style, style, epsg4326) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ol'), require('ol/geom'), require('ol/format'), require('ol/extent'), require('ol/geom/Polygon'), require('ol/control'), require('ol/proj'), require('@artstesh/postboy'), require('ol/interaction'), require('ol/interaction/Draw'), require('ol/sphere'), require('rxjs'), require('rxjs/operators'), require('@artstesh/collections'), require('ol/source'), require('ol/layer/Tile'), require('ol/source/OSM'), require('ol/layer'), require('ol/loadingstrategy'), require('ol/source/Cluster'), require('ol/Map'), require('ol/View'), require('ol/Overlay'), require('ol/style/Style'), require('ol/style'), require('ol/proj/epsg4326')) :
+    typeof define === 'function' && define.amd ? define('maps-components/src/map', ['exports', '@angular/core', '@angular/common', 'ol', 'ol/geom', 'ol/format', 'ol/extent', 'ol/geom/Polygon', 'ol/control', 'ol/proj', '@artstesh/postboy', 'ol/interaction', 'ol/interaction/Draw', 'ol/sphere', 'rxjs', 'rxjs/operators', '@artstesh/collections', 'ol/source', 'ol/layer/Tile', 'ol/source/OSM', 'ol/layer', 'ol/loadingstrategy', 'ol/source/Cluster', 'ol/Map', 'ol/View', 'ol/Overlay', 'ol/style/Style', 'ol/style', 'ol/proj/epsg4326'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["maps-components"] = global["maps-components"] || {}, global["maps-components"].src = global["maps-components"].src || {}, global["maps-components"].src.map = {}), global.ng.core, global.ng.common, global.ol, global.geom, global.format, global.extent, global.Polygon, global.control, global.proj, global.postboy, global.interaction, global.Draw, global.Sphere, global.rxjs, global.rxjs.operators, global.collections, global.source, global.TileLayer, global.OSM, global.layer, global.loadingstrategy, global.Cluster, global.Map, global.View, global.Overlay, global.Style, global.style, global.epsg4326));
+})(this, (function (exports, i0, i6, ol, geom, format, extent, Polygon, control, proj, postboy, interaction, Draw, Sphere, rxjs, operators, collections, source, TileLayer, OSM, layer, loadingstrategy, Cluster, Map, View, Overlay, Style, style, epsg4326) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -677,7 +677,8 @@
         return MapConstants;
     }());
     MapConstants.FeatureInfo = 'f-info';
-    MapConstants.DrawingLayerId = '93a981756ec7';
+    MapConstants.DrawingLayerId = '93a981756ec7';
+    MapConstants.FeatureLayerName = 'L-253';
 
     var MarkerModel = /** @class */ (function () {
         function MarkerModel(lat, lng, id, info) {
@@ -1063,6 +1064,51 @@
     }(postboy.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.
+     */
+    var MapPointerMoveEvent = /** @class */ (function (_super) {
+        __extends(MapPointerMoveEvent, _super);
+        /**
+         * Constructor for initializing an instance with a given point.
+         *
+         * @param {Array<number>} point - An array representing the coordinates of the point.
+         */
+        function MapPointerMoveEvent(point) {
+            var _this = _super.call(this) || this;
+            _this.point = point;
+            return _this;
+        }
+        return MapPointerMoveEvent;
+    }(postboy.PostboyGenericMessage));
+    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.
+     */
+    var MapFeatureHoveredEvent = /** @class */ (function (_super) {
+        __extends(MapFeatureHoveredEvent, _super);
+        /**
+         * 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.
+         */
+        function MapFeatureHoveredEvent(feature, layer) {
+            var _this = _super.call(this) || this;
+            _this.feature = feature;
+            _this.layer = layer;
+            return _this;
+        }
+        return MapFeatureHoveredEvent;
+    }(postboy.PostboyGenericMessage));
+    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).
@@ -1142,6 +1188,17 @@
     }(postboy.PostboyExecutor));
     GetMapPositionExecutor.ID = '52c95689-d09b-4082-ba58-9183ea96a213';
 
+    var PolygonSelfIntersectionExecutor = /** @class */ (function (_super) {
+        __extends(PolygonSelfIntersectionExecutor, _super);
+        function PolygonSelfIntersectionExecutor(polygon) {
+            var _this = _super.call(this) || this;
+            _this.polygon = polygon;
+            return _this;
+        }
+        return PolygonSelfIntersectionExecutor;
+    }(postboy.PostboyGenericMessage));
+    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.
@@ -1318,6 +1375,20 @@
                 return 0;
             return Sphere__namespace.getArea(g, { projection: 'EPSG:4326' });
         };
+        FeatureService.polygonSelfIntersects = function (feature) {
+            if (feature.getGeometry().getType() !== 'Polygon')
+                return false;
+            var intersections = 0;
+            var segments = FeatureService.getSegmentsFromCoordinates(feature.getGeometry());
+            for (var i = 0; i < segments.length; i++) {
+                for (var z = i + 1; z < segments.length; z++) {
+                    if (!intersections && this.segmentIntersection(segments[i].getCoordinates(), segments[z].getCoordinates())) {
+                        intersections++;
+                    }
+                }
+            }
+            return intersections !== 0;
+        };
         FeatureService.booleanIntersects = function (g1, g2) {
             if (g2.getType() === 'Point')
                 return g1.intersectsCoordinate(g2.getCoordinates());
@@ -1327,6 +1398,43 @@
                 return g1.intersectsCoordinate(g2.getInteriorPoint().getCoordinates());
             return false;
         };
+        FeatureService.getSegmentsFromCoordinates = function (geom$1) {
+            if (!geom$1)
+                return [];
+            var coords = geom$1.getCoordinates();
+            var line = new geom.LineString(coords[0]);
+            var segments = [];
+            line.forEachSegment(function (s1, s2) {
+                var l = new geom.LineString([s1, s2]);
+                l.scale(0.999); // bug of the OL, as I see
+                segments.push(l);
+            });
+            return segments;
+        };
+        FeatureService.segmentIntersection = function (s1, s2) {
+            var a = s1[0], b = s1[1], c = s2[0], d = s2[1];
+            var o1 = this.orientation(a, b, c);
+            var o2 = this.orientation(a, b, d);
+            var o3 = this.orientation(c, d, a);
+            var 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)));
+        };
+        FeatureService.orientation = function (p, q, r) {
+            var 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
+        };
+        FeatureService.onSegment = function (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]));
+        };
         return FeatureService;
     }());
 
@@ -1559,6 +1667,7 @@
             this.observeMapRender();
             this.observeFitToFeatures();
             this.observeFitToPolygons();
+            this.observePointerMove();
         };
         MapFeatureService.prototype.observeMapRender = function () {
             var _this = this;
@@ -1568,6 +1677,23 @@
                     _this.postboy.fire(_this.fitPolygonsWaiting);
             });
         };
+        MapFeatureService.prototype.observePointerMove = function () {
+            var _this = this;
+            this.postboy.sub(MapPointerMoveEvent).subscribe(function (ev) {
+                if (!_this.map)
+                    return;
+                var featureFound = false;
+                _this.map.forEachFeatureAtPixel(ev.point, function (f) {
+                    if (f instanceof ol.Feature) {
+                        _this.postboy.fire(new MapFeatureHoveredEvent(f, f.get(MapConstants.FeatureLayerName)));
+                        featureFound = true;
+                    }
+                    return true;
+                });
+                if (!featureFound)
+                    _this.postboy.fire(new MapFeatureHoveredEvent(null, null));
+            });
+        };
         MapFeatureService.prototype.observeFitToFeatures = function () {
             var _this = this;
             this.postboy.sub(FitToFeaturesCommand).subscribe(function (cmd) {
@@ -1895,6 +2021,8 @@
             this.recordSubject(CancelDrawingCommand);
             this.recordSubject(StartDrawingCommand);
             this.recordSubject(GetLayerQuery);
+            this.recordSubject(MapFeatureHoveredEvent);
+            this.recordWithPipe(MapPointerMoveEvent, new rxjs.Subject(), function (s) { return s.pipe(operators.debounceTime(150)); });
             this.recordSubject(DrawingFinishedEvent);
             this.recordSubject(GetFeaturesInAreaQuery);
             this.recordSubject(DrawSelectionAreaCommand);
@@ -1908,6 +2036,7 @@
             this.recordExecutor(FilterFeaturesInAreaExecutor, function (e) { return FeatureService.filterFeaturesInArea(e); });
             this.recordExecutor(FilterFeaturesInPointExecutor, function (e) { return FeatureService.filterFeaturesInPoint(e); });
             this.recordExecutor(CalculateAreaExecutor, function (e) { var _a, _b; return FeatureService.calculateArea((_b = (_a = e.polygon) === null || _a === void 0 ? void 0 : _a.feature) === null || _b === void 0 ? void 0 : _b.getGeometry()); });
+            this.recordExecutor(PolygonSelfIntersectionExecutor, function (e) { return FeatureService.polygonSelfIntersects(e.polygon.feature); });
             this.recordExecutor(GenerateDrawExecutor, function (e) { return DrawingGenerationService.getDraw(e); });
             this.recordExecutor(GenerateZoomControlExecutor, function (e) { return ZoomControlFactory.build(e.settings); });
             this.recordExecutor(GetMapPositionExecutor, function () { return _this.state.getMapPosition(); });
@@ -2289,6 +2418,7 @@
             result.minZoom = model.minZoom;
             result.zIndex = model.zIndex;
             result.style = model.style;
+            result.featureHoverStyle = model.featureHoverStyle;
             return result;
         };
         /**
@@ -2337,6 +2467,15 @@
         FeatureLayerSettings.prototype.setStyle = function (style) {
             return FeatureLayerSettings.copy(Object.assign(Object.assign({}, this), { style: 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.
+         */
+        FeatureLayerSettings.prototype.setFeatureHoverStyle = function (featureHoverStyle) {
+            return FeatureLayerSettings.copy(Object.assign(Object.assign({}, this), { featureHoverStyle: featureHoverStyle }));
+        };
         /**
          * Checks if the given FeatureLayerSettings object is identical to the current object.
          *
@@ -2354,6 +2493,8 @@
                 return false;
             if (this.style !== model.style)
                 return false;
+            if (this.featureHoverStyle !== model.featureHoverStyle)
+                return false;
             return true;
         };
         return FeatureLayerSettings;
@@ -2802,6 +2943,9 @@
                 _this.map.updateSize();
                 _this.postboy.fire(new MapRenderedEvent(_this.map));
             });
+            this.map.on('pointermove', function (ev) {
+                _this.postboy.fire(new MapPointerMoveEvent(ev.pixel));
+            });
             this.setOsm();
         };
         MapPlateComponent.prototype.setOsm = function () {
@@ -3057,9 +3201,13 @@
                 .subscribe(function () { return _this.putPolygons(); });
         };
         PolygonsComponent.prototype.putPolygons = function () {
+            var _this = this;
             if (!this._polygons)
                 return;
-            this.postboy.fire(new PlaceLayerFeaturesCommand(this.layerName, this._polygons.map(function (m) { return m.feature; })));
+            this.postboy.fire(new PlaceLayerFeaturesCommand(this.layerName, this._polygons.map(function (m) {
+                m.feature.set(MapConstants.FeatureLayerName, _this.layerName);
+                return m.feature;
+            })));
         };
         return PolygonsComponent;
     }(DestructibleComponent));
@@ -3552,10 +3700,12 @@
     exports.MapConstants = MapConstants;
     exports.MapControl = MapControl;
     exports.MapControlZoomComponent = MapControlZoomComponent;
+    exports.MapFeatureHoveredEvent = MapFeatureHoveredEvent;
     exports.MapLyrsLabel = MapLyrsLabel;
     exports.MapModule = MapModule;
     exports.MapMoveEndEvent = MapMoveEndEvent;
     exports.MapPlateComponent = MapPlateComponent;
+    exports.MapPointerMoveEvent = MapPointerMoveEvent;
     exports.MapPostboyService = MapPostboyService;
     exports.MapRenderedEvent = MapRenderedEvent;
     exports.MapSettings = MapSettings;
@@ -3566,6 +3716,7 @@
     exports.ModifyFeatureCommand = ModifyFeatureCommand;
     exports.OsmTileLayerComponent = OsmTileLayerComponent;
     exports.PolygonModel = PolygonModel;
+    exports.PolygonSelfIntersectionExecutor = PolygonSelfIntersectionExecutor;
     exports.PolygonStyleHelper = PolygonStyleHelper;
     exports.PolygonsComponent = PolygonsComponent;
     exports.RemoveControlCommand = RemoveControlCommand;