@idmwx/idmui-gl4 2.3.5 → 2.3.7

package/dist/index.js

@@ -1,16 +1,16 @@
-var Qa = Object.defineProperty;
-var $a = (t, e, o) => e in t ? Qa(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var pe = (t, e, o) => ($a(t, typeof e != "symbol" ? e + "" : e, o), o);
+var Ja = Object.defineProperty;
+var Qa = (t, e, o) => e in t ? Ja(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var pe = (t, e, o) => (Qa(t, typeof e != "symbol" ? e + "" : e, o), o);
 import Ae from "axios";
 import { useTheme as De } from "vuetify";
 import { openBlock as g, createElementBlock as M, resolveComponent as v, createBlock as R, normalizeClass as ne, withCtx as u, createVNode as p, withModifiers as Me, createElementVNode as s, createCommentVNode as D, toDisplayString as n, createTextVNode as K, Fragment as xe, renderList as ke, withDirectives as Ze, vShow as Ye, mergeProps as j, normalizeStyle as ee } from "vue";
 import ze from "mapbox-gl";
 import S from "moment";
 import { LngLatHelper as q, TropicalHelper as Va, LaneHelper as Ve } from "@idm-plugin/geo";
-import { Meteo2Assist as Co, TidesAssist as Ya } from "@idm-plugin/meteo";
+import { Meteo2Assist as To, TidesAssist as Ya } from "@idm-plugin/meteo";
 import * as Mo from "echarts";
 import * as G from "@turf/turf";
-import { LayerHelper as To, CompanyHelper as ei } from "@idm-plugin/tag2";
+import { LayerHelper as Co, CompanyHelper as ei } from "@idm-plugin/tag2";
 import ti from "@mapbox/sphericalmercator";
 import { LayerHelper as oi } from "@idm-plugin/tag";
 const Y = (t, e) => {
@@ -1478,7 +1478,7 @@ const fi = {
     async fetchForecastData() {
       var i, a;
       console.log(333, this.theme, this.simple, this.followList), this.loading = !0, this.meteoData = [];
-      const { weatherModels: t, marineModels: e } = Co.autoPickMeteoModel(this.forecastModel);
+      const { weatherModels: t, marineModels: e } = To.autoPickMeteoModel(this.forecastModel);
       let o = {
         lat: (i = this.port) == null ? void 0 : i.lat,
         lng: (a = this.port) == null ? void 0 : a.lng,
@@ -1512,10 +1512,10 @@ const fi = {
         { 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 m, c, f, d, b, x, k, y, z, C, B, I, w, L, P, T, _, O, F, V, X, Z, Q, $, J, re, le, ue, ie, me, ge, he, de, A, te, be, ve, Pe;
+        var m, c, f, d, b, w, _, y, z, T, B, I, x, L, P, C, k, O, F, V, X, Z, J, Q, $, re, le, ue, ie, me, ge, he, de, A, te, be, ve, Pe;
         let r = {};
-        const l = ((m = Co.pickHourly(t, S(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 = (x = l == null ? void 0 : l.weather) == null ? void 0 : x.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((C = (z = l == null ? void 0 : l.weather) == null ? void 0 : z.wind) == null ? void 0 : C.kts, 1) ?? "-", r.windDir = (I = (B = l == null ? void 0 : l.weather) == null ? void 0 : B.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((L = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.wind) == null ? void 0 : L.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((T = (P = l == null ? void 0 : l.weather) == null ? void 0 : P.wind) == null ? void 0 : T.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((O = (_ = l == null ? void 0 : l.wave) == null ? void 0 : _.sig) == null ? void 0 : O.height, 1) ?? "-", r.sigwaveDir = (V = (F = l == null ? void 0 : l.wave) == null ? void 0 : F.sig) == null ? void 0 : V.direction, r.sigwavePeriod = this.computeRoundPrecision((Z = (X = l == null ? void 0 : l.wave) == null ? void 0 : X.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 = (re = (J = l == null ? void 0 : l.wave) == null ? void 0 : J.wd) == null ? void 0 : re.direction, r.windwavePeriod = this.computeRoundPrecision((ue = (le = l == null ? void 0 : l.wave) == null ? void 0 : le.wd) == null ? void 0 : ue.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 = (ge = l == null ? void 0 : l.wave) == null ? void 0 : ge.swell) == null ? void 0 : he.direction, r.swellPeriod = this.computeRoundPrecision((A = (de = l == null ? void 0 : l.wave) == null ? void 0 : de.swell) == null ? void 0 : A.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, S(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((_ = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.precip) == null ? void 0 : _.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((y = l == null ? void 0 : l.weather) == null ? void 0 : y.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((T = (z = l == null ? void 0 : l.weather) == null ? void 0 : z.wind) == null ? void 0 : T.kts, 1) ?? "-", r.windDir = (I = (B = l == null ? void 0 : l.weather) == null ? void 0 : B.wind) == null ? void 0 : I.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((O = (k = l == null ? void 0 : l.wave) == null ? void 0 : k.sig) == null ? void 0 : O.height, 1) ?? "-", r.sigwaveDir = (V = (F = l == null ? void 0 : l.wave) == null ? void 0 : F.sig) == null ? void 0 : V.direction, r.sigwavePeriod = this.computeRoundPrecision((Z = (X = l == null ? void 0 : l.wave) == null ? void 0 : X.sig) == null ? void 0 : Z.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((Q = (J = l == null ? void 0 : l.wave) == null ? void 0 : J.wd) == null ? void 0 : Q.height, 1) ?? "-", r.windwaveDir = (re = ($ = l == null ? void 0 : l.wave) == null ? void 0 : $.wd) == null ? void 0 : re.direction, r.windwavePeriod = this.computeRoundPrecision((ue = (le = l == null ? void 0 : l.wave) == null ? void 0 : le.wd) == null ? void 0 : ue.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 = (ge = l == null ? void 0 : l.wave) == null ? void 0 : ge.swell) == null ? void 0 : he.direction, r.swellPeriod = this.computeRoundPrecision((A = (de = l == null ? void 0 : l.wave) == null ? void 0 : de.swell) == null ? void 0 : A.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() {
@@ -1684,7 +1684,7 @@ const fi = {
 }, ki = { class: "summary-box" }, zi = { class: "d-flex justify-space-between align-center py-2" }, Li = { class: "d-flex justify-center align-center text-h6 ga-2" }, Pi = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, Ci = ["xlink:href"], Ti = { class: "gray-bg-2 rounded d-flex flex-column ga-4 pa-4" }, Mi = { class: "w-100 d-flex justify-start align-center" }, Si = { class: "w-30 text-label font-weight-400" }, Di = { class: "flex-1-1-0" }, Ii = { class: "w-100 d-flex justify-start align-center" }, Ri = { class: "w-30 text-label font-weight-400" }, Ai = { class: "flex-1-1-0" }, Oi = { class: "w-100 d-flex justify-start align-center" }, Bi = { class: "w-30 text-label font-weight-400" }, ji = { class: "flex-1-1-0" }, Ei = { class: "table-box w-100 mt-2" }, Ni = { class: "w-100 d-flex justify-space-between align-center py-2" }, Fi = { class: "d-flex justify-center align-center text-h6 ga-2" }, Hi = {
+}, Ti = ["xlink:href"], Ci = { class: "gray-bg-2 rounded d-flex flex-column ga-4 pa-4" }, Mi = { class: "w-100 d-flex justify-start align-center" }, Si = { class: "w-30 text-label font-weight-400" }, Di = { class: "flex-1-1-0" }, Ii = { class: "w-100 d-flex justify-start align-center" }, Ri = { class: "w-30 text-label font-weight-400" }, Ai = { class: "flex-1-1-0" }, Oi = { class: "w-100 d-flex justify-start align-center" }, Bi = { class: "w-30 text-label font-weight-400" }, ji = { class: "flex-1-1-0" }, Ei = { class: "table-box w-100 mt-2" }, Ni = { class: "w-100 d-flex justify-space-between align-center py-2" }, Fi = { class: "d-flex justify-center align-center text-h6 ga-2" }, Hi = {
   class: "multi-color-icon",
   "aria-hidden": "true"
 }, Gi = ["xlink:href"], Wi = {
@@ -1697,7 +1697,7 @@ const fi = {
 }, Vi = {
   key: 0,
   class: ""
-}, Zi = { class: "px-1 text-center" }, Yi = ["src"], Xi = { key: 1 }, qi = { class: "px-1 text-center" }, Ki = ["src"], Ji = { key: 1 }, Qi = { class: "px-1 text-center" }, $i = ["src"], es = { key: 1 }, ts = { class: "px-1 text-center" }, os = ["src"], as = { key: 1 }, is = { class: "table-box w-100 mt-2 d-flex flex-column justify-start align-center" }, ss = { class: "w-100 d-flex justify-space-between align-center py-2" }, rs = { class: "d-flex justify-center align-center text-h6 ga-2" }, ls = {
+}, Zi = { class: "px-1 text-center" }, Yi = ["src"], Xi = { key: 1 }, qi = { class: "px-1 text-center" }, Ki = ["src"], $i = { key: 1 }, Ji = { class: "px-1 text-center" }, Qi = ["src"], es = { key: 1 }, ts = { class: "px-1 text-center" }, os = ["src"], as = { key: 1 }, is = { class: "table-box w-100 mt-2 d-flex flex-column justify-start align-center" }, ss = { class: "w-100 d-flex justify-space-between align-center py-2" }, rs = { class: "d-flex justify-center align-center text-h6 ga-2" }, ls = {
   class: "multi-color-icon",
   "aria-hidden": "true"
 }, ns = ["xlink:href"], cs = { class: "text-body-2 ga-2" }, ms = {
@@ -1724,16 +1724,16 @@ function bs(t, e, o, i, a, r) {
     class: ne(["port-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
   }, {
     default: u(() => {
-      var b, x, k;
+      var b, w, _;
       return [
         p(m, { class: "w-100" }, {
           default: u(() => {
-            var y, z, C, B, I, w;
+            var y, z, T, B, I, x;
             return [
               s("div", yi, [
                 s("div", bi, [
                   s("div", {
-                    class: ne(["fi mr-2 rounded elevation-4", `fi-${(y = o.port) != null && y.cntLoCode ? (C = (z = o.port) == null ? void 0 : z.cntLoCode) == null ? void 0 : C.toLowerCase() : "xx"}`]),
+                    class: ne(["fi mr-2 rounded elevation-4", `fi-${(y = o.port) != null && y.cntLoCode ? (T = (z = o.port) == null ? void 0 : z.cntLoCode) == null ? void 0 : T.toLowerCase() : "xx"}`]),
                     style: { width: "36px", height: "24px" }
                   }, null, 2),
                   s("div", null, n((B = o.port) == null ? void 0 : B.name), 1)
@@ -1806,7 +1806,7 @@ function bs(t, e, o, i, a, r) {
                 s("div", null, n(t.$t("port.port")), 1),
                 s("div", null, [
                   e[6] || (e[6] = s("label", null, "UN/LOCODE: ", -1)),
-                  s("span", null, n((w = o.port) == null ? void 0 : w.cntLoCode), 1)
+                  s("span", null, n((x = o.port) == null ? void 0 : x.cntLoCode), 1)
                 ])
               ])
             ];
@@ -1872,16 +1872,16 @@ function bs(t, e, o, i, a, r) {
                 (g(), M("svg", Pi, [
                   s("use", {
                     "xlink:href": `#icon-title-${o.theme}`
-                  }, null, 8, Ci)
+                  }, null, 8, Ti)
                 ])),
                 s("div", null, n(t.$t("detail.summary")), 1)
               ]),
               e[9] || (e[9] = s("div", { class: "text-body-2 text-success ga-2" }, null, -1))
             ]),
-            s("div", Ti, [
+            s("div", Ci, [
               s("div", Mi, [
                 s("div", Si, n(t.$t("port.region")), 1),
-                s("div", Di, n(((x = o.port) == null ? void 0 : x.region) ?? ((k = o.port) == null ? void 0 : k.city) ?? "-"), 1)
+                s("div", Di, n(((w = o.port) == null ? void 0 : w.region) ?? ((_ = o.port) == null ? void 0 : _.city) ?? "-"), 1)
               ]),
               s("div", Ii, [
                 s("div", Ri, n(t.$t("port.position")), 1),
@@ -1955,14 +1955,14 @@ function bs(t, e, o, i, a, r) {
                         key: 0,
                         src: y == null ? void 0 : y.value1,
                         style: { height: "30px" }
-                      }, null, 8, Ki)) : (g(), M("span", Ji, n((y == null ? void 0 : y.value1) ?? "-"), 1))
+                      }, null, 8, Ki)) : (g(), M("span", $i, n((y == null ? void 0 : y.value1) ?? "-"), 1))
                     ]),
-                    s("td", Qi, [
+                    s("td", Ji, [
                       y.img ? (g(), M("img", {
                         key: 0,
                         src: y == null ? void 0 : y.value2,
                         style: { height: "30px" }
-                      }, null, 8, $i)) : (g(), M("span", es, n((y == null ? void 0 : y.value2) ?? "-"), 1))
+                      }, null, 8, Qi)) : (g(), M("span", es, n((y == null ? void 0 : y.value2) ?? "-"), 1))
                     ]),
                     s("td", ts, [
                       y.img ? (g(), M("img", {
@@ -2017,9 +2017,9 @@ function bs(t, e, o, i, a, r) {
                     s("th", us, n(t.$t("tide.height")) + " ( m )", 1)
                   ]),
                   (g(!0), M(xe, null, ke(a.tideTableData, (y, z) => {
-                    var C;
+                    var T;
                     return g(), M("tr", { key: z }, [
-                      s("td", gs, n(t.$t(`tide.${(C = y == null ? void 0 : y.type) == null ? void 0 : C.toLowerCase()}`)) + " " + n(t.$t("tide.tide")), 1),
+                      s("td", gs, n(t.$t(`tide.${(T = y == null ? void 0 : y.type) == null ? void 0 : T.toLowerCase()}`)) + " " + n(t.$t("tide.tide")), 1),
                       s("td", fs, n(r.computeLocalTime(y == null ? void 0 : y.date, o.port, "MM-DD HH:mm")), 1),
                       s("td", ys, n((y == null ? void 0 : y.height) ?? "-") + " m", 1)
                     ]);
@@ -2224,7 +2224,7 @@ const zs = /* @__PURE__ */ Y(ws, [["render", ks], ["__scopeId", "data-v-0c0f27d3
 function Ps(t, e, o, i, a, r) {
   return g(), M("div");
 }
-const Cs = /* @__PURE__ */ Y(Ls, [["render", Ps]]), Ts = {
+const Ts = /* @__PURE__ */ Y(Ls, [["render", Ps]]), Cs = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -2430,7 +2430,7 @@ const Cs = /* @__PURE__ */ Y(Ls, [["render", Ps]]), Ts = {
 function Ms(t, e, o, i, a, r) {
   return g(), M("div");
 }
-const Ss = /* @__PURE__ */ Y(Ts, [["render", Ms]]), Ds = {
+const Ss = /* @__PURE__ */ Y(Cs, [["render", Ms]]), Ds = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -3074,7 +3074,7 @@ const qs = {
       this.$emit("close");
     }
   }
-}, Ks = { class: "d-flex justify-space-between align-center" }, Js = { class: "d-flex justify-start text-h5 my-2" }, Qs = { class: "d-flex justify-start align-center text-body-1 text-label ga-3" }, $s = { class: "summary-box w-100" }, er = { class: "d-flex justify-space-between align-center py-2" }, tr = { class: "d-flex justify-center align-center text-h6 ga-2" }, or = {
+}, Ks = { class: "d-flex justify-space-between align-center" }, $s = { class: "d-flex justify-start text-h5 my-2" }, Js = { class: "d-flex justify-start align-center text-body-1 text-label ga-3" }, Qs = { class: "summary-box w-100" }, er = { class: "d-flex justify-space-between align-center py-2" }, tr = { class: "d-flex justify-center align-center text-h6 ga-2" }, or = {
   class: "multi-color-icon",
   "aria-hidden": "true"
 }, ar = ["xlink:href"], ir = { class: "gray-bg-2 rounded d-flex flex-column ga-4 pa-4" }, sr = { class: "w-100 d-flex justify-start align-center" }, rr = { class: "w-30 text-label font-weight-400" }, lr = { class: "flex-1-1-0" }, nr = { class: "w-100 d-flex justify-start align-center" }, cr = { class: "w-30 text-label font-weight-400" }, mr = { class: "flex-1-1-0" }, hr = { class: "w-100 d-flex justify-start align-center" }, dr = { class: "w-30 text-label font-weight-400" }, pr = { class: "flex-1-1-0" }, ur = { class: "table-box w-100 mt-2 mb-4 d-flex flex-column justify-start align-center" }, gr = { class: "w-100 d-flex justify-space-between align-center py-2" }, fr = { class: "d-flex justify-center align-center text-h6 ga-2" }, yr = {
@@ -3098,21 +3098,21 @@ const qs = {
   class: "px-1 text-center text-label font-weight-400",
   width: "120"
 }, zr = { class: "px-1 text-center" }, Lr = { class: "px-1 text-center" }, Pr = { class: "px-1 text-center" };
-function Cr(t, e, o, i, a, r) {
+function Tr(t, e, o, i, a, r) {
   const l = v("VBtn"), m = v("v-card-title"), c = v("v-divider"), f = v("VBtnToggle"), d = v("v-card");
   return g(), R(d, {
     class: ne(["tide-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
   }, {
     default: u(() => {
-      var b, x;
+      var b, w;
       return [
         p(m, { class: "w-100" }, {
           default: u(() => {
-            var k;
+            var _;
             return [
               s("div", Ks, [
-                s("div", Js, [
-                  s("div", null, n((k = o.station) == null ? void 0 : k.name), 1)
+                s("div", $s, [
+                  s("div", null, n((_ = o.station) == null ? void 0 : _.name), 1)
                 ]),
                 p(l, {
                   icon: "",
@@ -3128,7 +3128,7 @@ function Cr(t, e, o, i, a, r) {
                   __: [1]
                 }, 8, ["onClick"])
               ]),
-              s("div", Qs, [
+              s("div", Js, [
                 s("div", null, n(t.$t("tide.tideStation")), 1)
               ])
             ];
@@ -3139,7 +3139,7 @@ function Cr(t, e, o, i, a, r) {
         s("div", {
           class: ne(["w-100 pt-0 pb-0 overflow-y-auto scroll", o.simple ? "px-3" : "px-5"])
         }, [
-          s("div", $s, [
+          s("div", Qs, [
             s("div", er, [
               s("div", tr, [
                 (g(), M("svg", or, [
@@ -3153,7 +3153,7 @@ function Cr(t, e, o, i, a, r) {
             s("div", ir, [
               s("div", sr, [
                 s("div", rr, n(t.$t("tide.region")), 1),
-                s("div", lr, n(((b = o.station) == null ? void 0 : b.Country) ?? ((x = o.station) == null ? void 0 : x.city) ?? "-"), 1)
+                s("div", lr, n(((b = o.station) == null ? void 0 : b.Country) ?? ((w = o.station) == null ? void 0 : w.city) ?? "-"), 1)
               ]),
               s("div", nr, [
                 s("div", cr, n(t.$t("tide.position")), 1),
@@ -3182,7 +3182,7 @@ function Cr(t, e, o, i, a, r) {
             }, [
               p(f, {
                 modelValue: a.currentIndex,
-                "onUpdate:modelValue": e[0] || (e[0] = (k) => a.currentIndex = k),
+                "onUpdate:modelValue": e[0] || (e[0] = (_) => a.currentIndex = _),
                 class: "w-100 gray-bg-2 rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",
                 density: "compact",
                 group: "",
@@ -3191,15 +3191,15 @@ function Cr(t, e, o, i, a, r) {
                 rounded: "1"
               }, {
                 default: u(() => [
-                  (g(!0), M(xe, null, ke(r.dateList, (k) => (g(), R(l, {
+                  (g(!0), M(xe, null, ke(r.dateList, (_) => (g(), R(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
                     height: "26",
-                    value: k.index
+                    value: _.index
                   }, {
                     default: u(() => [
-                      K(n(k.label), 1)
+                      K(n(_.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 256))
@@ -3214,12 +3214,12 @@ function Cr(t, e, o, i, a, r) {
                     s("th", _r, n(t.$t("time.time")) + " ( LT ) ", 1),
                     s("th", kr, n(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (g(!0), M(xe, null, ke(a.tideTableData, (k, y) => {
+                  (g(!0), M(xe, null, ke(a.tideTableData, (_, y) => {
                     var z;
                     return g(), M("tr", { key: y }, [
-                      s("td", zr, n(t.$t(`tide.${(z = k == null ? void 0 : k.type) == null ? void 0 : z.toLowerCase()}`)) + " " + n(t.$t("tide.tide")), 1),
-                      s("td", Lr, n(r.computeLocalTime(k == null ? void 0 : k.date, o.station, "MM-DD HH:mm")), 1),
-                      s("td", Pr, n((k == null ? void 0 : k.height) ?? "-") + " m", 1)
+                      s("td", zr, n(t.$t(`tide.${(z = _ == null ? void 0 : _.type) == null ? void 0 : z.toLowerCase()}`)) + " " + n(t.$t("tide.tide")), 1),
+                      s("td", Lr, n(r.computeLocalTime(_ == null ? void 0 : _.date, o.station, "MM-DD HH:mm")), 1),
+                      s("td", Pr, n((_ == null ? void 0 : _.height) ?? "-") + " m", 1)
                     ]);
                   }), 128))
                 ])
@@ -3232,11 +3232,11 @@ function Cr(t, e, o, i, a, r) {
     _: 1
   }, 8, ["class"]);
 }
-const Tr = /* @__PURE__ */ Y(qs, [["render", Cr], ["__scopeId", "data-v-fd2a220c"]]);
+const Cr = /* @__PURE__ */ Y(qs, [["render", Tr], ["__scopeId", "data-v-fd2a220c"]]);
 const Mr = {
   name: "IdmTideStations",
   components: {
-    TideDetail: Tr
+    TideDetail: Cr
   },
   props: {
     map: {
@@ -5406,14 +5406,14 @@ const Yr = {
       if (e.properties) {
         const b = e.properties;
         b.lng = e.geometry.coordinates[0], b.lat = e.geometry.coordinates[1];
-        const x = S(), k = (o = S(this.realTime)) == null ? void 0 : o.diff(x, "d", !0), y = {
+        const w = S(), _ = (o = S(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
         };
-        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);
+        _ >= 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) {
@@ -5435,7 +5435,7 @@ const Yr = {
   key: 0,
   class: "d-flex justify-start align-center text-label"
 };
-function Jr(t, e, o, i, a, r) {
+function $r(t, e, o, i, a, r) {
   const l = v("v-card-text"), m = v("v-card");
   return Ze((g(), R(m, {
     id: "idmFollowPositionInfo",
@@ -5462,8 +5462,8 @@ function Jr(t, e, o, i, a, r) {
     [Ye, a.showInfo]
   ]);
 }
-const Qr = /* @__PURE__ */ Y(Yr, [["render", Jr], ["__scopeId", "data-v-82405c68"]]);
-const $r = {
+const Jr = /* @__PURE__ */ Y(Yr, [["render", $r], ["__scopeId", "data-v-82405c68"]]);
+const Qr = {
   name: "IdmOtherLayerr",
   components: {
     IdmWarZone: si,
@@ -5471,7 +5471,7 @@ const $r = {
     IdmEcaZone: hi,
     IdmAlertZone: gi,
     IdmPort: zs,
-    IdmLoadLine: Cs,
+    IdmLoadLine: Ts,
     IdmTimezone: Ss,
     IdmVRA: Rs,
     IdmSpecialArea: Bs,
@@ -5483,7 +5483,7 @@ const $r = {
     IdmIceAreas: Er,
     IdmLatLng: Xa,
     IdmFollowPort: Zr,
-    IdmFollowPosition: Qr
+    IdmFollowPosition: Jr
   },
   props: {
     simple: {
@@ -5545,7 +5545,7 @@ const $r = {
       right: 10,
       toggle: !1,
       mapFeather: localStorage.getItem("mapFeathersCacheGL4") || "dark",
-      tagLayers: [...To.OTHER_LAYERS.filter((t) => t.enabled)],
+      tagLayers: [...Co.OTHER_LAYERS.filter((t) => t.enabled)],
       layerWeight: 0,
       otherLayers: {},
       activeOtherLayers: [],
@@ -5650,8 +5650,8 @@ const $r = {
               })
             );
           (await Promise.all(l)).map((c) => {
-            var b, x, k;
-            const f = ((b = c == null ? void 0 : c.data) == null ? void 0 : b.data) || (c == null ? void 0 : c.data), d = (k = (x = c == null ? void 0 : c.config) == null ? void 0 : x.headers) == null ? void 0 : k.key;
+            var b, w, _;
+            const f = ((b = c == null ? void 0 : c.data) == null ? void 0 : b.data) || (c == null ? void 0 : c.data), d = (_ = (w = c == null ? void 0 : c.config) == null ? void 0 : w.headers) == null ? void 0 : _.key;
             this.otherLayers[d] = f;
           });
         }
@@ -5689,8 +5689,8 @@ const $r = {
   class: "border rounded-sm"
 }, cl = { class: "text-body-2 text-center pt-2" };
 function ml(t, e, o, i, a, r) {
-  var J, re, le, ue, ie, me, ge, he, de;
-  const l = v("VBtn"), m = v("VTooltip"), c = v("VCardTitle"), f = v("VCardItem"), d = v("VCheckbox"), b = v("VCardText"), x = v("VCard"), k = v("IdmLatLng"), y = v("IdmTerminator"), z = v("IdmTimezone"), C = v("IdmPort"), B = v("IdmAlertZone"), I = v("IdmTideStations"), w = v("IdmEcaZone"), L = v("IdmWarZone"), P = v("IdmGmdssArea"), T = v("IdmLoadLine"), _ = v("IdmWorldMarine"), O = v("IdmVRA"), F = v("IdmSpecialArea"), V = v("IdmWorld12nm"), X = v("IdmChinaRoute"), Z = v("IdmIceAreas"), Q = v("IdmFollowPort"), $ = v("IdmFollowPosition");
+  var $, re, le, ue, ie, me, ge, he, de;
+  const l = v("VBtn"), m = v("VTooltip"), c = v("VCardTitle"), f = v("VCardItem"), d = v("VCheckbox"), b = v("VCardText"), w = v("VCard"), _ = v("IdmLatLng"), y = v("IdmTerminator"), z = v("IdmTimezone"), T = v("IdmPort"), B = v("IdmAlertZone"), I = v("IdmTideStations"), x = v("IdmEcaZone"), L = v("IdmWarZone"), P = v("IdmGmdssArea"), C = v("IdmLoadLine"), k = v("IdmWorldMarine"), O = v("IdmVRA"), F = v("IdmSpecialArea"), V = v("IdmWorld12nm"), X = v("IdmChinaRoute"), Z = v("IdmIceAreas"), J = v("IdmFollowPort"), Q = v("IdmFollowPosition");
   return g(), M("div", el, [
     s("div", {
       class: ne(["menu-bar-box transition px-1 rounded", o.simple ? "simple" : ""]),
@@ -5745,7 +5745,7 @@ function ml(t, e, o, i, a, r) {
       s("div", {
         class: ne(["list-box w-100 flex-1-1-0 scroll overflow-y-auto", o.simple ? "pl-3 pr-1" : "pl-4 pr-2"])
       }, [
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-2",
           elevation: "0"
         }, {
@@ -5795,7 +5795,7 @@ function ml(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-2",
           elevation: "0"
         }, {
@@ -5831,7 +5831,7 @@ function ml(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-2",
           elevation: "0"
         }, {
@@ -5867,7 +5867,7 @@ function ml(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
@@ -5915,7 +5915,7 @@ function ml(t, e, o, i, a, r) {
         })
       ], 2)
     ], 6),
-    o.map ? (g(), R(k, j({
+    o.map ? (g(), R(_, j({
       key: 0,
       simple: o.simple,
       map: o.map,
@@ -5925,7 +5925,7 @@ function ml(t, e, o, i, a, r) {
     o.map ? (g(), R(y, j({
       key: 1,
       map: o.map,
-      area: (J = a.otherLayers) == null ? void 0 : J["day-night"]
+      area: ($ = a.otherLayers) == null ? void 0 : $["day-night"]
     }, t.$attrs, { "before-layer": "empty-layer-2" }), null, 16, ["map", "area"])) : D("", !0),
     o.map ? (g(), R(z, j({
       key: 2,
@@ -5933,7 +5933,7 @@ function ml(t, e, o, i, a, r) {
       zone: (re = a.otherLayers) == null ? void 0 : re["time-zones"],
       realTime: o.realTime
     }, t.$attrs, { beforeLayer: "empty-layer-3" }), null, 16, ["map", "zone", "realTime"])) : D("", !0),
-    o.map ? (g(), R(C, j({
+    o.map ? (g(), R(T, j({
       key: 3,
       ref: "idmPorts",
       simple: o.simple,
@@ -5968,7 +5968,7 @@ function ml(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"])) : D("", !0),
-    o.map ? (g(), R(w, j({
+    o.map ? (g(), R(x, j({
       key: 6,
       map: o.map,
       zone: (ie = a.otherLayers) == null ? void 0 : ie["eca-zones"]
@@ -5983,12 +5983,12 @@ function ml(t, e, o, i, a, r) {
       map: o.map,
       area: (ge = a.otherLayers) == null ? void 0 : ge["gmdss-areas"]
     }, t.$attrs), null, 16, ["map", "area"])) : D("", !0),
-    o.map ? (g(), R(T, j({
+    o.map ? (g(), R(C, j({
       key: 9,
       map: o.map,
       show: a.checkList.includes("load-lines")
     }, t.$attrs), null, 16, ["map", "show"])) : D("", !0),
-    o.map ? (g(), R(_, j({
+    o.map ? (g(), R(k, j({
       key: 10,
       map: o.map,
       token: o.token,
@@ -6021,7 +6021,7 @@ function ml(t, e, o, i, a, r) {
       map: o.map,
       show: a.checkList.includes("ice-areas")
     }, t.$attrs), null, 16, ["map", "show"])) : D("", !0),
-    o.map ? (g(), R(Q, j({
+    o.map ? (g(), R(J, j({
       key: 16,
       ref: "idmFollowPort",
       simple: o.simple,
@@ -6032,7 +6032,7 @@ function ml(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       realTime: o.realTime
     }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["simple", "map", "show", "gateway", "token", "forecast-model", "realTime"])) : D("", !0),
-    o.map ? (g(), R($, j({
+    o.map ? (g(), R(Q, j({
       key: 17,
       ref: "idmFollowPosition",
       simple: o.simple,
@@ -6043,7 +6043,7 @@ function ml(t, e, o, i, a, r) {
     }, t.$attrs), null, 16, ["simple", "map", "show", "forecast-model", "realTime"])) : D("", !0)
   ]);
 }
-const hl = /* @__PURE__ */ Y($r, [["render", ml]]);
+const hl = /* @__PURE__ */ Y(Qr, [["render", ml]]);
 class Io {
   constructor(e) {
     pe(this, "map");
@@ -6094,8 +6094,8 @@ class Io {
     const e = (y = this.map) == null ? void 0 : y.getBounds();
     if (!e)
       return [];
-    const o = ((z = this.map) == null ? void 0 : z.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, x] = this.mercator.px([m, a[1]], o), k = Math.round(this.mercator.size * Math.pow(2, o) * (l + c));
-    return [b, x, f + k, d];
+    const o = ((z = this.map) == null ? void 0 : z.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), _ = Math.round(this.mercator.size * Math.pow(2, o) * (l + c));
+    return [b, w, f + _, d];
   }
   /**
    * [视窗边界像素宽度]
@@ -6278,10 +6278,10 @@ class Fe {
           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), 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(), x = e.map.getZoom() + 1, k = e.getWorldCopy(b, x);
-        for (const y of k) {
-          const z = (y[0] - b[0]) * e.ratio, C = (y[1] - b[3]) * e.ratio, B = y[2] * e.ratio, [I, w, L, P] = [z, B + z, C, B + C], T = new Float32Array([I, L, w, L, I, P, I, P, w, L, w, P]);
-          o.bindBuffer(o.ARRAY_BUFFER, l), o.bufferData(o.ARRAY_BUFFER, T, o.STATIC_DRAW), o.drawArrays(o.TRIANGLES, 0, 6);
+        const b = e.getBoundPixel(), w = e.map.getZoom() + 1, _ = e.getWorldCopy(b, w);
+        for (const y of _) {
+          const z = (y[0] - b[0]) * e.ratio, T = (y[1] - b[3]) * e.ratio, B = y[2] * e.ratio, [I, x, L, P] = [z, B + z, T, B + T], C = new Float32Array([I, L, x, L, I, P, I, 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}`);
@@ -6989,8 +6989,8 @@ const wl = /* @__PURE__ */ Y(fl, [["render", bl]]), xl = {
           c.src = "data:image/svg+xml;base64," + window.btoa(f);
           const d = [c];
           let b = 0;
-          d.forEach((x) => {
-            x.onload = () => {
+          d.forEach((w) => {
+            w.onload = () => {
               b++, this.map.hasImage("currentDirIcon") || this.map.addImage("currentDirIcon", c), b === 1 && this.map.addLayer(
                 {
                   id: this.directionLayer,
@@ -7217,7 +7217,7 @@ function Ll(t, e, o, i, a, r) {
   ])) : D("", !0);
 }
 const Pl = /* @__PURE__ */ Y(kl, [["render", Ll]]);
-const Cl = {
+const Tl = {
   name: "IdmSigWave",
   props: {
     simple: {
@@ -7326,10 +7326,10 @@ const Cl = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Tl = { key: 0 };
+}, Cl = { key: 0 };
 function Ml(t, e, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (g(), M("div", Tl, [
+  return (l = o.factor) != null && l.active ? (g(), M("div", Cl, [
     s("div", {
       class: "legend-bars-gl4 sig-wave",
       style: ee({ right: a.right + "px" })
@@ -7344,7 +7344,7 @@ function Ml(t, e, o, i, a, r) {
     ]), 4)
   ])) : D("", !0);
 }
-const Sl = /* @__PURE__ */ Y(Cl, [["render", Ml], ["__scopeId", "data-v-c6137292"]]), Dl = {
+const Sl = /* @__PURE__ */ Y(Tl, [["render", Ml], ["__scopeId", "data-v-c6137292"]]), Dl = {
   name: "IdmSigWaveHeight",
   props: {
     map: {
@@ -8089,7 +8089,7 @@ const ql = {
     }
   }
 }, Kl = { key: 0 };
-function Jl(t, e, o, i, a, r) {
+function $l(t, e, o, i, a, r) {
   var l;
   return (l = o.factor) != null && l.active ? (g(), M("div", Kl, [
     s("div", {
@@ -8106,8 +8106,8 @@ function Jl(t, e, o, i, a, r) {
     ]), 4)
   ])) : D("", !0);
 }
-const Ql = /* @__PURE__ */ Y(ql, [["render", Jl]]);
-const $l = {
+const Jl = /* @__PURE__ */ Y(ql, [["render", $l]]);
+const Ql = {
   name: "IdmPrecip3h",
   props: {
     simple: {
@@ -8227,7 +8227,7 @@ function tn(t, e, o, i, a, r) {
     ]), 4)
   ])) : D("", !0);
 }
-const on = /* @__PURE__ */ Y($l, [["render", tn]]);
+const on = /* @__PURE__ */ Y(Ql, [["render", tn]]);
 const an = {
   name: "IdmVisibility",
   props: {
@@ -8587,7 +8587,7 @@ const fn = {
     IdmPrmsl: Fl,
     IdmIceEdge: Ul,
     IdmIceCover: Xl,
-    IdmIceThickness: Ql,
+    IdmIceThickness: Jl,
     IdmPrecip3h: on,
     IdmVisibility: ln,
     IdmWaterTemp: hn,
@@ -8650,8 +8650,8 @@ const fn = {
       toggle: !1,
       autoActive: !0,
       weatherWeight: 0,
-      allLayers: [...To.WEATHER_LAYERS],
-      tagLayers: [...To.WEATHER_LAYERS.filter((t) => !t.hide)],
+      allLayers: [...Co.WEATHER_LAYERS],
+      tagLayers: [...Co.WEATHER_LAYERS.filter((t) => !t.hide)],
       checkList: [],
       renderKey: "",
       iceToggleValue: void 0,
@@ -8864,23 +8864,23 @@ const fn = {
       (t == null ? void 0 : t.data.code) === 0 && (this.models = t == null ? void 0 : t.data.data);
     },
     async fetchWeatherLayers(t = {}) {
-      var a, r, l, m, c, f, d, b, x;
+      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 k = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, y = (r = this.map) == null ? void 0 : r.getBounds(), z = `${y._sw.lng},${y._sw.lat},${y._ne.lng},${y._ne.lat}`;
+        const _ = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, y = (r = this.map) == null ? void 0 : r.getBounds(), z = `${y._sw.lng},${y._sw.lat},${y._ne.lng},${y._ne.lat}`;
         if (this.particleFactor && ((l = this.$refs.layer) != null && l.autoActive)) {
-          const C = To.WEATHER_LAYERS.find((B) => {
+          const T = Co.WEATHER_LAYERS.find((B) => {
             var I;
             return ((I = B.peer) == null ? void 0 : I.weight) === this.particleFactor.weight;
           });
-          this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & C.weight ? this.weatherWeight : this.weatherWeight + C.weight : this.weatherWeight = this.weatherWeight & C.weight ? this.weatherWeight - C.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 C = this.weatherWeight;
-          if (C > 0) {
+          let T = this.weatherWeight;
+          if (T > 0) {
             const B = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], I = await Ae.get(
-              `${B}/api/arc/weather/layers2/links?l=${C}&v=${this.forecastModel}&z=${k}&bbox=${z}&t=${this.realTime}`,
+              `${B}/api/arc/weather/layers2/links?l=${T}&v=${this.forecastModel}&z=${_}&bbox=${z}&t=${this.realTime}`,
               {
                 headers: {
                   Authorization: this.defaultMeteoToken
@@ -8888,45 +8888,45 @@ const fn = {
               }
             );
             if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather links elapsed: ", i, ", total: ", o += i), ((m = I == null ? void 0 : I.data) == null ? void 0 : m.code) === 0) {
-              const w = (c = I == null ? void 0 : I.data) == null ? void 0 : c.data, L = [];
-              for (const T in w)
+              const x = (c = I == null ? void 0 : I.data) == null ? void 0 : c.data, L = [];
+              for (const C in x)
                 L.push(
-                  Ae.get(w[T], {
+                  Ae.get(x[C], {
                     headers: {
                       Authorization: this.defaultMeteoToken,
-                      key: T
+                      key: C
                     },
-                    responseType: /\.(jpg|png)$/.test(w[T]) ? "blob" : "json"
-                  }).catch((_) => {
-                    console.log(`[${T}] fetch layer error: ${_}`);
+                    responseType: /\.(jpg|png)$/.test(x[C]) ? "blob" : "json"
+                  }).catch((k) => {
+                    console.log(`[${C}] fetch layer error: ${k}`);
                   })
                 );
               const P = await Promise.all(L);
-              this.weatherLayers = {}, P.map((T) => {
+              this.weatherLayers = {}, P.map((C) => {
                 var F, V, X, Z;
-                const _ = ((F = T == null ? void 0 : T.data) == null ? void 0 : F.data) || (T == null ? void 0 : T.data);
-                let O = (X = (V = T == null ? void 0 : T.config) == null ? void 0 : V.headers) == null ? void 0 : X.key;
-                O && _ && (this.weatherLayers[O] = {
-                  raw: _,
-                  type: ((Z = T == null ? void 0 : T.config) == null ? void 0 : Z.responseType) === "blob" ? "image" : "json",
+                const k = ((F = C == null ? void 0 : C.data) == null ? void 0 : F.data) || (C == null ? void 0 : C.data);
+                let O = (X = (V = C == null ? void 0 : C.config) == null ? void 0 : V.headers) == null ? void 0 : X.key;
+                O && k && (this.weatherLayers[O] = {
+                  raw: k,
+                  type: ((Z = C == null ? void 0 : C.config) == null ? void 0 : Z.responseType) === "blob" ? "image" : "json",
                   etime: I.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 w = (f = this.weatherLayers["swell-direction"]) == null ? void 0 : f.raw, L = (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: w,
+                direction: x,
                 height: { raw: L },
                 etime: I.data.etime
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const w = (b = this.weatherLayers["current-direction"]) == null ? void 0 : b.raw, L = (x = this.weatherLayers["current-speed"]) == null ? void 0 : x.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: w,
+                direction: x,
                 speed: { raw: L },
                 etime: I.data.etime
               };
@@ -8989,64 +8989,64 @@ const fn = {
       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 x = q.convertToStdLng(i._sw.lng), k = q.convertToStdLng(i._ne.lng), y = Math.floor(i._sw.lat), z = Math.ceil(i._ne.lat);
-        for (const C in this.weatherLayers) {
+        const w = q.convertToStdLng(i._sw.lng), _ = q.convertToStdLng(i._ne.lng), y = Math.floor(i._sw.lat), z = Math.ceil(i._ne.lat);
+        for (const T in this.weatherLayers) {
           let B = !1;
-          if (this.weatherLayers[C].active && this.weatherLayers[C].type === "json") {
+          if (this.weatherLayers[T].active && this.weatherLayers[T].type === "json") {
             let I = [];
-            if (C === "swell") {
+            if (T === "swell") {
               B = !0;
-              const w = ((m = this.weatherLayers[C]) == null ? void 0 : m.direction) || {};
-              for (const P in w)
+              const x = ((m = this.weatherLayers[T]) == null ? void 0 : m.direction) || {};
+              for (const P in x)
                 if (P > y && P < z && (!(a <= this.zoom) || P % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                  const T = w[P].lng;
-                  x > k ? T.forEach((_, O) => {
-                    var F, V, X, Z, Q, $;
+                  const C = x[P].lng;
+                  w > _ ? C.forEach((k, O) => {
+                    var F, V, X, Z, J, Q;
                     if (a < 2) {
-                      if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const J = G.point([_, P], {
-                          val: ((F = w[P].val) == null ? void 0 : F[O]) || ((V = w[P].dir) == null ? void 0 : V[O]),
-                          spd: (X = w[P].spd) == null ? void 0 : X[O]
+                      if ((k >= 0 && k <= 360 || k >= -360 && k <= 0) && k % 10 === 0) {
+                        const $ = G.point([k, P], {
+                          val: ((F = x[P].val) == null ? void 0 : F[O]) || ((V = x[P].dir) == null ? void 0 : V[O]),
+                          spd: (X = x[P].spd) == null ? void 0 : X[O]
                         });
-                        I.push(J);
+                        I.push($);
                       }
-                    } else if ((_ >= x && _ <= 180 || _ >= -180 && _ <= k) && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const J = G.point([_, P], {
-                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((Q = w[P].dir) == null ? void 0 : Q[O]),
-                        spd: ($ = w[P].spd) == null ? void 0 : $[O]
+                    } else if ((k >= w && k <= 180 || k >= -180 && k <= _) && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const $ = G.point([k, P], {
+                        val: ((Z = x[P].val) == null ? void 0 : Z[O]) || ((J = x[P].dir) == null ? void 0 : J[O]),
+                        spd: (Q = x[P].spd) == null ? void 0 : Q[O]
                       });
-                      I.push(J);
+                      I.push($);
                     }
-                  }) : T.forEach((_, O) => {
-                    var F, V, X, Z, Q, $;
-                    if (x < 2) {
-                      if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const J = G.point([_, P], {
-                          val: ((F = w[P].val) == null ? void 0 : F[O]) || ((V = w[P].dir) == null ? void 0 : V[O]),
-                          spd: (X = w[P].spd) == null ? void 0 : X[O]
+                  }) : C.forEach((k, O) => {
+                    var F, V, X, Z, J, Q;
+                    if (w < 2) {
+                      if ((k >= 0 && k <= 360 || k >= -360 && k <= 0) && k % 10 === 0) {
+                        const $ = G.point([k, P], {
+                          val: ((F = x[P].val) == null ? void 0 : F[O]) || ((V = x[P].dir) == null ? void 0 : V[O]),
+                          spd: (X = x[P].spd) == null ? void 0 : X[O]
                         });
-                        I.push(J);
+                        I.push($);
                       }
-                    } else if (_ >= x && _ <= k && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const J = G.point([_, P], {
-                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((Q = w[P].dir) == null ? void 0 : Q[O]),
-                        spd: ($ = w[P].spd) == null ? void 0 : $[O]
+                    } else if (k >= w && k <= _ && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const $ = G.point([k, P], {
+                        val: ((Z = x[P].val) == null ? void 0 : Z[O]) || ((J = x[P].dir) == null ? void 0 : J[O]),
+                        spd: (Q = x[P].spd) == null ? void 0 : Q[O]
                       });
-                      I.push(J);
+                      I.push($);
                     }
                   });
                 }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell direction elapsed: ", o, ", total: ", e += o);
-              const L = this.weatherLayers[C].height;
+              const L = this.weatherLayers[T].height;
               if (L) {
                 if (!L.data) {
                   const P = [];
-                  for (const T in (c = L.raw) == null ? void 0 : c.LineString) {
-                    const _ = L.raw.LineString[T];
-                    for (const O of _)
+                  for (const C in (c = L.raw) == null ? void 0 : c.LineString) {
+                    const k = L.raw.LineString[C];
+                    for (const O of k)
                       P.push(
                         G.lineString(O, {
-                          val: Number(T)
+                          val: Number(C)
                         })
                       );
                     L.data = G.featureCollection(P);
@@ -9058,142 +9058,142 @@ const fn = {
                 }
                 o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell height elapsed: ", o, ", total: ", e += o);
               }
-            } else if (C === "current") {
+            } else if (T === "current") {
               B = !0;
-              const w = ((f = this.weatherLayers[C]) == null ? void 0 : f.direction) || {};
-              for (const P in w)
+              const x = ((f = this.weatherLayers[T]) == null ? void 0 : f.direction) || {};
+              for (const P in x)
                 if (P > y && P < z && (!(a <= this.zoom) || P % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                  const T = w[P].lng;
-                  x > k ? T.forEach((_, O) => {
-                    var F, V, X, Z, Q, $;
+                  const C = x[P].lng;
+                  w > _ ? C.forEach((k, O) => {
+                    var F, V, X, Z, J, Q;
                     if (a < 2) {
-                      if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const J = G.point([_, P], {
-                          val: ((F = w[P].val) == null ? void 0 : F[O]) || ((V = w[P].dir) == null ? void 0 : V[O]),
-                          spd: (X = w[P].spd) == null ? void 0 : X[O]
+                      if ((k >= 0 && k <= 360 || k >= -360 && k <= 0) && k % 10 === 0) {
+                        const $ = G.point([k, P], {
+                          val: ((F = x[P].val) == null ? void 0 : F[O]) || ((V = x[P].dir) == null ? void 0 : V[O]),
+                          spd: (X = x[P].spd) == null ? void 0 : X[O]
                         });
-                        I.push(J);
+                        I.push($);
                       }
-                    } else if ((_ >= x && _ <= 180 || _ >= -180 && _ <= k) && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const J = G.point([_, P], {
-                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((Q = w[P].dir) == null ? void 0 : Q[O]),
-                        spd: ($ = w[P].spd) == null ? void 0 : $[O]
+                    } else if ((k >= w && k <= 180 || k >= -180 && k <= _) && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const $ = G.point([k, P], {
+                        val: ((Z = x[P].val) == null ? void 0 : Z[O]) || ((J = x[P].dir) == null ? void 0 : J[O]),
+                        spd: (Q = x[P].spd) == null ? void 0 : Q[O]
                       });
-                      I.push(J);
+                      I.push($);
                     }
-                  }) : T.forEach((_, O) => {
-                    var F, V, X, Z, Q, $;
-                    if (x < 2) {
-                      if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const J = G.point([_, P], {
-                          val: ((F = w[P].val) == null ? void 0 : F[O]) || ((V = w[P].dir) == null ? void 0 : V[O]),
-                          spd: (X = w[P].spd) == null ? void 0 : X[O]
+                  }) : C.forEach((k, O) => {
+                    var F, V, X, Z, J, Q;
+                    if (w < 2) {
+                      if ((k >= 0 && k <= 360 || k >= -360 && k <= 0) && k % 10 === 0) {
+                        const $ = G.point([k, P], {
+                          val: ((F = x[P].val) == null ? void 0 : F[O]) || ((V = x[P].dir) == null ? void 0 : V[O]),
+                          spd: (X = x[P].spd) == null ? void 0 : X[O]
                         });
-                        I.push(J);
+                        I.push($);
                       }
-                    } else if (_ >= x && _ <= k && (!(a <= this.zoom) || _ % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const J = G.point([_, P], {
-                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((Q = w[P].dir) == null ? void 0 : Q[O]),
-                        spd: ($ = w[P].spd) == null ? void 0 : $[O]
+                    } else if (k >= w && k <= _ && (!(a <= this.zoom) || k % (a < this.zoom / 2 ? 5 : 3) === 0)) {
+                      const $ = G.point([k, P], {
+                        val: ((Z = x[P].val) == null ? void 0 : Z[O]) || ((J = x[P].dir) == null ? void 0 : J[O]),
+                        spd: (Q = x[P].spd) == null ? void 0 : Q[O]
                       });
-                      I.push(J);
+                      I.push($);
                     }
                   });
                 }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current direction elapsed: ", o, ", total: ", e += o);
-              const L = this.weatherLayers[C].speed;
+              const L = this.weatherLayers[T].speed;
               if (L) {
                 if (!L.data) {
-                  const T = [];
-                  for (const _ in (d = L.raw) == null ? void 0 : d.Polygon) {
-                    const O = L.raw.Polygon[_];
+                  const C = [];
+                  for (const k in (d = L.raw) == null ? void 0 : d.Polygon) {
+                    const O = L.raw.Polygon[k];
                     for (const F of O)
-                      T.push(
+                      C.push(
                         G.polygon(F, {
-                          val: Number(_)
+                          val: Number(k)
                         })
                       );
                   }
-                  L.data = G.featureCollection(T);
+                  L.data = G.featureCollection(C);
                 }
-                const P = a < this.zoom ? L.data.features.filter((T) => T.properties.val > 0.5) : L.data.features;
+                const P = a < this.zoom ? L.data.features.filter((C) => C.properties.val > 0.5) : L.data.features;
                 I = I.concat(P), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
               }
-            } else if (C === "wind") {
+            } else if (T === "wind") {
               B = !0;
-              const w = this.weatherLayers.wind.raw;
-              for (const L in w)
+              const x = this.weatherLayers.wind.raw;
+              for (const L in x)
                 if (L > y && L < z && (!(a <= this.zoom) || L % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                  const P = w[L].lng;
-                  x > k ? P.forEach((T, _) => {
+                  const P = x[L].lng;
+                  w > _ ? P.forEach((C, k) => {
                     var O, F, V, X;
                     if (a < 2) {
-                      if ((T >= 0 && T <= 360 || T >= -360 && T <= 0) && T % 10 === 0) {
-                        const Z = G.point([T, L], {
-                          dir: ((O = w[L].val) == null ? void 0 : O[_]) || ((F = w[L].dir) == null ? void 0 : F[_]),
-                          spd: w[L].spd[_]
+                      if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
+                        const Z = G.point([C, L], {
+                          dir: ((O = x[L].val) == null ? void 0 : O[k]) || ((F = x[L].dir) == null ? void 0 : F[k]),
+                          spd: x[L].spd[k]
                         });
                         I.push(Z);
                       }
-                    } else if ((T >= x && T <= 180 || T >= -180 && T <= k) && (!(a <= this.zoom) || T % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const Z = G.point([T, L], {
-                        dir: ((V = w[L].val) == null ? void 0 : V[_]) || ((X = w[L].dir) == null ? void 0 : X[_]),
-                        spd: w[L].spd[_]
+                    } else if ((C >= w && C <= 180 || C >= -180 && C <= _) && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const Z = G.point([C, L], {
+                        dir: ((V = x[L].val) == null ? void 0 : V[k]) || ((X = x[L].dir) == null ? void 0 : X[k]),
+                        spd: x[L].spd[k]
                       });
                       I.push(Z);
                     }
-                  }) : P.forEach((T, _) => {
+                  }) : P.forEach((C, k) => {
                     var O, F, V, X;
                     if (a < 2) {
-                      if ((T >= 0 && T <= 360 || T >= -360 && T <= 0) && T % 10 === 0) {
-                        const Z = G.point([T, L], {
-                          dir: ((O = w[L].val) == null ? void 0 : O[_]) || ((F = w[L].dir) == null ? void 0 : F[_]),
-                          spd: w[L].spd[_]
+                      if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
+                        const Z = G.point([C, L], {
+                          dir: ((O = x[L].val) == null ? void 0 : O[k]) || ((F = x[L].dir) == null ? void 0 : F[k]),
+                          spd: x[L].spd[k]
                         });
                         I.push(Z);
                       }
-                    } else if (T >= x && T <= k && (!(a <= this.zoom) || T % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const Z = G.point([T, L], {
-                        dir: ((V = w[L].val) == null ? void 0 : V[_]) || ((X = w[L].dir) == null ? void 0 : X[_]),
-                        spd: w[L].spd[_]
+                    } else if (C >= w && C <= _ && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const Z = G.point([C, L], {
+                        dir: ((V = x[L].val) == null ? void 0 : V[k]) || ((X = x[L].dir) == null ? void 0 : X[k]),
+                        spd: x[L].spd[k]
                       });
                       I.push(Z);
                     }
                   });
                 }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("wind barb elapsed: ", o, ", total: ", e += o);
-            } else if (C === "sig-wave-height") {
-              if (this.weatherLayers[C].data)
-                I = this.weatherLayers[C].data;
+            } else if (T === "sig-wave-height") {
+              if (this.weatherLayers[T].data)
+                I = this.weatherLayers[T].data;
               else {
                 B = !0;
-                const w = this.weatherLayers[C].raw;
-                if (w) {
+                const x = this.weatherLayers[T].raw;
+                if (x) {
                   const L = [];
-                  for (const P in w.Polygon) {
-                    const T = w.Polygon[P];
-                    for (const _ of T)
+                  for (const P in x.Polygon) {
+                    const C = x.Polygon[P];
+                    for (const k of C)
                       L.push(
-                        G.polygon(_, {
+                        G.polygon(k, {
                           val: Number(P)
                         })
                       );
                   }
-                  for (const P in w.MultiPolygon) {
-                    const T = w.MultiPolygon[P];
-                    for (const _ of T)
+                  for (const P in x.MultiPolygon) {
+                    const C = x.MultiPolygon[P];
+                    for (const k of C)
                       L.push(
-                        G.multiPolygon(_, {
+                        G.multiPolygon(k, {
                           val: Number(P)
                         })
                       );
                   }
-                  for (const P in w.Point) {
-                    const T = w.Point[P];
-                    for (let _ = 0; _ < ((b = T.lng) == null ? void 0 : b.length); _++)
+                  for (const P in x.Point) {
+                    const C = x.Point[P];
+                    for (let k = 0; k < ((b = C.lng) == null ? void 0 : b.length); k++)
                       L.push(
-                        G.point([T.lng[_], P], {
-                          val: Number(T.val[_])
+                        G.point([C.lng[k], P], {
+                          val: Number(C.val[k])
                         })
                       );
                   }
@@ -9201,29 +9201,29 @@ const fn = {
                 }
               }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("sig-wave-height elapsed: ", o, ", total: ", e += o);
-            } else if (C === "prmsl") {
-              if (this.weatherLayers[C].data)
-                I = this.weatherLayers[C].data;
+            } else if (T === "prmsl") {
+              if (this.weatherLayers[T].data)
+                I = this.weatherLayers[T].data;
               else {
                 B = !0;
-                const w = this.weatherLayers[C].raw;
-                if (w) {
+                const x = this.weatherLayers[T].raw;
+                if (x) {
                   const L = [];
-                  for (const P in w.LineString) {
-                    const T = w.LineString[P];
-                    for (const _ of T)
+                  for (const P in x.LineString) {
+                    const C = x.LineString[P];
+                    for (const k of C)
                       L.push(
-                        G.lineString(_, {
+                        G.lineString(k, {
                           val: Number(P)
                         })
                       );
                   }
-                  for (const P in w.Point)
-                    w.Point[P].lng.forEach((T, _) => {
-                      T = q.convertToStdLng(T), L.push(
-                        G.point([T, P], {
-                          val: w.Point[P].val[_],
-                          type: w.Point[P].type[_]
+                  for (const P in x.Point)
+                    x.Point[P].lng.forEach((C, k) => {
+                      C = q.convertToStdLng(C), L.push(
+                        G.point([C, P], {
+                          val: x.Point[P].val[k],
+                          type: x.Point[P].type[k]
                         })
                       );
                     });
@@ -9232,7 +9232,7 @@ const fn = {
               }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", o, ", total: ", e += o);
             }
-            I.length && (this.weatherLayers[C].data = G.featureCollection(I)), B && (this.weatherLayers[C].version = Math.random() + 1);
+            I.length && (this.weatherLayers[T].data = G.featureCollection(I)), B && (this.weatherLayers[T].version = Math.random() + 1);
           }
         }
       }
@@ -9267,7 +9267,7 @@ const fn = {
 }, kn = { class: "text-caption px-2" }, zn = { class: "d-flex flex-row justify-start align-center" }, Ln = {
   class: "d-flex flex-row justify-center align-center",
   style: { width: "40px" }
-}, Pn = { class: "text-caption" }, Cn = { class: "d-flex justify-start align-center ga-3" }, Tn = { class: "text-h5 font-weight-medium" }, Mn = {
+}, Pn = { class: "text-caption" }, Tn = { class: "d-flex justify-start align-center ga-3" }, Cn = { class: "text-h5 font-weight-medium" }, Mn = {
   key: 0,
   class: "w-100 d-flex justify-space-between align-center ga-1 mb-2 px-3"
 }, Sn = {
@@ -9276,10 +9276,10 @@ const fn = {
 }, Dn = {
   key: 1,
   class: "d-flex justify-start align-center ga-4 pl-6"
-}, In = { class: "text-body-1 py-2" }, Rn = { class: "text-body-1 font-weight-medium" }, An = { class: "text-body-2 text-label" }, On = { class: "text-body-2 text-label" }, Bn = { class: "text-body-2 text-label mb-3" }, jn = { class: "text-body-1 font-weight-medium" }, En = { class: "text-body-2 text-label" }, Nn = { class: "text-body-2 text-label" }, Fn = { class: "text-body-2 text-label mb-3" }, Hn = { class: "text-body-1 py-2" }, Gn = { class: "text-body-1 font-weight-medium" }, Wn = { class: "text-body-2 text-label" }, Un = { class: "text-body-2 text-label" }, Vn = { class: "text-body-2 text-label mb-3" }, Zn = { class: "text-body-1 font-weight-medium" }, Yn = { class: "text-body-2 text-label" }, Xn = { class: "text-body-2 text-label" }, qn = { class: "text-body-2 text-label mb-3" }, Kn = { class: "text-body-1 py-2" }, Jn = { class: "text-body-1 font-weight-medium" }, Qn = { class: "text-body-2 text-label" }, $n = { class: "text-body-2 text-label" }, ec = { class: "text-body-2 text-label mb-3" };
+}, In = { class: "text-body-1 py-2" }, Rn = { class: "text-body-1 font-weight-medium" }, An = { class: "text-body-2 text-label" }, On = { class: "text-body-2 text-label" }, Bn = { class: "text-body-2 text-label mb-3" }, jn = { class: "text-body-1 font-weight-medium" }, En = { class: "text-body-2 text-label" }, Nn = { class: "text-body-2 text-label" }, Fn = { class: "text-body-2 text-label mb-3" }, Hn = { class: "text-body-1 py-2" }, Gn = { class: "text-body-1 font-weight-medium" }, Wn = { class: "text-body-2 text-label" }, Un = { class: "text-body-2 text-label" }, Vn = { class: "text-body-2 text-label mb-3" }, Zn = { class: "text-body-1 font-weight-medium" }, Yn = { class: "text-body-2 text-label" }, Xn = { class: "text-body-2 text-label" }, qn = { class: "text-body-2 text-label mb-3" }, Kn = { class: "text-body-1 py-2" }, $n = { class: "text-body-1 font-weight-medium" }, Jn = { class: "text-body-2 text-label" }, Qn = { class: "text-body-2 text-label" }, ec = { class: "text-body-2 text-label mb-3" };
 function tc(t, e, o, i, a, r) {
-  var ue, ie, me, ge, he, de, A, te, be, ve, Pe, Ce, _e, Ie, Te;
-  const l = v("VBtn"), m = v("VTooltip"), c = v("VCol"), f = v("VRow"), d = v("VCardText"), b = v("VDivider"), x = v("VCard"), k = v("VSwitch"), y = v("VBtnToggle"), z = v("VCardTitle"), C = v("VCardItem"), B = v("VCheckbox"), I = v("VRadio"), w = v("IdmWindBarb"), L = v("IdmSigWaveHeight"), P = v("IdmCurrentDirection"), T = v("IdmPrmsl"), _ = v("IdmWindParticle"), O = v("IdmCurrentParticle"), F = v("IdmWave"), V = v("IdmSwell"), X = v("IdmIceEdge"), Z = v("IdmIceCover"), Q = v("IdmIceThickness"), $ = v("IdmPrecip3h"), J = v("IdmVisibility"), re = v("IdmWaterTemp"), le = v("IdmTemp");
+  var ue, ie, me, ge, he, de, A, te, be, ve, Pe, Te, _e, Ie, Ce;
+  const l = v("VBtn"), m = v("VTooltip"), c = v("VCol"), f = v("VRow"), d = v("VCardText"), b = v("VDivider"), w = v("VCard"), _ = v("VSwitch"), y = v("VBtnToggle"), z = v("VCardTitle"), T = v("VCardItem"), B = v("VCheckbox"), I = v("VRadio"), x = v("IdmWindBarb"), L = v("IdmSigWaveHeight"), P = v("IdmCurrentDirection"), C = v("IdmPrmsl"), k = v("IdmWindParticle"), O = v("IdmCurrentParticle"), F = v("IdmWave"), V = v("IdmSwell"), X = v("IdmIceEdge"), Z = v("IdmIceCover"), J = v("IdmIceThickness"), Q = v("IdmPrecip3h"), $ = v("IdmVisibility"), re = v("IdmWaterTemp"), le = v("IdmTemp");
   return g(), M("div", yn, [
     s("div", {
       class: "menu-bar-box transition pa-1",
@@ -9342,7 +9342,7 @@ function tc(t, e, o, i, a, r) {
           _: 1
         }, 8, ["text", "open-on-focus", "open-on-hover"])
       ], 6),
-      a.legendToggle ? (g(), R(x, {
+      a.legendToggle ? (g(), R(w, {
         key: 0,
         elevation: "16",
         class: "card-info d-flex justify-center align-start",
@@ -9457,9 +9457,9 @@ function tc(t, e, o, i, a, r) {
       s("div", {
         class: ne(["header-box w-100 d-flex justify-space-between align-center", o.simple ? "px-3" : "px-4"])
       }, [
-        s("div", Cn, [
-          s("div", Tn, n(t.$t("weather.weather")), 1),
-          p(k, {
+        s("div", Tn, [
+          s("div", Cn, n(t.$t("weather.weather")), 1),
+          p(_, {
             modelValue: a.autoActive,
             "onUpdate:modelValue": e[1] || (e[1] = (H) => a.autoActive = H),
             class: "small-switch",
@@ -9529,12 +9529,12 @@ function tc(t, e, o, i, a, r) {
       s("div", {
         class: ne(["list-box w-100 scroll overflow-y-auto", [a.autoActive ? "" : "cursor-not-allowed", o.simple ? "pl-3 pr-1" : "pl-4 pr-2"]])
       }, [
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-2",
           elevation: "0"
         }, {
           default: u(() => [
-            p(C, { class: "border-b-thin" }, {
+            p(T, { class: "border-b-thin" }, {
               default: u(() => [
                 p(z, { class: "text-h6" }, {
                   default: u(() => [
@@ -9566,12 +9566,12 @@ function tc(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-2",
           elevation: "0"
         }, {
           default: u(() => [
-            p(C, { class: "border-b-thin" }, {
+            p(T, { class: "border-b-thin" }, {
               default: u(() => [
                 p(z, { class: "text-h6" }, {
                   default: u(() => [
@@ -9602,7 +9602,7 @@ function tc(t, e, o, i, a, r) {
                   }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
                   a.renderKey === "wind-particle" && H.key === "wind-particle" ? (g(), M("div", Sn, [
                     s("span", null, n(t.$t("weather.particleAnimatiom")), 1),
-                    p(k, {
+                    p(_, {
                       modelValue: a.showWindParticle,
                       "onUpdate:modelValue": e[5] || (e[5] = (oe) => a.showWindParticle = oe),
                       label: "",
@@ -9617,7 +9617,7 @@ function tc(t, e, o, i, a, r) {
                   ])) : D("", !0),
                   a.renderKey === "current-particle" && H.key === "current-particle" ? (g(), M("div", Dn, [
                     s("span", null, n(t.$t("weather.particleAnimatiom")), 1),
-                    p(k, {
+                    p(_, {
                       modelValue: a.showCurrentParticle,
                       "onUpdate:modelValue": e[6] || (e[6] = (oe) => a.showCurrentParticle = oe),
                       label: "",
@@ -9723,12 +9723,12 @@ function tc(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-2",
           elevation: "0"
         }, {
           default: u(() => [
-            p(C, { class: "border-b-thin" }, {
+            p(T, { class: "border-b-thin" }, {
               default: u(() => [
                 p(z, { class: "text-h6" }, {
                   default: u(() => [
@@ -9741,14 +9741,14 @@ function tc(t, e, o, i, a, r) {
             }),
             p(d, { class: "" }, {
               default: u(() => {
-                var H, oe, He, Oe, fe, Re, W, ye, ae, se, je, Ge, We, E, we, Be, Ee, Ne, N, Ue, U, Xe, qe, Ke, Le, Je, Qe, $e, et, tt, ot, at, it, st, rt, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, Mt, St, Dt, It, Rt, At, Ot, Bt, jt, Et, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Zt, Yt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, so, ro, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo;
+                var H, oe, He, Oe, fe, Re, W, ye, ae, se, je, Ge, We, E, we, Be, Ee, Ne, N, Ue, U, Xe, qe, Ke, Le, $e, Je, Qe, et, tt, ot, at, it, st, rt, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, Mt, St, Dt, It, Rt, At, Ot, Bt, jt, Et, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Zt, Yt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, so, ro, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo;
                 return [
                   s("div", In, n(t.$t("weather.atmospheric")), 1),
                   s("div", Rn, 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((se = (ae = (ye = (W = a.models) == null ? void 0 : W.weather) == null ? void 0 : ye.NOAA) == null ? void 0 : ae.meta) == null ? void 0 : se.days) + n(t.$t("units.days")), 1),
                   s("div", An, n(t.$t("weather.source")) + ": NOAA", 1),
                   s("div", On, 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", Bn, 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),
-                  s("div", jn, n((U = (Ue = (N = a.models) == null ? void 0 : N.weather) == null ? void 0 : Ue.ECMWF) == null ? void 0 : U.source) + " " + n((Ke = (qe = (Xe = a.models) == null ? void 0 : Xe.weather) == null ? void 0 : qe.ECMWF) == null ? void 0 : Ke.spatialResolution) + n(t.$t("units.km")) + " " + n(($e = (Qe = (Je = (Le = a.models) == null ? void 0 : Le.weather) == null ? void 0 : Je.ECMWF) == null ? void 0 : Qe.meta) == null ? void 0 : $e.days) + n(t.$t("units.days")), 1),
+                  s("div", jn, n((U = (Ue = (N = a.models) == null ? void 0 : N.weather) == null ? void 0 : Ue.ECMWF) == null ? void 0 : U.source) + " " + n((Ke = (qe = (Xe = a.models) == null ? void 0 : Xe.weather) == null ? void 0 : qe.ECMWF) == null ? void 0 : Ke.spatialResolution) + n(t.$t("units.km")) + " " + n((Qe = (Je = ($e = (Le = a.models) == null ? void 0 : Le.weather) == null ? void 0 : $e.ECMWF) == null ? void 0 : Je.meta) == null ? void 0 : Qe.days) + n(t.$t("units.days")), 1),
                   s("div", En, n(t.$t("weather.source")) + ": ECMWF", 1),
                   s("div", Nn, n(t.$t("weather.lastUpdate")) + ": " + n(r.computeDateUpdate((at = (ot = (tt = (et = a.models) == null ? void 0 : et.weather) == null ? void 0 : tt.ECMWF) == null ? void 0 : ot.meta) == null ? void 0 : at.availabilityTime)), 1),
                   s("div", Fn, n(t.$t("weather.referenceTime")) + ": " + n(r.computeDateZ((lt = (rt = (st = (it = a.models) == null ? void 0 : it.weather) == null ? void 0 : st.ECMWF) == null ? void 0 : rt.meta) == null ? void 0 : lt.initialisationTime)), 1),
@@ -9757,16 +9757,16 @@ function tc(t, e, o, i, a, r) {
                   s("div", Gn, n((ht = (mt = (ct = (nt = a.models) == null ? void 0 : nt.marine) == null ? void 0 : ct.wave) == null ? void 0 : mt.NOAA) == null ? void 0 : ht.source) + " " + n((gt = (ut = (pt = (dt = a.models) == null ? void 0 : dt.marine) == null ? void 0 : pt.wave) == null ? void 0 : ut.NOAA) == null ? void 0 : gt.spatialResolution) + n(t.$t("units.km")) + " " + n((xt = (wt = (bt = (yt = (ft = a.models) == null ? void 0 : ft.marine) == null ? void 0 : yt.wave) == null ? void 0 : bt.NOAA) == null ? void 0 : wt.meta) == null ? void 0 : xt.days) + n(t.$t("units.days")), 1),
                   s("div", Wn, n(t.$t("weather.source")) + ": NOAA", 1),
                   s("div", Un, n(t.$t("weather.lastUpdate")) + ": " + n(r.computeDateUpdate((Lt = (zt = (kt = (_t = (vt = a.models) == null ? void 0 : vt.marine) == null ? void 0 : _t.wave) == null ? void 0 : kt.NOAA) == null ? void 0 : zt.meta) == null ? void 0 : Lt.availabilityTime)), 1),
-                  s("div", Vn, n(t.$t("weather.referenceTime")) + ": " + n(r.computeDateZ((St = (Mt = (Tt = (Ct = (Pt = a.models) == null ? void 0 : Pt.marine) == null ? void 0 : Ct.wave) == null ? void 0 : Tt.NOAA) == null ? void 0 : Mt.meta) == null ? void 0 : St.initialisationTime)), 1),
+                  s("div", Vn, n(t.$t("weather.referenceTime")) + ": " + n(r.computeDateZ((St = (Mt = (Ct = (Tt = (Pt = a.models) == null ? void 0 : Pt.marine) == null ? void 0 : Tt.wave) == null ? void 0 : Ct.NOAA) == null ? void 0 : Mt.meta) == null ? void 0 : St.initialisationTime)), 1),
                   s("div", Zn, n((At = (Rt = (It = (Dt = a.models) == null ? void 0 : Dt.marine) == null ? void 0 : It.wave) == null ? void 0 : Rt.ECMWF) == null ? void 0 : At.source) + " " + n((Et = (jt = (Bt = (Ot = a.models) == null ? void 0 : Ot.marine) == null ? void 0 : Bt.wave) == null ? void 0 : jt.ECMWF) == null ? void 0 : Et.spatialResolution) + n(t.$t("units.km")) + " " + n((Wt = (Gt = (Ht = (Ft = (Nt = a.models) == null ? void 0 : Nt.marine) == null ? void 0 : Ft.wave) == null ? void 0 : Ht.ECMWF) == null ? void 0 : Gt.meta) == null ? void 0 : Wt.days) + n(t.$t("units.days")), 1),
                   s("div", Yn, n(t.$t("weather.source")) + ": ECMWF", 1),
                   s("div", Xn, n(t.$t("weather.lastUpdate")) + ": " + n(r.computeDateUpdate((Xt = (Yt = (Zt = (Vt = (Ut = a.models) == null ? void 0 : Ut.marine) == null ? void 0 : Vt.wave) == null ? void 0 : Zt.ECMWF) == null ? void 0 : Yt.meta) == null ? void 0 : Xt.availabilityTime)), 1),
                   s("div", qn, n(t.$t("weather.referenceTime")) + ": " + n(r.computeDateZ((eo = (Qt = (Jt = (Kt = (qt = a.models) == null ? void 0 : qt.marine) == null ? void 0 : Kt.wave) == null ? void 0 : Jt.ECMWF) == null ? void 0 : Qt.meta) == null ? void 0 : eo.initialisationTime)), 1),
                   p(b),
                   s("div", Kn, n(t.$t("weather.currents")), 1),
-                  s("div", Jn, n((io = (ao = (oo = (to = a.models) == null ? void 0 : to.marine) == null ? void 0 : oo.current) == null ? void 0 : ao.ECMWF) == null ? void 0 : io.source) + " " + n((no = (lo = (ro = (so = a.models) == null ? void 0 : so.marine) == null ? void 0 : ro.current) == null ? void 0 : lo.ECMWF) == null ? void 0 : no.spatialResolution) + n(t.$t("units.km")) + " " + n((uo = (po = (ho = (mo = (co = a.models) == null ? void 0 : co.marine) == null ? void 0 : mo.current) == null ? void 0 : ho.ECMWF) == null ? void 0 : po.meta) == null ? void 0 : uo.days) + n(t.$t("units.days")), 1),
-                  s("div", Qn, n(t.$t("weather.source")) + ": ECMWF", 1),
-                  s("div", $n, n(t.$t("weather.lastUpdate")) + ": " + n(r.computeDateUpdate((wo = (bo = (yo = (fo = (go = a.models) == null ? void 0 : go.marine) == null ? void 0 : fo.current) == null ? void 0 : yo.ECMWF) == null ? void 0 : bo.meta) == null ? void 0 : wo.availabilityTime)), 1),
+                  s("div", $n, n((io = (ao = (oo = (to = a.models) == null ? void 0 : to.marine) == null ? void 0 : oo.current) == null ? void 0 : ao.ECMWF) == null ? void 0 : io.source) + " " + n((no = (lo = (ro = (so = a.models) == null ? void 0 : so.marine) == null ? void 0 : ro.current) == null ? void 0 : lo.ECMWF) == null ? void 0 : no.spatialResolution) + n(t.$t("units.km")) + " " + n((uo = (po = (ho = (mo = (co = a.models) == null ? void 0 : co.marine) == null ? void 0 : mo.current) == null ? void 0 : ho.ECMWF) == null ? void 0 : po.meta) == null ? void 0 : uo.days) + n(t.$t("units.days")), 1),
+                  s("div", Jn, n(t.$t("weather.source")) + ": ECMWF", 1),
+                  s("div", Qn, n(t.$t("weather.lastUpdate")) + ": " + n(r.computeDateUpdate((wo = (bo = (yo = (fo = (go = a.models) == null ? void 0 : go.marine) == null ? void 0 : fo.current) == null ? void 0 : yo.ECMWF) == null ? void 0 : bo.meta) == null ? void 0 : wo.availabilityTime)), 1),
                   s("div", ec, n(t.$t("weather.referenceTime")) + ": " + n(r.computeDateZ((zo = (ko = (_o = (vo = (xo = a.models) == null ? void 0 : xo.marine) == null ? void 0 : vo.current) == null ? void 0 : _o.ECMWF) == null ? void 0 : ko.meta) == null ? void 0 : zo.initialisationTime)), 1)
                 ];
               }),
@@ -9777,7 +9777,7 @@ function tc(t, e, o, i, a, r) {
         })
       ], 2)
     ], 6),
-    o.map ? (g(), R(w, j({
+    o.map ? (g(), R(x, j({
       key: 1,
       ref: "windBarb",
       map: o.map,
@@ -9802,7 +9802,7 @@ function tc(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"])) : D("", !0),
-    o.map ? (g(), R(T, j({
+    o.map ? (g(), R(C, j({
       key: 4,
       map: o.map,
       "before-layer": "empty-layer-3",
@@ -9810,7 +9810,7 @@ function tc(t, e, o, i, a, r) {
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, t.$attrs, { theme: o.theme }), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers", "theme"])) : D("", !0),
-    o.map ? (g(), R(_, j({
+    o.map ? (g(), R(k, j({
       key: 5,
       viewport: a.viewport,
       factor: (he = a.weatherLayers) == null ? void 0 : he["wind-particle"],
@@ -9854,21 +9854,21 @@ function tc(t, e, o, i, a, r) {
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : D("", !0),
-    o.map ? (g(), R(Q, j({
+    o.map ? (g(), R(J, j({
       key: 11,
       viewport: a.viewport,
       factor: (Pe = a.weatherLayers) == null ? void 0 : Pe["ice-thickness"],
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : D("", !0),
-    o.map ? (g(), R($, j({
+    o.map ? (g(), R(Q, j({
       key: 12,
       viewport: a.viewport,
-      factor: (Ce = a.weatherLayers) == null ? void 0 : Ce.precip3h,
+      factor: (Te = a.weatherLayers) == null ? void 0 : Te.precip3h,
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : D("", !0),
-    o.map ? (g(), R(J, j({
+    o.map ? (g(), R($, j({
       key: 13,
       viewport: a.viewport,
       factor: (_e = a.weatherLayers) == null ? void 0 : _e.visibility,
@@ -9885,7 +9885,7 @@ function tc(t, e, o, i, a, r) {
     o.map ? (g(), R(le, j({
       key: 15,
       viewport: a.viewport,
-      factor: (Te = a.weatherLayers) == null ? void 0 : Te.temp,
+      factor: (Ce = a.weatherLayers) == null ? void 0 : Ce.temp,
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : D("", !0)
@@ -10209,18 +10209,18 @@ class Za {
     const a = e.toLowerCase().split(","), r = [], l = [];
     for (const m of a) {
       let c = Lo.find((d) => {
-        var b, x, k;
-        return ((b = d.models) == null ? void 0 : b.includes(m)) || ((x = d.alias) == null ? void 0 : x.toLowerCase()) === m || ((k = d.name) == null ? void 0 : k.toLowerCase()) === m;
+        var b, w, _;
+        return ((b = d.models) == null ? void 0 : b.includes(m)) || ((w = d.alias) == null ? void 0 : w.toLowerCase()) === m || ((_ = d.name) == null ? void 0 : _.toLowerCase()) === m;
       }), f = Po.find((d) => {
-        var b, x, k;
-        return ((b = d.models) == null ? void 0 : b.includes(m)) || ((x = d.alias) == null ? void 0 : x.toLowerCase()) === m || ((k = d.name) == null ? void 0 : k.toLowerCase()) === m;
+        var b, w, _;
+        return ((b = d.models) == null ? void 0 : b.includes(m)) || ((w = d.alias) == null ? void 0 : w.toLowerCase()) === m || ((_ = d.name) == null ? void 0 : _.toLowerCase()) === m;
       });
       c = c || Lo.find((d) => {
-        var b, x;
-        return ((b = d.alias) == null ? void 0 : b.toLowerCase()) === ((x = f == null ? void 0 : f.alias) == null ? void 0 : x.toLowerCase());
+        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, x;
-        return ((b = d.alias) == null ? void 0 : b.toLowerCase()) === ((x = c == null ? void 0 : c.alias) == null ? void 0 : x.toLowerCase());
+        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 {
@@ -10238,7 +10238,7 @@ class Za {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, l, m, c, f, d, b, x, k, y, z, C, B, I, w, L, P, T, _, O, F, V, X, Z, Q, $, J, re, le, ue, ie, me, ge, he, de, A, te, be, ve, Pe, Ce, _e, Ie, Te, H, oe, He, Oe, fe, Re;
+    var i, a, r, l, m, c, f, d, b, w, _, y, z, T, B, I, x, L, P, C, k, O, F, V, X, Z, J, Q, $, re, le, ue, ie, me, ge, he, de, A, te, be, ve, Pe, Te, _e, Ie, Ce, H, oe, He, Oe, fe, Re;
     const W = typeof o == "string" ? S(o) : o, ye = e == null ? void 0 : e.weather, ae = e == null ? void 0 : e.marine, se = S((a = (i = ye == null ? void 0 : ye[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), je = se.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 = se.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 (W.isBetween(je, Ge, "millisecond", "[]")) {
       const E = W.utc().diff(je, "h", !1);
@@ -10250,34 +10250,34 @@ class Za {
           for (let Le = E - (E - 1) % 3; Le <= E; Le++)
             Ee += (b = U == null ? void 0 : U.precipitation) == null ? void 0 : b.at(Le);
           for (let Le = E - (E - 1) % 6; Le <= E; Le++)
-            Ne += (x = U == null ? void 0 : U.precipitation) == null ? void 0 : x.at(Le);
+            Ne += (w = U == null ? void 0 : U.precipitation) == null ? void 0 : w.at(Le);
           for (let Le = E - (E - 1) % 12; Le <= E; Le++)
-            N += (k = U == null ? void 0 : U.precipitation) == null ? void 0 : k.at(Le);
+            N += (_ = U == null ? void 0 : U.precipitation) == null ? void 0 : _.at(Le);
           we = {
             temp: (y = U == null ? void 0 : U.temperature_2m) == null ? void 0 : y.at(E),
             apparentTemp: (z = U == null ? void 0 : U.apparent_temperature) == null ? void 0 : z.at(E),
-            rh: (C = U == null ? void 0 : U.relative_humidity_2m) == null ? void 0 : C.at(E),
+            rh: (T = U == null ? void 0 : U.relative_humidity_2m) == null ? void 0 : T.at(E),
             dp: (B = U == null ? void 0 : U.dew_point_2m) == null ? void 0 : B.at(E),
             precip: {
               probability: (I = U == null ? void 0 : U.precipitation_probability) == null ? void 0 : I.at(E),
-              sum: (w = U == null ? void 0 : U.precipitation) == null ? void 0 : w.at(E),
+              sum: (x = U == null ? void 0 : U.precipitation) == null ? void 0 : x.at(E),
               sum1Hours: (L = U == null ? void 0 : U.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: (P = U == null ? void 0 : U.pressure_msl) == null ? void 0 : P.at(E),
-            psurf: (T = U == null ? void 0 : U.surface_pressure) == null ? void 0 : T.at(E),
-            code: (_ = U == null ? void 0 : U.weather_code) == null ? void 0 : _.at(E),
+            psurf: (C = U == null ? void 0 : U.surface_pressure) == null ? void 0 : C.at(E),
+            code: (k = U == null ? void 0 : U.weather_code) == null ? void 0 : k.at(E),
             visibility: this.m2nm((O = U == null ? void 0 : U.visibility) == null ? void 0 : O.at(E)),
             wind: {
               speed: (F = U == null ? void 0 : U.wind_speed_10m) == null ? void 0 : F.at(E),
               kts: (V = U == null ? void 0 : U.wind_speed_10m) == null ? void 0 : V.at(E),
               degree: (X = U == null ? void 0 : U.wind_direction_10m) == null ? void 0 : X.at(E),
-              bearing: ((Z = U == null ? void 0 : U.wind_direction_10m) == null ? void 0 : Z.at(E)) !== null ? (((Q = U == null ? void 0 : U.wind_direction_10m) == null ? void 0 : Q.at(E)) + 180) % 360 : null,
-              gusts: ($ = U == null ? void 0 : U.wind_gusts_10m) == null ? void 0 : $.at(E)
+              bearing: ((Z = U == null ? void 0 : U.wind_direction_10m) == null ? void 0 : Z.at(E)) !== null ? (((J = U == null ? void 0 : U.wind_direction_10m) == null ? void 0 : J.at(E)) + 180) % 360 : null,
+              gusts: (Q = U == null ? void 0 : U.wind_gusts_10m) == null ? void 0 : Q.at(E)
             },
-            isDay: (J = U == null ? void 0 : U.is_day) == null ? void 0 : J.at(E)
+            isDay: ($ = U == null ? void 0 : U.is_day) == null ? void 0 : $.at(E)
           };
           const { name: Xe, url: qe, bg: Ke } = this.parseWeatherCode(we.code, we.isDay);
           we.name = Xe, we.url = qe, we.bg = Ke, we.wind.scale = this.beaufort(this.kts2ms(we.wind.kts)), we.wind.direction = this.degree2Direction(we.wind.degree), We.push({
@@ -10309,9 +10309,9 @@ class Za {
               wd: {
                 height: (ve = N == null ? void 0 : N.wind_wave_height) == null ? void 0 : ve.at(E),
                 degree: (Pe = N == null ? void 0 : N.wind_wave_direction) == null ? void 0 : Pe.at(E),
-                bearing: ((Ce = N == null ? void 0 : N.wind_wave_direction) == null ? void 0 : Ce.at(E)) !== null ? (((_e = N == null ? void 0 : N.wind_wave_direction) == null ? void 0 : _e.at(E)) + 180) % 360 : null,
+                bearing: ((Te = N == null ? void 0 : N.wind_wave_direction) == null ? void 0 : Te.at(E)) !== null ? (((_e = N == null ? void 0 : N.wind_wave_direction) == null ? void 0 : _e.at(E)) + 180) % 360 : null,
                 period: (Ie = N == null ? void 0 : N.wind_wave_period) == null ? void 0 : Ie.at(E),
-                peakPeriod: (Te = N == null ? void 0 : N.wind_wave_peak_period) == null ? void 0 : Te.at(E)
+                peakPeriod: (Ce = N == null ? void 0 : N.wind_wave_peak_period) == null ? void 0 : Ce.at(E)
               }
             },
             current: {
@@ -10351,44 +10351,44 @@ class Za {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, l, m, c, f, d, b, x, k, y, z, C, B, I, w, L, P, T, _, O, F, V, X, Z, Q, $, J, re, le, ue, ie, me, ge, he, de, A, te, be, ve, Pe, Ce, _e;
-    const Ie = typeof o == "string" ? S(o) : o, Te = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, oe = S((r = (a = (i = Te == null ? void 0 : Te[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), He = S((c = (m = (l = Te == null ? void 0 : Te[0]) == null ? void 0 : l.daily) == null ? void 0 : m.time) == null ? void 0 : c.at(-1)), Oe = [];
+    var i, a, r, l, m, c, f, d, b, w, _, y, z, T, B, I, x, L, P, C, k, O, F, V, X, Z, J, Q, $, re, le, ue, ie, me, ge, he, de, A, te, be, ve, Pe, Te, _e;
+    const Ie = typeof o == "string" ? S(o) : o, Ce = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, oe = S((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 = S((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 fe, Re;
       const W = Ie.diff(oe, "d", !1);
-      if (Te)
-        for (const ye of Te) {
+      if (Ce)
+        for (const ye of Ce) {
           const ae = ye.daily;
           fe = {
             code: (f = ae.weather_code) == null ? void 0 : f.at(W),
             temp: {
               max: (d = ae.temperature_2m_max) == null ? void 0 : d.at(W),
               min: (b = ae.temperature_2m_min) == null ? void 0 : b.at(W),
-              mean: (x = ae.temperature_2m_mean) == null ? void 0 : x.at(W)
+              mean: (w = ae.temperature_2m_mean) == null ? void 0 : w.at(W)
             },
             apparentTemp: {
-              max: (k = ae.apparent_temperature_max) == null ? void 0 : k.at(W),
+              max: (_ = ae.apparent_temperature_max) == null ? void 0 : _.at(W),
               min: (y = ae.apparent_temperature_min) == null ? void 0 : y.at(W)
             },
             precip: {
               sum: (z = ae.precipitation_sum) == null ? void 0 : z.at(W),
-              rainSum: (C = ae.rain_sum) == null ? void 0 : C.at(W),
+              rainSum: (T = ae.rain_sum) == null ? void 0 : T.at(W),
               snowfallSum: (B = ae.snowfall_sum) == null ? void 0 : B.at(W),
               showersSum: (I = ae.showers_sum) == null ? void 0 : I.at(W),
-              hours: (w = ae.precipitation_hours) == null ? void 0 : w.at(W),
+              hours: (x = ae.precipitation_hours) == null ? void 0 : x.at(W),
               probability: (L = ae.precipitation_probability_max) == null ? void 0 : L.at(W)
             },
             rh: {
               max: (P = ae.relative_humidity_2m_max) == null ? void 0 : P.at(W),
-              min: (T = ae.relative_humidity_2m_min) == null ? void 0 : T.at(W),
-              mean: (_ = ae.relative_humidity_2m_mean) == null ? void 0 : _.at(W)
+              min: (C = ae.relative_humidity_2m_min) == null ? void 0 : C.at(W),
+              mean: (k = ae.relative_humidity_2m_mean) == null ? void 0 : k.at(W)
             },
             wind: {
               speed: (O = ae.wind_speed_10m_max) == null ? void 0 : O.at(W),
               kts: (F = ae.wind_speed_10m_max) == null ? void 0 : F.at(W),
               degree: (V = ae.wind_direction_10m_dominant) == null ? void 0 : V.at(W),
               gusts: (X = ae.wind_gusts_10m_max) == null ? void 0 : X.at(W),
-              bearing: ((Z = ae.wind_direction_10m_dominant) == null ? void 0 : Z.at(W)) !== null ? (((Q = ae.wind_direction_10m_dominant) == null ? void 0 : Q.at(W)) + 180) % 360 : null
+              bearing: ((Z = ae.wind_direction_10m_dominant) == null ? void 0 : Z.at(W)) !== null ? (((J = ae.wind_direction_10m_dominant) == null ? void 0 : J.at(W)) + 180) % 360 : null
             }
           };
           const { name: se, url: je, bg: Ge } = this.parseWeatherCode(fe.code, !0);
@@ -10405,8 +10405,8 @@ class Za {
           Re = {
             wave: {
               sig: {
-                height: ($ = se.wave_height_max) == null ? void 0 : $.at(W),
-                degree: (J = se.wave_direction_dominant) == null ? void 0 : J.at(W),
+                height: (Q = se.wave_height_max) == null ? void 0 : Q.at(W),
+                degree: ($ = se.wave_direction_dominant) == null ? void 0 : $.at(W),
                 period: (re = se.wave_period_max) == null ? void 0 : re.at(W),
                 bearing: ((le = se.wave_direction_dominant) == null ? void 0 : le.at(W)) !== null ? (((ue = se.wave_direction_dominant) == null ? void 0 : ue.at(W)) + 180) % 360 : null
               },
@@ -10423,7 +10423,7 @@ class Za {
                 degree: (be = se.wind_wave_direction_dominant) == null ? void 0 : be.at(W),
                 period: (ve = se.wind_wave_period_max) == null ? void 0 : ve.at(W),
                 peakPeriod: (Pe = se.wind_wave_peak_period_max) == null ? void 0 : Pe.at(W),
-                bearing: ((Ce = se.wind_wave_direction_dominant) == null ? void 0 : Ce.at(W)) !== null ? (((_e = se.wind_wave_direction_dominant) == null ? void 0 : _e.at(W)) + 180) % 360 : null
+                bearing: ((Te = se.wind_wave_direction_dominant) == null ? void 0 : Te.at(W)) !== null ? (((_e = se.wind_wave_direction_dominant) == null ? void 0 : _e.at(W)) + 180) % 360 : null
               }
             }
           }, Re.wave = this.parseWave(Re.wave, fe == null ? void 0 : fe.wind), Object.assign(Oe[ye], Re), ye++;
@@ -10995,7 +10995,10 @@ const ac = {
     },
     showTropicalsInfo: {
       handler() {
-        this.$emit("tropical", this.showTropicalsInfo);
+        this.$emit("tropical", this.showTropicalsInfo), this.simple && this.$nextTick(() => {
+          var t, e;
+          this.$parent.playerBottom = ((e = (t = this.$refs.tropicalsInfo) == null ? void 0 : t.$el) == null ? void 0 : e.clientHeight) + 10;
+        });
       },
       immediate: !0
     },
@@ -11030,7 +11033,7 @@ const ac = {
     async fetchTropicals() {
       var a, r, l;
       const t = (/* @__PURE__ */ new Date()).valueOf();
-      let e = 0, o = 0, i = (a = To.WEATHER_LAYERS.find((m) => m.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 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: {
@@ -11046,8 +11049,8 @@ const ac = {
             },
             responseType: /\.(jpg|png)$/.test(f.tropicals) ? "blob" : "json"
           }).then((d) => {
-            var k, y, z;
-            const b = Va.convert2Geojson(((k = d == null ? void 0 : d.data) == null ? void 0 : k.data) || (d == null ? void 0 : d.data));
+            var _, y, z;
+            const b = Va.convert2Geojson(((_ = d == null ? void 0 : d.data) == null ? void 0 : _.data) || (d == null ? void 0 : d.data));
             ((z = (y = d == null ? void 0 : d.config) == null ? void 0 : y.headers) == null ? void 0 : z.key) && b && (this.tropicals = {
               data: b,
               active: !0,
@@ -11066,7 +11069,7 @@ const ac = {
     handleRefresh() {
       var e, o;
       (((o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) || []).forEach((i) => {
-        var r, l, m, c, f, d, b, x, k, y, z, C, B, I, w, L, P, T, _;
+        var r, l, m, c, f, d, b, w, _, y, z, T, B, I, x, L, P, C, k;
         let a = "";
         switch (!0) {
           case (((r = i.properties.wind) == null ? void 0 : r.kts) < 32 || ((l = i.properties) == null ? void 0 : l.kts) < 32):
@@ -11078,20 +11081,20 @@ const ac = {
           case (((f = i.properties.wind) == null ? void 0 : f.kts) < 63 || ((d = i.properties) == null ? void 0 : d.kts) < 63):
             a = "sts";
             break;
-          case (((b = i.properties.wind) == null ? void 0 : b.kts) < 79 || ((x = i.properties) == null ? void 0 : x.kts) < 79):
+          case (((b = i.properties.wind) == null ? void 0 : b.kts) < 79 || ((w = i.properties) == null ? void 0 : w.kts) < 79):
             a = "ty";
             break;
-          case (((k = i.properties.wind) == null ? void 0 : k.kts) < 94 || ((y = i.properties) == null ? void 0 : y.kts) < 94):
+          case (((_ = i.properties.wind) == null ? void 0 : _.kts) < 94 || ((y = i.properties) == null ? void 0 : y.kts) < 94):
             a = "sty";
             break;
-          case (((z = i.properties.wind) == null ? void 0 : z.kts) >= 94 || ((C = i.properties) == null ? void 0 : C.kts) >= 94):
+          case (((z = i.properties.wind) == null ? void 0 : z.kts) >= 94 || ((T = i.properties) == null ? void 0 : T.kts) >= 94):
             a = "superTy";
             break;
           default:
             a = "superTy";
             break;
         }
-        i.properties.levelI18n = a, ((B = i.geometry) == null ? void 0 : B.type) === "Point" && ((I = i.properties) != null && I.important) && (i.properties.format = (L = (w = S(i.properties.date)) == null ? void 0 : w.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 = ((_ = (T = i.properties.name) == null ? void 0 : T.trim()) == null ? void 0 : _.replace(/^./, (O) => O.toUpperCase())) || i.properties.nameCn, i.properties.nameCn = i.properties.nameCn || i.properties.Name || "-");
+        i.properties.levelI18n = a, ((B = i.geometry) == null ? void 0 : B.type) === "Point" && ((I = i.properties) != null && I.important) && (i.properties.format = (L = (x = S(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 = ((k = (C = i.properties.name) == null ? void 0 : C.trim()) == null ? void 0 : k.replace(/^./, (O) => O.toUpperCase())) || i.properties.nameCn, i.properties.nameCn = i.properties.nameCn || i.properties.Name || "-");
       }), this.handleInit();
     },
     handleInit() {
@@ -11102,8 +11105,8 @@ const ac = {
       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, x = 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), x = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropicals] update elapsed: ", x, ", total: ", b += x)) : (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({
@@ -11184,7 +11187,7 @@ const ac = {
             ],
             "text-halo-width": 4
           }
-        }, this.beforeLayer), x = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] add elapsed: ", x, ", total: ", b += x)), (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), x = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] update elapsed: ", x, ", total: ", b += x)) : (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: (c = this.tropicals) != null && c.active ? (f = this.tropicals) == null ? void 0 : f.data : this.empty
           // cluster: true,
@@ -11300,9 +11303,9 @@ const ac = {
             "text-halo-color": "#ffffff",
             "text-halo-width": 2
           }
-        }, this.beforeLayer), x = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] add elapsed: ", x, ", total: ", b += x));
-        const k = Va.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(k)), this.handleDateChange();
+        }, this.beforeLayer), w = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] add elapsed: ", w, ", total: ", b += w));
+        const _ = Va.interpolate(this.tropicals, 1);
+        this.interpolateData = JSON.parse(JSON.stringify(_)), this.handleDateChange();
       }
     },
     handleClear() {
@@ -11310,7 +11313,7 @@ const ac = {
       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, m, c, f, d, b, x, k, y, z, C, B, I, w, L, P, T, _, O, F, V, X, Z, Q, $, J, re, le, ue;
+      var t, e, o, i, a, r, l, m, c, f, d, b, w, _, y, z, T, B, I, x, L, P, C, k, O, F, V, X, Z, J, Q, $, re, le, ue;
       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 = S(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), me = this.interpolateData.filter((A) => A.properties.date === (ie == null ? void 0 : ie.format()) && !A.properties.disabled), ge = this.handleComputePolygons(me), he = G.featureCollection([...me]);
         ge.forEach((A) => {
@@ -11340,18 +11343,18 @@ const ac = {
         const de = [];
         for (const A of me)
           if (!A.properties.disabled) {
-            if (!de.some((Ce) => {
+            if (!de.some((Te) => {
               var _e;
-              return Ce.properties.name === ((_e = A.properties) == null ? void 0 : _e.name);
+              return Te.properties.name === ((_e = A.properties) == null ? void 0 : _e.name);
             })) {
-              const Ce = ((m = (l = this.tropicals.data.features.find((_e) => {
+              const Te = ((m = (l = this.tropicals.data.features.find((_e) => {
                 var Ie;
                 return _e.properties.name === ((Ie = A.properties) == null ? void 0 : Ie.name);
               })) == null ? void 0 : l.properties) == null ? void 0 : m.nameCn) || ((c = A.properties) == null ? void 0 : c.Name) || "-";
-              A.properties.nameCn = Ce, A.properties.Name = ((d = (f = A.properties.name) == null ? void 0 : f.trim()) == null ? void 0 : d.replace(/^./, (_e) => _e.toUpperCase())) || A.properties.nameCn, de.push(A);
+              A.properties.nameCn = Te, A.properties.Name = ((d = (f = A.properties.name) == null ? void 0 : f.trim()) == null ? void 0 : d.replace(/^./, (_e) => _e.toUpperCase())) || A.properties.nameCn, de.push(A);
             }
             let te = this.Theme.current.value.colors["tropicals-ty"];
-            ((x = (b = A.properties) == null ? void 0 : b.wind) == null ? void 0 : x.kts) < 32 || !((y = (k = A.properties) == null ? void 0 : k.wind) != null && y.kts) ? te = this.Theme.current.value.colors["tropicals-td"] : ((C = (z = A.properties) == null ? void 0 : z.wind) == null ? void 0 : C.kts) >= 32 && ((I = (B = A.properties) == null ? void 0 : B.wind) == null ? void 0 : I.kts) < 47 ? te = this.Theme.current.value.colors["tropicals-ts"] : ((L = (w = A.properties) == null ? void 0 : w.wind) == null ? void 0 : L.kts) >= 47 && ((T = (P = A.properties) == null ? void 0 : P.wind) == null ? void 0 : T.kts) < 63 ? te = this.Theme.current.value.colors["tropicals-sts"] : ((O = (_ = A.properties) == null ? void 0 : _.wind) == null ? void 0 : O.kts) >= 63 && ((V = (F = A.properties) == null ? void 0 : F.wind) == null ? void 0 : V.kts) < 79 ? te = this.Theme.current.value.colors["tropicals-ty"] : ((Z = (X = A.properties) == null ? void 0 : X.wind) == null ? void 0 : Z.kts) >= 79 && (($ = (Q = A.properties) == null ? void 0 : Q.wind) == null ? void 0 : $.kts) < 94 ? te = this.Theme.current.value.colors["tropicals-sty"] : ((re = (J = A.properties) == null ? void 0 : J.wind) == null ? void 0 : re.kts) >= 94 ? te = this.Theme.current.value.colors["tropicals-super-ty"] : te = this.Theme.current.value.colors["tropicals-ty"];
+            ((w = (b = A.properties) == null ? void 0 : b.wind) == null ? void 0 : w.kts) < 32 || !((y = (_ = A.properties) == null ? void 0 : _.wind) != null && y.kts) ? te = this.Theme.current.value.colors["tropicals-td"] : ((T = (z = A.properties) == null ? void 0 : z.wind) == null ? void 0 : T.kts) >= 32 && ((I = (B = A.properties) == null ? void 0 : B.wind) == null ? void 0 : I.kts) < 47 ? te = this.Theme.current.value.colors["tropicals-ts"] : ((L = (x = A.properties) == null ? void 0 : x.wind) == null ? void 0 : L.kts) >= 47 && ((C = (P = A.properties) == null ? void 0 : P.wind) == null ? void 0 : C.kts) < 63 ? te = this.Theme.current.value.colors["tropicals-sts"] : ((O = (k = A.properties) == null ? void 0 : k.wind) == null ? void 0 : O.kts) >= 63 && ((V = (F = A.properties) == null ? void 0 : F.wind) == null ? void 0 : V.kts) < 79 ? te = this.Theme.current.value.colors["tropicals-ty"] : ((Z = (X = A.properties) == null ? void 0 : X.wind) == null ? void 0 : Z.kts) >= 79 && ((Q = (J = A.properties) == null ? void 0 : J.wind) == null ? void 0 : Q.kts) < 94 ? te = this.Theme.current.value.colors["tropicals-sty"] : ((re = ($ = A.properties) == null ? void 0 : $.wind) == null ? void 0 : re.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">
@@ -11376,16 +11379,16 @@ const ac = {
         (le = this.map) != null && le.getSource(this.interpolateSource) && ((ue = this.map) == null || ue.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var a, r, l, m, c, f, d, b, x, k, y;
+      var a, r, l, m, c, f, d, b, w, _, y;
       const e = t.features[0], o = (r = (a = this.tropicals) == null ? void 0 : a.data) == null ? void 0 : r.features.filter(
         (z) => {
-          var C;
-          return z.geometry.type === "LineString" && z.properties.type === "forecast" && z.properties.name === ((C = e == null ? void 0 : e.properties) == null ? void 0 : C.name);
+          var T;
+          return z.geometry.type === "LineString" && z.properties.type === "forecast" && z.properties.name === ((T = e == null ? void 0 : e.properties) == null ? void 0 : T.name);
         }
       ), i = (m = (l = this.tropicals) == null ? void 0 : l.data) == null ? void 0 : m.features.filter(
         (z) => {
-          var C;
-          return z.geometry.type === "LineString" && z.properties.type === "history" && z.properties.name === ((C = e == null ? void 0 : e.properties) == null ? void 0 : C.name);
+          var T;
+          return z.geometry.type === "LineString" && z.properties.type === "history" && z.properties.name === ((T = e == null ? void 0 : e.properties) == null ? void 0 : T.name);
         }
       );
       this.activeTropicals = {
@@ -11393,8 +11396,8 @@ const ac = {
         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((z) => z.properties),
-        history: (x = i[0]) == null ? void 0 : x.properties,
-        showCircle: (y = (k = o[0]) == null ? void 0 : k.properties) == null ? void 0 : y.showCircle
+        history: (w = i[0]) == null ? void 0 : w.properties,
+        showCircle: (y = (_ = o[0]) == null ? void 0 : _.properties) == null ? void 0 : y.showCircle
       }, this.showTropicalsInfo = !0, this.simple || this.drawTropicalsInfoMaker([t.lngLat.lng, t.lngLat.lat]);
     },
     drawTropicalsInfoMaker(t) {
@@ -11517,11 +11520,11 @@ const ac = {
 }, _c = { class: "model-box d-flex justify-end align-center flex-wrap ga-1 pa-1" }, kc = { class: "more" }, zc = {
   key: 0,
   class: "w-100 d-flex justify-space-between align-center px-2"
-}, Lc = { class: "pa-1" }, Pc = { class: "legend d-flex justify-start align-center py-2" }, Cc = { class: "label" }, Tc = { class: "legend d-flex justify-start align-center py-2" }, Mc = { class: "label" }, Sc = { class: "legend d-flex justify-start align-center py-2" }, Dc = { class: "label" }, Ic = { class: "pa-1" }, Rc = { class: "legend d-flex justify-start align-center py-2" }, Ac = { class: "label" }, Oc = { class: "legend d-flex justify-start align-center py-2" }, Bc = { class: "label" }, jc = { class: "legend d-flex justify-start align-center py-2" }, Ec = { class: "label" }, Nc = { class: "pa-1" }, Fc = { class: "w-100 legend d-flex justify-start align-center py-2 ga-2" }, Hc = { class: "label" }, Gc = { class: "label" }, Wc = { class: "w-100 legend d-flex justify-start align-center py-2" }, Uc = { class: "label" }, Vc = { class: "w-100 legend d-flex justify-start align-center py-2" }, Zc = { class: "label" }, Yc = {
+}, Lc = { class: "pa-1" }, Pc = { class: "legend d-flex justify-start align-center py-2" }, Tc = { class: "label" }, Cc = { class: "legend d-flex justify-start align-center py-2" }, Mc = { class: "label" }, Sc = { class: "legend d-flex justify-start align-center py-2" }, Dc = { class: "label" }, Ic = { class: "pa-1" }, Rc = { class: "legend d-flex justify-start align-center py-2" }, Ac = { class: "label" }, Oc = { class: "legend d-flex justify-start align-center py-2" }, Bc = { class: "label" }, jc = { class: "legend d-flex justify-start align-center py-2" }, Ec = { class: "label" }, Nc = { class: "pa-1" }, Fc = { class: "w-100 legend d-flex justify-start align-center py-2 ga-2" }, Hc = { class: "label" }, Gc = { class: "label" }, Wc = { class: "w-100 legend d-flex justify-start align-center py-2" }, Uc = { class: "label" }, Vc = { class: "w-100 legend d-flex justify-start align-center py-2" }, Zc = { class: "label" }, Yc = {
   key: 1,
   class: "my-3 w-100",
   style: { height: "80px" }
-}, Xc = { class: "legend d-flex justify-start align-center" }, qc = { class: "label" }, Kc = { class: "legend d-flex justify-start align-center" }, Jc = { class: "label" }, Qc = { class: "legend d-flex justify-start align-center" }, $c = { class: "label" }, em = { class: "legend d-flex justify-start align-center" }, tm = { class: "label" }, om = { class: "legend d-flex justify-start align-center" }, am = { class: "label" }, im = { class: "legend d-flex justify-start align-center" }, sm = { class: "label" }, rm = { class: "legend d-flex justify-start align-center" }, lm = { class: "label" }, nm = { class: "legend d-flex justify-start align-center" }, cm = { class: "label" }, mm = { class: "legend d-flex justify-start align-center" }, hm = { class: "label" }, dm = { class: "legend d-flex justify-start align-center" }, pm = { class: "label" }, um = { class: "d-flex justify-star align-center" }, gm = { class: "font-weight-600 mr-1" }, fm = { class: "" }, ym = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, bm = {
+}, Xc = { class: "legend d-flex justify-start align-center" }, qc = { class: "label" }, Kc = { class: "legend d-flex justify-start align-center" }, $c = { class: "label" }, Jc = { class: "legend d-flex justify-start align-center" }, Qc = { class: "label" }, em = { class: "legend d-flex justify-start align-center" }, tm = { class: "label" }, om = { class: "legend d-flex justify-start align-center" }, am = { class: "label" }, im = { class: "legend d-flex justify-start align-center" }, sm = { class: "label" }, rm = { class: "legend d-flex justify-start align-center" }, lm = { class: "label" }, nm = { class: "legend d-flex justify-start align-center" }, cm = { class: "label" }, mm = { class: "legend d-flex justify-start align-center" }, hm = { class: "label" }, dm = { class: "legend d-flex justify-start align-center" }, pm = { class: "label" }, um = { class: "d-flex justify-star align-center" }, gm = { class: "font-weight-600 mr-1" }, fm = { class: "" }, ym = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, bm = {
   key: 0,
   class: "d-flex justify-start align-center"
 }, wm = { class: "text-label pr-1" }, xm = {
@@ -11536,7 +11539,7 @@ const ac = {
 }, Lm = { class: "text-label pr-1" }, Pm = {
   key: 4,
   class: "d-flex justify-start align-center"
-}, Cm = { class: "text-label pr-1" }, Tm = {
+}, Tm = { class: "text-label pr-1" }, Cm = {
   key: 5,
   class: "d-flex justify-start align-center"
 }, Mm = { class: "text-label pr-1" }, Sm = { class: "d-flex justify-start align-center" }, Dm = { class: "text-label pr-1" }, Im = {
@@ -11547,7 +11550,7 @@ const ac = {
   class: "d-flex justify-start align-center"
 }, Om = { class: "text-label pr-1" }, Bm = { class: "d-flex justify-start align-center" }, jm = { class: "text-label pr-1" };
 function Em(t, e, o, i, a, r) {
-  const l = v("VBtn"), m = v("VTooltip"), c = v("VCardText"), f = v("VDivider"), d = v("VCardActions"), b = v("VCard"), x = v("v-card-title"), k = v("v-divider");
+  const l = v("VBtn"), m = v("VTooltip"), c = v("VCardText"), f = v("VDivider"), d = v("VCardActions"), b = v("VCard"), w = v("v-card-title"), _ = v("v-divider");
   return g(), M("div", ic, [
     s("div", {
       class: "menu-bar-box transition pa-1",
@@ -11581,6 +11584,7 @@ function Em(t, e, o, i, a, r) {
     ], 4),
     a.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (g(), M("div", {
       key: 0,
+      ref: "tropicalsInfo",
       id: "idm-tropical-gl4-info",
       class: ne(["idm-tropical-gl4-info", o.simple ? "page" : "dialog"])
     }, [
@@ -11591,11 +11595,11 @@ function Em(t, e, o, i, a, r) {
         default: u(() => [
           p(c, null, {
             default: u(() => {
-              var y, z, C, B, I, w, L, P, T, _, O, F;
+              var y, z, T, B, I, x, L, P, C, k, O, F;
               return [
                 s("div", sc, [
-                  s("span", rc, n(o.locale === "en" ? (y = a.activeTropicals) == null ? void 0 : y.Name : ((z = a.activeTropicals) == null ? void 0 : z.nameCn) || ((C = a.activeTropicals) == null ? void 0 : C.Name) || "-"), 1),
-                  (I = (B = a.activeTropicals) == null ? void 0 : B.history) != null && I.levelI18n ? (g(), M("span", lc, " , " + n(t.$t("tropical." + ((L = (w = a.activeTropicals) == null ? void 0 : w.history) == null ? void 0 : L.levelI18n))), 1)) : D("", !0)
+                  s("span", rc, n(o.locale === "en" ? (y = a.activeTropicals) == null ? void 0 : y.Name : ((z = a.activeTropicals) == null ? void 0 : z.nameCn) || ((T = a.activeTropicals) == null ? void 0 : T.Name) || "-"), 1),
+                  (I = (B = a.activeTropicals) == null ? void 0 : B.history) != null && I.levelI18n ? (g(), M("span", lc, " , " + n(t.$t("tropical." + ((L = (x = a.activeTropicals) == null ? void 0 : x.history) == null ? void 0 : L.levelI18n))), 1)) : D("", !0)
                 ]),
                 p(l, {
                   icon: "",
@@ -11612,7 +11616,7 @@ function Em(t, e, o, i, a, r) {
                 }, 8, ["onClick"]),
                 s("div", nc, [
                   s("span", cc, n(t.$t("actions.lastUpdate")) + ": ", 1),
-                  s("span", null, n(r.computeTime(((T = (P = a.activeTropicals) == null ? void 0 : P.history) == null ? void 0 : T.updated) || ((F = (O = (_ = a.activeTropicals) == null ? void 0 : _.forecasts) == null ? void 0 : O.filter((V) => !V.disabled)[0]) == null ? void 0 : F.date), o.timeZone)), 1)
+                  s("span", null, n(r.computeTime(((C = (P = a.activeTropicals) == null ? void 0 : P.history) == null ? void 0 : C.updated) || ((F = (O = (k = a.activeTropicals) == null ? void 0 : k.forecasts) == null ? void 0 : O.filter((V) => !V.disabled)[0]) == null ? void 0 : F.date), o.timeZone)), 1)
                 ])
               ];
             }),
@@ -11621,17 +11625,17 @@ function Em(t, e, o, i, a, r) {
           p(f),
           p(c, { class: "text-body-1 py-3" }, {
             default: u(() => {
-              var y, z, C, B, I, w, L, P, T;
+              var y, z, T, B, I, x, L, P, C;
               return [
                 s("div", mc, [
                   s("div", hc, [
                     s("label", dc, n(t.$t("weather.windSpeed")) + " : ", 1),
                     s("span", null, n(((z = (y = a.activeTropicals) == null ? void 0 : y.history) == null ? void 0 : z.kts) || "-") + " kts", 1),
-                    s("span", null, ", BF " + n(r.computeBF(((B = (C = a.activeTropicals) == null ? void 0 : C.history) == null ? void 0 : B.kts) || "-")), 1)
+                    s("span", null, ", BF " + n(r.computeBF(((B = (T = a.activeTropicals) == null ? void 0 : T.history) == null ? void 0 : B.kts) || "-")), 1)
                   ]),
                   s("div", pc, [
                     s("label", uc, n(t.$t("weather.pressure")) + " : ", 1),
-                    s("span", null, n(((w = (I = a.activeTropicals) == null ? void 0 : I.history) == null ? void 0 : w.pressure) || "-") + " hPa", 1)
+                    s("span", null, n(((x = (I = a.activeTropicals) == null ? void 0 : I.history) == null ? void 0 : x.pressure) || "-") + " hPa", 1)
                   ])
                 ]),
                 s("div", gc, [
@@ -11647,17 +11651,17 @@ function Em(t, e, o, i, a, r) {
                 s("div", xc, [
                   s("label", vc, n(t.$t("tropical.models")) + " : ", 1),
                   s("div", _c, [
-                    (g(!0), M(xe, null, ke((T = a.activeTropicals) == null ? void 0 : T.forecasts, (_, O) => (g(), R(l, {
+                    (g(!0), M(xe, null, ke((C = a.activeTropicals) == null ? void 0 : C.forecasts, (k, O) => (g(), R(l, {
                       key: O,
                       density: "compact",
-                      variant: _.disabled ? "text" : "flat",
-                      color: _.disabled ? "" : "primary",
+                      variant: k.disabled ? "text" : "flat",
+                      color: k.disabled ? "" : "primary",
                       "min-width": 30,
-                      class: ne(["model text-none text-body-1 px-1", _.disabled ? "btn-border-1 btn-bg-1" : ""]),
-                      onClick: Me((F) => r.handleForecastToggle(_), ["stop"])
+                      class: ne(["model text-none text-body-1 px-1", k.disabled ? "btn-border-1 btn-bg-1" : ""]),
+                      onClick: Me((F) => r.handleForecastToggle(k), ["stop"])
                     }, {
                       default: u(() => [
-                        K(n(_.model), 1)
+                        K(n(k.model), 1)
                       ]),
                       _: 2
                     }, 1032, ["variant", "color", "class", "onClick"]))), 128))
@@ -11725,9 +11729,9 @@ function Em(t, e, o, i, a, r) {
         s("div", Lc, [
           s("div", Pc, [
             e[6] || (e[6] = s("div", { class: "icon td" }, null, -1)),
-            s("div", Cc, n(t.$t("tropical.td")), 1)
+            s("div", Tc, n(t.$t("tropical.td")), 1)
           ]),
-          s("div", Tc, [
+          s("div", Cc, [
             e[7] || (e[7] = s("div", { class: "icon sts" }, null, -1)),
             s("div", Mc, n(t.$t("tropical.sts")), 1)
           ]),
@@ -11780,11 +11784,11 @@ function Em(t, e, o, i, a, r) {
                   ]),
                   s("div", Kc, [
                     e[17] || (e[17] = s("div", { class: "icon ts" }, null, -1)),
-                    s("div", Jc, n(t.$t("tropical.ts")), 1)
+                    s("div", $c, n(t.$t("tropical.ts")), 1)
                   ]),
-                  s("div", Qc, [
+                  s("div", Jc, [
                     e[18] || (e[18] = s("div", { class: "icon sts" }, null, -1)),
-                    s("div", $c, n(t.$t("tropical.sts")), 1)
+                    s("div", Qc, n(t.$t("tropical.sts")), 1)
                   ]),
                   s("div", em, [
                     e[19] || (e[19] = s("div", { class: "icon ty" }, null, -1)),
@@ -11833,45 +11837,45 @@ function Em(t, e, o, i, a, r) {
       "max-width": "280"
     }, {
       default: u(() => [
-        p(x, null, {
+        p(w, null, {
           default: u(() => {
-            var y, z, C, B;
+            var y, z, T, B;
             return [
               s("div", um, [
-                s("span", gm, n(o.locale === "en" ? (y = a.hoverPoint) == null ? void 0 : y.Name : ((z = a.hoverPoint) == null ? void 0 : z.nameCn) || ((C = a.hoverPoint) == null ? void 0 : C.Name)), 1),
+                s("span", gm, n(o.locale === "en" ? (y = a.hoverPoint) == null ? void 0 : y.Name : ((z = a.hoverPoint) == null ? void 0 : z.nameCn) || ((T = a.hoverPoint) == null ? void 0 : T.Name)), 1),
                 s("span", fm, " [" + n(t.$t("tropical." + ((B = a.hoverPoint) == null ? void 0 : B.levelI18n))) + "]", 1)
               ])
             ];
           }),
           _: 1
         }),
-        p(k),
+        p(_),
         p(c, { class: "text-body-1" }, {
           default: u(() => {
-            var y, z, C, B, I, w, L, P, T, _, O, F, V, X, Z, Q, $, J, re, le;
+            var y, z, T, B, I, x, L, P, C, k, O, F, V, X, Z, J, Q, $, re, le;
             return [
               s("div", ym, [
                 ((y = a.hoverPoint) == null ? void 0 : y.type) === "forecast" ? (g(), M("div", bm, [
                   s("label", wm, n(t.$t("tropical.updated")) + " : ", 1),
                   s("span", null, n(r.computeTzTime((z = a.hoverPoint) == null ? void 0 : z.update, o.timeZone)), 1)
                 ])) : D("", !0),
-                ((C = a.hoverPoint) == null ? void 0 : C.type) === "forecast" ? (g(), M("div", xm, [
+                ((T = a.hoverPoint) == null ? void 0 : T.type) === "forecast" ? (g(), M("div", xm, [
                   s("label", vm, n(t.$t("tropical.forecast")) + " : ", 1),
                   s("span", null, n(r.computeTzTime((B = a.hoverPoint) == null ? void 0 : B.date, o.timeZone)), 1)
                 ])) : D("", !0),
                 ((I = a.hoverPoint) == null ? void 0 : I.type) === "history" ? (g(), M("div", _m, [
                   s("label", km, n(t.$t("tropical.forecast")) + " : ", 1),
-                  s("span", null, n(r.computeTzTime((w = a.hoverPoint) == null ? void 0 : w.date, o.timeZone)), 1)
+                  s("span", null, n(r.computeTzTime((x = a.hoverPoint) == null ? void 0 : x.date, o.timeZone)), 1)
                 ])) : D("", !0),
                 ((L = a.hoverPoint) == null ? void 0 : L.type) === "forecast" ? (g(), M("div", zm, [
                   s("label", Lm, n(t.$t("tropical.model")) + " : ", 1),
                   s("span", null, n(((P = a.hoverPoint) == null ? void 0 : P.model) ?? "-"), 1)
                 ])) : D("", !0),
-                ((T = a.hoverPoint) == null ? void 0 : T.type) === "forecast" ? (g(), M("div", Pm, [
-                  s("label", Cm, n(t.$t("weather.wind")) + " : ", 1),
-                  s("span", null, n(((O = JSON.parse((_ = a.hoverPoint) == null ? void 0 : _.wind)) == null ? void 0 : O.kts) ?? "-") + " kts", 1)
+                ((C = a.hoverPoint) == null ? void 0 : C.type) === "forecast" ? (g(), M("div", Pm, [
+                  s("label", Tm, n(t.$t("weather.wind")) + " : ", 1),
+                  s("span", null, n(((O = JSON.parse((k = a.hoverPoint) == null ? void 0 : k.wind)) == null ? void 0 : O.kts) ?? "-") + " kts", 1)
                 ])) : D("", !0),
-                ((F = a.hoverPoint) == null ? void 0 : F.type) === "history" ? (g(), M("div", Tm, [
+                ((F = a.hoverPoint) == null ? void 0 : F.type) === "history" ? (g(), M("div", Cm, [
                   s("label", Mm, n(t.$t("weather.wind")) + " : ", 1),
                   s("span", null, n(((V = a.hoverPoint) == null ? void 0 : V.kts) ?? "-") + " kts", 1)
                 ])) : D("", !0),
@@ -11881,9 +11885,9 @@ function Em(t, e, o, i, a, r) {
                 ]),
                 ((Z = a.hoverPoint) == null ? void 0 : Z.type) === "history" ? (g(), M("div", Im, [
                   s("label", Rm, n(t.$t("tropical.moveSpeed")) + " : ", 1),
-                  s("span", null, n((($ = JSON.parse((Q = a.hoverPoint) == null ? void 0 : Q.movement)) == null ? void 0 : $.kts) ?? "-") + " kts", 1)
+                  s("span", null, n(((Q = JSON.parse((J = a.hoverPoint) == null ? void 0 : J.movement)) == null ? void 0 : Q.kts) ?? "-") + " kts", 1)
                 ])) : D("", !0),
-                ((J = a.hoverPoint) == null ? void 0 : J.type) === "history" ? (g(), M("div", Am, [
+                (($ = a.hoverPoint) == null ? void 0 : $.type) === "history" ? (g(), M("div", Am, [
                   s("label", Om, n(t.$t("tropical.moveDir")) + " : ", 1),
                   s("span", null, n(((le = JSON.parse((re = a.hoverPoint) == null ? void 0 : re.movement)) == null ? void 0 : le.deg) ?? "-") + " °", 1)
                 ])) : D("", !0),
@@ -12103,7 +12107,7 @@ const Nm = {
   style: { height: "56px" }
 };
 function Um(t, e, o, i, a, r) {
-  const l = v("VDatePicker"), m = v("VDivider"), c = v("VListItemTitle"), f = v("VListItem"), d = v("VList"), b = v("VCardText"), x = v("VBtn"), k = v("VCardActions"), y = v("VCard");
+  const l = v("VDatePicker"), m = v("VDivider"), c = v("VListItemTitle"), f = v("VListItem"), d = v("VList"), b = v("VCardText"), w = v("VBtn"), _ = v("VCardActions"), y = v("VCard");
   return g(), M("div", Fm, [
     s("div", {
       style: ee({ height: o.height + "px", width: o.width ? o.width + "px" : "auto" }),
@@ -12141,8 +12145,8 @@ function Um(t, e, o, i, a, r) {
               s("div", Wm, n(a.currentTime), 1),
               p(d, { class: "pa-0 flex-1-1-0 scroll" }, {
                 default: u(() => [
-                  (g(!0), M(xe, null, ke(r.hourOptions, (z, C) => (g(), R(f, {
-                    key: C,
+                  (g(!0), M(xe, null, ke(r.hourOptions, (z, T) => (g(), R(f, {
+                    key: T,
                     value: z,
                     color: "primary",
                     active: a.currentTime === z,
@@ -12171,12 +12175,12 @@ function Um(t, e, o, i, a, r) {
           _: 1
         }),
         p(m),
-        p(k, {
+        p(_, {
           class: "justify-end pa-0 pr-4",
           style: { height: "50px" }
         }, {
           default: u(() => [
-            p(x, {
+            p(w, {
               size: "small",
               variant: "tonal",
               class: "text-none text-body-2",
@@ -12187,7 +12191,7 @@ function Um(t, e, o, i, a, r) {
               ]),
               _: 1
             }, 8, ["onClick"]),
-            p(x, {
+            p(w, {
               size: "small",
               variant: "flat",
               color: "primary",
@@ -12398,12 +12402,12 @@ const Vm = {
   ref: "idmGl4DatePicker"
 }, Ym = { class: "flex-1-1-0" }, Xm = { class: "pa-0" };
 function qm(t, e, o, i, a, r) {
-  const l = v("VIcon"), m = v("VDatePicker"), c = v("VCardText"), f = v("VDivider"), d = v("VBtn"), b = v("VCardActions"), x = v("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(), M("div", Zm, [
     s("div", {
       style: ee({ height: o.height + "px", width: o.width ? o.width + "px" : "auto" }),
       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] = (...k) => r.handleOpenDatePicker && r.handleOpenDatePicker(...k))
+      onClick: e[0] || (e[0] = (..._) => r.handleOpenDatePicker && r.handleOpenDatePicker(..._))
     }, [
       s("span", Ym, n(a.dateRangeStr), 1),
       a.dateRangeStr ? (g(), R(l, {
@@ -12413,7 +12417,7 @@ function qm(t, e, o, i, a, r) {
         onClick: Me(r.handleClearDate, ["stop"])
       }, null, 8, ["onClick"])) : D("", !0)
     ], 4),
-    a.showDatePicker ? (g(), R(x, {
+    a.showDatePicker ? (g(), R(w, {
       key: 0,
       class: "card-box d-flex flex-column border",
       style: ee(r.getStyle)
@@ -12424,7 +12428,7 @@ function qm(t, e, o, i, a, r) {
             s("div", Xm, [
               p(m, {
                 modelValue: a.dateRange,
-                "onUpdate:modelValue": e[1] || (e[1] = (k) => a.dateRange = k),
+                "onUpdate:modelValue": e[1] || (e[1] = (_) => a.dateRange = _),
                 min: a.minDate,
                 max: a.maxDate,
                 "mode-icon": () => r.currentYear,
@@ -13422,9 +13426,18 @@ const Km = {
         }) : this.handleCloseForm();
       }
     },
+    showMeteo: {
+      handler() {
+        var t, e, o, i, a, r, l, m, c, f, d, b;
+        this.showMeteo ? ((o = (e = (t = this.$parent) == null ? void 0 : t.$refs) == null ? void 0 : e.idmBottomBar) == null || o.handleToggle("spot", !0), (r = (a = (i = this.$parent) == null ? void 0 : i.$refs) == null ? void 0 : a.idmTimePlayerBar) == null || r.handleToggle("spot", !0), this.$nextTick(() => {
+          var w, _;
+          this.$parent.playerBottom = ((_ = (w = this.$refs.spotMeteo) == null ? void 0 : w.$el) == null ? void 0 : _.clientHeight) + 10;
+        })) : ((c = (m = (l = this.$parent) == null ? void 0 : l.$refs) == null ? void 0 : m.idmTimePlayerBar) == null || c.handleToggle("spot", !1), (b = (d = (f = this.$parent) == null ? void 0 : f.$refs) == null ? void 0 : d.idmTimePlayerBar) == null || b.handleToggle("spot", !1));
+      }
+    },
     realTime: {
       handler() {
-        this.realTime && (this.form.dateTime = this.realTime);
+        this.realTime && (this.form.dateTime = this.realTime, this.showMeteo && this.fetchData());
       }
     },
     forecastModel: {
@@ -13473,8 +13486,8 @@ const Km = {
       ((o = S(this.realTime)) == null ? void 0 : o.diff(t, "d", !0)) >= 0 ? await this.fetchForecastData(this.form) : await this.fetchHistoryData(this.form);
     },
     async fetchForecastData(t) {
-      this.loading = !0, this.showMeteo = !0, this.form.lng = t.lng, this.form.lat = t.lat, this.form.followId = t.followId, this.handleDrawInfoMarker([t.lng, t.lat]), console.log(111, this.followList), this.meteoData = [];
-      const { weatherModels: e, marineModels: o } = Co.autoPickMeteoModel(t.forecastModel);
+      this.loading = !0, this.showMeteo = !0, this.form.lng = t.lng, this.form.lat = t.lat, this.form.followId = t.followId, this.handleDrawInfoMarker([t.lng, t.lat]), this.meteoData = [];
+      const { weatherModels: e, marineModels: o } = To.autoPickMeteoModel(t.forecastModel);
       let i = {
         lat: t.lat,
         lng: t.lng,
@@ -13495,7 +13508,7 @@ const Km = {
     },
     async fetchHistoryData(t) {
       this.loading = !0, this.showMeteo = !0, this.form.lng = t.lng, this.form.lat = t.lat, this.form.followId = t.followId, this.handleDrawInfoMarker([t.lng, t.lat]), console.log(222, this.followList), this.meteoData = [];
-      const { weatherModels: e, marineModels: o } = Co.autoPickMeteoModel(t.forecastModel), i = {
+      const { weatherModels: e, marineModels: o } = To.autoPickMeteoModel(t.forecastModel), i = {
         lat: t.lat,
         lng: t.lng,
         datetime: S(t.dateTime).utc().format(),
@@ -13515,10 +13528,10 @@ const Km = {
       }), this.loading = !1;
     },
     initTableData(t) {
-      var o, i, a, r, l, m, c, f, d, b, x, k, y, z, C, B, I, w, L, P, T, _, O, F, V, X, Z, Q, $, J, re, le, ue, ie, me, ge, he, de, A, te, be;
+      var o, i, a, r, l, m, c, f, d, b, w, _, y, z, T, B, I, x, L, P, C, k, O, F, V, X, Z, J, Q, $, re, le, ue, ie, me, ge, he, de, A, 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 = Co.pickHourly(t, S(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((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((x = e == null ? void 0 : e.weather) == null ? void 0 : x.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 = ((C = (z = e == null ? void 0 : e.weather) == null ? void 0 : z.wind) == null ? void 0 : C.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (B = e == null ? void 0 : e.weather) == null ? void 0 : B.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((L = (w = e == null ? void 0 : e.weather) == null ? void 0 : w.wind) == null ? void 0 : L.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((T = (P = e == null ? void 0 : e.wave) == null ? void 0 : P.sig) == null ? void 0 : T.height, 1) ?? "-", this.currentHourData.sigwaveDir = (O = (_ = e == null ? void 0 : e.wave) == null ? void 0 : _.sig) == null ? void 0 : O.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((V = (F = e == null ? void 0 : e.wave) == null ? void 0 : F.sig) == null ? void 0 : V.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((Z = (X = e == null ? void 0 : e.wave) == null ? void 0 : X.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((re = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : re.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((ue = (le = e == null ? void 0 : e.wave) == null ? void 0 : le.swell) == null ? void 0 : ue.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 = (ge = e == null ? void 0 : e.wave) == null ? void 0 : ge.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 = (A = e == null ? void 0 : e.current) == null ? void 0 : A.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;
+      const e = ((l = To.pickHourly(t, S(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((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 = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : y.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (z = e == null ? void 0 : e.weather) == null ? void 0 : z.wind) == null ? void 0 : T.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (B = e == null ? void 0 : e.weather) == null ? void 0 : B.wind) == null ? void 0 : I.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 = (O = (k = e == null ? void 0 : e.wave) == null ? void 0 : k.sig) == null ? void 0 : O.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((V = (F = e == null ? void 0 : e.wave) == null ? void 0 : F.sig) == null ? void 0 : V.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((Z = (X = e == null ? void 0 : e.wave) == null ? void 0 : X.wd) == null ? void 0 : Z.height, 1) ?? "-", this.currentHourData.windwaveDir = (Q = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : Q.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((re = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : re.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((ue = (le = e == null ? void 0 : e.wave) == null ? void 0 : le.swell) == null ? void 0 : ue.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 = (ge = e == null ? void 0 : e.wave) == null ? void 0 : ge.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 = (A = e == null ? void 0 : e.current) == null ? void 0 : A.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;
@@ -13577,7 +13590,7 @@ const Km = {
       this.$emit("cancelFollow", t);
     }
   }
-}, Jm = { class: "idm-gl4-spot" }, Qm = { class: "d-flex justify-start align-center" }, $m = { class: "text-h6 font-weight-600" }, eh = { class: "d-flex justify-start align-center ga-1 mb-1" }, th = {
+}, $m = { class: "idm-gl4-spot" }, Jm = { class: "d-flex justify-start align-center" }, Qm = { class: "text-h6 font-weight-600" }, eh = { class: "d-flex justify-start align-center ga-1 mb-1" }, th = {
   class: "multi-color-icon",
   "aria-hidden": "true"
 }, oh = ["xlink:href"], ah = { class: "d-flex justify-start align-center ga-1 mb-1" }, ih = {
@@ -13613,10 +13626,10 @@ const Km = {
 }, Ph = {
   style: { width: "150px" },
   class: "pa-0 text-left"
-}, Ch = {
+}, Th = {
   style: { width: "80px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Th = {
+}, Ch = {
   cols: "3",
   class: "pa-0 text-left"
 }, Mh = { class: "mx-0 py-2 d-flex align-center justify-start" }, Sh = {
@@ -13631,14 +13644,14 @@ const Km = {
 }, Rh = { class: "pa-0 text-left" }, Ah = { class: "d-flex justify-space-between align-center" }, Oh = { class: "d-flex justify-start align-center" }, Bh = { class: "mx-1" }, jh = { class: "d-flex justify-end align-center" }, Eh = { class: "mx-0 py-1 d-flex align-center justify-start" }, Nh = {
   style: { width: "60px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Fh = { class: "pa-0 px-0" }, Hh = { class: "mx-0 py-1 d-flex align-center justify-start" }, Gh = { class: "pa-0 px-0" }, Wh = { class: "gray-bg-2 mx-4 my-2 py-3 px-2 rounded text-font-13 d-flex align-center justify-space-between" }, Uh = { class: "d-flex flex-column align-start justify-center ga-3" }, Vh = { class: "text-label pr-2" }, Zh = { class: "text-label pr-2" }, Yh = { class: "text-label pr-2" }, Xh = { class: "d-flex flex-column align-start justify-center ga-3" }, qh = { class: "text-label pr-2" }, Kh = { class: "text-label pr-2" }, Jh = { class: "text-label pr-2" }, Qh = { id: "idm-position-icon" }, $h = {
+}, Fh = { class: "pa-0 px-0" }, Hh = { class: "mx-0 py-1 d-flex align-center justify-start" }, Gh = { class: "pa-0 px-0" }, Wh = { class: "gray-bg-2 mx-4 my-2 py-3 px-2 rounded text-font-13 d-flex align-center justify-space-between" }, Uh = { class: "d-flex flex-column align-start justify-center ga-3" }, Vh = { class: "text-label pr-2" }, Zh = { class: "text-label pr-2" }, Yh = { class: "text-label pr-2" }, Xh = { class: "d-flex flex-column align-start justify-center ga-3" }, qh = { class: "text-label pr-2" }, Kh = { class: "text-label pr-2" }, $h = { class: "text-label pr-2" }, Jh = { id: "idm-position-icon" }, Qh = {
   class: "multi-color-icon",
   style: { height: "30px", width: "30px" },
   "aria-hidden": "true"
 }, ed = ["xlink:href"];
 function td(t, e, o, i, a, r) {
-  const l = v("VBtn"), m = v("VTooltip"), c = v("VCardTitle"), f = v("VDivider"), d = v("VTextField"), b = v("VCol"), x = v("VRow"), k = v("DateTimePicker"), y = v("VBtnToggle"), z = v("VCardText"), C = v("VCardActions"), B = v("VForm"), I = v("VCard");
-  return g(), M("div", Jm, [
+  const l = v("VBtn"), m = v("VTooltip"), c = v("VCardTitle"), f = v("VDivider"), d = v("VTextField"), b = v("VCol"), w = v("VRow"), _ = v("DateTimePicker"), y = v("VBtnToggle"), z = v("VCardText"), T = v("VCardActions"), B = v("VForm"), I = v("VCard");
+  return g(), M("div", $m, [
     s("div", {
       class: "menu-bar-box transition pa-1",
       style: ee({ top: o.top + o.paddingTop + 126 + "px", right: a.right + "px" })
@@ -13651,8 +13664,8 @@ function td(t, e, o, i, a, r) {
         "open-on-focus": !o.simple,
         "open-on-hover": !o.simple
       }, {
-        activator: u(({ props: w }) => [
-          p(l, j(w, {
+        activator: u(({ props: x }) => [
+          p(l, j(x, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -13677,8 +13690,8 @@ function td(t, e, o, i, a, r) {
       default: u(() => [
         p(c, { class: "d-flex justify-space-between align-center" }, {
           default: u(() => [
-            s("div", Qm, [
-              s("div", $m, n(t.$t("spot.spotWeather")), 1)
+            s("div", Jm, [
+              s("div", Qm, n(t.$t("spot.spotWeather")), 1)
             ]),
             p(l, {
               icon: "",
@@ -13714,7 +13727,7 @@ function td(t, e, o, i, a, r) {
                   ])),
                   s("div", null, n(t.$t("spot.lng")), 1)
                 ]),
-                p(x, { class: "ma-0" }, {
+                p(w, { class: "ma-0" }, {
                   default: u(() => [
                     p(b, {
                       cols: "4",
@@ -13723,7 +13736,7 @@ function td(t, e, o, i, a, r) {
                       default: u(() => [
                         p(d, {
                           modelValue: a.form.lngDegree,
-                          "onUpdate:modelValue": e[0] || (e[0] = (w) => a.form.lngDegree = w),
+                          "onUpdate:modelValue": e[0] || (e[0] = (x) => a.form.lngDegree = x),
                           rules: a.formRules.lngDegree,
                           density: "compact",
                           variant: "outlined",
@@ -13743,7 +13756,7 @@ function td(t, e, o, i, a, r) {
                       default: u(() => [
                         p(d, {
                           modelValue: a.form.lngMinute,
-                          "onUpdate:modelValue": e[1] || (e[1] = (w) => a.form.lngMinute = w),
+                          "onUpdate:modelValue": e[1] || (e[1] = (x) => a.form.lngMinute = x),
                           rules: a.formRules.lngMinute,
                           label: "",
                           density: "compact",
@@ -13770,7 +13783,7 @@ function td(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] = (w) => 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)
@@ -13791,7 +13804,7 @@ function td(t, e, o, i, a, r) {
                   ])),
                   s("div", null, n(t.$t("spot.lat")), 1)
                 ]),
-                p(x, { class: "ma-0" }, {
+                p(w, { class: "ma-0" }, {
                   default: u(() => [
                     p(b, {
                       cols: "4",
@@ -13800,7 +13813,7 @@ function td(t, e, o, i, a, r) {
                       default: u(() => [
                         p(d, {
                           modelValue: a.form.latDegree,
-                          "onUpdate:modelValue": e[3] || (e[3] = (w) => a.form.latDegree = w),
+                          "onUpdate:modelValue": e[3] || (e[3] = (x) => a.form.latDegree = x),
                           rules: a.formRules.latDegree,
                           label: "",
                           density: "compact",
@@ -13823,7 +13836,7 @@ function td(t, e, o, i, a, r) {
                       default: u(() => [
                         p(d, {
                           modelValue: a.form.latMinute,
-                          "onUpdate:modelValue": e[4] || (e[4] = (w) => a.form.latMinute = w),
+                          "onUpdate:modelValue": e[4] || (e[4] = (x) => a.form.latMinute = x),
                           rules: a.formRules.latMinute,
                           label: "",
                           density: "compact",
@@ -13850,7 +13863,7 @@ function td(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] = (w) => 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)
@@ -13871,18 +13884,18 @@ function td(t, e, o, i, a, r) {
                   ])),
                   s("div", null, n(t.$t("spot.dateTime")), 1)
                 ]),
-                p(x, { class: "ma-0 mb-4" }, {
+                p(w, { class: "ma-0 mb-4" }, {
                   default: u(() => [
                     p(b, {
                       cols: "12",
                       class: "pa-0"
                     }, {
                       default: u(() => [
-                        p(k, j({
+                        p(_, j({
                           "date-time": a.form.dateTime,
                           "time-zone": o.timeZone
                         }, t.$attrs, {
-                          onDateTime: e[6] || (e[6] = (w) => a.form.dateTime = w)
+                          onDateTime: e[6] || (e[6] = (x) => a.form.dateTime = x)
                         }), null, 16, ["date-time", "time-zone"])
                       ]),
                       _: 1
@@ -13898,7 +13911,7 @@ function td(t, e, o, i, a, r) {
                   ])),
                   s("div", null, n(t.$t("weather.forecastModel")), 1)
                 ]),
-                p(x, { class: "ma-0 mb-2" }, {
+                p(w, { class: "ma-0 mb-2" }, {
                   default: u(() => [
                     p(b, {
                       cols: "12",
@@ -13907,7 +13920,7 @@ function td(t, e, o, i, a, r) {
                       default: u(() => [
                         p(y, {
                           modelValue: a.form.forecastModel,
-                          "onUpdate:modelValue": e[7] || (e[7] = (w) => a.form.forecastModel = w),
+                          "onUpdate:modelValue": e[7] || (e[7] = (x) => a.form.forecastModel = x),
                           class: "w-100",
                           rounded: "",
                           height: "30",
@@ -13956,7 +13969,7 @@ function td(t, e, o, i, a, r) {
               _: 1
             }),
             p(f),
-            p(C, { 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",
@@ -13992,7 +14005,7 @@ function td(t, e, o, i, a, r) {
       ]),
       _: 1
     }, 8, ["style"])) : D("", !0),
-    a.showMeteo ? (g(), R(I, {
+    a.showMeteo && !o.simple ? (g(), R(I, {
       key: 1,
       id: "idm-gl4-spot-meteo",
       class: "spot-meteo",
@@ -14024,11 +14037,11 @@ function td(t, e, o, i, a, r) {
         p(f),
         p(z, { class: "text-body-1 px-0 py-1" }, {
           default: u(() => {
-            var w, L;
+            var x, L;
             return [
               s("div", uh, [
                 s("div", gh, n(t.$t("time.time")), 1),
-                s("div", fh, n(r.computedTzTime((w = a.currentHourData) == null ? void 0 : w.utc)), 1)
+                s("div", fh, n(r.computedTzTime((x = a.currentHourData) == null ? void 0 : x.utc)), 1)
               ]),
               s("div", yh, [
                 e[18] || (e[18] = s("div", {
@@ -14046,8 +14059,8 @@ function td(t, e, o, i, a, r) {
               s("div", zh, [
                 s("div", Lh, n(t.$t("weather.windWave")), 1),
                 s("div", Ph, n(a.currentHourData.windwaveDir ?? "-") + "/" + n(a.currentHourData.windwaveHeight ?? "-") + "m/" + n(a.currentHourData.windwavePeriod ?? "-") + "s", 1),
-                s("div", Ch, n(t.$t("weather.swell")), 1),
-                s("div", Th, n(a.currentHourData.swellDir ?? "-") + "/" + n(a.currentHourData.swellHeight ?? "-") + "m/" + n(a.currentHourData.swellPeriod ?? "-") + "s", 1)
+                s("div", Th, n(t.$t("weather.swell")), 1),
+                s("div", Ch, n(a.currentHourData.swellDir ?? "-") + "/" + n(a.currentHourData.swellHeight ?? "-") + "m/" + n(a.currentHourData.swellPeriod ?? "-") + "s", 1)
               ]),
               s("div", Mh, [
                 s("div", Sh, n(t.$t("weather.current")), 1),
@@ -14060,13 +14073,13 @@ function td(t, e, o, i, a, r) {
           _: 1
         }),
         p(f),
-        p(C, { class: "d-flex justify-space-between align-center" }, {
+        p(T, { class: "d-flex justify-space-between align-center" }, {
           default: u(() => {
-            var w;
+            var x;
             return [
-              (w = o.followList) != null && w.some((L) => {
-                var P, T;
-                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 && ((T = L == null ? void 0 : L.coordinate) == null ? void 0 : T.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(), R(l, {
                 key: 0,
                 class: "text-none text-body-1",
@@ -14122,13 +14135,14 @@ function td(t, e, o, i, a, r) {
     })) : D("", !0),
     a.showMeteo && o.simple ? (g(), R(I, {
       key: 2,
+      ref: "spotMeteo",
       class: "position-absolute bottom-0 rounded-t-4",
       style: { width: "100vw", "z-index": "1001" }
     }, {
       default: u(() => [
         p(c, null, {
           default: u(() => {
-            var w;
+            var x;
             return [
               s("div", Ah, [
                 s("div", Oh, [
@@ -14136,9 +14150,9 @@ function td(t, e, o, i, a, r) {
                   s("div", Bh, n(r.computePosition(a.form || a.currentHourData)), 1)
                 ]),
                 s("div", jh, [
-                  (w = o.followList) != null && w.some((L) => {
-                    var P, T;
-                    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 && ((T = L == null ? void 0 : L.coordinate) == null ? void 0 : T.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(), R(l, {
                     key: 0,
                     class: "text-none text-body-1 rounded-circle",
@@ -14194,11 +14208,11 @@ function td(t, e, o, i, a, r) {
         p(f),
         p(z, { class: "text-body-1 px-0 py-2" }, {
           default: u(() => {
-            var w, L;
+            var x, L;
             return [
               s("div", Eh, [
                 s("div", Nh, n(t.$t("time.time")), 1),
-                s("div", Fh, n(r.computedTzTime((w = a.currentHourData) == null ? void 0 : w.utc)), 1)
+                s("div", Fh, n(r.computedTzTime((x = a.currentHourData) == null ? void 0 : x.utc)), 1)
               ]),
               s("div", Hh, [
                 e[26] || (e[26] = s("div", {
@@ -14232,7 +14246,7 @@ function td(t, e, o, i, a, r) {
                     s("span", null, n(a.currentHourData.currentDir ?? "-") + "/" + n(a.currentHourData.currentSpeed ?? "-") + "kts", 1)
                   ]),
                   s("div", null, [
-                    s("span", Jh, n(t.$t("weather.visibility")), 1),
+                    s("span", $h, n(t.$t("weather.visibility")), 1),
                     s("span", null, n(a.currentHourData.visibility ?? "-") + " nm", 1)
                   ])
                 ])
@@ -14243,9 +14257,9 @@ function td(t, e, o, i, a, r) {
         })
       ]),
       _: 1
-    })) : D("", !0),
-    Ze(s("div", Qh, [
-      (g(), M("svg", $h, [
+    }, 512)) : D("", !0),
+    Ze(s("div", Jh, [
+      (g(), M("svg", Qh, [
         s("use", {
           "xlink:href": `#icon-spot-${o.theme}`
         }, null, 8, ed)
@@ -14357,21 +14371,21 @@ const ad = {
       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 x = this.geojson.filter((C) => C.id === e.split("-")[0])[0];
-        this.pointMarkers[x.id].filter((C) => {
+        const w = this.geojson.filter((T) => T.id === e.split("-")[0])[0];
+        this.pointMarkers[w.id].filter((T) => {
           var B;
-          return ((B = C._element) == null ? void 0 : B.id) === e;
+          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;
-        x.features.forEach((C, B) => {
-          if (C.geometry.type === "Point" && C.properties.id === e.split("-")[1]) {
+        w.features.forEach((T, B) => {
+          if (T.geometry.type === "Point" && T.properties.id === e.split("-")[1]) {
             y = B;
             return;
           }
         });
-        const z = x.features.filter((C) => C.geometry.type === "Point");
+        const z = w.features.filter((T) => T.geometry.type === "Point");
         this.handleTmpPointUpdate(
-          x,
+          w,
           z[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: z[y].properties },
           y === z.length - 1 ? void 0 : z[y + 1]
@@ -14382,13 +14396,13 @@ const ad = {
       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 x = this.geojson.filter((z) => z.id === e.split("-")[0])[0];
-        this.pointMarkers[x.id].filter((z) => {
-          var C;
-          return ((C = z._element) == null ? void 0 : C.id) === e;
+        const w = this.geojson.filter((z) => z.id === e.split("-")[0])[0];
+        this.pointMarkers[w.id].filter((z) => {
+          var T;
+          return ((T = z._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 = x.features.filter((z) => z.geometry.type === "Point" && z.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], x.features = x.features.filter((z) => z.geometry.type === "Point"), this.handlePointUpdate(x);
+        const y = w.features.filter((z) => z.geometry.type === "Point" && z.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((z) => z.geometry.type === "Point"), this.handlePointUpdate(w);
       }
     },
     handleContextmenu(t) {
@@ -14438,10 +14452,10 @@ const ad = {
         for (let a = 1; a < e.length; a++) {
           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 x;
-          m.mode === "RL" ? x = q.convertToMonotonicLng([c, f]) : x = q.convertToMonotonicLng(Ve.interpolateCoordinates(c, f, 200));
-          const k = G.lineString(x.map((z) => [z.lng, z.lat]));
-          k.properties.dist = d, k.properties.bearing = b, k.properties.total = o, k.properties.name = "Line " + this.currentLineIndex, i.push(k);
+          let w;
+          m.mode === "RL" ? w = q.convertToMonotonicLng([c, f]) : w = q.convertToMonotonicLng(Ve.interpolateCoordinates(c, f, 200));
+          const _ = G.lineString(w.map((z) => [z.lng, z.lat]));
+          _.properties.dist = d, _.properties.bearing = b, _.properties.total = o, _.properties.name = "Line " + this.currentLineIndex, i.push(_);
           const y = e[a];
           y.properties.totalDist = q.roundPrecision((m.totalDist ? m.totalDist : 0) + d, 4), y.properties.sumLabel = y.properties.totalDist + " nm";
         }
@@ -14457,16 +14471,16 @@ const ad = {
         r = Ve.calculateDistance(f, d, c.mode === "RL", 4), l = Ve.calculateBearing(f, d, c.mode === "RL", 2);
         let b;
         c.mode === "RL" ? b = q.convertToMonotonicLng([f, d]) : b = q.convertToMonotonicLng(Ve.interpolateCoordinates(f, d, 200));
-        const x = G.lineString(b.map((k) => [k.lng, k.lat]));
-        x.properties.dist = r, x.properties.bearing = l, a.features.push(x);
+        const w = G.lineString(b.map((_) => [_.lng, _.lat]));
+        w.properties.dist = r, w.properties.bearing = l, a.features.push(w);
       }
       if (i) {
         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;
         c.mode === "RL" ? b = q.convertToMonotonicLng([f, d]) : b = q.convertToMonotonicLng(Ve.interpolateCoordinates(f, d, 200));
-        const x = G.lineString(b.map((k) => [k.lng, k.lat]));
-        x.properties.dist = r, x.properties.bearing = l, a.features.push(x);
+        const w = G.lineString(b.map((_) => [_.lng, _.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",
@@ -14607,11 +14621,11 @@ const ad = {
       }
     },
     handleClear(t, e = !0) {
-      var l, m, c, f, d, b, x, k, y, z;
+      var l, m, c, f, d, b, w, _, y, z;
       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), (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, (x = this.pointMarkers[t.id]) == null || x.forEach((C) => {
-        C == null || C.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 && ((z = this.map) != null && z.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] = [], (_ = this.tipMarker) == null || _.remove(), this.tipMarker = void 0, e && ((y = this.map) != null && y.getSource(o)) && this.map.removeSource(o), e && ((z = this.map) != null && z.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 }, id = { class: "idm-gl4-measure" };
@@ -14669,6 +14683,7 @@ const ld = {
       right: 10,
       show: {
         weather: !1,
+        spot: !1,
         tropical: !1,
         ship: !1
       },
@@ -14781,7 +14796,7 @@ const ld = {
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
 }, ud = ["onClick"], gd = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, fd = { class: "text-body-1" };
 function yd(t, e, o, i, a, r) {
-  const l = v("DateTimePicker"), m = v("VListItemTitle"), c = v("VListItem"), f = v("VList"), d = v("VMenu"), b = v("VBtn"), x = v("VDivider"), k = v("VTooltip");
+  const l = v("DateTimePicker"), m = v("VListItemTitle"), c = v("VListItem"), f = v("VList"), d = v("VMenu"), b = v("VBtn"), w = v("VDivider"), _ = v("VTooltip");
   return g(), M("div", nd, [
     s("div", {
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
@@ -14827,7 +14842,7 @@ function yd(t, e, o, i, a, r) {
                     }, {
                       default: u(() => [
                         p(m, {
-                          onClick: (C) => a.intervalHour = y
+                          onClick: (T) => a.intervalHour = y
                         }, {
                           default: u(() => [
                             K(n(y) + "h", 1)
@@ -14847,7 +14862,7 @@ function yd(t, e, o, i, a, r) {
           _: 1
         })
       ]),
-      p(x, {
+      p(w, {
         vertical: "",
         class: "mx-2 my-3",
         style: { height: "16px" }
@@ -14920,23 +14935,23 @@ function yd(t, e, o, i, a, r) {
           __: [14]
         }, 8, ["onClick"])
       ]),
-      p(x, {
+      p(w, {
         vertical: "",
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
       s("div", hd, [
-        p(k, {
+        p(_, {
           text: t.$t("weather.windBarbs"),
           location: "top"
         }, {
           activator: u(({ props: y }) => {
-            var z, C;
+            var z, T;
             return [
               p(b, j(y, {
                 class: "pa-1 d-flex",
                 color: (z = o.weatherCheckList) != null && z.includes("wind") ? "primary" : "",
-                variant: (C = o.weatherCheckList) != null && C.includes("wind") ? "elevated" : "text",
+                variant: (T = o.weatherCheckList) != null && T.includes("wind") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
@@ -14952,17 +14967,17 @@ function yd(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        p(k, {
+        p(_, {
           text: t.$t("weather.sigWaveHeight"),
           location: "top"
         }, {
           activator: u(({ props: y }) => {
-            var z, C;
+            var z, T;
             return [
               p(b, j(y, {
                 class: "pa-1 d-flex",
                 color: (z = o.weatherCheckList) != null && z.includes("sig-wave-height") ? "primary" : "",
-                variant: (C = o.weatherCheckList) != null && C.includes("sig-wave-height") ? "elevated" : "text",
+                variant: (T = o.weatherCheckList) != null && T.includes("sig-wave-height") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
@@ -14977,17 +14992,17 @@ function yd(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        p(k, {
+        p(_, {
           text: t.$t("weather.currentDirection"),
           location: "top"
         }, {
           activator: u(({ props: y }) => {
-            var z, C;
+            var z, T;
             return [
               p(b, j(y, {
                 class: "pa-1 d-flex",
                 color: (z = o.weatherCheckList) != null && z.includes("current-direction") ? "primary" : "",
-                variant: (C = o.weatherCheckList) != null && C.includes("current-direction") ? "elevated" : "text",
+                variant: (T = o.weatherCheckList) != null && T.includes("current-direction") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
@@ -15002,7 +15017,7 @@ function yd(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        p(k, {
+        p(_, {
           text: t.$t("weather.weatherLayers"),
           location: "top"
         }, {
@@ -15024,7 +15039,7 @@ function yd(t, e, o, i, a, r) {
           _: 1
         }, 8, ["text"])
       ]),
-      p(x, {
+      p(w, {
         vertical: "",
         class: "mx-2 mr-3 my-3",
         style: { height: "16px" }
@@ -15102,7 +15117,7 @@ const wd = {
     },
     playerBottom: {
       type: Number,
-      default: 10
+      default: 30
     }
   },
   emits: ["realTime", "timeZone"],
@@ -15111,6 +15126,7 @@ const wd = {
       right: 10,
       show: {
         weather: !1,
+        spot: !1,
         tropical: !1,
         ship: !1
       },
@@ -15196,7 +15212,7 @@ const wd = {
       this.step = Math.floor(e / this.frequency), this.animation = requestAnimationFrame(this.animateSpeeds);
     }
   }
-}, xd = { class: "w-100 timeline-box d-flex justify-space-between align-center rounded" };
+}, xd = { class: "w-100 timeline-box d-flex justify-space-between align-center rounded px-2" };
 function vd(t, e, o, i, a, r) {
   const l = v("VBtn"), m = v("DateTimePicker");
   return g(), M("div", {
@@ -15296,7 +15312,7 @@ function vd(t, e, o, i, a, r) {
     ])
   ], 4);
 }
-const Ja = /* @__PURE__ */ Y(wd, [["render", vd]]), _d = {
+const $a = /* @__PURE__ */ Y(wd, [["render", vd]]), _d = {
   name: "IdmGL4",
   components: {
     IdmOtherLayer: hl,
@@ -15305,7 +15321,7 @@ const Ja = /* @__PURE__ */ Y(wd, [["render", vd]]), _d = {
     IdmMeasure: rd,
     IdmSpot: od,
     IdmBottomBar: bd,
-    IdmTimePlayer: Ja
+    IdmTimePlayer: $a
   },
   props: {
     map: {
@@ -15337,6 +15353,7 @@ const Ja = /* @__PURE__ */ Y(wd, [["render", vd]]), _d = {
       layerVersion: 0,
       autoActive: !0,
       tropicals: void 0,
+      playerBottom: 30,
       gateway: "https://cbe.idmwx.com",
       assistGateway: ["https://assist0.idmwx.com", "https://assist1.idmwx.com", "https://assist2.idmwx.com", "https://assist3.idmwx.com"],
       defaultMeteoToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNtZWliMDg2dTAwMDdmdnV4ZHRhcmFoODIiLCJyb2xlIjoyLCJuYW1lIjoiY2hlbmhlbmdAb3Jtd3guY29tIiwicGxhdElkIjoiZ2QwbXQxZCIsImNvbXBhbnkiOnsiaWQiOm51bGwsImNoaWxkcmVuIjpbXX0sImlhdCI6MTc1NTg1NzQ0NiwiZXhwIjozOTYzMzc3NDQ2fQ.nll8PA8tZEFONV2ydX4Rx_Xya7nMzJQ6vPSL_Sg2dVU"
@@ -15365,7 +15382,7 @@ const Ja = /* @__PURE__ */ Y(wd, [["render", vd]]), _d = {
   class: "map-gl4-home"
 };
 function zd(t, e, o, i, a, r) {
-  const l = v("IdmOtherLayer"), m = v("IdmWeatherLayer"), c = v("IdmTropicals"), f = v("IdmMeasure"), d = v("IdmSpot"), b = v("IdmBottomBar"), x = v("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(), M("div", kd, [
     p(l, j({
       ref: "idmOtherLayers",
@@ -15379,8 +15396,8 @@ function zd(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, t.$attrs, {
-      onOtherCheckList: e[0] || (e[0] = (k) => {
-        a.otherCheckList = k, a.layerVersion = a.layerVersion + 1;
+      onOtherCheckList: e[0] || (e[0] = (_) => {
+        a.otherCheckList = _, a.layerVersion = a.layerVersion + 1;
       })
     }), null, 16, ["simple", "token", "default-meteo-token", "map", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
     p(m, j({
@@ -15395,11 +15412,11 @@ function zd(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, t.$attrs, {
-      onAutoActive: e[1] || (e[1] = (k) => {
-        a.autoActive = k, a.layerVersion = a.layerVersion + 1;
+      onAutoActive: e[1] || (e[1] = (_) => {
+        a.autoActive = _, a.layerVersion = a.layerVersion + 1;
       }),
-      onWeatherCheckList: e[2] || (e[2] = (k) => {
-        a.weatherCheckList = k, a.layerVersion = a.layerVersion + 1;
+      onWeatherCheckList: e[2] || (e[2] = (_) => {
+        a.weatherCheckList = _, a.layerVersion = a.layerVersion + 1;
       })
     }), null, 16, ["simple", "map", "token", "default-meteo-token", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
     p(c, j({
@@ -15436,14 +15453,14 @@ function zd(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(), R(x, j({
+    o.simple ? (g(), R(w, j({
       key: 1,
-      ref: "idmBottomBar",
+      ref: "idmTimePlayerBar",
+      playerBottom: a.playerBottom,
       bgClass: o.simple ? "bg-background" : "",
       "weather-check-list": a.weatherCheckList,
-      "map-feather": o.mapFeather,
-      playerBottom: 30
-    }, t.$attrs), null, 16, ["bgClass", "weather-check-list", "map-feather"])) : D("", !0)
+      "map-feather": o.mapFeather
+    }, t.$attrs), null, 16, ["playerBottom", "bgClass", "weather-check-list", "map-feather"])) : D("", !0)
   ], 512);
 }
 const Ld = /* @__PURE__ */ Y(_d, [["render", zd]]);
@@ -15455,7 +15472,7 @@ class Pd {
     pe(this, "hi");
     pe(this, "td");
     pe(this, "windy");
-    var o, i, a, r, l, m, c, f, d, b, x, k, y, z, C, B, I, w, L, P, T, _, O, F, V, X, Z, Q, $, J, re, le, ue, ie, me, ge, he, de, A, te, be, ve, Pe, Ce, _e, Ie, Te, H, oe, He, Oe, fe, Re, W, ye, ae, se, je, Ge, We, E, we, Be, Ee, Ne, N, Ue, U, Xe, qe, Ke, Le, Je, Qe, $e, et, tt, ot, at, it, st, rt, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, Mt, St, Dt, It, Rt, At, Ot, Bt, jt, Et, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Zt, Yt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, so, ro, 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, Zo, Yo, Xo, qo, Ko, Jo, Qo, $o, ea, ta, oa, aa, ia, sa, ra, la, na, ca, ma, ha, da, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Ma, Sa, 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, _, y, z, T, B, I, x, L, P, C, k, O, F, V, X, Z, J, Q, $, re, le, ue, ie, me, ge, he, de, A, te, be, ve, Pe, Te, _e, Ie, Ce, H, oe, He, Oe, fe, Re, W, ye, ae, se, je, Ge, We, E, we, Be, Ee, Ne, N, Ue, U, Xe, qe, Ke, Le, $e, Je, Qe, et, tt, ot, at, it, st, rt, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, Mt, St, Dt, It, Rt, At, Ot, Bt, jt, Et, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Zt, Yt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, so, ro, 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, Zo, Yo, Xo, qo, Ko, $o, Jo, Qo, ea, ta, oa, aa, ia, sa, ra, la, na, ca, ma, ha, da, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ta, Ca, Ma, Sa, Da, Ia, Ra, Aa, Oa, Ba, ja, Ea, Na, Fa, Ha, Ga, Wa, Ua;
     this.i4 = {
       source: {
         type: "raster",
@@ -34101,25 +34118,25 @@ class Pd {
           (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"),
-          (k = (x = this.originStyle) == null ? void 0 : x.light.layers) == null ? void 0 : k.find((h) => h.id === "loadlines-fill"),
+          (_ = (w = this.originStyle) == null ? void 0 : w.light.layers) == null ? void 0 : _.find((h) => h.id === "loadlines-fill"),
           (z = (y = this.originStyle) == null ? void 0 : y.light.layers) == null ? void 0 : z.find((h) => h.id === "empty-layer-0"),
-          (B = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : B.find((h) => h.id === "empty-layer-1"),
-          (w = (I = this.originStyle) == null ? void 0 : I.light.layers) == null ? void 0 : w.find((h) => h.id === "country-boundaries"),
+          (B = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : B.find((h) => h.id === "empty-layer-1"),
+          (x = (I = this.originStyle) == null ? void 0 : I.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"),
-          (_ = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : _.find((h) => h.id === "water-outline2"),
+          (k = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : k.find((h) => h.id === "water-outline2"),
           (F = (O = this.originStyle) == null ? void 0 : O.light.layers) == null ? void 0 : F.find((h) => h.id === "empty-layer-2"),
           (X = (V = this.originStyle) == null ? void 0 : V.light.layers) == null ? void 0 : X.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"),
-          (J = ($ = this.originStyle) == null ? void 0 : $.light.layers) == null ? void 0 : J.find((h) => h.id === "world-12nm-v4-20231025"),
+          (J = (Z = this.originStyle) == null ? void 0 : Z.light.layers) == null ? void 0 : J.find((h) => h.id === "water-point-label"),
+          ($ = (Q = this.originStyle) == null ? void 0 : Q.light.layers) == null ? void 0 : $.find((h) => h.id === "world-12nm-v4-20231025"),
           (le = (re = this.originStyle) == null ? void 0 : re.light.layers) == null ? void 0 : le.find((h) => h.id === "ne-10m-outline"),
           (ie = (ue = this.originStyle) == null ? void 0 : ue.light.layers) == null ? void 0 : ie.find((h) => h.id === "ne-10m-label"),
           (ge = (me = this.originStyle) == null ? void 0 : me.light.layers) == null ? void 0 : ge.find((h) => h.id === "china-route-line"),
           (de = (he = this.originStyle) == null ? void 0 : he.light.layers) == null ? void 0 : de.find((h) => h.id === "china-route-fill"),
           (te = (A = this.originStyle) == null ? void 0 : A.light.layers) == null ? void 0 : te.find((h) => h.id === "china-route-label"),
           (ve = (be = this.originStyle) == null ? void 0 : be.light.layers) == null ? void 0 : ve.find((h) => h.id === "admin-0-boundary-bg"),
-          (Ce = (Pe = this.originStyle) == null ? void 0 : Pe.light.layers) == null ? void 0 : Ce.find((h) => h.id === "admin-0-boundary"),
+          (Te = (Pe = this.originStyle) == null ? void 0 : Pe.light.layers) == null ? void 0 : Te.find((h) => h.id === "admin-0-boundary"),
           (Ie = (_e = this.originStyle) == null ? void 0 : _e.light.layers) == null ? void 0 : Ie.find((h) => h.id === "admin-0-boundary-disputed"),
-          (H = (Te = this.originStyle) == null ? void 0 : Te.light.layers) == null ? void 0 : H.find((h) => h.id === "country-label"),
+          (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"),
           (fe = (Oe = this.originStyle) == null ? void 0 : Oe.light.layers) == null ? void 0 : fe.find((h) => h.id === "tide-stations"),
           (W = (Re = this.originStyle) == null ? void 0 : Re.light.layers) == null ? void 0 : W.find((h) => h.id === "empty-layer-3"),
@@ -34153,8 +34170,8 @@ class Pd {
           (Ue = (N = this.originStyle) == null ? void 0 : N.dark.layers) == null ? void 0 : Ue.find((h) => h.id === "ice-area-fill"),
           (Xe = (U = this.originStyle) == null ? void 0 : U.dark.layers) == null ? void 0 : Xe.find((h) => h.id === "ice-area-line"),
           (Ke = (qe = this.originStyle) == null ? void 0 : qe.dark.layers) == null ? void 0 : Ke.find((h) => h.id === "loadlines-label"),
-          (Je = (Le = this.originStyle) == null ? void 0 : Le.dark.layers) == null ? void 0 : Je.find((h) => h.id === "loadlines-fill"),
-          ($e = (Qe = this.originStyle) == null ? void 0 : Qe.dark.layers) == null ? void 0 : $e.find((h) => h.id === "empty-layer-0"),
+          ($e = (Le = this.originStyle) == null ? void 0 : Le.dark.layers) == null ? void 0 : $e.find((h) => h.id === "loadlines-fill"),
+          (Qe = (Je = this.originStyle) == null ? void 0 : Je.dark.layers) == null ? void 0 : Qe.find((h) => h.id === "empty-layer-0"),
           (tt = (et = this.originStyle) == null ? void 0 : et.dark.layers) == null ? void 0 : tt.find((h) => h.id === "empty-layer-1"),
           (at = (ot = this.originStyle) == null ? void 0 : ot.dark.layers) == null ? void 0 : at.find((h) => h.id === "country-boundaries"),
           (st = (it = this.originStyle) == null ? void 0 : it.dark.layers) == null ? void 0 : st.find((h) => h.id === "water-outline"),
@@ -34168,8 +34185,8 @@ class Pd {
           (vt = (xt = this.originStyle) == null ? void 0 : xt.dark.layers) == null ? void 0 : vt.find((h) => h.id === "china-route-fill"),
           (kt = (_t = this.originStyle) == null ? void 0 : _t.dark.layers) == null ? void 0 : kt.find((h) => h.id === "china-route-label"),
           (Lt = (zt = this.originStyle) == null ? void 0 : zt.dark.layers) == null ? void 0 : Lt.find((h) => h.id === "admin-0-boundary-bg"),
-          (Ct = (Pt = this.originStyle) == null ? void 0 : Pt.dark.layers) == null ? void 0 : Ct.find((h) => h.id === "admin-0-boundary"),
-          (Mt = (Tt = this.originStyle) == null ? void 0 : Tt.dark.layers) == null ? void 0 : Mt.find((h) => h.id === "admin-0-boundary-disputed"),
+          (Tt = (Pt = this.originStyle) == null ? void 0 : Pt.dark.layers) == null ? void 0 : Tt.find((h) => h.id === "admin-0-boundary"),
+          (Mt = (Ct = this.originStyle) == null ? void 0 : Ct.dark.layers) == null ? void 0 : Mt.find((h) => h.id === "admin-0-boundary-disputed"),
           (Dt = (St = this.originStyle) == null ? void 0 : St.dark.layers) == null ? void 0 : Dt.find((h) => h.id === "country-label"),
           (Rt = (It = this.originStyle) == null ? void 0 : It.dark.layers) == null ? void 0 : Rt.find((h) => h.id === "continent-label"),
           (Ot = (At = this.originStyle) == null ? void 0 : At.dark.layers) == null ? void 0 : Ot.find((h) => h.id === "tide-stations"),
@@ -34281,8 +34298,8 @@ class Pd {
           (Xo = (Yo = this.originStyle) == null ? void 0 : Yo.light.layers) == null ? void 0 : Xo.find((h) => h.id === "land"),
           (Ko = (qo = this.originStyle) == null ? void 0 : qo.light.layers) == null ? void 0 : Ko.find((h) => h.id === "water"),
           this.i4.layer,
-          (Qo = (Jo = this.originStyle) == null ? void 0 : Jo.light.layers) == null ? void 0 : Qo.find((h) => h.id === "ice-area-fill"),
-          (ea = ($o = this.originStyle) == null ? void 0 : $o.light.layers) == null ? void 0 : ea.find((h) => h.id === "ice-area-line"),
+          (Jo = ($o = this.originStyle) == null ? void 0 : $o.light.layers) == null ? void 0 : Jo.find((h) => h.id === "ice-area-fill"),
+          (ea = (Qo = this.originStyle) == null ? void 0 : Qo.light.layers) == null ? void 0 : ea.find((h) => h.id === "ice-area-line"),
           (oa = (ta = this.originStyle) == null ? void 0 : ta.light.layers) == null ? void 0 : oa.find((h) => h.id === "loadlines-label"),
           (ia = (aa = this.originStyle) == null ? void 0 : aa.light.layers) == null ? void 0 : ia.find((h) => h.id === "loadlines-fill"),
           (ra = (sa = this.originStyle) == null ? void 0 : sa.light.layers) == null ? void 0 : ra.find((h) => h.id === "empty-layer-0"),
@@ -34298,7 +34315,7 @@ class Pd {
           (_a = (va = this.originStyle) == null ? void 0 : va.light.layers) == null ? void 0 : _a.find((h) => h.id === "ne-10m-label"),
           (za = (ka = this.originStyle) == null ? void 0 : ka.light.layers) == null ? void 0 : za.find((h) => h.id === "china-route-line"),
           (Pa = (La = this.originStyle) == null ? void 0 : La.light.layers) == null ? void 0 : Pa.find((h) => h.id === "china-route-fill"),
-          (Ta = (Ca = this.originStyle) == null ? void 0 : Ca.light.layers) == null ? void 0 : Ta.find((h) => h.id === "china-route-label"),
+          (Ca = (Ta = this.originStyle) == null ? void 0 : Ta.light.layers) == null ? void 0 : Ca.find((h) => h.id === "china-route-label"),
           (Sa = (Ma = this.originStyle) == null ? void 0 : Ma.light.layers) == null ? void 0 : Sa.find((h) => h.id === "admin-0-boundary-bg"),
           (Ia = (Da = this.originStyle) == null ? void 0 : Da.light.layers) == null ? void 0 : Ia.find((h) => h.id === "admin-0-boundary"),
           (Aa = (Ra = this.originStyle) == null ? void 0 : Ra.light.layers) == null ? void 0 : Aa.find((h) => h.id === "admin-0-boundary-disputed"),
@@ -34312,7 +34329,7 @@ class Pd {
     };
   }
 }
-const Cd = {
+const Td = {
   name: "MapInitial",
   props: {
     token: {
@@ -34428,7 +34445,7 @@ const Cd = {
       this.zoom > 2 && (this.zoom = Math.floor(this.zoom) - 1, (t = this.map) == null || t.flyTo({ zoom: this.zoom, duration: 500 }));
     }
   }
-}, Td = { class: "v-btn--variant-elevated rounded" }, Md = { class: "v-btn--variant-elevated rounded" }, Sd = { class: "zoom" }, Dd = {
+}, Cd = { class: "v-btn--variant-elevated rounded" }, Md = { class: "v-btn--variant-elevated rounded" }, Sd = { class: "zoom" }, Dd = {
   key: 2,
   class: "position-absolute left-0 bottom-0 ma-2 my-1 text-caption text-label opacity-70"
 };
@@ -34444,7 +34461,7 @@ function Id(t, e, o, i, a, r) {
       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", Td, [
+      s("div", Cd, [
         p(l, {
           "min-width": "32",
           width: "32",
@@ -34507,9 +34524,9 @@ function Id(t, e, o, i, a, r) {
     ]))
   ], 4);
 }
-const Rd = /* @__PURE__ */ Y(Cd, [["render", Id]]), Vd = {
+const Rd = /* @__PURE__ */ Y(Td, [["render", Id]]), Vd = {
   install(t) {
-    t.component("MapInitial", Rd), t.component("MapboxGL", Ld), t.component("TropicalGL", qa), t.component("LatLngGL", Xa), t.component("DateTimePicker", So), t.component("DateRangePicker", Ka), t.component("PortDetail", Do), t.component("TimePlayer", Ja);
+    t.component("MapInitial", Rd), t.component("MapboxGL", Ld), t.component("TropicalGL", qa), t.component("LatLngGL", Xa), t.component("DateTimePicker", So), t.component("DateRangePicker", Ka), t.component("PortDetail", Do), t.component("TimePlayer", $a);
   }
 };
 export {
@@ -34522,7 +34539,7 @@ export {
   Pd as MapboxStyleHelper,
   Se as ParticleSchema,
   Do as PortDetail,
-  Ja as TimePlayer,
+  $a as TimePlayer,
   qa as TropicalGL,
   Io as Viewport,
   Fe as WebGL,