@artstesh/maps 1.1.0 → 1.1.2

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

@@ -677,6 +677,7 @@
         DrawingType[DrawingType["Polygon"] = 1] = "Polygon";
         DrawingType[DrawingType["Circle"] = 2] = "Circle";
         DrawingType[DrawingType["Square"] = 3] = "Square";
+        DrawingType[DrawingType["Box"] = 4] = "Box";
     })(exports.DrawingType || (exports.DrawingType = {}));
 
     exports.FeatureOutputFormat = void 0;
@@ -1081,6 +1082,8 @@
             switch (type) {
                 case exports.DrawingType.Circle:
                     return Draw.createRegularPolygon(32);
+                case exports.DrawingType.Box:
+                    return Draw.createBox();
                 case exports.DrawingType.Square:
                     return Draw.createRegularPolygon(4);
             }
@@ -1267,14 +1270,14 @@
         MapManagementService.prototype.observePlaceFeatures = function () {
             var _this = this;
             this.postboy.subscribe(PlaceLayerFeaturesCommand.ID).subscribe(function (c) {
-                var _a;
+                var _a, _b;
                 if (!_this.layers.has(c.layer))
                     return;
                 var 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));
             });
         };
         MapManagementService.prototype.observeRemoveLayer = function () {
@@ -1788,11 +1791,11 @@
         return TileLayerComponent;
     }(DestructibleComponent));
     TileLayerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TileLayerComponent, deps: [{ token: MapPostboyService }, { token: TileLayerFactory }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TileLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TileLayerComponent, selector: "lib-tile-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TileLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TileLayerComponent, selector: "art-tile-layer", inputs: { settings: "settings" }, 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: TileLayerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-tile-layer',
+                        selector: 'art-tile-layer',
                         template: '',
                         styleUrls: [],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -1853,11 +1856,11 @@
         return OsmTileLayerComponent;
     }(DestructibleComponent));
     OsmTileLayerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OsmTileLayerComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    OsmTileLayerComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    OsmTileLayerComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OsmTileLayerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-osm-tile-layer',
+                        selector: 'art-osm-tile-layer',
                         template: '',
                         styleUrls: [],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -1868,13 +1871,32 @@
                     type: i0.Input
                 }] } });
 
+    /**
+     * A layer that is responsible for showing and styling main features on the map, such as markers and polygons
+     */
     var FeatureLayerSettings = /** @class */ (function () {
         function FeatureLayerSettings() {
+            /**
+             * 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
+         */
         FeatureLayerSettings.copy = function (model) {
             var result = new FeatureLayerSettings();
             result.name = model.name;
@@ -1884,21 +1906,45 @@
             result.style = model.style;
             return result;
         };
+        /**
+         Setter for {@link FeatureLayerSettings.zIndex}
+         * @param zIndex
+         */
         FeatureLayerSettings.prototype.setZIndex = function (zIndex) {
             return FeatureLayerSettings.copy(Object.assign(Object.assign({}, this), { zIndex: zIndex }));
         };
+        /**
+         * Setter for {@link FeatureLayerSettings.name}
+         * @param name
+         */
         FeatureLayerSettings.prototype.setName = function (name) {
             return FeatureLayerSettings.copy(Object.assign(Object.assign({}, this), { name: name }));
         };
+        /**
+         * Setter for {@link FeatureLayerSettings.maxZoom}
+         * @param maxZoom
+         */
         FeatureLayerSettings.prototype.setMaxZoom = function (maxZoom) {
             return FeatureLayerSettings.copy(Object.assign(Object.assign({}, this), { maxZoom: maxZoom }));
         };
+        /**
+         * Setter for {@link FeatureLayerSettings.minZoom}
+         * @param minZoom
+         */
         FeatureLayerSettings.prototype.setMinZoom = function (minZoom) {
             return FeatureLayerSettings.copy(Object.assign(Object.assign({}, this), { minZoom: minZoom }));
         };
+        /**
+         * Setter for {@link FeatureLayerSettings.style}
+         * @param style
+         */
         FeatureLayerSettings.prototype.setStyle = function (style) {
             return FeatureLayerSettings.copy(Object.assign(Object.assign({}, this), { style: style }));
         };
+        /**
+         * Checks if the model has the same content
+         * @param model - the object to compare
+         */
         FeatureLayerSettings.prototype.isSame = function (model) {
             if (this.maxZoom !== model.maxZoom)
                 return false;
@@ -1982,11 +2028,11 @@
         return FeatureLayerComponent;
     }(DestructibleComponent));
     FeatureLayerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FeatureLayerComponent, deps: [{ token: MapPostboyService }, { token: FeatureLayerFactory }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FeatureLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FeatureLayerComponent, selector: "lib-feature-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    FeatureLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FeatureLayerComponent, selector: "art-feature-layer", inputs: { settings: "settings" }, 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: FeatureLayerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-feature-layer',
+                        selector: 'art-feature-layer',
                         template: '',
                         styleUrls: [],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -2194,11 +2240,11 @@
         return ClusterLayerComponent;
     }(DestructibleComponent));
     ClusterLayerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClusterLayerComponent, deps: [{ token: MapPostboyService }, { token: ClusterLayerFactory }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ClusterLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ClusterLayerComponent, selector: "lib-cluster-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    ClusterLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ClusterLayerComponent, selector: "art-cluster-layer", inputs: { settings: "settings" }, 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: ClusterLayerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-cluster-layer',
+                        selector: 'art-cluster-layer',
                         template: '',
                         styleUrls: [],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -2283,7 +2329,7 @@
         return MapPlateComponent;
     }(DestructibleComponent));
     MapPlateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapPlateComponent, deps: [{ token: i0__namespace.ElementRef }, { token: MapPostboyService }, { token: MapPlateFactory }, { token: MessageRegistratorService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MapPlateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MapPlateComponent, selector: "lib-map-plate", inputs: { settings: "settings" }, providers: [
+    MapPlateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MapPlateComponent, selector: "art-map-plate", inputs: { settings: "settings" }, providers: [
             MessageRegistratorService,
             MapStateService,
             MapManagementService,
@@ -2293,11 +2339,11 @@
             DrawingGenerationService,
             FeatureService,
             FeatureModificationService,
-        ], usesInheritance: true, ngImport: i0__namespace, 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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        ], usesInheritance: true, ngImport: i0__namespace, 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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapPlateComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-map-plate',
+                        selector: 'art-map-plate',
                         templateUrl: './map-plate.component.html',
                         styleUrls: ['./map-plate.component.scss'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -2328,7 +2374,7 @@
         }
         Object.defineProperty(MarkersComponent.prototype, "markers", {
             set: function (value) {
-                this._markers = value;
+                this._markers = value !== null && value !== void 0 ? value : [];
                 this.putMarkers();
             },
             enumerable: false,
@@ -2342,19 +2388,18 @@
                 .subscribe(function () { return _this.putMarkers(); });
         };
         MarkersComponent.prototype.putMarkers = function () {
-            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(function (m) { return m.feature; })));
         };
         return MarkersComponent;
     }(DestructibleComponent));
     MarkersComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MarkersComponent, deps: [{ token: MapPostboyService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MarkersComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MarkersComponent, selector: "lib-markers", inputs: { layerName: "layerName", markers: "markers" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    MarkersComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MarkersComponent, selector: "art-markers", inputs: { layerName: "layerName", markers: "markers" }, 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: MarkersComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-markers',
+                        selector: 'art-markers',
                         template: '',
                         styleUrls: [],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -2464,11 +2509,11 @@
         return TooltipComponent;
     }(DestructibleComponent));
     TooltipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TooltipComponent, deps: [{ token: MapPostboyService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TooltipComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.ChangeDetectionStrategy.OnPush });
+    TooltipComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TooltipComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-tooltip',
+                        selector: 'art-tooltip',
                         templateUrl: './tooltip.component.html',
                         styleUrls: ['./tooltip.component.scss'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -2491,7 +2536,7 @@
         }
         Object.defineProperty(PolygonsComponent.prototype, "polygons", {
             set: function (value) {
-                this._polygons = value;
+                this._polygons = value !== null && value !== void 0 ? value : [];
                 this.putPolygons();
             },
             enumerable: false,
@@ -2512,11 +2557,11 @@
         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 });
+    PolygonsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PolygonsComponent, selector: "art-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',
+                        selector: 'art-polygons',
                         template: '',
                         styleUrls: [],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -2616,11 +2661,11 @@
         return MapControlZoomComponent;
     }(DestructibleComponent));
     MapControlZoomComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapControlZoomComponent, deps: [{ token: MapPostboyService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MapControlZoomComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MapControlZoomComponent, selector: "lib-map-control-zoom", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    MapControlZoomComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MapControlZoomComponent, selector: "art-map-control-zoom", inputs: { settings: "settings" }, 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: MapControlZoomComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-map-control-zoom',
+                        selector: 'art-map-control-zoom',
                         template: '',
                         styleUrls: [],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,