@nextgis/leaflet-map-adapter 2.2.3 → 2.5.0

package/lib/leaflet-map-adapter.esm-bundler.js

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/leaflet-map-adapter; version: 2.2.3; author: NextGIS */
+/** Bundle of @nextgis/leaflet-map-adapter; version: 2.5.0; author: NextGIS */
 import { EventEmitter } from 'events';
 import { Control, DomEvent, GeoJSON, DivIcon, Marker, CircleMarker, FeatureGroup, ImageOverlay as ImageOverlay$1, Layer, Util, CRS, GridLayer, DomUtil, TileLayer as TileLayer$1, Map, latLngBounds, latLng } from 'leaflet';
 import { defined, debounce as debounce$1 } from '@nextgis/utils';
@@ -202,10 +202,7 @@ function createFeaturePositionOptions(features) {
 
 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$7 = (obj, key, value) => {
-  __defNormalProp$b(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField$7 = (obj, key, value) => __defNormalProp$b(obj, typeof key !== "symbol" ? key + "" : key, value);
 class BaseAdapter {
   constructor(map, options) {
     this.map = map;
@@ -287,10 +284,7 @@ var __spreadValues$7 = (a, b) => {
     }
   return a;
 };
-var __publicField$6 = (obj, key, value) => {
-  __defNormalProp$9(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField$6 = (obj, key, value) => __defNormalProp$9(obj, typeof key !== "symbol" ? key + "" : key, value);
 class GeoJsonEvents {
   constructor(layer) {
     __publicField$6(this, "layer");
@@ -385,10 +379,7 @@ var __objRest$2 = (source, exclude) => {
     }
   return target;
 };
-var __publicField$5 = (obj, key, value) => {
-  __defNormalProp$8(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField$5 = (obj, key, value) => __defNormalProp$8(obj, key + "" , value);
 class GeoJsonPaint {
   constructor(layer) {
     __publicField$5(this, "layer");
@@ -537,10 +528,7 @@ var __spreadValues$5 = (a, b) => {
   return a;
 };
 var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-var __publicField$4 = (obj, key, value) => {
-  __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField$4 = (obj, key, value) => __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -1098,7 +1086,11 @@ class GeoJsonAdapter extends BaseAdapter {
   }
 }
 
-function callAjax(src, headers) {
+function callAjax({
+  src,
+  headers,
+  withCredentials
+}) {
   let abortFunc = () => {
   };
   const promise = new Promise((resolve, reject) => {
@@ -1108,6 +1100,9 @@ function callAjax(src, headers) {
     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" });
@@ -1126,14 +1121,10 @@ function callAjax(src, headers) {
 }
 
 const imageQueue = new Queue({ concurrency: 6, delay: 200 });
-var imageQueue$1 = imageQueue;
 
 var __defProp$6 = Object.defineProperty;
 var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$3 = (obj, key, value) => {
-  __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField$3 = (obj, key, value) => __defNormalProp$6(obj, key + "" , value);
 class ImageOverlay extends ImageOverlay$1 {
   constructor(imageUrl, bounds, options) {
     super(imageUrl, bounds, options);
@@ -1147,12 +1138,16 @@ class ImageOverlay extends ImageOverlay$1 {
   }
   _initImage() {
     super._initImage();
-    const headers = this.options.headers;
+    const { headers, withCredentials } = this.options;
     const img = this._image;
     const src = img.src;
     img.src = "";
-    imageQueue$1.add(() => {
-      const [promise, abortFunc] = callAjax(src, headers);
+    imageQueue.add(() => {
+      const [promise, abortFunc] = callAjax({
+        src,
+        headers,
+        withCredentials
+      });
       promise.then((imgUrl) => {
         img.src = imgUrl;
       });
@@ -1164,10 +1159,7 @@ class ImageOverlay extends ImageOverlay$1 {
 
 var __defProp$5 = Object.defineProperty;
 var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$2 = (obj, key, value) => {
-  __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField$2 = (obj, key, value) => __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
 class ImageLayer extends Layer {
   constructor(url, options) {
     super(options);
@@ -1189,6 +1181,7 @@ class ImageLayer extends Layer {
       minZoom: 0,
       pane: "tilePane",
       headers: null,
+      withCredentials: false,
       viewPortBuffer: 0,
       setViewDelay: 100
     });
@@ -1258,7 +1251,8 @@ class ImageLayer extends Layer {
     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;
@@ -1371,10 +1365,7 @@ var __spreadValues$4 = (a, b) => {
     }
   return a;
 };
-var __publicField$1 = (obj, key, value) => {
-  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField$1 = (obj, key, value) => __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
 class ImageAdapter extends BaseAdapter {
   constructor() {
     super(...arguments);
@@ -1401,7 +1392,7 @@ class ImageAdapter extends BaseAdapter {
     }
   }
 }
-__publicField$1(ImageAdapter, "queue", imageQueue$1);
+__publicField$1(ImageAdapter, "queue", imageQueue);
 
 function debounce(cb, wait = 10) {
   let timeoutId;
@@ -1432,13 +1423,13 @@ function makeRemote(Base) {
       }
     }
     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);
@@ -1528,9 +1519,10 @@ class TileAdapter extends BaseAdapter {
           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 {
@@ -1636,8 +1628,11 @@ class WmsAdapter extends BaseAdapter {
         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 TileLayer$1.WMS(url, layerOptions);
       }
@@ -1670,10 +1665,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 const _LeafletMapAdapter = class _LeafletMapAdapter {
   constructor() {
     __publicField(this, "options", { target: "map" });
@@ -1751,8 +1743,7 @@ const _LeafletMapAdapter = class _LeafletMapAdapter {
   }
   setView(lngLatOrOpt, zoom) {
     const map = this.map;
-    if (!map)
-      return;
+    if (!map) return;
     if (Array.isArray(lngLatOrOpt)) {
       const lngLat = lngLatOrOpt;
       const [lng, lat] = lngLat;
@@ -1820,8 +1811,7 @@ const _LeafletMapAdapter = class _LeafletMapAdapter {
     return (_a = this.map && this.map.getZoom()) != null ? _a : void 0;
   }
   getBounds() {
-    if (!this.map)
-      return void 0;
+    if (!this.map) return void 0;
     const b = this.map.getBounds();
     const sw = b.getSouthWest();
     const ne = b.getNorthEast();