@idmwx/idmui-gl3 5.5.2 → 5.5.4

package/dist/index.js

@@ -5,7 +5,7 @@ import { LayerHelper as Ke, CompanyHelper as Xe } from "@idm-plugin/tag";
 import F from "moment";
 import le from "axios";
 import Ge from "moment-timezone";
-import { resolveComponent as z, openBlock as g, createElementBlock as y, createElementVNode as s, normalizeStyle as J, createVNode as k, withCtx as ae, normalizeClass as H, Fragment as _, renderList as N, toDisplayString as B, createCommentVNode as O, createBlock as pt, createTextVNode as U, withDirectives as fe, createStaticVNode as mt, vShow as we, defineComponent as ut, withModifiers as Ue, mergeProps as S } from "vue";
+import { resolveComponent as z, openBlock as g, createElementBlock as f, createElementVNode as s, normalizeStyle as J, createVNode as k, withCtx as ae, normalizeClass as H, Fragment as _, renderList as N, toDisplayString as B, createCommentVNode as O, createBlock as pt, createTextVNode as U, withDirectives as fe, createStaticVNode as mt, vShow as we, defineComponent as ut, withModifiers as Ue, mergeProps as S } from "vue";
 import * as D from "@turf/turf";
 import gt from "@mapbox/sphericalmercator";
 import ve from "mapbox-gl";
@@ -74,20 +74,21 @@ const T = (t, e) => {
         other: [...Ke.OTHER_LAYERS.filter((t) => t.enabled)]
       },
       activeWeatherLayers: [],
+      activeWeatherLayersCollected: [],
       activeOtherLayers: [],
       autoActiveCache: "autoActiveCache",
       activeWeatherLayersCache: "activeWeatherLayersCache",
       activeOtherLayersCache: "activeOtherLayersCache",
       collectedLayerCache: "collectedLayerCache",
       sourceCache: "defaultSourceCache",
-      windFeatherCache: "windFeatherCache",
-      currentIsobandCache: "currentIsobandCache",
+      windFeatherCollectedCache: "windFeatherCollectedCache",
+      currentIsobandCollectedCache: "currentIsobandCollectedCache",
       showCoord: !1,
       showMeasure: !1,
       showPoint: !1,
       show3d: !1,
       version: {
-        v: "0.0.9",
+        v: "0.1.0",
         k: "glCacheVersion"
       },
       source: "GFS",
@@ -137,6 +138,11 @@ const T = (t, e) => {
         t && t !== e && this.$emit("forecastModel", this.source), t && e && t !== e && this.handleConfirm();
       }
     },
+    activeWeatherLayers: {
+      handler(t, e) {
+        this.autoActive && (this.activeWeatherLayersCollected = this.activeWeatherLayers, localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers)), console.log(999999));
+      }
+    },
     showWindParticle: {
       handler(t, e) {
         this.autoActive && (this.showWindParticleCollected = this.showWindParticle);
@@ -144,7 +150,7 @@ const T = (t, e) => {
     },
     showWindFeather: {
       handler(t, e) {
-        this.autoActive && (this.showWindFeatherCollected = this.showWindFeather);
+        this.autoActive && (this.showWindFeatherCollected = this.showWindFeather, localStorage.setItem(this.windFeatherCollectedCache, this.showWindFeatherCollected));
       }
     },
     showCurrentParticle: {
@@ -154,7 +160,7 @@ const T = (t, e) => {
     },
     showCurrentIsoband: {
       handler(t, e) {
-        this.autoActive && (this.showCurrentIsobandCollected = this.showCurrentIsoband);
+        this.autoActive && (this.showCurrentIsobandCollected = this.showCurrentIsoband, localStorage.setItem(this.currentIsobandCollectedCache, this.showCurrentIsobandCollected));
       }
     }
   },
@@ -174,7 +180,7 @@ const T = (t, e) => {
     },
     fetchCache() {
       const t = localStorage.getItem(this.version.k);
-      this.version.v !== t && (localStorage.removeItem(this.activeWeatherLayersCache), localStorage.removeItem(this.collectedLayerCache), localStorage.removeItem(this.activeOtherLayersCache), localStorage.removeItem(this.windFeatherCache), localStorage.removeItem(this.currentIsobandCache), localStorage.setItem(this.version.k, this.version.v));
+      this.version.v !== t && (localStorage.removeItem(this.autoActiveCache), localStorage.removeItem(this.activeWeatherLayersCache), localStorage.removeItem(this.collectedLayerCache), localStorage.removeItem(this.activeOtherLayersCache), localStorage.removeItem(this.windFeatherCollectedCache), localStorage.removeItem(this.currentIsobandCollectedCache), localStorage.setItem(this.version.k, this.version.v));
       let e = localStorage.getItem(this.autoActiveCache);
       this.autoActive = e !== "false", e = localStorage.getItem(this.collectedLayerCache);
       let a = JSON.parse(
@@ -188,12 +194,15 @@ const T = (t, e) => {
           { weight: 4096, name: "Pressure", key: "prmsl", enabled: !0, type: "json" },
           { weight: 256, name: "Tropicals", key: "tropicals", enabled: !0, type: "json" }
         ]
-      )), e = localStorage.getItem(this.activeWeatherLayersCache), a = JSON.parse(e), this.autoActive && (this.activeWeatherLayers = [...a]), a.some((r) => r.key === "wind" && r.particle) && this.$emit("toggleWindParticle", !0), localStorage.getItem(this.windFeatherCache) === "true" && this.$emit("toggleWindFeather", !0), a.some((r) => r.key === "current" && r.particle) && this.$emit("toggleCurrentParticle", !0), localStorage.getItem(this.currentIsobandCache) === "true" && this.$emit("toggleCurrentIsoband", !0), a.some((r) => r.key === "wind" && !r.particle && localStorage.getItem(this.windFeatherCache) === "false") && (a = a.filter((r) => r.key !== "wind")), a.some((r) => r.key === "current" && !r.particle && localStorage.getItem(this.currentIsobandCache) === "false") && (a = a.filter((r) => r.key !== "current")), e = localStorage.getItem(this.activeOtherLayersCache), a = JSON.parse(e || '[{"weight":4,"name":"ECA Zones","key":"eca-zones","enabled":true,"type":"json"}, {"weight": 2048,"name": "ENC","key": "enc","h5": true,"enabled": true,"type": "origin"}]'), this.activeOtherLayers = a, e = localStorage.getItem(this.sourceCache), this.source = e ? e === "CMEMS" ? "ECMWF" : e : this.source, this.$emit("forecastModel", this.source);
+      )), e = localStorage.getItem(this.activeWeatherLayersCache), a = JSON.parse(e), this.autoActive ? this.activeWeatherLayers = [...a] : this.activeWeatherLayersCollected = [...a], a.some((r) => r.key === "wind" && r.particle) && (this.$emit("toggleWindParticle", !0), this.showWindParticleCollected = !0), a.some((r) => r.key === "current" && r.particle) && (this.$emit("toggleCurrentParticle", !0), this.showCurrentParticleCollected = !0), this.showWindFeatherCollected = JSON.parse(localStorage.getItem(this.windFeatherCollectedCache)), this.showCurrentIsobandCollected = JSON.parse(localStorage.getItem(this.currentIsobandCollectedCache)), this.autoActive && (this.$emit("toggleWindFeather", this.showWindFeatherCollected), this.$emit("toggleCurrentIsoband", this.showCurrentIsobandCollected)), a.some((r) => r.key === "wind" && !r.particle && !this.showWindFeatherCollected) && (a = a.filter((r) => r.key !== "wind")), a.some((r) => r.key === "current" && !r.particle && !this.showCurrentIsobandCollected) && (a = a.filter((r) => r.key !== "current")), e = localStorage.getItem(this.activeOtherLayersCache), a = JSON.parse(e || '[{"weight":4,"name":"ECA Zones","key":"eca-zones","enabled":true,"type":"json"}, {"weight": 2048,"name": "ENC","key": "enc","h5": true,"enabled": true,"type": "origin"}]'), this.activeOtherLayers = a, e = localStorage.getItem(this.sourceCache), this.source = e ? e === "CMEMS" ? "ECMWF" : e : this.source, this.$emit("forecastModel", this.source);
     },
     handleConfirm() {
-      var e;
-      const t = (e = this.sourceList.find((a) => a.name === this.source)) == null ? void 0 : e.code;
-      this.$emit("weather", this.activeWeatherLayers, t), this.$emit("other", this.activeOtherLayers), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
+      var t;
+      if (this.autoActive) {
+        const e = (t = this.sourceList.find((a) => a.name === this.source)) == null ? void 0 : t.code;
+        this.$emit("weather", JSON.parse(localStorage.getItem(this.activeWeatherLayersCache)), e);
+      }
+      this.$emit("other", this.activeOtherLayers), localStorage.setItem(this.autoActiveCache, this.autoActive), localStorage.setItem(this.sourceCache, this.source);
     },
     handleWeatherLayerPick(t) {
       var a;
@@ -207,23 +216,23 @@ const T = (t, e) => {
         r.key === "wind" && this.showWindFeather && (r.particle = !1);
       }), this.activeWeatherLayers = this.activeWeatherLayers.filter((r) => r.type === "json" && !(["wind", "current"].includes(r.key) && r.particle))), this.activeWeatherLayers.push(t));
       const e = (a = this.sourceList.find((r) => r.name === this.source)) == null ? void 0 : a.code;
-      this.$emit("weather", this.activeWeatherLayers, e), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers));
+      this.$emit("weather", this.activeWeatherLayers, e);
     },
     handleWeatherLayerCollect(t) {
       var e;
       !t.collected && ((e = this.layers.weather.filter((a) => a.collected)) == null ? void 0 : e.length) >= 6 && (this.layers.weather.filter((a) => a.collected)[0].collected = !1), t.collected = !t.collected, localStorage.setItem(this.collectedLayerCache, JSON.stringify(this.layers.weather)), this.$emit("handleToggleVersion");
     },
     handleToggleWindParticle() {
-      !this.showWindFeather && this.showWindParticle ? this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }) : (this.showCurrentParticle && (this.$emit("toggleCurrentParticle", !1), this.showCurrentIsoband || (this.activeWeatherLayers = this.activeWeatherLayers.filter((t) => t.key !== "current"), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers)))), this.$emit("toggleWindParticle", !this.showWindParticle), this.$emit("toggleParticeVersion"));
+      !this.showWindFeather && this.showWindParticle ? this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }) : (this.showCurrentParticle && (this.$emit("toggleCurrentParticle", !1), this.showCurrentIsoband || (this.activeWeatherLayers = this.activeWeatherLayers.filter((t) => t.key !== "current"))), this.$emit("toggleWindParticle", !this.showWindParticle), this.$emit("toggleParticeVersion"));
     },
     handleToggleWindFeather() {
-      this.showWindFeather && !this.showWindParticle && this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }), this.$emit("toggleWindFeather", !this.showWindFeather), localStorage.setItem(this.windFeatherCache, !this.showWindFeather);
+      this.showWindFeather && !this.showWindParticle && this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }), this.$emit("toggleWindFeather", !this.showWindFeather);
     },
     handleToggleCurrentParticle() {
-      !this.showCurrentIsoband && this.showCurrentParticle ? this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 }) : (this.showWindParticle && (this.$emit("toggleWindParticle", !1), this.$emit("toggleParticeVersion"), this.showWindFeather || (this.activeWeatherLayers = this.activeWeatherLayers.filter((t) => t.key !== "wind"), localStorage.setItem(this.activeWeatherLayersCache, JSON.stringify(this.activeWeatherLayers)))), this.$emit("toggleCurrentParticle", !this.showCurrentParticle), this.$emit("toggleParticeVersion"));
+      !this.showCurrentIsoband && this.showCurrentParticle ? this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 }) : (this.showWindParticle && (this.$emit("toggleWindParticle", !1), this.$emit("toggleParticeVersion"), this.showWindFeather || (this.activeWeatherLayers = this.activeWeatherLayers.filter((t) => t.key !== "wind"))), this.$emit("toggleCurrentParticle", !this.showCurrentParticle), this.$emit("toggleParticeVersion"));
     },
     handleToggleCurrentIsoband() {
-      this.showCurrentIsoband && !this.showCurrentParticle && this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 }), this.$emit("toggleCurrentIsoband", !this.showCurrentIsoband), localStorage.setItem(this.currentIsobandCache, !this.showCurrentIsoband);
+      this.showCurrentIsoband && !this.showCurrentParticle && this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 }), this.$emit("toggleCurrentIsoband", !this.showCurrentIsoband);
     },
     handleOtherLayerPick(t) {
       this.activeOtherLayers.some((e) => e.key === t.key) ? this.activeOtherLayers = this.activeOtherLayers.filter((e) => e.key !== t.key) : t.enabled && this.activeOtherLayers.push(t), localStorage.setItem(this.activeOtherLayersCache, JSON.stringify(this.activeOtherLayers)), this.$emit("other", this.activeOtherLayers);
@@ -234,7 +243,7 @@ const T = (t, e) => {
     toggleAutoActive() {
       var e;
       const t = (e = this.sourceList.find((a) => a.name === this.source)) == null ? void 0 : e.code;
-      this.autoActive = !this.autoActive, localStorage.setItem(this.autoActiveCache, this.autoActive), this.autoActive ? this.$emit("weather", this.activeWeatherLayers, t) : this.$emit("weather", [], t);
+      this.autoActive = !this.autoActive, localStorage.setItem(this.autoActiveCache, this.autoActive), this.autoActive ? (this.$emit("weather", this.activeWeatherLayersCollected, t), this.$emit("toggleWindFeather", localStorage.getItem(this.windFeatherCollectedCache) === "true"), this.$emit("toggleCurrentIsoband", localStorage.getItem(this.currentIsobandCollectedCache) === "true")) : (this.$emit("weather", [], t), this.$emit("toggleWindFeather", !1), this.$emit("toggleCurrentIsoband", !1));
     },
     handleCoordToggle() {
       this.showCoord = !this.showCoord, this.$emit("coordinate", this.showCoord);
@@ -293,14 +302,14 @@ const T = (t, e) => {
   class: "radio-tip"
 };
 function $t(t, e, a, r, i, o) {
-  const n = z("ElTooltip"), c = z("ElRadio"), h = z("ElRadioGroup"), p = z("ElScrollbar");
-  return g(), y("div", yt, [
+  const l = z("ElTooltip"), c = z("ElRadio"), h = z("ElRadioGroup"), p = z("ElScrollbar");
+  return g(), f("div", yt, [
     s("div", {
       class: "menu-bar-box",
       style: J({ top: a.top + 10 + "px", right: i.right + "px" })
     }, [
       s("div", ft, [
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "Menu",
@@ -309,7 +318,7 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: H(a.layerToggle ? "menu-icon active" : "menu-icon"),
-              onClick: e[0] || (e[0] = (...l) => o.handleMenuToggle && o.handleMenuToggle(...l))
+              onClick: e[0] || (e[0] = (...n) => o.handleMenuToggle && o.handleMenuToggle(...n))
             }, e[17] || (e[17] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
@@ -323,7 +332,7 @@ function $t(t, e, a, r, i, o) {
       style: J({ top: a.top + 160 + "px", right: i.right + "px" })
     }, [
       s("div", wt, [
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "Measure",
@@ -332,14 +341,14 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: H(i.showMeasure ? "menu-icon active" : "menu-icon"),
-              onClick: e[1] || (e[1] = (...l) => o.handleMeasureToggle && o.handleMeasureToggle(...l))
+              onClick: e[1] || (e[1] = (...n) => o.handleMeasureToggle && o.handleMeasureToggle(...n))
             }, e[18] || (e[18] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
           _: 1
         }),
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "Point Meteo",
@@ -348,14 +357,14 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: H(i.showPoint ? "menu-icon active" : "menu-icon"),
-              onClick: e[2] || (e[2] = (...l) => o.handlePointToggle && o.handlePointToggle(...l))
+              onClick: e[2] || (e[2] = (...n) => o.handlePointToggle && o.handlePointToggle(...n))
             }, e[19] || (e[19] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
           _: 1
         }),
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "Grid",
@@ -364,14 +373,14 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: H(i.showCoord ? "menu-icon active" : "menu-icon"),
-              onClick: e[3] || (e[3] = (...l) => o.handleCoordToggle && o.handleCoordToggle(...l))
+              onClick: e[3] || (e[3] = (...n) => o.handleCoordToggle && o.handleCoordToggle(...n))
             }, e[20] || (e[20] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
           _: 1
         }),
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "3D",
@@ -380,7 +389,7 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: H(i.show3d ? "menu-icon active" : "menu-icon"),
-              onClick: e[4] || (e[4] = (...l) => o.handle3DToggle && o.handle3DToggle(...l))
+              onClick: e[4] || (e[4] = (...n) => o.handle3DToggle && o.handle3DToggle(...n))
             }, e[21] || (e[21] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
@@ -389,7 +398,7 @@ function $t(t, e, a, r, i, o) {
         })
       ])
     ], 4),
-    o.hasCollectedLayers ? (g(), y("div", {
+    o.hasCollectedLayers ? (g(), f("div", {
       key: 0,
       class: "active-layers",
       style: J({ right: i.right + "px", bottom: "100px" })
@@ -399,24 +408,24 @@ function $t(t, e, a, r, i, o) {
         s("div", {
           class: "switch flex-center",
           style: { "font-size": "28px", "margin-right": "0" },
-          onClick: e[5] || (e[5] = (...l) => o.toggleAutoActive && o.toggleAutoActive(...l))
+          onClick: e[5] || (e[5] = (...n) => o.toggleAutoActive && o.toggleAutoActive(...n))
         }, [
-          i.autoActive ? (g(), y("i", vt, "")) : (g(), y("i", Lt, ""))
+          i.autoActive ? (g(), f("i", vt, "")) : (g(), f("i", Lt, ""))
         ])
       ]),
-      (g(!0), y(_, null, N(i.layers.weather.filter((l) => l.collected), (l) => (g(), y("div", {
-        key: l.key,
-        class: H(o.computeLayerClass(l, i.activeWeatherLayers))
+      (g(!0), f(_, null, N(i.layers.weather.filter((n) => n.collected), (n) => (g(), f("div", {
+        key: n.key,
+        class: H(o.computeLayerClass(n, i.activeWeatherLayersCollected))
       }, [
         s("div", {
           class: "checkbox",
-          onClick: (d) => o.handleWeatherLayerPick(l)
+          onClick: (d) => o.handleWeatherLayerPick(n)
         }, null, 8, Ct),
         s("span", {
           class: "name",
-          onClick: (d) => o.handleWeatherLayerPick(l)
-        }, B(l.name), 9, xt),
-        l.key === "wind" && i.activeWeatherLayers.some((d) => d.key === l.key) ? (g(), y("div", Bt, [
+          onClick: (d) => o.handleWeatherLayerPick(n)
+        }, B(n.name), 9, xt),
+        n.key === "wind" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (g(), f("div", Bt, [
           s("i", {
             class: H(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
             onClick: e[6] || (e[6] = (d) => o.handleToggleWindParticle())
@@ -426,7 +435,7 @@ function $t(t, e, a, r, i, o) {
             onClick: e[7] || (e[7] = (d) => o.handleToggleWindFeather())
           }, "", 2)
         ])) : O("", !0),
-        l.key === "current" && i.activeWeatherLayers.some((d) => d.key === l.key) ? (g(), y("div", It, [
+        n.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (g(), f("div", It, [
           s("i", {
             class: H(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
             onClick: e[8] || (e[8] = (d) => o.handleToggleCurrentParticle())
@@ -449,7 +458,7 @@ function $t(t, e, a, r, i, o) {
           e[23] || (e[23] = s("div", null, "Layers", -1)),
           s("div", {
             class: "iconfont close-btn",
-            onClick: e[10] || (e[10] = (...l) => o.handleMenuToggle && o.handleMenuToggle(...l))
+            onClick: e[10] || (e[10] = (...n) => o.handleMenuToggle && o.handleMenuToggle(...n))
           }, "")
         ]),
         k(p, { style: { flex: "1" } }, {
@@ -460,29 +469,29 @@ function $t(t, e, a, r, i, o) {
                 s("div", {
                   class: "switch flex-center",
                   style: { "margin-right": "0" },
-                  onClick: e[11] || (e[11] = (...l) => o.toggleAutoActive && o.toggleAutoActive(...l))
+                  onClick: e[11] || (e[11] = (...n) => o.toggleAutoActive && o.toggleAutoActive(...n))
                 }, [
-                  i.autoActive ? (g(), y("i", kt, "")) : (g(), y("i", zt, ""))
+                  i.autoActive ? (g(), f("i", kt, "")) : (g(), f("i", zt, ""))
                 ])
               ]),
               s("div", Mt, [
-                (g(!0), y(_, null, N(i.layers.weather, (l) => (g(), y(_, {
-                  key: l.key
+                (g(!0), f(_, null, N(i.layers.weather, (n) => (g(), f(_, {
+                  key: n.key
                 }, [
-                  l.hide ? O("", !0) : (g(), y("div", {
+                  n.hide ? O("", !0) : (g(), f("div", {
                     key: 0,
-                    class: H(o.computeLayerClass(l, i.activeWeatherLayers))
+                    class: H(o.computeLayerClass(n, i.activeWeatherLayersCollected))
                   }, [
                     s("div", Tt, [
                       s("div", {
                         class: "checkbox",
-                        onClick: (d) => o.handleWeatherLayerPick(l)
+                        onClick: (d) => o.handleWeatherLayerPick(n)
                       }, null, 8, Qt),
                       s("span", {
                         class: "name",
-                        onClick: (d) => o.handleWeatherLayerPick(l)
-                      }, B(l.name), 9, St),
-                      l.key === "wind" && i.activeWeatherLayers.some((d) => d.key === l.key) ? (g(), y("div", _t, [
+                        onClick: (d) => o.handleWeatherLayerPick(n)
+                      }, B(n.name), 9, St),
+                      n.key === "wind" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (g(), f("div", _t, [
                         s("i", {
                           class: H(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
                           onClick: e[12] || (e[12] = (d) => o.handleToggleWindParticle())
@@ -492,7 +501,7 @@ function $t(t, e, a, r, i, o) {
                           onClick: e[13] || (e[13] = (d) => o.handleToggleWindFeather())
                         }, "", 2)
                       ])) : O("", !0),
-                      l.key === "current" && i.activeWeatherLayers.some((d) => d.key === l.key) ? (g(), y("div", Ht, [
+                      n.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (g(), f("div", Ht, [
                         s("i", {
                           class: H(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
                           onClick: e[14] || (e[14] = (d) => o.handleToggleCurrentParticle())
@@ -504,9 +513,9 @@ function $t(t, e, a, r, i, o) {
                       ])) : O("", !0)
                     ]),
                     s("div", {
-                      onClick: (d) => o.handleWeatherLayerCollect(l)
+                      onClick: (d) => o.handleWeatherLayerCollect(n)
                     }, [
-                      l.collected ? (g(), y("i", Nt, "")) : (g(), y("i", jt, ""))
+                      n.collected ? (g(), f("i", Nt, "")) : (g(), f("i", jt, ""))
                     ], 8, Ot)
                   ], 2))
                 ], 64))), 128)),
@@ -522,18 +531,18 @@ function $t(t, e, a, r, i, o) {
             s("div", Rt, [
               e[26] || (e[26] = s("div", { class: "layers-title" }, "Other Layers", -1)),
               s("div", Ft, [
-                (g(!0), y(_, null, N(i.layers.other, (l) => {
+                (g(!0), f(_, null, N(i.layers.other, (n) => {
                   var d;
-                  return g(), y("div", {
-                    key: l.key,
-                    class: H(["layer flex-between", o.computeLayerClass(l, i.activeOtherLayers)]),
-                    onClick: (b) => o.handleOtherLayerPick(l)
+                  return g(), f("div", {
+                    key: n.key,
+                    class: H(["layer flex-between", o.computeLayerClass(n, i.activeOtherLayers)]),
+                    onClick: (b) => o.handleOtherLayerPick(n)
                   }, [
                     s("div", Wt, [
                       s("div", Ut, [
-                        (d = o.computeLayerClass(l, i.activeOtherLayers)) != null && d.includes("active") ? (g(), y("i", Yt, "")) : (g(), y("i", Kt, ""))
+                        (d = o.computeLayerClass(n, i.activeOtherLayers)) != null && d.includes("active") ? (g(), f("i", Yt, "")) : (g(), f("i", Kt, ""))
                       ]),
-                      s("span", null, B(l.name), 1)
+                      s("span", null, B(n.name), 1)
                     ])
                   ], 10, Gt);
                 }), 128))
@@ -544,21 +553,21 @@ function $t(t, e, a, r, i, o) {
               s("div", Jt, [
                 k(h, {
                   modelValue: i.source,
-                  "onUpdate:modelValue": e[16] || (e[16] = (l) => i.source = l),
+                  "onUpdate:modelValue": e[16] || (e[16] = (n) => i.source = n),
                   class: "layer-radio flex-col-start-start",
                   style: { width: "180px", "align-items": "flex-start" }
                 }, {
                   default: ae(() => [
-                    (g(!0), y(_, null, N(i.sourceList, (l, d) => (g(), pt(c, {
-                      key: `source${l.name}`,
-                      value: l.name
+                    (g(!0), f(_, null, N(i.sourceList, (n, d) => (g(), pt(c, {
+                      key: `source${n.name}`,
+                      value: n.name
                     }, {
                       default: ae(() => {
                         var b, u, A, w, m, v;
                         return [
-                          U(B(l.name) + " ", 1),
-                          d !== 0 ? (g(), y("span", qt, B(l.resolution) + "km " + B(l.length) + "days", 1)) : O("", !0),
-                          d === 0 ? (g(), y("div", Vt, "Provides the best forecast")) : (A = (u = (b = l == null ? void 0 : l.update) == null ? void 0 : b.default) == null ? void 0 : u.meta) != null && A.initialisationTime ? (g(), y("div", Zt, "Update: " + B(o.computeDateZ((v = (m = (w = l == null ? void 0 : l.update) == null ? void 0 : w.default) == null ? void 0 : m.meta) == null ? void 0 : v.initialisationTime)), 1)) : O("", !0)
+                          U(B(n.name) + " ", 1),
+                          d !== 0 ? (g(), f("span", qt, B(n.resolution) + "km " + B(n.length) + "days", 1)) : O("", !0),
+                          d === 0 ? (g(), f("div", Vt, "Provides the best forecast")) : (A = (u = (b = n == null ? void 0 : n.update) == null ? void 0 : b.default) == null ? void 0 : u.meta) != null && A.initialisationTime ? (g(), f("div", Zt, "Update: " + B(o.computeDateZ((v = (m = (w = n == null ? void 0 : n.update) == null ? void 0 : w.default) == null ? void 0 : m.meta) == null ? void 0 : v.initialisationTime)), 1)) : O("", !0)
                         ];
                       }),
                       _: 2
@@ -653,13 +662,13 @@ const ta = {
         }, 500);
       else if (this.wind) {
         const i = (/* @__PURE__ */ new Date()).valueOf();
-        let o = 0, n = 0, c = this.empty;
+        let o = 0, l = 0, c = this.empty;
         if ((t = this.wind) != null && t.active && (c = (e = this.wind) == null ? void 0 : e.data), (a = this.map) != null && a.getSource(this.source))
-          (r = this.map) == null || r.getSource(this.source).setData(c), n = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] update elapsed: ", n, ", total: ", o += n);
+          (r = this.map) == null || r.getSource(this.source).setData(c), l = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] update elapsed: ", l, ", total: ", o += l);
         else {
           this.map.addSource(this.source, { type: "geojson", data: c });
           for (let h = 0; h < (this.barbs ?? []).length - 1; h++) {
-            const p = (this.barbs ?? [])[h] || 0, l = (this.barbs ?? [])[h + 1] || 0, d = p < 10 ? `00${p}kts` : p < 100 ? `0${p}kts` : `${p}kts`;
+            const p = (this.barbs ?? [])[h] || 0, n = (this.barbs ?? [])[h + 1] || 0, d = p < 10 ? `00${p}kts` : p < 100 ? `0${p}kts` : `${p}kts`;
             this.map.addLayer(
               {
                 id: d,
@@ -669,7 +678,7 @@ const ta = {
                   // @ts-ignore
                   [">=", "spd", p],
                   // @ts-ignore
-                  ["<", "spd", l]
+                  ["<", "spd", n]
                 ],
                 source: this.source,
                 layout: {
@@ -696,7 +705,7 @@ const ta = {
               this.beforeLayer
             );
           }
-          this.windBarbLoaded = !0, n = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] add elapsed: ", n, ", total: ", o += n);
+          this.windBarbLoaded = !0, l = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] add elapsed: ", l, ", total: ", o += l);
         }
       }
     },
@@ -767,8 +776,8 @@ class Je {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    const e = this.map.getBounds(), a = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, n] = this.convertNLng(r[0]), [c, h] = this.convertNLng(i[0]), [p, l] = this.mercator.px([o, r[1]], a), [d, b] = this.mercator.px([c, i[1]], a), u = Math.round(this.mercator.size * Math.pow(2, a) * (n + h));
-    return [d, b, p + u, l];
+    const e = this.map.getBounds(), a = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, l] = this.convertNLng(r[0]), [c, h] = this.convertNLng(i[0]), [p, n] = this.mercator.px([o, r[1]], a), [d, b] = this.mercator.px([c, i[1]], a), u = Math.round(this.mercator.size * Math.pow(2, a) * (l + h));
+    return [d, b, p + u, n];
   }
   /**
    * [视窗边界像素宽度]
@@ -783,13 +792,13 @@ class Je {
    * @param zoom
    */
   getWorldCopy(e, a) {
-    const r = 2 ** a, [i, o, n, c] = e.map((l) => ~~(l / (r * 256))), h = [];
-    for (let l = c; l <= o; l++)
-      for (let d = i; d <= n; d++)
-        h.push([d, l]);
-    return h.map((l) => {
+    const r = 2 ** a, [i, o, l, c] = e.map((n) => ~~(n / (r * 256))), h = [];
+    for (let n = c; n <= o; n++)
+      for (let d = i; d <= l; d++)
+        h.push([d, n]);
+    return h.map((n) => {
       const d = 2 ** a * 256;
-      return [l[0] * d, l[1] * d, d];
+      return [n[0] * d, n[1] * d, d];
     });
   }
   resize() {
@@ -830,9 +839,9 @@ class Ce {
    * @param width??
    * @param height??
    */
-  createTexture(e, a, r, i, o, n, c) {
+  createTexture(e, a, r, i, o, l, c) {
     const h = e.createTexture();
-    return e.bindTexture(e.TEXTURE_2D, h), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, a), 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, c, 0, e.RGBA, e.UNSIGNED_BYTE, o) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, o), e.bindTexture(e.TEXTURE_2D, null), h;
+    return e.bindTexture(e.TEXTURE_2D, h), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, a), 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, l, c, 0, e.RGBA, e.UNSIGNED_BYTE, o) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, o), e.bindTexture(e.TEXTURE_2D, null), h;
   }
   /**
    * 创建数据资源
@@ -855,8 +864,8 @@ class Ce {
    * @param fragmentSchema
    */
   createProgram(e, a, r) {
-    const i = e.createProgram(), o = this.createShader(e, e.VERTEX_SHADER, a), 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, a), l = this.createShader(e, e.FRAGMENT_SHADER, r);
+    if (i && o && l && (e.attachShader(i, o), e.attachShader(i, l), e.linkProgram(i), !e.getProgramParameter(i, e.LINK_STATUS)))
       throw new Error(e.getProgramInfoLog(i) || "error happened while creating ramp color program");
     return i;
   }
@@ -869,8 +878,8 @@ class Ce {
   createProgramWrapper(e, a, r) {
     const i = this.createProgram(e, a, r);
     if (i) {
-      const o = { program: i }, n = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
-      for (let h = 0; h < n; h++) {
+      const o = { program: i }, l = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
+      for (let h = 0; h < l; h++) {
         const p = e.getActiveAttrib(i, h);
         o[p.name] = e.getAttribLocation(i, p.name);
       }
@@ -887,21 +896,21 @@ class Ce {
    * @param colors
    */
   setup(e, a, r = !1, i, o) {
-    const n = document.createElement("canvas");
-    n.width = 256, n.height = 1;
-    const c = n.getContext("2d");
+    const l = document.createElement("canvas");
+    l.width = 256, l.height = 1;
+    const c = l.getContext("2d");
     if (c && e) {
       const h = c == null ? void 0 : c.createLinearGradient(0, 0, 256, 0);
-      return a.forEach(([p, l]) => {
-        h.addColorStop(p, l);
+      return a.forEach(([p, n]) => {
+        h.addColorStop(p, n);
       }), c.fillStyle = h, c.fillRect(0, 0, 256, 1), {
-        canvas: n,
+        canvas: l,
         texture: this.createTexture(
           e,
           e.LINEAR,
           e.LINEAR,
           e.CLAMP_TO_EDGE,
-          r ? new Uint8Array(c.getImageData(0, 0, 256, 1).data) : n,
+          r ? new Uint8Array(c.getImageData(0, 0, 256, 1).data) : l,
           i,
           o
         )
@@ -910,19 +919,19 @@ class Ce {
   }
   setupParticle(e, a = 1e3) {
     const r = Math.ceil(Math.sqrt(a)), i = r * r, o = new Uint8Array(i * 4);
-    for (let l = 0; l < o.length; l++)
-      o[l] = Math.floor(Math.random() * 256);
-    const n = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), c = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), h = new Float32Array(i);
-    for (let l = 0; l < i; l++)
-      h[l] = l;
+    for (let n = 0; n < o.length; n++)
+      o[n] = Math.floor(Math.random() * 256);
+    const l = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), c = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), h = new Float32Array(i);
+    for (let n = 0; n < i; n++)
+      h[n] = n;
     const p = this.createDataBuffer(e, "array", h);
-    return { resolution: r, total: i, texture0: n, texture1: c, indexBuffer: p };
+    return { resolution: r, total: i, texture0: l, texture1: c, indexBuffer: p };
   }
   bind(e, a, r) {
     const i = this.createProgram(e, a, 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 o = this.createDataBuffer(e, "array", void 0), l = e.getAttribLocation(i, "a_position");
+      e.enableVertexAttribArray(l), e.vertexAttribPointer(l, 2, e.FLOAT, !1, 0, 0);
       const c = new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]);
       this.createDataBuffer(e, "array", c);
       const h = e.getAttribLocation(i, "a_texCoord");
@@ -930,33 +939,33 @@ class Ce {
     }
     return {};
   }
-  bindParticle(e, a, r, i, o, n) {
-    const c = this.createProgramWrapper(e, a, r), h = this.createProgramWrapper(e, i, o), p = this.createProgramWrapper(e, i, n), l = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), d = e.createFramebuffer();
-    return { particle: c, screen: h, update: p, quadBuffer: l, frameBuffer: d };
+  bindParticle(e, a, r, i, o, l) {
+    const c = this.createProgramWrapper(e, a, r), h = this.createProgramWrapper(e, i, o), p = this.createProgramWrapper(e, i, l), n = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), d = e.createFramebuffer();
+    return { particle: c, screen: h, update: p, quadBuffer: n, frameBuffer: d };
   }
-  draw(e, a, r, i, o, n, c) {
+  draw(e, a, r, i, o, l, c) {
     var h, p;
     if (a && r) {
       e.resize(), a == null || a.viewport(0, 0, (h = a == null ? void 0 : a.canvas) == null ? void 0 : h.width, (p = a == null ? void 0 : a.canvas) == null ? void 0 : p.height), a.clearColor(0, 0, 0, 0), a.clear(a.COLOR_BUFFER_BIT | a.DEPTH_BUFFER_BIT);
       try {
-        const l = a.getUniformLocation(r, "u_resolution"), d = a.getUniformLocation(r, "u_image"), b = a.getUniformLocation(r, "u_color");
-        if (a.useProgram(r), a.uniform2f(l, a.canvas.width * e.ratio, a.canvas.height * e.ratio), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, i), a.uniform1i(d, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), a.uniform1i(b, 1), c != null && c.uvRange && (c != null && c.sRange)) {
+        const n = a.getUniformLocation(r, "u_resolution"), d = a.getUniformLocation(r, "u_image"), b = a.getUniformLocation(r, "u_color");
+        if (a.useProgram(r), a.uniform2f(n, a.canvas.width * e.ratio, a.canvas.height * e.ratio), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, i), a.uniform1i(d, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), a.uniform1i(b, 1), c != null && c.uvRange && (c != null && c.sRange)) {
           const m = a.getUniformLocation(r, "u_range_u_v"), v = a.getUniformLocation(r, "u_range_s");
           a.uniform2f(m, c.uvRange[0], c.uvRange[1]), a.uniform2f(v, c.sRange[0], c.sRange[1]);
         }
         const u = e.getBoundPixel(), A = e.map.getZoom() + 1, w = e.getWorldCopy(u, A);
         for (const m of w) {
-          const v = (m[0] - u[0]) * e.ratio, f = (m[1] - u[3]) * e.ratio, L = m[2] * e.ratio, [P, M, I, j] = [v, L + v, f, L + f], W = new Float32Array([P, I, M, I, P, j, P, j, M, I, M, j]);
-          a.bindBuffer(a.ARRAY_BUFFER, n), a.bufferData(a.ARRAY_BUFFER, W, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
+          const v = (m[0] - u[0]) * e.ratio, y = (m[1] - u[3]) * e.ratio, L = m[2] * e.ratio, [P, M, I, j] = [v, L + v, y, L + y], W = new Float32Array([P, I, M, I, P, j, P, j, M, I, M, j]);
+          a.bindBuffer(a.ARRAY_BUFFER, l), a.bufferData(a.ARRAY_BUFFER, W, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
         }
-      } catch (l) {
-        console.log(`render failed...${l}`);
+      } catch (n) {
+        console.log(`render failed...${n}`);
       }
     }
   }
   drawParticle(e, a, r, i, o) {
-    var n, c;
-    a && (a == null || a.viewport(0, 0, (n = a == null ? void 0 : a.canvas) == null ? void 0 : n.width, (c = a == null ? void 0 : a.canvas) == null ? void 0 : c.height), a.disable(a.DEPTH_TEST), a.disable(a.STENCIL_TEST), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, r), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, i.texture0), this.renderScreen(e, a, i, o), this.updateParticles(e, a, i, o));
+    var l, c;
+    a && (a == null || a.viewport(0, 0, (l = a == null ? void 0 : a.canvas) == null ? void 0 : l.width, (c = a == null ? void 0 : a.canvas) == null ? void 0 : c.height), a.disable(a.DEPTH_TEST), a.disable(a.STENCIL_TEST), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, r), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, i.texture0), this.renderScreen(e, a, i, o), this.updateParticles(e, a, i, o));
   }
   renderScreen(e, a, r, i) {
     a.bindFramebuffer(a.FRAMEBUFFER, r.frameBuffer), a.framebufferTexture2D(a.FRAMEBUFFER, a.COLOR_ATTACHMENT0, a.TEXTURE_2D, r.screenTexture, 0), a.viewport(0, 0, a.canvas.width, a.canvas.height), this.renderScreenTexture(a, r.backgroundTexture, r.screen, r.quadBuffer, 0.95), this.renderParticles(e, a, r, i), a.bindFramebuffer(a.FRAMEBUFFER, null), this.renderScreenTexture(a, r.screenTexture, r.screen, r.quadBuffer, 1);
@@ -974,11 +983,11 @@ class Ce {
     }
   }
   updateParticles(e, a, r, i) {
-    var n, c;
+    var l, c;
     if (a) {
       a.bindFramebuffer(a.FRAMEBUFFER, r.frameBuffer), a.framebufferTexture2D(a.FRAMEBUFFER, a.COLOR_ATTACHMENT0, a.TEXTURE_2D, r.texture1, 0), a.viewport(0, 0, r.resolution, r.resolution), a.useProgram(r.update.program), a.bindBuffer(a.ARRAY_BUFFER, r.quadBuffer), a.enableVertexAttribArray(r.update.a_pos), a.vertexAttribPointer(r.update.a_pos, 2, a.FLOAT, !1, 0, 0), a.uniform1i(r.update.u_factor, 0), a.uniform1i(r.update.u_particles, 1);
       const h = e.getBoundRange();
-      a.uniform4f(r.update.u_viewport, h[0], h[1], h[2], h[3]), a.uniform1f(r.update.u_rand_seed, Math.random()), a.uniform2f(r.update.u_factor_res, (n = r == null ? void 0 : r.image) == null ? void 0 : n.width, (c = r == null ? void 0 : r.image) == null ? void 0 : c.height), a.uniform2f(r.update.u_factor_min, i.uvRange[0], i.uvRange[0]), a.uniform2f(r.update.u_factor_max, i.uvRange[1], i.uvRange[1]), a.uniform1f(r.update.u_speed_factor, i.speedFactor * e.ratio), a.uniform1f(r.update.u_drop_rate, i.dropRate), a.uniform1f(r.update.u_drop_rate_bump, i.dropRateBump), a.drawArrays(a.TRIANGLES, 0, 6);
+      a.uniform4f(r.update.u_viewport, h[0], h[1], h[2], h[3]), a.uniform1f(r.update.u_rand_seed, Math.random()), a.uniform2f(r.update.u_factor_res, (l = r == null ? void 0 : r.image) == null ? void 0 : l.width, (c = r == null ? void 0 : r.image) == null ? void 0 : c.height), a.uniform2f(r.update.u_factor_min, i.uvRange[0], i.uvRange[0]), a.uniform2f(r.update.u_factor_max, i.uvRange[1], i.uvRange[1]), a.uniform1f(r.update.u_speed_factor, i.speedFactor * e.ratio), a.uniform1f(r.update.u_drop_rate, i.dropRate), a.uniform1f(r.update.u_drop_rate_bump, i.dropRateBump), a.drawArrays(a.TRIANGLES, 0, 6);
     }
     const o = r.texture0;
     r.texture0 = r.texture1, r.texture1 = o;
@@ -3222,8 +3231,8 @@ const oa = {
       }
     },
     handleClear() {
-      var t, e, a, r, i, o, n, c;
-      (t = this.viewport) == null || t.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 = (a = this.viewport) == null ? void 0 : a.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (c = (n = this.viewport) == null ? void 0 : n.map) == null || c.off("moveend", this.handlePlay), this.handlePause();
+      var t, e, a, r, i, o, l, c;
+      (t = this.viewport) == null || t.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 = (a = this.viewport) == null ? void 0 : a.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (c = (l = this.viewport) == null ? void 0 : l.map) == null || c.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
@@ -3308,8 +3317,8 @@ const oa = {
   }
 }, sa = { key: 0 };
 function na(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (g(), y("div", sa, [
+  var l;
+  return (l = a.factor) != null && l.active ? (g(), f("div", sa, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -3558,8 +3567,8 @@ const pa = {
       }
     },
     handleClear() {
-      var t, e, a, r, i, o, n, c;
-      (t = this.viewport) == null || t.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 = (a = this.viewport) == null ? void 0 : a.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (c = (n = this.viewport) == null ? void 0 : n.map) == null || c.off("moveend", this.handlePlay), this.handlePause();
+      var t, e, a, r, i, o, l, c;
+      (t = this.viewport) == null || t.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 = (a = this.viewport) == null ? void 0 : a.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (c = (l = this.viewport) == null ? void 0 : l.map) == null || c.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
@@ -3639,8 +3648,8 @@ const pa = {
   }
 }, ma = { key: 0 };
 function ua(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (g(), y("div", ma, [
+  var l;
+  return (l = a.factor) != null && l.active ? (g(), f("div", ma, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -3775,7 +3784,7 @@ const ga = /* @__PURE__ */ T(pa, [["render", ua], ["__scopeId", "data-v-163d1f9a
   }
 };
 function ya(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const fa = /* @__PURE__ */ T(Aa, [["render", ya]]), wa = {
   name: "IdmSwell",
@@ -3933,7 +3942,7 @@ const fa = /* @__PURE__ */ T(Aa, [["render", ya]]), wa = {
   }
 };
 function ba(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const va = /* @__PURE__ */ T(wa, [["render", ba]]), La = {
   name: "IdmPrmsl",
@@ -3990,8 +3999,8 @@ const va = /* @__PURE__ */ T(wa, [["render", ba]]), La = {
         }, 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), (t = this.map) != null && t.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, l = this.empty;
+        this.prmsl.active && (l = this.prmsl.data), (t = this.map) != null && t.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(l), o = (/* @__PURE__ */ new Date()).valueOf() - (r + i), console.log("[prmsl] update elapsed: ", o, ", total: ", i += o)) : (this.map.addSource(this.source, { type: "geojson", data: l }), this.map.addLayer(
           {
             id: this.layer,
             type: "line",
@@ -4072,7 +4081,7 @@ const va = /* @__PURE__ */ T(wa, [["render", ba]]), La = {
   }
 };
 function Ca(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const xa = /* @__PURE__ */ T(La, [["render", Ca]]), Ba = {
   name: "IdmIceberg",
@@ -4132,7 +4141,7 @@ const xa = /* @__PURE__ */ T(La, [["render", Ca]]), Ba = {
   }
 };
 function Ia(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const Ea = /* @__PURE__ */ T(Ba, [["render", Ia]]);
 const Da = {
@@ -4222,29 +4231,29 @@ const Da = {
       var r, i;
       const t = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = F().utc().hour(), a = [];
       t.forEach((o) => {
-        var n, c, h;
-        (n = o.properties) != null && n.name && !a.includes((c = o.properties) == null ? void 0 : c.name) && a.push((h = o.properties) == null ? void 0 : h.name);
+        var l, c, h;
+        (l = o.properties) != null && l.name && !a.includes((c = o.properties) == null ? void 0 : c.name) && a.push((h = o.properties) == null ? void 0 : h.name);
       }), a.forEach((o) => {
         var p;
-        let n = 0, c;
-        const h = t.filter((l) => {
+        let l = 0, c;
+        const h = t.filter((n) => {
           var d, b;
-          return ((b = (d = l.properties) == null ? void 0 : d.category) == null ? void 0 : b.split("-")[0]) === o;
+          return ((b = (d = n.properties) == null ? void 0 : d.category) == null ? void 0 : b.split("-")[0]) === o;
         });
-        (p = h.filter((l) => {
+        (p = h.filter((n) => {
           var d, b;
-          return ((d = l.geometry) == null ? void 0 : d.type) === "LineString" && ((b = l.properties) == null ? void 0 : b.type) === "forecast";
-        })[0]) == null || p.properties.model, h.forEach((l, d) => {
+          return ((d = n.geometry) == null ? void 0 : d.type) === "LineString" && ((b = n.properties) == null ? void 0 : b.type) === "forecast";
+        })[0]) == null || p.properties.model, h.forEach((n, d) => {
           var b, u, A, w, m, v;
-          ((b = l.geometry) == null ? void 0 : b.type) === "Point" && ((u = l.properties) == null ? void 0 : u.type) === "history" && (n = d, c = c === void 0 ? d : c), ((A = l.geometry) == null ? void 0 : A.type) === "Point" && ((w = l.properties) == null ? void 0 : w.type) === "forecast" && c === void 0 && (c = d), ((m = l.geometry) == null ? void 0 : m.type) === "LineString" && ((v = l.properties) == null || v.type);
-        }), h.map((l, d) => {
-          var b, u, A, w, m, v, f;
-          if (((b = l.geometry) == null ? void 0 : b.type) === "LineString" && ((u = l.properties) == null || u.type), ((A = l.geometry) == null ? void 0 : A.type) === "Point" && ((w = l.properties) == null ? void 0 : w.type) === "forecast" && (l.properties.name = o, l.properties.format = F(l.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((m = l.geometry) == null ? void 0 : m.type) === "Point" && ((v = l.properties) == null ? void 0 : v.type) === "history") {
-            l.properties.format = F(l.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
-            const L = F((f = l.properties) == null ? void 0 : f.date).utc().format("HHmm") === F().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
-            l.properties.showHistoryLabel = L || d === n, l.properties.showNameLabel = d === n, l.properties.name = o;
+          ((b = n.geometry) == null ? void 0 : b.type) === "Point" && ((u = n.properties) == null ? void 0 : u.type) === "history" && (l = d, c = c === void 0 ? d : c), ((A = n.geometry) == null ? void 0 : A.type) === "Point" && ((w = n.properties) == null ? void 0 : w.type) === "forecast" && c === void 0 && (c = d), ((m = n.geometry) == null ? void 0 : m.type) === "LineString" && ((v = n.properties) == null || v.type);
+        }), h.map((n, d) => {
+          var b, u, A, w, m, v, y;
+          if (((b = n.geometry) == null ? void 0 : b.type) === "LineString" && ((u = n.properties) == null || u.type), ((A = n.geometry) == null ? void 0 : A.type) === "Point" && ((w = n.properties) == null ? void 0 : w.type) === "forecast" && (n.properties.name = o, n.properties.format = F(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((m = n.geometry) == null ? void 0 : m.type) === "Point" && ((v = n.properties) == null ? void 0 : v.type) === "history") {
+            n.properties.format = F(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
+            const L = F((y = n.properties) == null ? void 0 : y.date).utc().format("HHmm") === F().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
+            n.properties.showHistoryLabel = L || d === l, n.properties.showNameLabel = d === l, n.properties.name = o;
           }
-          return l;
+          return n;
         });
       }), this.handleInit();
     },
@@ -4279,7 +4288,7 @@ const Da = {
       ));
     },
     handleRender() {
-      var t, e, a, r, i, o, n, c, h, p;
+      var t, e, a, r, i, o, l, c, h, p;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -4385,7 +4394,7 @@ const Da = {
               ],
               "text-halo-width": 4
             }
-          }), u = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] add elapsed: ", u, ", total: ", b += u)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((n = this.tropicals) != null && n.active ? this.tropicals.data : this.empty), u = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] update elapsed: ", u, ", total: ", b += u)) : (this.map.addSource(this.clusterSource, {
+          }), u = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] add elapsed: ", u, ", total: ", b += u)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((l = this.tropicals) != null && l.active ? this.tropicals.data : this.empty), u = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] update elapsed: ", u, ", total: ", b += u)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
             data: (h = this.tropicals) != null && h.active ? (p = this.tropicals) == null ? void 0 : p.data : this.empty
             // cluster: true,
@@ -4505,8 +4514,8 @@ const Da = {
           }), u = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] add elapsed: ", u, ", total: ", b += u));
         }
         this.handleDrawCircle();
-        const l = nt.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(l)), this.interpolateData.filter((d) => d.properties.name === "kristy" && d.properties.model === "ecmwf"), this.handleDateChange();
+        const n = nt.interpolate(this.tropicals, 1);
+        this.interpolateData = JSON.parse(JSON.stringify(n)), this.interpolateData.filter((d) => d.properties.name === "kristy" && d.properties.model === "ecmwf"), this.handleDateChange();
       }
     },
     handleClear() {
@@ -4514,7 +4523,7 @@ const Da = {
       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), (t = this.interpolateMarkers) == null || t.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 t, e, a, r, i, o, n, c, h, p, l, d, b, u, A, w, m, v, f, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge;
+      var t, e, a, r, i, o, l, c, h, p, n, d, b, u, A, w, m, v, y, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge;
       if ((t = this.interpolateMarkers) == null || t.forEach((te) => te == null ? void 0 : te.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const te = F(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), oe = this.interpolateData.filter((Q) => Q.properties.date === te.format() && !Q.properties.disabled), Ae = this.handleComputePolygons(oe), ie = D.featureCollection([...oe]);
         Ae.forEach((Q) => {
@@ -4536,7 +4545,7 @@ const Da = {
         for (const Q of oe)
           if (!Q.properties.disabled) {
             let q = "#f44336";
-            ((c = (n = Q.properties) == null ? void 0 : n.wind) == null ? void 0 : c.spd) < 17.2 || !((p = (h = Q.properties) == null ? void 0 : h.wind) != null && p.spd) ? q = "#03f869" : ((d = (l = Q.properties) == null ? void 0 : l.wind) == null ? void 0 : d.spd) >= 17.2 && ((u = (b = Q.properties) == null ? void 0 : b.wind) == null ? void 0 : u.spd) < 24.5 ? q = "#f2f202" : ((w = (A = Q.properties) == null ? void 0 : A.wind) == null ? void 0 : w.spd) >= 24.5 && ((v = (m = Q.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? q = "#ff9100" : ((L = (f = Q.properties) == null ? void 0 : f.wind) == null ? void 0 : L.spd) >= 32.7 && ((M = (P = Q.properties) == null ? void 0 : P.wind) == null ? void 0 : M.spd) < 41.5 ? q = "#f44336" : ((j = (I = Q.properties) == null ? void 0 : I.wind) == null ? void 0 : j.spd) >= 41.5 && ((Y = (W = Q.properties) == null ? void 0 : W.wind) == null ? void 0 : Y.spd) < 51 ? q = "#f903d0" : ((V = (K = Q.properties) == null ? void 0 : K.wind) == null ? void 0 : V.spd) >= 51 ? q = "#8702f9" : q = "#f44336";
+            ((c = (l = Q.properties) == null ? void 0 : l.wind) == null ? void 0 : c.spd) < 17.2 || !((p = (h = Q.properties) == null ? void 0 : h.wind) != null && p.spd) ? q = "#03f869" : ((d = (n = Q.properties) == null ? void 0 : n.wind) == null ? void 0 : d.spd) >= 17.2 && ((u = (b = Q.properties) == null ? void 0 : b.wind) == null ? void 0 : u.spd) < 24.5 ? q = "#f2f202" : ((w = (A = Q.properties) == null ? void 0 : A.wind) == null ? void 0 : w.spd) >= 24.5 && ((v = (m = Q.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? q = "#ff9100" : ((L = (y = Q.properties) == null ? void 0 : y.wind) == null ? void 0 : L.spd) >= 32.7 && ((M = (P = Q.properties) == null ? void 0 : P.wind) == null ? void 0 : M.spd) < 41.5 ? q = "#f44336" : ((j = (I = Q.properties) == null ? void 0 : I.wind) == null ? void 0 : j.spd) >= 41.5 && ((Y = (W = Q.properties) == null ? void 0 : W.wind) == null ? void 0 : Y.spd) < 51 ? q = "#f903d0" : ((V = (K = Q.properties) == null ? void 0 : K.wind) == null ? void 0 : V.spd) >= 51 ? q = "#8702f9" : q = "#f44336";
             const ye = `<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">
@@ -4570,16 +4579,16 @@ const Da = {
         (ue = this.map) != null && ue.getSource(this.interpolateSource) && ((ge = this.map) == null || ge.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var o, n, c, h, p, l, d, b;
-      const e = t.features[0], a = (n = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : n.features.filter(
+      var o, l, c, h, p, n, d, b;
+      const e = t.features[0], a = (l = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : l.features.filter(
         (u) => {
           var A;
           return u.geometry.type === "LineString" && u.properties.type === "forecast" && u.properties.name === ((A = e == null ? void 0 : e.properties) == null ? void 0 : A.name);
         }
       );
       a.sort((u, A) => {
-        var w, m, v, f;
-        return ((w = u.properties) == null ? void 0 : w.model) === "cma" ? -1 : ((m = u.properties) == null ? void 0 : m.model) === "jma" ? ((v = A.properties) == null ? void 0 : v.model) === "cma" ? 1 : -1 : u.properties.model === "ecmwf" ? ["jma", "cma"].includes((f = A.properties) == null ? void 0 : f.model) ? 1 : -1 : 0;
+        var w, m, v, y;
+        return ((w = u.properties) == null ? void 0 : w.model) === "cma" ? -1 : ((m = u.properties) == null ? void 0 : m.model) === "jma" ? ((v = A.properties) == null ? void 0 : v.model) === "cma" ? 1 : -1 : u.properties.model === "ecmwf" ? ["jma", "cma"].includes((y = A.properties) == null ? void 0 : y.model) ? 1 : -1 : 0;
       });
       const r = (h = (c = this.tropicals) == null ? void 0 : c.data) == null ? void 0 : h.features.filter(
         (u) => {
@@ -4590,21 +4599,21 @@ const Da = {
       this.activeTropicals = {
         name: (p = e == null ? void 0 : e.properties) == null ? void 0 : p.name,
         forecasts: a.map((u) => u.properties),
-        history: (l = r[0]) == null ? void 0 : l.properties,
+        history: (n = r[0]) == null ? void 0 : n.properties,
         showCircle: (b = (d = a[0]) == null ? void 0 : d.properties) == null ? void 0 : b.showCircle
       }, this.showTropicals = !0;
       const i = document.getElementById("active-tropical");
       this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.activeTropicalsMarker = new ve.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(t) {
-      var r, i, o, n, c, h;
+      var r, i, o, l, c, h;
       t.disabled = !t.disabled;
       const e = `${t.name}-${t.model}`, a = (i = (r = this.map) == null ? void 0 : r.getSource(this.source)._data) == null ? void 0 : i.features;
       a.forEach((p) => {
         p.properties.category === e && (p.properties.disabled = t.disabled);
       }), this.interpolateData.forEach((p) => {
         p.properties.category === e && (p.properties.disabled = t.disabled);
-      }), (n = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || n.setData(D.featureCollection(a)), (h = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || h.setData(D.featureCollection(a)), this.handleDateChange();
+      }), (l = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || l.setData(D.featureCollection(a)), (h = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || h.setData(D.featureCollection(a)), this.handleDateChange();
     },
     handleStrikeProbability(t) {
       this.$emit("tropicalProbability", t);
@@ -4643,12 +4652,12 @@ const Da = {
           nw: r.r7nw >= 0 ? r.r7nw : void 0
         }, o = this.handleComputeArc(a.geometry.coordinates, i, { ...a.properties, level: 7 });
         e.push(o);
-        const n = {
+        const l = {
           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
-        }, c = this.handleComputeArc(a.geometry.coordinates, n, { ...a.properties, level: 10 });
+        }, c = this.handleComputeArc(a.geometry.coordinates, l, { ...a.properties, level: 10 });
         e.push(c);
       }
       return e;
@@ -4656,10 +4665,10 @@ const Da = {
     handleComputeArc(t, e, a) {
       var o;
       const r = [];
-      for (const n in e) {
-        const c = e[n] ?? 0;
+      for (const l in e) {
+        const c = e[l] ?? 0;
         let h;
-        switch (n) {
+        switch (l) {
           case "ne":
             h = D.lineArc(t, c * 1.852, 0, 90, { steps: c > 0 ? 64 : 1 });
             break;
@@ -4696,16 +4705,16 @@ const Da = {
   style: { "justify-content": "flex-start" }
 }, Ra = { class: "forecast-models" }, Fa = ["onClick"], Ga = { class: "more" };
 function Wa(t, e, a, r, i, o) {
-  var n, c, h, p, l, d, b, u, A, w, m, v, f, L, P;
-  return fe((g(), y("div", Pa, [
+  var l, c, h, p, n, d, b, u, A, w, m, v, y, L, P;
+  return fe((g(), f("div", Pa, [
     s("div", ka, [
       s("div", {
         class: "iconfont close-btn",
         onClick: e[0] || (e[0] = (M) => i.showTropicals = !1)
       }, ""),
       s("div", za, [
-        (c = (n = i.activeTropicals) == null ? void 0 : n.history) != null && c.level ? (g(), y("span", Ma, B((p = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : p.level) + " , ", 1)) : O("", !0),
-        U(B((l = i.activeTropicals) == null ? void 0 : l.name), 1)
+        (c = (l = i.activeTropicals) == null ? void 0 : l.history) != null && c.level ? (g(), f("span", Ma, B((p = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : p.level) + " , ", 1)) : O("", !0),
+        U(B((n = i.activeTropicals) == null ? void 0 : n.name), 1)
       ]),
       s("div", Ta, " Last update: " + B(o.computeTime(((b = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : b.updated) || ((w = (A = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : A.filter((M) => !M.disabled)[0]) == null ? void 0 : w.date))), 1)
     ]),
@@ -4718,16 +4727,16 @@ function Wa(t, e, a, r, i, o) {
           ]),
           s("div", Oa, [
             e[3] || (e[3] = s("label", null, "Pressure : ", -1)),
-            s("span", null, B(((L = (f = i.activeTropicals) == null ? void 0 : f.history) == null ? void 0 : L.pressure) || "-") + "[hPa]", 1)
+            s("span", null, B(((L = (y = i.activeTropicals) == null ? void 0 : y.history) == null ? void 0 : L.pressure) || "-") + "[hPa]", 1)
           ])
         ]),
         s("div", Na, [
           s("div", ja, [
             e[4] || (e[4] = s("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
             s("div", Ra, [
-              (g(!0), y(_, null, N((P = i.activeTropicals) == null ? void 0 : P.forecasts, (M, I) => {
+              (g(!0), f(_, null, N((P = i.activeTropicals) == null ? void 0 : P.forecasts, (M, I) => {
                 var j, W, Y, K;
-                return g(), y("div", {
+                return g(), f("div", {
                   key: I,
                   class: H([
                     "model",
@@ -4861,8 +4870,8 @@ const Ua = {
   }
 }, Ya = { key: 0 };
 function Ka(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (g(), y("div", Ya, [
+  var l;
+  return (l = a.factor) != null && l.active ? (g(), f("div", Ya, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -4975,8 +4984,8 @@ const Ja = {
   }
 }, qa = { key: 0 };
 function Va(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (g(), y("div", qa, [
+  var l;
+  return (l = a.factor) != null && l.active ? (g(), f("div", qa, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: t.right + "px", bottom: a.bottom }])
@@ -5095,8 +5104,8 @@ const $a = {
   }
 }, ei = { key: 0 };
 function ti(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (g(), y("div", ei, [
+  var l;
+  return (l = a.factor) != null && l.active ? (g(), f("div", ei, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -5218,8 +5227,8 @@ const ii = {
   }
 }, ri = { key: 0 };
 function oi(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (g(), y("div", ri, [
+  var l;
+  return (l = a.factor) != null && l.active ? (g(), f("div", ri, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -5334,8 +5343,8 @@ const ni = {
   }
 }, li = { key: 0 };
 function ci(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (g(), y("div", li, [
+  var l;
+  return (l = a.factor) != null && l.active ? (g(), f("div", li, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -5355,7 +5364,7 @@ var di = /* @__PURE__ */ ut({
   name: "LocationFilled",
   __name: "location-filled",
   setup(t) {
-    return (e, a) => (g(), y("svg", {
+    return (e, a) => (g(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -5479,8 +5488,8 @@ const ui = {
         if (this.showMeteo && this.ts) {
           const e = F(), a = (t = F(this.ts)) == null ? void 0 : t.diff(e, "d", !0), i = [0, 1, 2, 3, 4, 5, 6, 7].every((o) => {
             var c;
-            const n = Ge(this.ts).tz(this.positionGmt).add(3 * o, "h").format();
-            return (c = We.pickHourly(this.meteoData, n)) == null ? void 0 : c[0];
+            const l = Ge(this.ts).tz(this.positionGmt).add(3 * o, "h").format();
+            return (c = We.pickHourly(this.meteoData, l)) == null ? void 0 : c[0];
           });
           if (this.meteoData && i ? this.initTableData(this.meteoData) : (this.loading || (a >= 0 ? await this.fetchMeteoData(this.point, this.ts, 7) : await this.fetchHistoryData(this.point, this.ts)), this.initTableData(this.meteoData)), this.activeIndex === 4) {
             const o = Ye.pickDailyExtremes(this.tideData, this.ts);
@@ -5527,14 +5536,14 @@ const ui = {
       this.loading = !0, this.meteoData = [];
       let r = e ? F(e).utc().format() : F().utc().format();
       const { weatherModels: i, marineModels: o } = We.autoPickMeteoModel(this.forecastModel);
-      let n = {
+      let l = {
         lat: t.lat,
         lng: t.lng,
         datetime: r,
         forecastDays: a ?? 7,
         weatherModels: i,
         marineModels: o
-      }, c = await le.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, n, {
+      }, c = await le.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, l, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -5551,17 +5560,17 @@ const ui = {
         pastDays: 1,
         weatherModels: r,
         marineModels: i
-      }, n = await le.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, o, {
+      }, l = await le.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, o, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
       });
-      (n == null ? void 0 : n.data.code) === 0 && (this.meteoData = n == null ? void 0 : n.data.data, this.loading = !1);
+      (l == null ? void 0 : l.data.code) === 0 && (this.meteoData = l == null ? void 0 : l.data.data, this.loading = !1);
     },
     initTableData(t) {
-      var e, a, r, i, o, n, c, h, p;
-      this.clearTable(), this.positionGmt = (a = (e = t == null ? void 0 : t.weather) == null ? void 0 : e[0]) == null ? void 0 : a.timezone, this.positionOffset = (i = (r = t == null ? void 0 : t.weather) == null ? void 0 : r[0]) == null ? void 0 : i.offset, this.localDate = (n = (o = Ge(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : n.format("MMM-DD/HHmm[LT]"), this.currentHourData = (c = We.pickHourly(t, F(this.ts))) == null ? void 0 : c[0], ((p = (h = this.currentHourData) == null ? void 0 : h.weather) == null ? void 0 : p.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
-        var d, b, u, A, w, m, v, f, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re;
+      var e, a, r, i, o, l, c, h, p;
+      this.clearTable(), this.positionGmt = (a = (e = t == null ? void 0 : t.weather) == null ? void 0 : e[0]) == null ? void 0 : a.timezone, this.positionOffset = (i = (r = t == null ? void 0 : t.weather) == null ? void 0 : r[0]) == null ? void 0 : i.offset, this.localDate = (l = (o = Ge(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : l.format("MMM-DD/HHmm[LT]"), this.currentHourData = (c = We.pickHourly(t, F(this.ts))) == null ? void 0 : c[0], ((p = (h = this.currentHourData) == null ? void 0 : h.weather) == null ? void 0 : p.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
+        var d, b, u, A, w, m, v, y, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re;
         if (!document.getElementById("meteoMainBox"))
           return !1;
         if (!this.currentHourData)
@@ -5570,7 +5579,7 @@ const ui = {
           const ne = Ge(this.ts).tz(this.positionGmt).add(3 * se, "h").format();
           this.tableData.hours.push(ne);
           const x = ((d = We.pickHourly(t, ne)) == null ? void 0 : d[0]) || {};
-          this.tableData.temp.push(this.roundPrecision((b = x == null ? void 0 : x.weather) == null ? void 0 : b.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((A = (u = x == null ? void 0 : x.weather) == null ? void 0 : u.precip) == null ? void 0 : A.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((m = (w = x == null ? void 0 : x.weather) == null ? void 0 : w.precip) == null ? void 0 : m.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((v = x == null ? void 0 : x.weather) == null ? void 0 : v.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((L = (f = x == null ? void 0 : x.weather) == null ? void 0 : f.wind) == null ? void 0 : L.kts, 1) ?? "-"), this.tableData.windDir.push((M = (P = x == null ? void 0 : x.weather) == null ? void 0 : P.wind) == null ? void 0 : M.bearing), this.tableData.windGust.push(this.roundPrecision((j = (I = x == null ? void 0 : x.weather) == null ? void 0 : I.wind) == null ? void 0 : j.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((Y = (W = x == null ? void 0 : x.wave) == null ? void 0 : W.sig) == null ? void 0 : Y.height, 1) ?? "-"), this.tableData.sigwaveDir.push((V = (K = x == null ? void 0 : x.wave) == null ? void 0 : K.sig) == null ? void 0 : V.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((ce = (ee = x == null ? void 0 : x.wave) == null ? void 0 : ee.wd) == null ? void 0 : ce.height, 1) ?? "-"), this.tableData.windwaveDir.push((de = (he = x == null ? void 0 : x.wave) == null ? void 0 : he.wd) == null ? void 0 : de.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((me = (pe = x == null ? void 0 : x.wave) == null ? void 0 : pe.wd) == null ? void 0 : me.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ge = (ue = x == null ? void 0 : x.wave) == null ? void 0 : ue.swell) == null ? void 0 : ge.height, 1) ?? "-"), this.tableData.swellDir.push((oe = (te = x == null ? void 0 : x.wave) == null ? void 0 : te.swell) == null ? void 0 : oe.bearing), this.tableData.swellPeriod.push(this.roundPrecision((ie = (Ae = x == null ? void 0 : x.wave) == null ? void 0 : Ae.swell) == null ? void 0 : ie.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((Q = x == null ? void 0 : x.current) == null ? void 0 : Q.speed, 1) ?? "-"), this.tableData.currentDir.push((q = x == null ? void 0 : x.current) == null ? void 0 : q.bearing), this.tableData.seaLevel.push(this.roundPrecision(x == null ? void 0 : x.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(x == null ? void 0 : x.sst, 0) ?? "-"), this.tableData.weatherUrls.push((ye = x == null ? void 0 : x.weather) == null ? void 0 : ye.url), this.tableData.weatherNames.push(((re = x == null ? void 0 : x.weather) == null ? void 0 : re.name) ?? "-");
+          this.tableData.temp.push(this.roundPrecision((b = x == null ? void 0 : x.weather) == null ? void 0 : b.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((A = (u = x == null ? void 0 : x.weather) == null ? void 0 : u.precip) == null ? void 0 : A.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((m = (w = x == null ? void 0 : x.weather) == null ? void 0 : w.precip) == null ? void 0 : m.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((v = x == null ? void 0 : x.weather) == null ? void 0 : v.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((L = (y = x == null ? void 0 : x.weather) == null ? void 0 : y.wind) == null ? void 0 : L.kts, 1) ?? "-"), this.tableData.windDir.push((M = (P = x == null ? void 0 : x.weather) == null ? void 0 : P.wind) == null ? void 0 : M.bearing), this.tableData.windGust.push(this.roundPrecision((j = (I = x == null ? void 0 : x.weather) == null ? void 0 : I.wind) == null ? void 0 : j.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((Y = (W = x == null ? void 0 : x.wave) == null ? void 0 : W.sig) == null ? void 0 : Y.height, 1) ?? "-"), this.tableData.sigwaveDir.push((V = (K = x == null ? void 0 : x.wave) == null ? void 0 : K.sig) == null ? void 0 : V.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((ce = (ee = x == null ? void 0 : x.wave) == null ? void 0 : ee.wd) == null ? void 0 : ce.height, 1) ?? "-"), this.tableData.windwaveDir.push((de = (he = x == null ? void 0 : x.wave) == null ? void 0 : he.wd) == null ? void 0 : de.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((me = (pe = x == null ? void 0 : x.wave) == null ? void 0 : pe.wd) == null ? void 0 : me.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ge = (ue = x == null ? void 0 : x.wave) == null ? void 0 : ue.swell) == null ? void 0 : ge.height, 1) ?? "-"), this.tableData.swellDir.push((oe = (te = x == null ? void 0 : x.wave) == null ? void 0 : te.swell) == null ? void 0 : oe.bearing), this.tableData.swellPeriod.push(this.roundPrecision((ie = (Ae = x == null ? void 0 : x.wave) == null ? void 0 : Ae.swell) == null ? void 0 : ie.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((Q = x == null ? void 0 : x.current) == null ? void 0 : Q.speed, 1) ?? "-"), this.tableData.currentDir.push((q = x == null ? void 0 : x.current) == null ? void 0 : q.bearing), this.tableData.seaLevel.push(this.roundPrecision(x == null ? void 0 : x.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(x == null ? void 0 : x.sst, 0) ?? "-"), this.tableData.weatherUrls.push((ye = x == null ? void 0 : x.weather) == null ? void 0 : ye.url), this.tableData.weatherNames.push(((re = x == null ? void 0 : x.weather) == null ? void 0 : re.name) ?? "-");
         }
       });
     },
@@ -5620,8 +5629,8 @@ const ui = {
       });
       if ((o == null ? void 0 : o.data.code) === 0) {
         this.tideData = (o == null ? void 0 : o.data.data) || {}, this.tideLoading = !1;
-        const n = Ye.pickDailyExtremes(this.tideData, this.ts);
-        this.tideTableData = n;
+        const l = Ye.pickDailyExtremes(this.tideData, this.ts);
+        this.tideTableData = l;
       }
     },
     handleBind() {
@@ -5693,26 +5702,26 @@ const ui = {
   class: "main-box flex-center"
 };
 function Br(t, e, a, r, i, o) {
-  var p, l, d, b, u, A, w, m, v, f, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, ze, Me, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, X, qe, Ve, Ze, $e, et, tt, at, it, rt;
-  const n = z("LocationFilled"), c = z("ElIcon"), h = z("ElTooltip");
-  return fe((g(), y("div", gi, [
+  var p, n, d, b, u, A, w, m, v, y, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, ze, Me, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, X, qe, Ve, Ze, $e, et, tt, at, it, rt;
+  const l = z("LocationFilled"), c = z("ElIcon"), h = z("ElTooltip");
+  return fe((g(), f("div", gi, [
     s("div", Ai, [
       s("div", yi, [
         s("div", fi, [
           k(c, { size: "22" }, {
             default: ae(() => [
-              k(n)
+              k(l)
             ]),
             _: 1
           }),
-          s("div", wi, B(o.computeLat((p = i.point) == null ? void 0 : p.lat)) + "," + B(o.computeLng((l = i.point) == null ? void 0 : l.lng)), 1)
+          s("div", wi, B(o.computeLat((p = i.point) == null ? void 0 : p.lat)) + "," + B(o.computeLng((n = i.point) == null ? void 0 : n.lng)), 1)
         ]),
         s("div", bi, [
-          i.showTables ? (g(), y("div", {
+          i.showTables ? (g(), f("div", {
             key: 0,
             class: "iconfont toggle",
             onClick: e[0] || (e[0] = (C) => i.showTables = !i.showTables)
-          }, "")) : (g(), y("div", {
+          }, "")) : (g(), f("div", {
             key: 1,
             class: "iconfont toggle",
             onClick: e[1] || (e[1] = (C) => i.showTables = !i.showTables)
@@ -5723,9 +5732,9 @@ function Br(t, e, a, r, i, o) {
           }, "")
         ])
       ]),
-      i.loading ? (g(), y("div", xr, e[42] || (e[42] = [
+      i.loading ? (g(), f("div", xr, e[42] || (e[42] = [
         s("img", { src: mi }, null, -1)
-      ]))) : (g(), y("div", {
+      ]))) : (g(), f("div", {
         key: 0,
         class: H(["main-box", i.isDay ? "day-bg" : "night-bg"]),
         id: "meteoMainBox"
@@ -5741,12 +5750,12 @@ function Br(t, e, a, r, i, o) {
               default: ae(() => {
                 var C, E, ot, st;
                 return [
-                  (E = (C = i.currentHourData) == null ? void 0 : C.weather) != null && E.url ? (g(), y("img", {
+                  (E = (C = i.currentHourData) == null ? void 0 : C.weather) != null && E.url ? (g(), f("img", {
                     key: 0,
                     class: "iconfont icon",
                     style: { "margin-right": "5px" },
                     src: (st = (ot = i.currentHourData) == null ? void 0 : ot.weather) == null ? void 0 : st.url
-                  }, null, 8, Ci)) : (g(), y("span", xi))
+                  }, null, 8, Ci)) : (g(), f("span", xi))
                 ];
               }),
               _: 1
@@ -5764,7 +5773,7 @@ function Br(t, e, a, r, i, o) {
               ]),
               s("div", Di, [
                 e[10] || (e[10] = s("label", null, "Visibility : ", -1)),
-                s("span", null, B(o.roundPrecision((L = (f = i.currentHourData) == null ? void 0 : f.weather) == null ? void 0 : L.visibility, 0)) + " nm", 1)
+                s("span", null, B(o.roundPrecision((L = (y = i.currentHourData) == null ? void 0 : y.weather) == null ? void 0 : L.visibility, 0)) + " nm", 1)
               ]),
               s("div", Pi, [
                 e[11] || (e[11] = s("label", null, "Wind : ", -1)),
@@ -5806,7 +5815,7 @@ function Br(t, e, a, r, i, o) {
                 U("Hours"),
                 s("span", { class: "unit" }, "(LT)")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.hours, (C) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.hours, (C) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `HourL${C}`
@@ -5821,7 +5830,7 @@ function Br(t, e, a, r, i, o) {
                 U("UTC"),
                 s("span", { class: "unit" })
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.hours, (C) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.hours, (C) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `HourZ${C}`
@@ -5833,7 +5842,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, null, -1)),
-              (g(!0), y(_, null, N(i.tableData.weatherUrls, (C, E) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.weatherUrls, (C, E) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `weatherUrls${E}${C}`
@@ -5845,7 +5854,7 @@ function Br(t, e, a, r, i, o) {
                   "show-after": 500
                 }, {
                   default: ae(() => [
-                    C ? (g(), y("img", {
+                    C ? (g(), f("img", {
                       key: 0,
                       class: "iconfont weather-icon",
                       src: C
@@ -5864,7 +5873,7 @@ function Br(t, e, a, r, i, o) {
                 U("Temp"),
                 s("span", { class: "unit" }, "°C")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.temp, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.temp, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `weatherUrls${E}${C}`
@@ -5879,7 +5888,7 @@ function Br(t, e, a, r, i, o) {
                 U("Precip"),
                 s("span", { class: "unit" }, "mm")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.precip1h, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.precip1h, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `precip1h${E}${C}`
@@ -5894,7 +5903,7 @@ function Br(t, e, a, r, i, o) {
                 U("Visibility"),
                 s("span", { class: "unit" }, "nm")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.visibility, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.visibility, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `visibility${E}${C}`
@@ -5909,12 +5918,12 @@ function Br(t, e, a, r, i, o) {
                 U("Wind gust"),
                 s("span", { class: "unit" }, "kts")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.windGust, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.windGust, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `windGust${E}${C}`
               }, [
-                isNaN(i.tableData.windDir[E]) ? O("", !0) : (g(), y("span", {
+                isNaN(i.tableData.windDir[E]) ? O("", !0) : (g(), f("span", {
                   key: 0,
                   class: "iconfont icon blue",
                   style: J({ display: "inline-block", transform: `rotate(${i.tableData.windDir[E]}deg)` })
@@ -5935,7 +5944,7 @@ function Br(t, e, a, r, i, o) {
                 U("Hours"),
                 s("span", { class: "unit" }, "(LT)")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.hours, (C, E) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.hours, (C, E) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `currenthoursL${E}${C}`
@@ -5950,7 +5959,7 @@ function Br(t, e, a, r, i, o) {
                 U("UTC"),
                 s("span", { class: "unit" })
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.hours, (C, E) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.hours, (C, E) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `currenthoursZ${E}${C}`
@@ -5965,12 +5974,12 @@ function Br(t, e, a, r, i, o) {
                 U("Wind"),
                 s("span", { class: "unit" }, "kts")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.windSpeed, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.windSpeed, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `windSpeed${E}${C}`
               }, [
-                isNaN(i.tableData.windDir[E]) ? O("", !0) : (g(), y("span", {
+                isNaN(i.tableData.windDir[E]) ? O("", !0) : (g(), f("span", {
                   key: 0,
                   class: "iconfont icon wind",
                   style: J({ display: "inline-block", transform: `rotate(${i.tableData.windDir[E]}deg)` })
@@ -5987,12 +5996,12 @@ function Br(t, e, a, r, i, o) {
                 U("Sig Wave"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.sigwaveHeight, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.sigwaveHeight, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `sigwaveHeight${E}${C}`
               }, [
-                isNaN(i.tableData.sigwaveDir[E]) ? O("", !0) : (g(), y("span", {
+                isNaN(i.tableData.sigwaveDir[E]) ? O("", !0) : (g(), f("span", {
                   key: 0,
                   class: "iconfont icon sigwave",
                   style: J({ display: "inline-block", transform: `rotate(${i.tableData.sigwaveDir[E]}deg)` })
@@ -6009,12 +6018,12 @@ function Br(t, e, a, r, i, o) {
                 U("Wind Wave"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.windwaveHeight, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.windwaveHeight, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `windwaveHeight${E}${C}`
               }, [
-                isNaN(i.tableData.sigwaveDir[E]) ? O("", !0) : (g(), y("span", {
+                isNaN(i.tableData.sigwaveDir[E]) ? O("", !0) : (g(), f("span", {
                   key: 0,
                   class: "iconfont icon windwave",
                   style: J({ display: "inline-block", transform: `rotate(${i.tableData.windwaveDir[E]}deg)` })
@@ -6031,12 +6040,12 @@ function Br(t, e, a, r, i, o) {
                 U("Swell"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.swellHeight, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.swellHeight, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `swellHeight${E}${C}`
               }, [
-                isNaN(i.tableData.swellDir[E]) ? O("", !0) : (g(), y("span", {
+                isNaN(i.tableData.swellDir[E]) ? O("", !0) : (g(), f("span", {
                   key: 0,
                   class: "iconfont icon swell",
                   style: J({ display: "inline-block", transform: `rotate(${i.tableData.swellDir[E]}deg)` })
@@ -6053,12 +6062,12 @@ function Br(t, e, a, r, i, o) {
                 U("Current"),
                 s("span", { class: "unit" }, "kts")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.currentSpeed, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.currentSpeed, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `currentSpeed${E}${C}`
               }, [
-                isNaN(i.tableData.currentDir[E]) ? O("", !0) : (g(), y("span", {
+                isNaN(i.tableData.currentDir[E]) ? O("", !0) : (g(), f("span", {
                   key: 0,
                   class: "iconfont icon current",
                   id: "meteoGrayIcon",
@@ -6080,7 +6089,7 @@ function Br(t, e, a, r, i, o) {
                 U("Hours"),
                 s("span", { class: "unit" }, "(LT)")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.hours, (C, E) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.hours, (C, E) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `seahoursL${E}${C}`
@@ -6095,7 +6104,7 @@ function Br(t, e, a, r, i, o) {
                 U("UTC"),
                 s("span", { class: "unit" })
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.hours, (C, E) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.hours, (C, E) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `seahoursZ${E}${C}`
@@ -6110,7 +6119,7 @@ function Br(t, e, a, r, i, o) {
                 U("SeaLevel"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.seaLevel, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.seaLevel, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `SeaLevel${E}${C}`
@@ -6125,7 +6134,7 @@ function Br(t, e, a, r, i, o) {
                 U("SeaTemp"),
                 s("span", { class: "unit" }, "°C")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.seaTemp, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.seaTemp, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `SeaTemp${E}${C}`
@@ -6134,26 +6143,26 @@ function Br(t, e, a, r, i, o) {
           ], 512), [
             [we, i.activeIndex === 3]
           ]),
-          i.activeIndex === 3 ? (g(), y("div", ir, e[30] || (e[30] = [
+          i.activeIndex === 3 ? (g(), f("div", ir, e[30] || (e[30] = [
             s("p", { style: { "font-size": "12px", padding: "12px 20px 0 20px", "line-height": "16px" } }, "*Sea level height accounts for tides, barometer effects, and global variations. Based on mean sea level, accuracy is limited in coastal areas. For coastal navigation, use data from Tides Tab.", -1)
           ]))) : O("", !0),
           fe(s("table", rr, [
             s("tr", or, [
-              (g(!0), y(_, null, N(i.tideTableData, (C, E) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tideTableData, (C, E) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `Tide-tr-${E}${C}`
               }, B(C.type) + " Tide", 1))), 128))
             ]),
             s("tr", sr, [
-              (g(!0), y(_, null, N(i.tideTableData, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tideTableData, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `Tide-date-${E}${C}`
               }, B(o.computeHourHmmLT(C == null ? void 0 : C.date)), 1))), 128))
             ]),
             s("tr", nr, [
-              (g(!0), y(_, null, N(i.tideTableData, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tideTableData, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `Tide-height-${E}${C}`
@@ -6323,7 +6332,7 @@ const Ir = /* @__PURE__ */ T(ui, [["render", Br], ["__scopeId", "data-v-cdc6da70
   }
 };
 function Dr(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const Pr = /* @__PURE__ */ T(Er, [["render", Dr]]), kr = {
   name: "IdmGmdssArea",
@@ -6446,7 +6455,7 @@ const Pr = /* @__PURE__ */ T(Er, [["render", Dr]]), kr = {
   }
 };
 function zr(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const Mr = /* @__PURE__ */ T(kr, [["render", zr]]), Tr = {
   name: "IdmEcaZone",
@@ -6537,7 +6546,7 @@ const Mr = /* @__PURE__ */ T(kr, [["render", zr]]), Tr = {
   }
 };
 function Qr(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const Sr = /* @__PURE__ */ T(Tr, [["render", Qr]]);
 const _r = {
@@ -6672,15 +6681,15 @@ const _r = {
   }
 }, Hr = { id: "idm-gl3-zone-info" }, Or = ["innerHTML"];
 function Nr(t, e, a, r, i, o) {
-  var n;
-  return fe((g(), y("div", Hr, [
+  var l;
+  return fe((g(), f("div", Hr, [
     s("div", {
       class: "iconfont close",
       onClick: e[0] || (e[0] = (c) => i.showZone = !1)
     }, ""),
     s("div", {
       class: "rich-context",
-      innerHTML: (n = i.form) == null ? void 0 : n.name
+      innerHTML: (l = i.form) == null ? void 0 : l.name
     }, null, 8, Or)
   ], 512)), [
     [we, i.showZone]
@@ -6790,10 +6799,10 @@ const Rr = {
   style: { "align-items": "flex-start" }
 }, Xr = { class: "meteo-forecast flex-end" };
 function Jr(t, e, a, r, i, o) {
-  return fe((g(), y("div", Fr, [
+  return fe((g(), f("div", Fr, [
     s("div", {
       class: "close iconfont",
-      onClick: e[0] || (e[0] = (n) => i.showPort = !1)
+      onClick: e[0] || (e[0] = (l) => i.showPort = !1)
     }, ""),
     s("div", Gr, [
       s("div", Wr, [
@@ -6814,7 +6823,7 @@ function Jr(t, e, a, r, i, o) {
       ]),
       s("div", Xr, [
         s("span", {
-          onClick: e[1] || (e[1] = (n) => o.handleClickMeteo(i.form))
+          onClick: e[1] || (e[1] = (l) => o.handleClickMeteo(i.form))
         }, "Meteo Forecast")
       ])
     ])
@@ -6893,7 +6902,7 @@ const qr = /* @__PURE__ */ T(Rr, [["render", Jr], ["__scopeId", "data-v-2fc5fc5e
   }
 };
 function Zr(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const $r = /* @__PURE__ */ T(Vr, [["render", Zr]]), eo = {
   name: "IdmTimezone",
@@ -7061,7 +7070,7 @@ const $r = /* @__PURE__ */ T(Vr, [["render", Zr]]), eo = {
   }
 };
 function to(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const ao = /* @__PURE__ */ T(eo, [["render", to]]), io = {
   name: "IdmVoluntaryReportingArea",
@@ -7152,7 +7161,7 @@ const ao = /* @__PURE__ */ T(eo, [["render", to]]), io = {
   }
 };
 function ro(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const oo = /* @__PURE__ */ T(io, [["render", ro]]), so = {
   name: "IdmSpecialArea",
@@ -7245,7 +7254,7 @@ const oo = /* @__PURE__ */ T(io, [["render", ro]]), so = {
   }
 };
 function no(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const lo = /* @__PURE__ */ T(so, [["render", no]]), co = {
   name: "IdmTerminator",
@@ -7297,7 +7306,7 @@ const lo = /* @__PURE__ */ T(so, [["render", no]]), co = {
   }
 };
 function ho(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const po = /* @__PURE__ */ T(co, [["render", ho]]);
 const mo = {
@@ -7457,7 +7466,7 @@ const mo = {
   }
 };
 function uo(t, e, a, r, i, o) {
-  return i.lngLat ? (g(), y("div", {
+  return i.lngLat ? (g(), f("div", {
     key: 0,
     class: "lat-lng-tip",
     style: J({ right: i.right + "px", bottom: a.bottom })
@@ -7533,14 +7542,14 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
       }
     },
     handleDrag(t) {
-      var a, r, i, o, n, c, h, p, l, d;
+      var a, r, i, o, l, c, h, p, n, d;
       const e = (r = (a = t.target) == null ? void 0 : a._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const b = this.geojson.filter((m) => m.id === e.split("-")[0])[0];
         this.pointMarkers[b.id].filter((m) => {
           var v;
           return ((v = m._element) == null ? void 0 : v.id) === e;
-        })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (c = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : c.lat]);
+        })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (c = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : c.lat]);
         let A;
         b.features.forEach((m, v) => {
           if (m.geometry.type === "Point" && m.properties.id == e.split("-")[1]) {
@@ -7552,22 +7561,22 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
         this.handleTmpPointUpdate(
           b,
           w[A - 1],
-          { lng: (p = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lng, lat: (d = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : d.lat, properties: w[A].properties },
+          { lng: (p = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lng, lat: (d = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : d.lat, properties: w[A].properties },
           A === w.length - 1 ? void 0 : w[A + 1]
         );
       }
     },
     handleDragEnd(t) {
-      var a, r, i, o, n, c, h, p, l, d;
+      var a, r, i, o, l, c, h, p, n, d;
       const e = (r = (a = t.target) == null ? void 0 : a._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const b = this.geojson.filter((w) => w.id === e.split("-")[0])[0];
         this.pointMarkers[b.id].filter((w) => {
           var m;
           return ((m = w._element) == null ? void 0 : m.id) === e;
-        })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (c = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : c.lat]);
+        })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (c = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : c.lat]);
         const A = b.features.filter((w) => w.geometry.type === "Point" && w.properties.id == e.split("-")[1])[0];
-        A.geometry.coordinates = [(p = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lng, (d = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : d.lat], b.features = b.features.filter((w) => w.geometry.type === "Point"), this.handlePointUpdate(b);
+        A.geometry.coordinates = [(p = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lng, (d = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : d.lat], b.features = b.features.filter((w) => w.geometry.type === "Point"), this.handlePointUpdate(b);
       }
     },
     handleContextmenu(t) {
@@ -7583,18 +7592,18 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
       }
     },
     handleClick(t) {
-      var a, r, i, o, n, c;
+      var a, r, i, o, l, c;
       (a = this.contextmenu) == null || a.remove();
       const e = t.originalEvent.target.className;
       if (e === "marker-close") {
-        const h = (i = (r = t.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, p = this.geojson.filter((l) => l.id === h)[0];
-        p && this.handleClear(p, !0), this.geojson = this.geojson.filter((l) => l.id !== h), !this.show && !((o = this.geojson) != null && o.some((l) => l.closed)) && this.handleUnbind();
+        const h = (i = (r = t.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, p = this.geojson.filter((n) => n.id === h)[0];
+        p && this.handleClear(p, !0), this.geojson = this.geojson.filter((n) => n.id !== h), !this.show && !((o = this.geojson) != null && o.some((n) => n.closed)) && this.handleUnbind();
       } else if (e === "del-point") {
-        const h = (c = (n = t.originalEvent.target.id) == null ? void 0 : n.replace("del-", "")) == null ? void 0 : c.split("-"), p = this.geojson.filter((l) => l.id === h[0])[0];
-        p.features = p.features.filter((l) => l.geometry.type === "Point" && l.properties.id !== h[1]), this.handlePointUpdate(p);
+        const h = (c = (l = t.originalEvent.target.id) == null ? void 0 : l.replace("del-", "")) == null ? void 0 : c.split("-"), p = this.geojson.filter((n) => n.id === h[0])[0];
+        p.features = p.features.filter((n) => n.geometry.type === "Point" && n.properties.id !== h[1]), this.handlePointUpdate(p);
       } else if (e !== "marker-label" && this.show) {
         let h = this.geojson.at(-1);
-        h || (h = D.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(h)), h.features = h.features.filter((l) => l.geometry.type === "Point");
+        h || (h = D.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(h)), h.features = h.features.filter((n) => n.geometry.type === "Point");
         const p = D.feature(
           {
             type: "Point",
@@ -7614,12 +7623,12 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
         let a = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const o = e[i - 1], n = e[i], c = o.properties, h = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, p = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, l = be.calculateDistance(h, p, c.mode === "RL", 2), d = be.calculateBearing(h, p, c.mode === "RL", 2);
-          a = G.roundPrecision(a + l, 2);
+          const o = e[i - 1], l = e[i], c = o.properties, h = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, p = { lng: l.geometry.coordinates[0], lat: l.geometry.coordinates[1] }, n = be.calculateDistance(h, p, c.mode === "RL", 2), d = be.calculateBearing(h, p, c.mode === "RL", 2);
+          a = G.roundPrecision(a + n, 2);
           let b;
           c.mode === "RL" ? b = G.convertToMonotonicLng([h, p]) : b = G.convertToMonotonicLng(be.interpolateCoordinates(h, p, 200));
           const u = D.lineString(b.map((A) => [A.lng, A.lat]));
-          u.properties.dist = l, u.properties.bearing = d, u.properties.total = a, r.push(u);
+          u.properties.dist = n, u.properties.bearing = d, u.properties.total = a, r.push(u);
         }
         e.push(...r), t.total = a;
       }
@@ -7627,22 +7636,22 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
     },
     handleTmpPointUpdate(t, e, a, r) {
       const i = D.featureCollection([]);
-      let o, n;
+      let o, l;
       if (e) {
-        const h = e.properties, p = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, l = { lng: a.lng, lat: a.lat };
-        o = be.calculateDistance(p, l, h.mode === "RL", 2), n = be.calculateBearing(p, l, h.mode === "RL", 2);
+        const h = e.properties, p = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, n = { lng: a.lng, lat: a.lat };
+        o = be.calculateDistance(p, n, h.mode === "RL", 2), l = be.calculateBearing(p, n, h.mode === "RL", 2);
         let d;
-        h.mode === "RL" ? d = G.convertToMonotonicLng([p, l]) : d = G.convertToMonotonicLng(be.interpolateCoordinates(p, l, 200));
+        h.mode === "RL" ? d = G.convertToMonotonicLng([p, n]) : d = G.convertToMonotonicLng(be.interpolateCoordinates(p, n, 200));
         const b = D.lineString(d.map((u) => [u.lng, u.lat]));
-        b.properties.dist = o, b.properties.bearing = n, i.features.push(b);
+        b.properties.dist = o, b.properties.bearing = l, i.features.push(b);
       }
       if (r) {
-        const h = a.properties, p = a, l = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = be.calculateDistance(p, l, h.mode === "RL", 2), n = be.calculateBearing(p, l, h.mode === "RL", 2);
+        const h = a.properties, p = a, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
+        o = be.calculateDistance(p, n, h.mode === "RL", 2), l = be.calculateBearing(p, n, h.mode === "RL", 2);
         let d;
-        h.mode === "RL" ? d = G.convertToMonotonicLng([p, l]) : d = G.convertToMonotonicLng(be.interpolateCoordinates(p, l, 200));
+        h.mode === "RL" ? d = G.convertToMonotonicLng([p, n]) : d = G.convertToMonotonicLng(be.interpolateCoordinates(p, n, 200));
         const b = D.lineString(d.map((u) => [u.lng, u.lat]));
-        b.properties.dist = o, b.properties.bearing = n, i.features.push(b);
+        b.properties.dist = o, b.properties.bearing = l, i.features.push(b);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(i) : this.map.addSource(this.tmpSource, {
         type: "geojson",
@@ -7682,7 +7691,7 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
         }
       });
       let c;
-      if (r ? c = '<div class="marker-label">Drag and drop</div>' : c = `<div class="marker-label">Total distance: <b>${G.roundPrecision((t.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)
+      if (r ? c = '<div class="marker-label">Drag and drop</div>' : c = `<div class="marker-label">Total distance: <b>${G.roundPrecision((t.total ?? 0) + o, 2)}</b>nm, bearing: <b>${l}</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 = c, this.tipMarker.setLngLat([a.lng, a.lat]);
       else {
         const h = document.createElement("div");
@@ -7740,30 +7749,30 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
             "text-halo-blur": 0
           }
         });
-        const o = t.features.filter((n) => n.geometry.type === "Point");
-        for (const n of o) {
+        const o = t.features.filter((l) => l.geometry.type === "Point");
+        for (const l of o) {
           const c = document.createElement("div");
-          c.id = `${t.id}-${n.properties.id}`, c.className = `${t.closed ? "point-marker closed" : "point-marker"}`, c.innerHTML = '<div class="marker-circle"></div>';
-          const h = new ve.Marker({ element: c, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
+          c.id = `${t.id}-${l.properties.id}`, c.className = `${t.closed ? "point-marker closed" : "point-marker"}`, c.innerHTML = '<div class="marker-circle"></div>';
+          const h = new ve.Marker({ element: c, draggable: !0, contextmenu: !0 }).setLngLat(l.geometry.coordinates).addTo(this.map);
           h.on("drag", this.handleDrag), h.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(h) : this.pointMarkers[t.id] = [h];
         }
         if (t.closed) {
-          const n = o.at(-1), h = t.features.filter((l) => l.geometry.type === "LineString").at(-1), p = document.createElement("div");
-          p.className = "point-summary-marker", p.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">Tol: ${h.properties.total}nm</div>`, this.closeMarkers[t.id] = new ve.Marker(p).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
+          const l = o.at(-1), h = t.features.filter((n) => n.geometry.type === "LineString").at(-1), p = document.createElement("div");
+          p.className = "point-summary-marker", p.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">Tol: ${h.properties.total}nm</div>`, this.closeMarkers[t.id] = new ve.Marker(p).setOffset([60, 0]).setLngLat(l.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(t, e = !0) {
-      var o, n, c, h, p, l, d, b, u;
+      var o, l, c, h, p, n, d, b, u;
       const a = `${t.id}-${this.source}`, r = `${t.id}-${this.layer}`, i = `${t.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), (c = this.map) != null && c.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (h = this.map) != null && h.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (p = this.closeMarkers[t.id]) == null || p.remove(), this.closeMarkers[t.id] = void 0, (l = this.pointMarkers[t.id]) == null || l.forEach((A) => {
+      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (l = this.map) != null && l.getLayer(i) && this.map.removeLayer(i), (c = this.map) != null && c.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (h = this.map) != null && h.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (p = this.closeMarkers[t.id]) == null || p.remove(), this.closeMarkers[t.id] = void 0, (n = this.pointMarkers[t.id]) == null || n.forEach((A) => {
         A == null || A.remove();
       }), this.pointMarkers[t.id] = [], (d = this.tipMarker) == null || d.remove(), this.tipMarker = void 0, e && ((b = this.map) != null && b.getSource(a)) && this.map.removeSource(a), e && ((u = this.map) != null && u.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
 function Ao(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const yo = /* @__PURE__ */ T(go, [["render", Ao]]);
 const fo = {
@@ -7820,14 +7829,14 @@ const fo = {
   methods: {}
 }, wo = { key: 0 }, bo = { class: "bar-item" };
 function vo(t, e, a, r, i, o) {
-  const n = z("ElTooltip");
-  return a.enabled && a.permission & i.helper.LEVEL.Supper ? (g(), y("div", wo, [
+  const l = z("ElTooltip");
+  return a.enabled && a.permission & i.helper.LEVEL.Supper ? (g(), f("div", wo, [
     s("div", {
       class: "menu-bar-box",
       style: J({ position: "absolute", right: i.right + "px", bottom: a.bottom })
     }, [
       s("div", bo, [
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "Hifleet",
@@ -7843,7 +7852,7 @@ function vo(t, e, a, r, i, o) {
           ]),
           _: 1
         }),
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "I4insight",
@@ -8112,16 +8121,17 @@ const Mo = {
     },
     enc: {
       handler(t, e) {
-        var a, r, i, o, n, c, h, p;
-        t ? ((r = (a = this.map) == null ? void 0 : a.getLayer(t)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : ((c = (n = this.map) == null ? void 0 : n.getLayer("i4")) == null || c.setLayoutProperty("visibility", "none"), (p = (h = this.map) == null ? void 0 : h.getLayer("hi")) == null || p.setLayoutProperty("visibility", "none"));
+        var a, r, i, o, l, c, h, p;
+        t ? ((r = (a = this.map) == null ? void 0 : a.getLayer(t)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : ((c = (l = this.map) == null ? void 0 : l.getLayer("i4")) == null || c.setLayoutProperty("visibility", "none"), (p = (h = this.map) == null ? void 0 : h.getLayer("hi")) == null || p.setLayoutProperty("visibility", "none"));
       }
     },
     activeWeatherLayers: {
       handler() {
-        var t, e, a, r, i, o, n, c, h, p, l, d, b, u, A, w, m, v;
+        var a, r, i, o, l, c, h, p, n, d, b, u, A, w, m, v, y;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.length > 0 ? (this.activeWeatherLayers.some((L) => L.key === "wind" && L.particle === !0 || L.key === "current" && L.particle === !0 || L.key === "temp" || L.key === "water-temp") ? (e = (t = this.map) == null ? void 0 : t.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none") : (r = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || o.setLayoutProperty("visibility", "visible"), (c = this.map) != null && c.getLayer((n = this.viewport) == null ? void 0 : n.rampColorLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((l = this.map) == null || l.moveLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (b = this.map) != null && b.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((w = this.map) == null || w.moveLayer((A = this.viewport) == null ? void 0 : A.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (v = (m = this.map) == null ? void 0 : m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none"), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
+        const t = this.activeWeatherLayers.some((L) => L.key === "wind" && L.particle === !0 || L.key === "current" && L.particle === !0 || L.key === "temp" || L.key === "water-temp"), e = this.activeWeatherLayers.some((L) => L.key === "visibility" || L.key === "precip3h");
+        this.activeWeatherLayers.length > 0 ? (t ? (r = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || r.setLayoutProperty("visibility", "none") : (o = (i = this.map) == null ? void 0 : i.getLayer(this.enc)) == null || o.setLayoutProperty("visibility", "visible"), (c = (l = this.map) == null ? void 0 : l.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || c.setLayoutProperty("visibility", "visible"), (p = this.map) != null && p.getLayer((h = this.viewport) == null ? void 0 : h.rampColorLayer) && ((n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((b = this.map) == null || b.moveLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), e && ((A = this.map) == null || A.moveLayer(this.helper.mapboxCustomer.layers.countryBoundary.id, (u = this.viewport) == null ? void 0 : u.rampColorLayer))) : ((m = (w = this.map) == null ? void 0 : w.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || m.setLayoutProperty("visibility", "none"), (y = (v = this.map) == null ? void 0 : v.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
       },
       immediate: !0
     },
@@ -8173,28 +8183,28 @@ const Mo = {
   },
   methods: {
     async fetchWeatherLayers(t = { tropicals: !1 }) {
-      var i, o, n, c, h, p, l, d, b;
+      var i, o, l, c, h, p, n, d, b;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let a = 0, r = 0;
       if (this.map) {
         const u = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, A = (o = this.map) == null ? void 0 : o.getBounds(), w = `${A._sw.lng},${A._sw.lat},${A._ne.lng},${A._ne.lat}`;
-        if (this.particleFactor && ((n = this.$refs.layer) != null && n.autoActive)) {
+        if (this.particleFactor && ((l = this.$refs.layer) != null && l.autoActive)) {
           const m = Ke.WEATHER_LAYERS.find((v) => {
-            var f;
-            return ((f = v.peer) == null ? void 0 : f.weight) === this.particleFactor.weight;
+            var y;
+            return ((y = v.peer) == null ? void 0 : y.weight) === this.particleFactor.weight;
           });
           this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & m.weight ? this.weatherWeight : this.weatherWeight + m.weight : this.weatherWeight = this.weatherWeight & m.weight ? this.weatherWeight - m.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
           let m = this.weatherWeight, v;
           if (t.tropicals || this.weatherWeight & 256 && (v = this.weatherLayers.tropicals, v && (m -= 256, v.version = Math.random() + 1)), m > 0) {
-            const f = await le.get(`${this.gateway}/api/arc/weather/layers/links?l=${m}&v=${this.source}&z=${u}&bbox=${w}&t=${this.ts}`, {
+            const y = await le.get(`${this.gateway}/api/arc/weather/layers/links?l=${m}&v=${this.source}&z=${u}&bbox=${w}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
             });
-            if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + a), console.log("weather links elapsed: ", r, ", total: ", a += r), ((c = f == null ? void 0 : f.data) == null ? void 0 : c.code) === 0) {
-              const L = (h = f == null ? void 0 : f.data) == null ? void 0 : h.data, P = [];
+            if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + a), console.log("weather links elapsed: ", r, ", total: ", a += r), ((c = y == null ? void 0 : y.data) == null ? void 0 : c.code) === 0) {
+              const L = (h = y == null ? void 0 : y.data) == null ? void 0 : h.data, P = [];
               for (const I in L)
                 I === "ice-edge" && (L[I] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), I !== "tropicals" && P.push(
                   le.get(L[I], {
@@ -8235,7 +8245,7 @@ const Mo = {
               });
             }
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + a), console.log("weather layers elapsed: ", r, ", total: ", a += r), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const L = (p = this.weatherLayers["swell-direction"]) == null ? void 0 : p.raw, P = (l = this.weatherLayers["swell-height"]) == null ? void 0 : l.raw;
+              const L = (p = this.weatherLayers["swell-direction"]) == null ? void 0 : p.raw, P = (n = this.weatherLayers["swell-height"]) == null ? void 0 : n.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
                 direction: L,
@@ -8264,16 +8274,16 @@ const Mo = {
       if (this.map) {
         let o = this.otherWeight;
         if (o) {
-          let n = !1, c = !1, h = !1, p = !1;
-          if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, n = !0), this.otherWeight & 8192 && (o = o - 8192, c = !0), this.otherWeight & 16384 && (o = o - 16384, h = !0), this.otherWeight & 32768 && (o = o - 32768, p = !0), o) {
+          let l = !1, c = !1, h = !1, p = !1;
+          if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, l = !0), this.otherWeight & 8192 && (o = o - 8192, c = !0), this.otherWeight & 16384 && (o = o - 16384, h = !0), this.otherWeight & 32768 && (o = o - 32768, p = !0), o) {
             if (t.all) {
-              const l = await le.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
+              const n = await le.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
-              if (((e = l == null ? void 0 : l.data) == null ? void 0 : e.code) === 0) {
-                const d = (a = l == null ? void 0 : l.data) == null ? void 0 : a.data, b = [];
+              if (((e = n == null ? void 0 : n.data) == null ? void 0 : e.code) === 0) {
+                const d = (a = n == null ? void 0 : n.data) == null ? void 0 : a.data, b = [];
                 for (const A in d)
                   b.push(
                     le.get(d[A], {
@@ -8284,20 +8294,20 @@ const Mo = {
                     })
                   );
                 const u = await Promise.all(b);
-                this.otherLayers = { enc: n, world12nm: c, worldMarine: h, chinaRoute: p }, u.map((A) => {
-                  var v, f, L;
-                  const w = ((v = A == null ? void 0 : A.data) == null ? void 0 : v.data) || (A == null ? void 0 : A.data), m = (L = (f = A == null ? void 0 : A.config) == null ? void 0 : f.headers) == null ? void 0 : L.key;
+                this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: p }, u.map((A) => {
+                  var v, y, L;
+                  const w = ((v = A == null ? void 0 : A.data) == null ? void 0 : v.data) || (A == null ? void 0 : A.data), m = (L = (y = A == null ? void 0 : A.config) == null ? void 0 : y.headers) == null ? void 0 : L.key;
                   this.otherLayers[m] = w;
                 });
               }
             } else if (t.dayNight && o & 1024) {
-              const l = await le.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const n = await le.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
-              if (((r = l == null ? void 0 : l.data) == null ? void 0 : r.code) === 0) {
-                const d = (i = l == null ? void 0 : l.data) == null ? void 0 : i.data, b = [];
+              if (((r = n == null ? void 0 : n.data) == null ? void 0 : r.code) === 0) {
+                const d = (i = n == null ? void 0 : n.data) == null ? void 0 : i.data, b = [];
                 for (const A in d)
                   b.push(
                     le.get(d[A], {
@@ -8308,14 +8318,14 @@ const Mo = {
                     })
                   );
                 (await Promise.all(b)).map((A) => {
-                  var v, f, L;
-                  const w = ((v = A == null ? void 0 : A.data) == null ? void 0 : v.data) || (A == null ? void 0 : A.data), m = (L = (f = A == null ? void 0 : A.config) == null ? void 0 : f.headers) == null ? void 0 : L.key;
+                  var v, y, L;
+                  const w = ((v = A == null ? void 0 : A.data) == null ? void 0 : v.data) || (A == null ? void 0 : A.data), m = (L = (y = A == null ? void 0 : A.config) == null ? void 0 : y.headers) == null ? void 0 : L.key;
                   this.otherLayers[m] = w;
                 });
               }
             }
           } else
-            this.otherLayers = { enc: n, world12nm: c, worldMarine: h, chinaRoute: p };
+            this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: p };
         } else
           this.otherLayers = {};
         this.handleBeforeLayerToggle();
@@ -8331,7 +8341,7 @@ const Mo = {
       this.activeWindLayer = !!this.activeWeatherLayers.find((e) => e.key === "wind"), this.$refs.layer && (this.$refs.layer.activeWeatherLayers = this.activeWeatherLayers);
     },
     handleRampColorInitial() {
-      var t, e, a, r, i, o, n, c, h, p, l, d;
+      var t, e, a, r, i, o, l, c, h, p, n, d;
       this.viewport.map.getSource((t = this.viewport) == null ? void 0 : t.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
         type: "canvas",
         canvas: (a = this.viewport) == null ? void 0 : a.rampColorCanvas,
@@ -8347,7 +8357,7 @@ const Mo = {
           }
         },
         this.beforeLayer
-      ), this.viewport.map.getSource((n = this.viewport) == null ? void 0 : n.particleSource) || this.viewport.map.addSource((c = this.viewport) == null ? void 0 : c.particleSource, {
+      ), this.viewport.map.getSource((l = this.viewport) == null ? void 0 : l.particleSource) || this.viewport.map.addSource((c = this.viewport) == null ? void 0 : c.particleSource, {
         type: "canvas",
         canvas: (h = this.viewport) == null ? void 0 : h.particleCanvas,
         animate: !0,
@@ -8355,7 +8365,7 @@ const Mo = {
       }), this.viewport.map.getLayer((p = this.viewport) == null ? void 0 : p.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
-          id: (l = this.viewport) == null ? void 0 : l.particleLayer,
+          id: (n = this.viewport) == null ? void 0 : n.particleLayer,
           source: (d = this.viewport) == null ? void 0 : d.particleSource,
           layout: {
             visibility: "none"
@@ -8365,49 +8375,48 @@ const Mo = {
       );
     },
     handleDragEndWithZoom4Json() {
-      var p, l, d, b;
+      var p, n, d, b;
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, a = 0;
-      const r = (p = this.map) == null ? void 0 : p.getBounds(), i = this.map.getZoom(), o = G.convertToStdLng(r._sw.lng), n = G.convertToStdLng(r._ne.lng), c = Math.floor(r._sw.lat), h = Math.ceil(r._ne.lat);
-      console.log(o, n, i);
+      const r = (p = this.map) == null ? void 0 : p.getBounds(), i = this.map.getZoom(), o = G.convertToStdLng(r._sw.lng), l = G.convertToStdLng(r._ne.lng), c = Math.floor(r._sw.lat), h = 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 A = [];
           if (["swell", "current"].includes(u)) {
-            const w = ((l = this.weatherLayers[u]) == null ? void 0 : l.direction) || {};
+            const w = ((n = this.weatherLayers[u]) == null ? void 0 : n.direction) || {};
             for (const m in w)
               if (m > c && m < h && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = w[m].lng;
-                o > n ? v.forEach((f, L) => {
+                o > l ? v.forEach((y, L) => {
                   var P, M;
                   if (i < 2) {
-                    if ((f >= 0 && f <= 360 || f >= -360 && f <= 0) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const I = D.point([f, m], {
+                    if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                      const I = D.point([y, m], {
                         val: w[m].val[L],
                         spd: (P = w[m].spd) == null ? void 0 : P[L]
                       });
                       A.push(I);
                     }
-                  } else if ((f >= o && f <= 180 || f >= -180 && f <= n) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const I = D.point([f, m], {
+                  } else if ((y >= o && y <= 180 || y >= -180 && y <= l) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const I = D.point([y, m], {
                       val: w[m].val[L],
                       spd: (M = w[m].spd) == null ? void 0 : M[L]
                     });
                     A.push(I);
                   }
-                }) : v.forEach((f, L) => {
+                }) : v.forEach((y, L) => {
                   var P, M;
                   if (o < 2) {
-                    if ((f >= 0 && f <= 360 || f >= -360 && f <= 0) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const I = D.point([f, m], {
+                    if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                      const I = D.point([y, m], {
                         val: w[m].val[L],
                         spd: (P = w[m].spd) == null ? void 0 : P[L]
                       });
                       A.push(I);
                     }
-                  } else if (f >= o && f <= n && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const I = D.point([f, m], {
+                  } else if (y >= o && y <= l && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const I = D.point([y, m], {
                       val: w[m].val[L],
                       spd: (M = w[m].spd) == null ? void 0 : M[L]
                     });
@@ -8420,12 +8429,12 @@ const Mo = {
               if (m) {
                 if (!m.data) {
                   const v = [];
-                  for (const f in (d = m.raw) == null ? void 0 : d.LineString) {
-                    const L = m.raw.LineString[f];
+                  for (const y in (d = m.raw) == null ? void 0 : d.LineString) {
+                    const L = m.raw.LineString[y];
                     for (const P of L)
                       v.push(
                         D.lineString(P, {
-                          val: Number(f)
+                          val: Number(y)
                         })
                       );
                     m.data = D.featureCollection(v);
@@ -8442,19 +8451,19 @@ const Mo = {
               const m = this.weatherLayers[u].speed;
               if (m) {
                 if (!m.data) {
-                  const f = [];
+                  const y = [];
                   for (const L in (b = m.raw) == null ? void 0 : b.Polygon) {
                     const P = m.raw.Polygon[L];
                     for (const M of P)
-                      f.push(
+                      y.push(
                         D.polygon(M, {
                           val: Number(L)
                         })
                       );
                   }
-                  m.data = D.featureCollection(f);
+                  m.data = D.featureCollection(y);
                 }
-                const v = i < this.zoom ? m.data.features.filter((f) => f.properties.val > 0.5) : m.data.features;
+                const v = i < this.zoom ? m.data.features.filter((y) => y.properties.val > 0.5) : m.data.features;
                 A = A.concat(v), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("speed elapsed: ", a, ", total: ", e += a);
               }
             }
@@ -8463,33 +8472,33 @@ const Mo = {
             for (const m in w)
               if (m > c && m < h && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = w[m].lng;
-                o > n ? v.forEach((f, L) => {
+                o > l ? v.forEach((y, L) => {
                   if (i < 2) {
-                    if ((f >= 0 && f <= 360 || f >= -360 && f <= 0) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const P = D.point([f, m], {
+                    if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                      const P = D.point([y, m], {
                         val: w[m].val[L],
                         spd: w[m].spd[L]
                       });
                       A.push(P);
                     }
-                  } else if ((f >= o && f <= 180 || f >= -180 && f <= n) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const P = D.point([f, m], {
+                  } else if ((y >= o && y <= 180 || y >= -180 && y <= l) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const P = D.point([y, m], {
                       val: w[m].val[L],
                       spd: w[m].spd[L]
                     });
                     A.push(P);
                   }
-                }) : v.forEach((f, L) => {
+                }) : v.forEach((y, L) => {
                   if (i < 2) {
-                    if ((f >= 0 && f <= 360 || f >= -360 && f <= 0) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const P = D.point([f, m], {
+                    if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                      const P = D.point([y, m], {
                         val: w[m].val[L],
                         spd: w[m].spd[L]
                       });
                       A.push(P);
                     }
-                  } else if (f >= o && f <= n && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const P = D.point([f, m], {
+                  } else if (y >= o && y <= l && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const P = D.point([y, m], {
                       val: w[m].val[L],
                       spd: w[m].spd[L]
                     });
@@ -8506,8 +8515,8 @@ const Mo = {
               if (w) {
                 const m = [];
                 for (const v in w.Polygon) {
-                  const f = w.Polygon[v];
-                  for (const L of f)
+                  const y = w.Polygon[v];
+                  for (const L of y)
                     m.push(
                       D.polygon(L, {
                         val: Number(v)
@@ -8515,8 +8524,8 @@ const Mo = {
                     );
                 }
                 for (const v in w.Point) {
-                  const f = w.Point[v];
-                  for (const L of f)
+                  const y = w.Point[v];
+                  for (const L of y)
                     m.push(
                       ...D.points(L, {
                         val: Number(v)
@@ -8535,8 +8544,8 @@ const Mo = {
               if (w) {
                 const m = [];
                 for (const v in w.LineString) {
-                  const f = w.LineString[v];
-                  for (const L of f)
+                  const y = w.LineString[v];
+                  for (const L of y)
                     m.push(
                       D.lineString(L, {
                         val: Number(v)
@@ -8544,9 +8553,9 @@ const Mo = {
                     );
                 }
                 for (const v in w.Point)
-                  w.Point[v].lng.forEach((f, L) => {
-                    f = G.convertToStdLng(f), m.push(
-                      D.point([f, v], {
+                  w.Point[v].lng.forEach((y, L) => {
+                    y = G.convertToStdLng(y), m.push(
+                      D.point([y, v], {
                         val: w.Point[v].val[L],
                         type: w.Point[v].type[L]
                       })
@@ -8564,8 +8573,8 @@ const Mo = {
               if (w) {
                 const m = [];
                 for (const v in w.LineString) {
-                  const f = w.LineString[v];
-                  for (const L of f)
+                  const y = w.LineString[v];
+                  for (const L of y)
                     m.push(
                       D.lineString(L, {
                         val: Number(v)
@@ -8589,10 +8598,10 @@ const Mo = {
       return t.features.forEach((o) => {
         if (o.geometry.type !== "Point")
           if (r > i) {
-            let n = [r, e._sw.lat, 180, e._ne.lat], c = D.bboxClip(o, n);
-            c.geometry.coordinates.length && a.push(c), n = [-180, e._sw.lat, i, e._ne.lat], c = D.bboxClip(o, n), c.geometry.coordinates.length && a.push(c);
+            let l = [r, e._sw.lat, 180, e._ne.lat], c = D.bboxClip(o, l);
+            c.geometry.coordinates.length && a.push(c), l = [-180, e._sw.lat, i, e._ne.lat], c = D.bboxClip(o, l), c.geometry.coordinates.length && a.push(c);
           } else {
-            const n = [r, e._sw.lat, i, e._ne.lat], c = D.bboxClip(o, n);
+            const l = [r, e._sw.lat, i, e._ne.lat], c = D.bboxClip(o, l);
             c.geometry.coordinates.length && a.push(c);
           }
         else
@@ -8610,8 +8619,8 @@ const Mo = {
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var t, e, a, r, i, o, n, c, h, p, l, d, b, u, A, w;
-      (t = this.map) != null && t.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (a = this.otherLayers) != null && a["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"] || (c = this.otherLayers) != null && c.pirates || (h = this.otherLayers) != null && h.ports || (p = this.otherLayers) != null && p.enc || (l = this.otherLayers) != null && l.world12nm || (d = this.otherLayers) != null && d.worldMarine || (b = this.otherLayers) != null && b.chinaRoute || (u = this.otherLayers) != null && u["voluntary-reporting-area"] || (A = this.otherLayers) != null && A["eca-zones"] || (w = this.otherLayers) != null && w["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var t, e, a, r, i, o, l, c, h, p, n, d, b, u, A, w;
+      (t = this.map) != null && t.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (a = this.otherLayers) != null && a["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (l = this.otherLayers) != null && l["time-zones"] || (c = this.otherLayers) != null && c.pirates || (h = this.otherLayers) != null && h.ports || (p = this.otherLayers) != null && p.enc || (n = this.otherLayers) != null && n.world12nm || (d = this.otherLayers) != null && d.worldMarine || (b = this.otherLayers) != null && b.chinaRoute || (u = this.otherLayers) != null && u["voluntary-reporting-area"] || (A = this.otherLayers) != null && A["eca-zones"] || (w = this.otherLayers) != null && w["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
     handleDateChange(t = { tropicals: !1 }) {
       this.fetchWeatherLayers(t), this.fetchOtherLayers({ dayNight: !0 });
@@ -8621,14 +8630,14 @@ const Mo = {
         this.activeWeatherLayers = JSON.parse(JSON.stringify(t));
         const a = this.activeWeatherLayers.some(
           (o) => {
-            var n;
-            return ["wind", "current"].includes(o.key) && (!((n = Object.keys(o)) != null && n.some((c) => c === "particle")) || !!o.particle);
+            var l;
+            return ["wind", "current"].includes(o.key) && (!((l = Object.keys(o)) != null && l.some((c) => c === "particle")) || !!o.particle);
           }
         ), r = this.activeWeatherLayers.some((o) => ["png", "jpg"].includes(o.type));
         a && !r ? (this.activeWeatherLayers.forEach((o) => {
           o.key === "wind" && o.particle && (this.particleFactor = o, this.showWindParticle = !0), o.key === "current" && o.particle && (this.particleFactor = o, this.showCurrentParticle = !0);
         }), this.particleFactor.particle = !0) : r && this.particleFactor && (this.particleFactor.particle = !1);
-        const i = t == null ? void 0 : t.reduce((o, n) => o + (o & (n == null ? void 0 : n.weight) ? 0 : n == null ? void 0 : n.weight), 0);
+        const i = t == null ? void 0 : t.reduce((o, l) => o + (o & (l == null ? void 0 : l.weight) ? 0 : l == null ? void 0 : l.weight), 0);
         this.weatherWeight !== i || this.source !== e ? (this.source = e, this.weatherWeight = i, this.fetchWeatherLayers({ tropicals: !1 })) : this.handleWeatherLayerToggle();
       }) : setTimeout(() => {
         this.handleWeatherLayerChange(t, e);
@@ -8645,8 +8654,8 @@ const Mo = {
       }
     },
     handle3dToggle(t) {
-      var e, a, r, i, o, n, c, h, p, l, d, b, u, A, w, m, v, f, L, P;
-      t ? (this.map.setProjection("globe"), this.mapProjection = "globe", (a = this.map) != null && a.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)), (c = this.map) != null && c.getLayer((n = this.viewport) == null ? void 0 : n.particleLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((l = this.map) == null || l.moveLayer((p = this.viewport) == null ? void 0 : p.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(), (b = this.map) != null && b.getLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((w = this.map) == null || w.moveLayer((A = this.viewport) == null ? void 0 : A.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((m = this.viewport) == null ? void 0 : m.particleLayer) && ((f = this.map) != null && f.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((P = this.map) == null || P.moveLayer((L = this.viewport) == null ? void 0 : L.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+      var e, a, r, i, o, l, c, h, p, n, d, b, u, A, w, m, v, y, L, P;
+      t ? (this.map.setProjection("globe"), this.mapProjection = "globe", (a = this.map) != null && a.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)), (c = this.map) != null && c.getLayer((l = this.viewport) == null ? void 0 : l.particleLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((n = this.map) == null || n.moveLayer((p = this.viewport) == null ? void 0 : p.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(), (b = this.map) != null && b.getLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((w = this.map) == null || w.moveLayer((A = this.viewport) == null ? void 0 : A.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((m = this.viewport) == null ? void 0 : m.particleLayer) && ((y = this.map) != null && y.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((P = this.map) == null || P.moveLayer((L = this.viewport) == null ? void 0 : L.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
     },
     handleParticle(t) {
       this.particleFactor = t, this.weatherLayers[t.key] && (this.weatherLayers[t.key].particle = t.particle), this.activeWeatherLayers.map((r) => {
@@ -8671,9 +8680,9 @@ const Mo = {
 };
 function Qo(t, e, a, r, i, o) {
   var Ae, ie, Q, q, ye, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, ze, Me, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe;
-  const n = z("IdmGlLayer"), c = z("IdmENC"), h = z("IdmWorld12nm"), p = z("IdmWorldMarine"), l = z("IdmChinaRoute"), d = z("IdmSigWave"), b = z("IdmSwell"), u = z("IdmPrmsl"), A = z("IdmIceberg"), w = z("IdmTropicals"), m = z("IdmCurrents"), v = z("IdmCurrentParticle"), f = z("IdmWindBarb"), L = z("IdmWindParticle"), P = z("IdmPrecip3h"), M = z("IdmVisibility"), I = z("IdmWaterTemp"), j = z("IdmTemp"), W = z("IdmArctic"), Y = z("IdmWarZone"), K = z("IdmGmdssArea"), V = z("IdmEcaZone"), ee = z("IdmAlertZone"), ce = z("IdmPort"), he = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), me = z("IdmSpecialArea"), ue = z("IdmTerminator"), ge = z("IdmLatLng"), te = z("IdmMeasure"), oe = z("IdmPoint");
-  return a.map ? (g(), y("div", To, [
-    k(n, S({
+  const l = z("IdmGlLayer"), c = z("IdmENC"), h = z("IdmWorld12nm"), p = z("IdmWorldMarine"), n = z("IdmChinaRoute"), d = z("IdmSigWave"), b = z("IdmSwell"), u = z("IdmPrmsl"), A = z("IdmIceberg"), w = z("IdmTropicals"), m = z("IdmCurrents"), v = z("IdmCurrentParticle"), y = z("IdmWindBarb"), L = z("IdmWindParticle"), P = z("IdmPrecip3h"), M = z("IdmVisibility"), I = z("IdmWaterTemp"), j = z("IdmTemp"), W = z("IdmArctic"), Y = z("IdmWarZone"), K = z("IdmGmdssArea"), V = z("IdmEcaZone"), ee = z("IdmAlertZone"), ce = z("IdmPort"), he = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), me = z("IdmSpecialArea"), ue = z("IdmTerminator"), ge = z("IdmLatLng"), te = z("IdmMeasure"), oe = z("IdmPoint");
+  return a.map ? (g(), f("div", To, [
+    k(l, S({
       ref: "layer",
       map: a.map,
       "toggle-version": a.toggleVersion,
@@ -8719,7 +8728,7 @@ function Qo(t, e, a, r, i, o) {
       "weather-layers": i.weatherLayers,
       enabled: (Q = i.otherLayers) == null ? void 0 : Q.worldMarine
     }, t.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
-    k(l, S({
+    k(n, S({
       map: a.map,
       token: a.token,
       "weather-layers": i.weatherLayers,
@@ -8775,7 +8784,7 @@ function Qo(t, e, a, r, i, o) {
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(f, S({
+    k(y, S({
       ref: "windBarb",
       map: a.map,
       "map-projection": i.mapProjection,