@artstesh/maps 1.1.35 → 1.1.37

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

@@ -557,6 +557,7 @@
             this.zoom = 4;
             this.lyrs = exports.MapLyrs.Hybrid;
             this.language = 'en';
+            this.osmOpacity = 1;
             this.interactionSettings = {};
         }
         MapSettings.copy = function (model) {
@@ -568,6 +569,7 @@
             result.lyrs = model.lyrs;
             result.interactionSettings = model.interactionSettings;
             result.language = model.language;
+            result.osmOpacity = model.osmOpacity;
             return result;
         };
         /**
@@ -634,6 +636,15 @@
         MapSettings.prototype.setLanguage = function (language) {
             return MapSettings.copy(Object.assign(Object.assign({}, this), { language: language }));
         };
+        /**
+         * Sets the opacity level for the OpenStreetMap layer.
+         *
+         * @param {number} osmOpacity - The opacity value for the OpenStreetMap layer, where 0 is fully transparent and 1 is fully opaque.
+         * @return {MapSettings} A new MapSettings instance with the updated OpenStreetMap opacity.
+         */
+        MapSettings.prototype.setOsmOpacity = function (osmOpacity) {
+            return MapSettings.copy(Object.assign(Object.assign({}, this), { osmOpacity: osmOpacity }));
+        };
         /**
          * Compares the current MapSettings instance with another to determine if they are identical.
          *
@@ -653,6 +664,8 @@
                 return false;
             if (this.interactionSettings !== model.interactionSettings)
                 return false;
+            if (this.osmOpacity !== model.osmOpacity)
+                return false;
             return this.center.length === model.center.length && !this.center.filter(function (c, i) { return c !== model.center[i]; }).length;
         };
         return MapSettings;
@@ -2416,6 +2429,7 @@
         function OsmTileLayerComponent() {
             var _this = _super.call(this) || this;
             _this._url = '';
+            _this._opacity = 1;
             return _this;
         }
         Object.defineProperty(OsmTileLayerComponent.prototype, "url", {
@@ -2428,6 +2442,16 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(OsmTileLayerComponent.prototype, "opacity", {
+            set: function (value) {
+                if (!value || this._opacity === value)
+                    return;
+                this._opacity = value;
+                this.initLayer();
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(OsmTileLayerComponent.prototype, "map", {
             set: function (value) {
                 if (!value || this._map === value)
@@ -2456,6 +2480,7 @@
                 source: new OSM__default["default"]({
                     url: this._url,
                 }),
+                opacity: this._opacity,
             });
             this.layer.set('name', 'osm-tile-layer');
             this._map.addLayer(this.layer);
@@ -2463,7 +2488,7 @@
         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: "art-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", opacity: "opacity", 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: [{
@@ -2474,6 +2499,8 @@
                     }]
             }], ctorParameters: function () { return []; }, propDecorators: { url: [{
                     type: i0.Input
+                }], opacity: [{
+                    type: i0.Input
                 }], map: [{
                     type: i0.Input
                 }] } });
@@ -3235,6 +3262,10 @@
              * @default An empty array
              */
             this.requestHeaders = null;
+            /**
+             * The priority of showing - layers with higher zIndex cover others in case of collisions
+             */
+            this.zIndex = 1;
             this.operation = function (d) { var _a; return (_a = d[0]) !== null && _a !== void 0 ? _a : []; };
         }
         /**
@@ -3247,6 +3278,7 @@
             var result = new RasterTileLayerSettings();
             result.maxZoom = model.maxZoom;
             result.minZoom = model.minZoom;
+            result.zIndex = model.zIndex;
             result.projection = model.projection;
             result.opacity = model.opacity;
             result.url = model.url;
@@ -3290,6 +3322,15 @@
         RasterTileLayerSettings.prototype.setMaxZoom = function (maxZoom) {
             return RasterTileLayerSettings.copy(Object.assign(Object.assign({}, this), { maxZoom: maxZoom }));
         };
+        /**
+         * Sets the z-index for the RasterTileLayerSettings.
+         *
+         * @param {number} zIndex - The new z-index to be assigned.
+         * @return {RasterTileLayerSettings} A new RasterTileLayerSettings instance with the updated z-index.
+         */
+        RasterTileLayerSettings.prototype.setZIndex = function (zIndex) {
+            return RasterTileLayerSettings.copy(Object.assign(Object.assign({}, this), { zIndex: zIndex }));
+        };
         /**
          * Sets the minimum zoom level for the Tile Layer.
          *
@@ -3328,6 +3369,8 @@
                 return false;
             if (this.minZoom !== model.minZoom)
                 return false;
+            if (this.zIndex !== model.zIndex)
+                return false;
             if (this.url !== model.url)
                 return false;
             if (this.projection !== model.projection)
@@ -3364,7 +3407,7 @@
                 operationType: 'image',
                 operation: settings.operation,
             });
-            return new ImageLayer__default["default"]({ source: raster, opacity: settings.opacity });
+            return new ImageLayer__default["default"]({ source: raster, opacity: settings.opacity, zIndex: settings.zIndex });
         };
         RasterTileLayerFactory.prototype.getTileFunc = function (settings) {
             var _this = this;
@@ -3575,7 +3618,7 @@
             FeatureService,
             FeatureModificationService,
             ControlsService,
-        ], 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{display:block;width:100%;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, encapsulation: i0__namespace.ViewEncapsulation.None });
+        ], usesInheritance: true, ngImport: i0__namespace, template: "<ng-content></ng-content>\r\n<art-osm-tile-layer *ngIf=\"osmUrl && map\" [map]=\"map\" [url]=\"osmUrl\" [opacity]=\"_settings.osmOpacity\"></art-osm-tile-layer>\r\n<art-feature-layer *ngIf=\"map\" [settings]=\"drawingLayerSettings\"></art-feature-layer>\r\n", styles: ["art-map-plate{display:block;width:100%;height:100%}\n"], components: [{ type: OsmTileLayerComponent, selector: "art-osm-tile-layer", inputs: ["url", "opacity", "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, encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapPlateComponent, decorators: [{
                 type: i0.Component,
                 args: [{