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

package/lib/ngw-map.esm-browser.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 domain;
 
 // This constructor is used to store event handlers. Instantiating this is
@@ -1502,8 +1502,8 @@ let loadData;
 }
 
 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;
@@ -1519,7 +1519,7 @@ var __spreadValues$t = (a, b) => {
     }
   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)
@@ -1563,6 +1563,7 @@ class NgwConnector {
     __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");
@@ -1571,11 +1572,15 @@ class NgwConnector {
     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,
@@ -1849,6 +1854,7 @@ class NgwConnector {
         url = template(url, restParams);
       }
       url = encodeURI(fixUrlStr(url));
+      options = __spreadValues$t({ withCredentials: this.withCredentials }, options);
       const {
         cache,
         signal: externalSignal,
@@ -1880,7 +1886,7 @@ class NgwConnector {
         }
       });
       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,
@@ -2142,8 +2148,8 @@ function propertiesFilter(properties, filters) {
 }
 
 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;
@@ -2159,7 +2165,7 @@ var __spreadValues$r = (a, b) => {
     }
   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) => {
@@ -2264,13 +2270,13 @@ function getQueries(opt, _queries = [], _parentAllParams = []) {
     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,
@@ -2291,7 +2297,7 @@ function getQueries(opt, _queries = [], _parentAllParams = []) {
     if (propertiesFilterList.length) {
       for (const x of propertiesFilterList) {
         getQueries(
-          __spreadProps$c(__spreadValues$r({}, opt), {
+          __spreadProps$e(__spreadValues$r({}, opt), {
             filters: x
           }),
           _queries,
@@ -2300,7 +2306,7 @@ function getQueries(opt, _queries = [], _parentAllParams = []) {
       }
     } else {
       _queries.push(
-        fetchNgwLayerItemsRequest(__spreadProps$c(__spreadValues$r({}, opt), {
+        fetchNgwLayerItemsRequest(__spreadProps$e(__spreadValues$r({}, opt), {
           paramList: [..._parentAllParams, ...paramList, ...filters2]
         }))
       );
@@ -2366,8 +2372,8 @@ function fetchNgwLayerItemsRequest(options) {
 }
 
 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;
@@ -2383,7 +2389,7 @@ var __spreadValues$q = (a, b) => {
     }
   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) => {
@@ -2421,16 +2427,16 @@ function fetchNgwLayerItem(options) {
       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
     });
   });
@@ -3087,8 +3093,8 @@ class WebmapLayerOpacityPropertyHandler extends BaseProperty {
 }
 
 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;
@@ -3104,7 +3110,7 @@ var __spreadValues$l = (a, b) => {
     }
   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"];
@@ -3172,14 +3178,14 @@ function fetchNgwResourceExtent(item, connector, options) {
     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
       }));
@@ -3501,8 +3507,8 @@ __publicField$g(QmsKit, "utils", {
 });
 
 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;
@@ -3520,7 +3526,7 @@ var __spreadValues$i = (a, b) => {
     }
   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) => {
@@ -3565,7 +3571,7 @@ function createBasemapLayerAdapter(_0) {
           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 }));
               });
             }
           }
@@ -3645,8 +3651,8 @@ function prepareNgwFieldsToPropertiesFilter(fields) {
 }
 
 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;
@@ -3662,7 +3668,7 @@ var __spreadValues$h = (a, b) => {
     }
   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) => {
@@ -3688,13 +3694,13 @@ function fetchNgwLayerItems(options) {
     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);
@@ -3783,8 +3789,8 @@ function getLayerFilterOptions(options) {
 }
 
 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;
@@ -3802,7 +3808,7 @@ var __spreadValues$g = (a, b) => {
     }
   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) => {
@@ -3981,7 +3987,7 @@ function createGeoJsonAdapter(props) {
           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;
@@ -4034,7 +4040,7 @@ function createGeoJsonAdapter(props) {
             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);
@@ -4224,8 +4230,8 @@ function ngwApiToAdapterOptions({
 }
 
 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;
@@ -4241,7 +4247,7 @@ var __spreadValues$f = (a, b) => {
     }
   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) => {
@@ -4305,7 +4311,7 @@ function createRasterAdapter(_0) {
             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
@@ -4363,8 +4369,8 @@ function createRasterAdapter(_0) {
 }
 
 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;
@@ -4380,7 +4386,7 @@ var __spreadValues$e = (a, b) => {
     }
   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) => {
@@ -4428,7 +4434,7 @@ function createAdapterFromFirstStyle(_0) {
     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
       );
@@ -4451,13 +4457,13 @@ function createAsyncAdapter(options, webMap, connector) {
       }
       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) {
@@ -4488,10 +4494,10 @@ function createAsyncAdapter(options, webMap, connector) {
                 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
                 }));
@@ -4580,6 +4586,9 @@ function createNgwLayerAdapter(options, webMap, connector) {
   if (headers) {
     options.headers = headers;
   }
+  if (connector.withCredentials !== void 0) {
+    options.withCredentials = connector.withCredentials;
+  }
   return createAsyncAdapter(options, webMap, connector);
 }
 function extendNgwWebmapLayerAdapter(opt) {
@@ -4617,6 +4626,8 @@ function setScaleRatio(scale, lat = 0) {
 }
 
 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;
@@ -4632,6 +4643,7 @@ var __spreadValues$c = (a, b) => {
     }
   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) => {
@@ -4737,14 +4749,12 @@ const _NgwWebmapItem = class _NgwWebmapItem extends Item {
   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");
@@ -4755,17 +4765,16 @@ const _NgwWebmapItem = class _NgwWebmapItem extends Item {
     }
     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;
@@ -5071,6 +5080,8 @@ function createOnFirstShowNgwAdapter(_0) {
 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;
@@ -5086,6 +5097,7 @@ var __spreadValues$a = (a, b) => {
     }
   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) => {
@@ -5284,35 +5296,32 @@ class NgwWebmapLayerAdapter {
   }
   _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) {
@@ -8959,7 +8968,8 @@ function prepareWebMapOptions(options) {
   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;