@nextgis/leaflet-map-adapter 3.0.0-alpha.0 → 3.0.0-alpha.1

package/lib/leaflet-map-adapter.global.js

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/leaflet-map-adapter; version: 3.0.0-alpha.0; author: NextGIS */
+/** Bundle of @nextgis/leaflet-map-adapter; version: 3.0.0-alpha.1; author: NextGIS */
 var LeafletMapAdapter = (function () {
   'use strict';
 
@@ -15658,7 +15658,11 @@ var LeafletMapAdapter = (function () {
     }
   }
 
-  function callAjax(src, headers) {
+  function callAjax({
+    src,
+    headers,
+    withCredentials
+  }) {
     let abortFunc = () => {
     };
     const promise = new Promise((resolve, reject) => {
@@ -15668,6 +15672,9 @@ var LeafletMapAdapter = (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" });
@@ -15790,12 +15797,16 @@ var LeafletMapAdapter = (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;
         });
@@ -15829,6 +15840,7 @@ var LeafletMapAdapter = (function () {
         minZoom: 0,
         pane: "tilePane",
         headers: null,
+        withCredentials: false,
         viewPortBuffer: 0,
         setViewDelay: 100
       });
@@ -15898,7 +15910,8 @@ var LeafletMapAdapter = (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;
@@ -16051,13 +16064,13 @@ var LeafletMapAdapter = (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);
@@ -16147,9 +16160,10 @@ var LeafletMapAdapter = (function () {
             tileLayerOptions.subdomains = opt.subdomains;
           }
           let layer;
-          if (opt.headers) {
+          if (opt.headers || opt.withCredentials) {
             layer = new TileLayer(url, __spreadProps$2(__spreadValues$3({}, tileLayerOptions), {
               headers: opt.headers,
+              withCredentials: opt.withCredentials,
               setViewDelay: opt.setViewDelay
             }));
           } else {
@@ -16255,8 +16269,11 @@ var LeafletMapAdapter = (function () {
           transparent: true
         }, options.nativeOptions);
         let layer;
-        if (opt.headers) {
-          layer = new WmsLayer(url, __spreadProps(__spreadValues$1({}, layerOptions), { headers: opt.headers }));
+        if (opt.headers || opt.withCredentials) {
+          layer = new WmsLayer(url, __spreadProps(__spreadValues$1({}, layerOptions), {
+            headers: opt.headers,
+            withCredentials: opt.withCredentials
+          }));
         } else {
           layer = new leafletSrcExports.TileLayer.WMS(url, layerOptions);
         }