@artstesh/maps 5.0.11 → 5.1.0

package/dist/fesm2022/maps-components.mjs

@@ -10,6 +10,7 @@ import { get, useGeographic, transform } from 'ol/proj';
 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';
@@ -543,6 +544,30 @@ class GenerateDrawExecutor extends PostboyExecutor {
     }
 }
 
+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,
+        });
+    }
+}
+
 class MapPostboyService extends PostboyService {
     constructor() {
         super();
@@ -954,6 +979,7 @@ class MessageRegistratorService extends PostboyAbstractRegistrator {
     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: FeatureModificationService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MessageRegistratorService });
@@ -1719,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,
@@ -1729,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: [{
@@ -1752,6 +1869,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TooltipComponent,
                         PolygonsComponent,
                         ClusterLayerComponent,
+                        MapControlZoomComponent,
                     ],
                     exports: [
                         MapPlateComponent,
@@ -1761,6 +1879,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         TooltipComponent,
                         PolygonsComponent,
                         ClusterLayerComponent,
+                        MapControlZoomComponent,
                     ],
                 }]
         }] });
@@ -1899,5 +2018,5 @@ class StringifyFeatureHelper {
  * Generated bundle index. Do not edit.
  */
 
-export { CancelDrawingCommand, CancelFeatureModificationCommand, CloseTooltipCommand, ClusterLayerComponent, ClusterLayerSettings, Dictionary, DrawSelectionAreaCommand, DrawingType, FeatureLayerComponent, FeatureLayerSettings, FeatureOutputFormat, MapClickEvent, MapLyrs, MapLyrsLabel, MapModule, MapMoveEndEvent, MapPlateComponent, MapPostboyService, MapRenderedEvent, MapSettings, MarkerModel, MarkerStyleHelper, MarkersComponent, MessageRegistratorService, ModifyFeatureCommand, 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.mjs.map