@artstesh/maps 1.0.5 → 1.0.6

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/proj'), require('rxjs'), require('@artstesh/postboy'), require('ol/Map'), require('ol/View'), require('ol/layer/Tile'), require('ol/source/OSM'), require('rxjs/operators'), require('ol/source'), require('ol/layer'), require('ol/Overlay'), require('ol/style/Style'), require('ol/style')) :
-    typeof define === 'function' && define.amd ? define('maps-components', ['exports', '@angular/core', '@angular/common', 'ol', 'ol/geom', 'ol/proj', 'rxjs', '@artstesh/postboy', 'ol/Map', 'ol/View', 'ol/layer/Tile', 'ol/source/OSM', 'rxjs/operators', 'ol/source', 'ol/layer', 'ol/Overlay', 'ol/style/Style', 'ol/style'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["maps-components"] = {}, global.ng.core, global.ng.common, global.ol, global.geom, global.proj, global.rxjs, global.postboy, global.Map, global.View, global.TileLayer, global.OSM, global.rxjs.operators, global.source, global.layer, global.Overlay, global.Style, global.style));
-})(this, (function (exports, i0, i5, ol, geom, proj, rxjs, postboy, Map, View, TileLayer, OSM, operators, source, layer, Overlay, Style, style) { '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/proj'), require('rxjs'), require('@artstesh/postboy'), require('ol/Map'), require('ol/View'), require('ol/layer/Tile'), require('ol/source/OSM'), require('rxjs/operators'), require('ol/source'), require('ol/layer'), require('ol/Overlay'), require('ol/style/Style'), require('ol/style')) :
+    typeof define === 'function' && define.amd ? define('maps-components', ['exports', '@angular/core', '@angular/common', 'ol', 'ol/geom', 'ol/format', 'ol/extent', 'ol/proj', 'rxjs', '@artstesh/postboy', 'ol/Map', 'ol/View', 'ol/layer/Tile', 'ol/source/OSM', 'rxjs/operators', 'ol/source', 'ol/layer', 'ol/Overlay', 'ol/style/Style', 'ol/style'], 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.proj, global.rxjs, global.postboy, global.Map, global.View, global.TileLayer, global.OSM, global.rxjs.operators, global.source, global.layer, global.Overlay, global.Style, global.style));
+})(this, (function (exports, i0, i5, ol, geom, format, extent, proj, rxjs, postboy, Map, View, TileLayer, OSM, operators, source, layer, Overlay, Style, style) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -633,6 +633,35 @@
         return MarkerModel;
     }());
 
+    var PolygonModel = /** @class */ (function () {
+        function PolygonModel(feature, id, info) {
+            var _b;
+            var _a;
+            this.info = info;
+            this.id = id == null ? IdGenerator.get() : id;
+            this._feature = feature;
+            _b = __read(extent.getCenter((_a = this._feature.getGeometry()) === null || _a === void 0 ? void 0 : _a.getExtent()), 2), this.lng = _b[0], this.lat = _b[1];
+        }
+        PolygonModel.fromGeoJson = function (id, json, info) {
+            var feature = new format.GeoJSON().readFeature(json);
+            feature.setId(id);
+            return new PolygonModel(feature, id, info);
+        };
+        PolygonModel.fromWKT = function (id, wkt, info) {
+            var feature = new format.WKT().readFeature(wkt);
+            feature.setId(id);
+            return new PolygonModel(feature, id, info);
+        };
+        Object.defineProperty(PolygonModel.prototype, "feature", {
+            get: function () {
+                return this._feature;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return PolygonModel;
+    }());
+
     var GenericMessage = /** @class */ (function () {
         function GenericMessage() {
         }
@@ -1570,6 +1599,54 @@
                     type: i0.Input
                 }] } });
 
+    var PolygonsComponent = /** @class */ (function (_super) {
+        __extends(PolygonsComponent, _super);
+        function PolygonsComponent(postboy) {
+            var _this = _super.call(this) || this;
+            _this.postboy = postboy;
+            _this.layerName = '';
+            _this._polygons = [];
+            return _this;
+        }
+        Object.defineProperty(PolygonsComponent.prototype, "polygons", {
+            set: function (value) {
+                this._polygons = value;
+                this.putPolygons();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        PolygonsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.postboy
+                .subscribe(MapRenderedEvent.ID)
+                .pipe(operators.filter(function (m) { return !!m; }), operators.first())
+                .subscribe(function () { return _this.putPolygons(); });
+        };
+        PolygonsComponent.prototype.putPolygons = function () {
+            var _a;
+            if (!((_a = this._polygons) === null || _a === void 0 ? void 0 : _a.length))
+                return;
+            this.postboy.fire(new PlaceLayerFeaturesCommand(this.layerName, this._polygons.map(function (m) { return m.feature; })));
+        };
+        return PolygonsComponent;
+    }(DestructibleComponent));
+    PolygonsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PolygonsComponent, deps: [{ token: MapPostboyService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    PolygonsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PolygonsComponent, selector: "lib-polygons", inputs: { layerName: "layerName", polygons: "polygons" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PolygonsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'lib-polygons',
+                        template: '',
+                        styleUrls: [],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], ctorParameters: function () { return [{ type: MapPostboyService }]; }, propDecorators: { layerName: [{
+                    type: i0.Input
+                }], polygons: [{
+                    type: i0.Input
+                }] } });
+
     var MapModule = /** @class */ (function () {
         function MapModule() {
         }
@@ -1582,7 +1659,13 @@
             OsmTileLayerComponent,
             FeatureLayerComponent,
             MarkersComponent,
-            TooltipComponent], imports: [i5.CommonModule], exports: [MapPlateComponent, FeatureLayerComponent, MarkersComponent, TileLayerComponent, TooltipComponent] });
+            TooltipComponent,
+            PolygonsComponent], imports: [i5.CommonModule], exports: [MapPlateComponent,
+            FeatureLayerComponent,
+            MarkersComponent,
+            TileLayerComponent,
+            TooltipComponent,
+            PolygonsComponent] });
     MapModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapModule, imports: [[i5.CommonModule]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapModule, decorators: [{
                 type: i0.NgModule,
@@ -1596,8 +1679,16 @@
                             FeatureLayerComponent,
                             MarkersComponent,
                             TooltipComponent,
+                            PolygonsComponent,
+                        ],
+                        exports: [
+                            MapPlateComponent,
+                            FeatureLayerComponent,
+                            MarkersComponent,
+                            TileLayerComponent,
+                            TooltipComponent,
+                            PolygonsComponent,
                         ],
-                        exports: [MapPlateComponent, FeatureLayerComponent, MarkersComponent, TileLayerComponent, TooltipComponent],
                     }]
             }] });
 
@@ -1630,6 +1721,24 @@
         return MarkerStyleHelper;
     }());
 
+    var PolygonStyleHelper = /** @class */ (function () {
+        function PolygonStyleHelper() {
+        }
+        PolygonStyleHelper.simple = function (fill, stroke, strokeWidth) {
+            if (strokeWidth === void 0) { strokeWidth = 1; }
+            return new Style__default["default"]({
+                fill: new style.Fill({
+                    color: fill,
+                }),
+                stroke: new style.Stroke({
+                    color: stroke,
+                    width: strokeWidth,
+                }),
+            });
+        };
+        return PolygonStyleHelper;
+    }());
+
     /*
      * Public API Surface of maps
      */
@@ -1659,6 +1768,9 @@
     exports.MarkersComponent = MarkersComponent;
     exports.MessageRegistratorService = MessageRegistratorService;
     exports.OsmTileLayerComponent = OsmTileLayerComponent;
+    exports.PolygonModel = PolygonModel;
+    exports.PolygonStyleHelper = PolygonStyleHelper;
+    exports.PolygonsComponent = PolygonsComponent;
     exports.TileLayerComponent = TileLayerComponent;
     exports.TileLayerSettings = TileLayerSettings;
     exports.TooltipComponent = TooltipComponent;