mapboxgl-tools 2.0.0 → 2.1.0

package/dist/ui.es.js

@@ -1,5 +1,6 @@
-(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode(".wbiokr-com-checkbox.wbiokr-com-checked .wbiokr-com-checkbox-content{margin-bottom:1px}.wbiokr-com-checkbox .wbiokr-com-checkbox-content.w-5.h-5{width:7px;height:7px}.wbiokr-ctrl-main{transition:all ease .4s;transform:scale(0);opacity:0;background-color:#fff;box-shadow:0 0 3px 1px #8e8e8e;border-radius:4px;overflow:hidden;padding:0 10px}.wbiokr-ctrl-entry path{transition:all ease-in .5s}.wbiokr-ctrl-active .wbiokr-ctrl-main{transform:none;opacity:1}.wbiokr-ctrl-active .wbiokr-ctrl-entry path{fill:#189fff}.wbiokr-ctrl-close{cursor:pointer;background:rgba(241,37,37,.91)!important;color:#fff;font-size:16px}.mapboxgl-ctrl-top-left .wbiokr-ctrl-absolute{position:absolute!important;left:33px;top:0;transform-origin:left top}.mapboxgl-ctrl-bottom-left .wbiokr-ctrl-absolute{position:absolute!important;left:33px;bottom:0;transform-origin:left bottom}.mapboxgl-ctrl-top-right .wbiokr-ctrl-absolute{position:absolute!important;right:33px;top:0;transform-origin:right top}.mapboxgl-ctrl-bottom-right .wbiokr-ctrl-absolute{position:absolute!important;right:33px;bottom:0;transform-origin:right bottom}.wbiokr-control-measureDistance-result,.wbiokr-control-measureArea-result{padding:1px 5px;background:#ffffffe8;border-radius:5px;box-shadow:0 0 4px 1px #999}.wbiokr-control-pick .wbiokr-control-pick-main{min-width:115px;height:29px;display:flex;justify-content:flex-start;align-items:center}.mapboxgl-wbkrect-control .mapboxgl-wbkrect-control-entry{transition:all ease .3s}.mapboxgl-wbkrect-control .mapboxgl-wbkrect-control-entry.wbk-show path{fill:#189fff}.wbiokr-control-positionControl-main textarea{border:1px solid #eee}.wbiokr-control-positionControl-main textarea:hover,.wbiokr-control-positionControl-main textarea:focus{border:1px solid #189fff}.wbiokr-control-positionControl-main textarea:focus{box-shadow:0 0 3px #189fff}.wbiokr-control-positionControl-main ul{max-height:200px}.wbiokr-control-positionControl-main ul li:hover .wbiokr-position-loc{color:#189fff}.wbiokr-control-positionControl-main .wbiokr-position-tag{color:#389e0d;height:24px;min-width:30px;background:#e6f7ff;border:1px solid #b7eb8f;border-radius:3px;padding:0 2px}.wbiokr-control-positionControl-main .wbokr-position-selected .wbiokr-position-tag{color:#096dd9;border-color:#91d5ff}.wbiokr-control-positionControl-main .wbokr-position-selected .wbiokr-position-loc{color:#189fff}.wbiokr-control-layersTree-main{background-color:#fffffff2}.wbiokr-control-layersTree-main-ul li{color:#ccc}.wbiokr-control-layersTree-main-ul li.wbiokr-active{color:#333}.wbiokr-control-layersTree-main-ul li:not(.wbiokr-active) svg{fill:#ccc!important}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import "@wbiokr/css-class";
-import { coordListByStr } from "gis-plugins";
+import "vue";
+import "@wbiokr/css-class";
+import { coordListByStr } from "@wbiokr/geo";
 function createUuid(num) {
   function S4() {
     return ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
@@ -38,868 +39,760 @@ function copyContent(text) {
   document.execCommand("copy");
   document.body.removeChild(input);
 }
-var index = "";
-const options$6 = {
-  className: "",
-  checked: false,
-  disabled: false,
-  indeterminate: false,
-  onChange: () => {
-  }
-};
-class Checkbox {
-  constructor(container, e) {
-    this.options = {
-      ...options$6,
-      ...e
+function e$1(e2 = "WBIOKR-DB", t2 = 1, n2 = "WBIOKR-STORE", r2 = "id") {
+  let o;
+  const s2 = window.indexedDB || window.webikitIndexedDB || window.mozIndexedDB || window.msIndexedDB;
+  if (!s2)
+    return u;
+  const c = s2 == null ? void 0 : s2.open(e2, t2);
+  function u(e3, t3) {
+    try {
+      return 0 === arguments.length ? new Promise((e4, t4) => {
+        const r3 = o.transaction([n2]).objectStore(n2).getAll();
+        r3.onsuccess = () => {
+          r3.result ? e4(r3.result) : t4("\u83B7\u53D6\u5931\u8D25");
+        }, r3.onerror = (e5) => {
+          t4(e5);
+        };
+      }) : 1 === arguments.length ? function(e4) {
+        return new Promise((t4, r3) => {
+          const s3 = o.transaction([n2]).objectStore(n2).get(e4);
+          s3.onsuccess = (e5) => {
+            s3.result ? t4(s3.result) : r3(null);
+          }, s3.onerror = (e5) => {
+            r3(e5);
+          };
+        });
+      }(e3) : 2 === arguments.length ? function(e4, t4) {
+        return new Promise((e5, r3) => {
+          const s3 = o.transaction([n2], "readwrite").objectStore(n2).put(t4);
+          s3.onsuccess = (t5) => {
+            e5(t5);
+          }, s3.onerror = (e6) => {
+            r3(e6);
+          };
+        });
+      }(0, t3) : Promise.reject("\u53C2\u6570\u6709\u95EE\u9898");
+    } catch (e4) {
+      return Promise.reject(e4);
+    }
+  }
+  return c.onsuccess = function(e3) {
+    o = e3.target.result;
+  }, c.onerror = function(e3) {
+    console.error(e3);
+  }, c.onupgradeneeded = function(e3) {
+    o = e3.target.result, o.objectStoreNames.contains(n2) || o.createObjectStore(n2, { keyPath: r2 });
+  }, u;
+}
+const myDb = new e$1("WBIOKR-MAPBOX-TOOLS", 1, "WBIOKR-STORE", "id");
+function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
+  var options2 = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
+  if (render2) {
+    options2.render = render2;
+    options2.staticRenderFns = staticRenderFns2;
+    options2._compiled = true;
+  }
+  if (functionalTemplate) {
+    options2.functional = true;
+  }
+  if (scopeId) {
+    options2._scopeId = "data-v-" + scopeId;
+  }
+  var hook;
+  if (moduleIdentifier) {
+    hook = function(context) {
+      context = context || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
+        context = __VUE_SSR_CONTEXT__;
+      }
+      if (injectStyles) {
+        injectStyles.call(this, context);
+      }
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
     };
-    this._container = container;
-    this._wrapper = null;
-    this._content = null;
-    this._render();
+    options2._ssrRegister = hook;
+  } else if (injectStyles) {
+    hook = shadowMode ? function() {
+      injectStyles.call(
+        this,
+        (options2.functional ? this.parent : this).$root.$options.shadowRoot
+      );
+    } : injectStyles;
+  }
+  if (hook) {
+    if (options2.functional) {
+      options2._injectStyles = hook;
+      var originalRender = options2.render;
+      options2.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
+      };
+    } else {
+      var existing = options2.beforeCreate;
+      options2.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+    }
   }
-  _render() {
-    const dom = document.createElement("div");
-    dom.className = this._wrapperClass();
-    const span = document.createElement("span");
-    span.className = this._contentClass();
-    dom.append(span);
-    this._wrapper = dom;
-    this._content = span;
-    dom.onclick = () => {
-      if (this.options.disabled)
-        return;
-      this.options.indeterminate = false;
-      this.options.checked = !this.options.checked;
-      dom.className = this._wrapperClass();
-      span.className = this._contentClass();
-      this.options.onChange && this.options.onChange(this.options);
+  return {
+    exports: scriptExports,
+    options: options2
+  };
+}
+var render$1 = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", [_vm._l(_vm.tiles, function(item, index2) {
+    return _c("section", {
+      key: item.id,
+      class: `w-per-100 f-b-c ${_vm.itemClass}`
+    }, [_c("Checkbox", {
+      staticClass: "d-f-t white-1 f-s-c",
+      on: {
+        "change": function($event) {
+          return _vm.onChangeGeo(item);
+        }
+      },
+      model: {
+        value: item.checked,
+        callback: function($$v) {
+          _vm.$set(item, "checked", $$v);
+        },
+        expression: "item.checked"
+      }
+    }, [_c("div", {
+      staticClass: "white-1",
+      staticStyle: {
+        "max-width": "150px"
+      },
+      attrs: {
+        "title": item.name || `\u81EA\u5B9A\u4E49\u56FE\u5C42${index2 + 1}`
+      }
+    }, [_vm._v(" " + _vm._s(item.name || `\u81EA\u5B9A\u4E49\u56FE\u5C42${index2 + 1}`) + " ")])]), _c("div", {
+      staticClass: "f-s-c"
+    }, [_c("a", {
+      staticClass: "m-l-10",
+      attrs: {
+        "type": "link"
+      },
+      on: {
+        "click": function($event) {
+          return _vm.onEdit(item);
+        }
+      }
+    }, [_vm._v("Edit")]), _c("span", {
+      staticClass: "c-red c-p o-hover-70 m-l-10",
+      attrs: {
+        "danger": ""
+      },
+      on: {
+        "click": function($event) {
+          return _vm.onDelete(item);
+        }
+      }
+    }, [_vm._v("Delete")])])], 1);
+  }), _c("section", {
+    class: `m-t-10 ${_vm.addClass}`
+  }, [_c("Button", {
+    attrs: {
+      "type": _vm.addBtnProps.type || "primary",
+      "ghost": _vm.addBtnProps.ghost || false,
+      "size": _vm.addBtnProps.size || "small"
+    },
+    on: {
+      "click": _vm.onAdd
+    }
+  }, [_vm._v(_vm._s(_vm.addBtnProps.text || "\u65B0\u589E\u56FE\u5C42"))])], 1), _c("Tile", {
+    ref: "tile",
+    on: {
+      "confirm": _vm.onConfrim
+    }
+  })], 2);
+};
+var staticRenderFns$1 = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
+const WBIOKR_GEOSERVERS_LIST_ALL = "WBIOKR_GEOSERVERS_LIST_ALL";
+const __vue2_script$1 = {
+  name: "Geoservers",
+  components: {},
+  props: {
+    map: {
+      type: Object,
+      default: () => ({}),
+      required: true
+    },
+    itemClass: {
+      type: String,
+      default: "",
+      required: false
+    },
+    addClass: {
+      type: String,
+      default: "",
+      required: false
+    },
+    addBtnProps: {
+      type: Object,
+      default: () => ({}),
+      required: false
+    }
+  },
+  data() {
+    return {
+      tiles: []
     };
-    this._container.append(dom);
+  },
+  mounted() {
+    setTimeout(() => {
+      this.onInit();
+    }, 500);
+  },
+  methods: {
+    onAdd() {
+      this.$refs.tile.onAddModal();
+    },
+    onEdit(item) {
+      this.$refs.tile.onEditModal(item);
+    },
+    onDelete(item) {
+      Modal.confirm({
+        title: "\u63D0\u793A",
+        content: "\u786E\u5B9A\u8981\u5220\u9664\u5417\uFF1F",
+        onOk: () => {
+          const idx = this.tiles.findIndex((o) => o.id === item.id);
+          this.onRemoveGeoserver(this.tiles[idx]);
+          this.tiles.splice(idx, 1);
+          this.onSyncLocal();
+        }
+      });
+    },
+    async onInit() {
+      try {
+        const allTiles = await myDb(WBIOKR_GEOSERVERS_LIST_ALL);
+        this.tiles = allTiles.data || [];
+      } catch (error) {
+        this.tiles = [];
+      }
+      const initTiles = () => {
+        this.tiles.forEach((o) => {
+          if (o.checked) {
+            this.onChangeGeo(o);
+          }
+        });
+      };
+      try {
+        initTiles();
+      } catch (error) {
+        this.map.on("style.load", () => {
+          initTiles();
+        });
+      }
+    },
+    onRemoveGeoserver(tileItem) {
+      this.map.getLayer(tileItem.id) && this.map.removeLayer(tileItem.id);
+      this.map.getSource(tileItem.id) && this.map.removeSource(tileItem.id);
+    },
+    onChangeGeo(tileItem) {
+      if (!tileItem.checked) {
+        this.onRemoveGeoserver(tileItem);
+      } else {
+        const layers = this.map.getStyle().layers.filter((o) => ["fill", "raster", "background", "sky"].includes(o.type));
+        layers.length > 0 ? layers[layers.length - 1].id : null;
+        !this.map.getSource(tileItem.id) && this.map.addSource(tileItem.id, {
+          type: "raster",
+          tiles: [tileItem.url.replace(/bbox={bbox}|BBOX={bbox}|BBOX={BBOX}/, "bbox={bbox-epsg-3857}")],
+          tileSize: 256
+        });
+        !this.map.getLayer(tileItem.id) && this.map.addLayer({
+          id: tileItem.id,
+          type: "raster",
+          source: tileItem.id,
+          paint: {},
+          minZoom: 15
+        });
+      }
+      this.onSyncLocal();
+    },
+    onConfrim(form, historyList, type) {
+      const idx = this.tiles.findIndex((o) => o.id === form.id);
+      if (idx > -1) {
+        this.tiles.splice(idx, 1, form);
+        if (form.checked) {
+          form.checked = false;
+          this.onChangeGeo(form);
+          this.$nextTick(() => {
+            this.onChangeGeo(form);
+          });
+        }
+      } else {
+        this.tiles.push(form);
+      }
+      this.onSyncLocal();
+    },
+    onSyncLocal() {
+      myDb(WBIOKR_GEOSERVERS_LIST_ALL, {
+        id: WBIOKR_GEOSERVERS_LIST_ALL,
+        data: this.tiles
+      });
+    }
   }
-  _updateStatus(args) {
-    this.options = {
-      ...this.options,
-      ...args
+};
+const __cssModules$1 = {};
+var __component__$1 = /* @__PURE__ */ normalizeComponent(
+  __vue2_script$1,
+  render$1,
+  staticRenderFns$1,
+  false,
+  __vue2_injectStyles$1,
+  "15a7d97a",
+  null,
+  null
+);
+function __vue2_injectStyles$1(context) {
+  for (let o in __cssModules$1) {
+    this[o] = __cssModules$1[o];
+  }
+}
+var Component$1 = /* @__PURE__ */ function() {
+  return __component__$1.exports;
+}();
+Component$1.install = (app) => {
+  app.component(Component$1.name || "Geoserver", Component$1);
+};
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("aside", {
+    staticClass: "com- p-a-xr-yt d-i z-100",
+    style: {
+      right: `${_vm.right}px`,
+      top: `${_vm.top}px`
+    }
+  }, [_c("Button", {
+    staticClass: "ease-400",
+    class: _vm.visible ? "btn-hidden" : "btn-visible",
+    attrs: {
+      "icon": "global"
+    },
+    on: {
+      "click": function($event) {
+        _vm.visible = !_vm.visible;
+      }
+    }
+  }), _c("div", {
+    staticClass: "aside-content p-a-xr-yt ease-300 p-lr-20 p-tb-15 bg-color-fff b-r-4",
+    class: _vm.visible ? "aside-visible" : "aside-hidden"
+  }, [_c("Icon", {
+    staticClass: "c-red c-p p-a-xr-yt m-t-5 m-r-5",
+    attrs: {
+      "type": "close"
+    },
+    on: {
+      "click": function($event) {
+        _vm.visible = false;
+      }
+    }
+  }), _c("Geoserver", {
+    attrs: {
+      "map": _vm.map,
+      "itemClass": _vm.itemClass,
+      "addClass": _vm.addClass,
+      "addBtnProps": _vm.addBtnProps
+    }
+  })], 1)], 1);
+};
+var staticRenderFns = [];
+var index_vue_vue_type_style_index_0_scoped_true_lang = "";
+const __vue2_script = {
+  name: "GeoserverAside",
+  components: {},
+  props: {
+    map: {
+      type: Object,
+      default: () => ({}),
+      required: true
+    },
+    itemClass: {
+      type: String,
+      default: "",
+      required: false
+    },
+    addClass: {
+      type: String,
+      default: "",
+      required: false
+    },
+    addBtnProps: {
+      type: Object,
+      default: () => ({}),
+      required: false
+    },
+    top: {
+      type: Number,
+      default: 100,
+      required: false
+    },
+    right: {
+      type: Number,
+      default: 20,
+      required: false
+    }
+  },
+  data() {
+    return {
+      visible: false
     };
-    this._wrapper.className = this._wrapperClass();
-    this._content.className = this._contentClass();
   }
-  _wrapperClass() {
-    let classname = `wbiokr-com-checkbox w-15 h-15 b-r-2 b-ccc ease-200 border-hover-app f-c c-p`;
-    classname += !this.options.indeterminate && this.options.checked ? " bg-color-app b-c-app p-r wbiokr-com-checked " : " bg-color-fff b-c-ccc ";
-    classname += this.options.className;
-    return classname;
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
+  "6fb8c34c",
+  null,
+  null
+);
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
+}
+var Component = /* @__PURE__ */ function() {
+  return __component__.exports;
+}();
+Component.install = (app) => {
+  app.component(Component.name || "Geoserver", Component);
+};
+var style = "";
+class CommonCtrol {
+  _onOpen() {
+    this._container.className += " wbiokr-ctrl-active";
   }
-  _contentClass() {
-    let classname = `wbiokr-com-checkbox-content ease-300 `;
-    classname += !this.options.indeterminate && this.options.checked ? "  top-5 w-5 h-10 b-fff b-w-2 rotate-45 b-no-t b-no-l o-100 " : this.options.indeterminate ? " w-5 h-5 bg-color-app o-100 " : " rotate-reverse-45 b-fff b-w-2 ";
-    return classname;
+  _onClose() {
+    this._container.className = this._container.className.replaceAll("wbiokr-ctrl-active", "");
   }
 }
-var earthRadius = 63710088e-1;
-var factors = {
-  centimeters: earthRadius * 100,
-  centimetres: earthRadius * 100,
-  degrees: earthRadius / 111325,
-  feet: earthRadius * 3.28084,
-  inches: earthRadius * 39.37,
-  kilometers: earthRadius / 1e3,
-  kilometres: earthRadius / 1e3,
-  meters: earthRadius,
-  metres: earthRadius,
-  miles: earthRadius / 1609.344,
-  millimeters: earthRadius * 1e3,
-  millimetres: earthRadius * 1e3,
-  nauticalmiles: earthRadius / 1852,
-  radians: 1,
-  yards: earthRadius * 1.0936
+var xhtml = "http://www.w3.org/1999/xhtml";
+var namespaces = {
+  svg: "http://www.w3.org/2000/svg",
+  xhtml,
+  xlink: "http://www.w3.org/1999/xlink",
+  xml: "http://www.w3.org/XML/1998/namespace",
+  xmlns: "http://www.w3.org/2000/xmlns/"
 };
-function feature(geom, properties, options2) {
-  if (options2 === void 0) {
-    options2 = {};
-  }
-  var feat = { type: "Feature" };
-  if (options2.id === 0 || options2.id) {
-    feat.id = options2.id;
-  }
-  if (options2.bbox) {
-    feat.bbox = options2.bbox;
-  }
-  feat.properties = properties || {};
-  feat.geometry = geom;
-  return feat;
+function namespace(name) {
+  var prefix = name += "", i2 = prefix.indexOf(":");
+  if (i2 >= 0 && (prefix = name.slice(0, i2)) !== "xmlns")
+    name = name.slice(i2 + 1);
+  return namespaces.hasOwnProperty(prefix) ? { space: namespaces[prefix], local: name } : name;
 }
-function polygon(coordinates, properties, options2) {
-  if (options2 === void 0) {
-    options2 = {};
-  }
-  for (var _i = 0, coordinates_1 = coordinates; _i < coordinates_1.length; _i++) {
-    var ring = coordinates_1[_i];
-    if (ring.length < 4) {
-      throw new Error("Each LinearRing of a Polygon must have 4 or more Positions.");
-    }
-    for (var j = 0; j < ring[ring.length - 1].length; j++) {
-      if (ring[ring.length - 1][j] !== ring[0][j]) {
-        throw new Error("First and last Position are not equivalent.");
+function creatorInherit(name) {
+  return function() {
+    var document2 = this.ownerDocument, uri = this.namespaceURI;
+    return uri === xhtml && document2.documentElement.namespaceURI === xhtml ? document2.createElement(name) : document2.createElementNS(uri, name);
+  };
+}
+function creatorFixed(fullname) {
+  return function() {
+    return this.ownerDocument.createElementNS(fullname.space, fullname.local);
+  };
+}
+function creator(name) {
+  var fullname = namespace(name);
+  return (fullname.local ? creatorFixed : creatorInherit)(fullname);
+}
+function none() {
+}
+function selector(selector2) {
+  return selector2 == null ? none : function() {
+    return this.querySelector(selector2);
+  };
+}
+function selection_select(select) {
+  if (typeof select !== "function")
+    select = selector(select);
+  for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
+    for (var group = groups[j], n2 = group.length, subgroup = subgroups[j] = new Array(n2), node, subnode, i2 = 0; i2 < n2; ++i2) {
+      if ((node = group[i2]) && (subnode = select.call(node, node.__data__, i2, group))) {
+        if ("__data__" in node)
+          subnode.__data__ = node.__data__;
+        subgroup[i2] = subnode;
       }
     }
   }
-  var geom = {
-    type: "Polygon",
-    coordinates
+  return new Selection(subgroups, this._parents);
+}
+function array(x) {
+  return x == null ? [] : Array.isArray(x) ? x : Array.from(x);
+}
+function empty() {
+  return [];
+}
+function selectorAll(selector2) {
+  return selector2 == null ? empty : function() {
+    return this.querySelectorAll(selector2);
   };
-  return feature(geom, properties, options2);
 }
-function lineString(coordinates, properties, options2) {
-  if (options2 === void 0) {
-    options2 = {};
-  }
-  if (coordinates.length < 2) {
-    throw new Error("coordinates must be an array of two or more positions");
-  }
-  var geom = {
-    type: "LineString",
-    coordinates
+function arrayAll(select) {
+  return function() {
+    return array(select.apply(this, arguments));
   };
-  return feature(geom, properties, options2);
 }
-function radiansToLength(radians, units) {
-  if (units === void 0) {
-    units = "kilometers";
-  }
-  var factor = factors[units];
-  if (!factor) {
-    throw new Error(units + " units is invalid");
+function selection_selectAll(select) {
+  if (typeof select === "function")
+    select = arrayAll(select);
+  else
+    select = selectorAll(select);
+  for (var groups = this._groups, m = groups.length, subgroups = [], parents = [], j = 0; j < m; ++j) {
+    for (var group = groups[j], n2 = group.length, node, i2 = 0; i2 < n2; ++i2) {
+      if (node = group[i2]) {
+        subgroups.push(select.call(node, node.__data__, i2, group));
+        parents.push(node);
+      }
+    }
   }
-  return radians * factor;
+  return new Selection(subgroups, parents);
 }
-function degreesToRadians(degrees) {
-  var radians = degrees % 360;
-  return radians * Math.PI / 180;
+function matcher(selector2) {
+  return function() {
+    return this.matches(selector2);
+  };
 }
-function coordEach(geojson, callback, excludeWrapCoord) {
-  if (geojson === null)
-    return;
-  var j, k, l, geometry, stopG, coords, geometryMaybeCollection, wrapShrink = 0, coordIndex = 0, isGeometryCollection, type = geojson.type, isFeatureCollection = type === "FeatureCollection", isFeature = type === "Feature", stop = isFeatureCollection ? geojson.features.length : 1;
-  for (var featureIndex = 0; featureIndex < stop; featureIndex++) {
-    geometryMaybeCollection = isFeatureCollection ? geojson.features[featureIndex].geometry : isFeature ? geojson.geometry : geojson;
-    isGeometryCollection = geometryMaybeCollection ? geometryMaybeCollection.type === "GeometryCollection" : false;
-    stopG = isGeometryCollection ? geometryMaybeCollection.geometries.length : 1;
-    for (var geomIndex = 0; geomIndex < stopG; geomIndex++) {
-      var multiFeatureIndex = 0;
-      var geometryIndex = 0;
-      geometry = isGeometryCollection ? geometryMaybeCollection.geometries[geomIndex] : geometryMaybeCollection;
-      if (geometry === null)
-        continue;
-      coords = geometry.coordinates;
-      var geomType = geometry.type;
-      wrapShrink = excludeWrapCoord && (geomType === "Polygon" || geomType === "MultiPolygon") ? 1 : 0;
-      switch (geomType) {
-        case null:
-          break;
-        case "Point":
-          if (callback(
-            coords,
-            coordIndex,
-            featureIndex,
-            multiFeatureIndex,
-            geometryIndex
-          ) === false)
-            return false;
-          coordIndex++;
-          multiFeatureIndex++;
-          break;
-        case "LineString":
-        case "MultiPoint":
-          for (j = 0; j < coords.length; j++) {
-            if (callback(
-              coords[j],
-              coordIndex,
-              featureIndex,
-              multiFeatureIndex,
-              geometryIndex
-            ) === false)
-              return false;
-            coordIndex++;
-            if (geomType === "MultiPoint")
-              multiFeatureIndex++;
-          }
-          if (geomType === "LineString")
-            multiFeatureIndex++;
-          break;
-        case "Polygon":
-        case "MultiLineString":
-          for (j = 0; j < coords.length; j++) {
-            for (k = 0; k < coords[j].length - wrapShrink; k++) {
-              if (callback(
-                coords[j][k],
-                coordIndex,
-                featureIndex,
-                multiFeatureIndex,
-                geometryIndex
-              ) === false)
-                return false;
-              coordIndex++;
-            }
-            if (geomType === "MultiLineString")
-              multiFeatureIndex++;
-            if (geomType === "Polygon")
-              geometryIndex++;
-          }
-          if (geomType === "Polygon")
-            multiFeatureIndex++;
-          break;
-        case "MultiPolygon":
-          for (j = 0; j < coords.length; j++) {
-            geometryIndex = 0;
-            for (k = 0; k < coords[j].length; k++) {
-              for (l = 0; l < coords[j][k].length - wrapShrink; l++) {
-                if (callback(
-                  coords[j][k][l],
-                  coordIndex,
-                  featureIndex,
-                  multiFeatureIndex,
-                  geometryIndex
-                ) === false)
-                  return false;
-                coordIndex++;
-              }
-              geometryIndex++;
-            }
-            multiFeatureIndex++;
-          }
-          break;
-        case "GeometryCollection":
-          for (j = 0; j < geometry.geometries.length; j++)
-            if (coordEach(geometry.geometries[j], callback, excludeWrapCoord) === false)
-              return false;
-          break;
-        default:
-          throw new Error("Unknown Geometry Type");
+function childMatcher(selector2) {
+  return function(node) {
+    return node.matches(selector2);
+  };
+}
+var find = Array.prototype.find;
+function childFind(match) {
+  return function() {
+    return find.call(this.children, match);
+  };
+}
+function childFirst() {
+  return this.firstElementChild;
+}
+function selection_selectChild(match) {
+  return this.select(match == null ? childFirst : childFind(typeof match === "function" ? match : childMatcher(match)));
+}
+var filter = Array.prototype.filter;
+function children() {
+  return Array.from(this.children);
+}
+function childrenFilter(match) {
+  return function() {
+    return filter.call(this.children, match);
+  };
+}
+function selection_selectChildren(match) {
+  return this.selectAll(match == null ? children : childrenFilter(typeof match === "function" ? match : childMatcher(match)));
+}
+function selection_filter(match) {
+  if (typeof match !== "function")
+    match = matcher(match);
+  for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
+    for (var group = groups[j], n2 = group.length, subgroup = subgroups[j] = [], node, i2 = 0; i2 < n2; ++i2) {
+      if ((node = group[i2]) && match.call(node, node.__data__, i2, group)) {
+        subgroup.push(node);
       }
     }
   }
+  return new Selection(subgroups, this._parents);
 }
-function geomEach(geojson, callback) {
-  var i, j, g, geometry, stopG, geometryMaybeCollection, isGeometryCollection, featureProperties, featureBBox, featureId, featureIndex = 0, isFeatureCollection = geojson.type === "FeatureCollection", isFeature = geojson.type === "Feature", stop = isFeatureCollection ? geojson.features.length : 1;
-  for (i = 0; i < stop; i++) {
-    geometryMaybeCollection = isFeatureCollection ? geojson.features[i].geometry : isFeature ? geojson.geometry : geojson;
-    featureProperties = isFeatureCollection ? geojson.features[i].properties : isFeature ? geojson.properties : {};
-    featureBBox = isFeatureCollection ? geojson.features[i].bbox : isFeature ? geojson.bbox : void 0;
-    featureId = isFeatureCollection ? geojson.features[i].id : isFeature ? geojson.id : void 0;
-    isGeometryCollection = geometryMaybeCollection ? geometryMaybeCollection.type === "GeometryCollection" : false;
-    stopG = isGeometryCollection ? geometryMaybeCollection.geometries.length : 1;
-    for (g = 0; g < stopG; g++) {
-      geometry = isGeometryCollection ? geometryMaybeCollection.geometries[g] : geometryMaybeCollection;
-      if (geometry === null) {
-        if (callback(
-          null,
-          featureIndex,
-          featureProperties,
-          featureBBox,
-          featureId
-        ) === false)
-          return false;
-        continue;
-      }
-      switch (geometry.type) {
-        case "Point":
-        case "LineString":
-        case "MultiPoint":
-        case "Polygon":
-        case "MultiLineString":
-        case "MultiPolygon": {
-          if (callback(
-            geometry,
-            featureIndex,
-            featureProperties,
-            featureBBox,
-            featureId
-          ) === false)
-            return false;
-          break;
-        }
-        case "GeometryCollection": {
-          for (j = 0; j < geometry.geometries.length; j++) {
-            if (callback(
-              geometry.geometries[j],
-              featureIndex,
-              featureProperties,
-              featureBBox,
-              featureId
-            ) === false)
-              return false;
-          }
-          break;
-        }
-        default:
-          throw new Error("Unknown Geometry Type");
-      }
-    }
-    featureIndex++;
+function sparse(update) {
+  return new Array(update.length);
+}
+function selection_enter() {
+  return new Selection(this._enter || this._groups.map(sparse), this._parents);
+}
+function EnterNode(parent, datum2) {
+  this.ownerDocument = parent.ownerDocument;
+  this.namespaceURI = parent.namespaceURI;
+  this._next = null;
+  this._parent = parent;
+  this.__data__ = datum2;
+}
+EnterNode.prototype = {
+  constructor: EnterNode,
+  appendChild: function(child) {
+    return this._parent.insertBefore(child, this._next);
+  },
+  insertBefore: function(child, next) {
+    return this._parent.insertBefore(child, next);
+  },
+  querySelector: function(selector2) {
+    return this._parent.querySelector(selector2);
+  },
+  querySelectorAll: function(selector2) {
+    return this._parent.querySelectorAll(selector2);
   }
+};
+function constant(x) {
+  return function() {
+    return x;
+  };
 }
-function geomReduce(geojson, callback, initialValue) {
-  var previousValue = initialValue;
-  geomEach(
-    geojson,
-    function(currentGeometry, featureIndex, featureProperties, featureBBox, featureId) {
-      if (featureIndex === 0 && initialValue === void 0)
-        previousValue = currentGeometry;
-      else
-        previousValue = callback(
-          previousValue,
-          currentGeometry,
-          featureIndex,
-          featureProperties,
-          featureBBox,
-          featureId
-        );
+function bindIndex(parent, group, enter, update, exit, data) {
+  var i2 = 0, node, groupLength = group.length, dataLength = data.length;
+  for (; i2 < dataLength; ++i2) {
+    if (node = group[i2]) {
+      node.__data__ = data[i2];
+      update[i2] = node;
+    } else {
+      enter[i2] = new EnterNode(parent, data[i2]);
     }
-  );
-  return previousValue;
+  }
+  for (; i2 < groupLength; ++i2) {
+    if (node = group[i2]) {
+      exit[i2] = node;
+    }
+  }
 }
-function flattenEach(geojson, callback) {
-  geomEach(geojson, function(geometry, featureIndex, properties, bbox, id) {
-    var type = geometry === null ? null : geometry.type;
-    switch (type) {
-      case null:
-      case "Point":
-      case "LineString":
-      case "Polygon":
-        if (callback(
-          feature(geometry, properties, { bbox, id }),
-          featureIndex,
-          0
-        ) === false)
-          return false;
-        return;
+function bindKey(parent, group, enter, update, exit, data, key) {
+  var i2, node, nodeByKeyValue = /* @__PURE__ */ new Map(), groupLength = group.length, dataLength = data.length, keyValues = new Array(groupLength), keyValue;
+  for (i2 = 0; i2 < groupLength; ++i2) {
+    if (node = group[i2]) {
+      keyValues[i2] = keyValue = key.call(node, node.__data__, i2, group) + "";
+      if (nodeByKeyValue.has(keyValue)) {
+        exit[i2] = node;
+      } else {
+        nodeByKeyValue.set(keyValue, node);
+      }
     }
-    var geomType;
-    switch (type) {
-      case "MultiPoint":
-        geomType = "Point";
-        break;
-      case "MultiLineString":
-        geomType = "LineString";
-        break;
-      case "MultiPolygon":
-        geomType = "Polygon";
-        break;
+  }
+  for (i2 = 0; i2 < dataLength; ++i2) {
+    keyValue = key.call(parent, data[i2], i2, data) + "";
+    if (node = nodeByKeyValue.get(keyValue)) {
+      update[i2] = node;
+      node.__data__ = data[i2];
+      nodeByKeyValue.delete(keyValue);
+    } else {
+      enter[i2] = new EnterNode(parent, data[i2]);
     }
-    for (var multiFeatureIndex = 0; multiFeatureIndex < geometry.coordinates.length; multiFeatureIndex++) {
-      var coordinate = geometry.coordinates[multiFeatureIndex];
-      var geom = {
-        type: geomType,
-        coordinates: coordinate
-      };
-      if (callback(feature(geom, properties), featureIndex, multiFeatureIndex) === false)
-        return false;
+  }
+  for (i2 = 0; i2 < groupLength; ++i2) {
+    if ((node = group[i2]) && nodeByKeyValue.get(keyValues[i2]) === node) {
+      exit[i2] = node;
     }
-  });
-}
-function segmentEach(geojson, callback) {
-  flattenEach(geojson, function(feature2, featureIndex, multiFeatureIndex) {
-    var segmentIndex = 0;
-    if (!feature2.geometry)
-      return;
-    var type = feature2.geometry.type;
-    if (type === "Point" || type === "MultiPoint")
-      return;
-    var previousCoords;
-    var previousFeatureIndex = 0;
-    var previousMultiIndex = 0;
-    var prevGeomIndex = 0;
-    if (coordEach(
-      feature2,
-      function(currentCoord, coordIndex, featureIndexCoord, multiPartIndexCoord, geometryIndex) {
-        if (previousCoords === void 0 || featureIndex > previousFeatureIndex || multiPartIndexCoord > previousMultiIndex || geometryIndex > prevGeomIndex) {
-          previousCoords = currentCoord;
-          previousFeatureIndex = featureIndex;
-          previousMultiIndex = multiPartIndexCoord;
-          prevGeomIndex = geometryIndex;
-          segmentIndex = 0;
-          return;
-        }
-        var currentSegment = lineString(
-          [previousCoords, currentCoord],
-          feature2.properties
-        );
-        if (callback(
-          currentSegment,
-          featureIndex,
-          multiFeatureIndex,
-          geometryIndex,
-          segmentIndex
-        ) === false)
-          return false;
-        segmentIndex++;
-        previousCoords = currentCoord;
-      }
-    ) === false)
-      return false;
-  });
+  }
 }
-function segmentReduce(geojson, callback, initialValue) {
-  var previousValue = initialValue;
-  var started = false;
-  segmentEach(
-    geojson,
-    function(currentSegment, featureIndex, multiFeatureIndex, geometryIndex, segmentIndex) {
-      if (started === false && initialValue === void 0)
-        previousValue = currentSegment;
-      else
-        previousValue = callback(
-          previousValue,
-          currentSegment,
-          featureIndex,
-          multiFeatureIndex,
-          geometryIndex,
-          segmentIndex
-        );
-      started = true;
-    }
-  );
-  return previousValue;
+function datum(node) {
+  return node.__data__;
 }
-function getCoord(coord) {
-  if (!coord) {
-    throw new Error("coord is required");
-  }
-  if (!Array.isArray(coord)) {
-    if (coord.type === "Feature" && coord.geometry !== null && coord.geometry.type === "Point") {
-      return coord.geometry.coordinates;
-    }
-    if (coord.type === "Point") {
-      return coord.coordinates;
+function selection_data(value, key) {
+  if (!arguments.length)
+    return Array.from(this, datum);
+  var bind = key ? bindKey : bindIndex, parents = this._parents, groups = this._groups;
+  if (typeof value !== "function")
+    value = constant(value);
+  for (var m = groups.length, update = new Array(m), enter = new Array(m), exit = new Array(m), j = 0; j < m; ++j) {
+    var parent = parents[j], group = groups[j], groupLength = group.length, data = arraylike(value.call(parent, parent && parent.__data__, j, parents)), dataLength = data.length, enterGroup = enter[j] = new Array(dataLength), updateGroup = update[j] = new Array(dataLength), exitGroup = exit[j] = new Array(groupLength);
+    bind(parent, group, enterGroup, updateGroup, exitGroup, data, key);
+    for (var i0 = 0, i1 = 0, previous, next; i0 < dataLength; ++i0) {
+      if (previous = enterGroup[i0]) {
+        if (i0 >= i1)
+          i1 = i0 + 1;
+        while (!(next = updateGroup[i1]) && ++i1 < dataLength)
+          ;
+        previous._next = next || null;
+      }
     }
   }
-  if (Array.isArray(coord) && coord.length >= 2 && !Array.isArray(coord[0]) && !Array.isArray(coord[1])) {
-    return coord;
-  }
-  throw new Error("coord must be GeoJSON Point or an Array of numbers");
+  update = new Selection(update, parents);
+  update._enter = enter;
+  update._exit = exit;
+  return update;
 }
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function distance(from, to, options2) {
-  if (options2 === void 0) {
-    options2 = {};
-  }
-  var coordinates1 = getCoord(from);
-  var coordinates2 = getCoord(to);
-  var dLat = degreesToRadians(coordinates2[1] - coordinates1[1]);
-  var dLon = degreesToRadians(coordinates2[0] - coordinates1[0]);
-  var lat1 = degreesToRadians(coordinates1[1]);
-  var lat2 = degreesToRadians(coordinates2[1]);
-  var a = Math.pow(Math.sin(dLat / 2), 2) + Math.pow(Math.sin(dLon / 2), 2) * Math.cos(lat1) * Math.cos(lat2);
-  return radiansToLength(2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)), options2.units);
+function arraylike(data) {
+  return typeof data === "object" && "length" in data ? data : Array.from(data);
 }
-var RADIUS = 6378137;
-function area(geojson) {
-  return geomReduce(geojson, function(value, geom) {
-    return value + calculateArea(geom);
-  }, 0);
+function selection_exit() {
+  return new Selection(this._exit || this._groups.map(sparse), this._parents);
 }
-function calculateArea(geom) {
-  var total = 0;
-  var i;
-  switch (geom.type) {
-    case "Polygon":
-      return polygonArea(geom.coordinates);
-    case "MultiPolygon":
-      for (i = 0; i < geom.coordinates.length; i++) {
-        total += polygonArea(geom.coordinates[i]);
-      }
-      return total;
-    case "Point":
-    case "MultiPoint":
-    case "LineString":
-    case "MultiLineString":
-      return 0;
+function selection_join(onenter, onupdate, onexit) {
+  var enter = this.enter(), update = this, exit = this.exit();
+  if (typeof onenter === "function") {
+    enter = onenter(enter);
+    if (enter)
+      enter = enter.selection();
+  } else {
+    enter = enter.append(onenter + "");
   }
-  return 0;
-}
-function polygonArea(coords) {
-  var total = 0;
-  if (coords && coords.length > 0) {
-    total += Math.abs(ringArea(coords[0]));
-    for (var i = 1; i < coords.length; i++) {
-      total -= Math.abs(ringArea(coords[i]));
-    }
+  if (onupdate != null) {
+    update = onupdate(update);
+    if (update)
+      update = update.selection();
   }
-  return total;
+  if (onexit == null)
+    exit.remove();
+  else
+    onexit(exit);
+  return enter && update ? enter.merge(update).order() : update;
 }
-function ringArea(coords) {
-  var p1;
-  var p2;
-  var p3;
-  var lowerIndex;
-  var middleIndex;
-  var upperIndex;
-  var i;
-  var total = 0;
-  var coordsLength = coords.length;
-  if (coordsLength > 2) {
-    for (i = 0; i < coordsLength; i++) {
-      if (i === coordsLength - 2) {
-        lowerIndex = coordsLength - 2;
-        middleIndex = coordsLength - 1;
-        upperIndex = 0;
-      } else if (i === coordsLength - 1) {
-        lowerIndex = coordsLength - 1;
-        middleIndex = 0;
-        upperIndex = 1;
-      } else {
-        lowerIndex = i;
-        middleIndex = i + 1;
-        upperIndex = i + 2;
+function selection_merge(context) {
+  var selection = context.selection ? context.selection() : context;
+  for (var groups0 = this._groups, groups1 = selection._groups, m0 = groups0.length, m1 = groups1.length, m = Math.min(m0, m1), merges = new Array(m0), j = 0; j < m; ++j) {
+    for (var group0 = groups0[j], group1 = groups1[j], n2 = group0.length, merge = merges[j] = new Array(n2), node, i2 = 0; i2 < n2; ++i2) {
+      if (node = group0[i2] || group1[i2]) {
+        merge[i2] = node;
       }
-      p1 = coords[lowerIndex];
-      p2 = coords[middleIndex];
-      p3 = coords[upperIndex];
-      total += (rad(p3[0]) - rad(p1[0])) * Math.sin(rad(p2[1]));
     }
-    total = total * RADIUS * RADIUS / 2;
   }
-  return total;
-}
-function rad(num) {
-  return num * Math.PI / 180;
+  for (; j < m0; ++j) {
+    merges[j] = groups0[j];
+  }
+  return new Selection(merges, this._parents);
 }
-function length(geojson, options2) {
-  if (options2 === void 0) {
-    options2 = {};
+function selection_order() {
+  for (var groups = this._groups, j = -1, m = groups.length; ++j < m; ) {
+    for (var group = groups[j], i2 = group.length - 1, next = group[i2], node; --i2 >= 0; ) {
+      if (node = group[i2]) {
+        if (next && node.compareDocumentPosition(next) ^ 4)
+          next.parentNode.insertBefore(node, next);
+        next = node;
+      }
+    }
   }
-  return segmentReduce(geojson, function(previousValue, segment) {
-    var coords = segment.geometry.coordinates;
-    return previousValue + distance(coords[0], coords[1], options2);
-  }, 0);
+  return this;
 }
-var commonCtrols = "";
-var control$5 = "";
-class CommonCtrol {
-  _onOpen() {
-    this._container.className += " wbiokr-ctrl-active";
+function selection_sort(compare) {
+  if (!compare)
+    compare = ascending;
+  function compareNode(a2, b) {
+    return a2 && b ? compare(a2.__data__, b.__data__) : !a2 - !b;
   }
-  _onClose() {
-    this._container.className = this._container.className.replaceAll("wbiokr-ctrl-active", "");
+  for (var groups = this._groups, m = groups.length, sortgroups = new Array(m), j = 0; j < m; ++j) {
+    for (var group = groups[j], n2 = group.length, sortgroup = sortgroups[j] = new Array(n2), node, i2 = 0; i2 < n2; ++i2) {
+      if (node = group[i2]) {
+        sortgroup[i2] = node;
+      }
+    }
+    sortgroup.sort(compareNode);
   }
+  return new Selection(sortgroups, this._parents).order();
 }
-var xhtml = "http://www.w3.org/1999/xhtml";
-var namespaces = {
-  svg: "http://www.w3.org/2000/svg",
-  xhtml,
-  xlink: "http://www.w3.org/1999/xlink",
-  xml: "http://www.w3.org/XML/1998/namespace",
-  xmlns: "http://www.w3.org/2000/xmlns/"
-};
-function namespace(name) {
-  var prefix = name += "", i = prefix.indexOf(":");
-  if (i >= 0 && (prefix = name.slice(0, i)) !== "xmlns")
-    name = name.slice(i + 1);
-  return namespaces.hasOwnProperty(prefix) ? { space: namespaces[prefix], local: name } : name;
+function ascending(a2, b) {
+  return a2 < b ? -1 : a2 > b ? 1 : a2 >= b ? 0 : NaN;
 }
-function creatorInherit(name) {
-  return function() {
-    var document2 = this.ownerDocument, uri = this.namespaceURI;
-    return uri === xhtml && document2.documentElement.namespaceURI === xhtml ? document2.createElement(name) : document2.createElementNS(uri, name);
-  };
-}
-function creatorFixed(fullname) {
-  return function() {
-    return this.ownerDocument.createElementNS(fullname.space, fullname.local);
-  };
-}
-function creator(name) {
-  var fullname = namespace(name);
-  return (fullname.local ? creatorFixed : creatorInherit)(fullname);
-}
-function none() {
-}
-function selector(selector2) {
-  return selector2 == null ? none : function() {
-    return this.querySelector(selector2);
-  };
-}
-function selection_select(select2) {
-  if (typeof select2 !== "function")
-    select2 = selector(select2);
-  for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
-    for (var group = groups[j], n = group.length, subgroup = subgroups[j] = new Array(n), node, subnode, i = 0; i < n; ++i) {
-      if ((node = group[i]) && (subnode = select2.call(node, node.__data__, i, group))) {
-        if ("__data__" in node)
-          subnode.__data__ = node.__data__;
-        subgroup[i] = subnode;
-      }
-    }
-  }
-  return new Selection(subgroups, this._parents);
-}
-function array(x) {
-  return x == null ? [] : Array.isArray(x) ? x : Array.from(x);
-}
-function empty() {
-  return [];
-}
-function selectorAll(selector2) {
-  return selector2 == null ? empty : function() {
-    return this.querySelectorAll(selector2);
-  };
-}
-function arrayAll(select2) {
-  return function() {
-    return array(select2.apply(this, arguments));
-  };
-}
-function selection_selectAll(select2) {
-  if (typeof select2 === "function")
-    select2 = arrayAll(select2);
-  else
-    select2 = selectorAll(select2);
-  for (var groups = this._groups, m = groups.length, subgroups = [], parents = [], j = 0; j < m; ++j) {
-    for (var group = groups[j], n = group.length, node, i = 0; i < n; ++i) {
-      if (node = group[i]) {
-        subgroups.push(select2.call(node, node.__data__, i, group));
-        parents.push(node);
-      }
-    }
-  }
-  return new Selection(subgroups, parents);
-}
-function matcher(selector2) {
-  return function() {
-    return this.matches(selector2);
-  };
-}
-function childMatcher(selector2) {
-  return function(node) {
-    return node.matches(selector2);
-  };
-}
-var find = Array.prototype.find;
-function childFind(match) {
-  return function() {
-    return find.call(this.children, match);
-  };
-}
-function childFirst() {
-  return this.firstElementChild;
-}
-function selection_selectChild(match) {
-  return this.select(match == null ? childFirst : childFind(typeof match === "function" ? match : childMatcher(match)));
-}
-var filter = Array.prototype.filter;
-function children() {
-  return Array.from(this.children);
-}
-function childrenFilter(match) {
-  return function() {
-    return filter.call(this.children, match);
-  };
-}
-function selection_selectChildren(match) {
-  return this.selectAll(match == null ? children : childrenFilter(typeof match === "function" ? match : childMatcher(match)));
-}
-function selection_filter(match) {
-  if (typeof match !== "function")
-    match = matcher(match);
-  for (var groups = this._groups, m = groups.length, subgroups = new Array(m), j = 0; j < m; ++j) {
-    for (var group = groups[j], n = group.length, subgroup = subgroups[j] = [], node, i = 0; i < n; ++i) {
-      if ((node = group[i]) && match.call(node, node.__data__, i, group)) {
-        subgroup.push(node);
-      }
-    }
-  }
-  return new Selection(subgroups, this._parents);
-}
-function sparse(update) {
-  return new Array(update.length);
-}
-function selection_enter() {
-  return new Selection(this._enter || this._groups.map(sparse), this._parents);
-}
-function EnterNode(parent, datum2) {
-  this.ownerDocument = parent.ownerDocument;
-  this.namespaceURI = parent.namespaceURI;
-  this._next = null;
-  this._parent = parent;
-  this.__data__ = datum2;
-}
-EnterNode.prototype = {
-  constructor: EnterNode,
-  appendChild: function(child) {
-    return this._parent.insertBefore(child, this._next);
-  },
-  insertBefore: function(child, next) {
-    return this._parent.insertBefore(child, next);
-  },
-  querySelector: function(selector2) {
-    return this._parent.querySelector(selector2);
-  },
-  querySelectorAll: function(selector2) {
-    return this._parent.querySelectorAll(selector2);
-  }
-};
-function constant(x) {
-  return function() {
-    return x;
-  };
-}
-function bindIndex(parent, group, enter, update, exit, data) {
-  var i = 0, node, groupLength = group.length, dataLength = data.length;
-  for (; i < dataLength; ++i) {
-    if (node = group[i]) {
-      node.__data__ = data[i];
-      update[i] = node;
-    } else {
-      enter[i] = new EnterNode(parent, data[i]);
-    }
-  }
-  for (; i < groupLength; ++i) {
-    if (node = group[i]) {
-      exit[i] = node;
-    }
-  }
-}
-function bindKey(parent, group, enter, update, exit, data, key) {
-  var i, node, nodeByKeyValue = /* @__PURE__ */ new Map(), groupLength = group.length, dataLength = data.length, keyValues = new Array(groupLength), keyValue;
-  for (i = 0; i < groupLength; ++i) {
-    if (node = group[i]) {
-      keyValues[i] = keyValue = key.call(node, node.__data__, i, group) + "";
-      if (nodeByKeyValue.has(keyValue)) {
-        exit[i] = node;
-      } else {
-        nodeByKeyValue.set(keyValue, node);
-      }
-    }
-  }
-  for (i = 0; i < dataLength; ++i) {
-    keyValue = key.call(parent, data[i], i, data) + "";
-    if (node = nodeByKeyValue.get(keyValue)) {
-      update[i] = node;
-      node.__data__ = data[i];
-      nodeByKeyValue.delete(keyValue);
-    } else {
-      enter[i] = new EnterNode(parent, data[i]);
-    }
-  }
-  for (i = 0; i < groupLength; ++i) {
-    if ((node = group[i]) && nodeByKeyValue.get(keyValues[i]) === node) {
-      exit[i] = node;
-    }
-  }
-}
-function datum(node) {
-  return node.__data__;
-}
-function selection_data(value, key) {
-  if (!arguments.length)
-    return Array.from(this, datum);
-  var bind = key ? bindKey : bindIndex, parents = this._parents, groups = this._groups;
-  if (typeof value !== "function")
-    value = constant(value);
-  for (var m = groups.length, update = new Array(m), enter = new Array(m), exit = new Array(m), j = 0; j < m; ++j) {
-    var parent = parents[j], group = groups[j], groupLength = group.length, data = arraylike(value.call(parent, parent && parent.__data__, j, parents)), dataLength = data.length, enterGroup = enter[j] = new Array(dataLength), updateGroup = update[j] = new Array(dataLength), exitGroup = exit[j] = new Array(groupLength);
-    bind(parent, group, enterGroup, updateGroup, exitGroup, data, key);
-    for (var i0 = 0, i1 = 0, previous, next; i0 < dataLength; ++i0) {
-      if (previous = enterGroup[i0]) {
-        if (i0 >= i1)
-          i1 = i0 + 1;
-        while (!(next = updateGroup[i1]) && ++i1 < dataLength)
-          ;
-        previous._next = next || null;
-      }
-    }
-  }
-  update = new Selection(update, parents);
-  update._enter = enter;
-  update._exit = exit;
-  return update;
-}
-function arraylike(data) {
-  return typeof data === "object" && "length" in data ? data : Array.from(data);
-}
-function selection_exit() {
-  return new Selection(this._exit || this._groups.map(sparse), this._parents);
-}
-function selection_join(onenter, onupdate, onexit) {
-  var enter = this.enter(), update = this, exit = this.exit();
-  if (typeof onenter === "function") {
-    enter = onenter(enter);
-    if (enter)
-      enter = enter.selection();
-  } else {
-    enter = enter.append(onenter + "");
-  }
-  if (onupdate != null) {
-    update = onupdate(update);
-    if (update)
-      update = update.selection();
-  }
-  if (onexit == null)
-    exit.remove();
-  else
-    onexit(exit);
-  return enter && update ? enter.merge(update).order() : update;
-}
-function selection_merge(context) {
-  var selection = context.selection ? context.selection() : context;
-  for (var groups0 = this._groups, groups1 = selection._groups, m0 = groups0.length, m1 = groups1.length, m = Math.min(m0, m1), merges = new Array(m0), j = 0; j < m; ++j) {
-    for (var group0 = groups0[j], group1 = groups1[j], n = group0.length, merge = merges[j] = new Array(n), node, i = 0; i < n; ++i) {
-      if (node = group0[i] || group1[i]) {
-        merge[i] = node;
-      }
-    }
-  }
-  for (; j < m0; ++j) {
-    merges[j] = groups0[j];
-  }
-  return new Selection(merges, this._parents);
-}
-function selection_order() {
-  for (var groups = this._groups, j = -1, m = groups.length; ++j < m; ) {
-    for (var group = groups[j], i = group.length - 1, next = group[i], node; --i >= 0; ) {
-      if (node = group[i]) {
-        if (next && node.compareDocumentPosition(next) ^ 4)
-          next.parentNode.insertBefore(node, next);
-        next = node;
-      }
-    }
-  }
-  return this;
-}
-function selection_sort(compare) {
-  if (!compare)
-    compare = ascending;
-  function compareNode(a, b) {
-    return a && b ? compare(a.__data__, b.__data__) : !a - !b;
-  }
-  for (var groups = this._groups, m = groups.length, sortgroups = new Array(m), j = 0; j < m; ++j) {
-    for (var group = groups[j], n = group.length, sortgroup = sortgroups[j] = new Array(n), node, i = 0; i < n; ++i) {
-      if (node = group[i]) {
-        sortgroup[i] = node;
-      }
-    }
-    sortgroup.sort(compareNode);
-  }
-  return new Selection(sortgroups, this._parents).order();
-}
-function ascending(a, b) {
-  return a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
-}
-function selection_call() {
-  var callback = arguments[0];
-  arguments[0] = this;
-  callback.apply(null, arguments);
-  return this;
+function selection_call() {
+  var callback = arguments[0];
+  arguments[0] = this;
+  callback.apply(null, arguments);
+  return this;
 }
 function selection_nodes() {
   return Array.from(this);
 }
 function selection_node() {
   for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
-    for (var group = groups[j], i = 0, n = group.length; i < n; ++i) {
-      var node = group[i];
+    for (var group = groups[j], i2 = 0, n2 = group.length; i2 < n2; ++i2) {
+      var node = group[i2];
       if (node)
         return node;
     }
@@ -917,9 +810,9 @@ function selection_empty() {
 }
 function selection_each(callback) {
   for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
-    for (var group = groups[j], i = 0, n = group.length, node; i < n; ++i) {
-      if (node = group[i])
-        callback.call(node, node.__data__, i, group);
+    for (var group = groups[j], i2 = 0, n2 = group.length, node; i2 < n2; ++i2) {
+      if (node = group[i2])
+        callback.call(node, node.__data__, i2, group);
     }
   }
   return this;
@@ -1032,16 +925,16 @@ function ClassList(node) {
 }
 ClassList.prototype = {
   add: function(name) {
-    var i = this._names.indexOf(name);
-    if (i < 0) {
+    var i2 = this._names.indexOf(name);
+    if (i2 < 0) {
       this._names.push(name);
       this._node.setAttribute("class", this._names.join(" "));
     }
   },
   remove: function(name) {
-    var i = this._names.indexOf(name);
-    if (i >= 0) {
-      this._names.splice(i, 1);
+    var i2 = this._names.indexOf(name);
+    if (i2 >= 0) {
+      this._names.splice(i2, 1);
       this._node.setAttribute("class", this._names.join(" "));
     }
   },
@@ -1050,14 +943,14 @@ ClassList.prototype = {
   }
 };
 function classedAdd(node, names) {
-  var list = classList(node), i = -1, n = names.length;
-  while (++i < n)
-    list.add(names[i]);
+  var list = classList(node), i2 = -1, n2 = names.length;
+  while (++i2 < n2)
+    list.add(names[i2]);
 }
 function classedRemove(node, names) {
-  var list = classList(node), i = -1, n = names.length;
-  while (++i < n)
-    list.remove(names[i]);
+  var list = classList(node), i2 = -1, n2 = names.length;
+  while (++i2 < n2)
+    list.remove(names[i2]);
 }
 function classedTrue(names) {
   return function() {
@@ -1077,9 +970,9 @@ function classedFunction(names, value) {
 function selection_classed(name, value) {
   var names = classArray(name + "");
   if (arguments.length < 2) {
-    var list = classList(this.node()), i = -1, n = names.length;
-    while (++i < n)
-      if (!list.contains(names[i]))
+    var list = classList(this.node()), i2 = -1, n2 = names.length;
+    while (++i2 < n2)
+      if (!list.contains(names[i2]))
         return false;
     return true;
   }
@@ -1143,9 +1036,9 @@ function constantNull() {
   return null;
 }
 function selection_insert(name, before) {
-  var create = typeof name === "function" ? name : creator(name), select2 = before == null ? constantNull : typeof before === "function" ? before : selector(before);
+  var create = typeof name === "function" ? name : creator(name), select = before == null ? constantNull : typeof before === "function" ? before : selector(before);
   return this.select(function() {
-    return this.insertBefore(create.apply(this, arguments), select2.apply(this, arguments) || null);
+    return this.insertBefore(create.apply(this, arguments), select.apply(this, arguments) || null);
   });
 }
 function remove() {
@@ -1177,9 +1070,9 @@ function contextListener(listener) {
 }
 function parseTypenames(typenames) {
   return typenames.trim().split(/^|\s+/).map(function(t2) {
-    var name = "", i = t2.indexOf(".");
-    if (i >= 0)
-      name = t2.slice(i + 1), t2 = t2.slice(0, i);
+    var name = "", i2 = t2.indexOf(".");
+    if (i2 >= 0)
+      name = t2.slice(i2 + 1), t2 = t2.slice(0, i2);
     return { type: t2, name };
   });
 }
@@ -1188,15 +1081,15 @@ function onRemove(typename) {
     var on = this.__on;
     if (!on)
       return;
-    for (var j = 0, i = -1, m = on.length, o; j < m; ++j) {
+    for (var j = 0, i2 = -1, m = on.length, o; j < m; ++j) {
       if (o = on[j], (!typename.type || o.type === typename.type) && o.name === typename.name) {
         this.removeEventListener(o.type, o.listener, o.options);
       } else {
-        on[++i] = o;
+        on[++i2] = o;
       }
     }
-    if (++i)
-      on.length = i;
+    if (++i2)
+      on.length = i2;
     else
       delete this.__on;
   };
@@ -1213,216 +1106,893 @@ function onAdd(typename, value, options2) {
           return;
         }
       }
-    this.addEventListener(typename.type, listener, options2);
-    o = { type: typename.type, name: typename.name, value, listener, options: options2 };
-    if (!on)
-      this.__on = [o];
-    else
-      on.push(o);
-  };
+    this.addEventListener(typename.type, listener, options2);
+    o = { type: typename.type, name: typename.name, value, listener, options: options2 };
+    if (!on)
+      this.__on = [o];
+    else
+      on.push(o);
+  };
+}
+function selection_on(typename, value, options2) {
+  var typenames = parseTypenames(typename + ""), i2, n2 = typenames.length, t2;
+  if (arguments.length < 2) {
+    var on = this.node().__on;
+    if (on)
+      for (var j = 0, m = on.length, o; j < m; ++j) {
+        for (i2 = 0, o = on[j]; i2 < n2; ++i2) {
+          if ((t2 = typenames[i2]).type === o.type && t2.name === o.name) {
+            return o.value;
+          }
+        }
+      }
+    return;
+  }
+  on = value ? onAdd : onRemove;
+  for (i2 = 0; i2 < n2; ++i2)
+    this.each(on(typenames[i2], value, options2));
+  return this;
+}
+function dispatchEvent(node, type, params) {
+  var window2 = defaultView(node), event = window2.CustomEvent;
+  if (typeof event === "function") {
+    event = new event(type, params);
+  } else {
+    event = window2.document.createEvent("Event");
+    if (params)
+      event.initEvent(type, params.bubbles, params.cancelable), event.detail = params.detail;
+    else
+      event.initEvent(type, false, false);
+  }
+  node.dispatchEvent(event);
+}
+function dispatchConstant(type, params) {
+  return function() {
+    return dispatchEvent(this, type, params);
+  };
+}
+function dispatchFunction(type, params) {
+  return function() {
+    return dispatchEvent(this, type, params.apply(this, arguments));
+  };
+}
+function selection_dispatch(type, params) {
+  return this.each((typeof params === "function" ? dispatchFunction : dispatchConstant)(type, params));
+}
+function* selection_iterator() {
+  for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
+    for (var group = groups[j], i2 = 0, n2 = group.length, node; i2 < n2; ++i2) {
+      if (node = group[i2])
+        yield node;
+    }
+  }
+}
+var root$1 = [null];
+function Selection(groups, parents) {
+  this._groups = groups;
+  this._parents = parents;
+}
+function selection_selection() {
+  return this;
+}
+Selection.prototype = {
+  constructor: Selection,
+  select: selection_select,
+  selectAll: selection_selectAll,
+  selectChild: selection_selectChild,
+  selectChildren: selection_selectChildren,
+  filter: selection_filter,
+  data: selection_data,
+  enter: selection_enter,
+  exit: selection_exit,
+  join: selection_join,
+  merge: selection_merge,
+  selection: selection_selection,
+  order: selection_order,
+  sort: selection_sort,
+  call: selection_call,
+  nodes: selection_nodes,
+  node: selection_node,
+  size: selection_size,
+  empty: selection_empty,
+  each: selection_each,
+  attr: selection_attr,
+  style: selection_style,
+  property: selection_property,
+  classed: selection_classed,
+  text: selection_text,
+  html: selection_html,
+  raise: selection_raise,
+  lower: selection_lower,
+  append: selection_append,
+  insert: selection_insert,
+  remove: selection_remove,
+  clone: selection_clone,
+  datum: selection_datum,
+  on: selection_on,
+  dispatch: selection_dispatch,
+  [Symbol.iterator]: selection_iterator
+};
+function e(selector2) {
+  return typeof selector2 === "string" ? new Selection([[document.querySelector(selector2)]], [document.documentElement]) : new Selection([[selector2]], root$1);
+}
+const t = { "\u21E7": 16, shift: 16, "\u2303": 17, ctrl: 17, "\u2325": 18, alt: 18, option: 18, "\u2318": 91, meta: 91, cmd: 91, super: 91, win: 91 }, r = { 16: "shiftKey", 17: "ctrlKey", 18: "altKey", 91: "metaKey" }, n = { "\u232B": "Backspace", backspace: "Backspace", "\u21E5": "Tab", "\u21C6": "Tab", tab: "Tab", "\u21A9": "Enter", "\u21B5": "Enter", "\u23CE": "Enter", return: "Enter", enter: "Enter", "\u2305": "Enter", pause: "Pause", "pause-break": "Pause", "\u21EA": "CapsLock", caps: "CapsLock", "caps-lock": "CapsLock", "\u238B": ["Escape", "Esc"], escape: ["Escape", "Esc"], esc: ["Escape", "Esc"], space: [" ", "Spacebar"], "": "PageUp", pgup: "PageUp", "page-up": "PageUp", "": "PageDown", pgdown: "PageDown", "page-down": "PageDown", "\u21DF": "End", end: "End", "\u21DE": "Home", home: "Home", ins: "Insert", insert: "Insert", "\u2326": ["Delete", "Del"], del: ["Delete", "Del"], delete: ["Delete", "Del"], "\u2190": ["ArrowLeft", "Left"], left: ["ArrowLeft", "Left"], "arrow-left": ["ArrowLeft", "Left"], "\u2191": ["ArrowUp", "Up"], up: ["ArrowUp", "Up"], "arrow-up": ["ArrowUp", "Up"], "\u2192": ["ArrowRight", "Right"], right: ["ArrowRight", "Right"], "arrow-right": ["ArrowRight", "Right"], "\u2193": ["ArrowDown", "Down"], down: ["ArrowDown", "Down"], "arrow-down": ["ArrowDown", "Down"], "*": ["*", "Multiply"], star: ["*", "Multiply"], asterisk: ["*", "Multiply"], multiply: ["*", "Multiply"], "+": ["+", "Add"], plus: ["+", "Add"], "-": ["-", "Subtract"], subtract: ["-", "Subtract"], dash: ["-", "Subtract"], semicolon: ";", equals: "=", comma: ",", period: ".", "full-stop": ".", slash: "/", "forward-slash": "/", tick: "`", "back-quote": "`", "open-bracket": "[", "back-slash": "\\", "close-bracket": "]", quote: "'", apostrophe: "'", "num-0": "0", "num-1": "1", "num-2": "2", "num-3": "3", "num-4": "4", "num-5": "5", "num-6": "6", "num-7": "7", "num-8": "8", "num-9": "9", f1: "F1", f2: "F2", f3: "F3", f4: "F4", f5: "F5", f6: "F6", f7: "F7", f8: "F8", f9: "F9", f10: "F10", f11: "F11", f12: "F12", f13: "F13", f14: "F14", f15: "F15", f16: "F16", f17: "F17", f18: "F18", f19: "F19", f20: "F20", f21: "F21", f22: "F22", f23: "F23", f24: "F24", f25: "F25" }, s = { "\u232B": 8, backspace: 8, "\u21E5": 9, "\u21C6": 9, tab: 9, "\u21A9": 13, "\u21B5": 13, "\u23CE": 13, return: 13, enter: 13, "\u2305": 13, pause: 19, "pause-break": 19, "\u21EA": 20, caps: 20, "caps-lock": 20, "\u238B": 27, escape: 27, esc: 27, space: 32, "": 33, pgup: 33, "page-up": 33, "": 34, pgdown: 34, "page-down": 34, "\u21DF": 35, end: 35, "\u21DE": 36, home: 36, ins: 45, insert: 45, "\u2326": 46, del: 46, delete: 46, "\u2190": 37, left: 37, "arrow-left": 37, "\u2191": 38, up: 38, "arrow-up": 38, "\u2192": 39, right: 39, "arrow-right": 39, "\u2193": 40, down: 40, "arrow-down": 40, ffequals: 61, "*": 106, star: 106, asterisk: 106, multiply: 106, "+": 107, plus: 107, "-": 109, subtract: 109, "|": 124, ffplus: 171, ffminus: 173, ";": 186, semicolon: 186, "=": 187, equals: 187, ",": 188, comma: 188, dash: 189, ".": 190, period: 190, "full-stop": 190, "/": 191, slash: 191, "forward-slash": 191, "`": 192, tick: 192, "back-quote": 192, "[": 219, "open-bracket": 219, "\\": 220, "back-slash": 220, "]": 221, "close-bracket": 221, "'": 222, quote: 222, apostrophe: 222 };
+function a(e2) {
+  return Array.from(new Set(e2));
+}
+class i {
+  constructor(t2 = "global", r2 = document, n2 = "keydown") {
+    if ("keydown" !== n2 && "keyup" !== n2)
+      throw new Error(n2, "\u4E8B\u4EF6\u7C7B\u578B\u4EC5\u652F\u6301keydown\u3001keyup");
+    this.eventType = n2, this.namespace = t2, this.selection = e(r2), this.bindedKeys = [], this.bindings = this.bindings.bind(this), this.capture = this.capture.bind(this), this.bubble = this.bubble.bind(this), this.init();
+  }
+  init() {
+    return this.selection.on(`${this.eventType}.capture.${this.namespace}`, this.capture, true), this.selection.on(`${this.eventType}.bubble.${this.namespace}`, this.bubble, false), this;
+  }
+  bindings(e2, t2) {
+    var r2, n2, s2 = false, a2 = Object.keys(this.bindedKeys).map(function(e3) {
+      return this.bindedKeys[e3];
+    }.bind(this));
+    for (r2 = 0; r2 < a2.length; r2++)
+      if ((n2 = a2[r2]).event.modifiers.shiftKey && !!n2.capture === t2 && i2(e2, n2, true)) {
+        n2.callback(e2), s2 = true, e2.preventDefault();
+        break;
+      }
+    if (!s2) {
+      for (r2 = 0; r2 < a2.length; r2++)
+        if (!(n2 = a2[r2]).event.modifiers.shiftKey && !!n2.capture === t2 && i2(e2, n2, false)) {
+          n2.callback(e2), e2.preventDefault();
+          break;
+        }
+    }
+    function i2(e3, t3, r3) {
+      var n3 = e3, s3 = false, a3 = true;
+      if (void 0 !== n3.key && (a3 = n3.key.charCodeAt(0) > 255, s3 = true, void 0 === t3.event.key ? s3 = false : Array.isArray(t3.event.key) ? -1 === t3.event.key.map(function(e4) {
+        return e4.toLowerCase();
+      }).indexOf(n3.key.toLowerCase()) && (s3 = false) : n3.key.toLowerCase() !== t3.event.key.toLowerCase() && (s3 = false)), s3 || !a3 && !t3.event.modifiers.shiftKey || (s3 = n3.keyCode === t3.event.keyCode), !s3)
+        return false;
+      if (!n3.ctrlKey || !n3.altKey) {
+        if (n3.ctrlKey !== t3.event.modifiers.ctrlKey)
+          return false;
+        if (n3.altKey !== t3.event.modifiers.altKey)
+          return false;
+      }
+      return n3.metaKey === t3.event.modifiers.metaKey && (!r3 || n3.shiftKey === t3.event.modifiers.shiftKey);
+    }
+  }
+  capture(e2) {
+    this.bindings(e2, true);
+  }
+  bubble(t2) {
+    var r2 = e(t2.target).node().tagName;
+    "INPUT" !== r2 && "SELECT" !== r2 && "TEXTAREA" !== r2 && "true" !== String(t2.target.getAttribute("contenteditable")) && this.bindings(t2, false);
+  }
+  on(e2, i2, o2) {
+    if ("function" != typeof i2)
+      return this.off(e2, o2);
+    for (var c2 = a([].concat(e2)), l = 0; l < c2.length; l++) {
+      var u = c2[l] + (o2 ? "-capture" : "-bubble"), p = { id: u, capture: o2, callback: i2, event: { key: void 0, keyCode: 0, modifiers: { shiftKey: false, ctrlKey: false, altKey: false, metaKey: false } } };
+      this.bindedKeys[u] && console.warn('warning: duplicate keybinding for "' + u + '"'), this.bindedKeys[u] = p;
+      for (var f = c2[l].toLowerCase().match(/(?:(?:[^+⇧⌃⌥⌘])+|[⇧⌃⌥⌘]|\+\+|^\+$)/g), d = 0; d < f.length; d++)
+        if ("++" === f[d] && (f[d] = "+"), f[d] in t) {
+          var h = r[t[f[d]]];
+          p.event.modifiers[h] = true;
+        } else
+          p.event.key = n[f[d]] || f[d], f[d] in s && (p.event.keyCode = s[f[d]]);
+    }
+    return this;
+  }
+  unbind() {
+    return this.selection.on(`${this.eventType}.capture.${this.namespace}`, null), this.selection.on(`${this.eventType}.bubble.${this.namespace}`, null), this;
+  }
+  clear() {
+    return this.bindedKeys = {}, this;
+  }
+  off(e2, t2) {
+    for (var r2 = a([].concat(e2)), n2 = 0; n2 < r2.length; n2++) {
+      var s2 = r2[n2] + (true === t2 ? "-capture" : "-bubble");
+      delete this.bindedKeys[s2];
+    }
+    return this;
+  }
+}
+new i("global", document, "keydown");
+new i("global", document, "keyup");
+class KeyboardControl extends CommonCtrol {
+  _onBindKeyboards(actions, namespace2) {
+    this.keybinding = new i(namespace2);
+    actions.forEach((o) => {
+      this.keybinding.on(o.code, o.action);
+    });
+  }
+  _onUnbindKeyboards() {
+    this.keybinding.clear();
+  }
+}
+function getChildNodes(menus) {
+  let subNodes = [];
+  menus.forEach((menu) => {
+    if (menu.children && menu.children.length > 0) {
+      menu.children.forEach((subMenu) => {
+        subMenu.code && subNodes.push(subMenu);
+      });
+    } else {
+      menu.code && subNodes.push(menu);
+    }
+  });
+  return subNodes;
+}
+class ContextMenu extends KeyboardControl {
+  constructor(container, props) {
+    super();
+    this.container = container;
+    this.props = props;
+    this.tempMenuElement = null;
+    this.onEvents();
+  }
+  onEvents() {
+    document.addEventListener("mouseup", () => {
+      this.onEmpty();
+    });
+    const menus = getChildNodes(this.props.menus);
+    this._onBindKeyboards([
+      ...menus.map((o) => ({
+        code: o.code,
+        action: () => {
+          o.click();
+          this.onEmpty();
+        }
+      })),
+      {
+        code: "Escape",
+        action: () => {
+          this.onEmpty();
+        }
+      }
+    ]);
+    this.container.addEventListener("contextmenu", (e2) => {
+      e2.preventDefault();
+      this.props.left = e2.clientX;
+      this.props.top = e2.clientY;
+      this.render({ left: e2.clientX, top: e2.clientY });
+      console.log(1, e2);
+    });
+  }
+  onEmpty() {
+    if (this.tempMenuElement) {
+      this.tempMenuElement.remove();
+      this.tempMenuElement = null;
+    }
+  }
+  renderChild(fatherEle, record) {
+    const menuItem = document.createElement("div");
+    menuItem.classList.add("wbk-menu-item", "w-per-100", "f-s-c");
+    menuItem.addEventListener("click", () => record.click());
+    if (record.icons) {
+      const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+      svg.classList.add("icon");
+      svg.setAttribute("viewBox", "0 0 1024 1024");
+      svg.setAttribute("version", "1.1");
+      svg.setAttribute("width", "13");
+      svg.setAttribute("height", "13");
+      record.icons.forEach((d) => {
+        const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+        path.setAttribute("d", d);
+        svg.appendChild(path);
+      });
+      menuItem.appendChild(svg);
+    }
+    const span = document.createElement("span");
+    span.textContent = record.name;
+    menuItem.appendChild(span);
+    fatherEle.appendChild(menuItem);
+  }
+  render({ left, top }) {
+    this.onEmpty();
+    if (this.props.menus.length > 0) {
+      const menuElement = document.createElement("aside");
+      menuElement.classList.add(
+        "wbk-contextmenus",
+        "z-1000",
+        "o-v",
+        "p-tb-5",
+        "p-lr-0",
+        "bg-color-fff",
+        "p-a",
+        "d-b",
+        "c-auto"
+      );
+      menuElement.style.left = `${left}px`;
+      menuElement.style.top = `${top}px`;
+      menuElement.style.display = "block";
+      this.props.menus.forEach((item) => {
+        const itemElement = document.createElement("div");
+        itemElement.classList.add("wbk-contextmenus-item", "p-r", "o-v");
+        itemElement.dataset.id = item.id;
+        if (!item.children || item.children.length === 0) {
+          this.renderChild(itemElement, item);
+        } else {
+          const section = document.createElement("section");
+          section.classList.add("wbk-menu-item", "f-s-c", "w-per-100", "h-30", "f-s-c", "c-p", "ease-400");
+          section.addEventListener("click", (e2) => e2.stopPropagation());
+          if (item.icons) {
+            const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+            svg.classList.add("icon");
+            svg.setAttribute("viewBox", "0 0 1024 1024");
+            svg.setAttribute("version", "1.1");
+            svg.setAttribute("width", "13");
+            svg.setAttribute("height", "13");
+            item.icons.forEach((d) => {
+              const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+              path.setAttribute("d", d);
+              svg.appendChild(path);
+            });
+            section.appendChild(svg);
+          }
+          const span = document.createElement("span");
+          span.textContent = item.name;
+          section.appendChild(span);
+          itemElement.appendChild(section);
+          const subMenuElement = document.createElement("aside");
+          subMenuElement.setAttribute(
+            "class",
+            "wbk-contextmenus-submenu  p-a-xr-yt translateX-100 bg-color-fff shadow-gray animate fadeIn ease-400 p-tb-5 p-lr-0"
+          );
+          subMenuElement.style.display = "none";
+          item.children.forEach((subItem) => {
+            const itemElement2 = document.createElement("div");
+            itemElement2.classList.add("wbk-contextmenus-item", "p-r", "o-v");
+            subMenuElement.appendChild(itemElement2);
+            this.renderChild(itemElement2, subItem);
+          });
+          itemElement.appendChild(subMenuElement);
+        }
+        menuElement.appendChild(itemElement);
+      });
+      this.container.appendChild(menuElement);
+      this.tempMenuElement = menuElement;
+    }
+  }
+}
+var index = "";
+const options$6 = {
+  className: "",
+  checked: false,
+  disabled: false,
+  indeterminate: false,
+  onChange: () => {
+  }
+};
+class Checkbox {
+  constructor(container, e2) {
+    this.options = {
+      ...options$6,
+      ...e2
+    };
+    this._container = container;
+    this._wrapper = null;
+    this._content = null;
+    this._render();
+  }
+  _render() {
+    const dom = document.createElement("div");
+    dom.className = this._wrapperClass();
+    const span = document.createElement("span");
+    span.className = this._contentClass();
+    dom.append(span);
+    this._wrapper = dom;
+    this._content = span;
+    dom.onclick = () => {
+      if (this.options.disabled)
+        return;
+      this.options.indeterminate = false;
+      this.options.checked = !this.options.checked;
+      dom.className = this._wrapperClass();
+      span.className = this._contentClass();
+      this.options.onChange && this.options.onChange(this.options);
+    };
+    this._container.append(dom);
+  }
+  _updateStatus(args) {
+    this.options = {
+      ...this.options,
+      ...args
+    };
+    this._wrapper.className = this._wrapperClass();
+    this._content.className = this._contentClass();
+  }
+  _wrapperClass() {
+    let classname = `wbiokr-com-checkbox w-15 h-15 b-r-2 b-ccc ease-200 border-hover-app f-c c-p`;
+    classname += !this.options.indeterminate && this.options.checked ? " bg-color-app b-c-app p-r wbiokr-com-checked " : " bg-color-fff b-c-ccc ";
+    classname += this.options.className;
+    return classname;
+  }
+  _contentClass() {
+    let classname = `wbiokr-com-checkbox-content ease-300 `;
+    classname += !this.options.indeterminate && this.options.checked ? "  top-5 w-5 h-10 b-fff b-w-2 rotate-45 b-no-t b-no-l o-100 " : this.options.indeterminate ? " w-5 h-5 bg-color-app o-100 " : " rotate-reverse-45 b-fff b-w-2 ";
+    return classname;
+  }
+}
+var earthRadius = 63710088e-1;
+var factors = {
+  centimeters: earthRadius * 100,
+  centimetres: earthRadius * 100,
+  degrees: earthRadius / 111325,
+  feet: earthRadius * 3.28084,
+  inches: earthRadius * 39.37,
+  kilometers: earthRadius / 1e3,
+  kilometres: earthRadius / 1e3,
+  meters: earthRadius,
+  metres: earthRadius,
+  miles: earthRadius / 1609.344,
+  millimeters: earthRadius * 1e3,
+  millimetres: earthRadius * 1e3,
+  nauticalmiles: earthRadius / 1852,
+  radians: 1,
+  yards: earthRadius * 1.0936
+};
+function feature(geom, properties, options2) {
+  if (options2 === void 0) {
+    options2 = {};
+  }
+  var feat = { type: "Feature" };
+  if (options2.id === 0 || options2.id) {
+    feat.id = options2.id;
+  }
+  if (options2.bbox) {
+    feat.bbox = options2.bbox;
+  }
+  feat.properties = properties || {};
+  feat.geometry = geom;
+  return feat;
+}
+function polygon(coordinates, properties, options2) {
+  if (options2 === void 0) {
+    options2 = {};
+  }
+  for (var _i = 0, coordinates_1 = coordinates; _i < coordinates_1.length; _i++) {
+    var ring = coordinates_1[_i];
+    if (ring.length < 4) {
+      throw new Error("Each LinearRing of a Polygon must have 4 or more Positions.");
+    }
+    for (var j = 0; j < ring[ring.length - 1].length; j++) {
+      if (ring[ring.length - 1][j] !== ring[0][j]) {
+        throw new Error("First and last Position are not equivalent.");
+      }
+    }
+  }
+  var geom = {
+    type: "Polygon",
+    coordinates
+  };
+  return feature(geom, properties, options2);
+}
+function lineString(coordinates, properties, options2) {
+  if (options2 === void 0) {
+    options2 = {};
+  }
+  if (coordinates.length < 2) {
+    throw new Error("coordinates must be an array of two or more positions");
+  }
+  var geom = {
+    type: "LineString",
+    coordinates
+  };
+  return feature(geom, properties, options2);
+}
+function radiansToLength(radians, units) {
+  if (units === void 0) {
+    units = "kilometers";
+  }
+  var factor = factors[units];
+  if (!factor) {
+    throw new Error(units + " units is invalid");
+  }
+  return radians * factor;
+}
+function degreesToRadians(degrees) {
+  var radians = degrees % 360;
+  return radians * Math.PI / 180;
+}
+function coordEach(geojson, callback, excludeWrapCoord) {
+  if (geojson === null)
+    return;
+  var j, k, l, geometry, stopG, coords, geometryMaybeCollection, wrapShrink = 0, coordIndex = 0, isGeometryCollection, type = geojson.type, isFeatureCollection = type === "FeatureCollection", isFeature = type === "Feature", stop = isFeatureCollection ? geojson.features.length : 1;
+  for (var featureIndex = 0; featureIndex < stop; featureIndex++) {
+    geometryMaybeCollection = isFeatureCollection ? geojson.features[featureIndex].geometry : isFeature ? geojson.geometry : geojson;
+    isGeometryCollection = geometryMaybeCollection ? geometryMaybeCollection.type === "GeometryCollection" : false;
+    stopG = isGeometryCollection ? geometryMaybeCollection.geometries.length : 1;
+    for (var geomIndex = 0; geomIndex < stopG; geomIndex++) {
+      var multiFeatureIndex = 0;
+      var geometryIndex = 0;
+      geometry = isGeometryCollection ? geometryMaybeCollection.geometries[geomIndex] : geometryMaybeCollection;
+      if (geometry === null)
+        continue;
+      coords = geometry.coordinates;
+      var geomType = geometry.type;
+      wrapShrink = excludeWrapCoord && (geomType === "Polygon" || geomType === "MultiPolygon") ? 1 : 0;
+      switch (geomType) {
+        case null:
+          break;
+        case "Point":
+          if (callback(
+            coords,
+            coordIndex,
+            featureIndex,
+            multiFeatureIndex,
+            geometryIndex
+          ) === false)
+            return false;
+          coordIndex++;
+          multiFeatureIndex++;
+          break;
+        case "LineString":
+        case "MultiPoint":
+          for (j = 0; j < coords.length; j++) {
+            if (callback(
+              coords[j],
+              coordIndex,
+              featureIndex,
+              multiFeatureIndex,
+              geometryIndex
+            ) === false)
+              return false;
+            coordIndex++;
+            if (geomType === "MultiPoint")
+              multiFeatureIndex++;
+          }
+          if (geomType === "LineString")
+            multiFeatureIndex++;
+          break;
+        case "Polygon":
+        case "MultiLineString":
+          for (j = 0; j < coords.length; j++) {
+            for (k = 0; k < coords[j].length - wrapShrink; k++) {
+              if (callback(
+                coords[j][k],
+                coordIndex,
+                featureIndex,
+                multiFeatureIndex,
+                geometryIndex
+              ) === false)
+                return false;
+              coordIndex++;
+            }
+            if (geomType === "MultiLineString")
+              multiFeatureIndex++;
+            if (geomType === "Polygon")
+              geometryIndex++;
+          }
+          if (geomType === "Polygon")
+            multiFeatureIndex++;
+          break;
+        case "MultiPolygon":
+          for (j = 0; j < coords.length; j++) {
+            geometryIndex = 0;
+            for (k = 0; k < coords[j].length; k++) {
+              for (l = 0; l < coords[j][k].length - wrapShrink; l++) {
+                if (callback(
+                  coords[j][k][l],
+                  coordIndex,
+                  featureIndex,
+                  multiFeatureIndex,
+                  geometryIndex
+                ) === false)
+                  return false;
+                coordIndex++;
+              }
+              geometryIndex++;
+            }
+            multiFeatureIndex++;
+          }
+          break;
+        case "GeometryCollection":
+          for (j = 0; j < geometry.geometries.length; j++)
+            if (coordEach(geometry.geometries[j], callback, excludeWrapCoord) === false)
+              return false;
+          break;
+        default:
+          throw new Error("Unknown Geometry Type");
+      }
+    }
+  }
+}
+function geomEach(geojson, callback) {
+  var i2, j, g, geometry, stopG, geometryMaybeCollection, isGeometryCollection, featureProperties, featureBBox, featureId, featureIndex = 0, isFeatureCollection = geojson.type === "FeatureCollection", isFeature = geojson.type === "Feature", stop = isFeatureCollection ? geojson.features.length : 1;
+  for (i2 = 0; i2 < stop; i2++) {
+    geometryMaybeCollection = isFeatureCollection ? geojson.features[i2].geometry : isFeature ? geojson.geometry : geojson;
+    featureProperties = isFeatureCollection ? geojson.features[i2].properties : isFeature ? geojson.properties : {};
+    featureBBox = isFeatureCollection ? geojson.features[i2].bbox : isFeature ? geojson.bbox : void 0;
+    featureId = isFeatureCollection ? geojson.features[i2].id : isFeature ? geojson.id : void 0;
+    isGeometryCollection = geometryMaybeCollection ? geometryMaybeCollection.type === "GeometryCollection" : false;
+    stopG = isGeometryCollection ? geometryMaybeCollection.geometries.length : 1;
+    for (g = 0; g < stopG; g++) {
+      geometry = isGeometryCollection ? geometryMaybeCollection.geometries[g] : geometryMaybeCollection;
+      if (geometry === null) {
+        if (callback(
+          null,
+          featureIndex,
+          featureProperties,
+          featureBBox,
+          featureId
+        ) === false)
+          return false;
+        continue;
+      }
+      switch (geometry.type) {
+        case "Point":
+        case "LineString":
+        case "MultiPoint":
+        case "Polygon":
+        case "MultiLineString":
+        case "MultiPolygon": {
+          if (callback(
+            geometry,
+            featureIndex,
+            featureProperties,
+            featureBBox,
+            featureId
+          ) === false)
+            return false;
+          break;
+        }
+        case "GeometryCollection": {
+          for (j = 0; j < geometry.geometries.length; j++) {
+            if (callback(
+              geometry.geometries[j],
+              featureIndex,
+              featureProperties,
+              featureBBox,
+              featureId
+            ) === false)
+              return false;
+          }
+          break;
+        }
+        default:
+          throw new Error("Unknown Geometry Type");
+      }
+    }
+    featureIndex++;
+  }
+}
+function geomReduce(geojson, callback, initialValue) {
+  var previousValue = initialValue;
+  geomEach(
+    geojson,
+    function(currentGeometry, featureIndex, featureProperties, featureBBox, featureId) {
+      if (featureIndex === 0 && initialValue === void 0)
+        previousValue = currentGeometry;
+      else
+        previousValue = callback(
+          previousValue,
+          currentGeometry,
+          featureIndex,
+          featureProperties,
+          featureBBox,
+          featureId
+        );
+    }
+  );
+  return previousValue;
+}
+function flattenEach(geojson, callback) {
+  geomEach(geojson, function(geometry, featureIndex, properties, bbox, id) {
+    var type = geometry === null ? null : geometry.type;
+    switch (type) {
+      case null:
+      case "Point":
+      case "LineString":
+      case "Polygon":
+        if (callback(
+          feature(geometry, properties, { bbox, id }),
+          featureIndex,
+          0
+        ) === false)
+          return false;
+        return;
+    }
+    var geomType;
+    switch (type) {
+      case "MultiPoint":
+        geomType = "Point";
+        break;
+      case "MultiLineString":
+        geomType = "LineString";
+        break;
+      case "MultiPolygon":
+        geomType = "Polygon";
+        break;
+    }
+    for (var multiFeatureIndex = 0; multiFeatureIndex < geometry.coordinates.length; multiFeatureIndex++) {
+      var coordinate = geometry.coordinates[multiFeatureIndex];
+      var geom = {
+        type: geomType,
+        coordinates: coordinate
+      };
+      if (callback(feature(geom, properties), featureIndex, multiFeatureIndex) === false)
+        return false;
+    }
+  });
+}
+function segmentEach(geojson, callback) {
+  flattenEach(geojson, function(feature2, featureIndex, multiFeatureIndex) {
+    var segmentIndex = 0;
+    if (!feature2.geometry)
+      return;
+    var type = feature2.geometry.type;
+    if (type === "Point" || type === "MultiPoint")
+      return;
+    var previousCoords;
+    var previousFeatureIndex = 0;
+    var previousMultiIndex = 0;
+    var prevGeomIndex = 0;
+    if (coordEach(
+      feature2,
+      function(currentCoord, coordIndex, featureIndexCoord, multiPartIndexCoord, geometryIndex) {
+        if (previousCoords === void 0 || featureIndex > previousFeatureIndex || multiPartIndexCoord > previousMultiIndex || geometryIndex > prevGeomIndex) {
+          previousCoords = currentCoord;
+          previousFeatureIndex = featureIndex;
+          previousMultiIndex = multiPartIndexCoord;
+          prevGeomIndex = geometryIndex;
+          segmentIndex = 0;
+          return;
+        }
+        var currentSegment = lineString(
+          [previousCoords, currentCoord],
+          feature2.properties
+        );
+        if (callback(
+          currentSegment,
+          featureIndex,
+          multiFeatureIndex,
+          geometryIndex,
+          segmentIndex
+        ) === false)
+          return false;
+        segmentIndex++;
+        previousCoords = currentCoord;
+      }
+    ) === false)
+      return false;
+  });
 }
-function selection_on(typename, value, options2) {
-  var typenames = parseTypenames(typename + ""), i, n = typenames.length, t2;
-  if (arguments.length < 2) {
-    var on = this.node().__on;
-    if (on)
-      for (var j = 0, m = on.length, o; j < m; ++j) {
-        for (i = 0, o = on[j]; i < n; ++i) {
-          if ((t2 = typenames[i]).type === o.type && t2.name === o.name) {
-            return o.value;
-          }
-        }
-      }
-    return;
-  }
-  on = value ? onAdd : onRemove;
-  for (i = 0; i < n; ++i)
-    this.each(on(typenames[i], value, options2));
-  return this;
+function segmentReduce(geojson, callback, initialValue) {
+  var previousValue = initialValue;
+  var started = false;
+  segmentEach(
+    geojson,
+    function(currentSegment, featureIndex, multiFeatureIndex, geometryIndex, segmentIndex) {
+      if (started === false && initialValue === void 0)
+        previousValue = currentSegment;
+      else
+        previousValue = callback(
+          previousValue,
+          currentSegment,
+          featureIndex,
+          multiFeatureIndex,
+          geometryIndex,
+          segmentIndex
+        );
+      started = true;
+    }
+  );
+  return previousValue;
 }
-function dispatchEvent(node, type, params) {
-  var window2 = defaultView(node), event = window2.CustomEvent;
-  if (typeof event === "function") {
-    event = new event(type, params);
-  } else {
-    event = window2.document.createEvent("Event");
-    if (params)
-      event.initEvent(type, params.bubbles, params.cancelable), event.detail = params.detail;
-    else
-      event.initEvent(type, false, false);
+function getCoord(coord) {
+  if (!coord) {
+    throw new Error("coord is required");
   }
-  node.dispatchEvent(event);
-}
-function dispatchConstant(type, params) {
-  return function() {
-    return dispatchEvent(this, type, params);
-  };
-}
-function dispatchFunction(type, params) {
-  return function() {
-    return dispatchEvent(this, type, params.apply(this, arguments));
-  };
-}
-function selection_dispatch(type, params) {
-  return this.each((typeof params === "function" ? dispatchFunction : dispatchConstant)(type, params));
-}
-function* selection_iterator() {
-  for (var groups = this._groups, j = 0, m = groups.length; j < m; ++j) {
-    for (var group = groups[j], i = 0, n = group.length, node; i < n; ++i) {
-      if (node = group[i])
-        yield node;
+  if (!Array.isArray(coord)) {
+    if (coord.type === "Feature" && coord.geometry !== null && coord.geometry.type === "Point") {
+      return coord.geometry.coordinates;
+    }
+    if (coord.type === "Point") {
+      return coord.coordinates;
     }
   }
+  if (Array.isArray(coord) && coord.length >= 2 && !Array.isArray(coord[0]) && !Array.isArray(coord[1])) {
+    return coord;
+  }
+  throw new Error("coord must be GeoJSON Point or an Array of numbers");
 }
-var root$1 = [null];
-function Selection(groups, parents) {
-  this._groups = groups;
-  this._parents = parents;
-}
-function selection_selection() {
-  return this;
-}
-Selection.prototype = {
-  constructor: Selection,
-  select: selection_select,
-  selectAll: selection_selectAll,
-  selectChild: selection_selectChild,
-  selectChildren: selection_selectChildren,
-  filter: selection_filter,
-  data: selection_data,
-  enter: selection_enter,
-  exit: selection_exit,
-  join: selection_join,
-  merge: selection_merge,
-  selection: selection_selection,
-  order: selection_order,
-  sort: selection_sort,
-  call: selection_call,
-  nodes: selection_nodes,
-  node: selection_node,
-  size: selection_size,
-  empty: selection_empty,
-  each: selection_each,
-  attr: selection_attr,
-  style: selection_style,
-  property: selection_property,
-  classed: selection_classed,
-  text: selection_text,
-  html: selection_html,
-  raise: selection_raise,
-  lower: selection_lower,
-  append: selection_append,
-  insert: selection_insert,
-  remove: selection_remove,
-  clone: selection_clone,
-  datum: selection_datum,
-  on: selection_on,
-  dispatch: selection_dispatch,
-  [Symbol.iterator]: selection_iterator
-};
-function select(selector2) {
-  return typeof selector2 === "string" ? new Selection([[document.querySelector(selector2)]], [document.documentElement]) : new Selection([[selector2]], root$1);
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function distance(from, to, options2) {
+  if (options2 === void 0) {
+    options2 = {};
+  }
+  var coordinates1 = getCoord(from);
+  var coordinates2 = getCoord(to);
+  var dLat = degreesToRadians(coordinates2[1] - coordinates1[1]);
+  var dLon = degreesToRadians(coordinates2[0] - coordinates1[0]);
+  var lat1 = degreesToRadians(coordinates1[1]);
+  var lat2 = degreesToRadians(coordinates2[1]);
+  var a2 = Math.pow(Math.sin(dLat / 2), 2) + Math.pow(Math.sin(dLon / 2), 2) * Math.cos(lat1) * Math.cos(lat2);
+  return radiansToLength(2 * Math.atan2(Math.sqrt(a2), Math.sqrt(1 - a2)), options2.units);
 }
-function t(e) {
-  return Array.from(new Set(e));
+var RADIUS = 6378137;
+function area(geojson) {
+  return geomReduce(geojson, function(value, geom) {
+    return value + calculateArea(geom);
+  }, 0);
 }
-function r(o, n) {
-  var a = {};
-  function f(e, t2) {
-    var r2, o2, n2 = false, f2 = Object.keys(a).map(function(e2) {
-      return a[e2];
-    });
-    for (r2 = 0; r2 < f2.length; r2++)
-      if ((o2 = f2[r2]).event.modifiers.shiftKey && !!o2.capture === t2 && s2(e, o2, true)) {
-        o2.callback(e), n2 = true, e.preventDefault();
-        break;
-      }
-    if (!n2) {
-      for (r2 = 0; r2 < f2.length; r2++)
-        if (!(o2 = f2[r2]).event.modifiers.shiftKey && !!o2.capture === t2 && s2(e, o2, false)) {
-          o2.callback(e), e.preventDefault();
-          break;
-        }
-    }
-    function s2(e2, t3, r3) {
-      var o3 = e2, n3 = false, a2 = true;
-      if (void 0 !== o3.key && (a2 = o3.key.charCodeAt(0) > 255, n3 = true, void 0 === t3.event.key ? n3 = false : Array.isArray(t3.event.key) ? -1 === t3.event.key.map(function(e3) {
-        return e3.toLowerCase();
-      }).indexOf(o3.key.toLowerCase()) && (n3 = false) : o3.key.toLowerCase() !== t3.event.key.toLowerCase() && (n3 = false)), n3 || !a2 && !t3.event.modifiers.shiftKey || (n3 = o3.keyCode === t3.event.keyCode), !n3)
-        return false;
-      if (!o3.ctrlKey || !o3.altKey) {
-        if (o3.ctrlKey !== t3.event.modifiers.ctrlKey)
-          return false;
-        if (o3.altKey !== t3.event.modifiers.altKey)
-          return false;
+function calculateArea(geom) {
+  var total = 0;
+  var i2;
+  switch (geom.type) {
+    case "Polygon":
+      return polygonArea(geom.coordinates);
+    case "MultiPolygon":
+      for (i2 = 0; i2 < geom.coordinates.length; i2++) {
+        total += polygonArea(geom.coordinates[i2]);
       }
-      return o3.metaKey === t3.event.modifiers.metaKey && (!r3 || o3.shiftKey === t3.event.modifiers.shiftKey);
-    }
+      return total;
+    case "Point":
+    case "MultiPoint":
+    case "LineString":
+    case "MultiLineString":
+      return 0;
   }
-  function s(e) {
-    f(e, true);
+  return 0;
+}
+function polygonArea(coords) {
+  var total = 0;
+  if (coords && coords.length > 0) {
+    total += Math.abs(ringArea(coords[0]));
+    for (var i2 = 1; i2 < coords.length; i2++) {
+      total -= Math.abs(ringArea(coords[i2]));
+    }
   }
-  async function i(t2) {
-    var r2 = select(t2.target).node().tagName;
-    if ("INPUT" !== r2 && "SELECT" !== r2 && "TEXTAREA" !== r2 && "true" !== String(t2.target.getAttribute("contenteditable"))) {
-      if ("function" == typeof n) {
-        if (await n(t2))
-          return;
+  return total;
+}
+function ringArea(coords) {
+  var p1;
+  var p2;
+  var p3;
+  var lowerIndex;
+  var middleIndex;
+  var upperIndex;
+  var i2;
+  var total = 0;
+  var coordsLength = coords.length;
+  if (coordsLength > 2) {
+    for (i2 = 0; i2 < coordsLength; i2++) {
+      if (i2 === coordsLength - 2) {
+        lowerIndex = coordsLength - 2;
+        middleIndex = coordsLength - 1;
+        upperIndex = 0;
+      } else if (i2 === coordsLength - 1) {
+        lowerIndex = coordsLength - 1;
+        middleIndex = 0;
+        upperIndex = 1;
+      } else {
+        lowerIndex = i2;
+        middleIndex = i2 + 1;
+        upperIndex = i2 + 2;
       }
-      f(t2, false);
-    }
-  }
-  function c(t2) {
-    return (t2 = t2 || select(document)).on("keydown.capture." + o, s, true), t2.on("keydown.bubble." + o, i, false), c;
-  }
-  return c.unbind = function(t2) {
-    return a = [], (t2 = t2 || select(document)).on("keydown.capture." + o, null), t2.on("keydown.bubble." + o, null), c;
-  }, c.clear = function() {
-    return a = {}, c;
-  }, c.off = function(e, r2) {
-    for (var o2 = t([].concat(e)), n2 = 0; n2 < o2.length; n2++) {
-      var f2 = o2[n2] + (r2 ? "-capture" : "-bubble");
-      delete a[f2];
-    }
-    return c;
-  }, c.on = function(e, o2, n2) {
-    if ("function" != typeof o2)
-      return c.off(e, n2);
-    for (var f2 = t([].concat(e)), s2 = 0; s2 < f2.length; s2++) {
-      var i2 = f2[s2] + (n2 ? "-capture" : "-bubble"), u = { id: i2, capture: n2, callback: o2, event: { key: void 0, keyCode: 0, modifiers: { shiftKey: false, ctrlKey: false, altKey: false, metaKey: false } } };
-      a[i2] && console.warn('warning: duplicate keybinding for "' + i2 + '"'), a[i2] = u;
-      for (var l = f2[s2].toLowerCase().match(/(?:(?:[^+⇧⌃⌥⌘])+|[⇧⌃⌥⌘]|\+\+|^\+$)/g), p = 0; p < l.length; p++)
-        if ("++" === l[p] && (l[p] = "+"), l[p] in r.modifierCodes) {
-          var d = r.modifierProperties[r.modifierCodes[l[p]]];
-          u.event.modifiers[d] = true;
-        } else
-          u.event.key = r.keys[l[p]] || l[p], l[p] in r.keyCodes && (u.event.keyCode = r.keyCodes[l[p]]);
-    }
-    return c;
-  }, c;
-}
-r.modifierCodes = { "\u21E7": 16, shift: 16, "\u2303": 17, ctrl: 17, "\u2325": 18, alt: 18, option: 18, "\u2318": 91, meta: 91, cmd: 91, super: 91, win: 91 }, r.modifierProperties = { 16: "shiftKey", 17: "ctrlKey", 18: "altKey", 91: "metaKey" }, r.keys = { "\u232B": "Backspace", backspace: "Backspace", "\u21E5": "Tab", "\u21C6": "Tab", tab: "Tab", "\u21A9": "Enter", "\u21B5": "Enter", "\u23CE": "Enter", return: "Enter", enter: "Enter", "\u2305": "Enter", pause: "Pause", "pause-break": "Pause", "\u21EA": "CapsLock", caps: "CapsLock", "caps-lock": "CapsLock", "\u238B": ["Escape", "Esc"], escape: ["Escape", "Esc"], esc: ["Escape", "Esc"], space: [" ", "Spacebar"], "": "PageUp", pgup: "PageUp", "page-up": "PageUp", "": "PageDown", pgdown: "PageDown", "page-down": "PageDown", "\u21DF": "End", end: "End", "\u21DE": "Home", home: "Home", ins: "Insert", insert: "Insert", "\u2326": ["Delete", "Del"], del: ["Delete", "Del"], delete: ["Delete", "Del"], "\u2190": ["ArrowLeft", "Left"], left: ["ArrowLeft", "Left"], "arrow-left": ["ArrowLeft", "Left"], "\u2191": ["ArrowUp", "Up"], up: ["ArrowUp", "Up"], "arrow-up": ["ArrowUp", "Up"], "\u2192": ["ArrowRight", "Right"], right: ["ArrowRight", "Right"], "arrow-right": ["ArrowRight", "Right"], "\u2193": ["ArrowDown", "Down"], down: ["ArrowDown", "Down"], "arrow-down": ["ArrowDown", "Down"], "*": ["*", "Multiply"], star: ["*", "Multiply"], asterisk: ["*", "Multiply"], multiply: ["*", "Multiply"], "+": ["+", "Add"], plus: ["+", "Add"], "-": ["-", "Subtract"], subtract: ["-", "Subtract"], dash: ["-", "Subtract"], semicolon: ";", equals: "=", comma: ",", period: ".", "full-stop": ".", slash: "/", "forward-slash": "/", tick: "`", "back-quote": "`", "open-bracket": "[", "back-slash": "\\", "close-bracket": "]", quote: "'", apostrophe: "'", "num-0": "0", "num-1": "1", "num-2": "2", "num-3": "3", "num-4": "4", "num-5": "5", "num-6": "6", "num-7": "7", "num-8": "8", "num-9": "9", f1: "F1", f2: "F2", f3: "F3", f4: "F4", f5: "F5", f6: "F6", f7: "F7", f8: "F8", f9: "F9", f10: "F10", f11: "F11", f12: "F12", f13: "F13", f14: "F14", f15: "F15", f16: "F16", f17: "F17", f18: "F18", f19: "F19", f20: "F20", f21: "F21", f22: "F22", f23: "F23", f24: "F24", f25: "F25" }, r.keyCodes = { "\u232B": 8, backspace: 8, "\u21E5": 9, "\u21C6": 9, tab: 9, "\u21A9": 13, "\u21B5": 13, "\u23CE": 13, return: 13, enter: 13, "\u2305": 13, pause: 19, "pause-break": 19, "\u21EA": 20, caps: 20, "caps-lock": 20, "\u238B": 27, escape: 27, esc: 27, space: 32, "": 33, pgup: 33, "page-up": 33, "": 34, pgdown: 34, "page-down": 34, "\u21DF": 35, end: 35, "\u21DE": 36, home: 36, ins: 45, insert: 45, "\u2326": 46, del: 46, delete: 46, "\u2190": 37, left: 37, "arrow-left": 37, "\u2191": 38, up: 38, "arrow-up": 38, "\u2192": 39, right: 39, "arrow-right": 39, "\u2193": 40, down: 40, "arrow-down": 40, ffequals: 61, "*": 106, star: 106, asterisk: 106, multiply: 106, "+": 107, plus: 107, "-": 109, subtract: 109, "|": 124, ffplus: 171, ffminus: 173, ";": 186, semicolon: 186, "=": 187, equals: 187, ",": 188, comma: 188, dash: 189, ".": 190, period: 190, "full-stop": 190, "/": 191, slash: 191, "forward-slash": 191, "`": 192, tick: 192, "back-quote": 192, "[": 219, "open-bracket": 219, "\\": 220, "back-slash": 220, "]": 221, "close-bracket": 221, "'": 222, quote: 222, apostrophe: 222 };
-for (var o = 95, n = 0; ++o < 106; )
-  r.keyCodes["num-" + n] = o, ++n;
-for (o = 47, n = 0; ++o < 58; )
-  r.keyCodes[n] = o, ++n;
-for (o = 111, n = 1; ++o < 136; )
-  r.keyCodes["f" + n] = o, ++n;
-for (o = 64; ++o < 91; )
-  r.keyCodes[String.fromCharCode(o).toLowerCase()] = o;
-class KeyboardControl extends CommonCtrol {
-  _onBindKeyboards(actions, namespace2) {
-    this.keybinding = r(namespace2);
-    actions.forEach((o) => {
-      this.keybinding.on(o.code, o.action);
-    });
-    select(document).call(this.keybinding);
+      p1 = coords[lowerIndex];
+      p2 = coords[middleIndex];
+      p3 = coords[upperIndex];
+      total += (rad(p3[0]) - rad(p1[0])) * Math.sin(rad(p2[1]));
+    }
+    total = total * RADIUS * RADIUS / 2;
   }
-  _onUnbindKeyboards() {
-    this.keybinding.clear();
-    select(document).call(this.keybinding.unbind);
+  return total;
+}
+function rad(num) {
+  return num * Math.PI / 180;
+}
+function length(geojson, options2) {
+  if (options2 === void 0) {
+    options2 = {};
   }
+  return segmentReduce(geojson, function(previousValue, segment) {
+    var coords = segment.geometry.coordinates;
+    return previousValue + distance(coords[0], coords[1], options2);
+  }, 0);
 }
+var commonCtrols = "";
+var control$5 = "";
 const options$5 = {
   title: "\u6D4B\u91CF\u8DDD\u79BB"
 };
@@ -1433,13 +2003,13 @@ const WBK_LAYER_POINTS = "WBK_LAYER_POINTS";
 const WBK_LAYER_LINE = "WBK_LAYER_LINE";
 const WBK_LAYER_MOVE = "WBK_LAYER_MOVE";
 class MeasureDistanceControl extends KeyboardControl {
-  constructor(e) {
+  constructor(e2) {
     super();
     this.name = "measureDistance";
     this.measureFlag = false;
     this.options = {
       ...options$5,
-      ...e
+      ...e2
     };
     this.tooltip = null;
     this.startEle = null;
@@ -1552,18 +2122,18 @@ class MeasureDistanceControl extends KeyboardControl {
     this._resetData();
   }
   _eventMeasure() {
-    this._map.on("click", (e) => {
+    this._map.on("click", (e2) => {
       if (!this.flag)
         return;
-      const coord = [e.lngLat.lng, e.lngLat.lat];
+      const coord = [e2.lngLat.lng, e2.lngLat.lat];
       this._addMeasurePoint(coord);
       this._addPoint(coord);
       this.points.push(coord);
     });
-    this._map.on("dblclick", (e) => {
+    this._map.on("dblclick", (e2) => {
       if (!this.flag)
         return;
-      var coords = [e.lngLat.lng, e.lngLat.lat];
+      var coords = [e2.lngLat.lng, e2.lngLat.lat];
       this._addPoint(coords);
       this.measureFlag = false;
       this._map.getCanvas().style.cursor = "";
@@ -1583,10 +2153,10 @@ class MeasureDistanceControl extends KeyboardControl {
         self2._close();
       }.bind(this);
     });
-    this._map.on("mousemove", (e) => {
+    this._map.on("mousemove", (e2) => {
       if (!this.flag)
         return;
-      const coords = [e.lngLat.lng, e.lngLat.lat];
+      const coords = [e2.lngLat.lng, e2.lngLat.lat];
       if (this.jsonPoint.features.length > 0) {
         var prev = this.jsonPoint.features[this.jsonPoint.features.length - 1];
         var json = {
@@ -1711,13 +2281,13 @@ const WBK_AREA_LAYER_POINTS = "WBK_AREA_LAYER_POINTS";
 const WBK_AREA_LAYER_FILL = "WBK_AREA_LAYER_FILL";
 const WBK_AREA_LAYER_STROKE = "WBK_AREA_LAYER_STROKE";
 class MeasureAreaControl extends KeyboardControl {
-  constructor(e) {
+  constructor(e2) {
     super();
     this.name = "measureArea";
     this.measureFlag = false;
     this.options = {
       ...options$4,
-      ...e
+      ...e2
     };
     this.tooltip = null;
     this.startEle = null;
@@ -1826,17 +2396,17 @@ class MeasureAreaControl extends KeyboardControl {
     this._resetData();
   }
   _eventMeasure() {
-    this._map.on("click", (e) => {
+    this._map.on("click", (e2) => {
       if (!this.flag)
         return;
-      const coord = [e.lngLat.lng, e.lngLat.lat];
+      const coord = [e2.lngLat.lng, e2.lngLat.lat];
       this.points.push(coord);
       this._addPoint(coord);
     });
-    this._map.on("dblclick", (e) => {
+    this._map.on("dblclick", (e2) => {
       if (!this.flag)
         return;
-      const coords = [e.lngLat.lng, e.lngLat.lat];
+      const coords = [e2.lngLat.lng, e2.lngLat.lat];
       this.points.push(coords);
       this.measureFlag = false;
       this._map.getCanvas().style.cursor = "";
@@ -1857,10 +2427,10 @@ class MeasureAreaControl extends KeyboardControl {
         self2._close();
       }.bind(this);
     });
-    this._map.on("mousemove", (e) => {
+    this._map.on("mousemove", (e2) => {
       if (!this.flag)
         return;
-      const coords = [e.lngLat.lng, e.lngLat.lat];
+      const coords = [e2.lngLat.lng, e2.lngLat.lat];
       const len = this.jsonPoint.features.length;
       if (len === 0) {
         this.startEle.innerHTML = "\u70B9\u51FB\u5730\u56FE\u5F00\u59CB\u6D4B\u91CF";
@@ -1967,13 +2537,13 @@ const options$3 = {
   }
 };
 class PickCoordControl extends KeyboardControl {
-  constructor(e) {
+  constructor(e2) {
     super();
     this.name = "pick";
     this.flagValue = false;
     this.options = {
       ...options$3,
-      ...e
+      ...e2
     };
     this.text = "\u70B9\u51FB\u67E5\u770B\u7ECF\u7EAC\u5EA6";
   }
@@ -2011,8 +2581,8 @@ class PickCoordControl extends KeyboardControl {
     this._onUnbindKeyboards();
   }
   _eventMeasure() {
-    this._map.on("click", (e) => {
-      const lngLat = e.lngLat;
+    this._map.on("click", (e2) => {
+      const lngLat = e2.lngLat;
       this.text = `${lngLat.lng},${lngLat.lat}`;
       this._container.querySelector(`.${this.mainClass}-main`).innerHTML = this.text;
     });
@@ -2029,7 +2599,7 @@ class PickCoordControl extends KeyboardControl {
   }
   _renderContent() {
     const main = document.createElement("main");
-    main.className = `${this.mainClass}-main wbiokr-ctrl-main wbiokr-ctrl-absolute`;
+    main.className = `${this.mainClass}-main wbiokr-ctrl-main wbiokr-ctrl-absolute d-b l-h-30`;
     this._container.append(main);
     main.addEventListener("click", () => {
       if (!this.text.includes(","))
@@ -2077,14 +2647,14 @@ const options$2 = {
   }
 };
 class MouseRectControl extends KeyboardControl {
-  constructor(e) {
+  constructor(e2) {
     super();
     this.name = "mouseRect";
     this.flagValue = false;
     this.moving = false;
     this.options = {
       ...options$2,
-      ...e
+      ...e2
     };
     this.startLoc = [];
     this.endLoc = [];
@@ -2122,10 +2692,10 @@ class MouseRectControl extends KeyboardControl {
     this._onUnbindKeyboards();
   }
   _eventMeasure() {
-    this._map.on("click", (e) => {
+    this._map.on("click", (e2) => {
       if (!this.flag || !this.moving)
         return;
-      const lngLat = e.lngLat;
+      const lngLat = e2.lngLat;
       const newLoc = [lngLat.lng, lngLat.lat];
       let isStart = false;
       if (this.startLoc.length === 0) {
@@ -2141,12 +2711,12 @@ class MouseRectControl extends KeyboardControl {
         this.options.onEnd && this.options.onEnd({ minX, minY, maxX, maxY });
       }
     });
-    this._map.on("mousemove", (e) => {
+    this._map.on("mousemove", (e2) => {
       if (!this.flag || !this.moving)
         return;
       if (!this.startLoc || this.startLoc.length === 0)
         return;
-      const lngLat = e.lngLat;
+      const lngLat = e2.lngLat;
       const newLoc = [lngLat.lng, lngLat.lat];
       this.endLoc = newLoc;
       const minX = Math.min(this.startLoc[0], this.endLoc[0]);
@@ -2168,7 +2738,7 @@ class MouseRectControl extends KeyboardControl {
           ]
         }
       });
-      this.options.onMousemove && this.options.onMousemove(e);
+      this.options.onMousemove && this.options.onMousemove(e2);
     });
   }
   _open() {
@@ -2280,20 +2850,20 @@ const options$1 = {
   }
 };
 class PositionControl extends KeyboardControl {
-  constructor(e = {}) {
+  constructor(e2 = {}) {
     super();
     this.name = "positionControl";
     this.flagValue = false;
     this.options = {
       ...options$1,
-      ...e,
+      ...e2,
       layout: {
         ...options$1.layout,
-        ...e.layout
+        ...e2.layout
       },
       paint: {
         ...options$1.paint,
-        ...e.paint
+        ...e2.paint
       }
     };
     this.value = "";
@@ -2498,20 +3068,20 @@ class PositionControl extends KeyboardControl {
     }
     const ul = this._container.querySelector("ul");
     ul.innerHTML = "";
-    for (let i = 0; i < newLocs.length; i++) {
+    for (let i2 = 0; i2 < newLocs.length; i2++) {
       const li = document.createElement("li");
       li.className = "f-s-c h-35 c-p w-per-100 white-1";
-      li.setAttribute("data-index", i);
-      li.setAttribute("title", newLocs[i].toString());
+      li.setAttribute("data-index", i2);
+      li.setAttribute("title", newLocs[i2].toString());
       const tag = document.createElement("span");
-      tag.innerText = `\u70B9${i + 1}`;
+      tag.innerText = `\u70B9${i2 + 1}`;
       tag.className = "wbiokr-position-tag f-s-0 m-r-10 ease-400 p-e-none f-c";
-      tag.setAttribute("data-index", i);
+      tag.setAttribute("data-index", i2);
       li.append(tag);
       const span = document.createElement("span");
-      span.innerText = newLocs[i].toString();
+      span.innerText = newLocs[i2].toString();
       span.className = "wbiokr-position-loc f-1 f-s-c white-1 c-hover-app ease-300 p-e-none";
-      span.setAttribute("data-index", i);
+      span.setAttribute("data-index", i2);
       li.append(span);
       ul.append(li);
     }
@@ -2519,7 +3089,7 @@ class PositionControl extends KeyboardControl {
   }
   _coords() {
     const locs = coordListByStr(this.getterValue);
-    const newLocs = [...new Set(locs.map((a) => a.join(",")))].map((s) => s.split(","));
+    const newLocs = [...new Set(locs.map((a2) => a2.join(",")))].map((s2) => s2.split(","));
     if (newLocs.length < locs.length)
       this.options.onMini && this.options.onMini();
     return newLocs;
@@ -2543,8 +3113,8 @@ class PositionControl extends KeyboardControl {
     posBtn.innerText = "\u5B9A\u4F4D";
     posBtn.className = "c-app o-hover-70 ease-300";
     const _self = this;
-    posBtn.onclick = function(e) {
-      e.preventDefault();
+    posBtn.onclick = function(e2) {
+      e2.preventDefault();
       _self._navigate();
     };
     div.append(posBtn);
@@ -2567,8 +3137,8 @@ class PositionControl extends KeyboardControl {
     textarea.className = "w-per-100 h-per-100 p-10 ease-300";
     textarea.placeholder = "\u591A\u4E2A\u5750\u6807\u8BF7\u4F7F\u7528\u6362\u884C\u6216\u5206\u53F7(\u82F1\u6587)\u9694\u5F00, \u652F\u6301\u5EA6\u5750\u6807\u4E0E\u79D2\u5750\u6807";
     const self2 = this;
-    textarea.onchange = function(e) {
-      self2.getterValue = e.target.value;
+    textarea.onchange = function(e2) {
+      self2.getterValue = e2.target.value;
     };
     section.append(textarea);
     return section;
@@ -2577,8 +3147,8 @@ class PositionControl extends KeyboardControl {
     const ul = document.createElement("ul");
     ul.className = "d-b p-10 o-a h-max-200 ease-300";
     const self2 = this;
-    ul.onclick = function(e) {
-      const idx = e.target.getAttribute("data-index");
+    ul.onclick = function(e2) {
+      const idx = e2.target.getAttribute("data-index");
       self2.current = idx;
     };
     return ul;
@@ -2822,13 +3392,13 @@ const options = {
   }
 };
 class LayerTreeControl extends KeyboardControl {
-  constructor(e) {
+  constructor(e2) {
     super();
     this.name = "layersTree";
     this.flagValue = false;
     this.options = {
       ...options,
-      ...e
+      ...e2
     };
     this.layerData = [];
     this._getterLayer = this._getterLayer.bind(this);
@@ -2840,7 +3410,7 @@ class LayerTreeControl extends KeyboardControl {
   get allLayers() {
     let layers = [];
     this.layerData.forEach((o) => layers = [...layers, ...o.children]);
-    layers.sort((a, b) => a.zIndex - b.zIndex);
+    layers.sort((a2, b) => a2.zIndex - b.zIndex);
     return layers;
   }
   get flag() {
@@ -2971,7 +3541,7 @@ class LayerTreeControl extends KeyboardControl {
     } else {
       if (((_a = layer.sourceConfig.tiles) == null ? void 0 : _a.length) > 0 && !this._map.getSource(sourceId)) {
         const tiles = layer.sourceConfig.tiles.map(
-          (s) => s.replace(/bbox={bbox}|BBOX={bbox}|BBOX={BBOX}|bbox={BBOX}/, "bbox={bbox-epsg-3857}")
+          (s2) => s2.replace(/bbox={bbox}|BBOX={bbox}|BBOX={BBOX}|bbox={BBOX}/, "bbox={bbox-epsg-3857}")
         );
         const beforeId = ["raster", "background"].includes(layer.sourceConfig.type) ? this._firstFactorId() : void 0;
         this._map.addSource(
@@ -3029,8 +3599,8 @@ class LayerTreeControl extends KeyboardControl {
     const children2 = layer.children || [];
     let flagCheck = false;
     let flagNoCheck = false;
-    for (let i = 0; i < children2.length; i++) {
-      const flag = children2[i].checked;
+    for (let i2 = 0; i2 < children2.length; i2++) {
+      const flag = children2[i2].checked;
       if (flag) {
         flagCheck = true;
       } else {
@@ -3043,8 +3613,8 @@ class LayerTreeControl extends KeyboardControl {
     const children2 = layer.children || [];
     if (children2.length === 0)
       return layer.checked;
-    for (let i = 0; i < children2.length; i++) {
-      if (!children2[i].checked)
+    for (let i2 = 0; i2 < children2.length; i2++) {
+      if (!children2[i2].checked)
         return false;
     }
     return true;
@@ -3129,7 +3699,7 @@ class LayerTreeControl extends KeyboardControl {
         tag.className = "f-s-12 ";
         tag.innerText = c.title;
         li.append(tag);
-        li.onclick = (e) => {
+        li.onclick = (e2) => {
           c.checked = !c.checked;
           if (c.radio && c.checked) {
             o.children.forEach((d, index2) => {
@@ -3169,10 +3739,4 @@ class LayerTreeControl extends KeyboardControl {
     });
   }
 }
-const install = (app) => {
-  components.forEach((component) => app.component(component.__name, component));
-};
-const Ui = {
-  install
-};
-export { Checkbox, LayerTreeControl, MeasureAreaControl, MeasureDistanceControl, MouseRectControl, PickCoordControl, PositionControl, copyContent, createUuid, Ui as default, mercatorToLnglat, transformRequest4326 };
+export { Checkbox, ContextMenu, Component$1 as Geoserver, Component as GeoserverAside, LayerTreeControl, MeasureAreaControl, MeasureDistanceControl, MouseRectControl, PickCoordControl, PositionControl, copyContent, createUuid, mercatorToLnglat, transformRequest4326 };