@artstesh/maps 5.0.0 → 5.0.3

package/dist/fesm2022/maps-components.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';
@@ -118,15 +119,13 @@ class IdGenerator {
 class MarkerModel {
     lat;
     lng;
-    id;
     info;
+    id;
     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();
     }
     _feature;
@@ -136,9 +135,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,20 @@ class MapRenderedEvent extends GenericMessage {
     }
 }
 
+class MapClickEvent extends GenericMessage {
+    coordinates;
+    entities;
+    static ID = '323df526-8d9c-49c6-83e8-6e9a1e7762f7';
+    constructor(coordinates, entities) {
+        super();
+        this.coordinates = coordinates;
+        this.entities = entities;
+    }
+    get id() {
+        return MapClickEvent.ID;
+    }
+}
+
 class AddLayerCommand extends GenericMessage {
     layer;
     static ID = 'd93e250f-92bc-43ac-9c6a-46c521a1aaa5';
@@ -204,91 +216,73 @@ class RemoveLayerCommand extends GenericMessage {
     }
 }
 
-class ClearLayerCommand extends GenericMessage {
+class AddTileCommand extends GenericMessage {
     layer;
-    static ID = 'd02842b7-fa62-458d-b1e4-12dd814610c5';
+    static ID = '25b7df28-72ce-4453-9fe6-54285a2fdc57';
     constructor(layer) {
         super();
         this.layer = layer;
     }
     get id() {
-        return ClearLayerCommand.ID;
+        return AddTileCommand.ID;
     }
 }
 
-class MapPostboyService {
-    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();
+class RemoveTileCommand extends GenericMessage {
+    layer;
+    static ID = 'c36ccc0b-5638-4819-b148-2de57a59a5b7';
+    constructor(layer) {
+        super();
+        this.layer = layer;
     }
-    fire(message) {
-        if (!this.applications[message.id])
-            throw new Error(`There is no event with id ${message.id}`);
-        this.applications[message.id].next(message);
+    get id() {
+        return RemoveTileCommand.ID;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapPostboyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+}
+
+class MapPostboyService extends PostboyService {
+    observe = (id) => this.subscribe(id);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapPostboyService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapPostboyService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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());
-    }
-    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 });
-}
-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 });
-}
-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;
+    }
+    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) => {
-            this.layers[c.layer]?.getSource()?.clear();
-        });
-    }
     observeAddLayer() {
         this.postboy.subscribe(AddLayerCommand.ID).subscribe((c) => {
             if (!this.map)
@@ -320,14 +314,88 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             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 });
+class MapStateService {
+    postboy;
+    map;
+    constructor(postboy) {
+        this.postboy = postboy;
+    }
+    up() {
+        this.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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ServiceCollector, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapStateService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: MessageRegistratorService }, { type: MapManagementService }, { type: MapStateService }]; } });
+        }], ctorParameters: function () { return [{ type: MapPostboyService }]; } });
+
+class MapClickService {
+    postboy;
+    map;
+    constructor(postboy) {
+        this.postboy = postboy;
+    }
+    up() {
+        this.observeMapRender();
+    }
+    observeMapRender() {
+        this.postboy.subscribe(MapRenderedEvent.ID).subscribe((m) => {
+            this.map = m.map;
+            this.map?.on('singleclick', (e) => {
+                this.postboy.fire(this.onClick(e));
+            });
+        });
+    }
+    onClick(ev) {
+        const model = new MapClickEvent(ev.coordinate, {});
+        this.map?.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?.forEach((f) => {
+            const innerFeatures = f.get('features');
+            innerFeatures?.length ? result.push(...innerFeatures) : result.push(f);
+        });
+        return result;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapClickService, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapClickService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", 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);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessageRegistratorService, deps: [{ token: MapPostboyService }, { token: MapManagementService }, { token: MapStateService }, { token: MapClickService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessageRegistratorService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessageRegistratorService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: MapPostboyService }, { type: MapManagementService }, { type: MapStateService }, { type: MapClickService }]; } });
 
 class MapPlateFactory {
     build(settings) {
@@ -417,6 +485,7 @@ class MapPlateComponent extends DestructibleComponent {
         this.postboy = postboy;
         this.mapFactory = mapFactory;
         this.detector = detector;
+        registrator.up();
     }
     _settings = new MapSettings();
     set settings(value) {
@@ -443,29 +512,147 @@ 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 });
+    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: MessageRegistratorService }, { 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, 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: "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: [{
+            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 TileLayerSettings {
+    maxZoom = 19;
+    minZoom = 0;
+    opacity = 0.6;
+    url = '';
+    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 };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayerFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayerFactory, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TileLayerFactory, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class TileLayerComponent extends DestructibleComponent {
-    source;
+    postboy;
+    factory;
     layer;
-    constructor() {
+    constructor(postboy, factory) {
         super();
+        this.postboy = postboy;
+        this.factory = factory;
+    }
+    ngOnInit() {
+        this.postboy
+            .subscribe(MapRenderedEvent.ID)
+            .pipe(filter((m) => !!m), first())
+            .subscribe((m) => this.initLayer());
+    }
+    _settings = new TileLayerSettings();
+    set settings(value) {
+        if (!value || this._settings.isSame(value))
+            return;
+        this._settings = value;
+        this.initLayer();
     }
-    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 });
+    onDestroy = () => this.removeLayer();
+    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: [{ token: MapPostboyService }, { token: TileLayerFactory }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: "16.2.12", 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 {
     name = IdGenerator.get();
@@ -620,7 +807,7 @@ class MapModule {
             TileLayerComponent,
             OsmTileLayerComponent,
             FeatureLayerComponent,
-            MarkersComponent], imports: [CommonModule], exports: [MapPlateComponent, FeatureLayerComponent, MarkersComponent] });
+            MarkersComponent], imports: [CommonModule], exports: [MapPlateComponent, FeatureLayerComponent, MarkersComponent, TileLayerComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapModule, imports: [CommonModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapModule, decorators: [{
@@ -635,49 +822,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         FeatureLayerComponent,
                         MarkersComponent,
                     ],
-                    exports: [MapPlateComponent, FeatureLayerComponent, MarkersComponent],
+                    exports: [MapPlateComponent, FeatureLayerComponent, MarkersComponent, TileLayerComponent],
                 }]
         }] });
 
-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();
@@ -713,5 +861,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.mjs.map