@nextgis/ngw-map 1.13.5 → 1.13.8

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

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/ngw-map; version: 1.13.5; author: NextGIS */
+/** Bundle of @nextgis/ngw-map; version: 1.13.8; author: NextGIS */
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -1503,16 +1503,17 @@ function updatePaintOptionFromCallback(paint, getPaintFunctions) {
 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) {
@@ -1552,9 +1553,11 @@ function preparePaint(paint, defaultPaint, getPaintFunctions) {
     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;
@@ -2825,6 +2828,7 @@ var WebMapLayers = /** @class */ (function (_super) {
     };
     /** 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) {
@@ -5068,51 +5072,6 @@ var NgwConnector$1 = /** @class */ (function () {
 // export { NgwConnector };
 var NgwConnector = NgwConnector$1;
 
-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'];
@@ -5180,6 +5139,85 @@ function fetchNgwResourceExtent(item, connector, options) {
     }
 }
 
+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;
@@ -5817,6 +5855,7 @@ function getImageAdapterOptions(_a) {
     };
 }
 function ngwApiToAdapterOptions(_a) {
+    var _b;
     var options = _a.options, webMap = _a.webMap, baseUrl = _a.baseUrl;
     var adapter = options.adapter || 'IMAGE';
     var url;
@@ -5856,10 +5895,12 @@ function ngwApiToAdapterOptions(_a) {
                     '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') {
@@ -5922,7 +5963,6 @@ function createRasterAdapter(_a) {
                     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 = {};
@@ -5934,7 +5974,7 @@ function createRasterAdapter(_a) {
                                     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 &&
@@ -5967,11 +6007,16 @@ function createRasterAdapter(_a) {
                                 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*/, []];
                                     });
                                 });
                             };
@@ -7377,40 +7422,6 @@ function createWebMapAdapter(_a) {
     });
 }
 
-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',
 };
@@ -7638,7 +7649,7 @@ function createAdapterFromFirstStyle(_a) {
 }
 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:
@@ -7674,6 +7685,12 @@ function createAsyncAdapter(options, webMap, connector) {
                     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);
@@ -8854,7 +8871,7 @@ var NgwMap = /** @class */ (function (_super) {
     };
     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) {
@@ -8868,15 +8885,16 @@ var NgwMap = /** @class */ (function (_super) {
                             }
                             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: