@nextgis/leaflet-map-adapter 1.10.0 → 1.11.0

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.10.0; author: NextGIS */
+/** Bundle of @nextgis/leaflet-map-adapter; version: 1.11.0; author: NextGIS */
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var events = {exports: {}};
@@ -15951,6 +15951,7 @@ class LeafletMapAdapter$1 {
         if (this.map) {
             this.map.remove();
         }
+        this._stopWatchSizeChangeToUpdateMinZoom();
     }
     getContainer() {
         return this.map && this.map.getContainer();
@@ -16001,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);
             }
         }
@@ -16146,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) {