@artstesh/maps 1.1.21 → 1.1.23

package/dist/bundles/maps-components.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', ['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.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', ['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.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) {
@@ -774,6 +775,7 @@
     (function (FeatureOutputFormat) {
         FeatureOutputFormat[FeatureOutputFormat["GeoJson"] = 1] = "GeoJson";
         FeatureOutputFormat[FeatureOutputFormat["WKT"] = 2] = "WKT";
+        FeatureOutputFormat[FeatureOutputFormat["Geometry"] = 3] = "Geometry";
     })(exports.FeatureOutputFormat || (exports.FeatureOutputFormat = {}));
 
     /**
@@ -1062,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).
@@ -1558,6 +1605,7 @@
             this.observeMapRender();
             this.observeFitToFeatures();
             this.observeFitToPolygons();
+            this.observePointerMove();
         };
         MapFeatureService.prototype.observeMapRender = function () {
             var _this = this;
@@ -1567,6 +1615,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) {
@@ -1696,7 +1761,9 @@
         DrawingService.prototype.onEnd = function (evt, command, layer) {
             command.finish(command.format === exports.FeatureOutputFormat.GeoJson
                 ? new format.GeoJSON().writeFeature(evt.feature)
-                : new format.WKT().writeFeature(evt.feature));
+                : command.format === exports.FeatureOutputFormat.WKT
+                    ? new format.WKT().writeFeature(evt.feature)
+                    : new format.GeoJSON().writeGeometry(evt.feature.getGeometry()));
             this.clearInteraction(layer);
         };
         DrawingService.prototype.observeMapRender = function () {
@@ -1794,7 +1861,9 @@
         FeatureModificationService.prototype.onModified = function (command) {
             command.next(command.format === exports.FeatureOutputFormat.GeoJson
                 ? new format.GeoJSON().writeFeature(command.model.feature)
-                : new format.WKT().writeFeature(command.model.feature));
+                : command.format === exports.FeatureOutputFormat.WKT
+                    ? new format.WKT().writeFeature(command.model.feature)
+                    : new format.GeoJSON().writeGeometry(command.model.feature.getGeometry()));
         };
         FeatureModificationService.prototype.observeMapRender = function () {
             var _this = this;
@@ -1890,6 +1959,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);
@@ -2284,6 +2355,7 @@
             result.minZoom = model.minZoom;
             result.zIndex = model.zIndex;
             result.style = model.style;
+            result.featureHoverStyle = model.featureHoverStyle;
             return result;
         };
         /**
@@ -2332,6 +2404,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.
          *
@@ -2349,6 +2430,8 @@
                 return false;
             if (this.style !== model.style)
                 return false;
+            if (this.featureHoverStyle !== model.featureHoverStyle)
+                return false;
             return true;
         };
         return FeatureLayerSettings;
@@ -2797,6 +2880,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 () {
@@ -3052,9 +3138,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));
@@ -3551,10 +3641,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;