@nextgis/ngw-leaflet 1.13.5 → 1.13.8

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

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/ngw-leaflet; version: 1.13.5; author: NextGIS */
+/** Bundle of @nextgis/ngw-leaflet; version: 1.13.8; author: NextGIS */
 import 'leaflet/dist/leaflet.css';
 import { Icon } from 'leaflet';
 import { NgwMap } from '@nextgis/ngw-map';

package/lib/ngw-leaflet.global.js

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/ngw-leaflet; version: 1.13.5; author: NextGIS */
+/** Bundle of @nextgis/ngw-leaflet; version: 1.13.8; author: NextGIS */
 var NgwLeaflet = (function () {
     'use strict';
 
@@ -15597,16 +15597,17 @@ var NgwLeaflet = (function () {
     function createPropertiesPaint(propertiesPaint) {
         var mask = {};
         var paintsFilters = [];
-        propertiesPaint.forEach(function (x) {
-            if (x) {
-                if (Array.isArray(x)) {
-                    paintsFilters.push(x);
+        for (var _i = 0, propertiesPaint_1 = propertiesPaint; _i < propertiesPaint_1.length; _i++) {
+            var p = propertiesPaint_1[_i];
+            if (p) {
+                if (Array.isArray(p)) {
+                    paintsFilters.push(p);
                 }
                 else {
-                    mask = x;
+                    mask = p;
                 }
             }
-        });
+        }
         return function (feature) {
             var paint = paintsFilters.find(function (x) { return featureFilter(feature, x[0]); });
             if (paint) {
@@ -15646,9 +15647,11 @@ var NgwLeaflet = (function () {
         else {
             var expressionCallback_1 = createExpressionCallback(paint);
             if (expressionCallback_1) {
-                return function (feature) {
+                var expressionPaintCb = function (feature) {
                     return preparePaint(expressionCallback_1(feature), defaultPaint, getPaintFunctions);
                 };
+                expressionPaintCb.paint = paint;
+                return expressionPaintCb;
             }
             newPaint = __assign(__assign({}, newPaint), paint);
             newPaint.fill = newPaint.fill !== undefined ? newPaint.fill : true;
@@ -16919,6 +16922,7 @@ var NgwLeaflet = (function () {
         };
         /** Shortcut for {@link WebMapLayers.addLayer} to create TileLayer adapter */
         WebMapLayers.prototype.addTileLayer = function (url, options) {
+            if (options === void 0) { options = {}; }
             return this.addLayer('TILE', __assign(__assign({}, options), { url: url }));
         };
         WebMapLayers.prototype.addImageLayer = function (urlOrOptions, options) {
@@ -19132,51 +19136,6 @@ var NgwLeaflet = (function () {
         return NgwConnector;
     }());
 
-    function createPopupContent(feature, item) {
-        // @ts-ignore
-        {
-            var element_1 = document.createElement('div');
-            if (item && item.feature_layer) {
-                item.feature_layer.fields.forEach(function (x) {
-                    if (x.grid_visibility) {
-                        var value = feature.properties && feature.properties[x.keyname];
-                        if (value) {
-                            var propElem = document.createElement('div');
-                            element_1.appendChild(propElem);
-                            propElem.innerHTML = "<span>".concat(x.display_name, "</span>: ").concat(value, "<span></span>");
-                        }
-                    }
-                });
-            }
-            else if (feature.properties) {
-                for (var p in feature.properties) {
-                    var propElem = document.createElement('div');
-                    element_1.appendChild(propElem);
-                    propElem.innerHTML = "<span>".concat(p, "</span>: ").concat(feature.properties[p], "<span></span>");
-                }
-            }
-            return element_1;
-        }
-    }
-
-    var filterOptionsKeys = [
-        'fields',
-        'intersects',
-        'limit',
-        'orderBy',
-        'strategy',
-    ];
-    function getLayerFilterOptions(options) {
-        var filterOptions = {};
-        filterOptionsKeys.forEach(function (x) {
-            var opt = options[x];
-            if (opt !== undefined) {
-                filterOptions[x] = opt;
-            }
-        });
-        return filterOptions;
-    }
-
     function getNgwWebmapExtent(webmap) {
         var bottom = webmap['extent_bottom'];
         var left = webmap['extent_left'];
@@ -19244,6 +19203,85 @@ var NgwLeaflet = (function () {
         }
     }
 
+    var NgwResource = /** @class */ (function () {
+        function NgwResource() {
+        }
+        /** @deprecated use {@link NgwResource.getBounds} instead */
+        NgwResource.prototype.getExtent = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this.getBounds()];
+                });
+            });
+        };
+        NgwResource.prototype.getBounds = function (options) {
+            return __awaiter(this, void 0, void 0, function () {
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (this._extent) {
+                                return [2 /*return*/, this._extent];
+                            }
+                            if (!this.item) return [3 /*break*/, 2];
+                            _a = this;
+                            return [4 /*yield*/, fetchNgwResourceExtent(this.item, this.connector, options)];
+                        case 1:
+                            _a._extent = _b.sent();
+                            return [2 /*return*/, this._extent];
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return NgwResource;
+    }());
+
+    function createPopupContent(feature, item) {
+        // @ts-ignore
+        {
+            var element_1 = document.createElement('div');
+            if (item && item.feature_layer) {
+                item.feature_layer.fields.forEach(function (x) {
+                    if (x.grid_visibility) {
+                        var value = feature.properties && feature.properties[x.keyname];
+                        if (value) {
+                            var propElem = document.createElement('div');
+                            element_1.appendChild(propElem);
+                            propElem.innerHTML = "<span>".concat(x.display_name, "</span>: ").concat(value, "<span></span>");
+                        }
+                    }
+                });
+            }
+            else if (feature.properties) {
+                for (var p in feature.properties) {
+                    var propElem = document.createElement('div');
+                    element_1.appendChild(propElem);
+                    propElem.innerHTML = "<span>".concat(p, "</span>: ").concat(feature.properties[p], "<span></span>");
+                }
+            }
+            return element_1;
+        }
+    }
+
+    var filterOptionsKeys = [
+        'fields',
+        'intersects',
+        'limit',
+        'orderBy',
+        'strategy',
+    ];
+    function getLayerFilterOptions(options) {
+        var filterOptions = {};
+        filterOptionsKeys.forEach(function (x) {
+            var opt = options[x];
+            if (opt !== undefined) {
+                filterOptions[x] = opt;
+            }
+        });
+        return filterOptions;
+    }
+
     function resourceIdFromLayerOptions(options, connector) {
         return __awaiter(this, void 0, void 0, function () {
             var resource, item, keyname, resourceId, resourceItem;
@@ -19881,6 +19919,7 @@ var NgwLeaflet = (function () {
         };
     }
     function ngwApiToAdapterOptions(_a) {
+        var _b;
         var options = _a.options, webMap = _a.webMap, baseUrl = _a.baseUrl;
         var adapter = options.adapter || 'IMAGE';
         var url;
@@ -19920,10 +19959,12 @@ var NgwLeaflet = (function () {
                         'resource=' +
                         resourceId +
                         '&simplification=' +
-                        (options.simplification || 0);
+                        ((_b = options.simplification) !== null && _b !== void 0 ? _b : 8);
                 // url = baseUrl + '/api/resource/' + options.resourceId + '/{z}/{x}/{y}.mvt';
                 return {
                     url: url,
+                    sourceLayer: 'ngw:' + resourceId,
+                    featureIdName: '$id',
                 };
             }
             if (adapter === 'TERRAIN') {
@@ -19986,7 +20027,6 @@ var NgwLeaflet = (function () {
                         return [2 /*return*/, /** @class */ (function (_super) {
                                 __extends(RasterAdapter, _super);
                                 function RasterAdapter(map, _options) {
-                                    var _a;
                                     var _this = _super.call(this, map, _options) || this;
                                     _this.map = map;
                                     // options = {};
@@ -19998,7 +20038,7 @@ var NgwLeaflet = (function () {
                                         baseUrl: connector.options.baseUrl || '',
                                     });
                                     if (opt) {
-                                        var layerAdapterOptions = __assign(__assign({}, opt), { setViewDelay: (_a = layerOptions.adapterOptions) === null || _a === void 0 ? void 0 : _a.setViewDelay, params: { resource: resourceId_1 }, 
+                                        var layerAdapterOptions = __assign(__assign(__assign({}, opt), layerOptions.adapterOptions), { params: { resource: resourceId_1 }, 
                                             // @deprecated
                                             layers: String(resourceId_1), resourceId: resourceId_1 });
                                         if (layerOptions.adapterOptions &&
@@ -20031,11 +20071,16 @@ var NgwLeaflet = (function () {
                                     return __awaiter(this, void 0, void 0, function () {
                                         var id;
                                         return __generator(this, function (_a) {
-                                            id = this.item && this.item.resource.parent.id;
-                                            if (defined(id)) {
-                                                return [2 /*return*/, [id]];
+                                            if (this.item) {
+                                                if (adapter === 'MVT') {
+                                                    return [2 /*return*/, [this.item.resource.id]];
+                                                }
+                                                id = this.item.resource.parent.id;
+                                                if (defined(id)) {
+                                                    return [2 /*return*/, [id]];
+                                                }
                                             }
-                                            return [2 /*return*/];
+                                            return [2 /*return*/, []];
                                         });
                                     });
                                 };
@@ -21441,40 +21486,6 @@ var NgwLeaflet = (function () {
         });
     }
 
-    var NgwResource = /** @class */ (function () {
-        function NgwResource() {
-        }
-        /** @deprecated use {@link NgwResource.getBounds} instead */
-        NgwResource.prototype.getExtent = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, this.getBounds()];
-                });
-            });
-        };
-        NgwResource.prototype.getBounds = function (options) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _a;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            if (this._extent) {
-                                return [2 /*return*/, this._extent];
-                            }
-                            if (!this.item) return [3 /*break*/, 2];
-                            _a = this;
-                            return [4 /*yield*/, fetchNgwResourceExtent(this.item, this.connector, options)];
-                        case 1:
-                            _a._extent = _b.sent();
-                            return [2 /*return*/, this._extent];
-                        case 2: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return NgwResource;
-    }());
-
     var alias = {
         tms: 'TILE',
     };
@@ -21702,7 +21713,7 @@ var NgwLeaflet = (function () {
     }
     function createAsyncAdapter(options, webMap, connector) {
         return __awaiter(this, void 0, void 0, function () {
-            var adapter, item, adapterType, resourceId, resourceOptions, itemFromResOpt, cls, layerOptions, adapterOptions, parentItem, parentOptions, getClassAdapter, classAdapter;
+            var adapter, item, adapterType, resourceId, resourceOptions, itemFromResOpt, cls, layerOptions, adapterOptions, type, adapterOptions_, parentItem, parentOptions, getClassAdapter, classAdapter;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -21738,6 +21749,12 @@ var NgwLeaflet = (function () {
                         return [3 /*break*/, 11];
                     case 5:
                         if (!(cls === 'vector_layer')) return [3 /*break*/, 6];
+                        type = item.vector_layer &&
+                            vectorLayerGeomToPaintTypeAlias[item.vector_layer.geometry_type];
+                        adapterOptions_ = adapterOptions.layerOptions.adapterOptions || {};
+                        adapterOptions_.type = adapterOptions_.type || type;
+                        adapterOptions.layerOptions.adapterOptions = adapterOptions_;
+                        options.adapterOptions = adapterOptions;
                         if (adapterType !== undefined && adapterType !== 'GEOJSON') {
                             if (adapterType === 'MVT') {
                                 adapter = createRasterAdapter(adapterOptions);
@@ -22918,7 +22935,7 @@ var NgwLeaflet = (function () {
         };
         NgwMap.prototype._selectFromNgwRaster = function (ev) {
             return __awaiter(this, void 0, void 0, function () {
-                var promises, layers, getIdsPromise, getIds, ids, pixelRadius, center, zoom, radius, selectPromise;
+                var promises, layers, _i, layers_1, l, layer, identFunc, getIdsPromise, getIds, ids, pixelRadius, center, zoom, radius, selectPromise;
                 var _this = this;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
@@ -22932,15 +22949,16 @@ var NgwLeaflet = (function () {
                                 }
                                 return 1;
                             });
-                            layers.forEach(function (l) {
-                                var layer = l.layer;
-                                var identFunc = typeof layer.getIdentificationIds === 'function'
+                            for (_i = 0, layers_1 = layers; _i < layers_1.length; _i++) {
+                                l = layers_1[_i];
+                                layer = l.layer;
+                                identFunc = typeof layer.getIdentificationIds === 'function'
                                     ? layer.getIdentificationIds
                                     : false;
-                                if (identFunc && layer.options.selectable && _this.isLayerVisible(layer)) {
+                                if (identFunc && layer.options.selectable && this.isLayerVisible(layer)) {
                                     promises.push(identFunc.call(layer));
                                 }
-                            });
+                            }
                             getIdsPromise = Promise.all(promises);
                             return [4 /*yield*/, getIdsPromise];
                         case 1: