@artstesh/maps 4.0.0 → 4.0.3

package/dist/esm2020/src/map/services/map-postboy.service.mjs

@@ -1,26 +1,15 @@
 import { Injectable } from '@angular/core';
+import { PostboyService } from '@artstesh/postboy';
 import * as i0 from "@angular/core";
-export class MapPostboyService {
+export class MapPostboyService extends PostboyService {
     constructor() {
-        this.applications = {};
-    }
-    register(id, sub) {
-        this.applications[id] = sub;
-    }
-    subscribe(id) {
-        if (!this.applications[id])
-            throw new Error(`There is no event with id ${id}`);
-        return this.applications[id].asObservable();
-    }
-    fire(message) {
-        if (!this.applications[message.id])
-            throw new Error(`There is no event with id ${message.id}`);
-        this.applications[message.id].next(message);
+        super(...arguments);
+        this.observe = (id) => this.subscribe(id);
     }
 }
-MapPostboyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapPostboyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+MapPostboyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapPostboyService, deps: null, 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: [{
             type: Injectable
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLXBvc3Rib3kuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcHMtY29tcG9uZW50cy9zcmMvbWFwL3NlcnZpY2VzL21hcC1wb3N0Ym95LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLM0MsTUFBTSxPQUFPLGlCQUFpQjtJQUQ5QjtRQUVVLGlCQUFZLEdBQW1DLEVBQUUsQ0FBQztLQWUzRDtJQWJRLFFBQVEsQ0FBSSxFQUFVLEVBQUUsR0FBZTtRQUM1QyxJQUFJLENBQUMsWUFBWSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEdBQUcsQ0FBQztJQUM5QixDQUFDO0lBRU0sU0FBUyxDQUFJLEVBQVU7UUFDNUIsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDO1lBQUUsTUFBTSxJQUFJLEtBQUssQ0FBQyw2QkFBNkIsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUMvRSxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDOUMsQ0FBQztJQUVELElBQUksQ0FBMkIsT0FBVTtRQUN2QyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQUUsTUFBTSxJQUFJLEtBQUssQ0FBQyw2QkFBNkIsT0FBTyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDL0YsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzlDLENBQUM7OytHQWZVLGlCQUFpQjttSEFBakIsaUJBQWlCOzRGQUFqQixpQkFBaUI7a0JBRDdCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBHZW5lcmljTWVzc2FnZSB9IGZyb20gJy4uL21lc3NhZ2VzJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIE1hcFBvc3Rib3lTZXJ2aWNlIHtcbiAgcHJpdmF0ZSBhcHBsaWNhdGlvbnM6IHsgW2lkOiBzdHJpbmddOiBTdWJqZWN0PGFueT4gfSA9IHt9O1xuXG4gIHB1YmxpYyByZWdpc3RlcjxUPihpZDogc3RyaW5nLCBzdWI6IFN1YmplY3Q8VD4pOiB2b2lkIHtcbiAgICB0aGlzLmFwcGxpY2F0aW9uc1tpZF0gPSBzdWI7XG4gIH1cblxuICBwdWJsaWMgc3Vic2NyaWJlPFQ+KGlkOiBzdHJpbmcpOiBPYnNlcnZhYmxlPFQ+IHtcbiAgICBpZiAoIXRoaXMuYXBwbGljYXRpb25zW2lkXSkgdGhyb3cgbmV3IEVycm9yKGBUaGVyZSBpcyBubyBldmVudCB3aXRoIGlkICR7aWR9YCk7XG4gICAgcmV0dXJuIHRoaXMuYXBwbGljYXRpb25zW2lkXS5hc09ic2VydmFibGUoKTtcbiAgfVxuXG4gIGZpcmU8VCBleHRlbmRzIEdlbmVyaWNNZXNzYWdlPihtZXNzYWdlOiBUKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmFwcGxpY2F0aW9uc1ttZXNzYWdlLmlkXSkgdGhyb3cgbmV3IEVycm9yKGBUaGVyZSBpcyBubyBldmVudCB3aXRoIGlkICR7bWVzc2FnZS5pZH1gKTtcbiAgICB0aGlzLmFwcGxpY2F0aW9uc1ttZXNzYWdlLmlkXS5uZXh0KG1lc3NhZ2UpO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLXBvc3Rib3kuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcHMtY29tcG9uZW50cy9zcmMvbWFwL3NlcnZpY2VzL21hcC1wb3N0Ym95LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7O0FBSW5ELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxjQUFjO0lBRHJEOztRQUVTLFlBQU8sR0FBRyxDQUFJLEVBQVUsRUFBaUIsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUksRUFBRSxDQUFDLENBQUM7S0FDMUU7OytHQUZZLGlCQUFpQjttSEFBakIsaUJBQWlCOzRGQUFqQixpQkFBaUI7a0JBRDdCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQb3N0Ym95U2VydmljZSB9IGZyb20gJ0BhcnRzdGVzaC9wb3N0Ym95JztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIE1hcFBvc3Rib3lTZXJ2aWNlIGV4dGVuZHMgUG9zdGJveVNlcnZpY2Uge1xuICBwdWJsaWMgb2JzZXJ2ZSA9IDxUPihpZDogc3RyaW5nKTogT2JzZXJ2YWJsZTxUPiA9PiB0aGlzLnN1YnNjcmliZTxUPihpZCk7XG59XG4iXX0=

package/dist/esm2020/src/map/services/map-state.service.mjs

@@ -5,7 +5,9 @@ import * as i1 from "./map-postboy.service";
 export class MapStateService {
     constructor(postboy) {
         this.postboy = postboy;
-        postboy.subscribe(MapRenderedEvent.ID).subscribe((m) => (this.map = m));
+    }
+    up() {
+        this.postboy.subscribe(MapRenderedEvent.ID).subscribe((m) => (this.map = m));
     }
 }
 MapStateService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapStateService, deps: [{ token: i1.MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -13,4 +15,4 @@ MapStateService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", vers
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapStateService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.MapPostboyService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLXN0YXRlLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBzLWNvbXBvbmVudHMvc3JjL21hcC9zZXJ2aWNlcy9tYXAtc3RhdGUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7O0FBSS9DLE1BQU0sT0FBTyxlQUFlO0lBRzFCLFlBQW9CLE9BQTBCO1FBQTFCLFlBQU8sR0FBUCxPQUFPLENBQW1CO1FBQzVDLE9BQU8sQ0FBQyxTQUFTLENBQU0sZ0JBQWdCLENBQUMsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMvRSxDQUFDOzs2R0FMVSxlQUFlO2lIQUFmLGVBQWU7NEZBQWYsZUFBZTtrQkFEM0IsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hcCB9IGZyb20gJ29sJztcbmltcG9ydCB7IE1hcFJlbmRlcmVkRXZlbnQgfSBmcm9tICcuLi9tZXNzYWdlcyc7XG5pbXBvcnQgeyBNYXBQb3N0Ym95U2VydmljZSB9IGZyb20gJy4vbWFwLXBvc3Rib3kuc2VydmljZSc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBNYXBTdGF0ZVNlcnZpY2Uge1xuICBwcml2YXRlIG1hcD86IE1hcDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHBvc3Rib3k6IE1hcFBvc3Rib3lTZXJ2aWNlKSB7XG4gICAgcG9zdGJveS5zdWJzY3JpYmU8TWFwPihNYXBSZW5kZXJlZEV2ZW50LklEKS5zdWJzY3JpYmUoKG0pID0+ICh0aGlzLm1hcCA9IG0pKTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLXN0YXRlLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBzLWNvbXBvbmVudHMvc3JjL21hcC9zZXJ2aWNlcy9tYXAtc3RhdGUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7O0FBSy9DLE1BQU0sT0FBTyxlQUFlO0lBRzFCLFlBQW9CLE9BQTBCO1FBQTFCLFlBQU8sR0FBUCxPQUFPLENBQW1CO0lBQUcsQ0FBQztJQUVsRCxFQUFFO1FBQ0EsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQU0sZ0JBQWdCLENBQUMsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNwRixDQUFDOzs2R0FQVSxlQUFlO2lIQUFmLGVBQWU7NEZBQWYsZUFBZTtrQkFEM0IsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hcCB9IGZyb20gJ29sJztcbmltcG9ydCB7IE1hcFJlbmRlcmVkRXZlbnQgfSBmcm9tICcuLi9tZXNzYWdlcyc7XG5pbXBvcnQgeyBNYXBQb3N0Ym95U2VydmljZSB9IGZyb20gJy4vbWFwLXBvc3Rib3kuc2VydmljZSc7XG5pbXBvcnQgeyBJUG9zdGJveURlcGVuZGluZ1NlcnZpY2UgfSBmcm9tICdAYXJ0c3Rlc2gvcG9zdGJveSc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBNYXBTdGF0ZVNlcnZpY2UgaW1wbGVtZW50cyBJUG9zdGJveURlcGVuZGluZ1NlcnZpY2Uge1xuICBwcml2YXRlIG1hcD86IE1hcDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHBvc3Rib3k6IE1hcFBvc3Rib3lTZXJ2aWNlKSB7fVxuXG4gIHVwKCk6IHZvaWQge1xuICAgIHRoaXMucG9zdGJveS5zdWJzY3JpYmU8TWFwPihNYXBSZW5kZXJlZEV2ZW50LklEKS5zdWJzY3JpYmUoKG0pID0+ICh0aGlzLm1hcCA9IG0pKTtcbiAgfVxufVxuIl19

package/dist/esm2020/src/map/services/message-registrator.service.mjs

@@ -1,24 +1,35 @@
 import { Injectable } from '@angular/core';
-import { ReplaySubject, Subject } from 'rxjs';
 import { MapRenderedEvent } from '../messages';
 import { AddLayerCommand } from '../messages/commands/add-layer.command';
 import { PlaceLayerFeaturesCommand } from '../messages/commands/place-layer-features.command';
 import { RemoveLayerCommand } from '../messages/commands/remove-layer.command';
-import { ClearLayerCommand } from '../messages/commands/clear-layer.command';
+import { AddTileCommand } from '../messages/commands/add-tile.command';
+import { RemoveTileCommand } from '../messages/commands/remove-tile.command';
+import { PostboyAbstractRegistrator } from '@artstesh/postboy';
+import { MapClickEvent } from '../messages/events/map-click.event';
 import * as i0 from "@angular/core";
 import * as i1 from "./map-postboy.service";
-export class MessageRegistratorService {
-    constructor(service) {
-        service.register(MapRenderedEvent.ID, new ReplaySubject(1));
-        service.register(AddLayerCommand.ID, new Subject());
-        service.register(PlaceLayerFeaturesCommand.ID, new ReplaySubject(1));
-        service.register(RemoveLayerCommand.ID, new Subject());
-        service.register(ClearLayerCommand.ID, new Subject());
+import * as i2 from "./map-management.service";
+import * as i3 from "./map-state.service";
+import * as i4 from "./map-click.service";
+export class MessageRegistratorService extends PostboyAbstractRegistrator {
+    constructor(service, management, state, interaction) {
+        super(service);
+        this.registerServices([management, state, interaction]);
+    }
+    _up() {
+        this.registerReplay(MapRenderedEvent.ID);
+        this.registerReplay(PlaceLayerFeaturesCommand.ID);
+        this.registerSubject(AddLayerCommand.ID);
+        this.registerSubject(RemoveLayerCommand.ID);
+        this.registerSubject(AddTileCommand.ID);
+        this.registerSubject(RemoveTileCommand.ID);
+        this.registerSubject(MapClickEvent.ID);
     }
 }
-MessageRegistratorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MessageRegistratorService, deps: [{ token: i1.MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
+MessageRegistratorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MessageRegistratorService, deps: [{ token: i1.MapPostboyService }, { token: i2.MapManagementService }, { token: i3.MapStateService }, { token: i4.MapClickService }], 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: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.MapPostboyService }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS1yZWdpc3RyYXRvci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwcy1jb21wb25lbnRzL3NyYy9tYXAvc2VydmljZXMvbWVzc2FnZS1yZWdpc3RyYXRvci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFM0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDOUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUM5RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7O0FBRzdFLE1BQU0sT0FBTyx5QkFBeUI7SUFDcEMsWUFBWSxPQUEwQjtRQUNwQyxPQUFPLENBQUMsUUFBUSxDQUFDLGdCQUFnQixDQUFDLEVBQUUsRUFBRSxJQUFJLGFBQWEsQ0FBbUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUM5RSxPQUFPLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQyxFQUFFLEVBQUUsSUFBSSxPQUFPLEVBQW1CLENBQUMsQ0FBQztRQUNyRSxPQUFPLENBQUMsUUFBUSxDQUFDLHlCQUF5QixDQUFDLEVBQUUsRUFBRSxJQUFJLGFBQWEsQ0FBNEIsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNoRyxPQUFPLENBQUMsUUFBUSxDQUFDLGtCQUFrQixDQUFDLEVBQUUsRUFBRSxJQUFJLE9BQU8sRUFBc0IsQ0FBQyxDQUFDO1FBQzNFLE9BQU8sQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsRUFBRSxFQUFFLElBQUksT0FBTyxFQUFxQixDQUFDLENBQUM7SUFDM0UsQ0FBQzs7dUhBUFUseUJBQXlCOzJIQUF6Qix5QkFBeUI7NEZBQXpCLHlCQUF5QjtrQkFEckMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hcFBvc3Rib3lTZXJ2aWNlIH0gZnJvbSAnLi9tYXAtcG9zdGJveS5zZXJ2aWNlJztcbmltcG9ydCB7IFJlcGxheVN1YmplY3QsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IE1hcFJlbmRlcmVkRXZlbnQgfSBmcm9tICcuLi9tZXNzYWdlcyc7XG5pbXBvcnQgeyBBZGRMYXllckNvbW1hbmQgfSBmcm9tICcuLi9tZXNzYWdlcy9jb21tYW5kcy9hZGQtbGF5ZXIuY29tbWFuZCc7XG5pbXBvcnQgeyBQbGFjZUxheWVyRmVhdHVyZXNDb21tYW5kIH0gZnJvbSAnLi4vbWVzc2FnZXMvY29tbWFuZHMvcGxhY2UtbGF5ZXItZmVhdHVyZXMuY29tbWFuZCc7XG5pbXBvcnQgeyBSZW1vdmVMYXllckNvbW1hbmQgfSBmcm9tICcuLi9tZXNzYWdlcy9jb21tYW5kcy9yZW1vdmUtbGF5ZXIuY29tbWFuZCc7XG5pbXBvcnQgeyBDbGVhckxheWVyQ29tbWFuZCB9IGZyb20gJy4uL21lc3NhZ2VzL2NvbW1hbmRzL2NsZWFyLWxheWVyLmNvbW1hbmQnO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgTWVzc2FnZVJlZ2lzdHJhdG9yU2VydmljZSB7XG4gIGNvbnN0cnVjdG9yKHNlcnZpY2U6IE1hcFBvc3Rib3lTZXJ2aWNlKSB7XG4gICAgc2VydmljZS5yZWdpc3RlcihNYXBSZW5kZXJlZEV2ZW50LklELCBuZXcgUmVwbGF5U3ViamVjdDxNYXBSZW5kZXJlZEV2ZW50PigxKSk7XG4gICAgc2VydmljZS5yZWdpc3RlcihBZGRMYXllckNvbW1hbmQuSUQsIG5ldyBTdWJqZWN0PEFkZExheWVyQ29tbWFuZD4oKSk7XG4gICAgc2VydmljZS5yZWdpc3RlcihQbGFjZUxheWVyRmVhdHVyZXNDb21tYW5kLklELCBuZXcgUmVwbGF5U3ViamVjdDxQbGFjZUxheWVyRmVhdHVyZXNDb21tYW5kPigxKSk7XG4gICAgc2VydmljZS5yZWdpc3RlcihSZW1vdmVMYXllckNvbW1hbmQuSUQsIG5ldyBTdWJqZWN0PFJlbW92ZUxheWVyQ29tbWFuZD4oKSk7XG4gICAgc2VydmljZS5yZWdpc3RlcihDbGVhckxheWVyQ29tbWFuZC5JRCwgbmV3IFN1YmplY3Q8Q2xlYXJMYXllckNvbW1hbmQ+KCkpO1xuICB9XG59XG4iXX0=
+        }], ctorParameters: function () { return [{ type: i1.MapPostboyService }, { type: i2.MapManagementService }, { type: i3.MapStateService }, { type: i4.MapClickService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS1yZWdpc3RyYXRvci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwcy1jb21wb25lbnRzL3NyYy9tYXAvc2VydmljZXMvbWVzc2FnZS1yZWdpc3RyYXRvci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHM0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUM5RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDN0UsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFJL0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7Ozs7QUFHbkUsTUFBTSxPQUFPLHlCQUEwQixTQUFRLDBCQUEwQjtJQUN2RSxZQUNFLE9BQTBCLEVBQzFCLFVBQWdDLEVBQ2hDLEtBQXNCLEVBQ3RCLFdBQTRCO1FBRTVCLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNmLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLFVBQVUsRUFBRSxLQUFLLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQztJQUMxRCxDQUFDO0lBQ1MsR0FBRztRQUNYLElBQUksQ0FBQyxjQUFjLENBQW1CLGdCQUFnQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzNELElBQUksQ0FBQyxjQUFjLENBQTRCLHlCQUF5QixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzdFLElBQUksQ0FBQyxlQUFlLENBQWtCLGVBQWUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUMxRCxJQUFJLENBQUMsZUFBZSxDQUFxQixrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNoRSxJQUFJLENBQUMsZUFBZSxDQUFpQixjQUFjLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDeEQsSUFBSSxDQUFDLGVBQWUsQ0FBb0IsaUJBQWlCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDOUQsSUFBSSxDQUFDLGVBQWUsQ0FBZ0IsYUFBYSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ3hELENBQUM7O3VIQWxCVSx5QkFBeUI7MkhBQXpCLHlCQUF5Qjs0RkFBekIseUJBQXlCO2tCQURyQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWFwUG9zdGJveVNlcnZpY2UgfSBmcm9tICcuL21hcC1wb3N0Ym95LnNlcnZpY2UnO1xuaW1wb3J0IHsgUmVwbGF5U3ViamVjdCwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgTWFwUmVuZGVyZWRFdmVudCB9IGZyb20gJy4uL21lc3NhZ2VzJztcbmltcG9ydCB7IEFkZExheWVyQ29tbWFuZCB9IGZyb20gJy4uL21lc3NhZ2VzL2NvbW1hbmRzL2FkZC1sYXllci5jb21tYW5kJztcbmltcG9ydCB7IFBsYWNlTGF5ZXJGZWF0dXJlc0NvbW1hbmQgfSBmcm9tICcuLi9tZXNzYWdlcy9jb21tYW5kcy9wbGFjZS1sYXllci1mZWF0dXJlcy5jb21tYW5kJztcbmltcG9ydCB7IFJlbW92ZUxheWVyQ29tbWFuZCB9IGZyb20gJy4uL21lc3NhZ2VzL2NvbW1hbmRzL3JlbW92ZS1sYXllci5jb21tYW5kJztcbmltcG9ydCB7IEFkZFRpbGVDb21tYW5kIH0gZnJvbSAnLi4vbWVzc2FnZXMvY29tbWFuZHMvYWRkLXRpbGUuY29tbWFuZCc7XG5pbXBvcnQgeyBSZW1vdmVUaWxlQ29tbWFuZCB9IGZyb20gJy4uL21lc3NhZ2VzL2NvbW1hbmRzL3JlbW92ZS10aWxlLmNvbW1hbmQnO1xuaW1wb3J0IHsgUG9zdGJveUFic3RyYWN0UmVnaXN0cmF0b3IgfSBmcm9tICdAYXJ0c3Rlc2gvcG9zdGJveSc7XG5pbXBvcnQgeyBNYXBNYW5hZ2VtZW50U2VydmljZSB9IGZyb20gJy4vbWFwLW1hbmFnZW1lbnQuc2VydmljZSc7XG5pbXBvcnQgeyBNYXBTdGF0ZVNlcnZpY2UgfSBmcm9tICcuL21hcC1zdGF0ZS5zZXJ2aWNlJztcbmltcG9ydCB7IE1hcENsaWNrU2VydmljZSB9IGZyb20gJy4vbWFwLWNsaWNrLnNlcnZpY2UnO1xuaW1wb3J0IHsgTWFwQ2xpY2tFdmVudCB9IGZyb20gJy4uL21lc3NhZ2VzL2V2ZW50cy9tYXAtY2xpY2suZXZlbnQnO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgTWVzc2FnZVJlZ2lzdHJhdG9yU2VydmljZSBleHRlbmRzIFBvc3Rib3lBYnN0cmFjdFJlZ2lzdHJhdG9yIHtcbiAgY29uc3RydWN0b3IoXG4gICAgc2VydmljZTogTWFwUG9zdGJveVNlcnZpY2UsXG4gICAgbWFuYWdlbWVudDogTWFwTWFuYWdlbWVudFNlcnZpY2UsXG4gICAgc3RhdGU6IE1hcFN0YXRlU2VydmljZSxcbiAgICBpbnRlcmFjdGlvbjogTWFwQ2xpY2tTZXJ2aWNlLFxuICApIHtcbiAgICBzdXBlcihzZXJ2aWNlKTtcbiAgICB0aGlzLnJlZ2lzdGVyU2VydmljZXMoW21hbmFnZW1lbnQsIHN0YXRlLCBpbnRlcmFjdGlvbl0pO1xuICB9XG4gIHByb3RlY3RlZCBfdXAoKTogdm9pZCB7XG4gICAgdGhpcy5yZWdpc3RlclJlcGxheTxNYXBSZW5kZXJlZEV2ZW50PihNYXBSZW5kZXJlZEV2ZW50LklEKTtcbiAgICB0aGlzLnJlZ2lzdGVyUmVwbGF5PFBsYWNlTGF5ZXJGZWF0dXJlc0NvbW1hbmQ+KFBsYWNlTGF5ZXJGZWF0dXJlc0NvbW1hbmQuSUQpO1xuICAgIHRoaXMucmVnaXN0ZXJTdWJqZWN0PEFkZExheWVyQ29tbWFuZD4oQWRkTGF5ZXJDb21tYW5kLklEKTtcbiAgICB0aGlzLnJlZ2lzdGVyU3ViamVjdDxSZW1vdmVMYXllckNvbW1hbmQ+KFJlbW92ZUxheWVyQ29tbWFuZC5JRCk7XG4gICAgdGhpcy5yZWdpc3RlclN1YmplY3Q8QWRkVGlsZUNvbW1hbmQ+KEFkZFRpbGVDb21tYW5kLklEKTtcbiAgICB0aGlzLnJlZ2lzdGVyU3ViamVjdDxSZW1vdmVUaWxlQ29tbWFuZD4oUmVtb3ZlVGlsZUNvbW1hbmQuSUQpO1xuICAgIHRoaXMucmVnaXN0ZXJTdWJqZWN0PE1hcENsaWNrRXZlbnQ+KE1hcENsaWNrRXZlbnQuSUQpO1xuICB9XG59XG4iXX0=

package/dist/fesm2015/maps-components-src-map.mjs

@@ -4,14 +4,15 @@ import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { Feature } from 'ol';
 import { Point } from 'ol/geom';
-import { useGeographic } from 'ol/proj';
-import { Subject, ReplaySubject } from 'rxjs';
+import { useGeographic, get } from 'ol/proj';
+import { Subject } from 'rxjs';
+import { PostboyService, PostboyAbstractRegistrator } from '@artstesh/postboy';
 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 { Vector } from 'ol/source';
+import { XYZ, 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';
@@ -122,10 +123,8 @@ class MarkerModel {
     constructor(lat, lng, id, info) {
         this.lat = lat;
         this.lng = lng;
-        this.id = id;
         this.info = info;
-        if (id == null)
-            this.id = IdGenerator.get();
+        this.id = id == null ? IdGenerator.get() : id;
         this._feature = this.getFeature();
     }
     get feature() {
@@ -134,9 +133,8 @@ class MarkerModel {
     getFeature() {
         const feature = new Feature(new Point([this.lng, this.lat]));
         feature.setId(this.id);
-        if (this.info) {
-            Object.keys(this.info).forEach((k) => feature.set(k, this.info[k]));
-        }
+        if (this.info)
+            feature.set('info', this.info);
         return feature;
     }
 }
@@ -166,6 +164,18 @@ class MapRenderedEvent extends GenericMessage {
 }
 MapRenderedEvent.ID = 'b6121807-3b89-4cd3-82cf-089d2cefdc4f';
 
+class MapClickEvent extends GenericMessage {
+    constructor(coordinates, entities) {
+        super();
+        this.coordinates = coordinates;
+        this.entities = entities;
+    }
+    get id() {
+        return MapClickEvent.ID;
+    }
+}
+MapClickEvent.ID = '323df526-8d9c-49c6-83e8-6e9a1e7762f7';
+
 class AddLayerCommand extends GenericMessage {
     constructor(layer) {
         super();
@@ -200,89 +210,72 @@ class RemoveLayerCommand extends GenericMessage {
 }
 RemoveLayerCommand.ID = 'ab484e0e-e185-45cd-8434-12101f3c7eb1';
 
-class ClearLayerCommand extends GenericMessage {
+class AddTileCommand extends GenericMessage {
     constructor(layer) {
         super();
         this.layer = layer;
     }
     get id() {
-        return ClearLayerCommand.ID;
+        return AddTileCommand.ID;
     }
 }
-ClearLayerCommand.ID = 'd02842b7-fa62-458d-b1e4-12dd814610c5';
+AddTileCommand.ID = '25b7df28-72ce-4453-9fe6-54285a2fdc57';
 
-class MapPostboyService {
-    constructor() {
-        this.applications = {};
-    }
-    register(id, sub) {
-        this.applications[id] = sub;
+class RemoveTileCommand extends GenericMessage {
+    constructor(layer) {
+        super();
+        this.layer = layer;
     }
-    subscribe(id) {
-        if (!this.applications[id])
-            throw new Error(`There is no event with id ${id}`);
-        return this.applications[id].asObservable();
+    get id() {
+        return RemoveTileCommand.ID;
     }
-    fire(message) {
-        if (!this.applications[message.id])
-            throw new Error(`There is no event with id ${message.id}`);
-        this.applications[message.id].next(message);
+}
+RemoveTileCommand.ID = 'c36ccc0b-5638-4819-b148-2de57a59a5b7';
+
+class MapPostboyService extends PostboyService {
+    constructor() {
+        super(...arguments);
+        this.observe = (id) => this.subscribe(id);
     }
 }
-MapPostboyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapPostboyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+MapPostboyService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapPostboyService, deps: null, 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: [{
             type: Injectable
         }] });
 
-class MessageRegistratorService {
-    constructor(service) {
-        service.register(MapRenderedEvent.ID, new ReplaySubject(1));
-        service.register(AddLayerCommand.ID, new Subject());
-        service.register(PlaceLayerFeaturesCommand.ID, new ReplaySubject(1));
-        service.register(RemoveLayerCommand.ID, new Subject());
-        service.register(ClearLayerCommand.ID, new Subject());
-    }
-}
-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: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: MapPostboyService }]; } });
-
-class MapStateService {
-    constructor(postboy) {
-        this.postboy = postboy;
-        postboy.subscribe(MapRenderedEvent.ID).subscribe((m) => (this.map = m));
-    }
-}
-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: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: MapPostboyService }]; } });
-
 class MapManagementService {
     constructor(postboy) {
         this.postboy = postboy;
         this.layers = {};
+    }
+    up() {
         this.observeMapRender();
         this.observeAddLayer();
         this.observeRemoveLayer();
         this.observePlaceFeatures();
-        this.observeClearLayer();
+        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);
+        });
     }
     observeMapRender() {
         this.postboy.subscribe(MapRenderedEvent.ID).subscribe((m) => {
             this.map = m.map;
         });
     }
-    observeClearLayer() {
-        this.postboy.subscribe(ClearLayerCommand.ID).subscribe((c) => {
-            var _a, _b;
-            (_b = (_a = this.layers[c.layer]) === null || _a === void 0 ? void 0 : _a.getSource()) === null || _b === void 0 ? void 0 : _b.clear();
-        });
-    }
     observeAddLayer() {
         this.postboy.subscribe(AddLayerCommand.ID).subscribe((c) => {
             if (!this.map)
@@ -315,14 +308,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             type: Injectable
         }], ctorParameters: function () { return [{ type: MapPostboyService }]; } });
 
-class ServiceCollector {
-    constructor(registrator, management, state) { }
+class MapStateService {
+    constructor(postboy) {
+        this.postboy = postboy;
+    }
+    up() {
+        this.postboy.subscribe(MapRenderedEvent.ID).subscribe((m) => (this.map = m));
+    }
 }
-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: [{
+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: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: MessageRegistratorService }, { type: MapManagementService }, { type: MapStateService }]; } });
+        }], ctorParameters: function () { return [{ type: MapPostboyService }]; } });
+
+class MapClickService {
+    constructor(postboy) {
+        this.postboy = postboy;
+    }
+    up() {
+        this.observeMapRender();
+    }
+    observeMapRender() {
+        this.postboy.subscribe(MapRenderedEvent.ID).subscribe((m) => {
+            var _a;
+            this.map = m.map;
+            (_a = this.map) === null || _a === void 0 ? void 0 : _a.on('singleclick', (e) => {
+                this.postboy.fire(this.onClick(e));
+            });
+        });
+    }
+    onClick(ev) {
+        var _a;
+        const model = new MapClickEvent(ev.coordinate, {});
+        (_a = this.map) === null || _a === void 0 ? void 0 : _a.forEachFeatureAtPixel(ev.pixel, (f, l) => {
+            this.getFeatureCollectionWithInner([f])
+                .filter((f) => !!f.getId())
+                .forEach((fs) => {
+                let layerName = l.get('name');
+                if (!model.entities[layerName])
+                    model.entities[layerName] = [];
+                model.entities[layerName].push(f.getId());
+            });
+        });
+        return model;
+    }
+    getFeatureCollectionWithInner(features) {
+        const result = [];
+        features === null || features === void 0 ? void 0 : features.forEach((f) => {
+            const innerFeatures = f.get('features');
+            (innerFeatures === null || innerFeatures === void 0 ? void 0 : innerFeatures.length) ? result.push(...innerFeatures) : result.push(f);
+        });
+        return result;
+    }
+}
+MapClickService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapClickService, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
+MapClickService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapClickService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapClickService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: MapPostboyService }]; } });
+
+class MessageRegistratorService extends PostboyAbstractRegistrator {
+    constructor(service, management, state, interaction) {
+        super(service);
+        this.registerServices([management, state, interaction]);
+    }
+    _up() {
+        this.registerReplay(MapRenderedEvent.ID);
+        this.registerReplay(PlaceLayerFeaturesCommand.ID);
+        this.registerSubject(AddLayerCommand.ID);
+        this.registerSubject(RemoveLayerCommand.ID);
+        this.registerSubject(AddTileCommand.ID);
+        this.registerSubject(RemoveTileCommand.ID);
+        this.registerSubject(MapClickEvent.ID);
+    }
+}
+MessageRegistratorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MessageRegistratorService, deps: [{ token: MapPostboyService }, { token: MapManagementService }, { token: MapStateService }, { token: MapClickService }], 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: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: MapPostboyService }, { type: MapManagementService }, { type: MapStateService }, { type: MapClickService }]; } });
 
 class MapPlateFactory {
     build(settings) {
@@ -407,6 +472,7 @@ class MapPlateComponent extends DestructibleComponent {
         this.detector = detector;
         this.osmUrl = '';
         this._settings = new MapSettings();
+        registrator.up();
     }
     set settings(value) {
         if (!value || this._settings.isSame(value))
@@ -433,26 +499,145 @@ class MapPlateComponent extends DestructibleComponent {
         this.map.updateSize();
     }
 }
-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 });
+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: MessageRegistratorService }, { 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, MapClickService], 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: [{
             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: [{
+            args: [{ selector: 'lib-map-plate', changeDetection: ChangeDetectionStrategy.OnPush, providers: [MessageRegistratorService, MapStateService, MapManagementService, MapClickService], 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: MessageRegistratorService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { settings: [{
                 type: Input
             }] } });
 
-class TileLayerComponent extends DestructibleComponent {
+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(Object.assign(Object.assign({}, this), { url }));
+    }
+    setMaxZoom(maxZoom) {
+        return TileLayerSettings.copy(Object.assign(Object.assign({}, this), { maxZoom }));
+    }
+    setMinZoom(minZoom) {
+        return TileLayerSettings.copy(Object.assign(Object.assign({}, this), { minZoom }));
+    }
+    setOpacity(opacity) {
+        return TileLayerSettings.copy(Object.assign(Object.assign({}, this), { opacity }));
+    }
+    setProjection(projection) {
+        return TileLayerSettings.copy(Object.assign(Object.assign({}, 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 === null || normalizedCoord === void 0 ? void 0 : normalizedCoord.x) || x))
+                .replace('{z}', String(zoom))
+                .replace('{y}', String(bound - ((normalizedCoord === null || normalizedCoord === void 0 ? void 0 : 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) {
         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));
     }
 }
-TileLayerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TileLayerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TileLayerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: [{
             type: Component,
             args: [{ selector: 'lib-tile-layer', template: '', changeDetection: ChangeDetectionStrategy.OnPush }]
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: function () { return [{ type: MapPostboyService }, { type: TileLayerFactory }]; }, propDecorators: { settings: [{
+                type: Input
+            }] } });
 
 class FeatureLayerSettings {
     constructor() {
@@ -607,7 +792,7 @@ MapModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
         TileLayerComponent,
         OsmTileLayerComponent,
         FeatureLayerComponent,
-        MarkersComponent], imports: [CommonModule], exports: [MapPlateComponent, FeatureLayerComponent, MarkersComponent] });
+        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: [{
             type: NgModule,
@@ -621,51 +806,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         FeatureLayerComponent,
                         MarkersComponent,
                     ],
-                    exports: [MapPlateComponent, FeatureLayerComponent, MarkersComponent],
+                    exports: [MapPlateComponent, FeatureLayerComponent, MarkersComponent, TileLayerComponent],
                 }]
         }] });
 
-class TileLayerSettings {
-    constructor() {
-        this.name = 'tiles';
-        this.maxZoom = 19;
-        this.minZoom = 0;
-        this.opacity = 1;
-        this.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(Object.assign(Object.assign({}, this), { url }));
-    }
-    setName(name) {
-        return TileLayerSettings.copy(Object.assign(Object.assign({}, this), { name }));
-    }
-    setMaxZoom(maxZoom) {
-        return TileLayerSettings.copy(Object.assign(Object.assign({}, this), { maxZoom }));
-    }
-    setMinZoom(minZoom) {
-        return TileLayerSettings.copy(Object.assign(Object.assign({}, 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();
@@ -697,5 +841,5 @@ class MarkerStyleHelper {
  * Generated bundle index. Do not edit.
  */
 
-export { CallbackMessage, FeatureLayerComponent, FeatureLayerSettings, GenericMessage, MapLyrs, MapLyrsLabel, MapModule, MapPlateComponent, MapPostboyService, MapRenderedEvent, MapSettings, MarkerModel, MarkerStyleHelper, MarkersComponent, MessageRegistratorService, OsmTileLayerComponent, TileLayerComponent, TileLayerSettings };
+export { CallbackMessage, FeatureLayerComponent, FeatureLayerSettings, GenericMessage, MapClickEvent, MapLyrs, MapLyrsLabel, MapModule, MapPlateComponent, MapPostboyService, MapRenderedEvent, MapSettings, MarkerModel, MarkerStyleHelper, MarkersComponent, MessageRegistratorService, OsmTileLayerComponent, TileLayerComponent, TileLayerSettings };
 //# sourceMappingURL=maps-components-src-map.mjs.map