@nextgis/leaflet-map-adapter 1.9.4 → 1.11.10

package/README.md

@@ -2,7 +2,7 @@
 
 ![size](https://img.shields.io/bundlephobia/minzip/@nextgis/leaflet-map-adapter) ![version](https://img.shields.io/npm/v/@nextgis/leaflet-map-adapter)
 
-WebMap adapter to use [Laeflet](https://leafletjs.com/) GIS framework.
+WebMap adapter to use [Leaflet](https://leafletjs.com/) GIS framework.
 
 ## Install
 
@@ -31,6 +31,6 @@ webMap.create(options).then(() => {
 
 ## Commercial support
 
-Need to fix a bug or add a feature to @nextgis/leaflet-map-adapter? We provide custom development and support for this software. [Contact us](http://nextgis.com/contact/) to discuss options!
+Need to fix a bug or add a feature to `@nextgis/leaflet-map-adapter`? We provide custom development and support for this software. [Contact us](http://nextgis.com/contact/) to discuss options!
 
 [![http://nextgis.com](https://nextgis.ru/img/nextgis.png)](http://nextgis.com)

package/lib/index.d.ts

@@ -45,6 +45,7 @@ declare class LeafletMapAdapter implements MapAdapter<Map_2, any, Control> {
     };
     emitter: EventEmitter;
     map?: Map_2;
+    private _resizeObserver?;
     private _unselectCb;
     private _universalEvents;
     create(options: MapOptions): void;
@@ -75,6 +76,8 @@ declare class LeafletMapAdapter implements MapAdapter<Map_2, any, Control> {
     onMapClick(evt: LeafletMouseEvent): void;
     locate(opt: LocateOptions, events?: LocationEvents): Locate;
     private _addUnselectCb;
+    private _watchSizeChangeToUpdateMinZoom;
+    private _stopWatchSizeChangeToUpdateMinZoom;
     private _addMapListeners;
 }
 export default LeafletMapAdapter;

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

@@ -1,4 +1,4 @@
-/** Bundle of @nextgis/leaflet-map-adapter; version: 1.9.4; author: NextGIS */
+/** Bundle of @nextgis/leaflet-map-adapter; version: 1.11.10; author: NextGIS */
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var events = {exports: {}};
@@ -14562,6 +14562,9 @@ function createControl(control, options = {}, map) {
             if (options.bar) {
                 element.classList.add('leaflet-bar');
             }
+            if (options.addClass) {
+                element.classList.add(options.addClass);
+            }
             if (!options.margin && !options.bar) {
                 element.style.marginBottom = '0px';
                 element.style.marginTop = '0px';
@@ -15090,7 +15093,7 @@ class GeoJsonAdapter extends BaseAdapter {
     async _openPopup(def, options = {}, type, latLng) {
         var _a, _b;
         const { feature, layer } = def;
-        const { minWidth, autoPan, maxWidth, closeButton: closeButton_ } = {
+        const { minWidth, autoPan, maxWidth, closeButton: closeButton_, } = {
             minWidth: 300,
             ...options,
         };
@@ -15286,7 +15289,7 @@ class GeoJsonAdapter extends BaseAdapter {
                 ok = this._filterFun(def);
             }
             if (ok) {
-                const { popup, popupOptions, selectable, interactive, selectOnHover, } = this.options;
+                const { popup, popupOptions, selectable, interactive, selectOnHover } = this.options;
                 // @ts-ignore
                 layer.options.interactive = defined(interactive) ? interactive : true;
                 layer_.addLayer(layer);
@@ -15948,6 +15951,7 @@ class LeafletMapAdapter$1 {
         if (this.map) {
             this.map.remove();
         }
+        this._stopWatchSizeChangeToUpdateMinZoom();
     }
     getContainer() {
         return this.map && this.map.getContainer();
@@ -15998,17 +16002,22 @@ class LeafletMapAdapter$1 {
             }
             if (maxBounds !== undefined) {
                 if (maxBounds) {
-                    map.setMaxBounds(arrayToBoundsExpression(maxBounds));
+                    const b = arrayToBoundsExpression(maxBounds);
+                    map.setMaxBounds(b);
+                    map.setMinZoom(map.getBoundsZoom(b));
+                    this._watchSizeChangeToUpdateMinZoom(b);
                 }
                 else {
                     // @ts-ignore `null` works for unset maxBounds, but not in typing
                     map.setMaxBounds(null);
+                    this._stopWatchSizeChangeToUpdateMinZoom();
                 }
             }
             if (maxZoom !== undefined) {
                 map.setMaxZoom(maxZoom);
             }
             if (minZoom !== undefined) {
+                this._stopWatchSizeChangeToUpdateMinZoom();
                 map.setMinZoom(minZoom);
             }
         }
@@ -16143,6 +16152,27 @@ class LeafletMapAdapter$1 {
         this._unselectCb.length = 0;
         this._unselectCb.push(cb);
     }
+    _watchSizeChangeToUpdateMinZoom(bounds) {
+        this._stopWatchSizeChangeToUpdateMinZoom();
+        const container = this.getContainer();
+        const map = this.map;
+        if (container && map && window.ResizeObserver) {
+            this._resizeObserver = new ResizeObserver(() => {
+                map.setMinZoom(map.getBoundsZoom(bounds));
+            });
+            this._resizeObserver.observe(container);
+        }
+    }
+    _stopWatchSizeChangeToUpdateMinZoom() {
+        const map = this.map;
+        if (map) {
+            map.setMinZoom(0);
+        }
+        if (this._resizeObserver) {
+            this._resizeObserver.disconnect();
+            this._resizeObserver = undefined;
+        }
+    }
     _addMapListeners() {
         const map = this.map;
         if (map) {