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

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

@@ -1,7 +1,7 @@
-/** 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.5; 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';
+import { defined, debounce as debounce$1, updateUrlParams } from '@nextgis/utils';
 import { isPaintCallback, isPaint } from '@nextgis/paint';
 import Queue from '@nextgis/queue';
 
@@ -349,8 +349,8 @@ class GeoJsonEvents {
 }
 
 var __defProp$8 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
 var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
 var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
@@ -366,7 +366,7 @@ var __spreadValues$6 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -461,7 +461,7 @@ class GeoJsonPaint {
     if (html) {
       element.innerHTML = html;
     }
-    const divIcon = new DivIcon(__spreadProps$4(__spreadValues$6({
+    const divIcon = new DivIcon(__spreadProps$5(__spreadValues$6({
       className: ""
     }, toLIconOpt), {
       html: element
@@ -510,8 +510,8 @@ class GeoJsonPaint {
 }
 
 var __defProp$7 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
 var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
 var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
@@ -527,7 +527,7 @@ var __spreadValues$5 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
 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) => {
@@ -576,7 +576,7 @@ class GeoJsonAdapter extends BaseAdapter {
   addLayer(options) {
     Object.assign(this.options, options);
     this.paint = options.paint;
-    this.layer = new FeatureGroup([], __spreadProps$3(__spreadValues$5({}, options.nativeOptions), {
+    this.layer = new FeatureGroup([], __spreadProps$4(__spreadValues$5({}, options.nativeOptions), {
       pane: this.pane
     }));
     this.selectedPaint = options.selectedPaint;
@@ -926,7 +926,7 @@ class GeoJsonAdapter extends BaseAdapter {
             if (feature) {
               return this._paint.preparePaint(__spreadValues$5(__spreadValues$5({}, PAINT), paint(feature)));
             } else {
-              return this._paint.preparePaint(__spreadProps$3(__spreadValues$5({}, PAINT), { type: "path" }));
+              return this._paint.preparePaint(__spreadProps$4(__spreadValues$5({}, PAINT), { type: "path" }));
             }
           }
         };
@@ -1086,7 +1086,11 @@ class GeoJsonAdapter extends BaseAdapter {
   }
 }
 
-function callAjax(src, headers) {
+function callAjax({
+  src,
+  headers,
+  withCredentials
+}) {
   let abortFunc = () => {
   };
   const promise = new Promise((resolve, reject) => {
@@ -1096,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" });
@@ -1131,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.add(() => {
-      const [promise, abortFunc] = callAjax(src, headers);
+      const [promise, abortFunc] = callAjax({
+        src,
+        headers,
+        withCredentials
+      });
       promise.then((imgUrl) => {
         img.src = imgUrl;
       });
@@ -1151,6 +1162,7 @@ var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key,
 var __publicField$2 = (obj, key, value) => __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
 class ImageLayer extends Layer {
   constructor(url, options) {
+    var _a;
     super(options);
     __publicField$2(this, "defaultWmsParams", {
       service: "WMS",
@@ -1168,8 +1180,10 @@ class ImageLayer extends Layer {
       opacity: 1,
       isBack: false,
       minZoom: 0,
+      maxZoom: void 0,
       pane: "tilePane",
       headers: null,
+      withCredentials: false,
       viewPortBuffer: 0,
       setViewDelay: 100
     });
@@ -1190,7 +1204,11 @@ class ImageLayer extends Layer {
       }
     }
     Util.setOptions(this, opts);
-    this.wmsParams = Util.extend({}, this.defaultWmsParams, params);
+    this.wmsParams = Util.extend(
+      {},
+      this.defaultWmsParams,
+      (_a = params == null ? void 0 : params.params) != null ? _a : {}
+    );
   }
   setParams(params) {
     Util.extend(this.wmsParams, params);
@@ -1239,7 +1257,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;
@@ -1337,6 +1356,8 @@ class ImageLayer extends Layer {
 }
 
 var __defProp$4 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
 var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
 var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
@@ -1352,6 +1373,7 @@ var __spreadValues$4 = (a, b) => {
     }
   return a;
 };
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 var __publicField$1 = (obj, key, value) => __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
 class ImageAdapter extends BaseAdapter {
   constructor() {
@@ -1359,15 +1381,21 @@ class ImageAdapter extends BaseAdapter {
     __publicField$1(this, "layer");
   }
   addLayer(options) {
+    var _a;
     const url = options && options.url;
     if (url) {
-      options = __spreadValues$4({ transparent: true }, options);
       const updateWmsParamsFromOpt = options.updateWmsParams;
-      this.layer = new ImageLayer(url, __spreadValues$4(__spreadValues$4(__spreadValues$4({
+      this.layer = new ImageLayer(url, __spreadProps$3(__spreadValues$4(__spreadValues$4(__spreadValues$4({
         pane: this.pane,
         headers: options.headers,
         setViewDelay: options.setViewDelay
-      }, options), options.params), options.nativeOptions));
+      }, __spreadProps$3(__spreadValues$4({
+        transparent: true
+      }, options), {
+        opacity: (_a = options.opacity) != null ? _a : void 0
+      })), options.params), options.nativeOptions), {
+        maxZoom: 12
+      }));
       if (updateWmsParamsFromOpt) {
         const updateWmsParams = this.layer.updateWmsParams;
         this.layer.updateWmsParams = function(map) {
@@ -1378,6 +1406,13 @@ class ImageAdapter extends BaseAdapter {
       return this.layer;
     }
   }
+  updateLayer(options) {
+    if (this.layer) {
+      const params = (options == null ? void 0 : options.params) || {};
+      Util.extend(this.layer.wmsParams, params);
+      this.layer.update();
+    }
+  }
 }
 __publicField$1(ImageAdapter, "queue", imageQueue);
 
@@ -1410,13 +1445,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);
@@ -1506,9 +1541,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 {
@@ -1518,13 +1554,12 @@ class TileAdapter extends BaseAdapter {
       }
     }
   }
-  updateLayer() {
+  updateLayer(options) {
     if (this.layer) {
       const currentUrl = this.layer._url;
-      const timestamp = (/* @__PURE__ */ new Date()).getTime();
-      const separator = currentUrl.includes("?") ? "&" : "?";
-      const newUrl = currentUrl.replace(/(\?|&)timestamp=\d*/g, "") + separator + `timestamp=${timestamp}`;
-      this.layer.setUrl(newUrl);
+      if (options == null ? void 0 : options.params) {
+        this.layer.setUrl(updateUrlParams(currentUrl, options.params));
+      }
       this.layer.redraw();
     }
   }
@@ -1614,8 +1649,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);
       }