@artstesh/maps 4.0.2 → 5.0.0

package/dist/{fesm2020 → fesm2022}/maps-components.mjs

@@ -4,31 +4,30 @@ import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { Feature } from 'ol';
 import { Point } from 'ol/geom';
-import { useGeographic, get } from 'ol/proj';
+import { useGeographic } from 'ol/proj';
 import { Subject, ReplaySubject } from 'rxjs';
 import Map from 'ol/Map';
 import View from 'ol/View';
 import TileLayer from 'ol/layer/Tile';
 import OSM from 'ol/source/OSM';
 import { filter, first } from 'rxjs/operators';
-import { XYZ, Vector } from 'ol/source';
+import { Vector } from 'ol/source';
 import { Vector as Vector$1 } from 'ol/layer';
 import Style from 'ol/style/Style';
 import { Icon, Circle, Fill, Stroke } from 'ol/style';
 
 class DestructibleComponent {
-    constructor() {
-        this.subs = [];
-    }
+    subs = [];
+    onDestroy;
     ngOnDestroy() {
         this.subs.forEach((s) => s.unsubscribe());
         if (this.onDestroy)
             this.onDestroy();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DestructibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DestructibleComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true });
 }
-DestructibleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DestructibleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DestructibleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DestructibleComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DestructibleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DestructibleComponent, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }] });
@@ -41,26 +40,24 @@ var MapLyrs;
     MapLyrs[MapLyrs["Terrain"] = 4] = "Terrain";
 })(MapLyrs || (MapLyrs = {}));
 class MapLyrsLabel {
+    static lyrs = {
+        [MapLyrs.Hybrid]: 's,h',
+        [MapLyrs.Satellite]: 's',
+        [MapLyrs.Streets]: 'm',
+        [MapLyrs.Terrain]: 'p',
+    };
     static get(lyrs) {
         return MapLyrsLabel.lyrs[lyrs];
     }
-}
-MapLyrsLabel.lyrs = {
-    [MapLyrs.Hybrid]: 's,h',
-    [MapLyrs.Satellite]: 's',
-    [MapLyrs.Streets]: 'm',
-    [MapLyrs.Terrain]: 'p',
-};
+}
 
 class MapSettings {
-    constructor() {
-        this.center = [0, 0];
-        this.maxZoom = 19;
-        this.minZoom = 0;
-        this.zoom = 4;
-        this.lyrs = MapLyrs.Hybrid;
-        this.language = 'en';
-    }
+    center = [0, 0];
+    maxZoom = 19;
+    minZoom = 0;
+    zoom = 4;
+    lyrs = MapLyrs.Hybrid;
+    language = 'en';
     static copy(model) {
         const result = new MapSettings();
         result.center = model.center;
@@ -105,6 +102,7 @@ class MapSettings {
 }
 
 class IdGenerator {
+    static collection = 'ABCDEFGHIJKLMNOPQRSTUVWXTZ0123456789'.split('');
     static get() {
         let result = [];
         for (let i = 0; i < 7; i++) {
@@ -115,10 +113,13 @@ class IdGenerator {
         }
         return result.join('-');
     }
-}
-IdGenerator.collection = 'ABCDEFGHIJKLMNOPQRSTUVWXTZ0123456789'.split('');
+}
 
 class MarkerModel {
+    lat;
+    lng;
+    id;
+    info;
     constructor(lat, lng, id, info) {
         this.lat = lat;
         this.lng = lng;
@@ -128,6 +129,7 @@ class MarkerModel {
             this.id = IdGenerator.get();
         this._feature = this.getFeature();
     }
+    _feature;
     get feature() {
         return this._feature;
     }
@@ -144,11 +146,8 @@ class MarkerModel {
 class GenericMessage {
 }
 class CallbackMessage extends GenericMessage {
-    constructor() {
-        super(...arguments);
-        this.result$ = new Subject();
-        this.result = this.result$.asObservable();
-    }
+    result$ = new Subject();
+    result = this.result$.asObservable();
     finish(value) {
         this.result$.next(value);
         this.result$.complete();
@@ -156,6 +155,8 @@ class CallbackMessage extends GenericMessage {
 }
 
 class MapRenderedEvent extends GenericMessage {
+    map;
+    static ID = 'b6121807-3b89-4cd3-82cf-089d2cefdc4f';
     constructor(map) {
         super();
         this.map = map;
@@ -163,10 +164,11 @@ class MapRenderedEvent extends GenericMessage {
     get id() {
         return MapRenderedEvent.ID;
     }
-}
-MapRenderedEvent.ID = 'b6121807-3b89-4cd3-82cf-089d2cefdc4f';
+}
 
 class AddLayerCommand extends GenericMessage {
+    layer;
+    static ID = 'd93e250f-92bc-43ac-9c6a-46c521a1aaa5';
     constructor(layer) {
         super();
         this.layer = layer;
@@ -174,10 +176,12 @@ class AddLayerCommand extends GenericMessage {
     get id() {
         return AddLayerCommand.ID;
     }
-}
-AddLayerCommand.ID = 'd93e250f-92bc-43ac-9c6a-46c521a1aaa5';
+}
 
 class PlaceLayerFeaturesCommand extends GenericMessage {
+    layer;
+    features;
+    static ID = '8caf86bc-869b-426f-b36d-4642f6b8aab0';
     constructor(layer, features) {
         super();
         this.layer = layer;
@@ -186,10 +190,11 @@ class PlaceLayerFeaturesCommand extends GenericMessage {
     get id() {
         return PlaceLayerFeaturesCommand.ID;
     }
-}
-PlaceLayerFeaturesCommand.ID = '8caf86bc-869b-426f-b36d-4642f6b8aab0';
+}
 
 class RemoveLayerCommand extends GenericMessage {
+    layer;
+    static ID = 'ab484e0e-e185-45cd-8434-12101f3c7eb1';
     constructor(layer) {
         super();
         this.layer = layer;
@@ -197,35 +202,22 @@ class RemoveLayerCommand extends GenericMessage {
     get id() {
         return RemoveLayerCommand.ID;
     }
-}
-RemoveLayerCommand.ID = 'ab484e0e-e185-45cd-8434-12101f3c7eb1';
-
-class AddTileCommand extends GenericMessage {
-    constructor(layer) {
-        super();
-        this.layer = layer;
-    }
-    get id() {
-        return AddTileCommand.ID;
-    }
-}
-AddTileCommand.ID = '25b7df28-72ce-4453-9fe6-54285a2fdc57';
+}
 
-class RemoveTileCommand extends GenericMessage {
+class ClearLayerCommand extends GenericMessage {
+    layer;
+    static ID = 'd02842b7-fa62-458d-b1e4-12dd814610c5';
     constructor(layer) {
         super();
         this.layer = layer;
     }
     get id() {
-        return RemoveTileCommand.ID;
+        return ClearLayerCommand.ID;
     }
-}
-RemoveTileCommand.ID = 'c36ccc0b-5638-4819-b148-2de57a59a5b7';
+}
 
 class MapPostboyService {
-    constructor() {
-        this.applications = {};
-    }
+    applications = {};
     register(id, sub) {
         this.applications[id] = sub;
     }
@@ -239,10 +231,10 @@ class MapPostboyService {
             throw new Error(`There is no event with id ${message.id}`);
         this.applications[message.id].next(message);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapPostboyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapPostboyService });
 }
-MapPostboyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapPostboyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-MapPostboyService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapPostboyService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapPostboyService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapPostboyService, decorators: [{
             type: Injectable
         }] });
 
@@ -252,58 +244,51 @@ class MessageRegistratorService {
         service.register(AddLayerCommand.ID, new Subject());
         service.register(PlaceLayerFeaturesCommand.ID, new ReplaySubject(1));
         service.register(RemoveLayerCommand.ID, new Subject());
-        service.register(AddTileCommand.ID, new Subject());
-        service.register(RemoveTileCommand.ID, new Subject());
+        service.register(ClearLayerCommand.ID, new Subject());
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessageRegistratorService, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessageRegistratorService });
 }
-MessageRegistratorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MessageRegistratorService, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
-MessageRegistratorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MessageRegistratorService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MessageRegistratorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessageRegistratorService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: MapPostboyService }]; } });
 
 class MapStateService {
+    postboy;
+    map;
     constructor(postboy) {
         this.postboy = postboy;
         postboy.subscribe(MapRenderedEvent.ID).subscribe((m) => (this.map = m));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapStateService, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapStateService });
 }
-MapStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapStateService, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
-MapStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapStateService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapStateService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: MapPostboyService }]; } });
 
 class MapManagementService {
+    postboy;
+    map;
+    layers = {};
     constructor(postboy) {
         this.postboy = postboy;
-        this.layers = {};
         this.observeMapRender();
         this.observeAddLayer();
         this.observeRemoveLayer();
         this.observePlaceFeatures();
-        this.observeAddTile();
-        this.observeRemoveTile();
-    }
-    observeRemoveTile() {
-        this.postboy.subscribe(RemoveTileCommand.ID).subscribe((c) => {
-            if (!this.map)
-                return;
-            this.map.removeLayer(c.layer);
-        });
-    }
-    observeAddTile() {
-        this.postboy.subscribe(AddTileCommand.ID).subscribe((c) => {
-            if (!this.map)
-                return;
-            this.map.addLayer(c.layer);
-        });
+        this.observeClearLayer();
     }
     observeMapRender() {
         this.postboy.subscribe(MapRenderedEvent.ID).subscribe((m) => {
             this.map = m.map;
         });
     }
+    observeClearLayer() {
+        this.postboy.subscribe(ClearLayerCommand.ID).subscribe((c) => {
+            this.layers[c.layer]?.getSource()?.clear();
+        });
+    }
     observeAddLayer() {
         this.postboy.subscribe(AddLayerCommand.ID).subscribe((c) => {
             if (!this.map)
@@ -328,19 +313,19 @@ class MapManagementService {
             this.map.removeLayer(c.layer);
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapManagementService, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapManagementService });
 }
-MapManagementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapManagementService, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
-MapManagementService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapManagementService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapManagementService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapManagementService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: MapPostboyService }]; } });
 
 class ServiceCollector {
     constructor(registrator, management, state) { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ServiceCollector, deps: [{ token: MessageRegistratorService }, { token: MapManagementService }, { token: MapStateService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ServiceCollector });
 }
-ServiceCollector.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ServiceCollector, deps: [{ token: MessageRegistratorService }, { token: MapManagementService }, { token: MapStateService }], target: i0.ɵɵFactoryTarget.Injectable });
-ServiceCollector.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ServiceCollector });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ServiceCollector, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ServiceCollector, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: MessageRegistratorService }, { type: MapManagementService }, { type: MapStateService }]; } });
 
@@ -357,10 +342,10 @@ class MapPlateFactory {
             layers: [],
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapPlateFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapPlateFactory, providedIn: 'root' });
 }
-MapPlateFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapPlateFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-MapPlateFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapPlateFactory, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapPlateFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapPlateFactory, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -368,16 +353,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }] });
 
 class OsmTileLayerComponent extends DestructibleComponent {
+    layer;
     constructor() {
         super();
-        this._url = '';
     }
+    _url = '';
     set url(value) {
         if (!value || this._url === value)
             return;
         this._url = value;
         this.initLayer();
     }
+    _map;
     set map(value) {
         if (!value || this._map === value)
             return;
@@ -405,10 +392,10 @@ class OsmTileLayerComponent extends DestructibleComponent {
         this.layer.set('name', 'osm-tile-layer');
         this._map.addLayer(this.layer);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OsmTileLayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OsmTileLayerComponent, selector: "lib-osm-tile-layer", inputs: { url: "url", map: "map" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-OsmTileLayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: OsmTileLayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-OsmTileLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: OsmTileLayerComponent, selector: "lib-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: "15.2.10", ngImport: i0, type: OsmTileLayerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OsmTileLayerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-osm-tile-layer', template: '', changeDetection: ChangeDetectionStrategy.OnPush }]
         }], ctorParameters: function () { return []; }, propDecorators: { url: [{
@@ -418,15 +405,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class MapPlateComponent extends DestructibleComponent {
+    elementRef;
+    postboy;
+    mapFactory;
+    detector;
+    map;
+    osmUrl = '';
     constructor(elementRef, postboy, mapFactory, registrator, detector) {
         super();
         this.elementRef = elementRef;
         this.postboy = postboy;
         this.mapFactory = mapFactory;
         this.detector = detector;
-        this.osmUrl = '';
-        this._settings = new MapSettings();
     }
+    _settings = new MapSettings();
     set settings(value) {
         if (!value || this._settings.isSame(value))
             return;
@@ -451,154 +443,36 @@ class MapPlateComponent extends DestructibleComponent {
         this.detector.detectChanges();
         this.map.updateSize();
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapPlateComponent, deps: [{ token: i0.ElementRef }, { token: MapPostboyService }, { token: MapPlateFactory }, { token: ServiceCollector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapPlateComponent, selector: "lib-map-plate", inputs: { settings: "settings" }, providers: [MessageRegistratorService, MapStateService, MapManagementService, ServiceCollector], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n<lib-osm-tile-layer *ngIf=\"osmUrl && map\" [map]=\"map\" [url]=\"osmUrl\"></lib-osm-tile-layer>\n", styles: ["lib-map-plate{position:relative;display:flex;flex-direction:column;height:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OsmTileLayerComponent, selector: "lib-osm-tile-layer", inputs: ["url", "map"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-MapPlateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapPlateComponent, deps: [{ token: i0.ElementRef }, { token: MapPostboyService }, { token: MapPlateFactory }, { token: ServiceCollector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MapPlateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapPlateComponent, selector: "lib-map-plate", inputs: { settings: "settings" }, providers: [MessageRegistratorService, MapStateService, MapManagementService, ServiceCollector], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n<lib-osm-tile-layer *ngIf=\"osmUrl && map\" [map]=\"map\" [url]=\"osmUrl\"></lib-osm-tile-layer>\n", styles: ["lib-map-plate{position:relative;display:flex;flex-direction:column;height:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OsmTileLayerComponent, selector: "lib-osm-tile-layer", inputs: ["url", "map"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapPlateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapPlateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-map-plate', changeDetection: ChangeDetectionStrategy.OnPush, providers: [MessageRegistratorService, MapStateService, MapManagementService, ServiceCollector], template: "<ng-content></ng-content>\n<lib-osm-tile-layer *ngIf=\"osmUrl && map\" [map]=\"map\" [url]=\"osmUrl\"></lib-osm-tile-layer>\n", styles: ["lib-map-plate{position:relative;display:flex;flex-direction:column;height:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: MapPostboyService }, { type: MapPlateFactory }, { type: ServiceCollector }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { settings: [{
                 type: Input
             }] } });
 
-class TileLayerSettings {
-    constructor() {
-        this.maxZoom = 19;
-        this.minZoom = 0;
-        this.opacity = 0.6;
-        this.url = '';
-        this.projection = 'EPSG:3857';
-    }
-    static copy(model) {
-        const result = new TileLayerSettings();
-        result.maxZoom = model.maxZoom;
-        result.minZoom = model.minZoom;
-        result.projection = model.projection;
-        result.opacity = model.opacity;
-        result.url = model.url;
-        return result;
-    }
-    setUrl(url) {
-        return TileLayerSettings.copy({ ...this, url });
-    }
-    setMaxZoom(maxZoom) {
-        return TileLayerSettings.copy({ ...this, maxZoom });
-    }
-    setMinZoom(minZoom) {
-        return TileLayerSettings.copy({ ...this, minZoom });
-    }
-    setOpacity(opacity) {
-        return TileLayerSettings.copy({ ...this, opacity });
-    }
-    setProjection(projection) {
-        return TileLayerSettings.copy({ ...this, projection });
-    }
-    isSame(model) {
-        if (this.maxZoom !== model.maxZoom)
-            return false;
-        if (this.minZoom !== model.minZoom)
-            return false;
-        if (this.url !== model.url)
-            return false;
-        if (this.projection !== model.projection)
-            return false;
-        if (this.opacity !== model.opacity)
-            return false;
-        return true;
-    }
-}
-
-class TileLayerFactory {
-    build(settings) {
-        const source = new XYZ({
-            tileSize: 256,
-            maxZoom: settings.maxZoom || 14,
-            minZoom: settings.minZoom || 1,
-            projection: get(settings.projection),
-            tileUrlFunction: this.getTileFunc(settings),
-            crossOrigin: 'Anonymous',
-        });
-        return new TileLayer({ source, opacity: settings.opacity });
-    }
-    getTileFunc(settings) {
-        return (tileCoord) => {
-            const zoom = tileCoord[0];
-            const x = tileCoord[1];
-            const y = tileCoord[2];
-            const normalizedCoord = this.getNormalizedCoord({ x: x, y: y }, zoom);
-            const bound = 1 << zoom;
-            return settings.url
-                .replace('{x}', String(normalizedCoord?.x || x))
-                .replace('{z}', String(zoom))
-                .replace('{y}', String(bound - (normalizedCoord?.y || y) - 1));
-        };
-    }
-    getNormalizedCoord(coord, zoom) {
-        const y = coord.y;
-        let x = coord.x;
-        const tileRange = 1 << zoom;
-        if (y < 0 || y >= tileRange)
-            return null;
-        if (x < 0 || x >= tileRange)
-            x = ((x % tileRange) + tileRange) % tileRange;
-        return { x: x, y: y };
-    }
-}
-TileLayerFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TileLayerFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TileLayerFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TileLayerFactory, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TileLayerFactory, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
 class TileLayerComponent extends DestructibleComponent {
-    constructor(postboy, factory) {
+    source;
+    layer;
+    constructor() {
         super();
-        this.postboy = postboy;
-        this.factory = factory;
-        this._settings = new TileLayerSettings();
-        this.onDestroy = () => this.removeLayer();
-    }
-    ngOnInit() {
-        this.postboy
-            .subscribe(MapRenderedEvent.ID)
-            .pipe(filter((m) => !!m), first())
-            .subscribe((m) => this.initLayer());
-    }
-    set settings(value) {
-        if (!value || this._settings.isSame(value))
-            return;
-        this._settings = value;
-        this.initLayer();
-    }
-    initLayer() {
-        this.removeLayer();
-        this.layer = this.factory.build(this._settings);
-        this.postboy.fire(new AddTileCommand(this.layer));
-    }
-    removeLayer() {
-        if (this.layer)
-            this.postboy.fire(new RemoveTileCommand(this.layer));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TileLayerComponent, selector: "lib-tile-layer", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-TileLayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TileLayerComponent, deps: [{ token: MapPostboyService }, { token: TileLayerFactory }], target: i0.ɵɵFactoryTarget.Component });
-TileLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TileLayerComponent, selector: "lib-tile-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TileLayerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-tile-layer', template: '', changeDetection: ChangeDetectionStrategy.OnPush }]
-        }], ctorParameters: function () { return [{ type: MapPostboyService }, { type: TileLayerFactory }]; }, propDecorators: { settings: [{
-                type: Input
-            }] } });
+        }], ctorParameters: function () { return []; } });
 
 class FeatureLayerSettings {
-    constructor() {
-        this.name = IdGenerator.get();
-        this.zIndex = 1;
-        this.maxZoom = 19;
-        this.minZoom = 0;
-    }
+    name = IdGenerator.get();
+    zIndex = 1;
+    maxZoom = 19;
+    minZoom = 0;
+    style;
     static copy(model) {
         const result = new FeatureLayerSettings();
         result.name = model.name;
@@ -652,10 +526,10 @@ class FeatureLayerFactory {
         layer.set('name', settings.name);
         return layer;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureLayerFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureLayerFactory, providedIn: 'root' });
 }
-FeatureLayerFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FeatureLayerFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-FeatureLayerFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FeatureLayerFactory, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FeatureLayerFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureLayerFactory, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -663,13 +537,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         }] });
 
 class FeatureLayerComponent extends DestructibleComponent {
+    postboy;
+    factory;
+    layer = null;
     constructor(postboy, factory) {
         super();
         this.postboy = postboy;
         this.factory = factory;
-        this.layer = null;
-        this._settings = new FeatureLayerSettings();
-        this.onDestroy = () => this.removeLayer();
     }
     ngOnInit() {
         this.postboy
@@ -677,12 +551,14 @@ class FeatureLayerComponent extends DestructibleComponent {
             .pipe(filter((m) => !!m), first())
             .subscribe((m) => this.initLayer());
     }
+    _settings = new FeatureLayerSettings();
     set settings(value) {
         if (!value || this._settings.isSame(value))
             return;
         this._settings = value;
         this.initLayer();
     }
+    onDestroy = () => this.removeLayer();
     initLayer() {
         this.removeLayer();
         this.layer = this.factory.build(this._settings);
@@ -692,10 +568,10 @@ class FeatureLayerComponent extends DestructibleComponent {
         if (this.layer)
             this.postboy.fire(new RemoveLayerCommand(this.layer));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureLayerComponent, deps: [{ token: MapPostboyService }, { token: FeatureLayerFactory }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FeatureLayerComponent, selector: "lib-feature-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-FeatureLayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FeatureLayerComponent, deps: [{ token: MapPostboyService }, { token: FeatureLayerFactory }], target: i0.ɵɵFactoryTarget.Component });
-FeatureLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FeatureLayerComponent, selector: "lib-feature-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FeatureLayerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureLayerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-feature-layer', template: '', changeDetection: ChangeDetectionStrategy.OnPush }]
         }], ctorParameters: function () { return [{ type: MapPostboyService }, { type: FeatureLayerFactory }]; }, propDecorators: { settings: [{
@@ -703,12 +579,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class MarkersComponent extends DestructibleComponent {
+    postboy;
+    layerName = '';
     constructor(postboy) {
         super();
         this.postboy = postboy;
-        this.layerName = '';
-        this._markers = [];
     }
+    _markers = [];
     set markers(value) {
         this._markers = value;
         this.putMarkers();
@@ -724,10 +601,10 @@ class MarkersComponent extends DestructibleComponent {
             return;
         this.postboy.fire(new PlaceLayerFeaturesCommand(this.layerName, this._markers.map((m) => m.feature)));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MarkersComponent, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MarkersComponent, selector: "lib-markers", inputs: { layerName: "layerName", markers: "markers" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-MarkersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MarkersComponent, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Component });
-MarkersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MarkersComponent, selector: "lib-markers", inputs: { layerName: "layerName", markers: "markers" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MarkersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MarkersComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-markers', template: '', changeDetection: ChangeDetectionStrategy.OnPush }]
         }], ctorParameters: function () { return [{ type: MapPostboyService }]; }, propDecorators: { layerName: [{
@@ -737,16 +614,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class MapModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MapModule, declarations: [DestructibleComponent,
+            MapPlateComponent,
+            TileLayerComponent,
+            OsmTileLayerComponent,
+            FeatureLayerComponent,
+            MarkersComponent], imports: [CommonModule], exports: [MapPlateComponent, FeatureLayerComponent, MarkersComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapModule, imports: [CommonModule] });
 }
-MapModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapModule, declarations: [DestructibleComponent,
-        MapPlateComponent,
-        TileLayerComponent,
-        OsmTileLayerComponent,
-        FeatureLayerComponent,
-        MarkersComponent], imports: [CommonModule], exports: [MapPlateComponent, FeatureLayerComponent, MarkersComponent, TileLayerComponent] });
-MapModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -758,10 +635,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         FeatureLayerComponent,
                         MarkersComponent,
                     ],
-                    exports: [MapPlateComponent, FeatureLayerComponent, MarkersComponent, TileLayerComponent],
+                    exports: [MapPlateComponent, FeatureLayerComponent, MarkersComponent],
                 }]
         }] });
 
+class TileLayerSettings {
+    name = 'tiles';
+    maxZoom = 19;
+    minZoom = 0;
+    opacity = 1;
+    url = '';
+    static copy(model) {
+        const result = new TileLayerSettings();
+        result.name = model.name;
+        result.maxZoom = model.maxZoom;
+        result.minZoom = model.minZoom;
+        result.url = model.url;
+        return result;
+    }
+    setUrl(url) {
+        return TileLayerSettings.copy({ ...this, url });
+    }
+    setName(name) {
+        return TileLayerSettings.copy({ ...this, name });
+    }
+    setMaxZoom(maxZoom) {
+        return TileLayerSettings.copy({ ...this, maxZoom });
+    }
+    setMinZoom(minZoom) {
+        return TileLayerSettings.copy({ ...this, minZoom });
+    }
+    isSame(model) {
+        if (this.maxZoom !== model.maxZoom)
+            return false;
+        if (this.minZoom !== model.minZoom)
+            return false;
+        if (this.url !== model.url)
+            return false;
+        if (this.name !== model.name)
+            return false;
+        return true;
+    }
+}
+
 class MarkerStyleHelper {
     static fromSvg(svg, size = [30, 30], zIndex = 400) {
         let image = new Image();