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

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

@@ -1,6 +1,7 @@
-/** Bundle of @nextgis/leaflet-map-adapter; version: 3.0.0; author: NextGIS */
+/** Bundle of @nextgis/leaflet-map-adapter; version: 4.0.0-alpha.0; author: NextGIS */
+import { LeafletControlContainer, createControl, createButtonControl, createToggleControl } from '@nextgis/leaflet-control-container';
 import { EventEmitter } from 'events';
-import { Control, DomEvent, GeoJSON, DivIcon, Marker, CircleMarker, FeatureGroup, ImageOverlay as ImageOverlay$1, Layer, Util, GridLayer, DomUtil, TileLayer as TileLayer$1, Map, latLngBounds, latLng } from 'leaflet';
+import { Control, GeoJSON, DomEvent, DivIcon, Marker, CircleMarker, FeatureGroup, ImageOverlay as ImageOverlay$1, Layer, Util, GridLayer, DomUtil, TileLayer as TileLayer$1, Map, latLngBounds, latLng } from 'leaflet';
 import { defined, debounce as debounce$1, isObject, updateUrlParams } from '@nextgis/utils';
 import { isPaintCallback, isPaint } from '@nextgis/paint';
 import Queue from '@nextgis/queue';
@@ -22,81 +23,6 @@ class AttributionControl extends Control.Attribution {
   }
 }
 
-function createControl(control, options = {}, map) {
-  const C = Control.extend({
-    onAdd() {
-      const element = document.createElement("div");
-      const content = control.onAdd(map);
-      element.classList.add("leaflet-control");
-      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";
-        element.style.marginLeft = "0px";
-        element.style.marginRight = "0px";
-      }
-      if (content) {
-        element.appendChild(content);
-      }
-      DomEvent.disableClickPropagation(element);
-      return element;
-    },
-    onRemove() {
-      control.onRemove();
-    }
-  });
-  return new C();
-}
-
-function createButtonControl(options, map) {
-  const link = document.createElement("a");
-  const title = options.title || "";
-  link.href = "#";
-  link.title = title;
-  link.setAttribute("role", "button");
-  link.setAttribute("aria-label", title);
-  if (options.addClass) {
-    link.classList.add(options.addClass);
-  }
-  DomEvent.disableClickPropagation(link);
-  DomEvent.on(link, "click", DomEvent.stop);
-  if (options.html instanceof HTMLElement) {
-    link.appendChild(options.html);
-  } else if (typeof options.html === "string") {
-    link.innerHTML = options.html;
-  }
-  const onClick = (e) => {
-    e.stopPropagation();
-    options.onClick();
-  };
-  return createControl(
-    {
-      onAdd() {
-        if (options.onClick !== void 0) {
-          link.addEventListener("click", onClick);
-        }
-        return link;
-      },
-      onRemove() {
-        const parent = link.parentNode;
-        if (parent) {
-          parent.removeChild(link);
-        }
-        if (options.onClick !== void 0) {
-          link.removeEventListener("click", onClick);
-        }
-      }
-    },
-    { bar: true },
-    map
-  );
-}
-
 function boundsToArray(bounds) {
   const ne = bounds.getNorthEast();
   const sw = bounds.getSouthWest();
@@ -1688,6 +1614,7 @@ const _LeafletMapAdapter = class _LeafletMapAdapter {
     __publicField(this, "emitter", new EventEmitter());
     __publicField(this, "map");
     __publicField(this, "_resizeObserver");
+    __publicField(this, "_controlContainer");
     __publicField(this, "_unselectCb", []);
     __publicField(this, "_universalEvents", [
       "move",
@@ -1726,6 +1653,7 @@ const _LeafletMapAdapter = class _LeafletMapAdapter {
       this._updateMinZoomForBounds(minZoom);
       this._watchSizeChangeToUpdateMinZoom();
       const defPane = this.map.createPane("order-0");
+      this._controlContainer = new LeafletControlContainer(this.map);
       this.map._addUnselectCb = (def) => {
         this._addUnselectCb(def);
       };
@@ -1738,12 +1666,19 @@ const _LeafletMapAdapter = class _LeafletMapAdapter {
     if (this.map) {
       this.map.remove();
     }
+    if (this._controlContainer) {
+      this._controlContainer.detach();
+      this._controlContainer = void 0;
+    }
     this._stopWatchSizeChangeToUpdateMinZoom();
   }
   getContainer() {
     return this.map && this.map.getContainer();
   }
   getControlContainer() {
+    if (this._controlContainer) {
+      return this._controlContainer.getContainer();
+    }
     const controlContainer = this.map && this.map._controlContainer;
     if (controlContainer) {
       return controlContainer;
@@ -1857,16 +1792,17 @@ const _LeafletMapAdapter = class _LeafletMapAdapter {
   createButtonControl(options) {
     return createButtonControl(options, this);
   }
-  addControl(control, position) {
-    control.options.position = position.replace("-", "");
-    if (this.map) {
-      this.map.addControl(control);
-      return control;
+  createToggleControl(options) {
+    return createToggleControl(options, this);
+  }
+  addControl(control, position, options) {
+    if (this._controlContainer) {
+      return this._controlContainer.addControl(control, position, options);
     }
   }
   removeControl(control) {
-    if (this.map) {
-      this.map.removeControl(control);
+    if (this._controlContainer) {
+      this._controlContainer.removeControl(control);
     }
   }
   removeLayer(layer) {