mapboxgl-tools 2.0.1 → 2.1.0

package/dist/ui.es.js

@@ -1,4 +1,5 @@
-(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 "vue";
+import "@wbiokr/css-class";
 import { coordListByStr } from "@wbiokr/geo";
 function createUuid(num) {
   function S4() {
@@ -38,1384 +39,1960 @@ 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, e2) {
-    this.options = {
-      ...options$6,
-      ...e2
+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;
-}
-function degreesToRadians(degrees) {
-  var radians = degrees % 360;
-  return radians * Math.PI / 180;
+  return new Selection(subgroups, parents);
 }
-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 matcher(selector2) {
+  return function() {
+    return this.matches(selector2);
+  };
 }
-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");
+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);
       }
     }
-    featureIndex++;
   }
+  return new Selection(subgroups, this._parents);
 }
-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 sparse(update) {
+  return new Array(update.length);
 }
-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;
+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 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]);
     }
-    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 < groupLength; ++i2) {
+    if (node = group[i2]) {
+      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;
+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);
       }
-    ) === 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 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;
+  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]);
     }
   }
-  if (Array.isArray(coord) && coord.length >= 2 && !Array.isArray(coord[0]) && !Array.isArray(coord[1])) {
-    return coord;
+  for (i2 = 0; i2 < groupLength; ++i2) {
+    if ((node = group[i2]) && nodeByKeyValue.get(keyValues[i2]) === node) {
+      exit[i2] = node;
+    }
   }
-  throw new Error("coord must be GeoJSON Point or an Array of numbers");
 }
-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 = {};
+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;
+      }
+    }
   }
-  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);
+  update = new Selection(update, parents);
+  update._enter = enter;
+  update._exit = exit;
+  return update;
 }
-var RADIUS = 6378137;
-function area(geojson) {
-  return geomReduce(geojson, function(value, geom) {
-    return value + calculateArea(geom);
-  }, 0);
+function arraylike(data) {
+  return typeof data === "object" && "length" in data ? data : Array.from(data);
 }
-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 total;
-    case "Point":
-    case "MultiPoint":
-    case "LineString":
-    case "MultiLineString":
-      return 0;
+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], n2 = group0.length, merge = merges[j] = new Array(n2), node, i2 = 0; i2 < n2; ++i2) {
+      if (node = group0[i2] || group1[i2]) {
+        merge[i2] = node;
+      }
+    }
   }
-  return 0;
+  for (; j < m0; ++j) {
+    merges[j] = groups0[j];
+  }
+  return new Selection(merges, this._parents);
 }
-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]));
+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 total;
+  return this;
 }
-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;
+function selection_sort(compare) {
+  if (!compare)
+    compare = ascending;
+  function compareNode(a2, b) {
+    return a2 && b ? compare(a2.__data__, b.__data__) : !a2 - !b;
+  }
+  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;
       }
-      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;
+    sortgroup.sort(compareNode);
   }
-  return total;
+  return new Selection(sortgroups, this._parents).order();
 }
-function rad(num) {
-  return num * Math.PI / 180;
+function ascending(a2, b) {
+  return a2 < b ? -1 : a2 > b ? 1 : a2 >= b ? 0 : NaN;
 }
-function length(geojson, options2) {
-  if (options2 === void 0) {
-    options2 = {};
+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], i2 = 0, n2 = group.length; i2 < n2; ++i2) {
+      var node = group[i2];
+      if (node)
+        return node;
+    }
   }
-  return segmentReduce(geojson, function(previousValue, segment) {
-    var coords = segment.geometry.coordinates;
-    return previousValue + distance(coords[0], coords[1], options2);
-  }, 0);
+  return null;
 }
-var commonCtrols = "";
-var control$5 = "";
-class CommonCtrol {
-  _onOpen() {
-    this._container.className += " wbiokr-ctrl-active";
+function selection_size() {
+  let size = 0;
+  for (const node of this)
+    ++size;
+  return size;
+}
+function selection_empty() {
+  return !this.node();
+}
+function selection_each(callback) {
+  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])
+        callback.call(node, node.__data__, i2, group);
+    }
   }
-  _onClose() {
-    this._container.className = this._container.className.replaceAll("wbiokr-ctrl-active", "");
+  return this;
+}
+function attrRemove(name) {
+  return function() {
+    this.removeAttribute(name);
+  };
+}
+function attrRemoveNS(fullname) {
+  return function() {
+    this.removeAttributeNS(fullname.space, fullname.local);
+  };
+}
+function attrConstant(name, value) {
+  return function() {
+    this.setAttribute(name, value);
+  };
+}
+function attrConstantNS(fullname, value) {
+  return function() {
+    this.setAttributeNS(fullname.space, fullname.local, value);
+  };
+}
+function attrFunction(name, value) {
+  return function() {
+    var v = value.apply(this, arguments);
+    if (v == null)
+      this.removeAttribute(name);
+    else
+      this.setAttribute(name, v);
+  };
+}
+function attrFunctionNS(fullname, value) {
+  return function() {
+    var v = value.apply(this, arguments);
+    if (v == null)
+      this.removeAttributeNS(fullname.space, fullname.local);
+    else
+      this.setAttributeNS(fullname.space, fullname.local, v);
+  };
+}
+function selection_attr(name, value) {
+  var fullname = namespace(name);
+  if (arguments.length < 2) {
+    var node = this.node();
+    return fullname.local ? node.getAttributeNS(fullname.space, fullname.local) : node.getAttribute(fullname);
   }
+  return this.each((value == null ? fullname.local ? attrRemoveNS : attrRemove : typeof value === "function" ? fullname.local ? attrFunctionNS : attrFunction : fullname.local ? attrConstantNS : attrConstant)(fullname, value));
 }
-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 defaultView(node) {
+  return node.ownerDocument && node.ownerDocument.defaultView || node.document && node || node.defaultView;
+}
+function styleRemove(name) {
+  return function() {
+    this.style.removeProperty(name);
+  };
+}
+function styleConstant(name, value, priority) {
+  return function() {
+    this.style.setProperty(name, value, priority);
+  };
+}
+function styleFunction(name, value, priority) {
+  return function() {
+    var v = value.apply(this, arguments);
+    if (v == null)
+      this.style.removeProperty(name);
+    else
+      this.style.setProperty(name, v, priority);
+  };
+}
+function selection_style(name, value, priority) {
+  return arguments.length > 1 ? this.each((value == null ? styleRemove : typeof value === "function" ? styleFunction : styleConstant)(name, value, priority == null ? "" : priority)) : styleValue(this.node(), name);
+}
+function styleValue(node, name) {
+  return node.style.getPropertyValue(name) || defaultView(node).getComputedStyle(node, null).getPropertyValue(name);
+}
+function propertyRemove(name) {
+  return function() {
+    delete this[name];
+  };
+}
+function propertyConstant(name, value) {
+  return function() {
+    this[name] = value;
+  };
+}
+function propertyFunction(name, value) {
+  return function() {
+    var v = value.apply(this, arguments);
+    if (v == null)
+      delete this[name];
+    else
+      this[name] = v;
+  };
+}
+function selection_property(name, value) {
+  return arguments.length > 1 ? this.each((value == null ? propertyRemove : typeof value === "function" ? propertyFunction : propertyConstant)(name, value)) : this.node()[name];
+}
+function classArray(string) {
+  return string.trim().split(/^|\s+/);
+}
+function classList(node) {
+  return node.classList || new ClassList(node);
+}
+function ClassList(node) {
+  this._node = node;
+  this._names = classArray(node.getAttribute("class") || "");
+}
+ClassList.prototype = {
+  add: function(name) {
+    var i2 = this._names.indexOf(name);
+    if (i2 < 0) {
+      this._names.push(name);
+      this._node.setAttribute("class", this._names.join(" "));
+    }
+  },
+  remove: function(name) {
+    var i2 = this._names.indexOf(name);
+    if (i2 >= 0) {
+      this._names.splice(i2, 1);
+      this._node.setAttribute("class", this._names.join(" "));
+    }
+  },
+  contains: function(name) {
+    return this._names.indexOf(name) >= 0;
+  }
 };
-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 classedAdd(node, names) {
+  var list = classList(node), i2 = -1, n2 = names.length;
+  while (++i2 < n2)
+    list.add(names[i2]);
 }
-function creatorInherit(name) {
+function classedRemove(node, names) {
+  var list = classList(node), i2 = -1, n2 = names.length;
+  while (++i2 < n2)
+    list.remove(names[i2]);
+}
+function classedTrue(names) {
   return function() {
-    var document2 = this.ownerDocument, uri = this.namespaceURI;
-    return uri === xhtml && document2.documentElement.namespaceURI === xhtml ? document2.createElement(name) : document2.createElementNS(uri, name);
+    classedAdd(this, names);
   };
 }
-function creatorFixed(fullname) {
+function classedFalse(names) {
   return function() {
-    return this.ownerDocument.createElementNS(fullname.space, fullname.local);
+    classedRemove(this, names);
   };
 }
-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 classedFunction(names, value) {
+  return function() {
+    (value.apply(this, arguments) ? classedAdd : classedRemove)(this, names);
   };
 }
-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;
-      }
-    }
+function selection_classed(name, value) {
+  var names = classArray(name + "");
+  if (arguments.length < 2) {
+    var list = classList(this.node()), i2 = -1, n2 = names.length;
+    while (++i2 < n2)
+      if (!list.contains(names[i2]))
+        return false;
+    return true;
   }
-  return new Selection(subgroups, this._parents);
-}
-function array(x) {
-  return x == null ? [] : Array.isArray(x) ? x : Array.from(x);
+  return this.each((typeof value === "function" ? classedFunction : value ? classedTrue : classedFalse)(names, value));
 }
-function empty() {
-  return [];
+function textRemove() {
+  this.textContent = "";
 }
-function selectorAll(selector2) {
-  return selector2 == null ? empty : function() {
-    return this.querySelectorAll(selector2);
+function textConstant(value) {
+  return function() {
+    this.textContent = value;
   };
 }
-function arrayAll(select) {
+function textFunction(value) {
   return function() {
-    return array(select.apply(this, arguments));
+    var v = value.apply(this, arguments);
+    this.textContent = v == null ? "" : v;
   };
 }
-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 new Selection(subgroups, parents);
+function selection_text(value) {
+  return arguments.length ? this.each(value == null ? textRemove : (typeof value === "function" ? textFunction : textConstant)(value)) : this.node().textContent;
 }
-function matcher(selector2) {
-  return function() {
-    return this.matches(selector2);
-  };
+function htmlRemove() {
+  this.innerHTML = "";
 }
-function childMatcher(selector2) {
-  return function(node) {
-    return node.matches(selector2);
+function htmlConstant(value) {
+  return function() {
+    this.innerHTML = value;
   };
 }
-var find = Array.prototype.find;
-function childFind(match) {
+function htmlFunction(value) {
   return function() {
-    return find.call(this.children, match);
+    var v = value.apply(this, arguments);
+    this.innerHTML = v == null ? "" : v;
   };
 }
-function childFirst() {
-  return this.firstElementChild;
+function selection_html(value) {
+  return arguments.length ? this.each(value == null ? htmlRemove : (typeof value === "function" ? htmlFunction : htmlConstant)(value)) : this.node().innerHTML;
 }
-function selection_selectChild(match) {
-  return this.select(match == null ? childFirst : childFind(typeof match === "function" ? match : childMatcher(match)));
+function raise() {
+  if (this.nextSibling)
+    this.parentNode.appendChild(this);
 }
-var filter = Array.prototype.filter;
-function children() {
-  return Array.from(this.children);
+function selection_raise() {
+  return this.each(raise);
 }
-function childrenFilter(match) {
-  return function() {
-    return filter.call(this.children, match);
+function lower() {
+  if (this.previousSibling)
+    this.parentNode.insertBefore(this, this.parentNode.firstChild);
+}
+function selection_lower() {
+  return this.each(lower);
+}
+function selection_append(name) {
+  var create = typeof name === "function" ? name : creator(name);
+  return this.select(function() {
+    return this.appendChild(create.apply(this, arguments));
+  });
+}
+function constantNull() {
+  return null;
+}
+function selection_insert(name, 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), select.apply(this, arguments) || null);
+  });
+}
+function remove() {
+  var parent = this.parentNode;
+  if (parent)
+    parent.removeChild(this);
+}
+function selection_remove() {
+  return this.each(remove);
+}
+function selection_cloneShallow() {
+  var clone = this.cloneNode(false), parent = this.parentNode;
+  return parent ? parent.insertBefore(clone, this.nextSibling) : clone;
+}
+function selection_cloneDeep() {
+  var clone = this.cloneNode(true), parent = this.parentNode;
+  return parent ? parent.insertBefore(clone, this.nextSibling) : clone;
+}
+function selection_clone(deep) {
+  return this.select(deep ? selection_cloneDeep : selection_cloneShallow);
+}
+function selection_datum(value) {
+  return arguments.length ? this.property("__data__", value) : this.node().__data__;
+}
+function contextListener(listener) {
+  return function(event) {
+    listener.call(this, event, this.__data__);
   };
 }
-function selection_selectChildren(match) {
-  return this.selectAll(match == null ? children : childrenFilter(typeof match === "function" ? match : childMatcher(match)));
+function parseTypenames(typenames) {
+  return typenames.trim().split(/^|\s+/).map(function(t2) {
+    var name = "", i2 = t2.indexOf(".");
+    if (i2 >= 0)
+      name = t2.slice(i2 + 1), t2 = t2.slice(0, i2);
+    return { type: t2, name };
+  });
 }
-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);
+function onRemove(typename) {
+  return function() {
+    var on = this.__on;
+    if (!on)
+      return;
+    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[++i2] = o;
       }
     }
-  }
-  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);
+    if (++i2)
+      on.length = i2;
+    else
+      delete this.__on;
+  };
 }
-function EnterNode(parent, datum2) {
-  this.ownerDocument = parent.ownerDocument;
-  this.namespaceURI = parent.namespaceURI;
-  this._next = null;
-  this._parent = parent;
-  this.__data__ = datum2;
+function onAdd(typename, value, options2) {
+  return function() {
+    var on = this.__on, o, listener = contextListener(value);
+    if (on)
+      for (var j = 0, m = on.length; j < m; ++j) {
+        if ((o = on[j]).type === typename.type && o.name === typename.name) {
+          this.removeEventListener(o.type, o.listener, o.options);
+          this.addEventListener(o.type, o.listener = listener, o.options = options2);
+          o.value = value;
+          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);
+  };
 }
-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 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);
   }
-};
-function constant(x) {
+  node.dispatchEvent(event);
+}
+function dispatchConstant(type, params) {
   return function() {
-    return x;
+    return dispatchEvent(this, type, params);
   };
 }
-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]);
-    }
-  }
-  for (; i2 < groupLength; ++i2) {
-    if (node = group[i2]) {
-      exit[i2] = node;
-    }
-  }
+function dispatchFunction(type, params) {
+  return function() {
+    return dispatchEvent(this, type, params.apply(this, arguments));
+  };
 }
-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);
-      }
-    }
-  }
-  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 (i2 = 0; i2 < groupLength; ++i2) {
-    if ((node = group[i2]) && nodeByKeyValue.get(keyValues[i2]) === node) {
-      exit[i2] = node;
+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;
     }
   }
 }
-function datum(node) {
-  return node.__data__;
+var root$1 = [null];
+function Selection(groups, parents) {
+  this._groups = groups;
+  this._parents = parents;
 }
-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 selection_selection() {
+  return this;
 }
-function arraylike(data) {
-  return typeof data === "object" && "length" in data ? data : Array.from(data);
+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);
 }
-function selection_exit() {
-  return new Selection(this._exit || this._groups.map(sparse), this._parents);
+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));
 }
-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 + "");
+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();
   }
-  if (onupdate != null) {
-    update = onupdate(update);
-    if (update)
-      update = update.selection();
+  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;
   }
-  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], n2 = group0.length, merge = merges[j] = new Array(n2), node, i2 = 0; i2 < n2; ++i2) {
-      if (node = group0[i2] || group1[i2]) {
-        merge[i2] = node;
+  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);
     }
   }
-  for (; j < m0; ++j) {
-    merges[j] = groups0[j];
+  capture(e2) {
+    this.bindings(e2, true);
   }
-  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], 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;
-      }
+  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;
   }
-  return this;
-}
-function selection_sort(compare) {
-  if (!compare)
-    compare = ascending;
-  function compareNode(a2, b) {
-    return a2 && b ? compare(a2.__data__, b.__data__) : !a2 - !b;
+  unbind() {
+    return this.selection.on(`${this.eventType}.capture.${this.namespace}`, null), this.selection.on(`${this.eventType}.bubble.${this.namespace}`, null), this;
   }
-  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);
+  clear() {
+    return this.bindedKeys = {}, this;
   }
-  return new Selection(sortgroups, this._parents).order();
-}
-function ascending(a2, b) {
-  return a2 < b ? -1 : a2 > b ? 1 : a2 >= b ? 0 : NaN;
-}
-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], i2 = 0, n2 = group.length; i2 < n2; ++i2) {
-      var node = group[i2];
-      if (node)
-        return node;
+  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;
   }
-  return null;
 }
-function selection_size() {
-  let size = 0;
-  for (const node of this)
-    ++size;
-  return size;
+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 selection_empty() {
-  return !this.node();
+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;
 }
-function selection_each(callback) {
-  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])
-        callback.call(node, node.__data__, i2, group);
+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;
     }
   }
-  return this;
-}
-function attrRemove(name) {
-  return function() {
-    this.removeAttribute(name);
-  };
-}
-function attrRemoveNS(fullname) {
-  return function() {
-    this.removeAttributeNS(fullname.space, fullname.local);
-  };
-}
-function attrConstant(name, value) {
-  return function() {
-    this.setAttribute(name, value);
-  };
-}
-function attrConstantNS(fullname, value) {
-  return function() {
-    this.setAttributeNS(fullname.space, fullname.local, value);
-  };
-}
-function attrFunction(name, value) {
-  return function() {
-    var v = value.apply(this, arguments);
-    if (v == null)
-      this.removeAttribute(name);
-    else
-      this.setAttribute(name, v);
-  };
-}
-function attrFunctionNS(fullname, value) {
-  return function() {
-    var v = value.apply(this, arguments);
-    if (v == null)
-      this.removeAttributeNS(fullname.space, fullname.local);
-    else
-      this.setAttributeNS(fullname.space, fullname.local, v);
-  };
 }
-function selection_attr(name, value) {
-  var fullname = namespace(name);
-  if (arguments.length < 2) {
-    var node = this.node();
-    return fullname.local ? node.getAttributeNS(fullname.space, fullname.local) : node.getAttribute(fullname);
+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;
   }
-  return this.each((value == null ? fullname.local ? attrRemoveNS : attrRemove : typeof value === "function" ? fullname.local ? attrFunctionNS : attrFunction : fullname.local ? attrConstantNS : attrConstant)(fullname, value));
-}
-function defaultView(node) {
-  return node.ownerDocument && node.ownerDocument.defaultView || node.document && node || node.defaultView;
-}
-function styleRemove(name) {
-  return function() {
-    this.style.removeProperty(name);
-  };
-}
-function styleConstant(name, value, priority) {
-  return function() {
-    this.style.setProperty(name, value, priority);
-  };
-}
-function styleFunction(name, value, priority) {
-  return function() {
-    var v = value.apply(this, arguments);
-    if (v == null)
-      this.style.removeProperty(name);
-    else
-      this.style.setProperty(name, v, priority);
-  };
-}
-function selection_style(name, value, priority) {
-  return arguments.length > 1 ? this.each((value == null ? styleRemove : typeof value === "function" ? styleFunction : styleConstant)(name, value, priority == null ? "" : priority)) : styleValue(this.node(), name);
-}
-function styleValue(node, name) {
-  return node.style.getPropertyValue(name) || defaultView(node).getComputedStyle(node, null).getPropertyValue(name);
-}
-function propertyRemove(name) {
-  return function() {
-    delete this[name];
-  };
-}
-function propertyConstant(name, value) {
-  return function() {
-    this[name] = value;
-  };
-}
-function propertyFunction(name, value) {
-  return function() {
-    var v = value.apply(this, arguments);
-    if (v == null)
-      delete this[name];
-    else
-      this[name] = v;
-  };
-}
-function selection_property(name, value) {
-  return arguments.length > 1 ? this.each((value == null ? propertyRemove : typeof value === "function" ? propertyFunction : propertyConstant)(name, value)) : this.node()[name];
-}
-function classArray(string) {
-  return string.trim().split(/^|\s+/);
-}
-function classList(node) {
-  return node.classList || new ClassList(node);
 }
-function ClassList(node) {
-  this._node = node;
-  this._names = classArray(node.getAttribute("class") || "");
+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;
 }
-ClassList.prototype = {
-  add: function(name) {
-    var i2 = this._names.indexOf(name);
-    if (i2 < 0) {
-      this._names.push(name);
-      this._node.setAttribute("class", this._names.join(" "));
+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.");
     }
-  },
-  remove: function(name) {
-    var i2 = this._names.indexOf(name);
-    if (i2 >= 0) {
-      this._names.splice(i2, 1);
-      this._node.setAttribute("class", this._names.join(" "));
+    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.");
+      }
     }
-  },
-  contains: function(name) {
-    return this._names.indexOf(name) >= 0;
   }
-};
-function classedAdd(node, names) {
-  var list = classList(node), i2 = -1, n2 = names.length;
-  while (++i2 < n2)
-    list.add(names[i2]);
-}
-function classedRemove(node, names) {
-  var list = classList(node), i2 = -1, n2 = names.length;
-  while (++i2 < n2)
-    list.remove(names[i2]);
-}
-function classedTrue(names) {
-  return function() {
-    classedAdd(this, names);
-  };
-}
-function classedFalse(names) {
-  return function() {
-    classedRemove(this, names);
-  };
-}
-function classedFunction(names, value) {
-  return function() {
-    (value.apply(this, arguments) ? classedAdd : classedRemove)(this, names);
+  var geom = {
+    type: "Polygon",
+    coordinates
   };
+  return feature(geom, properties, options2);
 }
-function selection_classed(name, value) {
-  var names = classArray(name + "");
-  if (arguments.length < 2) {
-    var list = classList(this.node()), i2 = -1, n2 = names.length;
-    while (++i2 < n2)
-      if (!list.contains(names[i2]))
-        return false;
-    return true;
+function lineString(coordinates, properties, options2) {
+  if (options2 === void 0) {
+    options2 = {};
   }
-  return this.each((typeof value === "function" ? classedFunction : value ? classedTrue : classedFalse)(names, value));
-}
-function textRemove() {
-  this.textContent = "";
-}
-function textConstant(value) {
-  return function() {
-    this.textContent = value;
-  };
-}
-function textFunction(value) {
-  return function() {
-    var v = value.apply(this, arguments);
-    this.textContent = v == null ? "" : v;
-  };
-}
-function selection_text(value) {
-  return arguments.length ? this.each(value == null ? textRemove : (typeof value === "function" ? textFunction : textConstant)(value)) : this.node().textContent;
-}
-function htmlRemove() {
-  this.innerHTML = "";
-}
-function htmlConstant(value) {
-  return function() {
-    this.innerHTML = value;
-  };
-}
-function htmlFunction(value) {
-  return function() {
-    var v = value.apply(this, arguments);
-    this.innerHTML = v == null ? "" : v;
+  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 selection_html(value) {
-  return arguments.length ? this.each(value == null ? htmlRemove : (typeof value === "function" ? htmlFunction : htmlConstant)(value)) : this.node().innerHTML;
-}
-function raise() {
-  if (this.nextSibling)
-    this.parentNode.appendChild(this);
-}
-function selection_raise() {
-  return this.each(raise);
-}
-function lower() {
-  if (this.previousSibling)
-    this.parentNode.insertBefore(this, this.parentNode.firstChild);
-}
-function selection_lower() {
-  return this.each(lower);
-}
-function selection_append(name) {
-  var create = typeof name === "function" ? name : creator(name);
-  return this.select(function() {
-    return this.appendChild(create.apply(this, arguments));
-  });
-}
-function constantNull() {
-  return null;
-}
-function selection_insert(name, 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), select.apply(this, arguments) || null);
-  });
-}
-function remove() {
-  var parent = this.parentNode;
-  if (parent)
-    parent.removeChild(this);
-}
-function selection_remove() {
-  return this.each(remove);
-}
-function selection_cloneShallow() {
-  var clone = this.cloneNode(false), parent = this.parentNode;
-  return parent ? parent.insertBefore(clone, this.nextSibling) : clone;
-}
-function selection_cloneDeep() {
-  var clone = this.cloneNode(true), parent = this.parentNode;
-  return parent ? parent.insertBefore(clone, this.nextSibling) : clone;
-}
-function selection_clone(deep) {
-  return this.select(deep ? selection_cloneDeep : selection_cloneShallow);
-}
-function selection_datum(value) {
-  return arguments.length ? this.property("__data__", value) : this.node().__data__;
-}
-function contextListener(listener) {
-  return function(event) {
-    listener.call(this, event, this.__data__);
-  };
+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 parseTypenames(typenames) {
-  return typenames.trim().split(/^|\s+/).map(function(t2) {
-    var name = "", i2 = t2.indexOf(".");
-    if (i2 >= 0)
-      name = t2.slice(i2 + 1), t2 = t2.slice(0, i2);
-    return { type: t2, name };
-  });
+function degreesToRadians(degrees) {
+  var radians = degrees % 360;
+  return radians * Math.PI / 180;
 }
-function onRemove(typename) {
-  return function() {
-    var on = this.__on;
-    if (!on)
-      return;
-    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[++i2] = o;
+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");
       }
     }
-    if (++i2)
-      on.length = i2;
-    else
-      delete this.__on;
-  };
+  }
 }
-function onAdd(typename, value, options2) {
-  return function() {
-    var on = this.__on, o, listener = contextListener(value);
-    if (on)
-      for (var j = 0, m = on.length; j < m; ++j) {
-        if ((o = on[j]).type === typename.type && o.name === typename.name) {
-          this.removeEventListener(o.type, o.listener, o.options);
-          this.addEventListener(o.type, o.listener = listener, o.options = options2);
-          o.value = value;
-          return;
-        }
+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;
       }
-    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;
+      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");
       }
-    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;
     }
+    featureIndex++;
   }
 }
-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));
+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;
 }
-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();
+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;
-      }
-    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)
+    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;
-      if (!n3.ctrlKey || !n3.altKey) {
-        if (n3.ctrlKey !== t3.event.modifiers.ctrlKey)
-          return false;
-        if (n3.altKey !== t3.event.modifiers.altKey)
+    }
+  });
+}
+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;
       }
-      return n3.metaKey === t3.event.modifiers.metaKey && (!r3 || n3.shiftKey === t3.event.modifiers.shiftKey);
+    ) === 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 getCoord(coord) {
+  if (!coord) {
+    throw new Error("coord is required");
   }
-  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]]);
+  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;
     }
-    return this;
   }
-  unbind() {
-    return this.selection.on(`${this.eventType}.capture.${this.namespace}`, null), this.selection.on(`${this.eventType}.bubble.${this.namespace}`, null), this;
+  if (Array.isArray(coord) && coord.length >= 2 && !Array.isArray(coord[0]) && !Array.isArray(coord[1])) {
+    return coord;
   }
-  clear() {
-    return this.bindedKeys = {}, this;
+  throw new Error("coord must be GeoJSON Point or an Array of numbers");
+}
+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 = {};
   }
-  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];
+  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);
+}
+var RADIUS = 6378137;
+function area(geojson) {
+  return geomReduce(geojson, function(value, geom) {
+    return value + calculateArea(geom);
+  }, 0);
+}
+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 total;
+    case "Point":
+    case "MultiPoint":
+    case "LineString":
+    case "MultiLineString":
+      return 0;
+  }
+  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]));
     }
-    return this;
   }
+  return total;
 }
-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);
-    });
+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;
+      }
+      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();
+  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"
 };
@@ -2022,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(","))
@@ -3162,4 +3739,4 @@ class LayerTreeControl extends KeyboardControl {
     });
   }
 }
-export { Checkbox, LayerTreeControl, MeasureAreaControl, MeasureDistanceControl, MouseRectControl, PickCoordControl, PositionControl, copyContent, createUuid, mercatorToLnglat, transformRequest4326 };
+export { Checkbox, ContextMenu, Component$1 as Geoserver, Component as GeoserverAside, LayerTreeControl, MeasureAreaControl, MeasureDistanceControl, MouseRectControl, PickCoordControl, PositionControl, copyContent, createUuid, mercatorToLnglat, transformRequest4326 };