@idmwx/idmui-gl4 2.2.2 → 2.2.4

package/dist/index.js

@@ -3,7 +3,7 @@ var $a = (t, e, o) => e in t ? Qa(t, e, { enumerable: !0, configurable: !0, writ
 var pe = (t, e, o) => ($a(t, typeof e != "symbol" ? e + "" : e, o), o);
 import Ae from "axios";
 import { useTheme as De } from "vuetify";
-import { openBlock as g, createElementBlock as S, resolveComponent as w, createBlock as A, normalizeClass as ye, withCtx as u, createVNode as p, withModifiers as Se, createElementVNode as s, createCommentVNode as R, toDisplayString as n, createTextVNode as K, Fragment as xe, renderList as ke, withDirectives as Ye, vShow as Ze, mergeProps as j, normalizeStyle as ee, createStaticVNode as ei } from "vue";
+import { openBlock as g, createElementBlock as S, resolveComponent as v, createBlock as A, normalizeClass as ge, withCtx as u, createVNode as p, withModifiers as Se, createElementVNode as s, createCommentVNode as R, toDisplayString as n, createTextVNode as K, Fragment as xe, renderList as ke, withDirectives as Ye, vShow as Ze, mergeProps as j, normalizeStyle as ee, createStaticVNode as ei } from "vue";
 import ze from "mapbox-gl";
 import M from "moment";
 import { LngLatHelper as q, TropicalHelper as Va, LaneHelper as Ve } from "@idm-plugin/geo";
@@ -475,8 +475,8 @@ const pi = {
     handleClick(t) {
       var i, a;
       const e = t.features[0], o = (a = (i = this.zone) == null ? void 0 : i.features) == null ? void 0 : a.filter((r) => {
-        var l, c;
-        return ((l = r.properties) == null ? void 0 : l.id) === ((c = e == null ? void 0 : e.properties) == null ? void 0 : c.id);
+        var l, m;
+        return ((l = r.properties) == null ? void 0 : l.id) === ((m = e == null ? void 0 : e.properties) == null ? void 0 : m.id);
       })[0];
       o && (this.showMakerInfo = !0, this.form = { ...o.properties }, this.simple || this.drawMarker([t.lngLat.lng, t.lngLat.lat]));
     },
@@ -497,14 +497,14 @@ const pi = {
   }
 }, ui = ["innerHTML"];
 function gi(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("v-card-text"), m = w("v-card");
-  return a.showMakerInfo ? (g(), A(m, {
+  const l = v("VBtn"), m = v("v-card-text"), c = v("v-card");
+  return a.showMakerInfo ? (g(), A(c, {
     key: 0,
-    class: ye(["idm-gl4-zone-info overflow-auto scroll", o.simple ? "page" : "dialog"]),
+    class: ge(["idm-gl4-zone-info overflow-auto scroll", o.simple ? "page" : "dialog"]),
     id: "idm-gl4-zone-info"
   }, {
     default: u(() => [
-      p(c, null, {
+      p(m, null, {
         default: u(() => {
           var f;
           return [
@@ -1385,18 +1385,18 @@ const yi = {
       var o, i, a, r;
       const t = [], e = (o = this.port) != null && o.lng && ((i = this.port) != null && i.lat) ? q.guessTimeZoneOffset((a = this.port) == null ? void 0 : a.lng, (r = this.port) == null ? void 0 : r.lat) : 0;
       for (let l = 0; l < 4; l++) {
-        let c = {
+        let m = {
           index: l,
           dateTimeList: [],
           label: M().utcOffset(e).add(l, "days").format("MM-DD ddd"),
           startTime: M().utcOffset(e).add(l, "days").set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format(),
           dateTime: M().utcOffset(e).add(l, "days").format()
         };
-        for (let m = 0; m < 4; m++)
-          c.dateTimeList.push(
-            M(c.startTime).utcOffset(e).add(m * this.interval, "hours").utc().format()
+        for (let c = 0; c < 4; c++)
+          m.dateTimeList.push(
+            M(m.startTime).utcOffset(e).add(c * this.interval, "hours").utc().format()
           );
-        t.push(c);
+        t.push(m);
       }
       return t;
     },
@@ -1512,10 +1512,10 @@ const yi = {
         { label: "Swell", key: "weather.swell", unit: "m" },
         { label: "Current", key: "weather.current", unit: "kts" }
       ], (o = (e = this.dateList) == null ? void 0 : e[this.currentIndex]) == null || o.dateTimeList.forEach((i, a) => {
-        var c, m, f, d, b, v, z, C, L, y, B, D, P, k, x, T, _, I, F, G, Y, Z, Q, $, J, le, ne, se, ie, me, ue, he, de, O, te, be, ve, Pe;
+        var m, c, f, d, b, w, k, y, _, T, B, D, x, L, P, C, z, I, F, G, Y, Z, Q, $, J, le, ne, se, ie, me, ue, he, de, O, te, be, ve, Pe;
         let r = {};
-        const l = ((c = To.pickHourly(t, M(i))) == null ? void 0 : c[0]) || {};
-        r.utc = l.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (m = l.weather) == null ? void 0 : m.url, r.temp = this.computeRoundPrecision((f = l == null ? void 0 : l.weather) == null ? void 0 : f.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((b = (d = l == null ? void 0 : l.weather) == null ? void 0 : d.precip) == null ? void 0 : b.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((z = (v = l == null ? void 0 : l.weather) == null ? void 0 : v.precip) == null ? void 0 : z.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((C = l == null ? void 0 : l.weather) == null ? void 0 : C.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((y = (L = l == null ? void 0 : l.weather) == null ? void 0 : L.wind) == null ? void 0 : y.kts, 1) ?? "-", r.windDir = (D = (B = l == null ? void 0 : l.weather) == null ? void 0 : B.wind) == null ? void 0 : D.direction, r.windLevel = this.computeRoundPrecision((k = (P = l == null ? void 0 : l.weather) == null ? void 0 : P.wind) == null ? void 0 : k.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((T = (x = l == null ? void 0 : l.weather) == null ? void 0 : x.wind) == null ? void 0 : T.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((I = (_ = l == null ? void 0 : l.wave) == null ? void 0 : _.sig) == null ? void 0 : I.height, 1) ?? "-", r.sigwaveDir = (G = (F = l == null ? void 0 : l.wave) == null ? void 0 : F.sig) == null ? void 0 : G.direction, r.sigwavePeriod = this.computeRoundPrecision((Z = (Y = l == null ? void 0 : l.wave) == null ? void 0 : Y.sig) == null ? void 0 : Z.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision(($ = (Q = l == null ? void 0 : l.wave) == null ? void 0 : Q.wd) == null ? void 0 : $.height, 1) ?? "-", r.windwaveDir = (le = (J = l == null ? void 0 : l.wave) == null ? void 0 : J.wd) == null ? void 0 : le.direction, r.windwavePeriod = this.computeRoundPrecision((se = (ne = l == null ? void 0 : l.wave) == null ? void 0 : ne.wd) == null ? void 0 : se.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((me = (ie = l == null ? void 0 : l.wave) == null ? void 0 : ie.swell) == null ? void 0 : me.height, 1) ?? "-", r.swellDir = (he = (ue = l == null ? void 0 : l.wave) == null ? void 0 : ue.swell) == null ? void 0 : he.direction, r.swellPeriod = this.computeRoundPrecision((O = (de = l == null ? void 0 : l.wave) == null ? void 0 : de.swell) == null ? void 0 : O.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((te = l == null ? void 0 : l.current) == null ? void 0 : te.speed, 1) ?? "-", r.currentDir = (be = l == null ? void 0 : l.current) == null ? void 0 : be.direction, r.currentSpeed = this.computeRoundPrecision((ve = l == null ? void 0 : l.current) == null ? void 0 : ve.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(l == null ? void 0 : l.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(l == null ? void 0 : l.sst, 0) ?? "-", r.weatherUrls = (Pe = l == null ? void 0 : l.weather) == null ? void 0 : Pe.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = r.weatherUrl, this.tableData[2][`value${a}`] = r.temp, this.tableData[3][`value${a}`] = r.precip1h, this.tableData[4][`value${a}`] = r.visibility, this.tableData[5][`value${a}`] = r.windSpeed, this.tableData[6][`value${a}`] = r.sigwaveHeight, this.tableData[7][`value${a}`] = r.swellHeight, this.tableData[8][`value${a}`] = r.currentSpeed;
+        const l = ((m = To.pickHourly(t, M(i))) == null ? void 0 : m[0]) || {};
+        r.utc = l.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (c = l.weather) == null ? void 0 : c.url, r.temp = this.computeRoundPrecision((f = l == null ? void 0 : l.weather) == null ? void 0 : f.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((b = (d = l == null ? void 0 : l.weather) == null ? void 0 : d.precip) == null ? void 0 : b.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((k = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.precip) == null ? void 0 : k.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((y = l == null ? void 0 : l.weather) == null ? void 0 : y.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((T = (_ = l == null ? void 0 : l.weather) == null ? void 0 : _.wind) == null ? void 0 : T.kts, 1) ?? "-", r.windDir = (D = (B = l == null ? void 0 : l.weather) == null ? void 0 : B.wind) == null ? void 0 : D.direction, r.windLevel = this.computeRoundPrecision((L = (x = l == null ? void 0 : l.weather) == null ? void 0 : x.wind) == null ? void 0 : L.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((C = (P = l == null ? void 0 : l.weather) == null ? void 0 : P.wind) == null ? void 0 : C.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((I = (z = l == null ? void 0 : l.wave) == null ? void 0 : z.sig) == null ? void 0 : I.height, 1) ?? "-", r.sigwaveDir = (G = (F = l == null ? void 0 : l.wave) == null ? void 0 : F.sig) == null ? void 0 : G.direction, r.sigwavePeriod = this.computeRoundPrecision((Z = (Y = l == null ? void 0 : l.wave) == null ? void 0 : Y.sig) == null ? void 0 : Z.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision(($ = (Q = l == null ? void 0 : l.wave) == null ? void 0 : Q.wd) == null ? void 0 : $.height, 1) ?? "-", r.windwaveDir = (le = (J = l == null ? void 0 : l.wave) == null ? void 0 : J.wd) == null ? void 0 : le.direction, r.windwavePeriod = this.computeRoundPrecision((se = (ne = l == null ? void 0 : l.wave) == null ? void 0 : ne.wd) == null ? void 0 : se.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((me = (ie = l == null ? void 0 : l.wave) == null ? void 0 : ie.swell) == null ? void 0 : me.height, 1) ?? "-", r.swellDir = (he = (ue = l == null ? void 0 : l.wave) == null ? void 0 : ue.swell) == null ? void 0 : he.direction, r.swellPeriod = this.computeRoundPrecision((O = (de = l == null ? void 0 : l.wave) == null ? void 0 : de.swell) == null ? void 0 : O.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((te = l == null ? void 0 : l.current) == null ? void 0 : te.speed, 1) ?? "-", r.currentDir = (be = l == null ? void 0 : l.current) == null ? void 0 : be.direction, r.currentSpeed = this.computeRoundPrecision((ve = l == null ? void 0 : l.current) == null ? void 0 : ve.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(l == null ? void 0 : l.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(l == null ? void 0 : l.sst, 0) ?? "-", r.weatherUrls = (Pe = l == null ? void 0 : l.weather) == null ? void 0 : Pe.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = r.weatherUrl, this.tableData[2][`value${a}`] = r.temp, this.tableData[3][`value${a}`] = r.precip1h, this.tableData[4][`value${a}`] = r.visibility, this.tableData[5][`value${a}`] = r.windSpeed, this.tableData[6][`value${a}`] = r.sigwaveHeight, this.tableData[7][`value${a}`] = r.swellHeight, this.tableData[8][`value${a}`] = r.currentSpeed;
       });
     },
     handleTide() {
@@ -1719,30 +1719,30 @@ const yi = {
   width: "120"
 }, fr = { class: "px-1 text-center" }, yr = { class: "px-1 text-center" }, br = { class: "px-1 text-center" };
 function wr(t, e, o, i, a, r) {
-  const l = w("VIcon"), c = w("VBtn"), m = w("v-icon"), f = w("VCardTitle"), d = w("VDivider"), b = w("VBtnToggle"), v = w("VCard");
-  return g(), A(v, {
-    class: ye(["port-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
+  const l = v("VBtn"), m = v("VCardTitle"), c = v("VDivider"), f = v("VBtnToggle"), d = v("VCard");
+  return g(), A(d, {
+    class: ge(["port-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
   }, {
     default: u(() => {
-      var z, C, L;
+      var b, w, k;
       return [
-        p(f, { class: "w-100" }, {
+        p(m, { class: "w-100" }, {
           default: u(() => {
-            var y, B, D, P, k, x;
+            var y, _, T, B, D, x;
             return [
               s("div", bi, [
                 s("div", wi, [
                   s("div", {
-                    class: ye(["fi mr-2 rounded elevation-4", `fi-${(y = o.port) != null && y.cntLoCode ? (D = (B = o.port) == null ? void 0 : B.cntLoCode) == null ? void 0 : D.toLowerCase() : "xx"}`]),
+                    class: ge(["fi mr-2 rounded elevation-4", `fi-${(y = o.port) != null && y.cntLoCode ? (T = (_ = o.port) == null ? void 0 : _.cntLoCode) == null ? void 0 : T.toLowerCase() : "xx"}`]),
                     style: { width: "36px", height: "24px" }
                   }, null, 2),
-                  s("div", null, n((P = o.port) == null ? void 0 : P.name), 1)
+                  s("div", null, n((B = o.port) == null ? void 0 : B.name), 1)
                 ]),
                 o.simple ? (g(), S("div", xi, [
-                  (k = o.followList) != null && k.some((T) => {
-                    var _;
-                    return ((_ = T.port) == null ? void 0 : _.id) === o.portId;
-                  }) ? (g(), A(c, {
+                  (D = o.followList) != null && D.some((L) => {
+                    var P;
+                    return ((P = L.port) == null ? void 0 : P.id) === o.portId;
+                  }) ? (g(), A(l, {
                     key: 0,
                     class: "text-none rounded-circle",
                     variant: "text",
@@ -1752,15 +1752,12 @@ function wr(t, e, o, i, a, r) {
                     "min-width": "28",
                     onClick: r.handleCancelFollow
                   }, {
-                    default: u(() => [
-                      p(l, {
-                        icon: "mdi-star",
-                        color: "warning",
-                        size: "20"
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["onClick"])) : (g(), A(c, {
+                    default: u(() => e[2] || (e[2] = [
+                      s("i", { class: "iconfont icon-yishoucang text-h4 text-warning" }, null, -1)
+                    ])),
+                    _: 1,
+                    __: [2]
+                  }, 8, ["onClick"])) : (g(), A(l, {
                     key: 1,
                     class: "text-none rounded-circle",
                     variant: "text",
@@ -1770,47 +1767,45 @@ function wr(t, e, o, i, a, r) {
                     "min-width": "28",
                     onClick: r.handleFollow
                   }, {
-                    default: u(() => [
-                      p(m, {
-                        icon: "mdi-star-outline",
-                        size: "20"
-                      })
-                    ]),
-                    _: 1
+                    default: u(() => e[3] || (e[3] = [
+                      s("i", { class: "iconfont icon-weishoucang text-h4" }, null, -1)
+                    ])),
+                    _: 1,
+                    __: [3]
                   }, 8, ["onClick"])),
-                  p(c, {
+                  p(l, {
                     icon: "",
                     density: "compact",
                     variant: "plain",
                     class: "mr-n2",
                     onClick: r.handleClose
                   }, {
-                    default: u(() => e[2] || (e[2] = [
+                    default: u(() => e[4] || (e[4] = [
                       s("i", { class: "iconfont icon-close text-label text-h4" }, null, -1)
                     ])),
                     _: 1,
-                    __: [2]
+                    __: [4]
                   }, 8, ["onClick"])
                 ])) : (g(), S("div", vi, [
-                  p(c, {
+                  p(l, {
                     icon: "",
                     density: "compact",
                     variant: "plain",
                     class: "mr-n2",
                     onClick: r.handleClose
                   }, {
-                    default: u(() => e[3] || (e[3] = [
+                    default: u(() => e[5] || (e[5] = [
                       s("i", { class: "iconfont icon-close text-label text-h4" }, null, -1)
                     ])),
                     _: 1,
-                    __: [3]
+                    __: [5]
                   }, 8, ["onClick"])
                 ]))
               ]),
               s("div", _i, [
                 s("div", null, n(t.$t("port.port")), 1),
                 s("div", null, [
-                  e[4] || (e[4] = s("label", null, "UN/LOCODE: ", -1)),
+                  e[6] || (e[6] = s("label", null, "UN/LOCODE: ", -1)),
                   s("span", null, n((x = o.port) == null ? void 0 : x.cntLoCode), 1)
                 ])
               ])
@@ -1818,42 +1813,43 @@ function wr(t, e, o, i, a, r) {
           }),
           _: 1
         }),
-        p(d, { class: "w-100" }),
+        p(c, { class: "w-100" }),
         o.simple ? R("", !0) : (g(), S("div", ki, [
-          (z = o.followList) != null && z.some((y) => {
-            var B;
-            return ((B = y.port) == null ? void 0 : B.id) === o.portId;
-          }) ? (g(), A(c, {
+          (b = o.followList) != null && b.some((y) => {
+            var _;
+            return ((_ = y.port) == null ? void 0 : _.id) === o.portId;
+          }) ? (g(), A(l, {
             key: 0,
             class: "text-none text-body-1 rounded flex-1-1-0 btn-bg-3",
             variant: "tonal",
             density: "compact",
             height: "32",
-            "prepend-icon": "mdi-star",
             onClick: r.handleCancelFollow
           }, {
-            prepend: u(() => [
-              p(l, { color: "warning" })
-            ]),
+            prepend: u(() => e[7] || (e[7] = [
+              s("i", { class: "iconfont icon-yishoucang text-h6 text-warning" }, null, -1)
+            ])),
             default: u(() => [
               K(" " + n(t.$t("actions.unfollow")), 1)
             ]),
             _: 1
-          }, 8, ["onClick"])) : (g(), A(c, {
+          }, 8, ["onClick"])) : (g(), A(l, {
             key: 1,
             class: "text-none text-body-1 rounded flex-1-1-0 btn-bg-3",
             variant: "tonal",
             density: "compact",
             height: "32",
-            "prepend-icon": "mdi-star-outline",
             onClick: r.handleFollow
           }, {
+            prepend: u(() => e[8] || (e[8] = [
+              s("i", { class: "iconfont icon-weishoucang text-h6" }, null, -1)
+            ])),
             default: u(() => [
-              K(n(t.$t("actions.follow")), 1)
+              K(n(t.$t("actions.follow")) + " ", 1)
             ]),
             _: 1
           }, 8, ["onClick"])),
-          p(c, {
+          p(l, {
             class: "text-none text-body-1 rounded flex-1-1-0 btn-bg-3",
             variant: "tonal",
             density: "compact",
@@ -1868,7 +1864,7 @@ function wr(t, e, o, i, a, r) {
         ])),
         s("div", {
           ref: "scrollDom",
-          class: ye(["w-100 pt-0 flex-1-1-0 overflow-y-auto scroll mb-4", o.simple ? "px-3" : "px-5"])
+          class: ge(["w-100 pt-0 flex-1-1-0 overflow-y-auto scroll mb-4", o.simple ? "px-3" : "px-5"])
         }, [
           s("div", zi, [
             s("div", Li, [
@@ -1880,12 +1876,12 @@ function wr(t, e, o, i, a, r) {
                 ])),
                 s("div", null, n(t.$t("detail.summary")), 1)
               ]),
-              e[5] || (e[5] = s("div", { class: "text-body-2 text-success ga-2" }, null, -1))
+              e[9] || (e[9] = s("div", { class: "text-body-2 text-success ga-2" }, null, -1))
             ]),
             s("div", Si, [
               s("div", Mi, [
                 s("div", Di, n(t.$t("port.region")), 1),
-                s("div", Ii, n(((C = o.port) == null ? void 0 : C.region) ?? ((L = o.port) == null ? void 0 : L.city) ?? "-"), 1)
+                s("div", Ii, n(((w = o.port) == null ? void 0 : w.region) ?? ((k = o.port) == null ? void 0 : k.city) ?? "-"), 1)
               ]),
               s("div", Ri, [
                 s("div", Ai, n(t.$t("port.position")), 1),
@@ -1907,12 +1903,12 @@ function wr(t, e, o, i, a, r) {
                 ])),
                 s("div", null, n(t.$t("weather.weather")), 1)
               ]),
-              e[6] || (e[6] = s("div", { class: "text-body-2 text-success ga-2" }, null, -1))
+              e[10] || (e[10] = s("div", { class: "text-body-2 text-success ga-2" }, null, -1))
             ]),
             s("div", {
-              class: ye(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4"])
+              class: ge(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4"])
             }, [
-              p(b, {
+              p(f, {
                 modelValue: a.currentIndex,
                 "onUpdate:modelValue": e[0] || (e[0] = (y) => a.currentIndex = y),
                 class: "w-100 gray-bg-1 rounded d-flex justify-space-around align-center ga-0 px-1 mb-2",
@@ -1923,7 +1919,7 @@ function wr(t, e, o, i, a, r) {
                 rounded: "1"
               }, {
                 default: u(() => [
-                  (g(!0), S(xe, null, ke(r.dateList, (y) => (g(), A(c, {
+                  (g(!0), S(xe, null, ke(r.dateList, (y) => (g(), A(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
@@ -1991,14 +1987,14 @@ function wr(t, e, o, i, a, r) {
                 s("div", null, n(t.$t("tide.tideTimes")), 1)
               ]),
               s("div", mr, [
-                a.showTideDetail ? (g(), A(c, {
+                a.showTideDetail ? (g(), A(l, {
                   key: 0,
                   icon: "mdi-eye-off-outline",
                   density: "compact",
                   variant: "plain",
                   size: "small",
                   onClick: e[1] || (e[1] = (y) => a.showTideDetail = !1)
-                })) : (g(), A(c, {
+                })) : (g(), A(l, {
                   key: 1,
                   icon: "mdi-eye-outline",
                   density: "compact",
@@ -2010,7 +2006,7 @@ function wr(t, e, o, i, a, r) {
             ]),
             a.showTideDetail ? (g(), S("div", {
               key: 0,
-              class: ye(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4"])
+              class: ge(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4"])
             }, [
               s("div", hr, null, 512),
               s("table", dr, [
@@ -2020,10 +2016,10 @@ function wr(t, e, o, i, a, r) {
                     s("th", ur, n(t.$t("time.time")) + " ( LT ) ", 1),
                     s("th", gr, n(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (g(!0), S(xe, null, ke(a.tideTableData, (y, B) => {
-                    var D;
-                    return g(), S("tr", { key: B }, [
-                      s("td", fr, n(t.$t(`tide.${(D = y == null ? void 0 : y.type) == null ? void 0 : D.toLowerCase()}`)) + " " + n(t.$t("tide.tide")), 1),
+                  (g(!0), S(xe, null, ke(a.tideTableData, (y, _) => {
+                    var T;
+                    return g(), S("tr", { key: _ }, [
+                      s("td", fr, n(t.$t(`tide.${(T = y == null ? void 0 : y.type) == null ? void 0 : T.toLowerCase()}`)) + " " + n(t.$t("tide.tide")), 1),
                       s("td", yr, n(r.computeLocalTime(y == null ? void 0 : y.date, o.port, "MM-DD HH:mm")), 1),
                       s("td", br, n((y == null ? void 0 : y.height) ?? "-") + " m", 1)
                     ]);
@@ -2038,7 +2034,7 @@ function wr(t, e, o, i, a, r) {
     _: 1
   }, 8, ["class"]);
 }
-const Do = /* @__PURE__ */ X(yi, [["render", wr], ["__scopeId", "data-v-b9dbfa4f"]]);
+const Do = /* @__PURE__ */ X(yi, [["render", wr], ["__scopeId", "data-v-1a7eeef1"]]);
 const xr = {
   name: "IdmPort",
   components: {
@@ -2147,9 +2143,9 @@ const xr = {
   }
 }, vr = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, _r = { class: "d-flex justify-start align-center text-label" }, kr = { class: "d-flex justify-start align-center text-label" };
 function zr(t, e, o, i, a, r) {
-  const l = w("VCardText"), c = w("VCard"), m = w("PortDetail");
+  const l = v("VCardText"), m = v("VCard"), c = v("PortDetail");
   return g(), S("div", null, [
-    Ye(p(c, {
+    Ye(p(m, {
       id: "idmPortInfo",
       ref: "idmPortInfo"
     }, {
@@ -2174,7 +2170,7 @@ function zr(t, e, o, i, a, r) {
     }, 512), [
       [Ze, a.showInfo]
     ]),
-    a.showDetail ? (g(), A(m, j({
+    a.showDetail ? (g(), A(c, j({
       key: 0,
       portId: a.portId,
       port: a.port,
@@ -2419,8 +2415,8 @@ const Cr = /* @__PURE__ */ X(Pr, [["render", Tr]]), Sr = {
           type: "FeatureCollection"
         };
         a.features = (o = this.zone.features) == null ? void 0 : o.map((l) => {
-          const c = JSON.parse(JSON.stringify(l));
-          return c.properties.offSet === t.features[0].properties.offSet ? (c.properties.opacity = 0.25, c.properties.lineOpacity = 0.7, c.properties.width = 2) : (c.properties.opacity = 0, c.properties.lineOpacity = 0.2, c.properties.width = 1), c;
+          const m = JSON.parse(JSON.stringify(l));
+          return m.properties.offSet === t.features[0].properties.offSet ? (m.properties.opacity = 0.25, m.properties.lineOpacity = 0.7, m.properties.width = 2) : (m.properties.opacity = 0, m.properties.lineOpacity = 0.2, m.properties.width = 1), m;
         }), (i = this.map.getSource(this.source)) == null || i.setData(a);
         const r = document.createElement("div");
         r.className = "v-card--variant-elevated rounded px-2 py-1 text-body-1", r.innerHTML = `<div>UTC ${t.features[0].properties.offSet}:00</div>
@@ -2873,16 +2869,16 @@ const Kr = {
       var o, i, a, r;
       const t = [], e = (o = this.station) != null && o.lng && ((i = this.station) != null && i.lat) ? q.guessTimeZoneOffset((a = this.station) == null ? void 0 : a.lng, (r = this.station) == null ? void 0 : r.lat) : 0;
       for (let l = 0; l < 4; l++) {
-        let c = {
+        let m = {
           index: l,
           dateTimeList: [],
           label: M().utcOffset(e).add(l, "days").format("MM-DD ddd"),
           startTime: M().utcOffset(e).add(l, "days").set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format(),
           dateTime: M().utcOffset(e).add(l, "days").format()
         };
-        for (let m = 0; m < 4; m++)
-          c.dateTimeList.push(M(c.startTime).utcOffset(e).add(m * 3, "hours").utc().format());
-        t.push(c);
+        for (let c = 0; c < 4; c++)
+          m.dateTimeList.push(M(m.startTime).utcOffset(e).add(c * 3, "hours").utc().format());
+        t.push(m);
       }
       return t;
     },
@@ -3103,20 +3099,20 @@ const Kr = {
   width: "120"
 }, Ls = { class: "px-1 text-center" }, Ps = { class: "px-1 text-center" }, Ts = { class: "px-1 text-center" };
 function Cs(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("v-card-title"), m = w("v-divider"), f = w("VBtnToggle"), d = w("v-card");
+  const l = v("VBtn"), m = v("v-card-title"), c = v("v-divider"), f = v("VBtnToggle"), d = v("v-card");
   return g(), A(d, {
-    class: ye(["tide-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
+    class: ge(["tide-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
   }, {
     default: u(() => {
-      var b, v;
+      var b, w;
       return [
-        p(c, { class: "w-100" }, {
+        p(m, { class: "w-100" }, {
           default: u(() => {
-            var z;
+            var k;
             return [
               s("div", Jr, [
                 s("div", Qr, [
-                  s("div", null, n((z = o.station) == null ? void 0 : z.name), 1)
+                  s("div", null, n((k = o.station) == null ? void 0 : k.name), 1)
                 ]),
                 p(l, {
                   icon: "",
@@ -3139,9 +3135,9 @@ function Cs(t, e, o, i, a, r) {
           }),
           _: 1
         }),
-        p(m, { class: "w-100" }),
+        p(c, { class: "w-100" }),
         s("div", {
-          class: ye(["w-100 pt-0 pb-0 overflow-y-auto scroll", o.simple ? "px-3" : "px-5"])
+          class: ge(["w-100 pt-0 pb-0 overflow-y-auto scroll", o.simple ? "px-3" : "px-5"])
         }, [
           s("div", es, [
             s("div", ts, [
@@ -3157,7 +3153,7 @@ function Cs(t, e, o, i, a, r) {
             s("div", rs, [
               s("div", ss, [
                 s("div", ls, n(t.$t("tide.region")), 1),
-                s("div", ns, n(((b = o.station) == null ? void 0 : b.Country) ?? ((v = o.station) == null ? void 0 : v.city) ?? "-"), 1)
+                s("div", ns, n(((b = o.station) == null ? void 0 : b.Country) ?? ((w = o.station) == null ? void 0 : w.city) ?? "-"), 1)
               ]),
               s("div", cs, [
                 s("div", ms, n(t.$t("tide.position")), 1),
@@ -3182,11 +3178,11 @@ function Cs(t, e, o, i, a, r) {
               e[2] || (e[2] = s("div", { class: "text-body-2 text-success ga-2" }, null, -1))
             ]),
             s("div", {
-              class: ye(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4"])
+              class: ge(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4"])
             }, [
               p(f, {
                 modelValue: a.currentIndex,
-                "onUpdate:modelValue": e[0] || (e[0] = (z) => a.currentIndex = z),
+                "onUpdate:modelValue": e[0] || (e[0] = (k) => a.currentIndex = k),
                 class: "w-100 gray-bg-2 rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",
                 density: "compact",
                 group: "",
@@ -3195,15 +3191,15 @@ function Cs(t, e, o, i, a, r) {
                 rounded: "1"
               }, {
                 default: u(() => [
-                  (g(!0), S(xe, null, ke(r.dateList, (z) => (g(), A(l, {
+                  (g(!0), S(xe, null, ke(r.dateList, (k) => (g(), A(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
                     height: "26",
-                    value: z.index
+                    value: k.index
                   }, {
                     default: u(() => [
-                      K(n(z.label), 1)
+                      K(n(k.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 256))
@@ -3218,12 +3214,12 @@ function Cs(t, e, o, i, a, r) {
                     s("th", ks, n(t.$t("time.time")) + " ( LT ) ", 1),
                     s("th", zs, n(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (g(!0), S(xe, null, ke(a.tideTableData, (z, C) => {
-                    var L;
-                    return g(), S("tr", { key: C }, [
-                      s("td", Ls, n(t.$t(`tide.${(L = z == null ? void 0 : z.type) == null ? void 0 : L.toLowerCase()}`)) + " " + n(t.$t("tide.tide")), 1),
-                      s("td", Ps, n(r.computeLocalTime(z == null ? void 0 : z.date, o.station, "MM-DD HH:mm")), 1),
-                      s("td", Ts, n((z == null ? void 0 : z.height) ?? "-") + " m", 1)
+                  (g(!0), S(xe, null, ke(a.tideTableData, (k, y) => {
+                    var _;
+                    return g(), S("tr", { key: y }, [
+                      s("td", Ls, n(t.$t(`tide.${(_ = k == null ? void 0 : k.type) == null ? void 0 : _.toLowerCase()}`)) + " " + n(t.$t("tide.tide")), 1),
+                      s("td", Ps, n(r.computeLocalTime(k == null ? void 0 : k.date, o.station, "MM-DD HH:mm")), 1),
+                      s("td", Ts, n((k == null ? void 0 : k.height) ?? "-") + " m", 1)
                     ]);
                   }), 128))
                 ])
@@ -3314,9 +3310,9 @@ const Ms = {
   }
 }, Ds = { class: "station-box d-flex flex-column justify-center align-start ga-1" }, Is = { class: "d-flex justify-start align-center" }, Rs = { class: "d-flex justify-start align-center" }, As = { class: "text-label" };
 function Os(t, e, o, i, a, r) {
-  const l = w("v-card-text"), c = w("v-card"), m = w("TideDetail");
+  const l = v("v-card-text"), m = v("v-card"), c = v("TideDetail");
   return g(), S("div", null, [
-    Ye(p(c, { id: "idmTidalInfo" }, {
+    Ye(p(m, { id: "idmTidalInfo" }, {
       default: u(() => [
         p(l, { class: "pr-8 text-body-1" }, {
           default: u(() => {
@@ -3337,7 +3333,7 @@ function Os(t, e, o, i, a, r) {
     }, 512), [
       [Ze, a.showInfo]
     ]),
-    a.showDetail ? (g(), A(m, j({
+    a.showDetail ? (g(), A(c, j({
       key: 0,
       station: a.station,
       onClose: r.handleCloseDetail
@@ -3558,15 +3554,15 @@ const Fs = {
   }
 };
 function Hs(t, e, o, i, a, r) {
-  var l, c, m;
+  var l, m, c;
   return o.simple ? R("", !0) : (g(), S("div", {
     key: 0,
     class: "idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",
     style: ee({ right: a.right + "px" })
   }, [
     s("div", null, n((l = a.lngLat) == null ? void 0 : l.lat), 1),
-    s("div", null, n((c = a.lngLat) == null ? void 0 : c.lng), 1),
-    s("div", null, n((m = a.lngLat) == null ? void 0 : m.str), 1)
+    s("div", null, n((m = a.lngLat) == null ? void 0 : m.lng), 1),
+    s("div", null, n((c = a.lngLat) == null ? void 0 : c.str), 1)
   ], 4));
 }
 const Xa = /* @__PURE__ */ X(Fs, [["render", Hs]]);
@@ -4481,9 +4477,9 @@ const Gs = {
   }
 }, Ws = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, Us = { class: "d-flex justify-start align-center text-label" }, Vs = { class: "d-flex justify-start align-center text-label" };
 function Ys(t, e, o, i, a, r) {
-  const l = w("v-card-text"), c = w("v-card"), m = w("PortDetail");
+  const l = v("v-card-text"), m = v("v-card"), c = v("PortDetail");
   return g(), S("div", null, [
-    Ye(p(c, {
+    Ye(p(m, {
       id: "idmFollowPortInfo",
       ref: "idmFollowPortInfo"
     }, {
@@ -4508,7 +4504,7 @@ function Ys(t, e, o, i, a, r) {
     }, 512), [
       [Ze, a.showInfo]
     ]),
-    a.showDetail ? (g(), A(m, j({
+    a.showDetail ? (g(), A(c, j({
       key: 0,
       portId: a.portId,
       port: a.port,
@@ -5405,19 +5401,19 @@ const Xs = {
       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.off("click", [this.layer], this.handleClick), (e = this.map) == null || e.off("mousemove", [this.layer], this.handleHover), (o = this.map) == null || o.off("mouseleave", [this.layer], this.handleLeave);
     },
     handleClick(t) {
-      var o, i, a, r, l, c, m, f, d;
+      var o, i, a, r, l, m, c, f, d;
       const e = t.features[0];
       if (e.properties) {
         const b = e.properties;
         b.lng = e.geometry.coordinates[0], b.lat = e.geometry.coordinates[1];
-        const v = M(), z = (o = M(this.realTime)) == null ? void 0 : o.diff(v, "d", !0), C = {
+        const w = M(), k = (o = M(this.realTime)) == null ? void 0 : o.diff(w, "d", !0), y = {
           followId: b.id,
           lat: b.lat,
           lng: b.lng,
           datetime: this.realTime,
           forecastModel: this.forecastModel
         };
-        z >= 0 ? (l = (r = (a = (i = this.$parent) == null ? void 0 : i.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmSpot) == null || l.fetchForecastData(C) : (d = (f = (m = (c = this.$parent) == null ? void 0 : c.$parent) == null ? void 0 : m.$refs) == null ? void 0 : f.idmSpot) == null || d.fetchHistoryData(C);
+        k >= 0 ? (l = (r = (a = (i = this.$parent) == null ? void 0 : i.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmSpot) == null || l.fetchForecastData(y) : (d = (f = (c = (m = this.$parent) == null ? void 0 : m.$parent) == null ? void 0 : c.$refs) == null ? void 0 : f.idmSpot) == null || d.fetchHistoryData(y);
       }
     },
     handleHover(t) {
@@ -5440,8 +5436,8 @@ const Xs = {
   class: "d-flex justify-start align-center text-label"
 };
 function Qs(t, e, o, i, a, r) {
-  const l = w("v-card-text"), c = w("v-card");
-  return Ye((g(), A(c, {
+  const l = v("v-card-text"), m = v("v-card");
+  return Ye((g(), A(m, {
     id: "idmFollowPositionInfo",
     ref: "idmFollowPositionInfo"
   }, {
@@ -5548,7 +5544,7 @@ const el = {
     return {
       right: 10,
       toggle: !1,
-      mapFeather: localStorage.getItem("mapFeathersCacheGL4") || "light",
+      mapFeather: localStorage.getItem("mapFeathersCacheGL4") || "dark",
       tagLayers: [...Co.OTHER_LAYERS.filter((t) => t.enabled)],
       layerWeight: 0,
       otherLayers: {},
@@ -5624,7 +5620,7 @@ const el = {
       this.cache.v !== t && (localStorage.removeItem(this.cache.checkListKey), localStorage.removeItem(this.cache.followListKey), localStorage.removeItem(this.cache.mapFeatherKey), localStorage.setItem(this.cache.versionKey, this.cache.v));
       let e = localStorage.getItem(this.cache.checkListKey);
       this.checkList = JSON.parse(e || '["eca-zones"]'), localStorage.setItem(this.cache.checkListKey, JSON.stringify(this.checkList)), e = localStorage.getItem(this.cache.mapFeatherKey);
-      const o = e || "light";
+      const o = e || "dark";
       this.$emit("mapFeather", o), localStorage.setItem(this.cache.mapFeatherKey, o);
     },
     handleMenuToggle() {
@@ -5644,18 +5640,18 @@ const el = {
         });
         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, l = [];
-          for (const m in r)
+          for (const c in r)
             l.push(
-              Ae.get(r[m], {
+              Ae.get(r[c], {
                 headers: {
                   Authorization: this.defaultMeteoToken,
-                  key: m
+                  key: c
                 }
               })
             );
-          (await Promise.all(l)).map((m) => {
-            var b, v, z;
-            const f = ((b = m == null ? void 0 : m.data) == null ? void 0 : b.data) || (m == null ? void 0 : m.data), d = (z = (v = m == null ? void 0 : m.config) == null ? void 0 : v.headers) == null ? void 0 : z.key;
+          (await Promise.all(l)).map((c) => {
+            var b, w, k;
+            const f = ((b = c == null ? void 0 : c.data) == null ? void 0 : b.data) || (c == null ? void 0 : c.data), d = (k = (w = c == null ? void 0 : c.config) == null ? void 0 : w.headers) == null ? void 0 : k.key;
             this.otherLayers[d] = f;
           });
         }
@@ -5694,13 +5690,13 @@ const el = {
 }, hl = { class: "text-body-2 text-center pt-1" };
 function dl(t, e, o, i, a, r) {
   var J, le, ne, se, ie, me, ue, he, de;
-  const l = w("VBtn"), c = w("VTooltip"), m = w("VCardTitle"), f = w("VCardItem"), d = w("VCheckbox"), b = w("VCardText"), v = w("VCard"), z = w("IdmLatLng"), C = w("IdmTerminator"), L = w("IdmTimezone"), y = w("IdmPort"), B = w("IdmAlertZone"), D = w("IdmTideStations"), P = w("IdmEcaZone"), k = w("IdmWarZone"), x = w("IdmGmdssArea"), T = w("IdmLoadLine"), _ = w("IdmWorldMarine"), I = w("IdmVRA"), F = w("IdmSpecialArea"), G = w("IdmWorld12nm"), Y = w("IdmChinaRoute"), Z = w("IdmIceAreas"), Q = w("IdmFollowPort"), $ = w("IdmFollowPosition");
+  const l = v("VBtn"), m = v("VTooltip"), c = v("VCardTitle"), f = v("VCardItem"), d = v("VCheckbox"), b = v("VCardText"), w = v("VCard"), k = v("IdmLatLng"), y = v("IdmTerminator"), _ = v("IdmTimezone"), T = v("IdmPort"), B = v("IdmAlertZone"), D = v("IdmTideStations"), x = v("IdmEcaZone"), L = v("IdmWarZone"), P = v("IdmGmdssArea"), C = v("IdmLoadLine"), z = v("IdmWorldMarine"), I = v("IdmVRA"), F = v("IdmSpecialArea"), G = v("IdmWorld12nm"), Y = v("IdmChinaRoute"), Z = v("IdmIceAreas"), Q = v("IdmFollowPort"), $ = v("IdmFollowPosition");
   return g(), S("div", tl, [
     s("div", {
-      class: "menu-bar-box transition px-1 rounded",
+      class: ge(["menu-bar-box transition px-1 rounded", o.simple ? "simple" : ""]),
       style: ee({ top: o.top + 10 + "px", right: a.right + "px", paddingTop: o.paddingTop + "px", height: o.menuHeight + "px" })
     }, [
-      p(c, {
+      p(m, {
         text: t.$t("layer.mapLayers"),
         location: "left"
       }, {
@@ -5721,9 +5717,9 @@ function dl(t, e, o, i, a, r) {
         ]),
         _: 1
       }, 8, ["text"])
-    ], 4),
+    ], 6),
     s("div", {
-      class: ye(["available-layers transition", a.toggle ? "right-bar" : ""]),
+      class: ge(["available-layers transition", a.toggle ? "right-bar" : ""]),
       style: ee(r.listStyle)
     }, [
       s("div", ol, [
@@ -5743,14 +5739,14 @@ function dl(t, e, o, i, a, r) {
         }, 8, ["onClick"])
       ]),
       s("div", il, [
-        p(v, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
           default: u(() => [
             p(f, { class: "border-b-thin" }, {
               default: u(() => [
-                p(m, {
+                p(c, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -5771,7 +5767,7 @@ function dl(t, e, o, i, a, r) {
                     onClick: (te) => r.handleToggleMapFeather(O)
                   }, [
                     s("div", {
-                      class: ye([a.mapFeather === O.value ? "active" : "", "img-box"])
+                      class: ge([a.mapFeather === O.value ? "active" : "", "img-box"])
                     }, [
                       O.value === "dark" ? (g(), S("img", ll)) : O.value === "nautical" ? (g(), S("img", nl)) : O.value === "satellite" ? (g(), S("img", cl)) : (g(), S("img", ml))
                     ], 2),
@@ -5796,14 +5792,14 @@ function dl(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(v, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
           default: u(() => [
             p(f, { class: "border-b-thin" }, {
               default: u(() => [
-                p(m, {
+                p(c, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -5835,14 +5831,14 @@ function dl(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(v, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
           default: u(() => [
             p(f, { class: "border-b-thin" }, {
               default: u(() => [
-                p(m, {
+                p(c, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -5874,14 +5870,14 @@ function dl(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(v, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
           default: u(() => [
             p(f, { class: "border-b-thin" }, {
               default: u(() => [
-                p(m, {
+                p(c, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -5925,25 +5921,25 @@ function dl(t, e, o, i, a, r) {
         })
       ])
     ], 6),
-    o.map ? (g(), A(z, j({
+    o.map ? (g(), A(k, j({
       key: 0,
       simple: o.simple,
       map: o.map,
       "menu-toggle": o.menuToggle,
       show: a.checkList.includes("graticule")
     }, t.$attrs), null, 16, ["simple", "map", "menu-toggle", "show"])) : R("", !0),
-    o.map ? (g(), A(C, j({
+    o.map ? (g(), A(y, j({
       key: 1,
       map: o.map,
       area: (J = a.otherLayers) == null ? void 0 : J["day-night"]
     }, t.$attrs, { "before-layer": "empty-layer-2" }), null, 16, ["map", "area"])) : R("", !0),
-    o.map ? (g(), A(L, j({
+    o.map ? (g(), A(_, j({
       key: 2,
       map: o.map,
       zone: (le = a.otherLayers) == null ? void 0 : le["time-zones"],
       realTime: o.realTime
     }, t.$attrs, { beforeLayer: "empty-layer-3" }), null, 16, ["map", "zone", "realTime"])) : R("", !0),
-    o.map ? (g(), A(y, j({
+    o.map ? (g(), A(T, j({
       key: 3,
       ref: "idmPorts",
       simple: o.simple,
@@ -5978,27 +5974,27 @@ function dl(t, e, o, i, a, r) {
       forecastModel: o.forecastModel,
       "before-layer": "empty-layer-3"
     }, t.$attrs), null, 16, ["simple", "map", "gateway", "token", "defaultMeteoToken", "show", "theme", "realTime", "forecastModel"])) : R("", !0),
-    o.map ? (g(), A(P, j({
+    o.map ? (g(), A(x, j({
       key: 6,
       map: o.map,
       zone: (ie = a.otherLayers) == null ? void 0 : ie["eca-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : R("", !0),
-    o.map ? (g(), A(k, j({
+    o.map ? (g(), A(L, j({
       key: 7,
       map: o.map,
       zone: (me = a.otherLayers) == null ? void 0 : me["war-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : R("", !0),
-    o.map ? (g(), A(x, j({
+    o.map ? (g(), A(P, j({
       key: 8,
       map: o.map,
       area: (ue = a.otherLayers) == null ? void 0 : ue["gmdss-areas"]
     }, t.$attrs), null, 16, ["map", "area"])) : R("", !0),
-    o.map ? (g(), A(T, j({
+    o.map ? (g(), A(C, j({
       key: 9,
       map: o.map,
       show: a.checkList.includes("load-lines")
     }, t.$attrs), null, 16, ["map", "show"])) : R("", !0),
-    o.map ? (g(), A(_, j({
+    o.map ? (g(), A(z, j({
       key: 10,
       map: o.map,
       token: o.token,
@@ -6100,12 +6096,12 @@ class Io {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    var C, L;
-    const e = (C = this.map) == null ? void 0 : C.getBounds();
+    var y, _;
+    const e = (y = this.map) == null ? void 0 : y.getBounds();
     if (!e)
       return [];
-    const o = ((L = this.map) == null ? void 0 : L.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, l] = this.convertNLng(i[0]), [c, m] = this.convertNLng(a[0]), [f, d] = this.mercator.px([r, i[1]], o), [b, v] = this.mercator.px([c, a[1]], o), z = Math.round(this.mercator.size * Math.pow(2, o) * (l + m));
-    return [b, v, f + z, d];
+    const o = ((_ = this.map) == null ? void 0 : _.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, l] = this.convertNLng(i[0]), [m, c] = this.convertNLng(a[0]), [f, d] = this.mercator.px([r, i[1]], o), [b, w] = this.mercator.px([m, a[1]], o), k = Math.round(this.mercator.size * Math.pow(2, o) * (l + c));
+    return [b, w, f + k, d];
   }
   /**
    * [视窗边界像素宽度]
@@ -6120,11 +6116,11 @@ class Io {
    * @param zoom
    */
   getWorldCopy(e, o) {
-    const i = 2 ** o, [a, r, l, c] = e.map((d) => ~~(d / (i * 256))), m = [];
-    for (let d = c; d <= r; d++)
+    const i = 2 ** o, [a, r, l, m] = e.map((d) => ~~(d / (i * 256))), c = [];
+    for (let d = m; d <= r; d++)
       for (let b = a; b <= l; b++)
-        m.push([b, d]);
-    return m.map((d) => {
+        c.push([b, d]);
+    return c.map((d) => {
       const b = 2 ** o * 256;
       return [d[0] * b, d[1] * b, b];
     });
@@ -6169,9 +6165,9 @@ class Fe {
    * @param width??
    * @param height??
    */
-  createTexture(e, o, i, a, r, l, c) {
-    const m = e.createTexture();
-    return e.bindTexture(e.TEXTURE_2D, m), 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, l, 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), m;
+  createTexture(e, o, i, a, r, l, m) {
+    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, l, m, 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;
   }
   /**
    * 创建数据资源
@@ -6209,13 +6205,13 @@ class Fe {
     const a = this.createProgram(e, o, i);
     if (a) {
       const r = { program: a }, l = e.getProgramParameter(a, e.ACTIVE_ATTRIBUTES);
-      for (let m = 0; m < l; m++) {
-        const f = e.getActiveAttrib(a, m);
+      for (let c = 0; c < l; c++) {
+        const f = e.getActiveAttrib(a, c);
         r[f.name] = e.getAttribLocation(a, f.name);
       }
-      const c = e.getProgramParameter(a, e.ACTIVE_UNIFORMS);
-      for (let m = 0; m < c; m++) {
-        const f = e.getActiveUniform(a, m);
+      const m = e.getProgramParameter(a, e.ACTIVE_UNIFORMS);
+      for (let c = 0; c < m; c++) {
+        const f = e.getActiveUniform(a, c);
         r[f.name] = e.getUniformLocation(a, f.name);
       }
       return r;
@@ -6228,19 +6224,19 @@ class Fe {
   setup(e, o, i = !1, a, r) {
     const l = document.createElement("canvas");
     l.width = 256, l.height = 1;
-    const c = l.getContext("2d");
-    if (c && e) {
-      const m = c == null ? void 0 : c.createLinearGradient(0, 0, 256, 0);
+    const m = l.getContext("2d");
+    if (m && e) {
+      const c = m == null ? void 0 : m.createLinearGradient(0, 0, 256, 0);
       return o.forEach(([f, d]) => {
-        m.addColorStop(f, d);
-      }), c.fillStyle = m, c.fillRect(0, 0, 256, 1), {
+        c.addColorStop(f, d);
+      }), m.fillStyle = c, m.fillRect(0, 0, 256, 1), {
         canvas: l,
         texture: this.createTexture(
           e,
           e.LINEAR,
           e.LINEAR,
           e.CLAMP_TO_EDGE,
-          i ? new Uint8Array(c.getImageData(0, 0, 256, 1).data) : l,
+          i ? new Uint8Array(m.getImageData(0, 0, 256, 1).data) : l,
           a,
           r
         )
@@ -6251,32 +6247,32 @@ class Fe {
     const i = Math.ceil(Math.sqrt(o)), a = i * i, r = new Uint8Array(a * 4);
     for (let d = 0; d < r.length; d++)
       r[d] = Math.floor(Math.random() * 256);
-    const l = 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), m = new Float32Array(a);
+    const l = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), m = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), c = new Float32Array(a);
     for (let d = 0; d < a; d++)
-      m[d] = d;
-    const f = this.createDataBuffer(e, "array", m);
-    return { resolution: i, total: a, texture0: l, texture1: c, indexBuffer: f };
+      c[d] = d;
+    const f = this.createDataBuffer(e, "array", c);
+    return { resolution: i, total: a, texture0: l, texture1: m, indexBuffer: f };
   }
   bind(e, o, i) {
     const a = this.createProgram(e, o, i);
     if (a) {
       const r = this.createDataBuffer(e, "array", void 0), l = e.getAttribLocation(a, "a_position");
       e.enableVertexAttribArray(l), e.vertexAttribPointer(l, 2, e.FLOAT, !1, 0, 0);
-      const c = new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]);
-      this.createDataBuffer(e, "array", c);
-      const m = e.getAttribLocation(a, "a_texCoord");
-      return e.enableVertexAttribArray(m), e.vertexAttribPointer(m, 2, e.FLOAT, !1, 0, 0), { program: a, aPositionBuffer: r };
+      const m = new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]);
+      this.createDataBuffer(e, "array", m);
+      const c = e.getAttribLocation(a, "a_texCoord");
+      return e.enableVertexAttribArray(c), e.vertexAttribPointer(c, 2, e.FLOAT, !1, 0, 0), { program: a, aPositionBuffer: r };
     }
     return {};
   }
   bindParticle(e, o, i, a, r, l) {
-    const c = this.createProgramWrapper(e, o, i), m = this.createProgramWrapper(e, a, r), f = this.createProgramWrapper(e, a, l), d = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), b = e.createFramebuffer();
-    return { particle: c, screen: m, update: f, quadBuffer: d, frameBuffer: b };
+    const m = this.createProgramWrapper(e, o, i), c = this.createProgramWrapper(e, a, r), f = this.createProgramWrapper(e, a, l), d = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), b = e.createFramebuffer();
+    return { particle: m, screen: c, update: f, quadBuffer: d, frameBuffer: b };
   }
-  draw(e, o, i, a, r, l, c) {
-    var m, f;
+  draw(e, o, i, a, r, l, m) {
+    var c, f;
     if (o && i) {
-      e.resize(), o == null || o.viewport(0, 0, (m = o == null ? void 0 : o.canvas) == null ? void 0 : m.width, (f = o == null ? void 0 : o.canvas) == null ? void 0 : f.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, (c = o == null ? void 0 : o.canvas) == null ? void 0 : c.width, (f = o == null ? void 0 : o.canvas) == null ? void 0 : f.height), o.clearColor(0, 0, 0, 0), o.clear(o.COLOR_BUFFER_BIT | o.DEPTH_BUFFER_BIT);
       try {
         o.useProgram(i);
         const d = {
@@ -6287,11 +6283,11 @@ class Fe {
           uvRange: o.getUniformLocation(i, "u_range_u_v"),
           sRange: o.getUniformLocation(i, "u_range_s")
         };
-        d.resolution && o.uniform2f(d.resolution, o.canvas.width * e.ratio, o.canvas.height * e.ratio), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, a), d.image && o.uniform1i(d.image, 0), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, r), d.color && o.uniform1i(d.color, 1), c != null && c.uvRange && (c != null && c.sRange) && (d.uvRange && o.uniform2f(d.uvRange, c.uvRange[0], c.uvRange[1]), d.sRange && o.uniform2f(d.sRange, c.sRange[0], c.sRange[1])), d.scale && o.uniform1f(d.scale, (c == null ? void 0 : c.scale) || 1);
-        const b = e.getBoundPixel(), v = e.map.getZoom() + 1, z = e.getWorldCopy(b, v);
-        for (const C of z) {
-          const L = (C[0] - b[0]) * e.ratio, y = (C[1] - b[3]) * e.ratio, B = C[2] * e.ratio, [D, P, k, x] = [L, B + L, y, B + y], T = new Float32Array([D, k, P, k, D, x, D, x, P, k, P, x]);
-          o.bindBuffer(o.ARRAY_BUFFER, l), o.bufferData(o.ARRAY_BUFFER, T, o.STATIC_DRAW), o.drawArrays(o.TRIANGLES, 0, 6);
+        d.resolution && o.uniform2f(d.resolution, o.canvas.width * e.ratio, o.canvas.height * e.ratio), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, a), d.image && o.uniform1i(d.image, 0), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, r), d.color && o.uniform1i(d.color, 1), m != null && m.uvRange && (m != null && m.sRange) && (d.uvRange && o.uniform2f(d.uvRange, m.uvRange[0], m.uvRange[1]), d.sRange && o.uniform2f(d.sRange, m.sRange[0], m.sRange[1])), d.scale && o.uniform1f(d.scale, (m == null ? void 0 : m.scale) || 1);
+        const b = e.getBoundPixel(), w = e.map.getZoom() + 1, k = e.getWorldCopy(b, w);
+        for (const y of k) {
+          const _ = (y[0] - b[0]) * e.ratio, T = (y[1] - b[3]) * e.ratio, B = y[2] * e.ratio, [D, x, L, P] = [_, B + _, T, B + T], C = new Float32Array([D, L, x, L, D, P, D, P, x, L, x, P]);
+          o.bindBuffer(o.ARRAY_BUFFER, l), o.bufferData(o.ARRAY_BUFFER, C, o.STATIC_DRAW), o.drawArrays(o.TRIANGLES, 0, 6);
         }
       } catch (d) {
         console.log(`render failed...${d}`);
@@ -6299,8 +6295,8 @@ class Fe {
     }
   }
   drawParticle(e, o, i, a, r) {
-    var l, c;
-    o && (o == null || o.viewport(0, 0, (l = o == null ? void 0 : o.canvas) == null ? void 0 : l.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));
+    var l, m;
+    o && (o == null || o.viewport(0, 0, (l = o == null ? void 0 : o.canvas) == null ? void 0 : l.width, (m = o == null ? void 0 : o.canvas) == null ? void 0 : m.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);
@@ -6318,11 +6314,11 @@ class Fe {
     }
   }
   updateParticles(e, o, i, a) {
-    var l, c;
+    var l, m;
     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 m = e.getBoundRange();
-      o.uniform4f(i.update.u_viewport, m[0], m[1], m[2], m[3]), o.uniform1f(i.update.u_rand_seed, Math.random()), o.uniform2f(i.update.u_factor_res, (l = i == null ? void 0 : i.image) == null ? void 0 : l.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 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, (l = i == null ? void 0 : i.image) == null ? void 0 : l.width, (m = i == null ? void 0 : i.image) == null ? void 0 : m.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;
@@ -6638,13 +6634,13 @@ const ul = {
         else {
           this.map.addSource(this.source, { type: "geojson", data: r });
           for (let l = 0; l < (this.barbs ?? []).length - 1; l++) {
-            const c = (this.barbs ?? [])[l] || 0, m = (this.barbs ?? [])[l + 1] || 0, f = c < 10 ? `00${c}kts` : c < 100 ? `0${c}kts` : `${c}kts`, d = new Image(48, 48);
+            const m = (this.barbs ?? [])[l] || 0, c = (this.barbs ?? [])[l + 1] || 0, f = m < 10 ? `00${m}kts` : m < 100 ? `0${m}kts` : `${m}kts`, d = new Image(48, 48);
             d.src = "data:image/svg+xml;base64," + window.btoa(this.svgs[f]), d.onload = () => {
               this.map.hasImage(f + "-icon") || this.map.addImage(f + "-icon", d), this.map.addLayer(
                 {
                   id: f,
                   type: "symbol",
-                  filter: ["all", [">=", "spd", c], ["<", "spd", m]],
+                  filter: ["all", [">=", "spd", m], ["<", "spd", c]],
                   source: this.source,
                   layout: {
                     "symbol-placement": "point",
@@ -6990,18 +6986,18 @@ const vl = /* @__PURE__ */ X(bl, [["render", xl]]), _l = {
             },
             this.beforeLayer
           );
-          const l = new Image(48, 48), 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>';
-          l.src = "data:image/svg+xml;base64," + window.btoa(c);
-          const m = new Image(48, 48), f = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+          const l = new Image(48, 48), m = '<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>';
+          l.src = "data:image/svg+xml;base64," + window.btoa(m);
+          const c = new Image(48, 48), f = `<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>`;
-          m.src = "data:image/svg+xml;base64," + window.btoa(f);
-          const d = [m];
+          c.src = "data:image/svg+xml;base64," + window.btoa(f);
+          const d = [c];
           let b = 0;
-          d.forEach((v) => {
-            v.onload = () => {
-              b++, this.map.hasImage("currentDirIcon") || this.map.addImage("currentDirIcon", m), b === 1 && this.map.addLayer(
+          d.forEach((w) => {
+            w.onload = () => {
+              b++, this.map.hasImage("currentDirIcon") || this.map.addImage("currentDirIcon", c), b === 1 && this.map.addLayer(
                 {
                   id: this.directionLayer,
                   type: "symbol",
@@ -7733,17 +7729,7 @@ const Nl = /* @__PURE__ */ X(Bl, [["render", El], ["__scopeId", "data-v-3c94b068
                 "rgba(0, 0, 0, 0.7)",
                 1100,
                 "rgba(0, 0, 0, 0.7)"
-              ] : [
-                "step",
-                ["get", "val"],
-                "rgba(162,13,2,1)",
-                920,
-                "rgba(255, 96, 98, 1)",
-                980,
-                "rgba(255, 246, 184, 1)",
-                1100,
-                "rgba(199,171,250,1)"
-              ],
+              ] : "rgba(0,0,0,1)",
               "text-halo-color": [
                 "step",
                 ["get", "val"],
@@ -7755,7 +7741,7 @@ const Nl = /* @__PURE__ */ X(Bl, [["render", El], ["__scopeId", "data-v-3c94b068
                 1100,
                 "rgba(199,171,250,1)"
               ],
-              "text-halo-width": this.theme === "light" ? 1 : 0
+              "text-halo-width": 1
             }
           },
           this.beforeLayer
@@ -8803,14 +8789,14 @@ const bn = {
     },
     checkList: {
       handler(t, e) {
-        var o, i, a, r, l, 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 = (l = (r = this.$parent) == null ? void 0 : r.$refs) == null ? void 0 : l.idmBottomBar) == null || c.handleToggle("weather", !1);
+        var o, i, a, r, l, m;
+        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) : (m = (l = (r = this.$parent) == null ? void 0 : r.$refs) == null ? void 0 : l.idmBottomBar) == null || m.handleToggle("weather", !1);
       }
     },
     autoActive: {
       handler(t) {
         var e, o, i, a, r, l;
-        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) : (l = (r = (a = this.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmBottomBar) == null || l.handleToggle("weather", !1), this.$emit("autoActive", this.autoActive);
+        localStorage.setItem(this.cache.autoActiveKey, this.autoActive), this.activeWeatherLayers = this.autoActive ? this.allLayers.filter((m) => this.checkList.includes(m.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) : (l = (r = (a = this.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmBottomBar) == null || l.handleToggle("weather", !1), this.$emit("autoActive", this.autoActive);
       }
     },
     iceToggleValue: {
@@ -8884,70 +8870,70 @@ const bn = {
       (t == null ? void 0 : t.data.code) === 0 && (this.models = t == null ? void 0 : t.data.data);
     },
     async fetchWeatherLayers(t = {}) {
-      var a, r, l, c, m, f, d, b, v;
+      var a, r, l, m, c, f, d, b, w;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let o = 0, i = 0;
       if (this.map) {
-        const z = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, C = (r = this.map) == null ? void 0 : r.getBounds(), L = `${C._sw.lng},${C._sw.lat},${C._ne.lng},${C._ne.lat}`;
+        const k = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, y = (r = this.map) == null ? void 0 : r.getBounds(), _ = `${y._sw.lng},${y._sw.lat},${y._ne.lng},${y._ne.lat}`;
         if (this.particleFactor && ((l = this.$refs.layer) != null && l.autoActive)) {
-          const y = Co.WEATHER_LAYERS.find((B) => {
+          const T = Co.WEATHER_LAYERS.find((B) => {
             var D;
             return ((D = B.peer) == null ? void 0 : D.weight) === this.particleFactor.weight;
           });
-          this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & y.weight ? this.weatherWeight : this.weatherWeight + y.weight : this.weatherWeight = this.weatherWeight & y.weight ? this.weatherWeight - y.weight : this.weatherWeight;
+          this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & T.weight ? this.weatherWeight : this.weatherWeight + T.weight : this.weatherWeight = this.weatherWeight & T.weight ? this.weatherWeight - T.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
-          let y = this.weatherWeight;
-          if (y > 0) {
+          let T = this.weatherWeight;
+          if (T > 0) {
             const B = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], D = await Ae.get(
-              `${B}/api/arc/weather/layers2/links?l=${y}&v=${this.forecastModel}&z=${z}&bbox=${L}&t=${this.realTime}`,
+              `${B}/api/arc/weather/layers2/links?l=${T}&v=${this.forecastModel}&z=${k}&bbox=${_}&t=${this.realTime}`,
               {
                 headers: {
                   Authorization: this.defaultMeteoToken
                 }
               }
             );
-            if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather links elapsed: ", i, ", total: ", o += i), ((c = D == null ? void 0 : D.data) == null ? void 0 : c.code) === 0) {
-              const P = (m = D == null ? void 0 : D.data) == null ? void 0 : m.data, k = [];
-              for (const T in P)
-                k.push(
-                  Ae.get(P[T], {
+            if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather links elapsed: ", i, ", total: ", o += i), ((m = D == null ? void 0 : D.data) == null ? void 0 : m.code) === 0) {
+              const x = (c = D == null ? void 0 : D.data) == null ? void 0 : c.data, L = [];
+              for (const C in x)
+                L.push(
+                  Ae.get(x[C], {
                     headers: {
                       Authorization: this.defaultMeteoToken,
-                      key: T
+                      key: C
                     },
-                    responseType: /\.(jpg|png)$/.test(P[T]) ? "blob" : "json"
-                  }).catch((_) => {
-                    console.log(`[${T}] fetch layer error: ${_}`);
+                    responseType: /\.(jpg|png)$/.test(x[C]) ? "blob" : "json"
+                  }).catch((z) => {
+                    console.log(`[${C}] fetch layer error: ${z}`);
                   })
                 );
-              const x = await Promise.all(k);
-              this.weatherLayers = {}, x.map((T) => {
+              const P = await Promise.all(L);
+              this.weatherLayers = {}, P.map((C) => {
                 var F, G, Y, Z;
-                const _ = ((F = T == null ? void 0 : T.data) == null ? void 0 : F.data) || (T == null ? void 0 : T.data);
-                let I = (Y = (G = T == null ? void 0 : T.config) == null ? void 0 : G.headers) == null ? void 0 : Y.key;
-                I && _ && (this.weatherLayers[I] = {
-                  raw: _,
-                  type: ((Z = T == null ? void 0 : T.config) == null ? void 0 : Z.responseType) === "blob" ? "image" : "json",
+                const z = ((F = C == null ? void 0 : C.data) == null ? void 0 : F.data) || (C == null ? void 0 : C.data);
+                let I = (Y = (G = C == null ? void 0 : C.config) == null ? void 0 : G.headers) == null ? void 0 : Y.key;
+                I && z && (this.weatherLayers[I] = {
+                  raw: z,
+                  type: ((Z = C == null ? void 0 : C.config) == null ? void 0 : Z.responseType) === "blob" ? "image" : "json",
                   etime: D.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 = (f = this.weatherLayers["swell-direction"]) == null ? void 0 : f.raw, k = (d = this.weatherLayers["swell-height"]) == null ? void 0 : d.raw;
+              const x = (f = this.weatherLayers["swell-direction"]) == null ? void 0 : f.raw, L = (d = this.weatherLayers["swell-height"]) == null ? void 0 : d.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
-                direction: P,
-                height: { raw: k },
+                direction: x,
+                height: { raw: L },
                 etime: D.data.etime
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const P = (b = this.weatherLayers["current-direction"]) == null ? void 0 : b.raw, k = (v = this.weatherLayers["current-speed"]) == null ? void 0 : v.raw;
+              const x = (b = this.weatherLayers["current-direction"]) == null ? void 0 : b.raw, L = (w = this.weatherLayers["current-speed"]) == null ? void 0 : w.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
-                direction: P,
-                speed: { raw: k },
+                direction: x,
+                speed: { raw: L },
                 etime: D.data.etime
               };
             }
@@ -8970,7 +8956,7 @@ const bn = {
       t != null && t.sourceChanged || this.weatherWeight !== e ? (this.weatherWeight = e, this.fetchWeatherLayers()) : this.handleWeatherLayerToggle();
     },
     handleRampColorInitial() {
-      var t, e, o, i, a, r, l, c, m, f, d, b;
+      var t, e, o, i, a, r, l, m, c, f, d, b;
       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,
@@ -8986,9 +8972,9 @@ const bn = {
           }
         },
         this.beforeLayer
-      ), this.viewport.map.getSource((l = this.viewport) == null ? void 0 : l.particleSource) || this.viewport.map.addSource((c = this.viewport) == null ? void 0 : c.particleSource, {
+      ), this.viewport.map.getSource((l = this.viewport) == null ? void 0 : l.particleSource) || this.viewport.map.addSource((m = this.viewport) == null ? void 0 : m.particleSource, {
         type: "canvas",
-        canvas: (m = this.viewport) == null ? void 0 : m.particleCanvas,
+        canvas: (c = this.viewport) == null ? void 0 : c.particleCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
       }), this.viewport.map.getLayer((f = this.viewport) == null ? void 0 : f.particleLayer) || this.viewport.map.addLayer(
@@ -9004,255 +8990,255 @@ const bn = {
       );
     },
     handleDrawWeather4Json() {
-      var r, l, c, m, f, d, b;
+      var r, l, m, c, f, d, b;
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, o = 0;
       const i = (r = this.map) == null ? void 0 : r.getBounds(), a = (l = this.map) == null ? void 0 : l.getZoom();
       if (i && a) {
-        const v = q.convertToStdLng(i._sw.lng), z = q.convertToStdLng(i._ne.lng), C = Math.floor(i._sw.lat), L = Math.ceil(i._ne.lat);
-        for (const y in this.weatherLayers) {
+        const w = q.convertToStdLng(i._sw.lng), k = q.convertToStdLng(i._ne.lng), y = Math.floor(i._sw.lat), _ = Math.ceil(i._ne.lat);
+        for (const T in this.weatherLayers) {
           let B = !1;
-          if (this.weatherLayers[y].active && this.weatherLayers[y].type === "json") {
+          if (this.weatherLayers[T].active && this.weatherLayers[T].type === "json") {
             let D = [];
-            if (y === "swell") {
+            if (T === "swell") {
               B = !0;
-              const P = ((c = this.weatherLayers[y]) == null ? void 0 : c.direction) || {};
-              for (const x in P)
-                if (x > C && x < L && (!(a <= this.zoom) || x % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                  const T = P[x].lng;
-                  v > z ? T.forEach((_, I) => {
+              const x = ((m = this.weatherLayers[T]) == null ? void 0 : m.direction) || {};
+              for (const P in x)
+                if (P > y && P < _ && (!(a <= this.zoom) || P % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                  const C = x[P].lng;
+                  w > k ? C.forEach((z, I) => {
                     var F, G, Y, Z, Q, $;
                     if (a < 2) {
-                      if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const J = W.point([_, x], {
-                          val: ((F = P[x].val) == null ? void 0 : F[I]) || ((G = P[x].dir) == null ? void 0 : G[I]),
-                          spd: (Y = P[x].spd) == null ? void 0 : Y[I]
+                      if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
+                        const J = W.point([z, P], {
+                          val: ((F = x[P].val) == null ? void 0 : F[I]) || ((G = x[P].dir) == null ? void 0 : G[I]),
+                          spd: (Y = x[P].spd) == null ? void 0 : Y[I]
                         });
                         D.push(J);
                       }
-                    } else if ((_ >= v && _ <= 180 || _ >= -180 && _ <= z) && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const J = W.point([_, x], {
-                        val: ((Z = P[x].val) == null ? void 0 : Z[I]) || ((Q = P[x].dir) == null ? void 0 : Q[I]),
-                        spd: ($ = P[x].spd) == null ? void 0 : $[I]
+                    } else if ((z >= w && z <= 180 || z >= -180 && z <= k) && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const J = W.point([z, P], {
+                        val: ((Z = x[P].val) == null ? void 0 : Z[I]) || ((Q = x[P].dir) == null ? void 0 : Q[I]),
+                        spd: ($ = x[P].spd) == null ? void 0 : $[I]
                       });
                       D.push(J);
                     }
-                  }) : T.forEach((_, I) => {
+                  }) : C.forEach((z, I) => {
                     var F, G, Y, Z, Q, $;
-                    if (v < 2) {
-                      if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const J = W.point([_, x], {
-                          val: ((F = P[x].val) == null ? void 0 : F[I]) || ((G = P[x].dir) == null ? void 0 : G[I]),
-                          spd: (Y = P[x].spd) == null ? void 0 : Y[I]
+                    if (w < 2) {
+                      if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
+                        const J = W.point([z, P], {
+                          val: ((F = x[P].val) == null ? void 0 : F[I]) || ((G = x[P].dir) == null ? void 0 : G[I]),
+                          spd: (Y = x[P].spd) == null ? void 0 : Y[I]
                         });
                         D.push(J);
                       }
-                    } else if (_ >= v && _ <= z && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const J = W.point([_, x], {
-                        val: ((Z = P[x].val) == null ? void 0 : Z[I]) || ((Q = P[x].dir) == null ? void 0 : Q[I]),
-                        spd: ($ = P[x].spd) == null ? void 0 : $[I]
+                    } else if (z >= w && z <= k && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const J = W.point([z, P], {
+                        val: ((Z = x[P].val) == null ? void 0 : Z[I]) || ((Q = x[P].dir) == null ? void 0 : Q[I]),
+                        spd: ($ = x[P].spd) == null ? void 0 : $[I]
                       });
                       D.push(J);
                     }
                   });
                 }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell direction elapsed: ", o, ", total: ", e += o);
-              const k = this.weatherLayers[y].height;
-              if (k) {
-                if (!k.data) {
-                  const x = [];
-                  for (const T in (m = k.raw) == null ? void 0 : m.LineString) {
-                    const _ = k.raw.LineString[T];
-                    for (const I of _)
-                      x.push(
+              const L = this.weatherLayers[T].height;
+              if (L) {
+                if (!L.data) {
+                  const P = [];
+                  for (const C in (c = L.raw) == null ? void 0 : c.LineString) {
+                    const z = L.raw.LineString[C];
+                    for (const I of z)
+                      P.push(
                         W.lineString(I, {
-                          val: Number(T)
+                          val: Number(C)
                         })
                       );
-                    k.data = W.featureCollection(x);
+                    L.data = W.featureCollection(P);
                   }
                 }
-                if (k.data) {
-                  const x = this.handleBboxClip(k.data, i);
-                  D = D.concat(x);
+                if (L.data) {
+                  const P = this.handleBboxClip(L.data, i);
+                  D = D.concat(P);
                 }
                 o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell height elapsed: ", o, ", total: ", e += o);
               }
-            } else if (y === "current") {
+            } else if (T === "current") {
               B = !0;
-              const P = ((f = this.weatherLayers[y]) == null ? void 0 : f.direction) || {};
-              for (const x in P)
-                if (x > C && x < L && (!(a <= this.zoom) || x % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                  const T = P[x].lng;
-                  v > z ? T.forEach((_, I) => {
+              const x = ((f = this.weatherLayers[T]) == null ? void 0 : f.direction) || {};
+              for (const P in x)
+                if (P > y && P < _ && (!(a <= this.zoom) || P % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                  const C = x[P].lng;
+                  w > k ? C.forEach((z, I) => {
                     var F, G, Y, Z, Q, $;
                     if (a < 2) {
-                      if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const J = W.point([_, x], {
-                          val: ((F = P[x].val) == null ? void 0 : F[I]) || ((G = P[x].dir) == null ? void 0 : G[I]),
-                          spd: (Y = P[x].spd) == null ? void 0 : Y[I]
+                      if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
+                        const J = W.point([z, P], {
+                          val: ((F = x[P].val) == null ? void 0 : F[I]) || ((G = x[P].dir) == null ? void 0 : G[I]),
+                          spd: (Y = x[P].spd) == null ? void 0 : Y[I]
                         });
                         D.push(J);
                       }
-                    } else if ((_ >= v && _ <= 180 || _ >= -180 && _ <= z) && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const J = W.point([_, x], {
-                        val: ((Z = P[x].val) == null ? void 0 : Z[I]) || ((Q = P[x].dir) == null ? void 0 : Q[I]),
-                        spd: ($ = P[x].spd) == null ? void 0 : $[I]
+                    } else if ((z >= w && z <= 180 || z >= -180 && z <= k) && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const J = W.point([z, P], {
+                        val: ((Z = x[P].val) == null ? void 0 : Z[I]) || ((Q = x[P].dir) == null ? void 0 : Q[I]),
+                        spd: ($ = x[P].spd) == null ? void 0 : $[I]
                       });
                       D.push(J);
                     }
-                  }) : T.forEach((_, I) => {
+                  }) : C.forEach((z, I) => {
                     var F, G, Y, Z, Q, $;
-                    if (v < 2) {
-                      if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const J = W.point([_, x], {
-                          val: ((F = P[x].val) == null ? void 0 : F[I]) || ((G = P[x].dir) == null ? void 0 : G[I]),
-                          spd: (Y = P[x].spd) == null ? void 0 : Y[I]
+                    if (w < 2) {
+                      if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
+                        const J = W.point([z, P], {
+                          val: ((F = x[P].val) == null ? void 0 : F[I]) || ((G = x[P].dir) == null ? void 0 : G[I]),
+                          spd: (Y = x[P].spd) == null ? void 0 : Y[I]
                         });
                         D.push(J);
                       }
-                    } else if (_ >= v && _ <= z && (!(a <= this.zoom) || _ % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const J = W.point([_, x], {
-                        val: ((Z = P[x].val) == null ? void 0 : Z[I]) || ((Q = P[x].dir) == null ? void 0 : Q[I]),
-                        spd: ($ = P[x].spd) == null ? void 0 : $[I]
+                    } else if (z >= w && z <= k && (!(a <= this.zoom) || z % (a < this.zoom / 2 ? 5 : 3) === 0)) {
+                      const J = W.point([z, P], {
+                        val: ((Z = x[P].val) == null ? void 0 : Z[I]) || ((Q = x[P].dir) == null ? void 0 : Q[I]),
+                        spd: ($ = x[P].spd) == null ? void 0 : $[I]
                       });
                       D.push(J);
                     }
                   });
                 }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current direction elapsed: ", o, ", total: ", e += o);
-              const k = this.weatherLayers[y].speed;
-              if (k) {
-                if (!k.data) {
-                  const T = [];
-                  for (const _ in (d = k.raw) == null ? void 0 : d.Polygon) {
-                    const I = k.raw.Polygon[_];
+              const L = this.weatherLayers[T].speed;
+              if (L) {
+                if (!L.data) {
+                  const C = [];
+                  for (const z in (d = L.raw) == null ? void 0 : d.Polygon) {
+                    const I = L.raw.Polygon[z];
                     for (const F of I)
-                      T.push(
+                      C.push(
                         W.polygon(F, {
-                          val: Number(_)
+                          val: Number(z)
                         })
                       );
                   }
-                  k.data = W.featureCollection(T);
+                  L.data = W.featureCollection(C);
                 }
-                const x = a < this.zoom ? k.data.features.filter((T) => T.properties.val > 0.5) : k.data.features;
-                D = D.concat(x), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
+                const P = a < this.zoom ? L.data.features.filter((C) => C.properties.val > 0.5) : L.data.features;
+                D = D.concat(P), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
               }
-            } else if (y === "wind") {
+            } else if (T === "wind") {
               B = !0;
-              const P = this.weatherLayers.wind.raw;
-              for (const k in P)
-                if (k > C && k < L && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                  const x = P[k].lng;
-                  v > z ? x.forEach((T, _) => {
+              const x = this.weatherLayers.wind.raw;
+              for (const L in x)
+                if (L > y && L < _ && (!(a <= this.zoom) || L % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                  const P = x[L].lng;
+                  w > k ? P.forEach((C, z) => {
                     var I, F, G, Y;
                     if (a < 2) {
-                      if ((T >= 0 && T <= 360 || T >= -360 && T <= 0) && T % 10 === 0) {
-                        const Z = W.point([T, k], {
-                          dir: ((I = P[k].val) == null ? void 0 : I[_]) || ((F = P[k].dir) == null ? void 0 : F[_]),
-                          spd: P[k].spd[_]
+                      if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
+                        const Z = W.point([C, L], {
+                          dir: ((I = x[L].val) == null ? void 0 : I[z]) || ((F = x[L].dir) == null ? void 0 : F[z]),
+                          spd: x[L].spd[z]
                         });
                         D.push(Z);
                       }
-                    } else if ((T >= v && T <= 180 || T >= -180 && T <= z) && (!(a <= this.zoom) || T % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const Z = W.point([T, k], {
-                        dir: ((G = P[k].val) == null ? void 0 : G[_]) || ((Y = P[k].dir) == null ? void 0 : Y[_]),
-                        spd: P[k].spd[_]
+                    } else if ((C >= w && C <= 180 || C >= -180 && C <= k) && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const Z = W.point([C, L], {
+                        dir: ((G = x[L].val) == null ? void 0 : G[z]) || ((Y = x[L].dir) == null ? void 0 : Y[z]),
+                        spd: x[L].spd[z]
                       });
                       D.push(Z);
                     }
-                  }) : x.forEach((T, _) => {
+                  }) : P.forEach((C, z) => {
                     var I, F, G, Y;
                     if (a < 2) {
-                      if ((T >= 0 && T <= 360 || T >= -360 && T <= 0) && T % 10 === 0) {
-                        const Z = W.point([T, k], {
-                          dir: ((I = P[k].val) == null ? void 0 : I[_]) || ((F = P[k].dir) == null ? void 0 : F[_]),
-                          spd: P[k].spd[_]
+                      if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
+                        const Z = W.point([C, L], {
+                          dir: ((I = x[L].val) == null ? void 0 : I[z]) || ((F = x[L].dir) == null ? void 0 : F[z]),
+                          spd: x[L].spd[z]
                         });
                         D.push(Z);
                       }
-                    } else if (T >= v && T <= z && (!(a <= this.zoom) || T % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const Z = W.point([T, k], {
-                        dir: ((G = P[k].val) == null ? void 0 : G[_]) || ((Y = P[k].dir) == null ? void 0 : Y[_]),
-                        spd: P[k].spd[_]
+                    } else if (C >= w && C <= k && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const Z = W.point([C, L], {
+                        dir: ((G = x[L].val) == null ? void 0 : G[z]) || ((Y = x[L].dir) == null ? void 0 : Y[z]),
+                        spd: x[L].spd[z]
                       });
                       D.push(Z);
                     }
                   });
                 }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("wind barb elapsed: ", o, ", total: ", e += o);
-            } else if (y === "sig-wave-height") {
-              if (this.weatherLayers[y].data)
-                D = this.weatherLayers[y].data;
+            } else if (T === "sig-wave-height") {
+              if (this.weatherLayers[T].data)
+                D = this.weatherLayers[T].data;
               else {
                 B = !0;
-                const P = this.weatherLayers[y].raw;
-                if (P) {
-                  const k = [];
-                  for (const x in P.Polygon) {
-                    const T = P.Polygon[x];
-                    for (const _ of T)
-                      k.push(
-                        W.polygon(_, {
-                          val: Number(x)
+                const x = this.weatherLayers[T].raw;
+                if (x) {
+                  const L = [];
+                  for (const P in x.Polygon) {
+                    const C = x.Polygon[P];
+                    for (const z of C)
+                      L.push(
+                        W.polygon(z, {
+                          val: Number(P)
                         })
                       );
                   }
-                  for (const x in P.MultiPolygon) {
-                    const T = P.MultiPolygon[x];
-                    for (const _ of T)
-                      k.push(
-                        W.multiPolygon(_, {
-                          val: Number(x)
+                  for (const P in x.MultiPolygon) {
+                    const C = x.MultiPolygon[P];
+                    for (const z of C)
+                      L.push(
+                        W.multiPolygon(z, {
+                          val: Number(P)
                         })
                       );
                   }
-                  for (const x in P.Point) {
-                    const T = P.Point[x];
-                    for (let _ = 0; _ < ((b = T.lng) == null ? void 0 : b.length); _++)
-                      k.push(
-                        W.point([T.lng[_], x], {
-                          val: Number(T.val[_])
+                  for (const P in x.Point) {
+                    const C = x.Point[P];
+                    for (let z = 0; z < ((b = C.lng) == null ? void 0 : b.length); z++)
+                      L.push(
+                        W.point([C.lng[z], P], {
+                          val: Number(C.val[z])
                         })
                       );
                   }
-                  D = D.concat(k);
+                  D = D.concat(L);
                 }
               }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("sig-wave-height elapsed: ", o, ", total: ", e += o);
-            } else if (y === "prmsl") {
-              if (this.weatherLayers[y].data)
-                D = this.weatherLayers[y].data;
+            } else if (T === "prmsl") {
+              if (this.weatherLayers[T].data)
+                D = this.weatherLayers[T].data;
               else {
                 B = !0;
-                const P = this.weatherLayers[y].raw;
-                if (P) {
-                  const k = [];
-                  for (const x in P.LineString) {
-                    const T = P.LineString[x];
-                    for (const _ of T)
-                      k.push(
-                        W.lineString(_, {
-                          val: Number(x)
+                const x = this.weatherLayers[T].raw;
+                if (x) {
+                  const L = [];
+                  for (const P in x.LineString) {
+                    const C = x.LineString[P];
+                    for (const z of C)
+                      L.push(
+                        W.lineString(z, {
+                          val: Number(P)
                         })
                       );
                   }
-                  for (const x in P.Point)
-                    P.Point[x].lng.forEach((T, _) => {
-                      T = q.convertToStdLng(T), k.push(
-                        W.point([T, x], {
-                          val: P.Point[x].val[_],
-                          type: P.Point[x].type[_]
+                  for (const P in x.Point)
+                    x.Point[P].lng.forEach((C, z) => {
+                      C = q.convertToStdLng(C), L.push(
+                        W.point([C, P], {
+                          val: x.Point[P].val[z],
+                          type: x.Point[P].type[z]
                         })
                       );
                     });
-                  D = D.concat(k);
+                  D = D.concat(L);
                 }
               }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", o, ", total: ", e += o);
             }
-            D.length && (this.weatherLayers[y].data = W.featureCollection(D)), B && (this.weatherLayers[y].version = Math.random() + 1);
+            D.length && (this.weatherLayers[T].data = W.featureCollection(D)), B && (this.weatherLayers[T].version = Math.random() + 1);
           }
         }
       }
@@ -9267,11 +9253,11 @@ const bn = {
       return t.features.forEach((r) => {
         if (r.geometry.type !== "Point")
           if (i > a) {
-            let l = [i, e._sw.lat, 180, e._ne.lat], c = W.bboxClip(r, l);
-            c.geometry.coordinates.length && o.push(c), l = [-180, e._sw.lat, a, e._ne.lat], c = W.bboxClip(r, l), c.geometry.coordinates.length && o.push(c);
+            let l = [i, e._sw.lat, 180, e._ne.lat], m = W.bboxClip(r, l);
+            m.geometry.coordinates.length && o.push(m), l = [-180, e._sw.lat, a, e._ne.lat], m = W.bboxClip(r, l), m.geometry.coordinates.length && o.push(m);
           } else {
-            const l = [i, e._sw.lat, a, e._ne.lat], c = W.bboxClip(r, l);
-            c.geometry.coordinates.length && o.push(c);
+            const l = [i, e._sw.lat, a, e._ne.lat], m = W.bboxClip(r, l);
+            m.geometry.coordinates.length && o.push(m);
           }
         else
           o.push(r);
@@ -9299,13 +9285,13 @@ const bn = {
 }, On = { class: "text-body-1 py-2" }, Bn = { class: "text-body-1 font-weight-medium" }, jn = { class: "text-body-2 text-label" }, En = { class: "text-body-2 text-label" }, Nn = { class: "text-body-2 text-label mb-3" }, Fn = { class: "text-body-1 font-weight-medium" }, Hn = { class: "text-body-2 text-label" }, Gn = { class: "text-body-2 text-label" }, Wn = { class: "text-body-2 text-label mb-3" }, Un = { class: "text-body-1 py-2" }, Vn = { class: "text-body-1 font-weight-medium" }, Yn = { class: "text-body-2 text-label" }, Zn = { class: "text-body-2 text-label" }, Xn = { class: "text-body-2 text-label mb-3" }, qn = { class: "text-body-1 font-weight-medium" }, Kn = { class: "text-body-2 text-label" }, Jn = { class: "text-body-2 text-label" }, Qn = { class: "text-body-2 text-label mb-3" }, $n = { class: "text-body-1 py-2" }, ec = { class: "text-body-1 font-weight-medium" }, tc = { class: "text-body-2 text-label" }, oc = { class: "text-body-2 text-label" }, ac = { class: "text-body-2 text-label mb-3" };
 function ic(t, e, o, i, a, r) {
   var se, ie, me, ue, he, de, O, te, be, ve, Pe, Te, _e, Ie, Ce;
-  const l = w("VBtn"), c = w("VTooltip"), m = w("VCol"), f = w("VRow"), d = w("VCardText"), b = w("VDivider"), v = w("VCard"), z = w("VSwitch"), C = w("VBtnToggle"), L = w("VCardTitle"), y = w("VCardItem"), B = w("VCheckbox"), D = w("VRadio"), P = w("IdmWindBarb"), k = w("IdmSigWaveHeight"), x = w("IdmCurrentDirection"), T = w("IdmPrmsl"), _ = w("IdmWindParticle"), I = w("IdmCurrentParticle"), F = w("IdmWave"), G = w("IdmSwell"), Y = w("IdmIceEdge"), Z = w("IdmIceCover"), Q = w("IdmIceThickness"), $ = w("IdmPrecip3h"), J = w("IdmVisibility"), le = w("IdmWaterTemp"), ne = w("IdmTemp");
+  const l = v("VBtn"), m = v("VTooltip"), c = v("VCol"), f = v("VRow"), d = v("VCardText"), b = v("VDivider"), w = v("VCard"), k = v("VSwitch"), y = v("VBtnToggle"), _ = v("VCardTitle"), T = v("VCardItem"), B = v("VCheckbox"), D = v("VRadio"), x = v("IdmWindBarb"), L = v("IdmSigWaveHeight"), P = v("IdmCurrentDirection"), C = v("IdmPrmsl"), z = v("IdmWindParticle"), I = v("IdmCurrentParticle"), F = v("IdmWave"), G = v("IdmSwell"), Y = v("IdmIceEdge"), Z = v("IdmIceCover"), Q = v("IdmIceThickness"), $ = v("IdmPrecip3h"), J = v("IdmVisibility"), le = v("IdmWaterTemp"), ne = v("IdmTemp");
   return g(), S("div", wn, [
     s("div", {
       class: "menu-bar-box transition pa-1",
       style: ee({ top: this.top + this.paddingTop + 46 + "px", right: this.right + "px" })
     }, [
-      p(c, {
+      p(m, {
         text: t.$t("weather.weatherLayers"),
         location: "left",
         touch: "hover",
@@ -9331,10 +9317,10 @@ function ic(t, e, o, i, a, r) {
     ], 4),
     r.showTipMenu ? (g(), S("div", xn, [
       s("div", {
-        class: "menu-bar-box pa-1 rounded",
+        class: ge(["menu-bar-box pa-1 rounded", o.simple ? "simple" : ""]),
         style: ee({ right: a.right + "px" })
       }, [
-        p(c, {
+        p(m, {
           text: "Legend",
           location: "left"
         }, {
@@ -9355,8 +9341,8 @@ function ic(t, e, o, i, a, r) {
           ]),
           _: 1
         })
-      ], 4),
-      a.legendToggle ? (g(), A(v, {
+      ], 6),
+      a.legendToggle ? (g(), A(w, {
         key: 0,
         elevation: "16",
         class: "card-info d-flex justify-center align-start",
@@ -9371,7 +9357,7 @@ function ic(t, e, o, i, a, r) {
               e[11] || (e[11] = s("div", { class: "text-body-2 font-weight-600 mb-2" }, "Wind Level", -1)),
               p(f, { class: "ma-0 ml-n1 text-body-2" }, {
                 default: u(() => [
-                  (g(!0), S(xe, null, ke(a.legend.barbs, (H, oe) => (g(), A(m, {
+                  (g(!0), S(xe, null, ke(a.legend.barbs, (H, oe) => (g(), A(c, {
                     key: H,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
@@ -9379,7 +9365,7 @@ function ic(t, e, o, i, a, r) {
                     default: u(() => [
                       s("div", vn, [
                         s("i", {
-                          class: ye(["iconfont", r.barbsIconName[oe]]),
+                          class: ge(["iconfont", r.barbsIconName[oe]]),
                           style: ee({ color: o.theme === "dark" ? "#fff" : "#000" })
                         }, null, 6),
                         s("span", _n, n(Number(H) < 10 ? `00${H}kts` : Number(H) < 100 ? `0${H}kts` : `${H}kts`), 1)
@@ -9403,7 +9389,7 @@ function ic(t, e, o, i, a, r) {
               e[12] || (e[12] = s("div", { class: "text-body-2 font-weight-600 mb-2" }, "Wave Height", -1)),
               p(f, { class: "ma-0" }, {
                 default: u(() => [
-                  (g(!0), S(xe, null, ke(a.legend.sigWaveHeight, (H, oe) => (g(), A(m, {
+                  (g(!0), S(xe, null, ke(a.legend.sigWaveHeight, (H, oe) => (g(), A(c, {
                     key: oe,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
@@ -9435,7 +9421,7 @@ function ic(t, e, o, i, a, r) {
               e[13] || (e[13] = s("div", { class: "text-body-2 font-weight-600 mb-2" }, "Current", -1)),
               p(f, { class: "ma-0 ml-n4" }, {
                 default: u(() => [
-                  (g(!0), S(xe, null, ke(a.legend.current, (H, oe) => (g(), A(m, {
+                  (g(!0), S(xe, null, ke(a.legend.current, (H, oe) => (g(), A(c, {
                     key: oe,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
@@ -9465,13 +9451,13 @@ function ic(t, e, o, i, a, r) {
       }, 8, ["style"])) : R("", !0)
     ])) : R("", !0),
     s("div", {
-      class: ye(["available-layers transition flex-center", a.toggle ? "right-bar" : ""]),
+      class: ge(["available-layers transition flex-center", a.toggle ? "right-bar" : ""]),
       style: ee(r.listStyle)
     }, [
       s("div", Sn, [
         s("div", Mn, [
           s("div", Dn, n(t.$t("weather.weather")), 1),
-          p(z, {
+          p(k, {
             modelValue: a.autoActive,
             "onUpdate:modelValue": e[1] || (e[1] = (H) => a.autoActive = H),
             class: "small-switch",
@@ -9497,7 +9483,7 @@ function ic(t, e, o, i, a, r) {
       ]),
       o.simple ? (g(), S("div", In, [
         s("div", null, n(t.$t("weather.forecastModel")), 1),
-        p(C, {
+        p(y, {
           modelValue: a.currentModel,
           "onUpdate:modelValue": e[2] || (e[2] = (H) => a.currentModel = H),
           rounded: "",
@@ -9539,16 +9525,16 @@ function ic(t, e, o, i, a, r) {
         }, 8, ["modelValue"])
       ])) : R("", !0),
       s("div", {
-        class: ye(["list-box scroll pl-4 pr-2 overflow-y-auto", a.autoActive ? "" : "cursor-not-allowed"])
+        class: ge(["list-box scroll pl-4 pr-2 overflow-y-auto", a.autoActive ? "" : "cursor-not-allowed"])
       }, [
-        p(v, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
           default: u(() => [
-            p(y, { class: "border-b-thin" }, {
+            p(T, { class: "border-b-thin" }, {
               default: u(() => [
-                p(L, {
+                p(_, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -9581,14 +9567,14 @@ function ic(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(v, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
           default: u(() => [
-            p(y, { class: "border-b-thin" }, {
+            p(T, { class: "border-b-thin" }, {
               default: u(() => [
-                p(L, {
+                p(_, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -9620,7 +9606,7 @@ function ic(t, e, o, i, a, r) {
                   }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
                   a.renderKey === "wind-particle" && H.key === "wind-particle" ? (g(), S("div", Rn, [
                     s("span", null, n(t.$t("weather.particleAnimatiom")), 1),
-                    p(z, {
+                    p(k, {
                       modelValue: a.showWindParticle,
                       "onUpdate:modelValue": e[5] || (e[5] = (oe) => a.showWindParticle = oe),
                       label: "",
@@ -9635,7 +9621,7 @@ function ic(t, e, o, i, a, r) {
                   ])) : R("", !0),
                   a.renderKey === "current-particle" && H.key === "current-particle" ? (g(), S("div", An, [
                     s("span", null, n(t.$t("weather.particleAnimatiom")), 1),
-                    p(z, {
+                    p(k, {
                       modelValue: a.showCurrentParticle,
                       "onUpdate:modelValue": e[6] || (e[6] = (oe) => a.showCurrentParticle = oe),
                       label: "",
@@ -9648,7 +9634,7 @@ function ic(t, e, o, i, a, r) {
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
                   ])) : R("", !0),
-                  a.renderKey === "wave-group" && H.key === "wave-group" ? (g(), A(C, {
+                  a.renderKey === "wave-group" && H.key === "wave-group" ? (g(), A(y, {
                     key: 2,
                     modelValue: a.waveToggleValue,
                     "onUpdate:modelValue": e[7] || (e[7] = (oe) => a.waveToggleValue = oe),
@@ -9691,7 +9677,7 @@ function ic(t, e, o, i, a, r) {
                     ]),
                     _: 1
                   }, 8, ["modelValue", "disabled"])) : R("", !0),
-                  a.renderKey === "ice-forecast" && H.key === "ice-forecast" ? (g(), A(C, {
+                  a.renderKey === "ice-forecast" && H.key === "ice-forecast" ? (g(), A(y, {
                     key: 3,
                     modelValue: a.iceToggleValue,
                     "onUpdate:modelValue": e[8] || (e[8] = (oe) => a.iceToggleValue = oe),
@@ -9741,14 +9727,14 @@ function ic(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(v, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
           default: u(() => [
-            p(y, { class: "border-b-thin" }, {
+            p(T, { class: "border-b-thin" }, {
               default: u(() => [
-                p(L, {
+                p(_, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -9762,10 +9748,10 @@ function ic(t, e, o, i, a, r) {
             }),
             p(d, { class: "" }, {
               default: u(() => {
-                var H, oe, He, Oe, ge, Re, U, fe, ae, re, je, Ge, We, E, we, Be, Ee, Ne, N, Ue, V, Xe, qe, Ke, Le, Je, Qe, $e, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, St, Mt, Dt, It, Rt, At, Ot, Bt, jt, Et, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo;
+                var H, oe, He, Oe, fe, Re, U, ye, ae, re, je, Ge, We, E, we, Be, Ee, Ne, N, Ue, V, Xe, qe, Ke, Le, Je, Qe, $e, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, St, Mt, Dt, It, Rt, At, Ot, Bt, jt, Et, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo;
                 return [
                   s("div", On, n(t.$t("weather.atmospheric")), 1),
-                  s("div", Bn, n((He = (oe = (H = a.models) == null ? void 0 : H.weather) == null ? void 0 : oe.NOAA) == null ? void 0 : He.source) + " " + n((Re = (ge = (Oe = a.models) == null ? void 0 : Oe.weather) == null ? void 0 : ge.NOAA) == null ? void 0 : Re.spatialResolution) + n(t.$t("units.km")) + " " + n((re = (ae = (fe = (U = a.models) == null ? void 0 : U.weather) == null ? void 0 : fe.NOAA) == null ? void 0 : ae.meta) == null ? void 0 : re.days) + n(t.$t("units.days")), 1),
+                  s("div", Bn, n((He = (oe = (H = a.models) == null ? void 0 : H.weather) == null ? void 0 : oe.NOAA) == null ? void 0 : He.source) + " " + n((Re = (fe = (Oe = a.models) == null ? void 0 : Oe.weather) == null ? void 0 : fe.NOAA) == null ? void 0 : Re.spatialResolution) + n(t.$t("units.km")) + " " + n((re = (ae = (ye = (U = a.models) == null ? void 0 : U.weather) == null ? void 0 : ye.NOAA) == null ? void 0 : ae.meta) == null ? void 0 : re.days) + n(t.$t("units.days")), 1),
                   s("div", jn, n(t.$t("weather.source")) + ": NOAA", 1),
                   s("div", En, n(t.$t("weather.lastUpdate")) + ": " + n(r.computeDateUpdate((E = (We = (Ge = (je = a.models) == null ? void 0 : je.weather) == null ? void 0 : Ge.NOAA) == null ? void 0 : We.meta) == null ? void 0 : E.availabilityTime)), 1),
                   s("div", Nn, n(t.$t("weather.referenceTime")) + ": " + n(r.computeDateZ((Ne = (Ee = (Be = (we = a.models) == null ? void 0 : we.weather) == null ? void 0 : Be.NOAA) == null ? void 0 : Ee.meta) == null ? void 0 : Ne.initialisationTime)), 1),
@@ -9798,7 +9784,7 @@ function ic(t, e, o, i, a, r) {
         })
       ], 2)
     ], 6),
-    o.map ? (g(), A(P, j({
+    o.map ? (g(), A(x, j({
       key: 1,
       ref: "windBarb",
       map: o.map,
@@ -9807,7 +9793,7 @@ function ic(t, e, o, i, a, r) {
       wind: (se = a.weatherLayers) == null ? void 0 : se.wind,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : R("", !0),
-    o.map ? (g(), A(k, j({
+    o.map ? (g(), A(L, j({
       key: 2,
       map: o.map,
       "before-layer": "empty-layer-2",
@@ -9815,7 +9801,7 @@ function ic(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"])) : R("", !0),
-    o.map ? (g(), A(x, j({
+    o.map ? (g(), A(P, j({
       key: 3,
       map: o.map,
       "map-feather": o.mapFeather,
@@ -9823,15 +9809,15 @@ function ic(t, e, o, i, a, r) {
       current: (me = a.weatherLayers) == null ? void 0 : me.current,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["map", "map-feather", "current", "menu-toggle"])) : R("", !0),
-    o.map ? (g(), A(T, j({
+    o.map ? (g(), A(C, j({
       key: 4,
       map: o.map,
-      "before-layer": "empty-layer-2",
+      "before-layer": "empty-layer-3",
       prmsl: (ue = a.weatherLayers) == null ? void 0 : ue.prmsl,
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, t.$attrs, { theme: o.theme }), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers", "theme"])) : R("", !0),
-    o.map ? (g(), A(_, j({
+    o.map ? (g(), A(z, j({
       key: 5,
       viewport: a.viewport,
       factor: (he = a.weatherLayers) == null ? void 0 : he["wind-particle"],
@@ -10228,21 +10214,21 @@ class Ya {
     var o, i;
     e = e == null ? void 0 : e.toLowerCase(), e = e === "ec" ? "ecmwf" : e;
     const a = e.toLowerCase().split(","), r = [], l = [];
-    for (const c of a) {
-      let m = Lo.find((d) => {
-        var b, v, z;
-        return ((b = d.models) == null ? void 0 : b.includes(c)) || ((v = d.alias) == null ? void 0 : v.toLowerCase()) === c || ((z = d.name) == null ? void 0 : z.toLowerCase()) === c;
+    for (const m of a) {
+      let c = Lo.find((d) => {
+        var b, w, k;
+        return ((b = d.models) == null ? void 0 : b.includes(m)) || ((w = d.alias) == null ? void 0 : w.toLowerCase()) === m || ((k = d.name) == null ? void 0 : k.toLowerCase()) === m;
       }), f = Po.find((d) => {
-        var b, v, z;
-        return ((b = d.models) == null ? void 0 : b.includes(c)) || ((v = d.alias) == null ? void 0 : v.toLowerCase()) === c || ((z = d.name) == null ? void 0 : z.toLowerCase()) === c;
+        var b, w, k;
+        return ((b = d.models) == null ? void 0 : b.includes(m)) || ((w = d.alias) == null ? void 0 : w.toLowerCase()) === m || ((k = d.name) == null ? void 0 : k.toLowerCase()) === m;
       });
-      m = m || Lo.find((d) => {
-        var b, v;
-        return ((b = d.alias) == null ? void 0 : b.toLowerCase()) === ((v = f == null ? void 0 : f.alias) == null ? void 0 : v.toLowerCase());
+      c = c || Lo.find((d) => {
+        var b, w;
+        return ((b = d.alias) == null ? void 0 : b.toLowerCase()) === ((w = f == null ? void 0 : f.alias) == null ? void 0 : w.toLowerCase());
       }), f = f || Po.find((d) => {
-        var b, v;
-        return ((b = d.alias) == null ? void 0 : b.toLowerCase()) === ((v = m == null ? void 0 : m.alias) == null ? void 0 : v.toLowerCase());
-      }), m = m || Lo[0], f = f || Po[0], r.push((o = m.models) != null && o.includes(c) ? c : m.model), l.push((i = f.models) != null && i.includes(c) ? c : f.model);
+        var b, w;
+        return ((b = d.alias) == null ? void 0 : b.toLowerCase()) === ((w = c == null ? void 0 : c.alias) == null ? void 0 : w.toLowerCase());
+      }), c = c || Lo[0], f = f || Po[0], r.push((o = c.models) != null && o.includes(m) ? m : c.model), l.push((i = f.models) != null && i.includes(m) ? m : f.model);
     }
     return {
       weatherModels: r.join(","),
@@ -10259,37 +10245,37 @@ class Ya {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, l, c, m, f, d, b, v, z, C, L, y, B, D, P, k, x, T, _, I, F, G, Y, Z, Q, $, J, le, ne, se, ie, me, ue, he, de, O, te, be, ve, Pe, Te, _e, Ie, Ce, H, oe, He, Oe, ge, Re;
-    const U = typeof o == "string" ? M(o) : o, fe = e == null ? void 0 : e.weather, ae = e == null ? void 0 : e.marine, re = M((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), je = re.clone().add((c = (l = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : l.time) == null ? void 0 : c.at(0), "h"), Ge = re.clone().add((d = (f = (m = fe == null ? void 0 : fe[0]) == null ? void 0 : m.hourly) == null ? void 0 : f.time) == null ? void 0 : d.at(-1), "h"), We = [];
+    var i, a, r, l, m, c, f, d, b, w, k, y, _, T, B, D, x, L, P, C, z, I, F, G, Y, Z, Q, $, J, le, ne, se, ie, me, ue, he, de, O, te, be, ve, Pe, Te, _e, Ie, Ce, H, oe, He, Oe, fe, Re;
+    const U = typeof o == "string" ? M(o) : o, ye = e == null ? void 0 : e.weather, ae = e == null ? void 0 : e.marine, re = M((a = (i = ye == null ? void 0 : ye[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), je = re.clone().add((m = (l = (r = ye == null ? void 0 : ye[0]) == null ? void 0 : r.hourly) == null ? void 0 : l.time) == null ? void 0 : m.at(0), "h"), Ge = re.clone().add((d = (f = (c = ye == null ? void 0 : ye[0]) == null ? void 0 : c.hourly) == null ? void 0 : f.time) == null ? void 0 : d.at(-1), "h"), We = [];
     if (U.isBetween(je, Ge, "millisecond", "[]")) {
       const E = U.utc().diff(je, "h", !1);
       let we, Be;
-      if (fe) {
+      if (ye) {
         let Ee = 0, Ne = 0, N = 0;
-        for (const Ue of fe) {
+        for (const Ue of ye) {
           const V = Ue == null ? void 0 : Ue.hourly;
           for (let Le = E - (E - 1) % 3; Le <= E; Le++)
             Ee += (b = V == null ? void 0 : V.precipitation) == null ? void 0 : b.at(Le);
           for (let Le = E - (E - 1) % 6; Le <= E; Le++)
-            Ne += (v = V == null ? void 0 : V.precipitation) == null ? void 0 : v.at(Le);
+            Ne += (w = V == null ? void 0 : V.precipitation) == null ? void 0 : w.at(Le);
           for (let Le = E - (E - 1) % 12; Le <= E; Le++)
-            N += (z = V == null ? void 0 : V.precipitation) == null ? void 0 : z.at(Le);
+            N += (k = V == null ? void 0 : V.precipitation) == null ? void 0 : k.at(Le);
           we = {
-            temp: (C = V == null ? void 0 : V.temperature_2m) == null ? void 0 : C.at(E),
-            apparentTemp: (L = V == null ? void 0 : V.apparent_temperature) == null ? void 0 : L.at(E),
-            rh: (y = V == null ? void 0 : V.relative_humidity_2m) == null ? void 0 : y.at(E),
+            temp: (y = V == null ? void 0 : V.temperature_2m) == null ? void 0 : y.at(E),
+            apparentTemp: (_ = V == null ? void 0 : V.apparent_temperature) == null ? void 0 : _.at(E),
+            rh: (T = V == null ? void 0 : V.relative_humidity_2m) == null ? void 0 : T.at(E),
             dp: (B = V == null ? void 0 : V.dew_point_2m) == null ? void 0 : B.at(E),
             precip: {
               probability: (D = V == null ? void 0 : V.precipitation_probability) == null ? void 0 : D.at(E),
-              sum: (P = V == null ? void 0 : V.precipitation) == null ? void 0 : P.at(E),
-              sum1Hours: (k = V == null ? void 0 : V.precipitation) == null ? void 0 : k.at(E),
+              sum: (x = V == null ? void 0 : V.precipitation) == null ? void 0 : x.at(E),
+              sum1Hours: (L = V == null ? void 0 : V.precipitation) == null ? void 0 : L.at(E),
               sum3Hours: Math.round(Ee * 100) / 100,
               sum6Hours: Math.round(Ne * 100) / 100,
               sum12Hours: Math.round(N * 100) / 100
             },
-            pmsl: (x = V == null ? void 0 : V.pressure_msl) == null ? void 0 : x.at(E),
-            psurf: (T = V == null ? void 0 : V.surface_pressure) == null ? void 0 : T.at(E),
-            code: (_ = V == null ? void 0 : V.weather_code) == null ? void 0 : _.at(E),
+            pmsl: (P = V == null ? void 0 : V.pressure_msl) == null ? void 0 : P.at(E),
+            psurf: (C = V == null ? void 0 : V.surface_pressure) == null ? void 0 : C.at(E),
+            code: (z = V == null ? void 0 : V.weather_code) == null ? void 0 : z.at(E),
             visibility: this.m2nm((I = V == null ? void 0 : V.visibility) == null ? void 0 : I.at(E)),
             wind: {
               speed: (F = V == null ? void 0 : V.wind_speed_10m) == null ? void 0 : F.at(E),
@@ -10341,7 +10327,7 @@ class Ya {
               degree: (He = N == null ? void 0 : N.ocean_current_direction) == null ? void 0 : He.at(E),
               bearing: ((Oe = N == null ? void 0 : N.ocean_current_direction) == null ? void 0 : Oe.at(E)) ?? null
             },
-            sst: (ge = N == null ? void 0 : N.sea_surface_temperature) == null ? void 0 : ge.at(E),
+            sst: (fe = N == null ? void 0 : N.sea_surface_temperature) == null ? void 0 : fe.at(E),
             height: (Re = N == null ? void 0 : N.sea_level_height_msl) == null ? void 0 : Re.at(E)
           }, Be.wave = this.parseWave(Be.wave, we == null ? void 0 : we.wind), Be.current.direction = this.degree2Direction(Be.current.degree), Object.assign(We[Ee], Be), Ee++;
         }
@@ -10350,16 +10336,16 @@ class Ya {
     return We;
   }
   static toLegacy(e) {
-    var o, i, a, r, l, c, m, f, d, b;
+    var o, i, a, r, l, m, c, f, d, b;
     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: (c = (l = e == null ? void 0 : e.weather) == null ? void 0 : l.wind) == null ? void 0 : c.gusts
+        kts: (m = (l = e == null ? void 0 : e.weather) == null ? void 0 : l.wind) == null ? void 0 : m.gusts
       },
-      precip: (m = e == null ? void 0 : e.weather) == null ? void 0 : m.precip,
+      precip: (c = e == null ? void 0 : e.weather) == null ? void 0 : c.precip,
       code: (f = e == null ? void 0 : e.weather) == null ? void 0 : f.code,
       name: (d = e == null ? void 0 : e.weather) == null ? void 0 : d.name,
       url: (b = e == null ? void 0 : e.weather) == null ? void 0 : b.url,
@@ -10372,37 +10358,37 @@ class Ya {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, l, c, m, f, d, b, v, z, C, L, y, B, D, P, k, x, T, _, I, F, G, Y, Z, Q, $, J, le, ne, se, ie, me, ue, he, de, O, te, be, ve, Pe, Te, _e;
-    const Ie = typeof o == "string" ? M(o) : o, Ce = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, oe = M((r = (a = (i = Ce == null ? void 0 : Ce[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), He = M((m = (c = (l = Ce == null ? void 0 : Ce[0]) == null ? void 0 : l.daily) == null ? void 0 : c.time) == null ? void 0 : m.at(-1)), Oe = [];
+    var i, a, r, l, m, c, f, d, b, w, k, y, _, T, B, D, x, L, P, C, z, I, F, G, Y, Z, Q, $, J, le, ne, se, ie, me, ue, he, de, O, te, be, ve, Pe, Te, _e;
+    const Ie = typeof o == "string" ? M(o) : o, Ce = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, oe = M((r = (a = (i = Ce == null ? void 0 : Ce[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), He = M((c = (m = (l = Ce == null ? void 0 : Ce[0]) == null ? void 0 : l.daily) == null ? void 0 : m.time) == null ? void 0 : c.at(-1)), Oe = [];
     if (Ie.isBetween(oe, He, "millisecond", "[]")) {
-      let ge, Re;
+      let fe, Re;
       const U = Ie.diff(oe, "d", !1);
       if (Ce)
-        for (const fe of Ce) {
-          const ae = fe.daily;
-          ge = {
+        for (const ye of Ce) {
+          const ae = ye.daily;
+          fe = {
             code: (f = ae.weather_code) == null ? void 0 : f.at(U),
             temp: {
               max: (d = ae.temperature_2m_max) == null ? void 0 : d.at(U),
               min: (b = ae.temperature_2m_min) == null ? void 0 : b.at(U),
-              mean: (v = ae.temperature_2m_mean) == null ? void 0 : v.at(U)
+              mean: (w = ae.temperature_2m_mean) == null ? void 0 : w.at(U)
             },
             apparentTemp: {
-              max: (z = ae.apparent_temperature_max) == null ? void 0 : z.at(U),
-              min: (C = ae.apparent_temperature_min) == null ? void 0 : C.at(U)
+              max: (k = ae.apparent_temperature_max) == null ? void 0 : k.at(U),
+              min: (y = ae.apparent_temperature_min) == null ? void 0 : y.at(U)
             },
             precip: {
-              sum: (L = ae.precipitation_sum) == null ? void 0 : L.at(U),
-              rainSum: (y = ae.rain_sum) == null ? void 0 : y.at(U),
+              sum: (_ = ae.precipitation_sum) == null ? void 0 : _.at(U),
+              rainSum: (T = ae.rain_sum) == null ? void 0 : T.at(U),
               snowfallSum: (B = ae.snowfall_sum) == null ? void 0 : B.at(U),
               showersSum: (D = ae.showers_sum) == null ? void 0 : D.at(U),
-              hours: (P = ae.precipitation_hours) == null ? void 0 : P.at(U),
-              probability: (k = ae.precipitation_probability_max) == null ? void 0 : k.at(U)
+              hours: (x = ae.precipitation_hours) == null ? void 0 : x.at(U),
+              probability: (L = ae.precipitation_probability_max) == null ? void 0 : L.at(U)
             },
             rh: {
-              max: (x = ae.relative_humidity_2m_max) == null ? void 0 : x.at(U),
-              min: (T = ae.relative_humidity_2m_min) == null ? void 0 : T.at(U),
-              mean: (_ = ae.relative_humidity_2m_mean) == null ? void 0 : _.at(U)
+              max: (P = ae.relative_humidity_2m_max) == null ? void 0 : P.at(U),
+              min: (C = ae.relative_humidity_2m_min) == null ? void 0 : C.at(U),
+              mean: (z = ae.relative_humidity_2m_mean) == null ? void 0 : z.at(U)
             },
             wind: {
               speed: (I = ae.wind_speed_10m_max) == null ? void 0 : I.at(U),
@@ -10412,15 +10398,15 @@ class Ya {
               bearing: ((Z = ae.wind_direction_10m_dominant) == null ? void 0 : Z.at(U)) !== null ? (((Q = ae.wind_direction_10m_dominant) == null ? void 0 : Q.at(U)) + 180) % 360 : null
             }
           };
-          const { name: re, url: je, bg: Ge } = this.parseWeatherCode(ge.code, !0);
-          ge.name = re, ge.url = je, ge.bg = Ge, ge.wind.scale = this.beaufort(this.kts2ms(ge.wind.kts)), ge.wind.direction = this.degree2Direction(ge.wind.degree), Oe.push({
+          const { name: re, url: je, bg: Ge } = this.parseWeatherCode(fe.code, !0);
+          fe.name = re, fe.url = je, fe.bg = Ge, fe.wind.scale = this.beaufort(this.kts2ms(fe.wind.kts)), fe.wind.direction = this.degree2Direction(fe.wind.degree), Oe.push({
             utc: oe.add(U, "d").utc().format(),
-            model: fe.model,
-            weather: { ...ge }
+            model: ye.model,
+            weather: { ...fe }
           });
         }
       if (H) {
-        let fe = 0;
+        let ye = 0;
         for (const ae of H) {
           const re = ae.daily;
           Re = {
@@ -10447,7 +10433,7 @@ class Ya {
                 bearing: ((Te = re.wind_wave_direction_dominant) == null ? void 0 : Te.at(U)) !== null ? (((_e = re.wind_wave_direction_dominant) == null ? void 0 : _e.at(U)) + 180) % 360 : null
               }
             }
-          }, Re.wave = this.parseWave(Re.wave, ge == null ? void 0 : ge.wind), Object.assign(Oe[fe], Re), fe++;
+          }, Re.wave = this.parseWave(Re.wave, fe == null ? void 0 : fe.wind), Object.assign(Oe[ye], Re), ye++;
         }
       }
     }
@@ -10974,8 +10960,8 @@ const sc = {
       return (t, e, o = "MM-DD HH:mm") => {
         var i, a;
         if (t) {
-          const r = e || 0, l = (a = (i = M(t)) == null ? void 0 : i.utcOffset(r)) == null ? void 0 : a.format(o), c = `(UTC ${r >= 0 ? "+" : ""}${r})`;
-          return l + " " + c;
+          const r = e || 0, l = (a = (i = M(t)) == null ? void 0 : i.utcOffset(r)) == null ? void 0 : a.format(o), m = `(UTC ${r >= 0 ? "+" : ""}${r})`;
+          return l + " " + m;
         }
         return "-";
       };
@@ -11051,15 +11037,15 @@ const sc = {
     async fetchTropicals() {
       var a, r, l;
       const t = (/* @__PURE__ */ new Date()).valueOf();
-      let e = 0, o = 0, i = (a = Co.WEATHER_LAYERS.find((c) => c.key === "tropicals")) == null ? void 0 : a.weight;
+      let e = 0, o = 0, i = (a = Co.WEATHER_LAYERS.find((m) => m.key === "tropicals")) == null ? void 0 : a.weight;
       if (i > 0) {
-        const c = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], m = await Ae.get(`${c}/api/arc/weather/layers2/links?l=${i}&v=${this.forecastModel}&t=${this.realTime}`, {
+        const m = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], c = await Ae.get(`${m}/api/arc/weather/layers2/links?l=${i}&v=${this.forecastModel}&t=${this.realTime}`, {
           headers: {
             Authorization: this.defaultMeteoToken
           }
         });
-        if (o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("weather links elapsed: ", o, ", total: ", e += o), ((r = m == null ? void 0 : m.data) == null ? void 0 : r.code) === 0) {
-          const f = (l = m == null ? void 0 : m.data) == null ? void 0 : l.data;
+        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 f = (l = c == null ? void 0 : c.data) == null ? void 0 : l.data;
           await Ae.get(f.tropicals, {
             headers: {
               Authorization: this.defaultMeteoToken,
@@ -11067,14 +11053,14 @@ const sc = {
             },
             responseType: /\.(jpg|png)$/.test(f.tropicals) ? "blob" : "json"
           }).then((d) => {
-            var z, C, L;
-            const b = Va.convert2Geojson(((z = d == null ? void 0 : d.data) == null ? void 0 : z.data) || (d == null ? void 0 : d.data));
-            ((L = (C = d == null ? void 0 : d.config) == null ? void 0 : C.headers) == null ? void 0 : L.key) && b && (this.tropicals = {
+            var k, y, _;
+            const b = Va.convert2Geojson(((k = d == null ? void 0 : d.data) == null ? void 0 : k.data) || (d == null ? void 0 : d.data));
+            ((_ = (y = d == null ? void 0 : d.config) == null ? void 0 : y.headers) == null ? void 0 : _.key) && b && (this.tropicals = {
               data: b,
               active: !0,
               cached: !0,
               type: "json",
-              etime: m.data.etime,
+              etime: c.data.etime,
               version: Math.random() + 1
             });
           }).catch((d) => {
@@ -11087,26 +11073,26 @@ const sc = {
     handleRefresh() {
       var e, o;
       (((o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) || []).forEach((i) => {
-        var a, r, l, c, m, f, d, b, v, z, C, L, y, B, D, P, k, x, T, _;
+        var a, r, l, m, c, f, d, b, w, k, y, _, T, B, D, x, L, P, C, z;
         if (((a = i.geometry) == null ? void 0 : a.type) === "Point") {
           let I = "";
           switch (!0) {
             case (((r = i.properties.wind) == null ? void 0 : r.kts) < 32 || ((l = i.properties) == null ? void 0 : l.kts) < 32):
               I = "TD";
               break;
-            case (((c = i.properties.wind) == null ? void 0 : c.kts) < 47 || ((m = i.properties) == null ? void 0 : m.kts) < 47):
+            case (((m = i.properties.wind) == null ? void 0 : m.kts) < 47 || ((c = i.properties) == null ? void 0 : c.kts) < 47):
               I = "TS";
               break;
             case (((f = i.properties.wind) == null ? void 0 : f.kts) < 63 || ((d = i.properties) == null ? void 0 : d.kts) < 63):
               I = "STS";
               break;
-            case (((b = i.properties.wind) == null ? void 0 : b.kts) < 79 || ((v = i.properties) == null ? void 0 : v.kts) < 79):
+            case (((b = i.properties.wind) == null ? void 0 : b.kts) < 79 || ((w = i.properties) == null ? void 0 : w.kts) < 79):
               I = "TY";
               break;
-            case (((z = i.properties.wind) == null ? void 0 : z.kts) < 94 || ((C = i.properties) == null ? void 0 : C.kts) < 94):
+            case (((k = i.properties.wind) == null ? void 0 : k.kts) < 94 || ((y = i.properties) == null ? void 0 : y.kts) < 94):
               I = "STY";
               break;
-            case (((L = i.properties.wind) == null ? void 0 : L.kts) >= 94 || ((y = i.properties) == null ? void 0 : y.kts) >= 94):
+            case (((_ = i.properties.wind) == null ? void 0 : _.kts) >= 94 || ((T = i.properties) == null ? void 0 : T.kts) >= 94):
               I = "Super TY";
               break;
             default:
@@ -11115,19 +11101,19 @@ const sc = {
           }
           i.properties.level = I;
         }
-        ((B = i.geometry) == null ? void 0 : B.type) === "Point" && ((D = i.properties) != null && D.important) && (i.properties.format = (k = (P = M(i.properties.date)) == null ? void 0 : P.utcOffset(this.timeZone)) == null ? void 0 : k.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`)), ((x = i.geometry) == null ? void 0 : x.type) === "Point" && (i.properties.Name = ((_ = (T = i.properties.name) == null ? void 0 : T.trim()) == null ? void 0 : _.replace(/^./, (I) => I.toUpperCase())) || i.properties.nameCn, i.properties.nameCn = i.properties.nameCn || i.properties.Name || "-");
+        ((B = i.geometry) == null ? void 0 : B.type) === "Point" && ((D = i.properties) != null && D.important) && (i.properties.format = (L = (x = M(i.properties.date)) == null ? void 0 : x.utcOffset(this.timeZone)) == null ? void 0 : L.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`)), ((P = i.geometry) == null ? void 0 : P.type) === "Point" && (i.properties.Name = ((z = (C = i.properties.name) == null ? void 0 : C.trim()) == null ? void 0 : z.replace(/^./, (I) => I.toUpperCase())) || i.properties.nameCn, i.properties.nameCn = i.properties.nameCn || i.properties.Name || "-");
       }), this.handleInit();
     },
     handleInit() {
-      var t, e, o, i, a, r, l, c, m, f, d, b;
-      this.handleClear(), this.tropicals && this.map && (this.handleRender(), (t = this.map) == null || t.on("click", this.clickLayers, this.handleClick), (e = this.map) == null || e.on("mousemove", this.hoverLayers, this.handleHover), (o = this.map) == null || o.on("mouseleave", this.hoverLayers, this.handleLeave)), ((r = (a = (i = this.tropicals) == null ? void 0 : i.data) == null ? void 0 : a.features) == null ? void 0 : r.length) > 0 ? (m = (c = (l = this.$parent) == null ? void 0 : l.$refs) == null ? void 0 : c.idmBottomBar) == null || m.handleToggle("tropical", !0) : (b = (d = (f = this.$parent) == null ? void 0 : f.$refs) == null ? void 0 : d.idmBottomBar) == null || b.handleToggle("tropical", !1);
+      var t, e, o, i, a, r, l, m, c, f, d, b;
+      this.handleClear(), this.tropicals && this.map && (this.handleRender(), (t = this.map) == null || t.on("click", this.clickLayers, this.handleClick), (e = this.map) == null || e.on("mousemove", this.hoverLayers, this.handleHover), (o = this.map) == null || o.on("mouseleave", this.hoverLayers, this.handleLeave)), ((r = (a = (i = this.tropicals) == null ? void 0 : i.data) == null ? void 0 : a.features) == null ? void 0 : r.length) > 0 ? (c = (m = (l = this.$parent) == null ? void 0 : l.$refs) == null ? void 0 : m.idmBottomBar) == null || c.handleToggle("tropical", !0) : (b = (d = (f = this.$parent) == null ? void 0 : f.$refs) == null ? void 0 : d.idmBottomBar) == null || b.handleToggle("tropical", !1);
     },
     handleRender() {
-      var t, e, o, i, a, r, l, c, m, f;
+      var t, e, o, i, a, r, l, m, c, f;
       if (this.tropicals && this.map) {
         const d = (/* @__PURE__ */ new Date()).valueOf();
-        let b = 0, v = 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), v = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropicals] update elapsed: ", v, ", total: ", b += v)) : (this.map.addSource(this.source, {
+        let b = 0, w = 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), w = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropicals] update elapsed: ", w, ", total: ", b += w)) : (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({
@@ -11208,9 +11194,9 @@ const sc = {
             ],
             "text-halo-width": 4
           }
-        }, this.beforeLayer), v = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] add elapsed: ", v, ", total: ", b += v)), (r = this.map) != null && r.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((l = this.tropicals) != null && l.active ? this.tropicals.data : this.empty), v = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] update elapsed: ", v, ", total: ", b += v)) : (this.map.addSource(this.clusterSource, {
+        }, this.beforeLayer), w = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] add elapsed: ", w, ", total: ", b += w)), (r = this.map) != null && r.getSource(this.clusterSource) ? ((m = this.map) == null || m.getSource(this.clusterSource).setData((l = this.tropicals) != null && l.active ? this.tropicals.data : this.empty), w = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] update elapsed: ", w, ", total: ", b += w)) : (this.map.addSource(this.clusterSource, {
           type: "geojson",
-          data: (m = this.tropicals) != null && m.active ? (f = this.tropicals) == null ? void 0 : f.data : this.empty
+          data: (c = this.tropicals) != null && c.active ? (f = this.tropicals) == null ? void 0 : f.data : this.empty
           // cluster: true,
           // clusterRadius: 10, // 聚合半径
         }), this.map.addLayer({
@@ -11324,9 +11310,9 @@ const sc = {
             "text-halo-color": "#ffffff",
             "text-halo-width": 2
           }
-        }, this.beforeLayer), v = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] add elapsed: ", v, ", total: ", b += v));
-        const z = Va.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(z)), this.handleDateChange();
+        }, this.beforeLayer), w = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] add elapsed: ", w, ", total: ", b += w));
+        const k = Va.interpolate(this.tropicals, 1);
+        this.interpolateData = JSON.parse(JSON.stringify(k)), this.handleDateChange();
       }
     },
     handleClear() {
@@ -11334,7 +11320,7 @@ const sc = {
       this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (t = this.interpolateMarkers) == null || t.forEach((a) => a == null ? void 0 : a.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource)), (e = this.map) == null || e.off("click", this.clickLayers, this.handleClick), (o = this.map) == null || o.off("mousemove", this.hoverLayers, this.handleHover), (i = this.map) == null || i.off("mouseleave", this.hoverLayers, this.handleLeave), this.handleCloseInfoMarker();
     },
     handleDateChange() {
-      var t, e, o, i, a, r, l, c, m, f, d, b, v, z, C, L, y, B, D, P, k, x, T, _, I, F, G, Y, Z, Q, $, J, le, ne, se;
+      var t, e, o, i, a, r, l, m, c, f, d, b, w, k, y, _, T, B, D, x, L, P, C, z, I, F, G, Y, Z, Q, $, J, le, ne, se;
       if ((t = this.interpolateMarkers) == null || t.forEach((ie) => ie == null ? void 0 : ie.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const ie = M(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), me = this.interpolateData.filter((O) => O.properties.date === (ie == null ? void 0 : ie.format()) && !O.properties.disabled), ue = this.handleComputePolygons(me), he = W.featureCollection([...me]);
         ue.forEach((O) => {
@@ -11368,14 +11354,14 @@ const sc = {
               var _e;
               return Te.properties.name === ((_e = O.properties) == null ? void 0 : _e.name);
             })) {
-              const Te = ((c = (l = this.tropicals.data.features.find((_e) => {
+              const Te = ((m = (l = this.tropicals.data.features.find((_e) => {
                 var Ie;
                 return _e.properties.name === ((Ie = O.properties) == null ? void 0 : Ie.name);
-              })) == null ? void 0 : l.properties) == null ? void 0 : c.nameCn) || ((m = O.properties) == null ? void 0 : m.Name) || "-";
+              })) == null ? void 0 : l.properties) == null ? void 0 : m.nameCn) || ((c = O.properties) == null ? void 0 : c.Name) || "-";
               O.properties.nameCn = Te, O.properties.Name = ((d = (f = O.properties.name) == null ? void 0 : f.trim()) == null ? void 0 : d.replace(/^./, (_e) => _e.toUpperCase())) || O.properties.nameCn, de.push(O);
             }
             let te = this.Theme.current.value.colors["tropicals-ty"];
-            ((v = (b = O.properties) == null ? void 0 : b.wind) == null ? void 0 : v.kts) < 32 || !((C = (z = O.properties) == null ? void 0 : z.wind) != null && C.kts) ? te = this.Theme.current.value.colors["tropicals-td"] : ((y = (L = O.properties) == null ? void 0 : L.wind) == null ? void 0 : y.kts) >= 32 && ((D = (B = O.properties) == null ? void 0 : B.wind) == null ? void 0 : D.kts) < 47 ? te = this.Theme.current.value.colors["tropicals-ts"] : ((k = (P = O.properties) == null ? void 0 : P.wind) == null ? void 0 : k.kts) >= 47 && ((T = (x = O.properties) == null ? void 0 : x.wind) == null ? void 0 : T.kts) < 63 ? te = this.Theme.current.value.colors["tropicals-sts"] : ((I = (_ = O.properties) == null ? void 0 : _.wind) == null ? void 0 : I.kts) >= 63 && ((G = (F = O.properties) == null ? void 0 : F.wind) == null ? void 0 : G.kts) < 79 ? te = this.Theme.current.value.colors["tropicals-ty"] : ((Z = (Y = O.properties) == null ? void 0 : Y.wind) == null ? void 0 : Z.kts) >= 79 && (($ = (Q = O.properties) == null ? void 0 : Q.wind) == null ? void 0 : $.kts) < 94 ? te = this.Theme.current.value.colors["tropicals-sty"] : ((le = (J = O.properties) == null ? void 0 : J.wind) == null ? void 0 : le.kts) >= 94 ? te = this.Theme.current.value.colors["tropicals-super-ty"] : te = this.Theme.current.value.colors["tropicals-ty"];
+            ((w = (b = O.properties) == null ? void 0 : b.wind) == null ? void 0 : w.kts) < 32 || !((y = (k = O.properties) == null ? void 0 : k.wind) != null && y.kts) ? te = this.Theme.current.value.colors["tropicals-td"] : ((T = (_ = O.properties) == null ? void 0 : _.wind) == null ? void 0 : T.kts) >= 32 && ((D = (B = O.properties) == null ? void 0 : B.wind) == null ? void 0 : D.kts) < 47 ? te = this.Theme.current.value.colors["tropicals-ts"] : ((L = (x = O.properties) == null ? void 0 : x.wind) == null ? void 0 : L.kts) >= 47 && ((C = (P = O.properties) == null ? void 0 : P.wind) == null ? void 0 : C.kts) < 63 ? te = this.Theme.current.value.colors["tropicals-sts"] : ((I = (z = O.properties) == null ? void 0 : z.wind) == null ? void 0 : I.kts) >= 63 && ((G = (F = O.properties) == null ? void 0 : F.wind) == null ? void 0 : G.kts) < 79 ? te = this.Theme.current.value.colors["tropicals-ty"] : ((Z = (Y = O.properties) == null ? void 0 : Y.wind) == null ? void 0 : Z.kts) >= 79 && (($ = (Q = O.properties) == null ? void 0 : Q.wind) == null ? void 0 : $.kts) < 94 ? te = this.Theme.current.value.colors["tropicals-sty"] : ((le = (J = O.properties) == null ? void 0 : J.wind) == null ? void 0 : le.kts) >= 94 ? te = this.Theme.current.value.colors["tropicals-super-ty"] : te = this.Theme.current.value.colors["tropicals-ty"];
             const be = `<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">
@@ -11400,25 +11386,25 @@ const sc = {
         (ne = this.map) != null && ne.getSource(this.interpolateSource) && ((se = this.map) == null || se.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var a, r, l, c, m, f, d, b, v, z, C;
+      var a, r, l, m, c, f, d, b, w, k, y;
       const e = t.features[0], o = (r = (a = this.tropicals) == null ? void 0 : a.data) == null ? void 0 : r.features.filter(
-        (L) => {
-          var y;
-          return L.geometry.type === "LineString" && L.properties.type === "forecast" && L.properties.name === ((y = e == null ? void 0 : e.properties) == null ? void 0 : y.name);
+        (_) => {
+          var T;
+          return _.geometry.type === "LineString" && _.properties.type === "forecast" && _.properties.name === ((T = e == null ? void 0 : e.properties) == null ? void 0 : T.name);
         }
-      ), i = (c = (l = this.tropicals) == null ? void 0 : l.data) == null ? void 0 : c.features.filter(
-        (L) => {
-          var y;
-          return L.geometry.type === "LineString" && L.properties.type === "history" && L.properties.name === ((y = e == null ? void 0 : e.properties) == null ? void 0 : y.name);
+      ), i = (m = (l = this.tropicals) == null ? void 0 : l.data) == null ? void 0 : m.features.filter(
+        (_) => {
+          var T;
+          return _.geometry.type === "LineString" && _.properties.type === "history" && _.properties.name === ((T = e == null ? void 0 : e.properties) == null ? void 0 : T.name);
         }
       );
       this.activeTropicals = {
-        name: ((m = e == null ? void 0 : e.properties) == null ? void 0 : m.name) || "-",
+        name: ((c = e == null ? void 0 : e.properties) == null ? void 0 : c.name) || "-",
         nameCn: ((f = e == null ? void 0 : e.properties) == null ? void 0 : f.nameCn) || ((d = e == null ? void 0 : e.properties) == null ? void 0 : d.name) || "-",
         Name: ((b = e == null ? void 0 : e.properties) == null ? void 0 : b.Name) || "-",
-        forecasts: o.map((L) => L.properties),
-        history: (v = i[0]) == null ? void 0 : v.properties,
-        showCircle: (C = (z = o[0]) == null ? void 0 : z.properties) == null ? void 0 : C.showCircle
+        forecasts: o.map((_) => _.properties),
+        history: (w = i[0]) == null ? void 0 : w.properties,
+        showCircle: (y = (k = o[0]) == null ? void 0 : k.properties) == null ? void 0 : y.showCircle
       }, this.showTropicalsInfo = !0, this.simple || this.drawTropicalsInfoMaker([t.lngLat.lng, t.lngLat.lat]);
     },
     drawTropicalsInfoMaker(t) {
@@ -11434,14 +11420,14 @@ const sc = {
       });
     },
     handleForecastToggle(t) {
-      var i, a, r, l, c, m;
+      var i, a, r, l, m, c;
       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((f) => {
         f.properties.category === e && (f.properties.disabled = t.disabled);
       }), this.interpolateData.forEach((f) => {
         f.properties.category === e && (f.properties.disabled = t.disabled);
-      }), (l = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || l.setData(W.featureCollection(o)), (m = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || m.setData(W.featureCollection(o)), this.handleDateChange();
+      }), (l = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || l.setData(W.featureCollection(o)), (c = (m = this.map) == null ? void 0 : m.getSource(this.clusterSource)) == null || c.setData(W.featureCollection(o)), this.handleDateChange();
     },
     handleStrikeProbability(t) {
       this.$emit("tropicalProbability", t);
@@ -11467,8 +11453,8 @@ const sc = {
           se: i.r10se >= 0 ? i.r10se : void 0,
           sw: i.r10sw >= 0 ? i.r10sw : void 0,
           nw: i.r10nw >= 0 ? i.r10nw : void 0
-        }, c = this.handleComputeArc(o.geometry.coordinates, l, { ...o.properties, level: 10 });
-        e.push(c);
+        }, m = this.handleComputeArc(o.geometry.coordinates, l, { ...o.properties, level: 10 });
+        e.push(m);
       }
       return e;
     },
@@ -11476,23 +11462,23 @@ const sc = {
       var r;
       const i = [];
       for (const l in e) {
-        const c = e[l] ?? 0;
-        let m;
+        const m = e[l] ?? 0;
+        let c;
         switch (l) {
           case "ne":
-            m = W.lineArc(t, c, 0, 90, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            c = W.lineArc(t, m, 0, 90, { steps: m > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "se":
-            m = W.lineArc(t, c, 90, 180, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            c = W.lineArc(t, m, 90, 180, { steps: m > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "sw":
-            m = W.lineArc(t, c, 180, 270, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            c = W.lineArc(t, m, 180, 270, { steps: m > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "nw":
-            m = W.lineArc(t, c, 270, 360, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            c = W.lineArc(t, m, 270, 360, { steps: m > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
         }
-        i.push(...(r = m == null ? void 0 : m.geometry) == null ? void 0 : r.coordinates);
+        i.push(...(r = c == null ? void 0 : c.geometry) == null ? void 0 : r.coordinates);
       }
       const a = W.lineString(i);
       return W.lineToPolygon(a, { properties: o });
@@ -11501,7 +11487,7 @@ const sc = {
       this.$emit("tropicalNotification", t);
     },
     handleHover(t) {
-      var a, r, l, c, m;
+      var a, r, l, m, c;
       this.map.getCanvas().style.cursor = "pointer";
       const o = this.map.queryRenderedFeatures(
         t.point,
@@ -11522,7 +11508,7 @@ const sc = {
           return f.geometry.type === "LineString" && f.properties.type === "forecast" && f.properties.name === ((d = o == null ? void 0 : o.properties) == null ? void 0 : d.name);
         }
       );
-      this.hoverPoint && (this.hoverPoint.lng = o.geometry.coordinates[0], this.hoverPoint.lat = o.geometry.coordinates[1], this.hoverPoint.update = (c = (l = i == null ? void 0 : i[0]) == null ? void 0 : l.properties) == null ? void 0 : c.date, (m = this.hoverMarker) == null || m.remove(), this.showHoverPoint = !0, this.$nextTick(() => {
+      this.hoverPoint && (this.hoverPoint.lng = o.geometry.coordinates[0], this.hoverPoint.lat = o.geometry.coordinates[1], this.hoverPoint.update = (m = (l = i == null ? void 0 : i[0]) == null ? void 0 : l.properties) == null ? void 0 : m.date, (c = this.hoverMarker) == null || c.remove(), this.showHoverPoint = !0, this.$nextTick(() => {
         const f = document.getElementById("tropicalHoverMarkerInfo").cloneNode(!0);
         this.hoverMarker = new ze.Marker(f).setLngLat(o.geometry.coordinates).setOffset([160, 0]).addTo(this.map);
       }));
@@ -11571,18 +11557,18 @@ const sc = {
   class: "d-flex justify-start align-center"
 }, Qc = { class: "text-label pr-1" }, $c = { class: "d-flex justify-start align-center" }, em = { class: "text-label pr-1" };
 function tm(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("VTooltip"), m = w("v-icon"), f = w("VCardText"), d = w("VDivider"), b = w("VCardActions"), v = w("VCard"), z = w("v-card-title"), C = w("v-divider");
+  const l = v("VBtn"), m = v("VTooltip"), c = v("v-icon"), f = v("VCardText"), d = v("VDivider"), b = v("VCardActions"), w = v("VCard"), k = v("v-card-title"), y = v("v-divider");
   return g(), S("div", lc, [
     s("div", {
       class: "menu-bar-box transition pa-1",
       style: ee({ top: o.top + o.paddingTop + 86 + "px", right: a.right + "px" })
     }, [
-      p(c, {
+      p(m, {
         text: t.$t("tropical.tropicals"),
         location: "left"
       }, {
-        activator: u(({ props: L }) => [
-          p(l, j(L, {
+        activator: u(({ props: _ }) => [
+          p(l, j(_, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -11602,20 +11588,20 @@ function tm(t, e, o, i, a, r) {
     a.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (g(), S("div", {
       key: 0,
       id: "idm-tropical-gl4-info",
-      class: ye(["idm-tropical-gl4-info", o.simple ? "page" : "dialog"])
+      class: ge(["idm-tropical-gl4-info", o.simple ? "page" : "dialog"])
     }, [
-      p(v, {
-        class: ye(["w-100", o.simple ? "rounded-t-4 bg-none" : ""]),
+      p(w, {
+        class: ge(["w-100", o.simple ? "rounded-t-4 bg-none" : ""]),
         elevation: o.simple ? 0 : 16
       }, {
         default: u(() => [
           p(f, null, {
             default: u(() => {
-              var L, y, B, D, P, k, x, T, _, I, F, G;
+              var _, T, B, D, x, L, P, C, z, I, F, G;
               return [
                 s("div", nc, [
-                  s("span", cc, n(o.locale === "en" ? (L = a.activeTropicals) == null ? void 0 : L.Name : ((y = a.activeTropicals) == null ? void 0 : y.nameCn) || ((B = a.activeTropicals) == null ? void 0 : B.Name) || "-"), 1),
-                  (P = (D = a.activeTropicals) == null ? void 0 : D.history) != null && P.level ? (g(), S("span", mc, ", " + n((x = (k = a.activeTropicals) == null ? void 0 : k.history) == null ? void 0 : x.level), 1)) : R("", !0)
+                  s("span", cc, n(o.locale === "en" ? (_ = a.activeTropicals) == null ? void 0 : _.Name : ((T = a.activeTropicals) == null ? void 0 : T.nameCn) || ((B = a.activeTropicals) == null ? void 0 : B.Name) || "-"), 1),
+                  (x = (D = a.activeTropicals) == null ? void 0 : D.history) != null && x.level ? (g(), S("span", mc, ", " + n((P = (L = a.activeTropicals) == null ? void 0 : L.history) == null ? void 0 : P.level), 1)) : R("", !0)
                 ]),
                 p(l, {
                   icon: "",
@@ -11625,7 +11611,7 @@ function tm(t, e, o, i, a, r) {
                   onClick: Se(r.handleCloseInfoMarker, ["stop"])
                 }, {
                   default: u(() => [
-                    p(m, {
+                    p(c, {
                       icon: "mdi-close",
                       class: "text-label text-h4"
                     })
@@ -11634,7 +11620,7 @@ function tm(t, e, o, i, a, r) {
                 }, 8, ["onClick"]),
                 s("div", hc, [
                   s("span", dc, n(t.$t("actions.lastUpdate")) + ": ", 1),
-                  s("span", null, n(r.computeTime(((_ = (T = a.activeTropicals) == null ? void 0 : T.history) == null ? void 0 : _.updated) || ((G = (F = (I = a.activeTropicals) == null ? void 0 : I.forecasts) == null ? void 0 : F.filter((Y) => !Y.disabled)[0]) == null ? void 0 : G.date), o.timeZone)), 1)
+                  s("span", null, n(r.computeTime(((z = (C = a.activeTropicals) == null ? void 0 : C.history) == null ? void 0 : z.updated) || ((G = (F = (I = a.activeTropicals) == null ? void 0 : I.forecasts) == null ? void 0 : F.filter((Y) => !Y.disabled)[0]) == null ? void 0 : G.date), o.timeZone)), 1)
                 ])
               ];
             }),
@@ -11643,39 +11629,39 @@ function tm(t, e, o, i, a, r) {
           p(d),
           p(f, { class: "text-body-1 py-3" }, {
             default: u(() => {
-              var L, y, B, D, P, k, x, T, _;
+              var _, T, B, D, x, L, P, C, z;
               return [
                 s("div", pc, [
                   s("div", uc, [
                     s("label", gc, n(t.$t("weather.windSpeed")) + " : ", 1),
-                    s("span", null, n(((y = (L = a.activeTropicals) == null ? void 0 : L.history) == null ? void 0 : y.kts) || "-") + " kts", 1),
+                    s("span", null, n(((T = (_ = a.activeTropicals) == null ? void 0 : _.history) == null ? void 0 : T.kts) || "-") + " kts", 1),
                     s("span", null, ", BF " + n(r.computeBF(((D = (B = a.activeTropicals) == null ? void 0 : B.history) == null ? void 0 : D.kts) || "-")), 1)
                   ]),
                   s("div", fc, [
                     s("label", yc, n(t.$t("weather.pressure")) + " : ", 1),
-                    s("span", null, n(((k = (P = a.activeTropicals) == null ? void 0 : P.history) == null ? void 0 : k.pressure) || "-") + " hPa", 1)
+                    s("span", null, n(((L = (x = a.activeTropicals) == null ? void 0 : x.history) == null ? void 0 : L.pressure) || "-") + " hPa", 1)
                   ])
                 ]),
                 s("div", bc, [
                   s("div", wc, [
                     s("label", xc, n(t.$t("tropical.moveSpeed")) + " : ", 1),
-                    s("span", null, n(((x = r.computeMovement(a.activeTropicals)) == null ? void 0 : x.kts) || "-") + " kts", 1)
+                    s("span", null, n(((P = r.computeMovement(a.activeTropicals)) == null ? void 0 : P.kts) || "-") + " kts", 1)
                   ]),
                   s("div", vc, [
                     s("label", _c, n(t.$t("tropical.moveDir")) + " : ", 1),
-                    s("span", null, n(((T = r.computeMovement(a.activeTropicals)) == null ? void 0 : T.deg) || "-") + "°", 1)
+                    s("span", null, n(((C = r.computeMovement(a.activeTropicals)) == null ? void 0 : C.deg) || "-") + "°", 1)
                   ])
                 ]),
                 s("div", kc, [
                   s("label", zc, n(t.$t("weather.forecastModels")) + " : ", 1),
                   s("div", Lc, [
-                    (g(!0), S(xe, null, ke((_ = a.activeTropicals) == null ? void 0 : _.forecasts, (I, F) => (g(), A(l, {
+                    (g(!0), S(xe, null, ke((z = a.activeTropicals) == null ? void 0 : z.forecasts, (I, F) => (g(), A(l, {
                       key: F,
                       density: "compact",
                       variant: I.disabled ? "text" : "flat",
                       color: I.disabled ? "" : "primary",
                       "min-width": 30,
-                      class: ye(["model text-none text-body-1 px-1", I.disabled ? "btn-border-1 btn-bg-1" : ""]),
+                      class: ge(["model text-none text-body-1 px-1", I.disabled ? "btn-border-1 btn-bg-1" : ""]),
                       onClick: Se((G) => r.handleForecastToggle(I), ["stop"])
                     }, {
                       default: u(() => [
@@ -11701,7 +11687,7 @@ function tm(t, e, o, i, a, r) {
                 variant: "text",
                 color: a.showLegend ? "primary" : "",
                 class: "text-none text-body-1",
-                onClick: e[0] || (e[0] = Se((L) => a.showLegend = !a.showLegend, ["stop"]))
+                onClick: e[0] || (e[0] = Se((_) => a.showLegend = !a.showLegend, ["stop"]))
               }, {
                 prepend: u(() => e[4] || (e[4] = [
                   s("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
@@ -11717,7 +11703,7 @@ function tm(t, e, o, i, a, r) {
                   variant: "text",
                   density: "compact",
                   class: "text-none text-body-1",
-                  onClick: e[1] || (e[1] = Se((L) => r.handleNotification(a.activeTropicals), ["stop"]))
+                  onClick: e[1] || (e[1] = Se((_) => r.handleNotification(a.activeTropicals), ["stop"]))
                 }, {
                   default: u(() => [
                     K(n(t.$t("actions.notify")), 1)
@@ -11729,7 +11715,7 @@ function tm(t, e, o, i, a, r) {
                   density: "compact",
                   "append-icon": "mdi-chevron-right",
                   class: "text-none text-body-1",
-                  onClick: e[2] || (e[2] = Se((L) => r.handleStrikeProbability(a.activeTropicals), ["stop"]))
+                  onClick: e[2] || (e[2] = Se((_) => r.handleStrikeProbability(a.activeTropicals), ["stop"]))
                 }, {
                   default: u(() => [
                     K(n(t.$t("actions.viewReport")), 1)
@@ -11746,7 +11732,7 @@ function tm(t, e, o, i, a, r) {
       o.simple ? (g(), S("div", Tc, e[5] || (e[5] = [
         ei('<div class="pa-1"><div class="legend d-flex justify-start align-center py-2"><div class="icon td"></div><div class="label">TD</div></div><div class="legend d-flex justify-start align-center py-2"><div class="icon sts"></div><div class="label">STS</div></div><div class="legend d-flex justify-start align-center py-2"><div class="icon sty"></div><div class="label">STY</div></div></div><div class="pa-1"><div class="legend d-flex justify-start align-center py-2"><div class="icon ts"></div><div class="label">TS</div></div><div class="legend d-flex justify-start align-center py-2"><div class="icon ty"></div><div class="label">TY</div></div><div class="legend d-flex justify-start align-center py-2"><div class="icon supper-ty"></div><div class="label">Super TY</div></div></div><div class="pa-1"><div class="w-100 legend d-flex justify-start align-center py-2 ga-2"><div class="icon history"></div><div class="label">History</div><div class="icon forecast"></div><div class="label">Forecast</div></div><div class="w-100 legend d-flex justify-start align-center py-2"><div class="icon r7"></div><div class="label">35kts Radii</div></div><div class="w-100 legend d-flex justify-start align-center py-2"><div class="icon r10"></div><div class="label">50kts Radii</div></div></div>', 3)
       ]))) : (g(), S("div", Cc, [
-        Ye(p(v, { elevation: "16" }, {
+        Ye(p(w, { elevation: "16" }, {
           default: u(() => [
             p(f, null, {
               default: u(() => [
@@ -11808,47 +11794,47 @@ function tm(t, e, o, i, a, r) {
         ])
       ]))
     ], 2)) : R("", !0),
-    Ye(p(v, {
+    Ye(p(w, {
       id: "tropicalHoverMarkerInfo",
       elevation: "16",
       "max-width": "280"
     }, {
       default: u(() => [
-        p(z, null, {
+        p(k, null, {
           default: u(() => {
-            var L, y, B, D;
+            var _, T, B, D;
             return [
               s("div", Dc, [
-                s("span", Ic, n(o.locale === "en" ? (L = a.hoverPoint) == null ? void 0 : L.Name : ((y = a.hoverPoint) == null ? void 0 : y.nameCn) || ((B = a.hoverPoint) == null ? void 0 : B.Name)), 1),
+                s("span", Ic, n(o.locale === "en" ? (_ = a.hoverPoint) == null ? void 0 : _.Name : ((T = a.hoverPoint) == null ? void 0 : T.nameCn) || ((B = a.hoverPoint) == null ? void 0 : B.Name)), 1),
                 s("span", Rc, "[ " + n((D = a.hoverPoint) == null ? void 0 : D.level) + " ]", 1)
               ])
             ];
           }),
           _: 1
         }),
-        p(C),
+        p(y),
         p(f, { class: "text-body-1" }, {
           default: u(() => {
-            var L, y, B, D, P, k, x, T, _, I, F, G, Y, Z, Q, $, J, le, ne, se;
+            var _, T, B, D, x, L, P, C, z, I, F, G, Y, Z, Q, $, J, le, ne, se;
             return [
               s("div", Ac, [
-                ((L = a.hoverPoint) == null ? void 0 : L.type) === "forecast" ? (g(), S("div", Oc, [
+                ((_ = a.hoverPoint) == null ? void 0 : _.type) === "forecast" ? (g(), S("div", Oc, [
                   s("label", Bc, n(t.$t("tropical.updated")) + " : ", 1),
-                  s("span", null, n(r.computeTzTime((y = a.hoverPoint) == null ? void 0 : y.update, o.timeZone)), 1)
+                  s("span", null, n(r.computeTzTime((T = a.hoverPoint) == null ? void 0 : T.update, o.timeZone)), 1)
                 ])) : R("", !0),
                 ((B = a.hoverPoint) == null ? void 0 : B.type) === "forecast" ? (g(), S("div", jc, [
                   s("label", Ec, n(t.$t("tropical.forecast")) + " : ", 1),
                   s("span", null, n(r.computeTzTime((D = a.hoverPoint) == null ? void 0 : D.date, o.timeZone)), 1)
                 ])) : R("", !0),
-                ((P = a.hoverPoint) == null ? void 0 : P.type) === "history" ? (g(), S("div", Nc, [
+                ((x = a.hoverPoint) == null ? void 0 : x.type) === "history" ? (g(), S("div", Nc, [
                   s("label", Fc, n(t.$t("tropical.forecast")) + " : ", 1),
-                  s("span", null, n(r.computeTzTime((k = a.hoverPoint) == null ? void 0 : k.date, o.timeZone)), 1)
+                  s("span", null, n(r.computeTzTime((L = a.hoverPoint) == null ? void 0 : L.date, o.timeZone)), 1)
                 ])) : R("", !0),
-                ((x = a.hoverPoint) == null ? void 0 : x.type) === "forecast" ? (g(), S("div", Hc, [
+                ((P = a.hoverPoint) == null ? void 0 : P.type) === "forecast" ? (g(), S("div", Hc, [
                   s("label", Gc, n(t.$t("tropical.model")) + " : ", 1),
-                  s("span", null, n(((T = a.hoverPoint) == null ? void 0 : T.model) ?? "-"), 1)
+                  s("span", null, n(((C = a.hoverPoint) == null ? void 0 : C.model) ?? "-"), 1)
                 ])) : R("", !0),
-                ((_ = a.hoverPoint) == null ? void 0 : _.type) === "forecast" ? (g(), S("div", Wc, [
+                ((z = a.hoverPoint) == null ? void 0 : z.type) === "forecast" ? (g(), S("div", Wc, [
                   s("label", Uc, n(t.$t("weather.wind")) + " : ", 1),
                   s("span", null, n(((F = JSON.parse((I = a.hoverPoint) == null ? void 0 : I.wind)) == null ? void 0 : F.kts) ?? "-") + " kts", 1)
                 ])) : R("", !0),
@@ -12039,11 +12025,11 @@ const om = {
       this.currentDate = i.clone().format("YYYY-MM-DD"), this.currentTime = i.clone().format("HH:00"), this.currentDateTime = `${M.tz(this.currentTimestamp, this.timeZoneName).clone().format("yyyy-MM-DD : HH:00")}`, this.currentRealTime = `${M.tz(M().unix() * 1e3, this.timeZoneName).clone().format("HH:mm")}`;
     },
     handleResetMinMax() {
-      var a, r, l, c, m;
+      var a, r, l, m, c;
       if (!this.dayAbout.h || !this.dayAbout.f)
         return;
       const t = M().utc().date(), e = Math.ceil(M().utc().hour() / 3) * 3, o = ((a = M()) == null ? void 0 : a.utc().set({ date: t, hour: e, minute: 0, second: 0, millisecond: 0 }).unix()) * 1e3, i = M.tz(o, this.timeZoneName).clone();
-      this.minDate = i.clone().add(this.dayAbout.h, "day").format("yyyy-MM-DD"), this.maxDate = i.clone().add(this.dayAbout.f, "day").format("yyyy-MM-DD"), this.minTimestamp = ((l = (r = M()) == null ? void 0 : r.utc()) == null ? void 0 : l.set({ date: t + this.dayAbout.h, hour: 0, minute: 0, second: 0, millisecond: 0 }).unix()) * 1e3, this.maxTimestamp = ((m = (c = M()) == null ? void 0 : c.utc()) == null ? void 0 : m.set({ date: t + this.dayAbout.f, hour: 0, minute: 0, second: 0, millisecond: 0 }).unix()) * 1e3, this.$emit("minTimestamp", this.minTimestamp), this.$emit("maxTimestamp", this.maxTimestamp);
+      this.minDate = i.clone().add(this.dayAbout.h, "day").format("yyyy-MM-DD"), this.maxDate = i.clone().add(this.dayAbout.f, "day").format("yyyy-MM-DD"), this.minTimestamp = ((l = (r = M()) == null ? void 0 : r.utc()) == null ? void 0 : l.set({ date: t + this.dayAbout.h, hour: 0, minute: 0, second: 0, millisecond: 0 }).unix()) * 1e3, this.maxTimestamp = ((c = (m = M()) == null ? void 0 : m.utc()) == null ? void 0 : c.set({ date: t + this.dayAbout.f, hour: 0, minute: 0, second: 0, millisecond: 0 }).unix()) * 1e3, this.$emit("minTimestamp", this.minTimestamp), this.$emit("maxTimestamp", this.maxTimestamp);
     },
     handleOpenDatePicker() {
       this.disabled || (this.showDatePicker = !this.showDatePicker, this.handleUpdateMonth());
@@ -12083,16 +12069,16 @@ const om = {
   style: { height: "56px" }
 };
 function nm(t, e, o, i, a, r) {
-  const l = w("VDatePicker"), c = w("VDivider"), m = w("VListItemTitle"), f = w("VListItem"), d = w("VList"), b = w("VCardText"), v = w("VBtn"), z = w("VCardActions"), C = w("VCard");
+  const l = v("VDatePicker"), m = v("VDivider"), c = v("VListItemTitle"), f = v("VListItem"), d = v("VList"), b = v("VCardText"), w = v("VBtn"), k = v("VCardActions"), y = v("VCard");
   return g(), S("div", am, [
     s("div", {
       style: ee({ height: o.height + "px", width: o.width + "px" }),
-      class: ye([o.bgClass, "rounded text-body-1 btn-border-1 btn-bg-1 d-flex align-center justify-space-between px-2 cursor-pointer"]),
-      onClick: e[0] || (e[0] = (...L) => r.handleOpenDatePicker && r.handleOpenDatePicker(...L))
+      class: ge([o.bgClass, "rounded text-body-1 btn-border-1 btn-bg-1 d-flex align-center justify-space-between px-2 cursor-pointer"]),
+      onClick: e[0] || (e[0] = (..._) => r.handleOpenDatePicker && r.handleOpenDatePicker(..._))
     }, [
       s("span", im, n(a.currentDateTime) + " | UTC " + n(o.timeZone < 0 ? o.timeZone : "+" + o.timeZone), 1)
     ], 6),
-    a.showDatePicker ? (g(), A(C, {
+    a.showDatePicker ? (g(), A(y, {
       key: 0,
       class: "card-box d-flex flex-column border",
       style: ee(r.getStyle)
@@ -12103,7 +12089,7 @@ function nm(t, e, o, i, a, r) {
             s("div", rm, [
               p(l, {
                 modelValue: a.currentDate,
-                "onUpdate:modelValue": e[1] || (e[1] = (L) => a.currentDate = L),
+                "onUpdate:modelValue": e[1] || (e[1] = (_) => a.currentDate = _),
                 min: a.minDate,
                 max: a.maxDate,
                 "mode-icon": () => r.currentYear,
@@ -12115,7 +12101,7 @@ function nm(t, e, o, i, a, r) {
                 "onUpdate:month": r.handleUpdateMonth
               }, null, 8, ["modelValue", "min", "max", "mode-icon", "onUpdate:month"])
             ]),
-            p(c, {
+            p(m, {
               class: "h-100",
               vertical: ""
             }),
@@ -12123,22 +12109,22 @@ function nm(t, e, o, i, a, r) {
               s("div", lm, n(a.currentTime), 1),
               p(d, { class: "pa-0 flex-1-1-0 scroll" }, {
                 default: u(() => [
-                  (g(!0), S(xe, null, ke(r.hourOptions, (L, y) => (g(), A(f, {
-                    key: y,
-                    value: L,
+                  (g(!0), S(xe, null, ke(r.hourOptions, (_, T) => (g(), A(f, {
+                    key: T,
+                    value: _,
                     color: "primary",
-                    active: a.currentTime === L,
+                    active: a.currentTime === _,
                     rounded: "",
                     height: "26",
                     "min-height": "26"
                   }, {
                     default: u(() => [
-                      p(m, {
+                      p(c, {
                         class: "text-body-2 font-weight-600 text-center",
-                        onClick: (B) => a.currentTime = L
+                        onClick: (B) => a.currentTime = _
                       }, {
                         default: u(() => [
-                          K(n(L), 1)
+                          K(n(_), 1)
                         ]),
                         _: 2
                       }, 1032, ["onClick"])
@@ -12152,13 +12138,13 @@ function nm(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(c),
-        p(z, {
+        p(m),
+        p(k, {
           class: "justify-end pa-0 pr-4",
           style: { height: "50px" }
         }, {
           default: u(() => [
-            p(v, {
+            p(w, {
               size: "small",
               variant: "tonal",
               class: "text-none text-body-2",
@@ -12169,7 +12155,7 @@ function nm(t, e, o, i, a, r) {
               ]),
               _: 1
             }, 8, ["onClick"]),
-            p(v, {
+            p(w, {
               size: "small",
               variant: "flat",
               color: "primary",
@@ -12318,7 +12304,7 @@ const cm = {
       this.handleResetDateRange(), this.handleResetMinMax();
     },
     handleResetDateRange() {
-      var r, l, c;
+      var r, l, m;
       let t, e;
       if ((r = this.defaultRange) != null && r.length ? (t = this.defaultRange[0], e = (l = M(M(this.defaultRange[1]).set({ hour: 23, minute: 59, second: 59, millisecond: 59 }))) == null ? void 0 : l.diff(M(this.defaultRange[0]).set({ hour: 0, minute: 0, second: 0, millisecond: 0 }), "d", !0)) : e = this.defaultDays, !e) {
         this.dateRange = [], this.dateRangeStr = "", this.$emit("dateRange", []);
@@ -12326,13 +12312,13 @@ const cm = {
       }
       const o = M.tz(t, this.timeZoneName).clone(), i = [];
       if (e < 0)
-        for (let m = e + 1; m <= 0; m++)
-          i.push(o.clone().add(m, "days").format());
+        for (let c = e + 1; c <= 0; c++)
+          i.push(o.clone().add(c, "days").format());
       else
-        for (let m = 0; m < e; m++)
-          i.push(o.clone().add(m, "days").format());
+        for (let c = 0; c < e; c++)
+          i.push(o.clone().add(c, "days").format());
       this.dateRange = i;
-      const a = [this.dateRange[0], this.dateRange[((c = this.dateRange) == null ? void 0 : c.length) - 1]];
+      const a = [this.dateRange[0], this.dateRange[((m = this.dateRange) == null ? void 0 : m.length) - 1]];
       this.dateRangeStr = `${M.tz(a[0], this.timeZoneName).format("yyyy-MM-DD")} ~ ${M.tz(a[1], this.timeZoneName).format("yyyy-MM-DD")}`, this.$emit(
         "dateRange",
         [
@@ -12379,12 +12365,12 @@ const cm = {
   ref: "idmGl4DatePicker"
 }, hm = { class: "flex-1-1-0" }, dm = { class: "pa-0" };
 function pm(t, e, o, i, a, r) {
-  const l = w("VIcon"), c = w("VDatePicker"), m = w("VCardText"), f = w("VDivider"), d = w("VBtn"), b = w("VCardActions"), v = w("VCard");
+  const l = v("VIcon"), m = v("VDatePicker"), c = v("VCardText"), f = v("VDivider"), d = v("VBtn"), b = v("VCardActions"), w = v("VCard");
   return g(), S("div", mm, [
     s("div", {
       style: ee({ height: o.height + "px", width: o.width + "px" }),
       class: "rounded text-body-1 btn-border-1 btn-bg-1 d-flex align-center justify-space-between px-2 cursor-pointer",
-      onClick: e[0] || (e[0] = (...z) => r.handleOpenDatePicker && r.handleOpenDatePicker(...z))
+      onClick: e[0] || (e[0] = (...k) => r.handleOpenDatePicker && r.handleOpenDatePicker(...k))
     }, [
       s("span", hm, n(a.dateRangeStr), 1),
       a.dateRangeStr ? (g(), A(l, {
@@ -12394,18 +12380,18 @@ function pm(t, e, o, i, a, r) {
         onClick: Se(r.handleClearDate, ["stop"])
       }, null, 8, ["onClick"])) : R("", !0)
     ], 4),
-    a.showDatePicker ? (g(), A(v, {
+    a.showDatePicker ? (g(), A(w, {
       key: 0,
       class: "card-box d-flex flex-column border",
       style: ee(r.getStyle)
     }, {
       default: u(() => [
-        p(m, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
+        p(c, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
           default: u(() => [
             s("div", dm, [
-              p(c, {
+              p(m, {
                 modelValue: a.dateRange,
-                "onUpdate:modelValue": e[1] || (e[1] = (z) => a.dateRange = z),
+                "onUpdate:modelValue": e[1] || (e[1] = (k) => a.dateRange = k),
                 min: a.minDate,
                 max: a.maxDate,
                 "mode-icon": () => r.currentYear,
@@ -13496,10 +13482,10 @@ const um = {
       }), this.loading = !1;
     },
     initTableData(t) {
-      var o, i, a, r, l, c, m, f, d, b, v, z, C, L, y, B, D, P, k, x, T, _, I, F, G, Y, Z, Q, $, J, le, ne, se, ie, me, ue, he, de, O, te, be;
+      var o, i, a, r, l, m, c, f, d, b, w, k, y, _, T, B, D, x, L, P, C, z, I, F, G, Y, Z, Q, $, J, le, ne, se, ie, me, ue, he, de, O, te, be;
       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 = ((l = To.pickHourly(t, M(this.form.dateTime))) == null ? void 0 : l[0]) || {};
-      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((f = (m = e == null ? void 0 : e.weather) == null ? void 0 : m.precip) == null ? void 0 : f.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((b = (d = e == null ? void 0 : e.weather) == null ? void 0 : d.precip) == null ? void 0 : b.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((v = e == null ? void 0 : e.weather) == null ? void 0 : v.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((C = (z = e == null ? void 0 : e.weather) == null ? void 0 : z.wind) == null ? void 0 : C.kts, 1) ?? "-", this.currentHourData.windDir = ((y = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : y.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((D = (B = e == null ? void 0 : e.weather) == null ? void 0 : B.wind) == null ? void 0 : D.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((k = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.wind) == null ? void 0 : k.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((T = (x = e == null ? void 0 : e.wave) == null ? void 0 : x.sig) == null ? void 0 : T.height, 1) ?? "-", this.currentHourData.sigwaveDir = (I = (_ = e == null ? void 0 : e.wave) == null ? void 0 : _.sig) == null ? void 0 : I.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((G = (F = e == null ? void 0 : e.wave) == null ? void 0 : F.sig) == null ? void 0 : G.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((Z = (Y = e == null ? void 0 : e.wave) == null ? void 0 : Y.wd) == null ? void 0 : Z.height, 1) ?? "-", this.currentHourData.windwaveDir = ($ = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : $.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((le = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : le.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((se = (ne = e == null ? void 0 : e.wave) == null ? void 0 : ne.swell) == null ? void 0 : se.height, 1) ?? "-", this.currentHourData.swellDir = (me = (ie = e == null ? void 0 : e.wave) == null ? void 0 : ie.swell) == null ? void 0 : me.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((he = (ue = e == null ? void 0 : e.wave) == null ? void 0 : ue.swell) == null ? void 0 : he.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((de = e == null ? void 0 : e.current) == null ? void 0 : de.speed, 1) ?? "-", this.currentHourData.currentDir = (O = e == null ? void 0 : e.current) == null ? void 0 : O.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((te = e == null ? void 0 : e.current) == null ? void 0 : te.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (be = e == null ? void 0 : e.weather) == null ? void 0 : be.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((m = e == null ? void 0 : e.weather) == null ? void 0 : m.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((f = (c = e == null ? void 0 : e.weather) == null ? void 0 : c.precip) == null ? void 0 : f.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((b = (d = e == null ? void 0 : e.weather) == null ? void 0 : d.precip) == null ? void 0 : b.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((w = e == null ? void 0 : e.weather) == null ? void 0 : w.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((y = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : y.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : T.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((D = (B = e == null ? void 0 : e.weather) == null ? void 0 : B.wind) == null ? void 0 : D.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((L = (x = e == null ? void 0 : e.weather) == null ? void 0 : x.wind) == null ? void 0 : L.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (P = e == null ? void 0 : e.wave) == null ? void 0 : P.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (I = (z = e == null ? void 0 : e.wave) == null ? void 0 : z.sig) == null ? void 0 : I.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((G = (F = e == null ? void 0 : e.wave) == null ? void 0 : F.sig) == null ? void 0 : G.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((Z = (Y = e == null ? void 0 : e.wave) == null ? void 0 : Y.wd) == null ? void 0 : Z.height, 1) ?? "-", this.currentHourData.windwaveDir = ($ = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : $.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((le = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : le.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((se = (ne = e == null ? void 0 : e.wave) == null ? void 0 : ne.swell) == null ? void 0 : se.height, 1) ?? "-", this.currentHourData.swellDir = (me = (ie = e == null ? void 0 : e.wave) == null ? void 0 : ie.swell) == null ? void 0 : me.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((he = (ue = e == null ? void 0 : e.wave) == null ? void 0 : ue.swell) == null ? void 0 : he.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((de = e == null ? void 0 : e.current) == null ? void 0 : de.speed, 1) ?? "-", this.currentHourData.currentDir = (O = e == null ? void 0 : e.current) == null ? void 0 : O.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((te = e == null ? void 0 : e.current) == null ? void 0 : te.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (be = e == null ? void 0 : e.weather) == null ? void 0 : be.url;
     },
     handleBind() {
       var t, e;
@@ -13618,18 +13604,18 @@ const um = {
   "aria-hidden": "true"
 }, bh = ["xlink:href"];
 function wh(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("VTooltip"), m = w("VCardTitle"), f = w("VDivider"), d = w("VTextField"), b = w("VCol"), v = w("VRow"), z = w("DateTimePicker"), C = w("VBtnToggle"), L = w("VCardText"), y = w("VCardActions"), B = w("VForm"), D = w("VCard"), P = w("VIcon");
+  const l = v("VBtn"), m = v("VTooltip"), c = v("VCardTitle"), f = v("VDivider"), d = v("VTextField"), b = v("VCol"), w = v("VRow"), k = v("DateTimePicker"), y = v("VBtnToggle"), _ = v("VCardText"), T = v("VCardActions"), B = v("VForm"), D = v("VCard");
   return g(), S("div", gm, [
     s("div", {
       class: "menu-bar-box transition pa-1",
       style: ee({ top: o.top + o.paddingTop + 126 + "px", right: a.right + "px" })
     }, [
-      p(c, {
+      p(m, {
         text: t.$t("spot.spotsMeteo"),
         location: "left"
       }, {
-        activator: u(({ props: k }) => [
-          p(l, j(k, {
+        activator: u(({ props: x }) => [
+          p(l, j(x, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -13652,7 +13638,7 @@ function wh(t, e, o, i, a, r) {
       style: ee({ top: o.top + o.paddingTop + 126 + "px", right: a.right + 50 + "px" })
     }, {
       default: u(() => [
-        p(m, { class: "d-flex justify-space-between align-center" }, {
+        p(c, { class: "d-flex justify-space-between align-center" }, {
           default: u(() => [
             s("div", fm, [
               s("div", ym, n(t.$t("spot.spotWeather")), 1)
@@ -13681,7 +13667,7 @@ function wh(t, e, o, i, a, r) {
           onSubmit: Se(r.submitForm, ["prevent"])
         }, {
           default: u(() => [
-            p(L, { class: "text-body-1 py-1" }, {
+            p(_, { class: "text-body-1 py-1" }, {
               default: u(() => [
                 s("div", bm, [
                   (g(), S("svg", wm, [
@@ -13691,7 +13677,7 @@ function wh(t, e, o, i, a, r) {
                   ])),
                   s("div", null, n(t.$t("spot.lng")), 1)
                 ]),
-                p(v, { class: "ma-0" }, {
+                p(w, { class: "ma-0" }, {
                   default: u(() => [
                     p(b, {
                       cols: "4",
@@ -13700,7 +13686,7 @@ function wh(t, e, o, i, a, r) {
                       default: u(() => [
                         p(d, {
                           modelValue: a.form.lngDegree,
-                          "onUpdate:modelValue": e[0] || (e[0] = (k) => a.form.lngDegree = k),
+                          "onUpdate:modelValue": e[0] || (e[0] = (x) => a.form.lngDegree = x),
                           rules: a.formRules.lngDegree,
                           density: "compact",
                           variant: "outlined",
@@ -13720,7 +13706,7 @@ function wh(t, e, o, i, a, r) {
                       default: u(() => [
                         p(d, {
                           modelValue: a.form.lngMinute,
-                          "onUpdate:modelValue": e[1] || (e[1] = (k) => a.form.lngMinute = k),
+                          "onUpdate:modelValue": e[1] || (e[1] = (x) => a.form.lngMinute = x),
                           rules: a.formRules.lngMinute,
                           label: "",
                           density: "compact",
@@ -13747,7 +13733,7 @@ function wh(t, e, o, i, a, r) {
                           height: "32",
                           class: "text-body-1 btn-bg-1",
                           style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
-                          onClick: e[2] || (e[2] = (k) => a.form.lngDirection = a.form.lngDirection === "E" ? "W" : "E")
+                          onClick: e[2] || (e[2] = (x) => a.form.lngDirection = a.form.lngDirection === "E" ? "W" : "E")
                         }, {
                           default: u(() => [
                             K(n(a.form.lngDirection), 1)
@@ -13768,7 +13754,7 @@ function wh(t, e, o, i, a, r) {
                   ])),
                   s("div", null, n(t.$t("spot.lat")), 1)
                 ]),
-                p(v, { class: "ma-0" }, {
+                p(w, { class: "ma-0" }, {
                   default: u(() => [
                     p(b, {
                       cols: "4",
@@ -13777,7 +13763,7 @@ function wh(t, e, o, i, a, r) {
                       default: u(() => [
                         p(d, {
                           modelValue: a.form.latDegree,
-                          "onUpdate:modelValue": e[3] || (e[3] = (k) => a.form.latDegree = k),
+                          "onUpdate:modelValue": e[3] || (e[3] = (x) => a.form.latDegree = x),
                           rules: a.formRules.latDegree,
                           label: "",
                           density: "compact",
@@ -13800,7 +13786,7 @@ function wh(t, e, o, i, a, r) {
                       default: u(() => [
                         p(d, {
                           modelValue: a.form.latMinute,
-                          "onUpdate:modelValue": e[4] || (e[4] = (k) => a.form.latMinute = k),
+                          "onUpdate:modelValue": e[4] || (e[4] = (x) => a.form.latMinute = x),
                           rules: a.formRules.latMinute,
                           label: "",
                           density: "compact",
@@ -13827,7 +13813,7 @@ function wh(t, e, o, i, a, r) {
                           height: "32",
                           class: "text-body-1 btn-bg-1",
                           style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
-                          onClick: e[5] || (e[5] = (k) => a.form.latDirection = a.form.latDirection === "N" ? "S" : "N")
+                          onClick: e[5] || (e[5] = (x) => a.form.latDirection = a.form.latDirection === "N" ? "S" : "N")
                         }, {
                           default: u(() => [
                             K(n(a.form.latDirection), 1)
@@ -13848,18 +13834,18 @@ function wh(t, e, o, i, a, r) {
                   ])),
                   s("div", null, n(t.$t("spot.dateTime")), 1)
                 ]),
-                p(v, { class: "ma-0 mb-4" }, {
+                p(w, { class: "ma-0 mb-4" }, {
                   default: u(() => [
                     p(b, {
                       cols: "12",
                       class: "pa-0"
                     }, {
                       default: u(() => [
-                        p(z, j({
+                        p(k, j({
                           "date-time": a.form.dateTime,
                           "time-zone": o.timeZone
                         }, t.$attrs, {
-                          onDateTime: e[6] || (e[6] = (k) => a.form.dateTime = k)
+                          onDateTime: e[6] || (e[6] = (x) => a.form.dateTime = x)
                         }), null, 16, ["date-time", "time-zone"])
                       ]),
                       _: 1
@@ -13875,16 +13861,16 @@ function wh(t, e, o, i, a, r) {
                   ])),
                   s("div", null, n(t.$t("weather.forecastModel")), 1)
                 ]),
-                p(v, { class: "ma-0 mb-2" }, {
+                p(w, { class: "ma-0 mb-2" }, {
                   default: u(() => [
                     p(b, {
                       cols: "12",
                       class: "pa-0"
                     }, {
                       default: u(() => [
-                        p(C, {
+                        p(y, {
                           modelValue: a.form.forecastModel,
-                          "onUpdate:modelValue": e[7] || (e[7] = (k) => a.form.forecastModel = k),
+                          "onUpdate:modelValue": e[7] || (e[7] = (x) => a.form.forecastModel = x),
                           class: "w-100",
                           rounded: "",
                           height: "30",
@@ -13896,7 +13882,7 @@ function wh(t, e, o, i, a, r) {
                               density: "compact",
                               height: "30",
                               value: "GFS",
-                              class: ye(["text-none flex-1-1-0", a.form.forecastModel === "GFS" ? "" : "btn-border-1 btn-bg-1"]),
+                              class: ge(["text-none flex-1-1-0", a.form.forecastModel === "GFS" ? "" : "btn-border-1 btn-bg-1"]),
                               color: a.form.forecastModel === "GFS" ? "primary" : "",
                               "base-color": ""
                             }, {
@@ -13909,7 +13895,7 @@ function wh(t, e, o, i, a, r) {
                             p(l, {
                               density: "compact",
                               height: "30",
-                              class: ye(["text-none flex-1-1-0", a.form.forecastModel === "ECMWF" ? "" : "btn-border-1 btn-bg-1"]),
+                              class: ge(["text-none flex-1-1-0", a.form.forecastModel === "ECMWF" ? "" : "btn-border-1 btn-bg-1"]),
                               color: a.form.forecastModel === "ECMWF" ? "primary" : "",
                               "base-color": "",
                               value: "ECMWF"
@@ -13933,7 +13919,7 @@ function wh(t, e, o, i, a, r) {
               _: 1
             }),
             p(f),
-            p(y, { class: "d-flex justify-end align-center ga-4" }, {
+            p(T, { class: "d-flex justify-end align-center ga-4" }, {
               default: u(() => [
                 p(l, {
                   size: "small",
@@ -13976,7 +13962,7 @@ function wh(t, e, o, i, a, r) {
       style: { width: "490px", "z-index": "9" }
     }, {
       default: u(() => [
-        p(m, { class: "d-flex justify-space-between align-center" }, {
+        p(c, { class: "d-flex justify-space-between align-center" }, {
           default: u(() => [
             s("div", Mm, [
               e[16] || (e[16] = s("i", { class: "iconfont icon-a-Spotweather text-h5 map-icon-aqua" }, null, -1)),
@@ -13999,20 +13985,20 @@ function wh(t, e, o, i, a, r) {
           _: 1
         }),
         p(f),
-        p(L, { class: "text-body-1 px-0 py-1" }, {
+        p(_, { class: "text-body-1 px-0 py-1" }, {
           default: u(() => {
-            var k, x;
+            var x, L;
             return [
               s("div", Im, [
                 s("div", Rm, n(t.$t("time.time")), 1),
-                s("div", Am, n(r.computedTzTime((k = a.currentHourData) == null ? void 0 : k.utc)), 1)
+                s("div", Am, n(r.computedTzTime((x = a.currentHourData) == null ? void 0 : x.utc)), 1)
               ]),
               s("div", Om, [
                 e[18] || (e[18] = s("div", {
                   style: { width: "100px" },
                   class: "pa-0 pr-2 text-right opacity-50"
                 }, "LT", -1)),
-                s("div", Bm, n(r.computedLocalTime((x = a.currentHourData) == null ? void 0 : x.utc)), 1)
+                s("div", Bm, n(r.computedLocalTime((L = a.currentHourData) == null ? void 0 : L.utc)), 1)
               ]),
               s("div", jm, [
                 s("div", Em, n(t.$t("weather.wind")), 1),
@@ -14037,13 +14023,13 @@ function wh(t, e, o, i, a, r) {
           _: 1
         }),
         p(f),
-        p(y, { class: "d-flex justify-space-between align-center" }, {
+        p(T, { class: "d-flex justify-space-between align-center" }, {
           default: u(() => {
-            var k;
+            var x;
             return [
-              (k = o.followList) != null && k.some((x) => {
-                var T, _;
-                return (x == null ? void 0 : x.id) === a.form.followId || ((T = x == null ? void 0 : x.coordinate) == null ? void 0 : T.lng) === a.form.lng && ((_ = x == null ? void 0 : x.coordinate) == null ? void 0 : _.lat) === a.form.lat;
+              (x = o.followList) != null && x.some((L) => {
+                var P, C;
+                return (L == null ? void 0 : L.id) === a.form.followId || ((P = L == null ? void 0 : L.coordinate) == null ? void 0 : P.lng) === a.form.lng && ((C = L == null ? void 0 : L.coordinate) == null ? void 0 : C.lat) === a.form.lat;
               }) ? (g(), A(l, {
                 key: 0,
                 class: "text-none text-body-1",
@@ -14054,12 +14040,9 @@ function wh(t, e, o, i, a, r) {
                 "prepend-icon": "mdi-star",
                 onClick: Se(r.handleCancelFollow, ["stop"])
               }, {
-                prepend: u(() => [
-                  p(P, {
-                    color: "warning",
-                    style: { "font-size": "20px", "margin-top": "-2px" }
-                  })
-                ]),
+                prepend: u(() => e[19] || (e[19] = [
+                  s("i", { class: "iconfont icon-yishoucang text-h6 text-warning" }, null, -1)
+                ])),
                 default: u(() => [
                   K(" " + n(t.$t("actions.unfollow")), 1)
                 ]),
@@ -14071,12 +14054,11 @@ function wh(t, e, o, i, a, r) {
                 variant: "text",
                 density: "compact",
                 height: "32",
-                "prepend-icon": "mdi-star-outline",
                 onClick: Se(r.handleFollow, ["stop"])
               }, {
-                prepend: u(() => [
-                  p(P, { style: { "font-size": "20px", "margin-top": "-2px" } })
-                ]),
+                prepend: u(() => e[20] || (e[20] = [
+                  s("i", { class: "iconfont icon-weishoucang text-h6" }, null, -1)
+                ])),
                 default: u(() => [
                   K(n(t.$t("actions.follow")) + " ", 1)
                 ]),
@@ -14108,19 +14090,19 @@ function wh(t, e, o, i, a, r) {
       style: { width: "100vw", "z-index": "1001" }
     }, {
       default: u(() => [
-        p(m, null, {
+        p(c, null, {
           default: u(() => {
-            var k;
+            var x;
             return [
               s("div", Qm, [
                 s("div", $m, [
-                  e[19] || (e[19] = s("i", { class: "iconfont icon-a-Spotweather text-h5 map-icon-aqua" }, null, -1)),
+                  e[21] || (e[21] = s("i", { class: "iconfont icon-a-Spotweather text-h5 map-icon-aqua" }, null, -1)),
                   s("div", eh, n(r.computePosition(a.form || a.currentHourData)), 1)
                 ]),
                 s("div", th, [
-                  (k = o.followList) != null && k.some((x) => {
-                    var T, _;
-                    return (x == null ? void 0 : x.id) === a.form.followId || ((T = x == null ? void 0 : x.coordinate) == null ? void 0 : T.lng) === a.form.lng && ((_ = x == null ? void 0 : x.coordinate) == null ? void 0 : _.lat) === a.form.lat;
+                  (x = o.followList) != null && x.some((L) => {
+                    var P, C;
+                    return (L == null ? void 0 : L.id) === a.form.followId || ((P = L == null ? void 0 : L.coordinate) == null ? void 0 : P.lng) === a.form.lng && ((C = L == null ? void 0 : L.coordinate) == null ? void 0 : C.lat) === a.form.lat;
                   }) ? (g(), A(l, {
                     key: 0,
                     class: "text-none text-body-1 rounded-circle",
@@ -14131,14 +14113,11 @@ function wh(t, e, o, i, a, r) {
                     "min-width": "28",
                     onClick: Se(r.handleCancelFollow, ["stop"])
                   }, {
-                    default: u(() => [
-                      p(P, {
-                        icon: "mdi-star",
-                        color: "warning",
-                        size: "20"
-                      })
-                    ]),
-                    _: 1
+                    default: u(() => e[22] || (e[22] = [
+                      s("i", { class: "iconfont icon-yishoucang text-h4 text-warning" }, null, -1)
+                    ])),
+                    _: 1,
+                    __: [22]
                   }, 8, ["onClick"])) : (g(), A(l, {
                     key: 1,
                     class: "text-none text-body-1 rounded-circle",
@@ -14149,13 +14128,11 @@ function wh(t, e, o, i, a, r) {
                     "min-width": "28",
                     onClick: Se(r.handleFollow, ["stop"])
                   }, {
-                    default: u(() => [
-                      p(P, {
-                        icon: "mdi-star-outline",
-                        size: "20"
-                      })
-                    ]),
-                    _: 1
+                    default: u(() => e[23] || (e[23] = [
+                      s("i", { class: "iconfont icon-weishoucang text-h4" }, null, -1)
+                    ])),
+                    _: 1,
+                    __: [23]
                   }, 8, ["onClick"])),
                   p(l, {
                     class: "mr-n2",
@@ -14164,35 +14141,35 @@ function wh(t, e, o, i, a, r) {
                     variant: "plain",
                     onClick: Se(r.handleCloseMeteo, ["stop"])
                   }, {
-                    default: u(() => e[20] || (e[20] = [
+                    default: u(() => e[24] || (e[24] = [
                       s("i", { class: "iconfont icon-close text-label text-h4" }, null, -1)
                     ])),
                     _: 1,
-                    __: [20]
+                    __: [24]
                   }, 8, ["onClick"])
                 ])
               ]),
-              e[21] || (e[21] = s("div", { class: "px-5 py-0 text-label text-body-1" }, "Spot Weather", -1))
+              e[25] || (e[25] = s("div", { class: "px-5 py-0 text-label text-body-1" }, "Spot Weather", -1))
             ];
           }),
           _: 1,
-          __: [21]
+          __: [25]
         }),
         p(f),
-        p(L, { class: "text-body-1 px-0 py-2" }, {
+        p(_, { class: "text-body-1 px-0 py-2" }, {
           default: u(() => {
-            var k, x;
+            var x, L;
             return [
               s("div", oh, [
                 s("div", ah, n(t.$t("time.time")), 1),
-                s("div", ih, n(r.computedTzTime((k = a.currentHourData) == null ? void 0 : k.utc)), 1)
+                s("div", ih, n(r.computedTzTime((x = a.currentHourData) == null ? void 0 : x.utc)), 1)
               ]),
               s("div", rh, [
-                e[22] || (e[22] = s("div", {
+                e[26] || (e[26] = s("div", {
                   style: { width: "60px" },
                   class: "pa-0 pr-2 text-right opacity-50"
                 }, "LT", -1)),
-                s("div", sh, n(r.computedLocalTime((x = a.currentHourData) == null ? void 0 : x.utc)), 1)
+                s("div", sh, n(r.computedLocalTime((L = a.currentHourData) == null ? void 0 : L.utc)), 1)
               ]),
               s("div", lh, [
                 s("div", nh, [
@@ -14341,41 +14318,41 @@ const vh = {
       }
     },
     handleDrag(t) {
-      var o, i, a, r, l, c, m, f, d, b;
+      var o, i, a, r, l, m, c, f, d, b;
       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 v = this.geojson.filter((y) => y.id === e.split("-")[0])[0];
-        this.pointMarkers[v.id].filter((y) => {
+        const w = this.geojson.filter((T) => T.id === e.split("-")[0])[0];
+        this.pointMarkers[w.id].filter((T) => {
           var B;
-          return ((B = y._element) == null ? void 0 : B.id) === e;
-        })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : c.lat]);
-        let C;
-        v.features.forEach((y, B) => {
-          if (y.geometry.type === "Point" && y.properties.id === e.split("-")[1]) {
-            C = B;
+          return ((B = T._element) == null ? void 0 : B.id) === e;
+        })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (m = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : m.lat]);
+        let y;
+        w.features.forEach((T, B) => {
+          if (T.geometry.type === "Point" && T.properties.id === e.split("-")[1]) {
+            y = B;
             return;
           }
         });
-        const L = v.features.filter((y) => y.geometry.type === "Point");
+        const _ = w.features.filter((T) => T.geometry.type === "Point");
         this.handleTmpPointUpdate(
-          v,
-          L[C - 1],
-          { lng: (f = (m = t.target) == null ? void 0 : m._lngLat) == null ? void 0 : f.lng, lat: (b = (d = t.target) == null ? void 0 : d._lngLat) == null ? void 0 : b.lat, properties: L[C].properties },
-          C === L.length - 1 ? void 0 : L[C + 1]
+          w,
+          _[y - 1],
+          { lng: (f = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : f.lng, lat: (b = (d = t.target) == null ? void 0 : d._lngLat) == null ? void 0 : b.lat, properties: _[y].properties },
+          y === _.length - 1 ? void 0 : _[y + 1]
         );
       }
     },
     handleDragEnd(t) {
-      var o, i, a, r, l, c, m, f, d, b;
+      var o, i, a, r, l, m, c, f, d, b;
       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 v = this.geojson.filter((L) => L.id === e.split("-")[0])[0];
-        this.pointMarkers[v.id].filter((L) => {
-          var y;
-          return ((y = L._element) == null ? void 0 : y.id) === e;
-        })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : c.lat]);
-        const C = v.features.filter((L) => L.geometry.type === "Point" && L.properties.id === e.split("-")[1])[0];
-        C.geometry.coordinates = [(f = (m = t.target) == null ? void 0 : m._lngLat) == null ? void 0 : f.lng, (b = (d = t.target) == null ? void 0 : d._lngLat) == null ? void 0 : b.lat], v.features = v.features.filter((L) => L.geometry.type === "Point"), this.handlePointUpdate(v);
+        const w = this.geojson.filter((_) => _.id === e.split("-")[0])[0];
+        this.pointMarkers[w.id].filter((_) => {
+          var T;
+          return ((T = _._element) == null ? void 0 : T.id) === e;
+        })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (m = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : m.lat]);
+        const y = w.features.filter((_) => _.geometry.type === "Point" && _.properties.id === e.split("-")[1])[0];
+        y.geometry.coordinates = [(f = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : f.lng, (b = (d = t.target) == null ? void 0 : d._lngLat) == null ? void 0 : b.lat], w.features = w.features.filter((_) => _.geometry.type === "Point"), this.handlePointUpdate(w);
       }
     },
     handleContextmenu(t) {
@@ -14383,26 +14360,26 @@ const vh = {
       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 c = this.geojson.filter((m) => m.id === e.split("-")[0])[0].features.filter((m) => m.geometry.type === "Point");
-        if (c.length > 2 && c.filter((f) => f.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
+        const m = this.geojson.filter((c) => c.id === e.split("-")[0])[0].features.filter((c) => c.geometry.type === "Point");
+        if (m.length > 2 && m.filter((f) => f.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
           const f = document.createElement("div");
           f.className = "idm-gl4-measure-contextmenu-marker", f.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new ze.Marker(f).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
         }
       }
     },
     handleClick(t) {
-      var o, i, a, r, l, c;
+      var o, i, a, r, l, m;
       (o = this.contextmenu) == null || o.remove();
       const e = t.originalEvent.target.className;
       if (e === "marker-close") {
-        const m = (a = (i = t.originalEvent) == null ? void 0 : i.srcElement) == null ? void 0 : a.id, f = this.geojson.filter((d) => d.id === m)[0];
-        f && this.handleClear(f, !0), this.geojson = this.geojson.filter((d) => d.id !== m), !this.toggle && !((r = this.geojson) != null && r.some((d) => d.closed)) && this.handleUnbind();
+        const c = (a = (i = t.originalEvent) == null ? void 0 : i.srcElement) == null ? void 0 : a.id, f = this.geojson.filter((d) => d.id === c)[0];
+        f && this.handleClear(f, !0), this.geojson = this.geojson.filter((d) => d.id !== c), !this.toggle && !((r = this.geojson) != null && r.some((d) => d.closed)) && this.handleUnbind();
       } else if (e === "del-point") {
-        const m = (c = (l = t.originalEvent.target.id) == null ? void 0 : l.replace("del-", "")) == null ? void 0 : c.split("-"), f = this.geojson.filter((d) => d.id === m[0])[0];
-        f.features = f.features.filter((d) => d.geometry.type === "Point" && d.properties.id !== m[1]), this.handlePointUpdate(f);
+        const c = (m = (l = t.originalEvent.target.id) == null ? void 0 : l.replace("del-", "")) == null ? void 0 : m.split("-"), f = this.geojson.filter((d) => d.id === c[0])[0];
+        f.features = f.features.filter((d) => d.geometry.type === "Point" && d.properties.id !== c[1]), this.handlePointUpdate(f);
       } else if (e !== "marker-label" && this.toggle) {
-        let m = this.geojson.at(-1);
-        m || (m = W.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(m)), m.features = m.features.filter((d) => d.geometry.type === "Point");
+        let c = this.geojson.at(-1);
+        c || (c = W.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(c)), c.features = c.features.filter((d) => d.geometry.type === "Point");
         const f = W.feature(
           {
             type: "Point",
@@ -14414,7 +14391,7 @@ const vh = {
             sumLabel: "Start"
           }
         );
-        m.features.push(f), this.handlePointUpdate(m);
+        c.features.push(f), this.handlePointUpdate(c);
       }
     },
     handlePointUpdate(t) {
@@ -14423,14 +14400,14 @@ const vh = {
         let o = 0;
         const i = [];
         for (let a = 1; a < e.length; a++) {
-          const r = e[a - 1], l = e[a], c = r.properties, m = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, f = { lng: l.geometry.coordinates[0], lat: l.geometry.coordinates[1] }, d = Ve.calculateDistance(m, f, c.mode === "RL", 4), b = Ve.calculateBearing(m, f, c.mode === "RL", 2);
+          const r = e[a - 1], l = e[a], m = r.properties, c = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, f = { lng: l.geometry.coordinates[0], lat: l.geometry.coordinates[1] }, d = Ve.calculateDistance(c, f, m.mode === "RL", 4), b = Ve.calculateBearing(c, f, m.mode === "RL", 2);
           o = q.roundPrecision(o + d, 4);
-          let v;
-          c.mode === "RL" ? v = q.convertToMonotonicLng([m, f]) : v = q.convertToMonotonicLng(Ve.interpolateCoordinates(m, f, 200));
-          const z = W.lineString(v.map((L) => [L.lng, L.lat]));
-          z.properties.dist = d, z.properties.bearing = b, z.properties.total = o, z.properties.name = "Line " + this.currentLineIndex, i.push(z);
-          const C = e[a];
-          C.properties.totalDist = q.roundPrecision((c.totalDist ? c.totalDist : 0) + d, 4), C.properties.sumLabel = C.properties.totalDist + " nm";
+          let w;
+          m.mode === "RL" ? w = q.convertToMonotonicLng([c, f]) : w = q.convertToMonotonicLng(Ve.interpolateCoordinates(c, f, 200));
+          const k = W.lineString(w.map((_) => [_.lng, _.lat]));
+          k.properties.dist = d, k.properties.bearing = b, k.properties.total = o, k.properties.name = "Line " + this.currentLineIndex, i.push(k);
+          const y = e[a];
+          y.properties.totalDist = q.roundPrecision((m.totalDist ? m.totalDist : 0) + d, 4), y.properties.sumLabel = y.properties.totalDist + " nm";
         }
         e.push(...i), t.total = o;
       }
@@ -14440,20 +14417,20 @@ const vh = {
       const a = W.featureCollection([]);
       let r, l;
       if (e) {
-        const m = e.properties, f = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, d = { lng: o.lng, lat: o.lat };
-        r = Ve.calculateDistance(f, d, m.mode === "RL", 4), l = Ve.calculateBearing(f, d, m.mode === "RL", 2);
+        const c = e.properties, f = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, d = { lng: o.lng, lat: o.lat };
+        r = Ve.calculateDistance(f, d, c.mode === "RL", 4), l = Ve.calculateBearing(f, d, c.mode === "RL", 2);
         let b;
-        m.mode === "RL" ? b = q.convertToMonotonicLng([f, d]) : b = q.convertToMonotonicLng(Ve.interpolateCoordinates(f, d, 200));
-        const v = W.lineString(b.map((z) => [z.lng, z.lat]));
-        v.properties.dist = r, v.properties.bearing = l, a.features.push(v);
+        c.mode === "RL" ? b = q.convertToMonotonicLng([f, d]) : b = q.convertToMonotonicLng(Ve.interpolateCoordinates(f, d, 200));
+        const w = W.lineString(b.map((k) => [k.lng, k.lat]));
+        w.properties.dist = r, w.properties.bearing = l, a.features.push(w);
       }
       if (i) {
-        const m = o.properties, f = o, d = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
-        r = Ve.calculateDistance(f, d, m.mode === "RL", 4), l = Ve.calculateBearing(f, d, m.mode === "RL", 2);
+        const c = o.properties, f = o, d = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
+        r = Ve.calculateDistance(f, d, c.mode === "RL", 4), l = Ve.calculateBearing(f, d, c.mode === "RL", 2);
         let b;
-        m.mode === "RL" ? b = q.convertToMonotonicLng([f, d]) : b = q.convertToMonotonicLng(Ve.interpolateCoordinates(f, d, 200));
-        const v = W.lineString(b.map((z) => [z.lng, z.lat]));
-        v.properties.dist = r, v.properties.bearing = l, a.features.push(v);
+        c.mode === "RL" ? b = q.convertToMonotonicLng([f, d]) : b = q.convertToMonotonicLng(Ve.interpolateCoordinates(f, d, 200));
+        const w = W.lineString(b.map((k) => [k.lng, k.lat]));
+        w.properties.dist = r, w.properties.bearing = l, a.features.push(w);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(a) : this.map.addSource(this.tmpSource, {
         type: "geojson",
@@ -14493,22 +14470,22 @@ const vh = {
           // 'text-halo-blur': 0,
         }
       });
-      let c;
+      let m;
       if (i)
-        c = `<div class="marker-label">${this.$t("measure.dragTips")}</div>`;
+        m = `<div class="marker-label">${this.$t("measure.dragTips")}</div>`;
       else {
-        const m = q.roundPrecision((t.total ?? 0) + r, 1);
-        c = `<div class="marker-label">${this.$t("measure.totalDistance")}: <b>${m}</b>nm, ${this.$t(
+        const c = q.roundPrecision((t.total ?? 0) + r, 1);
+        m = `<div class="marker-label">${this.$t("measure.totalDistance")}: <b>${c}</b>nm, ${this.$t(
           "measure.bearing"
         )}: <b>${l}</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 = c, this.tipMarker.setLngLat([o.lng, o.lat]);
+        this.tipMarker._element.innerHTML = m, this.tipMarker.setLngLat([o.lng, o.lat]);
       else {
-        const m = document.createElement("div");
-        m.className = "idm-gl4-measure-tip-marker", m.innerHTML = c, this.tipMarker = new ze.Marker(m).setOffset([140, 0]).setLngLat([o.lng, o.lat]).addTo(this.map);
+        const c = document.createElement("div");
+        c.className = "idm-gl4-measure-tip-marker", c.innerHTML = m, this.tipMarker = new ze.Marker(c).setOffset([140, 0]).setLngLat([o.lng, o.lat]).addTo(this.map);
       }
     },
     handleMove(t) {
@@ -14580,41 +14557,41 @@ const vh = {
             // 'text-halo-blur': 0,
           }
         });
-        const l = t.features.filter((c) => c.geometry.type === "Point");
-        for (const c of l) {
-          const m = document.createElement("div");
-          m.id = `${t.id}-${c.properties.id}`, m.className = `${t.closed ? "idm-gl4-measure-marker closed" : "idm-gl4-measure-marker"}`, m.innerHTML = '<div class="marker-circle"></div>';
-          const f = new ze.Marker({ element: m, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
+        const l = t.features.filter((m) => m.geometry.type === "Point");
+        for (const m of l) {
+          const c = document.createElement("div");
+          c.id = `${t.id}-${m.properties.id}`, c.className = `${t.closed ? "idm-gl4-measure-marker closed" : "idm-gl4-measure-marker"}`, c.innerHTML = '<div class="marker-circle"></div>';
+          const f = new ze.Marker({ element: c, draggable: !0, contextmenu: !0 }).setLngLat(m.geometry.coordinates).addTo(this.map);
           f.on("drag", this.handleDrag), f.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(f) : this.pointMarkers[t.id] = [f];
         }
         if (t.closed) {
-          const c = l.at(-1), f = t.features.filter((b) => b.geometry.type === "LineString").at(-1), d = document.createElement("div");
-          d.className = "idm-gl4-measure-summary-marker", d.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${f.properties.name}</div>`, this.closeMarkers[t.id] = new ze.Marker(d).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
+          const m = l.at(-1), f = t.features.filter((b) => b.geometry.type === "LineString").at(-1), d = document.createElement("div");
+          d.className = "idm-gl4-measure-summary-marker", d.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${f.properties.name}</div>`, this.closeMarkers[t.id] = new ze.Marker(d).setOffset([0, -30]).setLngLat(m.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(t, e = !0) {
-      var l, c, m, f, d, b, v, z, C, L;
+      var l, m, c, f, d, b, w, k, y, _;
       const o = `${t.id}-${this.source}`, i = `${t.id}-${this.layer}`, a = `${t.id}-${this.labelLayer}`, r = `${t.id}-${this.sumLayer}`;
-      (l = this.map) != null && l.getLayer(i) && this.map.removeLayer(i), (c = this.map) != null && c.getLayer(a) && this.map.removeLayer(a), (m = this.map) != null && m.getLayer(r) && this.map.removeLayer(r), (f = this.map) != null && f.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (d = this.map) != null && d.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (b = this.closeMarkers[t.id]) == null || b.remove(), this.closeMarkers[t.id] = void 0, (v = this.pointMarkers[t.id]) == null || v.forEach((y) => {
-        y == null || y.remove();
-      }), this.pointMarkers[t.id] = [], (z = this.tipMarker) == null || z.remove(), this.tipMarker = void 0, e && ((C = this.map) != null && C.getSource(o)) && this.map.removeSource(o), e && ((L = this.map) != null && L.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      (l = this.map) != null && l.getLayer(i) && this.map.removeLayer(i), (m = this.map) != null && m.getLayer(a) && this.map.removeLayer(a), (c = this.map) != null && c.getLayer(r) && this.map.removeLayer(r), (f = this.map) != null && f.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (d = this.map) != null && d.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (b = this.closeMarkers[t.id]) == null || b.remove(), this.closeMarkers[t.id] = void 0, (w = this.pointMarkers[t.id]) == null || w.forEach((T) => {
+        T == null || T.remove();
+      }), this.pointMarkers[t.id] = [], (k = this.tipMarker) == null || k.remove(), this.tipMarker = void 0, e && ((y = this.map) != null && y.getSource(o)) && this.map.removeSource(o), e && ((_ = this.map) != null && _.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 }, _h = { class: "idm-gl4-measure" };
 function kh(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("VTooltip");
+  const l = v("VBtn"), m = v("VTooltip");
   return g(), S("div", _h, [
     s("div", {
       class: "menu-bar-box transition pa-1",
       style: ee({ top: o.top + o.paddingTop + 166 + "px", right: a.right + "px" })
     }, [
-      p(c, {
+      p(m, {
         text: t.$t("measure.measure"),
         location: "left"
       }, {
-        activator: u(({ props: m }) => [
-          p(l, j(m, {
+        activator: u(({ props: c }) => [
+          p(l, j(c, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -14764,7 +14741,7 @@ const Lh = {
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
 }, Ih = ["onClick"], Rh = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, Ah = { class: "text-body-1" };
 function Oh(t, e, o, i, a, r) {
-  const l = w("DateTimePicker"), c = w("VListItemTitle"), m = w("VListItem"), f = w("VList"), d = w("VMenu"), b = w("VBtn"), v = w("VDivider"), z = w("VTooltip");
+  const l = v("DateTimePicker"), m = v("VListItemTitle"), c = v("VListItem"), f = v("VList"), d = v("VMenu"), b = v("VBtn"), w = v("VDivider"), k = v("VTooltip");
   return g(), S("div", Ph, [
     s("div", {
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
@@ -14778,10 +14755,10 @@ function Oh(t, e, o, i, a, r) {
           "day-about": a.dayAbout,
           "interval-hour": a.intervalHour
         }, t.$attrs, {
-          onCurrentTimestamp: e[0] || (e[0] = (C) => a.currentTimestamp = C),
-          onCurrentRealTime: e[1] || (e[1] = (C) => a.currentRealTime = C),
-          onMinTimestamp: e[2] || (e[2] = (C) => a.minTimestamp = C),
-          onMaxTimestamp: e[3] || (e[3] = (C) => a.maxTimestamp = C)
+          onCurrentTimestamp: e[0] || (e[0] = (y) => a.currentTimestamp = y),
+          onCurrentRealTime: e[1] || (e[1] = (y) => a.currentRealTime = y),
+          onMinTimestamp: e[2] || (e[2] = (y) => a.minTimestamp = y),
+          onMaxTimestamp: e[3] || (e[3] = (y) => a.maxTimestamp = y)
         }), null, 16, ["date-time", "time-zone", "day-about", "interval-hour"]),
         p(b, {
           text: "",
@@ -14795,24 +14772,24 @@ function Oh(t, e, o, i, a, r) {
               default: u(() => [
                 p(f, { class: "pa-1" }, {
                   default: u(() => [
-                    (g(!0), S(xe, null, ke(a.intervalOptions, (C, L) => (g(), A(m, {
-                      key: L,
-                      value: C,
-                      variant: a.intervalHour === C ? "tonal" : "text",
+                    (g(!0), S(xe, null, ke(a.intervalOptions, (y, _) => (g(), A(c, {
+                      key: _,
+                      value: y,
+                      variant: a.intervalHour === y ? "tonal" : "text",
                       color: "primary",
                       rounded: "",
-                      active: a.intervalHour === C,
+                      active: a.intervalHour === y,
                       height: "30",
                       "min-height": "30",
                       "min-width": "30",
                       class: "pa-0 text-center text-body-1"
                     }, {
                       default: u(() => [
-                        p(c, {
-                          onClick: (y) => a.intervalHour = C
+                        p(m, {
+                          onClick: (T) => a.intervalHour = y
                         }, {
                           default: u(() => [
-                            K(n(C) + "h", 1)
+                            K(n(y) + "h", 1)
                           ]),
                           _: 2
                         }, 1032, ["onClick"])
@@ -14829,7 +14806,7 @@ function Oh(t, e, o, i, a, r) {
           _: 1
         })
       ]),
-      p(v, {
+      p(w, {
         vertical: "",
         class: "mx-2 my-3",
         style: { height: "16px" }
@@ -14902,23 +14879,23 @@ function Oh(t, e, o, i, a, r) {
           __: [14]
         }, 8, ["onClick"])
       ]),
-      p(v, {
+      p(w, {
         vertical: "",
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
       s("div", Sh, [
-        p(z, {
+        p(k, {
           text: t.$t("weather.windBarbs"),
           location: "top"
         }, {
-          activator: u(({ props: C }) => {
-            var L, y;
+          activator: u(({ props: y }) => {
+            var _, T;
             return [
-              p(b, j(C, {
+              p(b, j(y, {
                 class: "pa-1 d-flex",
-                color: (L = o.weatherCheckList) != null && L.includes("wind") ? "primary" : "",
-                variant: (y = o.weatherCheckList) != null && y.includes("wind") ? "elevated" : "text",
+                color: (_ = o.weatherCheckList) != null && _.includes("wind") ? "primary" : "",
+                variant: (T = o.weatherCheckList) != null && T.includes("wind") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
@@ -14934,24 +14911,24 @@ function Oh(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        p(z, {
+        p(k, {
           text: t.$t("weather.sigWaveHeight"),
           location: "top"
         }, {
-          activator: u(({ props: C }) => {
-            var L, y;
+          activator: u(({ props: y }) => {
+            var _, T;
             return [
-              p(b, j(C, {
+              p(b, j(y, {
                 class: "pa-1 d-flex",
-                color: (L = o.weatherCheckList) != null && L.includes("sig-wave-height") ? "primary" : "",
-                variant: (y = o.weatherCheckList) != null && y.includes("sig-wave-height") ? "elevated" : "text",
+                color: (_ = o.weatherCheckList) != null && _.includes("sig-wave-height") ? "primary" : "",
+                variant: (T = o.weatherCheckList) != null && T.includes("sig-wave-height") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
                 onClick: e[5] || (e[5] = (B) => r.handleClickFastWeather("sig-wave-height"))
               }), {
                 default: u(() => [
-                  s("i", j(C, { class: "iconfont icon-a-WaveHeight" }), null, 16)
+                  s("i", j(y, { class: "iconfont icon-a-WaveHeight" }), null, 16)
                 ]),
                 _: 2
               }, 1040, ["color", "variant"])
@@ -14959,24 +14936,24 @@ function Oh(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        p(z, {
+        p(k, {
           text: t.$t("weather.currentDirection"),
           location: "top"
         }, {
-          activator: u(({ props: C }) => {
-            var L, y;
+          activator: u(({ props: y }) => {
+            var _, T;
             return [
-              p(b, j(C, {
+              p(b, j(y, {
                 class: "pa-1 d-flex",
-                color: (L = o.weatherCheckList) != null && L.includes("current-direction") ? "primary" : "",
-                variant: (y = o.weatherCheckList) != null && y.includes("current-direction") ? "elevated" : "text",
+                color: (_ = o.weatherCheckList) != null && _.includes("current-direction") ? "primary" : "",
+                variant: (T = o.weatherCheckList) != null && T.includes("current-direction") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
                 onClick: e[6] || (e[6] = (B) => r.handleClickFastWeather("current-direction"))
               }), {
                 default: u(() => [
-                  s("i", j(C, { class: "iconfont icon-Current" }), null, 16)
+                  s("i", j(y, { class: "iconfont icon-Current" }), null, 16)
                 ]),
                 _: 2
               }, 1040, ["color", "variant"])
@@ -14984,12 +14961,12 @@ function Oh(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        p(z, {
+        p(k, {
           text: t.$t("weather.weatherLayers"),
           location: "top"
         }, {
-          activator: u(({ props: C }) => [
-            p(b, j(C, {
+          activator: u(({ props: y }) => [
+            p(b, j(y, {
               class: "pa-1 d-flex",
               variant: "text",
               height: "24",
@@ -14998,7 +14975,7 @@ function Oh(t, e, o, i, a, r) {
               onClick: r.handleClickFastMore
             }), {
               default: u(() => [
-                s("i", j(C, { class: "iconfont icon-dots-align" }), null, 16)
+                s("i", j(y, { class: "iconfont icon-dots-align" }), null, 16)
               ]),
               _: 2
             }, 1040, ["onClick"])
@@ -15006,7 +14983,7 @@ function Oh(t, e, o, i, a, r) {
           _: 1
         }, 8, ["text"])
       ]),
-      p(v, {
+      p(w, {
         vertical: "",
         class: "mx-2 mr-3 my-3",
         style: { height: "16px" }
@@ -15017,7 +14994,7 @@ function Oh(t, e, o, i, a, r) {
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2 btn-bg-2",
           color: a.source === "GFS" ? "primary" : "",
-          onClick: e[7] || (e[7] = (C) => a.source = "GFS")
+          onClick: e[7] || (e[7] = (y) => a.source = "GFS")
         }, {
           default: u(() => e[16] || (e[16] = [
             K("NOAA", -1)
@@ -15030,7 +15007,7 @@ function Oh(t, e, o, i, a, r) {
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2 btn-bg-2",
           color: a.source === "ECMWF" ? "primary" : "",
-          onClick: e[8] || (e[8] = (C) => a.source = "ECMWF")
+          onClick: e[8] || (e[8] = (y) => a.source = "ECMWF")
         }, {
           default: u(() => e[17] || (e[17] = [
             K("ECMWF", -1)
@@ -15045,11 +15022,11 @@ function Oh(t, e, o, i, a, r) {
       style: ee({ right: a.right + "px" })
     }, [
       a.showTimezone ? (g(), S("div", Dh, [
-        (g(!0), S(xe, null, ke(a.offsets, (C) => (g(), S("div", {
-          key: C,
+        (g(!0), S(xe, null, ke(a.offsets, (y) => (g(), S("div", {
+          key: y,
           class: "item rounded text-body-2 hover-active",
-          onClick: (L) => a.timeZone = C
-        }, n(C < 0 ? C : "+" + C), 9, Ih))), 128))
+          onClick: (_) => a.timeZone = y
+        }, n(y < 0 ? y : "+" + y), 9, Ih))), 128))
       ])) : R("", !0),
       s("div", Rh, [
         p(b, {
@@ -15058,7 +15035,7 @@ function Oh(t, e, o, i, a, r) {
           height: "28",
           class: "pa-1 text-body-1",
           color: "primary",
-          onClick: e[9] || (e[9] = (C) => a.showTimezone = !a.showTimezone)
+          onClick: e[9] || (e[9] = (y) => a.showTimezone = !a.showTimezone)
         }, {
           default: u(() => [
             K(" UTC " + n(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
@@ -15180,7 +15157,7 @@ const jh = {
   }
 }, Eh = { class: "timeline-box px-2 d-flex justify-center align-center rounded ga-1" };
 function Nh(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("DateTimePicker");
+  const l = v("VBtn"), m = v("DateTimePicker");
   return g(), S("div", {
     class: "idm-time-player-gl4 d-flex justify-center align-center",
     style: ee({ bottom: Object.values(a.show).includes(!0) ? o.playerBottom + "px" : "-100px" })
@@ -15216,7 +15193,7 @@ function Nh(t, e, o, i, a, r) {
         _: 1,
         __: [5]
       }, 8, ["onClick"]),
-      p(c, j({
+      p(m, j({
         ref: "dateTimePicker",
         "date-time": a.currentDateTimeZ,
         "time-zone": a.timeZone,
@@ -15224,10 +15201,10 @@ function Nh(t, e, o, i, a, r) {
         "interval-hour": a.intervalHour,
         height: 32
       }, t.$attrs, {
-        onCurrentTimestamp: e[0] || (e[0] = (m) => a.currentTimestamp = m),
-        onCurrentRealTime: e[1] || (e[1] = (m) => a.currentRealTime = m),
-        onMinTimestamp: e[2] || (e[2] = (m) => a.minTimestamp = m),
-        onMaxTimestamp: e[3] || (e[3] = (m) => a.maxTimestamp = m)
+        onCurrentTimestamp: e[0] || (e[0] = (c) => a.currentTimestamp = c),
+        onCurrentRealTime: e[1] || (e[1] = (c) => a.currentRealTime = c),
+        onMinTimestamp: e[2] || (e[2] = (c) => a.minTimestamp = c),
+        onMaxTimestamp: e[3] || (e[3] = (c) => a.maxTimestamp = c)
       }), null, 16, ["date-time", "time-zone", "day-about", "interval-hour"]),
       p(l, {
         size: "small",
@@ -15347,7 +15324,7 @@ const Ja = /* @__PURE__ */ X(jh, [["render", Nh]]), Fh = {
   class: "map-gl4-home"
 };
 function Gh(t, e, o, i, a, r) {
-  const l = w("IdmOtherLayer"), c = w("IdmWeatherLayer"), m = w("IdmTropicals"), f = w("IdmMeasure"), d = w("IdmSpot"), b = w("IdmBottomBar"), v = w("IdmTimePlayer");
+  const l = v("IdmOtherLayer"), m = v("IdmWeatherLayer"), c = v("IdmTropicals"), f = v("IdmMeasure"), d = v("IdmSpot"), b = v("IdmBottomBar"), w = v("IdmTimePlayer");
   return g(), S("div", Hh, [
     p(l, j({
       ref: "idmOtherLayers",
@@ -15361,11 +15338,11 @@ function Gh(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, t.$attrs, {
-      onOtherCheckList: e[0] || (e[0] = (z) => {
-        a.otherCheckList = z, a.layerVersion = a.layerVersion + 1;
+      onOtherCheckList: e[0] || (e[0] = (k) => {
+        a.otherCheckList = k, a.layerVersion = a.layerVersion + 1;
       })
     }), null, 16, ["simple", "token", "default-meteo-token", "map", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
-    p(c, j({
+    p(m, j({
       ref: "idmWeatherLayers",
       simple: o.simple,
       map: o.map,
@@ -15377,14 +15354,14 @@ function Gh(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, t.$attrs, {
-      onAutoActive: e[1] || (e[1] = (z) => {
-        a.autoActive = z, a.layerVersion = a.layerVersion + 1;
+      onAutoActive: e[1] || (e[1] = (k) => {
+        a.autoActive = k, a.layerVersion = a.layerVersion + 1;
       }),
-      onWeatherCheckList: e[2] || (e[2] = (z) => {
-        a.weatherCheckList = z, a.layerVersion = a.layerVersion + 1;
+      onWeatherCheckList: e[2] || (e[2] = (k) => {
+        a.weatherCheckList = k, a.layerVersion = a.layerVersion + 1;
       })
     }), null, 16, ["simple", "map", "token", "default-meteo-token", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
-    p(m, j({
+    p(c, j({
       simple: o.simple,
       map: o.map,
       token: o.token,
@@ -15418,7 +15395,7 @@ function Gh(t, e, o, i, a, r) {
       "weather-check-list": a.weatherCheckList,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["forecast-model", "weather-check-list", "map-feather"])),
-    o.simple ? (g(), A(v, j({
+    o.simple ? (g(), A(w, j({
       key: 1,
       ref: "idmBottomBar",
       "weather-check-list": a.weatherCheckList,
@@ -15436,7 +15413,7 @@ class Uh {
     pe(this, "hi");
     pe(this, "td");
     pe(this, "windy");
-    var o, i, a, r, l, c, m, f, d, b, v, z, C, L, y, B, D, P, k, x, T, _, I, F, G, Y, Z, Q, $, J, le, ne, se, ie, me, ue, he, de, O, te, be, ve, Pe, Te, _e, Ie, Ce, H, oe, He, Oe, ge, Re, U, fe, ae, re, je, Ge, We, E, we, Be, Ee, Ne, N, Ue, V, Xe, qe, Ke, Le, Je, Qe, $e, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, St, Mt, Dt, It, Rt, At, Ot, Bt, jt, Et, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Ro, Ao, Oo, Bo, jo, Eo, No, Fo, Ho, Go, Wo, Uo, Vo, Yo, Zo, Xo, qo, Ko, Jo, Qo, $o, ea, ta, oa, aa, ia, ra, sa, la, na, ca, ma, ha, da, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ta, Ca, Sa, Ma, Da, Ia, Ra, Aa, Oa, Ba, ja, Ea, Na, Fa, Ha, Ga, Wa, Ua;
+    var o, i, a, r, l, m, c, f, d, b, w, k, y, _, T, B, D, x, L, P, C, z, I, F, G, Y, Z, Q, $, J, le, ne, se, ie, me, ue, he, de, O, te, be, ve, Pe, Te, _e, Ie, Ce, H, oe, He, Oe, fe, Re, U, ye, ae, re, je, Ge, We, E, we, Be, Ee, Ne, N, Ue, V, Xe, qe, Ke, Le, Je, Qe, $e, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, St, Mt, Dt, It, Rt, At, Ot, Bt, jt, Et, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Ro, Ao, Oo, Bo, jo, Eo, No, Fo, Ho, Go, Wo, Uo, Vo, Yo, Zo, Xo, qo, Ko, Jo, Qo, $o, ea, ta, oa, aa, ia, ra, sa, la, na, ca, ma, ha, da, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ta, Ca, Sa, Ma, Da, Ia, Ra, Aa, Oa, Ba, ja, Ea, Na, Fa, Ha, Ga, Wa, Ua;
     this.i4 = {
       source: {
         type: "raster",
@@ -34079,15 +34056,15 @@ class Uh {
         layers: [
           (i = (o = this.originStyle) == null ? void 0 : o.light.layers) == null ? void 0 : i.find((h) => h.id === "land"),
           (r = (a = this.originStyle) == null ? void 0 : a.light.layers) == null ? void 0 : r.find((h) => h.id === "water"),
-          (c = (l = this.originStyle) == null ? void 0 : l.light.layers) == null ? void 0 : c.find((h) => h.id === "ice-area-fill"),
-          (f = (m = this.originStyle) == null ? void 0 : m.light.layers) == null ? void 0 : f.find((h) => h.id === "ice-area-line"),
+          (m = (l = this.originStyle) == null ? void 0 : l.light.layers) == null ? void 0 : m.find((h) => h.id === "ice-area-fill"),
+          (f = (c = this.originStyle) == null ? void 0 : c.light.layers) == null ? void 0 : f.find((h) => h.id === "ice-area-line"),
           (b = (d = this.originStyle) == null ? void 0 : d.light.layers) == null ? void 0 : b.find((h) => h.id === "loadlines-label"),
-          (z = (v = this.originStyle) == null ? void 0 : v.light.layers) == null ? void 0 : z.find((h) => h.id === "loadlines-fill"),
-          (L = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : L.find((h) => h.id === "empty-layer-0"),
-          (B = (y = this.originStyle) == null ? void 0 : y.light.layers) == null ? void 0 : B.find((h) => h.id === "empty-layer-1"),
-          (P = (D = this.originStyle) == null ? void 0 : D.light.layers) == null ? void 0 : P.find((h) => h.id === "country-boundaries"),
-          (x = (k = this.originStyle) == null ? void 0 : k.light.layers) == null ? void 0 : x.find((h) => h.id === "water-outline"),
-          (_ = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : _.find((h) => h.id === "water-outline2"),
+          (k = (w = this.originStyle) == null ? void 0 : w.light.layers) == null ? void 0 : k.find((h) => h.id === "loadlines-fill"),
+          (_ = (y = this.originStyle) == null ? void 0 : y.light.layers) == null ? void 0 : _.find((h) => h.id === "empty-layer-0"),
+          (B = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : B.find((h) => h.id === "empty-layer-1"),
+          (x = (D = this.originStyle) == null ? void 0 : D.light.layers) == null ? void 0 : x.find((h) => h.id === "country-boundaries"),
+          (P = (L = this.originStyle) == null ? void 0 : L.light.layers) == null ? void 0 : P.find((h) => h.id === "water-outline"),
+          (z = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : z.find((h) => h.id === "water-outline2"),
           (F = (I = this.originStyle) == null ? void 0 : I.light.layers) == null ? void 0 : F.find((h) => h.id === "empty-layer-2"),
           (Y = (G = this.originStyle) == null ? void 0 : G.light.layers) == null ? void 0 : Y.find((h) => h.id === "water-line-label"),
           (Q = (Z = this.originStyle) == null ? void 0 : Z.light.layers) == null ? void 0 : Q.find((h) => h.id === "water-point-label"),
@@ -34102,9 +34079,9 @@ class Uh {
           (Ie = (_e = this.originStyle) == null ? void 0 : _e.light.layers) == null ? void 0 : Ie.find((h) => h.id === "admin-0-boundary-disputed"),
           (H = (Ce = this.originStyle) == null ? void 0 : Ce.light.layers) == null ? void 0 : H.find((h) => h.id === "country-label"),
           (He = (oe = this.originStyle) == null ? void 0 : oe.light.layers) == null ? void 0 : He.find((h) => h.id === "continent-label"),
-          (ge = (Oe = this.originStyle) == null ? void 0 : Oe.light.layers) == null ? void 0 : ge.find((h) => h.id === "tide-stations"),
+          (fe = (Oe = this.originStyle) == null ? void 0 : Oe.light.layers) == null ? void 0 : fe.find((h) => h.id === "tide-stations"),
           (U = (Re = this.originStyle) == null ? void 0 : Re.light.layers) == null ? void 0 : U.find((h) => h.id === "empty-layer-3"),
-          (ae = (fe = this.originStyle) == null ? void 0 : fe.light.layers) == null ? void 0 : ae.find((h) => h.id === "empty-layer-4")
+          (ae = (ye = this.originStyle) == null ? void 0 : ye.light.layers) == null ? void 0 : ae.find((h) => h.id === "empty-layer-4")
         ]
       },
       dark: {
@@ -34414,7 +34391,7 @@ const Vh = {
   class: "position-absolute left-0 bottom-0 ma-2 my-1 text-caption text-label opacity-70"
 };
 function Kh(t, e, o, i, a, r) {
-  const l = w("VBtn");
+  const l = v("VBtn");
   return g(), S("div", {
     class: "mapbox-initial-gl4",
     style: ee({ height: o.height, width: o.width })
@@ -34422,8 +34399,8 @@ function Kh(t, e, o, i, a, r) {
     e[6] || (e[6] = s("div", { id: "map" }, null, -1)),
     o.simple ? (g(), S("div", {
       key: 0,
-      class: "menu-bar-box transition px-1 rounded d-flex flex-column pa-1",
-      style: ee({ top: o.top + 268 + "px", right: a.right + "px", height: "40px" })
+      class: "menu-bar-box transition px-1 rounded d-flex flex-column pa-1 simple",
+      style: ee({ top: o.top + 254 + "px", right: a.right + "px", height: "40px" })
     }, [
       s("div", Yh, [
         p(l, {
@@ -34444,7 +34421,7 @@ function Kh(t, e, o, i, a, r) {
     o.simple ? R("", !0) : (g(), S("div", {
       key: 1,
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
-      style: ee({ top: o.top + 268 + "px", right: a.right + "px" })
+      style: ee({ top: o.top + 268 + "px", right: a.right + "px", height: "112px" })
     }, [
       s("div", Zh, [
         p(l, {