@nextgis/ngw-leaflet 3.0.0-alpha.0 → 3.0.0-alpha.1

package/lib/ngw-leaflet.global.js

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/ngw-leaflet; version: 3.0.0-alpha.0; author: NextGIS */
+/** Bundle of @nextgis/ngw-leaflet; version: 3.0.0-alpha.1; author: NextGIS */
 var NgwLeaflet = (function () {
   'use strict';
 
@@ -16158,8 +16158,8 @@ var NgwLeaflet = (function () {
   }
 
   var __defProp$R = Object.defineProperty;
-  var __defProps$j = Object.defineProperties;
-  var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
+  var __defProps$l = Object.defineProperties;
+  var __getOwnPropDescs$l = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$A = Object.getOwnPropertySymbols;
   var __hasOwnProp$A = Object.prototype.hasOwnProperty;
   var __propIsEnum$A = Object.prototype.propertyIsEnumerable;
@@ -16175,7 +16175,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
+  var __spreadProps$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b));
   var __objRest$5 = (source, exclude) => {
     var target = {};
     for (var prop in source)
@@ -16270,7 +16270,7 @@ var NgwLeaflet = (function () {
       if (html) {
         element.innerHTML = html;
       }
-      const divIcon = new leafletSrcExports.DivIcon(__spreadProps$j(__spreadValues$z({
+      const divIcon = new leafletSrcExports.DivIcon(__spreadProps$l(__spreadValues$z({
         className: ""
       }, toLIconOpt), {
         html: element
@@ -16319,8 +16319,8 @@ var NgwLeaflet = (function () {
   }
 
   var __defProp$Q = Object.defineProperty;
-  var __defProps$i = Object.defineProperties;
-  var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
+  var __defProps$k = Object.defineProperties;
+  var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$z = Object.getOwnPropertySymbols;
   var __hasOwnProp$z = Object.prototype.hasOwnProperty;
   var __propIsEnum$z = Object.prototype.propertyIsEnumerable;
@@ -16336,7 +16336,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
+  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 __async$s = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
@@ -16385,7 +16385,7 @@ var NgwLeaflet = (function () {
     addLayer(options) {
       Object.assign(this.options, options);
       this.paint = options.paint;
-      this.layer = new leafletSrcExports.FeatureGroup([], __spreadProps$i(__spreadValues$y({}, options.nativeOptions), {
+      this.layer = new leafletSrcExports.FeatureGroup([], __spreadProps$k(__spreadValues$y({}, options.nativeOptions), {
         pane: this.pane
       }));
       this.selectedPaint = options.selectedPaint;
@@ -16735,7 +16735,7 @@ var NgwLeaflet = (function () {
               if (feature) {
                 return this._paint.preparePaint(__spreadValues$y(__spreadValues$y({}, PAINT), paint(feature)));
               } else {
-                return this._paint.preparePaint(__spreadProps$i(__spreadValues$y({}, PAINT), { type: "path" }));
+                return this._paint.preparePaint(__spreadProps$k(__spreadValues$y({}, PAINT), { type: "path" }));
               }
             }
           };
@@ -16895,7 +16895,11 @@ var NgwLeaflet = (function () {
     }
   }
 
-  function callAjax(src, headers) {
+  function callAjax({
+    src,
+    headers,
+    withCredentials
+  }) {
     let abortFunc = () => {
     };
     const promise = new Promise((resolve, reject) => {
@@ -16905,6 +16909,9 @@ var NgwLeaflet = (function () {
       for (const h in headers) {
         xhr.setRequestHeader(h, headers[h]);
       }
+      if (withCredentials) {
+        xhr.withCredentials = withCredentials;
+      }
       xhr.onload = function() {
         const arrayBufferView = new Uint8Array(this.response);
         const blob = new Blob([arrayBufferView], { type: "image/png" });
@@ -17027,12 +17034,16 @@ var NgwLeaflet = (function () {
     }
     _initImage() {
       super._initImage();
-      const headers = this.options.headers;
+      const { headers, withCredentials } = this.options;
       const img = this._image;
       const src = img.src;
       img.src = "";
       imageQueue.add(() => {
-        const [promise, abortFunc] = callAjax(src, headers);
+        const [promise, abortFunc] = callAjax({
+          src,
+          headers,
+          withCredentials
+        });
         promise.then((imgUrl) => {
           img.src = imgUrl;
         });
@@ -17066,6 +17077,7 @@ var NgwLeaflet = (function () {
         minZoom: 0,
         pane: "tilePane",
         headers: null,
+        withCredentials: false,
         viewPortBuffer: 0,
         setViewDelay: 100
       });
@@ -17135,7 +17147,8 @@ var NgwLeaflet = (function () {
       const overlay = new ImageOverlay(url, bounds, {
         opacity: 0,
         pane: this.options.pane,
-        headers: this.options.headers
+        headers: this.options.headers,
+        withCredentials: this.options.withCredentials
       });
       overlay.addTo(this._map);
       this._loadedOverlay = overlay;
@@ -17288,13 +17301,13 @@ var NgwLeaflet = (function () {
         }
       }
       createTile(coords, done) {
-        const url = this.getTileUrl(coords);
+        const src = this.getTileUrl(coords);
         const tile = document.createElement("img");
-        const [promise, abortFunc] = callAjax(
-          url,
-          // @ts-ignore
-          this.options.headers
-        );
+        const [promise, abortFunc] = callAjax({
+          src,
+          withCredentials: this.options.withCredentials,
+          headers: this.options.headers
+        });
         promise.then((response) => {
           tile.src = response;
           done(null, tile);
@@ -17338,8 +17351,8 @@ var NgwLeaflet = (function () {
   const TileLayer = makeRemote(TileLayerBase);
 
   var __defProp$L = Object.defineProperty;
-  var __defProps$h = Object.defineProperties;
-  var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
+  var __defProps$j = Object.defineProperties;
+  var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$x = Object.getOwnPropertySymbols;
   var __hasOwnProp$x = Object.prototype.hasOwnProperty;
   var __propIsEnum$x = Object.prototype.propertyIsEnumerable;
@@ -17355,7 +17368,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
+  var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
   var __objRest$4 = (source, exclude) => {
     var target = {};
     for (var prop in source)
@@ -17384,9 +17397,10 @@ var NgwLeaflet = (function () {
             tileLayerOptions.subdomains = opt.subdomains;
           }
           let layer;
-          if (opt.headers) {
-            layer = new TileLayer(url, __spreadProps$h(__spreadValues$w({}, tileLayerOptions), {
+          if (opt.headers || opt.withCredentials) {
+            layer = new TileLayer(url, __spreadProps$j(__spreadValues$w({}, tileLayerOptions), {
               headers: opt.headers,
+              withCredentials: opt.withCredentials,
               setViewDelay: opt.setViewDelay
             }));
           } else {
@@ -17409,8 +17423,8 @@ var NgwLeaflet = (function () {
   }
 
   var __defProp$K = Object.defineProperty;
-  var __defProps$g = Object.defineProperties;
-  var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
+  var __defProps$i = Object.defineProperties;
+  var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$w = Object.getOwnPropertySymbols;
   var __hasOwnProp$w = Object.prototype.hasOwnProperty;
   var __propIsEnum$w = Object.prototype.propertyIsEnumerable;
@@ -17426,11 +17440,11 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
+  var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
   class OsmAdapter extends TileAdapter {
     addLayer(options) {
       const url = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
-      return super.addLayer(__spreadProps$g(__spreadValues$v({
+      return super.addLayer(__spreadProps$i(__spreadValues$v({
         name: "OpenStreetMap",
         attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
       }, options), {
@@ -17447,8 +17461,8 @@ var NgwLeaflet = (function () {
   const WmsLayer = makeRemote(WmsLayerBase);
 
   var __defProp$J = Object.defineProperty;
-  var __defProps$f = Object.defineProperties;
-  var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
+  var __defProps$h = Object.defineProperties;
+  var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$v = Object.getOwnPropertySymbols;
   var __hasOwnProp$v = Object.prototype.hasOwnProperty;
   var __propIsEnum$v = Object.prototype.propertyIsEnumerable;
@@ -17464,7 +17478,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+  var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
   var __objRest$3 = (source, exclude) => {
     var target = {};
     for (var prop in source)
@@ -17492,8 +17506,11 @@ var NgwLeaflet = (function () {
           transparent: true
         }, options.nativeOptions);
         let layer;
-        if (opt.headers) {
-          layer = new WmsLayer(url, __spreadProps$f(__spreadValues$u({}, layerOptions), { headers: opt.headers }));
+        if (opt.headers || opt.withCredentials) {
+          layer = new WmsLayer(url, __spreadProps$h(__spreadValues$u({}, layerOptions), {
+            headers: opt.headers,
+            withCredentials: opt.withCredentials
+          }));
         } else {
           layer = new leafletSrcExports.TileLayer.WMS(url, layerOptions);
         }
@@ -18609,8 +18626,8 @@ var NgwLeaflet = (function () {
   }
 
   var __defProp$A = Object.defineProperty;
-  var __defProps$e = Object.defineProperties;
-  var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
+  var __defProps$g = Object.defineProperties;
+  var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
   var __hasOwnProp$r = Object.prototype.hasOwnProperty;
   var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
@@ -18626,7 +18643,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
+  var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
   var __objRest$2 = (source, exclude) => {
     var target = {};
     for (var prop in source)
@@ -18670,6 +18687,7 @@ var NgwLeaflet = (function () {
       __publicField$p(this, "user");
       __publicField$p(this, "resources");
       __publicField$p(this, "cache");
+      __publicField$p(this, "withCredentials");
       __publicField$p(this, "routeStr", "/api/component/pyramid/route");
       __publicField$p(this, "activeRequests", {});
       __publicField$p(this, "requestTransform");
@@ -18678,11 +18696,15 @@ var NgwLeaflet = (function () {
       if (exist) {
         return exist;
       } else {
-        if (this.options.route) {
-          this.routeStr = this.options.route;
+        const { route, requestTransform, withCredentials } = this.options;
+        if (route) {
+          this.routeStr = route;
         }
-        if (this.options.requestTransform) {
-          this.requestTransform = this.options.requestTransform;
+        if (requestTransform) {
+          this.requestTransform = requestTransform;
+        }
+        if (withCredentials !== void 0) {
+          this.withCredentials = withCredentials;
         }
         this.resources = new ResourcesControl({
           connector: this,
@@ -18956,6 +18978,7 @@ var NgwLeaflet = (function () {
           url = template(url, restParams);
         }
         url = encodeURI(fixUrlStr(url));
+        options = __spreadValues$q({ withCredentials: this.withCredentials }, options);
         const {
           cache,
           signal: externalSignal,
@@ -18987,7 +19010,7 @@ var NgwLeaflet = (function () {
           }
         });
         if (cache && method === "GET") {
-          const cacheOptions = cacheProps ? cacheProps : __spreadProps$e(__spreadValues$q({}, objectRemoveEmpty({
+          const cacheOptions = cacheProps ? cacheProps : __spreadProps$g(__spreadValues$q({}, objectRemoveEmpty({
             headers,
             withCredentials,
             responseType,
@@ -19155,8 +19178,8 @@ var NgwLeaflet = (function () {
   });
 
   var __defProp$z = Object.defineProperty;
-  var __defProps$d = Object.defineProperties;
-  var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+  var __defProps$f = Object.defineProperties;
+  var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
   var __hasOwnProp$q = Object.prototype.hasOwnProperty;
   var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
@@ -19172,7 +19195,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+  var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
   var __async$o = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -19277,13 +19300,13 @@ var NgwLeaflet = (function () {
       for (const f of filters_) {
         if (isPropertyFilter(f)) {
           _queries.push(
-            fetchNgwLayerItemsRequest(__spreadProps$d(__spreadValues$p({}, opt), {
+            fetchNgwLayerItemsRequest(__spreadProps$f(__spreadValues$p({}, opt), {
               paramList: [..._parentAllParams, ...paramList, createParam(f)]
             }))
           );
         } else {
           getQueries(
-            __spreadProps$d(__spreadValues$p({}, opt), {
+            __spreadProps$f(__spreadValues$p({}, opt), {
               filters: f
             }),
             _queries,
@@ -19304,7 +19327,7 @@ var NgwLeaflet = (function () {
       if (propertiesFilterList.length) {
         for (const x of propertiesFilterList) {
           getQueries(
-            __spreadProps$d(__spreadValues$p({}, opt), {
+            __spreadProps$f(__spreadValues$p({}, opt), {
               filters: x
             }),
             _queries,
@@ -19313,7 +19336,7 @@ var NgwLeaflet = (function () {
         }
       } else {
         _queries.push(
-          fetchNgwLayerItemsRequest(__spreadProps$d(__spreadValues$p({}, opt), {
+          fetchNgwLayerItemsRequest(__spreadProps$f(__spreadValues$p({}, opt), {
             paramList: [..._parentAllParams, ...paramList, ...filters2]
           }))
         );
@@ -19379,8 +19402,8 @@ var NgwLeaflet = (function () {
   }
 
   var __defProp$y = Object.defineProperty;
-  var __defProps$c = Object.defineProperties;
-  var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+  var __defProps$e = Object.defineProperties;
+  var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
   var __hasOwnProp$p = Object.prototype.hasOwnProperty;
   var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
@@ -19396,7 +19419,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+  var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
   var __async$n = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -19434,16 +19457,16 @@ var NgwLeaflet = (function () {
         if (resp.geom) {
           return createGeoJsonFeature(resp);
         } else {
-          const onlyGeomItem = yield fetchNgwLayerItem(__spreadProps$c(__spreadValues$o({}, options), {
+          const onlyGeomItem = yield fetchNgwLayerItem(__spreadProps$e(__spreadValues$o({}, options), {
             geom: true,
             fields: null,
             extensions: null
           }));
           const geom = onlyGeomItem.geom;
-          return createGeoJsonFeature(__spreadProps$c(__spreadValues$o({}, resp), { geom }));
+          return createGeoJsonFeature(__spreadProps$e(__spreadValues$o({}, resp), { geom }));
         }
       });
-      return __spreadProps$c(__spreadValues$o({}, resp), {
+      return __spreadProps$e(__spreadValues$o({}, resp), {
         toGeojson
       });
     });
@@ -20100,8 +20123,8 @@ var NgwLeaflet = (function () {
   }
 
   var __defProp$r = Object.defineProperty;
-  var __defProps$b = Object.defineProperties;
-  var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+  var __defProps$d = Object.defineProperties;
+  var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
   var __hasOwnProp$k = Object.prototype.hasOwnProperty;
   var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
@@ -20117,7 +20140,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+  var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
   function getNgwWebmapExtent(webmap) {
     const bottom = webmap["extent_bottom"];
     const left = webmap["extent_left"];
@@ -20185,14 +20208,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$b(__spreadValues$j({}, options), {
+            return fetchNgwLayerExtent(__spreadProps$d(__spreadValues$j({}, options), {
               resourceId: res.resource.id,
               connector
             }));
           }
         });
       } else {
-        return fetchNgwLayerExtent(__spreadProps$b(__spreadValues$j({}, options), {
+        return fetchNgwLayerExtent(__spreadProps$d(__spreadValues$j({}, options), {
           resourceId: resource.id,
           connector
         }));
@@ -20514,8 +20537,8 @@ var NgwLeaflet = (function () {
   });
 
   var __defProp$n = Object.defineProperty;
-  var __defProps$a = Object.defineProperties;
-  var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+  var __defProps$c = Object.defineProperties;
+  var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
   var __getProtoOf$2 = Object.getPrototypeOf;
   var __hasOwnProp$h = Object.prototype.hasOwnProperty;
@@ -20533,7 +20556,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+  var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(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) => {
@@ -20578,7 +20601,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$a(__spreadValues$g({}, opt), { url }));
+                  return __superGet$2(BasemapTileAdapter.prototype, this, "addLayer").call(this, __spreadProps$c(__spreadValues$g({}, opt), { url }));
                 });
               }
             }
@@ -20658,8 +20681,8 @@ var NgwLeaflet = (function () {
   }
 
   var __defProp$m = Object.defineProperty;
-  var __defProps$9 = Object.defineProperties;
-  var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+  var __defProps$b = Object.defineProperties;
+  var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
   var __hasOwnProp$g = Object.prototype.hasOwnProperty;
   var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
@@ -20675,7 +20698,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+  var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
   var __async$i = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -20701,13 +20724,13 @@ var NgwLeaflet = (function () {
       var _a;
       const filters = options.filters;
       if (filters) {
-        let data = yield createFeatureFieldFilterQueries(__spreadProps$9(__spreadValues$f({}, options), {
+        let data = yield createFeatureFieldFilterQueries(__spreadProps$b(__spreadValues$f({}, options), {
           filters
         }));
         const clientFilterValidate = (_a = options.clientFilterValidate) != null ? _a : isFilterWithAnyCase(filters);
         if (clientFilterValidate) {
           data = data.filter((y) => {
-            const fields = prepareNgwFieldsToPropertiesFilter(__spreadProps$9(__spreadValues$f({}, y.fields), {
+            const fields = prepareNgwFieldsToPropertiesFilter(__spreadProps$b(__spreadValues$f({}, y.fields), {
               id: y.id
             }));
             const result = propertiesFilter(fields, filters);
@@ -20796,8 +20819,8 @@ var NgwLeaflet = (function () {
   }
 
   var __defProp$l = Object.defineProperty;
-  var __defProps$8 = Object.defineProperties;
-  var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+  var __defProps$a = Object.defineProperties;
+  var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
   var __getProtoOf$1 = Object.getPrototypeOf;
   var __hasOwnProp$f = Object.prototype.hasOwnProperty;
@@ -20815,7 +20838,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+  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 __superGet$1 = (cls, obj, key) => __reflectGet$1(__getProtoOf$1(cls), key, obj);
   var __async$g = (__this, __arguments, generator) => {
@@ -20994,7 +21017,7 @@ var NgwLeaflet = (function () {
             try {
               this.emitter.emit("preupdate", filterArgs);
               webMap._emitLayerEvent("layer:preupdate", options.id || "", filterArgs);
-              const data = yield getData(filterArgs.filters, __spreadProps$8(__spreadValues$e({}, filterArgs.options), {
+              const data = yield getData(filterArgs.filters, __spreadProps$a(__spreadValues$e({}, filterArgs.options), {
                 srs: this.options.srs
               }));
               let newData = data;
@@ -21047,7 +21070,7 @@ var NgwLeaflet = (function () {
               if (this.clearLayer) {
                 this.clearLayer();
               }
-              const data = yield getData(filters, __spreadProps$8(__spreadValues$e({}, opt), {
+              const data = yield getData(filters, __spreadProps$a(__spreadValues$e({}, opt), {
                 srs: this.options.srs
               }));
               this.setData(data);
@@ -21237,8 +21260,8 @@ var NgwLeaflet = (function () {
   }
 
   var __defProp$k = Object.defineProperty;
-  var __defProps$7 = Object.defineProperties;
-  var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+  var __defProps$9 = Object.defineProperties;
+  var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
   var __hasOwnProp$e = Object.prototype.hasOwnProperty;
   var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
@@ -21254,7 +21277,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+  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 __async$e = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
@@ -21318,7 +21341,7 @@ var NgwLeaflet = (function () {
               baseUrl: connector.options.baseUrl || ""
             });
             if (opt) {
-              const layerAdapterOptions = __spreadProps$7(__spreadValues$d(__spreadValues$d({}, opt), layerOptions.adapterOptions), {
+              const layerAdapterOptions = __spreadProps$9(__spreadValues$d(__spreadValues$d({}, opt), layerOptions.adapterOptions), {
                 params: { resource: resourceId },
                 layers: opt.layers || String(resourceId),
                 resourceId
@@ -21376,8 +21399,8 @@ var NgwLeaflet = (function () {
   }
 
   var __defProp$j = Object.defineProperty;
-  var __defProps$6 = Object.defineProperties;
-  var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+  var __defProps$8 = Object.defineProperties;
+  var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
   var __hasOwnProp$d = Object.prototype.hasOwnProperty;
   var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
@@ -21393,7 +21416,7 @@ var NgwLeaflet = (function () {
       }
     return a;
   };
-  var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+  var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
   var __async$d = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -21441,7 +21464,7 @@ var NgwLeaflet = (function () {
       const firstStyle = childrenStyles && childrenStyles[0];
       if (firstStyle) {
         return createAsyncAdapter(
-          __spreadProps$6(__spreadValues$c({}, layerOptions), { resource: firstStyle.resource.id }),
+          __spreadProps$8(__spreadValues$c({}, layerOptions), { resource: firstStyle.resource.id }),
           webMap,
           connector
         );
@@ -21464,13 +21487,13 @@ var NgwLeaflet = (function () {
         }
         if (item) {
           const cls = item.resource.cls;
-          const layerOptions = __spreadProps$6(__spreadValues$c({}, options), {
+          const layerOptions = __spreadProps$8(__spreadValues$c({}, options), {
             resource: resourceId
           });
           const adapterOptions = {
             layerOptions,
-            webMap,
             connector,
+            webMap,
             item
           };
           if (supportCls.indexOf(cls) !== -1) {
@@ -21501,10 +21524,10 @@ var NgwLeaflet = (function () {
                   item.resource.parent.id
                 );
                 if (parentItem) {
-                  const parentOptions = __spreadProps$6(__spreadValues$c({}, options), {
+                  const parentOptions = __spreadProps$8(__spreadValues$c({}, options), {
                     resource: item.resource.parent.id
                   });
-                  adapter = createGeoJsonAdapter(__spreadProps$6(__spreadValues$c({}, adapterOptions), {
+                  adapter = createGeoJsonAdapter(__spreadProps$8(__spreadValues$c({}, adapterOptions), {
                     item: parentItem,
                     layerOptions: parentOptions
                   }));
@@ -21593,6 +21616,9 @@ var NgwLeaflet = (function () {
     if (headers) {
       options.headers = headers;
     }
+    if (connector.withCredentials !== void 0) {
+      options.withCredentials = connector.withCredentials;
+    }
     return createAsyncAdapter(options, webMap, connector);
   }
   function extendNgwWebmapLayerAdapter(opt) {
@@ -21630,6 +21656,8 @@ var NgwLeaflet = (function () {
   }
 
   var __defProp$h = 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;
@@ -21645,6 +21673,7 @@ var NgwLeaflet = (function () {
       }
     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 __async$c = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
@@ -21750,14 +21779,12 @@ var NgwLeaflet = (function () {
     getItemOptions(item) {
       const transparency = item.item_type === "layer" && item.layer_transparency;
       const opacity = typeof transparency === "number" ? (100 - transparency) / 100 : void 0;
-      const options = {
+      const options = __spreadProps$7(__spreadValues$a({
         visibility: false,
-        name: item.display_name,
-        headers: this.options.headers,
-        crossOrigin: this.options.crossOrigin,
-        setViewDelay: this.options.setViewDelay,
+        name: item.display_name
+      }, this.options), {
         params: { resource: this.item.resourceId, item: this.item }
-      };
+      });
       if (this.options.order) {
         const subOrder = this.options.drawOrderEnabled && "draw_order_position" in item ? this._rootDescendantsCount - item.draw_order_position : this.id;
         const subLevel = String(subOrder).padStart(4, "0");
@@ -21768,17 +21795,16 @@ var NgwLeaflet = (function () {
       }
       if (item.item_type === "layer") {
         const { maxZoom, minZoom } = this._getZoomRange(item);
-        Object.assign(options, {
-          updateWmsParams: item.updateWmsParams,
+        Object.assign(options, __spreadProps$7(__spreadValues$a({
+          updateWmsParams: item.updateWmsParams
+        }, this.options), {
           url: item.url,
-          headers: this.options.headers,
-          ratio: this.options.ratio,
           maxZoom,
           minZoom,
           minScale: item.layer_min_scale_denom,
           maxScale: item.layer_max_scale_denom,
           interactive: item.layer_identifiable
-        });
+        }));
       }
       if (opacity !== void 0) {
         options.opacity = opacity;
@@ -22084,6 +22110,8 @@ var NgwLeaflet = (function () {
   const WEBMAP_BASELAYER_ID_PREFIX = "webmap-baselayer";
 
   var __defProp$f = 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;
@@ -22099,6 +22127,7 @@ var NgwLeaflet = (function () {
       }
     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 __async$9 = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
@@ -22297,35 +22326,32 @@ var NgwLeaflet = (function () {
     }
     _getWebMapLayerItem() {
       return __async$9(this, null, function* () {
-        if (this.resourceId) {
-          const webmap = yield this.getWebMapConfig(this.resourceId);
-          if (webmap && webmap.root_item) {
-            return new Promise((resolve) => {
-              const options = {};
-              if (this.options.connector && this.options.connector.options.auth) {
-                const headers = this.options.connector.getAuthorizationHeaders();
-                if (headers) {
-                  options.headers = headers;
-                }
-              }
-              options.setViewDelay = this.options.setViewDelay;
-              options.order = this.options.order;
-              options.ratio = this.options.ratio;
-              options.crossOrigin = this.options.crossOrigin;
-              options.minZoom = this.options.minZoom;
-              options.maxZoom = this.options.maxZoom;
-              options.drawOrderEnabled = webmap.draw_order_enabled;
-              options.popupOptions = this.options.popupOptions;
-              const layer = new this.NgwWebmapItem(
-                this.options.webMap,
-                webmap.root_item,
-                options,
-                this.options.connector
-              );
-              layer.emitter.on("init", () => resolve(layer));
-            });
-          }
-        }
+        if (!this.resourceId) {
+          return void 0;
+        }
+        const webmap = yield this.getWebMapConfig(this.resourceId);
+        if (!webmap || !webmap.root_item) {
+          return void 0;
+        }
+        return new Promise((resolve) => {
+          const connector = this.options.connector;
+          const headers = (connector == null ? void 0 : connector.options.auth) ? connector.getAuthorizationHeaders() : void 0;
+          const withCredentials = connector.withCredentials;
+          const options = __spreadProps$6(__spreadValues$8({}, this.options), {
+            withCredentials,
+            headers,
+            drawOrderEnabled: webmap.draw_order_enabled
+          });
+          const layer = new this.NgwWebmapItem(
+            this.options.webMap,
+            webmap.root_item,
+            options,
+            connector
+          );
+          layer.emitter.on("init", () => {
+            resolve(layer);
+          });
+        });
       });
     }
     getWebMapConfig(id) {
@@ -25081,7 +25107,8 @@ var NgwLeaflet = (function () {
     if (!options.connector) {
       options.connector = new NgwConnector({
         baseUrl: options.baseUrl || "",
-        auth: options.auth
+        auth: options.auth,
+        withCredentials: options.withCredentials
       });
     } else if (options.connector) {
       options.baseUrl = options.connector.options.baseUrl;