@artstesh/maps 1.1.0 → 1.1.2

package/dist/fesm2015/maps-components.js

@@ -9,7 +9,7 @@ import { getCenter, createEmpty, extend } from 'ol/extent';
 import { get, useGeographic, transform } from 'ol/proj';
 import { PostboyGenericMessage, PostboyCallbackMessage, PostboyExecutor, PostboyService, PostboyAbstractRegistrator } from '@artstesh/postboy';
 import { Draw, Modify, Translate } from 'ol/interaction';
-import { createRegularPolygon } from 'ol/interaction/Draw';
+import { createRegularPolygon, createBox } from 'ol/interaction/Draw';
 import { Zoom } from 'ol/control';
 import { first, filter, auditTime } from 'rxjs/operators';
 import { Vector, XYZ } from 'ol/source';
@@ -182,6 +182,7 @@ var DrawingType;
     DrawingType[DrawingType["Polygon"] = 1] = "Polygon";
     DrawingType[DrawingType["Circle"] = 2] = "Circle";
     DrawingType[DrawingType["Square"] = 3] = "Square";
+    DrawingType[DrawingType["Box"] = 4] = "Box";
 })(DrawingType || (DrawingType = {}));
 
 var FeatureOutputFormat;
@@ -448,6 +449,8 @@ class DrawingGenerationService {
         switch (type) {
             case DrawingType.Circle:
                 return createRegularPolygon(32);
+            case DrawingType.Box:
+                return createBox();
             case DrawingType.Square:
                 return createRegularPolygon(4);
         }
@@ -590,14 +593,14 @@ class MapManagementService {
     }
     observePlaceFeatures() {
         this.postboy.subscribe(PlaceLayerFeaturesCommand.ID).subscribe((c) => {
-            var _a;
+            var _a, _b;
             if (!this.layers.has(c.layer))
                 return;
             let source = this.layers.take(c.layer).getSource();
             if (!!source['getSource'])
                 source = (_a = source) === null || _a === void 0 ? void 0 : _a.getSource();
             source === null || source === void 0 ? void 0 : source.clear();
-            source === null || source === void 0 ? void 0 : source.addFeatures(c.features);
+            !!((_b = c.features) === null || _b === void 0 ? void 0 : _b.length) && (source === null || source === void 0 ? void 0 : source.addFeatures(c.features));
         });
     }
     observeRemoveLayer() {
@@ -1072,11 +1075,11 @@ class TileLayerComponent extends DestructibleComponent {
     }
 }
 TileLayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayerComponent, deps: [{ token: MapPostboyService }, { token: TileLayerFactory }], target: i0.ɵɵFactoryTarget.Component });
-TileLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TileLayerComponent, selector: "lib-tile-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TileLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TileLayerComponent, selector: "art-tile-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TileLayerComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'lib-tile-layer',
+                    selector: 'art-tile-layer',
                     template: '',
                     styleUrls: [],
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1126,11 +1129,11 @@ class OsmTileLayerComponent extends DestructibleComponent {
     }
 }
 OsmTileLayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: OsmTileLayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-OsmTileLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: OsmTileLayerComponent, selector: "lib-osm-tile-layer", inputs: { url: "url", map: "map" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+OsmTileLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: OsmTileLayerComponent, selector: "art-osm-tile-layer", inputs: { url: "url", map: "map" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: OsmTileLayerComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'lib-osm-tile-layer',
+                    selector: 'art-osm-tile-layer',
                     template: '',
                     styleUrls: [],
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1141,13 +1144,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 type: Input
             }] } });
 
+/**
+ * A layer that is responsible for showing and styling main features on the map, such as markers and polygons
+ */
 class FeatureLayerSettings {
     constructor() {
+        /**
+         * The identifier of the field, it is autogenerated by default, but can be set manually
+         */
         this.name = IdGenerator.get();
+        /**
+         * The priority of showing - layers with higher zIndex cover others in case of collisions
+         */
         this.zIndex = 1;
+        /**
+         * The maximum zoom at which the layer is visible. 19 by default
+         */
         this.maxZoom = 19;
+        /**
+         * The minimum zoom at which the layer is visible. 0 by default
+         */
         this.minZoom = 0;
     }
+    /**
+     * Creates a clone of the existing settings
+     * @param model
+     */
     static copy(model) {
         const result = new FeatureLayerSettings();
         result.name = model.name;
@@ -1157,21 +1179,45 @@ class FeatureLayerSettings {
         result.style = model.style;
         return result;
     }
+    /**
+     Setter for {@link FeatureLayerSettings.zIndex}
+     * @param zIndex
+     */
     setZIndex(zIndex) {
         return FeatureLayerSettings.copy(Object.assign(Object.assign({}, this), { zIndex }));
     }
+    /**
+     * Setter for {@link FeatureLayerSettings.name}
+     * @param name
+     */
     setName(name) {
         return FeatureLayerSettings.copy(Object.assign(Object.assign({}, this), { name }));
     }
+    /**
+     * Setter for {@link FeatureLayerSettings.maxZoom}
+     * @param maxZoom
+     */
     setMaxZoom(maxZoom) {
         return FeatureLayerSettings.copy(Object.assign(Object.assign({}, this), { maxZoom }));
     }
+    /**
+     * Setter for {@link FeatureLayerSettings.minZoom}
+     * @param minZoom
+     */
     setMinZoom(minZoom) {
         return FeatureLayerSettings.copy(Object.assign(Object.assign({}, this), { minZoom }));
     }
+    /**
+     * Setter for {@link FeatureLayerSettings.style}
+     * @param style
+     */
     setStyle(style) {
         return FeatureLayerSettings.copy(Object.assign(Object.assign({}, this), { style }));
     }
+    /**
+     * Checks if the model has the same content
+     * @param model - the object to compare
+     */
     isSame(model) {
         if (this.maxZoom !== model.maxZoom)
             return false;
@@ -1243,11 +1289,11 @@ class FeatureLayerComponent extends DestructibleComponent {
     }
 }
 FeatureLayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FeatureLayerComponent, deps: [{ token: MapPostboyService }, { token: FeatureLayerFactory }], target: i0.ɵɵFactoryTarget.Component });
-FeatureLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FeatureLayerComponent, selector: "lib-feature-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FeatureLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FeatureLayerComponent, selector: "art-feature-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: FeatureLayerComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'lib-feature-layer',
+                    selector: 'art-feature-layer',
                     template: '',
                     styleUrls: [],
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1439,11 +1485,11 @@ class ClusterLayerComponent extends DestructibleComponent {
     }
 }
 ClusterLayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ClusterLayerComponent, deps: [{ token: MapPostboyService }, { token: ClusterLayerFactory }], target: i0.ɵɵFactoryTarget.Component });
-ClusterLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ClusterLayerComponent, selector: "lib-cluster-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ClusterLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ClusterLayerComponent, selector: "art-cluster-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: ClusterLayerComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'lib-cluster-layer',
+                    selector: 'art-cluster-layer',
                     template: '',
                     styleUrls: [],
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1517,7 +1563,7 @@ class MapPlateComponent extends DestructibleComponent {
     }
 }
 MapPlateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MapPlateComponent, deps: [{ token: i0.ElementRef }, { token: MapPostboyService }, { token: MapPlateFactory }, { token: MessageRegistratorService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MapPlateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MapPlateComponent, selector: "lib-map-plate", inputs: { settings: "settings" }, providers: [
+MapPlateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MapPlateComponent, selector: "art-map-plate", inputs: { settings: "settings" }, providers: [
         MessageRegistratorService,
         MapStateService,
         MapManagementService,
@@ -1527,11 +1573,11 @@ MapPlateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
         DrawingGenerationService,
         FeatureService,
         FeatureModificationService,
-    ], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n<lib-osm-tile-layer *ngIf=\"osmUrl && map\" [map]=\"map\" [url]=\"osmUrl\"></lib-osm-tile-layer>\r\n<lib-feature-layer *ngIf=\"map\" [settings]=\"drawingLayerSettings\"></lib-feature-layer>\r\n", styles: ["lib-map-plate{position:relative;display:flex;flex-direction:column;height:100%}\n"], components: [{ type: OsmTileLayerComponent, selector: "lib-osm-tile-layer", inputs: ["url", "map"] }, { type: FeatureLayerComponent, selector: "lib-feature-layer", inputs: ["settings"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n<art-osm-tile-layer *ngIf=\"osmUrl && map\" [map]=\"map\" [url]=\"osmUrl\"></art-osm-tile-layer>\r\n<art-feature-layer *ngIf=\"map\" [settings]=\"drawingLayerSettings\"></art-feature-layer>\r\n", styles: ["art-map-plate{position:relative;display:flex;flex-direction:column;height:100%}\n"], components: [{ type: OsmTileLayerComponent, selector: "art-osm-tile-layer", inputs: ["url", "map"] }, { type: FeatureLayerComponent, selector: "art-feature-layer", inputs: ["settings"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MapPlateComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'lib-map-plate',
+                    selector: 'art-map-plate',
                     templateUrl: './map-plate.component.html',
                     styleUrls: ['./map-plate.component.scss'],
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1559,7 +1605,7 @@ class MarkersComponent extends DestructibleComponent {
         this._markers = [];
     }
     set markers(value) {
-        this._markers = value;
+        this._markers = value !== null && value !== void 0 ? value : [];
         this.putMarkers();
     }
     ngOnInit() {
@@ -1569,18 +1615,17 @@ class MarkersComponent extends DestructibleComponent {
             .subscribe(() => this.putMarkers());
     }
     putMarkers() {
-        var _a;
-        if (!((_a = this._markers) === null || _a === void 0 ? void 0 : _a.length))
+        if (!this._markers)
             return;
         this.postboy.fire(new PlaceLayerFeaturesCommand(this.layerName, this._markers.map((m) => m.feature)));
     }
 }
 MarkersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MarkersComponent, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Component });
-MarkersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MarkersComponent, selector: "lib-markers", inputs: { layerName: "layerName", markers: "markers" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MarkersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MarkersComponent, selector: "art-markers", inputs: { layerName: "layerName", markers: "markers" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MarkersComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'lib-markers',
+                    selector: 'art-markers',
                     template: '',
                     styleUrls: [],
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1679,11 +1724,11 @@ class TooltipComponent extends DestructibleComponent {
     }
 }
 TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipComponent, deps: [{ token: MapPostboyService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TooltipComponent, selector: "lib-tooltip", inputs: { settings: "settings" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["tip"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #tip [class]=\"['tooltip-wrapper', _settings.containerClass]\" [hidden]=\"!show\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".tooltip-wrapper{position:absolute}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TooltipComponent, selector: "art-tooltip", inputs: { settings: "settings" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["tip"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #tip [class]=\"['tooltip-wrapper', _settings.containerClass]\" [hidden]=\"!show\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".tooltip-wrapper{position:absolute}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'lib-tooltip',
+                    selector: 'art-tooltip',
                     templateUrl: './tooltip.component.html',
                     styleUrls: ['./tooltip.component.scss'],
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1703,7 +1748,7 @@ class PolygonsComponent extends DestructibleComponent {
         this._polygons = [];
     }
     set polygons(value) {
-        this._polygons = value;
+        this._polygons = value !== null && value !== void 0 ? value : [];
         this.putPolygons();
     }
     ngOnInit() {
@@ -1719,11 +1764,11 @@ class PolygonsComponent extends DestructibleComponent {
     }
 }
 PolygonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PolygonsComponent, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Component });
-PolygonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PolygonsComponent, selector: "lib-polygons", inputs: { layerName: "layerName", polygons: "polygons" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PolygonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PolygonsComponent, selector: "art-polygons", inputs: { layerName: "layerName", polygons: "polygons" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: PolygonsComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'lib-polygons',
+                    selector: 'art-polygons',
                     template: '',
                     styleUrls: [],
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1814,11 +1859,11 @@ class MapControlZoomComponent extends DestructibleComponent {
     }
 }
 MapControlZoomComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MapControlZoomComponent, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Component });
-MapControlZoomComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MapControlZoomComponent, selector: "lib-map-control-zoom", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+MapControlZoomComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MapControlZoomComponent, selector: "art-map-control-zoom", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: MapControlZoomComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'lib-map-control-zoom',
+                    selector: 'art-map-control-zoom',
                     template: '',
                     styleUrls: [],
                     changeDetection: ChangeDetectionStrategy.OnPush,