@nextgis/leaflet-map-adapter 1.19.4 → 2.0.0-alpha.0

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

@@ -1,1715 +1,1951 @@
-/** Bundle of @nextgis/leaflet-map-adapter; version: 1.19.4; author: NextGIS */
+/** Bundle of @nextgis/leaflet-map-adapter; version: 2.0.0-alpha.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 } from 'leaflet';
 import { defined, debounce as debounce$1 } from '@nextgis/utils';
 import { isPaintCallback, isPaint } from '@nextgis/paint';
 
 class AttributionControl extends Control.Attribution {
-    // options: AttributionControlOptions
-    constructor(options) {
-        super(options);
-        const customAttribution = options && options.customAttribution;
-        if (customAttribution) {
-            let attributions = [];
-            if (Array.isArray(customAttribution)) {
-                attributions = customAttribution;
-            }
-            else if (customAttribution) {
-                attributions = [customAttribution];
-            }
-            attributions.forEach((x) => this.addAttribution(x));
-        }
-    }
+  // options: AttributionControlOptions
+  constructor(options) {
+    super(options);
+    const customAttribution = options && options.customAttribution;
+    if (customAttribution) {
+      let attributions = [];
+      if (Array.isArray(customAttribution)) {
+        attributions = customAttribution;
+      } else if (customAttribution) {
+        attributions = [customAttribution];
+      }
+      attributions.forEach((x) => this.addAttribution(x));
+    }
+  }
 }
 
 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();
+  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 !== undefined) {
-                link.addEventListener('click', onClick);
-            }
-            return link;
-        },
-        onRemove() {
-            const parent = link.parentNode;
-            if (parent) {
-                parent.removeChild(link);
-            }
-            if (options.onClick !== undefined) {
-                link.removeEventListener('click', onClick);
-            }
-        },
-    }, { bar: true }, 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();
-    return [sw.lng, sw.lat, ne.lng, ne.lat];
+  const ne = bounds.getNorthEast();
+  const sw = bounds.getSouthWest();
+  return [sw.lng, sw.lat, ne.lng, ne.lat];
 }
 
 function findMostFrequentGeomType(arr) {
-    const counts = {};
-    for (let fry = 0; fry < arr.length; fry++) {
-        counts[arr[fry]] = 1 + (counts[arr[fry]] || 0);
-    }
-    let maxName = '';
-    for (const c in counts) {
-        const maxCount = maxName ? counts[maxName] : 0;
-        if (counts[c] > maxCount) {
-            maxName = c;
-        }
-    }
-    return maxName;
+  const counts = {};
+  for (let fry = 0; fry < arr.length; fry++) {
+    counts[arr[fry]] = 1 + (counts[arr[fry]] || 0);
+  }
+  let maxName = "";
+  for (const c in counts) {
+    const maxCount = maxName ? counts[maxName] : 0;
+    if (counts[c] > maxCount) {
+      maxName = c;
+    }
+  }
+  return maxName;
 }
 function detectType(geojson) {
-    let geometry;
-    if (geojson.type === 'FeatureCollection') {
-        const featuresTypes = geojson.features.map((f) => f.geometry.type);
-        geometry = findMostFrequentGeomType(featuresTypes);
-    }
-    else if (geojson.type === 'GeometryCollection') {
-        const geometryTypes = geojson.geometries.map((g) => g.type);
-        geometry = findMostFrequentGeomType(geometryTypes);
-    }
-    else if (geojson.type === 'Feature') {
-        geometry = geojson.geometry.type;
-    }
-    else {
-        geometry = geojson.type;
-    }
-    return geometry;
+  let geometry;
+  if (geojson.type === "FeatureCollection") {
+    const featuresTypes = geojson.features.map(
+      (f) => f.geometry.type
+    );
+    geometry = findMostFrequentGeomType(featuresTypes);
+  } else if (geojson.type === "GeometryCollection") {
+    const geometryTypes = geojson.geometries.map(
+      (g) => g.type
+    );
+    geometry = findMostFrequentGeomType(geometryTypes);
+  } else if (geojson.type === "Feature") {
+    geometry = geojson.geometry.type;
+  } else {
+    geometry = geojson.type;
+  }
+  return geometry;
 }
 
 const typeAlias = {
-    Point: 'point',
-    LineString: 'line',
-    MultiPoint: 'point',
-    Polygon: 'polygon',
-    MultiLineString: 'line',
-    MultiPolygon: 'polygon',
-    GeometryCollection: 'polygon',
+  Point: "point",
+  LineString: "line",
+  MultiPoint: "point",
+  Polygon: "polygon",
+  MultiLineString: "line",
+  MultiPolygon: "polygon",
+  GeometryCollection: "polygon"
 };
 const PAINT = {
-    stroke: false,
-    opacity: 1,
+  stroke: false,
+  opacity: 1
 };
 const backAliases = {};
 for (const a in typeAlias) {
-    const layerType = typeAlias[a];
-    const backAlias = backAliases[layerType] || [];
-    backAlias.push(a);
-    backAliases[layerType] = backAlias;
+  const layerType = typeAlias[a];
+  const backAlias = backAliases[layerType] || [];
+  backAlias.push(a);
+  backAliases[layerType] = backAlias;
 }
 function geometryFilter(geometry, type) {
-    const geoJsonGeometry = backAliases[type] || [];
-    return geoJsonGeometry.indexOf(geometry) !== -1;
+  const geoJsonGeometry = backAliases[type] || [];
+  return geoJsonGeometry.indexOf(geometry) !== -1;
 }
 function filterGeometries(data, type) {
-    if (data.type === 'FeatureCollection') {
-        const _data = data;
-        _data.features = _data.features.filter((f) => geometryFilter(f.geometry.type, type));
-    }
-    else if (data.type === 'Feature') {
-        const allow = geometryFilter(data.geometry.type, type);
-        if (!allow) {
-            return false;
-        }
-    }
-    else if (data.type === 'GeometryCollection') {
-        const _data = data;
-        _data.geometries = _data.geometries.filter((g) => geometryFilter(g.type, type));
-    }
-    return data;
+  if (data.type === "FeatureCollection") {
+    const _data = data;
+    _data.features = _data.features.filter(
+      (f) => geometryFilter(f.geometry.type, type)
+    );
+  } else if (data.type === "Feature") {
+    const allow = geometryFilter(data.geometry.type, type);
+    if (!allow) {
+      return false;
+    }
+  } else if (data.type === "GeometryCollection") {
+    const _data = data;
+    _data.geometries = _data.geometries.filter(
+      (g) => geometryFilter(g.type, type)
+    );
+  }
+  return data;
 }
 function featuresBounds(features) {
-    const geoJsonLayer = new GeoJSON();
-    const features_ = Array.isArray(features) ? features : [features];
-    features_.forEach((f) => geoJsonLayer.addData(f));
-    return geoJsonLayer.getBounds();
+  const geoJsonLayer = new GeoJSON();
+  const features_ = Array.isArray(features) ? features : [features];
+  features_.forEach((f) => geoJsonLayer.addData(f));
+  return geoJsonLayer.getBounds();
 }
 function getFeaturesBounds(features) {
-    return boundsToArray(featuresBounds(features));
+  return boundsToArray(featuresBounds(features));
 }
 function getFeaturesCenter(features) {
-    const { lat, lng } = featuresBounds(features).getCenter();
-    return [lng, lat];
+  const { lat, lng } = featuresBounds(features).getCenter();
+  return [lng, lat];
 }
 function createFeaturePositionOptions(features) {
-    return {
-        getBounds: () => getFeaturesBounds(features),
-        getCenter: () => getFeaturesCenter(features),
-    };
+  return {
+    getBounds: () => getFeaturesBounds(features),
+    getCenter: () => getFeaturesCenter(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;
+};
 class BaseAdapter {
-    constructor(map, options) {
-        this.map = map;
-        this.options = options;
-        this.pane = 'order-0';
-        if (options.order !== undefined) {
-            const pane = 'order-' + options.order;
-            let exist = map.getPane(pane);
-            if (!exist) {
-                exist = map.createPane(pane);
-            }
-            exist.style.zIndex = String(Math.round(options.order * 100));
-            this.pane = pane;
-        }
-    }
-    addLayer(options) {
-        Object.assign(this.options, options);
-        return undefined;
-    }
+  constructor(map, options) {
+    this.map = map;
+    this.options = options;
+    __publicField$7(this, "layer");
+    __publicField$7(this, "pane", "order-0");
+    if (options.order !== void 0) {
+      const pane = "order-" + options.order;
+      let exist = map.getPane(pane);
+      if (!exist) {
+        exist = map.createPane(pane);
+      }
+      exist.style.zIndex = String(Math.round(options.order * 100));
+      this.pane = pane;
+    }
+  }
+  addLayer(options) {
+    Object.assign(this.options, options);
+    return void 0;
+  }
 }
 
 function convertMapClickEvent(evt) {
-    const coord = evt.containerPoint;
-    const latLng = evt.latlng;
-    const { lat, lng } = latLng;
-    return {
-        latLng,
-        lngLat: [lng, lat],
-        pixel: { left: coord.x, top: coord.y },
-        source: evt,
-    };
+  const coord = evt.containerPoint;
+  const latLng = evt.latlng;
+  const { lat, lng } = latLng;
+  return {
+    latLng,
+    lngLat: [lng, lat],
+    pixel: { left: coord.x, top: coord.y },
+    source: evt
+  };
 }
 
-function createMouseEvent({ layer, source, }) {
-    const layer_ = source.target;
-    const feature = layer_.feature;
-    const opt = {
-        layer,
-        feature,
-        event: convertMapClickEvent(source),
-        source,
-        ...createFeaturePositionOptions(feature),
-    };
-    return opt;
+var __defProp$a = Object.defineProperty;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
+    }
+  return a;
+};
+function createMouseEvent({
+  layer,
+  source
+}) {
+  const layer_ = source.target;
+  const feature = layer_.feature;
+  const opt = __spreadValues$8({
+    layer,
+    feature,
+    event: convertMapClickEvent(source),
+    source
+  }, createFeaturePositionOptions(feature));
+  return opt;
 }
 
+var __defProp$9 = Object.defineProperty;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
+    }
+  return a;
+};
+var __publicField$6 = (obj, key, value) => {
+  __defNormalProp$9(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 class GeoJsonEvents {
-    constructor(layer) {
-        this.layer = layer;
-    }
-    handleMouseEvents(layer) {
-        const { onClick, onLayerClick, onMouseOut, onMouseOver } = this.layer.options;
-        // TODO: remove backward compatibility for onLayerClick
-        const onClick_ = onClick || onLayerClick;
-        if (onClick_) {
-            this._onclick = (e) => {
-                const selected = !!this.layer._getSelected(layer);
-                onClick_({
-                    selected,
-                    ...this._createMouseEvent(e),
-                });
-            };
-            layer.on('click', this._onclick, this);
-        }
-        if (onMouseOut) {
-            this._mouseout = (e) => {
-                onMouseOut(this._createMouseEvent(e));
-            };
-            layer.on('mouseout', this._mouseout, this);
-        }
-        if (onMouseOver) {
-            this._mouseover = (e) => {
-                onMouseOver(this._createMouseEvent(e));
-            };
-            layer.on('mouseover', this._mouseover, this);
-        }
-    }
-    stopMouseEvents(layer) {
-        if (this._mouseover) {
-            layer.off('mouseover', this._mouseover, this);
-        }
-        if (this._mouseout) {
-            layer.off('mouseout', this._mouseout, this);
-        }
-        if (this._onclick) {
-            layer.off('click', this._onclick, this);
-        }
-    }
-    _createMouseEvent(source) {
-        return createMouseEvent({
-            layer: this.layer,
-            source: source,
-        });
-    }
+  constructor(layer) {
+    __publicField$6(this, "layer");
+    __publicField$6(this, "_onclick");
+    __publicField$6(this, "_mouseout");
+    __publicField$6(this, "_mouseover");
+    this.layer = layer;
+  }
+  handleMouseEvents(layer) {
+    const { onClick, onLayerClick, onMouseOut, onMouseOver } = this.layer.options;
+    const onClick_ = onClick || onLayerClick;
+    if (onClick_) {
+      this._onclick = (e) => {
+        const selected = !!this.layer._getSelected(layer);
+        onClick_(__spreadValues$7({
+          selected
+        }, this._createMouseEvent(e)));
+      };
+      layer.on("click", this._onclick, this);
+    }
+    if (onMouseOut) {
+      this._mouseout = (e) => {
+        onMouseOut(this._createMouseEvent(e));
+      };
+      layer.on("mouseout", this._mouseout, this);
+    }
+    if (onMouseOver) {
+      this._mouseover = (e) => {
+        onMouseOver(this._createMouseEvent(e));
+      };
+      layer.on("mouseover", this._mouseover, this);
+    }
+  }
+  stopMouseEvents(layer) {
+    if (this._mouseover) {
+      layer.off("mouseover", this._mouseover, this);
+    }
+    if (this._mouseout) {
+      layer.off("mouseout", this._mouseout, this);
+    }
+    if (this._onclick) {
+      layer.off("click", this._onclick, this);
+    }
+  }
+  _createMouseEvent(source) {
+    return createMouseEvent({
+      layer: this.layer,
+      source
+    });
+  }
 }
 
+var __defProp$8 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __objRest$2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __publicField$5 = (obj, key, value) => {
+  __defNormalProp$8(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 class GeoJsonPaint {
-    constructor(layer) {
-        this.layer = layer;
-    }
-    setPaintEachLayer(paint) {
-        this.layer._layers.forEach((layerDef) => {
-            this.setPaint(layerDef, paint);
-        });
-    }
-    setPaint(layerDef, paint) {
-        let style = undefined;
-        const { layer, feature } = layerDef;
-        if (layer && feature) {
-            if (isPaintCallback(paint)) {
-                style = paint(feature);
-            }
-            else if (isPaint(paint)) {
-                style = paint;
-            }
-            if (style) {
-                if (this.layer.type === 'point' && style.type === 'icon') {
-                    const marker = layer;
-                    const divIcon = this._createDivIcon(style);
-                    setTimeout(() => {
-                        marker.setIcon(divIcon);
-                    }, 10);
-                }
-                else if ('setStyle' in layer) {
-                    layer.setStyle(this.preparePaint(style));
-                }
-            }
-        }
-    }
-    preparePaint(paint) {
-        if (paint.type !== 'get-paint') {
-            const paintAliases = [
-                ['color', 'strokeColor'],
-                ['opacity', 'strokeOpacity'],
-                ['stroke', 'stroke'],
-                ['fillColor', 'fillColor'],
-                ['fillOpacity', 'fillOpacity'],
-                ['fill', 'fill'],
-                ['weight', 'weight'],
-            ];
-            const aliases = this.layer.type === 'line'
-                ? [
-                    ['color', 'strokeColor'],
-                    ['opacity', 'strokeOpacity'],
-                    ['weight', 'weight'],
-                ]
-                : paintAliases;
-            const readyPaint = {};
-            if ('radius' in paint && typeof paint.radius === 'number') {
-                readyPaint.radius = paint.radius;
-            }
-            for (const [to, from] of aliases) {
-                const opacity = this.layer.options.opacity;
-                let paintProp = paint[from];
-                if (defined(opacity) && from.toLowerCase().indexOf('opacity') !== -1) {
-                    paintProp = Number(paintProp) * opacity;
-                }
-                if (paintProp !== undefined) {
-                    Object.defineProperty(readyPaint, to, {
-                        enumerable: true,
-                        value: paintProp,
-                    });
-                }
-            }
-            return readyPaint;
-        }
-        return PAINT;
-    }
-    _createDivIcon(icon) {
-        const { html, rotate, className, ...toLIconOpt } = icon;
-        const element = document.createElement('div');
-        if (className) {
-            element.className = className;
-        }
-        if (rotate) {
-            element.style.transform = `rotateZ(${rotate}deg)`;
-        }
-        if (html) {
-            element.innerHTML = html;
-        }
-        const divIcon = new DivIcon({
-            className: '',
-            ...toLIconOpt,
-            html: element,
-        });
-        return divIcon;
-    }
-    createPaintToLayer(icon) {
-        if (icon && icon.type) {
-            if (icon.type === 'icon') {
-                const iconClassName = icon.className;
-                const html = icon.html;
-                if (iconClassName || html) {
-                    return (_, latlng) => {
-                        const divIcon = this._createDivIcon(icon);
-                        return new Marker(latlng, { icon: divIcon });
-                    };
-                }
-            }
-            else if (icon.type === 'pin') {
-                return (_, latlng) => {
-                    return new Marker(latlng);
-                };
-            }
-        }
+  constructor(layer) {
+    __publicField$5(this, "layer");
+    this.layer = layer;
+  }
+  setPaintEachLayer(paint) {
+    this.layer._layers.forEach((layerDef) => {
+      this.setPaint(layerDef, paint);
+    });
+  }
+  setPaint(layerDef, paint) {
+    let style = void 0;
+    const { layer, feature } = layerDef;
+    if (layer && feature) {
+      if (isPaintCallback(paint)) {
+        style = paint(feature);
+      } else if (isPaint(paint)) {
+        style = paint;
+      }
+      if (style) {
+        if (this.layer.type === "point" && style.type === "icon") {
+          const marker = layer;
+          const divIcon = this._createDivIcon(style);
+          setTimeout(() => {
+            marker.setIcon(divIcon);
+          }, 10);
+        } else if ("setStyle" in layer) {
+          layer.setStyle(this.preparePaint(style));
+        }
+      }
+    }
+  }
+  preparePaint(paint) {
+    if (paint.type !== "get-paint") {
+      const paintAliases = [
+        ["color", "strokeColor"],
+        ["opacity", "strokeOpacity"],
+        ["stroke", "stroke"],
+        ["fillColor", "fillColor"],
+        ["fillOpacity", "fillOpacity"],
+        ["fill", "fill"],
+        ["weight", "weight"]
+      ];
+      const aliases = this.layer.type === "line" ? [
+        ["color", "strokeColor"],
+        ["opacity", "strokeOpacity"],
+        ["weight", "weight"]
+      ] : paintAliases;
+      const readyPaint = {};
+      if ("radius" in paint && typeof paint.radius === "number") {
+        readyPaint.radius = paint.radius;
+      }
+      for (const [to, from] of aliases) {
+        const opacity = this.layer.options.opacity;
+        let paintProp = paint[from];
+        if (defined(opacity) && from.toLowerCase().indexOf("opacity") !== -1) {
+          paintProp = Number(paintProp) * opacity;
+        }
+        if (paintProp !== void 0) {
+          Object.defineProperty(readyPaint, to, {
+            enumerable: true,
+            value: paintProp
+          });
+        }
+      }
+      return readyPaint;
+    }
+    return PAINT;
+  }
+  _createDivIcon(icon) {
+    const _a = icon, { html, rotate, className } = _a, toLIconOpt = __objRest$2(_a, ["html", "rotate", "className"]);
+    const element = document.createElement("div");
+    if (className) {
+      element.className = className;
+    }
+    if (rotate) {
+      element.style.transform = `rotateZ(${rotate}deg)`;
+    }
+    if (html) {
+      element.innerHTML = html;
+    }
+    const divIcon = new DivIcon(__spreadProps$4(__spreadValues$6({
+      className: ""
+    }, toLIconOpt), {
+      html: element
+    }));
+    return divIcon;
+  }
+  createPaintToLayer(icon) {
+    if (icon && icon.type) {
+      if (icon.type === "icon") {
+        const iconClassName = icon.className;
+        const html = icon.html;
+        if (iconClassName || html) {
+          return (_, latlng) => {
+            const divIcon = this._createDivIcon(icon);
+            return new Marker(latlng, { icon: divIcon });
+          };
+        }
+      } else if (icon.type === "pin") {
         return (_, latlng) => {
-            const p = PAINT;
-            return new CircleMarker(latlng, this.preparePaint({ ...p, ...icon }));
+          return new Marker(latlng);
         };
+      }
     }
-    createPaintOptions(paint) {
-        const geoJsonOptions = {};
-        const newPaint = this.preparePaint(paint);
-        if (paint) {
-            geoJsonOptions.style = () => {
-                return newPaint;
-            };
-        }
-        if (this.layer.type === 'point') {
-            geoJsonOptions.pointToLayer = this.createPaintToLayer(paint);
-        }
-        else if (this.layer.type === 'line') {
-            newPaint.stroke = true;
-        }
-        return geoJsonOptions;
-    }
+    return (_, latlng) => {
+      const p = PAINT;
+      return new CircleMarker(latlng, this.preparePaint(__spreadValues$6(__spreadValues$6({}, p), icon)));
+    };
+  }
+  createPaintOptions(paint) {
+    const geoJsonOptions = {};
+    const newPaint = this.preparePaint(paint);
+    if (paint) {
+      geoJsonOptions.style = () => {
+        return newPaint;
+      };
+    }
+    if (this.layer.type === "point") {
+      geoJsonOptions.pointToLayer = this.createPaintToLayer(
+        paint
+      );
+    } else if (this.layer.type === "line") {
+      newPaint.stroke = true;
+    }
+    return geoJsonOptions;
+  }
 }
 
+var __defProp$7 = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
+    }
+  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 __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 class GeoJsonAdapter extends BaseAdapter {
-    constructor(map, options) {
-        super(map, options);
-        this.selected = false;
-        this._layers = [];
-        this._selectedLayers = [];
-        this._filteredLayers = [];
-        this._openedPopup = [];
-        this.$updateTooltip = debounce$1(() => {
-            this.updateTooltip();
-        }, 300);
-        this.$unselect = () => {
-            this.unselect();
-        };
-        this._events = new GeoJsonEvents(this);
-        this._paint = new GeoJsonPaint(this);
-    }
-    addLayer(options) {
-        Object.assign(this.options, options);
-        this.paint = options.paint;
-        this.layer = new FeatureGroup([], {
-            ...options.nativeOptions,
-            pane: this.pane,
-        });
-        this.selectedPaint = options.selectedPaint;
-        options.paint = this.paint;
-        if (options.data) {
-            this.addData(options.data);
-        }
-        this._addMapListener();
-        return this.layer;
-    }
-    beforeRemove() {
-        this._removeMapListener();
-    }
-    select(findFeatureFun) {
-        this.unselect();
-        if (findFeatureFun) {
-            const def = this._layers.filter(findFeatureFun);
-            for (const x of def) {
-                this._selectLayer(x, 'api');
-            }
-        }
-        else if (!this.selected) {
-            this.selected = true;
-            if (this.selectedPaint) {
-                this._paint.setPaintEachLayer(this.selectedPaint);
-            }
-        }
-    }
-    unselect(findFeatureFun) {
-        if (findFeatureFun) {
-            const feature = this._layers.filter(findFeatureFun);
-            feature.forEach((x) => {
-                this._unSelectLayer(x);
-            });
-        }
-        else if (this.selected) {
-            for (const p of this._openedPopup) {
-                this._removePopup(p[0]);
-            }
-            if (this.paint) {
-                this._paint.setPaintEachLayer(this.paint);
-            }
-            this._selectedLayers.length = 0;
-            this.selected = false;
-        }
-    }
-    getSelected() {
-        return this._selectedLayers.map((x) => {
-            return {
-                target: this,
-                feature: x.feature,
-                layer: x,
-                ...createFeaturePositionOptions(x.feature),
-            };
-        });
-    }
-    getFiltered() {
-        return this._filteredLayers;
-    }
-    filter(fun) {
-        // Some optimization
-        this._filterFun = fun;
-        const layer_ = this.layer;
-        const map = layer_ && layer_._map;
-        if (layer_ && map) {
-            layer_.remove();
-            const filteredLayers = [];
-            this._layers.forEach(({ feature, layer }) => {
-                if (layer) {
-                    const ok = fun
-                        ? fun({
-                            target: this,
-                            feature,
-                            layer,
-                            ...createFeaturePositionOptions(feature),
-                        })
-                        : true;
-                    if (ok) {
-                        layer_.addLayer(layer);
-                        filteredLayers.push({
-                            target: this,
-                            feature,
-                            layer,
-                            ...createFeaturePositionOptions(feature),
-                        });
-                    }
-                    else {
-                        layer_.removeLayer(layer);
-                    }
-                }
-            });
-            this._filteredLayers = filteredLayers;
-            layer_.addTo(map);
-        }
-        return this._filteredLayers;
-    }
-    cleanFilter() {
-        this.filter();
-    }
-    getLayers() {
-        return this._layers.map(({ layer, feature }) => {
-            const visible = layer && !!layer._map;
-            return {
-                feature,
-                layer,
-                visible,
-                target: this,
-                ...createFeaturePositionOptions(feature),
-            };
-        });
-    }
-    clearLayer(cb) {
-        this.unselect();
-        const layer_ = this.layer;
-        if (layer_) {
-            if (cb) {
-                for (let fry = this._layers.length; fry--;) {
-                    const def = this._layers[fry];
-                    if (def) {
-                        const { feature, layer } = def;
-                        if (feature && layer) {
-                            const exist = cb(feature);
-                            if (exist) {
-                                layer_.removeLayer(layer);
-                                this._layers.splice(fry, 1);
-                            }
-                        }
-                    }
-                }
-            }
-            else {
-                layer_.clearLayers();
-                this._layers = [];
-            }
-        }
-    }
-    setData(data) {
-        this.clearLayer();
-        this.addData(data);
-    }
-    addData(data) {
-        const options = this.options;
-        let geoJsonOptions;
-        if (options) {
-            if (data) {
-                let type;
-                if (!options.type) {
-                    const detectedType = detectType(data);
-                    type = typeAlias[detectedType];
-                }
-                else {
-                    type = options.type;
-                }
-                if (this.type && this.type !== type) {
-                    console.warn('no other data type than layer can be added');
-                    return;
-                }
-                this.type = type;
-                data = filterGeometries(data, type);
-                if (data) {
-                    geoJsonOptions = this._getGeoJsonOptions(options, type);
-                }
-            }
-            new GeoJSON(data || undefined, geoJsonOptions);
-        }
-    }
-    openPopup(findFeatureFun, options) {
-        if (findFeatureFun) {
-            const def = this._layers.filter(findFeatureFun);
-            def.forEach((x) => {
-                this._openPopup(x, options, 'api');
-            });
-        }
-    }
-    closePopup(findFeatureFun) {
-        const popupToClose = findFeatureFun
-            ? this._openedPopup.filter((x) => findFeatureFun(x[2]))
-            : this._openedPopup;
-        popupToClose.forEach((x) => {
-            this._removePopup(x[0]);
-        });
-    }
-    updateTooltip(layerDef) {
-        if (layerDef) {
-            this._updateTooltip(layerDef);
-        }
-        else {
-            this.getLayers().forEach((x) => this._updateTooltip({ feature: x.feature, layer: x.layer }));
-        }
-    }
-    /** @deprecated use {@link GeoJsonAdapter.getBounds} instead */
-    getExtent() {
-        return this.getBounds();
-    }
-    getBounds() {
-        if (this.layer) {
-            const bounds = this.layer.getBounds();
-            if (bounds.isValid()) {
-                return boundsToArray(bounds);
-            }
-        }
-    }
-    setOpacity(value) {
-        this.options.opacity = value;
-        this.setPaint(this.paint);
-        this.setSelectedPaint(this.selectedPaint);
-    }
-    setPaint(paint) {
-        if (paint) {
-            this.paint = paint;
-            for (const l of this._layers) {
-                this._paint.setPaint(l, paint);
-            }
-        }
-    }
-    setSelectedPaint(paint) {
-        if (paint) {
-            this.selectedPaint = paint;
-            for (const l of this._selectedLayers) {
-                this._paint.setPaint(l, paint);
-            }
-        }
-    }
-    updatePaint(paint) {
-        this.paint = { ...this.paint, ...paint };
-        for (const l of this._layers) {
-            this._paint.setPaint(l, this.paint);
-        }
-    }
-    updateSelectedPaint(paint) {
-        this.selectedPaint = { ...this.selectedPaint, ...paint };
-        for (const l of this._selectedLayers) {
-            this._paint.setPaint(l, this.selectedPaint);
-        }
-    }
-    _getSelected(layer) {
-        return this._selectedLayers.find((x) => x.layer === layer);
-    }
-    _updateTooltip(layerDef) {
-        const { feature, layer } = layerDef;
-        const { label, labelField, labelOnHover } = this.options;
+  constructor(map, options) {
+    super(map, options);
+    __publicField$4(this, "layer");
+    __publicField$4(this, "selected", false);
+    __publicField$4(this, "type");
+    __publicField$4(this, "_layers", []);
+    __publicField$4(this, "_events");
+    __publicField$4(this, "paint");
+    __publicField$4(this, "selectedPaint");
+    __publicField$4(this, "_selectedLayers", []);
+    __publicField$4(this, "_filteredLayers", []);
+    __publicField$4(this, "_filterFun");
+    __publicField$4(this, "_openedPopup", []);
+    __publicField$4(this, "_paint");
+    __publicField$4(this, "$updateTooltip", debounce$1(() => {
+      this.updateTooltip();
+    }, 300));
+    __publicField$4(this, "$unselect", () => {
+      this.unselect();
+    });
+    this._events = new GeoJsonEvents(this);
+    this._paint = new GeoJsonPaint(this);
+  }
+  addLayer(options) {
+    Object.assign(this.options, options);
+    this.paint = options.paint;
+    this.layer = new FeatureGroup([], __spreadProps$3(__spreadValues$5({}, options.nativeOptions), {
+      pane: this.pane
+    }));
+    this.selectedPaint = options.selectedPaint;
+    options.paint = this.paint;
+    if (options.data) {
+      this.addData(options.data);
+    }
+    this._addMapListener();
+    return this.layer;
+  }
+  beforeRemove() {
+    this._removeMapListener();
+  }
+  select(findFeatureFun) {
+    this.unselect();
+    if (findFeatureFun) {
+      const def = this._layers.filter(findFeatureFun);
+      for (const x of def) {
+        this._selectLayer(x, "api");
+      }
+    } else if (!this.selected) {
+      this.selected = true;
+      if (this.selectedPaint) {
+        this._paint.setPaintEachLayer(
+          this.selectedPaint
+        );
+      }
+    }
+  }
+  unselect(findFeatureFun) {
+    if (findFeatureFun) {
+      const feature = this._layers.filter(findFeatureFun);
+      feature.forEach((x) => {
+        this._unSelectLayer(x);
+      });
+    } else if (this.selected) {
+      for (const p of this._openedPopup) {
+        this._removePopup(p[0]);
+      }
+      if (this.paint) {
+        this._paint.setPaintEachLayer(this.paint);
+      }
+      this._selectedLayers.length = 0;
+      this.selected = false;
+    }
+  }
+  getSelected() {
+    return this._selectedLayers.map((x) => {
+      return __spreadValues$5({
+        target: this,
+        feature: x.feature,
+        layer: x
+      }, createFeaturePositionOptions(x.feature));
+    });
+  }
+  getFiltered() {
+    return this._filteredLayers;
+  }
+  filter(fun) {
+    this._filterFun = fun;
+    const layer_ = this.layer;
+    const map = layer_ && layer_._map;
+    if (layer_ && map) {
+      layer_.remove();
+      const filteredLayers = [];
+      this._layers.forEach(({ feature, layer }) => {
         if (layer) {
-            layer.unbindTooltip();
-            let message;
-            if (feature.properties && labelField) {
-                message = feature.properties[labelField];
-            }
-            else if (label) {
-                message = label({
-                    target: this,
-                    ...layerDef,
-                    ...createFeaturePositionOptions(feature),
-                });
-            }
-            if (message) {
-                const permanent = !labelOnHover;
-                layer.bindTooltip(String(message), { permanent, sticky: false });
-            }
-        }
-    }
-    async _openPopup(def, options = {}, type, latLng) {
-        var _a, _b;
-        const { feature, layer } = def;
-        const { minWidth, autoPan, maxWidth, closeButton: closeButton_, } = {
-            minWidth: 300,
-            ...options,
-        };
-        const closeButton = closeButton_ !== null && closeButton_ !== void 0 ? closeButton_ : !this.options.selectOnHover;
-        let popup;
-        const _closeHandlers = [];
-        const onClose = (handler) => {
-            _closeHandlers.push(handler);
-        };
-        const close = () => {
-            if (popup) {
-                this._removePopup(popup);
-            }
-        };
-        let content;
-        if (options.createPopupContent) {
-            content = await options.createPopupContent({
-                layer,
-                feature,
-                target: this,
-                type,
-                close,
-                onClose,
-                ...createFeaturePositionOptions(feature),
-            });
-        }
-        else {
-            content = options.popupContent;
-        }
-        if (content && layer) {
-            const popupOptions = {
-                minWidth,
-                autoPan,
-                // maxWidth,
-                closeButton,
-                closeOnClick: false,
-                autoClose: false,
-            };
-            if (defined(maxWidth)) {
-                popupOptions.maxWidth = maxWidth;
-            }
-            popup = layer.bindPopup(content, popupOptions);
-            const unselectOnClose = (_b = (_a = this.options.popupOptions) === null || _a === void 0 ? void 0 : _a.unselectOnClose) !== null && _b !== void 0 ? _b : true;
-            if (unselectOnClose) {
-                const p = layer.getPopup();
-                p &&
-                    p.once('remove', () => {
-                        close();
-                    }, this);
-            }
-            this._openedPopup.push([popup, _closeHandlers, def]);
-            popup.openPopup(latLng);
-        }
-    }
-    _removePopup(popup) {
-        var _a, _b;
-        const map = this.map;
-        if (map) {
-            popup.closePopup().unbindPopup();
-            const index = this._openedPopup.findIndex((x) => x[0] === popup);
-            if (index !== -1) {
-                const unselectOnClose = (_b = (_a = this.options.popupOptions) === null || _a === void 0 ? void 0 : _a.unselectOnClose) !== null && _b !== void 0 ? _b : true;
-                const [, closeHandlers, def] = this._openedPopup[index];
-                for (const h of closeHandlers) {
-                    h(def);
-                }
-                closeHandlers.length = 0;
-                if (unselectOnClose) {
-                    this._unSelectLayer(def);
-                }
-                this._openedPopup.splice(index, 1);
-            }
-        }
-    }
-    _getGeoJsonOptions(options, type) {
-        const paint = options.paint;
-        let lopt = {};
-        if (typeof paint === 'function') {
-            if (type === 'point') {
-                // TODO: fix types (@geoman-io/leaflet-geoman-free)
-                lopt.pointToLayer = (feature, latLng) => {
-                    const iconOpt = paint(feature);
-                    const pointToLayer = this._paint.createPaintToLayer(iconOpt);
-                    return pointToLayer(feature, latLng);
-                };
-            }
-            else {
-                lopt = {
-                    style: (feature) => {
-                        if (feature) {
-                            return this._paint.preparePaint({ ...PAINT, ...paint(feature) });
-                        }
-                        else {
-                            return this._paint.preparePaint({ ...PAINT, type: 'path' });
-                        }
-                    },
-                };
-            }
-        }
-        else {
-            lopt = this._paint.createPaintOptions(paint);
-        }
-        lopt.onEachFeature = (feature, layer) => {
-            this._onEachFeature(feature, layer);
-        };
-        return lopt;
-    }
-    _onEachFeature(feature, layer) {
-        const layer_ = this.layer;
-        if (layer_) {
-            const def = {
-                target: this,
-                feature,
-                layer,
-                ...createFeaturePositionOptions(feature),
-            };
-            layer.options.pane = this.pane;
-            this._layers.push(def);
-            let ok = true;
-            if (this._filterFun) {
-                ok = this._filterFun(def);
-            }
-            if (ok) {
-                const { popup, popupOptions, selectable, interactive, selectOnHover } = this.options;
-                // @ts-ignore
-                layer.options.interactive = defined(interactive) ? interactive : true;
-                layer_.addLayer(layer);
-                if (selectable) {
-                    if (selectOnHover) {
-                        layer.on('mouseover', () => {
-                            this._selectLayer(def, 'hover');
-                        });
-                        layer.on('mouseout', () => {
-                            this._unSelectLayer(def);
-                        });
-                    }
-                    else {
-                        layer.on('click', (e) => this._selectOnLayerClick(e), this);
-                    }
-                }
-                this._events.handleMouseEvents(layer);
-                // The timeout is needed to display the popup immediately when adding a layer to the map.
-                // Without a timeout, the layer may not yet have a _map object
-                setTimeout(() => {
-                    if (popup) {
-                        this._openPopup({
-                            target: this,
-                            layer,
-                            feature,
-                            ...createFeaturePositionOptions(feature),
-                        }, popupOptions, 'api');
-                    }
-                    this._updateTooltip({ layer, feature });
-                });
-            }
-        }
-    }
-    _selectOnLayerClick(e) {
-        DomEvent.stopPropagation(e);
-        const layer = e.target;
-        const feature = layer.feature;
-        const def = {
+          const ok = fun ? fun(__spreadValues$5({
             target: this,
-            layer,
             feature,
-            ...createFeaturePositionOptions(feature),
+            layer
+          }, createFeaturePositionOptions(feature))) : true;
+          if (ok) {
+            layer_.addLayer(layer);
+            filteredLayers.push(__spreadValues$5({
+              target: this,
+              feature,
+              layer
+            }, createFeaturePositionOptions(feature)));
+          } else {
+            layer_.removeLayer(layer);
+          }
+        }
+      });
+      this._filteredLayers = filteredLayers;
+      layer_.addTo(map);
+    }
+    return this._filteredLayers;
+  }
+  cleanFilter() {
+    this.filter();
+  }
+  getLayers() {
+    return this._layers.map(({ layer, feature }) => {
+      const visible = layer && !!layer._map;
+      return __spreadValues$5({
+        feature,
+        layer,
+        visible,
+        target: this
+      }, createFeaturePositionOptions(feature));
+    });
+  }
+  clearLayer(cb) {
+    this.unselect();
+    const layer_ = this.layer;
+    if (layer_) {
+      if (cb) {
+        for (let fry = this._layers.length; fry--; ) {
+          const def = this._layers[fry];
+          if (def) {
+            const { feature, layer } = def;
+            if (feature && layer) {
+              const exist = cb(feature);
+              if (exist) {
+                layer_.removeLayer(layer);
+                this._layers.splice(fry, 1);
+              }
+            }
+          }
+        }
+      } else {
+        layer_.clearLayers();
+        this._layers = [];
+      }
+    }
+  }
+  setData(data) {
+    this.clearLayer();
+    this.addData(data);
+  }
+  addData(data) {
+    const options = this.options;
+    let geoJsonOptions;
+    if (options) {
+      if (data) {
+        let type;
+        if (!options.type) {
+          const detectedType = detectType(data);
+          type = typeAlias[detectedType];
+        } else {
+          type = options.type;
+        }
+        if (this.type && this.type !== type) {
+          console.warn("no other data type than layer can be added");
+          return;
+        }
+        this.type = type;
+        data = filterGeometries(data, type);
+        if (data) {
+          geoJsonOptions = this._getGeoJsonOptions(options, type);
+        }
+      }
+      new GeoJSON(data || void 0, geoJsonOptions);
+    }
+  }
+  openPopup(findFeatureFun, options) {
+    if (findFeatureFun) {
+      const def = this._layers.filter(findFeatureFun);
+      def.forEach((x) => {
+        this._openPopup(x, options, "api");
+      });
+    }
+  }
+  closePopup(findFeatureFun) {
+    const popupToClose = findFeatureFun ? this._openedPopup.filter((x) => findFeatureFun(x[2])) : this._openedPopup;
+    popupToClose.forEach((x) => {
+      this._removePopup(x[0]);
+    });
+  }
+  updateTooltip(layerDef) {
+    if (layerDef) {
+      this._updateTooltip(layerDef);
+    } else {
+      this.getLayers().forEach(
+        (x) => this._updateTooltip({ feature: x.feature, layer: x.layer })
+      );
+    }
+  }
+  /** @deprecated use {@link GeoJsonAdapter.getBounds} instead */
+  getExtent() {
+    return this.getBounds();
+  }
+  getBounds() {
+    if (this.layer) {
+      const bounds = this.layer.getBounds();
+      if (bounds.isValid()) {
+        return boundsToArray(bounds);
+      }
+    }
+  }
+  setOpacity(value) {
+    this.options.opacity = value;
+    this.setPaint(this.paint);
+    this.setSelectedPaint(this.selectedPaint);
+  }
+  setPaint(paint) {
+    if (paint) {
+      this.paint = paint;
+      for (const l of this._layers) {
+        this._paint.setPaint(l, paint);
+      }
+    }
+  }
+  setSelectedPaint(paint) {
+    if (paint) {
+      this.selectedPaint = paint;
+      for (const l of this._selectedLayers) {
+        this._paint.setPaint(l, paint);
+      }
+    }
+  }
+  updatePaint(paint) {
+    this.paint = __spreadValues$5(__spreadValues$5({}, this.paint), paint);
+    for (const l of this._layers) {
+      this._paint.setPaint(l, this.paint);
+    }
+  }
+  updateSelectedPaint(paint) {
+    this.selectedPaint = __spreadValues$5(__spreadValues$5({}, this.selectedPaint), paint);
+    for (const l of this._selectedLayers) {
+      this._paint.setPaint(l, this.selectedPaint);
+    }
+  }
+  _getSelected(layer) {
+    return this._selectedLayers.find((x) => x.layer === layer);
+  }
+  _updateTooltip(layerDef) {
+    const { feature, layer } = layerDef;
+    const { label, labelField, labelOnHover } = this.options;
+    if (layer) {
+      layer.unbindTooltip();
+      let message;
+      if (feature.properties && labelField) {
+        message = feature.properties[labelField];
+      } else if (label) {
+        message = label(__spreadValues$5(__spreadValues$5({
+          target: this
+        }, layerDef), createFeaturePositionOptions(feature)));
+      }
+      if (message) {
+        const permanent = !labelOnHover;
+        layer.bindTooltip(String(message), { permanent, sticky: false });
+      }
+    }
+  }
+  _openPopup(_0) {
+    return __async(this, arguments, function* (def, options = {}, type, latLng) {
+      var _a, _b;
+      const { feature, layer } = def;
+      const {
+        minWidth,
+        autoPan,
+        maxWidth,
+        closeButton: closeButton_
+      } = __spreadValues$5({
+        minWidth: 300
+      }, options);
+      const closeButton = closeButton_ != null ? closeButton_ : !this.options.selectOnHover;
+      let popup;
+      const _closeHandlers = [];
+      const onClose = (handler) => {
+        _closeHandlers.push(handler);
+      };
+      const close = () => {
+        if (popup) {
+          this._removePopup(popup);
+        }
+      };
+      let content;
+      if (options.createPopupContent) {
+        content = yield options.createPopupContent(__spreadValues$5({
+          layer,
+          feature,
+          target: this,
+          type,
+          close,
+          onClose
+        }, createFeaturePositionOptions(feature)));
+      } else {
+        content = options.popupContent;
+      }
+      if (content && layer) {
+        const popupOptions = {
+          minWidth,
+          autoPan,
+          // maxWidth,
+          closeButton,
+          closeOnClick: false,
+          autoClose: false
         };
-        const isSelected = this._getSelected(layer);
-        if (isSelected) {
-            if (this.options && this.options.unselectOnSecondClick) {
-                this._unSelectLayer(isSelected);
-            }
-        }
-        else {
-            this._selectLayer(def, 'click', e.latlng);
-        }
+        if (defined(maxWidth)) {
+          popupOptions.maxWidth = maxWidth;
+        }
+        popup = layer.bindPopup(content, popupOptions);
+        const unselectOnClose = (_b = (_a = this.options.popupOptions) == null ? void 0 : _a.unselectOnClose) != null ? _b : true;
+        if (unselectOnClose) {
+          const p = layer.getPopup();
+          p && p.once(
+            "remove",
+            () => {
+              close();
+            },
+            this
+          );
+        }
+        this._openedPopup.push([popup, _closeHandlers, def]);
+        popup.openPopup(latLng);
+      }
+    });
+  }
+  _removePopup(popup) {
+    var _a, _b;
+    const map = this.map;
+    if (map) {
+      popup.closePopup().unbindPopup();
+      const index = this._openedPopup.findIndex((x) => x[0] === popup);
+      if (index !== -1) {
+        const unselectOnClose = (_b = (_a = this.options.popupOptions) == null ? void 0 : _a.unselectOnClose) != null ? _b : true;
+        const [, closeHandlers, def] = this._openedPopup[index];
+        for (const h of closeHandlers) {
+          h(def);
+        }
+        closeHandlers.length = 0;
+        if (unselectOnClose) {
+          this._unSelectLayer(def);
+        }
+        this._openedPopup.splice(index, 1);
+      }
+    }
+  }
+  _getGeoJsonOptions(options, type) {
+    const paint = options.paint;
+    let lopt = {};
+    if (typeof paint === "function") {
+      if (type === "point") {
+        lopt.pointToLayer = (feature, latLng) => {
+          const iconOpt = paint(feature);
+          const pointToLayer = this._paint.createPaintToLayer(
+            iconOpt
+          );
+          return pointToLayer(feature, latLng);
+        };
+      } else {
+        lopt = {
+          style: (feature) => {
+            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" }));
+            }
+          }
+        };
+      }
+    } else {
+      lopt = this._paint.createPaintOptions(paint);
     }
-    _selectLayer(def, type, latlng) {
-        const { multiselect } = this.options;
-        if (!multiselect) {
-            // To unselect layer on another layer click
-            this.map._addUnselectCb(() => {
-                this._unSelectLayer(def);
+    lopt.onEachFeature = (feature, layer) => {
+      this._onEachFeature(feature, layer);
+    };
+    return lopt;
+  }
+  _onEachFeature(feature, layer) {
+    const layer_ = this.layer;
+    if (layer_) {
+      const def = __spreadValues$5({
+        target: this,
+        feature,
+        layer
+      }, createFeaturePositionOptions(feature));
+      layer.options.pane = this.pane;
+      this._layers.push(def);
+      let ok = true;
+      if (this._filterFun) {
+        ok = this._filterFun(def);
+      }
+      if (ok) {
+        const { popup, popupOptions, selectable, interactive, selectOnHover } = this.options;
+        layer.options.interactive = defined(interactive) ? interactive : true;
+        layer_.addLayer(layer);
+        if (selectable) {
+          if (selectOnHover) {
+            layer.on("mouseover", () => {
+              this._selectLayer(def, "hover");
             });
-            this._selectedLayers.forEach((x) => this._unSelectLayer(x));
-        }
-        this._selectedLayers.push(def);
-        this.selected = true;
-        const { selectedPaint, popupOnSelect, popupOptions } = this.options;
-        if (selectedPaint && def.layer) {
-            this._paint.setPaint(def, selectedPaint);
-        }
-        if (popupOnSelect) {
-            this._openPopup(def, popupOptions, type, latlng);
-        }
-        if (this.options.onSelect) {
-            const features = def.feature ? [def.feature] : [];
-            this.options.onSelect({
-                type,
-                layer: this,
-                features,
-                ...createFeaturePositionOptions(features),
+            layer.on("mouseout", () => {
+              this._unSelectLayer(def);
             });
-        }
-    }
-    _unSelectLayer(def) {
-        const index = this._selectedLayers.indexOf(def);
-        if (index !== -1) {
-            this._selectedLayers.splice(index, 1);
-            if (this.options) {
-                if (this.options.paint) {
-                    this._paint.setPaint(def, this.options.paint);
-                }
-                if (this.options.popupOnSelect && def.layer) {
-                    this._removePopup(def.layer);
-                }
-            }
-        }
-        this.selected = this._selectedLayers.length > 0;
-    }
-    _addMapClickListener() {
-        const map = this.map;
-        if (map) {
-            const { unselectOnClick } = this.options;
-            const uoc = unselectOnClick !== null && unselectOnClick !== void 0 ? unselectOnClick : true;
-            if (uoc) {
-                map.on('click', this.$unselect);
-            }
-        }
-    }
-    _removeMapClickListener() {
-        this.map.off('zoomend', this.$updateTooltip);
-        this.map.off('moveend', this.$updateTooltip);
-        this.map.off('click', this.$unselect);
-    }
-    _addMapListener() {
-        const map = this.map;
-        if (map) {
-            const { label, labelField, labelOnHover } = this.options;
-            this._addMapClickListener();
-            if ((labelField || label) && !labelOnHover) {
-                map.on('zoomend', this.$updateTooltip);
-                map.on('moveend', this.$updateTooltip);
-            }
-        }
-    }
-    _removeMapListener() {
-        this._removeMapClickListener();
-        this.map.off('zoomend', this.$updateTooltip);
-        this.map.off('moveend', this.$updateTooltip);
-    }
+          } else {
+            layer.on(
+              "click",
+              (e) => this._selectOnLayerClick(e),
+              this
+            );
+          }
+        }
+        this._events.handleMouseEvents(layer);
+        setTimeout(() => {
+          if (popup) {
+            this._openPopup(
+              __spreadValues$5({
+                target: this,
+                layer,
+                feature
+              }, createFeaturePositionOptions(feature)),
+              popupOptions,
+              "api"
+            );
+          }
+          this._updateTooltip({ layer, feature });
+        });
+      }
+    }
+  }
+  _selectOnLayerClick(e) {
+    DomEvent.stopPropagation(e);
+    const layer = e.target;
+    const feature = layer.feature;
+    const def = __spreadValues$5({
+      target: this,
+      layer,
+      feature
+    }, createFeaturePositionOptions(feature));
+    const isSelected = this._getSelected(layer);
+    if (isSelected) {
+      if (this.options && this.options.unselectOnSecondClick) {
+        this._unSelectLayer(isSelected);
+      }
+    } else {
+      this._selectLayer(def, "click", e.latlng);
+    }
+  }
+  _selectLayer(def, type, latlng) {
+    const { multiselect } = this.options;
+    if (!multiselect) {
+      this.map._addUnselectCb(() => {
+        this._unSelectLayer(def);
+      });
+      this._selectedLayers.forEach((x) => this._unSelectLayer(x));
+    }
+    this._selectedLayers.push(def);
+    this.selected = true;
+    const { selectedPaint, popupOnSelect, popupOptions } = this.options;
+    if (selectedPaint && def.layer) {
+      this._paint.setPaint(def, selectedPaint);
+    }
+    if (popupOnSelect) {
+      this._openPopup(def, popupOptions, type, latlng);
+    }
+    if (this.options.onSelect) {
+      const features = def.feature ? [def.feature] : [];
+      this.options.onSelect(__spreadValues$5({
+        type,
+        layer: this,
+        features
+      }, createFeaturePositionOptions(features)));
+    }
+  }
+  _unSelectLayer(def) {
+    const index = this._selectedLayers.indexOf(def);
+    if (index !== -1) {
+      this._selectedLayers.splice(index, 1);
+      if (this.options) {
+        if (this.options.paint) {
+          this._paint.setPaint(
+            def,
+            this.options.paint
+          );
+        }
+        if (this.options.popupOnSelect && def.layer) {
+          this._removePopup(def.layer);
+        }
+      }
+    }
+    this.selected = this._selectedLayers.length > 0;
+  }
+  _addMapClickListener() {
+    const map = this.map;
+    if (map) {
+      const { unselectOnClick } = this.options;
+      const uoc = unselectOnClick != null ? unselectOnClick : true;
+      if (uoc) {
+        map.on("click", this.$unselect);
+      }
+    }
+  }
+  _removeMapClickListener() {
+    this.map.off("zoomend", this.$updateTooltip);
+    this.map.off("moveend", this.$updateTooltip);
+    this.map.off("click", this.$unselect);
+  }
+  _addMapListener() {
+    const map = this.map;
+    if (map) {
+      const { label, labelField, labelOnHover } = this.options;
+      this._addMapClickListener();
+      if ((labelField || label) && !labelOnHover) {
+        map.on("zoomend", this.$updateTooltip);
+        map.on("moveend", this.$updateTooltip);
+      }
+    }
+  }
+  _removeMapListener() {
+    this._removeMapClickListener();
+    this.map.off("zoomend", this.$updateTooltip);
+    this.map.off("moveend", this.$updateTooltip);
+  }
 }
 
 function callAjax(src, callback, headers) {
-    const xhr = new XMLHttpRequest();
-    xhr.open('GET', src);
-    xhr.responseType = 'arraybuffer';
-    for (const h in headers) {
-        xhr.setRequestHeader(h, headers[h]);
-    }
-    xhr.onload = function () {
-        const arrayBufferView = new Uint8Array(this.response);
-        const blob = new Blob([arrayBufferView], { type: 'image/png' });
-        // @ts-ignore for typedoc
-        const urlCreator = window.URL || window.webkitURL;
-        const imageUrl = urlCreator.createObjectURL(blob);
-        callback(imageUrl);
-    };
-    xhr.send();
-    return () => {
-        xhr.abort();
-    };
+  const xhr = new XMLHttpRequest();
+  xhr.open("GET", src);
+  xhr.responseType = "arraybuffer";
+  for (const h in headers) {
+    xhr.setRequestHeader(h, headers[h]);
+  }
+  xhr.onload = function() {
+    const arrayBufferView = new Uint8Array(this.response);
+    const blob = new Blob([arrayBufferView], { type: "image/png" });
+    const urlCreator = window.URL || window.webkitURL;
+    const imageUrl = urlCreator.createObjectURL(blob);
+    callback(imageUrl);
+  };
+  xhr.send();
+  return () => {
+    xhr.abort();
+  };
 }
 
+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;
+};
 class ImageOverlay extends ImageOverlay$1 {
-    constructor(imageUrl, bounds, options) {
-        super(imageUrl, bounds, options);
-        this._abort = [];
-    }
-    cancelLoad() {
-        if (this._abort) {
-            this._abort.forEach((x) => x());
-            this._abort = [];
-        }
-    }
-    _initImage() {
-        // @ts-ignore
-        super._initImage();
-        // @ts-ignore
-        const headers = this.options.headers;
-        if (headers) {
-            // @ts-ignore
-            const img = this._image;
-            const src = img.src;
-            img.src = '';
-            this._abort.push(callAjax(src, (response) => {
-                img.src = response;
-            }, headers));
-        }
-    }
+  constructor(imageUrl, bounds, options) {
+    super(imageUrl, bounds, options);
+    __publicField$3(this, "_abort", []);
+  }
+  cancelLoad() {
+    if (this._abort) {
+      this._abort.forEach((x) => x());
+      this._abort = [];
+    }
+  }
+  _initImage() {
+    super._initImage();
+    const headers = this.options.headers;
+    if (headers) {
+      const img = this._image;
+      const src = img.src;
+      img.src = "";
+      this._abort.push(
+        callAjax(
+          src,
+          (response) => {
+            img.src = response;
+          },
+          headers
+        )
+      );
+    }
+  }
 }
 
-/*!
- * leaflet.wms.js
- * A collection of Leaflet utilities for working with Web Mapping services.
- * (c) 2014-2016, Houston Engineering, Inc.
- * MIT License
- */
-/*
- * Overlay:
- * "Single Tile" WMS image overlay that updates with map changes.
- * Portions of wms.Overlay are directly extracted from L.TileLayer.WMS.
- * See Leaflet license.
- */
+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;
+};
 class ImageLayer extends Layer {
-    constructor(url, options) {
-        super(options);
-        this.defaultWmsParams = {
-            service: 'WMS',
-            request: 'GetMap',
-            version: '1.1.1',
-            layers: '',
-            styles: '',
-            format: 'image/jpeg',
-            transparent: false,
-        };
-        this.options = {
-            crs: null,
-            uppercase: false,
-            attribution: '',
-            opacity: 1,
-            isBack: false,
-            minZoom: 0,
-            pane: 'tilePane',
-            headers: null,
-            viewPortBuffer: 0,
-            setViewDelay: 100,
-        };
-        this._url = url;
-        // Move WMS parameters to params object
-        const params = {};
-        const opts = {};
-        let opt;
-        for (opt in options) {
-            if (opt in this.options) {
-                opts[opt] = options[opt];
-            }
-            else {
-                params[opt] = options[opt];
-            }
-        }
-        Util.setOptions(this, opts);
-        this.wmsParams = Util.extend({}, this.defaultWmsParams, params);
-    }
-    setParams(params) {
-        Util.extend(this.wmsParams, params);
-        this.update();
-    }
-    getAttribution() {
-        return this.options.attribution || '';
-    }
-    onAdd() {
-        this.update();
-        return this;
-    }
-    onRemove(map) {
-        if (this._currentOverlay) {
-            this._currentOverlay.cancelLoad();
-            map.removeLayer(this._currentOverlay);
-            delete this._currentOverlay;
-        }
-        if (this._currentUrl) {
-            delete this._currentUrl;
-        }
-        return this;
-    }
-    getEvents() {
-        return {
-            moveend: debounce$1(this.update, this.options.setViewDelay),
-        };
+  constructor(url, options) {
+    super(options);
+    __publicField$2(this, "defaultWmsParams", {
+      service: "WMS",
+      request: "GetMap",
+      version: "1.1.1",
+      layers: "",
+      styles: "",
+      format: "image/jpeg",
+      transparent: false
+    });
+    __publicField$2(this, "options", {
+      crs: null,
+      uppercase: false,
+      attribution: "",
+      opacity: 1,
+      isBack: false,
+      minZoom: 0,
+      pane: "tilePane",
+      headers: null,
+      viewPortBuffer: 0,
+      setViewDelay: 100
+    });
+    __publicField$2(this, "wmsParams");
+    __publicField$2(this, "_url");
+    __publicField$2(this, "_currentUrl");
+    __publicField$2(this, "_currentOverlay");
+    this._url = url;
+    const params = {};
+    const opts = {};
+    let opt;
+    for (opt in options) {
+      if (opt in this.options) {
+        opts[opt] = options[opt];
+      } else {
+        params[opt] = options[opt];
+      }
+    }
+    Util.setOptions(this, opts);
+    this.wmsParams = Util.extend({}, this.defaultWmsParams, params);
+  }
+  setParams(params) {
+    Util.extend(this.wmsParams, params);
+    this.update();
+  }
+  getAttribution() {
+    return this.options.attribution || "";
+  }
+  onAdd() {
+    this.update();
+    return this;
+  }
+  onRemove(map) {
+    if (this._currentOverlay) {
+      this._currentOverlay.cancelLoad();
+      map.removeLayer(this._currentOverlay);
+      delete this._currentOverlay;
+    }
+    if (this._currentUrl) {
+      delete this._currentUrl;
+    }
+    return this;
+  }
+  getEvents() {
+    return {
+      moveend: debounce$1(this.update, this.options.setViewDelay)
+    };
+  }
+  update() {
+    if (!this._map) {
+      return;
+    }
+    this.updateWmsParams();
+    const url = this.getImageUrl();
+    if (this._currentUrl === url) {
+      return;
+    }
+    this._currentUrl = url;
+    const viewPortBuffer = this.options.viewPortBuffer || 0;
+    const bounds = this._map.getBounds().pad(viewPortBuffer);
+    const overlay = new ImageOverlay(url, bounds, {
+      opacity: 0,
+      pane: this.options.pane,
+      headers: this.options.headers
+    });
+    overlay.addTo(this._map);
+    if (this._currentOverlay) {
+      this._currentOverlay.cancelLoad();
     }
-    update() {
+    overlay.once(
+      "load",
+      () => {
         if (!this._map) {
-            return;
-        }
-        // Determine image URL and whether it has changed since last update
-        this.updateWmsParams();
-        const url = this.getImageUrl();
-        if (this._currentUrl === url) {
-            return;
-        }
-        this._currentUrl = url;
-        // Keep current image overlay in place until new one loads
-        // (inspired by esri.leaflet)
-        const viewPortBuffer = this.options.viewPortBuffer || 0;
-        const bounds = this._map.getBounds().pad(viewPortBuffer);
-        const overlay = new ImageOverlay(url, bounds, {
-            opacity: 0,
-            pane: this.options.pane,
-            headers: this.options.headers,
-        });
-        overlay.addTo(this._map);
-        if (this._currentOverlay) {
-            this._currentOverlay.cancelLoad();
-        }
-        overlay.once('load', () => {
-            if (!this._map) {
-                return;
-            }
-            // @ts-ignore
-            if (overlay._url !== this._currentUrl) {
-                this._map.removeLayer(overlay);
-                return;
-            }
-            else if (this._currentOverlay) {
-                this._map.removeLayer(this._currentOverlay);
-            }
-            this._currentOverlay = overlay;
-            overlay.setOpacity(this.options.opacity !== undefined ? this.options.opacity : 1);
-            if (this.options.isBack === true) {
-                overlay.bringToBack();
-            }
-            if (this.options.isBack === false) {
-                overlay.bringToFront();
-            }
-            if (this.options.zIndex !== undefined) {
-                overlay.setZIndex(this.options.zIndex);
-            }
-        }, this);
-        const { minZoom, maxZoom } = this.options;
-        if ((minZoom && this._map.getZoom() < minZoom) ||
-            (maxZoom && this._map.getZoom() > maxZoom)) {
-            this._map.removeLayer(overlay);
-        }
-    }
-    setOpacity(opacity) {
-        this.options.opacity = opacity;
-        if (this._currentOverlay) {
-            this._currentOverlay.setOpacity(opacity);
-        }
-    }
-    bringToBack() {
-        this.options.isBack = true;
-        if (this._currentOverlay) {
-            this._currentOverlay.bringToBack();
-        }
-    }
-    bringToFront() {
-        this.options.isBack = false;
-        if (this._currentOverlay) {
-            this._currentOverlay.bringToFront();
-        }
-    }
-    setZIndex(zIndex) {
-        this.options.zIndex = zIndex;
-        if (this._currentOverlay) {
-            this._currentOverlay.setZIndex(zIndex);
-        }
-    }
-    // See L.TileLayer.WMS: onAdd() & getTileUrl()
-    updateWmsParams(map) {
-        if (!map) {
-            map = this._map;
-        }
-        // Compute WMS options
-        const viewPortBuffer = this.options.viewPortBuffer || 0;
-        const bounds = map.getBounds().pad(viewPortBuffer);
-        const size = map.getSize();
-        if (this.options.viewPortBuffer !== 0) {
-            const factor = viewPortBuffer + 1;
-            size.x = Math.ceil(size.x * factor);
-            size.y = Math.ceil(size.y * factor);
-        }
-        const wmsVersion = parseFloat(this.wmsParams.version);
-        const crs = this.options.crs || map.options.crs;
-        const projectionKey = wmsVersion >= 1.3 ? 'crs' : 'srs';
-        if (crs) {
-            const nw = crs.project(bounds.getNorthWest());
-            const se = crs.project(bounds.getSouthEast());
-            // Assemble WMS parameter string
-            const params = {
-                width: size.x,
-                height: size.y,
-            };
-            params[projectionKey] = crs.code;
-            params.bbox = (wmsVersion >= 1.3 && crs === CRS.EPSG4326
-                ? [se.y, nw.x, nw.y, se.x]
-                : [nw.x, se.y, se.x, nw.y]).join(',');
-            Util.extend(this.wmsParams, params);
-        }
-    }
-    getImageUrl() {
-        const uppercase = this.options.uppercase || false;
-        const pstr = Util.getParamString(this.wmsParams, this._url, uppercase);
-        return this._url + pstr;
-    }
+          return;
+        }
+        if (overlay._url !== this._currentUrl) {
+          this._map.removeLayer(overlay);
+          return;
+        } else if (this._currentOverlay) {
+          this._map.removeLayer(this._currentOverlay);
+        }
+        this._currentOverlay = overlay;
+        overlay.setOpacity(
+          this.options.opacity !== void 0 ? this.options.opacity : 1
+        );
+        if (this.options.isBack === true) {
+          overlay.bringToBack();
+        }
+        if (this.options.isBack === false) {
+          overlay.bringToFront();
+        }
+        if (this.options.zIndex !== void 0) {
+          overlay.setZIndex(this.options.zIndex);
+        }
+      },
+      this
+    );
+    const { minZoom, maxZoom } = this.options;
+    if (minZoom && this._map.getZoom() < minZoom || maxZoom && this._map.getZoom() > maxZoom) {
+      this._map.removeLayer(overlay);
+    }
+  }
+  setOpacity(opacity) {
+    this.options.opacity = opacity;
+    if (this._currentOverlay) {
+      this._currentOverlay.setOpacity(opacity);
+    }
+  }
+  bringToBack() {
+    this.options.isBack = true;
+    if (this._currentOverlay) {
+      this._currentOverlay.bringToBack();
+    }
+  }
+  bringToFront() {
+    this.options.isBack = false;
+    if (this._currentOverlay) {
+      this._currentOverlay.bringToFront();
+    }
+  }
+  setZIndex(zIndex) {
+    this.options.zIndex = zIndex;
+    if (this._currentOverlay) {
+      this._currentOverlay.setZIndex(zIndex);
+    }
+  }
+  // See L.TileLayer.WMS: onAdd() & getTileUrl()
+  updateWmsParams(map) {
+    if (!map) {
+      map = this._map;
+    }
+    const viewPortBuffer = this.options.viewPortBuffer || 0;
+    const bounds = map.getBounds().pad(viewPortBuffer);
+    const size = map.getSize();
+    if (this.options.viewPortBuffer !== 0) {
+      const factor = viewPortBuffer + 1;
+      size.x = Math.ceil(size.x * factor);
+      size.y = Math.ceil(size.y * factor);
+    }
+    const wmsVersion = parseFloat(this.wmsParams.version);
+    const crs = this.options.crs || map.options.crs;
+    const projectionKey = wmsVersion >= 1.3 ? "crs" : "srs";
+    if (crs) {
+      const nw = crs.project(bounds.getNorthWest());
+      const se = crs.project(bounds.getSouthEast());
+      const params = {
+        width: size.x,
+        height: size.y
+      };
+      params[projectionKey] = crs.code;
+      params.bbox = (wmsVersion >= 1.3 && crs === CRS.EPSG4326 ? [se.y, nw.x, nw.y, se.x] : [nw.x, se.y, se.x, nw.y]).join(",");
+      Util.extend(this.wmsParams, params);
+    }
+  }
+  getImageUrl() {
+    const uppercase = this.options.uppercase || false;
+    const pstr = Util.getParamString(this.wmsParams, this._url, uppercase);
+    return this._url + pstr;
+  }
 }
 
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
+    }
+  return a;
+};
+var __publicField$1 = (obj, key, value) => {
+  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 class ImageAdapter extends BaseAdapter {
-    addLayer(options) {
-        const url = options && options.url;
-        if (url) {
-            options = { transparent: true, ...options };
-            const updateWmsParamsFromOpt = options.updateWmsParams;
-            this.layer = new ImageLayer(url, {
-                pane: this.pane,
-                headers: options.headers,
-                setViewDelay: options.setViewDelay,
-                /**
-                 * TODO: safe remove, use only options.nativeOptions
-                 */
-                ...options,
-                ...options.params,
-                ...options.nativeOptions,
-            });
-            if (updateWmsParamsFromOpt) {
-                const updateWmsParams = this.layer.updateWmsParams;
-                this.layer.updateWmsParams = function (map) {
-                    updateWmsParams.call(this, map);
-                    this.wmsParams = updateWmsParamsFromOpt(this.wmsParams);
-                };
-            }
-            return this.layer;
-        }
+  constructor() {
+    super(...arguments);
+    __publicField$1(this, "layer");
+  }
+  addLayer(options) {
+    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({
+        pane: this.pane,
+        headers: options.headers,
+        setViewDelay: options.setViewDelay
+      }, options), options.params), options.nativeOptions));
+      if (updateWmsParamsFromOpt) {
+        const updateWmsParams = this.layer.updateWmsParams;
+        this.layer.updateWmsParams = function(map) {
+          updateWmsParams.call(this, map);
+          this.wmsParams = updateWmsParamsFromOpt(this.wmsParams);
+        };
+      }
+      return this.layer;
     }
+  }
 }
 
-// based on https://github.com/bvaughn/debounce-decorator
 function debounce(cb, wait = 10) {
-    let timeoutId;
-    function wrapper(...args) {
-        wrapper.clear();
-        timeoutId = setTimeout(() => {
-            timeoutId = null;
-            cb.apply(this, args);
-        }, wait);
-    }
-    wrapper.clear = function () {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-            timeoutId = null;
-        }
-    };
-    return wrapper;
+  let timeoutId;
+  function wrapper(...args) {
+    wrapper.clear();
+    timeoutId = setTimeout(() => {
+      timeoutId = null;
+      cb.apply(this, args);
+    }, wait);
+  }
+  wrapper.clear = function() {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+      timeoutId = null;
+    }
+  };
+  return wrapper;
 }
 
 function makeRemote(Base) {
-    return class RemoteTileLayer extends Base {
-        constructor(...args) {
-            super(...args);
-            if (this.options.setViewDelay) {
-                // @ts-ignore
-                this._update = debounce((...a) => {
-                    // @ts-ignore
-                    GridLayer.prototype._update.call(this, ...a);
-                }, this.options.setViewDelay);
-            }
-        }
-        createTile(coords, done) {
-            // @ts-ignore
-            const url = this.getTileUrl(coords);
-            const tile = document.createElement('img');
-            tile.abort = callAjax(url, (response) => {
-                tile.src = response;
-                done(null, tile);
-            }, 
-            // @ts-ignore
-            this.options.headers);
-            if (this.options.crossOrigin || this.options.crossOrigin === '') {
-                tile.crossOrigin =
-                    this.options.crossOrigin === true ? '' : this.options.crossOrigin;
-            }
-            tile.alt = '';
-            tile.setAttribute('role', 'presentation');
-            return tile;
-        }
-        _abortLoading() {
-            // @ts-ignore
-            const tiles = this._tiles;
-            // @ts-ignore
-            const tileZoom = this._tileZoom;
-            for (const i in tiles) {
-                if (tiles[i].coords.z !== tileZoom) {
-                    const tile = tiles[i].el;
-                    tile.onload = Util.falseFn;
-                    tile.onerror = Util.falseFn;
-                    if (!tile.complete) {
-                        if (tile.abort) {
-                            tile.abort();
-                        }
-                        tile.src = Util.emptyImageUrl;
-                        DomUtil.remove(tile);
-                        delete tiles[i];
-                    }
-                }
-            }
-        }
-    };
+  return class RemoteTileLayer extends Base {
+    constructor(...args) {
+      super(...args);
+      if (this.options.setViewDelay) {
+        this._update = debounce((...a) => {
+          GridLayer.prototype._update.call(this, ...a);
+        }, this.options.setViewDelay);
+      }
+    }
+    createTile(coords, done) {
+      const url = this.getTileUrl(coords);
+      const tile = document.createElement("img");
+      tile.abort = callAjax(
+        url,
+        (response) => {
+          tile.src = response;
+          done(null, tile);
+        },
+        // @ts-ignore
+        this.options.headers
+      );
+      if (this.options.crossOrigin || this.options.crossOrigin === "") {
+        tile.crossOrigin = this.options.crossOrigin === true ? "" : this.options.crossOrigin;
+      }
+      tile.alt = "";
+      tile.setAttribute("role", "presentation");
+      return tile;
+    }
+    _abortLoading() {
+      const tiles = this._tiles;
+      const tileZoom = this._tileZoom;
+      for (const i in tiles) {
+        if (tiles[i].coords.z !== tileZoom) {
+          const tile = tiles[i].el;
+          tile.onload = Util.falseFn;
+          tile.onerror = Util.falseFn;
+          if (!tile.complete) {
+            if (tile.abort) {
+              tile.abort();
+            }
+            tile.src = Util.emptyImageUrl;
+            DomUtil.remove(tile);
+            delete tiles[i];
+          }
+        }
+      }
+    }
+  };
 }
 
 class TileLayerBase extends TileLayer$1 {
-    constructor(urlTemplate, options) {
-        super(urlTemplate, options);
-        Object.assign(this.options, options);
-    }
+  constructor(urlTemplate, options) {
+    super(urlTemplate, options);
+    Object.assign(this.options, options);
+  }
 }
 const TileLayer = makeRemote(TileLayerBase);
 
+var __defProp$3 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 class TileAdapter extends BaseAdapter {
-    addLayer(options) {
-        this.options = Object.assign(this.options, options);
-        if (options) {
-            const { url, ...opt } = options;
-            if (url) {
-                const tileLayerOptions = {
-                    pane: this.pane,
-                    attribution: opt.attribution,
-                    minZoom: opt.minZoom,
-                    maxZoom: opt.maxZoom,
-                    ...opt.nativeOptions,
-                };
-                if (opt.subdomains) {
-                    tileLayerOptions.subdomains = opt.subdomains;
-                }
-                let layer;
-                if (opt.headers) {
-                    layer = new TileLayer(url, {
-                        ...tileLayerOptions,
-                        headers: opt.headers,
-                        setViewDelay: opt.setViewDelay,
-                    });
-                }
-                else {
-                    layer = new TileLayer$1(url, tileLayerOptions);
-                }
-                return layer;
-            }
-        }
-    }
+  addLayer(options) {
+    this.options = Object.assign(this.options, options);
+    if (options) {
+      const _a = options, { url } = _a, opt = __objRest$1(_a, ["url"]);
+      if (url) {
+        const tileLayerOptions = __spreadValues$3({
+          pane: this.pane,
+          attribution: opt.attribution,
+          minZoom: opt.minZoom,
+          maxZoom: opt.maxZoom
+        }, opt.nativeOptions);
+        if (opt.subdomains) {
+          tileLayerOptions.subdomains = opt.subdomains;
+        }
+        let layer;
+        if (opt.headers) {
+          layer = new TileLayer(url, __spreadProps$2(__spreadValues$3({}, tileLayerOptions), {
+            headers: opt.headers,
+            setViewDelay: opt.setViewDelay
+          }));
+        } else {
+          layer = new TileLayer$1(url, tileLayerOptions);
+        }
+        return layer;
+      }
+    }
+  }
 }
 
+var __defProp$2 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 class OsmAdapter extends TileAdapter {
-    addLayer(options) {
-        const url = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
-        return super.addLayer({
-            name: 'OpenStreetMap',
-            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
-            ...options,
-            url,
-        });
-    }
+  addLayer(options) {
+    const url = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
+    return super.addLayer(__spreadProps$1(__spreadValues$2({
+      name: "OpenStreetMap",
+      attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+    }, options), {
+      url
+    }));
+  }
 }
 
 class WmsLayerBase extends TileLayer$1.WMS {
-    constructor(urlTemplate, options) {
-        super(urlTemplate, options);
-    }
+  constructor(urlTemplate, options) {
+    super(urlTemplate, options);
+  }
 }
 const WmsLayer = makeRemote(WmsLayerBase);
 
+var __defProp$1 = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 class WmsAdapter extends BaseAdapter {
-    addLayer(options) {
-        Object.assign(this.options, options);
-        const { url, ...opt } = options;
-        if (url) {
-            const layerOptions = {
-                pane: this.pane,
-                attribution: opt.attribution,
-                minZoom: opt.minZoom,
-                maxZoom: opt.maxZoom,
-                layers: options.layers,
-                format: options.format,
-                ...options.nativeOptions,
-            };
-            let layer;
-            if (opt.headers) {
-                layer = new WmsLayer(url, { ...layerOptions, headers: opt.headers });
-            }
-            else {
-                layer = new TileLayer$1.WMS(url, layerOptions);
-            }
-            return layer;
-        }
-    }
+  addLayer(options) {
+    Object.assign(this.options, options);
+    const _a = options, { url } = _a, opt = __objRest(_a, ["url"]);
+    if (url) {
+      const layerOptions = __spreadValues$1({
+        pane: this.pane,
+        attribution: opt.attribution,
+        minZoom: opt.minZoom,
+        maxZoom: opt.maxZoom,
+        layers: options.layers,
+        format: options.format
+      }, options.nativeOptions);
+      let layer;
+      if (opt.headers) {
+        layer = new WmsLayer(url, __spreadProps(__spreadValues$1({}, layerOptions), { headers: opt.headers }));
+      } else {
+        layer = new TileLayer$1.WMS(url, layerOptions);
+      }
+      return layer;
+    }
+  }
 }
 
 function arrayToBoundsExpression(bounds) {
-    const e = bounds;
-    // top, left, bottom, right
-    return [
-        [e[3], e[0]],
-        [e[1], e[2]],
-    ];
+  const e = bounds;
+  return [
+    [e[3], e[0]],
+    [e[1], e[2]]
+  ];
 }
 
-class LeafletMapAdapter$1 {
-    constructor() {
-        this.options = { target: 'map' };
-        this.layerAdapters = LeafletMapAdapter$1.layerAdapters;
-        this.controlAdapters = LeafletMapAdapter$1.controlAdapters;
-        this.emitter = new EventEmitter();
-        this._unselectCb = [];
-        this._universalEvents = [
-            'move',
-            'zoom',
-            'zoomend',
-            'zoomstart',
-            'moveend',
-            'movestart',
-        ];
-        this._positionEvents = [
-            'mousemove',
-            'mouseout',
-            'mouseover',
-        ];
-    }
-    create(options) {
-        this.options = { ...options };
-        if (this.options.target) {
-            const { zoom, center, maxZoom, minZoom, maxBounds: mb, mapAdapterOptions, } = this.options;
-            this.map =
-                this.options.map ||
-                    new Map(this.options.target, {
-                        attributionControl: false,
-                        zoomControl: false,
-                        maxBounds: mb ? arrayToBoundsExpression(mb) : undefined,
-                        maxZoom,
-                        minZoom,
-                        center: center && [center[1], center[0]],
-                        zoom,
-                        ...mapAdapterOptions,
-                    });
-            // create default pane
-            const defPane = this.map.createPane('order-0');
-            this.map._addUnselectCb = (def) => {
-                this._addUnselectCb(def);
-            };
-            defPane.style.zIndex = String(0);
-            this.emitter.emit('create', this);
-            this._addMapListeners();
-        }
-    }
-    destroy() {
-        if (this.map) {
-            this.map.remove();
-        }
-        this._stopWatchSizeChangeToUpdateMinZoom();
-    }
-    getContainer() {
-        return this.map && this.map.getContainer();
-    }
-    getControlContainer() {
-        const controlContainer = this.map && this.map._controlContainer;
-        if (controlContainer) {
-            return controlContainer;
-        }
-        throw new Error('Leaflet Map is not initialized yet');
-    }
-    setCursor(cursor) {
-        if (this.map) {
-            this.map.getContainer().style.cursor = cursor;
-        }
-    }
-    setView(lngLatOrOpt, zoom) {
-        const map = this.map;
-        if (!map)
-            return;
-        if (Array.isArray(lngLatOrOpt)) {
-            const lngLat = lngLatOrOpt;
-            const [lng, lat] = lngLat;
-            if (this.map) {
-                if (typeof zoom === 'number') {
-                    this.map.setView([lat, lng], zoom, { animate: false });
-                }
-                else {
-                    this.setCenter([lng, lat]);
-                }
-            }
-        }
-        else {
-            const { zoom, center, maxBounds, bounds, minZoom, maxZoom } = lngLatOrOpt;
-            if (center && zoom !== undefined) {
-                this.setView(center, zoom);
-            }
-            else {
-                if (zoom !== undefined) {
-                    this.setZoom(zoom);
-                }
-                if (center) {
-                    this.setCenter(center);
-                }
-            }
-            if (bounds) {
-                this.fitBounds(bounds);
-            }
-            if (maxBounds !== undefined) {
-                if (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);
-            }
-        }
-    }
-    setCenter(lngLat) {
-        const [lng, lat] = lngLat;
-        if (this.map) {
-            this.map.panTo([lat, lng]);
-        }
-    }
-    getCenter() {
-        const map = this.map;
-        if (map) {
-            const bounds = map.getBounds();
-            const center = bounds.getCenter();
-            return [center.lng, center.lat];
-        }
-    }
-    setZoom(zoom) {
-        if (this.map) {
-            this.map.setZoom(zoom);
-        }
-    }
-    getZoom() {
-        var _a;
-        return (_a = (this.map && this.map.getZoom())) !== null && _a !== void 0 ? _a : undefined;
-    }
-    getBounds() {
-        if (!this.map)
-            return undefined;
-        const b = this.map.getBounds();
-        const sw = b.getSouthWest();
-        const ne = b.getNorthEast();
-        return [sw.lng, sw.lat, ne.lng, ne.lat];
-    }
-    // [west, south, east, north]
-    fitBounds(bounds, options = {}) {
-        if (this.map) {
-            const { maxZoom, offset, padding } = options;
-            const opt = {};
-            if (maxZoom) {
-                opt.maxZoom = maxZoom;
-            }
-            if (padding) {
-                opt.padding = [padding, padding];
-            }
-            if (offset) {
-                opt.padding = offset;
-            }
-            this.map.fitBounds(arrayToBoundsExpression(bounds), opt);
-        }
-    }
-    getLayerAdapter(name) {
-        return LeafletMapAdapter$1.layerAdapters[name];
-    }
-    createControl(control, options) {
-        return createControl(control, options, this);
-    }
-    createButtonControl(options) {
-        return createButtonControl(options, this);
-    }
-    addControl(control, position) {
-        control.options.position = position.replace('-', '');
-        if (this.map) {
-            this.map.addControl(control);
-            return control;
-        }
-    }
-    removeControl(control) {
-        if (this.map) {
-            this.map.removeControl(control);
-        }
-    }
-    removeLayer(layer) {
-        layer && layer.remove && layer.remove();
-    }
-    showLayer(layer) {
-        if (this.map) {
-            layer.addTo(this.map);
-        }
-    }
-    hideLayer(layer) {
-        layer.remove();
-    }
-    setLayerOpacity(layer, value) {
-        if ('setOpacity' in layer) {
-            layer.setOpacity(value);
-        }
-    }
-    setLayerOrder(layer, order, layers) {
-        //
-    }
-    onMapClick(evt) {
-        const converted = convertMapClickEvent(evt);
-        this.emitter.emit('preclick', converted);
-        this.emitter.emit('click', converted);
-    }
-    locate(opt, events) {
-        const map = this.map;
-        if (map) {
-            map.locate(opt);
-            if (events) {
-                const { locationfound, locationerror } = events;
-                const locationFound = (e) => {
-                    const event = e;
-                    const lngLat = [event.latlng.lng, event.latlng.lat];
-                    locationfound({ lngLat });
-                };
-                if (locationfound !== undefined) {
-                    map.on('locationfound', locationFound, this);
-                }
-                if (locationerror) {
-                    map.on('locationerror', locationerror, this);
-                }
-                const stop = () => {
-                    if (locationfound !== undefined) {
-                        map.off('locationfound', locationFound);
-                    }
-                    if (locationerror) {
-                        map.off('locationerror', locationerror);
-                    }
-                };
-                return { stop };
-            }
-        }
-        const stop = () => void 'fake function';
-        return { stop };
-    }
-    _addUnselectCb(cb) {
-        for (const p of this._unselectCb) {
-            p();
-        }
-        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) {
-            map.on('click', (evt) => {
-                this.onMapClick(evt);
-            });
-            for (const e of this._universalEvents) {
-                map.on(e, () => this.emitter.emit(e, this), map);
-            }
-            for (const e of this._positionEvents) {
-                map.on(e, (evt) => this.emitter.emit(e, convertMapClickEvent(evt)), map);
-            }
-        }
-    }
-}
-LeafletMapAdapter$1.layerAdapters = {
-    GEOJSON: GeoJsonAdapter,
-    IMAGE: ImageAdapter,
-    TILE: TileAdapter,
-    WMS: WmsAdapter,
-    // // MVT: MvtAdapter,
-    OSM: OsmAdapter,
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
 };
-LeafletMapAdapter$1.controlAdapters = {
-    ZOOM: Control.Zoom,
-    ATTRIBUTION: AttributionControl,
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
 };
-LeafletMapAdapter$1.Map = Map;
-
-/**
- * @module leaflet-map-adapter
- */
-var LeafletMapAdapter = LeafletMapAdapter$1;
+const _LeafletMapAdapter = class _LeafletMapAdapter {
+  constructor() {
+    __publicField(this, "options", { target: "map" });
+    __publicField(this, "layerAdapters", _LeafletMapAdapter.layerAdapters);
+    __publicField(this, "controlAdapters", _LeafletMapAdapter.controlAdapters);
+    __publicField(this, "emitter", new EventEmitter());
+    __publicField(this, "map");
+    __publicField(this, "_resizeObserver");
+    __publicField(this, "_unselectCb", []);
+    __publicField(this, "_universalEvents", [
+      "move",
+      "zoom",
+      "zoomend",
+      "zoomstart",
+      "moveend",
+      "movestart"
+    ]);
+    __publicField(this, "_positionEvents", [
+      "mousemove",
+      "mouseout",
+      "mouseover"
+    ]);
+  }
+  create(options) {
+    this.options = __spreadValues({}, options);
+    if (this.options.target) {
+      const {
+        zoom,
+        center,
+        maxZoom,
+        minZoom,
+        maxBounds: mb,
+        mapAdapterOptions
+      } = this.options;
+      this.map = this.options.map || new Map(this.options.target, __spreadValues({
+        attributionControl: false,
+        zoomControl: false,
+        maxBounds: mb ? arrayToBoundsExpression(mb) : void 0,
+        maxZoom,
+        minZoom,
+        center: center && [center[1], center[0]],
+        zoom
+      }, mapAdapterOptions));
+      const defPane = this.map.createPane("order-0");
+      this.map._addUnselectCb = (def) => {
+        this._addUnselectCb(def);
+      };
+      defPane.style.zIndex = String(0);
+      this.emitter.emit("create", this);
+      this._addMapListeners();
+    }
+  }
+  destroy() {
+    if (this.map) {
+      this.map.remove();
+    }
+    this._stopWatchSizeChangeToUpdateMinZoom();
+  }
+  getContainer() {
+    return this.map && this.map.getContainer();
+  }
+  getControlContainer() {
+    const controlContainer = this.map && this.map._controlContainer;
+    if (controlContainer) {
+      return controlContainer;
+    }
+    throw new Error("Leaflet Map is not initialized yet");
+  }
+  setCursor(cursor) {
+    if (this.map) {
+      this.map.getContainer().style.cursor = cursor;
+    }
+  }
+  setView(lngLatOrOpt, zoom) {
+    const map = this.map;
+    if (!map)
+      return;
+    if (Array.isArray(lngLatOrOpt)) {
+      const lngLat = lngLatOrOpt;
+      const [lng, lat] = lngLat;
+      if (this.map) {
+        if (typeof zoom === "number") {
+          this.map.setView([lat, lng], zoom, { animate: false });
+        } else {
+          this.setCenter([lng, lat]);
+        }
+      }
+    } else {
+      const { zoom: zoom2, center, maxBounds, bounds, minZoom, maxZoom } = lngLatOrOpt;
+      if (center && zoom2 !== void 0) {
+        this.setView(center, zoom2);
+      } else {
+        if (zoom2 !== void 0) {
+          this.setZoom(zoom2);
+        }
+        if (center) {
+          this.setCenter(center);
+        }
+      }
+      if (bounds) {
+        this.fitBounds(bounds);
+      }
+      if (maxBounds !== void 0) {
+        if (maxBounds) {
+          const b = arrayToBoundsExpression(maxBounds);
+          map.setMaxBounds(b);
+          map.setMinZoom(map.getBoundsZoom(b));
+          this._watchSizeChangeToUpdateMinZoom(b);
+        } else {
+          map.setMaxBounds(null);
+          this._stopWatchSizeChangeToUpdateMinZoom();
+        }
+      }
+      if (maxZoom !== void 0) {
+        map.setMaxZoom(maxZoom);
+      }
+      if (minZoom !== void 0) {
+        this._stopWatchSizeChangeToUpdateMinZoom();
+        map.setMinZoom(minZoom);
+      }
+    }
+  }
+  setCenter(lngLat) {
+    const [lng, lat] = lngLat;
+    if (this.map) {
+      this.map.panTo([lat, lng]);
+    }
+  }
+  getCenter() {
+    const map = this.map;
+    if (map) {
+      const bounds = map.getBounds();
+      const center = bounds.getCenter();
+      return [center.lng, center.lat];
+    }
+  }
+  setZoom(zoom) {
+    if (this.map) {
+      this.map.setZoom(zoom);
+    }
+  }
+  getZoom() {
+    var _a;
+    return (_a = this.map && this.map.getZoom()) != null ? _a : void 0;
+  }
+  getBounds() {
+    if (!this.map)
+      return void 0;
+    const b = this.map.getBounds();
+    const sw = b.getSouthWest();
+    const ne = b.getNorthEast();
+    return [sw.lng, sw.lat, ne.lng, ne.lat];
+  }
+  // [west, south, east, north]
+  fitBounds(bounds, options = {}) {
+    if (this.map) {
+      const { maxZoom, offset, padding } = options;
+      const opt = {};
+      if (maxZoom) {
+        opt.maxZoom = maxZoom;
+      }
+      if (padding) {
+        opt.padding = [padding, padding];
+      }
+      if (offset) {
+        opt.padding = offset;
+      }
+      this.map.fitBounds(arrayToBoundsExpression(bounds), opt);
+    }
+  }
+  getLayerAdapter(name) {
+    return _LeafletMapAdapter.layerAdapters[name];
+  }
+  createControl(control, options) {
+    return createControl(control, options, this);
+  }
+  createButtonControl(options) {
+    return createButtonControl(options, this);
+  }
+  addControl(control, position) {
+    control.options.position = position.replace("-", "");
+    if (this.map) {
+      this.map.addControl(control);
+      return control;
+    }
+  }
+  removeControl(control) {
+    if (this.map) {
+      this.map.removeControl(control);
+    }
+  }
+  removeLayer(layer) {
+    layer && layer.remove && layer.remove();
+  }
+  showLayer(layer) {
+    if (this.map) {
+      layer.addTo(this.map);
+    }
+  }
+  hideLayer(layer) {
+    layer.remove();
+  }
+  setLayerOpacity(layer, value) {
+    if ("setOpacity" in layer) {
+      layer.setOpacity(value);
+    }
+  }
+  setLayerOrder(layer, order, layers) {
+  }
+  onMapClick(evt) {
+    const converted = convertMapClickEvent(evt);
+    this.emitter.emit("preclick", converted);
+    this.emitter.emit("click", converted);
+  }
+  locate(opt, events) {
+    const map = this.map;
+    if (map) {
+      map.locate(opt);
+      if (events) {
+        const { locationfound, locationerror } = events;
+        const locationFound = (e) => {
+          const event = e;
+          const lngLat = [event.latlng.lng, event.latlng.lat];
+          locationfound({ lngLat });
+        };
+        if (locationfound !== void 0) {
+          map.on("locationfound", locationFound, this);
+        }
+        if (locationerror) {
+          map.on("locationerror", locationerror, this);
+        }
+        const stop2 = () => {
+          if (locationfound !== void 0) {
+            map.off("locationfound", locationFound);
+          }
+          if (locationerror) {
+            map.off("locationerror", locationerror);
+          }
+        };
+        return { stop: stop2 };
+      }
+    }
+    const stop = () => void 0;
+    return { stop };
+  }
+  _addUnselectCb(cb) {
+    for (const p of this._unselectCb) {
+      p();
+    }
+    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 = void 0;
+    }
+  }
+  _addMapListeners() {
+    const map = this.map;
+    if (map) {
+      map.on("click", (evt) => {
+        this.onMapClick(evt);
+      });
+      for (const e of this._universalEvents) {
+        map.on(e, () => this.emitter.emit(e, this), map);
+      }
+      for (const e of this._positionEvents) {
+        map.on(
+          e,
+          (evt) => this.emitter.emit(
+            e,
+            convertMapClickEvent(evt)
+          ),
+          map
+        );
+      }
+    }
+  }
+};
+__publicField(_LeafletMapAdapter, "layerAdapters", {
+  GEOJSON: GeoJsonAdapter,
+  IMAGE: ImageAdapter,
+  TILE: TileAdapter,
+  WMS: WmsAdapter,
+  // // MVT: MvtAdapter,
+  OSM: OsmAdapter
+});
+__publicField(_LeafletMapAdapter, "controlAdapters", {
+  ZOOM: Control.Zoom,
+  ATTRIBUTION: AttributionControl
+});
+__publicField(_LeafletMapAdapter, "Map", Map);
+let LeafletMapAdapter = _LeafletMapAdapter;
 
 export { LeafletMapAdapter as default };
 //# sourceMappingURL=leaflet-map-adapter.esm-bundler.js.map