@nextgis/ngw-map 1.8.0 → 1.8.1

package/lib/ngw-map.esm-bundler.js

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/ngw-map; version: 1.8.0; author: NextGIS */
+/** Bundle of @nextgis/ngw-map; version: 1.8.1; author: NextGIS */
 import { EventEmitter } from 'events';
 import CancelablePromise from '@nextgis/cancelable-promise';
 import { deepmerge, deprecatedWarn, defined, isObject } from '@nextgis/utils';

package/lib/ngw-map.global.js

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/ngw-map; version: 1.8.0; author: NextGIS */
+/** Bundle of @nextgis/ngw-map; version: 1.8.1; author: NextGIS */
 var NgwMap = (function (exports) {
     'use strict';
 
@@ -5803,6 +5803,9 @@ var NgwMap = (function (exports) {
         BaseProperty.prototype.getParent = function () {
             return this.item.tree.getParent();
         };
+        BaseProperty.prototype.getChildren = function () {
+            return this.item.tree.getChildren();
+        };
         BaseProperty.prototype.isGroup = function () {
             var children = this.item.tree.getDescendants();
             return children.length;
@@ -5923,6 +5926,26 @@ var NgwMap = (function (exports) {
                     return property && property.get();
                 }));
         };
+        CheckProperty.prototype.block = function (options) {
+            this._blocked = true;
+            this._block(options);
+        };
+        CheckProperty.prototype.unBlock = function (options) {
+            this._blocked = false;
+            if (this.getValue()) {
+                this._unBlock(options);
+            }
+        };
+        CheckProperty.prototype.blockChild = function (options) {
+            var _this = this;
+            this.item.tree
+                .getDescendants()
+                .forEach(function (x) { return _this._blockChild(x, options); });
+        };
+        CheckProperty.prototype.unblockChild = function (options) {
+            var _this = this;
+            this.item.tree.getChildren().forEach(function (x) { return _this._unBlockChild(x, options); });
+        };
         CheckProperty.prototype._prepareValue = function (value) {
             return value;
         };
@@ -5944,32 +5967,12 @@ var NgwMap = (function (exports) {
                 this.unblockChild(options);
             }
         };
-        CheckProperty.prototype.block = function (options) {
-            this._blocked = true;
-            this._block(options);
-        };
         CheckProperty.prototype._block = function (options) {
             this._turnOff(options);
         };
-        CheckProperty.prototype.unBlock = function (options) {
-            this._blocked = false;
-            if (this.getValue()) {
-                this._unBlock(options);
-            }
-        };
         CheckProperty.prototype._unBlock = function (options) {
             this._turnOn(options);
         };
-        CheckProperty.prototype.blockChild = function (options) {
-            var _this = this;
-            this.item.tree
-                .getDescendants()
-                .forEach(function (x) { return _this._blockChild(x, options); });
-        };
-        CheckProperty.prototype.unblockChild = function (options) {
-            var _this = this;
-            this.item.tree.getChildren().forEach(function (x) { return _this._unBlockChild(x, options); });
-        };
         CheckProperty.prototype._blockChild = function (item, options) {
             var prop = item.properties &&
                 item.properties.property(this.name);
@@ -6025,22 +6028,22 @@ var NgwMap = (function (exports) {
         };
         ItemProperties.prototype._setPropertyHandler = function (propOpt) {
             var handlers = ItemProperties.handlers;
-            var handler = propOpt.handler;
-            if (!handler && propOpt.type) {
+            var Handler = propOpt.handler;
+            if (!Handler && propOpt.type) {
                 switch (propOpt.type) {
                     case 'boolean':
-                        handler = handlers.CheckProperty;
+                        Handler = handlers.CheckProperty;
                         break;
                     case 'string':
-                        handler = handlers.BaseProperty;
+                        Handler = handlers.BaseProperty;
                         break;
                     default:
-                        handler = handlers.BaseProperty;
+                        Handler = handlers.BaseProperty;
                 }
             }
-            if (handler && propOpt.name) {
+            if (Handler && propOpt.name) {
                 var options = __assign({}, (propOpt || {}));
-                this._properties[propOpt.name] = new handler(propOpt.name, this.item, options);
+                this._properties[propOpt.name] = new Handler(propOpt.name, this.item, options);
                 this._propertiesList.push(propOpt.name);
             }
         };
@@ -6099,6 +6102,62 @@ var NgwMap = (function (exports) {
         return Item;
     }());
 
+    var WebmapLayerOpacityPropertyHandler = /** @class */ (function (_super) {
+        __extends(WebmapLayerOpacityPropertyHandler, _super);
+        function WebmapLayerOpacityPropertyHandler() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        WebmapLayerOpacityPropertyHandler.prototype.getProperty = function () {
+            var layer = this.item.layer;
+            if (layer) {
+                return layer && layer.options && layer.options.opacity !== undefined
+                    ? layer.options.opacity
+                    : 1;
+            }
+            return 1;
+        };
+        WebmapLayerOpacityPropertyHandler.prototype.update = function (value, options) {
+            var _this = this;
+            options = options || {};
+            if (this.isGroup()) {
+                this._value = this._prepareValue(value, options);
+                var children = this.getChildren();
+                for (var _i = 0, children_1 = children; _i < children_1.length; _i++) {
+                    var child = children_1[_i];
+                    var property = child.properties.property(this.name);
+                    if (property) {
+                        if (options.propagation) {
+                            property.set(value, options);
+                        }
+                        else {
+                            property.update(property.get(), options);
+                        }
+                    }
+                }
+            }
+            var layer = this.item.layer;
+            if (layer) {
+                var parents = this.getParents();
+                var coef = parents.reduce(function (s, x) {
+                    var prop = x.properties.property(_this.name);
+                    var multiplier = prop ? prop.getValue() : 1;
+                    return s * multiplier;
+                }, 1);
+                var val = value * coef;
+                this.item.webMap.setLayerOpacity(layer, this._prepareValue(val));
+            }
+        };
+        WebmapLayerOpacityPropertyHandler.prototype._prepareValue = function (value, options) {
+            if (options && options.propagation && this.isGroup()) {
+                return 1;
+            }
+            // value = Number(value);
+            // return value < 0.1 ? 0.1 : value;
+            return Number(value);
+        };
+        return WebmapLayerOpacityPropertyHandler;
+    }(BaseProperty));
+
     var NgwWebmapItem = /** @class */ (function (_super) {
         __extends(NgwWebmapItem, _super);
         function NgwWebmapItem(webMap, item, options, connector, parent, noInit) {
@@ -6193,6 +6252,9 @@ var NgwMap = (function (exports) {
         NgwWebmapItem.prototype.fit = function () {
             if (this.item.item_type === 'layer') ;
         };
+        NgwWebmapItem.prototype.getLayer = function () {
+            return this.layer;
+        };
         NgwWebmapItem.prototype.getItemOptions = function (item) {
             var transparency = item.item_type === 'layer' && item.layer_transparency;
             var opacity = typeof transparency === 'number' ? (100 - transparency) / 100 : undefined;
@@ -6296,6 +6358,10 @@ var NgwMap = (function (exports) {
                         }
                     },
                 },
+                {
+                    name: 'opacity',
+                    handler: WebmapLayerOpacityPropertyHandler,
+                },
             ],
         };
         return NgwWebmapItem;
@@ -6524,14 +6590,34 @@ var NgwMap = (function (exports) {
             delete this._webmapLayersIds;
         };
         NgwWebmapLayerAdapter.prototype.showLayer = function () {
-            if (this.layer && this.layer.properties) {
-                this.layer.properties.property('visibility').set(true);
-            }
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    if (this.layer && this.layer.properties) {
+                        return [2 /*return*/, this.layer.properties.property('visibility').set(true)];
+                    }
+                    return [2 /*return*/];
+                });
+            });
         };
         NgwWebmapLayerAdapter.prototype.hideLayer = function () {
-            if (this.layer && this.layer.properties) {
-                this.layer.properties.property('visibility').set(false);
-            }
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    if (this.layer && this.layer.properties) {
+                        return [2 /*return*/, this.layer.properties.property('visibility').set(false)];
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        NgwWebmapLayerAdapter.prototype.setOpacity = function (val) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    if (this.layer && this.layer.properties) {
+                        return [2 /*return*/, this.layer.properties.property('opacity').set(val)];
+                    }
+                    return [2 /*return*/];
+                });
+            });
         };
         /** @deprecated use {@link NgwWebmapLayerAdapter.getBounds} instead */
         NgwWebmapLayerAdapter.prototype.getExtent = function () {