@artstesh/maps 1.0.11 → 1.1.1

package/dist/bundles/maps-components-src-map.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ol'), require('ol/geom'), require('ol/format'), require('ol/extent'), require('ol/proj'), require('@artstesh/postboy'), require('ol/interaction'), require('ol/interaction/Draw'), require('rxjs/operators'), require('ol/source'), require('ol/layer/Tile'), require('ol/source/OSM'), require('ol/layer'), require('ol/loadingstrategy'), require('ol/geom/Polygon'), require('ol/source/Cluster'), require('rxjs'), require('ol/Map'), require('ol/View'), require('ol/Overlay'), require('ol/style/Style'), require('ol/style'), require('ol/proj/epsg4326')) :
-    typeof define === 'function' && define.amd ? define('maps-components/src/map', ['exports', '@angular/core', '@angular/common', 'ol', 'ol/geom', 'ol/format', 'ol/extent', 'ol/proj', '@artstesh/postboy', 'ol/interaction', 'ol/interaction/Draw', 'rxjs/operators', 'ol/source', 'ol/layer/Tile', 'ol/source/OSM', 'ol/layer', 'ol/loadingstrategy', 'ol/geom/Polygon', 'ol/source/Cluster', 'rxjs', 'ol/Map', 'ol/View', 'ol/Overlay', 'ol/style/Style', 'ol/style', 'ol/proj/epsg4326'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["maps-components"] = global["maps-components"] || {}, global["maps-components"].src = global["maps-components"].src || {}, global["maps-components"].src.map = {}), global.ng.core, global.ng.common, global.ol, global.geom, global.format, global.extent, global.proj, global.postboy, global.interaction, global.Draw, global.rxjs.operators, global.source, global.TileLayer, global.OSM, global.layer, global.loadingstrategy, global.Polygon, global.Cluster, global.rxjs, global.Map, global.View, global.Overlay, global.Style, global.style, global.epsg4326));
-})(this, (function (exports, i0, i6, ol, geom, format, extent, proj, postboy, interaction, Draw, operators, source, TileLayer, OSM, layer, loadingstrategy, Polygon, Cluster, rxjs, Map, View, Overlay, Style, style, epsg4326) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ol'), require('ol/geom'), require('ol/format'), require('ol/extent'), require('ol/proj'), require('@artstesh/postboy'), require('ol/interaction'), require('ol/interaction/Draw'), require('ol/control'), require('rxjs/operators'), require('ol/source'), require('ol/layer/Tile'), require('ol/source/OSM'), require('ol/layer'), require('ol/loadingstrategy'), require('ol/geom/Polygon'), require('ol/source/Cluster'), require('rxjs'), require('ol/Map'), require('ol/View'), require('ol/Overlay'), require('ol/style/Style'), require('ol/style'), require('ol/proj/epsg4326')) :
+    typeof define === 'function' && define.amd ? define('maps-components/src/map', ['exports', '@angular/core', '@angular/common', 'ol', 'ol/geom', 'ol/format', 'ol/extent', 'ol/proj', '@artstesh/postboy', 'ol/interaction', 'ol/interaction/Draw', 'ol/control', 'rxjs/operators', 'ol/source', 'ol/layer/Tile', 'ol/source/OSM', 'ol/layer', 'ol/loadingstrategy', 'ol/geom/Polygon', 'ol/source/Cluster', 'rxjs', 'ol/Map', 'ol/View', 'ol/Overlay', 'ol/style/Style', 'ol/style', 'ol/proj/epsg4326'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["maps-components"] = global["maps-components"] || {}, global["maps-components"].src = global["maps-components"].src || {}, global["maps-components"].src.map = {}), global.ng.core, global.ng.common, global.ol, global.geom, global.format, global.extent, global.proj, global.postboy, global.interaction, global.Draw, global.control, global.rxjs.operators, global.source, global.TileLayer, global.OSM, global.layer, global.loadingstrategy, global.Polygon, global.Cluster, global.rxjs, global.Map, global.View, global.Overlay, global.Style, global.style, global.epsg4326));
+})(this, (function (exports, i0, i6, ol, geom, format, extent, proj, postboy, interaction, Draw, control, operators, source, TileLayer, OSM, layer, loadingstrategy, Polygon, Cluster, rxjs, Map, View, Overlay, Style, style, epsg4326) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -677,6 +677,7 @@
         DrawingType[DrawingType["Polygon"] = 1] = "Polygon";
         DrawingType[DrawingType["Circle"] = 2] = "Circle";
         DrawingType[DrawingType["Square"] = 3] = "Square";
+        DrawingType[DrawingType["Box"] = 4] = "Box";
     })(exports.DrawingType || (exports.DrawingType = {}));
 
     exports.FeatureOutputFormat = void 0;
@@ -1081,6 +1082,8 @@
             switch (type) {
                 case exports.DrawingType.Circle:
                     return Draw.createRegularPolygon(32);
+                case exports.DrawingType.Box:
+                    return Draw.createBox();
                 case exports.DrawingType.Square:
                     return Draw.createRegularPolygon(4);
             }
@@ -1166,6 +1169,39 @@
     }(postboy.PostboyExecutor));
     GenerateDrawExecutor.ID = 'f01c99ba-0953-4ab5-82f9-04e6fbb678c1';
 
+    var GenerateZoomControlExecutor = /** @class */ (function (_super) {
+        __extends(GenerateZoomControlExecutor, _super);
+        function GenerateZoomControlExecutor(settings) {
+            var _this = _super.call(this) || this;
+            _this.settings = settings;
+            return _this;
+        }
+        Object.defineProperty(GenerateZoomControlExecutor.prototype, "id", {
+            get: function () {
+                return GenerateZoomControlExecutor.ID;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return GenerateZoomControlExecutor;
+    }(postboy.PostboyExecutor));
+    GenerateZoomControlExecutor.ID = 'ff16a833-c68e-4b1a-bc23-c0d16b002810';
+
+    var ZoomControlFactory = /** @class */ (function () {
+        function ZoomControlFactory() {
+        }
+        ZoomControlFactory.build = function (settings) {
+            return new control.Zoom({
+                zoomInTipLabel: settings.zoomInLabel,
+                zoomOutTipLabel: settings.zoomOutLabel,
+                zoomInClassName: settings.zoomInClass,
+                zoomOutClassName: settings.zoomOutClass,
+                className: settings.controlClass,
+            });
+        };
+        return ZoomControlFactory;
+    }());
+
     var MapPostboyService = /** @class */ (function (_super) {
         __extends(MapPostboyService, _super);
         function MapPostboyService() {
@@ -1609,6 +1645,7 @@
         MessageRegistratorService.prototype.setExecutors = function () {
             this.registerExecutor(FilterFeaturesInAreaExecutor.ID, function (e) { return FeatureService.filterFeaturesInArea(e); });
             this.registerExecutor(GenerateDrawExecutor.ID, function (e) { return DrawingGenerationService.getDraw(e); });
+            this.registerExecutor(GenerateZoomControlExecutor.ID, function (e) { return ZoomControlFactory.build(e.settings); });
         };
         return MessageRegistratorService;
     }(postboy.PostboyAbstractRegistrator));
@@ -1754,11 +1791,11 @@
         return TileLayerComponent;
     }(DestructibleComponent));
     TileLayerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TileLayerComponent, deps: [{ token: MapPostboyService }, { token: TileLayerFactory }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TileLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TileLayerComponent, selector: "lib-tile-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TileLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TileLayerComponent, selector: "art-tile-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TileLayerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-tile-layer',
+                        selector: 'art-tile-layer',
                         template: '',
                         styleUrls: [],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -1819,11 +1856,11 @@
         return OsmTileLayerComponent;
     }(DestructibleComponent));
     OsmTileLayerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OsmTileLayerComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    OsmTileLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: OsmTileLayerComponent, selector: "lib-osm-tile-layer", inputs: { url: "url", map: "map" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    OsmTileLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: OsmTileLayerComponent, selector: "art-osm-tile-layer", inputs: { url: "url", map: "map" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: OsmTileLayerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-osm-tile-layer',
+                        selector: 'art-osm-tile-layer',
                         template: '',
                         styleUrls: [],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -1948,11 +1985,11 @@
         return FeatureLayerComponent;
     }(DestructibleComponent));
     FeatureLayerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FeatureLayerComponent, deps: [{ token: MapPostboyService }, { token: FeatureLayerFactory }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FeatureLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FeatureLayerComponent, selector: "lib-feature-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    FeatureLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: FeatureLayerComponent, selector: "art-feature-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: FeatureLayerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-feature-layer',
+                        selector: 'art-feature-layer',
                         template: '',
                         styleUrls: [],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -2160,11 +2197,11 @@
         return ClusterLayerComponent;
     }(DestructibleComponent));
     ClusterLayerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClusterLayerComponent, deps: [{ token: MapPostboyService }, { token: ClusterLayerFactory }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ClusterLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ClusterLayerComponent, selector: "lib-cluster-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    ClusterLayerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: ClusterLayerComponent, selector: "art-cluster-layer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: ClusterLayerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-cluster-layer',
+                        selector: 'art-cluster-layer',
                         template: '',
                         styleUrls: [],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -2249,7 +2286,7 @@
         return MapPlateComponent;
     }(DestructibleComponent));
     MapPlateComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapPlateComponent, deps: [{ token: i0__namespace.ElementRef }, { token: MapPostboyService }, { token: MapPlateFactory }, { token: MessageRegistratorService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MapPlateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MapPlateComponent, selector: "lib-map-plate", inputs: { settings: "settings" }, providers: [
+    MapPlateComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MapPlateComponent, selector: "art-map-plate", inputs: { settings: "settings" }, providers: [
             MessageRegistratorService,
             MapStateService,
             MapManagementService,
@@ -2259,11 +2296,11 @@
             DrawingGenerationService,
             FeatureService,
             FeatureModificationService,
-        ], usesInheritance: true, ngImport: i0__namespace, 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"], components: [{ type: OsmTileLayerComponent, selector: "lib-osm-tile-layer", inputs: ["url", "map"] }, { type: FeatureLayerComponent, selector: "lib-feature-layer", inputs: ["settings"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        ], usesInheritance: true, ngImport: i0__namespace, template: "<ng-content></ng-content>\r\n<art-osm-tile-layer *ngIf=\"osmUrl && map\" [map]=\"map\" [url]=\"osmUrl\"></art-osm-tile-layer>\r\n<art-feature-layer *ngIf=\"map\" [settings]=\"drawingLayerSettings\"></art-feature-layer>\r\n", styles: ["art-map-plate{position:relative;display:flex;flex-direction:column;height:100%}\n"], components: [{ type: OsmTileLayerComponent, selector: "art-osm-tile-layer", inputs: ["url", "map"] }, { type: FeatureLayerComponent, selector: "art-feature-layer", inputs: ["settings"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapPlateComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-map-plate',
+                        selector: 'art-map-plate',
                         templateUrl: './map-plate.component.html',
                         styleUrls: ['./map-plate.component.scss'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -2316,11 +2353,11 @@
         return MarkersComponent;
     }(DestructibleComponent));
     MarkersComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MarkersComponent, deps: [{ token: MapPostboyService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MarkersComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MarkersComponent, selector: "lib-markers", inputs: { layerName: "layerName", markers: "markers" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    MarkersComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MarkersComponent, selector: "art-markers", inputs: { layerName: "layerName", markers: "markers" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MarkersComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-markers',
+                        selector: 'art-markers',
                         template: '',
                         styleUrls: [],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -2430,11 +2467,11 @@
         return TooltipComponent;
     }(DestructibleComponent));
     TooltipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TooltipComponent, deps: [{ token: MapPostboyService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TooltipComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TooltipComponent, selector: "lib-tooltip", inputs: { settings: "settings" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["tip"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div #tip [class]=\"['tooltip-wrapper', _settings.containerClass]\" [hidden]=\"!show\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".tooltip-wrapper{position:absolute}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    TooltipComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TooltipComponent, selector: "art-tooltip", inputs: { settings: "settings" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["tip"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div #tip [class]=\"['tooltip-wrapper', _settings.containerClass]\" [hidden]=\"!show\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".tooltip-wrapper{position:absolute}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TooltipComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-tooltip',
+                        selector: 'art-tooltip',
                         templateUrl: './tooltip.component.html',
                         styleUrls: ['./tooltip.component.scss'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -2478,11 +2515,11 @@
         return PolygonsComponent;
     }(DestructibleComponent));
     PolygonsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PolygonsComponent, deps: [{ token: MapPostboyService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    PolygonsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PolygonsComponent, selector: "lib-polygons", inputs: { layerName: "layerName", polygons: "polygons" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    PolygonsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: PolygonsComponent, selector: "art-polygons", inputs: { layerName: "layerName", polygons: "polygons" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: PolygonsComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'lib-polygons',
+                        selector: 'art-polygons',
                         template: '',
                         styleUrls: [],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
@@ -2493,6 +2530,108 @@
                     type: i0.Input
                 }] } });
 
+    var ZoomControlSettings = /** @class */ (function () {
+        function ZoomControlSettings() {
+            this.controlClass = 'ol-zoom';
+            this.zoomInClass = 'ol-zoom-in';
+            this.zoomOutClass = 'ol-zoom-out';
+            this.zoomInLabel = 'Zoom In';
+            this.zoomOutLabel = 'Zoom Out';
+        }
+        ZoomControlSettings.copy = function (model) {
+            var 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;
+        };
+        ZoomControlSettings.prototype.isSame = function (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;
+        };
+        ZoomControlSettings.prototype.setZoomInLabel = function (zoomInLabel) {
+            return ZoomControlSettings.copy(Object.assign(Object.assign({}, this), { zoomInLabel: zoomInLabel }));
+        };
+        ZoomControlSettings.prototype.setZoomOutClass = function (zoomOutClass) {
+            return ZoomControlSettings.copy(Object.assign(Object.assign({}, this), { zoomOutClass: zoomOutClass }));
+        };
+        ZoomControlSettings.prototype.setZoomInClass = function (zoomInClass) {
+            return ZoomControlSettings.copy(Object.assign(Object.assign({}, this), { zoomInClass: zoomInClass }));
+        };
+        ZoomControlSettings.prototype.setZoomOutLabel = function (zoomOutLabel) {
+            return ZoomControlSettings.copy(Object.assign(Object.assign({}, this), { zoomOutLabel: zoomOutLabel }));
+        };
+        ZoomControlSettings.prototype.setControlClass = function (controlClass) {
+            return ZoomControlSettings.copy(Object.assign(Object.assign({}, this), { controlClass: controlClass }));
+        };
+        return ZoomControlSettings;
+    }());
+
+    var MapControlZoomComponent = /** @class */ (function (_super) {
+        __extends(MapControlZoomComponent, _super);
+        function MapControlZoomComponent(postboy) {
+            var _this = _super.call(this) || this;
+            _this.postboy = postboy;
+            _this._settings = new ZoomControlSettings();
+            _this.onDestroy = function () {
+                _this.eliminate();
+            };
+            _this.eliminate = function () { return !!_this.map && !!_this.control && _this.map.removeControl(_this.control); };
+            return _this;
+        }
+        Object.defineProperty(MapControlZoomComponent.prototype, "settings", {
+            set: function (value) {
+                if (!value || this._settings.isSame(value))
+                    return;
+                this._settings = value;
+                this.setControl();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        MapControlZoomComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.postboy
+                .subscribe(MapRenderedEvent.ID)
+                .pipe(operators.filter(function (m) { return !!m; }), operators.first())
+                .subscribe(function (m) {
+                _this.map = m.map;
+                _this.setControl();
+            });
+        };
+        MapControlZoomComponent.prototype.setControl = function () {
+            if (!this.map)
+                return;
+            this.control = this.postboy.execute(new GenerateZoomControlExecutor(this._settings));
+            this.map.addControl(this.control);
+        };
+        return MapControlZoomComponent;
+    }(DestructibleComponent));
+    MapControlZoomComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapControlZoomComponent, deps: [{ token: MapPostboyService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    MapControlZoomComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: MapControlZoomComponent, selector: "art-map-control-zoom", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapControlZoomComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'art-map-control-zoom',
+                        template: '',
+                        styleUrls: [],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], ctorParameters: function () { return [{ type: MapPostboyService }]; }, propDecorators: { settings: [{
+                    type: i0.Input
+                }] } });
+
     var MapModule = /** @class */ (function () {
         function MapModule() {
         }
@@ -2507,13 +2646,15 @@
             MarkersComponent,
             TooltipComponent,
             PolygonsComponent,
-            ClusterLayerComponent], imports: [i6.CommonModule], exports: [MapPlateComponent,
+            ClusterLayerComponent,
+            MapControlZoomComponent], imports: [i6.CommonModule], exports: [MapPlateComponent,
             FeatureLayerComponent,
             MarkersComponent,
             TileLayerComponent,
             TooltipComponent,
             PolygonsComponent,
-            ClusterLayerComponent] });
+            ClusterLayerComponent,
+            MapControlZoomComponent] });
     MapModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapModule, imports: [[i6.CommonModule]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapModule, decorators: [{
                 type: i0.NgModule,
@@ -2529,6 +2670,7 @@
                             TooltipComponent,
                             PolygonsComponent,
                             ClusterLayerComponent,
+                            MapControlZoomComponent,
                         ],
                         exports: [
                             MapPlateComponent,
@@ -2538,6 +2680,7 @@
                             TooltipComponent,
                             PolygonsComponent,
                             ClusterLayerComponent,
+                            MapControlZoomComponent,
                         ],
                     }]
             }] });
@@ -2699,6 +2842,7 @@
     exports.FeatureLayerComponent = FeatureLayerComponent;
     exports.FeatureLayerSettings = FeatureLayerSettings;
     exports.MapClickEvent = MapClickEvent;
+    exports.MapControlZoomComponent = MapControlZoomComponent;
     exports.MapLyrsLabel = MapLyrsLabel;
     exports.MapModule = MapModule;
     exports.MapMoveEndEvent = MapMoveEndEvent;
@@ -2722,6 +2866,7 @@
     exports.TileLayerSettings = TileLayerSettings;
     exports.TooltipComponent = TooltipComponent;
     exports.TooltipSettings = TooltipSettings;
+    exports.ZoomControlSettings = ZoomControlSettings;
 
     Object.defineProperty(exports, '__esModule', { value: true });