@artstesh/maps 5.0.10 → 5.1.0

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

@@ -2,23 +2,24 @@ import * as i0 from '@angular/core';
 import { Component, Injectable, ChangeDetectionStrategy, Input, ViewChild, NgModule } from '@angular/core';
 import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { Feature } from 'ol';
+import { Feature, Collection } from 'ol';
 import { Point, LineString } from 'ol/geom';
 import { GeoJSON, WKT } from 'ol/format';
 import { getCenter, createEmpty, extend } from 'ol/extent';
 import { get, useGeographic, transform } from 'ol/proj';
-import { PostboyGenericMessage, PostboyCallbackMessage, PostboyService, PostboyAbstractRegistrator } from '@artstesh/postboy';
-import { forkJoin, combineLatest } from 'rxjs';
-import { tap, first, filter, auditTime } from 'rxjs/operators';
-import { Vector, XYZ } from 'ol/source';
-import { Draw } from 'ol/interaction';
+import { PostboyGenericMessage, PostboyCallbackMessage, PostboyExecutor, PostboyService, PostboyAbstractRegistrator } from '@artstesh/postboy';
+import { Draw, Modify, Translate } from 'ol/interaction';
 import { createRegularPolygon } from 'ol/interaction/Draw';
+import { Zoom } from 'ol/control';
+import { first, filter, auditTime } from 'rxjs/operators';
+import { Vector, XYZ } from 'ol/source';
 import TileLayer from 'ol/layer/Tile';
 import OSM from 'ol/source/OSM';
 import { Vector as Vector$1 } from 'ol/layer';
 import { bbox } from 'ol/loadingstrategy';
 import Polygon, { fromExtent } from 'ol/geom/Polygon';
 import Cluster from 'ol/source/Cluster';
+import { combineLatest } from 'rxjs';
 import Map from 'ol/Map';
 import View from 'ol/View';
 import Overlay from 'ol/Overlay';
@@ -186,6 +187,7 @@ var DrawingType;
 (function (DrawingType) {
     DrawingType[DrawingType["Polygon"] = 1] = "Polygon";
     DrawingType[DrawingType["Circle"] = 2] = "Circle";
+    DrawingType[DrawingType["Square"] = 3] = "Square";
 })(DrawingType || (DrawingType = {}));
 
 var FeatureOutputFormat;
@@ -341,6 +343,29 @@ class DrawSelectionAreaCommand extends PostboyCallbackMessage {
     }
 }
 
+class ModifyFeatureCommand extends PostboyCallbackMessage {
+    model;
+    style;
+    format;
+    static ID = 'ead85caa-24c6-4844-a68c-2cea91774c8c';
+    constructor(model, style, format = FeatureOutputFormat.GeoJson) {
+        super();
+        this.model = model;
+        this.style = style;
+        this.format = format;
+    }
+    get id() {
+        return ModifyFeatureCommand.ID;
+    }
+}
+
+class CancelFeatureModificationCommand extends PostboyGenericMessage {
+    static ID = '9c9fb40f-ea95-4704-8177-0e9ecabf36fa';
+    get id() {
+        return CancelFeatureModificationCommand.ID;
+    }
+}
+
 class AddLayerCommand extends PostboyGenericMessage {
     layer;
     static ID = 'd93e250f-92bc-43ac-9c6a-46c521a1aaa5';
@@ -439,23 +464,57 @@ class DrawingFinishedEvent extends PostboyGenericMessage {
     }
 }
 
-class GenerateDrawQuery extends PostboyCallbackMessage {
-    layer;
-    style;
-    type;
-    static ID = 'f01c99ba-0953-4ab5-82f9-04e6fbb678c1';
-    constructor(layer, style, type) {
+class DrawingGenerationService {
+    static getDraw(ev) {
+        return new Draw({
+            source: ev.layer.getSource(),
+            type: ev.type === DrawingType.Polygon ? 'Polygon' : 'Circle',
+            style: ev.style,
+            geometryFunction: DrawingGenerationService.geometryFunc(ev.type),
+        });
+    }
+    static geometryFunc(type) {
+        switch (type) {
+            case DrawingType.Circle:
+                return createRegularPolygon(32);
+            case DrawingType.Square:
+                return createRegularPolygon(4);
+        }
+        return undefined;
+    }
+}
+
+class FeatureService {
+    constructor() { }
+    static filterFeaturesInArea(query) {
+        return query.features.filter((f) => FeatureService.booleanIntersects(query.area, f.getGeometry()));
+    }
+    static booleanIntersects(g1, g2) {
+        if (g2.getType() === 'Point')
+            return g1.intersectsCoordinate(g2.getCoordinates());
+        if (g2.getType() === 'Circle')
+            return g1.intersectsCoordinate(g2.getCenter());
+        if (g2.getType() === 'Polygon')
+            return g1.intersectsCoordinate(g2.getInteriorPoint().getCoordinates());
+        return false;
+    }
+}
+
+class GetFeaturesInAreaQuery extends PostboyCallbackMessage {
+    area;
+    ignore;
+    static ID = 'efcf4271-a07a-40e0-9f02-d4dade40b8ac';
+    constructor(area, ignore = new Set()) {
         super();
-        this.layer = layer;
-        this.style = style;
-        this.type = type;
+        this.area = area;
+        this.ignore = ignore;
     }
     get id() {
-        return GenerateDrawQuery.ID;
+        return GetFeaturesInAreaQuery.ID;
     }
 }
 
-class FilterFeaturesInAreaQuery extends PostboyCallbackMessage {
+class FilterFeaturesInAreaExecutor extends PostboyExecutor {
     area;
     features;
     static ID = '36bb2d94-8028-4512-90dd-2386af3fc67c';
@@ -465,21 +524,47 @@ class FilterFeaturesInAreaQuery extends PostboyCallbackMessage {
         this.features = features;
     }
     get id() {
-        return FilterFeaturesInAreaQuery.ID;
+        return FilterFeaturesInAreaExecutor.ID;
     }
 }
 
-class GetFeaturesInAreaQuery extends PostboyCallbackMessage {
-    area;
-    ignore;
-    static ID = 'efcf4271-a07a-40e0-9f02-d4dade40b8ac';
-    constructor(area, ignore = new Set()) {
+class GenerateDrawExecutor extends PostboyExecutor {
+    layer;
+    style;
+    type;
+    static ID = 'f01c99ba-0953-4ab5-82f9-04e6fbb678c1';
+    constructor(layer, style, type) {
         super();
-        this.area = area;
-        this.ignore = ignore;
+        this.layer = layer;
+        this.style = style;
+        this.type = type;
     }
     get id() {
-        return GetFeaturesInAreaQuery.ID;
+        return GenerateDrawExecutor.ID;
+    }
+}
+
+class GenerateZoomControlExecutor extends PostboyExecutor {
+    settings;
+    static ID = 'ff16a833-c68e-4b1a-bc23-c0d16b002810';
+    constructor(settings) {
+        super();
+        this.settings = settings;
+    }
+    get id() {
+        return GenerateZoomControlExecutor.ID;
+    }
+}
+
+class ZoomControlFactory {
+    static build(settings) {
+        return new Zoom({
+            zoomInTipLabel: settings.zoomInLabel,
+            zoomOutTipLabel: settings.zoomOutLabel,
+            zoomInClassName: settings.zoomInClass,
+            zoomOutClassName: settings.zoomOutClass,
+            className: settings.controlClass,
+        });
     }
 }
 
@@ -564,8 +649,6 @@ class MapManagementService {
     observeFeaturesInArea() {
         this.postboy.subscribe(GetFeaturesInAreaQuery.ID).subscribe((qr) => {
             let result = new Dictionary();
-            const queue = [];
-            const queries = [];
             this.layers.forEach((l) => {
                 let layerName = l.get('name');
                 if (qr.ignore.has(layerName) || layerName === MapConstants.DrawingLayerId)
@@ -573,14 +656,10 @@ class MapManagementService {
                 let source = l.getSource();
                 if (!!source['getSource'])
                     source = source?.getSource();
-                const query = new FilterFeaturesInAreaQuery(qr.area, source?.getFeatures() ?? []);
-                queue.push(query.result.pipe(tap((r) => {
-                    result.put(l.get('name'), r.map((e) => ({ id: e.getId(), ...e.get(MapConstants.FeatureInfo) })));
-                })));
-                queries.push(query);
+                let features = this.postboy.execute(new FilterFeaturesInAreaExecutor(qr.area, source?.getFeatures() ?? []));
+                result.put(layerName, features.map((e) => ({ id: e.getId(), ...e.get(MapConstants.FeatureInfo) })));
             });
-            forkJoin(queue).subscribe(() => qr.finish(result));
-            queries.forEach((q) => this.postboy.fire(q));
+            qr.finish(result);
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapManagementService, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -732,17 +811,13 @@ class DrawingService {
                     this.clearInteraction(l);
                     return;
                 }
-                const drawQuery = new GenerateDrawQuery(l, ev.style, ev.type);
-                drawQuery.result.subscribe((draw) => {
-                    const cancelSub = this.observeCancelation(ev, l);
-                    this.drawInteraction = draw;
-                    this.map?.addInteraction(this.drawInteraction);
-                    this.drawInteraction.on('drawend', (evt) => {
-                        cancelSub.unsubscribe();
-                        this.onEnd(evt, ev, l);
-                    });
+                const cancelSub = this.observeCancelation(ev, l);
+                this.drawInteraction = this.postboy.execute(new GenerateDrawExecutor(l, ev.style, ev.type));
+                this.map?.addInteraction(this.drawInteraction);
+                this.drawInteraction.on('drawend', (evt) => {
+                    cancelSub.unsubscribe();
+                    this.onEnd(evt, ev, l);
                 });
-                this.postboy.fire(drawQuery);
             });
         });
     }
@@ -785,58 +860,100 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             type: Injectable
         }], ctorParameters: function () { return [{ type: MapPostboyService }]; } });
 
-class DrawingGenerationService {
+class FeatureModificationService {
     postboy;
+    modify;
+    translate;
+    map;
     constructor(postboy) {
         this.postboy = postboy;
     }
     up() {
-        this.postboy.subscribe(GenerateDrawQuery.ID).subscribe((ev) => {
-            ev.finish(new Draw({
-                source: ev.layer.getSource(),
-                type: DrawingType[ev.type],
-                style: ev.style,
-                geometryFunction: ev.type !== DrawingType.Circle ? undefined : createRegularPolygon(32),
-            }));
+        this.observeModification();
+        this.observeMapRender();
+    }
+    observeModification() {
+        this.postboy.subscribe(ModifyFeatureCommand.ID).subscribe((ev) => {
+            this.defineLayer((l) => {
+                if (!l || !this.map) {
+                    this.clearInteraction(l);
+                    return;
+                }
+                this.observeCancelation(ev, l);
+                this.initFeature(l, ev.model.feature);
+                this.addModify(ev);
+                this.addDragging(ev);
+            });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawingGenerationService, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawingGenerationService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DrawingGenerationService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: MapPostboyService }]; } });
-
-class FeatureService {
-    postboy;
-    constructor(postboy) {
-        this.postboy = postboy;
+    initFeature(layer, feature) {
+        layer.getSource()?.clear();
+        layer.getSource()?.addFeature(feature);
     }
-    up() {
-        this.postboy.subscribe(FilterFeaturesInAreaQuery.ID).subscribe((qr) => {
-            qr.finish(qr.features.filter((f) => FeatureService.booleanIntersects(qr.area, f.getGeometry())));
+    addModify(command) {
+        this.modify = new Modify({
+            features: new Collection([command.model.feature]),
+            style: command.style,
+        });
+        this.modify.on('modifyend', () => {
+            this.onModified(command);
+            command.model.feature.changed();
+        });
+        this.map?.addInteraction(this.modify);
+    }
+    addDragging(command) {
+        this.translate = new Translate({
+            features: new Collection([command.model.feature]),
+            condition: (ev) => {
+                const clone = command.model.feature.clone();
+                clone.getGeometry()?.scale(0.999);
+                return clone.getGeometry().intersectsCoordinate(ev.coordinate);
+            },
         });
+        this.translate.on('translateend', () => this.onModified(command));
+        this.map?.addInteraction(this.translate);
     }
-    static booleanIntersects(g1, g2) {
-        if (g2.getType() === 'Point')
-            return g1.intersectsCoordinate(g2.getCoordinates());
-        if (g2.getType() === 'Circle')
-            return g1.intersectsCoordinate(g2.getCenter());
-        if (g2.getType() === 'Polygon')
-            return g1.intersectsCoordinate(g2.getInteriorPoint().getCoordinates());
-        return false;
+    onModified(command) {
+        command.next(command.format === FeatureOutputFormat.GeoJson
+            ? new GeoJSON().writeFeature(command.model.feature)
+            : new WKT().writeFeature(command.model.feature));
+    }
+    observeMapRender() {
+        this.postboy.subscribe(MapRenderedEvent.ID).subscribe((m) => {
+            this.map = m.map;
+        });
+    }
+    defineLayer(action) {
+        const query = new GetLayerQuery(MapConstants.DrawingLayerId);
+        query.result.subscribe((l) => action(l));
+        this.postboy.fire(query);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureService, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureService });
+    observeCancelation(ev, layer) {
+        return this.postboy
+            .subscribe(CancelFeatureModificationCommand.ID)
+            .pipe(first())
+            .subscribe(() => {
+            ev.finish(null);
+            this.clearInteraction(layer);
+        });
+    }
+    clearInteraction(layer) {
+        if (this.modify)
+            this.map?.removeInteraction(this.modify);
+        if (this.translate)
+            this.map?.removeInteraction(this.translate);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureModificationService, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureModificationService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureModificationService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: MapPostboyService }]; } });
 
 class MessageRegistratorService extends PostboyAbstractRegistrator {
-    constructor(service, management, state, mapFeature, interaction, drawing, drawGenerator, feature) {
+    constructor(service, management, state, mapFeature, interaction, drawing, featureModification) {
         super(service);
-        this.registerServices([management, state, interaction, mapFeature, drawing, drawGenerator, feature]);
+        this.registerServices([management, state, interaction, mapFeature, drawing, featureModification]);
     }
     _up() {
         this.registerReplay(MapRenderedEvent.ID);
@@ -853,17 +970,23 @@ class MessageRegistratorService extends PostboyAbstractRegistrator {
         this.registerSubject(StartDrawingCommand.ID);
         this.registerSubject(GetLayerQuery.ID);
         this.registerSubject(DrawingFinishedEvent.ID);
-        this.registerSubject(GenerateDrawQuery.ID);
-        this.registerSubject(FilterFeaturesInAreaQuery.ID);
         this.registerSubject(GetFeaturesInAreaQuery.ID);
         this.registerSubject(DrawSelectionAreaCommand.ID);
+        this.registerSubject(CancelFeatureModificationCommand.ID);
+        this.registerSubject(ModifyFeatureCommand.ID);
+        this.setExecutors();
+    }
+    setExecutors() {
+        this.registerExecutor(FilterFeaturesInAreaExecutor.ID, (e) => FeatureService.filterFeaturesInArea(e));
+        this.registerExecutor(GenerateDrawExecutor.ID, (e) => DrawingGenerationService.getDraw(e));
+        this.registerExecutor(GenerateZoomControlExecutor.ID, (e) => ZoomControlFactory.build(e.settings));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessageRegistratorService, deps: [{ token: MapPostboyService }, { token: MapManagementService }, { token: MapStateService }, { token: MapFeatureService }, { token: MapClickService }, { token: DrawingService }, { token: DrawingGenerationService }, { token: FeatureService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessageRegistratorService, deps: [{ token: MapPostboyService }, { token: MapManagementService }, { token: MapStateService }, { token: MapFeatureService }, { token: MapClickService }, { token: DrawingService }, { token: FeatureModificationService }], 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: MapFeatureService }, { type: MapClickService }, { type: DrawingService }, { type: DrawingGenerationService }, { type: FeatureService }]; } });
+        }], ctorParameters: function () { return [{ type: MapPostboyService }, { type: MapManagementService }, { type: MapStateService }, { type: MapFeatureService }, { type: MapClickService }, { type: DrawingService }, { type: FeatureModificationService }]; } });
 
 class TileLayerSettings {
     maxZoom = 19;
@@ -1430,6 +1553,7 @@ class MapPlateComponent extends DestructibleComponent {
             DrawingService,
             DrawingGenerationService,
             FeatureService,
+            FeatureModificationService,
         ], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n<lib-osm-tile-layer *ngIf=\"osmUrl && map\" [map]=\"map\" [url]=\"osmUrl\"></lib-osm-tile-layer>\r\n<lib-feature-layer *ngIf=\"map\" [settings]=\"drawingLayerSettings\"></lib-feature-layer>\r\n", styles: ["lib-map-plate{position:relative;display:flex;flex-direction:column;height:100%}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: OsmTileLayerComponent, selector: "lib-osm-tile-layer", inputs: ["url", "map"] }, { kind: "component", type: FeatureLayerComponent, selector: "lib-feature-layer", inputs: ["settings"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapPlateComponent, decorators: [{
@@ -1443,6 +1567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         DrawingService,
                         DrawingGenerationService,
                         FeatureService,
+                        FeatureModificationService,
                     ], template: "<ng-content></ng-content>\r\n<lib-osm-tile-layer *ngIf=\"osmUrl && map\" [map]=\"map\" [url]=\"osmUrl\"></lib-osm-tile-layer>\r\n<lib-feature-layer *ngIf=\"map\" [settings]=\"drawingLayerSettings\"></lib-feature-layer>\r\n", styles: ["lib-map-plate{position:relative;display:flex;flex-direction:column;height:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: MapPostboyService }, { type: MapPlateFactory }, { type: MessageRegistratorService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { settings: [{
                 type: Input
@@ -1620,6 +1745,95 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Input
             }] } });
 
+class ZoomControlSettings {
+    controlClass = 'ol-zoom';
+    zoomInClass = 'ol-zoom-in';
+    zoomOutClass = 'ol-zoom-out';
+    zoomInLabel = 'Zoom In';
+    zoomOutLabel = 'Zoom Out';
+    static copy(model) {
+        const result = new ZoomControlSettings();
+        result.controlClass = model.controlClass;
+        result.zoomInClass = model.zoomInClass;
+        result.zoomOutClass = model.zoomOutClass;
+        result.zoomInLabel = model.zoomInLabel;
+        result.zoomOutLabel = model.zoomOutLabel;
+        return result;
+    }
+    isSame(model) {
+        if (this.zoomInClass !== model.zoomInClass)
+            return false;
+        if (this.zoomOutClass !== model.zoomOutClass)
+            return false;
+        if (this.zoomInLabel !== model.zoomInLabel)
+            return false;
+        if (this.controlClass !== model.controlClass)
+            return false;
+        if (this.zoomOutLabel !== model.zoomOutLabel)
+            return false;
+        return true;
+    }
+    setZoomInLabel(zoomInLabel) {
+        return ZoomControlSettings.copy({ ...this, zoomInLabel });
+    }
+    setZoomOutClass(zoomOutClass) {
+        return ZoomControlSettings.copy({ ...this, zoomOutClass });
+    }
+    setZoomInClass(zoomInClass) {
+        return ZoomControlSettings.copy({ ...this, zoomInClass });
+    }
+    setZoomOutLabel(zoomOutLabel) {
+        return ZoomControlSettings.copy({ ...this, zoomOutLabel });
+    }
+    setControlClass(controlClass) {
+        return ZoomControlSettings.copy({ ...this, controlClass });
+    }
+}
+
+class MapControlZoomComponent extends DestructibleComponent {
+    postboy;
+    _settings = new ZoomControlSettings();
+    map;
+    control;
+    set settings(value) {
+        if (!value || this._settings.isSame(value))
+            return;
+        this._settings = value;
+        this.setControl();
+    }
+    constructor(postboy) {
+        super();
+        this.postboy = postboy;
+    }
+    ngOnInit() {
+        this.postboy
+            .subscribe(MapRenderedEvent.ID)
+            .pipe(filter((m) => !!m), first())
+            .subscribe((m) => {
+            this.map = m.map;
+            this.setControl();
+        });
+    }
+    setControl() {
+        if (!this.map)
+            return;
+        this.control = this.postboy.execute(new GenerateZoomControlExecutor(this._settings));
+        this.map.addControl(this.control);
+    }
+    onDestroy = () => {
+        this.eliminate();
+    };
+    eliminate = () => !!this.map && !!this.control && this.map.removeControl(this.control);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MapControlZoomComponent, deps: [{ token: MapPostboyService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MapControlZoomComponent, selector: "lib-map-control-zoom", 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: MapControlZoomComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-map-control-zoom', template: '', changeDetection: ChangeDetectionStrategy.OnPush }]
+        }], ctorParameters: function () { return [{ type: MapPostboyService }]; }, propDecorators: { settings: [{
+                type: Input
+            }] } });
+
 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,
@@ -1630,13 +1844,15 @@ class MapModule {
             MarkersComponent,
             TooltipComponent,
             PolygonsComponent,
-            ClusterLayerComponent], imports: [CommonModule], exports: [MapPlateComponent,
+            ClusterLayerComponent,
+            MapControlZoomComponent], imports: [CommonModule], exports: [MapPlateComponent,
             FeatureLayerComponent,
             MarkersComponent,
             TileLayerComponent,
             TooltipComponent,
             PolygonsComponent,
-            ClusterLayerComponent] });
+            ClusterLayerComponent,
+            MapControlZoomComponent] });
     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: [{
@@ -1653,6 +1869,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TooltipComponent,
                         PolygonsComponent,
                         ClusterLayerComponent,
+                        MapControlZoomComponent,
                     ],
                     exports: [
                         MapPlateComponent,
@@ -1662,6 +1879,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TooltipComponent,
                         PolygonsComponent,
                         ClusterLayerComponent,
+                        MapControlZoomComponent,
                     ],
                 }]
         }] });
@@ -1705,6 +1923,23 @@ class PolygonStyleHelper {
             }),
         });
     }
+    static edit(fill, stroke, strokeWidth = 1, pinRadius = 5) {
+        return new Style({
+            image: new Circle({
+                fill: new Fill({
+                    color: stroke,
+                }),
+                radius: pinRadius,
+            }),
+            fill: new Fill({
+                color: fill,
+            }),
+            stroke: new Stroke({
+                color: stroke,
+                width: strokeWidth,
+            }),
+        });
+    }
 }
 
 class TextStyleHelper {
@@ -1779,5 +2014,5 @@ class StringifyFeatureHelper {
  * Generated bundle index. Do not edit.
  */
 
-export { CancelDrawingCommand, CloseTooltipCommand, ClusterLayerComponent, ClusterLayerSettings, Dictionary, DrawSelectionAreaCommand, DrawingType, FeatureLayerComponent, FeatureLayerSettings, FeatureOutputFormat, MapClickEvent, MapLyrs, MapLyrsLabel, MapModule, MapMoveEndEvent, MapPlateComponent, MapPostboyService, MapRenderedEvent, MapSettings, MarkerModel, MarkerStyleHelper, MarkersComponent, MessageRegistratorService, OsmTileLayerComponent, PolygonModel, PolygonStyleHelper, PolygonsComponent, StartDrawingCommand, StringifyFeatureHelper, TextStyleHelper, TileLayerComponent, TileLayerSettings, TooltipComponent, TooltipSettings };
+export { CancelDrawingCommand, CancelFeatureModificationCommand, CloseTooltipCommand, ClusterLayerComponent, ClusterLayerSettings, Dictionary, DrawSelectionAreaCommand, DrawingType, FeatureLayerComponent, FeatureLayerSettings, FeatureOutputFormat, MapClickEvent, MapControlZoomComponent, MapLyrs, MapLyrsLabel, MapModule, MapMoveEndEvent, MapPlateComponent, MapPostboyService, MapRenderedEvent, MapSettings, MarkerModel, MarkerStyleHelper, MarkersComponent, MessageRegistratorService, ModifyFeatureCommand, OsmTileLayerComponent, PolygonModel, PolygonStyleHelper, PolygonsComponent, StartDrawingCommand, StringifyFeatureHelper, TextStyleHelper, TileLayerComponent, TileLayerSettings, TooltipComponent, TooltipSettings, ZoomControlSettings };
 //# sourceMappingURL=maps-components-src-map.mjs.map