@idmwx/idmui-gl4 1.0.9 → 1.1.1

package/dist/index.js

@@ -1,9 +1,9 @@
 var qa = Object.defineProperty;
 var Xa = (t, e, o) => e in t ? qa(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
 var se = (t, e, o) => (Xa(t, typeof e != "symbol" ? e + "" : e, o), o);
-import Se from "axios";
+import Ee from "axios";
 import { useTheme as Le } from "vuetify";
-import { openBlock as y, createElementBlock as M, resolveComponent as x, withDirectives as He, createBlock as B, withCtx as u, createVNode as d, withModifiers as io, createElementVNode as l, vShow as We, toDisplayString as b, Fragment as be, renderList as we, createTextVNode as U, createCommentVNode as E, normalizeStyle as ae, mergeProps as j, normalizeClass as Ue } from "vue";
+import { openBlock as y, createElementBlock as M, resolveComponent as w, withDirectives as He, createBlock as B, withCtx as p, createVNode as d, withModifiers as io, createElementVNode as l, vShow as We, toDisplayString as b, Fragment as be, renderList as we, createTextVNode as U, createCommentVNode as E, normalizeStyle as ae, mergeProps as j, normalizeClass as Ue } from "vue";
 import xe from "mapbox-gl";
 import { LngLatHelper as K, TropicalHelper as Ua, LaneHelper as Fe } from "@idm-plugin/geo";
 import I from "moment";
@@ -440,7 +440,7 @@ const ci = {
           "symbol-placement": "point",
           "icon-image": "warning",
           "icon-size": 1,
-          "icon-offset": [0, -15],
+          "icon-offset": [0, -13],
           "icon-allow-overlap": !0,
           "icon-rotation-alignment": "viewport"
         },
@@ -493,24 +493,24 @@ const ci = {
   }
 }, mi = ["innerHTML"];
 function di(t, e, o, i, a, r) {
-  const s = x("VBtn"), n = x("v-card-text"), c = x("v-card");
-  return He((y(), B(c, {
+  const s = w("VBtn"), c = w("v-card-text"), n = w("v-card");
+  return He((y(), B(n, {
     class: "scroll",
     id: "idm-gl4-zone-info"
   }, {
-    default: u(() => [
-      d(n, null, {
-        default: u(() => {
-          var g;
+    default: p(() => [
+      d(c, null, {
+        default: p(() => {
+          var u;
           return [
             d(s, {
               icon: "",
               density: "compact",
               variant: "plain",
               class: "close",
-              onClick: e[0] || (e[0] = io((p) => a.showZone = !1, ["stop"]))
+              onClick: e[0] || (e[0] = io((h) => a.showZone = !1, ["stop"]))
             }, {
-              default: u(() => e[1] || (e[1] = [
+              default: p(() => e[1] || (e[1] = [
                 l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
               ])),
               _: 1,
@@ -518,7 +518,7 @@ function di(t, e, o, i, a, r) {
             }),
             l("div", {
               class: "rich-context",
-              innerHTML: (g = a.form) == null ? void 0 : g.name
+              innerHTML: (u = a.form) == null ? void 0 : u.name
             }, null, 8, mi)
           ];
         }),
@@ -599,7 +599,11 @@ const pi = {
             "symbol-placement": "point",
             "icon-size": 1,
             "icon-image": "port",
-            "icon-offset": [0, -15],
+            "icon-offset": [0, -13],
+            "icon-allow-overlap": !1,
+            "icon-ignore-placement": !1,
+            "icon-avoid-edges": !1,
+            "icon-padding": 4,
             "text-anchor": "bottom",
             "text-field": "{name}",
             "text-rotation-alignment": "viewport",
@@ -641,14 +645,14 @@ const pi = {
   }
 }, ui = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, gi = { class: "d-flex justify-start align-center text-label" }, fi = { class: "d-flex justify-start align-center text-label" };
 function yi(t, e, o, i, a, r) {
-  const s = x("v-card-text"), n = x("v-card");
-  return He((y(), B(n, {
+  const s = w("VCardText"), c = w("VCard");
+  return He((y(), B(c, {
     id: "idmPortInfo",
     ref: "idmPortInfo"
   }, {
-    default: u(() => [
+    default: p(() => [
       d(s, { class: "text-body-1 pr-8" }, {
-        default: u(() => [
+        default: p(() => [
           l("div", ui, [
             e[1] || (e[1] = l("div", null, "port", -1)),
             l("div", gi, [
@@ -668,7 +672,7 @@ function yi(t, e, o, i, a, r) {
     [We, a.showInfo]
   ]);
 }
-const bi = /* @__PURE__ */ V(pi, [["render", yi], ["__scopeId", "data-v-61def159"]]), wi = {
+const bi = /* @__PURE__ */ V(pi, [["render", yi], ["__scopeId", "data-v-70375c62"]]), wi = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -1340,16 +1344,16 @@ const Ui = {
       var o, i, a, r;
       const t = [], e = (o = this.station) != null && o.lng && ((i = this.station) != null && i.lat) ? K.guessTimeZoneOffset((a = this.station) == null ? void 0 : a.lng, (r = this.station) == null ? void 0 : r.lat) : 0;
       for (let s = 0; s < 4; s++) {
-        let n = {
+        let c = {
           index: s,
           dateTimeList: [],
           label: I().utcOffset(e).add(s, "days").format("MM-DD ddd"),
           startTime: I().utcOffset(e).add(s, "days").set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format(),
           dateTime: I().utcOffset(e).add(s, "days").format()
         };
-        for (let c = 0; c < 4; c++)
-          n.dateTimeList.push(I(n.startTime).utcOffset(e).add(c * 3, "hours").utc().format());
-        t.push(n);
+        for (let n = 0; n < 4; n++)
+          c.dateTimeList.push(I(c.startTime).utcOffset(e).add(n * 3, "hours").utc().format());
+        t.push(c);
       }
       return t;
     },
@@ -1463,7 +1467,7 @@ const Ui = {
         forecastDays: 5,
         extremes: !0,
         heights: !0
-      }, e = await Se.post(`${this.gateway}/api/arc/meteo2/spot/tides/forecast`, t, {
+      }, e = await Ee.post(`${this.gateway}/api/arc/meteo2/spot/tides/forecast`, t, {
         headers: {
           Authorization: this.token
         }
@@ -1604,18 +1608,18 @@ const Ui = {
   width: "120"
 };
 function _r(t, e, o, i, a, r) {
-  const s = x("v-card-text"), n = x("v-card"), c = x("VBtn"), g = x("v-card-title"), p = x("v-divider"), h = x("VBtnToggle");
+  const s = w("v-card-text"), c = w("v-card"), n = w("VBtn"), u = w("v-card-title"), h = w("v-divider"), g = w("VBtnToggle");
   return y(), M("div", null, [
-    He(d(n, { id: "idmTidalInfo" }, {
-      default: u(() => [
+    He(d(c, { id: "idmTidalInfo" }, {
+      default: p(() => [
         d(s, { class: "pr-8 text-body-1" }, {
-          default: u(() => {
-            var f, k;
+          default: p(() => {
+            var f, L;
             return [
               l("div", Gi, [
                 e[2] || (e[2] = l("div", { class: "d-flex justify-start align-center" }, "Tide Station ", -1)),
                 l("div", Vi, [
-                  l("label", Zi, b((f = a.hoverStation) == null ? void 0 : f.name) + " , " + b(((k = a.hoverStation) == null ? void 0 : k.Country) || "-"), 1)
+                  l("label", Zi, b((f = a.hoverStation) == null ? void 0 : f.name) + " , " + b(((L = a.hoverStation) == null ? void 0 : L.Country) || "-"), 1)
                 ])
               ])
             ];
@@ -1627,29 +1631,29 @@ function _r(t, e, o, i, a, r) {
     }, 512), [
       [We, a.showInfo]
     ]),
-    a.showDetail ? (y(), B(n, {
+    a.showDetail ? (y(), B(c, {
       key: 0,
       class: "tide-detail-container d-flex flex-column justify-start align-center"
     }, {
-      default: u(() => {
-        var f, k, v, T;
+      default: p(() => {
+        var f, L, _, T;
         return [
-          d(g, { class: "w-100" }, {
-            default: u(() => {
-              var w;
+          d(u, { class: "w-100" }, {
+            default: p(() => {
+              var x;
               return [
                 l("div", Yi, [
                   l("div", qi, [
-                    l("div", null, b((w = a.station) == null ? void 0 : w.name), 1)
+                    l("div", null, b((x = a.station) == null ? void 0 : x.name), 1)
                   ]),
-                  d(c, {
+                  d(n, {
                     icon: "",
                     density: "compact",
                     variant: "plain",
                     class: "mr-n2",
                     onClick: e[0] || (e[0] = (D) => a.showDetail = !1)
                   }, {
-                    default: u(() => e[3] || (e[3] = [
+                    default: p(() => e[3] || (e[3] = [
                       l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
                     ])),
                     _: 1,
@@ -1664,7 +1668,7 @@ function _r(t, e, o, i, a, r) {
             _: 1,
             __: [4]
           }),
-          d(p, { class: "w-100" }),
+          d(h, { class: "w-100" }),
           l("div", Xi, [
             l("div", Ki, [
               l("div", Qi, [
@@ -1681,11 +1685,11 @@ function _r(t, e, o, i, a, r) {
               l("div", tr, [
                 l("div", or, [
                   l("div", ar, b(t.$t("tide.region")), 1),
-                  l("div", ir, b(((f = a.station) == null ? void 0 : f.Country) ?? ((k = a.station) == null ? void 0 : k.city) ?? "-"), 1)
+                  l("div", ir, b(((f = a.station) == null ? void 0 : f.Country) ?? ((L = a.station) == null ? void 0 : L.city) ?? "-"), 1)
                 ]),
                 l("div", rr, [
                   l("div", lr, b(t.$t("tide.position")), 1),
-                  l("div", sr, b(r.computeLng((v = a.station) == null ? void 0 : v.lng) ?? "-") + " , " + b(r.computeLat((T = a.station) == null ? void 0 : T.lat) ?? "-"), 1)
+                  l("div", sr, b(r.computeLng((_ = a.station) == null ? void 0 : _.lng) ?? "-") + " , " + b(r.computeLat((T = a.station) == null ? void 0 : T.lat) ?? "-"), 1)
                 ]),
                 l("div", nr, [
                   l("div", cr, b(t.$t("time.localTime")), 1),
@@ -1706,9 +1710,9 @@ function _r(t, e, o, i, a, r) {
                 e[8] || (e[8] = l("div", { class: "text-body-2 text-success ga-2" }, null, -1))
               ]),
               l("div", fr, [
-                d(h, {
+                d(g, {
                   modelValue: a.currentIndex,
-                  "onUpdate:modelValue": e[1] || (e[1] = (w) => a.currentIndex = w),
+                  "onUpdate:modelValue": e[1] || (e[1] = (x) => a.currentIndex = x),
                   class: "w-100 gray-card rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",
                   density: "compact",
                   group: "",
@@ -1716,16 +1720,16 @@ function _r(t, e, o, i, a, r) {
                   "min-height": "26",
                   rounded: "1"
                 }, {
-                  default: u(() => [
-                    (y(!0), M(be, null, we(r.dateList, (w) => (y(), B(c, {
+                  default: p(() => [
+                    (y(!0), M(be, null, we(r.dateList, (x) => (y(), B(n, {
                       class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                       density: "compact",
                       color: "primary",
                       height: "26",
-                      value: w.index
+                      value: x.index
                     }, {
-                      default: u(() => [
-                        U(b(w.label), 1)
+                      default: p(() => [
+                        U(b(x.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["value"]))), 256))
@@ -1737,27 +1741,27 @@ function _r(t, e, o, i, a, r) {
                   l("tbody", null, [
                     l("tr", null, [
                       l("th", wr, b(t.$t("tide.tide")) + " ( m )", 1),
-                      (y(!0), M(be, null, we(a.tideTableData, (w, D) => {
+                      (y(!0), M(be, null, we(a.tideTableData, (x, D) => {
                         var S;
                         return y(), M("td", {
-                          key: w.type + "-" + D,
+                          key: x.type + "-" + D,
                           class: "px-1 text-center"
-                        }, b(t.$t(`tide.${(S = w == null ? void 0 : w.type) == null ? void 0 : S.toLowerCase()}`)), 1);
+                        }, b(t.$t(`tide.${(S = x == null ? void 0 : x.type) == null ? void 0 : S.toLowerCase()}`)), 1);
                       }), 128))
                     ]),
                     l("tr", null, [
                       l("th", xr, b(t.$t("tide.datum")), 1),
-                      (y(!0), M(be, null, we(a.tideTableData, (w, D) => (y(), M("td", {
-                        key: w.date + "-" + D,
+                      (y(!0), M(be, null, we(a.tideTableData, (x, D) => (y(), M("td", {
+                        key: x.date + "-" + D,
                         class: "px-1 text-center"
-                      }, b(r.computeHourLT(w == null ? void 0 : w.date, a.station)) + " LT", 1))), 128))
+                      }, b(r.computeHourLT(x == null ? void 0 : x.date, a.station)) + " LT", 1))), 128))
                     ]),
                     l("tr", null, [
                       l("th", vr, b(t.$t("tide.chartDatum")), 1),
-                      (y(!0), M(be, null, we(a.tideTableData, (w, D) => (y(), M("td", {
-                        key: w.height + "-" + D,
+                      (y(!0), M(be, null, we(a.tideTableData, (x, D) => (y(), M("td", {
+                        key: x.height + "-" + D,
                         class: "px-1 text-center"
-                      }, b((w == null ? void 0 : w.height) ?? "-") + " m", 1))), 128))
+                      }, b((x == null ? void 0 : x.height) ?? "-") + " m", 1))), 128))
                     ])
                   ])
                 ])
@@ -1982,14 +1986,14 @@ const Cr = {
   }
 };
 function Tr(t, e, o, i, a, r) {
-  var s, n, c;
+  var s, c, n;
   return y(), M("div", {
     class: "idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",
     style: ae({ right: a.right + "px" })
   }, [
     l("div", null, b((s = a.lngLat) == null ? void 0 : s.lat), 1),
-    l("div", null, b((n = a.lngLat) == null ? void 0 : n.lng), 1),
-    l("div", null, b((c = a.lngLat) == null ? void 0 : c.str), 1)
+    l("div", null, b((c = a.lngLat) == null ? void 0 : c.lng), 1),
+    l("div", null, b((n = a.lngLat) == null ? void 0 : n.str), 1)
   ], 4);
 }
 const Za = /* @__PURE__ */ V(Cr, [["render", Tr]]);
@@ -2867,7 +2871,7 @@ const Sr = {
           "symbol-placement": "point",
           "icon-size": 1,
           "icon-image": "port",
-          "icon-offset": [0, -15],
+          "icon-offset": [0, -13],
           "text-anchor": "bottom",
           "text-field": "{name}",
           "text-rotation-alignment": "viewport",
@@ -2906,14 +2910,14 @@ const Sr = {
   }
 }, Mr = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, Ir = { class: "d-flex justify-start align-center text-label" }, Ar = { class: "d-flex justify-start align-center text-label" };
 function Dr(t, e, o, i, a, r) {
-  const s = x("v-card-text"), n = x("v-card");
-  return He((y(), B(n, {
+  const s = w("v-card-text"), c = w("v-card");
+  return He((y(), B(c, {
     id: "idmFollowPortInfo",
     ref: "idmFollowPortInfo"
   }, {
-    default: u(() => [
+    default: p(() => [
       d(s, { class: "text-body-1 pr-8" }, {
-        default: u(() => [
+        default: p(() => [
           l("div", Mr, [
             e[1] || (e[1] = l("div", null, "port", -1)),
             l("div", Ir, [
@@ -2933,7 +2937,7 @@ function Dr(t, e, o, i, a, r) {
     [We, a.showInfo]
   ]);
 }
-const Rr = /* @__PURE__ */ V(Sr, [["render", Dr], ["__scopeId", "data-v-de5a1fa3"]]), Or = {
+const Rr = /* @__PURE__ */ V(Sr, [["render", Dr], ["__scopeId", "data-v-98bcf2a1"]]), Or = {
   name: "IdmFollowPosition",
   props: {
     map: {
@@ -3807,7 +3811,7 @@ const Rr = /* @__PURE__ */ V(Sr, [["render", Dr], ["__scopeId", "data-v-de5a1fa3
           "symbol-placement": "point",
           "icon-size": 1,
           "icon-image": "location",
-          "icon-offset": [0, -15]
+          "icon-offset": [0, -13]
         },
         paint: {
           "text-color": this.Theme.current.value.colors["on-surface"],
@@ -3820,16 +3824,18 @@ const Rr = /* @__PURE__ */ V(Sr, [["render", Dr], ["__scopeId", "data-v-de5a1fa3
       this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source), (t = this.map) == null || t.on("click", [this.layer], this.handleClick), (e = this.map) == null || e.on("mousemove", [this.layer], this.handleHover), (o = this.map) == null || o.on("mouseleave", [this.layer], this.handleLeave);
     },
     handleClick(t) {
-      var o, i, a, r, s, n, c, g, p;
+      var o, i, a, r, s, c, n, u, h;
       const e = t.features[0];
       if (e.properties) {
-        const h = e.properties, f = I(), k = (o = I(this.realTime)) == null ? void 0 : o.diff(f, "d", !0), v = {
-          lat: h.lat,
-          lng: h.lng,
+        const g = e.properties;
+        g.lng = e.geometry.coordinates[0], g.lat = e.geometry.coordinates[1], console.log("point", g);
+        const f = I(), L = (o = I(this.realTime)) == null ? void 0 : o.diff(f, "d", !0), _ = {
+          lat: g.lat,
+          lng: g.lng,
           datetime: this.realTime,
           forecastModel: this.forecastModel
         };
-        k >= 0 ? (s = (r = (a = (i = this.$parent) == null ? void 0 : i.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmSpot) == null || s.fetchMeteoData(v) : (p = (g = (c = (n = this.$parent) == null ? void 0 : n.$parent) == null ? void 0 : c.$refs) == null ? void 0 : g.idmSpot) == null || p.fetchHistoryData(v);
+        L >= 0 ? (s = (r = (a = (i = this.$parent) == null ? void 0 : i.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmSpot) == null || s.fetchMeteoData(_) : (h = (u = (n = (c = this.$parent) == null ? void 0 : c.$parent) == null ? void 0 : n.$refs) == null ? void 0 : u.idmSpot) == null || h.fetchHistoryData(_);
       }
     },
     handleHover() {
@@ -3932,7 +3938,6 @@ const jr = {
         { name: "Nautical Map", value: "nautical", locale: "nauticalMap" }
       ],
       checkList: []
-      // followList: [],
     };
   },
   computed: {
@@ -3944,12 +3949,6 @@ const jr = {
     }
   },
   watch: {
-    isLogin: {
-      handler() {
-        this.isLogin && this.fetchOtherLayers();
-      },
-      immediate: !0
-    },
     "menuToggle.v": {
       handler() {
         this.toggle = this.menuToggle.otherLayers, this.$nextTick(() => {
@@ -3959,6 +3958,11 @@ const jr = {
       },
       immediate: !0
     },
+    realTime: {
+      handler(t, e) {
+        t && e && t !== e && this.checkList.includes("day-night") && this.fetchDayNightLayer();
+      }
+    },
     theme: {
       handler() {
         this.theme === "light" ? this.mapFeather = ["light", "nautical"].includes(this.mapFeather) ? this.mapFeather : "light" : this.mapFeather = ["dark", "satellite"].includes(this.mapFeather) ? this.mapFeather : "dark";
@@ -3984,12 +3988,6 @@ const jr = {
         this.$emit("otherCheckList", this.checkList);
       }
     }
-    // followList: {
-    //   handler() {
-    //     localStorage.setItem(this.cache.followListKey, JSON.stringify(this.followList))
-    //     this.$emit('followLayerList', this.followList)
-    //   },
-    // },
   },
   async mounted() {
     this.fetchCache();
@@ -4009,62 +4007,46 @@ const jr = {
     handleToggleMapFeather(t) {
       this.$emit("map", void 0), this.mapFeather = t.value;
     },
-    async fetchOtherLayers(t = { all: !1, dayNight: !1 }) {
-      var o, i, a, r;
-      let e = this.layerWeight;
-      if (e) {
-        if (t.all) {
-          const s = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], n = await Se.get(`${s}/api/arc/other/layers/links?l=${e}&t=${this.realTime}`, {
-            headers: {
-              Authorization: this.token || this.defaultMeteoToken
-            }
-          });
-          if (((o = n == null ? void 0 : n.data) == null ? void 0 : o.code) === 0) {
-            const c = (i = n == null ? void 0 : n.data) == null ? void 0 : i.data, g = [];
-            for (const h in c)
-              g.push(
-                Se.get(c[h], {
-                  headers: {
-                    Authorization: this.token || this.defaultMeteoToken,
-                    key: h
-                  }
-                })
-              );
-            (await Promise.all(g)).map((h) => {
-              var v, T, w;
-              const f = ((v = h == null ? void 0 : h.data) == null ? void 0 : v.data) || (h == null ? void 0 : h.data), k = (w = (T = h == null ? void 0 : h.config) == null ? void 0 : T.headers) == null ? void 0 : w.key;
-              this.otherLayers[k] = f;
-            });
+    async fetchOtherLayers() {
+      var e, o;
+      let t = this.layerWeight;
+      if (t) {
+        const i = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], a = await Ee.get(`${i}/api/arc/other/layers/links?l=${t}&t=${this.realTime}`, {
+          headers: {
+            Authorization: this.token || this.defaultMeteoToken
           }
-        } else if (t.dayNight && e & 1024) {
-          const s = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], n = await Se.get(`${s}/api/arc/other/layers/links?l=1024&t=${this.realTime}`, {
-            headers: {
-              Authorization: this.token || this.defaultMeteoToken
-            }
+        });
+        if (((e = a == null ? void 0 : a.data) == null ? void 0 : e.code) === 0) {
+          const r = (o = a == null ? void 0 : a.data) == null ? void 0 : o.data, s = [];
+          for (const n in r)
+            s.push(
+              Ee.get(r[n], {
+                headers: {
+                  Authorization: this.token || this.defaultMeteoToken,
+                  key: n
+                }
+              })
+            );
+          (await Promise.all(s)).map((n) => {
+            var g, f, L;
+            const u = ((g = n == null ? void 0 : n.data) == null ? void 0 : g.data) || (n == null ? void 0 : n.data), h = (L = (f = n == null ? void 0 : n.config) == null ? void 0 : f.headers) == null ? void 0 : L.key;
+            this.otherLayers[h] = u;
           });
-          if (((a = n == null ? void 0 : n.data) == null ? void 0 : a.code) === 0) {
-            const c = (r = n == null ? void 0 : n.data) == null ? void 0 : r.data, g = [];
-            for (const h in c)
-              g.push(
-                Se.get(c[h], {
-                  headers: {
-                    Authorization: this.token || this.defaultMeteoToken,
-                    key: h
-                  }
-                })
-              );
-            (await Promise.all(g)).map((h) => {
-              var v, T, w;
-              const f = ((v = h == null ? void 0 : h.data) == null ? void 0 : v.data) || (h == null ? void 0 : h.data), k = (w = (T = h == null ? void 0 : h.config) == null ? void 0 : T.headers) == null ? void 0 : w.key;
-              this.otherLayers[k] = f;
-            });
-          }
         }
       }
     },
+    async fetchDayNightLayer() {
+      var o, i;
+      const t = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], e = await Ee.get(`${t}/api/arc/other/layers/links?l=1024&t=${this.realTime}`, {
+        headers: {
+          Authorization: this.token || this.defaultMeteoToken
+        }
+      });
+      ((o = e == null ? void 0 : e.data) == null ? void 0 : o.code) === 0 && (this.otherLayers["day-night"] = ((i = e == null ? void 0 : e.data) == null ? void 0 : i.data) || (e == null ? void 0 : e.data));
+    },
     handleLayersChange(t) {
       const e = t == null ? void 0 : t.reduce((o, i) => o + (i == null ? void 0 : i.weight), 0);
-      this.layerWeight = e, this.fetchOtherLayers({ all: !0 });
+      this.layerWeight = e, this.fetchOtherLayers();
     }
   }
 }, Nr = { class: "idm-gl4-other-layer" }, Fr = { class: "header-box d-flex justify-space-between align-center px-4" }, Hr = { class: "text-h5 font-weight-medium" }, Wr = { class: "list-box scroll pl-4 pr-2 overflow-y-auto" }, Ur = { class: "layers-body mt-4 d-flex justify-start align-center flex-wrap" }, Gr = ["onClick"], Vr = {
@@ -4086,17 +4068,17 @@ const jr = {
 }, Xr = { class: "text-body-2 text-center pt-1" };
 function Kr(t, e, o, i, a, r) {
   var J, le, pe, ue, ce, Q, ie, ge, me;
-  const s = x("VBtn"), n = x("VTooltip"), c = x("VCardTitle"), g = x("VCardItem"), p = x("VCheckbox"), h = x("VCardText"), f = x("VCard"), k = x("IdmLatLng"), v = x("IdmTerminator"), T = x("IdmTimezone"), w = x("IdmPort"), D = x("IdmAlertZone"), S = x("IdmTideStations"), P = x("IdmEcaZone"), z = x("IdmWarZone"), L = x("IdmGmdssArea"), C = x("IdmLoadLine"), _ = x("IdmWorldMarine"), A = x("IdmVRA"), Z = x("IdmSpecialArea"), q = x("IdmWorld12nm"), X = x("IdmChinaRoute"), Y = x("IdmIceAreas"), te = x("IdmFollowPort"), oe = x("IdmFollowPosition");
+  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VCardItem"), h = w("VCheckbox"), g = w("VCardText"), f = w("VCard"), L = w("IdmLatLng"), _ = w("IdmTerminator"), T = w("IdmTimezone"), x = w("IdmPort"), D = w("IdmAlertZone"), S = w("IdmTideStations"), P = w("IdmEcaZone"), k = w("IdmWarZone"), z = w("IdmGmdssArea"), C = w("IdmLoadLine"), v = w("IdmWorldMarine"), A = w("IdmVRA"), Z = w("IdmSpecialArea"), q = w("IdmWorld12nm"), X = w("IdmChinaRoute"), Y = w("IdmIceAreas"), te = w("IdmFollowPort"), oe = w("IdmFollowPosition");
   return y(), M("div", Nr, [
     l("div", {
       class: "menu-bar-box transition px-1 rounded",
       style: ae({ top: o.top + 10 + "px", right: a.right + "px" })
     }, [
-      d(n, {
+      d(c, {
         text: t.$t("layer.mapLayers"),
         location: "left"
       }, {
-        activator: u(({ props: F }) => [
+        activator: p(({ props: F }) => [
           d(s, j(F, {
             "min-width": "32",
             width: "32",
@@ -4104,7 +4086,7 @@ function Kr(t, e, o, i, a, r) {
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: u(() => e[5] || (e[5] = [
+            default: p(() => e[5] || (e[5] = [
               l("i", { class: "iconfont icon-Layer text-h4" }, null, -1)
             ])),
             _: 2,
@@ -4127,7 +4109,7 @@ function Kr(t, e, o, i, a, r) {
           class: "mr-n2",
           onClick: r.handleMenuToggle
         }, {
-          default: u(() => e[6] || (e[6] = [
+          default: p(() => e[6] || (e[6] = [
             l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
           ])),
           _: 1,
@@ -4139,14 +4121,14 @@ function Kr(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: u(() => [
-            d(g, { class: "border-b-thin" }, {
-              default: u(() => [
-                d(c, {
+          default: p(() => [
+            d(u, { class: "border-b-thin" }, {
+              default: p(() => [
+                d(n, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: u(() => [
+                  default: p(() => [
                     U(b(t.$t("layer.mapFeathers")), 1)
                   ]),
                   _: 1
@@ -4154,8 +4136,8 @@ function Kr(t, e, o, i, a, r) {
               ]),
               _: 1
             }),
-            d(h, { class: "pb-2" }, {
-              default: u(() => [
+            d(g, { class: "pb-2" }, {
+              default: p(() => [
                 l("div", Ur, [
                   (y(!0), M(be, null, we(a.mapFeathers, (F) => (y(), M("div", {
                     key: F.value,
@@ -4170,7 +4152,7 @@ function Kr(t, e, o, i, a, r) {
                     l("div", Xr, b(t.$t(`layer.${F.locale}`)), 1)
                   ], 8, Gr))), 128))
                 ]),
-                (y(!0), M(be, null, we(a.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (y(), B(p, {
+                (y(!0), M(be, null, we(a.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (y(), B(h, {
                   key: F.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[0] || (e[0] = (de) => a.checkList = de),
@@ -4192,14 +4174,14 @@ function Kr(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: u(() => [
-            d(g, { class: "border-b-thin" }, {
-              default: u(() => [
-                d(c, {
+          default: p(() => [
+            d(u, { class: "border-b-thin" }, {
+              default: p(() => [
+                d(n, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: u(() => [
+                  default: p(() => [
                     U(b(t.$t("layer.pointsOfInteresting")), 1)
                   ]),
                   _: 1
@@ -4207,9 +4189,9 @@ function Kr(t, e, o, i, a, r) {
               ]),
               _: 1
             }),
-            d(h, { class: "py-2" }, {
-              default: u(() => [
-                (y(!0), M(be, null, we(a.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), B(p, {
+            d(g, { class: "py-2" }, {
+              default: p(() => [
+                (y(!0), M(be, null, we(a.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), B(h, {
                   key: F.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[1] || (e[1] = (de) => a.checkList = de),
@@ -4231,14 +4213,14 @@ function Kr(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: u(() => [
-            d(g, { class: "border-b-thin" }, {
-              default: u(() => [
-                d(c, {
+          default: p(() => [
+            d(u, { class: "border-b-thin" }, {
+              default: p(() => [
+                d(n, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: u(() => [
+                  default: p(() => [
                     U(b(t.$t("layer.otherLayers")), 1)
                   ]),
                   _: 1
@@ -4246,9 +4228,9 @@ function Kr(t, e, o, i, a, r) {
               ]),
               _: 1
             }),
-            d(h, { class: "py-2" }, {
-              default: u(() => [
-                (y(!0), M(be, null, we(a.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), B(p, {
+            d(g, { class: "py-2" }, {
+              default: p(() => [
+                (y(!0), M(be, null, we(a.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), B(h, {
                   key: F.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[2] || (e[2] = (de) => a.checkList = de),
@@ -4270,14 +4252,14 @@ function Kr(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: u(() => [
-            d(g, { class: "border-b-thin" }, {
-              default: u(() => [
-                d(c, {
+          default: p(() => [
+            d(u, { class: "border-b-thin" }, {
+              default: p(() => [
+                d(n, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: u(() => [
+                  default: p(() => [
                     U(b(t.$t("layer.myFollows")), 1)
                   ]),
                   _: 1
@@ -4285,9 +4267,9 @@ function Kr(t, e, o, i, a, r) {
               ]),
               _: 1
             }),
-            d(h, { class: "py-2" }, {
-              default: u(() => [
-                d(p, {
+            d(g, { class: "py-2" }, {
+              default: p(() => [
+                d(h, {
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[3] || (e[3] = (F) => a.checkList = F),
                   value: "follow-ports",
@@ -4298,7 +4280,7 @@ function Kr(t, e, o, i, a, r) {
                   class: "flex-1-0-100 text-body-2",
                   "hide-details": ""
                 }, null, 8, ["modelValue", "label"]),
-                d(p, {
+                d(h, {
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[4] || (e[4] = (F) => a.checkList = F),
                   value: "follow-positions",
@@ -4317,13 +4299,13 @@ function Kr(t, e, o, i, a, r) {
         })
       ])
     ], 6),
-    o.map ? (y(), B(k, j({
+    o.map ? (y(), B(L, j({
       key: 0,
       map: o.map,
       "menu-toggle": o.menuToggle,
       show: a.checkList.includes("graticule")
     }, t.$attrs), null, 16, ["map", "menu-toggle", "show"])) : E("", !0),
-    o.map ? (y(), B(v, j({
+    o.map ? (y(), B(_, j({
       key: 1,
       map: o.map,
       area: (J = a.otherLayers) == null ? void 0 : J["day-night"]
@@ -4333,7 +4315,7 @@ function Kr(t, e, o, i, a, r) {
       map: o.map,
       zone: (le = a.otherLayers) == null ? void 0 : le["time-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : E("", !0),
-    o.map ? (y(), B(w, j({
+    o.map ? (y(), B(x, j({
       key: 3,
       map: o.map,
       ports: (pe = a.otherLayers) == null ? void 0 : pe.ports,
@@ -4363,12 +4345,12 @@ function Kr(t, e, o, i, a, r) {
       map: o.map,
       zone: (ce = a.otherLayers) == null ? void 0 : ce["eca-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : E("", !0),
-    o.map ? (y(), B(z, j({
+    o.map ? (y(), B(k, j({
       key: 7,
       map: o.map,
       zone: (Q = a.otherLayers) == null ? void 0 : Q["war-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : E("", !0),
-    o.map ? (y(), B(L, j({
+    o.map ? (y(), B(z, j({
       key: 8,
       map: o.map,
       area: (ie = a.otherLayers) == null ? void 0 : ie["gmdss-areas"]
@@ -4378,7 +4360,7 @@ function Kr(t, e, o, i, a, r) {
       map: o.map,
       show: a.checkList.includes("load-lines")
     }, t.$attrs), null, 16, ["map", "show"])) : E("", !0),
-    o.map ? (y(), B(_, j({
+    o.map ? (y(), B(v, j({
       key: 10,
       map: o.map,
       token: o.token,
@@ -4473,12 +4455,12 @@ class ro {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    var v, T;
-    const e = (v = this.map) == null ? void 0 : v.getBounds();
+    var _, T;
+    const e = (_ = this.map) == null ? void 0 : _.getBounds();
     if (!e)
       return [];
-    const o = ((T = this.map) == null ? void 0 : T.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, s] = this.convertNLng(i[0]), [n, c] = this.convertNLng(a[0]), [g, p] = this.mercator.px([r, i[1]], o), [h, f] = this.mercator.px([n, a[1]], o), k = Math.round(this.mercator.size * Math.pow(2, o) * (s + c));
-    return [h, f, g + k, p];
+    const o = ((T = this.map) == null ? void 0 : T.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, s] = this.convertNLng(i[0]), [c, n] = this.convertNLng(a[0]), [u, h] = this.mercator.px([r, i[1]], o), [g, f] = this.mercator.px([c, a[1]], o), L = Math.round(this.mercator.size * Math.pow(2, o) * (s + n));
+    return [g, f, u + L, h];
   }
   /**
    * [视窗边界像素宽度]
@@ -4493,13 +4475,13 @@ class ro {
    * @param zoom
    */
   getWorldCopy(e, o) {
-    const i = 2 ** o, [a, r, s, n] = e.map((p) => ~~(p / (i * 256))), c = [];
-    for (let p = n; p <= r; p++)
-      for (let h = a; h <= s; h++)
-        c.push([h, p]);
-    return c.map((p) => {
-      const h = 2 ** o * 256;
-      return [p[0] * h, p[1] * h, h];
+    const i = 2 ** o, [a, r, s, c] = e.map((h) => ~~(h / (i * 256))), n = [];
+    for (let h = c; h <= r; h++)
+      for (let g = a; g <= s; g++)
+        n.push([g, h]);
+    return n.map((h) => {
+      const g = 2 ** o * 256;
+      return [h[0] * g, h[1] * g, g];
     });
   }
   resize() {
@@ -4542,9 +4524,9 @@ class Ne {
    * @param width??
    * @param height??
    */
-  createTexture(e, o, i, a, r, s, n) {
-    const c = e.createTexture();
-    return e.bindTexture(e.TEXTURE_2D, c), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, o), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, i), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, a), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, a), r instanceof Uint8Array ? e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, s, n, 0, e.RGBA, e.UNSIGNED_BYTE, r) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, r), e.bindTexture(e.TEXTURE_2D, null), c;
+  createTexture(e, o, i, a, r, s, c) {
+    const n = e.createTexture();
+    return e.bindTexture(e.TEXTURE_2D, n), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, o), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, i), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, a), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, a), r instanceof Uint8Array ? e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, s, c, 0, e.RGBA, e.UNSIGNED_BYTE, r) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, r), e.bindTexture(e.TEXTURE_2D, null), n;
   }
   /**
    * 创建数据资源
@@ -4582,14 +4564,14 @@ class Ne {
     const a = this.createProgram(e, o, i);
     if (a) {
       const r = { program: a }, s = e.getProgramParameter(a, e.ACTIVE_ATTRIBUTES);
-      for (let c = 0; c < s; c++) {
-        const g = e.getActiveAttrib(a, c);
-        r[g.name] = e.getAttribLocation(a, g.name);
+      for (let n = 0; n < s; n++) {
+        const u = e.getActiveAttrib(a, n);
+        r[u.name] = e.getAttribLocation(a, u.name);
       }
-      const n = e.getProgramParameter(a, e.ACTIVE_UNIFORMS);
-      for (let c = 0; c < n; c++) {
-        const g = e.getActiveUniform(a, c);
-        r[g.name] = e.getUniformLocation(a, g.name);
+      const c = e.getProgramParameter(a, e.ACTIVE_UNIFORMS);
+      for (let n = 0; n < c; n++) {
+        const u = e.getActiveUniform(a, n);
+        r[u.name] = e.getUniformLocation(a, u.name);
       }
       return r;
     }
@@ -4601,19 +4583,19 @@ class Ne {
   setup(e, o, i = !1, a, r) {
     const s = document.createElement("canvas");
     s.width = 256, s.height = 1;
-    const n = s.getContext("2d");
-    if (n && e) {
-      const c = n == null ? void 0 : n.createLinearGradient(0, 0, 256, 0);
-      return o.forEach(([g, p]) => {
-        c.addColorStop(g, p);
-      }), n.fillStyle = c, n.fillRect(0, 0, 256, 1), {
+    const c = s.getContext("2d");
+    if (c && e) {
+      const n = c == null ? void 0 : c.createLinearGradient(0, 0, 256, 0);
+      return o.forEach(([u, h]) => {
+        n.addColorStop(u, h);
+      }), c.fillStyle = n, c.fillRect(0, 0, 256, 1), {
         canvas: s,
         texture: this.createTexture(
           e,
           e.LINEAR,
           e.LINEAR,
           e.CLAMP_TO_EDGE,
-          i ? new Uint8Array(n.getImageData(0, 0, 256, 1).data) : s,
+          i ? new Uint8Array(c.getImageData(0, 0, 256, 1).data) : s,
           a,
           r
         )
@@ -4622,37 +4604,37 @@ class Ne {
   }
   setupParticle(e, o = 1e3) {
     const i = Math.ceil(Math.sqrt(o)), a = i * i, r = new Uint8Array(a * 4);
-    for (let p = 0; p < r.length; p++)
-      r[p] = Math.floor(Math.random() * 256);
-    const s = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), n = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), c = new Float32Array(a);
-    for (let p = 0; p < a; p++)
-      c[p] = p;
-    const g = this.createDataBuffer(e, "array", c);
-    return { resolution: i, total: a, texture0: s, texture1: n, indexBuffer: g };
+    for (let h = 0; h < r.length; h++)
+      r[h] = Math.floor(Math.random() * 256);
+    const s = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), c = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), n = new Float32Array(a);
+    for (let h = 0; h < a; h++)
+      n[h] = h;
+    const u = this.createDataBuffer(e, "array", n);
+    return { resolution: i, total: a, texture0: s, texture1: c, indexBuffer: u };
   }
   bind(e, o, i) {
     const a = this.createProgram(e, o, i);
     if (a) {
       const r = this.createDataBuffer(e, "array", void 0), s = e.getAttribLocation(a, "a_position");
       e.enableVertexAttribArray(s), e.vertexAttribPointer(s, 2, e.FLOAT, !1, 0, 0);
-      const n = new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]);
-      this.createDataBuffer(e, "array", n);
-      const c = e.getAttribLocation(a, "a_texCoord");
-      return e.enableVertexAttribArray(c), e.vertexAttribPointer(c, 2, e.FLOAT, !1, 0, 0), { program: a, aPositionBuffer: r };
+      const c = new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]);
+      this.createDataBuffer(e, "array", c);
+      const n = e.getAttribLocation(a, "a_texCoord");
+      return e.enableVertexAttribArray(n), e.vertexAttribPointer(n, 2, e.FLOAT, !1, 0, 0), { program: a, aPositionBuffer: r };
     }
     return {};
   }
   bindParticle(e, o, i, a, r, s) {
-    const n = this.createProgramWrapper(e, o, i), c = this.createProgramWrapper(e, a, r), g = this.createProgramWrapper(e, a, s), p = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), h = e.createFramebuffer();
-    return { particle: n, screen: c, update: g, quadBuffer: p, frameBuffer: h };
+    const c = this.createProgramWrapper(e, o, i), n = this.createProgramWrapper(e, a, r), u = this.createProgramWrapper(e, a, s), h = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), g = e.createFramebuffer();
+    return { particle: c, screen: n, update: u, quadBuffer: h, frameBuffer: g };
   }
-  draw(e, o, i, a, r, s, n) {
-    var c, g;
+  draw(e, o, i, a, r, s, c) {
+    var n, u;
     if (o && i) {
-      e.resize(), o == null || o.viewport(0, 0, (c = o == null ? void 0 : o.canvas) == null ? void 0 : c.width, (g = o == null ? void 0 : o.canvas) == null ? void 0 : g.height), o.clearColor(0, 0, 0, 0), o.clear(o.COLOR_BUFFER_BIT | o.DEPTH_BUFFER_BIT);
+      e.resize(), o == null || o.viewport(0, 0, (n = o == null ? void 0 : o.canvas) == null ? void 0 : n.width, (u = o == null ? void 0 : o.canvas) == null ? void 0 : u.height), o.clearColor(0, 0, 0, 0), o.clear(o.COLOR_BUFFER_BIT | o.DEPTH_BUFFER_BIT);
       try {
         o.useProgram(i);
-        const p = {
+        const h = {
           resolution: o.getUniformLocation(i, "u_resolution"),
           image: o.getUniformLocation(i, "u_image"),
           color: o.getUniformLocation(i, "u_color"),
@@ -4660,20 +4642,20 @@ class Ne {
           uvRange: o.getUniformLocation(i, "u_range_u_v"),
           sRange: o.getUniformLocation(i, "u_range_s")
         };
-        p.resolution && o.uniform2f(p.resolution, o.canvas.width * e.ratio, o.canvas.height * e.ratio), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, a), p.image && o.uniform1i(p.image, 0), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, r), p.color && o.uniform1i(p.color, 1), n != null && n.uvRange && (n != null && n.sRange) && (p.uvRange && o.uniform2f(p.uvRange, n.uvRange[0], n.uvRange[1]), p.sRange && o.uniform2f(p.sRange, n.sRange[0], n.sRange[1])), p.scale && o.uniform1f(p.scale, (n == null ? void 0 : n.scale) || 1);
-        const h = e.getBoundPixel(), f = e.map.getZoom() + 1, k = e.getWorldCopy(h, f);
-        for (const v of k) {
-          const T = (v[0] - h[0]) * e.ratio, w = (v[1] - h[3]) * e.ratio, D = v[2] * e.ratio, [S, P, z, L] = [T, D + T, w, D + w], C = new Float32Array([S, z, P, z, S, L, S, L, P, z, P, L]);
+        h.resolution && o.uniform2f(h.resolution, o.canvas.width * e.ratio, o.canvas.height * e.ratio), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, a), h.image && o.uniform1i(h.image, 0), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, r), h.color && o.uniform1i(h.color, 1), c != null && c.uvRange && (c != null && c.sRange) && (h.uvRange && o.uniform2f(h.uvRange, c.uvRange[0], c.uvRange[1]), h.sRange && o.uniform2f(h.sRange, c.sRange[0], c.sRange[1])), h.scale && o.uniform1f(h.scale, (c == null ? void 0 : c.scale) || 1);
+        const g = e.getBoundPixel(), f = e.map.getZoom() + 1, L = e.getWorldCopy(g, f);
+        for (const _ of L) {
+          const T = (_[0] - g[0]) * e.ratio, x = (_[1] - g[3]) * e.ratio, D = _[2] * e.ratio, [S, P, k, z] = [T, D + T, x, D + x], C = new Float32Array([S, k, P, k, S, z, S, z, P, k, P, z]);
           o.bindBuffer(o.ARRAY_BUFFER, s), o.bufferData(o.ARRAY_BUFFER, C, o.STATIC_DRAW), o.drawArrays(o.TRIANGLES, 0, 6);
         }
-      } catch (p) {
-        console.log(`render failed...${p}`);
+      } catch (h) {
+        console.log(`render failed...${h}`);
       }
     }
   }
   drawParticle(e, o, i, a, r) {
-    var s, n;
-    o && (o == null || o.viewport(0, 0, (s = o == null ? void 0 : o.canvas) == null ? void 0 : s.width, (n = o == null ? void 0 : o.canvas) == null ? void 0 : n.height), o.disable(o.DEPTH_TEST), o.disable(o.STENCIL_TEST), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, i), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, a.texture0), this.renderScreen(e, o, a, r), this.updateParticles(e, o, a, r));
+    var s, c;
+    o && (o == null || o.viewport(0, 0, (s = o == null ? void 0 : o.canvas) == null ? void 0 : s.width, (c = o == null ? void 0 : o.canvas) == null ? void 0 : c.height), o.disable(o.DEPTH_TEST), o.disable(o.STENCIL_TEST), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, i), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, a.texture0), this.renderScreen(e, o, a, r), this.updateParticles(e, o, a, r));
   }
   renderScreen(e, o, i, a) {
     o.bindFramebuffer(o.FRAMEBUFFER, i.frameBuffer), o.framebufferTexture2D(o.FRAMEBUFFER, o.COLOR_ATTACHMENT0, o.TEXTURE_2D, i.screenTexture, 0), o.viewport(0, 0, o.canvas.width, o.canvas.height), this.renderScreenTexture(o, i.backgroundTexture, i.screen, i.quadBuffer, 0.95), this.renderParticles(e, o, i, a), o.bindFramebuffer(o.FRAMEBUFFER, null), this.renderScreenTexture(o, i.screenTexture, i.screen, i.quadBuffer, 1);
@@ -4691,11 +4673,11 @@ class Ne {
     }
   }
   updateParticles(e, o, i, a) {
-    var s, n;
+    var s, c;
     if (o) {
       o.bindFramebuffer(o.FRAMEBUFFER, i.frameBuffer), o.framebufferTexture2D(o.FRAMEBUFFER, o.COLOR_ATTACHMENT0, o.TEXTURE_2D, i.texture1, 0), o.viewport(0, 0, i.resolution, i.resolution), o.useProgram(i.update.program), o.bindBuffer(o.ARRAY_BUFFER, i.quadBuffer), o.enableVertexAttribArray(i.update.a_pos), o.vertexAttribPointer(i.update.a_pos, 2, o.FLOAT, !1, 0, 0), o.uniform1i(i.update.u_factor, 0), o.uniform1i(i.update.u_particles, 1);
-      const c = e.getBoundRange();
-      o.uniform4f(i.update.u_viewport, c[0], c[1], c[2], c[3]), o.uniform1f(i.update.u_rand_seed, Math.random()), o.uniform2f(i.update.u_factor_res, (s = i == null ? void 0 : i.image) == null ? void 0 : s.width, (n = i == null ? void 0 : i.image) == null ? void 0 : n.height), o.uniform2f(i.update.u_factor_min, a.uvRange[0], a.uvRange[0]), o.uniform2f(i.update.u_factor_max, a.uvRange[1], a.uvRange[1]), o.uniform1f(i.update.u_speed_factor, a.speedFactor * e.ratio), o.uniform1f(i.update.u_drop_rate, a.dropRate), o.uniform1f(i.update.u_drop_rate_bump, a.dropRateBump), o.drawArrays(o.TRIANGLES, 0, 6);
+      const n = e.getBoundRange();
+      o.uniform4f(i.update.u_viewport, n[0], n[1], n[2], n[3]), o.uniform1f(i.update.u_rand_seed, Math.random()), o.uniform2f(i.update.u_factor_res, (s = i == null ? void 0 : i.image) == null ? void 0 : s.width, (c = i == null ? void 0 : i.image) == null ? void 0 : c.height), o.uniform2f(i.update.u_factor_min, a.uvRange[0], a.uvRange[0]), o.uniform2f(i.update.u_factor_max, a.uvRange[1], a.uvRange[1]), o.uniform1f(i.update.u_speed_factor, a.speedFactor * e.ratio), o.uniform1f(i.update.u_drop_rate, a.dropRate), o.uniform1f(i.update.u_drop_rate_bump, a.dropRateBump), o.drawArrays(o.TRIANGLES, 0, 6);
     }
     const r = i.texture0;
     i.texture0 = i.texture1, i.texture1 = r;
@@ -5001,36 +4983,27 @@ const Jr = {
       this.toggle = !this.toggle, this.showCaption = !this.showCaption;
     },
     handleRender() {
-      var t, e, o, i;
-      if (!this.map)
-        setTimeout(() => {
-          this.handleRender();
-        }, 500);
-      else if (this.wind) {
-        const a = (/* @__PURE__ */ new Date()).valueOf();
-        let r = 0, s = 0, n = this.empty;
-        if ((t = this.wind) != null && t.active && (n = (e = this.wind) == null ? void 0 : e.data), (o = this.map) != null && o.getSource(this.source))
-          (i = this.map) == null || i.getSource(this.source).setData(n), s = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[windBarbs] update elapsed: ", s, ", total: ", r += s);
+      var t, e;
+      if (this.map && this.wind) {
+        const o = (/* @__PURE__ */ new Date()).valueOf();
+        let i = 0, a = 0;
+        const r = this.wind.active ? this.wind.data : this.empty;
+        if ((t = this.map) != null && t.getSource(this.source))
+          (e = this.map) == null || e.getSource(this.source).setData(r), a = (/* @__PURE__ */ new Date()).valueOf() - (o + i), console.log("[windBarbs] update elapsed: ", a, ", total: ", i += a);
         else {
-          this.map.addSource(this.source, { type: "geojson", data: n });
-          for (let c = 0; c < (this.barbs ?? []).length - 1; c++) {
-            const g = (this.barbs ?? [])[c] || 0, p = (this.barbs ?? [])[c + 1] || 0, h = g < 10 ? `00${g}kts` : g < 100 ? `0${g}kts` : `${g}kts`, f = new Image(48, 48), k = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(this.svgs[h])));
-            f.src = k, f.onload = () => {
-              this.map.hasImage(h + "-icon") || this.map.addImage(h + "-icon", f), this.map.addLayer(
+          this.map.addSource(this.source, { type: "geojson", data: r });
+          for (let s = 0; s < (this.barbs ?? []).length - 1; s++) {
+            const c = (this.barbs ?? [])[s] || 0, n = (this.barbs ?? [])[s + 1] || 0, u = c < 10 ? `00${c}kts` : c < 100 ? `0${c}kts` : `${c}kts`, h = new Image(48, 48);
+            h.src = "data:image/svg+xml;base64," + window.btoa(this.svgs[u]), h.onload = () => {
+              this.map.hasImage(u + "-icon") || this.map.addImage(u + "-icon", h), this.map.addLayer(
                 {
-                  id: h,
+                  id: u,
                   type: "symbol",
-                  filter: [
-                    "all",
-                    // @ts-ignore
-                    [">=", "spd", g],
-                    // @ts-ignore
-                    ["<", "spd", p]
-                  ],
+                  filter: ["all", [">=", "spd", c], ["<", "spd", n]],
                   source: this.source,
                   layout: {
                     "symbol-placement": "point",
-                    "icon-image": h + "-icon",
+                    "icon-image": u + "-icon",
                     // mapbox sprite
                     "icon-size": 0.5,
                     "icon-offset": [0, -20],
@@ -5052,7 +5025,7 @@ const Jr = {
               );
             };
           }
-          this.windBarbLoaded = !0, s = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[windBarbs] add elapsed: ", s, ", total: ", r += s);
+          this.windBarbLoaded = !0, a = (/* @__PURE__ */ new Date()).valueOf() - (o + i), console.log("[windBarbs] add elapsed: ", a, ", total: ", i += a);
         }
       }
     },
@@ -5375,18 +5348,18 @@ const rl = /* @__PURE__ */ V(ol, [["render", il]]), ll = {
             this.beforeLayer
           );
           const s = new Image(48, 48);
-          let n = '<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" p-id="12518" width="200" height="200"><path d="M481.386772 959.514313 481.386772 334.713224c-56.000432 37.288255-92.523253 55.876612-142.312216 57.787124 85.834924-84.884272 130.528845-195.161888 172.552961-328.434218 40.259936 133.272329 89.39296 238.731196 172.622546 328.434218-54.105269-5.729491-86.780459-21.201881-146.338926-58.965973l0 625.979938L481.386772 959.514313z" p-id="12519" fill="#ffffff"></path></svg>', c = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(n)));
-          s.src = c;
-          const g = new Image(48, 48);
-          n = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+          let c = '<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" p-id="12518" width="200" height="200"><path d="M481.386772 959.514313 481.386772 334.713224c-56.000432 37.288255-92.523253 55.876612-142.312216 57.787124 85.834924-84.884272 130.528845-195.161888 172.552961-328.434218 40.259936 133.272329 89.39296 238.731196 172.622546 328.434218-54.105269-5.729491-86.780459-21.201881-146.338926-58.965973l0 625.979938L481.386772 959.514313z" p-id="12519" fill="#ffffff"></path></svg>', n = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(c)));
+          s.src = n;
+          const u = new Image(48, 48);
+          c = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                   <path d="M10 2.5V17.5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                   <path d="M5 7.5L10 2.5L15 7.5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-                  </svg>`, c = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(n))), g.src = c;
-          const p = [g];
-          let h = 0;
-          p.forEach((f) => {
+                  </svg>`, n = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(c))), u.src = n;
+          const h = [u];
+          let g = 0;
+          h.forEach((f) => {
             f.onload = () => {
-              h++, this.map.hasImage("currentDirIcon") || this.map.addImage("currentDirIcon", g), h === 1 && this.map.addLayer(
+              g++, this.map.hasImage("currentDirIcon") || this.map.addImage("currentDirIcon", u), g === 1 && this.map.addLayer(
                 {
                   id: this.directionLayer,
                   type: "symbol",
@@ -5995,8 +5968,8 @@ const wl = /* @__PURE__ */ V(yl, [["render", bl]]), xl = {
             }
           }, this.beforeLayer);
           const s = new Image(72, 72);
-          let n = '<svg t="1752721890391" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12518" width="200" height="200"><path d="M481.386772 959.514313 481.386772 334.713224c-56.000432 37.288255-92.523253 55.876612-142.312216 57.787124 85.834924-84.884272 130.528845-195.161888 172.552961-328.434218 40.259936 133.272329 89.39296 238.731196 172.622546 328.434218-54.105269-5.729491-86.780459-21.201881-146.338926-58.965973l0 625.979938L481.386772 959.514313z" p-id="12519" fill="#ffffff"></path></svg>', c = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(n)));
-          s.src = c, s.onload = () => {
+          let c = '<svg t="1752721890391" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12518" width="200" height="200"><path d="M481.386772 959.514313 481.386772 334.713224c-56.000432 37.288255-92.523253 55.876612-142.312216 57.787124 85.834924-84.884272 130.528845-195.161888 172.552961-328.434218 40.259936 133.272329 89.39296 238.731196 172.622546 328.434218-54.105269-5.729491-86.780459-21.201881-146.338926-58.965973l0 625.979938L481.386772 959.514313z" p-id="12519" fill="#ffffff"></path></svg>', n = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(c)));
+          s.src = n, s.onload = () => {
             this.map.hasImage("swellDirIconWhite") || this.map.addImage("swellDirIconWhite", s), this.map.addLayer(
               {
                 id: this.directionLayer,
@@ -6199,19 +6172,19 @@ const _l = /* @__PURE__ */ V(xl, [["render", vl]]), kl = {
   class: "legend-tip-btn-gl4"
 };
 function Ll(t, e, o, i, a, r) {
-  var c;
-  const s = x("VBtn"), n = x("VTooltip");
-  return (c = o.prmsl) != null && c.active ? (y(), M("div", zl, [
+  var n;
+  const s = w("VBtn"), c = w("VTooltip");
+  return (n = o.prmsl) != null && n.active ? (y(), M("div", zl, [
     l("div", {
       class: "menu-bar-box pa-1 rounded",
       style: ae({ right: a.right + "px" })
     }, [
-      d(n, {
+      d(c, {
         text: "Map Layers",
         location: "left"
       }, {
-        activator: u(({ props: g }) => [
-          d(s, j(g, {
+        activator: p(({ props: u }) => [
+          d(s, j(u, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -6219,7 +6192,7 @@ function Ll(t, e, o, i, a, r) {
             color: a.toggle ? "primary" : "",
             onClick: r.handleMenuToggle
           }), {
-            default: u(() => e[0] || (e[0] = [
+            default: p(() => e[0] || (e[0] = [
               l("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
             ])),
             _: 2,
@@ -7234,14 +7207,14 @@ const ts = {
     },
     checkList: {
       handler(t, e) {
-        var o, i, a, r, s, n;
-        this.handleCheckListChange(t, e), this.$emit("weatherCheckList", t), this.autoActive && this.checkList.length ? (a = (i = (o = this.$parent) == null ? void 0 : o.$refs) == null ? void 0 : i.idmBottomBar) == null || a.handleToggle("weather", !0) : (n = (s = (r = this.$parent) == null ? void 0 : r.$refs) == null ? void 0 : s.idmBottomBar) == null || n.handleToggle("weather", !1);
+        var o, i, a, r, s, c;
+        this.handleCheckListChange(t, e), this.$emit("weatherCheckList", t), this.autoActive && this.checkList.length ? (a = (i = (o = this.$parent) == null ? void 0 : o.$refs) == null ? void 0 : i.idmBottomBar) == null || a.handleToggle("weather", !0) : (c = (s = (r = this.$parent) == null ? void 0 : r.$refs) == null ? void 0 : s.idmBottomBar) == null || c.handleToggle("weather", !1);
       }
     },
     autoActive: {
       handler(t) {
         var e, o, i, a, r, s;
-        localStorage.setItem(this.cache.autoActiveKey, this.autoActive), this.activeWeatherLayers = this.autoActive ? this.allLayers.filter((n) => this.checkList.includes(n.key)) : [], this.handleWeatherLayerChange(), this.autoActive && this.checkList.length ? (i = (o = (e = this.$parent) == null ? void 0 : e.$refs) == null ? void 0 : o.idmBottomBar) == null || i.handleToggle("weather", !0) : (s = (r = (a = this.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmBottomBar) == null || s.handleToggle("weather", !1), this.$emit("autoActive", this.autoActive);
+        localStorage.setItem(this.cache.autoActiveKey, this.autoActive), this.activeWeatherLayers = this.autoActive ? this.allLayers.filter((c) => this.checkList.includes(c.key)) : [], this.handleWeatherLayerChange(), this.autoActive && this.checkList.length ? (i = (o = (e = this.$parent) == null ? void 0 : e.$refs) == null ? void 0 : o.idmBottomBar) == null || i.handleToggle("weather", !0) : (s = (r = (a = this.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmBottomBar) == null || s.handleToggle("weather", !1), this.$emit("autoActive", this.autoActive);
       }
     },
     iceToggleValue: {
@@ -7301,7 +7274,7 @@ const ts = {
     },
     async fetchModels() {
       this.models = {};
-      const t = await Se.get(`${this.gateway}/api/arc/meteo2/models2`, {
+      const t = await Ee.get(`${this.gateway}/api/arc/meteo2/models2`, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -7309,70 +7282,70 @@ const ts = {
       (t == null ? void 0 : t.data.code) === 0 && (this.models = t == null ? void 0 : t.data.data);
     },
     async fetchWeatherLayers(t = {}) {
-      var a, r, s, n, c, g, p, h, f;
+      var a, r, s, c, n, u, h, g, f;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let o = 0, i = 0;
       if (this.map) {
-        const k = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, v = (r = this.map) == null ? void 0 : r.getBounds(), T = `${v._sw.lng},${v._sw.lat},${v._ne.lng},${v._ne.lat}`;
+        const L = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, _ = (r = this.map) == null ? void 0 : r.getBounds(), T = `${_._sw.lng},${_._sw.lat},${_._ne.lng},${_._ne.lat}`;
         if (this.particleFactor && ((s = this.$refs.layer) != null && s.autoActive)) {
-          const w = oo.WEATHER_LAYERS.find((D) => {
+          const x = oo.WEATHER_LAYERS.find((D) => {
             var S;
             return ((S = D.peer) == null ? void 0 : S.weight) === this.particleFactor.weight;
           });
-          this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & w.weight ? this.weatherWeight : this.weatherWeight + w.weight : this.weatherWeight = this.weatherWeight & w.weight ? this.weatherWeight - w.weight : this.weatherWeight;
+          this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & x.weight ? this.weatherWeight : this.weatherWeight + x.weight : this.weatherWeight = this.weatherWeight & x.weight ? this.weatherWeight - x.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
-          let w = this.weatherWeight;
-          if (w > 0) {
-            const D = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], S = await Se.get(
-              `${D}/api/arc/weather/layers2/links?l=${w}&v=${this.forecastModel}&z=${k}&bbox=${T}&t=${this.realTime}`,
+          let x = this.weatherWeight;
+          if (x > 0) {
+            const D = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], S = await Ee.get(
+              `${D}/api/arc/weather/layers2/links?l=${x}&v=${this.forecastModel}&z=${L}&bbox=${T}&t=${this.realTime}`,
               {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               }
             );
-            if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather links elapsed: ", i, ", total: ", o += i), ((n = S == null ? void 0 : S.data) == null ? void 0 : n.code) === 0) {
-              const P = (c = S == null ? void 0 : S.data) == null ? void 0 : c.data, z = [];
+            if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather links elapsed: ", i, ", total: ", o += i), ((c = S == null ? void 0 : S.data) == null ? void 0 : c.code) === 0) {
+              const P = (n = S == null ? void 0 : S.data) == null ? void 0 : n.data, k = [];
               for (const C in P)
-                z.push(
-                  Se.get(P[C], {
+                k.push(
+                  Ee.get(P[C], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
                       key: C
                     },
                     responseType: /\.(jpg|png)$/.test(P[C]) ? "blob" : "json"
-                  }).catch((_) => {
-                    console.log(`[${C}] fetch layer error: ${_}`);
+                  }).catch((v) => {
+                    console.log(`[${C}] fetch layer error: ${v}`);
                   })
                 );
-              const L = await Promise.all(z);
-              this.weatherLayers = {}, L.map((C) => {
+              const z = await Promise.all(k);
+              this.weatherLayers = {}, z.map((C) => {
                 var Z, q, X, Y;
-                const _ = ((Z = C == null ? void 0 : C.data) == null ? void 0 : Z.data) || (C == null ? void 0 : C.data);
+                const v = ((Z = C == null ? void 0 : C.data) == null ? void 0 : Z.data) || (C == null ? void 0 : C.data);
                 let A = (X = (q = C == null ? void 0 : C.config) == null ? void 0 : q.headers) == null ? void 0 : X.key;
-                A && _ && (this.weatherLayers[A] = {
-                  raw: _,
+                A && v && (this.weatherLayers[A] = {
+                  raw: v,
                   type: ((Y = C == null ? void 0 : C.config) == null ? void 0 : Y.responseType) === "blob" ? "image" : "json",
                   etime: S.data.etime
                 });
               });
             }
             if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather layers elapsed: ", i, ", total: ", o += i), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const P = (g = this.weatherLayers["swell-direction"]) == null ? void 0 : g.raw, z = (p = this.weatherLayers["swell-height"]) == null ? void 0 : p.raw;
+              const P = (u = this.weatherLayers["swell-direction"]) == null ? void 0 : u.raw, k = (h = this.weatherLayers["swell-height"]) == null ? void 0 : h.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
                 direction: P,
-                height: { raw: z },
+                height: { raw: k },
                 etime: S.data.etime
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const P = (h = this.weatherLayers["current-direction"]) == null ? void 0 : h.raw, z = (f = this.weatherLayers["current-speed"]) == null ? void 0 : f.raw;
+              const P = (g = this.weatherLayers["current-direction"]) == null ? void 0 : g.raw, k = (f = this.weatherLayers["current-speed"]) == null ? void 0 : f.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
                 direction: P,
-                speed: { raw: z },
+                speed: { raw: k },
                 etime: S.data.etime
               };
             }
@@ -7399,7 +7372,7 @@ const ts = {
       }, 500);
     },
     handleRampColorInitial() {
-      var t, e, o, i, a, r, s, n, c, g, p, h;
+      var t, e, o, i, a, r, s, c, n, u, h, g;
       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: (o = this.viewport) == null ? void 0 : o.rampColorCanvas,
@@ -7415,16 +7388,16 @@ const ts = {
           }
         },
         this.beforeLayer
-      ), this.viewport.map.getSource((s = this.viewport) == null ? void 0 : s.particleSource) || this.viewport.map.addSource((n = this.viewport) == null ? void 0 : n.particleSource, {
+      ), this.viewport.map.getSource((s = this.viewport) == null ? void 0 : s.particleSource) || this.viewport.map.addSource((c = this.viewport) == null ? void 0 : c.particleSource, {
         type: "canvas",
-        canvas: (c = this.viewport) == null ? void 0 : c.particleCanvas,
+        canvas: (n = this.viewport) == null ? void 0 : n.particleCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
-      }), this.viewport.map.getLayer((g = this.viewport) == null ? void 0 : g.particleLayer) || this.viewport.map.addLayer(
+      }), this.viewport.map.getLayer((u = this.viewport) == null ? void 0 : u.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
-          id: (p = this.viewport) == null ? void 0 : p.particleLayer,
-          source: (h = this.viewport) == null ? void 0 : h.particleSource,
+          id: (h = this.viewport) == null ? void 0 : h.particleLayer,
+          source: (g = this.viewport) == null ? void 0 : g.particleSource,
           layout: {
             visibility: "none"
           }
@@ -7433,253 +7406,253 @@ const ts = {
       );
     },
     handleDrawWeather4Json() {
-      var g, p, h, f, k, v, T;
+      var u, h, g, f, L, _, T;
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, o = 0;
-      const i = (g = this.map) == null ? void 0 : g.getBounds(), a = (p = this.map) == null ? void 0 : p.getZoom(), r = K.convertToStdLng(i._sw.lng), s = K.convertToStdLng(i._ne.lng), n = Math.floor(i._sw.lat), c = Math.ceil(i._ne.lat);
-      for (const w in this.weatherLayers) {
+      const i = (u = this.map) == null ? void 0 : u.getBounds(), a = (h = this.map) == null ? void 0 : h.getZoom(), r = K.convertToStdLng(i._sw.lng), s = K.convertToStdLng(i._ne.lng), c = Math.floor(i._sw.lat), n = Math.ceil(i._ne.lat);
+      for (const x in this.weatherLayers) {
         let D = !1;
-        if (this.weatherLayers[w].active && this.weatherLayers[w].type === "json") {
+        if (this.weatherLayers[x].active && this.weatherLayers[x].type === "json") {
           let S = [];
-          if (w === "swell") {
+          if (x === "swell") {
             D = !0;
-            const P = ((h = this.weatherLayers[w]) == null ? void 0 : h.direction) || {};
-            for (const L in P)
-              if (L > n && L < c && (!(a <= this.zoom) || L % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const C = P[L].lng;
-                r > s ? C.forEach((_, A) => {
+            const P = ((g = this.weatherLayers[x]) == null ? void 0 : g.direction) || {};
+            for (const z in P)
+              if (z > c && z < n && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                const C = P[z].lng;
+                r > s ? C.forEach((v, A) => {
                   var Z, q, X, Y, te, oe;
                   if (a < 2) {
-                    if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                      const J = N.point([_, L], {
-                        val: ((Z = P[L].val) == null ? void 0 : Z[A]) || ((q = P[L].dir) == null ? void 0 : q[A]),
-                        spd: (X = P[L].spd) == null ? void 0 : X[A]
+                    if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
+                      const J = N.point([v, z], {
+                        val: ((Z = P[z].val) == null ? void 0 : Z[A]) || ((q = P[z].dir) == null ? void 0 : q[A]),
+                        spd: (X = P[z].spd) == null ? void 0 : X[A]
                       });
                       S.push(J);
                     }
-                  } else if ((_ >= r && _ <= 180 || _ >= -180 && _ <= s) && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const J = N.point([_, L], {
-                      val: ((Y = P[L].val) == null ? void 0 : Y[A]) || ((te = P[L].dir) == null ? void 0 : te[A]),
-                      spd: (oe = P[L].spd) == null ? void 0 : oe[A]
+                  } else if ((v >= r && v <= 180 || v >= -180 && v <= s) && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                    const J = N.point([v, z], {
+                      val: ((Y = P[z].val) == null ? void 0 : Y[A]) || ((te = P[z].dir) == null ? void 0 : te[A]),
+                      spd: (oe = P[z].spd) == null ? void 0 : oe[A]
                     });
                     S.push(J);
                   }
-                }) : C.forEach((_, A) => {
+                }) : C.forEach((v, A) => {
                   var Z, q, X, Y, te, oe;
                   if (r < 2) {
-                    if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                      const J = N.point([_, L], {
-                        val: ((Z = P[L].val) == null ? void 0 : Z[A]) || ((q = P[L].dir) == null ? void 0 : q[A]),
-                        spd: (X = P[L].spd) == null ? void 0 : X[A]
+                    if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
+                      const J = N.point([v, z], {
+                        val: ((Z = P[z].val) == null ? void 0 : Z[A]) || ((q = P[z].dir) == null ? void 0 : q[A]),
+                        spd: (X = P[z].spd) == null ? void 0 : X[A]
                       });
                       S.push(J);
                     }
-                  } else if (_ >= r && _ <= s && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const J = N.point([_, L], {
-                      val: ((Y = P[L].val) == null ? void 0 : Y[A]) || ((te = P[L].dir) == null ? void 0 : te[A]),
-                      spd: (oe = P[L].spd) == null ? void 0 : oe[A]
+                  } else if (v >= r && v <= s && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                    const J = N.point([v, z], {
+                      val: ((Y = P[z].val) == null ? void 0 : Y[A]) || ((te = P[z].dir) == null ? void 0 : te[A]),
+                      spd: (oe = P[z].spd) == null ? void 0 : oe[A]
                     });
                     S.push(J);
                   }
                 });
               }
             o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell direction elapsed: ", o, ", total: ", e += o);
-            const z = this.weatherLayers[w].height;
-            if (z) {
-              if (!z.data) {
-                const L = [];
-                for (const C in (f = z.raw) == null ? void 0 : f.LineString) {
-                  const _ = z.raw.LineString[C];
-                  for (const A of _)
-                    L.push(
+            const k = this.weatherLayers[x].height;
+            if (k) {
+              if (!k.data) {
+                const z = [];
+                for (const C in (f = k.raw) == null ? void 0 : f.LineString) {
+                  const v = k.raw.LineString[C];
+                  for (const A of v)
+                    z.push(
                       N.lineString(A, {
                         val: Number(C)
                       })
                     );
-                  z.data = N.featureCollection(L);
+                  k.data = N.featureCollection(z);
                 }
               }
-              if (z.data) {
-                const L = this.handleBboxClip(z.data, i);
-                S = S.concat(L);
+              if (k.data) {
+                const z = this.handleBboxClip(k.data, i);
+                S = S.concat(z);
               }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell height elapsed: ", o, ", total: ", e += o);
             }
-          } else if (w === "current") {
+          } else if (x === "current") {
             D = !0;
-            const P = ((k = this.weatherLayers[w]) == null ? void 0 : k.direction) || {};
-            for (const L in P)
-              if (L > n && L < c && (!(a <= this.zoom) || L % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const C = P[L].lng;
-                r > s ? C.forEach((_, A) => {
+            const P = ((L = this.weatherLayers[x]) == null ? void 0 : L.direction) || {};
+            for (const z in P)
+              if (z > c && z < n && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                const C = P[z].lng;
+                r > s ? C.forEach((v, A) => {
                   var Z, q, X, Y, te, oe;
                   if (a < 2) {
-                    if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                      const J = N.point([_, L], {
-                        val: ((Z = P[L].val) == null ? void 0 : Z[A]) || ((q = P[L].dir) == null ? void 0 : q[A]),
-                        spd: (X = P[L].spd) == null ? void 0 : X[A]
+                    if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
+                      const J = N.point([v, z], {
+                        val: ((Z = P[z].val) == null ? void 0 : Z[A]) || ((q = P[z].dir) == null ? void 0 : q[A]),
+                        spd: (X = P[z].spd) == null ? void 0 : X[A]
                       });
                       S.push(J);
                     }
-                  } else if ((_ >= r && _ <= 180 || _ >= -180 && _ <= s) && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const J = N.point([_, L], {
-                      val: ((Y = P[L].val) == null ? void 0 : Y[A]) || ((te = P[L].dir) == null ? void 0 : te[A]),
-                      spd: (oe = P[L].spd) == null ? void 0 : oe[A]
+                  } else if ((v >= r && v <= 180 || v >= -180 && v <= s) && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                    const J = N.point([v, z], {
+                      val: ((Y = P[z].val) == null ? void 0 : Y[A]) || ((te = P[z].dir) == null ? void 0 : te[A]),
+                      spd: (oe = P[z].spd) == null ? void 0 : oe[A]
                     });
                     S.push(J);
                   }
-                }) : C.forEach((_, A) => {
+                }) : C.forEach((v, A) => {
                   var Z, q, X, Y, te, oe;
                   if (r < 2) {
-                    if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                      const J = N.point([_, L], {
-                        val: ((Z = P[L].val) == null ? void 0 : Z[A]) || ((q = P[L].dir) == null ? void 0 : q[A]),
-                        spd: (X = P[L].spd) == null ? void 0 : X[A]
+                    if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
+                      const J = N.point([v, z], {
+                        val: ((Z = P[z].val) == null ? void 0 : Z[A]) || ((q = P[z].dir) == null ? void 0 : q[A]),
+                        spd: (X = P[z].spd) == null ? void 0 : X[A]
                       });
                       S.push(J);
                     }
-                  } else if (_ >= r && _ <= s && (!(a <= this.zoom) || _ % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const J = N.point([_, L], {
-                      val: ((Y = P[L].val) == null ? void 0 : Y[A]) || ((te = P[L].dir) == null ? void 0 : te[A]),
-                      spd: (oe = P[L].spd) == null ? void 0 : oe[A]
+                  } else if (v >= r && v <= s && (!(a <= this.zoom) || v % (a < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const J = N.point([v, z], {
+                      val: ((Y = P[z].val) == null ? void 0 : Y[A]) || ((te = P[z].dir) == null ? void 0 : te[A]),
+                      spd: (oe = P[z].spd) == null ? void 0 : oe[A]
                     });
                     S.push(J);
                   }
                 });
               }
             o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current direction elapsed: ", o, ", total: ", e += o);
-            const z = this.weatherLayers[w].speed;
-            if (z) {
-              if (!z.data) {
+            const k = this.weatherLayers[x].speed;
+            if (k) {
+              if (!k.data) {
                 const C = [];
-                for (const _ in (v = z.raw) == null ? void 0 : v.Polygon) {
-                  const A = z.raw.Polygon[_];
+                for (const v in (_ = k.raw) == null ? void 0 : _.Polygon) {
+                  const A = k.raw.Polygon[v];
                   for (const Z of A)
                     C.push(
                       N.polygon(Z, {
-                        val: Number(_)
+                        val: Number(v)
                       })
                     );
                 }
-                z.data = N.featureCollection(C);
+                k.data = N.featureCollection(C);
               }
-              const L = a < this.zoom ? z.data.features.filter((C) => C.properties.val > 0.5) : z.data.features;
-              S = S.concat(L), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
+              const z = a < this.zoom ? k.data.features.filter((C) => C.properties.val > 0.5) : k.data.features;
+              S = S.concat(z), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
             }
-          } else if (w === "wind") {
+          } else if (x === "wind") {
             D = !0;
             const P = this.weatherLayers.wind.raw;
-            for (const z in P)
-              if (z > n && z < c && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const L = P[z].lng;
-                r > s ? L.forEach((C, _) => {
+            for (const k in P)
+              if (k > c && k < n && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                const z = P[k].lng;
+                r > s ? z.forEach((C, v) => {
                   var A, Z, q, X;
                   if (a < 2) {
                     if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
-                      const Y = N.point([C, z], {
-                        dir: ((A = P[z].val) == null ? void 0 : A[_]) || ((Z = P[z].dir) == null ? void 0 : Z[_]),
-                        spd: P[z].spd[_]
+                      const Y = N.point([C, k], {
+                        dir: ((A = P[k].val) == null ? void 0 : A[v]) || ((Z = P[k].dir) == null ? void 0 : Z[v]),
+                        spd: P[k].spd[v]
                       });
                       S.push(Y);
                     }
                   } else if ((C >= r && C <= 180 || C >= -180 && C <= s) && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const Y = N.point([C, z], {
-                      dir: ((q = P[z].val) == null ? void 0 : q[_]) || ((X = P[z].dir) == null ? void 0 : X[_]),
-                      spd: P[z].spd[_]
+                    const Y = N.point([C, k], {
+                      dir: ((q = P[k].val) == null ? void 0 : q[v]) || ((X = P[k].dir) == null ? void 0 : X[v]),
+                      spd: P[k].spd[v]
                     });
                     S.push(Y);
                   }
-                }) : L.forEach((C, _) => {
+                }) : z.forEach((C, v) => {
                   var A, Z, q, X;
                   if (a < 2) {
                     if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
-                      const Y = N.point([C, z], {
-                        dir: ((A = P[z].val) == null ? void 0 : A[_]) || ((Z = P[z].dir) == null ? void 0 : Z[_]),
-                        spd: P[z].spd[_]
+                      const Y = N.point([C, k], {
+                        dir: ((A = P[k].val) == null ? void 0 : A[v]) || ((Z = P[k].dir) == null ? void 0 : Z[v]),
+                        spd: P[k].spd[v]
                       });
                       S.push(Y);
                     }
                   } else if (C >= r && C <= s && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const Y = N.point([C, z], {
-                      dir: ((q = P[z].val) == null ? void 0 : q[_]) || ((X = P[z].dir) == null ? void 0 : X[_]),
-                      spd: P[z].spd[_]
+                    const Y = N.point([C, k], {
+                      dir: ((q = P[k].val) == null ? void 0 : q[v]) || ((X = P[k].dir) == null ? void 0 : X[v]),
+                      spd: P[k].spd[v]
                     });
                     S.push(Y);
                   }
                 });
               }
             o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("wind barb elapsed: ", o, ", total: ", e += o);
-          } else if (w === "sig-wave-height") {
-            if (this.weatherLayers[w].data)
-              S = this.weatherLayers[w].data;
+          } else if (x === "sig-wave-height") {
+            if (this.weatherLayers[x].data)
+              S = this.weatherLayers[x].data;
             else {
               D = !0;
-              const P = this.weatherLayers[w].raw;
+              const P = this.weatherLayers[x].raw;
               if (P) {
-                const z = [];
-                for (const L in P.Polygon) {
-                  const C = P.Polygon[L];
-                  for (const _ of C)
-                    z.push(
-                      N.polygon(_, {
-                        val: Number(L)
+                const k = [];
+                for (const z in P.Polygon) {
+                  const C = P.Polygon[z];
+                  for (const v of C)
+                    k.push(
+                      N.polygon(v, {
+                        val: Number(z)
                       })
                     );
                 }
-                for (const L in P.MultiPolygon) {
-                  const C = P.MultiPolygon[L];
-                  for (const _ of C)
-                    z.push(
-                      N.multiPolygon(_, {
-                        val: Number(L)
+                for (const z in P.MultiPolygon) {
+                  const C = P.MultiPolygon[z];
+                  for (const v of C)
+                    k.push(
+                      N.multiPolygon(v, {
+                        val: Number(z)
                       })
                     );
                 }
-                for (const L in P.Point) {
-                  const C = P.Point[L];
-                  for (let _ = 0; _ < ((T = C.lng) == null ? void 0 : T.length); _++)
-                    z.push(
-                      N.point([C.lng[_], L], {
-                        val: Number(C.val[_])
+                for (const z in P.Point) {
+                  const C = P.Point[z];
+                  for (let v = 0; v < ((T = C.lng) == null ? void 0 : T.length); v++)
+                    k.push(
+                      N.point([C.lng[v], z], {
+                        val: Number(C.val[v])
                       })
                     );
                 }
-                S = S.concat(z);
+                S = S.concat(k);
               }
             }
             o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("sig-wave-height elapsed: ", o, ", total: ", e += o);
-          } else if (w === "prmsl") {
-            if (this.weatherLayers[w].data)
-              S = this.weatherLayers[w].data;
+          } else if (x === "prmsl") {
+            if (this.weatherLayers[x].data)
+              S = this.weatherLayers[x].data;
             else {
               D = !0;
-              const P = this.weatherLayers[w].raw;
+              const P = this.weatherLayers[x].raw;
               if (P) {
-                const z = [];
-                for (const L in P.LineString) {
-                  const C = P.LineString[L];
-                  for (const _ of C)
-                    z.push(
-                      N.lineString(_, {
-                        val: Number(L)
+                const k = [];
+                for (const z in P.LineString) {
+                  const C = P.LineString[z];
+                  for (const v of C)
+                    k.push(
+                      N.lineString(v, {
+                        val: Number(z)
                       })
                     );
                 }
-                for (const L in P.Point)
-                  P.Point[L].lng.forEach((C, _) => {
-                    C = K.convertToStdLng(C), z.push(
-                      N.point([C, L], {
-                        val: P.Point[L].val[_],
-                        type: P.Point[L].type[_]
+                for (const z in P.Point)
+                  P.Point[z].lng.forEach((C, v) => {
+                    C = K.convertToStdLng(C), k.push(
+                      N.point([C, z], {
+                        val: P.Point[z].val[v],
+                        type: P.Point[z].type[v]
                       })
                     );
                   });
-                S = S.concat(z);
+                S = S.concat(k);
               }
             }
             o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", o, ", total: ", e += o);
           }
-          S.length && (this.weatherLayers[w].data = N.featureCollection(S)), D && (this.weatherLayers[w].version = Math.random() + 1);
+          S.length && (this.weatherLayers[x].data = N.featureCollection(S)), D && (this.weatherLayers[x].version = Math.random() + 1);
         }
       }
     },
@@ -7693,11 +7666,11 @@ const ts = {
       return t.features.forEach((r) => {
         if (r.geometry.type !== "Point")
           if (i > a) {
-            let s = [i, e._sw.lat, 180, e._ne.lat], n = N.bboxClip(r, s);
-            n.geometry.coordinates.length && o.push(n), s = [-180, e._sw.lat, a, e._ne.lat], n = N.bboxClip(r, s), n.geometry.coordinates.length && o.push(n);
+            let s = [i, e._sw.lat, 180, e._ne.lat], c = N.bboxClip(r, s);
+            c.geometry.coordinates.length && o.push(c), s = [-180, e._sw.lat, a, e._ne.lat], c = N.bboxClip(r, s), c.geometry.coordinates.length && o.push(c);
           } else {
-            const s = [i, e._sw.lat, a, e._ne.lat], n = N.bboxClip(r, s);
-            n.geometry.coordinates.length && o.push(n);
+            const s = [i, e._sw.lat, a, e._ne.lat], c = N.bboxClip(r, s);
+            c.geometry.coordinates.length && o.push(c);
           }
         else
           o.push(r);
@@ -7721,18 +7694,18 @@ const ts = {
   class: "d-flex justify-start align-center ga-4 pl-6"
 }, ys = { class: "text-body-1 py-2" }, bs = { class: "text-body-1 font-weight-medium" }, ws = { class: "text-body-2 opacity-70" }, xs = { class: "text-body-2 opacity-70 mb-3" }, vs = { class: "text-body-1 font-weight-medium" }, _s = { class: "text-body-2 opacity-70" }, ks = { class: "text-body-2 opacity-70 mb-3" }, zs = { class: "text-body-1 py-2" }, Ls = { class: "text-body-1 font-weight-medium" }, Ps = { class: "text-body-2 opacity-70" }, Cs = { class: "text-body-2 opacity-70 mb-3" }, Ts = { class: "text-body-1 font-weight-medium" }, Ss = { class: "text-body-2 opacity-70" }, Ms = { class: "text-body-2 opacity-70 mb-3" }, Is = { class: "text-body-1 py-2" }, As = { class: "text-body-1 font-weight-medium" }, Ds = { class: "text-body-2 opacity-70" }, Rs = { class: "text-body-2 opacity-70 mb-3" };
 function Os(t, e, o, i, a, r) {
-  var ue, ce, Q, ie, ge, me, F, de, ke, Me, Ie, Ae, De, Re, ve;
-  const s = x("VBtn"), n = x("VTooltip"), c = x("VCol"), g = x("VRow"), p = x("VCardText"), h = x("VDivider"), f = x("VCard"), k = x("VSwitch"), v = x("VCardTitle"), T = x("VCardItem"), w = x("VCheckbox"), D = x("VRadio"), S = x("VBtnToggle"), P = x("IdmWindBarb"), z = x("IdmSigWaveHeight"), L = x("IdmCurrentDirection"), C = x("IdmPrmsl"), _ = x("IdmWindParticle"), A = x("IdmCurrentParticle"), Z = x("IdmWave"), q = x("IdmSwell"), X = x("IdmIceEdge"), Y = x("IdmIceCover"), te = x("IdmIceThickness"), oe = x("IdmPrecip3h"), J = x("IdmVisibility"), le = x("IdmWaterTemp"), pe = x("IdmTemp");
+  var ue, ce, Q, ie, ge, me, F, de, ke, Se, Me, Ie, Ae, De, ve;
+  const s = w("VBtn"), c = w("VTooltip"), n = w("VCol"), u = w("VRow"), h = w("VCardText"), g = w("VDivider"), f = w("VCard"), L = w("VSwitch"), _ = w("VCardTitle"), T = w("VCardItem"), x = w("VCheckbox"), D = w("VRadio"), S = w("VBtnToggle"), P = w("IdmWindBarb"), k = w("IdmSigWaveHeight"), z = w("IdmCurrentDirection"), C = w("IdmPrmsl"), v = w("IdmWindParticle"), A = w("IdmCurrentParticle"), Z = w("IdmWave"), q = w("IdmSwell"), X = w("IdmIceEdge"), Y = w("IdmIceCover"), te = w("IdmIceThickness"), oe = w("IdmPrecip3h"), J = w("IdmVisibility"), le = w("IdmWaterTemp"), pe = w("IdmTemp");
   return y(), M("div", os, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ae({ top: o.top + 94 + "px", right: a.right + "px" })
     }, [
-      d(n, {
+      d(c, {
         text: t.$t("weather.weatherLayers"),
         location: "left"
       }, {
-        activator: u(({ props: H }) => [
+        activator: p(({ props: H }) => [
           d(s, j(H, {
             "min-width": "32",
             width: "32",
@@ -7740,7 +7713,7 @@ function Os(t, e, o, i, a, r) {
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: u(() => e[7] || (e[7] = [
+            default: p(() => e[7] || (e[7] = [
               l("i", { class: "iconfont icon-Weather text-h4" }, null, -1)
             ])),
             _: 2,
@@ -7755,11 +7728,11 @@ function Os(t, e, o, i, a, r) {
         class: "menu-bar-box pa-1 rounded",
         style: ae({ right: a.right + "px" })
       }, [
-        d(n, {
+        d(c, {
           text: "Legend",
           location: "left"
         }, {
-          activator: u(({ props: H }) => [
+          activator: p(({ props: H }) => [
             d(s, j(H, {
               "min-width": "32",
               width: "32",
@@ -7767,7 +7740,7 @@ function Os(t, e, o, i, a, r) {
               class: ["text-none pa-0", a.legendToggle ? "bg-primary active-border" : ""],
               onClick: e[0] || (e[0] = (ee) => a.legendToggle = !a.legendToggle)
             }), {
-              default: u(() => e[8] || (e[8] = [
+              default: p(() => e[8] || (e[8] = [
                 l("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
               ])),
               _: 2,
@@ -7784,18 +7757,18 @@ function Os(t, e, o, i, a, r) {
         class: "card-info d-flex justify-center align-start",
         style: ae({ position: "absolute", top: "340px", right: a.right + 50 + "px" })
       }, {
-        default: u(() => [
-          d(p, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
-            default: u(() => [
+        default: p(() => [
+          d(h, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
+            default: p(() => [
               e[9] || (e[9] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wind Level", -1)),
-              d(g, { class: "ma-0 ml-n1 text-body-2" }, {
-                default: u(() => [
-                  (y(!0), M(be, null, we(a.legend.barbs, (H, ee) => (y(), B(c, {
+              d(u, { class: "ma-0 ml-n1 text-body-2" }, {
+                default: p(() => [
+                  (y(!0), M(be, null, we(a.legend.barbs, (H, ee) => (y(), B(n, {
                     key: H,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
-                    default: u(() => [
+                    default: p(() => [
                       l("div", is, [
                         l("i", {
                           class: Ue(["iconfont", r.barbsIconName[ee]]),
@@ -7813,21 +7786,21 @@ function Os(t, e, o, i, a, r) {
             _: 1,
             __: [9]
           }),
-          d(h, { vertical: "" }),
-          d(p, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
-            default: u(() => [
+          d(g, { vertical: "" }),
+          d(h, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
+            default: p(() => [
               e[10] || (e[10] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wave Height", -1)),
-              d(g, {
+              d(u, {
                 class: "ma-0 ml-1",
                 style: { width: "100px" }
               }, {
-                default: u(() => [
-                  (y(!0), M(be, null, we(a.legend.sigWaveHeight, (H, ee) => (y(), B(c, {
+                default: p(() => [
+                  (y(!0), M(be, null, we(a.legend.sigWaveHeight, (H, ee) => (y(), B(n, {
                     key: ee,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
-                    default: u(() => [
+                    default: p(() => [
                       l("div", ls, [
                         ee === 0 ? (y(), M("div", ss)) : (y(), M("div", {
                           key: 1,
@@ -7845,21 +7818,21 @@ function Os(t, e, o, i, a, r) {
             _: 1,
             __: [10]
           }),
-          d(h, { vertical: "" }),
-          d(p, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
-            default: u(() => [
+          d(g, { vertical: "" }),
+          d(h, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
+            default: p(() => [
               e[11] || (e[11] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Current", -1)),
-              d(g, {
+              d(u, {
                 class: "ma-0 ml-n5",
                 style: { width: "110px" }
               }, {
-                default: u(() => [
-                  (y(!0), M(be, null, we(a.legend.current, (H, ee) => (y(), B(c, {
+                default: p(() => [
+                  (y(!0), M(be, null, we(a.legend.current, (H, ee) => (y(), B(n, {
                     key: ee,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
                   }, {
-                    default: u(() => [
+                    default: p(() => [
                       l("div", cs, [
                         l("div", ms, [
                           l("i", {
@@ -7890,7 +7863,7 @@ function Os(t, e, o, i, a, r) {
       l("div", hs, [
         l("div", ps, [
           l("div", us, b(t.$t("weather.weather")), 1),
-          d(k, {
+          d(L, {
             modelValue: a.autoActive,
             "onUpdate:modelValue": e[1] || (e[1] = (H) => a.autoActive = H),
             class: "small-switch",
@@ -7906,7 +7879,7 @@ function Os(t, e, o, i, a, r) {
           class: "mr-n2",
           onClick: r.handleMenuToggle
         }, {
-          default: u(() => e[12] || (e[12] = [
+          default: p(() => e[12] || (e[12] = [
             l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
           ])),
           _: 1,
@@ -7920,14 +7893,14 @@ function Os(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: u(() => [
+          default: p(() => [
             d(T, { class: "border-b-thin" }, {
-              default: u(() => [
-                d(v, {
+              default: p(() => [
+                d(_, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: u(() => [
+                  default: p(() => [
                     U(b(t.$t("weather.overlays")), 1)
                   ]),
                   _: 1
@@ -7935,9 +7908,9 @@ function Os(t, e, o, i, a, r) {
               ]),
               _: 1
             }),
-            d(p, { class: "py-2" }, {
-              default: u(() => [
-                (y(!0), M(be, null, we(a.tagLayers.filter((H) => H.overlays), (H) => (y(), B(w, {
+            d(h, { class: "py-2" }, {
+              default: p(() => [
+                (y(!0), M(be, null, we(a.tagLayers.filter((H) => H.overlays), (H) => (y(), B(x, {
                   key: H.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[2] || (e[2] = (ee) => a.checkList = ee),
@@ -7960,14 +7933,14 @@ function Os(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: u(() => [
+          default: p(() => [
             d(T, { class: "border-b-thin" }, {
-              default: u(() => [
-                d(v, {
+              default: p(() => [
+                d(_, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: u(() => [
+                  default: p(() => [
                     U(b(t.$t("weather.renders")), 1)
                   ]),
                   _: 1
@@ -7975,8 +7948,8 @@ function Os(t, e, o, i, a, r) {
               ]),
               _: 1
             }),
-            d(p, { class: "py-2" }, {
-              default: u(() => [
+            d(h, { class: "py-2" }, {
+              default: p(() => [
                 (y(!0), M(be, null, we(a.tagLayers.filter((H) => !H.overlays && H.key !== "ice-thickness"), (H) => (y(), M(be, {
                   key: H.key
                 }, [
@@ -7995,7 +7968,7 @@ function Os(t, e, o, i, a, r) {
                   }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
                   a.renderKey === "wind-particle" && H.key === "wind-particle" ? (y(), M("div", gs, [
                     l("span", null, b(t.$t("weather.particleAnimatiom")), 1),
-                    d(k, {
+                    d(L, {
                       modelValue: a.showWindParticle,
                       "onUpdate:modelValue": e[4] || (e[4] = (ee) => a.showWindParticle = ee),
                       label: "",
@@ -8009,7 +7982,7 @@ function Os(t, e, o, i, a, r) {
                   ])) : E("", !0),
                   a.renderKey === "current-particle" && H.key === "current-particle" ? (y(), M("div", fs, [
                     l("span", null, b(t.$t("weather.particleAnimatiom")), 1),
-                    d(k, {
+                    d(L, {
                       modelValue: a.showCurrentParticle,
                       "onUpdate:modelValue": e[5] || (e[5] = (ee) => a.showCurrentParticle = ee),
                       label: "",
@@ -8032,7 +8005,7 @@ function Os(t, e, o, i, a, r) {
                     group: "",
                     disabled: !a.autoActive
                   }, {
-                    default: u(() => [
+                    default: p(() => [
                       d(s, {
                         density: "compact",
                         height: "30",
@@ -8042,7 +8015,7 @@ function Os(t, e, o, i, a, r) {
                         "base-color": "grey-lighten-1",
                         disabled: !a.autoActive
                       }, {
-                        default: u(() => [
+                        default: p(() => [
                           U(b(t.$t("weather.coverage")), 1)
                         ]),
                         _: 1
@@ -8056,7 +8029,7 @@ function Os(t, e, o, i, a, r) {
                         disabled: !a.autoActive,
                         value: "ice-thickness"
                       }, {
-                        default: u(() => [
+                        default: p(() => [
                           U(b(t.$t("weather.thickness")), 1)
                         ]),
                         _: 1
@@ -8075,14 +8048,14 @@ function Os(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: u(() => [
+          default: p(() => [
             d(T, { class: "border-b-thin" }, {
-              default: u(() => [
-                d(v, {
+              default: p(() => [
+                d(_, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: u(() => [
+                  default: p(() => [
                     U(b(t.$t("weather.forecastModel")), 1)
                   ]),
                   _: 1
@@ -8090,18 +8063,18 @@ function Os(t, e, o, i, a, r) {
               ]),
               _: 1
             }),
-            d(p, { class: "" }, {
-              default: u(() => {
-                var H, ee, je, Ce, he, fe, W, ze, $, re, Oe, O, ye, Te, Be, Ee, R, G, Ge, Ve, Ze, Pe, Ye, qe, Xe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, At, Dt, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Wt, Ut, Gt, Vt, Zt, Yt, qt, Xt, Kt, Qt, Jt;
+            d(h, { class: "" }, {
+              default: p(() => {
+                var H, ee, je, Ce, he, fe, W, ze, $, re, Re, O, ye, Te, Oe, Be, R, G, Ge, Ve, Ze, Pe, Ye, qe, Xe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, At, Dt, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Wt, Ut, Gt, Vt, Zt, Yt, qt, Xt, Kt, Qt, Jt;
                 return [
                   l("div", ys, b(t.$t("weather.atmospheric")), 1),
                   l("div", bs, b((je = (ee = (H = a.models) == null ? void 0 : H.weather) == null ? void 0 : ee.NOAA) == null ? void 0 : je.source) + " " + b((fe = (he = (Ce = a.models) == null ? void 0 : Ce.weather) == null ? void 0 : he.NOAA) == null ? void 0 : fe.spatialResolution) + b(t.$t("units.km")) + " " + b((re = ($ = (ze = (W = a.models) == null ? void 0 : W.weather) == null ? void 0 : ze.NOAA) == null ? void 0 : $.meta) == null ? void 0 : re.days) + b(t.$t("units.days")), 1),
                   l("div", ws, b(t.$t("weather.source")) + ": NOAA", 1),
-                  l("div", xs, b(t.$t("weather.lastUpdate")) + ": " + b(r.computeDateZ((Te = (ye = (O = (Oe = a.models) == null ? void 0 : Oe.weather) == null ? void 0 : O.NOAA) == null ? void 0 : ye.meta) == null ? void 0 : Te.initialisationTime)), 1),
-                  l("div", vs, b((R = (Ee = (Be = a.models) == null ? void 0 : Be.weather) == null ? void 0 : Ee.ECMWF) == null ? void 0 : R.source) + " " + b((Ve = (Ge = (G = a.models) == null ? void 0 : G.weather) == null ? void 0 : Ge.ECMWF) == null ? void 0 : Ve.spatialResolution) + b(t.$t("units.km")) + " " + b((qe = (Ye = (Pe = (Ze = a.models) == null ? void 0 : Ze.weather) == null ? void 0 : Pe.ECMWF) == null ? void 0 : Ye.meta) == null ? void 0 : qe.days) + b(t.$t("units.days")), 1),
+                  l("div", xs, b(t.$t("weather.lastUpdate")) + ": " + b(r.computeDateZ((Te = (ye = (O = (Re = a.models) == null ? void 0 : Re.weather) == null ? void 0 : O.NOAA) == null ? void 0 : ye.meta) == null ? void 0 : Te.initialisationTime)), 1),
+                  l("div", vs, b((R = (Be = (Oe = a.models) == null ? void 0 : Oe.weather) == null ? void 0 : Be.ECMWF) == null ? void 0 : R.source) + " " + b((Ve = (Ge = (G = a.models) == null ? void 0 : G.weather) == null ? void 0 : Ge.ECMWF) == null ? void 0 : Ve.spatialResolution) + b(t.$t("units.km")) + " " + b((qe = (Ye = (Pe = (Ze = a.models) == null ? void 0 : Ze.weather) == null ? void 0 : Pe.ECMWF) == null ? void 0 : Ye.meta) == null ? void 0 : qe.days) + b(t.$t("units.days")), 1),
                   l("div", _s, b(t.$t("weather.source")) + ": ECMWF", 1),
                   l("div", ks, b(t.$t("weather.lastUpdate")) + ": " + b(r.computeDateZ((Je = (Qe = (Ke = (Xe = a.models) == null ? void 0 : Xe.weather) == null ? void 0 : Ke.ECMWF) == null ? void 0 : Qe.meta) == null ? void 0 : Je.initialisationTime)), 1),
-                  d(h),
+                  d(g),
                   l("div", zs, b(t.$t("weather.wave")), 1),
                   l("div", Ls, b((ot = (tt = (et = ($e = a.models) == null ? void 0 : $e.marine) == null ? void 0 : et.wave) == null ? void 0 : tt.NOAA) == null ? void 0 : ot.source) + " " + b((lt = (rt = (it = (at = a.models) == null ? void 0 : at.marine) == null ? void 0 : it.wave) == null ? void 0 : rt.NOAA) == null ? void 0 : lt.spatialResolution) + b(t.$t("units.km")) + " " + b((dt = (mt = (ct = (nt = (st = a.models) == null ? void 0 : st.marine) == null ? void 0 : nt.wave) == null ? void 0 : ct.NOAA) == null ? void 0 : mt.meta) == null ? void 0 : dt.days) + b(t.$t("units.days")), 1),
                   l("div", Ps, b(t.$t("weather.source")) + ": NOAA", 1),
@@ -8109,7 +8082,7 @@ function Os(t, e, o, i, a, r) {
                   l("div", Ts, b((xt = (wt = (bt = (yt = a.models) == null ? void 0 : yt.marine) == null ? void 0 : bt.wave) == null ? void 0 : wt.ECMWF) == null ? void 0 : xt.source) + " " + b((zt = (kt = (_t = (vt = a.models) == null ? void 0 : vt.marine) == null ? void 0 : _t.wave) == null ? void 0 : kt.ECMWF) == null ? void 0 : zt.spatialResolution) + b(t.$t("units.km")) + " " + b((St = (Tt = (Ct = (Pt = (Lt = a.models) == null ? void 0 : Lt.marine) == null ? void 0 : Pt.wave) == null ? void 0 : Ct.ECMWF) == null ? void 0 : Tt.meta) == null ? void 0 : St.days) + b(t.$t("units.days")), 1),
                   l("div", Ss, b(t.$t("weather.source")) + ": ECMWF", 1),
                   l("div", Ms, b(t.$t("weather.lastUpdate")) + ": " + b(r.computeDateZ((Rt = (Dt = (At = (It = (Mt = a.models) == null ? void 0 : Mt.marine) == null ? void 0 : It.wave) == null ? void 0 : At.ECMWF) == null ? void 0 : Dt.meta) == null ? void 0 : Rt.initialisationTime)), 1),
-                  d(h),
+                  d(g),
                   l("div", Is, b(t.$t("weather.currents")), 1),
                   l("div", As, b((jt = (Et = (Bt = (Ot = a.models) == null ? void 0 : Ot.marine) == null ? void 0 : Bt.current) == null ? void 0 : Et.ECMWF) == null ? void 0 : jt.source) + " " + b((Wt = (Ht = (Ft = (Nt = a.models) == null ? void 0 : Nt.marine) == null ? void 0 : Ft.current) == null ? void 0 : Ht.ECMWF) == null ? void 0 : Wt.spatialResolution) + b(t.$t("units.km")) + " " + b((Yt = (Zt = (Vt = (Gt = (Ut = a.models) == null ? void 0 : Ut.marine) == null ? void 0 : Gt.current) == null ? void 0 : Vt.ECMWF) == null ? void 0 : Zt.meta) == null ? void 0 : Yt.days) + b(t.$t("units.days")), 1),
                   l("div", Ds, b(t.$t("weather.source")) + ": ECMWF", 1),
@@ -8132,7 +8105,7 @@ function Os(t, e, o, i, a, r) {
       wind: (ue = a.weatherLayers) == null ? void 0 : ue.wind,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : E("", !0),
-    o.map ? (y(), B(z, j({
+    o.map ? (y(), B(k, j({
       key: 2,
       map: o.map,
       "before-layer": "empty-layer-2",
@@ -8140,7 +8113,7 @@ function Os(t, e, o, i, a, r) {
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : E("", !0),
-    o.map ? (y(), B(L, j({
+    o.map ? (y(), B(z, j({
       key: 3,
       map: o.map,
       "map-feather": o.mapFeather,
@@ -8156,7 +8129,7 @@ function Os(t, e, o, i, a, r) {
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, t.$attrs, { theme: o.theme }), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers", "theme"])) : E("", !0),
-    o.map ? (y(), B(_, j({
+    o.map ? (y(), B(v, j({
       key: 5,
       viewport: a.viewport,
       factor: (ge = a.weatherLayers) == null ? void 0 : ge["wind-particle"],
@@ -8190,31 +8163,31 @@ function Os(t, e, o, i, a, r) {
     o.map ? (y(), B(Y, j({
       key: 10,
       viewport: a.viewport,
-      factor: (Me = a.weatherLayers) == null ? void 0 : Me["ice-cover"],
+      factor: (Se = a.weatherLayers) == null ? void 0 : Se["ice-cover"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : E("", !0),
     o.map ? (y(), B(te, j({
       key: 11,
       viewport: a.viewport,
-      factor: (Ie = a.weatherLayers) == null ? void 0 : Ie["ice-thickness"],
+      factor: (Me = a.weatherLayers) == null ? void 0 : Me["ice-thickness"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : E("", !0),
     o.map ? (y(), B(oe, j({
       key: 12,
       viewport: a.viewport,
-      factor: (Ae = a.weatherLayers) == null ? void 0 : Ae.precip3h,
+      factor: (Ie = a.weatherLayers) == null ? void 0 : Ie.precip3h,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : E("", !0),
     o.map ? (y(), B(J, j({
       key: 13,
       viewport: a.viewport,
-      factor: (De = a.weatherLayers) == null ? void 0 : De.visibility,
+      factor: (Ae = a.weatherLayers) == null ? void 0 : Ae.visibility,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : E("", !0),
     o.map ? (y(), B(le, j({
       key: 14,
       viewport: a.viewport,
-      factor: (Re = a.weatherLayers) == null ? void 0 : Re["water-temp"],
+      factor: (De = a.weatherLayers) == null ? void 0 : De["water-temp"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : E("", !0),
     o.map ? (y(), B(pe, j({
@@ -8541,21 +8514,21 @@ class Va {
     var o, i;
     e = e == null ? void 0 : e.toLowerCase(), e = e === "ec" ? "ecmwf" : e;
     const a = e.toLowerCase().split(","), r = [], s = [];
-    for (const n of a) {
-      let c = eo.find((p) => {
-        var h, f, k;
-        return ((h = p.models) == null ? void 0 : h.includes(n)) || ((f = p.alias) == null ? void 0 : f.toLowerCase()) === n || ((k = p.name) == null ? void 0 : k.toLowerCase()) === n;
-      }), g = to.find((p) => {
-        var h, f, k;
-        return ((h = p.models) == null ? void 0 : h.includes(n)) || ((f = p.alias) == null ? void 0 : f.toLowerCase()) === n || ((k = p.name) == null ? void 0 : k.toLowerCase()) === n;
+    for (const c of a) {
+      let n = eo.find((h) => {
+        var g, f, L;
+        return ((g = h.models) == null ? void 0 : g.includes(c)) || ((f = h.alias) == null ? void 0 : f.toLowerCase()) === c || ((L = h.name) == null ? void 0 : L.toLowerCase()) === c;
+      }), u = to.find((h) => {
+        var g, f, L;
+        return ((g = h.models) == null ? void 0 : g.includes(c)) || ((f = h.alias) == null ? void 0 : f.toLowerCase()) === c || ((L = h.name) == null ? void 0 : L.toLowerCase()) === c;
       });
-      c = c || eo.find((p) => {
-        var h, f;
-        return ((h = p.alias) == null ? void 0 : h.toLowerCase()) === ((f = g == null ? void 0 : g.alias) == null ? void 0 : f.toLowerCase());
-      }), g = g || to.find((p) => {
-        var h, f;
-        return ((h = p.alias) == null ? void 0 : h.toLowerCase()) === ((f = c == null ? void 0 : c.alias) == null ? void 0 : f.toLowerCase());
-      }), c = c || eo[0], g = g || to[0], r.push((o = c.models) != null && o.includes(n) ? n : c.model), s.push((i = g.models) != null && i.includes(n) ? n : g.model);
+      n = n || eo.find((h) => {
+        var g, f;
+        return ((g = h.alias) == null ? void 0 : g.toLowerCase()) === ((f = u == null ? void 0 : u.alias) == null ? void 0 : f.toLowerCase());
+      }), u = u || to.find((h) => {
+        var g, f;
+        return ((g = h.alias) == null ? void 0 : g.toLowerCase()) === ((f = n == null ? void 0 : n.alias) == null ? void 0 : f.toLowerCase());
+      }), n = n || eo[0], u = u || to[0], r.push((o = n.models) != null && o.includes(c) ? c : n.model), s.push((i = u.models) != null && i.includes(c) ? c : u.model);
     }
     return {
       weatherModels: r.join(","),
@@ -8572,36 +8545,36 @@ class Va {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, s, n, c, g, p, h, f, k, v, T, w, D, S, P, z, L, C, _, A, Z, q, X, Y, te, oe, J, le, pe, ue, ce, Q, ie, ge, me, F, de, ke, Me, Ie, Ae, De, Re, ve, H, ee, je, Ce;
-    const he = typeof o == "string" ? I(o) : o, fe = e == null ? void 0 : e.weather, W = e == null ? void 0 : e.marine, ze = I((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), $ = ze.clone().add((n = (s = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : n.at(0), "h"), re = ze.clone().add((p = (g = (c = fe == null ? void 0 : fe[0]) == null ? void 0 : c.hourly) == null ? void 0 : g.time) == null ? void 0 : p.at(-1), "h"), Oe = [];
+    var i, a, r, s, c, n, u, h, g, f, L, _, T, x, D, S, P, k, z, C, v, A, Z, q, X, Y, te, oe, J, le, pe, ue, ce, Q, ie, ge, me, F, de, ke, Se, Me, Ie, Ae, De, ve, H, ee, je, Ce;
+    const he = typeof o == "string" ? I(o) : o, fe = e == null ? void 0 : e.weather, W = e == null ? void 0 : e.marine, ze = I((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), $ = ze.clone().add((c = (s = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), re = ze.clone().add((h = (u = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : u.time) == null ? void 0 : h.at(-1), "h"), Re = [];
     if (he.isBetween($, re, "millisecond", "[]")) {
       const O = he.utc().diff($, "h", !1);
       let ye, Te;
       if (fe) {
-        let Be = 0, Ee = 0;
+        let Oe = 0, Be = 0;
         for (const R of fe) {
           const G = R == null ? void 0 : R.hourly;
           for (let Pe = O - (O - 1) % 3; Pe <= O; Pe++)
-            Be += (h = G == null ? void 0 : G.precipitation) == null ? void 0 : h.at(Pe);
+            Oe += (g = G == null ? void 0 : G.precipitation) == null ? void 0 : g.at(Pe);
           for (let Pe = O - (O - 1) % 6; Pe <= O; Pe++)
-            Ee += (f = G == null ? void 0 : G.precipitation) == null ? void 0 : f.at(Pe);
+            Be += (f = G == null ? void 0 : G.precipitation) == null ? void 0 : f.at(Pe);
           ye = {
-            temp: (k = G == null ? void 0 : G.temperature_2m) == null ? void 0 : k.at(O),
-            apparentTemp: (v = G == null ? void 0 : G.apparent_temperature) == null ? void 0 : v.at(O),
+            temp: (L = G == null ? void 0 : G.temperature_2m) == null ? void 0 : L.at(O),
+            apparentTemp: (_ = G == null ? void 0 : G.apparent_temperature) == null ? void 0 : _.at(O),
             rh: (T = G == null ? void 0 : G.relative_humidity_2m) == null ? void 0 : T.at(O),
-            dp: (w = G == null ? void 0 : G.dew_point_2m) == null ? void 0 : w.at(O),
+            dp: (x = G == null ? void 0 : G.dew_point_2m) == null ? void 0 : x.at(O),
             precip: {
               probability: (D = G == null ? void 0 : G.precipitation_probability) == null ? void 0 : D.at(O),
               sum: (S = G == null ? void 0 : G.precipitation) == null ? void 0 : S.at(O),
-              sum3Hours: Math.round(Be * 100) / 100,
-              sum6Hours: Math.round(Ee * 100) / 100
+              sum3Hours: Math.round(Oe * 100) / 100,
+              sum6Hours: Math.round(Be * 100) / 100
             },
             pmsl: (P = G == null ? void 0 : G.pressure_msl) == null ? void 0 : P.at(O),
-            psurf: (z = G == null ? void 0 : G.surface_pressure) == null ? void 0 : z.at(O),
-            code: (L = G == null ? void 0 : G.weather_code) == null ? void 0 : L.at(O),
+            psurf: (k = G == null ? void 0 : G.surface_pressure) == null ? void 0 : k.at(O),
+            code: (z = G == null ? void 0 : G.weather_code) == null ? void 0 : z.at(O),
             visibility: this.m2nm((C = G == null ? void 0 : G.visibility) == null ? void 0 : C.at(O)),
             wind: {
-              speed: (_ = G == null ? void 0 : G.wind_speed_10m) == null ? void 0 : _.at(O),
+              speed: (v = G == null ? void 0 : G.wind_speed_10m) == null ? void 0 : v.at(O),
               kts: (A = G == null ? void 0 : G.wind_speed_10m) == null ? void 0 : A.at(O),
               degree: (Z = G == null ? void 0 : G.wind_direction_10m) == null ? void 0 : Z.at(O),
               bearing: ((q = G == null ? void 0 : G.wind_direction_10m) == null ? void 0 : q.at(O)) !== null ? (((X = G == null ? void 0 : G.wind_direction_10m) == null ? void 0 : X.at(O)) + 180) % 360 : null,
@@ -8610,7 +8583,7 @@ class Va {
             isDay: (te = G == null ? void 0 : G.is_day) == null ? void 0 : te.at(O)
           };
           const { name: Ge, url: Ve, bg: Ze } = this.parseWeatherCode(ye.code, ye.isDay);
-          ye.name = Ge, ye.url = Ve, ye.bg = Ze, ye.wind.scale = this.beaufort(this.kts2ms(ye.wind.kts)), ye.wind.direction = this.degree2Direction(ye.wind.degree), Oe.push({
+          ye.name = Ge, ye.url = Ve, ye.bg = Ze, ye.wind.scale = this.beaufort(this.kts2ms(ye.wind.kts)), ye.wind.direction = this.degree2Direction(ye.wind.degree), Re.push({
             utc: $.add(O, "h").format(),
             model: R.model,
             weather: { ...ye }
@@ -8618,9 +8591,9 @@ class Va {
         }
       }
       if (W) {
-        let Be = 0;
-        for (const Ee of W) {
-          const R = Ee == null ? void 0 : Ee.hourly;
+        let Oe = 0;
+        for (const Be of W) {
+          const R = Be == null ? void 0 : Be.hourly;
           Te = {
             wave: {
               sig: {
@@ -8639,39 +8612,39 @@ class Va {
               wd: {
                 height: (de = R == null ? void 0 : R.wind_wave_height) == null ? void 0 : de.at(O),
                 degree: (ke = R == null ? void 0 : R.wind_wave_direction) == null ? void 0 : ke.at(O),
-                bearing: ((Me = R == null ? void 0 : R.wind_wave_direction) == null ? void 0 : Me.at(O)) !== null ? (((Ie = R == null ? void 0 : R.wind_wave_direction) == null ? void 0 : Ie.at(O)) + 180) % 360 : null,
-                period: (Ae = R == null ? void 0 : R.wind_wave_period) == null ? void 0 : Ae.at(O),
-                peakPeriod: (De = R == null ? void 0 : R.wind_wave_peak_period) == null ? void 0 : De.at(O)
+                bearing: ((Se = R == null ? void 0 : R.wind_wave_direction) == null ? void 0 : Se.at(O)) !== null ? (((Me = R == null ? void 0 : R.wind_wave_direction) == null ? void 0 : Me.at(O)) + 180) % 360 : null,
+                period: (Ie = R == null ? void 0 : R.wind_wave_period) == null ? void 0 : Ie.at(O),
+                peakPeriod: (Ae = R == null ? void 0 : R.wind_wave_peak_period) == null ? void 0 : Ae.at(O)
               }
             },
             current: {
-              speed: (Re = R == null ? void 0 : R.ocean_current_velocity) == null ? void 0 : Re.at(O),
+              speed: (De = R == null ? void 0 : R.ocean_current_velocity) == null ? void 0 : De.at(O),
               kts: (ve = R == null ? void 0 : R.ocean_current_velocity) == null ? void 0 : ve.at(O),
               degree: (H = R == null ? void 0 : R.ocean_current_direction) == null ? void 0 : H.at(O),
               bearing: ((ee = R == null ? void 0 : R.ocean_current_direction) == null ? void 0 : ee.at(O)) ?? null
             },
             sst: (je = R == null ? void 0 : R.sea_surface_temperature) == null ? void 0 : je.at(O),
             height: (Ce = R == null ? void 0 : R.sea_level_height_msl) == null ? void 0 : Ce.at(O)
-          }, Te.wave = this.parseWave(Te.wave, ye == null ? void 0 : ye.wind), Te.current.direction = this.degree2Direction(Te.current.degree), Object.assign(Oe[Be], Te), Be++;
+          }, Te.wave = this.parseWave(Te.wave, ye == null ? void 0 : ye.wind), Te.current.direction = this.degree2Direction(Te.current.degree), Object.assign(Re[Oe], Te), Oe++;
         }
       }
     }
-    return Oe;
+    return Re;
   }
   static toLegacy(e) {
-    var o, i, a, r, s, n, c, g, p, h;
+    var o, i, a, r, s, c, n, u, h, g;
     return {
       wind: (o = e == null ? void 0 : e.weather) == null ? void 0 : o.wind,
       visibility: (i = e == null ? void 0 : e.weather) == null ? void 0 : i.visibility,
       temp: (a = e == null ? void 0 : e.weather) == null ? void 0 : a.temp,
       prmsl: (r = e == null ? void 0 : e.weather) == null ? void 0 : r.pmsl,
       gusts: {
-        kts: (n = (s = e == null ? void 0 : e.weather) == null ? void 0 : s.wind) == null ? void 0 : n.gusts
+        kts: (c = (s = e == null ? void 0 : e.weather) == null ? void 0 : s.wind) == null ? void 0 : c.gusts
       },
-      precip: (c = e == null ? void 0 : e.weather) == null ? void 0 : c.precip,
-      code: (g = e == null ? void 0 : e.weather) == null ? void 0 : g.code,
-      name: (p = e == null ? void 0 : e.weather) == null ? void 0 : p.name,
-      url: (h = e == null ? void 0 : e.weather) == null ? void 0 : h.url,
+      precip: (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip,
+      code: (u = e == null ? void 0 : e.weather) == null ? void 0 : u.code,
+      name: (h = e == null ? void 0 : e.weather) == null ? void 0 : h.name,
+      url: (g = e == null ? void 0 : e.weather) == null ? void 0 : g.url,
       wave: e == null ? void 0 : e.wave,
       current: e == null ? void 0 : e.current,
       sst: e == null ? void 0 : e.sst,
@@ -8681,37 +8654,37 @@ class Va {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, s, n, c, g, p, h, f, k, v, T, w, D, S, P, z, L, C, _, A, Z, q, X, Y, te, oe, J, le, pe, ue, ce, Q, ie, ge, me, F, de, ke, Me, Ie, Ae, De;
-    const Re = typeof o == "string" ? I(o) : o, ve = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, ee = I((r = (a = (i = ve == null ? void 0 : ve[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), je = I((c = (n = (s = ve == null ? void 0 : ve[0]) == null ? void 0 : s.daily) == null ? void 0 : n.time) == null ? void 0 : c.at(-1)), Ce = [];
-    if (Re.isBetween(ee, je, "millisecond", "[]")) {
+    var i, a, r, s, c, n, u, h, g, f, L, _, T, x, D, S, P, k, z, C, v, A, Z, q, X, Y, te, oe, J, le, pe, ue, ce, Q, ie, ge, me, F, de, ke, Se, Me, Ie, Ae;
+    const De = typeof o == "string" ? I(o) : o, ve = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, ee = I((r = (a = (i = ve == null ? void 0 : ve[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), je = I((n = (c = (s = ve == null ? void 0 : ve[0]) == null ? void 0 : s.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Ce = [];
+    if (De.isBetween(ee, je, "millisecond", "[]")) {
       let he, fe;
-      const W = Re.diff(ee, "d", !1);
+      const W = De.diff(ee, "d", !1);
       if (ve)
         for (const ze of ve) {
           const $ = ze.daily;
           he = {
-            code: (g = $.weather_code) == null ? void 0 : g.at(W),
+            code: (u = $.weather_code) == null ? void 0 : u.at(W),
             temp: {
-              max: (p = $.temperature_2m_max) == null ? void 0 : p.at(W),
-              min: (h = $.temperature_2m_min) == null ? void 0 : h.at(W),
+              max: (h = $.temperature_2m_max) == null ? void 0 : h.at(W),
+              min: (g = $.temperature_2m_min) == null ? void 0 : g.at(W),
               mean: (f = $.temperature_2m_mean) == null ? void 0 : f.at(W)
             },
             apparentTemp: {
-              max: (k = $.apparent_temperature_max) == null ? void 0 : k.at(W),
-              min: (v = $.apparent_temperature_min) == null ? void 0 : v.at(W)
+              max: (L = $.apparent_temperature_max) == null ? void 0 : L.at(W),
+              min: (_ = $.apparent_temperature_min) == null ? void 0 : _.at(W)
             },
             precip: {
               sum: (T = $.precipitation_sum) == null ? void 0 : T.at(W),
-              rainSum: (w = $.rain_sum) == null ? void 0 : w.at(W),
+              rainSum: (x = $.rain_sum) == null ? void 0 : x.at(W),
               snowfallSum: (D = $.snowfall_sum) == null ? void 0 : D.at(W),
               showersSum: (S = $.showers_sum) == null ? void 0 : S.at(W),
               hours: (P = $.precipitation_hours) == null ? void 0 : P.at(W),
-              probability: (z = $.precipitation_probability_max) == null ? void 0 : z.at(W)
+              probability: (k = $.precipitation_probability_max) == null ? void 0 : k.at(W)
             },
             rh: {
-              max: (L = $.relative_humidity_2m_max) == null ? void 0 : L.at(W),
+              max: (z = $.relative_humidity_2m_max) == null ? void 0 : z.at(W),
               min: (C = $.relative_humidity_2m_min) == null ? void 0 : C.at(W),
-              mean: (_ = $.relative_humidity_2m_mean) == null ? void 0 : _.at(W)
+              mean: (v = $.relative_humidity_2m_mean) == null ? void 0 : v.at(W)
             },
             wind: {
               speed: (A = $.wind_speed_10m_max) == null ? void 0 : A.at(W),
@@ -8721,8 +8694,8 @@ class Va {
               bearing: ((Y = $.wind_direction_10m_dominant) == null ? void 0 : Y.at(W)) !== null ? (((te = $.wind_direction_10m_dominant) == null ? void 0 : te.at(W)) + 180) % 360 : null
             }
           };
-          const { name: re, url: Oe, bg: O } = this.parseWeatherCode(he.code, !0);
-          he.name = re, he.url = Oe, he.bg = O, he.wind.scale = this.beaufort(this.kts2ms(he.wind.kts)), he.wind.direction = this.degree2Direction(he.wind.degree), Ce.push({
+          const { name: re, url: Re, bg: O } = this.parseWeatherCode(he.code, !0);
+          he.name = re, he.url = Re, he.bg = O, he.wind.scale = this.beaufort(this.kts2ms(he.wind.kts)), he.wind.direction = this.degree2Direction(he.wind.degree), Ce.push({
             utc: ee.add(W, "d").utc().format(),
             model: ze.model,
             weather: { ...he }
@@ -8751,9 +8724,9 @@ class Va {
               wd: {
                 height: (de = re.wind_wave_height_max) == null ? void 0 : de.at(W),
                 degree: (ke = re.wind_wave_direction_dominant) == null ? void 0 : ke.at(W),
-                period: (Me = re.wind_wave_period_max) == null ? void 0 : Me.at(W),
-                peakPeriod: (Ie = re.wind_wave_peak_period_max) == null ? void 0 : Ie.at(W),
-                bearing: ((Ae = re.wind_wave_direction_dominant) == null ? void 0 : Ae.at(W)) !== null ? (((De = re.wind_wave_direction_dominant) == null ? void 0 : De.at(W)) + 180) % 360 : null
+                period: (Se = re.wind_wave_period_max) == null ? void 0 : Se.at(W),
+                peakPeriod: (Me = re.wind_wave_peak_period_max) == null ? void 0 : Me.at(W),
+                bearing: ((Ie = re.wind_wave_direction_dominant) == null ? void 0 : Ie.at(W)) !== null ? (((Ae = re.wind_wave_direction_dominant) == null ? void 0 : Ae.at(W)) + 180) % 360 : null
               }
             }
           }, fe.wave = this.parseWave(fe.wave, he == null ? void 0 : he.wind), Object.assign(Ce[ze], fe), ze++;
@@ -9305,34 +9278,34 @@ const Es = {
     async fetchTropicals() {
       var a, r, s;
       const t = (/* @__PURE__ */ new Date()).valueOf();
-      let e = 0, o = 0, i = (a = oo.WEATHER_LAYERS.find((n) => n.key === "tropicals")) == null ? void 0 : a.weight;
+      let e = 0, o = 0, i = (a = oo.WEATHER_LAYERS.find((c) => c.key === "tropicals")) == null ? void 0 : a.weight;
       if (i > 0) {
-        const n = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], c = await Se.get(`${n}/api/arc/weather/layers2/links?l=${i}&v=${this.forecastModel}&t=${this.realTime}`, {
+        const c = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], n = await Ee.get(`${c}/api/arc/weather/layers2/links?l=${i}&v=${this.forecastModel}&t=${this.realTime}`, {
           headers: {
             Authorization: this.token || this.defaultMeteoToken
           }
         });
-        if (o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("weather links elapsed: ", o, ", total: ", e += o), ((r = c == null ? void 0 : c.data) == null ? void 0 : r.code) === 0) {
-          const g = (s = c == null ? void 0 : c.data) == null ? void 0 : s.data;
-          await Se.get(g.tropicals, {
+        if (o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("weather links elapsed: ", o, ", total: ", e += o), ((r = n == null ? void 0 : n.data) == null ? void 0 : r.code) === 0) {
+          const u = (s = n == null ? void 0 : n.data) == null ? void 0 : s.data;
+          await Ee.get(u.tropicals, {
             headers: {
               Authorization: this.token || this.defaultMeteoToken,
               key: "tropicals"
             },
-            responseType: /\.(jpg|png)$/.test(g.tropicals) ? "blob" : "json"
-          }).then((p) => {
-            var k, v, T;
-            const h = Ua.convert2Geojson(((k = p == null ? void 0 : p.data) == null ? void 0 : k.data) || (p == null ? void 0 : p.data));
-            ((T = (v = p == null ? void 0 : p.config) == null ? void 0 : v.headers) == null ? void 0 : T.key) && h && (this.tropicals = {
-              data: h,
+            responseType: /\.(jpg|png)$/.test(u.tropicals) ? "blob" : "json"
+          }).then((h) => {
+            var L, _, T;
+            const g = Ua.convert2Geojson(((L = h == null ? void 0 : h.data) == null ? void 0 : L.data) || (h == null ? void 0 : h.data));
+            ((T = (_ = h == null ? void 0 : h.config) == null ? void 0 : _.headers) == null ? void 0 : T.key) && g && (this.tropicals = {
+              data: g,
               active: !0,
               cached: !0,
               type: "json",
-              etime: c.data.etime,
+              etime: n.data.etime,
               version: Math.random() + 1
             }, this.handleInit());
-          }).catch((p) => {
-            console.log(`[${key}] fetch layer error: ${p}`);
+          }).catch((h) => {
+            console.log(`[${key}] fetch layer error: ${h}`);
           });
         }
         o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("tropicals elapsed: ", o, ", total: ", e += o);
@@ -9341,12 +9314,12 @@ const Es = {
     handleRefresh() {
       var e, o;
       (((o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) || []).forEach((i) => {
-        var a, r, s, n;
-        ((a = i.geometry) == null ? void 0 : a.type) === "Point" && ((r = i.properties) != null && r.important) && (i.properties.format = (n = (s = I(i.properties.date)) == null ? void 0 : s.utcOffset(this.timeZone)) == null ? void 0 : n.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`));
+        var a, r, s, c;
+        ((a = i.geometry) == null ? void 0 : a.type) === "Point" && ((r = i.properties) != null && r.important) && (i.properties.format = (c = (s = I(i.properties.date)) == null ? void 0 : s.utcOffset(this.timeZone)) == null ? void 0 : c.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`));
       }), this.handleInit();
     },
     handleInit() {
-      var t, e, o, i, a, r, s, n, c, g;
+      var t, e, o, i, a, r, s, c, n, u;
       this.tropicals && (this.handleRender(), (t = this.map) == null || t.on(
         "click",
         [
@@ -9360,19 +9333,19 @@ const Es = {
           this.historyPointLabelLayer
         ],
         this.handleClick
-      )), ((i = (o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) == null ? void 0 : i.length) > 0 ? (s = (r = (a = this.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmBottomBar) == null || s.handleToggle("tropical", !0) : (g = (c = (n = this.$parent) == null ? void 0 : n.$refs) == null ? void 0 : c.idmBottomBar) == null || g.handleToggle("tropical", !1);
+      )), ((i = (o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) == null ? void 0 : i.length) > 0 ? (s = (r = (a = this.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmBottomBar) == null || s.handleToggle("tropical", !0) : (u = (n = (c = this.$parent) == null ? void 0 : c.$refs) == null ? void 0 : n.idmBottomBar) == null || u.handleToggle("tropical", !1);
     },
     handleRender() {
-      var t, e, o, i, a, r, s, n, c, g;
+      var t, e, o, i, a, r, s, c, n, u;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else {
         if (this.tropicals) {
-          const h = (/* @__PURE__ */ new Date()).valueOf();
-          let f = 0, k = 0;
-          (t = this.map) != null && t.getSource(this.source) ? ((o = this.map) == null || o.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), k = (/* @__PURE__ */ new Date()).valueOf() - (h + f), console.log("[tropicals] update elapsed: ", k, ", total: ", f += k)) : (this.map.addSource(this.source, {
+          const g = (/* @__PURE__ */ new Date()).valueOf();
+          let f = 0, L = 0;
+          (t = this.map) != null && t.getSource(this.source) ? ((o = this.map) == null || o.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), L = (/* @__PURE__ */ new Date()).valueOf() - (g + f), console.log("[tropicals] update elapsed: ", L, ", total: ", f += L)) : (this.map.addSource(this.source, {
             type: "geojson",
             data: (i = this.tropicals) != null && i.active ? (a = this.tropicals) == null ? void 0 : a.data : this.empty
           }), this.map.addLayer({
@@ -9469,9 +9442,9 @@ const Es = {
               ],
               "text-halo-width": 4
             }
-          }), k = (/* @__PURE__ */ new Date()).valueOf() - (h + f), console.log("[tropical] add elapsed: ", k, ", total: ", f += k)), (r = this.map) != null && r.getSource(this.clusterSource) ? ((n = this.map) == null || n.getSource(this.clusterSource).setData((s = this.tropicals) != null && s.active ? this.tropicals.data : this.empty), k = (/* @__PURE__ */ new Date()).valueOf() - (h + f), console.log("[tropical] update elapsed: ", k, ", total: ", f += k)) : (this.map.addSource(this.clusterSource, {
+          }), L = (/* @__PURE__ */ new Date()).valueOf() - (g + f), console.log("[tropical] add elapsed: ", L, ", total: ", f += L)), (r = this.map) != null && r.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((s = this.tropicals) != null && s.active ? this.tropicals.data : this.empty), L = (/* @__PURE__ */ new Date()).valueOf() - (g + f), console.log("[tropical] update elapsed: ", L, ", total: ", f += L)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
-            data: (c = this.tropicals) != null && c.active ? (g = this.tropicals) == null ? void 0 : g.data : this.empty
+            data: (n = this.tropicals) != null && n.active ? (u = this.tropicals) == null ? void 0 : u.data : this.empty
             // cluster: true,
             // clusterRadius: 10, // 聚合半径
           }), this.map.addLayer({
@@ -9585,11 +9558,11 @@ const Es = {
               "text-halo-color": "#ffffff",
               "text-halo-width": 1
             }
-          }), k = (/* @__PURE__ */ new Date()).valueOf() - (h + f), console.log("[tropical] add elapsed: ", k, ", total: ", f += k));
+          }), L = (/* @__PURE__ */ new Date()).valueOf() - (g + f), console.log("[tropical] add elapsed: ", L, ", total: ", f += L));
         }
         this.handleDrawCircle();
-        const p = Ua.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(p)), this.handleDateChange();
+        const h = Ua.interpolate(this.tropicals, 1);
+        this.interpolateData = JSON.parse(JSON.stringify(h)), this.handleDateChange();
       }
     },
     handleClear() {
@@ -9610,7 +9583,7 @@ const Es = {
       ), this.showTropicalsInfo = !1;
     },
     handleDateChange() {
-      var t, e, o, i, a, r, s, n, c, g, p, h, f, k, v, T, w, D, S, P, z, L, C, _, A, Z, q, X, Y, te, oe, J;
+      var t, e, o, i, a, r, s, c, n, u, h, g, f, L, _, T, x, D, S, P, k, z, C, v, A, Z, q, X, Y, te, oe, J;
       if ((t = this.interpolateMarkers) == null || t.forEach((le) => le == null ? void 0 : le.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const le = I(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), pe = this.interpolateData.filter((Q) => Q.properties.date === (le == null ? void 0 : le.format()) && !Q.properties.disabled), ue = this.handleComputePolygons(pe), ce = N.featureCollection([...pe]);
         ue.forEach((Q) => {
@@ -9632,7 +9605,7 @@ const Es = {
         for (const Q of pe)
           if (!Q.properties.disabled) {
             let ie = "#f44336";
-            ((n = (s = Q.properties) == null ? void 0 : s.wind) == null ? void 0 : n.kts) < 32 || !((g = (c = Q.properties) == null ? void 0 : c.wind) != null && g.kts) ? ie = "#03f869" : ((h = (p = Q.properties) == null ? void 0 : p.wind) == null ? void 0 : h.kts) >= 32 && ((k = (f = Q.properties) == null ? void 0 : f.wind) == null ? void 0 : k.kts) < 47 ? ie = "#f2f202" : ((T = (v = Q.properties) == null ? void 0 : v.wind) == null ? void 0 : T.kts) >= 47 && ((D = (w = Q.properties) == null ? void 0 : w.wind) == null ? void 0 : D.kts) < 63 ? ie = "#ff9100" : ((P = (S = Q.properties) == null ? void 0 : S.wind) == null ? void 0 : P.kts) >= 63 && ((L = (z = Q.properties) == null ? void 0 : z.wind) == null ? void 0 : L.kts) < 79 ? ie = "#f44336" : ((_ = (C = Q.properties) == null ? void 0 : C.wind) == null ? void 0 : _.kts) >= 79 && ((Z = (A = Q.properties) == null ? void 0 : A.wind) == null ? void 0 : Z.kts) < 94 ? ie = "#f903d0" : ((X = (q = Q.properties) == null ? void 0 : q.wind) == null ? void 0 : X.kts) >= 94 ? ie = "#8702f9" : ie = "#f44336";
+            ((c = (s = Q.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((u = (n = Q.properties) == null ? void 0 : n.wind) != null && u.kts) ? ie = "#03f869" : ((g = (h = Q.properties) == null ? void 0 : h.wind) == null ? void 0 : g.kts) >= 32 && ((L = (f = Q.properties) == null ? void 0 : f.wind) == null ? void 0 : L.kts) < 47 ? ie = "#f2f202" : ((T = (_ = Q.properties) == null ? void 0 : _.wind) == null ? void 0 : T.kts) >= 47 && ((D = (x = Q.properties) == null ? void 0 : x.wind) == null ? void 0 : D.kts) < 63 ? ie = "#ff9100" : ((P = (S = Q.properties) == null ? void 0 : S.wind) == null ? void 0 : P.kts) >= 63 && ((z = (k = Q.properties) == null ? void 0 : k.wind) == null ? void 0 : z.kts) < 79 ? ie = "#f44336" : ((v = (C = Q.properties) == null ? void 0 : C.wind) == null ? void 0 : v.kts) >= 79 && ((Z = (A = Q.properties) == null ? void 0 : A.wind) == null ? void 0 : Z.kts) < 94 ? ie = "#f903d0" : ((X = (q = Q.properties) == null ? void 0 : q.wind) == null ? void 0 : X.kts) >= 94 ? ie = "#8702f9" : ie = "#f44336";
             const ge = `<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">
@@ -9656,36 +9629,36 @@ const Es = {
         (oe = this.map) != null && oe.getSource(this.interpolateSource) && ((J = this.map) == null || J.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var r, s, n, c, g, p, h, f;
+      var r, s, c, n, u, h, g, f;
       const e = t.features[0], o = (s = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : s.features.filter(
-        (k) => {
-          var v;
-          return k.geometry.type === "LineString" && k.properties.type === "forecast" && k.properties.name === ((v = e == null ? void 0 : e.properties) == null ? void 0 : v.name);
+        (L) => {
+          var _;
+          return L.geometry.type === "LineString" && L.properties.type === "forecast" && L.properties.name === ((_ = e == null ? void 0 : e.properties) == null ? void 0 : _.name);
         }
-      ), i = (c = (n = this.tropicals) == null ? void 0 : n.data) == null ? void 0 : c.features.filter(
-        (k) => {
-          var v;
-          return k.geometry.type === "LineString" && k.properties.type === "history" && k.properties.name === ((v = e == null ? void 0 : e.properties) == null ? void 0 : v.name);
+      ), i = (n = (c = this.tropicals) == null ? void 0 : c.data) == null ? void 0 : n.features.filter(
+        (L) => {
+          var _;
+          return L.geometry.type === "LineString" && L.properties.type === "history" && L.properties.name === ((_ = e == null ? void 0 : e.properties) == null ? void 0 : _.name);
         }
       );
       this.activeTropicals = {
-        name: (g = e == null ? void 0 : e.properties) == null ? void 0 : g.name,
-        forecasts: o.map((k) => k.properties),
-        history: (p = i[0]) == null ? void 0 : p.properties,
-        showCircle: (f = (h = o[0]) == null ? void 0 : h.properties) == null ? void 0 : f.showCircle
+        name: (u = e == null ? void 0 : e.properties) == null ? void 0 : u.name,
+        forecasts: o.map((L) => L.properties),
+        history: (h = i[0]) == null ? void 0 : h.properties,
+        showCircle: (f = (g = o[0]) == null ? void 0 : g.properties) == null ? void 0 : f.showCircle
       }, this.showTropicalsInfo = !0;
       const a = document.getElementById("idm-tropical-gl4-info");
       this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.activeTropicalsMarker = new xe.Marker(a).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(t) {
-      var i, a, r, s, n, c;
+      var i, a, r, s, c, n;
       t.disabled = !t.disabled;
       const e = `${t.name}-${t.model}`, o = (a = (i = this.map) == null ? void 0 : i.getSource(this.source)._data) == null ? void 0 : a.features;
-      o.forEach((g) => {
-        g.properties.category === e && (g.properties.disabled = t.disabled);
-      }), this.interpolateData.forEach((g) => {
-        g.properties.category === e && (g.properties.disabled = t.disabled);
-      }), (s = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || s.setData(N.featureCollection(o)), (c = (n = this.map) == null ? void 0 : n.getSource(this.clusterSource)) == null || c.setData(N.featureCollection(o)), this.handleDateChange();
+      o.forEach((u) => {
+        u.properties.category === e && (u.properties.disabled = t.disabled);
+      }), this.interpolateData.forEach((u) => {
+        u.properties.category === e && (u.properties.disabled = t.disabled);
+      }), (s = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || s.setData(N.featureCollection(o)), (n = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || n.setData(N.featureCollection(o)), this.handleDateChange();
     },
     handleStrikeProbability(t) {
       this.$emit("tropicalProbability", t);
@@ -9729,8 +9702,8 @@ const Es = {
           se: i.r10se >= 0 ? i.r10se : void 0,
           sw: i.r10sw >= 0 ? i.r10sw : void 0,
           nw: i.r10nw >= 0 ? i.r10nw : void 0
-        }, n = this.handleComputeArc(o.geometry.coordinates, s, { ...o.properties, level: 10 });
-        e.push(n);
+        }, c = this.handleComputeArc(o.geometry.coordinates, s, { ...o.properties, level: 10 });
+        e.push(c);
       }
       return e;
     },
@@ -9738,23 +9711,23 @@ const Es = {
       var r;
       const i = [];
       for (const s in e) {
-        const n = e[s] ?? 0;
-        let c;
+        const c = e[s] ?? 0;
+        let n;
         switch (s) {
           case "ne":
-            c = N.lineArc(t, n, 0, 90, { steps: n > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = N.lineArc(t, c, 0, 90, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "se":
-            c = N.lineArc(t, n, 90, 180, { steps: n > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = N.lineArc(t, c, 90, 180, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "sw":
-            c = N.lineArc(t, n, 180, 270, { steps: n > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = N.lineArc(t, c, 180, 270, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "nw":
-            c = N.lineArc(t, n, 270, 360, { steps: n > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = N.lineArc(t, c, 270, 360, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
         }
-        i.push(...(r = c == null ? void 0 : c.geometry) == null ? void 0 : r.coordinates);
+        i.push(...(r = n == null ? void 0 : n.geometry) == null ? void 0 : r.coordinates);
       }
       const a = N.lineString(i);
       return N.lineToPolygon(a, { properties: o });
@@ -9774,17 +9747,17 @@ const Es = {
   style: { height: "80px" }
 }, en = { class: "pa-1 d-flex justify-space-between align-center" }, tn = { class: "pa-1 d-flex justify-space-between align-center" };
 function on(t, e, o, i, a, r) {
-  const s = x("VBtn"), n = x("VTooltip"), c = x("VCardText"), g = x("VDivider"), p = x("VCardActions"), h = x("VCard");
+  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardText"), u = w("VDivider"), h = w("VCardActions"), g = w("VCard");
   return y(), M("div", js, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ae({ top: o.top + 134 + "px", right: a.right + "px" })
     }, [
-      d(n, {
+      d(c, {
         text: t.$t("tropical.tropicals"),
         location: "left"
       }, {
-        activator: u(({ props: f }) => [
+        activator: p(({ props: f }) => [
           d(s, j(f, {
             "min-width": "32",
             width: "32",
@@ -9792,7 +9765,7 @@ function on(t, e, o, i, a, r) {
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: u(() => e[4] || (e[4] = [
+            default: p(() => e[4] || (e[4] = [
               l("i", { class: "iconfont icon-Tropical text-h4" }, null, -1)
             ])),
             _: 2,
@@ -9803,18 +9776,18 @@ function on(t, e, o, i, a, r) {
       }, 8, ["text"])
     ], 4),
     He(l("div", Ns, [
-      d(h, {
+      d(g, {
         width: "400",
         elevation: "16"
       }, {
-        default: u(() => [
-          d(c, null, {
-            default: u(() => {
-              var f, k, v, T, w, D, S, P, z, L;
+        default: p(() => [
+          d(n, null, {
+            default: p(() => {
+              var f, L, _, T, x, D, S, P, k, z;
               return [
                 l("div", Fs, [
                   l("span", Hs, b((f = a.activeTropicals) == null ? void 0 : f.name), 1),
-                  (v = (k = a.activeTropicals) == null ? void 0 : k.history) != null && v.level ? (y(), M("span", Ws, ", " + b((w = (T = a.activeTropicals) == null ? void 0 : T.history) == null ? void 0 : w.level), 1)) : E("", !0)
+                  (_ = (L = a.activeTropicals) == null ? void 0 : L.history) != null && _.level ? (y(), M("span", Ws, ", " + b((x = (T = a.activeTropicals) == null ? void 0 : T.history) == null ? void 0 : x.level), 1)) : E("", !0)
                 ]),
                 d(s, {
                   icon: "",
@@ -9823,7 +9796,7 @@ function on(t, e, o, i, a, r) {
                   class: "close",
                   onClick: e[0] || (e[0] = (C) => a.showTropicalsInfo = !1)
                 }, {
-                  default: u(() => e[5] || (e[5] = [
+                  default: p(() => e[5] || (e[5] = [
                     l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
                   ])),
                   _: 1,
@@ -9831,26 +9804,26 @@ function on(t, e, o, i, a, r) {
                 }),
                 l("div", Us, [
                   e[6] || (e[6] = l("span", { class: "opacity-70" }, "Last update: ", -1)),
-                  l("span", null, b(r.computeTime(((S = (D = a.activeTropicals) == null ? void 0 : D.history) == null ? void 0 : S.updated) || ((L = (z = (P = a.activeTropicals) == null ? void 0 : P.forecasts) == null ? void 0 : z.filter((C) => !C.disabled)[0]) == null ? void 0 : L.date))), 1)
+                  l("span", null, b(r.computeTime(((S = (D = a.activeTropicals) == null ? void 0 : D.history) == null ? void 0 : S.updated) || ((z = (k = (P = a.activeTropicals) == null ? void 0 : P.forecasts) == null ? void 0 : k.filter((C) => !C.disabled)[0]) == null ? void 0 : z.date))), 1)
                 ])
               ];
             }),
             _: 1
           }),
-          d(g),
-          d(c, { class: "text-body-1" }, {
-            default: u(() => {
-              var f, k, v, T, w, D, S, P, z;
+          d(u),
+          d(n, { class: "text-body-1" }, {
+            default: p(() => {
+              var f, L, _, T, x, D, S, P, k;
               return [
                 l("div", Gs, [
                   l("div", Vs, [
                     e[7] || (e[7] = l("label", { class: "opacity-70 pr-1" }, "Wind speed : ", -1)),
-                    l("span", null, b(((k = (f = a.activeTropicals) == null ? void 0 : f.history) == null ? void 0 : k.kts) || "-") + " kts", 1),
-                    l("span", null, ", BF " + b(r.computeBF(((T = (v = a.activeTropicals) == null ? void 0 : v.history) == null ? void 0 : T.kts) || "-")), 1)
+                    l("span", null, b(((L = (f = a.activeTropicals) == null ? void 0 : f.history) == null ? void 0 : L.kts) || "-") + " kts", 1),
+                    l("span", null, ", BF " + b(r.computeBF(((T = (_ = a.activeTropicals) == null ? void 0 : _.history) == null ? void 0 : T.kts) || "-")), 1)
                   ]),
                   l("div", Zs, [
                     e[8] || (e[8] = l("label", { class: "opacity-70 pr-1" }, "Pressure : ", -1)),
-                    l("span", null, b(((D = (w = a.activeTropicals) == null ? void 0 : w.history) == null ? void 0 : D.pressure) || "-") + " hPa", 1)
+                    l("span", null, b(((D = (x = a.activeTropicals) == null ? void 0 : x.history) == null ? void 0 : D.pressure) || "-") + " hPa", 1)
                   ])
                 ]),
                 l("div", Ys, [
@@ -9869,16 +9842,16 @@ function on(t, e, o, i, a, r) {
                     style: { width: "max-content" }
                   }, "Forecast Models : ", -1)),
                   l("div", Qs, [
-                    (y(!0), M(be, null, we((z = a.activeTropicals) == null ? void 0 : z.forecasts, (L, C) => (y(), B(s, {
+                    (y(!0), M(be, null, we((k = a.activeTropicals) == null ? void 0 : k.forecasts, (z, C) => (y(), B(s, {
                       key: C,
                       density: "compact",
-                      variant: L.disabled ? "outlined" : "flat",
-                      color: L.disabled ? "" : "primary",
-                      class: Ue(["model text-none text-body-1", L.disabled ? "" : "btn-border-2"]),
-                      onClick: (_) => r.handleForecastToggle(L)
+                      variant: z.disabled ? "outlined" : "flat",
+                      color: z.disabled ? "" : "primary",
+                      class: Ue(["model text-none text-body-1", z.disabled ? "" : "btn-border-2"]),
+                      onClick: (v) => r.handleForecastToggle(z)
                     }, {
-                      default: u(() => [
-                        U(b(L.model), 1)
+                      default: p(() => [
+                        U(b(z.model), 1)
                       ]),
                       _: 2
                     }, 1032, ["variant", "color", "class", "onClick"]))), 128))
@@ -9888,9 +9861,9 @@ function on(t, e, o, i, a, r) {
             }),
             _: 1
           }),
-          d(g),
-          d(p, { class: "d-flex justify-space-between" }, {
-            default: u(() => [
+          d(u),
+          d(h, { class: "d-flex justify-space-between" }, {
+            default: p(() => [
               d(s, {
                 density: "compact",
                 "prepend-icon": "",
@@ -9899,10 +9872,10 @@ function on(t, e, o, i, a, r) {
                 class: "text-none text-body-1",
                 onClick: e[1] || (e[1] = (f) => a.showLegend = !a.showLegend)
               }, {
-                prepend: u(() => e[12] || (e[12] = [
+                prepend: p(() => e[12] || (e[12] = [
                   l("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
                 ])),
-                default: u(() => [
+                default: p(() => [
                   e[13] || (e[13] = U(" Legend ", -1))
                 ]),
                 _: 1,
@@ -9916,7 +9889,7 @@ function on(t, e, o, i, a, r) {
                   class: "text-none text-body-1",
                   onClick: e[2] || (e[2] = (f) => r.handleNotification(a.activeTropicals))
                 }, {
-                  default: u(() => e[14] || (e[14] = [
+                  default: p(() => e[14] || (e[14] = [
                     U("Notify", -1)
                   ])),
                   _: 1,
@@ -9929,7 +9902,7 @@ function on(t, e, o, i, a, r) {
                   class: "text-none text-body-1",
                   onClick: e[3] || (e[3] = (f) => r.handleStrikeProbability(a.activeTropicals))
                 }, {
-                  default: u(() => e[15] || (e[15] = [
+                  default: p(() => e[15] || (e[15] = [
                     U("View Report", -1)
                   ])),
                   _: 1,
@@ -9943,13 +9916,13 @@ function on(t, e, o, i, a, r) {
         _: 1
       }),
       l("div", $s, [
-        He(d(h, {
+        He(d(g, {
           width: "400",
           elevation: "16"
         }, {
-          default: u(() => [
-            d(c, null, {
-              default: u(() => [
+          default: p(() => [
+            d(n, null, {
+              default: p(() => [
                 He(l("div", en, e[16] || (e[16] = [
                   l("div", { class: "legend d-flex justify-start align-center" }, [
                     l("div", { class: "icon td" }),
@@ -10165,7 +10138,7 @@ const an = {
   style: { height: "56px" }
 };
 function cn(t, e, o, i, a, r) {
-  const s = x("VBtn"), n = x("VDatePicker"), c = x("VDivider"), g = x("VListItemTitle"), p = x("VListItem"), h = x("VList"), f = x("VCardText"), k = x("VCardActions"), v = x("VCard");
+  const s = w("VBtn"), c = w("VDatePicker"), n = w("VDivider"), u = w("VListItemTitle"), h = w("VListItem"), g = w("VList"), f = w("VCardText"), L = w("VCardActions"), _ = w("VCard");
   return y(), M("div", rn, [
     d(s, {
       text: "",
@@ -10173,20 +10146,20 @@ function cn(t, e, o, i, a, r) {
       class: "elevation-0 text-body-1 px-2 btn-border-1",
       onClick: r.handleOpenDatePicker
     }, {
-      default: u(() => [
+      default: p(() => [
         U(b(a.currentDateTime) + " | UTC " + b(o.timeZone < 0 ? o.timeZone : "+" + o.timeZone), 1)
       ]),
       _: 1
     }, 8, ["onClick"]),
-    a.showDatePicker ? (y(), B(v, {
+    a.showDatePicker ? (y(), B(_, {
       key: 0,
       class: "card-box d-flex flex-column"
     }, {
-      default: u(() => [
+      default: p(() => [
         d(f, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
-          default: u(() => [
+          default: p(() => [
             l("div", ln, [
-              d(n, {
+              d(c, {
                 modelValue: a.currentDate,
                 "onUpdate:modelValue": e[0] || (e[0] = (T) => a.currentDate = T),
                 min: a.dateRange[0],
@@ -10200,16 +10173,16 @@ function cn(t, e, o, i, a, r) {
                 "onUpdate:month": r.handleUpdateMonth
               }, null, 8, ["modelValue", "min", "max", "mode-icon", "onUpdate:month"])
             ]),
-            d(c, {
+            d(n, {
               class: "h-100",
               vertical: ""
             }),
             l("div", sn, [
               l("div", nn, b(a.currentTime), 1),
-              d(h, { class: "pa-0 flex-1-1-0" }, {
-                default: u(() => [
-                  (y(!0), M(be, null, we(r.hourOptions, (T, w) => (y(), B(p, {
-                    key: w,
+              d(g, { class: "pa-0 flex-1-1-0" }, {
+                default: p(() => [
+                  (y(!0), M(be, null, we(r.hourOptions, (T, x) => (y(), B(h, {
+                    key: x,
                     value: T,
                     color: "primary",
                     active: a.currentTime === T,
@@ -10217,12 +10190,12 @@ function cn(t, e, o, i, a, r) {
                     height: "26",
                     "min-height": "26"
                   }, {
-                    default: u(() => [
-                      d(g, {
+                    default: p(() => [
+                      d(u, {
                         class: "text-body-2 text-center",
                         onClick: (D) => a.currentTime = T
                       }, {
-                        default: u(() => [
+                        default: p(() => [
                           U(b(T), 1)
                         ]),
                         _: 2
@@ -10237,19 +10210,19 @@ function cn(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        d(c),
-        d(k, {
+        d(n),
+        d(L, {
           class: "justify-end pa-0 pr-4",
           style: { height: "50px" }
         }, {
-          default: u(() => [
+          default: p(() => [
             d(s, {
               size: "small",
               variant: "tonal",
               class: "text-none",
               onClick: r.handleCancelDate
             }, {
-              default: u(() => e[1] || (e[1] = [
+              default: p(() => e[1] || (e[1] = [
                 U("Cancel", -1)
               ])),
               _: 1,
@@ -10262,7 +10235,7 @@ function cn(t, e, o, i, a, r) {
               class: "text-none",
               onClick: r.handleConfirmDate
             }, {
-              default: u(() => e[2] || (e[2] = [
+              default: p(() => e[2] || (e[2] = [
                 U("Confirm", -1)
               ])),
               _: 1,
@@ -10496,7 +10469,7 @@ const mn = {
         forecastDays: t.day ?? 7,
         weatherModels: e,
         marineModels: o
-      }, a = await Se.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, i, {
+      }, a = await Ee.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, i, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -10513,7 +10486,7 @@ const mn = {
         pastDays: 1,
         weatherModels: e,
         marineModels: o
-      }, a = await Se.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, i, {
+      }, a = await Ee.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, i, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -10521,10 +10494,10 @@ const mn = {
       (a == null ? void 0 : a.data.code) === 0 && (this.meteoData = a == null ? void 0 : a.data.data, this.meteoData.lng = t.lng, this.meteoData.lat = t.lat, this.initTableData(this.meteoData)), this.loading = !1;
     },
     initTableData(t) {
-      var o, i, a, r, s, n, c, g, p, h, f, k, v, T, w, D, S, P, z, L, C, _, A, Z, q, X, Y, te, oe, J, le, pe, ue, ce, Q, ie, ge, me, F, de, ke;
+      var o, i, a, r, s, c, n, u, h, g, f, L, _, T, x, D, S, P, k, z, C, v, A, Z, q, X, Y, te, oe, J, le, pe, ue, ce, Q, ie, ge, me, F, de, ke;
       this.currentHourData = {}, this.positionGmt = (i = (o = t == null ? void 0 : t.weather) == null ? void 0 : o[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (a = t == null ? void 0 : t.weather) == null ? void 0 : a[0]) == null ? void 0 : r.offset;
       const e = ((s = ao.pickHourly(t, I(this.form.dateTime))) == null ? void 0 : s[0]) || {};
-      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.roundPrecision((n = e == null ? void 0 : e.weather) == null ? void 0 : n.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((g = (c = e == null ? void 0 : e.weather) == null ? void 0 : c.precip) == null ? void 0 : g.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((h = (p = e == null ? void 0 : e.weather) == null ? void 0 : p.precip) == null ? void 0 : h.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((f = e == null ? void 0 : e.weather) == null ? void 0 : f.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((v = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : v.kts, 1) ?? "-", this.currentHourData.windDir = (w = (T = e == null ? void 0 : e.weather) == null ? void 0 : T.wind) == null ? void 0 : w.direction, this.currentHourData.windLevel = this.roundPrecision((S = (D = e == null ? void 0 : e.weather) == null ? void 0 : D.wind) == null ? void 0 : S.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((z = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.wind) == null ? void 0 : z.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((C = (L = e == null ? void 0 : e.wave) == null ? void 0 : L.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (A = (_ = e == null ? void 0 : e.wave) == null ? void 0 : _.sig) == null ? void 0 : A.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((q = (Z = e == null ? void 0 : e.wave) == null ? void 0 : Z.sig) == null ? void 0 : q.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((Y = (X = e == null ? void 0 : e.wave) == null ? void 0 : X.wd) == null ? void 0 : Y.height, 1) ?? "-", this.currentHourData.windwaveDir = (oe = (te = e == null ? void 0 : e.wave) == null ? void 0 : te.wd) == null ? void 0 : oe.direction, this.currentHourData.windwavePeriod = this.roundPrecision((le = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : le.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((ue = (pe = e == null ? void 0 : e.wave) == null ? void 0 : pe.swell) == null ? void 0 : ue.height, 1) ?? "-", this.currentHourData.swellDir = (Q = (ce = e == null ? void 0 : e.wave) == null ? void 0 : ce.swell) == null ? void 0 : Q.direction, this.currentHourData.swellPeriod = this.roundPrecision((ge = (ie = e == null ? void 0 : e.wave) == null ? void 0 : ie.swell) == null ? void 0 : ge.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((me = e == null ? void 0 : e.current) == null ? void 0 : me.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.roundPrecision((de = e == null ? void 0 : e.current) == null ? void 0 : de.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ke = e == null ? void 0 : e.weather) == null ? void 0 : ke.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.roundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((u = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : u.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((g = (h = e == null ? void 0 : e.weather) == null ? void 0 : h.precip) == null ? void 0 : g.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((f = e == null ? void 0 : e.weather) == null ? void 0 : f.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((_ = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : _.kts, 1) ?? "-", this.currentHourData.windDir = (x = (T = e == null ? void 0 : e.weather) == null ? void 0 : T.wind) == null ? void 0 : x.direction, this.currentHourData.windLevel = this.roundPrecision((S = (D = e == null ? void 0 : e.weather) == null ? void 0 : D.wind) == null ? void 0 : S.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((k = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.wind) == null ? void 0 : k.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((C = (z = e == null ? void 0 : e.wave) == null ? void 0 : z.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (A = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : A.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((q = (Z = e == null ? void 0 : e.wave) == null ? void 0 : Z.sig) == null ? void 0 : q.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((Y = (X = e == null ? void 0 : e.wave) == null ? void 0 : X.wd) == null ? void 0 : Y.height, 1) ?? "-", this.currentHourData.windwaveDir = (oe = (te = e == null ? void 0 : e.wave) == null ? void 0 : te.wd) == null ? void 0 : oe.direction, this.currentHourData.windwavePeriod = this.roundPrecision((le = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : le.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((ue = (pe = e == null ? void 0 : e.wave) == null ? void 0 : pe.swell) == null ? void 0 : ue.height, 1) ?? "-", this.currentHourData.swellDir = (Q = (ce = e == null ? void 0 : e.wave) == null ? void 0 : ce.swell) == null ? void 0 : Q.direction, this.currentHourData.swellPeriod = this.roundPrecision((ge = (ie = e == null ? void 0 : e.wave) == null ? void 0 : ie.swell) == null ? void 0 : ge.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((me = e == null ? void 0 : e.current) == null ? void 0 : me.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.roundPrecision((de = e == null ? void 0 : e.current) == null ? void 0 : de.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ke = e == null ? void 0 : e.weather) == null ? void 0 : ke.url;
     },
     handleBind() {
       var t, e;
@@ -10561,7 +10534,10 @@ const mn = {
           (o = this.meteoMarker) == null || o.setLngLat(t);
         else {
           const a = document.createElement("div");
-          a.innerHTML = '<svg t="1755510770354" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5552" width="200" height="200"><path d="M511.960615 827.234462s330.358154-215.906462 330.358154-465.526154C842.318769 183.650462 694.468923 39.384615 512 39.384615S181.563077 183.689846 181.563077 361.668923c0 249.659077 330.397538 465.565538 330.397538 465.565539z" fill="#FF8C00" p-id="5553"></path><path d="M511.921231 496.836923a127.054769 127.054769 0 1 0 0-254.148923 127.054769 127.054769 0 0 0 0 254.148923z" fill="#FFFFFF" p-id="5554"></path><path d="M354.461538 945.230769a157.538462 39.384615 0 1 0 315.076924 0 157.538462 39.384615 0 1 0-315.076924 0Z" fill="#494C4F" opacity=".4" p-id="5555"></path></svg>', a.firstChild.style.height = "32px", a.firstChild.style.width = "32px", this.meteoMarker = new xe.Marker(a).setLngLat(t).setOffset([0, -16]).addTo(this.map);
+          a.innerHTML = `
+                  <svg class="multi-color-icon" style="height: 26px;width: 26px;" aria-hidden="true">
+                    <use :xlink:href="#icon-spot-${this.theme}"></use>
+                  </svg>`, this.meteoMarker = new xe.Marker(a).setLngLat(t).setOffset([0, -13]).addTo(this.map);
         }
         if (this.meteoInfoMarker)
           (i = this.meteoInfoMarker) == null || i.setLngLat(t);
@@ -10596,25 +10572,25 @@ const mn = {
   "aria-hidden": "true"
 }, kn = ["xlink:href"], zn = { class: "d-flex justify-start align-center" }, Ln = { class: "mx-2" };
 function Pn(t, e, o, i, a, r) {
-  const s = x("VBtn"), n = x("VTooltip"), c = x("VCardTitle"), g = x("VDivider"), p = x("VTextField"), h = x("VCol"), f = x("VRow"), k = x("DateTimePicker"), v = x("VBtnToggle"), T = x("VCardActions"), w = x("VForm"), D = x("VCardText"), S = x("VCard"), P = x("VIcon");
+  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VDivider"), h = w("VTextField"), g = w("VCol"), f = w("VRow"), L = w("DateTimePicker"), _ = w("VBtnToggle"), T = w("VCardActions"), x = w("VForm"), D = w("VCardText"), S = w("VCard"), P = w("VIcon");
   return y(), M("div", dn, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ae({ top: o.top + 174 + "px", right: a.right + "px" })
     }, [
-      d(n, {
+      d(c, {
         text: t.$t("spot.spotsMeteo"),
         location: "left"
       }, {
-        activator: u(({ props: z }) => [
-          d(s, j(z, {
+        activator: p(({ props: k }) => [
+          d(s, j(k, {
             "min-width": "32",
             width: "32",
             height: "32",
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: u(() => e[8] || (e[8] = [
+            default: p(() => e[8] || (e[8] = [
               l("i", { class: "iconfont icon-a-Spotweather text-h4" }, null, -1)
             ])),
             _: 2,
@@ -10629,9 +10605,9 @@ function Pn(t, e, o, i, a, r) {
       class: "spot-form-card",
       style: ae({ top: o.top + 174 + "px", right: a.right + 50 + "px" })
     }, {
-      default: u(() => [
-        d(c, { class: "d-flex justify-space-between align-center" }, {
-          default: u(() => [
+      default: p(() => [
+        d(n, { class: "d-flex justify-space-between align-center" }, {
+          default: p(() => [
             e[10] || (e[10] = l("div", { class: "d-flex justify-start align-center" }, [
               l("div", { class: "text-h6 font-weight-600 mx-2" }, "Spot Weather")
             ], -1)),
@@ -10642,7 +10618,7 @@ function Pn(t, e, o, i, a, r) {
               class: "mr-n2",
               onClick: r.handleCloseForm
             }, {
-              default: u(() => e[9] || (e[9] = [
+              default: p(() => e[9] || (e[9] = [
                 l("i", { class: "iconfont icon-close opacity-70 text-h4" }, null, -1)
               ])),
               _: 1,
@@ -10652,16 +10628,16 @@ function Pn(t, e, o, i, a, r) {
           _: 1,
           __: [10]
         }),
-        d(g),
+        d(u),
         d(D, { class: "text-body-1 py-1" }, {
-          default: u(() => [
-            d(w, {
+          default: p(() => [
+            d(x, {
               ref: "spotForm",
               autocomplete: "off",
               class: "form-box",
               onSubmit: io(r.submitForm, ["prevent"])
             }, {
-              default: u(() => [
+              default: p(() => [
                 l("div", hn, [
                   (y(), M("svg", pn, [
                     l("use", {
@@ -10671,15 +10647,15 @@ function Pn(t, e, o, i, a, r) {
                   e[11] || (e[11] = l("div", null, "Lng", -1))
                 ]),
                 d(f, { class: "ma-0" }, {
-                  default: u(() => [
-                    d(h, {
+                  default: p(() => [
+                    d(g, {
                       cols: "4",
                       class: "pa-0 d-flex"
                     }, {
-                      default: u(() => [
-                        d(p, {
+                      default: p(() => [
+                        d(h, {
                           modelValue: a.form.lngDegree,
-                          "onUpdate:modelValue": e[0] || (e[0] = (z) => a.form.lngDegree = z),
+                          "onUpdate:modelValue": e[0] || (e[0] = (k) => a.form.lngDegree = k),
                           rules: a.formRules.lngDegree,
                           density: "compact",
                           variant: "outlined",
@@ -10691,14 +10667,14 @@ function Pn(t, e, o, i, a, r) {
                       _: 1,
                       __: [12]
                     }),
-                    d(h, {
+                    d(g, {
                       cols: "6",
                       class: "pa-0 d-flex"
                     }, {
-                      default: u(() => [
-                        d(p, {
+                      default: p(() => [
+                        d(h, {
                           modelValue: a.form.lngMinute,
-                          "onUpdate:modelValue": e[1] || (e[1] = (z) => a.form.lngMinute = z),
+                          "onUpdate:modelValue": e[1] || (e[1] = (k) => a.form.lngMinute = k),
                           rules: a.formRules.lngMinute,
                           label: "",
                           density: "compact",
@@ -10711,11 +10687,11 @@ function Pn(t, e, o, i, a, r) {
                       _: 1,
                       __: [13]
                     }),
-                    d(h, {
+                    d(g, {
                       cols: "2",
                       class: "pa-0"
                     }, {
-                      default: u(() => [
+                      default: p(() => [
                         d(s, {
                           variant: "outlined",
                           density: "compact",
@@ -10724,9 +10700,9 @@ function Pn(t, e, o, i, a, r) {
                           height: "32",
                           class: "",
                           style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
-                          onClick: e[2] || (e[2] = (z) => a.form.lngDirection = a.form.lngDirection === "E" ? "W" : "E")
+                          onClick: e[2] || (e[2] = (k) => a.form.lngDirection = a.form.lngDirection === "E" ? "W" : "E")
                         }, {
-                          default: u(() => [
+                          default: p(() => [
                             U(b(a.form.lngDirection), 1)
                           ]),
                           _: 1
@@ -10746,15 +10722,15 @@ function Pn(t, e, o, i, a, r) {
                   e[14] || (e[14] = l("div", null, "Lat", -1))
                 ]),
                 d(f, { class: "ma-0" }, {
-                  default: u(() => [
-                    d(h, {
+                  default: p(() => [
+                    d(g, {
                       cols: "4",
                       class: "pa-0 d-flex"
                     }, {
-                      default: u(() => [
-                        d(p, {
+                      default: p(() => [
+                        d(h, {
                           modelValue: a.form.latDegree,
-                          "onUpdate:modelValue": e[3] || (e[3] = (z) => a.form.latDegree = z),
+                          "onUpdate:modelValue": e[3] || (e[3] = (k) => a.form.latDegree = k),
                           rules: a.formRules.latDegree,
                           label: "",
                           density: "compact",
@@ -10769,14 +10745,14 @@ function Pn(t, e, o, i, a, r) {
                       _: 1,
                       __: [15]
                     }),
-                    d(h, {
+                    d(g, {
                       cols: "6",
                       class: "pa-0 d-flex"
                     }, {
-                      default: u(() => [
-                        d(p, {
+                      default: p(() => [
+                        d(h, {
                           modelValue: a.form.latMinute,
-                          "onUpdate:modelValue": e[4] || (e[4] = (z) => a.form.latMinute = z),
+                          "onUpdate:modelValue": e[4] || (e[4] = (k) => a.form.latMinute = k),
                           rules: a.formRules.latMinute,
                           label: "",
                           density: "compact",
@@ -10789,11 +10765,11 @@ function Pn(t, e, o, i, a, r) {
                       _: 1,
                       __: [16]
                     }),
-                    d(h, {
+                    d(g, {
                       cols: "2",
                       class: "pa-0"
                     }, {
-                      default: u(() => [
+                      default: p(() => [
                         d(s, {
                           variant: "outlined",
                           density: "compact",
@@ -10802,9 +10778,9 @@ function Pn(t, e, o, i, a, r) {
                           height: "32",
                           class: "text-body-1",
                           style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
-                          onClick: e[5] || (e[5] = (z) => a.form.latDirection = a.form.latDirection === "N" ? "S" : "N")
+                          onClick: e[5] || (e[5] = (k) => a.form.latDirection = a.form.latDirection === "N" ? "S" : "N")
                         }, {
-                          default: u(() => [
+                          default: p(() => [
                             U(b(a.form.latDirection), 1)
                           ]),
                           _: 1
@@ -10824,17 +10800,17 @@ function Pn(t, e, o, i, a, r) {
                   e[17] || (e[17] = l("div", null, "Date Time", -1))
                 ]),
                 d(f, { class: "ma-0 mb-4" }, {
-                  default: u(() => [
-                    d(h, {
+                  default: p(() => [
+                    d(g, {
                       cols: "12",
                       class: "pa-0"
                     }, {
-                      default: u(() => [
-                        d(k, j({
+                      default: p(() => [
+                        d(L, j({
                           "date-time": a.form.dateTime,
                           "time-zone": o.timeZone
                         }, t.$attrs, {
-                          onDateTime: e[6] || (e[6] = (z) => a.form.dateTime = z)
+                          onDateTime: e[6] || (e[6] = (k) => a.form.dateTime = k)
                         }), null, 16, ["date-time", "time-zone"])
                       ]),
                       _: 1
@@ -10851,22 +10827,22 @@ function Pn(t, e, o, i, a, r) {
                   e[18] || (e[18] = l("div", null, "Forecast Model", -1))
                 ]),
                 d(f, { class: "ma-0 mb-2" }, {
-                  default: u(() => [
-                    d(h, {
+                  default: p(() => [
+                    d(g, {
                       cols: "12",
                       class: "pa-0"
                     }, {
-                      default: u(() => [
-                        d(v, {
+                      default: p(() => [
+                        d(_, {
                           modelValue: a.form.forecastModel,
-                          "onUpdate:modelValue": e[7] || (e[7] = (z) => a.form.forecastModel = z),
+                          "onUpdate:modelValue": e[7] || (e[7] = (k) => a.form.forecastModel = k),
                           class: "w-100",
                           rounded: "",
                           height: "30",
                           density: "compact",
                           group: ""
                         }, {
-                          default: u(() => [
+                          default: p(() => [
                             d(s, {
                               density: "compact",
                               height: "30",
@@ -10875,7 +10851,7 @@ function Pn(t, e, o, i, a, r) {
                               color: a.form.forecastModel === "GFS" ? "primary" : "",
                               "base-color": ""
                             }, {
-                              default: u(() => e[19] || (e[19] = [
+                              default: p(() => e[19] || (e[19] = [
                                 U("NOAA", -1)
                               ])),
                               _: 1,
@@ -10889,7 +10865,7 @@ function Pn(t, e, o, i, a, r) {
                               "base-color": "",
                               value: "ECMWF"
                             }, {
-                              default: u(() => e[20] || (e[20] = [
+                              default: p(() => e[20] || (e[20] = [
                                 U("ECMWF", -1)
                               ])),
                               _: 1,
@@ -10904,16 +10880,16 @@ function Pn(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                d(g),
+                d(u),
                 d(T, { class: "d-flex justify-end align-center ga-4" }, {
-                  default: u(() => [
+                  default: p(() => [
                     d(s, {
                       size: "small",
                       variant: "outlined",
                       class: "text-none text-body-1",
                       onClick: r.cancelForm
                     }, {
-                      default: u(() => e[21] || (e[21] = [
+                      default: p(() => e[21] || (e[21] = [
                         U("Clear", -1)
                       ])),
                       _: 1,
@@ -10928,7 +10904,7 @@ function Pn(t, e, o, i, a, r) {
                       type: "submit",
                       class: "text-none text-body-1"
                     }, {
-                      default: u(() => e[22] || (e[22] = [
+                      default: p(() => e[22] || (e[22] = [
                         U("Confirm", -1)
                       ])),
                       _: 1,
@@ -10951,14 +10927,14 @@ function Pn(t, e, o, i, a, r) {
       class: "spot-meteo",
       style: { width: "490px", "z-index": "9" }
     }, {
-      default: u(() => [
-        d(c, { class: "d-flex justify-space-between align-center" }, {
-          default: u(() => {
-            var z, L, C, _;
+      default: p(() => [
+        d(n, { class: "d-flex justify-space-between align-center" }, {
+          default: p(() => {
+            var k, z, C, v;
             return [
               l("div", zn, [
                 e[23] || (e[23] = l("i", { class: "iconfont icon-a-Spotweather text-h5 map-icon-aqua" }, null, -1)),
-                l("div", Ln, b(r.computeLat(((z = a.form) == null ? void 0 : z.lat) || ((L = a.currentHourData) == null ? void 0 : L.lat))) + "," + b(r.computeLng(((C = a.form) == null ? void 0 : C.lng) || ((_ = a.currentHourData) == null ? void 0 : _.lng))), 1)
+                l("div", Ln, b(r.computeLat(((k = a.form) == null ? void 0 : k.lat) || ((z = a.currentHourData) == null ? void 0 : z.lat))) + "," + b(r.computeLng(((C = a.form) == null ? void 0 : C.lng) || ((v = a.currentHourData) == null ? void 0 : v.lng))), 1)
               ]),
               d(s, {
                 class: "mr-n2",
@@ -10967,7 +10943,7 @@ function Pn(t, e, o, i, a, r) {
                 variant: "plain",
                 onClick: io(r.handleCloseMeteo, ["stop"])
               }, {
-                default: u(() => e[24] || (e[24] = [
+                default: p(() => e[24] || (e[24] = [
                   l("i", {
                     class: "iconfont icon-close",
                     style: { "font-size": "20px" }
@@ -10980,29 +10956,29 @@ function Pn(t, e, o, i, a, r) {
           }),
           _: 1
         }),
-        d(g),
+        d(u),
         d(D, { class: "text-body-1 ml-n8" }, {
-          default: u(() => [
+          default: p(() => [
             d(f, null, {
-              default: u(() => [
-                d(h, {
+              default: p(() => [
+                d(g, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
-                  default: u(() => e[25] || (e[25] = [
+                  default: p(() => e[25] || (e[25] = [
                     U("Time", -1)
                   ])),
                   _: 1,
                   __: [25]
                 }),
-                d(h, {
+                d(g, {
                   cols: "9",
                   class: "pa-2 px-0"
                 }, {
-                  default: u(() => {
-                    var z;
+                  default: p(() => {
+                    var k;
                     return [
-                      U(b(r.computedTzTime((z = a.currentHourData) == null ? void 0 : z.utc)), 1)
+                      U(b(r.computedTzTime((k = a.currentHourData) == null ? void 0 : k.utc)), 1)
                     ];
                   }),
                   _: 1
@@ -11011,25 +10987,25 @@ function Pn(t, e, o, i, a, r) {
               _: 1
             }),
             d(f, null, {
-              default: u(() => [
-                d(h, {
+              default: p(() => [
+                d(g, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
-                  default: u(() => e[26] || (e[26] = [
+                  default: p(() => e[26] || (e[26] = [
                     U("LT", -1)
                   ])),
                   _: 1,
                   __: [26]
                 }),
-                d(h, {
+                d(g, {
                   cols: "9",
                   class: "pa-2 px-0"
                 }, {
-                  default: u(() => {
-                    var z;
+                  default: p(() => {
+                    var k;
                     return [
-                      U(b(r.computedLocalTime((z = a.currentHourData) == null ? void 0 : z.utc)), 1)
+                      U(b(r.computedLocalTime((k = a.currentHourData) == null ? void 0 : k.utc)), 1)
                     ];
                   }),
                   _: 1
@@ -11038,41 +11014,41 @@ function Pn(t, e, o, i, a, r) {
               _: 1
             }),
             d(f, null, {
-              default: u(() => [
-                d(h, {
+              default: p(() => [
+                d(g, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
-                  default: u(() => e[27] || (e[27] = [
+                  default: p(() => e[27] || (e[27] = [
                     U("Wind", -1)
                   ])),
                   _: 1,
                   __: [27]
                 }),
-                d(h, {
+                d(g, {
                   cols: "4",
                   class: "pa-2 px-0 text-left"
                 }, {
-                  default: u(() => [
+                  default: p(() => [
                     U(b(a.currentHourData.windDir) + " / " + b(a.currentHourData.windSpeed) + "kts / BF" + b(a.currentHourData.windLevel), 1)
                   ]),
                   _: 1
                 }),
-                d(h, {
+                d(g, {
                   cols: "2",
                   class: "pa-2 pl-0 ml-n4 text-right opacity-50"
                 }, {
-                  default: u(() => e[28] || (e[28] = [
+                  default: p(() => e[28] || (e[28] = [
                     U("Sig Wave", -1)
                   ])),
                   _: 1,
                   __: [28]
                 }),
-                d(h, {
+                d(g, {
                   cols: "3",
                   class: "pa-2 px-0 text-left"
                 }, {
-                  default: u(() => [
+                  default: p(() => [
                     U(b(a.currentHourData.sigwaveDir) + " / " + b(a.currentHourData.sigwaveHeight) + "m / " + b(a.currentHourData.sigwavePeriod) + "s", 1)
                   ]),
                   _: 1
@@ -11081,41 +11057,41 @@ function Pn(t, e, o, i, a, r) {
               _: 1
             }),
             d(f, null, {
-              default: u(() => [
-                d(h, {
+              default: p(() => [
+                d(g, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
-                  default: u(() => e[29] || (e[29] = [
+                  default: p(() => e[29] || (e[29] = [
                     U("Wind Wave", -1)
                   ])),
                   _: 1,
                   __: [29]
                 }),
-                d(h, {
+                d(g, {
                   cols: "4",
                   class: "pa-2 px-0 text-left"
                 }, {
-                  default: u(() => [
+                  default: p(() => [
                     U(b(a.currentHourData.windwaveDir) + " / " + b(a.currentHourData.windwaveHeight) + "m / " + b(a.currentHourData.windwavePeriod) + "s", 1)
                   ]),
                   _: 1
                 }),
-                d(h, {
+                d(g, {
                   cols: "2",
                   class: "pa-2 pl-0 ml-n4 text-right opacity-50"
                 }, {
-                  default: u(() => e[30] || (e[30] = [
+                  default: p(() => e[30] || (e[30] = [
                     U("Swell", -1)
                   ])),
                   _: 1,
                   __: [30]
                 }),
-                d(h, {
+                d(g, {
                   cols: "3",
                   class: "pa-2 px-0 text-left"
                 }, {
-                  default: u(() => [
+                  default: p(() => [
                     U(b(a.currentHourData.swellDir) + " / " + b(a.currentHourData.swellHeight) + "m / " + b(a.currentHourData.swellPeriod) + "s", 1)
                   ]),
                   _: 1
@@ -11124,41 +11100,41 @@ function Pn(t, e, o, i, a, r) {
               _: 1
             }),
             d(f, null, {
-              default: u(() => [
-                d(h, {
+              default: p(() => [
+                d(g, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
-                  default: u(() => e[31] || (e[31] = [
+                  default: p(() => e[31] || (e[31] = [
                     U("Current", -1)
                   ])),
                   _: 1,
                   __: [31]
                 }),
-                d(h, {
+                d(g, {
                   cols: "4",
                   class: "pa-2 px-0 text-left"
                 }, {
-                  default: u(() => [
+                  default: p(() => [
                     U(b(a.currentHourData.currentDir) + " / " + b(a.currentHourData.currentSpeed) + "kts", 1)
                   ]),
                   _: 1
                 }),
-                d(h, {
+                d(g, {
                   cols: "2",
                   class: "pa-2 pl-0 ml-n4 text-right opacity-50"
                 }, {
-                  default: u(() => e[32] || (e[32] = [
+                  default: p(() => e[32] || (e[32] = [
                     U("Visibility", -1)
                   ])),
                   _: 1,
                   __: [32]
                 }),
-                d(h, {
+                d(g, {
                   cols: "3",
                   class: "pa-2 px-0 text-left"
                 }, {
-                  default: u(() => [
+                  default: p(() => [
                     U(b(a.currentHourData.visibility) + " nm", 1)
                   ]),
                   _: 1
@@ -11169,9 +11145,9 @@ function Pn(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        d(g),
+        d(u),
         d(T, { class: "d-flex justify-space-between align-center" }, {
-          default: u(() => [
+          default: p(() => [
             d(s, {
               vvariant: "text",
               density: "compact",
@@ -11179,10 +11155,10 @@ function Pn(t, e, o, i, a, r) {
               class: "text-none text-body-1",
               onClick: r.handleFollow
             }, {
-              prepend: u(() => [
+              prepend: p(() => [
                 d(P, { color: "warning" })
               ]),
-              default: u(() => [
+              default: p(() => [
                 e[33] || (e[33] = U(" Follow", -1))
               ]),
               _: 1,
@@ -11195,7 +11171,7 @@ function Pn(t, e, o, i, a, r) {
               class: "text-none text-body-1",
               onClick: r.handleMeteoMore
             }, {
-              default: u(() => e[34] || (e[34] = [
+              default: p(() => e[34] || (e[34] = [
                 U("Forecast", -1)
               ])),
               _: 1,
@@ -11302,41 +11278,41 @@ const Tn = {
       }
     },
     handleDrag(t) {
-      var o, i, a, r, s, n, c, g, p, h;
+      var o, i, a, r, s, c, n, u, h, g;
       const e = (i = (o = t.target) == null ? void 0 : o._element) == null ? void 0 : i.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const f = this.geojson.filter((w) => w.id === e.split("-")[0])[0];
-        this.pointMarkers[f.id].filter((w) => {
+        const f = this.geojson.filter((x) => x.id === e.split("-")[0])[0];
+        this.pointMarkers[f.id].filter((x) => {
           var D;
-          return ((D = w._element) == null ? void 0 : D.id) === e;
-        })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (n = (s = t.target) == null ? void 0 : s._lngLat) == null ? void 0 : n.lat]);
-        let v;
-        f.features.forEach((w, D) => {
-          if (w.geometry.type === "Point" && w.properties.id === e.split("-")[1]) {
-            v = D;
+          return ((D = x._element) == null ? void 0 : D.id) === e;
+        })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (s = t.target) == null ? void 0 : s._lngLat) == null ? void 0 : c.lat]);
+        let _;
+        f.features.forEach((x, D) => {
+          if (x.geometry.type === "Point" && x.properties.id === e.split("-")[1]) {
+            _ = D;
             return;
           }
         });
-        const T = f.features.filter((w) => w.geometry.type === "Point");
+        const T = f.features.filter((x) => x.geometry.type === "Point");
         this.handleTmpPointUpdate(
           f,
-          T[v - 1],
-          { lng: (g = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : g.lng, lat: (h = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : h.lat, properties: T[v].properties },
-          v === T.length - 1 ? void 0 : T[v + 1]
+          T[_ - 1],
+          { lng: (u = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : u.lng, lat: (g = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : g.lat, properties: T[_].properties },
+          _ === T.length - 1 ? void 0 : T[_ + 1]
         );
       }
     },
     handleDragEnd(t) {
-      var o, i, a, r, s, n, c, g, p, h;
+      var o, i, a, r, s, c, n, u, h, g;
       const e = (i = (o = t.target) == null ? void 0 : o._element) == null ? void 0 : i.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const f = this.geojson.filter((T) => T.id === e.split("-")[0])[0];
         this.pointMarkers[f.id].filter((T) => {
-          var w;
-          return ((w = T._element) == null ? void 0 : w.id) === e;
-        })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (n = (s = t.target) == null ? void 0 : s._lngLat) == null ? void 0 : n.lat]);
-        const v = f.features.filter((T) => T.geometry.type === "Point" && T.properties.id === e.split("-")[1])[0];
-        v.geometry.coordinates = [(g = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : g.lng, (h = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : h.lat], f.features = f.features.filter((T) => T.geometry.type === "Point"), this.handlePointUpdate(f);
+          var x;
+          return ((x = T._element) == null ? void 0 : x.id) === e;
+        })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (s = t.target) == null ? void 0 : s._lngLat) == null ? void 0 : c.lat]);
+        const _ = f.features.filter((T) => T.geometry.type === "Point" && T.properties.id === e.split("-")[1])[0];
+        _.geometry.coordinates = [(u = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : u.lng, (g = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : g.lat], f.features = f.features.filter((T) => T.geometry.type === "Point"), this.handlePointUpdate(f);
       }
     },
     handleContextmenu(t) {
@@ -11344,27 +11320,27 @@ const Tn = {
       t.preventDefault(), (o = this.contextmenu) == null || o.remove();
       const e = (r = (a = (i = t.originalEvent) == null ? void 0 : i.target) == null ? void 0 : a.parentElement) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const n = this.geojson.filter((c) => c.id === e.split("-")[0])[0].features.filter((c) => c.geometry.type === "Point");
-        if (n.length > 2 && n.filter((g) => g.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
-          const g = document.createElement("div");
-          g.className = "idm-gl4-measure-contextmenu-marker", g.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new xe.Marker(g).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
+        const c = this.geojson.filter((n) => n.id === e.split("-")[0])[0].features.filter((n) => n.geometry.type === "Point");
+        if (c.length > 2 && c.filter((u) => u.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
+          const u = document.createElement("div");
+          u.className = "idm-gl4-measure-contextmenu-marker", u.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new xe.Marker(u).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
         }
       }
     },
     handleClick(t) {
-      var o, i, a, r, s, n;
+      var o, i, a, r, s, c;
       (o = this.contextmenu) == null || o.remove();
       const e = t.originalEvent.target.className;
       if (e === "marker-close") {
-        const c = (a = (i = t.originalEvent) == null ? void 0 : i.srcElement) == null ? void 0 : a.id, g = this.geojson.filter((p) => p.id === c)[0];
-        g && this.handleClear(g, !0), this.geojson = this.geojson.filter((p) => p.id !== c), !this.toggle && !((r = this.geojson) != null && r.some((p) => p.closed)) && this.handleUnbind();
+        const n = (a = (i = t.originalEvent) == null ? void 0 : i.srcElement) == null ? void 0 : a.id, u = this.geojson.filter((h) => h.id === n)[0];
+        u && this.handleClear(u, !0), this.geojson = this.geojson.filter((h) => h.id !== n), !this.toggle && !((r = this.geojson) != null && r.some((h) => h.closed)) && this.handleUnbind();
       } else if (e === "del-point") {
-        const c = (n = (s = t.originalEvent.target.id) == null ? void 0 : s.replace("del-", "")) == null ? void 0 : n.split("-"), g = this.geojson.filter((p) => p.id === c[0])[0];
-        g.features = g.features.filter((p) => p.geometry.type === "Point" && p.properties.id !== c[1]), this.handlePointUpdate(g);
+        const n = (c = (s = t.originalEvent.target.id) == null ? void 0 : s.replace("del-", "")) == null ? void 0 : c.split("-"), u = this.geojson.filter((h) => h.id === n[0])[0];
+        u.features = u.features.filter((h) => h.geometry.type === "Point" && h.properties.id !== n[1]), this.handlePointUpdate(u);
       } else if (e !== "marker-label" && this.toggle) {
-        let c = this.geojson.at(-1);
-        c || (c = N.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(c)), c.features = c.features.filter((p) => p.geometry.type === "Point");
-        const g = N.feature(
+        let n = this.geojson.at(-1);
+        n || (n = N.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(n)), n.features = n.features.filter((h) => h.geometry.type === "Point");
+        const u = N.feature(
           {
             type: "Point",
             coordinates: [t.lngLat.lng, t.lngLat.lat]
@@ -11375,7 +11351,7 @@ const Tn = {
             sumLabel: "Start"
           }
         );
-        c.features.push(g), this.handlePointUpdate(c);
+        n.features.push(u), this.handlePointUpdate(n);
       }
     },
     handlePointUpdate(t) {
@@ -11384,14 +11360,14 @@ const Tn = {
         let o = 0;
         const i = [];
         for (let a = 1; a < e.length; a++) {
-          const r = e[a - 1], s = e[a], n = r.properties, c = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, g = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, p = Fe.calculateDistance(c, g, n.mode === "RL", 4), h = Fe.calculateBearing(c, g, n.mode === "RL", 2);
-          o = K.roundPrecision(o + p, 4);
+          const r = e[a - 1], s = e[a], c = r.properties, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, u = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, h = Fe.calculateDistance(n, u, c.mode === "RL", 4), g = Fe.calculateBearing(n, u, c.mode === "RL", 2);
+          o = K.roundPrecision(o + h, 4);
           let f;
-          n.mode === "RL" ? f = K.convertToMonotonicLng([c, g]) : f = K.convertToMonotonicLng(Fe.interpolateCoordinates(c, g, 200));
-          const k = N.lineString(f.map((T) => [T.lng, T.lat]));
-          k.properties.dist = p, k.properties.bearing = h, k.properties.total = o, k.properties.name = "Line " + this.currentLineIndex, i.push(k);
-          const v = e[a];
-          v.properties.totalDist = K.roundPrecision((n.totalDist ? n.totalDist : 0) + p, 4), v.properties.sumLabel = v.properties.totalDist + " nm";
+          c.mode === "RL" ? f = K.convertToMonotonicLng([n, u]) : f = K.convertToMonotonicLng(Fe.interpolateCoordinates(n, u, 200));
+          const L = N.lineString(f.map((T) => [T.lng, T.lat]));
+          L.properties.dist = h, L.properties.bearing = g, L.properties.total = o, L.properties.name = "Line " + this.currentLineIndex, i.push(L);
+          const _ = e[a];
+          _.properties.totalDist = K.roundPrecision((c.totalDist ? c.totalDist : 0) + h, 4), _.properties.sumLabel = _.properties.totalDist + " nm";
         }
         e.push(...i), t.total = o;
       }
@@ -11401,19 +11377,19 @@ const Tn = {
       const a = N.featureCollection([]);
       let r, s;
       if (e) {
-        const c = e.properties, g = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, p = { lng: o.lng, lat: o.lat };
-        r = Fe.calculateDistance(g, p, c.mode === "RL", 4), s = Fe.calculateBearing(g, p, c.mode === "RL", 2);
-        let h;
-        c.mode === "RL" ? h = K.convertToMonotonicLng([g, p]) : h = K.convertToMonotonicLng(Fe.interpolateCoordinates(g, p, 200));
-        const f = N.lineString(h.map((k) => [k.lng, k.lat]));
+        const n = e.properties, u = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, h = { lng: o.lng, lat: o.lat };
+        r = Fe.calculateDistance(u, h, n.mode === "RL", 4), s = Fe.calculateBearing(u, h, n.mode === "RL", 2);
+        let g;
+        n.mode === "RL" ? g = K.convertToMonotonicLng([u, h]) : g = K.convertToMonotonicLng(Fe.interpolateCoordinates(u, h, 200));
+        const f = N.lineString(g.map((L) => [L.lng, L.lat]));
         f.properties.dist = r, f.properties.bearing = s, a.features.push(f);
       }
       if (i) {
-        const c = o.properties, g = o, p = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
-        r = Fe.calculateDistance(g, p, c.mode === "RL", 4), s = Fe.calculateBearing(g, p, c.mode === "RL", 2);
-        let h;
-        c.mode === "RL" ? h = K.convertToMonotonicLng([g, p]) : h = K.convertToMonotonicLng(Fe.interpolateCoordinates(g, p, 200));
-        const f = N.lineString(h.map((k) => [k.lng, k.lat]));
+        const n = o.properties, u = o, h = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
+        r = Fe.calculateDistance(u, h, n.mode === "RL", 4), s = Fe.calculateBearing(u, h, n.mode === "RL", 2);
+        let g;
+        n.mode === "RL" ? g = K.convertToMonotonicLng([u, h]) : g = K.convertToMonotonicLng(Fe.interpolateCoordinates(u, h, 200));
+        const f = N.lineString(g.map((L) => [L.lng, L.lat]));
         f.properties.dist = r, f.properties.bearing = s, a.features.push(f);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(a) : this.map.addSource(this.tmpSource, {
@@ -11454,22 +11430,22 @@ const Tn = {
           // 'text-halo-blur': 0,
         }
       });
-      let n;
+      let c;
       if (i)
-        n = `<div class="marker-label">${this.$t("measure.dragTips")}</div>`;
+        c = `<div class="marker-label">${this.$t("measure.dragTips")}</div>`;
       else {
-        const c = K.roundPrecision((t.total ?? 0) + r, 1);
-        n = `<div class="marker-label">${this.$t("measure.totalDistance")}: <b>${c}</b>nm, ${this.$t(
+        const n = K.roundPrecision((t.total ?? 0) + r, 1);
+        c = `<div class="marker-label">${this.$t("measure.totalDistance")}: <b>${n}</b>nm, ${this.$t(
           "measure.bearing"
         )}: <b>${s}</b>°</div><div class="marker-label"> ${this.$t("measure.mode")}${this.navigation === "RL" ? "RL" : "GC"}, ${this.$t(
           "measure.switchTips"
         )}</div><div class="marker-label">${this.$t("measure.clickTips")}</div>`;
       }
       if (this.tipMarker)
-        this.tipMarker._element.innerHTML = n, this.tipMarker.setLngLat([o.lng, o.lat]);
+        this.tipMarker._element.innerHTML = c, this.tipMarker.setLngLat([o.lng, o.lat]);
       else {
-        const c = document.createElement("div");
-        c.className = "idm-gl4-measure-tip-marker", c.innerHTML = n, this.tipMarker = new xe.Marker(c).setOffset([140, 0]).setLngLat([o.lng, o.lat]).addTo(this.map);
+        const n = document.createElement("div");
+        n.className = "idm-gl4-measure-tip-marker", n.innerHTML = c, this.tipMarker = new xe.Marker(n).setOffset([140, 0]).setLngLat([o.lng, o.lat]).addTo(this.map);
       }
     },
     handleMove(t) {
@@ -11541,48 +11517,48 @@ const Tn = {
             // 'text-halo-blur': 0,
           }
         });
-        const s = t.features.filter((n) => n.geometry.type === "Point");
-        for (const n of s) {
-          const c = document.createElement("div");
-          c.id = `${t.id}-${n.properties.id}`, c.className = `${t.closed ? "idm-gl4-measure-marker closed" : "idm-gl4-measure-marker"}`, c.innerHTML = '<div class="marker-circle"></div>';
-          const g = new xe.Marker({ element: c, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
-          g.on("drag", this.handleDrag), g.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(g) : this.pointMarkers[t.id] = [g];
+        const s = t.features.filter((c) => c.geometry.type === "Point");
+        for (const c of s) {
+          const n = document.createElement("div");
+          n.id = `${t.id}-${c.properties.id}`, n.className = `${t.closed ? "idm-gl4-measure-marker closed" : "idm-gl4-measure-marker"}`, n.innerHTML = '<div class="marker-circle"></div>';
+          const u = new xe.Marker({ element: n, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
+          u.on("drag", this.handleDrag), u.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(u) : this.pointMarkers[t.id] = [u];
         }
         if (t.closed) {
-          const n = s.at(-1), g = t.features.filter((h) => h.geometry.type === "LineString").at(-1), p = document.createElement("div");
-          p.className = "idm-gl4-measure-summary-marker", p.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${g.properties.name}</div>`, this.closeMarkers[t.id] = new xe.Marker(p).setOffset([0, -30]).setLngLat(n.geometry.coordinates).addTo(this.map);
+          const c = s.at(-1), u = t.features.filter((g) => g.geometry.type === "LineString").at(-1), h = document.createElement("div");
+          h.className = "idm-gl4-measure-summary-marker", h.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${u.properties.name}</div>`, this.closeMarkers[t.id] = new xe.Marker(h).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(t, e = !0) {
-      var s, n, c, g, p, h, f, k, v, T;
+      var s, c, n, u, h, g, f, L, _, T;
       const o = `${t.id}-${this.source}`, i = `${t.id}-${this.layer}`, a = `${t.id}-${this.labelLayer}`, r = `${t.id}-${this.sumLayer}`;
-      (s = this.map) != null && s.getLayer(i) && this.map.removeLayer(i), (n = this.map) != null && n.getLayer(a) && this.map.removeLayer(a), (c = this.map) != null && c.getLayer(r) && this.map.removeLayer(r), (g = this.map) != null && g.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (p = this.map) != null && p.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (h = this.closeMarkers[t.id]) == null || h.remove(), this.closeMarkers[t.id] = void 0, (f = this.pointMarkers[t.id]) == null || f.forEach((w) => {
-        w == null || w.remove();
-      }), this.pointMarkers[t.id] = [], (k = this.tipMarker) == null || k.remove(), this.tipMarker = void 0, e && ((v = this.map) != null && v.getSource(o)) && this.map.removeSource(o), e && ((T = this.map) != null && T.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      (s = this.map) != null && s.getLayer(i) && this.map.removeLayer(i), (c = this.map) != null && c.getLayer(a) && this.map.removeLayer(a), (n = this.map) != null && n.getLayer(r) && this.map.removeLayer(r), (u = this.map) != null && u.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (h = this.map) != null && h.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (g = this.closeMarkers[t.id]) == null || g.remove(), this.closeMarkers[t.id] = void 0, (f = this.pointMarkers[t.id]) == null || f.forEach((x) => {
+        x == null || x.remove();
+      }), this.pointMarkers[t.id] = [], (L = this.tipMarker) == null || L.remove(), this.tipMarker = void 0, e && ((_ = this.map) != null && _.getSource(o)) && this.map.removeSource(o), e && ((T = this.map) != null && T.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 }, Sn = { class: "idm-gl4-measure" };
 function Mn(t, e, o, i, a, r) {
-  const s = x("VBtn"), n = x("VTooltip");
+  const s = w("VBtn"), c = w("VTooltip");
   return y(), M("div", Sn, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ae({ top: o.top + 214 + "px", right: a.right + "px" })
     }, [
-      d(n, {
+      d(c, {
         text: t.$t("measure.measure"),
         location: "left"
       }, {
-        activator: u(({ props: c }) => [
-          d(s, j(c, {
+        activator: p(({ props: n }) => [
+          d(s, j(n, {
             "min-width": "32",
             width: "32",
             height: "32",
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: u(() => e[0] || (e[0] = [
+            default: p(() => e[0] || (e[0] = [
               l("i", { class: "iconfont icon-a-Measuredistance text-h4" }, null, -1)
             ])),
             _: 2,
@@ -11718,7 +11694,7 @@ const An = {
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
 }, Nn = ["onClick"], Fn = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, Hn = { class: "text-body-1" };
 function Wn(t, e, o, i, a, r) {
-  const s = x("DateTimePicker"), n = x("VListItemTitle"), c = x("VListItem"), g = x("VList"), p = x("VMenu"), h = x("VBtn"), f = x("VDivider"), k = x("VTooltip");
+  const s = w("DateTimePicker"), c = w("VListItemTitle"), n = w("VListItem"), u = w("VList"), h = w("VMenu"), g = w("VBtn"), f = w("VDivider"), L = w("VTooltip");
   return y(), M("div", Dn, [
     l("div", {
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
@@ -11732,40 +11708,40 @@ function Wn(t, e, o, i, a, r) {
           "day-about": a.dayAbout,
           "interval-hour": a.intervalHour
         }, t.$attrs, {
-          onCurrentTimestamp: e[0] || (e[0] = (v) => a.currentTimestamp = v),
-          onCurrentRealTime: e[1] || (e[1] = (v) => a.currentRealTime = v),
-          onTimestampRange: e[2] || (e[2] = (v) => a.timestampRange = v)
+          onCurrentTimestamp: e[0] || (e[0] = (_) => a.currentTimestamp = _),
+          onCurrentRealTime: e[1] || (e[1] = (_) => a.currentRealTime = _),
+          onTimestampRange: e[2] || (e[2] = (_) => a.timestampRange = _)
         }), null, 16, ["date-time", "time-zone", "day-about", "interval-hour"]),
-        d(h, {
+        d(g, {
           text: "",
           height: "30",
           class: "text-none elevation-0 btn-border-1 text-body-1",
           "min-width": "30"
         }, {
-          default: u(() => [
+          default: p(() => [
             U(b(a.intervalHour) + " h ", 1),
-            d(p, { activator: "parent" }, {
-              default: u(() => [
-                d(g, { class: "pa-1" }, {
-                  default: u(() => [
-                    (y(!0), M(be, null, we(a.intervalOptions, (v, T) => (y(), B(c, {
+            d(h, { activator: "parent" }, {
+              default: p(() => [
+                d(u, { class: "pa-1" }, {
+                  default: p(() => [
+                    (y(!0), M(be, null, we(a.intervalOptions, (_, T) => (y(), B(n, {
                       key: T,
-                      value: v,
-                      variant: a.intervalHour === v ? "tonal" : "text",
+                      value: _,
+                      variant: a.intervalHour === _ ? "tonal" : "text",
                       color: "primary",
                       rounded: "",
-                      active: a.intervalHour === v,
+                      active: a.intervalHour === _,
                       height: "30",
                       "min-height": "30",
                       "min-width": "30",
                       class: "pa-0 text-center text-body-1"
                     }, {
-                      default: u(() => [
-                        d(n, {
-                          onClick: (w) => a.intervalHour = v
+                      default: p(() => [
+                        d(c, {
+                          onClick: (x) => a.intervalHour = _
                         }, {
-                          default: u(() => [
-                            U(b(v) + "h", 1)
+                          default: p(() => [
+                            U(b(_) + "h", 1)
                           ]),
                           _: 2
                         }, 1032, ["onClick"])
@@ -11788,33 +11764,33 @@ function Wn(t, e, o, i, a, r) {
         style: { height: "16px" }
       }),
       l("div", On, [
-        d(h, {
+        d(g, {
           icon: "",
           size: "small",
           density: "comfortable",
           variant: "text",
           onClick: r.handleReset
         }, {
-          default: u(() => e[9] || (e[9] = [
+          default: p(() => e[9] || (e[9] = [
             l("i", { class: "iconfont icon-Reset" }, null, -1)
           ])),
           _: 1,
           __: [9]
         }, 8, ["onClick"]),
-        d(h, {
+        d(g, {
           icon: "",
           size: "small",
           density: "comfortable",
           variant: "text",
           onClick: r.handleBackward
         }, {
-          default: u(() => e[10] || (e[10] = [
+          default: p(() => e[10] || (e[10] = [
             l("i", { class: "iconfont icon-Backward" }, null, -1)
           ])),
           _: 1,
           __: [10]
         }, 8, ["onClick"]),
-        a.paused ? (y(), B(h, {
+        a.paused ? (y(), B(g, {
           key: 0,
           icon: "",
           size: "small",
@@ -11822,12 +11798,12 @@ function Wn(t, e, o, i, a, r) {
           variant: "text",
           onClick: r.handlePlay
         }, {
-          default: u(() => e[11] || (e[11] = [
+          default: p(() => e[11] || (e[11] = [
             l("i", { class: "iconfont icon-Play" }, null, -1)
           ])),
           _: 1,
           __: [11]
-        }, 8, ["onClick"])) : (y(), B(h, {
+        }, 8, ["onClick"])) : (y(), B(g, {
           key: 1,
           icon: "",
           size: "small",
@@ -11835,20 +11811,20 @@ function Wn(t, e, o, i, a, r) {
           variant: "text",
           onClick: r.handlePause
         }, {
-          default: u(() => e[12] || (e[12] = [
+          default: p(() => e[12] || (e[12] = [
             l("i", { class: "iconfont icon-Pause" }, null, -1)
           ])),
           _: 1,
           __: [12]
         }, 8, ["onClick"])),
-        d(h, {
+        d(g, {
           icon: "",
           size: "small",
           density: "comfortable",
           variant: "text",
           onClick: r.handleForward
         }, {
-          default: u(() => e[13] || (e[13] = [
+          default: p(() => e[13] || (e[13] = [
             l("i", { class: "iconfont icon-Forward" }, null, -1)
           ])),
           _: 1,
@@ -11861,23 +11837,23 @@ function Wn(t, e, o, i, a, r) {
         style: { height: "16px" }
       }),
       l("div", Bn, [
-        d(k, {
+        d(L, {
           text: t.$t("weather.windBarbs"),
           location: "top"
         }, {
-          activator: u(({ props: v }) => {
-            var T, w;
+          activator: p(({ props: _ }) => {
+            var T, x;
             return [
-              d(h, j(v, {
+              d(g, j(_, {
                 class: "pa-1 d-flex",
                 color: (T = o.weatherCheckList) != null && T.includes("wind") ? "primary" : "",
-                variant: (w = o.weatherCheckList) != null && w.includes("wind") ? "elevated" : "text",
+                variant: (x = o.weatherCheckList) != null && x.includes("wind") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
                 onClick: e[3] || (e[3] = (D) => r.handleClickFastWeather("wind"))
               }), {
-                default: u(() => e[14] || (e[14] = [
+                default: p(() => e[14] || (e[14] = [
                   l("i", { class: "iconfont icon-a-WindLevel" }, null, -1)
                 ])),
                 _: 2,
@@ -11887,24 +11863,24 @@ function Wn(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        d(k, {
+        d(L, {
           text: t.$t("weather.sigWaveHeight"),
           location: "top"
         }, {
-          activator: u(({ props: v }) => {
-            var T, w;
+          activator: p(({ props: _ }) => {
+            var T, x;
             return [
-              d(h, j(v, {
+              d(g, j(_, {
                 class: "pa-1 d-flex",
                 color: (T = o.weatherCheckList) != null && T.includes("sig-wave-height") ? "primary" : "",
-                variant: (w = o.weatherCheckList) != null && w.includes("sig-wave-height") ? "elevated" : "text",
+                variant: (x = o.weatherCheckList) != null && x.includes("sig-wave-height") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
                 onClick: e[4] || (e[4] = (D) => r.handleClickFastWeather("sig-wave-height"))
               }), {
-                default: u(() => [
-                  l("i", j(v, { class: "iconfont icon-a-WaveHeight" }), null, 16)
+                default: p(() => [
+                  l("i", j(_, { class: "iconfont icon-a-WaveHeight" }), null, 16)
                 ]),
                 _: 2
               }, 1040, ["color", "variant"])
@@ -11912,24 +11888,24 @@ function Wn(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        d(k, {
+        d(L, {
           text: t.$t("weather.currentDirection"),
           location: "top"
         }, {
-          activator: u(({ props: v }) => {
-            var T, w;
+          activator: p(({ props: _ }) => {
+            var T, x;
             return [
-              d(h, j(v, {
+              d(g, j(_, {
                 class: "pa-1 d-flex",
                 color: (T = o.weatherCheckList) != null && T.includes("current-direction") ? "primary" : "",
-                variant: (w = o.weatherCheckList) != null && w.includes("current-direction") ? "elevated" : "text",
+                variant: (x = o.weatherCheckList) != null && x.includes("current-direction") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
                 onClick: e[5] || (e[5] = (D) => r.handleClickFastWeather("current-direction"))
               }), {
-                default: u(() => [
-                  l("i", j(v, { class: "iconfont icon-Current" }), null, 16)
+                default: p(() => [
+                  l("i", j(_, { class: "iconfont icon-Current" }), null, 16)
                 ]),
                 _: 2
               }, 1040, ["color", "variant"])
@@ -11937,12 +11913,12 @@ function Wn(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        d(k, {
+        d(L, {
           text: t.$t("weather.weatherLayers"),
           location: "top"
         }, {
-          activator: u(({ props: v }) => [
-            d(h, j(v, {
+          activator: p(({ props: _ }) => [
+            d(g, j(_, {
               class: "pa-1 d-flex",
               variant: "text",
               height: "24",
@@ -11950,8 +11926,8 @@ function Wn(t, e, o, i, a, r) {
               "min-width": "24",
               onClick: r.handleClickFastMore
             }), {
-              default: u(() => [
-                l("i", j(v, { class: "iconfont icon-dots-align" }), null, 16)
+              default: p(() => [
+                l("i", j(_, { class: "iconfont icon-dots-align" }), null, 16)
               ]),
               _: 2
             }, 1040, ["onClick"])
@@ -11965,27 +11941,27 @@ function Wn(t, e, o, i, a, r) {
         style: { height: "16px" }
       }),
       l("div", En, [
-        d(h, {
+        d(g, {
           text: "",
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2",
           color: a.source === "GFS" ? "primary" : "",
-          onClick: e[6] || (e[6] = (v) => a.source = "GFS")
+          onClick: e[6] || (e[6] = (_) => a.source = "GFS")
         }, {
-          default: u(() => e[15] || (e[15] = [
+          default: p(() => e[15] || (e[15] = [
             U("NOAA", -1)
           ])),
           _: 1,
           __: [15]
         }, 8, ["color"]),
-        d(h, {
+        d(g, {
           text: "",
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2",
           color: a.source === "ECMWF" ? "primary" : "",
-          onClick: e[7] || (e[7] = (v) => a.source = "ECMWF")
+          onClick: e[7] || (e[7] = (_) => a.source = "ECMWF")
         }, {
-          default: u(() => e[16] || (e[16] = [
+          default: p(() => e[16] || (e[16] = [
             U("ECMWF", -1)
           ])),
           _: 1,
@@ -11998,22 +11974,22 @@ function Wn(t, e, o, i, a, r) {
       style: ae({ right: a.right + "px" })
     }, [
       a.showTimezone ? (y(), M("div", jn, [
-        (y(!0), M(be, null, we(a.offsets, (v) => (y(), M("div", {
-          key: v,
+        (y(!0), M(be, null, we(a.offsets, (_) => (y(), M("div", {
+          key: _,
           class: "item rounded text-body-2 hover-active",
-          onClick: (T) => a.timeZone = v
-        }, b(v < 0 ? v : "+" + v), 9, Nn))), 128))
+          onClick: (T) => a.timeZone = _
+        }, b(_ < 0 ? _ : "+" + _), 9, Nn))), 128))
       ])) : E("", !0),
       l("div", Fn, [
-        d(h, {
+        d(g, {
           text: "",
           variant: "flat",
           height: "28",
           class: "pa-1 text-body-1",
           color: "primary",
-          onClick: e[8] || (e[8] = (v) => a.showTimezone = !a.showTimezone)
+          onClick: e[8] || (e[8] = (_) => a.showTimezone = !a.showTimezone)
         }, {
-          default: u(() => [
+          default: p(() => [
             U(" UTC " + b(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
           ]),
           _: 1
@@ -12088,7 +12064,7 @@ const Un = /* @__PURE__ */ V(An, [["render", Wn]]), Gn = {
   class: "map-gl4-home"
 };
 function Zn(t, e, o, i, a, r) {
-  const s = x("IdmOtherLayer"), n = x("IdmWeatherLayer"), c = x("IdmTropicals"), g = x("IdmMeasure"), p = x("IdmSpot"), h = x("IdmBottomBar");
+  const s = w("IdmOtherLayer"), c = w("IdmWeatherLayer"), n = w("IdmTropicals"), u = w("IdmMeasure"), h = w("IdmSpot"), g = w("IdmBottomBar");
   return y(), M("div", Vn, [
     d(s, j({
       ref: "idmOtherLayers",
@@ -12105,7 +12081,7 @@ function Zn(t, e, o, i, a, r) {
         a.otherCheckList = f, a.layerVersion = a.layerVersion + 1;
       })
     }), null, 16, ["token", "default-meteo-token", "map", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
-    d(n, j({
+    d(c, j({
       ref: "idmWeatherLayers",
       map: o.map,
       "before-layer": "empty-layer-2",
@@ -12123,7 +12099,7 @@ function Zn(t, e, o, i, a, r) {
         a.weatherCheckList = f, a.layerVersion = a.layerVersion + 1;
       })
     }), null, 16, ["map", "token", "default-meteo-token", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
-    d(c, j({
+    d(n, j({
       map: o.map,
       token: o.token,
       "default-meteo-token": a.defaultMeteoToken,
@@ -12134,11 +12110,11 @@ function Zn(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["map", "token", "default-meteo-token", "tropicals", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
-    d(g, j({
+    d(u, j({
       map: o.map,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["map", "map-feather"]),
-    d(p, j({
+    d(h, j({
       ref: "idmSpot",
       map: o.map,
       token: o.token,
@@ -12146,7 +12122,7 @@ function Zn(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["map", "token", "gateway", "forecast-model", "map-feather"]),
-    d(h, j({
+    d(g, j({
       ref: "idmBottomBar",
       "forecast-model": o.forecastModel,
       "weather-check-list": a.weatherCheckList,
@@ -12163,7 +12139,7 @@ class qn {
     se(this, "hi");
     se(this, "td");
     se(this, "windy");
-    var o, i, a, r, s, n, c, g, p, h, f, k, v, T, w, D, S, P, z, L, C, _, A, Z, q, X, Y, te, oe, J, le, pe, ue, ce, Q, ie, ge, me, F, de, ke, Me, Ie, Ae, De, Re, ve, H, ee, je, Ce, he, fe, W, ze, $, re, Oe, O, ye, Te, Be, Ee, R, G, Ge, Ve, Ze, Pe, Ye, qe, Xe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, At, Dt, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Wt, Ut, Gt, Vt, Zt, Yt, qt, Xt, Kt, Qt, Jt, so, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, To, So, Mo, Io, Ao, Do, Ro, Oo, Bo, Eo, jo, No, Fo, Ho, Wo, Uo, Go, Vo, Zo, Yo, qo, Xo, Ko, Qo, Jo, $o, ea, ta, oa, aa, ia, ra, la, sa, na, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ma, Ia, Aa, Da, Ra, Oa, Ba, Ea, ja, Na, Fa, Ha, Wa;
+    var o, i, a, r, s, c, n, u, h, g, f, L, _, T, x, D, S, P, k, z, C, v, A, Z, q, X, Y, te, oe, J, le, pe, ue, ce, Q, ie, ge, me, F, de, ke, Se, Me, Ie, Ae, De, ve, H, ee, je, Ce, he, fe, W, ze, $, re, Re, O, ye, Te, Oe, Be, R, G, Ge, Ve, Ze, Pe, Ye, qe, Xe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, At, Dt, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Wt, Ut, Gt, Vt, Zt, Yt, qt, Xt, Kt, Qt, Jt, so, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, To, So, Mo, Io, Ao, Do, Ro, Oo, Bo, Eo, jo, No, Fo, Ho, Wo, Uo, Go, Vo, Zo, Yo, qo, Xo, Ko, Qo, Jo, $o, ea, ta, oa, aa, ia, ra, la, sa, na, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ma, Ia, Aa, Da, Ra, Oa, Ba, Ea, ja, Na, Fa, Ha, Wa;
     this.i4 = {
       source: {
         type: "raster",
@@ -13671,7 +13647,7 @@ class qn {
               "text-size": 10,
               "icon-image": "tide",
               "icon-size": 1,
-              "icon-offset": [0, -15],
+              "icon-offset": [0, -13],
               "text-offset": [0, 1.6],
               "text-font": ["DIN Pro Regular", "Arial Unicode MS Regular"]
             },
@@ -15198,7 +15174,7 @@ class qn {
               "text-size": 10,
               "icon-image": "tide",
               "icon-size": 1,
-              "icon-offset": [0, -15],
+              "icon-offset": [0, -13],
               "text-offset": [0, 1.6],
               "text-font": ["DIN Pro Regular", "Arial Unicode MS Regular"]
             },
@@ -19837,7 +19813,7 @@ class qn {
               "text-size": 10,
               "icon-image": "tide",
               "icon-size": 1,
-              "icon-offset": [0, -15],
+              "icon-offset": [0, -13],
               "text-offset": [0, 1.6],
               "text-font": ["DIN Pro Regular", "Arial Unicode MS Regular"]
             },
@@ -30644,7 +30620,7 @@ class qn {
               "text-size": 10,
               "icon-image": "tide",
               "icon-size": 1,
-              "icon-offset": [0, -15],
+              "icon-offset": [0, -13],
               "text-offset": [0, 1.6],
               "text-font": ["DIN Pro Regular", "Arial Unicode MS Regular"]
             },
@@ -30741,15 +30717,15 @@ class qn {
         layers: [
           (i = (o = this.originStyle) == null ? void 0 : o.light.layers) == null ? void 0 : i.find((m) => m.id === "land"),
           (r = (a = this.originStyle) == null ? void 0 : a.light.layers) == null ? void 0 : r.find((m) => m.id === "water"),
-          (n = (s = this.originStyle) == null ? void 0 : s.light.layers) == null ? void 0 : n.find((m) => m.id === "ice-area-fill"),
-          (g = (c = this.originStyle) == null ? void 0 : c.light.layers) == null ? void 0 : g.find((m) => m.id === "ice-area-line"),
-          (h = (p = this.originStyle) == null ? void 0 : p.light.layers) == null ? void 0 : h.find((m) => m.id === "loadlines-label"),
-          (k = (f = this.originStyle) == null ? void 0 : f.light.layers) == null ? void 0 : k.find((m) => m.id === "loadlines-fill"),
-          (T = (v = this.originStyle) == null ? void 0 : v.light.layers) == null ? void 0 : T.find((m) => m.id === "empty-layer-0"),
-          (D = (w = this.originStyle) == null ? void 0 : w.light.layers) == null ? void 0 : D.find((m) => m.id === "empty-layer-1"),
+          (c = (s = this.originStyle) == null ? void 0 : s.light.layers) == null ? void 0 : c.find((m) => m.id === "ice-area-fill"),
+          (u = (n = this.originStyle) == null ? void 0 : n.light.layers) == null ? void 0 : u.find((m) => m.id === "ice-area-line"),
+          (g = (h = this.originStyle) == null ? void 0 : h.light.layers) == null ? void 0 : g.find((m) => m.id === "loadlines-label"),
+          (L = (f = this.originStyle) == null ? void 0 : f.light.layers) == null ? void 0 : L.find((m) => m.id === "loadlines-fill"),
+          (T = (_ = this.originStyle) == null ? void 0 : _.light.layers) == null ? void 0 : T.find((m) => m.id === "empty-layer-0"),
+          (D = (x = this.originStyle) == null ? void 0 : x.light.layers) == null ? void 0 : D.find((m) => m.id === "empty-layer-1"),
           (P = (S = this.originStyle) == null ? void 0 : S.light.layers) == null ? void 0 : P.find((m) => m.id === "country-boundaries"),
-          (L = (z = this.originStyle) == null ? void 0 : z.light.layers) == null ? void 0 : L.find((m) => m.id === "water-outline"),
-          (_ = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : _.find((m) => m.id === "water-outline2"),
+          (z = (k = this.originStyle) == null ? void 0 : k.light.layers) == null ? void 0 : z.find((m) => m.id === "water-outline"),
+          (v = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : v.find((m) => m.id === "water-outline2"),
           (Z = (A = this.originStyle) == null ? void 0 : A.light.layers) == null ? void 0 : Z.find((m) => m.id === "empty-layer-2"),
           (X = (q = this.originStyle) == null ? void 0 : q.light.layers) == null ? void 0 : X.find((m) => m.id === "water-line-label"),
           (te = (Y = this.originStyle) == null ? void 0 : Y.light.layers) == null ? void 0 : te.find((m) => m.id === "water-point-label"),
@@ -30759,9 +30735,9 @@ class qn {
           (ie = (Q = this.originStyle) == null ? void 0 : Q.light.layers) == null ? void 0 : ie.find((m) => m.id === "china-route-line"),
           (me = (ge = this.originStyle) == null ? void 0 : ge.light.layers) == null ? void 0 : me.find((m) => m.id === "china-route-fill"),
           (de = (F = this.originStyle) == null ? void 0 : F.light.layers) == null ? void 0 : de.find((m) => m.id === "china-route-label"),
-          (Me = (ke = this.originStyle) == null ? void 0 : ke.light.layers) == null ? void 0 : Me.find((m) => m.id === "admin-0-boundary-bg"),
-          (Ae = (Ie = this.originStyle) == null ? void 0 : Ie.light.layers) == null ? void 0 : Ae.find((m) => m.id === "admin-0-boundary"),
-          (Re = (De = this.originStyle) == null ? void 0 : De.light.layers) == null ? void 0 : Re.find((m) => m.id === "admin-0-boundary-disputed"),
+          (Se = (ke = this.originStyle) == null ? void 0 : ke.light.layers) == null ? void 0 : Se.find((m) => m.id === "admin-0-boundary-bg"),
+          (Ie = (Me = this.originStyle) == null ? void 0 : Me.light.layers) == null ? void 0 : Ie.find((m) => m.id === "admin-0-boundary"),
+          (De = (Ae = this.originStyle) == null ? void 0 : Ae.light.layers) == null ? void 0 : De.find((m) => m.id === "admin-0-boundary-disputed"),
           (H = (ve = this.originStyle) == null ? void 0 : ve.light.layers) == null ? void 0 : H.find((m) => m.id === "country-label"),
           (je = (ee = this.originStyle) == null ? void 0 : ee.light.layers) == null ? void 0 : je.find((m) => m.id === "continent-label"),
           (he = (Ce = this.originStyle) == null ? void 0 : Ce.light.layers) == null ? void 0 : he.find((m) => m.id === "tide-stations"),
@@ -30781,7 +30757,7 @@ class qn {
         fog: {
           range: [0.5, 10]
         },
-        sources: (Oe = this.originStyle) == null ? void 0 : Oe.dark.sources,
+        sources: (Re = this.originStyle) == null ? void 0 : Re.dark.sources,
         sprite: (O = this.originStyle) == null ? void 0 : O.dark.sprite,
         glyphs: (ye = this.originStyle) == null ? void 0 : ye.dark.glyphs,
         projection: (Te = this.originStyle) == null ? void 0 : Te.dark.projection,
@@ -30791,7 +30767,7 @@ class qn {
         protected: !1,
         draft: !1,
         layers: [
-          (Ee = (Be = this.originStyle) == null ? void 0 : Be.dark.layers) == null ? void 0 : Ee.find((m) => m.id === "land"),
+          (Be = (Oe = this.originStyle) == null ? void 0 : Oe.dark.layers) == null ? void 0 : Be.find((m) => m.id === "land"),
           (G = (R = this.originStyle) == null ? void 0 : R.dark.layers) == null ? void 0 : G.find((m) => m.id === "water"),
           (Ve = (Ge = this.originStyle) == null ? void 0 : Ge.dark.layers) == null ? void 0 : Ve.find((m) => m.id === "ice-area-fill"),
           (Pe = (Ze = this.originStyle) == null ? void 0 : Ze.dark.layers) == null ? void 0 : Pe.find((m) => m.id === "ice-area-line"),
@@ -30943,7 +30919,12 @@ const Xn = {
       right: 10
     };
   },
-  computed: {},
+  computed: {
+    computeYear() {
+      const t = (/* @__PURE__ */ new Date()).getFullYear();
+      return t > 2023 ? t : 2023;
+    }
+  },
   watch: {
     "menuToggle.v": {
       handler() {
@@ -30962,8 +30943,6 @@ const Xn = {
       immediate: !0
     }
   },
-  mounted() {
-  },
   methods: {
     async initOnlineMap() {
       var e;
@@ -31007,11 +30986,11 @@ const Xn = {
       this.zoom > 2 && (this.zoom = Math.floor(this.zoom) - 1, (t = this.map) == null || t.flyTo({ zoom: this.zoom, duration: 500 }));
     }
   }
-}, Kn = { class: "mapbox-initial-gl4" }, Qn = { class: "v-btn--variant-elevated rounded" }, Jn = { class: "zoom" };
-function $n(t, e, o, i, a, r) {
-  const s = x("VBtn");
+}, Kn = { class: "mapbox-initial-gl4" }, Qn = { class: "v-btn--variant-elevated rounded" }, Jn = { class: "zoom" }, $n = { class: "position-absolute left-0 bottom-0 ma-2 my-1 text-body-2 text-label" };
+function ec(t, e, o, i, a, r) {
+  const s = w("VBtn");
   return y(), M("div", Kn, [
-    e[2] || (e[2] = l("div", { id: "map" }, null, -1)),
+    e[5] || (e[5] = l("div", { id: "map" }, null, -1)),
     l("div", {
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
       style: ae({ top: o.top + 268 + "px", right: a.right + "px" })
@@ -31024,7 +31003,7 @@ function $n(t, e, o, i, a, r) {
           class: "pa-0 elevation-0",
           onClick: r.handleZoomIn
         }, {
-          default: u(() => e[0] || (e[0] = [
+          default: p(() => e[0] || (e[0] = [
             l("i", { class: "iconfont icon-a-Zoomin text-h4" }, null, -1)
           ])),
           _: 1,
@@ -31038,7 +31017,7 @@ function $n(t, e, o, i, a, r) {
           class: "elevation-0 pa-0",
           onClick: r.handleZoomOut
         }, {
-          default: u(() => e[1] || (e[1] = [
+          default: p(() => e[1] || (e[1] = [
             l("i", { class: "iconfont icon-a-Zoomout text-h4" }, null, -1)
           ])),
           _: 1,
@@ -31046,23 +31025,29 @@ function $n(t, e, o, i, a, r) {
         }, 8, ["onClick"])
       ])
     ], 4),
-    e[3] || (e[3] = l("div", { class: "position-absolute left-0 bottom-0 ma-2 my-1 text-body-2 text-label" }, [
-      U(" Copyright: © 2023-2025 ormwx.com "),
-      l("span", { class: "text-decoration-underline" }, "沪ICP备18039043号-6")
-    ], -1))
+    l("div", $n, [
+      e[2] || (e[2] = l("span", null, "© 2023", -1)),
+      l("span", null, "-" + b(r.computeYear), 1),
+      e[3] || (e[3] = l("span", { class: "text-uppercase ma-2" }, "ormwx.com", -1)),
+      e[4] || (e[4] = l("a", {
+        class: "text-decoration-underline cursor-pointer text-label",
+        href: "https://beian.miit.gov.cn/",
+        target: "_blank"
+      }, "沪ICP备18039043号-6", -1))
+    ])
   ]);
 }
-const ec = /* @__PURE__ */ V(Xn, [["render", $n]]), hc = {
+const tc = /* @__PURE__ */ V(Xn, [["render", ec]]), pc = {
   install(t) {
-    t.component("MapInitial", ec), t.component("MapboxGL", Yn), t.component("TropicalGL", Ya), t.component("LatLngGL", Za), t.component("DateTimePicker", lo);
+    t.component("MapInitial", tc), t.component("MapboxGL", Yn), t.component("TropicalGL", Ya), t.component("LatLngGL", Za), t.component("DateTimePicker", lo);
   }
 };
 export {
   lo as DateTimePicker,
   Za as LatLngGL,
-  ec as MapInitial,
+  tc as MapInitial,
   Yn as MapboxGL,
-  hc as MapboxGLPlugin,
+  pc as MapboxGLPlugin,
   _e as ParticleSchema,
   Ya as TropicalGL,
   ro as Viewport,