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

package/lib/ngw-map.global.js

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/ngw-map; version: 3.0.0-alpha.0; author: NextGIS */
+/** Bundle of @nextgis/ngw-map; version: 3.0.0-alpha.1; author: NextGIS */
 var NgwMap = (function (exports) {
   'use strict';
 
@@ -1505,8 +1505,8 @@ var NgwMap = (function (exports) {
   }
 
   var __defProp$D = Object.defineProperty;
-  var __defProps$d = Object.defineProperties;
-  var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+  var __defProps$f = Object.defineProperties;
+  var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$u = Object.getOwnPropertySymbols;
   var __hasOwnProp$u = Object.prototype.hasOwnProperty;
   var __propIsEnum$u = Object.prototype.propertyIsEnumerable;
@@ -1522,7 +1522,7 @@ var NgwMap = (function (exports) {
       }
     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 __objRest$2 = (source, exclude) => {
     var target = {};
     for (var prop in source)
@@ -1566,6 +1566,7 @@ var NgwMap = (function (exports) {
       __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");
@@ -1574,11 +1575,15 @@ var NgwMap = (function (exports) {
       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,
@@ -1852,6 +1857,7 @@ var NgwMap = (function (exports) {
           url = template(url, restParams);
         }
         url = encodeURI(fixUrlStr(url));
+        options = __spreadValues$t({ withCredentials: this.withCredentials }, options);
         const {
           cache,
           signal: externalSignal,
@@ -1883,7 +1889,7 @@ var NgwMap = (function (exports) {
           }
         });
         if (cache && method === "GET") {
-          const cacheOptions = cacheProps ? cacheProps : __spreadProps$d(__spreadValues$t({}, objectRemoveEmpty({
+          const cacheOptions = cacheProps ? cacheProps : __spreadProps$f(__spreadValues$t({}, objectRemoveEmpty({
             headers,
             withCredentials,
             responseType,
@@ -2145,8 +2151,8 @@ var NgwMap = (function (exports) {
   }
 
   var __defProp$B = Object.defineProperty;
-  var __defProps$c = Object.defineProperties;
-  var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+  var __defProps$e = Object.defineProperties;
+  var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
   var __hasOwnProp$s = Object.prototype.hasOwnProperty;
   var __propIsEnum$s = Object.prototype.propertyIsEnumerable;
@@ -2162,7 +2168,7 @@ var NgwMap = (function (exports) {
       }
     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$p = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -2267,13 +2273,13 @@ var NgwMap = (function (exports) {
       for (const f of filters_) {
         if (isPropertyFilter(f)) {
           _queries.push(
-            fetchNgwLayerItemsRequest(__spreadProps$c(__spreadValues$r({}, opt), {
+            fetchNgwLayerItemsRequest(__spreadProps$e(__spreadValues$r({}, opt), {
               paramList: [..._parentAllParams, ...paramList, createParam(f)]
             }))
           );
         } else {
           getQueries(
-            __spreadProps$c(__spreadValues$r({}, opt), {
+            __spreadProps$e(__spreadValues$r({}, opt), {
               filters: f
             }),
             _queries,
@@ -2294,7 +2300,7 @@ var NgwMap = (function (exports) {
       if (propertiesFilterList.length) {
         for (const x of propertiesFilterList) {
           getQueries(
-            __spreadProps$c(__spreadValues$r({}, opt), {
+            __spreadProps$e(__spreadValues$r({}, opt), {
               filters: x
             }),
             _queries,
@@ -2303,7 +2309,7 @@ var NgwMap = (function (exports) {
         }
       } else {
         _queries.push(
-          fetchNgwLayerItemsRequest(__spreadProps$c(__spreadValues$r({}, opt), {
+          fetchNgwLayerItemsRequest(__spreadProps$e(__spreadValues$r({}, opt), {
             paramList: [..._parentAllParams, ...paramList, ...filters2]
           }))
         );
@@ -2369,8 +2375,8 @@ var NgwMap = (function (exports) {
   }
 
   var __defProp$A = Object.defineProperty;
-  var __defProps$b = Object.defineProperties;
-  var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+  var __defProps$d = Object.defineProperties;
+  var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
   var __hasOwnProp$r = Object.prototype.hasOwnProperty;
   var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
@@ -2386,7 +2392,7 @@ var NgwMap = (function (exports) {
       }
     return a;
   };
-  var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+  var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
   var __async$o = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -2424,16 +2430,16 @@ var NgwMap = (function (exports) {
         if (resp.geom) {
           return createGeoJsonFeature(resp);
         } else {
-          const onlyGeomItem = yield fetchNgwLayerItem(__spreadProps$b(__spreadValues$q({}, options), {
+          const onlyGeomItem = yield fetchNgwLayerItem(__spreadProps$d(__spreadValues$q({}, options), {
             geom: true,
             fields: null,
             extensions: null
           }));
           const geom = onlyGeomItem.geom;
-          return createGeoJsonFeature(__spreadProps$b(__spreadValues$q({}, resp), { geom }));
+          return createGeoJsonFeature(__spreadProps$d(__spreadValues$q({}, resp), { geom }));
         }
       });
-      return __spreadProps$b(__spreadValues$q({}, resp), {
+      return __spreadProps$d(__spreadValues$q({}, resp), {
         toGeojson
       });
     });
@@ -3090,8 +3096,8 @@ var NgwMap = (function (exports) {
   }
 
   var __defProp$t = Object.defineProperty;
-  var __defProps$a = Object.defineProperties;
-  var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+  var __defProps$c = Object.defineProperties;
+  var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
   var __hasOwnProp$m = Object.prototype.hasOwnProperty;
   var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
@@ -3107,7 +3113,7 @@ var NgwMap = (function (exports) {
       }
     return a;
   };
-  var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+  var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
   function getNgwWebmapExtent(webmap) {
     const bottom = webmap["extent_bottom"];
     const left = webmap["extent_left"];
@@ -3175,14 +3181,14 @@ var NgwMap = (function (exports) {
       if (resource.cls && resource.cls.indexOf("style") !== -1) {
         return connector.getResource(resource.parent.id, options).then((res) => {
           if (res) {
-            return fetchNgwLayerExtent(__spreadProps$a(__spreadValues$l({}, options), {
+            return fetchNgwLayerExtent(__spreadProps$c(__spreadValues$l({}, options), {
               resourceId: res.resource.id,
               connector
             }));
           }
         });
       } else {
-        return fetchNgwLayerExtent(__spreadProps$a(__spreadValues$l({}, options), {
+        return fetchNgwLayerExtent(__spreadProps$c(__spreadValues$l({}, options), {
           resourceId: resource.id,
           connector
         }));
@@ -3504,8 +3510,8 @@ var NgwMap = (function (exports) {
   });
 
   var __defProp$p = Object.defineProperty;
-  var __defProps$9 = Object.defineProperties;
-  var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+  var __defProps$b = Object.defineProperties;
+  var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
   var __getProtoOf$2 = Object.getPrototypeOf;
   var __hasOwnProp$j = Object.prototype.hasOwnProperty;
@@ -3523,7 +3529,7 @@ var NgwMap = (function (exports) {
       }
     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 __superGet$2 = (cls, obj, key) => __reflectGet$2(__getProtoOf$2(cls), key, obj);
   var __async$k = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
@@ -3568,7 +3574,7 @@ var NgwMap = (function (exports) {
             class BasemapTileAdapter extends TileAdapter {
               addLayer(opt) {
                 return __async$k(this, null, function* () {
-                  return __superGet$2(BasemapTileAdapter.prototype, this, "addLayer").call(this, __spreadProps$9(__spreadValues$i({}, opt), { url }));
+                  return __superGet$2(BasemapTileAdapter.prototype, this, "addLayer").call(this, __spreadProps$b(__spreadValues$i({}, opt), { url }));
                 });
               }
             }
@@ -3648,8 +3654,8 @@ var NgwMap = (function (exports) {
   }
 
   var __defProp$o = Object.defineProperty;
-  var __defProps$8 = Object.defineProperties;
-  var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+  var __defProps$a = Object.defineProperties;
+  var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
   var __hasOwnProp$i = Object.prototype.hasOwnProperty;
   var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
@@ -3665,7 +3671,7 @@ var NgwMap = (function (exports) {
       }
     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 __async$j = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -3691,13 +3697,13 @@ var NgwMap = (function (exports) {
       var _a;
       const filters = options.filters;
       if (filters) {
-        let data = yield createFeatureFieldFilterQueries(__spreadProps$8(__spreadValues$h({}, options), {
+        let data = yield createFeatureFieldFilterQueries(__spreadProps$a(__spreadValues$h({}, options), {
           filters
         }));
         const clientFilterValidate = (_a = options.clientFilterValidate) != null ? _a : isFilterWithAnyCase(filters);
         if (clientFilterValidate) {
           data = data.filter((y) => {
-            const fields = prepareNgwFieldsToPropertiesFilter(__spreadProps$8(__spreadValues$h({}, y.fields), {
+            const fields = prepareNgwFieldsToPropertiesFilter(__spreadProps$a(__spreadValues$h({}, y.fields), {
               id: y.id
             }));
             const result = propertiesFilter(fields, filters);
@@ -3786,8 +3792,8 @@ var NgwMap = (function (exports) {
   }
 
   var __defProp$n = Object.defineProperty;
-  var __defProps$7 = Object.defineProperties;
-  var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+  var __defProps$9 = Object.defineProperties;
+  var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
   var __getProtoOf$1 = Object.getPrototypeOf;
   var __hasOwnProp$h = Object.prototype.hasOwnProperty;
@@ -3805,7 +3811,7 @@ var NgwMap = (function (exports) {
       }
     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$f = (obj, key, value) => __defNormalProp$n(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __superGet$1 = (cls, obj, key) => __reflectGet$1(__getProtoOf$1(cls), key, obj);
   var __async$h = (__this, __arguments, generator) => {
@@ -3984,7 +3990,7 @@ var NgwMap = (function (exports) {
             try {
               this.emitter.emit("preupdate", filterArgs);
               webMap._emitLayerEvent("layer:preupdate", options.id || "", filterArgs);
-              const data = yield getData(filterArgs.filters, __spreadProps$7(__spreadValues$g({}, filterArgs.options), {
+              const data = yield getData(filterArgs.filters, __spreadProps$9(__spreadValues$g({}, filterArgs.options), {
                 srs: this.options.srs
               }));
               let newData = data;
@@ -4037,7 +4043,7 @@ var NgwMap = (function (exports) {
               if (this.clearLayer) {
                 this.clearLayer();
               }
-              const data = yield getData(filters, __spreadProps$7(__spreadValues$g({}, opt), {
+              const data = yield getData(filters, __spreadProps$9(__spreadValues$g({}, opt), {
                 srs: this.options.srs
               }));
               this.setData(data);
@@ -4227,8 +4233,8 @@ var NgwMap = (function (exports) {
   }
 
   var __defProp$m = Object.defineProperty;
-  var __defProps$6 = Object.defineProperties;
-  var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+  var __defProps$8 = Object.defineProperties;
+  var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
   var __hasOwnProp$g = Object.prototype.hasOwnProperty;
   var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
@@ -4244,7 +4250,7 @@ var NgwMap = (function (exports) {
       }
     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 __publicField$e = (obj, key, value) => __defNormalProp$m(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$f = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
@@ -4308,7 +4314,7 @@ var NgwMap = (function (exports) {
               baseUrl: connector.options.baseUrl || ""
             });
             if (opt) {
-              const layerAdapterOptions = __spreadProps$6(__spreadValues$f(__spreadValues$f({}, opt), layerOptions.adapterOptions), {
+              const layerAdapterOptions = __spreadProps$8(__spreadValues$f(__spreadValues$f({}, opt), layerOptions.adapterOptions), {
                 params: { resource: resourceId },
                 layers: opt.layers || String(resourceId),
                 resourceId
@@ -4366,8 +4372,8 @@ var NgwMap = (function (exports) {
   }
 
   var __defProp$l = Object.defineProperty;
-  var __defProps$5 = Object.defineProperties;
-  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+  var __defProps$7 = Object.defineProperties;
+  var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
   var __hasOwnProp$f = Object.prototype.hasOwnProperty;
   var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
@@ -4383,7 +4389,7 @@ var NgwMap = (function (exports) {
       }
     return a;
   };
-  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+  var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
   var __async$e = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
       var fulfilled = (value) => {
@@ -4431,7 +4437,7 @@ var NgwMap = (function (exports) {
       const firstStyle = childrenStyles && childrenStyles[0];
       if (firstStyle) {
         return createAsyncAdapter(
-          __spreadProps$5(__spreadValues$e({}, layerOptions), { resource: firstStyle.resource.id }),
+          __spreadProps$7(__spreadValues$e({}, layerOptions), { resource: firstStyle.resource.id }),
           webMap,
           connector
         );
@@ -4454,13 +4460,13 @@ var NgwMap = (function (exports) {
         }
         if (item) {
           const cls = item.resource.cls;
-          const layerOptions = __spreadProps$5(__spreadValues$e({}, options), {
+          const layerOptions = __spreadProps$7(__spreadValues$e({}, options), {
             resource: resourceId
           });
           const adapterOptions = {
             layerOptions,
-            webMap,
             connector,
+            webMap,
             item
           };
           if (supportCls.indexOf(cls) !== -1) {
@@ -4491,10 +4497,10 @@ var NgwMap = (function (exports) {
                   item.resource.parent.id
                 );
                 if (parentItem) {
-                  const parentOptions = __spreadProps$5(__spreadValues$e({}, options), {
+                  const parentOptions = __spreadProps$7(__spreadValues$e({}, options), {
                     resource: item.resource.parent.id
                   });
-                  adapter = createGeoJsonAdapter(__spreadProps$5(__spreadValues$e({}, adapterOptions), {
+                  adapter = createGeoJsonAdapter(__spreadProps$7(__spreadValues$e({}, adapterOptions), {
                     item: parentItem,
                     layerOptions: parentOptions
                   }));
@@ -4583,6 +4589,9 @@ var NgwMap = (function (exports) {
     if (headers) {
       options.headers = headers;
     }
+    if (connector.withCredentials !== void 0) {
+      options.withCredentials = connector.withCredentials;
+    }
     return createAsyncAdapter(options, webMap, connector);
   }
   function extendNgwWebmapLayerAdapter(opt) {
@@ -4620,6 +4629,8 @@ var NgwMap = (function (exports) {
   }
 
   var __defProp$j = Object.defineProperty;
+  var __defProps$6 = Object.defineProperties;
+  var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
   var __hasOwnProp$d = Object.prototype.hasOwnProperty;
   var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
@@ -4635,6 +4646,7 @@ var NgwMap = (function (exports) {
       }
     return a;
   };
+  var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
   var __publicField$d = (obj, key, value) => __defNormalProp$j(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$d = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
@@ -4740,14 +4752,12 @@ var NgwMap = (function (exports) {
     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$6(__spreadValues$c({
         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");
@@ -4758,17 +4768,16 @@ var NgwMap = (function (exports) {
       }
       if (item.item_type === "layer") {
         const { maxZoom, minZoom } = this._getZoomRange(item);
-        Object.assign(options, {
-          updateWmsParams: item.updateWmsParams,
+        Object.assign(options, __spreadProps$6(__spreadValues$c({
+          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;
@@ -5074,6 +5083,8 @@ var NgwMap = (function (exports) {
   const WEBMAP_BASELAYER_ID_PREFIX = "webmap-baselayer";
 
   var __defProp$h = Object.defineProperty;
+  var __defProps$5 = Object.defineProperties;
+  var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
   var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
   var __hasOwnProp$b = Object.prototype.hasOwnProperty;
   var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
@@ -5089,6 +5100,7 @@ var NgwMap = (function (exports) {
       }
     return a;
   };
+  var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
   var __publicField$b = (obj, key, value) => __defNormalProp$h(obj, typeof key !== "symbol" ? key + "" : key, value);
   var __async$a = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
@@ -5287,35 +5299,32 @@ var NgwMap = (function (exports) {
     }
     _getWebMapLayerItem() {
       return __async$a(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$5(__spreadValues$a({}, 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) {
@@ -8962,7 +8971,8 @@ var NgwMap = (function (exports) {
     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;