@idmwx/idmui-gl3 4.4.2 → 4.4.3

package/dist/index.js

@@ -1,24 +1,24 @@
-var $e = Object.defineProperty;
-var Ve = (a, e, t) => e in a ? $e(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var I = (a, e, t) => (Ve(a, typeof e != "symbol" ? e + "" : e, t), t);
-import { resolveComponent as z, openBlock as x, createElementBlock as _, createElementVNode as l, normalizeStyle as $, normalizeClass as j, Fragment as xe, renderList as ke, toDisplayString as k, createVNode as P, withCtx as Ue, createTextVNode as Ne, createCommentVNode as B, withDirectives as Se, createStaticVNode as Ze, vShow as ze, mergeProps as E } from "vue";
-import * as C from "@turf/turf";
-import He from "@mapbox/sphericalmercator";
+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 P, openBlock as x, createElementBlock as C, createElementVNode as l, normalizeStyle as U, createVNode as k, withCtx as K, normalizeClass as j, Fragment as Ae, renderList as $e, toDisplayString as S, createCommentVNode as B, createTextVNode as Fe, pushScopeId as H, popScopeId as G, withDirectives as je, vShow as Ne, createStaticVNode as rt, mergeProps as E } from "vue";
+import * as L from "@turf/turf";
+import ot from "@mapbox/sphericalmercator";
 import Z from "moment";
-import Q from "mapbox-gl";
-import { TropicalHelper as We, LngLatHelper as D, LaneHelper as q } from "@idm-plugin/geo";
-import ie 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, fe = (a, e, t) => (Je(a, typeof e != "symbol" ? e + "" : e, t), t);
-class _e {
+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 {
 }
-fe(_e, "LEVEL", {
+Ce(De, "LEVEL", {
   Basic: 1,
   Prime: 2,
   Supper: 1024
 });
-class Ce {
+class Me {
 }
-fe(Ce, "WEATHER_LAYERS", [
+Ce(Me, "WEATHER_LAYERS", [
   {
     weight: 1,
     name: "Wind",
@@ -243,7 +243,7 @@ fe(Ce, "WEATHER_LAYERS", [
     type: "jpg"
   }
 ]), // 其它图层
-fe(Ce, "OTHER_LAYERS", [
+Ce(Me, "OTHER_LAYERS", [
   {
     weight: 1,
     name: "War Zones",
@@ -355,9 +355,9 @@ fe(Ce, "OTHER_LAYERS", [
     type: "origin"
   }
 ]);
-class Te {
+class Oe {
 }
-fe(Te, "WEATHER_TAG", [
+Ce(Oe, "WEATHER_TAG", [
   {
     weight: 4,
     // 2^2
@@ -383,7 +383,7 @@ fe(Te, "WEATHER_TAG", [
     positive: !0
   }
 ]), // 航行相关标签, 2^11 <= weight <= 2^20
-fe(Te, "SAILING_TAG", [
+Ce(Oe, "SAILING_TAG", [
   {
     weight: 2048,
     // 2^11
@@ -425,7 +425,7 @@ fe(Te, "SAILING_TAG", [
     positive: !0
   }
 ]), // 其他标签, 2^21 <= weight <= 2^31
-fe(Te, "OTHER_TAG", [
+Ce(Oe, "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;
-}, Xe = {
+}, lt = {
   name: "IdmGlLayer",
   props: {
     map: {
@@ -514,19 +514,22 @@ const T = (a, e) => {
       autoActive: !0,
       otherLayers: [],
       layers: {
-        weather: [...Ce.WEATHER_LAYERS],
-        other: [...Ce.OTHER_LAYERS.filter((a) => a.key !== "world12nm")]
+        weather: [
+          ...Me.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)]
       },
       weatherLayersCache: "weatherLayersCache",
       autoActiveCache: "autoActiveCache",
       otherLayersCache: "otherLayersCache",
+      collectedLayerCache: "collectedLayerCache",
       sourceCache: "defaultSourceCache",
       showCoord: !1,
       showMeasure: !1,
       showPoint: !1,
       show3d: !1,
       version: {
-        v: "0.0.6",
+        v: "0.0.7",
         k: "glCacheVersion"
       },
       right: 10,
@@ -536,8 +539,8 @@ const T = (a, e) => {
   computed: {
     computeLayerClass() {
       return function(a, e) {
-        let t = "layer";
-        return e.some((r) => r.key === a.key) && (t = "layer active"), (!a.enabled || this.rampColorLayers.includes(a.key) && this.mapProjection === "globe") && (t = "layer disabled"), t;
+        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;
       };
     }
   },
@@ -549,20 +552,24 @@ const T = (a, e) => {
           this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
         });
       }
+    },
+    source: {
+      handler(a, e) {
+        a && e && a !== e && this.handleConfirm();
+      }
     }
   },
   mounted() {
     const a = localStorage.getItem(this.version.k);
-    this.version.v !== a && (localStorage.removeItem(this.weatherLayersCache), localStorage.setItem(this.version.k, this.version.v));
-    let e = localStorage.getItem(this.autoActiveCache);
-    this.autoActive = e !== "false", e = localStorage.getItem(this.weatherLayersCache);
-    let 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.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}]'
     );
-    this.weatherLayers = t, this.autoActive && (this.activeWeatherLayers = [...t]), e = localStorage.getItem(this.otherLayersCache), t = JSON.parse(
-      e || // '[{"weight":2048,"name":"ENC","key":"enc","enabled":true,"type":"json"},{"weight":4,"name":"ECA Zones","key":"eca-zones","enabled":true,"type":"json"}]',
-      '[{"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.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 || '[{"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();
   },
   methods: {
     handleConfirm() {
@@ -573,6 +580,12 @@ const T = (a, e) => {
         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);
     },
+    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;
@@ -583,7 +596,7 @@ const T = (a, e) => {
         for (const e of this.weatherLayers)
           a.weight > e.weight && a.weight & e.weight && this.activeWeatherLayers.push(e);
       }
-      this.$emit("weather", this.weatherLayers, this.activeWeatherLayers, this.source);
+      this.handleWeatherLayerPick(a);
     },
     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);
@@ -602,137 +615,213 @@ const T = (a, e) => {
     },
     handle3DToggle() {
       this.show3d = !this.show3d, this.$emit("3d", this.show3d);
-    },
-    handleSourceToggle(a) {
-      this.source = a, this.handleConfirm();
     }
   }
-}, Ye = { class: "idm-gl3-layer" }, qe = { class: "bar-item layer-bars" }, Qe = { class: "bar-item tool-bars" }, Ke = ["onClick"], et = { class: "weather-layers" }, tt = {
-  class: "layers-title",
-  style: { display: "flex", "align-items": "center", "justify-content": "space-between" }
-}, at = { style: { "font-size": "12px" } }, it = { class: "layers-body" }, rt = ["onClick"], ot = { class: "other-layers" }, st = { class: "layers-body" }, nt = ["onClick"], lt = { class: "source-layers" }, ct = { class: "layers-body model-box" };
-function ht(a, e, t, r, i, o) {
-  const n = z("ElScrollbar");
-  return x(), _("div", Ye, [
+}, 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 = {
+  key: 0,
+  class: "iconfont bookmark active"
+}, At = {
+  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" }, Nt = ["onClick"], Bt = { class: "flex-start" }, Wt = /* @__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) {
+  const s = P("ElTooltip"), n = P("ElRadio"), c = P("ElRadioGroup"), d = P("ElScrollbar");
+  return x(), C("div", ct, [
     l("div", {
       class: "menu-bar-box",
-      style: $({ top: t.top + 10 + "px", right: i.right + "px" })
+      style: U({ top: t.top + 10 + "px", right: i.right + "px" })
     }, [
-      l("div", qe, [
-        l("div", {
-          class: j(t.layerToggle ? "menu-icon active" : "menu-icon"),
-          onClick: e[0] || (e[0] = (...s) => o.handleMenuToggle && o.handleMenuToggle(...s))
-        }, e[8] || (e[8] = [
-          l("span", { class: "iconfont" }, "", -1)
-        ]), 2)
+      l("div", ht, [
+        k(s, {
+          placement: "left",
+          effect: "light",
+          content: "Menu"
+        }, {
+          default: K(() => [
+            l("div", {
+              class: j(t.layerToggle ? "menu-icon active" : "menu-icon"),
+              onClick: e[0] || (e[0] = (...h) => o.handleMenuToggle && o.handleMenuToggle(...h))
+            }, pt, 2)
+          ]),
+          _: 1
+        })
       ])
     ], 4),
     l("div", {
       class: "menu-bar-box",
-      style: $({ top: t.top + 160 + "px", right: i.right + "px" })
+      style: U({ top: t.top + 160 + "px", right: i.right + "px" })
     }, [
-      l("div", Qe, [
-        l("div", {
-          class: j(i.showMeasure ? "menu-icon active" : "menu-icon"),
-          onClick: e[1] || (e[1] = (...s) => o.handleMeasureToggle && o.handleMeasureToggle(...s))
-        }, e[9] || (e[9] = [
-          l("span", { class: "iconfont" }, "", -1)
-        ]), 2),
-        l("div", {
-          class: j(i.showPoint ? "menu-icon active" : "menu-icon"),
-          onClick: e[2] || (e[2] = (...s) => o.handlePointToggle && o.handlePointToggle(...s))
-        }, e[10] || (e[10] = [
-          l("span", { class: "iconfont" }, "", -1)
-        ]), 2),
-        l("div", {
-          class: j(i.showCoord ? "menu-icon active" : "menu-icon"),
-          onClick: e[3] || (e[3] = (...s) => o.handleCoordToggle && o.handleCoordToggle(...s))
-        }, e[11] || (e[11] = [
-          l("span", { class: "iconfont" }, "", -1)
-        ]), 2),
-        l("div", {
-          class: j(i.show3d ? "menu-icon active" : "menu-icon"),
-          onClick: e[4] || (e[4] = (...s) => o.handle3DToggle && o.handle3DToggle(...s))
-        }, e[12] || (e[12] = [
-          l("span", { class: "iconfont" }, "", -1)
-        ]), 2)
+      l("div", mt, [
+        k(s, {
+          placement: "left",
+          effect: "light",
+          content: "Measure"
+        }, {
+          default: K(() => [
+            l("div", {
+              class: j(i.showMeasure ? "menu-icon active" : "menu-icon"),
+              onClick: e[1] || (e[1] = (...h) => o.handleMeasureToggle && o.handleMeasureToggle(...h))
+            }, yt, 2)
+          ]),
+          _: 1
+        }),
+        k(s, {
+          placement: "left",
+          effect: "light",
+          content: "Point Meteo"
+        }, {
+          default: K(() => [
+            l("div", {
+              class: j(i.showPoint ? "menu-icon active" : "menu-icon"),
+              onClick: e[2] || (e[2] = (...h) => o.handlePointToggle && o.handlePointToggle(...h))
+            }, gt, 2)
+          ]),
+          _: 1
+        }),
+        k(s, {
+          placement: "left",
+          effect: "light",
+          content: "Grid"
+        }, {
+          default: K(() => [
+            l("div", {
+              class: j(i.showCoord ? "menu-icon active" : "menu-icon"),
+              onClick: e[3] || (e[3] = (...h) => o.handleCoordToggle && o.handleCoordToggle(...h))
+            }, vt, 2)
+          ]),
+          _: 1
+        }),
+        k(s, {
+          placement: "left",
+          effect: "light",
+          content: "3D"
+        }, {
+          default: K(() => [
+            l("div", {
+              class: j(i.show3d ? "menu-icon active" : "menu-icon"),
+              onClick: e[4] || (e[4] = (...h) => o.handle3DToggle && o.handle3DToggle(...h))
+            }, _t, 2)
+          ]),
+          _: 1
+        })
       ])
     ], 4),
     l("div", {
       class: "active-layers",
-      style: $({ right: i.right + "px", bottom: "100px" })
+      style: U({ right: i.right + "px", bottom: "100px" })
     }, [
-      (x(!0), _(xe, null, ke(i.weatherLayers, (s) => (x(), _("div", {
-        key: s.key,
-        class: j(o.computeLayerClass(s, i.activeWeatherLayers)),
-        onClick: (c) => o.handleActiveWeatherLayerPick(s)
+      (x(!0), C(Ae, null, $e(i.layers.weather.filter((h) => h.collected), (h) => (x(), C("div", {
+        key: h.key,
+        class: j(o.computeLayerClass(h, i.activeWeatherLayers)),
+        onClick: (p) => o.handleActiveWeatherLayerPick(h)
       }, [
-        e[13] || (e[13] = l("div", { class: "checkbox" }, null, -1)),
-        l("span", null, k(s.name), 1)
-      ], 10, Ke))), 128))
+        xt,
+        l("span", null, S(h.name), 1)
+      ], 10, Lt))), 128))
     ], 4),
     l("div", {
       class: "available-layers flex-center",
-      style: $({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
+      style: U({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
     }, [
-      l("div", {
-        class: "side-bar",
-        style: $({ right: t.layerToggle ? "0px" : "-240px" }),
-        onClick: e[5] || (e[5] = (...s) => o.handleMenuToggle && o.handleMenuToggle(...s))
-      }, e[14] || (e[14] = [
-        l("i", { class: "iconfont" }, "", -1)
-      ]), 4),
       l("div", {
         class: j(["list-box", t.layerToggle ? "right-bar" : ""])
       }, [
-        P(n, { style: { flex: "1" } }, {
-          default: Ue(() => [
-            l("div", et, [
-              l("div", tt, [
-                l("div", null, [
-                  e[15] || (e[15] = Ne(" Weather Layers ")),
-                  l("span", at, "(" + k(i.weatherLayers.length) + "/12)", 1)
-                ])
-              ]),
-              l("div", it, [
-                (x(!0), _(xe, null, ke(i.layers.weather, (s) => (x(), _(xe, {
-                  key: s.key
+        l("div", Ct, [
+          kt,
+          l("div", {
+            class: "iconfont close-btn",
+            onClick: e[5] || (e[5] = (...h) => o.handleMenuToggle && o.handleMenuToggle(...h))
+          }, "")
+        ]),
+        k(d, { style: { flex: "1" } }, {
+          default: K(() => [
+            l("div", St, [
+              zt,
+              l("div", Pt, [
+                (x(!0), C(Ae, null, $e(i.layers.weather, (h) => (x(), C(Ae, {
+                  key: h.key
                 }, [
-                  s.hide ? B("", !0) : (x(), _("div", {
+                  h.hide ? B("", !0) : (x(), C("div", {
                     key: 0,
-                    class: j(o.computeLayerClass(s, i.weatherLayers)),
-                    onClick: (c) => o.handleWeatherLayerPick(s)
+                    class: j(o.computeLayerClass(h, i.weatherLayers))
                   }, [
-                    e[16] || (e[16] = l("div", { class: "checkbox" }, null, -1)),
-                    l("span", null, k(s.name), 1)
-                  ], 10, rt))
-                ], 64))), 128))
+                    l("div", {
+                      class: "flex-start",
+                      onClick: (p) => o.handleWeatherLayerPick(h)
+                    }, [
+                      It,
+                      l("span", null, S(h.name), 1)
+                    ], 8, Tt),
+                    l("div", {
+                      onClick: (p) => o.handleWeatherLayerCollect(h)
+                    }, [
+                      h.collected ? (x(), C("i", Rt, "")) : (x(), C("i", At, ""))
+                    ], 8, Et)
+                  ], 2))
+                ], 64))), 128)),
+                Dt
               ])
             ]),
-            l("div", ot, [
-              e[18] || (e[18] = l("div", { class: "layers-title" }, "Other Layers", -1)),
-              l("div", st, [
-                (x(!0), _(xe, null, ke(i.layers.other, (s) => (x(), _("div", {
-                  key: s.key,
-                  class: j(o.computeLayerClass(s, i.otherLayers)),
-                  onClick: (c) => o.handleOtherLayerPick(s)
+            l("div", Mt, [
+              $t,
+              l("div", jt, [
+                (x(!0), C(Ae, null, $e(i.layers.other, (h) => (x(), C("div", {
+                  key: h.key,
+                  class: j(o.computeLayerClass(h, i.otherLayers)),
+                  onClick: (p) => o.handleOtherLayerPick(h)
                 }, [
-                  e[17] || (e[17] = l("div", { class: "checkbox" }, null, -1)),
-                  l("span", null, k(s.name), 1)
-                ], 10, nt))), 128))
+                  l("div", Bt, [
+                    Wt,
+                    l("span", null, S(h.name), 1)
+                  ])
+                ], 10, Nt))), 128))
               ])
             ]),
-            l("div", lt, [
-              e[19] || (e[19] = l("span", { class: "layers-title" }, "Forecast Model", -1)),
-              l("div", ct, [
-                l("span", {
-                  class: j(i.source === "GFS" ? "text active" : "text"),
-                  onClick: e[6] || (e[6] = (s) => o.handleSourceToggle("GFS"))
-                }, "GFS", 2),
-                l("span", {
-                  class: j(i.source === "CMEMS" ? "text active" : "text"),
-                  onClick: e[7] || (e[7] = (s) => o.handleSourceToggle("CMEMS"))
-                }, "ECMWF", 2)
+            l("div", Ot, [
+              Ft,
+              l("div", Vt, [
+                k(c, {
+                  modelValue: i.source,
+                  "onUpdate:modelValue": e[6] || (e[6] = (h) => i.source = h),
+                  class: "layer-radio flex-col-center-start"
+                }, {
+                  default: K(() => [
+                    k(n, { value: "GFS" }, {
+                      default: K(() => [
+                        Fe("GFS")
+                      ]),
+                      _: 1
+                    }),
+                    k(n, { value: "CMEMS" }, {
+                      default: K(() => [
+                        Fe("CMEMS")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
               ])
             ])
           ]),
@@ -742,8 +831,8 @@ function ht(a, e, t, r, i, o) {
     ], 4)
   ]);
 }
-const pt = /* @__PURE__ */ T(Xe, [["render", ht]]);
-const dt = {
+const Zt = /* @__PURE__ */ T(lt, [["render", Ut]]);
+const Ht = {
   name: "IdmWindBarb",
   props: {
     map: {
@@ -767,9 +856,6 @@ const dt = {
     },
     toggleVersion: {
       type: Number
-    },
-    weatherLayers: {
-      type: Object
     }
   },
   emits: ["particle"],
@@ -777,8 +863,9 @@ const dt = {
     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: C.featureCollection([]),
-      showFeather: !1,
+      empty: L.featureCollection([]),
+      showFeather: localStorage.getItem("windFeatherCache") === "true" || !1,
+      windFeatherCache: "windFeatherCache",
       right: 10,
       bottom: 125,
       windBarbLoaded: !1
@@ -794,34 +881,19 @@ const dt = {
     },
     showParticle: {
       handler() {
-        this.showFeather = !this.showParticle;
       },
       immediate: !0
     },
     showFeather: {
       handler() {
-        this.handleToggle();
+        localStorage.setItem(this.windFeatherCache, this.showFeather), this.handleToggle();
       },
       immediate: !0
     },
     toggleVersion: {
       handler() {
-        var a;
-        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
-      },
-      immediate: !0
-    },
-    "current.version": {
-      handler() {
-        var a, e, t;
-        this.bottom = (a = this.current) != null && a.active ? (((e = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : e.clientHeight) || 0) + 135 : (((t = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : t.clientHeight) || 0) + 105;
-      },
-      immediate: !0
-    },
-    weatherLayers: {
-      handler() {
-        var a, e, t;
-        this.bottom = (a = this.current) != null && a.active ? (((e = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : e.clientHeight) || 0) + 135 : (((t = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : t.clientHeight) || 0) + 105;
+        var a, e, t, r;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10, this.bottom = (e = this.current) != null && e.active ? (((t = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : t.clientHeight) || 0) + 138 : (((r = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : r.clientHeight) || 0) + 108;
       },
       immediate: !0
     }
@@ -838,28 +910,28 @@ const dt = {
         }, 500);
       else if (this.wind) {
         const i = (/* @__PURE__ */ new Date()).valueOf();
-        let o = 0, n = 0, s = this.empty;
-        if ((a = this.wind) != null && a.active && (s = (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(s), n = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] update elapsed: ", n, ", total: ", o += n);
+        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);
         else {
-          this.map.addSource(this.source, { type: "geojson", data: s });
+          this.map.addSource(this.source, { type: "geojson", data: n });
           for (let c = 0; c < (this.barbs ?? []).length - 1; c++) {
-            const h = (this.barbs ?? [])[c] || 0, p = (this.barbs ?? [])[c + 1] || 0, d = h < 10 ? `00${h}kts` : h < 100 ? `0${h}kts` : `${h}kts`;
+            const d = (this.barbs ?? [])[c] || 0, h = (this.barbs ?? [])[c + 1] || 0, p = d < 10 ? `00${d}kts` : d < 100 ? `0${d}kts` : `${d}kts`;
             this.map.addLayer(
               {
-                id: d,
+                id: p,
                 type: "symbol",
                 filter: [
                   "all",
                   // @ts-ignore
-                  [">=", "spd", h],
+                  [">=", "spd", d],
                   // @ts-ignore
-                  ["<", "spd", p]
+                  ["<", "spd", h]
                 ],
                 source: this.source,
                 layout: {
                   "symbol-placement": "point",
-                  "icon-image": d,
+                  "icon-image": p,
                   // mapbox sprite
                   "icon-size": 0.14,
                   "icon-offset": [0, -20],
@@ -881,7 +953,7 @@ const dt = {
               this.beforeLayer
             );
           }
-          this.windBarbLoaded = !0, n = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] add elapsed: ", n, ", total: ", o += n);
+          this.windBarbLoaded = !0, s = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] add elapsed: ", s, ", total: ", o += s);
         }
       }
     },
@@ -902,63 +974,45 @@ const dt = {
       this.map.getSource(this.source) && this.map.removeSource(this.source), this.windBarbLoaded = !1;
     }
   }
-}, mt = { key: 0 }, ut = {
-  key: 0,
-  class: "iconfont active"
-}, yt = {
-  key: 1,
-  class: "iconfont"
-}, ft = {
-  key: 0,
-  class: "iconfont active"
-}, gt = {
-  key: 1,
-  class: "iconfont"
-};
-function bt(a, e, t, r, i, o) {
-  var n;
-  return (n = t.wind) != null && n.active ? (x(), _("div", mt, [
+}, 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) {
+  var s;
+  return (s = t.wind) != null && s.active ? (x(), C("div", Gt, [
     l("div", {
-      class: "flex-center tool-bars",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
+      class: "flex-center wind-tool-bars",
+      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
-      t.mapProjection === "mercator" ? (x(), _("div", {
+      t.mapProjection === "mercator" ? (x(), C("div", {
         key: 0,
-        class: "flex-start",
-        onClick: e[0] || (e[0] = (...s) => o.handleParticle && o.handleParticle(...s))
-      }, [
-        t.showParticle ? (x(), _("i", ut, "")) : (x(), _("i", yt, "")),
-        l("span", {
-          class: j(t.showParticle ? "active" : "")
-        }, "Wind Particles", 2)
-      ])) : B("", !0),
-      t.showParticle ? (x(), _("div", {
-        key: 1,
-        class: "flex-start",
-        style: { "margin-left": "16px" },
-        onClick: e[1] || (e[1] = (s) => i.showFeather = !i.showFeather)
-      }, [
-        i.showFeather ? (x(), _("i", ft, "")) : (x(), _("i", gt, "")),
-        l("span", {
-          class: j(i.showFeather ? "active" : "")
-        }, "Wind Feather", 2)
-      ])) : B("", !0)
+        class: j(["item-bar flex-start", t.showParticle ? "active" : "inactive"]),
+        onClick: e[0] || (e[0] = (...n) => o.handleParticle && o.handleParticle(...n))
+      }, Yt, 2)) : B("", !0),
+      l("div", {
+        class: j(["item-bar flex-start", i.showFeather ? "active" : "inactive"]),
+        onClick: e[1] || (e[1] = (n) => i.showFeather = !i.showFeather)
+      }, Kt, 2)
     ], 4)
   ])) : B("", !0);
 }
-const vt = /* @__PURE__ */ T(dt, [["render", bt], ["__scopeId", "data-v-8af725eb"]]);
-class Re {
+const ta = /* @__PURE__ */ T(Ht, [["render", ea]]);
+class Ve {
   constructor(e) {
-    I(this, "map");
-    I(this, "mercator");
-    I(this, "rampColorLayer");
-    I(this, "rampColorSource");
-    I(this, "particleLayer");
-    I(this, "particleSource");
-    I(this, "rampColorCanvas");
-    I(this, "particleCanvas");
-    I(this, "ratio");
-    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;
+    R(this, "map");
+    R(this, "mercator");
+    R(this, "rampColorLayer");
+    R(this, "rampColorSource");
+    R(this, "particleLayer");
+    R(this, "particleSource");
+    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;
   }
   /**
    * 转换为[-180, 180]的经度，且包含转换次数
@@ -992,8 +1046,8 @@ class Re {
    * @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, n] = this.convertNLng(r[0]), [s, c] = this.convertNLng(i[0]), [h, p] = this.mercator.px([o, r[1]], t), [d, g] = this.mercator.px([s, i[1]], t), u = Math.round(this.mercator.size * Math.pow(2, t) * (n + c));
-    return [d, g, h + 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]), [n, c] = this.convertNLng(i[0]), [d, h] = this.mercator.px([o, r[1]], t), [p, g] = this.mercator.px([n, i[1]], t), u = Math.round(this.mercator.size * Math.pow(2, t) * (s + c));
+    return [p, g, d + u, h];
   }
   /**
    * [视窗边界像素宽度]
@@ -1008,13 +1062,13 @@ class Re {
    * @param zoom
    */
   getWorldCopy(e, t) {
-    const r = 2 ** t, [i, o, n, s] = e.map((p) => ~~(p / (r * 256))), c = [];
-    for (let p = s; p <= o; p++)
-      for (let d = i; d <= n; d++)
-        c.push([d, p]);
-    return c.map((p) => {
-      const d = 2 ** t * 256;
-      return [p[0] * d, p[1] * d, d];
+    const r = 2 ** t, [i, o, s, n] = e.map((h) => ~~(h / (r * 256))), c = [];
+    for (let h = n; h <= o; h++)
+      for (let p = i; p <= s; p++)
+        c.push([p, h]);
+    return c.map((h) => {
+      const p = 2 ** t * 256;
+      return [h[0] * p, h[1] * p, p];
     });
   }
   resize() {
@@ -1030,7 +1084,7 @@ class Re {
     t !== r && this.map.setLayoutProperty(this.particleLayer, "visibility", r);
   }
 }
-class ye {
+class Le {
   /**
    * 创建着色器
    * @see https://webglfundamentals.org/webgl/lessons/zh_cn/webgl-shaders-and-glsl.html
@@ -1055,9 +1109,9 @@ class ye {
    * @param width??
    * @param height??
    */
-  createTexture(e, t, r, i, o, n, s) {
+  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, n, s, 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;
+    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;
   }
   /**
    * 创建数据资源
@@ -1080,8 +1134,8 @@ class ye {
    * @param fragmentSchema
    */
   createProgram(e, t, r) {
-    const i = e.createProgram(), o = this.createShader(e, e.VERTEX_SHADER, t), n = this.createShader(e, e.FRAGMENT_SHADER, r);
-    if (i && o && n && (e.attachShader(i, o), e.attachShader(i, n), e.linkProgram(i), !e.getProgramParameter(i, e.LINK_STATUS)))
+    const i = e.createProgram(), o = this.createShader(e, e.VERTEX_SHADER, t), s = this.createShader(e, e.FRAGMENT_SHADER, r);
+    if (i && o && s && (e.attachShader(i, o), e.attachShader(i, s), e.linkProgram(i), !e.getProgramParameter(i, e.LINK_STATUS)))
       throw new Error(e.getProgramInfoLog(i) || "error happened while creating ramp color program");
     return i;
   }
@@ -1094,15 +1148,15 @@ class ye {
   createProgramWrapper(e, t, r) {
     const i = this.createProgram(e, t, r);
     if (i) {
-      const o = { program: i }, n = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
-      for (let c = 0; c < n; c++) {
-        const h = e.getActiveAttrib(i, c);
-        o[h.name] = e.getAttribLocation(i, h.name);
-      }
-      const s = e.getProgramParameter(i, e.ACTIVE_UNIFORMS);
+      const o = { program: i }, s = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
       for (let c = 0; c < s; c++) {
-        const h = e.getActiveUniform(i, c);
-        o[h.name] = e.getUniformLocation(i, h.name);
+        const d = e.getActiveAttrib(i, c);
+        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);
+        o[d.name] = e.getUniformLocation(i, d.name);
       }
       return o;
     }
@@ -1112,21 +1166,21 @@ class ye {
    * @param colors
    */
   setup(e, t, r = !1, i, o) {
-    const n = document.createElement("canvas");
-    n.width = 256, n.height = 1;
-    const s = n.getContext("2d");
-    if (s && e) {
-      const c = s == null ? void 0 : s.createLinearGradient(0, 0, 256, 0);
-      return t.forEach(([h, p]) => {
-        c.addColorStop(h, p);
-      }), s.fillStyle = c, s.fillRect(0, 0, 256, 1), {
-        canvas: n,
+    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, h]) => {
+        c.addColorStop(d, h);
+      }), n.fillStyle = c, n.fillRect(0, 0, 256, 1), {
+        canvas: s,
         texture: this.createTexture(
           e,
           e.LINEAR,
           e.LINEAR,
           e.CLAMP_TO_EDGE,
-          r ? new Uint8Array(s.getImageData(0, 0, 256, 1).data) : n,
+          r ? new Uint8Array(n.getImageData(0, 0, 256, 1).data) : s,
           i,
           o
         )
@@ -1135,53 +1189,53 @@ class ye {
   }
   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 n = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), s = 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 h = this.createDataBuffer(e, "array", c);
-    return { resolution: r, total: i, texture0: n, texture1: s, indexBuffer: h };
+    for (let h = 0; h < o.length; h++)
+      o[h] = 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 h = 0; h < i; h++)
+      c[h] = h;
+    const d = this.createDataBuffer(e, "array", c);
+    return { resolution: r, total: i, texture0: s, texture1: n, indexBuffer: d };
   }
   bind(e, t, r) {
     const i = this.createProgram(e, t, r);
     if (i) {
-      const o = this.createDataBuffer(e, "array", void 0), n = e.getAttribLocation(i, "a_position");
-      e.enableVertexAttribArray(n), e.vertexAttribPointer(n, 2, e.FLOAT, !1, 0, 0);
-      const s = new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]);
-      this.createDataBuffer(e, "array", s);
+      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 };
     }
     return {};
   }
-  bindParticle(e, t, r, i, o, n) {
-    const s = this.createProgramWrapper(e, t, r), c = this.createProgramWrapper(e, i, o), h = this.createProgramWrapper(e, i, n), p = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), d = e.createFramebuffer();
-    return { particle: s, screen: c, update: h, quadBuffer: p, frameBuffer: d };
+  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), h = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), p = e.createFramebuffer();
+    return { particle: n, screen: c, update: d, quadBuffer: h, frameBuffer: p };
   }
-  draw(e, t, r, i, o, n, s) {
-    var c, h;
+  draw(e, t, r, i, o, s, n) {
+    var c, d;
     if (t && r) {
-      e.resize(), t == null || t.viewport(0, 0, (c = t == null ? void 0 : t.canvas) == null ? void 0 : c.width, (h = t == null ? void 0 : t.canvas) == null ? void 0 : h.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, (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);
       try {
-        const p = t.getUniformLocation(r, "u_resolution"), d = 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(d, 0), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, o), t.uniform1i(g, 1), s != null && s.uvRange && (s != null && s.sRange)) {
+        const h = t.getUniformLocation(r, "u_resolution"), p = t.getUniformLocation(r, "u_image"), g = t.getUniformLocation(r, "u_color");
+        if (t.useProgram(r), t.uniform2f(h, 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(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, s.uvRange[0], s.uvRange[1]), t.uniform2f(v, s.sRange[0], s.sRange[1]);
+          t.uniform2f(m, n.uvRange[0], n.uvRange[1]), t.uniform2f(v, n.sRange[0], n.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, L = m[2] * e.ratio, [S, w, A, M] = [v, L + v, b, L + b], N = new Float32Array([S, A, w, A, S, M, S, M, w, A, w, M]);
-          t.bindBuffer(t.ARRAY_BUFFER, n), t.bufferData(t.ARRAY_BUFFER, N, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
+          const v = (m[0] - u[0]) * e.ratio, b = (m[1] - u[3]) * e.ratio, _ = m[2] * e.ratio, [z, w, A, M] = [v, _ + v, b, _ + b], $ = 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, $, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
-      } catch (p) {
-        console.log(`render failed...${p}`);
+      } catch (h) {
+        console.log(`render failed...${h}`);
       }
     }
   }
   drawParticle(e, t, r, i, o) {
-    var n, s;
-    t && (t == null || t.viewport(0, 0, (n = t == null ? void 0 : t.canvas) == null ? void 0 : n.width, (s = t == null ? void 0 : t.canvas) == null ? void 0 : s.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, 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));
   }
   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);
@@ -1199,11 +1253,11 @@ class ye {
     }
   }
   updateParticles(e, t, r, i) {
-    var n, s;
+    var s, n;
     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, (n = r == null ? void 0 : r.image) == null ? void 0 : n.width, (s = r == null ? void 0 : r.image) == null ? void 0 : s.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);
+      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 o = r.texture0;
     r.texture0 = r.texture1, r.texture1 = o;
@@ -1220,10 +1274,10 @@ class ye {
     });
   }
 }
-class W {
+class N {
 }
 // 顶点渲染
-I(W, "vertexSchema", `
+R(N, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -1238,7 +1292,7 @@ I(W, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-I(W, "uvFragmentSchema", `
+R(N, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -1257,7 +1311,7 @@ I(W, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-I(W, "fragmentSchema", `
+R(N, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -1268,9 +1322,9 @@ I(W, "fragmentSchema", `
       vec4 color = texture2D(u_color, vec2(rgba.r, 0));
       gl_FragColor = color;
     }`);
-class U {
+class V {
 }
-I(U, "vertexSchema", `
+R(V, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -1294,7 +1348,7 @@ I(U, "vertexSchema", `
       gl_PointSize = 1.0;
       // gl_PointSize = u_point;
       gl_Position = vec4(2.0 * v_particle_pos.x - 1.0, 1.0 - 2.0 * v_particle_pos.y, 0, 1);
-    }`), I(U, "fragmentSchema", `
+    }`), R(V, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -1316,7 +1370,7 @@ I(U, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), I(U, "quadVertSchema", `
+    }`), R(V, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -1326,7 +1380,7 @@ I(U, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), I(U, "screenFragmentSchema", `
+    }`), R(V, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -1338,7 +1392,7 @@ I(U, "vertexSchema", `
       vec4 color = texture2D(u_screen, 1.0 - v_tex_pos);
       // a hack to guarantee opacity fade out even with a value close to 1.0
       gl_FragColor = vec4(floor(255.0 * color * u_opacity) / 255.0);
-    }`), I(U, "updateFragmentSchema", `
+    }`), R(V, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -1417,14 +1471,14 @@ I(U, "vertexSchema", `
         fract(pos * 255.0),
         floor(pos * 255.0) / 255.0);
     }`);
-class wt {
+class aa {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
-    I(this, "token");
-    I(this, "mapboxCustomer");
-    I(this, "i4");
-    I(this, "hi");
-    I(this, "td");
-    I(this, "windy");
+    R(this, "token");
+    R(this, "mapboxCustomer");
+    R(this, "i4");
+    R(this, "hi");
+    R(this, "td");
+    R(this, "windy");
     this.token = e, this.mapboxCustomer = {
       source: this.initialOnlineStyle().sources.composite,
       layers: {
@@ -3021,14 +3075,14 @@ class wt {
     };
   }
 }
-const Lt = {
+const ia = {
   name: "IdmWindParticle",
   props: {
     factor: {
       type: Object
     },
     viewport: {
-      type: Re
+      type: Ve
     },
     bottom: {
       type: String,
@@ -3045,7 +3099,7 @@ const Lt = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new ye(),
+      webgl: new Le(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -3099,8 +3153,8 @@ const Lt = {
       }
     },
     handleClear() {
-      var a, e, t, r, i, o, n, s;
-      (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), (s = (n = this.viewport) == null ? void 0 : n.map) == null || s.off("moveend", this.handlePlay), this.handlePause();
+      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();
     },
     handleSetup() {
       if (!this.context) {
@@ -3135,7 +3189,7 @@ const Lt = {
           [1, "rgb(91, 136, 161)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.uvFragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -3149,11 +3203,11 @@ const Lt = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          U.vertexSchema,
-          U.fragmentSchema,
-          U.quadVertSchema,
-          U.screenFragmentSchema,
-          U.updateFragmentSchema
+          V.vertexSchema,
+          V.fragmentSchema,
+          V.quadVertSchema,
+          V.screenFragmentSchema,
+          V.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, a, !0, 16, 16), this.wrapper = { ...this.wrapper, ...this.webgl.setupParticle(this.particleContext, 9e3), ...this.webgl.resize(this.viewport, this.particleContext) }, this.viewport.map.on("resize", this.handleResize), this.viewport.map.on("movestart", this.handlePause), this.viewport.map.on("moveend", this.handlePlay);
       }
     },
@@ -3183,27 +3237,27 @@ const Lt = {
       });
     }
   }
-}, xt = { key: 0 };
-function _t(a, e, t, r, i, o) {
-  var n;
-  return (n = t.factor) != null && n.active ? (x(), _("div", xt, [
+}, 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) {
+  var s;
+  return (s = t.factor) != null && s.active ? (x(), C("div", ra, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, e[0] || (e[0] = [
-      l("span", null, "kts", -1),
-      l("span", null, "0", -1),
-      l("span", null, "5", -1),
-      l("span", null, "10", -1),
-      l("span", null, "20", -1),
-      l("span", null, "30", -1),
-      l("span", null, "40", -1),
-      l("span", null, "60", -1)
-    ]), 4)
+      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+    }, ma, 4)
   ])) : B("", !0);
 }
-const Ct = /* @__PURE__ */ T(Lt, [["render", _t], ["__scopeId", "data-v-a3cc30c6"]]);
-const kt = {
+const ya = /* @__PURE__ */ T(ia, [["render", ua], ["__scopeId", "data-v-64887571"]]);
+const fa = {
   name: "IdmCurrent",
   props: {
     map: {
@@ -3228,20 +3282,18 @@ const kt = {
     },
     toggleVersion: {
       type: Number
-    },
-    weatherLayers: {
-      type: Object
     }
   },
-  emits: ["particle"],
+  emits: ["particle", "handleToggleVersion"],
   data() {
     return {
       source: "current-source",
       directionLayer: "current-direction-layer",
       speedLayer: "current-speed-layer",
       speedLabelLayer: "current-speed-label-layer",
-      empty: C.featureCollection([]),
-      showJson: !1,
+      empty: L.featureCollection([]),
+      showJson: localStorage.getItem("currentJsonCache") === "true" || !1,
+      currentJsonCache: "currentJsonCache",
       right: 10,
       bottom: 95
     };
@@ -3250,40 +3302,32 @@ const kt = {
     "current.version": {
       handler() {
         var a;
-        (a = this.current) != null && a.active ? this.handleRender() : this.handleClear();
+        (a = this.current) != null && a.active ? this.handleRender() : this.handleClear(), this.$emit("handleToggleVersion");
       },
       deep: !0
     },
     showParticle: {
       handler() {
-        this.showJson = !this.showParticle;
       },
       immediate: !0
     },
     showJson: {
       handler() {
-        this.handleToggle();
+        this.showJson, localStorage.setItem(this.currentJsonCache, this.showJson), this.handleToggle();
       },
       immediate: !0
     },
     toggleVersion: {
       handler() {
-        var a;
-        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10;
-      },
-      immediate: !0
-    },
-    weatherLayers: {
-      handler() {
-        var a;
-        this.bottom = (((a = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : a.clientHeight) || 0) + 105;
+        var a, e;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10, this.bottom = (((e = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : e.clientHeight) || 0) + 108;
       },
       immediate: !0
     }
   },
   methods: {
-    handleParticle() {
-      this.$emit("particle", { particle: !this.showParticle, key: "current", weight: 96 });
+    handleParticle(a) {
+      this.$emit("particle", { particle: a, key: "current", weight: 96 });
     },
     handleRender() {
       var a, e;
@@ -3363,59 +3407,41 @@ const kt = {
       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);
     }
   }
-}, St = { key: 0 }, zt = {
-  key: 0,
-  class: "iconfont active"
-}, Pt = {
-  key: 1,
-  class: "iconfont"
-}, Tt = {
-  key: 0,
-  class: "iconfont active"
-}, Rt = {
-  key: 1,
-  class: "iconfont"
-};
-function Et(a, e, t, r, i, o) {
-  var n;
-  return (n = t.current) != null && n.active ? (x(), _("div", St, [
+}, 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) {
+  var s;
+  return (s = t.current) != null && s.active ? (x(), C("div", ga, [
     l("div", {
-      class: "flex-center tool-bars",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
+      class: "flex-center current-tool-bars",
+      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
-      t.mapProjection === "mercator" ? (x(), _("div", {
+      t.mapProjection === "mercator" ? (x(), C("div", {
         key: 0,
-        class: "flex-start",
-        onClick: e[0] || (e[0] = (...s) => o.handleParticle && o.handleParticle(...s))
-      }, [
-        t.showParticle ? (x(), _("i", zt, "")) : (x(), _("i", Pt, "")),
-        l("span", {
-          class: j(t.showParticle ? "active" : "")
-        }, "Current Particles", 2)
-      ])) : B("", !0),
-      t.showParticle ? (x(), _("div", {
-        key: 1,
-        class: "flex-start",
-        style: { "margin-left": "16px" },
-        onClick: e[1] || (e[1] = (s) => i.showJson = !i.showJson)
-      }, [
-        i.showJson ? (x(), _("i", Tt, "")) : (x(), _("i", Rt, "")),
-        l("span", {
-          class: j(i.showJson ? "active" : "")
-        }, "Current", 2)
-      ])) : B("", !0)
+        class: j(["flex-start item-bar", t.showParticle ? "active" : "inactive"]),
+        onClick: e[0] || (e[0] = (n) => o.handleParticle(!t.showParticle))
+      }, wa, 2)) : B("", !0),
+      l("div", {
+        class: j(["flex-start item-bar", i.showJson ? "active" : "inactive"]),
+        onClick: e[1] || (e[1] = (n) => i.showJson = !i.showJson)
+      }, xa, 2)
     ], 4)
   ])) : B("", !0);
 }
-const It = /* @__PURE__ */ T(kt, [["render", Et], ["__scopeId", "data-v-83a51e73"]]);
-const At = {
+const ka = /* @__PURE__ */ T(fa, [["render", Ca]]);
+const Sa = {
   name: "IdmCurrentParticle",
   props: {
     factor: {
       type: Object
     },
     viewport: {
-      type: Re
+      type: Ve
     },
     bottom: {
       type: String,
@@ -3432,7 +3458,7 @@ const At = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new ye(),
+      webgl: new Le(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -3486,8 +3512,8 @@ const At = {
       }
     },
     handleClear() {
-      var a, e, t, r, i, o, n, s;
-      (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), (s = (n = this.viewport) == null ? void 0 : n.map) == null || s.off("moveend", this.handlePlay), this.handlePause();
+      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();
     },
     handleSetup() {
       if (!this.context) {
@@ -3513,7 +3539,7 @@ const At = {
           [1, "rgb(195,194,194)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.uvFragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -3527,11 +3553,11 @@ const At = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          U.vertexSchema,
-          U.fragmentSchema,
-          U.quadVertSchema,
-          U.screenFragmentSchema,
-          U.updateFragmentSchema
+          V.vertexSchema,
+          V.fragmentSchema,
+          V.quadVertSchema,
+          V.screenFragmentSchema,
+          V.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, a, !0, 16, 16), this.wrapper = {
           ...this.wrapper,
           ...this.webgl.setupParticle(this.particleContext, 12e3),
@@ -3565,25 +3591,25 @@ const At = {
       });
     }
   }
-}, Dt = { key: 0 };
-function Mt(a, e, t, r, i, o) {
-  var n;
-  return (n = t.factor) != null && n.active ? (x(), _("div", Dt, [
+}, 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) {
+  var s;
+  return (s = t.factor) != null && s.active ? (x(), C("div", za, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, e[0] || (e[0] = [
-      l("span", null, "kts", -1),
-      l("span", null, "0", -1),
-      l("span", null, "0.4", -1),
-      l("span", null, "0.8", -1),
-      l("span", null, "1.6", -1),
-      l("span", null, "2", -1),
-      l("span", null, "3.2", -1)
-    ]), 4)
+      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+    }, Ma, 4)
   ])) : B("", !0);
 }
-const jt = /* @__PURE__ */ T(At, [["render", Mt], ["__scopeId", "data-v-13f659b1"]]), Bt = {
+const ja = /* @__PURE__ */ T(Sa, [["render", $a], ["__scopeId", "data-v-6d4fd206"]]), Na = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3601,7 +3627,7 @@ const jt = /* @__PURE__ */ T(At, [["render", Mt], ["__scopeId", "data-v-13f659b1
       source: "sig-wave-source",
       heightLayer: "sig-wave-height-layer",
       heightLabelLayer: "sig-wave-height-label-layer",
-      empty: C.featureCollection([])
+      empty: L.featureCollection([])
     };
   },
   watch: {
@@ -3694,10 +3720,10 @@ const jt = /* @__PURE__ */ T(At, [["render", Mt], ["__scopeId", "data-v-13f659b1
     }
   }
 };
-function Nt(a, e, t, r, i, o) {
-  return x(), _("div");
+function Ba(a, e, t, r, i, o) {
+  return x(), C("div");
 }
-const Wt = /* @__PURE__ */ T(Bt, [["render", Nt]]), Ot = {
+const Wa = /* @__PURE__ */ T(Na, [["render", Ba]]), Oa = {
   name: "IdmSwell",
   props: {
     map: {
@@ -3716,7 +3742,7 @@ const Wt = /* @__PURE__ */ T(Bt, [["render", Nt]]), Ot = {
       directionLayer: "swell-direction-layer",
       heightLayer: "swell-height-layer",
       heightLabelLayer: "swell-height-label-layer",
-      empty: C.featureCollection([])
+      empty: L.featureCollection([])
     };
   },
   watch: {
@@ -3835,10 +3861,10 @@ const Wt = /* @__PURE__ */ T(Bt, [["render", Nt]]), Ot = {
     }
   }
 };
-function Ft(a, e, t, r, i, o) {
-  return x(), _("div");
+function Fa(a, e, t, r, i, o) {
+  return x(), C("div");
 }
-const $t = /* @__PURE__ */ T(Ot, [["render", Ft]]), Vt = {
+const Va = /* @__PURE__ */ T(Oa, [["render", Fa]]), Ua = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -3860,7 +3886,7 @@ const $t = /* @__PURE__ */ T(Ot, [["render", Ft]]), Vt = {
       layer: "prmsl-layer",
       labelLayer: "prmsl-label-layer",
       pointLabelLayer: "prmsl-point-label-layer",
-      empty: C.featureCollection([])
+      empty: L.featureCollection([])
     };
   },
   watch: {
@@ -3881,8 +3907,8 @@ const $t = /* @__PURE__ */ T(Ot, [["render", Ft]]), Vt = {
         }, 500);
       else if (this.prmsl) {
         const r = (/* @__PURE__ */ new Date()).valueOf();
-        let i = 0, o = 0, n = this.empty;
-        this.prmsl.active && (n = this.prmsl.data), (a = this.map) != null && a.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(n), o = (/* @__PURE__ */ new Date()).valueOf() - (r + i), console.log("[prmsl] update elapsed: ", o, ", total: ", i += o)) : (this.map.addSource(this.source, { type: "geojson", data: n }), this.map.addLayer(
+        let i = 0, o = 0, s = this.empty;
+        this.prmsl.active && (s = this.prmsl.data), (a = this.map) != null && a.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(s), o = (/* @__PURE__ */ new Date()).valueOf() - (r + i), console.log("[prmsl] update elapsed: ", o, ", total: ", i += o)) : (this.map.addSource(this.source, { type: "geojson", data: s }), this.map.addLayer(
           {
             id: this.layer,
             type: "line",
@@ -3963,10 +3989,10 @@ const $t = /* @__PURE__ */ T(Ot, [["render", Ft]]), Vt = {
     }
   }
 };
-function Ut(a, e, t, r, i, o) {
-  return x(), _("div");
+function Za(a, e, t, r, i, o) {
+  return x(), C("div");
 }
-const Zt = /* @__PURE__ */ T(Vt, [["render", Ut]]), Ht = {
+const Ha = /* @__PURE__ */ T(Ua, [["render", Za]]), Ga = {
   name: "IdmIceberg",
   props: {
     map: {
@@ -3983,7 +4009,7 @@ const Zt = /* @__PURE__ */ T(Vt, [["render", Ut]]), Ht = {
     return {
       source: "iceberg-source",
       layer: "iceberg-layer",
-      empty: C.featureCollection([])
+      empty: L.featureCollection([])
     };
   },
   watch: {
@@ -4023,11 +4049,11 @@ const Zt = /* @__PURE__ */ T(Vt, [["render", Ut]]), Ht = {
     }
   }
 };
-function Gt(a, e, t, r, i, o) {
-  return x(), _("div");
+function Ja(a, e, t, r, i, o) {
+  return x(), C("div");
 }
-const Jt = /* @__PURE__ */ T(Ht, [["render", Gt]]);
-const Xt = {
+const Xa = /* @__PURE__ */ T(Ga, [["render", Ja]]);
+const Ya = {
   name: "IdmTropicals",
   props: {
     map: {
@@ -4047,7 +4073,7 @@ const Xt = {
   emits: ["tropical", "tropicalProbability"],
   data() {
     return {
-      helper: _e,
+      helper: De,
       source: "tropicals-source",
       clusterSource: "tropicals-cluster-source",
       historyLayer: "tropicals-history-layer",
@@ -4065,9 +4091,9 @@ const Xt = {
       showTropicals: !1,
       activeTropicals: void 0,
       activeTropicalsMarker: void 0,
-      empty: C.featureCollection([]),
+      empty: L.featureCollection([]),
       circleSource: "circle-source",
-      circleSourceData: C.featureCollection([]),
+      circleSourceData: L.featureCollection([]),
       circleLayer: "tropical-circle-layer"
     };
   },
@@ -4114,29 +4140,29 @@ const Xt = {
       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 n, s, c;
-        (n = o.properties) != null && n.name && !t.includes((s = o.properties) == null ? void 0 : s.name) && t.push((c = o.properties) == null ? void 0 : c.name);
+        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);
       }), t.forEach((o) => {
-        var h;
-        let n = 0, s;
-        const c = a.filter((p) => {
-          var d, g;
-          return ((g = (d = p.properties) == null ? void 0 : d.category) == null ? void 0 : g.split("-")[0]) === o;
+        var d;
+        let s = 0, n;
+        const c = a.filter((h) => {
+          var p, g;
+          return ((g = (p = h.properties) == null ? void 0 : p.category) == null ? void 0 : g.split("-")[0]) === o;
         });
-        (h = c.filter((p) => {
-          var d, g;
-          return ((d = p.geometry) == null ? void 0 : d.type) === "LineString" && ((g = p.properties) == null ? void 0 : g.type) === "forecast";
-        })[0]) == null || h.properties.model, c.forEach((p, d) => {
+        (d = c.filter((h) => {
+          var p, g;
+          return ((p = h.geometry) == null ? void 0 : p.type) === "LineString" && ((g = h.properties) == null ? void 0 : g.type) === "forecast";
+        })[0]) == null || d.properties.model, c.forEach((h, p) => {
           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" && (n = d, s = s === void 0 ? d : s), ((y = p.geometry) == null ? void 0 : y.type) === "Point" && ((f = p.properties) == null ? void 0 : f.type) === "forecast" && s === void 0 && (s = d), ((m = p.geometry) == null ? void 0 : m.type) === "LineString" && ((v = p.properties) == null || v.type);
-        }), c.map((p, d) => {
+          ((g = h.geometry) == null ? void 0 : g.type) === "Point" && ((u = h.properties) == null ? void 0 : u.type) === "history" && (s = p, n = n === void 0 ? p : n), ((y = h.geometry) == null ? void 0 : y.type) === "Point" && ((f = h.properties) == null ? void 0 : f.type) === "forecast" && n === void 0 && (n = p), ((m = h.geometry) == null ? void 0 : m.type) === "LineString" && ((v = h.properties) == null || v.type);
+        }), c.map((h, p) => {
           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 L = 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 = L || d === n, p.properties.showNameLabel = d === n, p.properties.name = o;
+          if (((g = h.geometry) == null ? void 0 : g.type) === "LineString" && ((u = h.properties) == null || u.type), ((y = h.geometry) == null ? void 0 : y.type) === "Point" && ((f = h.properties) == null ? void 0 : f.type) === "forecast" && (h.properties.name = o, h.properties.format = Z(h.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((m = h.geometry) == null ? void 0 : m.type) === "Point" && ((v = h.properties) == null ? void 0 : v.type) === "history") {
+            h.properties.format = Z(h.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
+            const _ = Z((b = h.properties) == null ? void 0 : b.date).utc().format("HHmm") === Z().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
+            h.properties.showHistoryLabel = _ || p === s, h.properties.showNameLabel = p === s, h.properties.name = o;
           }
-          return p;
+          return h;
         });
       }), this.handleInit();
     },
@@ -4171,7 +4197,7 @@ const Xt = {
       ));
     },
     handleRender() {
-      var a, e, t, r, i, o, n, s, c, h;
+      var a, e, t, r, i, o, s, n, c, d;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -4277,9 +4303,9 @@ const Xt = {
               ],
               "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) ? ((s = this.map) == null || s.getSource(this.clusterSource).setData((n = this.tropicals) != null && n.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, {
+          }), 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, {
             type: "geojson",
-            data: (c = this.tropicals) != null && c.active ? (h = this.tropicals) == null ? void 0 : h.data : this.empty
+            data: (c = this.tropicals) != null && c.active ? (d = this.tropicals) == null ? void 0 : d.data : this.empty
             // cluster: true,
             // clusterRadius: 10, // 聚合半径
           }), this.map.addLayer({
@@ -4397,10 +4423,10 @@ const Xt = {
           }), y = (/* @__PURE__ */ new Date()).valueOf() - (g + u), console.log("[tropical] add elapsed: ", y, ", total: ", u += y));
         }
         this.handleDrawCircle();
-        const p = We.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(p));
-        const d = this.interpolateData.filter((g) => g.properties.name === "kristy" && g.properties.model === "ecmwf");
-        console.log(d), this.handleDateChange();
+        const h = Qe.interpolate(this.tropicals, 1);
+        this.interpolateData = JSON.parse(JSON.stringify(h));
+        const p = this.interpolateData.filter((g) => g.properties.name === "kristy" && g.properties.model === "ecmwf");
+        console.log(p), this.handleDateChange();
       }
     },
     handleClear() {
@@ -4408,14 +4434,14 @@ const Xt = {
       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, n, s, c, h, p, d, g, u, y, f, m, v, b, L, S, w, A, M, N, O, F, H, re, oe, se, ne, le, ce, he, K;
-      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 }), J = this.interpolateData.filter((R) => R.properties.date === G.format() && !R.properties.disabled), pe = this.handleComputePolygons(J), X = C.featureCollection([...J]);
-        pe.forEach((R) => {
-          X.features.push(R);
-        }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(X) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
+      var a, e, t, r, i, o, s, n, c, d, h, p, g, u, y, f, m, v, b, _, z, w, A, M, $, W, 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 }), Y = this.interpolateData.filter((I) => I.properties.date === X.format() && !I.properties.disabled), be = this.handleComputePolygons(Y), q = L.featureCollection([...Y]);
+        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, {
           type: "geojson",
-          data: X
+          data: q
         }), (o = this.map) == null || o.addLayer({
           id: this.interpolateLineLayer,
           type: "line",
@@ -4427,17 +4453,17 @@ const Xt = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const R of J)
-          if (!R.properties.disabled) {
-            let V = "#f44336";
-            ((s = (n = R.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 || !((h = (c = R.properties) == null ? void 0 : c.wind) != null && h.spd) ? V = "#03f869" : ((d = (p = R.properties) == null ? void 0 : p.wind) == null ? void 0 : d.spd) >= 17.2 && ((u = (g = R.properties) == null ? void 0 : g.wind) == null ? void 0 : u.spd) < 24.5 ? V = "#f2f202" : ((f = (y = R.properties) == null ? void 0 : y.wind) == null ? void 0 : f.spd) >= 24.5 && ((v = (m = R.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? V = "#ff9100" : ((L = (b = R.properties) == null ? void 0 : b.wind) == null ? void 0 : L.spd) >= 32.7 && ((w = (S = R.properties) == null ? void 0 : S.wind) == null ? void 0 : w.spd) < 41.5 ? V = "#f44336" : ((M = (A = R.properties) == null ? void 0 : A.wind) == null ? void 0 : M.spd) >= 41.5 && ((O = (N = R.properties) == null ? void 0 : N.wind) == null ? void 0 : O.spd) < 51 ? V = "#f903d0" : ((H = (F = R.properties) == null ? void 0 : F.wind) == null ? void 0 : H.spd) >= 51 ? V = "#8702f9" : V = "#f44336";
-            const de = `<svg t="1719918955501"
+        for (const I of Y)
+          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" : ((p = (h = I.properties) == null ? void 0 : h.wind) == null ? void 0 : p.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 = (z = I.properties) == null ? void 0 : z.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 && ((W = ($ = I.properties) == null ? void 0 : $.wind) == null ? void 0 : W.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"
                           	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="${V}" 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="${V}"
+                          		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}"
                           		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"
@@ -4445,27 +4471,27 @@ const Xt = {
                           	<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>`, Y = document.createElement("div");
-            Y.className = "hurricane-hourly-marker", Y.innerHTML = `<div class="${R.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${de}</div>`;
-            const me = new Q.Marker(Y).setLngLat(R.geometry.coordinates).addTo(this.map);
-            if (this.interpolateMarkers.push(me), (re = R.properties) != null && re.showCircle) {
-              const ee = { radius: 100, coordinates: R.geometry.coordinates }, te = { radius: 200, coordinates: R.geometry.coordinates }, ae = { radius: 500, coordinates: R.geometry.coordinates };
-              (oe = this.circleSourceData) == null || oe.features.push(
-                C.circle(ee.coordinates, ee.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
-              ), (se = this.circleSourceData) == null || se.features.push(
-                C.circle(te.coordinates, te.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
-              ), (ne = this.circleSourceData) == null || ne.features.push(
-                C.circle(ae.coordinates, ae.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+                          </svg>`, Q = document.createElement("div");
+            Q.className = "hurricane-hourly-marker", Q.innerHTML = `<div class="${I.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ve}</div>`;
+            const we = new te.Marker(Q).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" } })
               );
             }
-            (ce = (le = this.map) == null ? void 0 : le.getSource(this.circleSource)) == null || ce.setData(this.circleSourceData);
+            (fe = (ye = this.map) == null ? void 0 : ye.getSource(this.circleSource)) == null || fe.setData(this.circleSourceData);
           }
       } else
-        (he = this.map) != null && he.getSource(this.interpolateSource) && ((K = this.map) == null || K.getSource(this.interpolateSource).setData(this.empty));
+        (ge = this.map) != null && ge.getSource(this.interpolateSource) && ((ie = this.map) == null || ie.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(a) {
-      var o, n, s, c, h, p, d, g;
-      const e = a.features[0], t = (n = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : n.features.filter(
+      var o, s, n, c, d, h, p, g;
+      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);
@@ -4475,30 +4501,30 @@ const Xt = {
         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;
       });
-      const r = (c = (s = this.tropicals) == null ? void 0 : s.data) == null ? void 0 : c.features.filter(
+      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);
         }
       );
       this.activeTropicals = {
-        name: (h = e == null ? void 0 : e.properties) == null ? void 0 : h.name,
+        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 = (d = t[0]) == null ? void 0 : d.properties) == null ? void 0 : g.showCircle
+        history: (h = r[0]) == null ? void 0 : h.properties,
+        showCircle: (g = (p = t[0]) == null ? void 0 : p.properties) == null ? void 0 : g.showCircle
       }, this.showTropicals = !0;
       const i = document.getElementById("active-tropical");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new Q.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 te.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(a) {
-      var r, i, o, n, s, c;
+      var r, i, o, s, n, c;
       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((h) => {
-        h.properties.category === e && (h.properties.disabled = a.disabled);
-      }), this.interpolateData.forEach((h) => {
-        h.properties.category === e && (h.properties.disabled = a.disabled);
-      }), (n = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || n.setData(C.featureCollection(t)), (c = (s = this.map) == null ? void 0 : s.getSource(this.clusterSource)) == null || c.setData(C.featureCollection(t)), this.handleDateChange();
+      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();
     },
     handleStrikeProbability(a) {
       this.$emit("tropicalProbability", a);
@@ -4537,110 +4563,110 @@ const Xt = {
           nw: r.r7nw >= 0 ? r.r7nw : void 0
         }, o = this.handleComputeArc(t.geometry.coordinates, i, { ...t.properties, level: 7 });
         e.push(o);
-        const n = {
+        const s = {
           ne: r.r10ne >= 0 ? r.r10ne : void 0,
           se: r.r10se >= 0 ? r.r10se : void 0,
           sw: r.r10sw >= 0 ? r.r10sw : void 0,
           nw: r.r10nw >= 0 ? r.r10nw : void 0
-        }, s = this.handleComputeArc(t.geometry.coordinates, n, { ...t.properties, level: 10 });
-        e.push(s);
+        }, n = this.handleComputeArc(t.geometry.coordinates, s, { ...t.properties, level: 10 });
+        e.push(n);
       }
       return e;
     },
     handleComputeArc(a, e, t) {
       var o;
       const r = [];
-      for (const n in e) {
-        const s = e[n] ?? 0;
+      for (const s in e) {
+        const n = e[s] ?? 0;
         let c;
-        switch (n) {
+        switch (s) {
           case "ne":
-            c = C.lineArc(a, s * 1.852, 0, 90, { steps: s > 0 ? 64 : 1 });
+            c = L.lineArc(a, n * 1.852, 0, 90, { steps: n > 0 ? 64 : 1 });
             break;
           case "se":
-            c = C.lineArc(a, s * 1.852, 90, 180, { steps: s > 0 ? 64 : 1 });
+            c = L.lineArc(a, n * 1.852, 90, 180, { steps: n > 0 ? 64 : 1 });
             break;
           case "sw":
-            c = C.lineArc(a, s * 1.852, 180, 270, { steps: s > 0 ? 64 : 1 });
+            c = L.lineArc(a, n * 1.852, 180, 270, { steps: n > 0 ? 64 : 1 });
             break;
           case "nw":
-            c = C.lineArc(a, s * 1.852, 270, 360, { steps: s > 0 ? 64 : 1 });
+            c = L.lineArc(a, n * 1.852, 270, 360, { steps: n > 0 ? 64 : 1 });
             break;
         }
         r.push(...(o = c == null ? void 0 : c.geometry) == null ? void 0 : o.coordinates);
       }
-      const i = C.lineString(r);
-      return C.lineToPolygon(i, { properties: t });
+      const i = L.lineString(r);
+      return L.lineToPolygon(i, { properties: t });
     }
   }
-}, Yt = {
+}, Ue = (a) => (H("data-v-35ea0576"), a = a(), G(), a), qa = {
   id: "active-tropical",
   class: "active-tropical"
-}, qt = { class: "header-box" }, Qt = { class: "main" }, Kt = { key: 0 }, ea = { class: "sub" }, ta = {
+}, Qa = { class: "header-box" }, Ka = { class: "main" }, ei = { key: 0 }, ti = { class: "sub" }, ai = {
   id: "meteoBox",
   class: "main-box"
-}, aa = { class: "content" }, ia = { class: "row" }, ra = {
+}, ii = { class: "content" }, ri = { class: "row" }, oi = {
   class: "col col-left",
   style: { "justify-content": "flex-start" }
-}, oa = {
+}, si = /* @__PURE__ */ Ue(() => /* @__PURE__ */ l("label", null, "Wind speed : ", -1)), ni = {
   class: "col col-right",
   style: { "justify-content": "flex-start" }
-}, sa = { class: "row" }, na = {
+}, li = /* @__PURE__ */ Ue(() => /* @__PURE__ */ l("label", null, "Pressure : ", -1)), ci = { class: "row" }, hi = {
   class: "col col-24",
   style: { "justify-content": "flex-start" }
-}, la = { class: "forecast-models" }, ca = ["onClick"], ha = { class: "more" };
-function pa(a, e, t, r, i, o) {
-  var n, s, c, h, p, d, g, u, y, f, m, v, b, L, S;
-  return Se((x(), _("div", Yt, [
-    l("div", qt, [
+}, 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-35ea0576></div><div class="row" style="padding:2px 10px;" data-v-35ea0576><div class="legend" data-v-35ea0576><div class="icon td" data-v-35ea0576></div><div class="label" data-v-35ea0576>TD</div></div><div class="legend" data-v-35ea0576><div class="icon ts" data-v-35ea0576></div><div class="label" data-v-35ea0576>TS</div></div><div class="legend" data-v-35ea0576><div class="icon sts" data-v-35ea0576></div><div class="label" data-v-35ea0576>STS</div></div><div class="legend" data-v-35ea0576><div class="icon ty" data-v-35ea0576></div><div class="label" data-v-35ea0576>TY</div></div><div class="legend" data-v-35ea0576><div class="icon sty" data-v-35ea0576></div><div class="label" data-v-35ea0576>STY</div></div><div class="legend" data-v-35ea0576><div class="icon supper-ty" data-v-35ea0576></div><div class="label" data-v-35ea0576>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-35ea0576><div class="legend" data-v-35ea0576><div class="icon history" data-v-35ea0576></div><div class="label" data-v-35ea0576>History</div></div><div class="legend" data-v-35ea0576><div class="icon r7" data-v-35ea0576></div><div class="label" data-v-35ea0576>35kts Radii</div></div><div class="legend" data-v-35ea0576><div class="icon r10" data-v-35ea0576></div><div class="label" data-v-35ea0576>50kts Radii</div></div></div>', 3), yi = { class: "more" };
+function fi(a, e, t, r, i, o) {
+  var s, n, c, d, h, p, g, u, y, f, m, v, b, _, z;
+  return je((x(), C("div", qa, [
+    l("div", Qa, [
       l("div", {
         class: "iconfont close-btn",
         onClick: e[0] || (e[0] = (w) => i.showTropicals = !1)
       }, ""),
-      l("div", Qt, [
-        (s = (n = i.activeTropicals) == null ? void 0 : n.history) != null && s.level ? (x(), _("span", Kt, k((h = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : h.level) + " , ", 1)) : B("", !0),
-        Ne(k((p = i.activeTropicals) == null ? void 0 : p.name), 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)) : B("", !0),
+        Fe(S((h = i.activeTropicals) == null ? void 0 : h.name), 1)
       ]),
-      l("div", ea, " Last update: " + k(o.computeTime(((g = (d = i.activeTropicals) == null ? void 0 : d.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)
+      l("div", ti, " Last update: " + S(o.computeTime(((g = (p = i.activeTropicals) == null ? void 0 : p.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)
     ]),
-    l("div", ta, [
-      l("div", aa, [
-        l("div", ia, [
-          l("div", ra, [
-            e[2] || (e[2] = l("label", null, "Wind speed : ", -1)),
-            l("span", null, k(((v = (m = i.activeTropicals) == null ? void 0 : m.history) == null ? void 0 : v.kts) || "-") + "[kts]", 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)
           ]),
-          l("div", oa, [
-            e[3] || (e[3] = l("label", null, "Pressure : ", -1)),
-            l("span", null, k(((L = (b = i.activeTropicals) == null ? void 0 : b.history) == null ? void 0 : L.pressure) || "-") + "[hPa]", 1)
+          l("div", ni, [
+            li,
+            l("span", null, S(((_ = (b = i.activeTropicals) == null ? void 0 : b.history) == null ? void 0 : _.pressure) || "-") + "[hPa]", 1)
           ])
         ]),
-        l("div", sa, [
-          l("div", na, [
-            e[4] || (e[4] = l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
-            l("div", la, [
-              (x(!0), _(xe, null, ke((S = i.activeTropicals) == null ? void 0 : S.forecasts, (w, A) => {
-                var M, N, O, F;
-                return x(), _("div", {
+        l("div", ci, [
+          l("div", hi, [
+            di,
+            l("div", pi, [
+              (x(!0), C(Ae, null, $e((z = i.activeTropicals) == null ? void 0 : z.forecasts, (w, A) => {
+                var M, $, W, O;
+                return x(), C("div", {
                   key: A,
                   class: j([
                     "model",
                     w.disabled ? "" : "active",
-                    A > 0 && A < ((N = (M = i.activeTropicals) == null ? void 0 : M.forecasts) == null ? void 0 : N.length) - 1 && ((F = (O = i.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : F.length) > 2 ? "center-child" : ""
+                    A > 0 && A < (($ = (M = i.activeTropicals) == null ? void 0 : M.forecasts) == null ? void 0 : $.length) - 1 && ((O = (W = i.activeTropicals) == null ? void 0 : W.forecasts) == null ? void 0 : O.length) > 2 ? "center-child" : ""
                   ]),
-                  onClick: (H) => o.handleForecastToggle(w)
+                  onClick: (J) => o.handleForecastToggle(w)
                 }, [
                   l("span", {
                     class: j(w.model)
-                  }, k(w.model), 3)
-                ], 10, ca);
+                  }, S(w.model), 3)
+                ], 10, mi);
               }), 128))
             ])
           ])
         ]),
-        e[5] || (e[5] = Ze('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-35ea0576></div><div class="row" style="padding:2px 10px;" data-v-35ea0576><div class="legend" data-v-35ea0576><div class="icon td" data-v-35ea0576></div><div class="label" data-v-35ea0576>TD</div></div><div class="legend" data-v-35ea0576><div class="icon ts" data-v-35ea0576></div><div class="label" data-v-35ea0576>TS</div></div><div class="legend" data-v-35ea0576><div class="icon sts" data-v-35ea0576></div><div class="label" data-v-35ea0576>STS</div></div><div class="legend" data-v-35ea0576><div class="icon ty" data-v-35ea0576></div><div class="label" data-v-35ea0576>TY</div></div><div class="legend" data-v-35ea0576><div class="icon sty" data-v-35ea0576></div><div class="label" data-v-35ea0576>STY</div></div><div class="legend" data-v-35ea0576><div class="icon supper-ty" data-v-35ea0576></div><div class="label" data-v-35ea0576>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-35ea0576><div class="legend" data-v-35ea0576><div class="icon history" data-v-35ea0576></div><div class="label" data-v-35ea0576>History</div></div><div class="legend" data-v-35ea0576><div class="icon r7" data-v-35ea0576></div><div class="label" data-v-35ea0576>35kts Radii</div></div><div class="legend" data-v-35ea0576><div class="icon r10" data-v-35ea0576></div><div class="label" data-v-35ea0576>50kts Radii</div></div></div>', 3))
+        ui
       ]),
-      l("div", ha, [
+      l("div", yi, [
         l("div", {
           class: "button",
           onClick: e[1] || (e[1] = (w) => o.handleStrikeProbability(i.activeTropicals))
@@ -4648,11 +4674,11 @@ function pa(a, e, t, r, i, o) {
       ])
     ])
   ], 512)), [
-    [ze, i.showTropicals && !a.$attrs.hideTropicalsLegend]
+    [Ne, i.showTropicals && !a.$attrs.hideTropicalsLegend]
   ]);
 }
-const Oe = /* @__PURE__ */ T(Xt, [["render", pa], ["__scopeId", "data-v-35ea0576"]]);
-const da = {
+const Ke = /* @__PURE__ */ T(Ya, [["render", fi], ["__scopeId", "data-v-35ea0576"]]);
+const gi = {
   name: "IdmPrecip3h",
   props: {
     factor: {
@@ -4680,7 +4706,7 @@ const da = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new ye(),
+      webgl: new Le(),
       etime: void 0,
       right: 10
     };
@@ -4740,7 +4766,7 @@ const da = {
           [1, "rgba(197,5,58,0.8)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4753,27 +4779,27 @@ const da = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ma = { key: 0 };
-function ua(a, e, t, r, i, o) {
-  var n;
-  return (n = t.factor) != null && n.active ? (x(), _("div", ma, [
+}, 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) {
+  var s;
+  return (s = t.factor) != null && s.active ? (x(), C("div", bi, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, e[0] || (e[0] = [
-      l("span", null, "mm", -1),
-      l("span", null, "1.5", -1),
-      l("span", null, "2", -1),
-      l("span", null, "3", -1),
-      l("span", null, "7", -1),
-      l("span", null, "10", -1),
-      l("span", null, "20", -1),
-      l("span", null, "30", -1)
-    ]), 4)
+      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+    }, zi, 4)
   ])) : B("", !0);
 }
-const ya = /* @__PURE__ */ T(da, [["render", ua], ["__scopeId", "data-v-39b1d5ab"]]);
-const fa = {
+const Ti = /* @__PURE__ */ T(gi, [["render", Pi], ["__scopeId", "data-v-9708a7a3"]]);
+const Ii = {
   name: "IdmVisibility",
   props: {
     factor: {
@@ -4801,7 +4827,7 @@ const fa = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new ye(),
+      webgl: new Le(),
       etime: void 0
     };
   },
@@ -4854,7 +4880,7 @@ const fa = {
           [1, "rgba(144,144,144,0)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4867,25 +4893,25 @@ const fa = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ga = { key: 0 };
-function ba(a, e, t, r, i, o) {
-  var n;
-  return (n = t.factor) != null && n.active ? (x(), _("div", ga, [
+}, 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)), Ni = [
+  Ri,
+  Ai,
+  Di,
+  Mi,
+  $i,
+  ji
+];
+function Bi(a, e, t, r, i, o) {
+  var s;
+  return (s = t.factor) != null && s.active ? (x(), C("div", Ei, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
-    }, e[0] || (e[0] = [
-      l("span", null, "nm", -1),
-      l("span", null, "0", -1),
-      l("span", null, "0.5", -1),
-      l("span", null, "1.5", -1),
-      l("span", null, "3", -1),
-      l("span", null, "9", -1)
-    ]), 4)
+      style: U([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
+    }, Ni, 4)
   ])) : B("", !0);
 }
-const va = /* @__PURE__ */ T(fa, [["render", ba], ["__scopeId", "data-v-b05a7795"]]);
-const wa = {
+const Wi = /* @__PURE__ */ T(Ii, [["render", Bi], ["__scopeId", "data-v-f7b2fb08"]]);
+const Oi = {
   name: "IdmWaterTemp",
   props: {
     factor: {
@@ -4913,7 +4939,7 @@ const wa = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new ye(),
+      webgl: new Le(),
       etime: void 0,
       right: 10
     };
@@ -4974,7 +5000,7 @@ const wa = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4987,25 +5013,25 @@ const wa = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, La = { key: 0 };
-function xa(a, e, t, r, i, o) {
-  var n;
-  return (n = t.factor) != null && n.active ? (x(), _("div", La, [
+}, 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) {
+  var s;
+  return (s = t.factor) != null && s.active ? (x(), C("div", Fi, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, e[0] || (e[0] = [
-      l("span", null, "°C", -1),
-      l("span", null, "0", -1),
-      l("span", null, "10", -1),
-      l("span", null, "20", -1),
-      l("span", null, "30", -1),
-      l("span", null, "40", -1)
-    ]), 4)
+      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+    }, Xi, 4)
   ])) : B("", !0);
 }
-const _a = /* @__PURE__ */ T(wa, [["render", xa], ["__scopeId", "data-v-7653aa0c"]]);
-const Ca = {
+const qi = /* @__PURE__ */ T(Oi, [["render", Yi], ["__scopeId", "data-v-7521f582"]]);
+const Qi = {
   name: "IdmTemp",
   props: {
     factor: {
@@ -5033,7 +5059,7 @@ const Ca = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new ye(),
+      webgl: new Le(),
       etime: void 0,
       right: 10
     };
@@ -5097,7 +5123,7 @@ const Ca = {
           [1, "rgb(138, 43, 10)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -5110,27 +5136,27 @@ const Ca = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ka = { key: 0 };
-function Sa(a, e, t, r, i, o) {
-  var n;
-  return (n = t.factor) != null && n.active ? (x(), _("div", ka, [
+}, 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) {
+  var s;
+  return (s = t.factor) != null && s.active ? (x(), C("div", Ki, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, e[0] || (e[0] = [
-      l("span", null, "°C", -1),
-      l("span", null, "-20", -1),
-      l("span", null, "-10", -1),
-      l("span", null, "0", -1),
-      l("span", null, "10", -1),
-      l("span", null, "20", -1),
-      l("span", null, "30", -1),
-      l("span", null, "40", -1)
-    ]), 4)
+      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+    }, lr, 4)
   ])) : B("", !0);
 }
-const za = /* @__PURE__ */ T(Ca, [["render", Sa], ["__scopeId", "data-v-33206ed4"]]);
-const Pa = {
+const hr = /* @__PURE__ */ T(Qi, [["render", cr], ["__scopeId", "data-v-25daaa82"]]);
+const dr = {
   name: "IdmArctic",
   props: {
     factor: {
@@ -5158,7 +5184,7 @@ const Pa = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new ye(),
+      webgl: new Le(),
       etime: void 0,
       right: 10
     };
@@ -5213,7 +5239,7 @@ const Pa = {
           // 2m
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -5226,25 +5252,25 @@ const Pa = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Ta = { key: 0 };
-function Ra(a, e, t, r, i, o) {
-  var n;
-  return (n = t.factor) != null && n.active ? (x(), _("div", Ta, [
+}, 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) {
+  var s;
+  return (s = t.factor) != null && s.active ? (x(), C("div", pr, [
     l("div", {
       class: "legend-bars flex-center",
-      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, e[0] || (e[0] = [
-      l("span", null, "m", -1),
-      l("span", null, "0", -1),
-      l("span", null, "0.5", -1),
-      l("span", null, "1", -1),
-      l("span", null, "1.5", -1),
-      l("span", null, "2", -1)
-    ]), 4)
+      style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+    }, vr, 4)
   ])) : B("", !0);
 }
-const Ea = /* @__PURE__ */ T(Pa, [["render", Ra], ["__scopeId", "data-v-76e7bf8f"]]);
-const Ia = {
+const _r = /* @__PURE__ */ T(dr, [["render", wr], ["__scopeId", "data-v-5bb73794"]]);
+const Lr = {
   name: "IdmPoint",
   emits: ["point", "more"],
   props: {
@@ -5266,7 +5292,7 @@ const Ia = {
     return {
       showMeteo: !1,
       meteoMarker: void 0,
-      helper: _e
+      helper: De
     };
   },
   watch: {
@@ -5327,71 +5353,71 @@ const Ia = {
       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 Q.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 te.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
       }
     }
   }
-}, Aa = {
+}, ae = (a) => (H("data-v-d13117a4"), a = a(), G(), a), xr = {
   id: "point-meteo",
   class: "point-meteo"
-}, Da = { class: "meteo-box" }, Ma = { class: "header-box" }, ja = { class: "main" }, Ba = { class: "sub" }, Na = { class: "main-box" }, Wa = { class: "flex-space" }, Oa = { class: "flex-space" }, Fa = { class: "flex-space" }, $a = { class: "flex-space" }, Va = { class: "flex-space" }, Ua = { class: "flex-space" }, Za = { class: "flex-space" }, Ha = { class: "flex-space" }, Ga = { class: "flex-space" };
-function Ja(a, e, t, r, i, o) {
-  var n, s, c, h, p, d, g, u, y, f, m, v, b, L, S, w, A, M, N, O, F, H, re, oe, se, ne, le, ce, he, K, G, J, pe, X, R, V, de, Y, me, ee, te, ae, ge, be, ve, we, Le;
-  return Se((x(), _("div", Aa, [
-    l("div", Da, [
-      l("div", Ma, [
+}, 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" }, Nr = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Current", -1)), Br = { class: "flex-space" }, Wr = /* @__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, h, p, g, u, y, f, m, v, b, _, z, w, A, M, $, W, O, J, de, pe, me, ue, ye, fe, ge, ie, X, Y, be, q, I, F, ve, Q, we, re, oe, se, Pe, Te, Ie, Ee, Re;
+  return je((x(), C("div", xr, [
+    l("div", Cr, [
+      l("div", kr, [
         l("div", {
           class: "iconfont close",
-          onClick: e[0] || (e[0] = (Pe) => i.showMeteo = !1)
+          onClick: e[0] || (e[0] = (We) => i.showMeteo = !1)
         }, ""),
-        l("div", ja, k(o.computeLat((n = t.meteo) == null ? void 0 : n.lat)) + "," + k(o.computeLng((s = t.meteo) == null ? void 0 : s.lng)), 1),
-        l("div", Ba, k(o.computeTime((c = t.meteo) == null ? void 0 : c.utc)), 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)
       ]),
-      l("div", Na, [
-        l("div", Wa, [
-          e[1] || (e[1] = l("label", null, "Wind", -1)),
-          l("span", null, k(((p = (h = t.meteo) == null ? void 0 : h.wind) == null ? void 0 : p.direction) || "-") + "/" + k(o.roundPrecision((g = (d = t.meteo) == null ? void 0 : d.wind) == null ? void 0 : g.kts, 1)) + "[kts]/" + k((y = (u = t.meteo) == null ? void 0 : u.wind) == null ? void 0 : y.scale) + "[BF]/" + k(o.roundPrecision((m = (f = t.meteo) == null ? void 0 : f.gusts) == null ? void 0 : m.kts, 1)) + "[kts]", 1)
+      l("div", Pr, [
+        l("div", Tr, [
+          Ir,
+          l("span", null, S(((h = (d = t.meteo) == null ? void 0 : d.wind) == null ? void 0 : h.direction) || "-") + "/" + S(o.roundPrecision((g = (p = t.meteo) == null ? void 0 : p.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)
         ]),
-        l("div", Oa, [
-          e[2] || (e[2] = l("label", null, "Wind.Wave", -1)),
-          l("span", null, k(((L = (b = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : L.direction) || "-") + "/" + k(o.roundPrecision((A = (w = (S = t.meteo) == null ? void 0 : S.wave) == null ? void 0 : w.wd) == null ? void 0 : A.height, 1)) + "[m]/" + k(o.roundPrecision((O = (N = (M = t.meteo) == null ? void 0 : M.wave) == null ? void 0 : N.wd) == null ? void 0 : O.period, 1)) + "[s]", 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 = (z = t.meteo) == null ? void 0 : z.wave) == null ? void 0 : w.wd) == null ? void 0 : A.height, 1)) + "[m]/" + S(o.roundPrecision((W = ($ = (M = t.meteo) == null ? void 0 : M.wave) == null ? void 0 : $.wd) == null ? void 0 : W.period, 1)) + "[s]", 1)
         ]),
-        l("div", Fa, [
-          e[3] || (e[3] = l("label", null, "Swell", -1)),
-          l("span", null, k(((re = (H = (F = t.meteo) == null ? void 0 : F.wave) == null ? void 0 : H.swell) == null ? void 0 : re.direction) || "-") + "/" + k(o.roundPrecision((ne = (se = (oe = t.meteo) == null ? void 0 : oe.wave) == null ? void 0 : se.swell) == null ? void 0 : ne.height, 1)) + "[m]/" + k(o.roundPrecision((he = (ce = (le = t.meteo) == null ? void 0 : le.wave) == null ? void 0 : ce.swell) == null ? void 0 : he.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)
         ]),
-        l("div", $a, [
-          e[4] || (e[4] = l("label", null, "Sig.Wave", -1)),
-          l("span", null, k(((J = (G = (K = t.meteo) == null ? void 0 : K.wave) == null ? void 0 : G.sig) == null ? void 0 : J.direction) || "-") + "/" + k(o.roundPrecision((R = (X = (pe = t.meteo) == null ? void 0 : pe.wave) == null ? void 0 : X.sig) == null ? void 0 : R.height, 1)) + "[m]/" + k(o.roundPrecision((Y = (de = (V = t.meteo) == null ? void 0 : V.wave) == null ? void 0 : de.sig) == null ? void 0 : Y.period, 1)) + "[s]", 1)
+        l("div", Mr, [
+          $r,
+          l("span", null, S(((Y = (X = (ie = t.meteo) == null ? void 0 : ie.wave) == null ? void 0 : X.sig) == null ? void 0 : Y.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((Q = (ve = (F = t.meteo) == null ? void 0 : F.wave) == null ? void 0 : ve.sig) == null ? void 0 : Q.period, 1)) + "[s]", 1)
         ]),
-        l("div", Va, [
-          e[5] || (e[5] = l("label", null, "Current", -1)),
-          l("span", null, k(((ee = (me = t.meteo) == null ? void 0 : me.current) == null ? void 0 : ee.direction) || "-") + "/" + k(o.roundPrecision((ae = (te = t.meteo) == null ? void 0 : te.current) == null ? void 0 : ae.kts, 2)) + "[kts]", 1)
+        l("div", jr, [
+          Nr,
+          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)
         ]),
-        l("div", Ua, [
-          e[6] || (e[6] = l("label", null, "Precip", -1)),
-          l("span", null, k(o.roundPrecision((be = (ge = t.meteo) == null ? void 0 : ge.precip) == null ? void 0 : be.inter6h, 2)) + "[mm]", 1)
+        l("div", Br, [
+          Wr,
+          l("span", null, S(o.roundPrecision((Te = (Pe = t.meteo) == null ? void 0 : Pe.precip) == null ? void 0 : Te.inter6h, 2)) + "[mm]", 1)
         ]),
-        l("div", Za, [
-          e[7] || (e[7] = l("label", null, "Visibility", -1)),
-          l("span", null, k(o.roundPrecision(((ve = t.meteo) == null ? void 0 : ve.visibility) / 1852, 0)) + "[nm]", 1)
+        l("div", Or, [
+          Fr,
+          l("span", null, S(o.roundPrecision(((Ie = t.meteo) == null ? void 0 : Ie.visibility) / 1852, 0)) + "[nm]", 1)
         ]),
-        l("div", Ha, [
-          e[8] || (e[8] = l("label", null, "Temp", -1)),
-          l("span", null, k(o.roundPrecision((we = t.meteo) == null ? void 0 : we.temp, 0)) + "[°C]", 1)
+        l("div", Vr, [
+          Ur,
+          l("span", null, S(o.roundPrecision((Ee = t.meteo) == null ? void 0 : Ee.temp, 0)) + "[°C]", 1)
         ]),
-        l("div", Ga, [
-          e[9] || (e[9] = l("label", null, "Water Temp", -1)),
-          l("span", null, k(o.roundPrecision((Le = t.meteo) == null ? void 0 : Le.waterTemp, 2)) + "[°C]", 1)
+        l("div", Zr, [
+          Hr,
+          l("span", null, S(o.roundPrecision((Re = t.meteo) == null ? void 0 : Re.waterTemp, 2)) + "[°C]", 1)
         ])
       ]),
       B("", !0)
     ])
   ], 512)), [
-    [ze, i.showMeteo]
+    [Ne, i.showMeteo]
   ]);
 }
-const Xa = /* @__PURE__ */ T(Ia, [["render", Ja], ["__scopeId", "data-v-d13117a4"]]), Ya = {
+const Jr = /* @__PURE__ */ T(Lr, [["render", Gr], ["__scopeId", "data-v-d13117a4"]]), Xr = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -5481,10 +5507,10 @@ const Xa = /* @__PURE__ */ T(Ia, [["render", Ja], ["__scopeId", "data-v-d13117a4
     }
   }
 };
-function qa(a, e, t, r, i, o) {
-  return x(), _("div");
+function Yr(a, e, t, r, i, o) {
+  return x(), C("div");
 }
-const Qa = /* @__PURE__ */ T(Ya, [["render", qa]]), Ka = {
+const qr = /* @__PURE__ */ T(Xr, [["render", Yr]]), Qr = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -5604,10 +5630,10 @@ const Qa = /* @__PURE__ */ T(Ya, [["render", qa]]), Ka = {
     }
   }
 };
-function ei(a, e, t, r, i, o) {
-  return x(), _("div");
+function Kr(a, e, t, r, i, o) {
+  return x(), C("div");
 }
-const ti = /* @__PURE__ */ T(Ka, [["render", ei]]), ai = {
+const eo = /* @__PURE__ */ T(Qr, [["render", Kr]]), to = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -5695,11 +5721,11 @@ const ti = /* @__PURE__ */ T(Ka, [["render", ei]]), ai = {
     }
   }
 };
-function ii(a, e, t, r, i, o) {
-  return x(), _("div");
+function ao(a, e, t, r, i, o) {
+  return x(), C("div");
 }
-const ri = /* @__PURE__ */ T(ai, [["render", ii]]);
-const oi = {
+const io = /* @__PURE__ */ T(to, [["render", ao]]);
+const ro = {
   name: "IdmAlertZone",
   props: {
     map: {
@@ -5742,7 +5768,7 @@ const oi = {
       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 Q.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 te.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
       }
     },
     handleRender() {
@@ -5829,24 +5855,24 @@ const oi = {
       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);
     }
   }
-}, si = { id: "idm-gl3-zone-info" }, ni = ["innerHTML"];
-function li(a, e, t, r, i, o) {
-  var n;
-  return Se((x(), _("div", si, [
+}, oo = { id: "idm-gl3-zone-info" }, so = ["innerHTML"];
+function no(a, e, t, r, i, o) {
+  var s;
+  return je((x(), C("div", oo, [
     l("div", {
       class: "iconfont close",
-      onClick: e[0] || (e[0] = (s) => i.showZone = !1)
+      onClick: e[0] || (e[0] = (n) => i.showZone = !1)
     }, ""),
     l("div", {
       class: "rich-context",
-      innerHTML: (n = i.form) == null ? void 0 : n.name
-    }, null, 8, ni)
+      innerHTML: (s = i.form) == null ? void 0 : s.name
+    }, null, 8, so)
   ], 512)), [
-    [ze, i.showZone]
+    [Ne, i.showZone]
   ]);
 }
-const ci = /* @__PURE__ */ T(oi, [["render", li]]);
-const hi = {
+const lo = /* @__PURE__ */ T(ro, [["render", no]]);
+const co = {
   name: "IdmPort",
   props: {
     map: {
@@ -5899,7 +5925,7 @@ const hi = {
       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 Q.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 te.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
       }
     },
     handleEmit() {
@@ -5938,41 +5964,41 @@ const hi = {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, pi = { id: "port-info" }, di = { class: "port-box" }, mi = { class: "flex-start" }, ui = { class: "flex-start" }, yi = { class: "flex-start" }, fi = {
+}, Be = (a) => (H("data-v-035470f6"), a = a(), G(), a), ho = { id: "port-info" }, po = { class: "port-box" }, mo = { class: "flex-start" }, uo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), yo = { class: "flex-start" }, fo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), go = { class: "flex-start" }, bo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), vo = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
-};
-function gi(a, e, t, r, i, o) {
-  return Se((x(), _("div", pi, [
+}, wo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Region : ", -1));
+function _o(a, e, t, r, i, o) {
+  return je((x(), C("div", ho, [
     l("div", {
       class: "close iconfont",
-      onClick: e[0] || (e[0] = (n) => i.showPort = !1)
+      onClick: e[0] || (e[0] = (s) => i.showPort = !1)
     }, ""),
-    l("div", di, [
-      l("div", mi, [
-        e[2] || (e[2] = l("label", null, "Name : ", -1)),
+    l("div", po, [
+      l("div", mo, [
+        uo,
         l("span", {
-          onClick: e[1] || (e[1] = (...n) => o.handleEmit && o.handleEmit(...n))
-        }, k(i.form.name), 1)
+          onClick: e[1] || (e[1] = (...s) => o.handleEmit && o.handleEmit(...s))
+        }, S(i.form.name), 1)
       ]),
-      l("div", ui, [
-        e[3] || (e[3] = l("label", null, "Position : ", -1)),
-        l("span", null, k(o.computeLat(i.form.lat)) + ", " + k(o.computeLng(i.form.lng)), 1)
+      l("div", yo, [
+        fo,
+        l("span", null, S(o.computeLat(i.form.lat)) + ", " + S(o.computeLng(i.form.lng)), 1)
       ]),
-      l("div", yi, [
-        e[4] || (e[4] = l("label", null, "LoCode : ", -1)),
-        l("span", null, k(i.form.loCode || "-"), 1)
+      l("div", go, [
+        bo,
+        l("span", null, S(i.form.loCode || "-"), 1)
       ]),
-      l("div", fi, [
-        e[5] || (e[5] = l("label", null, "Region : ", -1)),
-        l("span", null, k(i.form.zoneName || "-"), 1)
+      l("div", vo, [
+        wo,
+        l("span", null, S(i.form.zoneName || "-"), 1)
       ])
     ])
   ], 512)), [
-    [ze, i.showPort]
+    [Ne, i.showPort]
   ]);
 }
-const bi = /* @__PURE__ */ T(hi, [["render", gi], ["__scopeId", "data-v-035470f6"]]), vi = {
+const Lo = /* @__PURE__ */ T(co, [["render", _o], ["__scopeId", "data-v-035470f6"]]), xo = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -6042,10 +6068,10 @@ const bi = /* @__PURE__ */ T(hi, [["render", gi], ["__scopeId", "data-v-035470f6
     }
   }
 };
-function wi(a, e, t, r, i, o) {
-  return x(), _("div");
+function Co(a, e, t, r, i, o) {
+  return x(), C("div");
 }
-const Li = /* @__PURE__ */ T(vi, [["render", wi]]), xi = {
+const ko = /* @__PURE__ */ T(xo, [["render", Co]]), So = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -6210,10 +6236,10 @@ const Li = /* @__PURE__ */ T(vi, [["render", wi]]), xi = {
     }
   }
 };
-function _i(a, e, t, r, i, o) {
-  return x(), _("div");
+function zo(a, e, t, r, i, o) {
+  return x(), C("div");
 }
-const Ci = /* @__PURE__ */ T(xi, [["render", _i]]), ki = {
+const Po = /* @__PURE__ */ T(So, [["render", zo]]), To = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -6301,10 +6327,10 @@ const Ci = /* @__PURE__ */ T(xi, [["render", _i]]), ki = {
     }
   }
 };
-function Si(a, e, t, r, i, o) {
-  return x(), _("div");
+function Io(a, e, t, r, i, o) {
+  return x(), C("div");
 }
-const zi = /* @__PURE__ */ T(ki, [["render", Si]]), Pi = {
+const Eo = /* @__PURE__ */ T(To, [["render", Io]]), Ro = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -6394,10 +6420,10 @@ const zi = /* @__PURE__ */ T(ki, [["render", Si]]), Pi = {
     }
   }
 };
-function Ti(a, e, t, r, i, o) {
-  return x(), _("div");
+function Ao(a, e, t, r, i, o) {
+  return x(), C("div");
 }
-const Ri = /* @__PURE__ */ T(Pi, [["render", Ti]]), Ei = {
+const Do = /* @__PURE__ */ T(Ro, [["render", Ao]]), Mo = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -6446,11 +6472,11 @@ const Ri = /* @__PURE__ */ T(Pi, [["render", Ti]]), Ei = {
     }
   }
 };
-function Ii(a, e, t, r, i, o) {
-  return x(), _("div");
+function $o(a, e, t, r, i, o) {
+  return x(), C("div");
 }
-const Ai = /* @__PURE__ */ T(Ei, [["render", Ii]]);
-const Di = {
+const jo = /* @__PURE__ */ T(Mo, [["render", $o]]);
+const No = {
   name: "IdmLatLng",
   props: {
     map: {
@@ -6557,7 +6583,7 @@ const Di = {
     handleZoomEnd() {
       var e;
       const a = this.handleComputeLatLngs();
-      (e = this.map) == null || e.getSource(this.source).setData(C.featureCollection(a));
+      (e = this.map) == null || e.getSource(this.source).setData(L.featureCollection(a));
     },
     handleRender() {
       if (this.map) {
@@ -6605,19 +6631,19 @@ const Di = {
       (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));
     }
   }
-};
-function Mi(a, e, t, r, i, o) {
-  return i.lngLat ? (x(), _("div", {
+}, Bo = (a) => (H("data-v-73241fe7"), a = a(), G(), a), Wo = /* @__PURE__ */ Bo(() => /* @__PURE__ */ l("span", null, ", ", -1));
+function Oo(a, e, t, r, i, o) {
+  return i.lngLat ? (x(), C("div", {
     key: 0,
     class: "lat-lng-tip",
-    style: $({ right: i.right + "px", bottom: t.bottom })
+    style: U({ right: i.right + "px", bottom: t.bottom })
   }, [
-    l("span", null, k(i.lngLat.lat.pretty), 1),
-    e[0] || (e[0] = l("span", null, ", ", -1)),
-    l("span", null, k(i.lngLat.lng.pretty), 1)
+    l("span", null, S(i.lngLat.lat.pretty), 1),
+    Wo,
+    l("span", null, S(i.lngLat.lng.pretty), 1)
   ], 4)) : B("", !0);
 }
-const Fe = /* @__PURE__ */ T(Di, [["render", Mi], ["__scopeId", "data-v-b0d1ad79"]]), ji = {
+const et = /* @__PURE__ */ T(No, [["render", Oo], ["__scopeId", "data-v-73241fe7"]]), Fo = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -6658,13 +6684,13 @@ const Fe = /* @__PURE__ */ T(Di, [["render", Mi], ["__scopeId", "data-v-b0d1ad79
   },
   methods: {
     handleBind() {
-      var a, e, t, r, i, o, n, s, c, h;
+      var a, e, t, r, i, o, s, n, c, 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), (n = this.map) == null || n.off("mousemove", this.handleMove), (s = this.map) == null || s.off("dblclick", this.handleDblClick), (c = this.map) == null || c.off("click", this.handleClick), (h = this.map) == null || h.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), (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 h of this.geojson)
+          this.handleClear(h, !0);
         this.geojson = [], this.map && (this.map.getCanvas().style.cursor = "grab");
       }
     },
@@ -6676,14 +6702,14 @@ const Fe = /* @__PURE__ */ T(Di, [["render", Mi], ["__scopeId", "data-v-b0d1ad79
       }
     },
     handleDrag(a) {
-      var t, r, i, o, n, s, c, h, p, d;
+      var t, r, i, o, s, n, c, d, h, 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) => {
           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, (s = (n = a.target) == null ? void 0 : n._lngLat) == null ? void 0 : s.lat]);
+        })[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]) {
@@ -6695,22 +6721,22 @@ const Fe = /* @__PURE__ */ T(Di, [["render", Mi], ["__scopeId", "data-v-b0d1ad79
         this.handleTmpPointUpdate(
           g,
           f[y - 1],
-          { lng: (h = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, lat: (d = (p = a.target) == null ? void 0 : p._lngLat) == null ? void 0 : d.lat, properties: f[y].properties },
+          { lng: (d = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : d.lng, lat: (p = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lat, properties: f[y].properties },
           y === f.length - 1 ? void 0 : f[y + 1]
         );
       }
     },
     handleDragEnd(a) {
-      var t, r, i, o, n, s, c, h, p, d;
+      var t, r, i, o, s, n, c, d, h, 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, (s = (n = a.target) == null ? void 0 : n._lngLat) == null ? void 0 : s.lat]);
+        })[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 = [(h = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, (d = (p = a.target) == null ? void 0 : p._lngLat) == null ? void 0 : d.lat], g.features = g.features.filter((f) => f.geometry.type === "Point"), this.handlePointUpdate(g);
+        y.geometry.coordinates = [(d = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : d.lng, (p = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lat], g.features = g.features.filter((f) => f.geometry.type === "Point"), this.handlePointUpdate(g);
       }
     },
     handleContextmenu(a) {
@@ -6718,27 +6744,27 @@ const Fe = /* @__PURE__ */ T(Di, [["render", Mi], ["__scopeId", "data-v-b0d1ad79
       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 s = this.geojson.filter((c) => c.id === e.split("-")[0])[0].features.filter((c) => c.geometry.type === "Point");
-        if (s.length > 2 && s.filter((h) => h.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
-          const h = document.createElement("div");
-          h.className = "point-contextmenu-marker", h.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new Q.Marker(h).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
+        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 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);
         }
       }
     },
     handleClick(a) {
-      var t, r, i, o, n;
+      var t, r, i, o, s;
       (t = this.contextmenu) == null || t.remove();
       const e = a.originalEvent.target.className;
       if (e === "marker-close") {
-        const s = (i = (r = a.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, c = this.geojson.filter((h) => h.id === s)[0];
-        c && this.handleClear(c, !0), this.geojson = this.geojson.filter((h) => h.id !== s);
+        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);
       } else if (e === "del-point") {
-        const s = (n = (o = a.originalEvent.target.id) == null ? void 0 : o.replace("del-", "")) == null ? void 0 : n.split("-"), c = this.geojson.filter((h) => h.id === s[0])[0];
-        c.features = c.features.filter((h) => h.geometry.type === "Point" && h.properties.id !== s[1]), this.handlePointUpdate(c);
+        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);
       } else if (e !== "marker-label") {
-        let s = this.geojson.at(-1);
-        s || (s = C.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(s)), s.features = s.features.filter((h) => h.geometry.type === "Point");
-        const c = C.feature(
+        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(
           {
             type: "Point",
             coordinates: [a.lngLat.lng, a.lngLat.lat]
@@ -6748,7 +6774,7 @@ const Fe = /* @__PURE__ */ T(Di, [["render", Mi], ["__scopeId", "data-v-b0d1ad79
             mode: this.navigation
           }
         );
-        s.features.push(c), this.handlePointUpdate(s);
+        n.features.push(c), this.handlePointUpdate(n);
       }
     },
     handlePointUpdate(a) {
@@ -6757,35 +6783,35 @@ const Fe = /* @__PURE__ */ T(Di, [["render", Mi], ["__scopeId", "data-v-b0d1ad79
         let t = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const o = e[i - 1], n = e[i], s = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, h = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, p = q.calculateDistance(c, h, s.mode === "RL", 2), d = q.calculateBearing(c, h, s.mode === "RL", 2);
-          t = D.roundPrecision(t + p, 2);
+          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] }, h = ee.calculateDistance(c, d, n.mode === "RL", 2), p = ee.calculateBearing(c, d, n.mode === "RL", 2);
+          t = D.roundPrecision(t + h, 2);
           let g;
-          s.mode === "RL" ? g = D.convertToMonotonicLng([c, h]) : g = D.convertToMonotonicLng(q.interpolateCoordinates(c, h, 200));
-          const u = C.lineString(g.map((y) => [y.lng, y.lat]));
-          u.properties.dist = p, u.properties.bearing = d, u.properties.total = t, r.push(u);
+          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 = h, u.properties.bearing = p, u.properties.total = t, r.push(u);
         }
         e.push(...r), a.total = t;
       }
       return this.handleRender(a), a;
     },
     handleTmpPointUpdate(a, e, t, r) {
-      const i = C.featureCollection([]);
-      let o, n;
+      const i = L.featureCollection([]);
+      let o, s;
       if (e) {
-        const c = e.properties, h = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, p = { lng: t.lng, lat: t.lat };
-        o = q.calculateDistance(h, p, c.mode === "RL", 2), n = q.calculateBearing(h, p, c.mode === "RL", 2);
-        let d;
-        c.mode === "RL" ? d = D.convertToMonotonicLng([h, p]) : d = D.convertToMonotonicLng(q.interpolateCoordinates(h, p, 200));
-        const g = C.lineString(d.map((u) => [u.lng, u.lat]));
-        g.properties.dist = o, g.properties.bearing = n, i.features.push(g);
+        const c = e.properties, d = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, h = { lng: t.lng, lat: t.lat };
+        o = ee.calculateDistance(d, h, c.mode === "RL", 2), s = ee.calculateBearing(d, h, c.mode === "RL", 2);
+        let p;
+        c.mode === "RL" ? p = D.convertToMonotonicLng([d, h]) : p = D.convertToMonotonicLng(ee.interpolateCoordinates(d, h, 200));
+        const g = L.lineString(p.map((u) => [u.lng, u.lat]));
+        g.properties.dist = o, g.properties.bearing = s, i.features.push(g);
       }
       if (r) {
-        const c = t.properties, h = t, p = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = q.calculateDistance(h, p, c.mode === "RL", 2), n = q.calculateBearing(h, p, c.mode === "RL", 2);
-        let d;
-        c.mode === "RL" ? d = D.convertToMonotonicLng([h, p]) : d = D.convertToMonotonicLng(q.interpolateCoordinates(h, p, 200));
-        const g = C.lineString(d.map((u) => [u.lng, u.lat]));
-        g.properties.dist = o, g.properties.bearing = n, i.features.push(g);
+        const c = t.properties, d = t, h = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
+        o = ee.calculateDistance(d, h, c.mode === "RL", 2), s = ee.calculateBearing(d, h, c.mode === "RL", 2);
+        let p;
+        c.mode === "RL" ? p = D.convertToMonotonicLng([d, h]) : p = D.convertToMonotonicLng(ee.interpolateCoordinates(d, h, 200));
+        const g = L.lineString(p.map((u) => [u.lng, u.lat]));
+        g.properties.dist = o, g.properties.bearing = s, i.features.push(g);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(i) : this.map.addSource(this.tmpSource, {
         type: "geojson",
@@ -6824,25 +6850,25 @@ const Fe = /* @__PURE__ */ T(Di, [["render", Mi], ["__scopeId", "data-v-b0d1ad79
           "text-halo-blur": 0
         }
       });
-      let s;
-      if (r ? s = '<div class="marker-label">Drag and drop</div>' : s = `<div class="marker-label">Tol distance: <b>${D.roundPrecision((a.total ?? 0) + o, 2)}</b>nm, bearing: <b>${n}</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 = s, this.tipMarker.setLngLat([t.lng, t.lat]);
+      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]);
       else {
         const c = document.createElement("div");
-        c.className = "tip-marker", c.innerHTML = s, this.tipMarker = new Q.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
+        c.className = "tip-marker", c.innerHTML = n, this.tipMarker = new te.Marker(c).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 = C.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
+      e || (e = L.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 = C.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e);
+      e.closed = !0, this.handleRender(e), e = L.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e);
     },
     handleRender(a) {
       var e;
@@ -6883,33 +6909,33 @@ const Fe = /* @__PURE__ */ T(Di, [["render", Mi], ["__scopeId", "data-v-b0d1ad79
             "text-halo-blur": 0
           }
         });
-        const o = a.features.filter((n) => n.geometry.type === "Point");
-        for (const n of o) {
-          const s = document.createElement("div");
-          s.id = `${a.id}-${n.properties.id}`, s.className = `${a.closed ? "point-marker closed" : "point-marker"}`, s.innerHTML = '<div class="marker-circle"></div>';
-          const c = new Q.Marker({ element: s, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
+        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];
         }
         if (a.closed) {
-          const n = o.at(-1), c = a.features.filter((p) => p.geometry.type === "LineString").at(-1), h = document.createElement("div");
-          h.className = "point-summary-marker", h.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Tol: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new Q.Marker(h).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
+          const s = o.at(-1), c = a.features.filter((h) => h.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);
         }
       }
     },
     handleClear(a, e = !0) {
-      var o, n, s, c, h, p, d, g, u;
+      var o, s, n, c, d, h, p, g, u;
       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), (n = this.map) != null && n.getLayer(i) && this.map.removeLayer(i), (s = this.map) != null && s.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (c = this.map) != null && c.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (h = this.closeMarkers[a.id]) == null || h.remove(), this.closeMarkers[a.id] = void 0, (p = this.pointMarkers[a.id]) == null || p.forEach((y) => {
+      (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, (h = this.pointMarkers[a.id]) == null || h.forEach((y) => {
         y == null || y.remove();
-      }), this.pointMarkers[a.id] = [], (d = this.tipMarker) == null || d.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);
+      }), this.pointMarkers[a.id] = [], (p = this.tipMarker) == null || p.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);
     }
   }
 };
-function Bi(a, e, t, r, i, o) {
-  return x(), _("div");
+function Vo(a, e, t, r, i, o) {
+  return x(), C("div");
 }
-const Ni = /* @__PURE__ */ T(ji, [["render", Bi]]);
-const Wi = {
+const Uo = /* @__PURE__ */ T(Fo, [["render", Vo]]);
+const Zo = {
   name: "IdmENC",
   props: {
     map: {
@@ -6940,8 +6966,8 @@ const Wi = {
   emits: ["enc"],
   data() {
     return {
-      helper: _e,
-      vendor: this.$attrs.permission & _e.LEVEL.Supper ? "hi" : "i4",
+      helper: De,
+      vendor: this.$attrs.permission & De.LEVEL.Supper ? "hi" : "i4",
       right: 10
     };
   },
@@ -6961,64 +6987,64 @@ const Wi = {
     }
   },
   methods: {}
-}, Oi = { key: 0 }, Fi = { class: "bar-item" };
-function $i(a, e, t, r, i, o) {
-  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (x(), _("div", Oi, [
+}, tt = (a) => (H("data-v-cda8e470"), 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) {
+  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (x(), C("div", Ho, [
     l("div", {
       class: "menu-bar-box",
-      style: $({ position: "absolute", right: i.right + "px", bottom: t.bottom })
+      style: U({ position: "absolute", right: i.right + "px", bottom: t.bottom })
     }, [
-      l("div", Fi, [
+      l("div", Go, [
         l("div", {
           class: j(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
-          onClick: e[0] || (e[0] = (n) => i.vendor = "hi")
-        }, e[2] || (e[2] = [
-          l("span", { class: "iconfont" }, "HI", -1)
-        ]), 2),
+          onClick: e[0] || (e[0] = (s) => i.vendor = "hi")
+        }, Xo, 2),
         l("div", {
           class: j(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
-          onClick: e[1] || (e[1] = (n) => i.vendor = "i4")
-        }, e[3] || (e[3] = [
-          l("span", { class: "iconfont" }, "I4", -1)
-        ]), 2)
+          onClick: e[1] || (e[1] = (s) => i.vendor = "i4")
+        }, qo, 2)
       ])
     ], 4)
   ])) : B("", !0);
 }
-const Vi = /* @__PURE__ */ T(Wi, [["render", $i], ["__scopeId", "data-v-cda8e470"]]);
-const Ui = {
+const Ko = /* @__PURE__ */ T(Zo, [["render", Qo], ["__scopeId", "data-v-cda8e470"]]);
+const es = {
   name: "IdmGLV2",
   components: {
-    IdmGlLayer: pt,
-    IdmWindBarb: vt,
-    IdmWindParticle: Ct,
-    IdmCurrents: It,
-    IdmCurrentParticle: jt,
-    IdmSigWave: Wt,
-    IdmSwell: $t,
-    IdmPrmsl: Zt,
+    IdmGlLayer: Zt,
+    IdmWindBarb: ta,
+    IdmWindParticle: ya,
+    IdmCurrents: ka,
+    IdmCurrentParticle: ja,
+    IdmSigWave: Wa,
+    IdmSwell: Va,
+    IdmPrmsl: Ha,
     // IdmIceEdge,
-    IdmIceberg: Jt,
-    IdmTropicals: Oe,
-    IdmPrecip3h: ya,
-    IdmVisibility: va,
-    IdmWaterTemp: _a,
-    IdmTemp: za,
-    IdmArctic: Ea,
-    IdmWarZone: Qa,
-    IdmGmdssArea: ti,
-    IdmEcaZone: ri,
-    IdmAlertZone: ci,
-    IdmPort: bi,
-    IdmLoadLine: Li,
-    IdmTimezone: Ci,
-    IdmVRA: zi,
-    IdmSpecialArea: Ri,
-    IdmTerminator: Ai,
-    IdmLatLng: Fe,
-    IdmMeasure: Ni,
-    IdmPoint: Xa,
-    IdmENC: Vi
+    IdmIceberg: Xa,
+    IdmTropicals: Ke,
+    IdmPrecip3h: Ti,
+    IdmVisibility: Wi,
+    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
   },
   props: {
     map: {
@@ -7065,7 +7091,7 @@ const Ui = {
       enc: "",
       // enc: 'i4',
       defaultMeteoToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg",
-      helper: new wt()
+      helper: new aa()
     };
   },
   watch: {
@@ -7079,22 +7105,22 @@ const Ui = {
     },
     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 Re(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 Ve(this.map), this.handleRampColorInitial());
       },
       immediate: !0
     },
     enc: {
       handler(a, e) {
-        var t, r, i, o, n, s, c, h;
-        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")) : ((s = (n = this.map) == null ? void 0 : n.getLayer("i4")) == null || s.setLayoutProperty("visibility", "none"), (h = (c = this.map) == null ? void 0 : c.getLayer("hi")) == null || h.setLayoutProperty("visibility", "none"));
+        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"));
       }
     },
     activeWeatherLayers: {
       handler() {
-        var a, e, t, r, i, o, n, s, c, h, p, d, g, u, y, f, m, v;
+        var a, e, t, r, i, o, s, n, c, d, h, p, g, u, y, f, m, 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) && ((n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((c = this.map) == null || c.moveLayer((s = this.viewport) == null ? void 0 : s.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (p = this.map) != null && p.getLayer((h = this.viewport) == null ? void 0 : h.particleLayer) && ((d = this.map) != null && d.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.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)), (h = this.map) != null && h.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) && ((p = this.map) != null && p.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"));
       },
       immediate: !0
     }
@@ -7141,13 +7167,13 @@ const Ui = {
   },
   methods: {
     async fetchWeatherLayers(a = { tropicals: !1 }) {
-      var i, o, n, s, c, h, p, d;
+      var i, o, s, n, c, d, h, 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}`;
         if (this.handleRampColorState(), this.particleFactor) {
-          const f = Ce.WEATHER_LAYERS.find((m) => {
+          const f = Me.WEATHER_LAYERS.find((m) => {
             var v;
             return ((v = m.peer) == null ? void 0 : v.weight) === this.particleFactor.weight;
           });
@@ -7156,16 +7182,16 @@ const Ui = {
         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 ie.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${g}&bbox=${y}&t=${this.ts}`, {
+            const v = await ne.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${g}&bbox=${y}&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), ((n = v == null ? void 0 : v.data) == null ? void 0 : n.code) === 0) {
-              const b = (s = v == null ? void 0 : v.data) == null ? void 0 : s.data, L = [];
+            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" && L.push(
-                  ie.get(b[w], {
+                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], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
                       key: w
@@ -7175,23 +7201,23 @@ const Ui = {
                     console.log(`[${w}] fetch layer error: ${A}`);
                   })
                 );
-              const S = await Promise.all(L);
-              this.weatherLayers = {}, S.map((w) => {
-                var N, O, F, H;
-                const A = ((N = w == null ? void 0 : w.data) == null ? void 0 : N.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;
+              const z = await Promise.all(_);
+              this.weatherLayers = {}, z.map((w) => {
+                var $, W, O, J;
+                const A = (($ = w == null ? void 0 : w.data) == null ? void 0 : $.data) || (w == null ? void 0 : w.data), M = (O = (W = w == null ? void 0 : w.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
                 M && A && (this.weatherLayers[M] = {
                   raw: A,
-                  type: ((H = w == null ? void 0 : w.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
+                  type: ((J = w == null ? void 0 : w.config) == null ? void 0 : J.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
-              }), b.tropicals && ie.get(b.tropicals, {
+              }), b.tropicals && ne.get(b.tropicals, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken,
                   key: "tropicals"
                 }
               }).then((w) => {
-                var N, O, F;
-                const A = We.convert2Geojson(((N = w == null ? void 0 : w.data) == null ? void 0 : N.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;
+                var $, W, O;
+                const A = Qe.convert2Geojson((($ = w == null ? void 0 : w.data) == null ? void 0 : $.data) || (w == null ? void 0 : w.data)), M = (O = (W = w == null ? void 0 : w.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
                 this.weatherLayers[M] = {
                   data: A,
                   active: !0,
@@ -7203,20 +7229,20 @@ const Ui = {
               });
             }
             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, L = (h = this.weatherLayers["swell-height"]) == null ? void 0 : h.raw;
+              const b = (c = this.weatherLayers["swell-direction"]) == null ? void 0 : c.raw, _ = (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: L },
+                height: { raw: _ },
                 etime: this.ts
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const b = (p = this.weatherLayers["current-direction"]) == null ? void 0 : p.raw, L = (d = this.weatherLayers["current-speed"]) == null ? void 0 : d.raw;
+              const b = (h = this.weatherLayers["current-direction"]) == null ? void 0 : h.raw, _ = (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: L },
+                speed: { raw: _ },
                 etime: this.ts
               };
             }
@@ -7232,58 +7258,58 @@ const Ui = {
       if (this.map) {
         let o = this.otherWeight;
         if (o) {
-          let n = !1;
-          if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, n = !0), o) {
+          let s = !1;
+          if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, s = !0), o) {
             if (a.all) {
-              const s = await ie.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
+              const n = await ne.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
-              if (((e = s == null ? void 0 : s.data) == null ? void 0 : e.code) === 0) {
-                const c = (t = s == null ? void 0 : s.data) == null ? void 0 : t.data, h = [];
-                for (const d in c)
-                  h.push(
-                    ie.get(c[d], {
+              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 p in c)
+                  d.push(
+                    ne.get(c[p], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: d
+                        key: p
                       }
                     })
                   );
-                const p = await Promise.all(h);
-                this.otherLayers = { enc: n }, p.map((d) => {
+                const h = await Promise.all(d);
+                this.otherLayers = { enc: s }, h.map((p) => {
                   var y, f, m;
-                  const g = ((y = d == null ? void 0 : d.data) == null ? void 0 : y.data) || (d == null ? void 0 : d.data), u = (m = (f = d == null ? void 0 : d.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
+                  const g = ((y = p == null ? void 0 : p.data) == null ? void 0 : y.data) || (p == null ? void 0 : p.data), u = (m = (f = p == null ? void 0 : p.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
                   this.otherLayers[u] = g;
                 });
               }
             } else if (a.dayNight && o & 1024) {
-              const s = await ie.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const n = await ne.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
-              if (((r = s == null ? void 0 : s.data) == null ? void 0 : r.code) === 0) {
-                const c = (i = s == null ? void 0 : s.data) == null ? void 0 : i.data, h = [];
-                for (const d in c)
-                  h.push(
-                    ie.get(c[d], {
+              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 p in c)
+                  d.push(
+                    ne.get(c[p], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: d
+                        key: p
                       }
                     })
                   );
-                (await Promise.all(h)).map((d) => {
+                (await Promise.all(d)).map((p) => {
                   var y, f, m;
-                  const g = ((y = d == null ? void 0 : d.data) == null ? void 0 : y.data) || (d == null ? void 0 : d.data), u = (m = (f = d == null ? void 0 : d.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
+                  const g = ((y = p == null ? void 0 : p.data) == null ? void 0 : y.data) || (p == null ? void 0 : p.data), u = (m = (f = p == null ? void 0 : p.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
                   this.otherLayers[u] = g;
                 });
               }
             }
           } else
-            this.otherLayers = { enc: n };
+            this.otherLayers = { enc: s };
         } else
           this.otherLayers = {};
         this.handleBeforeLayerToggle();
@@ -7299,7 +7325,7 @@ const Ui = {
       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, n, s, c, h, p, d;
+      var a, e, t, r, i, o, s, n, c, d, h, 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,
@@ -7315,16 +7341,16 @@ const Ui = {
           }
         },
         this.beforeLayer
-      ), this.viewport.map.getSource((n = this.viewport) == null ? void 0 : n.particleSource) || this.viewport.map.addSource((s = this.viewport) == null ? void 0 : s.particleSource, {
+      ), this.viewport.map.getSource((s = this.viewport) == null ? void 0 : s.particleSource) || this.viewport.map.addSource((n = this.viewport) == null ? void 0 : n.particleSource, {
         type: "canvas",
         canvas: (c = this.viewport) == null ? void 0 : c.particleCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
-      }), this.viewport.map.getLayer((h = this.viewport) == null ? void 0 : h.particleLayer) || this.viewport.map.addLayer(
+      }), 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: (d = this.viewport) == null ? void 0 : d.particleSource,
+          id: (h = this.viewport) == null ? void 0 : h.particleLayer,
+          source: (p = this.viewport) == null ? void 0 : p.particleSource,
           layout: {
             visibility: "none"
           }
@@ -7333,34 +7359,34 @@ const Ui = {
       );
     },
     handleDragEndWithZoom4Json() {
-      var h, p, d, g;
+      var d, h, p, g;
       const a = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, t = 0;
-      const r = (h = this.map) == null ? void 0 : h.getBounds(), i = this.map.getZoom(), o = D.convertToStdLng(r._sw.lng), n = D.convertToStdLng(r._ne.lng), s = Math.floor(r._sw.lat), c = Math.ceil(r._ne.lat);
+      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) || {};
+            const f = ((h = this.weatherLayers[u]) == null ? void 0 : h.direction) || {};
             for (const m in f)
-              if (m > s && m < c && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+              if (m > n && m < c && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = f[m].lng;
-                o > n ? v.forEach((b, L) => {
-                  var S;
-                  if ((b >= o && b <= 180 || b >= -180 && b <= n) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const w = C.point([b, m], {
-                      val: f[m].val[L],
-                      spd: (S = f[m].spd) == null ? void 0 : S[L]
+                o > s ? v.forEach((b, _) => {
+                  var z;
+                  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: (z = f[m].spd) == null ? void 0 : z[_]
                     });
                     y.push(w);
                   }
-                }) : v.forEach((b, L) => {
-                  var S;
-                  if (b >= o && b <= n && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const w = C.point([b, m], {
-                      val: f[m].val[L],
-                      spd: (S = f[m].spd) == null ? void 0 : S[L]
+                }) : v.forEach((b, _) => {
+                  var z;
+                  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: (z = f[m].spd) == null ? void 0 : z[_]
                     });
                     y.push(w);
                   }
@@ -7371,15 +7397,15 @@ const Ui = {
               if (m) {
                 if (!m.data) {
                   const v = [];
-                  for (const b in (d = m.raw) == null ? void 0 : d.LineString) {
-                    const L = m.raw.LineString[b];
-                    for (const S of L)
+                  for (const b in (p = m.raw) == null ? void 0 : p.LineString) {
+                    const _ = m.raw.LineString[b];
+                    for (const z of _)
                       v.push(
-                        C.lineString(S, {
+                        L.lineString(z, {
                           val: Number(b)
                         })
                       );
-                    m.data = C.featureCollection(v);
+                    m.data = L.featureCollection(v);
                   }
                 }
                 if (m.data) {
@@ -7394,16 +7420,16 @@ const Ui = {
               if (m) {
                 if (!m.data) {
                   const b = [];
-                  for (const L in (g = m.raw) == null ? void 0 : g.Polygon) {
-                    const S = m.raw.Polygon[L];
-                    for (const w of S)
+                  for (const _ in (g = m.raw) == null ? void 0 : g.Polygon) {
+                    const z = m.raw.Polygon[_];
+                    for (const w of z)
                       b.push(
-                        C.polygon(w, {
-                          val: Number(L)
+                        L.polygon(w, {
+                          val: Number(_)
                         })
                       );
                   }
-                  m.data = C.featureCollection(b);
+                  m.data = L.featureCollection(b);
                 }
                 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);
@@ -7412,23 +7438,23 @@ const Ui = {
           } else if (u === "wind") {
             const f = this.weatherLayers.wind.raw;
             for (const m in f)
-              if (m > s && m < c && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+              if (m > n && m < c && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = f[m].lng;
-                o > n ? v.forEach((b, L) => {
-                  if ((b >= o && b <= 180 || b >= -180 && b <= n) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const S = C.point([b, m], {
-                      val: f[m].val[L],
-                      spd: f[m].spd[L]
+                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 z = L.point([b, m], {
+                      val: f[m].val[_],
+                      spd: f[m].spd[_]
                     });
-                    y.push(S);
+                    y.push(z);
                   }
-                }) : v.forEach((b, L) => {
-                  if (b >= o && b <= n && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const S = C.point([b, m], {
-                      val: f[m].val[L],
-                      spd: f[m].spd[L]
+                }) : v.forEach((b, _) => {
+                  if (b >= o && b <= s && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const z = L.point([b, m], {
+                      val: f[m].val[_],
+                      spd: f[m].spd[_]
                     });
-                    y.push(S);
+                    y.push(z);
                   }
                 });
               }
@@ -7442,18 +7468,18 @@ const Ui = {
                 const m = [];
                 for (const v in f.Polygon) {
                   const b = f.Polygon[v];
-                  for (const L of b)
+                  for (const _ of b)
                     m.push(
-                      C.polygon(L, {
+                      L.polygon(_, {
                         val: Number(v)
                       })
                     );
                 }
                 for (const v in f.Point) {
                   const b = f.Point[v];
-                  for (const L of b)
+                  for (const _ of b)
                     m.push(
-                      ...C.points(L, {
+                      ...L.points(_, {
                         val: Number(v)
                       }).features
                     );
@@ -7471,19 +7497,19 @@ const Ui = {
                 const m = [];
                 for (const v in f.LineString) {
                   const b = f.LineString[v];
-                  for (const L of b)
+                  for (const _ of b)
                     m.push(
-                      C.lineString(L, {
+                      L.lineString(_, {
                         val: Number(v)
                       })
                     );
                 }
                 for (const v in f.Point)
-                  f.Point[v].lng.forEach((b, L) => {
+                  f.Point[v].lng.forEach((b, _) => {
                     b = D.convertToStdLng(b), m.push(
-                      C.point([b, v], {
-                        val: f.Point[v].val[L],
-                        type: f.Point[v].type[L]
+                      L.point([b, v], {
+                        val: f.Point[v].val[_],
+                        type: f.Point[v].type[_]
                       })
                     );
                   });
@@ -7500,9 +7526,9 @@ const Ui = {
                 const m = [];
                 for (const v in f.LineString) {
                   const b = f.LineString[v];
-                  for (const L of b)
+                  for (const _ of b)
                     m.push(
-                      C.lineString(L, {
+                      L.lineString(_, {
                         val: Number(v)
                       })
                     );
@@ -7512,7 +7538,7 @@ const Ui = {
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e);
           }
-          console.log(u, " elapsed: ", t, ", total: ", e += t), y.length && (this.weatherLayers[u].data = C.featureCollection(y)), this.weatherLayers[u].active = !0, this.weatherLayers[u].version = Math.random() + 1;
+          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;
         }
     },
     handleDragEndWithZoom4Image() {
@@ -7524,11 +7550,11 @@ const Ui = {
       return a.features.forEach((o) => {
         if (o.geometry.type !== "Point")
           if (r > i) {
-            let n = [r, e._sw.lat, 180, e._ne.lat], s = C.bboxClip(o, n);
-            s.geometry.coordinates.length && t.push(s), n = [-180, e._sw.lat, i, e._ne.lat], s = C.bboxClip(o, n), s.geometry.coordinates.length && t.push(s);
+            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);
           } else {
-            const n = [r, e._sw.lat, i, e._ne.lat], s = C.bboxClip(o, n);
-            s.geometry.coordinates.length && t.push(s);
+            const s = [r, e._sw.lat, i, e._ne.lat], n = L.bboxClip(o, s);
+            n.geometry.coordinates.length && t.push(n);
           }
         else
           t.push(o);
@@ -7545,8 +7571,8 @@ const Ui = {
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var a, e, t, r, i, o, n, s, c, h, p, d, 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"] || (n = this.otherLayers) != null && n["time-zones"] || (s = this.otherLayers) != null && s.pirates || (c = this.otherLayers) != null && c.ports || (h = this.otherLayers) != null && h.enc || (p = this.otherLayers) != null && p["voluntary-reporting-area"] || (d = this.otherLayers) != null && d["eca-zones"] || (g = this.otherLayers) != null && g["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var a, e, t, r, i, o, s, n, c, d, h, p, 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 || (h = this.otherLayers) != null && h["voluntary-reporting-area"] || (p = this.otherLayers) != null && p["eca-zones"] || (g = this.otherLayers) != null && g["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
     handleDateChange(a = { tropicals: !1 }) {
       this.fetchWeatherLayers(a), this.fetchOtherLayers({ dayNight: !0 });
@@ -7558,9 +7584,16 @@ const Ui = {
         }, 500);
       else {
         this.activeWeatherLayers = e;
-        const r = this.activeWeatherLayers.some((n) => ["wind", "current"].includes(n.key)), i = this.activeWeatherLayers.some((n) => ["png", "jpg"].includes(n.type));
-        r && !i ? (this.particleFactor = this.activeWeatherLayers.find((n) => ["wind", "current"].includes(n.key)), this.particleFactor.particle = !0) : i && this.particleFactor && (this.particleFactor.particle = !1);
-        const o = e == null ? void 0 : e.reduce((n, s) => n + (n & (s == null ? void 0 : s.weight) ? 0 : s == null ? void 0 : s.weight), 0);
+        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);
+          }
+        ), 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();
       }
     },
@@ -7581,7 +7614,7 @@ const Ui = {
         ts: e.utc().format(),
         wt: !0,
         src: this.source
-      }, r = await ie.get(`${this.gateway}/api/arc/meteo/query`, {
+      }, r = await ne.get(`${this.gateway}/api/arc/meteo/query`, {
         params: t,
         headers: {
           Authorization: this.token || this.defaultMeteoToken
@@ -7593,25 +7626,32 @@ const Ui = {
       });
     },
     handle3dToggle(a) {
-      var e, t, r, i, o, n, s, c, h, p, d, g, u, y, f, m, v, b, L, S;
-      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)), (s = this.map) != null && s.getLayer((n = this.viewport) == null ? void 0 : n.particleLayer) && ((c = this.map) != null && c.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((p = this.map) == null || p.moveLayer((h = this.viewport) == null ? void 0 : h.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((d = this.viewport) == null ? void 0 : d.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)) && ((S = this.map) == null || S.moveLayer((L = this.viewport) == null ? void 0 : L.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+      var e, t, r, i, o, s, n, c, d, h, p, g, u, y, f, m, v, b, _, 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)), (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)) && ((h = this.map) == null || h.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((p = this.viewport) == null ? void 0 : p.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)) && ((z = this.map) == null || z.moveLayer((_ = this.viewport) == null ? void 0 : _.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
     },
     handleParticle(a) {
-      this.particleFactor = a, this.fetchWeatherLayers({ tropicals: !1 });
+      this.particleFactor = a, this.weatherLayers[a.key] && (this.weatherLayers[a.key].particle = a.particle), this.activeWeatherLayers.forEach((r) => {
+        r.key === a.key && (r.particle = a.particle);
+      });
+      let e = localStorage.getItem("weatherLayersCache");
+      const t = JSON.parse(e) || [];
+      t == null || t.forEach((r) => {
+        r.key === a.key && (r.particle = a.particle);
+      }), localStorage.setItem("weatherLayersCache", JSON.stringify(t)), this.fetchWeatherLayers({ tropicals: !1 });
     },
     handleToggleVersion() {
       this.$emit("toggleVersion", Math.random());
     }
   }
-}, Zi = {
+}, ts = {
   key: 0,
   className: "map-gl-home"
 };
-function Hi(a, e, t, r, i, o) {
-  var K, G, J, pe, X, R, V, de, Y, me, ee, te, ae, ge, be, ve, we, Le, Pe, Ee, Ie, Ae, De, Me, je, Be;
-  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), p = z("IdmPrmsl"), d = z("IdmIceberg"), g = z("IdmTropicals"), u = z("IdmCurrents"), y = z("IdmCurrentParticle"), f = z("IdmWindBarb"), m = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), L = z("IdmWaterTemp"), S = z("IdmTemp"), w = z("IdmArctic"), A = z("IdmWarZone"), M = z("IdmGmdssArea"), N = z("IdmEcaZone"), O = z("IdmAlertZone"), F = z("IdmPort"), H = z("IdmLoadLine"), re = z("IdmTimezone"), oe = z("IdmVRA"), se = z("IdmSpecialArea"), ne = z("IdmTerminator"), le = z("IdmLatLng"), ce = z("IdmMeasure"), he = z("IdmPoint");
-  return t.map ? (x(), _("div", Zi, [
-    P(n, E({
+function as(a, e, t, r, i, o) {
+  var ie, X, Y, be, q, I, F, ve, Q, we, re, oe, se, Pe, Te, Ie, Ee, Re, We, Ze, He, Ge, Je, Xe, Ye, qe;
+  const s = P("IdmGlLayer"), n = P("IdmENC"), c = P("IdmSigWave"), d = P("IdmSwell"), h = P("IdmPrmsl"), p = P("IdmIceberg"), g = P("IdmTropicals"), u = P("IdmCurrents"), y = P("IdmCurrentParticle"), f = P("IdmWindBarb"), m = P("IdmWindParticle"), v = P("IdmPrecip3h"), b = P("IdmVisibility"), _ = P("IdmWaterTemp"), z = P("IdmTemp"), w = P("IdmArctic"), A = P("IdmWarZone"), M = P("IdmGmdssArea"), $ = P("IdmEcaZone"), W = P("IdmAlertZone"), O = P("IdmPort"), J = P("IdmLoadLine"), de = P("IdmTimezone"), pe = P("IdmVRA"), me = P("IdmSpecialArea"), ue = P("IdmTerminator"), ye = P("IdmLatLng"), fe = P("IdmMeasure"), ge = P("IdmPoint");
+  return t.map ? (x(), C("div", ts, [
+    k(s, E({
       ref: "layer",
       map: t.map,
       "toggle-version": t.toggleVersion,
@@ -7619,69 +7659,72 @@ function Hi(a, e, t, r, i, o) {
     }, a.$attrs, {
       onWeather: o.handleWeatherLayerChange,
       onOther: o.handleOtherLayerChange,
-      onCoordinate: e[0] || (e[0] = (ue) => i.showCoord = ue),
-      onMeasure: e[1] || (e[1] = (ue) => i.showMeasure = ue),
-      onPoint: e[2] || (e[2] = (ue) => i.showPoint = ue),
+      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),
       on3d: o.handle3dToggle,
       onHandleToggleVersion: o.handleToggleVersion
     }), null, 16, ["map", "toggle-version", "map-projection", "onWeather", "onOther", "on3d", "onHandleToggleVersion"]),
-    P(s, E({
+    k(n, E({
       map: t.map,
       token: t.token,
-      enabled: (K = i.otherLayers) == null ? void 0 : K.enc,
+      enabled: (ie = i.otherLayers) == null ? void 0 : ie.enc,
       "toggle-version": t.toggleVersion
     }, a.$attrs, {
-      onEnc: e[3] || (e[3] = (ue) => i.enc = ue)
+      onEnc: e[3] || (e[3] = (_e) => i.enc = _e)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
-    P(c, E({
+    k(c, E({
       map: t.map,
-      "sig-wave": (G = i.weatherLayers) == null ? void 0 : G["sig-wave-height"],
+      "sig-wave": (X = i.weatherLayers) == null ? void 0 : X["sig-wave-height"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "sig-wave", "before-layer"]),
-    P(h, E({
+    k(d, E({
       map: t.map,
-      swell: (J = i.weatherLayers) == null ? void 0 : J.swell,
+      swell: (Y = i.weatherLayers) == null ? void 0 : Y.swell,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "swell", "before-layer"]),
-    P(p, E({
+    k(h, E({
       map: t.map,
-      prmsl: (pe = i.weatherLayers) == null ? void 0 : pe.prmsl,
+      prmsl: (be = i.weatherLayers) == null ? void 0 : be.prmsl,
       "before-layer": t.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, a.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
-    P(d, E({
+    k(p, E({
       map: t.map,
-      iceberg: (X = i.weatherLayers) == null ? void 0 : X.iceberg,
+      iceberg: (q = i.weatherLayers) == null ? void 0 : q.iceberg,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
-    P(g, E({
+    k(g, E({
       map: t.map,
       date: t.ts,
-      tropicals: (R = i.weatherLayers) == null ? void 0 : R.tropicals,
+      tropicals: (I = i.weatherLayers) == null ? void 0 : I.tropicals,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
-    P(u, E({
+    k(u, E({
       map: t.map,
       "map-projection": i.mapProjection,
-      current: (V = i.weatherLayers) == null ? void 0 : V.current,
+      current: (F = i.weatherLayers) == null ? void 0 : F.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, { onParticle: o.handleParticle }), null, 16, ["map", "map-projection", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle"]),
-    P(y, E({
+    }, a.$attrs, {
+      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({
       viewport: i.viewport,
-      factor: (de = i.weatherLayers) == null ? void 0 : de["current-particle"],
+      factor: (ve = i.weatherLayers) == null ? void 0 : ve["current-particle"],
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(f, E({
+    k(f, E({
       ref: "windBarb",
       map: t.map,
       "map-projection": i.mapProjection,
-      wind: (Y = i.weatherLayers) == null ? void 0 : Y.wind,
-      current: (me = i.weatherLayers) == null ? void 0 : me.current,
+      wind: (Q = i.weatherLayers) == null ? void 0 : Q.wind,
+      current: (we = i.weatherLayers) == null ? void 0 : we.current,
       "before-layer": t.beforeLayer,
       "margin-bottom": i.showRampColor ? "56px" : "30px",
       "show-particle": i.showWindParticle
@@ -7690,120 +7733,120 @@ function Hi(a, e, t, r, i, o) {
       "weather-layers": i.weatherLayers,
       onParticle: o.handleParticle
     }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "show-particle", "toggle-version", "weather-layers", "onParticle"]),
-    P(m, E({
+    k(m, E({
       viewport: i.viewport,
-      factor: (ee = i.weatherLayers) == null ? void 0 : ee["wind-particle"],
+      factor: (re = i.weatherLayers) == null ? void 0 : re["wind-particle"],
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(v, E({
+    k(v, E({
       viewport: i.viewport,
-      factor: (te = i.weatherLayers) == null ? void 0 : te.precip3h,
+      factor: (oe = i.weatherLayers) == null ? void 0 : oe.precip3h,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(b, E({
+    k(b, E({
       viewport: i.viewport,
-      factor: (ae = i.weatherLayers) == null ? void 0 : ae.visibility,
+      factor: (se = i.weatherLayers) == null ? void 0 : se.visibility,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(L, E({
+    k(_, E({
       viewport: i.viewport,
-      factor: (ge = i.weatherLayers) == null ? void 0 : ge["water-temp"],
+      factor: (Pe = i.weatherLayers) == null ? void 0 : Pe["water-temp"],
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(S, E({
+    k(z, E({
       viewport: i.viewport,
-      factor: (be = i.weatherLayers) == null ? void 0 : be.temp,
+      factor: (Te = i.weatherLayers) == null ? void 0 : Te.temp,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(w, E({
+    k(w, E({
       viewport: i.viewport,
-      factor: (ve = i.weatherLayers) == null ? void 0 : ve.arctic,
+      factor: (Ie = i.weatherLayers) == null ? void 0 : Ie.arctic,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(A, E({
+    k(A, E({
       map: t.map,
-      zone: (we = i.otherLayers) == null ? void 0 : we["war-zones"],
+      zone: (Ee = i.otherLayers) == null ? void 0 : Ee["war-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(M, E({
+    k(M, E({
       map: t.map,
-      area: (Le = i.otherLayers) == null ? void 0 : Le["gmdss-areas"],
+      area: (Re = i.otherLayers) == null ? void 0 : Re["gmdss-areas"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    P(N, E({
+    k($, E({
       map: t.map,
-      zone: (Pe = i.otherLayers) == null ? void 0 : Pe["eca-zones"],
+      zone: (We = i.otherLayers) == null ? void 0 : We["eca-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(O, E({
+    k(W, E({
       map: t.map,
-      zone: (Ee = i.otherLayers) == null ? void 0 : Ee["alert-zones"],
+      zone: (Ze = i.otherLayers) == null ? void 0 : Ze["alert-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(F, E({
+    k(O, E({
       map: t.map,
-      port: (Ie = i.otherLayers) == null ? void 0 : Ie.ports,
+      port: (He = i.otherLayers) == null ? void 0 : He.ports,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "port", "before-layer"]),
-    P(H, E({
+    k(J, E({
       map: t.map,
-      line: (Ae = i.otherLayers) == null ? void 0 : Ae["load-lines"],
+      line: (Ge = i.otherLayers) == null ? void 0 : Ge["load-lines"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "line", "before-layer"]),
-    P(re, E({
+    k(de, E({
       map: t.map,
-      zone: (De = i.otherLayers) == null ? void 0 : De["time-zones"],
+      zone: (Je = i.otherLayers) == null ? void 0 : Je["time-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(oe, E({
+    k(pe, E({
       map: t.map,
-      area: (Me = i.otherLayers) == null ? void 0 : Me["voluntary-reporting-area"],
+      area: (Xe = i.otherLayers) == null ? void 0 : Xe["voluntary-reporting-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    P(se, E({
+    k(me, E({
       map: t.map,
-      area: (je = i.otherLayers) == null ? void 0 : je["special-area"],
+      area: (Ye = i.otherLayers) == null ? void 0 : Ye["special-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    P(ne, E({
+    k(ue, E({
       map: t.map,
-      area: (Be = i.otherLayers) == null ? void 0 : Be["day-night"]
+      area: (qe = i.otherLayers) == null ? void 0 : qe["day-night"]
     }, a.$attrs), null, 16, ["map", "area"]),
-    P(le, E({
+    k(ye, E({
       map: t.map,
       show: i.showCoord,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["map", "show", "toggle-version"]),
-    P(ce, E({
+    k(fe, E({
       map: t.map,
       show: i.showMeasure
     }, a.$attrs), null, 16, ["map", "show"]),
-    P(he, E({
+    k(ge, E({
       map: t.map,
       show: i.showPoint,
       meteo: i.meteo
     }, a.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
   ])) : B("", !0);
 }
-const Gi = /* @__PURE__ */ T(Ui, [["render", Hi]]), tr = {
+const is = /* @__PURE__ */ T(es, [["render", as]]), ds = {
   install(a) {
-    a.component("MapboxGL", Gi), a.component("TropicalGL", Oe), a.component("LatLngGL", Fe);
+    a.component("MapboxGL", is), a.component("TropicalGL", Ke), a.component("LatLngGL", et);
   }
 };
 export {
-  Fe as LatLngGL,
-  Gi as MapboxGL,
-  tr as MapboxGLPlugin,
-  wt as MapboxHelper,
-  U as ParticleSchema,
-  Oe as TropicalGL,
-  Re as Viewport,
-  ye as WebGL,
-  W as WebGLSchema
+  et as LatLngGL,
+  is as MapboxGL,
+  ds as MapboxGLPlugin,
+  aa as MapboxHelper,
+  V as ParticleSchema,
+  Ke as TropicalGL,
+  Ve as Viewport,
+  Le as WebGL,
+  N as WebGLSchema
 };