@idmwx/idmui-gl3 4.4.7 → 4.4.8

package/dist/index.js

@@ -1,24 +1,24 @@
-var at = Object.defineProperty;
-var it = (a, e, t) => e in a ? at(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var R = (a, e, t) => (it(a, typeof e != "symbol" ? e + "" : e, t), t);
-import { resolveComponent as z, openBlock as x, createElementBlock as C, createElementVNode as l, normalizeStyle as U, createVNode as k, withCtx as Y, normalizeClass as W, Fragment as Ae, renderList as $e, toDisplayString as S, createCommentVNode as j, createTextVNode as Fe, pushScopeId as H, popScopeId as G, withDirectives as je, vShow as We, createStaticVNode as rt, mergeProps as E } from "vue";
-import * as L from "@turf/turf";
-import ot from "@mapbox/sphericalmercator";
+var Ve = Object.defineProperty;
+var Ue = (a, e, t) => e in a ? Ve(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var R = (a, e, t) => (Ue(a, typeof e != "symbol" ? e + "" : e, t), t);
+import { resolveComponent as P, openBlock as _, createElementBlock as C, createElementVNode as n, normalizeStyle as U, createVNode as k, withCtx as X, normalizeClass as j, Fragment as _e, renderList as Se, toDisplayString as S, createCommentVNode as B, createTextVNode as Ie, withDirectives as Pe, createStaticVNode as Ze, vShow as ze, mergeProps as I } from "vue";
+import * as x from "@turf/turf";
+import He from "@mapbox/sphericalmercator";
 import Z from "moment";
-import te from "mapbox-gl";
-import { TropicalHelper as Qe, LngLatHelper as D, LaneHelper as ee } from "@idm-plugin/geo";
-import ne from "axios";
-var st = Object.defineProperty, nt = (a, e, t) => e in a ? st(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, Ce = (a, e, t) => (nt(a, typeof e != "symbol" ? e + "" : e, t), t);
-class De {
+import ee from "mapbox-gl";
+import { TropicalHelper as Oe, LngLatHelper as D, LaneHelper as K } from "@idm-plugin/geo";
+import oe from "axios";
+var Ge = Object.defineProperty, Je = (a, e, t) => e in a ? Ge(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, ge = (a, e, t) => (Je(a, typeof e != "symbol" ? e + "" : e, t), t);
+class Ce {
 }
-Ce(De, "LEVEL", {
+ge(Ce, "LEVEL", {
   Basic: 1,
   Prime: 2,
   Supper: 1024
 });
-class Me {
+class ke {
 }
-Ce(Me, "WEATHER_LAYERS", [
+ge(ke, "WEATHER_LAYERS", [
   {
     weight: 1,
     name: "Wind",
@@ -243,7 +243,7 @@ Ce(Me, "WEATHER_LAYERS", [
     type: "jpg"
   }
 ]), // 其它图层
-Ce(Me, "OTHER_LAYERS", [
+ge(ke, "OTHER_LAYERS", [
   {
     weight: 1,
     name: "War Zones",
@@ -355,9 +355,9 @@ Ce(Me, "OTHER_LAYERS", [
     type: "origin"
   }
 ]);
-class Oe {
+class Ee {
 }
-Ce(Oe, "WEATHER_TAG", [
+ge(Ee, "WEATHER_TAG", [
   {
     weight: 4,
     // 2^2
@@ -383,7 +383,7 @@ Ce(Oe, "WEATHER_TAG", [
     positive: !0
   }
 ]), // 航行相关标签, 2^11 <= weight <= 2^20
-Ce(Oe, "SAILING_TAG", [
+ge(Ee, "SAILING_TAG", [
   {
     weight: 2048,
     // 2^11
@@ -425,7 +425,7 @@ Ce(Oe, "SAILING_TAG", [
     positive: !0
   }
 ]), // 其他标签, 2^21 <= weight <= 2^31
-Ce(Oe, "OTHER_TAG", [
+ge(Ee, "OTHER_TAG", [
   {
     weight: 2097152,
     // 2^21
@@ -480,7 +480,7 @@ const T = (a, e) => {
   for (const [r, i] of e)
     t[r] = i;
   return t;
-}, lt = {
+}, Xe = {
   name: "IdmGlLayer",
   props: {
     map: {
@@ -503,22 +503,36 @@ const T = (a, e) => {
     isLogin: {
       type: Boolean,
       default: void 0
+    },
+    showWindFeather: {
+      type: Boolean,
+      default: void 0
+    },
+    showWindParticle: {
+      type: Boolean,
+      default: void 0
+    },
+    showCurrentIsoband: {
+      type: Boolean,
+      default: void 0
+    },
+    showCurrentParticle: {
+      type: Boolean,
+      default: void 0
     }
   },
   emits: ["weather", "other", "coordinate", "measure", "point", "3d", "layerToggle", "handleToggleVersion"],
   data() {
     return {
-      source: "",
-      weatherLayers: [],
-      activeWeatherLayers: [],
       autoActive: !0,
-      otherLayers: [],
       layers: {
         weather: [
-          ...Me.WEATHER_LAYERS.filter((a) => !["swell-height", "swell-direction", "current-direction", "current-speed"].includes(a.key))
+          ...ke.WEATHER_LAYERS.filter((a) => !["swell-height", "swell-direction", "current-direction", "current-speed"].includes(a.key))
         ],
-        other: [...Me.OTHER_LAYERS.filter((a) => a.key !== "world12nm" && a.enabled)]
+        other: [...ke.OTHER_LAYERS.filter((a) => a.key !== "world12nm" && a.enabled)]
       },
+      weatherLayers: [],
+      otherLayers: [],
       weatherLayersCache: "weatherLayersCache",
       autoActiveCache: "autoActiveCache",
       otherLayersCache: "otherLayersCache",
@@ -532,6 +546,7 @@ const T = (a, e) => {
         v: "0.0.7",
         k: "glCacheVersion"
       },
+      source: "",
       right: 10,
       rampColorLayers: ["visibility", "precip3h", "temp", "water-temp", "arctic"]
     };
@@ -539,9 +554,14 @@ const T = (a, e) => {
   computed: {
     computeLayerClass() {
       return function(a, e) {
+        var r;
         let t = "layer flex-between";
-        return e.some((r) => r.key === a.key) && (t = "layer flex-between active"), (!a.enabled || this.rampColorLayers.includes(a.key) && this.mapProjection === "globe") && (t = "layer flex-between disabled"), t;
+        return e.some((i) => i.key === a.key) && (t = t + " active"), (!a.enabled || (r = this.layers.weather) != null && r.some((i) => i.key === a.key) && !this.autoActive || this.rampColorLayers.includes(a.key) && this.mapProjection === "globe") && (t = t + " disabled"), t;
       };
+    },
+    hasCollectedLayers() {
+      var a;
+      return ((a = this.layers.weather.filter((e) => e.collected)) == null ? void 0 : a.length) > 0;
     }
   },
   watch: {
@@ -557,46 +577,54 @@ const T = (a, e) => {
       handler(a, e) {
         a && e && a !== e && this.handleConfirm();
       }
+    },
+    showWindFeather: {
+      handler() {
+        !this.showWindFeather && !this.showWindParticle && this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 });
+      }
+    },
+    showWindParticle: {
+      handler() {
+        !this.showWindFeather && !this.showWindParticle && this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 });
+      }
+    },
+    showCurrentIsoband: {
+      handler() {
+        !this.showCurrentIsoband && !this.showCurrentParticle && this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 });
+      }
+    },
+    showCurrentParticle: {
+      handler() {
+        !this.showCurrentIsoband && !this.showCurrentParticle && this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 });
+      }
     }
   },
   mounted() {
     const a = localStorage.getItem(this.version.k);
     this.version.v !== a && (localStorage.removeItem(this.weatherLayersCache), localStorage.removeItem(this.collectedLayerCache), localStorage.removeItem(this.otherLayersCache), localStorage.removeItem("windFeatherCache"), localStorage.removeItem("currentJsonCache"), localStorage.setItem(this.version.k, this.version.v));
-    let e = localStorage.getItem(this.collectedLayerCache), t = JSON.parse(
-      e || '[{"weight":1,"name":"Wind","key":"wind","collected":true},{"weight":4096,"name":"Pressure","key":"prmsl","collected":true},{"weight":256,"name":"Tropicals","key":"tropicals","collected":true}]'
+    let e = localStorage.getItem(this.autoActiveCache);
+    this.autoActive = e !== "false", e = localStorage.getItem(this.collectedLayerCache);
+    let t = JSON.parse(
+      e || '[{"weight": 16, "name": "Sig Waves", "key": "sig-wave-height", "collected": true},{"weight": 1, "name": "Wind", "key": "wind", "h5": true, "collected": true},{"weight": 96, "name": "Current", "key": "current", "collected": true},{"weight": 256, "name": "Tropicals", "key": "tropicals", "collected": true},{"weight": 4096, "name": "Pressure", "h5": true, "key": "prmsl", "collected": true},{"weight": 6, "name": "Swell", "key": "swell", "collected": true}]'
     );
     this.layers.weather.forEach((r) => {
       r.collected = !!t.some((i) => i.key === r.key && i.collected);
-    }), e = localStorage.getItem(this.autoActiveCache), this.autoActive = e !== "false", e = localStorage.getItem(this.weatherLayersCache), t = JSON.parse(
+    }), e = localStorage.getItem(this.weatherLayersCache), t = JSON.parse(
       e || '[{"weight":1,"name":"Wind","key":"wind","enabled":true,"type":"json","particle":true},{"weight":4096,"name":"Pressure","key":"prmsl","enabled":true,"type":"json"},{"weight":256,"name":"Tropicals","key":"tropicals","enabled":true,"type":"json"}]'
-    ), this.weatherLayers = t, this.autoActive && (this.activeWeatherLayers = [...t]), e = localStorage.getItem(this.otherLayersCache), t = JSON.parse(e || '[{"weight":4,"name":"ECA Zones","key":"eca-zones","enabled":true,"type":"json"}]'), this.otherLayers = t, e = localStorage.getItem(this.sourceCache), this.source = e || "GFS", this.handleConfirm();
+    ), this.autoActive && (this.weatherLayers = [...t]), e = localStorage.getItem(this.otherLayersCache), t = JSON.parse(e || '[{"weight":4,"name":"ECA Zones","key":"eca-zones","enabled":true,"type":"json"}]'), this.otherLayers = t, e = localStorage.getItem(this.sourceCache), this.source = e || "GFS", this.handleConfirm();
   },
   methods: {
     handleConfirm() {
-      this.$emit("weather", this.weatherLayers, this.activeWeatherLayers, this.source), this.$emit("other", this.otherLayers), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
+      this.$emit("weather", this.weatherLayers, this.source), this.$emit("other", this.otherLayers), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
     },
     handleWeatherLayerPick(a) {
-      if (this.rampColorLayers.includes(a.key) && this.mapProjection === "globe")
+      if (this.rampColorLayers.includes(a.key) && this.mapProjection === "globe" || !this.autoActive)
         return !1;
-      this.weatherLayers.some((e) => e.key === a.key) ? (this.weatherLayers = this.weatherLayers.filter((e) => e.key !== a.key), this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.key !== a.key)) : this.weatherLayers.length < 12 && a.enabled && (["png", "jpg"].includes(a.type) && (this.weatherLayers = this.weatherLayers.filter((e) => e.type === "json"), this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.type === "json")), this.weatherLayers.push(a), this.activeWeatherLayers.push(a)), localStorage.setItem(this.weatherLayersCache, JSON.stringify(this.weatherLayers)), this.$emit("weather", this.weatherLayers, this.activeWeatherLayers, this.source), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
+      this.weatherLayers.some((e) => e.key === a.key) ? this.weatherLayers = this.weatherLayers.filter((e) => e.key !== a.key) : this.weatherLayers.length < 12 && a.enabled && (["png", "jpg"].includes(a.type) && (this.weatherLayers = this.weatherLayers.filter((e) => e.type === "json")), this.weatherLayers.push(a)), this.$emit("weather", this.weatherLayers, this.source), localStorage.setItem(this.weatherLayersCache, JSON.stringify(this.weatherLayers)), localStorage.setItem(this.sourceCache, this.source);
     },
     handleWeatherLayerCollect(a) {
       var e;
-      if (!a.collected && ((e = this.layers.weather.filter((t) => t.collected)) == null ? void 0 : e.length) >= 6)
-        return !1;
-      a.collected = !a.collected, localStorage.setItem(this.collectedLayerCache, JSON.stringify(this.layers.weather)), this.$emit("handleToggleVersion");
-    },
-    handleActiveWeatherLayerPick(a) {
-      if (this.rampColorLayers.includes(a.key) && this.mapProjection === "globe")
-        return !1;
-      if (this.activeWeatherLayers.some((e) => e.key === a.key))
-        this.activeWeatherLayers = this.activeWeatherLayers.filter((e) => e.key !== a.key);
-      else if (a.enabled) {
-        this.activeWeatherLayers.push(a);
-        for (const e of this.weatherLayers)
-          a.weight > e.weight && a.weight & e.weight && this.activeWeatherLayers.push(e);
-      }
-      this.handleWeatherLayerPick(a);
+      a.collected = !a.collected, a.collected && ((e = this.layers.weather.filter((t) => t.collected)) == null ? void 0 : e.length) >= 6 && (this.layers.weather.filter((t) => t.collected)[0].collected = !1), localStorage.setItem(this.collectedLayerCache, JSON.stringify(this.layers.weather)), this.$emit("handleToggleVersion");
     },
     handleOtherLayerPick(a) {
       this.otherLayers.some((e) => e.key === a.key) ? this.otherLayers = this.otherLayers.filter((e) => e.key !== a.key) : a.enabled && this.otherLayers.push(a), localStorage.setItem(this.otherLayersCache, JSON.stringify(this.otherLayers)), this.$emit("other", this.otherLayers);
@@ -604,6 +632,9 @@ const T = (a, e) => {
     handleMenuToggle() {
       this.$emit("layerToggle", !this.layerToggle);
     },
+    toggleAutoActive() {
+      this.autoActive = !this.autoActive, localStorage.setItem(this.autoActiveCache, this.autoActive), this.autoActive ? this.$emit("weather", this.weatherLayers, this.source) : this.$emit("weather", [], this.source);
+    },
     handleCoordToggle() {
       this.showCoord = !this.showCoord, this.$emit("coordinate", this.showCoord);
     },
@@ -617,75 +648,57 @@ const T = (a, e) => {
       this.show3d = !this.show3d, this.$emit("3d", this.show3d);
     }
   }
-}, ct = { class: "idm-gl3-layer" }, ht = { class: "bar-item layer-bars" }, dt = /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1), pt = [
-  dt
-], mt = { class: "bar-item tool-bars" }, ut = /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1), yt = [
-  ut
-], ft = /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1), gt = [
-  ft
-], bt = /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1), vt = [
-  bt
-], wt = /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1), _t = [
-  wt
-], Lt = ["onClick"], xt = /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1), Ct = { class: "header-box flex-between" }, kt = /* @__PURE__ */ l("div", null, "Layers", -1), St = { class: "weather-layers card-bg" }, zt = /* @__PURE__ */ l("div", { class: "layers-title flex-between" }, [
-  /* @__PURE__ */ l("div", null, "Weather Layers")
-], -1), Pt = { class: "layers-body" }, Tt = ["onClick"], It = /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1), Et = ["onClick"], Rt = {
+}, Ye = { class: "idm-gl3-layer" }, qe = { class: "bar-item layer-bars" }, Qe = { class: "bar-item tool-bars" }, Ke = ["onClick"], et = { class: "header-box flex-between" }, tt = { class: "weather-layers card-bg" }, at = { class: "layers-body" }, it = ["onClick"], rt = ["onClick"], ot = {
   key: 0,
   class: "iconfont bookmark active"
-}, At = {
+}, st = {
   key: 1,
   class: "iconfont bookmark inactive"
-}, Dt = /* @__PURE__ */ l("div", { class: "tip flex-start" }, [
-  /* @__PURE__ */ l("i", {
-    class: "iconfont bookmark",
-    style: { "align-self": "flex-start", padding: "5px 5px 0 0" }
-  }, ""),
-  /* @__PURE__ */ l("div", null, "Bookmark your favorite layer to homepage(Max 6)")
-], -1), Mt = { class: "other-layers card-bg" }, $t = /* @__PURE__ */ l("div", { class: "layers-title" }, "Other Layers", -1), jt = { class: "layers-body" }, Wt = ["onClick"], Nt = { class: "flex-start" }, Bt = /* @__PURE__ */ l("div", { class: "switch flex-center" }, [
-  /* @__PURE__ */ l("i", { class: "iconfont open" }, ""),
-  /* @__PURE__ */ l("i", { class: "iconfont close" }, "")
-], -1), Ot = { class: "source-layers card-bg" }, Ft = /* @__PURE__ */ l("span", { class: "layers-title" }, "Forecast Model", -1), Vt = { class: "layers-body" };
-function Ut(a, e, t, r, i, o) {
-  var p;
-  const s = z("ElTooltip"), n = z("ElRadio"), c = z("ElRadioGroup"), d = z("ElScrollbar");
-  return x(), C("div", ct, [
-    l("div", {
+}, nt = { class: "other-layers card-bg" }, lt = { class: "layers-body" }, ct = ["onClick"], ht = { class: "flex-start" }, dt = { class: "source-layers card-bg" }, pt = { class: "layers-body" };
+function mt(a, e, t, r, i, o) {
+  const s = P("ElTooltip"), l = P("ElRadio"), h = P("ElRadioGroup"), d = P("ElScrollbar");
+  return _(), C("div", Ye, [
+    n("div", {
       class: "menu-bar-box",
       style: U({ top: t.top + 10 + "px", right: i.right + "px" })
     }, [
-      l("div", ht, [
+      n("div", qe, [
         k(s, {
           placement: "left",
           effect: "light",
           content: "Menu",
-          "show-after": 2e3
+          "show-after": 1e3
         }, {
-          default: Y(() => [
-            l("div", {
-              class: W(t.layerToggle ? "menu-icon active" : "menu-icon"),
-              onClick: e[0] || (e[0] = (...h) => o.handleMenuToggle && o.handleMenuToggle(...h))
-            }, pt, 2)
+          default: X(() => [
+            n("div", {
+              class: j(t.layerToggle ? "menu-icon active" : "menu-icon"),
+              onClick: e[0] || (e[0] = (...c) => o.handleMenuToggle && o.handleMenuToggle(...c))
+            }, e[9] || (e[9] = [
+              n("span", { class: "iconfont" }, "", -1)
+            ]), 2)
           ]),
           _: 1
         })
       ])
     ], 4),
-    l("div", {
+    n("div", {
       class: "menu-bar-box",
       style: U({ top: t.top + 160 + "px", right: i.right + "px" })
     }, [
-      l("div", mt, [
+      n("div", Qe, [
         k(s, {
           placement: "left",
           effect: "light",
           content: "Measure",
-          "show-after": 2e3
+          "show-after": 1e3
         }, {
-          default: Y(() => [
-            l("div", {
-              class: W(i.showMeasure ? "menu-icon active" : "menu-icon"),
-              onClick: e[1] || (e[1] = (...h) => o.handleMeasureToggle && o.handleMeasureToggle(...h))
-            }, yt, 2)
+          default: X(() => [
+            n("div", {
+              class: j(i.showMeasure ? "menu-icon active" : "menu-icon"),
+              onClick: e[1] || (e[1] = (...c) => o.handleMeasureToggle && o.handleMeasureToggle(...c))
+            }, e[10] || (e[10] = [
+              n("span", { class: "iconfont" }, "", -1)
+            ]), 2)
           ]),
           _: 1
         }),
@@ -693,13 +706,15 @@ function Ut(a, e, t, r, i, o) {
           placement: "left",
           effect: "light",
           content: "Point Meteo",
-          "show-after": 2e3
+          "show-after": 1e3
         }, {
-          default: Y(() => [
-            l("div", {
-              class: W(i.showPoint ? "menu-icon active" : "menu-icon"),
-              onClick: e[2] || (e[2] = (...h) => o.handlePointToggle && o.handlePointToggle(...h))
-            }, gt, 2)
+          default: X(() => [
+            n("div", {
+              class: j(i.showPoint ? "menu-icon active" : "menu-icon"),
+              onClick: e[2] || (e[2] = (...c) => o.handlePointToggle && o.handlePointToggle(...c))
+            }, e[11] || (e[11] = [
+              n("span", { class: "iconfont" }, "", -1)
+            ]), 2)
           ]),
           _: 1
         }),
@@ -707,13 +722,15 @@ function Ut(a, e, t, r, i, o) {
           placement: "left",
           effect: "light",
           content: "Grid",
-          "show-after": 2e3
+          "show-after": 1e3
         }, {
-          default: Y(() => [
-            l("div", {
-              class: W(i.showCoord ? "menu-icon active" : "menu-icon"),
-              onClick: e[3] || (e[3] = (...h) => o.handleCoordToggle && o.handleCoordToggle(...h))
-            }, vt, 2)
+          default: X(() => [
+            n("div", {
+              class: j(i.showCoord ? "menu-icon active" : "menu-icon"),
+              onClick: e[3] || (e[3] = (...c) => o.handleCoordToggle && o.handleCoordToggle(...c))
+            }, e[12] || (e[12] = [
+              n("span", { class: "iconfont" }, "", -1)
+            ]), 2)
           ]),
           _: 1
         }),
@@ -721,109 +738,142 @@ function Ut(a, e, t, r, i, o) {
           placement: "left",
           effect: "light",
           content: "3D",
-          "show-after": 2e3
+          "show-after": 1e3
         }, {
-          default: Y(() => [
-            l("div", {
-              class: W(i.show3d ? "menu-icon active" : "menu-icon"),
-              onClick: e[4] || (e[4] = (...h) => o.handle3DToggle && o.handle3DToggle(...h))
-            }, _t, 2)
+          default: X(() => [
+            n("div", {
+              class: j(i.show3d ? "menu-icon active" : "menu-icon"),
+              onClick: e[4] || (e[4] = (...c) => o.handle3DToggle && o.handle3DToggle(...c))
+            }, e[13] || (e[13] = [
+              n("span", { class: "iconfont" }, "", -1)
+            ]), 2)
           ]),
           _: 1
         })
       ])
     ], 4),
-    ((p = i.layers.weather.filter((h) => h.collected)) == null ? void 0 : p.length) > 0 ? (x(), C("div", {
+    o.hasCollectedLayers ? (_(), C("div", {
       key: 0,
-      class: "active-layers",
+      class: j(["active-layers flex-between", i.autoActive ? "active" : ""]),
       style: U({ right: i.right + "px", bottom: "100px" })
     }, [
-      (x(!0), C(Ae, null, $e(i.layers.weather.filter((h) => h.collected), (h) => (x(), C("div", {
-        key: h.key,
-        class: W(o.computeLayerClass(h, i.activeWeatherLayers)),
-        onClick: (g) => o.handleActiveWeatherLayerPick(h)
-      }, [
-        xt,
-        l("span", null, S(h.name), 1)
-      ], 10, Lt))), 128))
-    ], 4)) : j("", !0),
-    l("div", {
+      n("div", null, [
+        (_(!0), C(_e, null, Se(i.layers.weather.filter((c) => c.collected), (c) => (_(), C("div", {
+          key: c.key,
+          class: j(o.computeLayerClass(c, i.weatherLayers)),
+          onClick: (p) => o.handleWeatherLayerPick(c)
+        }, [
+          e[14] || (e[14] = n("div", { class: "checkbox" }, null, -1)),
+          n("span", null, S(c.name), 1)
+        ], 10, Ke))), 128))
+      ]),
+      n("div", {
+        class: "switch flex-center",
+        style: { "margin-top": "4px", "align-self": "flex-start" },
+        onClick: e[5] || (e[5] = (...c) => o.toggleAutoActive && o.toggleAutoActive(...c))
+      }, e[15] || (e[15] = [
+        n("i", { class: "iconfont open" }, "", -1),
+        n("i", { class: "iconfont close" }, "", -1)
+      ]))
+    ], 6)) : B("", !0),
+    n("div", {
       class: "available-layers flex-center",
       style: U({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
     }, [
-      l("div", {
-        class: W(["list-box", t.layerToggle ? "right-bar" : ""])
+      n("div", {
+        class: j(["list-box", t.layerToggle ? "right-bar" : ""])
       }, [
-        l("div", Ct, [
-          kt,
-          l("div", {
+        n("div", et, [
+          e[16] || (e[16] = n("div", null, "Layers", -1)),
+          n("div", {
             class: "iconfont close-btn",
-            onClick: e[5] || (e[5] = (...h) => o.handleMenuToggle && o.handleMenuToggle(...h))
+            onClick: e[6] || (e[6] = (...c) => o.handleMenuToggle && o.handleMenuToggle(...c))
           }, "")
         ]),
         k(d, { style: { flex: "1" } }, {
-          default: Y(() => [
-            l("div", St, [
-              zt,
-              l("div", Pt, [
-                (x(!0), C(Ae, null, $e(i.layers.weather, (h) => (x(), C(Ae, {
-                  key: h.key
+          default: X(() => [
+            n("div", tt, [
+              n("div", {
+                class: j(["layers-title flex-between", i.autoActive ? "active" : ""])
+              }, [
+                e[18] || (e[18] = n("div", null, "Weather Layers", -1)),
+                n("div", {
+                  class: "switch flex-center",
+                  style: { "margin-right": "0" },
+                  onClick: e[7] || (e[7] = (...c) => o.toggleAutoActive && o.toggleAutoActive(...c))
+                }, e[17] || (e[17] = [
+                  n("i", { class: "iconfont open" }, "", -1),
+                  n("i", { class: "iconfont close" }, "", -1)
+                ]))
+              ], 2),
+              n("div", at, [
+                (_(!0), C(_e, null, Se(i.layers.weather, (c) => (_(), C(_e, {
+                  key: c.key
                 }, [
-                  h.hide ? j("", !0) : (x(), C("div", {
+                  c.hide ? B("", !0) : (_(), C("div", {
                     key: 0,
-                    class: W(o.computeLayerClass(h, i.weatherLayers))
+                    class: j(o.computeLayerClass(c, i.weatherLayers))
                   }, [
-                    l("div", {
+                    n("div", {
                       class: "flex-start",
-                      onClick: (g) => o.handleWeatherLayerPick(h)
+                      onClick: (p) => o.handleWeatherLayerPick(c)
                     }, [
-                      It,
-                      l("span", null, S(h.name), 1)
-                    ], 8, Tt),
-                    l("div", {
-                      onClick: (g) => o.handleWeatherLayerCollect(h)
+                      e[19] || (e[19] = n("div", { class: "checkbox" }, null, -1)),
+                      n("span", null, S(c.name), 1)
+                    ], 8, it),
+                    n("div", {
+                      onClick: (p) => o.handleWeatherLayerCollect(c)
                     }, [
-                      h.collected ? (x(), C("i", Rt, "")) : (x(), C("i", At, ""))
-                    ], 8, Et)
+                      c.collected ? (_(), C("i", ot, "")) : (_(), C("i", st, ""))
+                    ], 8, rt)
                   ], 2))
                 ], 64))), 128)),
-                Dt
+                e[20] || (e[20] = n("div", { class: "tip flex-start" }, [
+                  n("i", {
+                    class: "iconfont bookmark",
+                    style: { "align-self": "flex-start", padding: "5px 5px 0 0" }
+                  }, ""),
+                  n("div", null, "Bookmark your favorite layer to homepage(Max 6)")
+                ], -1))
               ])
             ]),
-            l("div", Mt, [
-              $t,
-              l("div", jt, [
-                (x(!0), C(Ae, null, $e(i.layers.other, (h) => (x(), C("div", {
-                  key: h.key,
-                  class: W(o.computeLayerClass(h, i.otherLayers)),
-                  onClick: (g) => o.handleOtherLayerPick(h)
+            n("div", nt, [
+              e[22] || (e[22] = n("div", { class: "layers-title" }, "Other Layers", -1)),
+              n("div", lt, [
+                (_(!0), C(_e, null, Se(i.layers.other, (c) => (_(), C("div", {
+                  key: c.key,
+                  class: j(o.computeLayerClass(c, i.otherLayers)),
+                  onClick: (p) => o.handleOtherLayerPick(c)
                 }, [
-                  l("div", Nt, [
-                    Bt,
-                    l("span", null, S(h.name), 1)
+                  n("div", ht, [
+                    e[21] || (e[21] = n("div", { class: "switch flex-center" }, [
+                      n("i", { class: "iconfont open" }, ""),
+                      n("i", { class: "iconfont close" }, "")
+                    ], -1)),
+                    n("span", null, S(c.name), 1)
                   ])
-                ], 10, Wt))), 128))
+                ], 10, ct))), 128))
               ])
             ]),
-            l("div", Ot, [
-              Ft,
-              l("div", Vt, [
-                k(c, {
+            n("div", dt, [
+              e[25] || (e[25] = n("span", { class: "layers-title" }, "Forecast Model", -1)),
+              n("div", pt, [
+                k(h, {
                   modelValue: i.source,
-                  "onUpdate:modelValue": e[6] || (e[6] = (h) => i.source = h),
+                  "onUpdate:modelValue": e[8] || (e[8] = (c) => i.source = c),
                   class: "layer-radio flex-col-center-start"
                 }, {
-                  default: Y(() => [
-                    k(n, { value: "GFS" }, {
-                      default: Y(() => [
-                        Fe("GFS")
-                      ]),
+                  default: X(() => [
+                    k(l, { value: "GFS" }, {
+                      default: X(() => e[23] || (e[23] = [
+                        Ie("GFS")
+                      ])),
                       _: 1
                     }),
-                    k(n, { value: "CMEMS" }, {
-                      default: Y(() => [
-                        Fe("CMEMS")
-                      ]),
+                    k(l, { value: "CMEMS" }, {
+                      default: X(() => e[24] || (e[24] = [
+                        Ie("CMEMS")
+                      ])),
                       _: 1
                     })
                   ]),
@@ -838,8 +888,8 @@ function Ut(a, e, t, r, i, o) {
     ], 4)
   ]);
 }
-const Zt = /* @__PURE__ */ T(lt, [["render", Ut]]);
-const Ht = {
+const ut = /* @__PURE__ */ T(Xe, [["render", mt]]);
+const yt = {
   name: "IdmWindBarb",
   props: {
     map: {
@@ -865,12 +915,12 @@ const Ht = {
       type: Number
     }
   },
-  emits: ["particle"],
+  emits: ["particle", "showWindFeather"],
   data() {
     return {
       source: "wind-barb-source",
       barbs: [0, 2, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100, 105],
-      empty: L.featureCollection([]),
+      empty: x.featureCollection([]),
       showFeather: localStorage.getItem("windFeatherCache") === "true" || !1,
       windFeatherCache: "windFeatherCache",
       right: 10,
@@ -893,7 +943,7 @@ const Ht = {
     },
     showFeather: {
       handler() {
-        localStorage.setItem(this.windFeatherCache, this.showFeather), this.handleToggle();
+        localStorage.setItem(this.windFeatherCache, this.showFeather), this.handleToggle(), this.$emit("showWindFeather", this.showFeather);
       },
       immediate: !0
     },
@@ -917,28 +967,28 @@ const Ht = {
         }, 500);
       else if (this.wind) {
         const i = (/* @__PURE__ */ new Date()).valueOf();
-        let o = 0, s = 0, n = this.empty;
-        if ((a = this.wind) != null && a.active && (n = (e = this.wind) == null ? void 0 : e.data), (t = this.map) != null && t.getSource(this.source))
-          (r = this.map) == null || r.getSource(this.source).setData(n), s = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] update elapsed: ", s, ", total: ", o += s);
+        let o = 0, s = 0, l = this.empty;
+        if ((a = this.wind) != null && a.active && (l = (e = this.wind) == null ? void 0 : e.data), (t = this.map) != null && t.getSource(this.source))
+          (r = this.map) == null || r.getSource(this.source).setData(l), s = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] update elapsed: ", s, ", total: ", o += s);
         else {
-          this.map.addSource(this.source, { type: "geojson", data: n });
-          for (let c = 0; c < (this.barbs ?? []).length - 1; c++) {
-            const d = (this.barbs ?? [])[c] || 0, p = (this.barbs ?? [])[c + 1] || 0, h = d < 10 ? `00${d}kts` : d < 100 ? `0${d}kts` : `${d}kts`;
+          this.map.addSource(this.source, { type: "geojson", data: l });
+          for (let h = 0; h < (this.barbs ?? []).length - 1; h++) {
+            const d = (this.barbs ?? [])[h] || 0, c = (this.barbs ?? [])[h + 1] || 0, p = d < 10 ? `00${d}kts` : d < 100 ? `0${d}kts` : `${d}kts`;
             this.map.addLayer(
               {
-                id: h,
+                id: p,
                 type: "symbol",
                 filter: [
                   "all",
                   // @ts-ignore
                   [">=", "spd", d],
                   // @ts-ignore
-                  ["<", "spd", p]
+                  ["<", "spd", c]
                 ],
                 source: this.source,
                 layout: {
                   "symbol-placement": "point",
-                  "icon-image": h,
+                  "icon-image": p,
                   // mapbox sprite
                   "icon-size": 0.14,
                   "icon-offset": [0, -20],
@@ -981,34 +1031,34 @@ const Ht = {
       this.map.getSource(this.source) && this.map.removeSource(this.source), this.windBarbLoaded = !1;
     }
   }
-}, Gt = { key: 0 }, Jt = /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1), Xt = /* @__PURE__ */ l("span", null, "Wind Particles", -1), Yt = [
-  Jt,
-  Xt
-], qt = /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1), Qt = /* @__PURE__ */ l("span", null, "Wind Feather", -1), Kt = [
-  qt,
-  Qt
-];
-function ea(a, e, t, r, i, o) {
+}, ft = { key: 0 };
+function gt(a, e, t, r, i, o) {
   var s;
-  return (s = t.wind) != null && s.active ? (x(), C("div", Gt, [
-    l("div", {
+  return (s = t.wind) != null && s.active ? (_(), C("div", ft, [
+    n("div", {
       class: "flex-center wind-tool-bars",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
-      t.mapProjection === "mercator" ? (x(), C("div", {
+      t.mapProjection === "mercator" ? (_(), C("div", {
         key: 0,
-        class: W(["item-bar flex-start", t.showParticle ? "active" : "inactive"]),
-        onClick: e[0] || (e[0] = (...n) => o.handleParticle && o.handleParticle(...n))
-      }, Yt, 2)) : j("", !0),
-      l("div", {
-        class: W(["item-bar flex-start", i.showFeather ? "active" : "inactive"]),
-        onClick: e[1] || (e[1] = (n) => i.showFeather = !i.showFeather)
-      }, Kt, 2)
+        class: j(["item-bar flex-start", t.showParticle ? "active" : "inactive"]),
+        onClick: e[0] || (e[0] = (...l) => o.handleParticle && o.handleParticle(...l))
+      }, e[2] || (e[2] = [
+        n("div", { class: "checkbox" }, null, -1),
+        n("span", null, "Wind Particles", -1)
+      ]), 2)) : B("", !0),
+      n("div", {
+        class: j(["item-bar flex-start", i.showFeather ? "active" : "inactive"]),
+        onClick: e[1] || (e[1] = (l) => i.showFeather = !i.showFeather)
+      }, e[3] || (e[3] = [
+        n("div", { class: "checkbox" }, null, -1),
+        n("span", null, "Wind Feather", -1)
+      ]), 2)
     ], 4)
-  ])) : j("", !0);
+  ])) : B("", !0);
 }
-const ta = /* @__PURE__ */ T(Ht, [["render", ea]]);
-class Ve {
+const bt = /* @__PURE__ */ T(yt, [["render", gt]]);
+class Re {
   constructor(e) {
     R(this, "map");
     R(this, "mercator");
@@ -1019,7 +1069,7 @@ class Ve {
     R(this, "rampColorCanvas");
     R(this, "particleCanvas");
     R(this, "ratio");
-    this.map = e, this.mercator = new ot(), this.rampColorLayer = "ramp-color-layer", this.rampColorSource = "ramp-color-source", this.particleLayer = "particle-layer", this.particleSource = "particle-source", this.rampColorCanvas = document.createElement("canvas"), this.particleCanvas = document.createElement("canvas"), this.ratio = window.devicePixelRatio;
+    this.map = e, this.mercator = new He(), this.rampColorLayer = "ramp-color-layer", this.rampColorSource = "ramp-color-source", this.particleLayer = "particle-layer", this.particleSource = "particle-source", this.rampColorCanvas = document.createElement("canvas"), this.particleCanvas = document.createElement("canvas"), this.ratio = window.devicePixelRatio;
   }
   /**
    * 转换为[-180, 180]的经度，且包含转换次数
@@ -1053,8 +1103,8 @@ class Ve {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    const e = this.map.getBounds(), t = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, s] = this.convertNLng(r[0]), [n, c] = this.convertNLng(i[0]), [d, p] = this.mercator.px([o, r[1]], t), [h, g] = this.mercator.px([n, i[1]], t), u = Math.round(this.mercator.size * Math.pow(2, t) * (s + c));
-    return [h, g, d + u, p];
+    const e = this.map.getBounds(), t = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, s] = this.convertNLng(r[0]), [l, h] = this.convertNLng(i[0]), [d, c] = this.mercator.px([o, r[1]], t), [p, f] = this.mercator.px([l, i[1]], t), m = Math.round(this.mercator.size * Math.pow(2, t) * (s + h));
+    return [p, f, d + m, c];
   }
   /**
    * [视窗边界像素宽度]
@@ -1069,13 +1119,13 @@ class Ve {
    * @param zoom
    */
   getWorldCopy(e, t) {
-    const r = 2 ** t, [i, o, s, n] = e.map((p) => ~~(p / (r * 256))), c = [];
-    for (let p = n; p <= o; p++)
-      for (let h = i; h <= s; h++)
-        c.push([h, p]);
-    return c.map((p) => {
-      const h = 2 ** t * 256;
-      return [p[0] * h, p[1] * h, h];
+    const r = 2 ** t, [i, o, s, l] = e.map((c) => ~~(c / (r * 256))), h = [];
+    for (let c = l; c <= o; c++)
+      for (let p = i; p <= s; p++)
+        h.push([p, c]);
+    return h.map((c) => {
+      const p = 2 ** t * 256;
+      return [c[0] * p, c[1] * p, p];
     });
   }
   resize() {
@@ -1091,7 +1141,7 @@ class Ve {
     t !== r && this.map.setLayoutProperty(this.particleLayer, "visibility", r);
   }
 }
-class Le {
+class fe {
   /**
    * 创建着色器
    * @see https://webglfundamentals.org/webgl/lessons/zh_cn/webgl-shaders-and-glsl.html
@@ -1116,9 +1166,9 @@ class Le {
    * @param width??
    * @param height??
    */
-  createTexture(e, t, r, i, o, s, n) {
-    const c = e.createTexture();
-    return e.bindTexture(e.TEXTURE_2D, c), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, t), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, r), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, i), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, i), o instanceof Uint8Array ? e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, s, n, 0, e.RGBA, e.UNSIGNED_BYTE, o) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, o), e.bindTexture(e.TEXTURE_2D, null), c;
+  createTexture(e, t, r, i, o, s, l) {
+    const h = e.createTexture();
+    return e.bindTexture(e.TEXTURE_2D, h), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, t), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, r), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, i), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, i), o instanceof Uint8Array ? e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, s, l, 0, e.RGBA, e.UNSIGNED_BYTE, o) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, o), e.bindTexture(e.TEXTURE_2D, null), h;
   }
   /**
    * 创建数据资源
@@ -1156,13 +1206,13 @@ class Le {
     const i = this.createProgram(e, t, r);
     if (i) {
       const o = { program: i }, s = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
-      for (let c = 0; c < s; c++) {
-        const d = e.getActiveAttrib(i, c);
+      for (let h = 0; h < s; h++) {
+        const d = e.getActiveAttrib(i, h);
         o[d.name] = e.getAttribLocation(i, d.name);
       }
-      const n = e.getProgramParameter(i, e.ACTIVE_UNIFORMS);
-      for (let c = 0; c < n; c++) {
-        const d = e.getActiveUniform(i, c);
+      const l = e.getProgramParameter(i, e.ACTIVE_UNIFORMS);
+      for (let h = 0; h < l; h++) {
+        const d = e.getActiveUniform(i, h);
         o[d.name] = e.getUniformLocation(i, d.name);
       }
       return o;
@@ -1175,19 +1225,19 @@ class Le {
   setup(e, t, r = !1, i, o) {
     const s = document.createElement("canvas");
     s.width = 256, s.height = 1;
-    const n = s.getContext("2d");
-    if (n && e) {
-      const c = n == null ? void 0 : n.createLinearGradient(0, 0, 256, 0);
-      return t.forEach(([d, p]) => {
-        c.addColorStop(d, p);
-      }), n.fillStyle = c, n.fillRect(0, 0, 256, 1), {
+    const l = s.getContext("2d");
+    if (l && e) {
+      const h = l == null ? void 0 : l.createLinearGradient(0, 0, 256, 0);
+      return t.forEach(([d, c]) => {
+        h.addColorStop(d, c);
+      }), l.fillStyle = h, l.fillRect(0, 0, 256, 1), {
         canvas: s,
         texture: this.createTexture(
           e,
           e.LINEAR,
           e.LINEAR,
           e.CLAMP_TO_EDGE,
-          r ? new Uint8Array(n.getImageData(0, 0, 256, 1).data) : s,
+          r ? new Uint8Array(l.getImageData(0, 0, 256, 1).data) : s,
           i,
           o
         )
@@ -1196,53 +1246,53 @@ class Le {
   }
   setupParticle(e, t = 1e3) {
     const r = Math.ceil(Math.sqrt(t)), i = r * r, o = new Uint8Array(i * 4);
-    for (let p = 0; p < o.length; p++)
-      o[p] = Math.floor(Math.random() * 256);
-    const s = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), n = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), c = new Float32Array(i);
-    for (let p = 0; p < i; p++)
-      c[p] = p;
-    const d = this.createDataBuffer(e, "array", c);
-    return { resolution: r, total: i, texture0: s, texture1: n, indexBuffer: d };
+    for (let c = 0; c < o.length; c++)
+      o[c] = Math.floor(Math.random() * 256);
+    const s = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), l = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), h = new Float32Array(i);
+    for (let c = 0; c < i; c++)
+      h[c] = c;
+    const d = this.createDataBuffer(e, "array", h);
+    return { resolution: r, total: i, texture0: s, texture1: l, indexBuffer: d };
   }
   bind(e, t, r) {
     const i = this.createProgram(e, t, r);
     if (i) {
       const o = this.createDataBuffer(e, "array", void 0), s = e.getAttribLocation(i, "a_position");
       e.enableVertexAttribArray(s), e.vertexAttribPointer(s, 2, e.FLOAT, !1, 0, 0);
-      const n = new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]);
-      this.createDataBuffer(e, "array", n);
-      const c = e.getAttribLocation(i, "a_texCoord");
-      return e.enableVertexAttribArray(c), e.vertexAttribPointer(c, 2, e.FLOAT, !1, 0, 0), { program: i, aPositionBuffer: o };
+      const l = new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]);
+      this.createDataBuffer(e, "array", l);
+      const h = e.getAttribLocation(i, "a_texCoord");
+      return e.enableVertexAttribArray(h), e.vertexAttribPointer(h, 2, e.FLOAT, !1, 0, 0), { program: i, aPositionBuffer: o };
     }
     return {};
   }
   bindParticle(e, t, r, i, o, s) {
-    const n = this.createProgramWrapper(e, t, r), c = this.createProgramWrapper(e, i, o), d = this.createProgramWrapper(e, i, s), p = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), h = e.createFramebuffer();
-    return { particle: n, screen: c, update: d, quadBuffer: p, frameBuffer: h };
+    const l = this.createProgramWrapper(e, t, r), h = this.createProgramWrapper(e, i, o), d = this.createProgramWrapper(e, i, s), c = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), p = e.createFramebuffer();
+    return { particle: l, screen: h, update: d, quadBuffer: c, frameBuffer: p };
   }
-  draw(e, t, r, i, o, s, n) {
-    var c, d;
+  draw(e, t, r, i, o, s, l) {
+    var h, d;
     if (t && r) {
-      e.resize(), t == null || t.viewport(0, 0, (c = t == null ? void 0 : t.canvas) == null ? void 0 : c.width, (d = t == null ? void 0 : t.canvas) == null ? void 0 : d.height), t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT | t.DEPTH_BUFFER_BIT);
+      e.resize(), t == null || t.viewport(0, 0, (h = t == null ? void 0 : t.canvas) == null ? void 0 : h.width, (d = t == null ? void 0 : t.canvas) == null ? void 0 : d.height), t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT | t.DEPTH_BUFFER_BIT);
       try {
-        const p = t.getUniformLocation(r, "u_resolution"), h = t.getUniformLocation(r, "u_image"), g = t.getUniformLocation(r, "u_color");
-        if (t.useProgram(r), t.uniform2f(p, t.canvas.width * e.ratio, t.canvas.height * e.ratio), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, i), t.uniform1i(h, 0), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, o), t.uniform1i(g, 1), n != null && n.uvRange && (n != null && n.sRange)) {
-          const m = t.getUniformLocation(r, "u_range_u_v"), v = t.getUniformLocation(r, "u_range_s");
-          t.uniform2f(m, n.uvRange[0], n.uvRange[1]), t.uniform2f(v, n.sRange[0], n.sRange[1]);
+        const c = t.getUniformLocation(r, "u_resolution"), p = t.getUniformLocation(r, "u_image"), f = t.getUniformLocation(r, "u_color");
+        if (t.useProgram(r), t.uniform2f(c, t.canvas.width * e.ratio, t.canvas.height * e.ratio), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, i), t.uniform1i(p, 0), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, o), t.uniform1i(f, 1), l != null && l.uvRange && (l != null && l.sRange)) {
+          const u = t.getUniformLocation(r, "u_range_u_v"), v = t.getUniformLocation(r, "u_range_s");
+          t.uniform2f(u, l.uvRange[0], l.uvRange[1]), t.uniform2f(v, l.sRange[0], l.sRange[1]);
         }
-        const u = e.getBoundPixel(), y = e.map.getZoom() + 1, f = e.getWorldCopy(u, y);
-        for (const m of f) {
-          const v = (m[0] - u[0]) * e.ratio, b = (m[1] - u[3]) * e.ratio, _ = m[2] * e.ratio, [P, w, A, M] = [v, _ + v, b, _ + b], $ = new Float32Array([P, A, w, A, P, M, P, M, w, A, w, M]);
-          t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, $, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
+        const m = e.getBoundPixel(), b = e.map.getZoom() + 1, y = e.getWorldCopy(m, b);
+        for (const u of y) {
+          const v = (u[0] - m[0]) * e.ratio, g = (u[1] - m[3]) * e.ratio, L = u[2] * e.ratio, [z, w, A, M] = [v, L + v, g, L + g], W = new Float32Array([z, A, w, A, z, M, z, M, w, A, w, M]);
+          t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, W, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
-      } catch (p) {
-        console.log(`render failed...${p}`);
+      } catch (c) {
+        console.log(`render failed...${c}`);
       }
     }
   }
   drawParticle(e, t, r, i, o) {
-    var s, n;
-    t && (t == null || t.viewport(0, 0, (s = t == null ? void 0 : t.canvas) == null ? void 0 : s.width, (n = t == null ? void 0 : t.canvas) == null ? void 0 : n.height), t.disable(t.DEPTH_TEST), t.disable(t.STENCIL_TEST), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, r), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, i.texture0), this.renderScreen(e, t, i, o), this.updateParticles(e, t, i, o));
+    var s, l;
+    t && (t == null || t.viewport(0, 0, (s = t == null ? void 0 : t.canvas) == null ? void 0 : s.width, (l = t == null ? void 0 : t.canvas) == null ? void 0 : l.height), t.disable(t.DEPTH_TEST), t.disable(t.STENCIL_TEST), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, r), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, i.texture0), this.renderScreen(e, t, i, o), this.updateParticles(e, t, i, o));
   }
   renderScreen(e, t, r, i) {
     t.bindFramebuffer(t.FRAMEBUFFER, r.frameBuffer), t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, r.screenTexture, 0), t.viewport(0, 0, t.canvas.width, t.canvas.height), this.renderScreenTexture(t, r.backgroundTexture, r.screen, r.quadBuffer, 0.95), this.renderParticles(e, t, r, i), t.bindFramebuffer(t.FRAMEBUFFER, null), this.renderScreenTexture(t, r.screenTexture, r.screen, r.quadBuffer, 1);
@@ -1260,11 +1310,11 @@ class Le {
     }
   }
   updateParticles(e, t, r, i) {
-    var s, n;
+    var s, l;
     if (t) {
       t.bindFramebuffer(t.FRAMEBUFFER, r.frameBuffer), t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, r.texture1, 0), t.viewport(0, 0, r.resolution, r.resolution), t.useProgram(r.update.program), t.bindBuffer(t.ARRAY_BUFFER, r.quadBuffer), t.enableVertexAttribArray(r.update.a_pos), t.vertexAttribPointer(r.update.a_pos, 2, t.FLOAT, !1, 0, 0), t.uniform1i(r.update.u_factor, 0), t.uniform1i(r.update.u_particles, 1);
-      const c = e.getBoundRange();
-      t.uniform4f(r.update.u_viewport, c[0], c[1], c[2], c[3]), t.uniform1f(r.update.u_rand_seed, Math.random()), t.uniform2f(r.update.u_factor_res, (s = r == null ? void 0 : r.image) == null ? void 0 : s.width, (n = r == null ? void 0 : r.image) == null ? void 0 : n.height), t.uniform2f(r.update.u_factor_min, i.uvRange[0], i.uvRange[0]), t.uniform2f(r.update.u_factor_max, i.uvRange[1], i.uvRange[1]), t.uniform1f(r.update.u_speed_factor, i.speedFactor * e.ratio), t.uniform1f(r.update.u_drop_rate, i.dropRate), t.uniform1f(r.update.u_drop_rate_bump, i.dropRateBump), t.drawArrays(t.TRIANGLES, 0, 6);
+      const h = e.getBoundRange();
+      t.uniform4f(r.update.u_viewport, h[0], h[1], h[2], h[3]), t.uniform1f(r.update.u_rand_seed, Math.random()), t.uniform2f(r.update.u_factor_res, (s = r == null ? void 0 : r.image) == null ? void 0 : s.width, (l = r == null ? void 0 : r.image) == null ? void 0 : l.height), t.uniform2f(r.update.u_factor_min, i.uvRange[0], i.uvRange[0]), t.uniform2f(r.update.u_factor_max, i.uvRange[1], i.uvRange[1]), t.uniform1f(r.update.u_speed_factor, i.speedFactor * e.ratio), t.uniform1f(r.update.u_drop_rate, i.dropRate), t.uniform1f(r.update.u_drop_rate_bump, i.dropRateBump), t.drawArrays(t.TRIANGLES, 0, 6);
     }
     const o = r.texture0;
     r.texture0 = r.texture1, r.texture1 = o;
@@ -1478,7 +1528,7 @@ R(V, "vertexSchema", `
         fract(pos * 255.0),
         floor(pos * 255.0) / 255.0);
     }`);
-class aa {
+class vt {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     R(this, "token");
     R(this, "mapboxCustomer");
@@ -3082,14 +3132,14 @@ class aa {
     };
   }
 }
-const ia = {
+const wt = {
   name: "IdmWindParticle",
   props: {
     factor: {
       type: Object
     },
     viewport: {
-      type: Ve
+      type: Re
     },
     bottom: {
       type: String,
@@ -3106,7 +3156,7 @@ const ia = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Le(),
+      webgl: new fe(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -3160,8 +3210,8 @@ const ia = {
       }
     },
     handleClear() {
-      var a, e, t, r, i, o, s, n;
-      (a = this.viewport) == null || a.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (t = this.viewport) == null ? void 0 : t.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (n = (s = this.viewport) == null ? void 0 : s.map) == null || n.off("moveend", this.handlePlay), this.handlePause();
+      var a, e, t, r, i, o, s, l;
+      (a = this.viewport) == null || a.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (t = this.viewport) == null ? void 0 : t.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (l = (s = this.viewport) == null ? void 0 : s.map) == null || l.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
@@ -3244,27 +3294,27 @@ const ia = {
       });
     }
   }
-}, le = (a) => (H("data-v-64887571"), a = a(), G(), a), ra = { key: 0 }, oa = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "kts", -1)), sa = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "0", -1)), na = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "5", -1)), la = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "10", -1)), ca = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "20", -1)), ha = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "30", -1)), da = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "40", -1)), pa = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "60", -1)), ma = [
-  oa,
-  sa,
-  na,
-  la,
-  ca,
-  ha,
-  da,
-  pa
-];
-function ua(a, e, t, r, i, o) {
+}, Lt = { key: 0 };
+function xt(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (x(), C("div", ra, [
-    l("div", {
+  return (s = t.factor) != null && s.active ? (_(), C("div", Lt, [
+    n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, ma, 4)
-  ])) : j("", !0);
+    }, e[0] || (e[0] = [
+      n("span", null, "kts", -1),
+      n("span", null, "0", -1),
+      n("span", null, "5", -1),
+      n("span", null, "10", -1),
+      n("span", null, "20", -1),
+      n("span", null, "30", -1),
+      n("span", null, "40", -1),
+      n("span", null, "60", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const ya = /* @__PURE__ */ T(ia, [["render", ua], ["__scopeId", "data-v-64887571"]]);
-const fa = {
+const _t = /* @__PURE__ */ T(wt, [["render", xt], ["__scopeId", "data-v-64887571"]]);
+const Ct = {
   name: "IdmCurrent",
   props: {
     map: {
@@ -3291,14 +3341,14 @@ const fa = {
       type: Number
     }
   },
-  emits: ["particle", "handleToggleVersion"],
+  emits: ["particle", "showCurrentIsoband", "handleToggleVersion"],
   data() {
     return {
       source: "current-source",
       directionLayer: "current-direction-layer",
       speedLayer: "current-speed-layer",
       speedLabelLayer: "current-speed-label-layer",
-      empty: L.featureCollection([]),
+      empty: x.featureCollection([]),
       showJson: localStorage.getItem("currentJsonCache") === "true" || !1,
       currentJsonCache: "currentJsonCache",
       right: 10,
@@ -3320,7 +3370,7 @@ const fa = {
     },
     showJson: {
       handler() {
-        this.showJson, localStorage.setItem(this.currentJsonCache, this.showJson), this.handleToggle();
+        this.showJson, localStorage.setItem(this.currentJsonCache, this.showJson), this.handleToggle(), this.$emit("showCurrentIsoband", this.showJson);
       },
       immediate: !0
     },
@@ -3414,41 +3464,41 @@ const fa = {
       this.map.getLayer(this.speedLayer) && this.map.removeLayer(this.speedLayer), this.map.getLayer(this.speedLabelLayer) && this.map.removeLayer(this.speedLabelLayer), this.map.getLayer(this.directionLayer) && this.map.removeLayer(this.directionLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, ga = { key: 0 }, ba = /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1), va = /* @__PURE__ */ l("span", null, "Current Particles", -1), wa = [
-  ba,
-  va
-], _a = /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1), La = /* @__PURE__ */ l("span", null, "Current Isoband", -1), xa = [
-  _a,
-  La
-];
-function Ca(a, e, t, r, i, o) {
+}, kt = { key: 0 };
+function St(a, e, t, r, i, o) {
   var s;
-  return (s = t.current) != null && s.active ? (x(), C("div", ga, [
-    l("div", {
+  return (s = t.current) != null && s.active ? (_(), C("div", kt, [
+    n("div", {
       class: "flex-center current-tool-bars",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
-      t.mapProjection === "mercator" ? (x(), C("div", {
+      t.mapProjection === "mercator" ? (_(), C("div", {
         key: 0,
-        class: W(["flex-start item-bar", t.showParticle ? "active" : "inactive"]),
-        onClick: e[0] || (e[0] = (n) => o.handleParticle(!t.showParticle))
-      }, wa, 2)) : j("", !0),
-      l("div", {
-        class: W(["flex-start item-bar", i.showJson ? "active" : "inactive"]),
-        onClick: e[1] || (e[1] = (n) => i.showJson = !i.showJson)
-      }, xa, 2)
+        class: j(["flex-start item-bar", t.showParticle ? "active" : "inactive"]),
+        onClick: e[0] || (e[0] = (l) => o.handleParticle(!t.showParticle))
+      }, e[2] || (e[2] = [
+        n("div", { class: "checkbox" }, null, -1),
+        n("span", null, "Current Particles", -1)
+      ]), 2)) : B("", !0),
+      n("div", {
+        class: j(["flex-start item-bar", i.showJson ? "active" : "inactive"]),
+        onClick: e[1] || (e[1] = (l) => i.showJson = !i.showJson)
+      }, e[3] || (e[3] = [
+        n("div", { class: "checkbox" }, null, -1),
+        n("span", null, "Current Isoband", -1)
+      ]), 2)
     ], 4)
-  ])) : j("", !0);
+  ])) : B("", !0);
 }
-const ka = /* @__PURE__ */ T(fa, [["render", Ca]]);
-const Sa = {
+const Pt = /* @__PURE__ */ T(Ct, [["render", St]]);
+const zt = {
   name: "IdmCurrentParticle",
   props: {
     factor: {
       type: Object
     },
     viewport: {
-      type: Ve
+      type: Re
     },
     bottom: {
       type: String,
@@ -3465,7 +3515,7 @@ const Sa = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Le(),
+      webgl: new fe(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -3519,8 +3569,8 @@ const Sa = {
       }
     },
     handleClear() {
-      var a, e, t, r, i, o, s, n;
-      (a = this.viewport) == null || a.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (t = this.viewport) == null ? void 0 : t.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (n = (s = this.viewport) == null ? void 0 : s.map) == null || n.off("moveend", this.handlePlay), this.handlePause();
+      var a, e, t, r, i, o, s, l;
+      (a = this.viewport) == null || a.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (t = this.viewport) == null ? void 0 : t.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (l = (s = this.viewport) == null ? void 0 : s.map) == null || l.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
@@ -3598,25 +3648,25 @@ const Sa = {
       });
     }
   }
-}, xe = (a) => (H("data-v-6d4fd206"), a = a(), G(), a), za = { key: 0 }, Pa = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "kts", -1)), Ta = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "0", -1)), Ia = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "0.4", -1)), Ea = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "0.8", -1)), Ra = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "1.6", -1)), Aa = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "2", -1)), Da = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ma = [
-  Pa,
-  Ta,
-  Ia,
-  Ea,
-  Ra,
-  Aa,
-  Da
-];
-function $a(a, e, t, r, i, o) {
+}, Tt = { key: 0 };
+function Et(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (x(), C("div", za, [
-    l("div", {
+  return (s = t.factor) != null && s.active ? (_(), C("div", Tt, [
+    n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, Ma, 4)
-  ])) : j("", !0);
+    }, e[0] || (e[0] = [
+      n("span", null, "kts", -1),
+      n("span", null, "0", -1),
+      n("span", null, "0.4", -1),
+      n("span", null, "0.8", -1),
+      n("span", null, "1.6", -1),
+      n("span", null, "2", -1),
+      n("span", null, "3.2", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const ja = /* @__PURE__ */ T(Sa, [["render", $a], ["__scopeId", "data-v-6d4fd206"]]), Wa = {
+const It = /* @__PURE__ */ T(zt, [["render", Et], ["__scopeId", "data-v-6d4fd206"]]), Rt = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3634,7 +3684,7 @@ const ja = /* @__PURE__ */ T(Sa, [["render", $a], ["__scopeId", "data-v-6d4fd206
       source: "sig-wave-source",
       heightLayer: "sig-wave-height-layer",
       heightLabelLayer: "sig-wave-height-label-layer",
-      empty: L.featureCollection([])
+      empty: x.featureCollection([])
     };
   },
   watch: {
@@ -3672,13 +3722,13 @@ const ja = /* @__PURE__ */ T(Sa, [["render", $a], ["__scopeId", "data-v-6d4fd206
               "fill-color": [
                 "step",
                 ["get", "val"],
-                "rgba(111,248,201,0.6)",
+                "rgba(186,247,237,0.5)",
                 3,
-                "#6ff8c9",
+                "rgba(93,235,185,0.8)",
                 4,
-                "#36cd9a",
+                "rgba(101,252,149,0.9)",
                 5,
-                "#6bff6b",
+                "#b3ff6b",
                 6,
                 "#fee600",
                 7,
@@ -3727,10 +3777,10 @@ const ja = /* @__PURE__ */ T(Sa, [["render", $a], ["__scopeId", "data-v-6d4fd206
     }
   }
 };
-function Na(a, e, t, r, i, o) {
-  return x(), C("div");
+function At(a, e, t, r, i, o) {
+  return _(), C("div");
 }
-const Ba = /* @__PURE__ */ T(Wa, [["render", Na]]), Oa = {
+const Dt = /* @__PURE__ */ T(Rt, [["render", At]]), Mt = {
   name: "IdmSwell",
   props: {
     map: {
@@ -3749,7 +3799,7 @@ const Ba = /* @__PURE__ */ T(Wa, [["render", Na]]), Oa = {
       directionLayer: "swell-direction-layer",
       heightLayer: "swell-height-layer",
       heightLabelLayer: "swell-height-label-layer",
-      empty: L.featureCollection([])
+      empty: x.featureCollection([])
     };
   },
   watch: {
@@ -3828,7 +3878,7 @@ const Ba = /* @__PURE__ */ T(Wa, [["render", Na]]), Oa = {
             ],
             "text-halo-width": 4
           }
-        }), this.map.addLayer(
+        }, this.beforeLayer), this.map.addLayer(
           {
             id: this.directionLayer,
             type: "symbol",
@@ -3860,7 +3910,9 @@ const Ba = /* @__PURE__ */ T(Wa, [["render", Na]]), Oa = {
             }
           },
           this.beforeLayer
-        ), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[swell] add elapsed: ", i, ", total: ", r += i));
+        ), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[swell] add elapsed: ", i, ", total: ", r += i), setTimeout(() => {
+          this.map.moveLayer("country-boundaries", null);
+        }, 100));
       }
     },
     handleClear() {
@@ -3868,10 +3920,10 @@ const Ba = /* @__PURE__ */ T(Wa, [["render", Na]]), Oa = {
     }
   }
 };
-function Fa(a, e, t, r, i, o) {
-  return x(), C("div");
+function jt(a, e, t, r, i, o) {
+  return _(), C("div");
 }
-const Va = /* @__PURE__ */ T(Oa, [["render", Fa]]), Ua = {
+const Wt = /* @__PURE__ */ T(Mt, [["render", jt]]), Bt = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -3893,7 +3945,7 @@ const Va = /* @__PURE__ */ T(Oa, [["render", Fa]]), Ua = {
       layer: "prmsl-layer",
       labelLayer: "prmsl-label-layer",
       pointLabelLayer: "prmsl-point-label-layer",
-      empty: L.featureCollection([])
+      empty: x.featureCollection([])
     };
   },
   watch: {
@@ -3996,10 +4048,10 @@ const Va = /* @__PURE__ */ T(Oa, [["render", Fa]]), Ua = {
     }
   }
 };
-function Za(a, e, t, r, i, o) {
-  return x(), C("div");
+function Nt(a, e, t, r, i, o) {
+  return _(), C("div");
 }
-const Ha = /* @__PURE__ */ T(Ua, [["render", Za]]), Ga = {
+const Ot = /* @__PURE__ */ T(Bt, [["render", Nt]]), Ft = {
   name: "IdmIceberg",
   props: {
     map: {
@@ -4016,7 +4068,7 @@ const Ha = /* @__PURE__ */ T(Ua, [["render", Za]]), Ga = {
     return {
       source: "iceberg-source",
       layer: "iceberg-layer",
-      empty: L.featureCollection([])
+      empty: x.featureCollection([])
     };
   },
   watch: {
@@ -4056,11 +4108,11 @@ const Ha = /* @__PURE__ */ T(Ua, [["render", Za]]), Ga = {
     }
   }
 };
-function Ja(a, e, t, r, i, o) {
-  return x(), C("div");
+function $t(a, e, t, r, i, o) {
+  return _(), C("div");
 }
-const Xa = /* @__PURE__ */ T(Ga, [["render", Ja]]);
-const Ya = {
+const Vt = /* @__PURE__ */ T(Ft, [["render", $t]]);
+const Ut = {
   name: "IdmTropicals",
   props: {
     map: {
@@ -4080,7 +4132,7 @@ const Ya = {
   emits: ["tropical", "tropicalProbability"],
   data() {
     return {
-      helper: De,
+      helper: Ce,
       source: "tropicals-source",
       clusterSource: "tropicals-cluster-source",
       historyLayer: "tropicals-history-layer",
@@ -4098,9 +4150,9 @@ const Ya = {
       showTropicals: !1,
       activeTropicals: void 0,
       activeTropicalsMarker: void 0,
-      empty: L.featureCollection([]),
+      empty: x.featureCollection([]),
       circleSource: "circle-source",
-      circleSourceData: L.featureCollection([]),
+      circleSourceData: x.featureCollection([]),
       circleLayer: "tropical-circle-layer"
     };
   },
@@ -4147,29 +4199,29 @@ const Ya = {
       var r, i;
       const a = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = Z().utc().hour(), t = [];
       a.forEach((o) => {
-        var s, n, c;
-        (s = o.properties) != null && s.name && !t.includes((n = o.properties) == null ? void 0 : n.name) && t.push((c = o.properties) == null ? void 0 : c.name);
+        var s, l, h;
+        (s = o.properties) != null && s.name && !t.includes((l = o.properties) == null ? void 0 : l.name) && t.push((h = o.properties) == null ? void 0 : h.name);
       }), t.forEach((o) => {
         var d;
-        let s = 0, n;
-        const c = a.filter((p) => {
-          var h, g;
-          return ((g = (h = p.properties) == null ? void 0 : h.category) == null ? void 0 : g.split("-")[0]) === o;
+        let s = 0, l;
+        const h = a.filter((c) => {
+          var p, f;
+          return ((f = (p = c.properties) == null ? void 0 : p.category) == null ? void 0 : f.split("-")[0]) === o;
         });
-        (d = c.filter((p) => {
-          var h, g;
-          return ((h = p.geometry) == null ? void 0 : h.type) === "LineString" && ((g = p.properties) == null ? void 0 : g.type) === "forecast";
-        })[0]) == null || d.properties.model, c.forEach((p, h) => {
-          var g, u, y, f, m, v;
-          ((g = p.geometry) == null ? void 0 : g.type) === "Point" && ((u = p.properties) == null ? void 0 : u.type) === "history" && (s = h, n = n === void 0 ? h : n), ((y = p.geometry) == null ? void 0 : y.type) === "Point" && ((f = p.properties) == null ? void 0 : f.type) === "forecast" && n === void 0 && (n = h), ((m = p.geometry) == null ? void 0 : m.type) === "LineString" && ((v = p.properties) == null || v.type);
-        }), c.map((p, h) => {
-          var g, u, y, f, m, v, b;
-          if (((g = p.geometry) == null ? void 0 : g.type) === "LineString" && ((u = p.properties) == null || u.type), ((y = p.geometry) == null ? void 0 : y.type) === "Point" && ((f = p.properties) == null ? void 0 : f.type) === "forecast" && (p.properties.name = o, p.properties.format = Z(p.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((m = p.geometry) == null ? void 0 : m.type) === "Point" && ((v = p.properties) == null ? void 0 : v.type) === "history") {
-            p.properties.format = Z(p.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
-            const _ = Z((b = p.properties) == null ? void 0 : b.date).utc().format("HHmm") === Z().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
-            p.properties.showHistoryLabel = _ || h === s, p.properties.showNameLabel = h === s, p.properties.name = o;
+        (d = h.filter((c) => {
+          var p, f;
+          return ((p = c.geometry) == null ? void 0 : p.type) === "LineString" && ((f = c.properties) == null ? void 0 : f.type) === "forecast";
+        })[0]) == null || d.properties.model, h.forEach((c, p) => {
+          var f, m, b, y, u, v;
+          ((f = c.geometry) == null ? void 0 : f.type) === "Point" && ((m = c.properties) == null ? void 0 : m.type) === "history" && (s = p, l = l === void 0 ? p : l), ((b = c.geometry) == null ? void 0 : b.type) === "Point" && ((y = c.properties) == null ? void 0 : y.type) === "forecast" && l === void 0 && (l = p), ((u = c.geometry) == null ? void 0 : u.type) === "LineString" && ((v = c.properties) == null || v.type);
+        }), h.map((c, p) => {
+          var f, m, b, y, u, v, g;
+          if (((f = c.geometry) == null ? void 0 : f.type) === "LineString" && ((m = c.properties) == null || m.type), ((b = c.geometry) == null ? void 0 : b.type) === "Point" && ((y = c.properties) == null ? void 0 : y.type) === "forecast" && (c.properties.name = o, c.properties.format = Z(c.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((u = c.geometry) == null ? void 0 : u.type) === "Point" && ((v = c.properties) == null ? void 0 : v.type) === "history") {
+            c.properties.format = Z(c.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
+            const L = Z((g = c.properties) == null ? void 0 : g.date).utc().format("HHmm") === Z().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
+            c.properties.showHistoryLabel = L || p === s, c.properties.showNameLabel = p === s, c.properties.name = o;
           }
-          return p;
+          return c;
         });
       }), this.handleInit();
     },
@@ -4204,16 +4256,16 @@ const Ya = {
       ));
     },
     handleRender() {
-      var a, e, t, r, i, o, s, n, c, d;
+      var a, e, t, r, i, o, s, l, h, d;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else {
         if (this.tropicals) {
-          const g = (/* @__PURE__ */ new Date()).valueOf();
-          let u = 0, y = 0;
-          (a = this.map) != null && a.getSource(this.source) ? ((t = this.map) == null || t.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), y = (/* @__PURE__ */ new Date()).valueOf() - (g + u), console.log("[tropicals] update elapsed: ", y, ", total: ", u += y)) : (this.map.addSource(this.source, {
+          const p = (/* @__PURE__ */ new Date()).valueOf();
+          let f = 0, m = 0;
+          (a = this.map) != null && a.getSource(this.source) ? ((t = this.map) == null || t.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropicals] update elapsed: ", m, ", total: ", f += m)) : (this.map.addSource(this.source, {
             type: "geojson",
             data: (r = this.tropicals) != null && r.active ? (i = this.tropicals) == null ? void 0 : i.data : this.empty
           }), this.map.addLayer({
@@ -4310,9 +4362,9 @@ const Ya = {
               ],
               "text-halo-width": 4
             }
-          }), y = (/* @__PURE__ */ new Date()).valueOf() - (g + u), console.log("[tropical] add elapsed: ", y, ", total: ", u += y)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((n = this.map) == null || n.getSource(this.clusterSource).setData((s = this.tropicals) != null && s.active ? this.tropicals.data : this.empty), y = (/* @__PURE__ */ new Date()).valueOf() - (g + u), console.log("[tropical] update elapsed: ", y, ", total: ", u += y)) : (this.map.addSource(this.clusterSource, {
+          }), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropical] add elapsed: ", m, ", total: ", f += m)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((l = this.map) == null || l.getSource(this.clusterSource).setData((s = this.tropicals) != null && s.active ? this.tropicals.data : this.empty), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropical] update elapsed: ", m, ", total: ", f += m)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
-            data: (c = this.tropicals) != null && c.active ? (d = this.tropicals) == null ? void 0 : d.data : this.empty
+            data: (h = this.tropicals) != null && h.active ? (d = this.tropicals) == null ? void 0 : d.data : this.empty
             // cluster: true,
             // clusterRadius: 10, // 聚合半径
           }), this.map.addLayer({
@@ -4427,13 +4479,11 @@ const Ya = {
               "text-halo-color": "#0033ff",
               "text-halo-width": 4
             }
-          }), y = (/* @__PURE__ */ new Date()).valueOf() - (g + u), console.log("[tropical] add elapsed: ", y, ", total: ", u += y));
+          }), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropical] add elapsed: ", m, ", total: ", f += m));
         }
         this.handleDrawCircle();
-        const p = Qe.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(p));
-        const h = this.interpolateData.filter((g) => g.properties.name === "kristy" && g.properties.model === "ecmwf");
-        console.log(h), this.handleDateChange();
+        const c = Oe.interpolate(this.tropicals, 1);
+        this.interpolateData = JSON.parse(JSON.stringify(c)), this.interpolateData.filter((p) => p.properties.name === "kristy" && p.properties.model === "ecmwf"), this.handleDateChange();
       }
     },
     handleClear() {
@@ -4441,14 +4491,14 @@ const Ya = {
       this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (a = this.interpolateMarkers) == null || a.forEach((e) => e == null ? void 0 : e.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource));
     },
     handleDateChange() {
-      var a, e, t, r, i, o, s, n, c, d, p, h, g, u, y, f, m, v, b, _, P, w, A, M, $, B, O, J, de, pe, me, ue, ye, fe, ge, ie;
-      if ((a = this.interpolateMarkers) == null || a.forEach((X) => X == null ? void 0 : X.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const X = Z(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), q = this.interpolateData.filter((I) => I.properties.date === X.format() && !I.properties.disabled), be = this.handleComputePolygons(q), Q = L.featureCollection([...q]);
-        be.forEach((I) => {
-          Q.features.push(I);
-        }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(Q) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
+      var a, e, t, r, i, o, s, l, h, d, c, p, f, m, b, y, u, v, g, L, z, w, A, M, W, O, F, H, se, ne, le, ce, he, de, pe, te;
+      if ((a = this.interpolateMarkers) == null || a.forEach((G) => G == null ? void 0 : G.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
+        const G = Z(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), Y = this.interpolateData.filter((E) => E.properties.date === G.format() && !E.properties.disabled), me = this.handleComputePolygons(Y), q = x.featureCollection([...Y]);
+        me.forEach((E) => {
+          q.features.push(E);
+        }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(q) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
           type: "geojson",
-          data: Q
+          data: q
         }), (o = this.map) == null || o.addLayer({
           id: this.interpolateLineLayer,
           type: "line",
@@ -4460,17 +4510,17 @@ const Ya = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const I of q)
-          if (!I.properties.disabled) {
-            let F = "#f44336";
-            ((n = (s = I.properties) == null ? void 0 : s.wind) == null ? void 0 : n.spd) < 17.2 || !((d = (c = I.properties) == null ? void 0 : c.wind) != null && d.spd) ? F = "#03f869" : ((h = (p = I.properties) == null ? void 0 : p.wind) == null ? void 0 : h.spd) >= 17.2 && ((u = (g = I.properties) == null ? void 0 : g.wind) == null ? void 0 : u.spd) < 24.5 ? F = "#f2f202" : ((f = (y = I.properties) == null ? void 0 : y.wind) == null ? void 0 : f.spd) >= 24.5 && ((v = (m = I.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? F = "#ff9100" : ((_ = (b = I.properties) == null ? void 0 : b.wind) == null ? void 0 : _.spd) >= 32.7 && ((w = (P = I.properties) == null ? void 0 : P.wind) == null ? void 0 : w.spd) < 41.5 ? F = "#f44336" : ((M = (A = I.properties) == null ? void 0 : A.wind) == null ? void 0 : M.spd) >= 41.5 && ((B = ($ = I.properties) == null ? void 0 : $.wind) == null ? void 0 : B.spd) < 51 ? F = "#f903d0" : ((J = (O = I.properties) == null ? void 0 : O.wind) == null ? void 0 : J.spd) >= 51 ? F = "#8702f9" : F = "#f44336";
-            const ve = `<svg t="1719918955501"
+        for (const E of Y)
+          if (!E.properties.disabled) {
+            let $ = "#f44336";
+            ((l = (s = E.properties) == null ? void 0 : s.wind) == null ? void 0 : l.spd) < 17.2 || !((d = (h = E.properties) == null ? void 0 : h.wind) != null && d.spd) ? $ = "#03f869" : ((p = (c = E.properties) == null ? void 0 : c.wind) == null ? void 0 : p.spd) >= 17.2 && ((m = (f = E.properties) == null ? void 0 : f.wind) == null ? void 0 : m.spd) < 24.5 ? $ = "#f2f202" : ((y = (b = E.properties) == null ? void 0 : b.wind) == null ? void 0 : y.spd) >= 24.5 && ((v = (u = E.properties) == null ? void 0 : u.wind) == null ? void 0 : v.spd) < 32.7 ? $ = "#ff9100" : ((L = (g = E.properties) == null ? void 0 : g.wind) == null ? void 0 : L.spd) >= 32.7 && ((w = (z = E.properties) == null ? void 0 : z.wind) == null ? void 0 : w.spd) < 41.5 ? $ = "#f44336" : ((M = (A = E.properties) == null ? void 0 : A.wind) == null ? void 0 : M.spd) >= 41.5 && ((O = (W = E.properties) == null ? void 0 : W.wind) == null ? void 0 : O.spd) < 51 ? $ = "#f903d0" : ((H = (F = E.properties) == null ? void 0 : F.wind) == null ? void 0 : H.spd) >= 51 ? $ = "#8702f9" : $ = "#f44336";
+            const ue = `<svg t="1719918955501"
                           	class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg" p-id="18382"
                           	xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
                           	<path
                           		d="M515.17000001 169.34666667c41-77.73 95.33-96 95.33-96-240 0-434.5 194.53-434.5 434.5 0 186.47 150.78 337.7 337.06 338.48C472.11000001 923.66666667 418.00000001 941.83666667 418.00000001 941.83666667c240 0 434.5-194.54 434.5-434.5l0.5 0.5C853.00000001 321.10666667 701.81000001 169.66666667 515.17000001 169.34666667z m-0.67 468A129.5 129.5 0 1 1 644.00000001 507.83666667a129.5 129.5 0 0 1-129.5 129.5z"
-                          		fill="${F}" p-id="18383"></path>
-                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${F}"
+                          		fill="${$}" p-id="18383"></path>
+                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${$}"
                           		p-id="18384"></path>
                           	<path
                           		d="M517.16666667 654.67c-80.23 0-145.5-65.27-145.5-145.5s65.27-145.5 145.5-145.5S662.66666667 428.94 662.66666667 509.17s-65.27 145.5-145.5 145.5z m0-259A113.5 113.5 0 1 0 630.66666667 509.17a113.63 113.63 0 0 0-113.5-113.5z"
@@ -4478,60 +4528,60 @@ const Ya = {
                           	<path
                           		d="M420.66666667 959.17a16.08 16.08 0 0 1-15.91-13.49A15.89 15.89 0 0 1 415.50666667 928c1.49-0.55 38.88-14.76 72.79-65.52A354.55 354.55 0 0 1 162.66666667 509.17a450.14 450.14 0 0 1 450.5-450.5 16.07 16.07 0 0 1 15.91 13.48 15.88 15.88 0 0 1-10.75 17.66c-1.58 0.58-39.13 14.9-73.07 65.95A354.22 354.22 0 0 1 871.66666667 509.17a16 16 0 0 1-0.52 4.05A450.14 450.14 0 0 1 420.66666667 959.17zM554.80666667 94.72C351.57666667 123.2 194.66666667 298.21 194.66666667 509.17c0 177.08 144.06 321.74 321.13 322.48a16 16 0 0 1 14.07 23.49c-16.11 30.42-34.27 52.37-50.85 68C682.25666667 894.63 839.16666667 719.63 839.16666667 508.67a15.94 15.94 0 0 1 0.47-3.86C837.30666667 329.33 693.82666667 187 517.80666667 186.67A16 16 0 0 1 503.66666667 163.21c16.21-30.69 34.47-52.79 51.14-68.49z"
                           		fill="#ffffff" p-id="18386"></path>
-                          </svg>`, K = document.createElement("div");
-            K.className = "hurricane-hourly-marker", K.innerHTML = `<div class="${I.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ve}</div>`;
-            const we = new te.Marker(K).setLngLat(I.geometry.coordinates).addTo(this.map);
-            if (this.interpolateMarkers.push(we), (de = I.properties) != null && de.showCircle) {
-              const re = { radius: 100, coordinates: I.geometry.coordinates }, oe = { radius: 200, coordinates: I.geometry.coordinates }, se = { radius: 500, coordinates: I.geometry.coordinates };
-              (pe = this.circleSourceData) == null || pe.features.push(
-                L.circle(re.coordinates, re.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
-              ), (me = this.circleSourceData) == null || me.features.push(
-                L.circle(oe.coordinates, oe.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
-              ), (ue = this.circleSourceData) == null || ue.features.push(
-                L.circle(se.coordinates, se.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+                          </svg>`, Q = document.createElement("div");
+            Q.className = "hurricane-hourly-marker", Q.innerHTML = `<div class="${E.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ue}</div>`;
+            const ye = new ee.Marker(Q).setLngLat(E.geometry.coordinates).addTo(this.map);
+            if (this.interpolateMarkers.push(ye), (se = E.properties) != null && se.showCircle) {
+              const ae = { radius: 100, coordinates: E.geometry.coordinates }, ie = { radius: 200, coordinates: E.geometry.coordinates }, re = { radius: 500, coordinates: E.geometry.coordinates };
+              (ne = this.circleSourceData) == null || ne.features.push(
+                x.circle(ae.coordinates, ae.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+              ), (le = this.circleSourceData) == null || le.features.push(
+                x.circle(ie.coordinates, ie.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+              ), (ce = this.circleSourceData) == null || ce.features.push(
+                x.circle(re.coordinates, re.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               );
             }
-            (fe = (ye = this.map) == null ? void 0 : ye.getSource(this.circleSource)) == null || fe.setData(this.circleSourceData);
+            (de = (he = this.map) == null ? void 0 : he.getSource(this.circleSource)) == null || de.setData(this.circleSourceData);
           }
       } else
-        (ge = this.map) != null && ge.getSource(this.interpolateSource) && ((ie = this.map) == null || ie.getSource(this.interpolateSource).setData(this.empty));
+        (pe = this.map) != null && pe.getSource(this.interpolateSource) && ((te = this.map) == null || te.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(a) {
-      var o, s, n, c, d, p, h, g;
+      var o, s, l, h, d, c, p, f;
       const e = a.features[0], t = (s = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : s.features.filter(
-        (u) => {
-          var y;
-          return u.geometry.type === "LineString" && u.properties.type === "forecast" && u.properties.name === ((y = e == null ? void 0 : e.properties) == null ? void 0 : y.name);
+        (m) => {
+          var b;
+          return m.geometry.type === "LineString" && m.properties.type === "forecast" && m.properties.name === ((b = e == null ? void 0 : e.properties) == null ? void 0 : b.name);
         }
       );
-      t.sort((u, y) => {
-        var f, m, v, b;
-        return ((f = u.properties) == null ? void 0 : f.model) === "cma" ? -1 : ((m = u.properties) == null ? void 0 : m.model) === "jma" ? ((v = y.properties) == null ? void 0 : v.model) === "cma" ? 1 : -1 : u.properties.model === "ecmwf" ? ["jma", "cma"].includes((b = y.properties) == null ? void 0 : b.model) ? 1 : -1 : 0;
+      t.sort((m, b) => {
+        var y, u, v, g;
+        return ((y = m.properties) == null ? void 0 : y.model) === "cma" ? -1 : ((u = m.properties) == null ? void 0 : u.model) === "jma" ? ((v = b.properties) == null ? void 0 : v.model) === "cma" ? 1 : -1 : m.properties.model === "ecmwf" ? ["jma", "cma"].includes((g = b.properties) == null ? void 0 : g.model) ? 1 : -1 : 0;
       });
-      const r = (c = (n = this.tropicals) == null ? void 0 : n.data) == null ? void 0 : c.features.filter(
-        (u) => {
-          var y;
-          return u.geometry.type === "LineString" && u.properties.type === "history" && u.properties.name === ((y = e == null ? void 0 : e.properties) == null ? void 0 : y.name);
+      const r = (h = (l = this.tropicals) == null ? void 0 : l.data) == null ? void 0 : h.features.filter(
+        (m) => {
+          var b;
+          return m.geometry.type === "LineString" && m.properties.type === "history" && m.properties.name === ((b = e == null ? void 0 : e.properties) == null ? void 0 : b.name);
         }
       );
       this.activeTropicals = {
         name: (d = e == null ? void 0 : e.properties) == null ? void 0 : d.name,
-        forecasts: t.map((u) => u.properties),
-        history: (p = r[0]) == null ? void 0 : p.properties,
-        showCircle: (g = (h = t[0]) == null ? void 0 : h.properties) == null ? void 0 : g.showCircle
+        forecasts: t.map((m) => m.properties),
+        history: (c = r[0]) == null ? void 0 : c.properties,
+        showCircle: (f = (p = t[0]) == null ? void 0 : p.properties) == null ? void 0 : f.showCircle
       }, this.showTropicals = !0;
       const i = document.getElementById("active-tropical");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new te.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new ee.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(a) {
-      var r, i, o, s, n, c;
+      var r, i, o, s, l, h;
       a.disabled = !a.disabled;
       const e = `${a.name}-${a.model}`, t = (i = (r = this.map) == null ? void 0 : r.getSource(this.source)._data) == null ? void 0 : i.features;
       t.forEach((d) => {
         d.properties.category === e && (d.properties.disabled = a.disabled);
       }), this.interpolateData.forEach((d) => {
         d.properties.category === e && (d.properties.disabled = a.disabled);
-      }), (s = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || s.setData(L.featureCollection(t)), (c = (n = this.map) == null ? void 0 : n.getSource(this.clusterSource)) == null || c.setData(L.featureCollection(t)), this.handleDateChange();
+      }), (s = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || s.setData(x.featureCollection(t)), (h = (l = this.map) == null ? void 0 : l.getSource(this.clusterSource)) == null || h.setData(x.featureCollection(t)), this.handleDateChange();
     },
     handleStrikeProbability(a) {
       this.$emit("tropicalProbability", a);
@@ -4575,8 +4625,8 @@ const Ya = {
           se: r.r10se >= 0 ? r.r10se : void 0,
           sw: r.r10sw >= 0 ? r.r10sw : void 0,
           nw: r.r10nw >= 0 ? r.r10nw : void 0
-        }, n = this.handleComputeArc(t.geometry.coordinates, s, { ...t.properties, level: 10 });
-        e.push(n);
+        }, l = this.handleComputeArc(t.geometry.coordinates, s, { ...t.properties, level: 10 });
+        e.push(l);
       }
       return e;
     },
@@ -4584,108 +4634,108 @@ const Ya = {
       var o;
       const r = [];
       for (const s in e) {
-        const n = e[s] ?? 0;
-        let c;
+        const l = e[s] ?? 0;
+        let h;
         switch (s) {
           case "ne":
-            c = L.lineArc(a, n * 1.852, 0, 90, { steps: n > 0 ? 64 : 1 });
+            h = x.lineArc(a, l * 1.852, 0, 90, { steps: l > 0 ? 64 : 1 });
             break;
           case "se":
-            c = L.lineArc(a, n * 1.852, 90, 180, { steps: n > 0 ? 64 : 1 });
+            h = x.lineArc(a, l * 1.852, 90, 180, { steps: l > 0 ? 64 : 1 });
             break;
           case "sw":
-            c = L.lineArc(a, n * 1.852, 180, 270, { steps: n > 0 ? 64 : 1 });
+            h = x.lineArc(a, l * 1.852, 180, 270, { steps: l > 0 ? 64 : 1 });
             break;
           case "nw":
-            c = L.lineArc(a, n * 1.852, 270, 360, { steps: n > 0 ? 64 : 1 });
+            h = x.lineArc(a, l * 1.852, 270, 360, { steps: l > 0 ? 64 : 1 });
             break;
         }
-        r.push(...(o = c == null ? void 0 : c.geometry) == null ? void 0 : o.coordinates);
+        r.push(...(o = h == null ? void 0 : h.geometry) == null ? void 0 : o.coordinates);
       }
-      const i = L.lineString(r);
-      return L.lineToPolygon(i, { properties: t });
+      const i = x.lineString(r);
+      return x.lineToPolygon(i, { properties: t });
     }
   }
-}, Ue = (a) => (H("data-v-f0e05b29"), a = a(), G(), a), qa = {
+}, Zt = {
   id: "active-tropical",
   class: "active-tropical"
-}, Qa = { class: "header-box" }, Ka = { class: "main" }, ei = { key: 0 }, ti = { class: "sub" }, ai = {
+}, Ht = { class: "header-box" }, Gt = { class: "main" }, Jt = { key: 0 }, Xt = { class: "sub" }, Yt = {
   id: "meteoBox",
   class: "main-box"
-}, ii = { class: "content" }, ri = { class: "row" }, oi = {
+}, qt = { class: "content" }, Qt = { class: "row" }, Kt = {
   class: "col col-left",
   style: { "justify-content": "flex-start" }
-}, si = /* @__PURE__ */ Ue(() => /* @__PURE__ */ l("label", null, "Wind speed : ", -1)), ni = {
+}, ea = {
   class: "col col-right",
   style: { "justify-content": "flex-start" }
-}, li = /* @__PURE__ */ Ue(() => /* @__PURE__ */ l("label", null, "Pressure : ", -1)), ci = { class: "row" }, hi = {
+}, ta = { class: "row" }, aa = {
   class: "col col-24",
   style: { "justify-content": "flex-start" }
-}, di = /* @__PURE__ */ Ue(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), pi = { class: "forecast-models" }, mi = ["onClick"], ui = /* @__PURE__ */ rt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-f0e05b29></div><div class="row" style="padding:2px 10px;" data-v-f0e05b29><div class="legend" data-v-f0e05b29><div class="icon td" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>TD</div></div><div class="legend" data-v-f0e05b29><div class="icon ts" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>TS</div></div><div class="legend" data-v-f0e05b29><div class="icon sts" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>STS</div></div><div class="legend" data-v-f0e05b29><div class="icon ty" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>TY</div></div><div class="legend" data-v-f0e05b29><div class="icon sty" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>STY</div></div><div class="legend" data-v-f0e05b29><div class="icon supper-ty" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-f0e05b29><div class="legend" data-v-f0e05b29><div class="icon history" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>History</div></div><div class="legend" data-v-f0e05b29><div class="icon r7" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>35kts Radii</div></div><div class="legend" data-v-f0e05b29><div class="icon r10" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>50kts Radii</div></div></div>', 3), yi = { class: "more" };
-function fi(a, e, t, r, i, o) {
-  var s, n, c, d, p, h, g, u, y, f, m, v, b, _, P;
-  return je((x(), C("div", qa, [
-    l("div", Qa, [
-      l("div", {
+}, ia = { class: "forecast-models" }, ra = ["onClick"], oa = { class: "more" };
+function sa(a, e, t, r, i, o) {
+  var s, l, h, d, c, p, f, m, b, y, u, v, g, L, z;
+  return Pe((_(), C("div", Zt, [
+    n("div", Ht, [
+      n("div", {
         class: "iconfont close-btn",
         onClick: e[0] || (e[0] = (w) => i.showTropicals = !1)
       }, ""),
-      l("div", Ka, [
-        (n = (s = i.activeTropicals) == null ? void 0 : s.history) != null && n.level ? (x(), C("span", ei, S((d = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : d.level) + " , ", 1)) : j("", !0),
-        Fe(S((p = i.activeTropicals) == null ? void 0 : p.name), 1)
+      n("div", Gt, [
+        (l = (s = i.activeTropicals) == null ? void 0 : s.history) != null && l.level ? (_(), C("span", Jt, S((d = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : d.level) + " , ", 1)) : B("", !0),
+        Ie(S((c = i.activeTropicals) == null ? void 0 : c.name), 1)
       ]),
-      l("div", ti, " Last update: " + S(o.computeTime(((g = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : g.updated) || ((f = (y = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : y.filter((w) => !w.disabled)[0]) == null ? void 0 : f.date))), 1)
+      n("div", Xt, " Last update: " + S(o.computeTime(((f = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : f.updated) || ((y = (b = (m = i.activeTropicals) == null ? void 0 : m.forecasts) == null ? void 0 : b.filter((w) => !w.disabled)[0]) == null ? void 0 : y.date))), 1)
     ]),
-    l("div", ai, [
-      l("div", ii, [
-        l("div", ri, [
-          l("div", oi, [
-            si,
-            l("span", null, S(((v = (m = i.activeTropicals) == null ? void 0 : m.history) == null ? void 0 : v.kts) || "-") + "[kts]", 1)
+    n("div", Yt, [
+      n("div", qt, [
+        n("div", Qt, [
+          n("div", Kt, [
+            e[2] || (e[2] = n("label", null, "Wind speed : ", -1)),
+            n("span", null, S(((v = (u = i.activeTropicals) == null ? void 0 : u.history) == null ? void 0 : v.kts) || "-") + "[kts]", 1)
           ]),
-          l("div", ni, [
-            li,
-            l("span", null, S(((_ = (b = i.activeTropicals) == null ? void 0 : b.history) == null ? void 0 : _.pressure) || "-") + "[hPa]", 1)
+          n("div", ea, [
+            e[3] || (e[3] = n("label", null, "Pressure : ", -1)),
+            n("span", null, S(((L = (g = i.activeTropicals) == null ? void 0 : g.history) == null ? void 0 : L.pressure) || "-") + "[hPa]", 1)
           ])
         ]),
-        l("div", ci, [
-          l("div", hi, [
-            di,
-            l("div", pi, [
-              (x(!0), C(Ae, null, $e((P = i.activeTropicals) == null ? void 0 : P.forecasts, (w, A) => {
-                var M, $, B, O;
-                return x(), C("div", {
+        n("div", ta, [
+          n("div", aa, [
+            e[4] || (e[4] = n("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
+            n("div", ia, [
+              (_(!0), C(_e, null, Se((z = i.activeTropicals) == null ? void 0 : z.forecasts, (w, A) => {
+                var M, W, O, F;
+                return _(), C("div", {
                   key: A,
-                  class: W([
+                  class: j([
                     "model",
                     w.disabled ? "" : "active",
-                    A > 0 && A < (($ = (M = i.activeTropicals) == null ? void 0 : M.forecasts) == null ? void 0 : $.length) - 1 && ((O = (B = i.activeTropicals) == null ? void 0 : B.forecasts) == null ? void 0 : O.length) > 2 ? "center-child" : ""
+                    A > 0 && A < ((W = (M = i.activeTropicals) == null ? void 0 : M.forecasts) == null ? void 0 : W.length) - 1 && ((F = (O = i.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : F.length) > 2 ? "center-child" : ""
                   ]),
-                  onClick: (J) => o.handleForecastToggle(w)
+                  onClick: (H) => o.handleForecastToggle(w)
                 }, [
-                  l("span", {
-                    class: W(w.model)
+                  n("span", {
+                    class: j(w.model)
                   }, S(w.model), 3)
-                ], 10, mi);
+                ], 10, ra);
               }), 128))
             ])
           ])
         ]),
-        ui
+        e[5] || (e[5] = Ze('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-f122450c></div><div class="row" style="padding:2px 10px;" data-v-f122450c><div class="legend" data-v-f122450c><div class="icon td" data-v-f122450c></div><div class="label" data-v-f122450c>TD</div></div><div class="legend" data-v-f122450c><div class="icon ts" data-v-f122450c></div><div class="label" data-v-f122450c>TS</div></div><div class="legend" data-v-f122450c><div class="icon sts" data-v-f122450c></div><div class="label" data-v-f122450c>STS</div></div><div class="legend" data-v-f122450c><div class="icon ty" data-v-f122450c></div><div class="label" data-v-f122450c>TY</div></div><div class="legend" data-v-f122450c><div class="icon sty" data-v-f122450c></div><div class="label" data-v-f122450c>STY</div></div><div class="legend" data-v-f122450c><div class="icon supper-ty" data-v-f122450c></div><div class="label" data-v-f122450c>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-f122450c><div class="legend" data-v-f122450c><div class="icon history" data-v-f122450c></div><div class="label" data-v-f122450c>History</div></div><div class="legend" data-v-f122450c><div class="icon r7" data-v-f122450c></div><div class="label" data-v-f122450c>35kts Radii</div></div><div class="legend" data-v-f122450c><div class="icon r10" data-v-f122450c></div><div class="label" data-v-f122450c>50kts Radii</div></div></div>', 3))
       ]),
-      l("div", yi, [
-        l("div", {
+      n("div", oa, [
+        n("div", {
           class: "button",
           onClick: e[1] || (e[1] = (w) => o.handleStrikeProbability(i.activeTropicals))
         }, "Strike Probability >>")
       ])
     ])
   ], 512)), [
-    [We, i.showTropicals && !a.$attrs.hideTropicalsLegend]
+    [ze, i.showTropicals && !a.$attrs.hideTropicalsLegend]
   ]);
 }
-const Ke = /* @__PURE__ */ T(Ya, [["render", fi], ["__scopeId", "data-v-f0e05b29"]]);
-const gi = {
+const Fe = /* @__PURE__ */ T(Ut, [["render", sa], ["__scopeId", "data-v-f122450c"]]);
+const na = {
   name: "IdmPrecip3h",
   props: {
     factor: {
@@ -4713,7 +4763,7 @@ const gi = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Le(),
+      webgl: new fe(),
       etime: void 0,
       right: 10
     };
@@ -4786,27 +4836,27 @@ const gi = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ce = (a) => (H("data-v-9708a7a3"), a = a(), G(), a), bi = { key: 0 }, vi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "mm", -1)), wi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "1.5", -1)), _i = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "2", -1)), Li = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "3", -1)), xi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "7", -1)), Ci = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "10", -1)), ki = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "20", -1)), Si = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "30", -1)), zi = [
-  vi,
-  wi,
-  _i,
-  Li,
-  xi,
-  Ci,
-  ki,
-  Si
-];
-function Pi(a, e, t, r, i, o) {
+}, la = { key: 0 };
+function ca(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (x(), C("div", bi, [
-    l("div", {
+  return (s = t.factor) != null && s.active ? (_(), C("div", la, [
+    n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, zi, 4)
-  ])) : j("", !0);
+    }, e[0] || (e[0] = [
+      n("span", null, "mm", -1),
+      n("span", null, "1.5", -1),
+      n("span", null, "2", -1),
+      n("span", null, "3", -1),
+      n("span", null, "7", -1),
+      n("span", null, "10", -1),
+      n("span", null, "20", -1),
+      n("span", null, "30", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const Ti = /* @__PURE__ */ T(gi, [["render", Pi], ["__scopeId", "data-v-9708a7a3"]]);
-const Ii = {
+const ha = /* @__PURE__ */ T(na, [["render", ca], ["__scopeId", "data-v-9708a7a3"]]);
+const da = {
   name: "IdmVisibility",
   props: {
     factor: {
@@ -4834,7 +4884,7 @@ const Ii = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Le(),
+      webgl: new fe(),
       etime: void 0
     };
   },
@@ -4900,25 +4950,25 @@ const Ii = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ke = (a) => (H("data-v-f7b2fb08"), a = a(), G(), a), Ei = { key: 0 }, Ri = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "nm", -1)), Ai = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "0", -1)), Di = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Mi = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "1.5", -1)), $i = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "3", -1)), ji = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "9", -1)), Wi = [
-  Ri,
-  Ai,
-  Di,
-  Mi,
-  $i,
-  ji
-];
-function Ni(a, e, t, r, i, o) {
+}, pa = { key: 0 };
+function ma(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (x(), C("div", Ei, [
-    l("div", {
+  return (s = t.factor) != null && s.active ? (_(), C("div", pa, [
+    n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
-    }, Wi, 4)
-  ])) : j("", !0);
+    }, e[0] || (e[0] = [
+      n("span", null, "nm", -1),
+      n("span", null, "0", -1),
+      n("span", null, "0.5", -1),
+      n("span", null, "1.5", -1),
+      n("span", null, "3", -1),
+      n("span", null, "9", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const Bi = /* @__PURE__ */ T(Ii, [["render", Ni], ["__scopeId", "data-v-f7b2fb08"]]);
-const Oi = {
+const ua = /* @__PURE__ */ T(da, [["render", ma], ["__scopeId", "data-v-f7b2fb08"]]);
+const ya = {
   name: "IdmWaterTemp",
   props: {
     factor: {
@@ -4946,7 +4996,7 @@ const Oi = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Le(),
+      webgl: new fe(),
       etime: void 0,
       right: 10
     };
@@ -5020,25 +5070,25 @@ const Oi = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Se = (a) => (H("data-v-7521f582"), a = a(), G(), a), Fi = { key: 0 }, Vi = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "°C", -1)), Ui = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "0", -1)), Zi = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "10", -1)), Hi = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "20", -1)), Gi = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "30", -1)), Ji = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "40", -1)), Xi = [
-  Vi,
-  Ui,
-  Zi,
-  Hi,
-  Gi,
-  Ji
-];
-function Yi(a, e, t, r, i, o) {
+}, fa = { key: 0 };
+function ga(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (x(), C("div", Fi, [
-    l("div", {
+  return (s = t.factor) != null && s.active ? (_(), C("div", fa, [
+    n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, Xi, 4)
-  ])) : j("", !0);
+    }, e[0] || (e[0] = [
+      n("span", null, "°C", -1),
+      n("span", null, "0", -1),
+      n("span", null, "10", -1),
+      n("span", null, "20", -1),
+      n("span", null, "30", -1),
+      n("span", null, "40", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const qi = /* @__PURE__ */ T(Oi, [["render", Yi], ["__scopeId", "data-v-7521f582"]]);
-const Qi = {
+const ba = /* @__PURE__ */ T(ya, [["render", ga], ["__scopeId", "data-v-7521f582"]]);
+const va = {
   name: "IdmTemp",
   props: {
     factor: {
@@ -5066,7 +5116,7 @@ const Qi = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Le(),
+      webgl: new fe(),
       etime: void 0,
       right: 10
     };
@@ -5143,27 +5193,27 @@ const Qi = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, he = (a) => (H("data-v-25daaa82"), a = a(), G(), a), Ki = { key: 0 }, er = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "°C", -1)), tr = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "-20", -1)), ar = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "-10", -1)), ir = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0", -1)), rr = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "10", -1)), or = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "20", -1)), sr = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "30", -1)), nr = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "40", -1)), lr = [
-  er,
-  tr,
-  ar,
-  ir,
-  rr,
-  or,
-  sr,
-  nr
-];
-function cr(a, e, t, r, i, o) {
+}, wa = { key: 0 };
+function La(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (x(), C("div", Ki, [
-    l("div", {
+  return (s = t.factor) != null && s.active ? (_(), C("div", wa, [
+    n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, lr, 4)
-  ])) : j("", !0);
+    }, e[0] || (e[0] = [
+      n("span", null, "°C", -1),
+      n("span", null, "-20", -1),
+      n("span", null, "-10", -1),
+      n("span", null, "0", -1),
+      n("span", null, "10", -1),
+      n("span", null, "20", -1),
+      n("span", null, "30", -1),
+      n("span", null, "40", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const hr = /* @__PURE__ */ T(Qi, [["render", cr], ["__scopeId", "data-v-25daaa82"]]);
-const dr = {
+const xa = /* @__PURE__ */ T(va, [["render", La], ["__scopeId", "data-v-25daaa82"]]);
+const _a = {
   name: "IdmArctic",
   props: {
     factor: {
@@ -5191,7 +5241,7 @@ const dr = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Le(),
+      webgl: new fe(),
       etime: void 0,
       right: 10
     };
@@ -5259,25 +5309,25 @@ const dr = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ze = (a) => (H("data-v-5bb73794"), a = a(), G(), a), pr = { key: 0 }, mr = /* @__PURE__ */ ze(() => /* @__PURE__ */ l("span", null, "m", -1)), ur = /* @__PURE__ */ ze(() => /* @__PURE__ */ l("span", null, "0", -1)), yr = /* @__PURE__ */ ze(() => /* @__PURE__ */ l("span", null, "0.5", -1)), fr = /* @__PURE__ */ ze(() => /* @__PURE__ */ l("span", null, "1", -1)), gr = /* @__PURE__ */ ze(() => /* @__PURE__ */ l("span", null, "1.5", -1)), br = /* @__PURE__ */ ze(() => /* @__PURE__ */ l("span", null, "2", -1)), vr = [
-  mr,
-  ur,
-  yr,
-  fr,
-  gr,
-  br
-];
-function wr(a, e, t, r, i, o) {
+}, Ca = { key: 0 };
+function ka(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (x(), C("div", pr, [
-    l("div", {
+  return (s = t.factor) != null && s.active ? (_(), C("div", Ca, [
+    n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, vr, 4)
-  ])) : j("", !0);
+    }, e[0] || (e[0] = [
+      n("span", null, "m", -1),
+      n("span", null, "0", -1),
+      n("span", null, "0.5", -1),
+      n("span", null, "1", -1),
+      n("span", null, "1.5", -1),
+      n("span", null, "2", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const _r = /* @__PURE__ */ T(dr, [["render", wr], ["__scopeId", "data-v-5bb73794"]]);
-const Lr = {
+const Sa = /* @__PURE__ */ T(_a, [["render", ka], ["__scopeId", "data-v-5bb73794"]]);
+const Pa = {
   name: "IdmPoint",
   emits: ["point", "more"],
   props: {
@@ -5299,7 +5349,7 @@ const Lr = {
     return {
       showMeteo: !1,
       meteoMarker: void 0,
-      helper: De
+      helper: Ce
     };
   },
   watch: {
@@ -5360,71 +5410,71 @@ const Lr = {
       var a;
       if (this.meteo) {
         const e = document.getElementById("point-meteo");
-        this.meteoMarker ? (a = this.meteoMarker) == null || a.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new te.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
+        this.meteoMarker ? (a = this.meteoMarker) == null || a.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new ee.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
       }
     }
   }
-}, ae = (a) => (H("data-v-efcf572f"), a = a(), G(), a), xr = {
+}, za = {
   id: "point-meteo",
   class: "point-meteo"
-}, Cr = { class: "meteo-box" }, kr = { class: "header-box" }, Sr = { class: "main" }, zr = { class: "sub" }, Pr = { class: "main-box" }, Tr = { class: "flex-space" }, Ir = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Wind", -1)), Er = { class: "flex-space" }, Rr = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), Ar = { class: "flex-space" }, Dr = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Mr = { class: "flex-space" }, $r = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), jr = { class: "flex-space" }, Wr = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Current", -1)), Nr = { class: "flex-space" }, Br = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Precip", -1)), Or = { class: "flex-space" }, Fr = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Vr = { class: "flex-space" }, Ur = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Zr = { class: "flex-space" }, Hr = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Water Temp", -1));
-function Gr(a, e, t, r, i, o) {
-  var s, n, c, d, p, h, g, u, y, f, m, v, b, _, P, w, A, M, $, B, O, J, de, pe, me, ue, ye, fe, ge, ie, X, q, be, Q, I, F, ve, K, we, re, oe, se, Pe, Te, Ie, Ee, Re;
-  return je((x(), C("div", xr, [
-    l("div", Cr, [
-      l("div", kr, [
-        l("div", {
+}, Ta = { class: "meteo-box" }, Ea = { class: "header-box" }, Ia = { class: "main" }, Ra = { class: "sub" }, Aa = { class: "main-box" }, Da = { class: "flex-space" }, Ma = { class: "flex-space" }, ja = { class: "flex-space" }, Wa = { class: "flex-space" }, Ba = { class: "flex-space" }, Na = { class: "flex-space" }, Oa = { class: "flex-space" }, Fa = { class: "flex-space" }, $a = { class: "flex-space" };
+function Va(a, e, t, r, i, o) {
+  var s, l, h, d, c, p, f, m, b, y, u, v, g, L, z, w, A, M, W, O, F, H, se, ne, le, ce, he, de, pe, te, G, Y, me, q, E, $, ue, Q, ye, ae, ie, re, be, ve, we, Le, xe;
+  return Pe((_(), C("div", za, [
+    n("div", Ta, [
+      n("div", Ea, [
+        n("div", {
           class: "iconfont close",
-          onClick: e[0] || (e[0] = (Be) => i.showMeteo = !1)
+          onClick: e[0] || (e[0] = (Te) => i.showMeteo = !1)
         }, ""),
-        l("div", Sr, S(o.computeLat((s = t.meteo) == null ? void 0 : s.lat)) + "," + S(o.computeLng((n = t.meteo) == null ? void 0 : n.lng)), 1),
-        l("div", zr, S(o.computeTime((c = t.meteo) == null ? void 0 : c.utc)), 1)
+        n("div", Ia, S(o.computeLat((s = t.meteo) == null ? void 0 : s.lat)) + "," + S(o.computeLng((l = t.meteo) == null ? void 0 : l.lng)), 1),
+        n("div", Ra, S(o.computeTime((h = t.meteo) == null ? void 0 : h.utc)), 1)
       ]),
-      l("div", Pr, [
-        l("div", Tr, [
-          Ir,
-          l("span", null, S(((p = (d = t.meteo) == null ? void 0 : d.wind) == null ? void 0 : p.direction) || "-") + "/" + S(o.roundPrecision((g = (h = t.meteo) == null ? void 0 : h.wind) == null ? void 0 : g.kts, 1)) + "[kts]/" + S((y = (u = t.meteo) == null ? void 0 : u.wind) == null ? void 0 : y.scale) + "[BF]/" + S(o.roundPrecision((m = (f = t.meteo) == null ? void 0 : f.gusts) == null ? void 0 : m.kts, 1)) + "[kts]", 1)
+      n("div", Aa, [
+        n("div", Da, [
+          e[1] || (e[1] = n("label", null, "Wind", -1)),
+          n("span", null, S(((c = (d = t.meteo) == null ? void 0 : d.wind) == null ? void 0 : c.direction) || "-") + "/" + S(o.roundPrecision((f = (p = t.meteo) == null ? void 0 : p.wind) == null ? void 0 : f.kts, 1)) + "[kts]/" + S((b = (m = t.meteo) == null ? void 0 : m.wind) == null ? void 0 : b.scale) + "[BF]/" + S(o.roundPrecision((u = (y = t.meteo) == null ? void 0 : y.gusts) == null ? void 0 : u.kts, 1)) + "[kts]", 1)
         ]),
-        l("div", Er, [
-          Rr,
-          l("span", null, S(((_ = (b = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : _.direction) || "-") + "/" + S(o.roundPrecision((A = (w = (P = t.meteo) == null ? void 0 : P.wave) == null ? void 0 : w.wd) == null ? void 0 : A.height, 1)) + "[m]/" + S(o.roundPrecision((B = ($ = (M = t.meteo) == null ? void 0 : M.wave) == null ? void 0 : $.wd) == null ? void 0 : B.period, 1)) + "[s]", 1)
+        n("div", Ma, [
+          e[2] || (e[2] = n("label", null, "Wind.Wave", -1)),
+          n("span", null, S(((L = (g = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : g.wd) == null ? void 0 : L.direction) || "-") + "/" + S(o.roundPrecision((A = (w = (z = t.meteo) == null ? void 0 : z.wave) == null ? void 0 : w.wd) == null ? void 0 : A.height, 1)) + "[m]/" + S(o.roundPrecision((O = (W = (M = t.meteo) == null ? void 0 : M.wave) == null ? void 0 : W.wd) == null ? void 0 : O.period, 1)) + "[s]", 1)
         ]),
-        l("div", Ar, [
-          Dr,
-          l("span", null, S(((de = (J = (O = t.meteo) == null ? void 0 : O.wave) == null ? void 0 : J.swell) == null ? void 0 : de.direction) || "-") + "/" + S(o.roundPrecision((ue = (me = (pe = t.meteo) == null ? void 0 : pe.wave) == null ? void 0 : me.swell) == null ? void 0 : ue.height, 1)) + "[m]/" + S(o.roundPrecision((ge = (fe = (ye = t.meteo) == null ? void 0 : ye.wave) == null ? void 0 : fe.swell) == null ? void 0 : ge.period, 1)) + "[s]", 1)
+        n("div", ja, [
+          e[3] || (e[3] = n("label", null, "Swell", -1)),
+          n("span", null, S(((se = (H = (F = t.meteo) == null ? void 0 : F.wave) == null ? void 0 : H.swell) == null ? void 0 : se.direction) || "-") + "/" + S(o.roundPrecision((ce = (le = (ne = t.meteo) == null ? void 0 : ne.wave) == null ? void 0 : le.swell) == null ? void 0 : ce.height, 1)) + "[m]/" + S(o.roundPrecision((pe = (de = (he = t.meteo) == null ? void 0 : he.wave) == null ? void 0 : de.swell) == null ? void 0 : pe.period, 1)) + "[s]", 1)
         ]),
-        l("div", Mr, [
-          $r,
-          l("span", null, S(((q = (X = (ie = t.meteo) == null ? void 0 : ie.wave) == null ? void 0 : X.sig) == null ? void 0 : q.direction) || "-") + "/" + S(o.roundPrecision((I = (Q = (be = t.meteo) == null ? void 0 : be.wave) == null ? void 0 : Q.sig) == null ? void 0 : I.height, 1)) + "[m]/" + S(o.roundPrecision((K = (ve = (F = t.meteo) == null ? void 0 : F.wave) == null ? void 0 : ve.sig) == null ? void 0 : K.period, 1)) + "[s]", 1)
+        n("div", Wa, [
+          e[4] || (e[4] = n("label", null, "Sig.Wave", -1)),
+          n("span", null, S(((Y = (G = (te = t.meteo) == null ? void 0 : te.wave) == null ? void 0 : G.sig) == null ? void 0 : Y.direction) || "-") + "/" + S(o.roundPrecision((E = (q = (me = t.meteo) == null ? void 0 : me.wave) == null ? void 0 : q.sig) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((Q = (ue = ($ = t.meteo) == null ? void 0 : $.wave) == null ? void 0 : ue.sig) == null ? void 0 : Q.period, 1)) + "[s]", 1)
         ]),
-        l("div", jr, [
-          Wr,
-          l("span", null, S(((re = (we = t.meteo) == null ? void 0 : we.current) == null ? void 0 : re.direction) || "-") + "/" + S(o.roundPrecision((se = (oe = t.meteo) == null ? void 0 : oe.current) == null ? void 0 : se.kts, 2)) + "[kts]", 1)
+        n("div", Ba, [
+          e[5] || (e[5] = n("label", null, "Current", -1)),
+          n("span", null, S(((ae = (ye = t.meteo) == null ? void 0 : ye.current) == null ? void 0 : ae.direction) || "-") + "/" + S(o.roundPrecision((re = (ie = t.meteo) == null ? void 0 : ie.current) == null ? void 0 : re.kts, 2)) + "[kts]", 1)
         ]),
-        l("div", Nr, [
-          Br,
-          l("span", null, S(o.roundPrecision((Te = (Pe = t.meteo) == null ? void 0 : Pe.precip) == null ? void 0 : Te.inter6h, 2)) + "[mm]", 1)
+        n("div", Na, [
+          e[6] || (e[6] = n("label", null, "Precip", -1)),
+          n("span", null, S(o.roundPrecision((ve = (be = t.meteo) == null ? void 0 : be.precip) == null ? void 0 : ve.inter6h, 2)) + "[mm]", 1)
         ]),
-        l("div", Or, [
-          Fr,
-          l("span", null, S(o.roundPrecision(((Ie = t.meteo) == null ? void 0 : Ie.visibility) / 1852, 0)) + "[nm]", 1)
+        n("div", Oa, [
+          e[7] || (e[7] = n("label", null, "Visibility", -1)),
+          n("span", null, S(o.roundPrecision(((we = t.meteo) == null ? void 0 : we.visibility) / 1852, 0)) + "[nm]", 1)
         ]),
-        l("div", Vr, [
-          Ur,
-          l("span", null, S(o.roundPrecision((Ee = t.meteo) == null ? void 0 : Ee.temp, 0)) + "[°C]", 1)
+        n("div", Fa, [
+          e[8] || (e[8] = n("label", null, "Temp", -1)),
+          n("span", null, S(o.roundPrecision((Le = t.meteo) == null ? void 0 : Le.temp, 0)) + "[°C]", 1)
         ]),
-        l("div", Zr, [
-          Hr,
-          l("span", null, S(o.roundPrecision((Re = t.meteo) == null ? void 0 : Re.waterTemp, 2)) + "[°C]", 1)
+        n("div", $a, [
+          e[9] || (e[9] = n("label", null, "Water Temp", -1)),
+          n("span", null, S(o.roundPrecision((xe = t.meteo) == null ? void 0 : xe.waterTemp, 2)) + "[°C]", 1)
         ])
       ]),
-      j("", !0)
+      B("", !0)
     ])
   ], 512)), [
-    [We, i.showMeteo]
+    [ze, i.showMeteo]
   ]);
 }
-const Jr = /* @__PURE__ */ T(Lr, [["render", Gr], ["__scopeId", "data-v-efcf572f"]]), Xr = {
+const Ua = /* @__PURE__ */ T(Pa, [["render", Va], ["__scopeId", "data-v-efcf572f"]]), Za = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -5514,10 +5564,10 @@ const Jr = /* @__PURE__ */ T(Lr, [["render", Gr], ["__scopeId", "data-v-efcf572f
     }
   }
 };
-function Yr(a, e, t, r, i, o) {
-  return x(), C("div");
+function Ha(a, e, t, r, i, o) {
+  return _(), C("div");
 }
-const qr = /* @__PURE__ */ T(Xr, [["render", Yr]]), Qr = {
+const Ga = /* @__PURE__ */ T(Za, [["render", Ha]]), Ja = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -5637,10 +5687,10 @@ const qr = /* @__PURE__ */ T(Xr, [["render", Yr]]), Qr = {
     }
   }
 };
-function Kr(a, e, t, r, i, o) {
-  return x(), C("div");
+function Xa(a, e, t, r, i, o) {
+  return _(), C("div");
 }
-const eo = /* @__PURE__ */ T(Qr, [["render", Kr]]), to = {
+const Ya = /* @__PURE__ */ T(Ja, [["render", Xa]]), qa = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -5728,11 +5778,11 @@ const eo = /* @__PURE__ */ T(Qr, [["render", Kr]]), to = {
     }
   }
 };
-function ao(a, e, t, r, i, o) {
-  return x(), C("div");
+function Qa(a, e, t, r, i, o) {
+  return _(), C("div");
 }
-const io = /* @__PURE__ */ T(to, [["render", ao]]);
-const ro = {
+const Ka = /* @__PURE__ */ T(qa, [["render", Qa]]);
+const ei = {
   name: "IdmAlertZone",
   props: {
     map: {
@@ -5775,7 +5825,7 @@ const ro = {
       if (t) {
         this.showZone = !0, this.form = { ...t.properties };
         const i = document.getElementById("idm-gl3-zone-info");
-        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new te.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new ee.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
       }
     },
     handleRender() {
@@ -5862,24 +5912,24 @@ const ro = {
       this.map.getLayer(this.polygonLayer) && this.map.removeLayer(this.polygonLayer), this.map.getLayer(this.polygonLayer + "-border") && this.map.removeLayer(this.polygonLayer + "-border"), this.map.getLayer(this.polygonLabelLayer) && this.map.removeLayer(this.polygonLabelLayer), this.map.getLayer(this.lineLayer) && this.map.removeLayer(this.lineLayer), this.map.getLayer(this.lineLabelLayer) && this.map.removeLayer(this.lineLabelLayer), this.map.getLayer(this.pointLayer) && this.map.removeLayer(this.pointLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, oo = { id: "idm-gl3-zone-info" }, so = ["innerHTML"];
-function no(a, e, t, r, i, o) {
+}, ti = { id: "idm-gl3-zone-info" }, ai = ["innerHTML"];
+function ii(a, e, t, r, i, o) {
   var s;
-  return je((x(), C("div", oo, [
-    l("div", {
+  return Pe((_(), C("div", ti, [
+    n("div", {
       class: "iconfont close",
-      onClick: e[0] || (e[0] = (n) => i.showZone = !1)
+      onClick: e[0] || (e[0] = (l) => i.showZone = !1)
     }, ""),
-    l("div", {
+    n("div", {
       class: "rich-context",
       innerHTML: (s = i.form) == null ? void 0 : s.name
-    }, null, 8, so)
+    }, null, 8, ai)
   ], 512)), [
-    [We, i.showZone]
+    [ze, i.showZone]
   ]);
 }
-const lo = /* @__PURE__ */ T(ro, [["render", no]]);
-const co = {
+const ri = /* @__PURE__ */ T(ei, [["render", ii]]);
+const oi = {
   name: "IdmPort",
   props: {
     map: {
@@ -5932,7 +5982,7 @@ const co = {
       if (t) {
         this.showPort = !0, this.form = { ...t.properties }, this.form.lng = t.geometry.coordinates[0], this.form.lat = t.geometry.coordinates[1];
         const i = document.getElementById("port-info");
-        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new te.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new ee.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
       }
     },
     handleEmit() {
@@ -5971,41 +6021,41 @@ const co = {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, Ne = (a) => (H("data-v-c07e4c45"), a = a(), G(), a), ho = { id: "port-info" }, po = { class: "port-box" }, mo = { class: "flex-start" }, uo = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), yo = { class: "flex-start" }, fo = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), go = { class: "flex-start" }, bo = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), vo = {
+}, si = { id: "port-info" }, ni = { class: "port-box" }, li = { class: "flex-start" }, ci = { class: "flex-start" }, hi = { class: "flex-start" }, di = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
-}, wo = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "Region : ", -1));
-function _o(a, e, t, r, i, o) {
-  return je((x(), C("div", ho, [
-    l("div", {
+};
+function pi(a, e, t, r, i, o) {
+  return Pe((_(), C("div", si, [
+    n("div", {
       class: "close iconfont",
       onClick: e[0] || (e[0] = (s) => i.showPort = !1)
     }, ""),
-    l("div", po, [
-      l("div", mo, [
-        uo,
-        l("span", {
+    n("div", ni, [
+      n("div", li, [
+        e[2] || (e[2] = n("label", null, "Name : ", -1)),
+        n("span", {
           onClick: e[1] || (e[1] = (...s) => o.handleEmit && o.handleEmit(...s))
         }, S(i.form.name), 1)
       ]),
-      l("div", yo, [
-        fo,
-        l("span", null, S(o.computeLat(i.form.lat)) + ", " + S(o.computeLng(i.form.lng)), 1)
+      n("div", ci, [
+        e[3] || (e[3] = n("label", null, "Position : ", -1)),
+        n("span", null, S(o.computeLat(i.form.lat)) + ", " + S(o.computeLng(i.form.lng)), 1)
       ]),
-      l("div", go, [
-        bo,
-        l("span", null, S(i.form.loCode || "-"), 1)
+      n("div", hi, [
+        e[4] || (e[4] = n("label", null, "LoCode : ", -1)),
+        n("span", null, S(i.form.loCode || "-"), 1)
       ]),
-      l("div", vo, [
-        wo,
-        l("span", null, S(i.form.zoneName || "-"), 1)
+      n("div", di, [
+        e[5] || (e[5] = n("label", null, "Region : ", -1)),
+        n("span", null, S(i.form.zoneName || "-"), 1)
       ])
     ])
   ], 512)), [
-    [We, i.showPort]
+    [ze, i.showPort]
   ]);
 }
-const Lo = /* @__PURE__ */ T(co, [["render", _o], ["__scopeId", "data-v-c07e4c45"]]), xo = {
+const mi = /* @__PURE__ */ T(oi, [["render", pi], ["__scopeId", "data-v-c07e4c45"]]), ui = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -6075,10 +6125,10 @@ const Lo = /* @__PURE__ */ T(co, [["render", _o], ["__scopeId", "data-v-c07e4c45
     }
   }
 };
-function Co(a, e, t, r, i, o) {
-  return x(), C("div");
+function yi(a, e, t, r, i, o) {
+  return _(), C("div");
 }
-const ko = /* @__PURE__ */ T(xo, [["render", Co]]), So = {
+const fi = /* @__PURE__ */ T(ui, [["render", yi]]), gi = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -6243,10 +6293,10 @@ const ko = /* @__PURE__ */ T(xo, [["render", Co]]), So = {
     }
   }
 };
-function zo(a, e, t, r, i, o) {
-  return x(), C("div");
+function bi(a, e, t, r, i, o) {
+  return _(), C("div");
 }
-const Po = /* @__PURE__ */ T(So, [["render", zo]]), To = {
+const vi = /* @__PURE__ */ T(gi, [["render", bi]]), wi = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -6334,10 +6384,10 @@ const Po = /* @__PURE__ */ T(So, [["render", zo]]), To = {
     }
   }
 };
-function Io(a, e, t, r, i, o) {
-  return x(), C("div");
+function Li(a, e, t, r, i, o) {
+  return _(), C("div");
 }
-const Eo = /* @__PURE__ */ T(To, [["render", Io]]), Ro = {
+const xi = /* @__PURE__ */ T(wi, [["render", Li]]), _i = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -6427,10 +6477,10 @@ const Eo = /* @__PURE__ */ T(To, [["render", Io]]), Ro = {
     }
   }
 };
-function Ao(a, e, t, r, i, o) {
-  return x(), C("div");
+function Ci(a, e, t, r, i, o) {
+  return _(), C("div");
 }
-const Do = /* @__PURE__ */ T(Ro, [["render", Ao]]), Mo = {
+const ki = /* @__PURE__ */ T(_i, [["render", Ci]]), Si = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -6479,11 +6529,11 @@ const Do = /* @__PURE__ */ T(Ro, [["render", Ao]]), Mo = {
     }
   }
 };
-function $o(a, e, t, r, i, o) {
-  return x(), C("div");
+function Pi(a, e, t, r, i, o) {
+  return _(), C("div");
 }
-const jo = /* @__PURE__ */ T(Mo, [["render", $o]]);
-const Wo = {
+const zi = /* @__PURE__ */ T(Si, [["render", Pi]]);
+const Ti = {
   name: "IdmLatLng",
   props: {
     map: {
@@ -6590,7 +6640,7 @@ const Wo = {
     handleZoomEnd() {
       var e;
       const a = this.handleComputeLatLngs();
-      (e = this.map) == null || e.getSource(this.source).setData(L.featureCollection(a));
+      (e = this.map) == null || e.getSource(this.source).setData(x.featureCollection(a));
     },
     handleRender() {
       if (this.map) {
@@ -6638,19 +6688,19 @@ const Wo = {
       (a = this.map) != null && a.getLayer(this.layer) && ((e = this.map) == null || e.removeLayer(this.layer)), (t = this.map) != null && t.getLayer(this.labelLayer) && ((r = this.map) == null || r.removeLayer(this.labelLayer)), (i = this.map) != null && i.getSource(this.source) && ((o = this.map) == null || o.removeSource(this.source));
     }
   }
-}, No = (a) => (H("data-v-73241fe7"), a = a(), G(), a), Bo = /* @__PURE__ */ No(() => /* @__PURE__ */ l("span", null, ", ", -1));
-function Oo(a, e, t, r, i, o) {
-  return i.lngLat ? (x(), C("div", {
+};
+function Ei(a, e, t, r, i, o) {
+  return i.lngLat ? (_(), C("div", {
     key: 0,
     class: "lat-lng-tip",
     style: U({ right: i.right + "px", bottom: t.bottom })
   }, [
-    l("span", null, S(i.lngLat.lat.pretty), 1),
-    Bo,
-    l("span", null, S(i.lngLat.lng.pretty), 1)
-  ], 4)) : j("", !0);
+    n("span", null, S(i.lngLat.lat.pretty), 1),
+    e[0] || (e[0] = n("span", null, ", ", -1)),
+    n("span", null, S(i.lngLat.lng.pretty), 1)
+  ], 4)) : B("", !0);
 }
-const et = /* @__PURE__ */ T(Wo, [["render", Oo], ["__scopeId", "data-v-73241fe7"]]), Fo = {
+const $e = /* @__PURE__ */ T(Ti, [["render", Ei], ["__scopeId", "data-v-73241fe7"]]), Ii = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -6691,13 +6741,13 @@ const et = /* @__PURE__ */ T(Wo, [["render", Oo], ["__scopeId", "data-v-73241fe7
   },
   methods: {
     handleBind() {
-      var a, e, t, r, i, o, s, n, c, d;
+      var a, e, t, r, i, o, s, l, h, d;
       if (this.show)
         (a = this.map) == null || a.getCanvas().addEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.on("mousemove", this.handleMove), (t = this.map) == null || t.on("dblclick", this.handleDblClick), (r = this.map) == null || r.on("click", this.handleClick), (i = this.map) == null || i.on("contextmenu", this.handleContextmenu), this.map && (this.map.getCanvas().style.cursor = "crosshair");
       else {
-        (o = this.map) == null || o.getCanvas().removeEventListener("keydown", this.handleKeydown), (s = this.map) == null || s.off("mousemove", this.handleMove), (n = this.map) == null || n.off("dblclick", this.handleDblClick), (c = this.map) == null || c.off("click", this.handleClick), (d = this.map) == null || d.off("contextmenu", this.handleContextmenu);
-        for (const p of this.geojson)
-          this.handleClear(p, !0);
+        (o = this.map) == null || o.getCanvas().removeEventListener("keydown", this.handleKeydown), (s = this.map) == null || s.off("mousemove", this.handleMove), (l = this.map) == null || l.off("dblclick", this.handleDblClick), (h = this.map) == null || h.off("click", this.handleClick), (d = this.map) == null || d.off("contextmenu", this.handleContextmenu);
+        for (const c of this.geojson)
+          this.handleClear(c, !0);
         this.geojson = [], this.map && (this.map.getCanvas().style.cursor = "grab");
       }
     },
@@ -6709,41 +6759,41 @@ const et = /* @__PURE__ */ T(Wo, [["render", Oo], ["__scopeId", "data-v-73241fe7
       }
     },
     handleDrag(a) {
-      var t, r, i, o, s, n, c, d, p, h;
+      var t, r, i, o, s, l, h, d, c, p;
       const e = (r = (t = a.target) == null ? void 0 : t._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const g = this.geojson.filter((m) => m.id === e.split("-")[0])[0];
-        this.pointMarkers[g.id].filter((m) => {
+        const f = this.geojson.filter((u) => u.id === e.split("-")[0])[0];
+        this.pointMarkers[f.id].filter((u) => {
           var v;
-          return ((v = m._element) == null ? void 0 : v.id) === e;
-        })[0].setLngLat([(o = (i = a.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (n = (s = a.target) == null ? void 0 : s._lngLat) == null ? void 0 : n.lat]);
-        let y;
-        g.features.forEach((m, v) => {
-          if (m.geometry.type === "Point" && m.properties.id == e.split("-")[1]) {
-            y = v;
+          return ((v = u._element) == null ? void 0 : v.id) === e;
+        })[0].setLngLat([(o = (i = a.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (l = (s = a.target) == null ? void 0 : s._lngLat) == null ? void 0 : l.lat]);
+        let b;
+        f.features.forEach((u, v) => {
+          if (u.geometry.type === "Point" && u.properties.id == e.split("-")[1]) {
+            b = v;
             return;
           }
         });
-        const f = g.features.filter((m) => m.geometry.type === "Point");
+        const y = f.features.filter((u) => u.geometry.type === "Point");
         this.handleTmpPointUpdate(
-          g,
-          f[y - 1],
-          { lng: (d = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : d.lng, lat: (h = (p = a.target) == null ? void 0 : p._lngLat) == null ? void 0 : h.lat, properties: f[y].properties },
-          y === f.length - 1 ? void 0 : f[y + 1]
+          f,
+          y[b - 1],
+          { lng: (d = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : d.lng, lat: (p = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : p.lat, properties: y[b].properties },
+          b === y.length - 1 ? void 0 : y[b + 1]
         );
       }
     },
     handleDragEnd(a) {
-      var t, r, i, o, s, n, c, d, p, h;
+      var t, r, i, o, s, l, h, d, c, p;
       const e = (r = (t = a.target) == null ? void 0 : t._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const g = this.geojson.filter((f) => f.id === e.split("-")[0])[0];
-        this.pointMarkers[g.id].filter((f) => {
-          var m;
-          return ((m = f._element) == null ? void 0 : m.id) === e;
-        })[0].setLngLat([(o = (i = a.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (n = (s = a.target) == null ? void 0 : s._lngLat) == null ? void 0 : n.lat]);
-        const y = g.features.filter((f) => f.geometry.type === "Point" && f.properties.id == e.split("-")[1])[0];
-        y.geometry.coordinates = [(d = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : d.lng, (h = (p = a.target) == null ? void 0 : p._lngLat) == null ? void 0 : h.lat], g.features = g.features.filter((f) => f.geometry.type === "Point"), this.handlePointUpdate(g);
+        const f = this.geojson.filter((y) => y.id === e.split("-")[0])[0];
+        this.pointMarkers[f.id].filter((y) => {
+          var u;
+          return ((u = y._element) == null ? void 0 : u.id) === e;
+        })[0].setLngLat([(o = (i = a.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (l = (s = a.target) == null ? void 0 : s._lngLat) == null ? void 0 : l.lat]);
+        const b = f.features.filter((y) => y.geometry.type === "Point" && y.properties.id == e.split("-")[1])[0];
+        b.geometry.coordinates = [(d = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : d.lng, (p = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : p.lat], f.features = f.features.filter((y) => y.geometry.type === "Point"), this.handlePointUpdate(f);
       }
     },
     handleContextmenu(a) {
@@ -6751,10 +6801,10 @@ const et = /* @__PURE__ */ T(Wo, [["render", Oo], ["__scopeId", "data-v-73241fe7
       a.preventDefault(), (t = this.contextmenu) == null || t.remove();
       const e = (o = (i = (r = a.originalEvent) == null ? void 0 : r.target) == null ? void 0 : i.parentElement) == null ? void 0 : o.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const n = this.geojson.filter((c) => c.id === e.split("-")[0])[0].features.filter((c) => c.geometry.type === "Point");
-        if (n.length > 2 && n.filter((d) => d.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
+        const l = this.geojson.filter((h) => h.id === e.split("-")[0])[0].features.filter((h) => h.geometry.type === "Point");
+        if (l.length > 2 && l.filter((d) => d.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
           const d = document.createElement("div");
-          d.className = "point-contextmenu-marker", d.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new te.Marker(d).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
+          d.className = "point-contextmenu-marker", d.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new ee.Marker(d).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -6763,15 +6813,15 @@ const et = /* @__PURE__ */ T(Wo, [["render", Oo], ["__scopeId", "data-v-73241fe7
       (t = this.contextmenu) == null || t.remove();
       const e = a.originalEvent.target.className;
       if (e === "marker-close") {
-        const n = (i = (r = a.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, c = this.geojson.filter((d) => d.id === n)[0];
-        c && this.handleClear(c, !0), this.geojson = this.geojson.filter((d) => d.id !== n);
+        const l = (i = (r = a.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, h = this.geojson.filter((d) => d.id === l)[0];
+        h && this.handleClear(h, !0), this.geojson = this.geojson.filter((d) => d.id !== l);
       } else if (e === "del-point") {
-        const n = (s = (o = a.originalEvent.target.id) == null ? void 0 : o.replace("del-", "")) == null ? void 0 : s.split("-"), c = this.geojson.filter((d) => d.id === n[0])[0];
-        c.features = c.features.filter((d) => d.geometry.type === "Point" && d.properties.id !== n[1]), this.handlePointUpdate(c);
+        const l = (s = (o = a.originalEvent.target.id) == null ? void 0 : o.replace("del-", "")) == null ? void 0 : s.split("-"), h = this.geojson.filter((d) => d.id === l[0])[0];
+        h.features = h.features.filter((d) => d.geometry.type === "Point" && d.properties.id !== l[1]), this.handlePointUpdate(h);
       } else if (e !== "marker-label") {
-        let n = this.geojson.at(-1);
-        n || (n = L.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(n)), n.features = n.features.filter((d) => d.geometry.type === "Point");
-        const c = L.feature(
+        let l = this.geojson.at(-1);
+        l || (l = x.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(l)), l.features = l.features.filter((d) => d.geometry.type === "Point");
+        const h = x.feature(
           {
             type: "Point",
             coordinates: [a.lngLat.lng, a.lngLat.lat]
@@ -6781,7 +6831,7 @@ const et = /* @__PURE__ */ T(Wo, [["render", Oo], ["__scopeId", "data-v-73241fe7
             mode: this.navigation
           }
         );
-        n.features.push(c), this.handlePointUpdate(n);
+        l.features.push(h), this.handlePointUpdate(l);
       }
     },
     handlePointUpdate(a) {
@@ -6790,35 +6840,35 @@ const et = /* @__PURE__ */ T(Wo, [["render", Oo], ["__scopeId", "data-v-73241fe7
         let t = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const o = e[i - 1], s = e[i], n = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, d = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, p = ee.calculateDistance(c, d, n.mode === "RL", 2), h = ee.calculateBearing(c, d, n.mode === "RL", 2);
-          t = D.roundPrecision(t + p, 2);
-          let g;
-          n.mode === "RL" ? g = D.convertToMonotonicLng([c, d]) : g = D.convertToMonotonicLng(ee.interpolateCoordinates(c, d, 200));
-          const u = L.lineString(g.map((y) => [y.lng, y.lat]));
-          u.properties.dist = p, u.properties.bearing = h, u.properties.total = t, r.push(u);
+          const o = e[i - 1], s = e[i], l = o.properties, h = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, d = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, c = K.calculateDistance(h, d, l.mode === "RL", 2), p = K.calculateBearing(h, d, l.mode === "RL", 2);
+          t = D.roundPrecision(t + c, 2);
+          let f;
+          l.mode === "RL" ? f = D.convertToMonotonicLng([h, d]) : f = D.convertToMonotonicLng(K.interpolateCoordinates(h, d, 200));
+          const m = x.lineString(f.map((b) => [b.lng, b.lat]));
+          m.properties.dist = c, m.properties.bearing = p, m.properties.total = t, r.push(m);
         }
         e.push(...r), a.total = t;
       }
       return this.handleRender(a), a;
     },
     handleTmpPointUpdate(a, e, t, r) {
-      const i = L.featureCollection([]);
+      const i = x.featureCollection([]);
       let o, s;
       if (e) {
-        const c = e.properties, d = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, p = { lng: t.lng, lat: t.lat };
-        o = ee.calculateDistance(d, p, c.mode === "RL", 2), s = ee.calculateBearing(d, p, c.mode === "RL", 2);
-        let h;
-        c.mode === "RL" ? h = D.convertToMonotonicLng([d, p]) : h = D.convertToMonotonicLng(ee.interpolateCoordinates(d, p, 200));
-        const g = L.lineString(h.map((u) => [u.lng, u.lat]));
-        g.properties.dist = o, g.properties.bearing = s, i.features.push(g);
+        const h = e.properties, d = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, c = { lng: t.lng, lat: t.lat };
+        o = K.calculateDistance(d, c, h.mode === "RL", 2), s = K.calculateBearing(d, c, h.mode === "RL", 2);
+        let p;
+        h.mode === "RL" ? p = D.convertToMonotonicLng([d, c]) : p = D.convertToMonotonicLng(K.interpolateCoordinates(d, c, 200));
+        const f = x.lineString(p.map((m) => [m.lng, m.lat]));
+        f.properties.dist = o, f.properties.bearing = s, i.features.push(f);
       }
       if (r) {
-        const c = t.properties, d = t, p = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = ee.calculateDistance(d, p, c.mode === "RL", 2), s = ee.calculateBearing(d, p, c.mode === "RL", 2);
-        let h;
-        c.mode === "RL" ? h = D.convertToMonotonicLng([d, p]) : h = D.convertToMonotonicLng(ee.interpolateCoordinates(d, p, 200));
-        const g = L.lineString(h.map((u) => [u.lng, u.lat]));
-        g.properties.dist = o, g.properties.bearing = s, i.features.push(g);
+        const h = t.properties, d = t, c = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
+        o = K.calculateDistance(d, c, h.mode === "RL", 2), s = K.calculateBearing(d, c, h.mode === "RL", 2);
+        let p;
+        h.mode === "RL" ? p = D.convertToMonotonicLng([d, c]) : p = D.convertToMonotonicLng(K.interpolateCoordinates(d, c, 200));
+        const f = x.lineString(p.map((m) => [m.lng, m.lat]));
+        f.properties.dist = o, f.properties.bearing = s, i.features.push(f);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(i) : this.map.addSource(this.tmpSource, {
         type: "geojson",
@@ -6857,25 +6907,25 @@ const et = /* @__PURE__ */ T(Wo, [["render", Oo], ["__scopeId", "data-v-73241fe7
           "text-halo-blur": 0
         }
       });
-      let n;
-      if (r ? n = '<div class="marker-label">Drag and drop</div>' : n = `<div class="marker-label">Tol distance: <b>${D.roundPrecision((a.total ?? 0) + o, 2)}</b>nm, bearing: <b>${s}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
-        this.tipMarker._element.innerHTML = n, this.tipMarker.setLngLat([t.lng, t.lat]);
+      let l;
+      if (r ? l = '<div class="marker-label">Drag and drop</div>' : l = `<div class="marker-label">Tol distance: <b>${D.roundPrecision((a.total ?? 0) + o, 2)}</b>nm, bearing: <b>${s}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
+        this.tipMarker._element.innerHTML = l, this.tipMarker.setLngLat([t.lng, t.lat]);
       else {
-        const c = document.createElement("div");
-        c.className = "tip-marker", c.innerHTML = n, this.tipMarker = new te.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
+        const h = document.createElement("div");
+        h.className = "tip-marker", h.innerHTML = l, this.tipMarker = new ee.Marker(h).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
       }
     },
     handleMove(a) {
       this.map.getCanvas().style.cursor = "crosshair";
       let e = this.geojson.at(-1);
-      e || (e = L.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
+      e || (e = x.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
       const t = e.features.filter((r) => r.geometry.type === "Point");
       t != null && t.length && this.handleTmpPointUpdate(e, t.at(-1), { lng: a.lngLat.lng, lat: a.lngLat.lat });
     },
     handleDblClick(a) {
       a.preventDefault();
       let e = this.geojson.at(-1);
-      e.closed = !0, this.handleRender(e), e = L.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e);
+      e.closed = !0, this.handleRender(e), e = x.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e);
     },
     handleRender(a) {
       var e;
@@ -6918,31 +6968,31 @@ const et = /* @__PURE__ */ T(Wo, [["render", Oo], ["__scopeId", "data-v-73241fe7
         });
         const o = a.features.filter((s) => s.geometry.type === "Point");
         for (const s of o) {
-          const n = document.createElement("div");
-          n.id = `${a.id}-${s.properties.id}`, n.className = `${a.closed ? "point-marker closed" : "point-marker"}`, n.innerHTML = '<div class="marker-circle"></div>';
-          const c = new te.Marker({ element: n, draggable: !0, contextmenu: !0 }).setLngLat(s.geometry.coordinates).addTo(this.map);
-          c.on("drag", this.handleDrag), c.on("dragend", this.handleDragEnd), this.pointMarkers[a.id] ? this.pointMarkers[a.id].push(c) : this.pointMarkers[a.id] = [c];
+          const l = document.createElement("div");
+          l.id = `${a.id}-${s.properties.id}`, l.className = `${a.closed ? "point-marker closed" : "point-marker"}`, l.innerHTML = '<div class="marker-circle"></div>';
+          const h = new ee.Marker({ element: l, draggable: !0, contextmenu: !0 }).setLngLat(s.geometry.coordinates).addTo(this.map);
+          h.on("drag", this.handleDrag), h.on("dragend", this.handleDragEnd), this.pointMarkers[a.id] ? this.pointMarkers[a.id].push(h) : this.pointMarkers[a.id] = [h];
         }
         if (a.closed) {
-          const s = o.at(-1), c = a.features.filter((p) => p.geometry.type === "LineString").at(-1), d = document.createElement("div");
-          d.className = "point-summary-marker", d.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Tol: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new te.Marker(d).setOffset([60, 0]).setLngLat(s.geometry.coordinates).addTo(this.map);
+          const s = o.at(-1), h = a.features.filter((c) => c.geometry.type === "LineString").at(-1), d = document.createElement("div");
+          d.className = "point-summary-marker", d.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Tol: ${h.properties.total}nm</div>`, this.closeMarkers[a.id] = new ee.Marker(d).setOffset([60, 0]).setLngLat(s.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(a, e = !0) {
-      var o, s, n, c, d, p, h, g, u;
+      var o, s, l, h, d, c, p, f, m;
       const t = `${a.id}-${this.source}`, r = `${a.id}-${this.layer}`, i = `${a.id}-${this.labelLayer}`;
-      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (s = this.map) != null && s.getLayer(i) && this.map.removeLayer(i), (n = this.map) != null && n.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (c = this.map) != null && c.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (d = this.closeMarkers[a.id]) == null || d.remove(), this.closeMarkers[a.id] = void 0, (p = this.pointMarkers[a.id]) == null || p.forEach((y) => {
-        y == null || y.remove();
-      }), this.pointMarkers[a.id] = [], (h = this.tipMarker) == null || h.remove(), this.tipMarker = void 0, e && ((g = this.map) != null && g.getSource(t)) && this.map.removeSource(t), e && ((u = this.map) != null && u.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (s = this.map) != null && s.getLayer(i) && this.map.removeLayer(i), (l = this.map) != null && l.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (h = this.map) != null && h.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (d = this.closeMarkers[a.id]) == null || d.remove(), this.closeMarkers[a.id] = void 0, (c = this.pointMarkers[a.id]) == null || c.forEach((b) => {
+        b == null || b.remove();
+      }), this.pointMarkers[a.id] = [], (p = this.tipMarker) == null || p.remove(), this.tipMarker = void 0, e && ((f = this.map) != null && f.getSource(t)) && this.map.removeSource(t), e && ((m = this.map) != null && m.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
-function Vo(a, e, t, r, i, o) {
-  return x(), C("div");
+function Ri(a, e, t, r, i, o) {
+  return _(), C("div");
 }
-const Uo = /* @__PURE__ */ T(Fo, [["render", Vo]]);
-const Zo = {
+const Ai = /* @__PURE__ */ T(Ii, [["render", Ri]]);
+const Di = {
   name: "IdmENC",
   props: {
     map: {
@@ -6973,8 +7023,8 @@ const Zo = {
   emits: ["enc"],
   data() {
     return {
-      helper: De,
-      vendor: this.$attrs.permission & De.LEVEL.Supper ? "hi" : "i4",
+      helper: Ce,
+      vendor: this.$attrs.permission & Ce.LEVEL.Supper ? "hi" : "i4",
       right: 10
     };
   },
@@ -6994,30 +7044,28 @@ const Zo = {
     }
   },
   methods: {}
-}, tt = (a) => (H("data-v-8928221f"), a = a(), G(), a), Ho = { key: 0 }, Go = { class: "bar-item" }, Jo = /* @__PURE__ */ tt(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), Xo = [
-  Jo
-], Yo = /* @__PURE__ */ tt(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "I4", -1)), qo = [
-  Yo
-];
-function Qo(a, e, t, r, i, o) {
-  const s = z("ElTooltip");
-  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (x(), C("div", Ho, [
-    l("div", {
+}, Mi = { key: 0 }, ji = { class: "bar-item" };
+function Wi(a, e, t, r, i, o) {
+  const s = P("ElTooltip");
+  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (_(), C("div", Mi, [
+    n("div", {
       class: "menu-bar-box",
       style: U({ position: "absolute", right: i.right + "px", bottom: t.bottom })
     }, [
-      l("div", Go, [
+      n("div", ji, [
         k(s, {
           placement: "left",
           effect: "light",
           content: "Hifleet",
-          "show-after": 2e3
+          "show-after": 1e3
         }, {
-          default: Y(() => [
-            l("div", {
-              class: W(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
-              onClick: e[0] || (e[0] = (n) => i.vendor = "hi")
-            }, Xo, 2)
+          default: X(() => [
+            n("div", {
+              class: j(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
+              onClick: e[0] || (e[0] = (l) => i.vendor = "hi")
+            }, e[2] || (e[2] = [
+              n("span", { class: "iconfont" }, "HI", -1)
+            ]), 2)
           ]),
           _: 1
         }),
@@ -7025,54 +7073,56 @@ function Qo(a, e, t, r, i, o) {
           placement: "left",
           effect: "light",
           content: "I4insight",
-          "show-after": 2e3
+          "show-after": 1e3
         }, {
-          default: Y(() => [
-            l("div", {
-              class: W(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
-              onClick: e[1] || (e[1] = (n) => i.vendor = "i4")
-            }, qo, 2)
+          default: X(() => [
+            n("div", {
+              class: j(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
+              onClick: e[1] || (e[1] = (l) => i.vendor = "i4")
+            }, e[3] || (e[3] = [
+              n("span", { class: "iconfont" }, "I4", -1)
+            ]), 2)
           ]),
           _: 1
         })
       ])
     ], 4)
-  ])) : j("", !0);
+  ])) : B("", !0);
 }
-const Ko = /* @__PURE__ */ T(Zo, [["render", Qo], ["__scopeId", "data-v-8928221f"]]);
-const es = {
+const Bi = /* @__PURE__ */ T(Di, [["render", Wi], ["__scopeId", "data-v-5873cc66"]]);
+const Ni = {
   name: "IdmGLV2",
   components: {
-    IdmGlLayer: Zt,
-    IdmWindBarb: ta,
-    IdmWindParticle: ya,
-    IdmCurrents: ka,
-    IdmCurrentParticle: ja,
-    IdmSigWave: Ba,
-    IdmSwell: Va,
-    IdmPrmsl: Ha,
+    IdmGlLayer: ut,
+    IdmWindBarb: bt,
+    IdmWindParticle: _t,
+    IdmCurrents: Pt,
+    IdmCurrentParticle: It,
+    IdmSigWave: Dt,
+    IdmSwell: Wt,
+    IdmPrmsl: Ot,
     // IdmIceEdge,
-    IdmIceberg: Xa,
-    IdmTropicals: Ke,
-    IdmPrecip3h: Ti,
-    IdmVisibility: Bi,
-    IdmWaterTemp: qi,
-    IdmTemp: hr,
-    IdmArctic: _r,
-    IdmWarZone: qr,
-    IdmGmdssArea: eo,
-    IdmEcaZone: io,
-    IdmAlertZone: lo,
-    IdmPort: Lo,
-    IdmLoadLine: ko,
-    IdmTimezone: Po,
-    IdmVRA: Eo,
-    IdmSpecialArea: Do,
-    IdmTerminator: jo,
-    IdmLatLng: et,
-    IdmMeasure: Uo,
-    IdmPoint: Jr,
-    IdmENC: Ko
+    IdmIceberg: Vt,
+    IdmTropicals: Fe,
+    IdmPrecip3h: ha,
+    IdmVisibility: ua,
+    IdmWaterTemp: ba,
+    IdmTemp: xa,
+    IdmArctic: Sa,
+    IdmWarZone: Ga,
+    IdmGmdssArea: Ya,
+    IdmEcaZone: Ka,
+    IdmAlertZone: ri,
+    IdmPort: mi,
+    IdmLoadLine: fi,
+    IdmTimezone: vi,
+    IdmVRA: xi,
+    IdmSpecialArea: ki,
+    IdmTerminator: zi,
+    IdmLatLng: $e,
+    IdmMeasure: Ai,
+    IdmPoint: Ua,
+    IdmENC: Bi
   },
   props: {
     map: {
@@ -7114,12 +7164,14 @@ const es = {
       particleFactor: void 0,
       showRampColor: !1,
       activeWindLayer: !1,
+      showWindFeather: !1,
       showWindParticle: !1,
+      showCurrentIsoband: !1,
       showCurrentParticle: !1,
       enc: "",
       // enc: 'i4',
       defaultMeteoToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg",
-      helper: new aa()
+      helper: new vt()
     };
   },
   watch: {
@@ -7133,22 +7185,22 @@ const es = {
     },
     map: {
       handler() {
-        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ve(this.map), this.handleRampColorInitial());
+        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Re(this.map), this.handleRampColorInitial());
       },
       immediate: !0
     },
     enc: {
       handler(a, e) {
-        var t, r, i, o, s, n, c, d;
-        a ? ((r = (t = this.map) == null ? void 0 : t.getLayer(a)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : ((n = (s = this.map) == null ? void 0 : s.getLayer("i4")) == null || n.setLayoutProperty("visibility", "none"), (d = (c = this.map) == null ? void 0 : c.getLayer("hi")) == null || d.setLayoutProperty("visibility", "none"));
+        var t, r, i, o, s, l, h, d;
+        a ? ((r = (t = this.map) == null ? void 0 : t.getLayer(a)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : ((l = (s = this.map) == null ? void 0 : s.getLayer("i4")) == null || l.setLayoutProperty("visibility", "none"), (d = (h = this.map) == null ? void 0 : h.getLayer("hi")) == null || d.setLayoutProperty("visibility", "none"));
       }
     },
     activeWeatherLayers: {
       handler() {
-        var a, e, t, r, i, o, s, n, c, d, p, h, g, u, y, f, m, v;
+        var a, e, t, r, i, o, s, l, h, d, c, p, f, m, b, y, u, v;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.length > 0 ? ((e = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none"), (r = (t = this.map) == null ? void 0 : t.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || r.setLayoutProperty("visibility", "visible"), (o = this.map) != null && o.getLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer) && ((s = this.map) != null && s.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((c = this.map) == null || c.moveLayer((n = this.viewport) == null ? void 0 : n.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (p = this.map) != null && p.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((u = this.map) == null || u.moveLayer((g = this.viewport) == null ? void 0 : g.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((f = (y = this.map) == null ? void 0 : y.getLayer(this.enc)) == null || f.setLayoutProperty("visibility", "visible"), (v = (m = this.map) == null ? void 0 : m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
+        this.activeWeatherLayers.length > 0 ? ((e = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none"), (r = (t = this.map) == null ? void 0 : t.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || r.setLayoutProperty("visibility", "visible"), (o = this.map) != null && o.getLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer) && ((s = this.map) != null && s.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((h = this.map) == null || h.moveLayer((l = this.viewport) == null ? void 0 : l.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (c = this.map) != null && c.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) && ((p = this.map) != null && p.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((m = this.map) == null || m.moveLayer((f = this.viewport) == null ? void 0 : f.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((y = (b = this.map) == null ? void 0 : b.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (v = (u = this.map) == null ? void 0 : u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
       },
       immediate: !0
     }
@@ -7195,57 +7247,57 @@ const es = {
   },
   methods: {
     async fetchWeatherLayers(a = { tropicals: !1 }) {
-      var i, o, s, n, c, d, p, h;
+      var i, o, s, l, h, d, c, p;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let t = 0, r = 0;
       if (this.map) {
-        const g = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, u = (o = this.map) == null ? void 0 : o.getBounds(), y = `${u._sw.lng},${u._sw.lat},${u._ne.lng},${u._ne.lat}`;
+        const f = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, m = (o = this.map) == null ? void 0 : o.getBounds(), b = `${m._sw.lng},${m._sw.lat},${m._ne.lng},${m._ne.lat}`;
         if (this.handleRampColorState(), this.particleFactor) {
-          const f = Me.WEATHER_LAYERS.find((m) => {
+          const y = ke.WEATHER_LAYERS.find((u) => {
             var v;
-            return ((v = m.peer) == null ? void 0 : v.weight) === this.particleFactor.weight;
+            return ((v = u.peer) == null ? void 0 : v.weight) === this.particleFactor.weight;
           });
-          this.particleFactor.particle ? this.weatherWeight = this.weatherWeight & f.weight ? this.weatherWeight : this.weatherWeight + f.weight : this.weatherWeight = this.weatherWeight & f.weight ? this.weatherWeight - f.weight : this.weatherWeight;
+          this.particleFactor.particle ? this.weatherWeight = this.weatherWeight & y.weight ? this.weatherWeight : this.weatherWeight + y.weight : this.weatherWeight = this.weatherWeight & y.weight ? this.weatherWeight - y.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
-          let f = this.weatherWeight, m;
-          if (a.tropicals || this.weatherWeight & 256 && (m = this.weatherLayers.tropicals, m && (f -= 256, m.version = Math.random() + 1)), f > 0) {
-            const v = await ne.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${g}&bbox=${y}&t=${this.ts}`, {
+          let y = this.weatherWeight, u;
+          if (a.tropicals || this.weatherWeight & 256 && (u = this.weatherLayers.tropicals, u && (y -= 256, u.version = Math.random() + 1)), y > 0) {
+            const v = await oe.get(`${this.gateway}/api/arc/weather/layers/links?l=${y}&v=${this.source}&z=${f}&bbox=${b}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
             });
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather links elapsed: ", r, ", total: ", t += r), ((s = v == null ? void 0 : v.data) == null ? void 0 : s.code) === 0) {
-              const b = (n = v == null ? void 0 : v.data) == null ? void 0 : n.data, _ = [];
-              for (const w in b)
-                w === "ice-edge" && (b[w] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), w !== "tropicals" && _.push(
-                  ne.get(b[w], {
+              const g = (l = v == null ? void 0 : v.data) == null ? void 0 : l.data, L = [];
+              for (const w in g)
+                w === "ice-edge" && (g[w] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), w !== "tropicals" && L.push(
+                  oe.get(g[w], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
                       key: w
                     },
-                    responseType: /\.(jpg|png)$/.test(b[w]) ? "blob" : "json"
+                    responseType: /\.(jpg|png)$/.test(g[w]) ? "blob" : "json"
                   }).catch((A) => {
                     console.log(`[${w}] fetch layer error: ${A}`);
                   })
                 );
-              const P = await Promise.all(_);
-              this.weatherLayers = {}, P.map((w) => {
-                var $, B, O, J;
-                const A = (($ = w == null ? void 0 : w.data) == null ? void 0 : $.data) || (w == null ? void 0 : w.data), M = (O = (B = w == null ? void 0 : w.config) == null ? void 0 : B.headers) == null ? void 0 : O.key;
+              const z = await Promise.all(L);
+              this.weatherLayers = {}, z.map((w) => {
+                var W, O, F, H;
+                const A = ((W = w == null ? void 0 : w.data) == null ? void 0 : W.data) || (w == null ? void 0 : w.data), M = (F = (O = w == null ? void 0 : w.config) == null ? void 0 : O.headers) == null ? void 0 : F.key;
                 M && A && (this.weatherLayers[M] = {
                   raw: A,
-                  type: ((J = w == null ? void 0 : w.config) == null ? void 0 : J.responseType) === "blob" ? "image" : "json",
+                  type: ((H = w == null ? void 0 : w.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
-              }), b.tropicals && ne.get(b.tropicals, {
+              }), g.tropicals && oe.get(g.tropicals, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken,
                   key: "tropicals"
                 }
               }).then((w) => {
-                var $, B, O;
-                const A = Qe.convert2Geojson((($ = w == null ? void 0 : w.data) == null ? void 0 : $.data) || (w == null ? void 0 : w.data)), M = (O = (B = w == null ? void 0 : w.config) == null ? void 0 : B.headers) == null ? void 0 : O.key;
+                var W, O, F;
+                const A = Oe.convert2Geojson(((W = w == null ? void 0 : w.data) == null ? void 0 : W.data) || (w == null ? void 0 : w.data)), M = (F = (O = w == null ? void 0 : w.config) == null ? void 0 : O.headers) == null ? void 0 : F.key;
                 this.weatherLayers[M] = {
                   data: A,
                   active: !0,
@@ -7257,25 +7309,25 @@ const es = {
               });
             }
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather layers elapsed: ", r, ", total: ", t += r), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const b = (c = this.weatherLayers["swell-direction"]) == null ? void 0 : c.raw, _ = (d = this.weatherLayers["swell-height"]) == null ? void 0 : d.raw;
+              const g = (h = this.weatherLayers["swell-direction"]) == null ? void 0 : h.raw, L = (d = this.weatherLayers["swell-height"]) == null ? void 0 : d.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
-                direction: b,
-                height: { raw: _ },
+                direction: g,
+                height: { raw: L },
                 etime: this.ts
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const b = (p = this.weatherLayers["current-direction"]) == null ? void 0 : p.raw, _ = (h = this.weatherLayers["current-speed"]) == null ? void 0 : h.raw;
+              const g = (c = this.weatherLayers["current-direction"]) == null ? void 0 : c.raw, L = (p = this.weatherLayers["current-speed"]) == null ? void 0 : p.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
-                direction: b,
-                speed: { raw: _ },
+                direction: g,
+                speed: { raw: L },
                 etime: this.ts
               };
             }
           }
-          m && (m.etime = this.ts, m.cached = !0, this.weatherLayers.tropicals = m);
+          u && (u.etime = this.ts, u.cached = !0, this.weatherLayers.tropicals = u);
         }
         this.handleWeatherLayerToggle(), this.handleDragEndWithZoom4Json();
       }
@@ -7289,50 +7341,50 @@ const es = {
           let s = !1;
           if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, s = !0), o) {
             if (a.all) {
-              const n = await ne.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
+              const l = await oe.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
-              if (((e = n == null ? void 0 : n.data) == null ? void 0 : e.code) === 0) {
-                const c = (t = n == null ? void 0 : n.data) == null ? void 0 : t.data, d = [];
-                for (const h in c)
+              if (((e = l == null ? void 0 : l.data) == null ? void 0 : e.code) === 0) {
+                const h = (t = l == null ? void 0 : l.data) == null ? void 0 : t.data, d = [];
+                for (const p in h)
                   d.push(
-                    ne.get(c[h], {
+                    oe.get(h[p], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: h
+                        key: p
                       }
                     })
                   );
-                const p = await Promise.all(d);
-                this.otherLayers = { enc: s }, p.map((h) => {
-                  var y, f, m;
-                  const g = ((y = h == null ? void 0 : h.data) == null ? void 0 : y.data) || (h == null ? void 0 : h.data), u = (m = (f = h == null ? void 0 : h.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
-                  this.otherLayers[u] = g;
+                const c = await Promise.all(d);
+                this.otherLayers = { enc: s }, c.map((p) => {
+                  var b, y, u;
+                  const f = ((b = p == null ? void 0 : p.data) == null ? void 0 : b.data) || (p == null ? void 0 : p.data), m = (u = (y = p == null ? void 0 : p.config) == null ? void 0 : y.headers) == null ? void 0 : u.key;
+                  this.otherLayers[m] = f;
                 });
               }
             } else if (a.dayNight && o & 1024) {
-              const n = await ne.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const l = await oe.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
-              if (((r = n == null ? void 0 : n.data) == null ? void 0 : r.code) === 0) {
-                const c = (i = n == null ? void 0 : n.data) == null ? void 0 : i.data, d = [];
-                for (const h in c)
+              if (((r = l == null ? void 0 : l.data) == null ? void 0 : r.code) === 0) {
+                const h = (i = l == null ? void 0 : l.data) == null ? void 0 : i.data, d = [];
+                for (const p in h)
                   d.push(
-                    ne.get(c[h], {
+                    oe.get(h[p], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: h
+                        key: p
                       }
                     })
                   );
-                (await Promise.all(d)).map((h) => {
-                  var y, f, m;
-                  const g = ((y = h == null ? void 0 : h.data) == null ? void 0 : y.data) || (h == null ? void 0 : h.data), u = (m = (f = h == null ? void 0 : h.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
-                  this.otherLayers[u] = g;
+                (await Promise.all(d)).map((p) => {
+                  var b, y, u;
+                  const f = ((b = p == null ? void 0 : p.data) == null ? void 0 : b.data) || (p == null ? void 0 : p.data), m = (u = (y = p == null ? void 0 : p.config) == null ? void 0 : y.headers) == null ? void 0 : u.key;
+                  this.otherLayers[m] = f;
                 });
               }
             }
@@ -7353,7 +7405,7 @@ const es = {
       this.activeWindLayer = !!this.activeWeatherLayers.find((e) => e.key === "wind"), this.$refs.layer && (this.$refs.layer.activeWeatherLayers = this.activeWeatherLayers);
     },
     handleRampColorInitial() {
-      var a, e, t, r, i, o, s, n, c, d, p, h;
+      var a, e, t, r, i, o, s, l, h, d, c, p;
       this.viewport.map.getSource((a = this.viewport) == null ? void 0 : a.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
         type: "canvas",
         canvas: (t = this.viewport) == null ? void 0 : t.rampColorCanvas,
@@ -7369,16 +7421,16 @@ const es = {
           }
         },
         this.beforeLayer
-      ), this.viewport.map.getSource((s = this.viewport) == null ? void 0 : s.particleSource) || this.viewport.map.addSource((n = this.viewport) == null ? void 0 : n.particleSource, {
+      ), this.viewport.map.getSource((s = this.viewport) == null ? void 0 : s.particleSource) || this.viewport.map.addSource((l = this.viewport) == null ? void 0 : l.particleSource, {
         type: "canvas",
-        canvas: (c = this.viewport) == null ? void 0 : c.particleCanvas,
+        canvas: (h = this.viewport) == null ? void 0 : h.particleCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
       }), this.viewport.map.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
-          id: (p = this.viewport) == null ? void 0 : p.particleLayer,
-          source: (h = this.viewport) == null ? void 0 : h.particleSource,
+          id: (c = this.viewport) == null ? void 0 : c.particleLayer,
+          source: (p = this.viewport) == null ? void 0 : p.particleSource,
           layout: {
             visibility: "none"
           }
@@ -7387,186 +7439,186 @@ const es = {
       );
     },
     handleDragEndWithZoom4Json() {
-      var d, p, h, g;
+      var d, c, p, f;
       const a = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, t = 0;
-      const r = (d = this.map) == null ? void 0 : d.getBounds(), i = this.map.getZoom(), o = D.convertToStdLng(r._sw.lng), s = D.convertToStdLng(r._ne.lng), n = Math.floor(r._sw.lat), c = Math.ceil(r._ne.lat);
-      for (const u in this.weatherLayers)
-        if (this.weatherLayers[u].active && this.weatherLayers[u].type === "json") {
-          this.weatherLayers[u].active = !1, this.weatherLayers[u].version = Math.random() + 1;
-          let y = [];
-          if (["swell", "current"].includes(u)) {
-            const f = ((p = this.weatherLayers[u]) == null ? void 0 : p.direction) || {};
-            for (const m in f)
-              if (m > n && m < c && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                const v = f[m].lng;
-                o > s ? v.forEach((b, _) => {
-                  var P;
-                  if ((b >= o && b <= 180 || b >= -180 && b <= s) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const w = L.point([b, m], {
-                      val: f[m].val[_],
-                      spd: (P = f[m].spd) == null ? void 0 : P[_]
+      const r = (d = this.map) == null ? void 0 : d.getBounds(), i = this.map.getZoom(), o = D.convertToStdLng(r._sw.lng), s = D.convertToStdLng(r._ne.lng), l = Math.floor(r._sw.lat), h = Math.ceil(r._ne.lat);
+      for (const m in this.weatherLayers)
+        if (this.weatherLayers[m].active && this.weatherLayers[m].type === "json") {
+          this.weatherLayers[m].active = !1, this.weatherLayers[m].version = Math.random() + 1;
+          let b = [];
+          if (["swell", "current"].includes(m)) {
+            const y = ((c = this.weatherLayers[m]) == null ? void 0 : c.direction) || {};
+            for (const u in y)
+              if (u > l && u < h && (!(i <= this.zoom) || u % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                const v = y[u].lng;
+                o > s ? v.forEach((g, L) => {
+                  var z;
+                  if ((g >= o && g <= 180 || g >= -180 && g <= s) && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const w = x.point([g, u], {
+                      val: y[u].val[L],
+                      spd: (z = y[u].spd) == null ? void 0 : z[L]
                     });
-                    y.push(w);
+                    b.push(w);
                   }
-                }) : v.forEach((b, _) => {
-                  var P;
-                  if (b >= o && b <= s && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const w = L.point([b, m], {
-                      val: f[m].val[_],
-                      spd: (P = f[m].spd) == null ? void 0 : P[_]
+                }) : v.forEach((g, L) => {
+                  var z;
+                  if (g >= o && g <= s && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const w = x.point([g, u], {
+                      val: y[u].val[L],
+                      spd: (z = y[u].spd) == null ? void 0 : z[L]
                     });
-                    y.push(w);
+                    b.push(w);
                   }
                 });
               }
-            if (t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("direction elapsed: ", t, ", total: ", e += t), u === "swell") {
-              const m = this.weatherLayers[u].height;
-              if (m) {
-                if (!m.data) {
+            if (t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("direction elapsed: ", t, ", total: ", e += t), m === "swell") {
+              const u = this.weatherLayers[m].height;
+              if (u) {
+                if (!u.data) {
                   const v = [];
-                  for (const b in (h = m.raw) == null ? void 0 : h.LineString) {
-                    const _ = m.raw.LineString[b];
-                    for (const P of _)
+                  for (const g in (p = u.raw) == null ? void 0 : p.LineString) {
+                    const L = u.raw.LineString[g];
+                    for (const z of L)
                       v.push(
-                        L.lineString(P, {
-                          val: Number(b)
+                        x.lineString(z, {
+                          val: Number(g)
                         })
                       );
-                    m.data = L.featureCollection(v);
+                    u.data = x.featureCollection(v);
                   }
                 }
-                if (m.data) {
-                  const v = this.handleBboxClip(m.data, r);
-                  y = y.concat(v);
+                if (u.data) {
+                  const v = this.handleBboxClip(u.data, r);
+                  b = b.concat(v);
                 }
                 t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("height elapsed: ", t, ", total: ", e += t);
               }
             }
-            if (u === "current") {
-              const m = this.weatherLayers[u].speed;
-              if (m) {
-                if (!m.data) {
-                  const b = [];
-                  for (const _ in (g = m.raw) == null ? void 0 : g.Polygon) {
-                    const P = m.raw.Polygon[_];
-                    for (const w of P)
-                      b.push(
-                        L.polygon(w, {
-                          val: Number(_)
+            if (m === "current") {
+              const u = this.weatherLayers[m].speed;
+              if (u) {
+                if (!u.data) {
+                  const g = [];
+                  for (const L in (f = u.raw) == null ? void 0 : f.Polygon) {
+                    const z = u.raw.Polygon[L];
+                    for (const w of z)
+                      g.push(
+                        x.polygon(w, {
+                          val: Number(L)
                         })
                       );
                   }
-                  m.data = L.featureCollection(b);
+                  u.data = x.featureCollection(g);
                 }
-                const v = i < this.zoom ? m.data.features.filter((b) => b.properties.val > 0.5) : m.data.features;
-                y = y.concat(v), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("speed elapsed: ", t, ", total: ", e += t);
+                const v = i < this.zoom ? u.data.features.filter((g) => g.properties.val > 0.5) : u.data.features;
+                b = b.concat(v), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("speed elapsed: ", t, ", total: ", e += t);
               }
             }
-          } else if (u === "wind") {
-            const f = this.weatherLayers.wind.raw;
-            for (const m in f)
-              if (m > n && m < c && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                const v = f[m].lng;
-                o > s ? v.forEach((b, _) => {
-                  if ((b >= o && b <= 180 || b >= -180 && b <= s) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const P = L.point([b, m], {
-                      val: f[m].val[_],
-                      spd: f[m].spd[_]
+          } else if (m === "wind") {
+            const y = this.weatherLayers.wind.raw;
+            for (const u in y)
+              if (u > l && u < h && (!(i <= this.zoom) || u % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                const v = y[u].lng;
+                o > s ? v.forEach((g, L) => {
+                  if ((g >= o && g <= 180 || g >= -180 && g <= s) && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const z = x.point([g, u], {
+                      val: y[u].val[L],
+                      spd: y[u].spd[L]
                     });
-                    y.push(P);
+                    b.push(z);
                   }
-                }) : v.forEach((b, _) => {
-                  if (b >= o && b <= s && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const P = L.point([b, m], {
-                      val: f[m].val[_],
-                      spd: f[m].spd[_]
+                }) : v.forEach((g, L) => {
+                  if (g >= o && g <= s && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const z = x.point([g, u], {
+                      val: y[u].val[L],
+                      spd: y[u].spd[L]
                     });
-                    y.push(P);
+                    b.push(z);
                   }
                 });
               }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("wind barb elapsed: ", t, ", total: ", e += t);
-          } else if (u === "sig-wave-height") {
-            if (this.weatherLayers[u].data)
-              y = this.weatherLayers[u].data;
+          } else if (m === "sig-wave-height") {
+            if (this.weatherLayers[m].data)
+              b = this.weatherLayers[m].data;
             else {
-              const f = this.weatherLayers[u].raw;
-              if (f) {
-                const m = [];
-                for (const v in f.Polygon) {
-                  const b = f.Polygon[v];
-                  for (const _ of b)
-                    m.push(
-                      L.polygon(_, {
+              const y = this.weatherLayers[m].raw;
+              if (y) {
+                const u = [];
+                for (const v in y.Polygon) {
+                  const g = y.Polygon[v];
+                  for (const L of g)
+                    u.push(
+                      x.polygon(L, {
                         val: Number(v)
                       })
                     );
                 }
-                for (const v in f.Point) {
-                  const b = f.Point[v];
-                  for (const _ of b)
-                    m.push(
-                      ...L.points(_, {
+                for (const v in y.Point) {
+                  const g = y.Point[v];
+                  for (const L of g)
+                    u.push(
+                      ...x.points(L, {
                         val: Number(v)
                       }).features
                     );
                 }
-                y = y.concat(m);
+                b = b.concat(u);
               }
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("sigWave elapsed: ", t, ", total: ", e += t);
-          } else if (u === "prmsl") {
-            if (this.weatherLayers[u].data)
-              y = this.weatherLayers[u].data;
+          } else if (m === "prmsl") {
+            if (this.weatherLayers[m].data)
+              b = this.weatherLayers[m].data;
             else {
-              const f = this.weatherLayers[u].raw;
-              if (f) {
-                const m = [];
-                for (const v in f.LineString) {
-                  const b = f.LineString[v];
-                  for (const _ of b)
-                    m.push(
-                      L.lineString(_, {
+              const y = this.weatherLayers[m].raw;
+              if (y) {
+                const u = [];
+                for (const v in y.LineString) {
+                  const g = y.LineString[v];
+                  for (const L of g)
+                    u.push(
+                      x.lineString(L, {
                         val: Number(v)
                       })
                     );
                 }
-                for (const v in f.Point)
-                  f.Point[v].lng.forEach((b, _) => {
-                    b = D.convertToStdLng(b), m.push(
-                      L.point([b, v], {
-                        val: f.Point[v].val[_],
-                        type: f.Point[v].type[_]
+                for (const v in y.Point)
+                  y.Point[v].lng.forEach((g, L) => {
+                    g = D.convertToStdLng(g), u.push(
+                      x.point([g, v], {
+                        val: y.Point[v].val[L],
+                        type: y.Point[v].type[L]
                       })
                     );
                   });
-                y = y.concat(m);
+                b = b.concat(u);
               }
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("prmsl elapsed: ", t, ", total: ", e += t);
-          } else if (u === "arctic" || u === "iceberg") {
-            if (this.weatherLayers[u].data)
-              y = this.weatherLayers[u].data;
+          } else if (m === "arctic" || m === "iceberg") {
+            if (this.weatherLayers[m].data)
+              b = this.weatherLayers[m].data;
             else {
-              const f = this.weatherLayers[u].raw;
-              if (f) {
-                const m = [];
-                for (const v in f.LineString) {
-                  const b = f.LineString[v];
-                  for (const _ of b)
-                    m.push(
-                      L.lineString(_, {
+              const y = this.weatherLayers[m].raw;
+              if (y) {
+                const u = [];
+                for (const v in y.LineString) {
+                  const g = y.LineString[v];
+                  for (const L of g)
+                    u.push(
+                      x.lineString(L, {
                         val: Number(v)
                       })
                     );
                 }
-                y = y.concat(m);
+                b = b.concat(u);
               }
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e);
           }
-          console.log(u, " elapsed: ", t, ", total: ", e += t), y.length && (this.weatherLayers[u].data = L.featureCollection(y)), this.weatherLayers[u].active = !0, this.weatherLayers[u].version = Math.random() + 1;
+          console.log(m, " elapsed: ", t, ", total: ", e += t), b.length && (this.weatherLayers[m].data = x.featureCollection(b)), this.weatherLayers[m].active = !0, this.weatherLayers[m].version = Math.random() + 1;
         }
     },
     handleDragEndWithZoom4Image() {
@@ -7578,11 +7630,11 @@ const es = {
       return a.features.forEach((o) => {
         if (o.geometry.type !== "Point")
           if (r > i) {
-            let s = [r, e._sw.lat, 180, e._ne.lat], n = L.bboxClip(o, s);
-            n.geometry.coordinates.length && t.push(n), s = [-180, e._sw.lat, i, e._ne.lat], n = L.bboxClip(o, s), n.geometry.coordinates.length && t.push(n);
+            let s = [r, e._sw.lat, 180, e._ne.lat], l = x.bboxClip(o, s);
+            l.geometry.coordinates.length && t.push(l), s = [-180, e._sw.lat, i, e._ne.lat], l = x.bboxClip(o, s), l.geometry.coordinates.length && t.push(l);
           } else {
-            const s = [r, e._sw.lat, i, e._ne.lat], n = L.bboxClip(o, s);
-            n.geometry.coordinates.length && t.push(n);
+            const s = [r, e._sw.lat, i, e._ne.lat], l = x.bboxClip(o, s);
+            l.geometry.coordinates.length && t.push(l);
           }
         else
           t.push(o);
@@ -7599,30 +7651,30 @@ const es = {
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var a, e, t, r, i, o, s, n, c, d, p, h, g;
-      (a = this.map) != null && a.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (t = this.otherLayers) != null && t["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (s = this.otherLayers) != null && s["time-zones"] || (n = this.otherLayers) != null && n.pirates || (c = this.otherLayers) != null && c.ports || (d = this.otherLayers) != null && d.enc || (p = this.otherLayers) != null && p["voluntary-reporting-area"] || (h = this.otherLayers) != null && h["eca-zones"] || (g = this.otherLayers) != null && g["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var a, e, t, r, i, o, s, l, h, d, c, p, f;
+      (a = this.map) != null && a.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (t = this.otherLayers) != null && t["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (s = this.otherLayers) != null && s["time-zones"] || (l = this.otherLayers) != null && l.pirates || (h = this.otherLayers) != null && h.ports || (d = this.otherLayers) != null && d.enc || (c = this.otherLayers) != null && c["voluntary-reporting-area"] || (p = this.otherLayers) != null && p["eca-zones"] || (f = this.otherLayers) != null && f["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
     handleDateChange(a = { tropicals: !1 }) {
       this.fetchWeatherLayers(a), this.fetchOtherLayers({ dayNight: !0 });
     },
-    handleWeatherLayerChange(a, e, t) {
+    handleWeatherLayerChange(a, e) {
       if (!this.map)
         setTimeout(() => {
-          this.handleWeatherLayerChange(a, e, t);
+          this.handleWeatherLayerChange(a, e);
         }, 500);
       else {
-        this.activeWeatherLayers = e;
-        const r = this.activeWeatherLayers.some(
-          (s) => {
-            var n;
-            return ["wind", "current"].includes(s.key) && (!((n = Object.keys(s)) != null && n.some((c) => c === "particle")) || !!s.particle);
+        this.activeWeatherLayers = a;
+        const t = this.activeWeatherLayers.some(
+          (o) => {
+            var s;
+            return ["wind", "current"].includes(o.key) && (!((s = Object.keys(o)) != null && s.some((l) => l === "particle")) || !!o.particle);
           }
-        ), i = this.activeWeatherLayers.some((s) => ["png", "jpg"].includes(s.type));
-        r && !i ? (this.activeWeatherLayers.forEach((s) => {
-          ["wind", "current"].includes(s.key) && (this.particleFactor = s);
-        }), this.particleFactor.particle = !0) : i && this.particleFactor && (this.particleFactor.particle = !1);
-        const o = e == null ? void 0 : e.reduce((s, n) => s + (s & (n == null ? void 0 : n.weight) ? 0 : n == null ? void 0 : n.weight), 0);
-        this.weatherWeight !== o || this.source !== t ? (this.source = t, this.weatherWeight = o, this.fetchWeatherLayers({ tropicals: !1 })) : this.handleWeatherLayerToggle();
+        ), r = this.activeWeatherLayers.some((o) => ["png", "jpg"].includes(o.type));
+        t && !r ? (this.activeWeatherLayers.forEach((o) => {
+          ["wind", "current"].includes(o.key) && (this.particleFactor = o);
+        }), this.particleFactor.particle = !0) : r && this.particleFactor && (this.particleFactor.particle = !1);
+        const i = a == null ? void 0 : a.reduce((o, s) => o + (o & (s == null ? void 0 : s.weight) ? 0 : s == null ? void 0 : s.weight), 0);
+        this.weatherWeight !== i || this.source !== e ? (this.source = e, this.weatherWeight = i, this.fetchWeatherLayers({ tropicals: !1 })) : this.handleWeatherLayerToggle();
       }
     },
     handleOtherLayerChange(a) {
@@ -7642,7 +7694,7 @@ const es = {
         ts: e.utc().format(),
         wt: !0,
         src: this.source
-      }, r = await ne.get(`${this.gateway}/api/arc/meteo/query`, {
+      }, r = await oe.get(`${this.gateway}/api/arc/meteo/query`, {
         params: t,
         headers: {
           Authorization: this.token || this.defaultMeteoToken
@@ -7654,8 +7706,8 @@ const es = {
       });
     },
     handle3dToggle(a) {
-      var e, t, r, i, o, s, n, c, d, p, h, g, u, y, f, m, v, b, _, P;
-      a ? (this.map.setProjection("globe"), this.mapProjection = "globe", (t = this.map) != null && t.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (n = this.map) != null && n.getLayer((s = this.viewport) == null ? void 0 : s.particleLayer) && ((c = this.map) != null && c.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((p = this.map) == null || p.moveLayer((d = this.viewport) == null ? void 0 : d.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (g = this.map) != null && g.getLayer((h = this.viewport) == null ? void 0 : h.rampColorLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((f = this.map) == null || f.moveLayer((y = this.viewport) == null ? void 0 : y.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((m = this.viewport) == null ? void 0 : m.particleLayer) && ((b = this.map) != null && b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((P = this.map) == null || P.moveLayer((_ = this.viewport) == null ? void 0 : _.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+      var e, t, r, i, o, s, l, h, d, c, p, f, m, b, y, u, v, g, L, z;
+      a ? (this.map.setProjection("globe"), this.mapProjection = "globe", (t = this.map) != null && t.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (l = this.map) != null && l.getLayer((s = this.viewport) == null ? void 0 : s.particleLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((c = this.map) == null || c.moveLayer((d = this.viewport) == null ? void 0 : d.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (f = this.map) != null && f.getLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer) && ((m = this.map) != null && m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((y = this.map) == null || y.moveLayer((b = this.viewport) == null ? void 0 : b.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((u = this.viewport) == null ? void 0 : u.particleLayer) && ((g = this.map) != null && g.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((z = this.map) == null || z.moveLayer((L = this.viewport) == null ? void 0 : L.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
     },
     handleParticle(a) {
       this.particleFactor = a, this.weatherLayers[a.key] && (this.weatherLayers[a.key].particle = a.particle), this.activeWeatherLayers.forEach((r) => {
@@ -7671,210 +7723,216 @@ const es = {
       this.$emit("toggleVersion", Math.random());
     }
   }
-}, ts = {
+}, Oi = {
   key: 0,
   className: "map-gl-home"
 };
-function as(a, e, t, r, i, o) {
-  var ie, X, q, be, Q, I, F, ve, K, we, re, oe, se, Pe, Te, Ie, Ee, Re, Be, Ze, He, Ge, Je, Xe, Ye, qe;
-  const s = z("IdmGlLayer"), n = z("IdmENC"), c = z("IdmSigWave"), d = z("IdmSwell"), p = z("IdmPrmsl"), h = z("IdmIceberg"), g = z("IdmTropicals"), u = z("IdmCurrents"), y = z("IdmCurrentParticle"), f = z("IdmWindBarb"), m = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), _ = z("IdmWaterTemp"), P = z("IdmTemp"), w = z("IdmArctic"), A = z("IdmWarZone"), M = z("IdmGmdssArea"), $ = z("IdmEcaZone"), B = z("IdmAlertZone"), O = z("IdmPort"), J = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), me = z("IdmSpecialArea"), ue = z("IdmTerminator"), ye = z("IdmLatLng"), fe = z("IdmMeasure"), ge = z("IdmPoint");
-  return t.map ? (x(), C("div", ts, [
-    k(s, E({
+function Fi(a, e, t, r, i, o) {
+  var te, G, Y, me, q, E, $, ue, Q, ye, ae, ie, re, be, ve, we, Le, xe, Te, Ae, De, Me, je, We, Be, Ne;
+  const s = P("IdmGlLayer"), l = P("IdmENC"), h = P("IdmSigWave"), d = P("IdmSwell"), c = P("IdmPrmsl"), p = P("IdmIceberg"), f = P("IdmTropicals"), m = P("IdmCurrents"), b = P("IdmCurrentParticle"), y = P("IdmWindBarb"), u = P("IdmWindParticle"), v = P("IdmPrecip3h"), g = P("IdmVisibility"), L = P("IdmWaterTemp"), z = P("IdmTemp"), w = P("IdmArctic"), A = P("IdmWarZone"), M = P("IdmGmdssArea"), W = P("IdmEcaZone"), O = P("IdmAlertZone"), F = P("IdmPort"), H = P("IdmLoadLine"), se = P("IdmTimezone"), ne = P("IdmVRA"), le = P("IdmSpecialArea"), ce = P("IdmTerminator"), he = P("IdmLatLng"), de = P("IdmMeasure"), pe = P("IdmPoint");
+  return t.map ? (_(), C("div", Oi, [
+    k(s, I({
       ref: "layer",
       map: t.map,
       "toggle-version": t.toggleVersion,
-      "map-projection": i.mapProjection
+      "map-projection": i.mapProjection,
+      showWindFeather: i.showWindFeather,
+      showWindParticle: i.showWindParticle,
+      showCurrentIsoband: i.showCurrentIsoband,
+      showCurrentParticle: i.showCurrentParticle
     }, a.$attrs, {
       onWeather: o.handleWeatherLayerChange,
       onOther: o.handleOtherLayerChange,
-      onCoordinate: e[0] || (e[0] = (_e) => i.showCoord = _e),
-      onMeasure: e[1] || (e[1] = (_e) => i.showMeasure = _e),
-      onPoint: e[2] || (e[2] = (_e) => i.showPoint = _e),
+      onCoordinate: e[0] || (e[0] = (J) => i.showCoord = J),
+      onMeasure: e[1] || (e[1] = (J) => i.showMeasure = J),
+      onPoint: e[2] || (e[2] = (J) => i.showPoint = J),
       on3d: o.handle3dToggle,
       onHandleToggleVersion: o.handleToggleVersion
-    }), null, 16, ["map", "toggle-version", "map-projection", "onWeather", "onOther", "on3d", "onHandleToggleVersion"]),
-    k(n, E({
+    }), null, 16, ["map", "toggle-version", "map-projection", "showWindFeather", "showWindParticle", "showCurrentIsoband", "showCurrentParticle", "onWeather", "onOther", "on3d", "onHandleToggleVersion"]),
+    k(l, I({
       map: t.map,
       token: t.token,
-      enabled: (ie = i.otherLayers) == null ? void 0 : ie.enc,
+      enabled: (te = i.otherLayers) == null ? void 0 : te.enc,
       "toggle-version": t.toggleVersion
     }, a.$attrs, {
-      onEnc: e[3] || (e[3] = (_e) => i.enc = _e)
+      onEnc: e[3] || (e[3] = (J) => i.enc = J)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
-    k(c, E({
+    k(h, I({
       map: t.map,
-      "sig-wave": (X = i.weatherLayers) == null ? void 0 : X["sig-wave-height"],
+      "sig-wave": (G = i.weatherLayers) == null ? void 0 : G["sig-wave-height"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "sig-wave", "before-layer"]),
-    k(d, E({
+    k(d, I({
       map: t.map,
-      swell: (q = i.weatherLayers) == null ? void 0 : q.swell,
+      swell: (Y = i.weatherLayers) == null ? void 0 : Y.swell,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "swell", "before-layer"]),
-    k(p, E({
+    k(c, I({
       map: t.map,
-      prmsl: (be = i.weatherLayers) == null ? void 0 : be.prmsl,
+      prmsl: (me = i.weatherLayers) == null ? void 0 : me.prmsl,
       "before-layer": t.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, a.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
-    k(h, E({
+    k(p, I({
       map: t.map,
-      iceberg: (Q = i.weatherLayers) == null ? void 0 : Q.iceberg,
+      iceberg: (q = i.weatherLayers) == null ? void 0 : q.iceberg,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
-    k(g, E({
+    k(f, I({
       map: t.map,
       date: t.ts,
-      tropicals: (I = i.weatherLayers) == null ? void 0 : I.tropicals,
+      tropicals: (E = i.weatherLayers) == null ? void 0 : E.tropicals,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
-    k(u, E({
+    k(m, I({
       map: t.map,
       "map-projection": i.mapProjection,
-      current: (F = i.weatherLayers) == null ? void 0 : F.current,
+      current: ($ = i.weatherLayers) == null ? void 0 : $.current,
       "before-layer": t.beforeLayer,
       "show-particle": i.showCurrentParticle,
       "margin-bottom": i.activeWindLayer ? i.showRampColor ? "84px" : "56px" : i.showRampColor ? "56px" : "30px",
       "toggle-version": t.toggleVersion,
       "weather-layers": i.weatherLayers
     }, a.$attrs, {
+      onShowCurrentIsoband: e[4] || (e[4] = (J) => i.showCurrentIsoband = J),
       onParticle: o.handleParticle,
       onHandleToggleVersion: o.handleToggleVersion
     }), null, 16, ["map", "map-projection", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle", "onHandleToggleVersion"]),
-    k(y, E({
+    k(b, I({
       viewport: i.viewport,
-      factor: (ve = i.weatherLayers) == null ? void 0 : ve["current-particle"],
+      factor: (ue = i.weatherLayers) == null ? void 0 : ue["current-particle"],
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(f, E({
+    k(y, I({
       ref: "windBarb",
       map: t.map,
       "map-projection": i.mapProjection,
-      wind: (K = i.weatherLayers) == null ? void 0 : K.wind,
-      current: (we = i.weatherLayers) == null ? void 0 : we.current,
+      wind: (Q = i.weatherLayers) == null ? void 0 : Q.wind,
+      current: (ye = i.weatherLayers) == null ? void 0 : ye.current,
       "before-layer": t.beforeLayer,
       "margin-bottom": i.showRampColor ? "56px" : "30px",
       "show-particle": i.showWindParticle
     }, a.$attrs, {
       "toggle-version": t.toggleVersion,
       "weather-layers": i.weatherLayers,
-      onParticle: o.handleParticle
+      onParticle: o.handleParticle,
+      onShowWindFeather: e[5] || (e[5] = (J) => i.showWindFeather = J)
     }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "show-particle", "toggle-version", "weather-layers", "onParticle"]),
-    k(m, E({
+    k(u, I({
       viewport: i.viewport,
-      factor: (re = i.weatherLayers) == null ? void 0 : re["wind-particle"],
+      factor: (ae = i.weatherLayers) == null ? void 0 : ae["wind-particle"],
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(v, E({
+    k(v, I({
       viewport: i.viewport,
-      factor: (oe = i.weatherLayers) == null ? void 0 : oe.precip3h,
+      factor: (ie = i.weatherLayers) == null ? void 0 : ie.precip3h,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(b, E({
+    k(g, I({
       viewport: i.viewport,
-      factor: (se = i.weatherLayers) == null ? void 0 : se.visibility,
+      factor: (re = i.weatherLayers) == null ? void 0 : re.visibility,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(_, E({
+    k(L, I({
       viewport: i.viewport,
-      factor: (Pe = i.weatherLayers) == null ? void 0 : Pe["water-temp"],
+      factor: (be = i.weatherLayers) == null ? void 0 : be["water-temp"],
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(P, E({
+    k(z, I({
       viewport: i.viewport,
-      factor: (Te = i.weatherLayers) == null ? void 0 : Te.temp,
+      factor: (ve = i.weatherLayers) == null ? void 0 : ve.temp,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(w, E({
+    k(w, I({
       viewport: i.viewport,
-      factor: (Ie = i.weatherLayers) == null ? void 0 : Ie.arctic,
+      factor: (we = i.weatherLayers) == null ? void 0 : we.arctic,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(A, E({
+    k(A, I({
       map: t.map,
-      zone: (Ee = i.otherLayers) == null ? void 0 : Ee["war-zones"],
+      zone: (Le = i.otherLayers) == null ? void 0 : Le["war-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(M, E({
+    k(M, I({
       map: t.map,
-      area: (Re = i.otherLayers) == null ? void 0 : Re["gmdss-areas"],
+      area: (xe = i.otherLayers) == null ? void 0 : xe["gmdss-areas"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    k($, E({
+    k(W, I({
       map: t.map,
-      zone: (Be = i.otherLayers) == null ? void 0 : Be["eca-zones"],
+      zone: (Te = i.otherLayers) == null ? void 0 : Te["eca-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(B, E({
+    k(O, I({
       map: t.map,
-      zone: (Ze = i.otherLayers) == null ? void 0 : Ze["alert-zones"],
+      zone: (Ae = i.otherLayers) == null ? void 0 : Ae["alert-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(O, E({
+    k(F, I({
       map: t.map,
-      port: (He = i.otherLayers) == null ? void 0 : He.ports,
+      port: (De = i.otherLayers) == null ? void 0 : De.ports,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "port", "before-layer"]),
-    k(J, E({
+    k(H, I({
       map: t.map,
-      line: (Ge = i.otherLayers) == null ? void 0 : Ge["load-lines"],
+      line: (Me = i.otherLayers) == null ? void 0 : Me["load-lines"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "line", "before-layer"]),
-    k(de, E({
+    k(se, I({
       map: t.map,
-      zone: (Je = i.otherLayers) == null ? void 0 : Je["time-zones"],
+      zone: (je = i.otherLayers) == null ? void 0 : je["time-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(pe, E({
+    k(ne, I({
       map: t.map,
-      area: (Xe = i.otherLayers) == null ? void 0 : Xe["voluntary-reporting-area"],
+      area: (We = i.otherLayers) == null ? void 0 : We["voluntary-reporting-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    k(me, E({
+    k(le, I({
       map: t.map,
-      area: (Ye = i.otherLayers) == null ? void 0 : Ye["special-area"],
+      area: (Be = i.otherLayers) == null ? void 0 : Be["special-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    k(ue, E({
+    k(ce, I({
       map: t.map,
-      area: (qe = i.otherLayers) == null ? void 0 : qe["day-night"]
+      area: (Ne = i.otherLayers) == null ? void 0 : Ne["day-night"]
     }, a.$attrs), null, 16, ["map", "area"]),
-    k(ye, E({
+    k(he, I({
       map: t.map,
       show: i.showCoord,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["map", "show", "toggle-version"]),
-    k(fe, E({
+    k(de, I({
       map: t.map,
       show: i.showMeasure
     }, a.$attrs), null, 16, ["map", "show"]),
-    k(ge, E({
+    k(pe, I({
       map: t.map,
       show: i.showPoint,
       meteo: i.meteo
     }, a.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
-  ])) : j("", !0);
+  ])) : B("", !0);
 }
-const is = /* @__PURE__ */ T(es, [["render", as]]), ds = {
+const $i = /* @__PURE__ */ T(Ni, [["render", Fi]]), Yi = {
   install(a) {
-    a.component("MapboxGL", is), a.component("TropicalGL", Ke), a.component("LatLngGL", et);
+    a.component("MapboxGL", $i), a.component("TropicalGL", Fe), a.component("LatLngGL", $e);
   }
 };
 export {
-  et as LatLngGL,
-  is as MapboxGL,
-  ds as MapboxGLPlugin,
-  aa as MapboxHelper,
+  $e as LatLngGL,
+  $i as MapboxGL,
+  Yi as MapboxGLPlugin,
+  vt as MapboxHelper,
   V as ParticleSchema,
-  Ke as TropicalGL,
-  Ve as Viewport,
-  Le as WebGL,
+  Fe as TropicalGL,
+  Re as Viewport,
+  fe as WebGL,
   N as WebGLSchema
 };