@nextgis/ngw-leaflet 3.0.0-alpha.2 → 3.0.0-alpha.4

package/lib/ngw-leaflet.global.js

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/ngw-leaflet; version: 3.0.0-alpha.2; author: NextGIS */
+/** Bundle of @nextgis/ngw-leaflet; version: 3.0.0-alpha.4; author: NextGIS */
 var NgwLeaflet = (function () {
   'use strict';
 
@@ -14947,6 +14947,20 @@ var NgwLeaflet = (function () {
   function fixUrlStr(url) {
     return url.replace(/([^:]\/)\/+/g, "$1");
   }
+  function updateUrlParams(urlStr, params) {
+    const url = new URL(urlStr);
+    const searchParams = new URLSearchParams(url.search);
+    Object.entries(params).forEach(([key, value]) => {
+      if (value === void 0) {
+        searchParams.delete(key);
+      } else {
+        searchParams.set(key, value);
+      }
+    });
+    searchParams.set("timestamp", String((/* @__PURE__ */ new Date()).getTime()));
+    const newSearch = [...searchParams.entries()].map(([key, value]) => `${key}=${value}`).join("&");
+    return `${url.origin}${url.pathname}?${newSearch}`;
+  }
 
   function boundsToArray(bounds) {
     const ne = bounds.getNorthEast();
@@ -15051,15 +15065,15 @@ var NgwLeaflet = (function () {
     };
   }
 
-  var __defProp$Y = Object.defineProperty;
-  var __defNormalProp$Y = (obj, key, value) => key in obj ? __defProp$Y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$E = (obj, key, value) => __defNormalProp$Y(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$Z = Object.defineProperty;
+  var __defNormalProp$Z = (obj, key, value) => key in obj ? __defProp$Z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$F = (obj, key, value) => __defNormalProp$Z(obj, typeof key !== "symbol" ? key + "" : key, value);
   class BaseAdapter {
     constructor(map, options) {
       this.map = map;
       this.options = options;
-      __publicField$E(this, "layer");
-      __publicField$E(this, "pane", "order-0");
+      __publicField$F(this, "layer");
+      __publicField$F(this, "pane", "order-0");
       if (options.order !== void 0) {
         const pane = "order-" + options.order;
         let exist = map.getPane(pane);
@@ -15088,19 +15102,19 @@ var NgwLeaflet = (function () {
     };
   }
 
-  var __defProp$X = Object.defineProperty;
+  var __defProp$Y = Object.defineProperty;
   var __getOwnPropSymbols$G = Object.getOwnPropertySymbols;
   var __hasOwnProp$G = Object.prototype.hasOwnProperty;
   var __propIsEnum$G = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$X = (obj, key, value) => key in obj ? __defProp$X(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$Y = (obj, key, value) => key in obj ? __defProp$Y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$F = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$G.call(b, prop))
-        __defNormalProp$X(a, prop, b[prop]);
+        __defNormalProp$Y(a, prop, b[prop]);
     if (__getOwnPropSymbols$G)
       for (var prop of __getOwnPropSymbols$G(b)) {
         if (__propIsEnum$G.call(b, prop))
-          __defNormalProp$X(a, prop, b[prop]);
+          __defNormalProp$Y(a, prop, b[prop]);
       }
     return a;
   };
@@ -15119,30 +15133,30 @@ var NgwLeaflet = (function () {
     return opt;
   }
 
-  var __defProp$W = Object.defineProperty;
+  var __defProp$X = Object.defineProperty;
   var __getOwnPropSymbols$F = Object.getOwnPropertySymbols;
   var __hasOwnProp$F = Object.prototype.hasOwnProperty;
   var __propIsEnum$F = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$W = (obj, key, value) => key in obj ? __defProp$W(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$X = (obj, key, value) => key in obj ? __defProp$X(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$E = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$F.call(b, prop))
-        __defNormalProp$W(a, prop, b[prop]);
+        __defNormalProp$X(a, prop, b[prop]);
     if (__getOwnPropSymbols$F)
       for (var prop of __getOwnPropSymbols$F(b)) {
         if (__propIsEnum$F.call(b, prop))
-          __defNormalProp$W(a, prop, b[prop]);
+          __defNormalProp$X(a, prop, b[prop]);
       }
     return a;
   };
-  var __publicField$D = (obj, key, value) => __defNormalProp$W(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$E = (obj, key, value) => __defNormalProp$X(obj, typeof key !== "symbol" ? key + "" : key, value);
   class GeoJsonEvents {
     constructor(layer) {
-      __publicField$D(this, "layer");
-      __publicField$D(this, "_onclick");
-      __publicField$D(this, "_ondblclick");
-      __publicField$D(this, "_mouseout");
-      __publicField$D(this, "_mouseover");
+      __publicField$E(this, "layer");
+      __publicField$E(this, "_onclick");
+      __publicField$E(this, "_ondblclick");
+      __publicField$E(this, "_mouseout");
+      __publicField$E(this, "_mouseover");
       this.layer = layer;
     }
     handleMouseEvents(layer) {
@@ -15839,19 +15853,19 @@ var NgwLeaflet = (function () {
     typeof: evaluateArgs(([arg]) => typeOfValue(arg))
   };
 
-  var __defProp$V = Object.defineProperty;
+  var __defProp$W = Object.defineProperty;
   var __getOwnPropSymbols$E = Object.getOwnPropertySymbols;
   var __hasOwnProp$E = Object.prototype.hasOwnProperty;
   var __propIsEnum$E = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$V = (obj, key, value) => key in obj ? __defProp$V(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$W = (obj, key, value) => key in obj ? __defProp$W(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$D = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$E.call(b, prop))
-        __defNormalProp$V(a, prop, b[prop]);
+        __defNormalProp$W(a, prop, b[prop]);
     if (__getOwnPropSymbols$E)
       for (var prop of __getOwnPropSymbols$E(b)) {
         if (__propIsEnum$E.call(b, prop))
-          __defNormalProp$V(a, prop, b[prop]);
+          __defNormalProp$W(a, prop, b[prop]);
       }
     return a;
   };
@@ -15876,19 +15890,19 @@ var NgwLeaflet = (function () {
     throw new Error(`Expression "${name}" is not supported.`);
   }
 
-  var __defProp$U = Object.defineProperty;
+  var __defProp$V = Object.defineProperty;
   var __getOwnPropSymbols$D = Object.getOwnPropertySymbols;
   var __hasOwnProp$D = Object.prototype.hasOwnProperty;
   var __propIsEnum$D = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$U = (obj, key, value) => key in obj ? __defProp$U(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$V = (obj, key, value) => key in obj ? __defProp$V(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$C = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$D.call(b, prop))
-        __defNormalProp$U(a, prop, b[prop]);
+        __defNormalProp$V(a, prop, b[prop]);
     if (__getOwnPropSymbols$D)
       for (var prop of __getOwnPropSymbols$D(b)) {
         if (__propIsEnum$D.call(b, prop))
-          __defNormalProp$U(a, prop, b[prop]);
+          __defNormalProp$V(a, prop, b[prop]);
       }
     return a;
   };
@@ -15927,19 +15941,19 @@ var NgwLeaflet = (function () {
     return;
   }
 
-  var __defProp$T = Object.defineProperty;
+  var __defProp$U = Object.defineProperty;
   var __getOwnPropSymbols$C = Object.getOwnPropertySymbols;
   var __hasOwnProp$C = Object.prototype.hasOwnProperty;
   var __propIsEnum$C = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$T = (obj, key, value) => key in obj ? __defProp$T(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$U = (obj, key, value) => key in obj ? __defProp$U(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$B = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$C.call(b, prop))
-        __defNormalProp$T(a, prop, b[prop]);
+        __defNormalProp$U(a, prop, b[prop]);
     if (__getOwnPropSymbols$C)
       for (var prop of __getOwnPropSymbols$C(b)) {
         if (__propIsEnum$C.call(b, prop))
-          __defNormalProp$T(a, prop, b[prop]);
+          __defNormalProp$U(a, prop, b[prop]);
       }
     return a;
   };
@@ -16021,19 +16035,19 @@ var NgwLeaflet = (function () {
     return logic === "any" ? filters_.some(filterFunction) : filters_.every(filterFunction);
   }
 
-  var __defProp$S = Object.defineProperty;
+  var __defProp$T = Object.defineProperty;
   var __getOwnPropSymbols$B = Object.getOwnPropertySymbols;
   var __hasOwnProp$B = Object.prototype.hasOwnProperty;
   var __propIsEnum$B = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$S = (obj, key, value) => key in obj ? __defProp$S(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$T = (obj, key, value) => key in obj ? __defProp$T(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$A = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$B.call(b, prop))
-        __defNormalProp$S(a, prop, b[prop]);
+        __defNormalProp$T(a, prop, b[prop]);
     if (__getOwnPropSymbols$B)
       for (var prop of __getOwnPropSymbols$B(b)) {
         if (__propIsEnum$B.call(b, prop))
-          __defNormalProp$S(a, prop, b[prop]);
+          __defNormalProp$T(a, prop, b[prop]);
       }
     return a;
   };
@@ -16157,26 +16171,26 @@ var NgwLeaflet = (function () {
     return newPaint;
   }
 
-  var __defProp$R = Object.defineProperty;
-  var __defProps$l = Object.defineProperties;
-  var __getOwnPropDescs$l = Object.getOwnPropertyDescriptors;
+  var __defProp$S = Object.defineProperty;
+  var __defProps$m = Object.defineProperties;
+  var __getOwnPropDescs$m = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$A = Object.getOwnPropertySymbols;
   var __hasOwnProp$A = Object.prototype.hasOwnProperty;
   var __propIsEnum$A = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$R = (obj, key, value) => key in obj ? __defProp$R(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$S = (obj, key, value) => key in obj ? __defProp$S(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$z = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$A.call(b, prop))
-        __defNormalProp$R(a, prop, b[prop]);
+        __defNormalProp$S(a, prop, b[prop]);
     if (__getOwnPropSymbols$A)
       for (var prop of __getOwnPropSymbols$A(b)) {
         if (__propIsEnum$A.call(b, prop))
-          __defNormalProp$R(a, prop, b[prop]);
+          __defNormalProp$S(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b));
-  var __objRest$5 = (source, exclude) => {
+  var __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
+  var __objRest$6 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$A.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -16188,10 +16202,10 @@ var NgwLeaflet = (function () {
       }
     return target;
   };
-  var __publicField$C = (obj, key, value) => __defNormalProp$R(obj, key + "" , value);
+  var __publicField$D = (obj, key, value) => __defNormalProp$S(obj, key + "" , value);
   class GeoJsonPaint {
     constructor(layer) {
-      __publicField$C(this, "layer");
+      __publicField$D(this, "layer");
       this.layer = layer;
     }
     setPaintEachLayer(paint) {
@@ -16259,7 +16273,7 @@ var NgwLeaflet = (function () {
       return PAINT;
     }
     _createDivIcon(icon) {
-      const _a = icon, { html, rotate, className } = _a, toLIconOpt = __objRest$5(_a, ["html", "rotate", "className"]);
+      const _a = icon, { html, rotate, className } = _a, toLIconOpt = __objRest$6(_a, ["html", "rotate", "className"]);
       const element = document.createElement("div");
       if (className) {
         element.className = className;
@@ -16270,7 +16284,7 @@ var NgwLeaflet = (function () {
       if (html) {
         element.innerHTML = html;
       }
-      const divIcon = new leafletSrcExports.DivIcon(__spreadProps$l(__spreadValues$z({
+      const divIcon = new leafletSrcExports.DivIcon(__spreadProps$m(__spreadValues$z({
         className: ""
       }, toLIconOpt), {
         html: element
@@ -16318,26 +16332,26 @@ var NgwLeaflet = (function () {
     }
   }
 
-  var __defProp$Q = Object.defineProperty;
-  var __defProps$k = Object.defineProperties;
-  var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
+  var __defProp$R = Object.defineProperty;
+  var __defProps$l = Object.defineProperties;
+  var __getOwnPropDescs$l = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$z = Object.getOwnPropertySymbols;
   var __hasOwnProp$z = Object.prototype.hasOwnProperty;
   var __propIsEnum$z = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$Q = (obj, key, value) => key in obj ? __defProp$Q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$R = (obj, key, value) => key in obj ? __defProp$R(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$y = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$z.call(b, prop))
-        __defNormalProp$Q(a, prop, b[prop]);
+        __defNormalProp$R(a, prop, b[prop]);
     if (__getOwnPropSymbols$z)
       for (var prop of __getOwnPropSymbols$z(b)) {
         if (__propIsEnum$z.call(b, prop))
-          __defNormalProp$Q(a, prop, b[prop]);
+          __defNormalProp$R(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
-  var __publicField$B = (obj, key, value) => __defNormalProp$Q(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __spreadProps$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b));
+  var __publicField$C = (obj, key, value) => __defNormalProp$R(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$s = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -16361,22 +16375,22 @@ var NgwLeaflet = (function () {
   class GeoJsonAdapter extends BaseAdapter {
     constructor(map, options) {
       super(map, options);
-      __publicField$B(this, "layer");
-      __publicField$B(this, "selected", false);
-      __publicField$B(this, "type");
-      __publicField$B(this, "_layers", []);
-      __publicField$B(this, "_events");
-      __publicField$B(this, "paint");
-      __publicField$B(this, "selectedPaint");
-      __publicField$B(this, "_selectedLayers", []);
-      __publicField$B(this, "_filteredLayers", []);
-      __publicField$B(this, "_filterFun");
-      __publicField$B(this, "_openedPopup", []);
-      __publicField$B(this, "_paint");
-      __publicField$B(this, "$updateTooltip", debounce(() => {
+      __publicField$C(this, "layer");
+      __publicField$C(this, "selected", false);
+      __publicField$C(this, "type");
+      __publicField$C(this, "_layers", []);
+      __publicField$C(this, "_events");
+      __publicField$C(this, "paint");
+      __publicField$C(this, "selectedPaint");
+      __publicField$C(this, "_selectedLayers", []);
+      __publicField$C(this, "_filteredLayers", []);
+      __publicField$C(this, "_filterFun");
+      __publicField$C(this, "_openedPopup", []);
+      __publicField$C(this, "_paint");
+      __publicField$C(this, "$updateTooltip", debounce(() => {
         this.updateTooltip();
       }, 300));
-      __publicField$B(this, "$unselect", () => {
+      __publicField$C(this, "$unselect", () => {
         this.unselect();
       });
       this._events = new GeoJsonEvents(this);
@@ -16385,7 +16399,7 @@ var NgwLeaflet = (function () {
     addLayer(options) {
       Object.assign(this.options, options);
       this.paint = options.paint;
-      this.layer = new leafletSrcExports.FeatureGroup([], __spreadProps$k(__spreadValues$y({}, options.nativeOptions), {
+      this.layer = new leafletSrcExports.FeatureGroup([], __spreadProps$l(__spreadValues$y({}, options.nativeOptions), {
         pane: this.pane
       }));
       this.selectedPaint = options.selectedPaint;
@@ -16735,7 +16749,7 @@ var NgwLeaflet = (function () {
               if (feature) {
                 return this._paint.preparePaint(__spreadValues$y(__spreadValues$y({}, PAINT), paint(feature)));
               } else {
-                return this._paint.preparePaint(__spreadProps$k(__spreadValues$y({}, PAINT), { type: "path" }));
+                return this._paint.preparePaint(__spreadProps$l(__spreadValues$y({}, PAINT), { type: "path" }));
               }
             }
           };
@@ -16929,20 +16943,20 @@ var NgwLeaflet = (function () {
     return [promise, abortFunc];
   }
 
-  var __defProp$P = Object.defineProperty;
-  var __defNormalProp$P = (obj, key, value) => key in obj ? __defProp$P(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$A = (obj, key, value) => __defNormalProp$P(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$Q = Object.defineProperty;
+  var __defNormalProp$Q = (obj, key, value) => key in obj ? __defProp$Q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$B = (obj, key, value) => __defNormalProp$Q(obj, typeof key !== "symbol" ? key + "" : key, value);
   class Queue {
     /**
      * @param {PromiseQueueOptions} options - Configuration options for the queue.
      */
     constructor({ concurrency = 1, delay = 0 } = {}) {
-      __publicField$A(this, "queue", []);
-      __publicField$A(this, "concurrency");
-      __publicField$A(this, "activeCount", 0);
-      __publicField$A(this, "timeoutId");
-      __publicField$A(this, "delay");
-      __publicField$A(this, "toAbort", []);
+      __publicField$B(this, "queue", []);
+      __publicField$B(this, "concurrency");
+      __publicField$B(this, "activeCount", 0);
+      __publicField$B(this, "timeoutId");
+      __publicField$B(this, "delay");
+      __publicField$B(this, "toAbort", []);
       this.concurrency = concurrency;
       this.delay = delay;
     }
@@ -17018,13 +17032,13 @@ var NgwLeaflet = (function () {
 
   const imageQueue = new Queue({ concurrency: 6, delay: 200 });
 
-  var __defProp$O = Object.defineProperty;
-  var __defNormalProp$O = (obj, key, value) => key in obj ? __defProp$O(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$z = (obj, key, value) => __defNormalProp$O(obj, key + "" , value);
+  var __defProp$P = Object.defineProperty;
+  var __defNormalProp$P = (obj, key, value) => key in obj ? __defProp$P(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$A = (obj, key, value) => __defNormalProp$P(obj, key + "" , value);
   class ImageOverlay extends leafletSrcExports.ImageOverlay {
     constructor(imageUrl, bounds, options) {
       super(imageUrl, bounds, options);
-      __publicField$z(this, "_aborter");
+      __publicField$A(this, "_aborter");
     }
     cancelLoad() {
       if (this._aborter) {
@@ -17053,13 +17067,14 @@ var NgwLeaflet = (function () {
     }
   }
 
-  var __defProp$N = Object.defineProperty;
-  var __defNormalProp$N = (obj, key, value) => key in obj ? __defProp$N(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$y = (obj, key, value) => __defNormalProp$N(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$O = Object.defineProperty;
+  var __defNormalProp$O = (obj, key, value) => key in obj ? __defProp$O(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$z = (obj, key, value) => __defNormalProp$O(obj, typeof key !== "symbol" ? key + "" : key, value);
   class ImageLayer extends leafletSrcExports.Layer {
     constructor(url, options) {
+      var _a;
       super(options);
-      __publicField$y(this, "defaultWmsParams", {
+      __publicField$z(this, "defaultWmsParams", {
         service: "WMS",
         request: "GetMap",
         version: "1.1.1",
@@ -17068,7 +17083,7 @@ var NgwLeaflet = (function () {
         format: "image/jpeg",
         transparent: false
       });
-      __publicField$y(this, "options", {
+      __publicField$z(this, "options", {
         crs: null,
         uppercase: false,
         attribution: "",
@@ -17081,11 +17096,11 @@ var NgwLeaflet = (function () {
         viewPortBuffer: 0,
         setViewDelay: 100
       });
-      __publicField$y(this, "wmsParams");
-      __publicField$y(this, "_url");
-      __publicField$y(this, "_currentUrl");
-      __publicField$y(this, "_currentOverlay");
-      __publicField$y(this, "_loadedOverlay");
+      __publicField$z(this, "wmsParams");
+      __publicField$z(this, "_url");
+      __publicField$z(this, "_currentUrl");
+      __publicField$z(this, "_currentOverlay");
+      __publicField$z(this, "_loadedOverlay");
       this._url = url;
       const params = {};
       const opts = {};
@@ -17098,7 +17113,11 @@ var NgwLeaflet = (function () {
         }
       }
       leafletSrcExports.Util.setOptions(this, opts);
-      this.wmsParams = leafletSrcExports.Util.extend({}, this.defaultWmsParams, params);
+      this.wmsParams = leafletSrcExports.Util.extend(
+        {},
+        this.defaultWmsParams,
+        (_a = params == null ? void 0 : params.params) != null ? _a : {}
+      );
     }
     setParams(params) {
       leafletSrcExports.Util.extend(this.wmsParams, params);
@@ -17245,27 +17264,27 @@ var NgwLeaflet = (function () {
     }
   }
 
-  var __defProp$M = Object.defineProperty;
+  var __defProp$N = Object.defineProperty;
   var __getOwnPropSymbols$y = Object.getOwnPropertySymbols;
   var __hasOwnProp$y = Object.prototype.hasOwnProperty;
   var __propIsEnum$y = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$M = (obj, key, value) => key in obj ? __defProp$M(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$N = (obj, key, value) => key in obj ? __defProp$N(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$x = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$y.call(b, prop))
-        __defNormalProp$M(a, prop, b[prop]);
+        __defNormalProp$N(a, prop, b[prop]);
     if (__getOwnPropSymbols$y)
       for (var prop of __getOwnPropSymbols$y(b)) {
         if (__propIsEnum$y.call(b, prop))
-          __defNormalProp$M(a, prop, b[prop]);
+          __defNormalProp$N(a, prop, b[prop]);
       }
     return a;
   };
-  var __publicField$x = (obj, key, value) => __defNormalProp$M(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$y = (obj, key, value) => __defNormalProp$N(obj, typeof key !== "symbol" ? key + "" : key, value);
   class ImageAdapter extends BaseAdapter {
     constructor() {
       super(...arguments);
-      __publicField$x(this, "layer");
+      __publicField$y(this, "layer");
     }
     addLayer(options) {
       const url = options && options.url;
@@ -17287,8 +17306,15 @@ var NgwLeaflet = (function () {
         return this.layer;
       }
     }
+    updateLayer(options) {
+      if (this.layer) {
+        const params = (options == null ? void 0 : options.params) || {};
+        leafletSrcExports.Util.extend(this.layer.wmsParams, params);
+        this.layer.update();
+      }
+    }
   }
-  __publicField$x(ImageAdapter, "queue", imageQueue);
+  __publicField$y(ImageAdapter, "queue", imageQueue);
 
   function makeRemote(Base) {
     return class RemoteTileLayer extends Base {
@@ -17350,26 +17376,26 @@ var NgwLeaflet = (function () {
   }
   const TileLayer = makeRemote(TileLayerBase);
 
-  var __defProp$L = Object.defineProperty;
-  var __defProps$j = Object.defineProperties;
-  var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
+  var __defProp$M = Object.defineProperty;
+  var __defProps$k = Object.defineProperties;
+  var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$x = Object.getOwnPropertySymbols;
   var __hasOwnProp$x = Object.prototype.hasOwnProperty;
   var __propIsEnum$x = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$L = (obj, key, value) => key in obj ? __defProp$L(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$M = (obj, key, value) => key in obj ? __defProp$M(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$w = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$x.call(b, prop))
-        __defNormalProp$L(a, prop, b[prop]);
+        __defNormalProp$M(a, prop, b[prop]);
     if (__getOwnPropSymbols$x)
       for (var prop of __getOwnPropSymbols$x(b)) {
         if (__propIsEnum$x.call(b, prop))
-          __defNormalProp$L(a, prop, b[prop]);
+          __defNormalProp$M(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
-  var __objRest$4 = (source, exclude) => {
+  var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
+  var __objRest$5 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$x.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -17385,7 +17411,7 @@ var NgwLeaflet = (function () {
     addLayer(options) {
       this.options = Object.assign(this.options, options);
       if (options) {
-        const _a = options, { url } = _a, opt = __objRest$4(_a, ["url"]);
+        const _a = options, { url } = _a, opt = __objRest$5(_a, ["url"]);
         if (url) {
           const tileLayerOptions = __spreadValues$w({
             pane: this.pane,
@@ -17398,7 +17424,7 @@ var NgwLeaflet = (function () {
           }
           let layer;
           if (opt.headers || opt.withCredentials) {
-            layer = new TileLayer(url, __spreadProps$j(__spreadValues$w({}, tileLayerOptions), {
+            layer = new TileLayer(url, __spreadProps$k(__spreadValues$w({}, tileLayerOptions), {
               headers: opt.headers,
               withCredentials: opt.withCredentials,
               setViewDelay: opt.setViewDelay
@@ -17410,41 +17436,40 @@ var NgwLeaflet = (function () {
         }
       }
     }
-    updateLayer() {
+    updateLayer(options) {
       if (this.layer) {
         const currentUrl = this.layer._url;
-        const timestamp = (/* @__PURE__ */ new Date()).getTime();
-        const separator = currentUrl.includes("?") ? "&" : "?";
-        const newUrl = currentUrl.replace(/(\?|&)timestamp=\d*/g, "") + separator + `timestamp=${timestamp}`;
-        this.layer.setUrl(newUrl);
+        if (options == null ? void 0 : options.params) {
+          this.layer.setUrl(updateUrlParams(currentUrl, options.params));
+        }
         this.layer.redraw();
       }
     }
   }
 
-  var __defProp$K = Object.defineProperty;
-  var __defProps$i = Object.defineProperties;
-  var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
+  var __defProp$L = Object.defineProperty;
+  var __defProps$j = Object.defineProperties;
+  var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$w = Object.getOwnPropertySymbols;
   var __hasOwnProp$w = Object.prototype.hasOwnProperty;
   var __propIsEnum$w = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$K = (obj, key, value) => key in obj ? __defProp$K(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$L = (obj, key, value) => key in obj ? __defProp$L(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$v = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$w.call(b, prop))
-        __defNormalProp$K(a, prop, b[prop]);
+        __defNormalProp$L(a, prop, b[prop]);
     if (__getOwnPropSymbols$w)
       for (var prop of __getOwnPropSymbols$w(b)) {
         if (__propIsEnum$w.call(b, prop))
-          __defNormalProp$K(a, prop, b[prop]);
+          __defNormalProp$L(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
+  var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
   class OsmAdapter extends TileAdapter {
     addLayer(options) {
       const url = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
-      return super.addLayer(__spreadProps$i(__spreadValues$v({
+      return super.addLayer(__spreadProps$j(__spreadValues$v({
         name: "OpenStreetMap",
         attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
       }, options), {
@@ -17460,26 +17485,26 @@ var NgwLeaflet = (function () {
   }
   const WmsLayer = makeRemote(WmsLayerBase);
 
-  var __defProp$J = Object.defineProperty;
-  var __defProps$h = Object.defineProperties;
-  var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
+  var __defProp$K = Object.defineProperty;
+  var __defProps$i = Object.defineProperties;
+  var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$v = Object.getOwnPropertySymbols;
   var __hasOwnProp$v = Object.prototype.hasOwnProperty;
   var __propIsEnum$v = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$J = (obj, key, value) => key in obj ? __defProp$J(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$K = (obj, key, value) => key in obj ? __defProp$K(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$u = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$v.call(b, prop))
-        __defNormalProp$J(a, prop, b[prop]);
+        __defNormalProp$K(a, prop, b[prop]);
     if (__getOwnPropSymbols$v)
       for (var prop of __getOwnPropSymbols$v(b)) {
         if (__propIsEnum$v.call(b, prop))
-          __defNormalProp$J(a, prop, b[prop]);
+          __defNormalProp$K(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
-  var __objRest$3 = (source, exclude) => {
+  var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
+  var __objRest$4 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$v.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -17494,7 +17519,7 @@ var NgwLeaflet = (function () {
   class WmsAdapter extends BaseAdapter {
     addLayer(options) {
       Object.assign(this.options, options);
-      const _a = options, { url } = _a, opt = __objRest$3(_a, ["url"]);
+      const _a = options, { url } = _a, opt = __objRest$4(_a, ["url"]);
       if (url) {
         const layerOptions = __spreadValues$u({
           pane: this.pane,
@@ -17507,7 +17532,7 @@ var NgwLeaflet = (function () {
         }, options.nativeOptions);
         let layer;
         if (opt.headers || opt.withCredentials) {
-          layer = new WmsLayer(url, __spreadProps$h(__spreadValues$u({}, layerOptions), {
+          layer = new WmsLayer(url, __spreadProps$i(__spreadValues$u({}, layerOptions), {
             headers: opt.headers,
             withCredentials: opt.withCredentials
           }));
@@ -17527,33 +17552,33 @@ var NgwLeaflet = (function () {
     ];
   }
 
-  var __defProp$I = Object.defineProperty;
+  var __defProp$J = Object.defineProperty;
   var __getOwnPropSymbols$u = Object.getOwnPropertySymbols;
   var __hasOwnProp$u = Object.prototype.hasOwnProperty;
   var __propIsEnum$u = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$I = (obj, key, value) => key in obj ? __defProp$I(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$J = (obj, key, value) => key in obj ? __defProp$J(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$t = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$u.call(b, prop))
-        __defNormalProp$I(a, prop, b[prop]);
+        __defNormalProp$J(a, prop, b[prop]);
     if (__getOwnPropSymbols$u)
       for (var prop of __getOwnPropSymbols$u(b)) {
         if (__propIsEnum$u.call(b, prop))
-          __defNormalProp$I(a, prop, b[prop]);
+          __defNormalProp$J(a, prop, b[prop]);
       }
     return a;
   };
-  var __publicField$w = (obj, key, value) => __defNormalProp$I(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$x = (obj, key, value) => __defNormalProp$J(obj, typeof key !== "symbol" ? key + "" : key, value);
   const _LeafletMapAdapter = class _LeafletMapAdapter {
     constructor() {
-      __publicField$w(this, "options", { target: "map" });
-      __publicField$w(this, "layerAdapters", _LeafletMapAdapter.layerAdapters);
-      __publicField$w(this, "controlAdapters", _LeafletMapAdapter.controlAdapters);
-      __publicField$w(this, "emitter", new EventEmitter());
-      __publicField$w(this, "map");
-      __publicField$w(this, "_resizeObserver");
-      __publicField$w(this, "_unselectCb", []);
-      __publicField$w(this, "_universalEvents", [
+      __publicField$x(this, "options", { target: "map" });
+      __publicField$x(this, "layerAdapters", _LeafletMapAdapter.layerAdapters);
+      __publicField$x(this, "controlAdapters", _LeafletMapAdapter.controlAdapters);
+      __publicField$x(this, "emitter", new EventEmitter());
+      __publicField$x(this, "map");
+      __publicField$x(this, "_resizeObserver");
+      __publicField$x(this, "_unselectCb", []);
+      __publicField$x(this, "_universalEvents", [
         "move",
         "zoom",
         "zoomend",
@@ -17561,7 +17586,7 @@ var NgwLeaflet = (function () {
         "moveend",
         "movestart"
       ]);
-      __publicField$w(this, "_positionEvents", [
+      __publicField$x(this, "_positionEvents", [
         "mousemove",
         "mouseout",
         "mouseover"
@@ -17861,7 +17886,7 @@ var NgwLeaflet = (function () {
       }
     }
   };
-  __publicField$w(_LeafletMapAdapter, "layerAdapters", {
+  __publicField$x(_LeafletMapAdapter, "layerAdapters", {
     GEOJSON: GeoJsonAdapter,
     IMAGE: ImageAdapter,
     TILE: TileAdapter,
@@ -17869,11 +17894,11 @@ var NgwLeaflet = (function () {
     // // MVT: MvtAdapter,
     OSM: OsmAdapter
   });
-  __publicField$w(_LeafletMapAdapter, "controlAdapters", {
+  __publicField$x(_LeafletMapAdapter, "controlAdapters", {
     ZOOM: leafletSrcExports.Control.Zoom,
     ATTRIBUTION: AttributionControl
   });
-  __publicField$w(_LeafletMapAdapter, "Map", leafletSrcExports.Map);
+  __publicField$x(_LeafletMapAdapter, "Map", leafletSrcExports.Map);
   let LeafletMapAdapter = _LeafletMapAdapter;
 
   const svgPath = {
@@ -17948,12 +17973,12 @@ var NgwLeaflet = (function () {
     };
   }
 
-  var __defProp$H = Object.defineProperty;
-  var __defNormalProp$H = (obj, key, value) => key in obj ? __defProp$H(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$v = (obj, key, value) => __defNormalProp$H(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$I = Object.defineProperty;
+  var __defNormalProp$I = (obj, key, value) => key in obj ? __defProp$I(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$w = (obj, key, value) => __defNormalProp$I(obj, typeof key !== "symbol" ? key + "" : key, value);
   const _Cache = class _Cache {
     constructor(options = {}) {
-      __publicField$v(this, "cache", []);
+      __publicField$w(this, "cache", []);
       var _a;
       const namespace = (_a = options.namespace) != null ? _a : "default";
       if (_Cache.instance[namespace]) {
@@ -18059,12 +18084,12 @@ var NgwLeaflet = (function () {
       return objectDeepEqual(itemProps || {}, objectRemoveEmpty(props));
     }
   };
-  __publicField$v(_Cache, "instance", {});
+  __publicField$w(_Cache, "instance", {});
   let Cache = _Cache;
 
   var pkg = {
   	name: "@nextgis/ngw-connector",
-  	version: "3.0.0-alpha.2",
+  	version: "3.0.0-alpha.4",
   	_priority: 12,
   	description: "A lightweight HTTP client optimized for use with NextGIS Web API",
   	main: "index.js",
@@ -18073,15 +18098,15 @@ var NgwLeaflet = (function () {
   	jsdelivr: "lib/ngw-connector.global.prod.js",
   	types: "lib/index.d.ts",
   	dependencies: {
-  		"@nextgis/cache": "^3.0.0-alpha.1",
-  		"@nextgis/cancelable-promise": "^3.0.0-alpha.1",
-  		"@nextgis/utils": "^3.0.0-alpha.1",
+  		"@nextgis/cache": "^3.0.0-alpha.4",
+  		"@nextgis/cancelable-promise": "^3.0.0-alpha.3",
+  		"@nextgis/utils": "^3.0.0-alpha.4",
   		"@types/events": "^3.0.0",
   		events: "*",
   		"form-data": "^4.0.0"
   	},
   	devDependencies: {
-  		"@nextgis/build-tools": "^3.0.0-alpha.1"
+  		"@nextgis/build-tools": "^3.0.0-alpha.3"
   	},
   	scripts: {
   		clean: "rimraf ./lib",
@@ -18118,33 +18143,33 @@ var NgwLeaflet = (function () {
   	gitHead: "edc68033f914f6c95c4125b9738bba6d36e990b4"
   };
 
-  var __defProp$G = Object.defineProperty;
-  var __defNormalProp$G = (obj, key, value) => key in obj ? __defProp$G(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$u = (obj, key, value) => __defNormalProp$G(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$H = Object.defineProperty;
+  var __defNormalProp$H = (obj, key, value) => key in obj ? __defProp$H(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$v = (obj, key, value) => __defNormalProp$H(obj, typeof key !== "symbol" ? key + "" : key, value);
   class NgwError extends Error {
     constructor(er) {
       super();
-      __publicField$u(this, "name", "NgwError");
-      __publicField$u(this, "title");
-      __publicField$u(this, "message");
-      __publicField$u(this, "detail");
-      __publicField$u(this, "exception");
-      __publicField$u(this, "status_code");
-      __publicField$u(this, "data");
-      __publicField$u(this, "guru_meditation");
+      __publicField$v(this, "name", "NgwError");
+      __publicField$v(this, "title");
+      __publicField$v(this, "message");
+      __publicField$v(this, "detail");
+      __publicField$v(this, "exception");
+      __publicField$v(this, "status_code");
+      __publicField$v(this, "data");
+      __publicField$v(this, "guru_meditation");
       Object.assign(this, er);
       Object.setPrototypeOf(this, NgwError.prototype);
     }
   }
 
-  var __defProp$F = Object.defineProperty;
-  var __defNormalProp$F = (obj, key, value) => key in obj ? __defProp$F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$t = (obj, key, value) => __defNormalProp$F(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$G = Object.defineProperty;
+  var __defNormalProp$G = (obj, key, value) => key in obj ? __defProp$G(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$u = (obj, key, value) => __defNormalProp$G(obj, typeof key !== "symbol" ? key + "" : key, value);
   class ResourceNotFoundError extends NgwError {
     constructor(obj) {
       super(obj);
-      __publicField$t(this, "name", "ResourceNotFoundError");
-      __publicField$t(this, "exception", "nextgisweb.resource.exception.ResourceNotFound");
+      __publicField$u(this, "name", "ResourceNotFoundError");
+      __publicField$u(this, "exception", "nextgisweb.resource.exception.ResourceNotFound");
       Object.setPrototypeOf(this, ResourceNotFoundError.prototype);
     }
   }
@@ -18178,23 +18203,23 @@ var NgwLeaflet = (function () {
     return query;
   }
 
-  var __defProp$E = Object.defineProperty;
+  var __defProp$F = Object.defineProperty;
   var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
   var __hasOwnProp$t = Object.prototype.hasOwnProperty;
   var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$E = (obj, key, value) => key in obj ? __defProp$E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$F = (obj, key, value) => key in obj ? __defProp$F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$s = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$t.call(b, prop))
-        __defNormalProp$E(a, prop, b[prop]);
+        __defNormalProp$F(a, prop, b[prop]);
     if (__getOwnPropSymbols$t)
       for (var prop of __getOwnPropSymbols$t(b)) {
         if (__propIsEnum$t.call(b, prop))
-          __defNormalProp$E(a, prop, b[prop]);
+          __defNormalProp$F(a, prop, b[prop]);
       }
     return a;
   };
-  var __publicField$s = (obj, key, value) => __defNormalProp$E(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$t = (obj, key, value) => __defNormalProp$F(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$r = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -18220,8 +18245,8 @@ var NgwLeaflet = (function () {
       connector,
       cacheId
     }) {
-      __publicField$s(this, "cache");
-      __publicField$s(this, "connector");
+      __publicField$t(this, "cache");
+      __publicField$t(this, "connector");
       this.connector = connector;
       this.cache = new Cache({ namespace: cacheId });
     }
@@ -18474,14 +18499,14 @@ var NgwLeaflet = (function () {
     }
   }
 
-  var __defProp$D = Object.defineProperty;
-  var __defNormalProp$D = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$r = (obj, key, value) => __defNormalProp$D(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$E = Object.defineProperty;
+  var __defNormalProp$E = (obj, key, value) => key in obj ? __defProp$E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$s = (obj, key, value) => __defNormalProp$E(obj, typeof key !== "symbol" ? key + "" : key, value);
   class InsufficientPermissionsError extends NgwError {
     constructor(obj) {
       super(obj);
-      __publicField$r(this, "name", "InsufficientPermissionsError");
-      __publicField$r(this, "exception", "nextgisweb.core.exception.InsufficientPermissions");
+      __publicField$s(this, "name", "InsufficientPermissionsError");
+      __publicField$s(this, "exception", "nextgisweb.core.exception.InsufficientPermissions");
       Object.setPrototypeOf(this, InsufficientPermissionsError.prototype);
     }
   }
@@ -18499,19 +18524,19 @@ var NgwLeaflet = (function () {
     });
   }
 
-  var __defProp$C = Object.defineProperty;
+  var __defProp$D = Object.defineProperty;
   var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
   var __hasOwnProp$s = Object.prototype.hasOwnProperty;
   var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$C = (obj, key, value) => key in obj ? __defProp$C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$D = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$r = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$s.call(b, prop))
-        __defNormalProp$C(a, prop, b[prop]);
+        __defNormalProp$D(a, prop, b[prop]);
     if (__getOwnPropSymbols$s)
       for (var prop of __getOwnPropSymbols$s(b)) {
         if (__propIsEnum$s.call(b, prop))
-          __defNormalProp$C(a, prop, b[prop]);
+          __defNormalProp$D(a, prop, b[prop]);
       }
     return a;
   };
@@ -18586,13 +18611,13 @@ var NgwLeaflet = (function () {
     });
   }
 
-  var __defProp$B = Object.defineProperty;
-  var __defNormalProp$B = (obj, key, value) => key in obj ? __defProp$B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$q = (obj, key, value) => __defNormalProp$B(obj, key + "" , value);
+  var __defProp$C = Object.defineProperty;
+  var __defNormalProp$C = (obj, key, value) => key in obj ? __defProp$C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$r = (obj, key, value) => __defNormalProp$C(obj, key + "" , value);
   class NetworkError extends Error {
     constructor(url) {
       super();
-      __publicField$q(this, "name", "NetworkError");
+      __publicField$r(this, "name", "NetworkError");
       Object.setPrototypeOf(this, NetworkError.prototype);
       this.message = `Unable to request ${url}.
     Possibly invalid NGW URL entered or CORS not configured to get request from ${location.origin}`;
@@ -18681,26 +18706,26 @@ var NgwLeaflet = (function () {
     };
   }
 
-  var __defProp$A = Object.defineProperty;
-  var __defProps$g = Object.defineProperties;
-  var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
+  var __defProp$B = Object.defineProperty;
+  var __defProps$h = Object.defineProperties;
+  var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
   var __hasOwnProp$r = Object.prototype.hasOwnProperty;
   var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$A = (obj, key, value) => key in obj ? __defProp$A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$B = (obj, key, value) => key in obj ? __defProp$B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$q = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$r.call(b, prop))
-        __defNormalProp$A(a, prop, b[prop]);
+        __defNormalProp$B(a, prop, b[prop]);
     if (__getOwnPropSymbols$r)
       for (var prop of __getOwnPropSymbols$r(b)) {
         if (__propIsEnum$r.call(b, prop))
-          __defNormalProp$A(a, prop, b[prop]);
+          __defNormalProp$B(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
-  var __objRest$2 = (source, exclude) => {
+  var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
+  var __objRest$3 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$r.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -18712,7 +18737,7 @@ var NgwLeaflet = (function () {
       }
     return target;
   };
-  var __publicField$p = (obj, key, value) => __defNormalProp$A(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$q = (obj, key, value) => __defNormalProp$B(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$p = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -18738,16 +18763,16 @@ var NgwLeaflet = (function () {
   class NgwConnector {
     constructor(options) {
       this.options = options;
-      __publicField$p(this, "id", ID$2++);
-      __publicField$p(this, "emitter", new EventEmitter());
-      __publicField$p(this, "user");
-      __publicField$p(this, "resources");
-      __publicField$p(this, "cache");
-      __publicField$p(this, "withCredentials");
-      __publicField$p(this, "client", `NextGIS-NGW-Connector/${pkg.version}`);
-      __publicField$p(this, "routeStr", "/api/component/pyramid/route");
-      __publicField$p(this, "activeRequests", {});
-      __publicField$p(this, "requestTransform");
+      __publicField$q(this, "id", ID$2++);
+      __publicField$q(this, "emitter", new EventEmitter());
+      __publicField$q(this, "user");
+      __publicField$q(this, "resources");
+      __publicField$q(this, "cache");
+      __publicField$q(this, "withCredentials");
+      __publicField$q(this, "client", `NextGIS-NGW-Connector/${pkg.version}`);
+      __publicField$q(this, "routeStr", "/api/component/pyramid/route");
+      __publicField$q(this, "activeRequests", {});
+      __publicField$q(this, "requestTransform");
       const exist = findConnector(options);
       this.cache = new Cache({ namespace: options.cacheId });
       if (exist) {
@@ -18884,8 +18909,7 @@ var NgwLeaflet = (function () {
       credentials = credentials || this.options.auth;
       if (credentials) {
         const { login, password } = credentials;
-        const str = `${login}:${password}`;
-        const encodedStr = encodeURIComponent(str);
+        const encodedStr = [login, password].map(encodeURIComponent).join(":");
         {
           return window.btoa(encodedStr);
         }
@@ -19032,7 +19056,7 @@ var NgwLeaflet = (function () {
           throw new Error("Empty `url` not allowed");
         }
         if (params) {
-          const _a = params, restParams = __objRest$2(_a, ["paramList"]);
+          const _a = params, restParams = __objRest$3(_a, ["paramList"]);
           url = template(url, restParams);
         }
         url = encodeURI(fixUrlStr(url));
@@ -19068,7 +19092,7 @@ var NgwLeaflet = (function () {
           }
         });
         if (cache && method === "GET") {
-          const cacheOptions = cacheProps ? cacheProps : __spreadProps$g(__spreadValues$q({}, objectRemoveEmpty({
+          const cacheOptions = cacheProps ? cacheProps : __spreadProps$h(__spreadValues$q({}, objectRemoveEmpty({
             headers,
             withCredentials,
             responseType,
@@ -19230,30 +19254,30 @@ var NgwLeaflet = (function () {
       return er;
     }
   }
-  __publicField$p(NgwConnector, "errors", {
+  __publicField$q(NgwConnector, "errors", {
     NgwError,
     ResourceNotFoundError
   });
 
-  var __defProp$z = Object.defineProperty;
-  var __defProps$f = Object.defineProperties;
-  var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
+  var __defProp$A = Object.defineProperty;
+  var __defProps$g = Object.defineProperties;
+  var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
   var __hasOwnProp$q = Object.prototype.hasOwnProperty;
   var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$z = (obj, key, value) => key in obj ? __defProp$z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$A = (obj, key, value) => key in obj ? __defProp$A(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$p = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$q.call(b, prop))
-        __defNormalProp$z(a, prop, b[prop]);
+        __defNormalProp$A(a, prop, b[prop]);
     if (__getOwnPropSymbols$q)
       for (var prop of __getOwnPropSymbols$q(b)) {
         if (__propIsEnum$q.call(b, prop))
-          __defNormalProp$z(a, prop, b[prop]);
+          __defNormalProp$A(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+  var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
   var __async$o = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -19358,13 +19382,13 @@ var NgwLeaflet = (function () {
       for (const f of filters_) {
         if (isPropertyFilter(f)) {
           _queries.push(
-            fetchNgwLayerItemsRequest(__spreadProps$f(__spreadValues$p({}, opt), {
+            fetchNgwLayerItemsRequest(__spreadProps$g(__spreadValues$p({}, opt), {
               paramList: [..._parentAllParams, ...paramList, createParam(f)]
             }))
           );
         } else {
           getQueries(
-            __spreadProps$f(__spreadValues$p({}, opt), {
+            __spreadProps$g(__spreadValues$p({}, opt), {
               filters: f
             }),
             _queries,
@@ -19385,7 +19409,7 @@ var NgwLeaflet = (function () {
       if (propertiesFilterList.length) {
         for (const x of propertiesFilterList) {
           getQueries(
-            __spreadProps$f(__spreadValues$p({}, opt), {
+            __spreadProps$g(__spreadValues$p({}, opt), {
               filters: x
             }),
             _queries,
@@ -19394,7 +19418,7 @@ var NgwLeaflet = (function () {
         }
       } else {
         _queries.push(
-          fetchNgwLayerItemsRequest(__spreadProps$f(__spreadValues$p({}, opt), {
+          fetchNgwLayerItemsRequest(__spreadProps$g(__spreadValues$p({}, opt), {
             paramList: [..._parentAllParams, ...paramList, ...filters2]
           }))
         );
@@ -19459,25 +19483,25 @@ var NgwLeaflet = (function () {
     );
   }
 
-  var __defProp$y = Object.defineProperty;
-  var __defProps$e = Object.defineProperties;
-  var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
+  var __defProp$z = Object.defineProperty;
+  var __defProps$f = Object.defineProperties;
+  var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
   var __hasOwnProp$p = Object.prototype.hasOwnProperty;
   var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$y = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$z = (obj, key, value) => key in obj ? __defProp$z(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$o = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$p.call(b, prop))
-        __defNormalProp$y(a, prop, b[prop]);
+        __defNormalProp$z(a, prop, b[prop]);
     if (__getOwnPropSymbols$p)
       for (var prop of __getOwnPropSymbols$p(b)) {
         if (__propIsEnum$p.call(b, prop))
-          __defNormalProp$y(a, prop, b[prop]);
+          __defNormalProp$z(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
+  var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
   var __async$n = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -19515,45 +19539,45 @@ var NgwLeaflet = (function () {
         if (resp.geom) {
           return createGeoJsonFeature(resp);
         } else {
-          const onlyGeomItem = yield fetchNgwLayerItem(__spreadProps$e(__spreadValues$o({}, options), {
+          const onlyGeomItem = yield fetchNgwLayerItem(__spreadProps$f(__spreadValues$o({}, options), {
             geom: true,
             fields: null,
             extensions: null
           }));
           const geom = onlyGeomItem.geom;
-          return createGeoJsonFeature(__spreadProps$e(__spreadValues$o({}, resp), { geom }));
+          return createGeoJsonFeature(__spreadProps$f(__spreadValues$o({}, resp), { geom }));
         }
       });
-      return __spreadProps$e(__spreadValues$o({}, resp), {
+      return __spreadProps$f(__spreadValues$o({}, resp), {
         toGeojson
       });
     });
   }
 
-  var __defProp$x = Object.defineProperty;
+  var __defProp$y = Object.defineProperty;
   var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
   var __hasOwnProp$o = Object.prototype.hasOwnProperty;
   var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$x = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$y = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$n = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$o.call(b, prop))
-        __defNormalProp$x(a, prop, b[prop]);
+        __defNormalProp$y(a, prop, b[prop]);
     if (__getOwnPropSymbols$o)
       for (var prop of __getOwnPropSymbols$o(b)) {
         if (__propIsEnum$o.call(b, prop))
-          __defNormalProp$x(a, prop, b[prop]);
+          __defNormalProp$y(a, prop, b[prop]);
       }
     return a;
   };
-  var __publicField$o = (obj, key, value) => __defNormalProp$x(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$p = (obj, key, value) => __defNormalProp$y(obj, typeof key !== "symbol" ? key + "" : key, value);
   class BookmarkItem {
     constructor(options) {
       this.options = options;
-      __publicField$o(this, "name");
-      __publicField$o(this, "resourceId");
-      __publicField$o(this, "item");
-      __publicField$o(this, "_extent");
+      __publicField$p(this, "name");
+      __publicField$p(this, "resourceId");
+      __publicField$p(this, "item");
+      __publicField$p(this, "_extent");
       this.resourceId = options.resourceId;
       const item = options.item;
       this.item = item;
@@ -19699,14 +19723,14 @@ var NgwLeaflet = (function () {
     return true;
   }
 
-  var __defProp$w = Object.defineProperty;
-  var __defNormalProp$w = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$n = (obj, key, value) => __defNormalProp$w(obj, typeof key !== "symbol" ? key + "" : key, value);
-  class TreeHelper {
-    constructor(item) {
-      __publicField$n(this, "item");
-      __publicField$n(this, "_children", []);
-      __publicField$n(this, "_parent");
+  var __defProp$x = Object.defineProperty;
+  var __defNormalProp$x = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$o = (obj, key, value) => __defNormalProp$x(obj, typeof key !== "symbol" ? key + "" : key, value);
+  class TreeHelper {
+    constructor(item) {
+      __publicField$o(this, "item");
+      __publicField$o(this, "_children", []);
+      __publicField$o(this, "_parent");
       this.item = item;
     }
     setParent(parent) {
@@ -19769,19 +19793,19 @@ var NgwLeaflet = (function () {
     }
   }
 
-  var __defProp$v = Object.defineProperty;
-  var __defNormalProp$v = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$m = (obj, key, value) => __defNormalProp$v(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$w = Object.defineProperty;
+  var __defNormalProp$w = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$n = (obj, key, value) => __defNormalProp$w(obj, typeof key !== "symbol" ? key + "" : key, value);
   class BaseProperty {
     constructor(name, item, options) {
-      __publicField$m(this, "options");
-      __publicField$m(this, "emitter", new EventEmitter());
-      __publicField$m(this, "name");
-      __publicField$m(this, "item");
-      __publicField$m(this, "_blocked", false);
-      __publicField$m(this, "_container");
-      __publicField$m(this, "_value");
-      __publicField$m(this, "_removeEventsListener");
+      __publicField$n(this, "options");
+      __publicField$n(this, "emitter", new EventEmitter());
+      __publicField$n(this, "name");
+      __publicField$n(this, "item");
+      __publicField$n(this, "_blocked", false);
+      __publicField$n(this, "_container");
+      __publicField$n(this, "_value");
+      __publicField$n(this, "_removeEventsListener");
       this.item = item;
       this.options = Object.assign({}, options);
       this.name = name;
@@ -19878,23 +19902,23 @@ var NgwLeaflet = (function () {
     }
   }
 
-  var __defProp$u = Object.defineProperty;
+  var __defProp$v = Object.defineProperty;
   var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
   var __hasOwnProp$n = Object.prototype.hasOwnProperty;
   var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$u = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$v = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$m = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$n.call(b, prop))
-        __defNormalProp$u(a, prop, b[prop]);
+        __defNormalProp$v(a, prop, b[prop]);
     if (__getOwnPropSymbols$n)
       for (var prop of __getOwnPropSymbols$n(b)) {
         if (__propIsEnum$n.call(b, prop))
-          __defNormalProp$u(a, prop, b[prop]);
+          __defNormalProp$v(a, prop, b[prop]);
       }
     return a;
   };
-  var __publicField$l = (obj, key, value) => __defNormalProp$u(obj, key + "" , value);
+  var __publicField$m = (obj, key, value) => __defNormalProp$v(obj, key + "" , value);
   const _CheckProperty = class _CheckProperty extends BaseProperty {
     constructor(name, item, options) {
       super(name, item, __spreadValues$m(__spreadValues$m({}, _CheckProperty.options), options));
@@ -20002,7 +20026,7 @@ var NgwLeaflet = (function () {
       }
     }
   };
-  __publicField$l(_CheckProperty, "options", {
+  __publicField$m(_CheckProperty, "options", {
     hierarchy: true,
     bubble: false,
     propagation: false,
@@ -20011,31 +20035,31 @@ var NgwLeaflet = (function () {
   });
   let CheckProperty = _CheckProperty;
 
-  var __defProp$t = Object.defineProperty;
+  var __defProp$u = Object.defineProperty;
   var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
   var __hasOwnProp$m = Object.prototype.hasOwnProperty;
   var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$t = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$u = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$l = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$m.call(b, prop))
-        __defNormalProp$t(a, prop, b[prop]);
+        __defNormalProp$u(a, prop, b[prop]);
     if (__getOwnPropSymbols$m)
       for (var prop of __getOwnPropSymbols$m(b)) {
         if (__propIsEnum$m.call(b, prop))
-          __defNormalProp$t(a, prop, b[prop]);
+          __defNormalProp$u(a, prop, b[prop]);
       }
     return a;
   };
-  var __publicField$k = (obj, key, value) => __defNormalProp$t(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$l = (obj, key, value) => __defNormalProp$u(obj, typeof key !== "symbol" ? key + "" : key, value);
   const BOOLEAN_TYPE = "boolean";
   const STRING_TYPE = "string";
   const _ItemProperties = class _ItemProperties {
     constructor(item, propertiesList) {
       this.item = item;
-      __publicField$k(this, "options", {});
-      __publicField$k(this, "_properties", {});
-      __publicField$k(this, "_propertiesList", []);
+      __publicField$l(this, "options", {});
+      __publicField$l(this, "_properties", {});
+      __publicField$l(this, "_propertiesList", []);
       if (propertiesList) {
         propertiesList.forEach(this._setPropertyHandler.bind(this));
       }
@@ -20098,35 +20122,35 @@ var NgwLeaflet = (function () {
       return Handler;
     }
   };
-  __publicField$k(_ItemProperties, "handlers", {
+  __publicField$l(_ItemProperties, "handlers", {
     CheckProperty
   });
   let ItemProperties = _ItemProperties;
 
-  var __defProp$s = Object.defineProperty;
+  var __defProp$t = Object.defineProperty;
   var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
   var __hasOwnProp$l = Object.prototype.hasOwnProperty;
   var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$s = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$t = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$k = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$l.call(b, prop))
-        __defNormalProp$s(a, prop, b[prop]);
+        __defNormalProp$t(a, prop, b[prop]);
     if (__getOwnPropSymbols$l)
       for (var prop of __getOwnPropSymbols$l(b)) {
         if (__propIsEnum$l.call(b, prop))
-          __defNormalProp$s(a, prop, b[prop]);
+          __defNormalProp$t(a, prop, b[prop]);
       }
     return a;
   };
-  var __publicField$j = (obj, key, value) => __defNormalProp$s(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$k = (obj, key, value) => __defNormalProp$t(obj, typeof key !== "symbol" ? key + "" : key, value);
   let ID$1 = 0;
   class Item {
     constructor(options) {
-      __publicField$j(this, "options", {});
-      __publicField$j(this, "properties");
-      __publicField$j(this, "tree");
-      __publicField$j(this, "id", ID$1);
+      __publicField$k(this, "options", {});
+      __publicField$k(this, "properties");
+      __publicField$k(this, "tree");
+      __publicField$k(this, "id", ID$1);
       ID$1 += 1;
       this.options = __spreadValues$k({}, options);
       this.tree = new TreeHelper(this);
@@ -20180,25 +20204,25 @@ var NgwLeaflet = (function () {
     }
   }
 
-  var __defProp$r = Object.defineProperty;
-  var __defProps$d = Object.defineProperties;
-  var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+  var __defProp$s = Object.defineProperty;
+  var __defProps$e = Object.defineProperties;
+  var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
   var __hasOwnProp$k = Object.prototype.hasOwnProperty;
   var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$r = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$s = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$j = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$k.call(b, prop))
-        __defNormalProp$r(a, prop, b[prop]);
+        __defNormalProp$s(a, prop, b[prop]);
     if (__getOwnPropSymbols$k)
       for (var prop of __getOwnPropSymbols$k(b)) {
         if (__propIsEnum$k.call(b, prop))
-          __defNormalProp$r(a, prop, b[prop]);
+          __defNormalProp$s(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+  var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
   function getNgwWebmapExtent(webmap) {
     const bottom = webmap["extent_bottom"];
     const left = webmap["extent_left"];
@@ -20266,14 +20290,14 @@ var NgwLeaflet = (function () {
       if (resource.cls && resource.cls.indexOf("style") !== -1) {
         return connector.getResource(resource.parent.id, options).then((res) => {
           if (res) {
-            return fetchNgwLayerExtent(__spreadProps$d(__spreadValues$j({}, options), {
+            return fetchNgwLayerExtent(__spreadProps$e(__spreadValues$j({}, options), {
               resourceId: res.resource.id,
               connector
             }));
           }
         });
       } else {
-        return fetchNgwLayerExtent(__spreadProps$d(__spreadValues$j({}, options), {
+        return fetchNgwLayerExtent(__spreadProps$e(__spreadValues$j({}, options), {
           resourceId: resource.id,
           connector
         }));
@@ -20281,9 +20305,9 @@ var NgwLeaflet = (function () {
     }
   }
 
-  var __defProp$q = Object.defineProperty;
-  var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$i = (obj, key, value) => __defNormalProp$q(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$r = Object.defineProperty;
+  var __defNormalProp$r = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$j = (obj, key, value) => __defNormalProp$r(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$m = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -20306,9 +20330,9 @@ var NgwLeaflet = (function () {
   };
   class NgwResource {
     constructor() {
-      __publicField$i(this, "item");
-      __publicField$i(this, "connector");
-      __publicField$i(this, "_extent");
+      __publicField$j(this, "item");
+      __publicField$j(this, "connector");
+      __publicField$j(this, "_extent");
     }
     /** @deprecated use {@link NgwResource.getBounds} instead */
     getExtent() {
@@ -20427,23 +20451,23 @@ var NgwLeaflet = (function () {
     };
   }
 
-  var __defProp$p = Object.defineProperty;
+  var __defProp$q = Object.defineProperty;
   var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
   var __hasOwnProp$j = Object.prototype.hasOwnProperty;
   var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$i = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$j.call(b, prop))
-        __defNormalProp$p(a, prop, b[prop]);
+        __defNormalProp$q(a, prop, b[prop]);
     if (__getOwnPropSymbols$j)
       for (var prop of __getOwnPropSymbols$j(b)) {
         if (__propIsEnum$j.call(b, prop))
-          __defNormalProp$p(a, prop, b[prop]);
+          __defNormalProp$q(a, prop, b[prop]);
       }
     return a;
   };
-  var __objRest$1 = (source, exclude) => {
+  var __objRest$2 = (source, exclude) => {
     var target = {};
     for (var prop in source)
       if (__hasOwnProp$j.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -20455,7 +20479,7 @@ var NgwLeaflet = (function () {
       }
     return target;
   };
-  var __publicField$h = (obj, key, value) => __defNormalProp$p(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$i = (obj, key, value) => __defNormalProp$q(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$k = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -20476,11 +20500,11 @@ var NgwLeaflet = (function () {
       step((generator = generator.apply(__this, __arguments)).next());
     });
   };
-  const URL = "https://qms.nextgis.com";
-  function createQmsAdapter(webMapOrOptions, url = URL, createOpt = {}) {
+  const URL$1 = "https://qms.nextgis.com";
+  function createQmsAdapter(webMapOrOptions, url = URL$1, createOpt = {}) {
     let webMap;
     if ("webMap" in webMapOrOptions) {
-      const _a = webMapOrOptions, { webMap: webMap_, url: url_ } = _a, adapterOptions = __objRest$1(_a, ["webMap", "url"]);
+      const _a = webMapOrOptions, { webMap: webMap_, url: url_ } = _a, adapterOptions = __objRest$2(_a, ["webMap", "url"]);
       webMap = webMap_;
       if (url_) {
         url = url_;
@@ -20492,13 +20516,13 @@ var NgwLeaflet = (function () {
       webMap = webMapOrOptions;
     }
     if (!url) {
-      url = URL;
+      url = URL$1;
     }
     class QmsAdapter {
       constructor(map, options) {
-        __publicField$h(this, "qms");
-        __publicField$h(this, "options");
-        __publicField$h(this, "map");
+        __publicField$i(this, "qms");
+        __publicField$i(this, "options");
+        __publicField$i(this, "map");
         this.map = map;
         const opt = __spreadValues$i(__spreadValues$i({}, createOpt), options);
         this.options = opt;
@@ -20552,29 +20576,29 @@ var NgwLeaflet = (function () {
     return QmsAdapter;
   }
 
-  var __defProp$o = Object.defineProperty;
+  var __defProp$p = Object.defineProperty;
   var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
   var __hasOwnProp$i = Object.prototype.hasOwnProperty;
   var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$h = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$i.call(b, prop))
-        __defNormalProp$o(a, prop, b[prop]);
+        __defNormalProp$p(a, prop, b[prop]);
     if (__getOwnPropSymbols$i)
       for (var prop of __getOwnPropSymbols$i(b)) {
         if (__propIsEnum$i.call(b, prop))
-          __defNormalProp$o(a, prop, b[prop]);
+          __defNormalProp$p(a, prop, b[prop]);
       }
     return a;
   };
-  var __publicField$g = (obj, key, value) => __defNormalProp$o(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$h = (obj, key, value) => __defNormalProp$p(obj, typeof key !== "symbol" ? key + "" : key, value);
   class QmsKit {
     constructor(options) {
-      __publicField$g(this, "options", {
+      __publicField$h(this, "options", {
         url: "https://qms.nextgis.com"
       });
-      __publicField$g(this, "url");
+      __publicField$h(this, "url");
       this.options = __spreadValues$h(__spreadValues$h({}, this.options), options);
       this.url = this.options.url;
     }
@@ -20590,31 +20614,31 @@ var NgwLeaflet = (function () {
       return createQmsAdapter({ webMap, url: this.url });
     }
   }
-  __publicField$g(QmsKit, "utils", {
+  __publicField$h(QmsKit, "utils", {
     createQmsAdapter
   });
 
-  var __defProp$n = Object.defineProperty;
-  var __defProps$c = Object.defineProperties;
-  var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+  var __defProp$o = Object.defineProperty;
+  var __defProps$d = Object.defineProperties;
+  var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
   var __getProtoOf$2 = Object.getPrototypeOf;
   var __hasOwnProp$h = Object.prototype.hasOwnProperty;
   var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
   var __reflectGet$2 = Reflect.get;
-  var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$g = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$h.call(b, prop))
-        __defNormalProp$n(a, prop, b[prop]);
+        __defNormalProp$o(a, prop, b[prop]);
     if (__getOwnPropSymbols$h)
       for (var prop of __getOwnPropSymbols$h(b)) {
         if (__propIsEnum$h.call(b, prop))
-          __defNormalProp$n(a, prop, b[prop]);
+          __defNormalProp$o(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+  var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
   var __superGet$2 = (cls, obj, key) => __reflectGet$2(__getProtoOf$2(cls), key, obj);
   var __async$j = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
@@ -20659,7 +20683,7 @@ var NgwLeaflet = (function () {
             class BasemapTileAdapter extends TileAdapter {
               addLayer(opt) {
                 return __async$j(this, null, function* () {
-                  return __superGet$2(BasemapTileAdapter.prototype, this, "addLayer").call(this, __spreadProps$c(__spreadValues$g({}, opt), { url }));
+                  return __superGet$2(BasemapTileAdapter.prototype, this, "addLayer").call(this, __spreadProps$d(__spreadValues$g({}, opt), { url }));
                 });
               }
             }
@@ -20738,25 +20762,25 @@ var NgwLeaflet = (function () {
     return fields;
   }
 
-  var __defProp$m = Object.defineProperty;
-  var __defProps$b = Object.defineProperties;
-  var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+  var __defProp$n = Object.defineProperty;
+  var __defProps$c = Object.defineProperties;
+  var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
   var __hasOwnProp$g = Object.prototype.hasOwnProperty;
   var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$f = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$g.call(b, prop))
-        __defNormalProp$m(a, prop, b[prop]);
+        __defNormalProp$n(a, prop, b[prop]);
     if (__getOwnPropSymbols$g)
       for (var prop of __getOwnPropSymbols$g(b)) {
         if (__propIsEnum$g.call(b, prop))
-          __defNormalProp$m(a, prop, b[prop]);
+          __defNormalProp$n(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+  var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
   var __async$i = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -20782,13 +20806,13 @@ var NgwLeaflet = (function () {
       var _a;
       const filters = options.filters;
       if (filters) {
-        let data = yield createFeatureFieldFilterQueries(__spreadProps$b(__spreadValues$f({}, options), {
+        let data = yield createFeatureFieldFilterQueries(__spreadProps$c(__spreadValues$f({}, options), {
           filters
         }));
         const clientFilterValidate = (_a = options.clientFilterValidate) != null ? _a : isFilterWithAnyCase(filters);
         if (clientFilterValidate) {
           data = data.filter((y) => {
-            const fields = prepareNgwFieldsToPropertiesFilter(__spreadProps$b(__spreadValues$f({}, y.fields), {
+            const fields = prepareNgwFieldsToPropertiesFilter(__spreadProps$c(__spreadValues$f({}, y.fields), {
               id: y.id
             }));
             const result = propertiesFilter(fields, filters);
@@ -20876,28 +20900,28 @@ var NgwLeaflet = (function () {
     return filterOptions;
   }
 
-  var __defProp$l = Object.defineProperty;
-  var __defProps$a = Object.defineProperties;
-  var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+  var __defProp$m = Object.defineProperty;
+  var __defProps$b = Object.defineProperties;
+  var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
   var __getProtoOf$1 = Object.getPrototypeOf;
   var __hasOwnProp$f = Object.prototype.hasOwnProperty;
   var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
   var __reflectGet$1 = Reflect.get;
-  var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$e = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$f.call(b, prop))
-        __defNormalProp$l(a, prop, b[prop]);
+        __defNormalProp$m(a, prop, b[prop]);
     if (__getOwnPropSymbols$f)
       for (var prop of __getOwnPropSymbols$f(b)) {
         if (__propIsEnum$f.call(b, prop))
-          __defNormalProp$l(a, prop, b[prop]);
+          __defNormalProp$m(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
-  var __publicField$f = (obj, key, value) => __defNormalProp$l(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+  var __publicField$g = (obj, key, value) => __defNormalProp$m(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __superGet$1 = (cls, obj, key) => __reflectGet$1(__getProtoOf$1(cls), key, obj);
   var __async$g = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
@@ -20970,11 +20994,11 @@ var NgwLeaflet = (function () {
       class NgwGeoJsonAdapter extends GeoJsonAdapter {
         constructor() {
           super(...arguments);
-          __publicField$f(this, "emitter", new EventEmitter());
-          __publicField$f(this, "__onMapMove");
-          __publicField$f(this, "__onMapMoveStart");
-          __publicField$f(this, "__enableMapMoveListener");
-          __publicField$f(this, "__disableMapMoveListener");
+          __publicField$g(this, "emitter", new EventEmitter());
+          __publicField$g(this, "__onMapMove");
+          __publicField$g(this, "__onMapMoveStart");
+          __publicField$g(this, "__enableMapMoveListener");
+          __publicField$g(this, "__disableMapMoveListener");
         }
         addLayer(opt) {
           return __async$g(this, null, function* () {
@@ -21047,10 +21071,10 @@ var NgwLeaflet = (function () {
         getCount() {
           return fetchNgwLayerCount({ connector, resourceId, cache: true });
         }
-        updateLayer(filterArgs) {
+        updateLayer(opt) {
           return __async$g(this, null, function* () {
             var _a2;
-            filterArgs = filterArgs || _lastFilterArgs || {};
+            const filterArgs = opt || _lastFilterArgs || {};
             if ((_a2 = this.options.strategy) == null ? void 0 : _a2.startsWith("BBOX")) {
               yield webMap.onLoad("create");
               filterArgs.options = filterArgs.options || {};
@@ -21075,7 +21099,7 @@ var NgwLeaflet = (function () {
             try {
               this.emitter.emit("preupdate", filterArgs);
               webMap._emitLayerEvent("layer:preupdate", options.id || "", filterArgs);
-              const data = yield getData(filterArgs.filters, __spreadProps$a(__spreadValues$e({}, filterArgs.options), {
+              const data = yield getData(filterArgs.filters, __spreadProps$b(__spreadValues$e({}, filterArgs.options), {
                 srs: this.options.srs
               }));
               let newData = data;
@@ -21128,7 +21152,7 @@ var NgwLeaflet = (function () {
               if (this.clearLayer) {
                 this.clearLayer();
               }
-              const data = yield getData(filters, __spreadProps$a(__spreadValues$e({}, opt), {
+              const data = yield getData(filters, __spreadProps$b(__spreadValues$e({}, opt), {
                 srs: this.options.srs
               }));
               this.setData(data);
@@ -21317,26 +21341,26 @@ var NgwLeaflet = (function () {
     }
   }
 
-  var __defProp$k = Object.defineProperty;
-  var __defProps$9 = Object.defineProperties;
-  var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+  var __defProp$l = Object.defineProperty;
+  var __defProps$a = Object.defineProperties;
+  var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
   var __hasOwnProp$e = Object.prototype.hasOwnProperty;
   var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$d = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$e.call(b, prop))
-        __defNormalProp$k(a, prop, b[prop]);
+        __defNormalProp$l(a, prop, b[prop]);
     if (__getOwnPropSymbols$e)
       for (var prop of __getOwnPropSymbols$e(b)) {
         if (__propIsEnum$e.call(b, prop))
-          __defNormalProp$k(a, prop, b[prop]);
+          __defNormalProp$l(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
-  var __publicField$e = (obj, key, value) => __defNormalProp$k(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+  var __publicField$f = (obj, key, value) => __defNormalProp$l(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$e = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -21357,11 +21381,47 @@ var NgwLeaflet = (function () {
       step((generator = generator.apply(__this, __arguments)).next());
     });
   };
+  class Legend {
+    constructor({
+      layerId,
+      legend,
+      onSymbolRenderChange
+    }) {
+      __publicField$f(this, "layerId");
+      __publicField$f(this, "legend");
+      __publicField$f(this, "onSymbolRenderChange");
+      this.layerId = layerId;
+      this.legend = this.createLegend(legend);
+      this.onSymbolRenderChange = onSymbolRenderChange;
+    }
+    createLegend(items) {
+      return items.map((params) => __spreadProps$a(__spreadValues$d({}, params), {
+        /** @deprecated use display_name instead */
+        name: params.display_name,
+        /** @deprecated use icon instead */
+        symbol: params.icon
+      }));
+    }
+    setSymbolRender(symbolIndex, status) {
+      const legendItem = this.legend.find((l) => l.index === symbolIndex);
+      if (legendItem) {
+        const render = legendItem.render;
+        if (render !== status) {
+          legendItem.render = status;
+          if (this.onSymbolRenderChange) {
+            this.onSymbolRenderChange(
+              this.legend.filter((l) => l.render).map((l) => l.index)
+            );
+          }
+        }
+      }
+    }
+  }
   function createRasterAdapter(_0) {
     return __async$e(this, arguments, function* ({
       layerOptions,
-      webMap,
       connector,
+      webMap,
       item
     }) {
       const resourceCls = item.resource.cls;
@@ -21390,16 +21450,17 @@ var NgwLeaflet = (function () {
           constructor(map, _options) {
             super(map, _options);
             this.map = map;
-            // options = {};
-            __publicField$e(this, "item", item);
-            __publicField$e(this, "resourceId", resourceId);
+            __publicField$f(this, "item", item);
+            __publicField$f(this, "resourceId", resourceId);
+            __publicField$f(this, "_blocked", false);
+            __publicField$f(this, "_layerVisibility");
             const opt = ngwApiToAdapterOptions({
               options: layerOptions,
               webMap,
               baseUrl: connector.options.baseUrl || ""
             });
             if (opt) {
-              const layerAdapterOptions = __spreadProps$9(__spreadValues$d(__spreadValues$d({}, opt), layerOptions.adapterOptions), {
+              const layerAdapterOptions = __spreadProps$a(__spreadValues$d(__spreadValues$d({}, opt), layerOptions.adapterOptions), {
                 params: { resource: resourceId },
                 layers: opt.layers || String(resourceId),
                 resourceId
@@ -21413,25 +21474,19 @@ var NgwLeaflet = (function () {
           addLayer(addOptions) {
             return super.addLayer(__spreadValues$d(__spreadValues$d({}, this.options), addOptions));
           }
-          getLegend(options) {
-            return __async$e(this, null, function* () {
-              const ngwLegend = yield connector.get("render.legend_symbols", __spreadValues$d({
-                params: { id: resourceId },
-                cache: true
-              }, options));
-              const id = this.options.id;
-              if (id !== void 0) {
-                const legend = {
-                  layerId: id,
-                  legend: ngwLegend.map(({ display_name, icon }) => ({
-                    name: display_name,
-                    symbol: icon
-                  }))
-                };
-                return [legend];
+          showLayer() {
+            this._layerVisibility = true;
+            if (this.layer) {
+              if (!this._blocked) {
+                webMap.mapAdapter.showLayer(this.layer);
               }
-              return [];
-            });
+            }
+          }
+          hideLayer() {
+            this._layerVisibility = false;
+            if (this.layer) {
+              webMap.mapAdapter.hideLayer(this.layer);
+            }
           }
           getIdentificationIds() {
             return __async$e(this, null, function* () {
@@ -21447,8 +21502,69 @@ var NgwLeaflet = (function () {
               return [];
             });
           }
-          // beforeRemove() {
-          // }
+          getLegend(options) {
+            return __async$e(this, null, function* () {
+              const id = this.options.id;
+              if (id !== void 0) {
+                const ngwLegend = yield connector.get("render.legend_symbols", __spreadValues$d({
+                  params: { id: resourceId },
+                  cache: true
+                }, options));
+                const legend = new Legend({
+                  layerId: id,
+                  legend: ngwLegend,
+                  onSymbolRenderChange: this._setLegendSymbol.bind(this)
+                });
+                return [legend];
+              }
+              return [];
+            });
+          }
+          _hideLayer() {
+            if (this.options.id) {
+              webMap.mapAdapter.hideLayer(this.layer);
+            }
+          }
+          _showLayer() {
+            if (this.options.id) {
+              if (this._layerVisibility) {
+                webMap.showLayer(this.options.id, { silent: true });
+              }
+            }
+          }
+          _setLegendSymbol(renderIndexes) {
+            const intervals = this._consolidateIntervals(renderIndexes);
+            if (!intervals.length) {
+              this._hideLayer();
+              this._blocked = true;
+            } else {
+              this._blocked = false;
+              this._showLayer();
+            }
+            if (this.updateLayer) {
+              this.updateLayer({
+                params: {
+                  [`symbols[${resourceId}]`]: intervals.join(",") || void 0
+                }
+              });
+            }
+          }
+          _consolidateIntervals(symbols) {
+            const sortedSymbols = symbols.slice().sort((a, b) => a - b);
+            const intervals = [];
+            let start = sortedSymbols[0];
+            let end = start;
+            for (let i = 1; i <= sortedSymbols.length; i++) {
+              if (sortedSymbols[i] === end + 1) {
+                end = sortedSymbols[i];
+              } else {
+                intervals.push(start === end ? `${start}` : `${start}-${end}`);
+                start = sortedSymbols[i];
+                end = start;
+              }
+            }
+            return intervals;
+          }
         };
       } else {
         throw new Error(adapter + " not supported yet. Only TILE");
@@ -21456,25 +21572,25 @@ var NgwLeaflet = (function () {
     });
   }
 
-  var __defProp$j = Object.defineProperty;
-  var __defProps$8 = Object.defineProperties;
-  var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+  var __defProp$k = Object.defineProperty;
+  var __defProps$9 = Object.defineProperties;
+  var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
   var __hasOwnProp$d = Object.prototype.hasOwnProperty;
   var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$c = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$d.call(b, prop))
-        __defNormalProp$j(a, prop, b[prop]);
+        __defNormalProp$k(a, prop, b[prop]);
     if (__getOwnPropSymbols$d)
       for (var prop of __getOwnPropSymbols$d(b)) {
         if (__propIsEnum$d.call(b, prop))
-          __defNormalProp$j(a, prop, b[prop]);
+          __defNormalProp$k(a, prop, b[prop]);
       }
     return a;
   };
-  var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+  var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
   var __async$d = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -21522,7 +21638,7 @@ var NgwLeaflet = (function () {
       const firstStyle = childrenStyles && childrenStyles[0];
       if (firstStyle) {
         return createAsyncAdapter(
-          __spreadProps$8(__spreadValues$c({}, layerOptions), { resource: firstStyle.resource.id }),
+          __spreadProps$9(__spreadValues$c({}, layerOptions), { resource: firstStyle.resource.id }),
           webMap,
           connector
         );
@@ -21545,7 +21661,7 @@ var NgwLeaflet = (function () {
         }
         if (item) {
           const cls = item.resource.cls;
-          const layerOptions = __spreadProps$8(__spreadValues$c({}, options), {
+          const layerOptions = __spreadProps$9(__spreadValues$c({}, options), {
             resource: resourceId
           });
           const adapterOptions = {
@@ -21582,10 +21698,10 @@ var NgwLeaflet = (function () {
                   item.resource.parent.id
                 );
                 if (parentItem) {
-                  const parentOptions = __spreadProps$8(__spreadValues$c({}, options), {
+                  const parentOptions = __spreadProps$9(__spreadValues$c({}, options), {
                     resource: item.resource.parent.id
                   });
-                  adapter = createGeoJsonAdapter(__spreadProps$8(__spreadValues$c({}, adapterOptions), {
+                  adapter = createGeoJsonAdapter(__spreadProps$9(__spreadValues$c({}, adapterOptions), {
                     item: parentItem,
                     layerOptions: parentOptions
                   }));
@@ -21629,31 +21745,46 @@ var NgwLeaflet = (function () {
     });
   }
 
-  var __defProp$i = Object.defineProperty;
+  var __defProp$j = Object.defineProperty;
+  var __defProps$8 = Object.defineProperties;
+  var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
   var __hasOwnProp$c = Object.prototype.hasOwnProperty;
   var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$b = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$c.call(b, prop))
-        __defNormalProp$i(a, prop, b[prop]);
+        __defNormalProp$j(a, prop, b[prop]);
     if (__getOwnPropSymbols$c)
       for (var prop of __getOwnPropSymbols$c(b)) {
         if (__propIsEnum$c.call(b, prop))
-          __defNormalProp$i(a, prop, b[prop]);
+          __defNormalProp$j(a, prop, b[prop]);
       }
     return a;
   };
+  var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+  var __objRest$1 = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+      if (__hasOwnProp$c.call(source, prop) && exclude.indexOf(prop) < 0)
+        target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols$c)
+      for (var prop of __getOwnPropSymbols$c(source)) {
+        if (exclude.indexOf(prop) < 0 && __propIsEnum$c.call(source, prop))
+          target[prop] = source[prop];
+      }
+    return target;
+  };
   function updateImageParams(params, resourceId) {
-    const { bbox, width, height, nd } = params;
-    return {
+    const _a = params, { bbox, width, height, nd } = _a, rest = __objRest$1(_a, ["bbox", "width", "height", "nd"]);
+    return __spreadProps$8(__spreadValues$b({}, rest), {
       resource: Array.isArray(resourceId) ? resourceId.join(",") : resourceId,
       extent: bbox,
       size: width + "," + height,
       timestamp: Date.now(),
       nd: nd != null ? nd : 200
-    };
+    });
   }
   const vectorLayerGeomToPaintTypeAlias = {
     POINT: "point",
@@ -21713,26 +21844,26 @@ var NgwLeaflet = (function () {
     return zoom;
   }
 
-  var __defProp$h = Object.defineProperty;
+  var __defProp$i = Object.defineProperty;
   var __defProps$7 = Object.defineProperties;
   var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
   var __hasOwnProp$b = Object.prototype.hasOwnProperty;
   var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$a = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$b.call(b, prop))
-        __defNormalProp$h(a, prop, b[prop]);
+        __defNormalProp$i(a, prop, b[prop]);
     if (__getOwnPropSymbols$b)
       for (var prop of __getOwnPropSymbols$b(b)) {
         if (__propIsEnum$b.call(b, prop))
-          __defNormalProp$h(a, prop, b[prop]);
+          __defNormalProp$i(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-  var __publicField$d = (obj, key, value) => __defNormalProp$h(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$e = (obj, key, value) => __defNormalProp$i(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$c = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -21757,11 +21888,11 @@ var NgwLeaflet = (function () {
     constructor(webMap, item, options, connector, parent, noInit) {
       super(__spreadValues$a(__spreadValues$a({}, _NgwWebmapItem.options), options));
       this.webMap = webMap;
-      __publicField$d(this, "item");
-      __publicField$d(this, "connector");
-      __publicField$d(this, "layer");
-      __publicField$d(this, "emitter", new EventEmitter());
-      __publicField$d(this, "_rootDescendantsCount", 0);
+      __publicField$e(this, "item");
+      __publicField$e(this, "connector");
+      __publicField$e(this, "layer");
+      __publicField$e(this, "emitter", new EventEmitter());
+      __publicField$e(this, "_rootDescendantsCount", 0);
       if (connector) {
         this.connector = connector;
       }
@@ -21823,10 +21954,12 @@ var NgwLeaflet = (function () {
             }, options));
             const legend = {
               layerId: id,
-              legend: ngwLegend.map(({ display_name, icon }) => ({
-                name: display_name,
-                symbol: icon
-              }))
+              legend: ngwLegend.map((legend2) => __spreadValues$a({
+                /** @deprecated use display_name instead */
+                name: legend2.display_name,
+                /** @deprecated use icon instead */
+                symbol: legend2.icon
+              }, legend2))
             };
             return [legend];
           }
@@ -21949,8 +22082,8 @@ var NgwLeaflet = (function () {
       return totalValue;
     }
   };
-  __publicField$d(_NgwWebmapItem, "GetAdapterFromLayerType", {});
-  __publicField$d(_NgwWebmapItem, "options", {
+  __publicField$e(_NgwWebmapItem, "GetAdapterFromLayerType", {});
+  __publicField$e(_NgwWebmapItem, "options", {
     properties: [
       {
         type: "boolean",
@@ -21990,23 +22123,23 @@ var NgwLeaflet = (function () {
   });
   let NgwWebmapItem = _NgwWebmapItem;
 
-  var __defProp$g = Object.defineProperty;
+  var __defProp$h = Object.defineProperty;
   var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
   var __hasOwnProp$a = Object.prototype.hasOwnProperty;
   var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$9 = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$a.call(b, prop))
-        __defNormalProp$g(a, prop, b[prop]);
+        __defNormalProp$h(a, prop, b[prop]);
     if (__getOwnPropSymbols$a)
       for (var prop of __getOwnPropSymbols$a(b)) {
         if (__propIsEnum$a.call(b, prop))
-          __defNormalProp$g(a, prop, b[prop]);
+          __defNormalProp$h(a, prop, b[prop]);
       }
     return a;
   };
-  var __publicField$c = (obj, key, value) => __defNormalProp$g(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$d = (obj, key, value) => __defNormalProp$h(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$b = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -22036,10 +22169,10 @@ var NgwLeaflet = (function () {
     }) {
       class OnFirstShowAdapter {
         constructor() {
-          __publicField$c(this, "options", {});
-          __publicField$c(this, "layer", []);
-          __publicField$c(this, "_removed", false);
-          __publicField$c(this, "_creatingInProgress", false);
+          __publicField$d(this, "options", {});
+          __publicField$d(this, "layer", []);
+          __publicField$d(this, "_removed", false);
+          __publicField$d(this, "_creatingInProgress", false);
         }
         addLayer() {
           return this.layer;
@@ -22167,26 +22300,26 @@ var NgwLeaflet = (function () {
 
   const WEBMAP_BASELAYER_ID_PREFIX = "webmap-baselayer";
 
-  var __defProp$f = Object.defineProperty;
+  var __defProp$g = Object.defineProperty;
   var __defProps$6 = Object.defineProperties;
   var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
   var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
   var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$8 = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$9.call(b, prop))
-        __defNormalProp$f(a, prop, b[prop]);
+        __defNormalProp$g(a, prop, b[prop]);
     if (__getOwnPropSymbols$9)
       for (var prop of __getOwnPropSymbols$9(b)) {
         if (__propIsEnum$9.call(b, prop))
-          __defNormalProp$f(a, prop, b[prop]);
+          __defNormalProp$g(a, prop, b[prop]);
       }
     return a;
   };
   var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
-  var __publicField$b = (obj, key, value) => __defNormalProp$f(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$c = (obj, key, value) => __defNormalProp$g(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$9 = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -22211,21 +22344,21 @@ var NgwLeaflet = (function () {
     constructor(map, options) {
       this.map = map;
       this.options = options;
-      __publicField$b(this, "layer");
-      __publicField$b(this, "NgwWebmapItem", NgwWebmapItem);
+      __publicField$c(this, "layer");
+      __publicField$c(this, "NgwWebmapItem", NgwWebmapItem);
       /**
        * Radius for searching objects in pixels
        */
-      __publicField$b(this, "pixelRadius", 10);
+      __publicField$c(this, "pixelRadius", 10);
       // webmapSettings.identify_radius,
-      __publicField$b(this, "resourceId");
-      __publicField$b(this, "webmapClassName", "webmap");
-      __publicField$b(this, "emitter", new EventEmitter());
-      __publicField$b(this, "_extent");
-      __publicField$b(this, "response");
-      __publicField$b(this, "_webmapLayersIds");
-      __publicField$b(this, "_webmapBaselayersIds", []);
-      __publicField$b(this, "_lastActiveBaselayer");
+      __publicField$c(this, "resourceId");
+      __publicField$c(this, "webmapClassName", "webmap");
+      __publicField$c(this, "emitter", new EventEmitter());
+      __publicField$c(this, "_extent");
+      __publicField$c(this, "response");
+      __publicField$c(this, "_webmapLayersIds");
+      __publicField$c(this, "_webmapBaselayersIds", []);
+      __publicField$c(this, "_lastActiveBaselayer");
       const r = options.resourceId;
       if (Array.isArray(r)) {
         this.resourceId = r[0];
@@ -22534,23 +22667,23 @@ var NgwLeaflet = (function () {
     }
   }
 
-  var __defProp$e = Object.defineProperty;
+  var __defProp$f = Object.defineProperty;
   var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
   var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
   var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$7 = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$8.call(b, prop))
-        __defNormalProp$e(a, prop, b[prop]);
+        __defNormalProp$f(a, prop, b[prop]);
     if (__getOwnPropSymbols$8)
       for (var prop of __getOwnPropSymbols$8(b)) {
         if (__propIsEnum$8.call(b, prop))
-          __defNormalProp$e(a, prop, b[prop]);
+          __defNormalProp$f(a, prop, b[prop]);
       }
     return a;
   };
-  var __publicField$a = (obj, key, value) => __defNormalProp$e(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$b = (obj, key, value) => __defNormalProp$f(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$8 = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -22574,9 +22707,9 @@ var NgwLeaflet = (function () {
   class NgwKit {
     constructor(options) {
       this.options = options;
-      __publicField$a(this, "url");
-      __publicField$a(this, "connector");
-      __publicField$a(this, "webMap");
+      __publicField$b(this, "url");
+      __publicField$b(this, "connector");
+      __publicField$b(this, "webMap");
       if (this.options.connector) {
         this.url = this.options.connector.options.baseUrl || "";
         this.connector = this.options.connector;
@@ -22637,37 +22770,37 @@ var NgwLeaflet = (function () {
     }
   }
 
-  var __defProp$d = Object.defineProperty;
+  var __defProp$e = Object.defineProperty;
   var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
   var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
   var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$6 = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$7.call(b, prop))
-        __defNormalProp$d(a, prop, b[prop]);
+        __defNormalProp$e(a, prop, b[prop]);
     if (__getOwnPropSymbols$7)
       for (var prop of __getOwnPropSymbols$7(b)) {
         if (__propIsEnum$7.call(b, prop))
-          __defNormalProp$d(a, prop, b[prop]);
+          __defNormalProp$e(a, prop, b[prop]);
       }
     return a;
   };
-  var __publicField$9 = (obj, key, value) => __defNormalProp$d(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __publicField$a = (obj, key, value) => __defNormalProp$e(obj, typeof key !== "symbol" ? key + "" : key, value);
   class IdentifyItem {
     constructor(options) {
-      __publicField$9(this, "id");
-      __publicField$9(this, "label");
-      __publicField$9(this, "layerId");
-      __publicField$9(this, "parent");
-      __publicField$9(this, "fields");
-      __publicField$9(this, "geom");
-      __publicField$9(this, "extensions");
-      __publicField$9(this, "connector");
-      __publicField$9(this, "_item");
-      __publicField$9(this, "_geojson");
-      __publicField$9(this, "_resource");
-      __publicField$9(this, "_extent");
+      __publicField$a(this, "id");
+      __publicField$a(this, "label");
+      __publicField$a(this, "layerId");
+      __publicField$a(this, "parent");
+      __publicField$a(this, "fields");
+      __publicField$a(this, "geom");
+      __publicField$a(this, "extensions");
+      __publicField$a(this, "connector");
+      __publicField$a(this, "_item");
+      __publicField$a(this, "_geojson");
+      __publicField$a(this, "_resource");
+      __publicField$a(this, "_extent");
       const f = options.feature;
       this.id = f.id;
       this.geom = f.geom;
@@ -22753,21 +22886,21 @@ var NgwLeaflet = (function () {
     });
   }
 
-  var __defProp$c = Object.defineProperty;
+  var __defProp$d = Object.defineProperty;
   var __defProps$5 = Object.defineProperties;
   var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
   var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
   var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __spreadValues$5 = (a, b) => {
     for (var prop in b || (b = {}))
       if (__hasOwnProp$6.call(b, prop))
-        __defNormalProp$c(a, prop, b[prop]);
+        __defNormalProp$d(a, prop, b[prop]);
     if (__getOwnPropSymbols$6)
       for (var prop of __getOwnPropSymbols$6(b)) {
         if (__propIsEnum$6.call(b, prop))
-          __defNormalProp$c(a, prop, b[prop]);
+          __defNormalProp$d(a, prop, b[prop]);
       }
     return a;
   };
@@ -22971,95 +23104,95 @@ var NgwLeaflet = (function () {
     });
   }
 
-  var __defProp$b = Object.defineProperty;
-  var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$8 = (obj, key, value) => __defNormalProp$b(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$c = Object.defineProperty;
+  var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$9 = (obj, key, value) => __defNormalProp$c(obj, typeof key !== "symbol" ? key + "" : key, value);
   class KeyCodes {
     constructor() {
-      __publicField$8(this, "backspace", 8);
-      __publicField$8(this, "tab", 9);
-      __publicField$8(this, "enter", 13);
-      __publicField$8(this, "shift", 16);
-      __publicField$8(this, "ctrl", 17);
-      __publicField$8(this, "alt", 18);
-      __publicField$8(this, "pause/break", 19);
-      __publicField$8(this, "caps_lock", 20);
-      __publicField$8(this, "escape", 27);
-      __publicField$8(this, "page_up", 33);
-      __publicField$8(this, "page_down", 34);
-      __publicField$8(this, "end", 35);
-      __publicField$8(this, "home", 36);
-      __publicField$8(this, "left_arrow", 37);
-      __publicField$8(this, "up_arrow", 38);
-      __publicField$8(this, "right_arrow", 39);
-      __publicField$8(this, "down_arrow", 40);
-      __publicField$8(this, "insert", 45);
-      __publicField$8(this, "delete", 46);
-      __publicField$8(this, "left_window_key", 91);
-      __publicField$8(this, "right_window_key", 92);
-      __publicField$8(this, "select_key", 93);
-      __publicField$8(this, "numpad_0", 96);
-      __publicField$8(this, "numpad_1", 97);
-      __publicField$8(this, "numpad_2", 98);
-      __publicField$8(this, "numpad_3", 99);
-      __publicField$8(this, "numpad_4", 100);
-      __publicField$8(this, "numpad_5", 101);
-      __publicField$8(this, "numpad_6", 102);
-      __publicField$8(this, "numpad_7", 103);
-      __publicField$8(this, "numpad_8", 104);
-      __publicField$8(this, "numpad_9", 105);
-      __publicField$8(this, "multiply", 106);
-      __publicField$8(this, "add", 107);
-      __publicField$8(this, "subtract", 109);
-      __publicField$8(this, "decimal_point", 110);
-      __publicField$8(this, "divide", 111);
-      __publicField$8(this, "f1", 112);
-      __publicField$8(this, "f2", 113);
-      __publicField$8(this, "f3", 114);
-      __publicField$8(this, "f4", 115);
-      __publicField$8(this, "f5", 116);
-      __publicField$8(this, "f6", 117);
-      __publicField$8(this, "f7", 118);
-      __publicField$8(this, "f8", 119);
-      __publicField$8(this, "f9", 120);
-      __publicField$8(this, "f10", 121);
-      __publicField$8(this, "f11", 122);
-      __publicField$8(this, "f12", 123);
-      __publicField$8(this, "num_lock", 144);
-      __publicField$8(this, "scroll_lock", 145);
-      __publicField$8(this, "semi-colon", 186);
-      __publicField$8(this, "equal_sign", 187);
-      __publicField$8(this, ",", 188);
+      __publicField$9(this, "backspace", 8);
+      __publicField$9(this, "tab", 9);
+      __publicField$9(this, "enter", 13);
+      __publicField$9(this, "shift", 16);
+      __publicField$9(this, "ctrl", 17);
+      __publicField$9(this, "alt", 18);
+      __publicField$9(this, "pause/break", 19);
+      __publicField$9(this, "caps_lock", 20);
+      __publicField$9(this, "escape", 27);
+      __publicField$9(this, "page_up", 33);
+      __publicField$9(this, "page_down", 34);
+      __publicField$9(this, "end", 35);
+      __publicField$9(this, "home", 36);
+      __publicField$9(this, "left_arrow", 37);
+      __publicField$9(this, "up_arrow", 38);
+      __publicField$9(this, "right_arrow", 39);
+      __publicField$9(this, "down_arrow", 40);
+      __publicField$9(this, "insert", 45);
+      __publicField$9(this, "delete", 46);
+      __publicField$9(this, "left_window_key", 91);
+      __publicField$9(this, "right_window_key", 92);
+      __publicField$9(this, "select_key", 93);
+      __publicField$9(this, "numpad_0", 96);
+      __publicField$9(this, "numpad_1", 97);
+      __publicField$9(this, "numpad_2", 98);
+      __publicField$9(this, "numpad_3", 99);
+      __publicField$9(this, "numpad_4", 100);
+      __publicField$9(this, "numpad_5", 101);
+      __publicField$9(this, "numpad_6", 102);
+      __publicField$9(this, "numpad_7", 103);
+      __publicField$9(this, "numpad_8", 104);
+      __publicField$9(this, "numpad_9", 105);
+      __publicField$9(this, "multiply", 106);
+      __publicField$9(this, "add", 107);
+      __publicField$9(this, "subtract", 109);
+      __publicField$9(this, "decimal_point", 110);
+      __publicField$9(this, "divide", 111);
+      __publicField$9(this, "f1", 112);
+      __publicField$9(this, "f2", 113);
+      __publicField$9(this, "f3", 114);
+      __publicField$9(this, "f4", 115);
+      __publicField$9(this, "f5", 116);
+      __publicField$9(this, "f6", 117);
+      __publicField$9(this, "f7", 118);
+      __publicField$9(this, "f8", 119);
+      __publicField$9(this, "f9", 120);
+      __publicField$9(this, "f10", 121);
+      __publicField$9(this, "f11", 122);
+      __publicField$9(this, "f12", 123);
+      __publicField$9(this, "num_lock", 144);
+      __publicField$9(this, "scroll_lock", 145);
+      __publicField$9(this, "semi-colon", 186);
+      __publicField$9(this, "equal_sign", 187);
+      __publicField$9(this, ",", 188);
       // "comma";
-      __publicField$8(this, "-", 189);
+      __publicField$9(this, "-", 189);
       // "dash";
-      __publicField$8(this, ".", 190);
+      __publicField$9(this, ".", 190);
       // "period";
-      __publicField$8(this, "/", 191);
+      __publicField$9(this, "/", 191);
       // "forward slash";
-      __publicField$8(this, "`", 192);
+      __publicField$9(this, "`", 192);
       // "grave accent";
-      __publicField$8(this, "[", 219);
+      __publicField$9(this, "[", 219);
       // "open bracket";
-      __publicField$8(this, "\\", 220);
+      __publicField$9(this, "\\", 220);
       // "back slash";
-      __publicField$8(this, "]", 221);
+      __publicField$9(this, "]", 221);
       // "close braket";
-      __publicField$8(this, "'", 222);
+      __publicField$9(this, "'", 222);
     }
     // "single quote"
   }
 
-  var __defProp$a = Object.defineProperty;
-  var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$7 = (obj, key, value) => __defNormalProp$a(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$b = Object.defineProperty;
+  var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$8 = (obj, key, value) => __defNormalProp$b(obj, typeof key !== "symbol" ? key + "" : key, value);
   class Keys {
     constructor() {
-      __publicField$7(this, "keyCodeAlias", new KeyCodes());
-      __publicField$7(this, "keys", {});
-      __publicField$7(this, "_windowOnFocus");
-      __publicField$7(this, "_keysPressed");
-      __publicField$7(this, "_keysReleased");
+      __publicField$8(this, "keyCodeAlias", new KeyCodes());
+      __publicField$8(this, "keys", {});
+      __publicField$8(this, "_windowOnFocus");
+      __publicField$8(this, "_keysPressed");
+      __publicField$8(this, "_keysReleased");
       this._windowOnFocus = this.windowOnFocus.bind(this);
       this._keysPressed = this.keysPressed.bind(this);
       this._keysReleased = this.keysReleased.bind(this);
@@ -23098,15 +23231,15 @@ var NgwLeaflet = (function () {
     }
   }
 
-  var __defProp$9 = Object.defineProperty;
-  var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __publicField$6 = (obj, key, value) => __defNormalProp$9(obj, typeof key !== "symbol" ? key + "" : key, value);
+  var __defProp$a = Object.defineProperty;
+  var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$7 = (obj, key, value) => __defNormalProp$a(obj, typeof key !== "symbol" ? key + "" : key, value);
   class StateItem {
     constructor(webMap, opt) {
       this.webMap = webMap;
-      __publicField$6(this, "name");
-      __publicField$6(this, "event");
-      __publicField$6(this, "value");
+      __publicField$7(this, "name");
+      __publicField$7(this, "event");
+      __publicField$7(this, "value");
       if (opt) {
         if (opt.value) {
           this.setValue(opt.value);
@@ -23115,7 +23248,11 @@ var NgwLeaflet = (function () {
           this.name = opt.name;
         }
         if (opt.event) {
-          this.event = opt.event;
+          if (typeof opt.event === "string") {
+            this.event = [opt.event];
+          } else {
+            this.event = opt.event;
+          }
         }
       }
     }
@@ -23127,6 +23264,34 @@ var NgwLeaflet = (function () {
     }
   }
 
+  var __defProp$9 = Object.defineProperty;
+  var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+  var __publicField$6 = (obj, key, value) => __defNormalProp$9(obj, typeof key !== "symbol" ? key + "" : key, value);
+  class BoundState extends StateItem {
+    constructor() {
+      super(...arguments);
+      __publicField$6(this, "name", "bounds");
+      __publicField$6(this, "event", ["moveend"]);
+    }
+    getValue() {
+      return this.webMap.getBounds();
+    }
+    setValue(bounds) {
+      this.webMap.setView({ bounds });
+    }
+    toString() {
+      const data = this.getValue();
+      if (data) {
+        return data.slice(0, 4).map((x) => x.toFixed(5)).join("_");
+      }
+      return void 0;
+    }
+    parse(str) {
+      const lngLat = str.split("_").map(Number);
+      return lngLat;
+    }
+  }
+
   var __defProp$8 = Object.defineProperty;
   var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
   var __publicField$5 = (obj, key, value) => __defNormalProp$8(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -23134,7 +23299,7 @@ var NgwLeaflet = (function () {
     constructor() {
       super(...arguments);
       __publicField$5(this, "name", "center");
-      __publicField$5(this, "event", "moveend");
+      __publicField$5(this, "event", ["moveend"]);
     }
     getValue() {
       return this.webMap.getCenter();
@@ -23142,9 +23307,13 @@ var NgwLeaflet = (function () {
     setValue(val) {
       this.webMap.setCenter(val);
     }
-    toString(data) {
-      const d = data.map((x) => x.toFixed(5));
-      return d[0] + "_" + d[1];
+    toString() {
+      const data = this.getValue();
+      if (data) {
+        const d = data.map((x) => x.toFixed(5));
+        return d[0] + "_" + d[1];
+      }
+      return "";
     }
     parse(str) {
       const lngLat = str.split("_").map(Number);
@@ -23159,7 +23328,7 @@ var NgwLeaflet = (function () {
     constructor() {
       super(...arguments);
       __publicField$4(this, "name", "zoom");
-      __publicField$4(this, "event", "zoomend");
+      __publicField$4(this, "event", ["zoomend"]);
     }
     getValue() {
       const zoom = this.webMap.getZoom();
@@ -23168,8 +23337,8 @@ var NgwLeaflet = (function () {
     setValue(val) {
       this.webMap.setZoom(val);
     }
-    toString(val) {
-      return String(val);
+    toString() {
+      return String(this.getValue());
     }
     parse(str) {
       return Number(str);
@@ -23238,14 +23407,14 @@ var NgwLeaflet = (function () {
       __publicField$3(this, "mapAdapter");
       __publicField$3(this, "runtimeParams", []);
       __publicField$3(this, "getPaintFunctions", _WebMapMain.getPaintFunctions);
-      __publicField$3(this, "mapState", [CenterState, ZoomState]);
+      __publicField$3(this, "mapStateItems", [CenterState, ZoomState, BoundState]);
       __publicField$3(this, "id", ID++);
       /**
        * From runtime params
        */
+      __publicField$3(this, "mapState", []);
       __publicField$3(this, "_initMapState", {});
       __publicField$3(this, "_starterKits");
-      __publicField$3(this, "_mapState", []);
       __publicField$3(this, "_extent");
       __publicField$3(this, "_eventsStatus", {});
       __publicField$3(this, "_coordFromMapClickAbort");
@@ -23280,7 +23449,7 @@ var NgwLeaflet = (function () {
     create() {
       return __async$5(this, null, function* () {
         if (!this.getEventStatus("create")) {
-          yield this._setInitMapState(this.mapState);
+          yield this._setInitMapState(this.mapStateItems);
           yield this._setupMap();
           this._emitStatusEvent("create", this);
         }
@@ -23300,16 +23469,22 @@ var NgwLeaflet = (function () {
         this.mapAdapter.destroy();
       }
     }
-    getState() {
+    mapStateWithFunc(func) {
       const state = {};
-      this._mapState.forEach((x) => {
-        state[x.name] = x.getValue();
+      this.mapState.forEach((x) => {
+        state[x.name] = func(x);
       });
       return state;
     }
+    getStateAsString() {
+      return this.mapStateWithFunc((x) => x.toString());
+    }
+    getState() {
+      return this.mapStateWithFunc((x) => x.getValue());
+    }
     getRuntimeParams() {
       const state = {};
-      this._mapState.forEach((x) => {
+      this.mapState.forEach((x) => {
         for (const r of this.runtimeParams) {
           const val = r.get(x.name);
           if (val !== void 0) {
@@ -23651,7 +23826,7 @@ var NgwLeaflet = (function () {
     _setInitMapState(states) {
       for (const X of states) {
         const state = new X(this);
-        this._mapState.push(state);
+        this.mapState.push(state);
         for (const r of this.runtimeParams) {
           const str = r.get(state.name);
           if (str !== void 0) {
@@ -23687,13 +23862,15 @@ var NgwLeaflet = (function () {
       events.forEach((x) => {
         this._mapEvents[x] = (data) => {
           if (this.runtimeParams.length) {
-            const mapStatusEvent = this._mapState.find((y) => y.event === x);
-            if (mapStatusEvent) {
-              const value = mapStatusEvent.toString(mapStatusEvent.getValue());
+            const mapStatusEvents = this.mapState.filter(
+              (y) => y.event.includes(x)
+            );
+            mapStatusEvents.forEach((mapStatusEvent) => {
+              const value = mapStatusEvent.toString();
               this.runtimeParams.forEach((r) => {
                 r.set(mapStatusEvent.name, value);
               });
-            }
+            });
           }
           if (this._eventsStatus) {
             this.emitter.emit(x, data);
@@ -24269,11 +24446,11 @@ var NgwLeaflet = (function () {
       }
       return Promise.resolve();
     }
-    updateLayer(layerDef) {
+    updateLayer(layerDef, options) {
       const layer = this.getLayer(layerDef);
       if (layer) {
         if (layer.updateLayer) {
-          return Promise.resolve(layer.updateLayer());
+          return Promise.resolve(layer.updateLayer(options));
         } else if (this.isLayerVisible(layer)) {
           return this.hideLayer(layer, { silent: true }).then(() => {
             return this.showLayer(layer, { silent: true });