@idmwx/idmui-gl4 2.3.6 → 2.3.8

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, x, k, y, z, T, B, I, w, L, P, C, _, 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((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((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 = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.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 = (_ = 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 = (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 = {
@@ -1728,12 +1728,12 @@ function bs(t, e, o, i, a, r) {
       return [
         p(m, { class: "w-100" }, {
           default: u(() => {
-            var y, z, C, B, I, w;
+            var y, z, T, B, I, w;
             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)
@@ -1872,13 +1872,13 @@ 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)
@@ -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,7 +3098,7 @@ 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"])
@@ -3111,7 +3111,7 @@ function Cr(t, e, o, i, a, r) {
             var k;
             return [
               s("div", Ks, [
-                s("div", Js, [
+                s("div", $s, [
                   s("div", null, n((k = o.station) == null ? void 0 : k.name), 1)
                 ]),
                 p(l, {
@@ -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, [
@@ -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: {
@@ -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: [],
@@ -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"), x = v("VCard"), k = v("IdmLatLng"), y = v("IdmTerminator"), z = v("IdmTimezone"), T = v("IdmPort"), B = v("IdmAlertZone"), I = v("IdmTideStations"), w = v("IdmEcaZone"), L = v("IdmWarZone"), P = v("IdmGmdssArea"), C = v("IdmLoadLine"), _ = 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" : ""]),
@@ -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,
@@ -5983,7 +5983,7 @@ 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")
@@ -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");
@@ -6280,8 +6280,8 @@ class Fe {
         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 z = (y[0] - b[0]) * e.ratio, T = (y[1] - b[3]) * e.ratio, B = y[2] * e.ratio, [I, w, L, P] = [z, B + z, T, B + T], C = 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, C, o.STATIC_DRAW), o.drawArrays(o.TRIANGLES, 0, 6);
         }
       } catch (d) {
         console.log(`render failed...${d}`);
@@ -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,
@@ -8870,17 +8870,17 @@ const fn = {
       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}`;
         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=${k}&bbox=${z}&t=${this.realTime}`,
               {
                 headers: {
                   Authorization: this.defaultMeteoToken
@@ -8889,26 +8889,26 @@ 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)
+              for (const C in w)
                 L.push(
-                  Ae.get(w[T], {
+                  Ae.get(w[C], {
                     headers: {
                       Authorization: this.defaultMeteoToken,
-                      key: T
+                      key: C
                     },
-                    responseType: /\.(jpg|png)$/.test(w[T]) ? "blob" : "json"
+                    responseType: /\.(jpg|png)$/.test(w[C]) ? "blob" : "json"
                   }).catch((_) => {
-                    console.log(`[${T}] fetch layer error: ${_}`);
+                    console.log(`[${C}] fetch layer error: ${_}`);
                   })
                 );
               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;
+                const _ = ((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 && _ && (this.weatherLayers[O] = {
                   raw: _,
-                  type: ((Z = T == null ? void 0 : T.config) == null ? void 0 : Z.responseType) === "blob" ? "image" : "json",
+                  type: ((Z = C == null ? void 0 : C.config) == null ? void 0 : Z.responseType) === "blob" ? "image" : "json",
                   etime: I.data.etime
                 });
               });
@@ -8990,63 +8990,63 @@ const fn = {
       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) {
+        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) || {};
+              const w = ((m = this.weatherLayers[T]) == null ? void 0 : m.direction) || {};
               for (const P in w)
                 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 = w[P].lng;
+                  x > k ? C.forEach((_, O) => {
+                    var F, V, X, Z, J, Q;
                     if (a < 2) {
                       if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const J = G.point([_, P], {
+                        const $ = 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]
                         });
-                        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]
+                      const $ = G.point([_, P], {
+                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((J = w[P].dir) == null ? void 0 : J[O]),
+                        spd: (Q = w[P].spd) == null ? void 0 : Q[O]
                       });
-                      I.push(J);
+                      I.push($);
                     }
-                  }) : T.forEach((_, O) => {
-                    var F, V, X, Z, Q, $;
+                  }) : C.forEach((_, O) => {
+                    var F, V, X, Z, J, Q;
                     if (x < 2) {
                       if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const J = G.point([_, P], {
+                        const $ = 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]
                         });
-                        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]
+                      const $ = G.point([_, P], {
+                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((J = w[P].dir) == null ? void 0 : J[O]),
+                        spd: (Q = w[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 C in (c = L.raw) == null ? void 0 : c.LineString) {
+                    const _ = L.raw.LineString[C];
                     for (const O of _)
                       P.push(
                         G.lineString(O, {
-                          val: Number(T)
+                          val: Number(C)
                         })
                       );
                     L.data = G.featureCollection(P);
@@ -9058,102 +9058,102 @@ 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) || {};
+              const w = ((f = this.weatherLayers[T]) == null ? void 0 : f.direction) || {};
               for (const P in w)
                 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 = w[P].lng;
+                  x > k ? C.forEach((_, O) => {
+                    var F, V, X, Z, J, Q;
                     if (a < 2) {
                       if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const J = G.point([_, P], {
+                        const $ = 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]
                         });
-                        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]
+                      const $ = G.point([_, P], {
+                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((J = w[P].dir) == null ? void 0 : J[O]),
+                        spd: (Q = w[P].spd) == null ? void 0 : Q[O]
                       });
-                      I.push(J);
+                      I.push($);
                     }
-                  }) : T.forEach((_, O) => {
-                    var F, V, X, Z, Q, $;
+                  }) : C.forEach((_, O) => {
+                    var F, V, X, Z, J, Q;
                     if (x < 2) {
                       if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                        const J = G.point([_, P], {
+                        const $ = 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]
                         });
-                        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]
+                      const $ = G.point([_, P], {
+                        val: ((Z = w[P].val) == null ? void 0 : Z[O]) || ((J = w[P].dir) == null ? void 0 : J[O]),
+                        spd: (Q = w[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 = [];
+                  const C = [];
                   for (const _ in (d = L.raw) == null ? void 0 : d.Polygon) {
                     const O = L.raw.Polygon[_];
                     for (const F of O)
-                      T.push(
+                      C.push(
                         G.polygon(F, {
                           val: Number(_)
                         })
                       );
                   }
-                  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)
                 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, _) => {
+                  x > k ? P.forEach((C, _) => {
                     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], {
+                      if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
+                        const Z = G.point([C, L], {
                           dir: ((O = w[L].val) == null ? void 0 : O[_]) || ((F = w[L].dir) == null ? void 0 : F[_]),
                           spd: w[L].spd[_]
                         });
                         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], {
+                    } else if ((C >= x && C <= 180 || C >= -180 && C <= k) && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const Z = G.point([C, L], {
                         dir: ((V = w[L].val) == null ? void 0 : V[_]) || ((X = w[L].dir) == null ? void 0 : X[_]),
                         spd: w[L].spd[_]
                       });
                       I.push(Z);
                     }
-                  }) : P.forEach((T, _) => {
+                  }) : P.forEach((C, _) => {
                     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], {
+                      if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
+                        const Z = G.point([C, L], {
                           dir: ((O = w[L].val) == null ? void 0 : O[_]) || ((F = w[L].dir) == null ? void 0 : F[_]),
                           spd: w[L].spd[_]
                         });
                         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], {
+                    } else if (C >= x && C <= k && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const Z = G.point([C, L], {
                         dir: ((V = w[L].val) == null ? void 0 : V[_]) || ((X = w[L].dir) == null ? void 0 : X[_]),
                         spd: w[L].spd[_]
                       });
@@ -9162,17 +9162,17 @@ const fn = {
                   });
                 }
               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;
+                const w = this.weatherLayers[T].raw;
                 if (w) {
                   const L = [];
                   for (const P in w.Polygon) {
-                    const T = w.Polygon[P];
-                    for (const _ of T)
+                    const C = w.Polygon[P];
+                    for (const _ of C)
                       L.push(
                         G.polygon(_, {
                           val: Number(P)
@@ -9180,8 +9180,8 @@ const fn = {
                       );
                   }
                   for (const P in w.MultiPolygon) {
-                    const T = w.MultiPolygon[P];
-                    for (const _ of T)
+                    const C = w.MultiPolygon[P];
+                    for (const _ of C)
                       L.push(
                         G.multiPolygon(_, {
                           val: Number(P)
@@ -9189,11 +9189,11 @@ const fn = {
                       );
                   }
                   for (const P in w.Point) {
-                    const T = w.Point[P];
-                    for (let _ = 0; _ < ((b = T.lng) == null ? void 0 : b.length); _++)
+                    const C = w.Point[P];
+                    for (let _ = 0; _ < ((b = C.lng) == null ? void 0 : b.length); _++)
                       L.push(
-                        G.point([T.lng[_], P], {
-                          val: Number(T.val[_])
+                        G.point([C.lng[_], P], {
+                          val: Number(C.val[_])
                         })
                       );
                   }
@@ -9201,17 +9201,17 @@ 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;
+                const w = this.weatherLayers[T].raw;
                 if (w) {
                   const L = [];
                   for (const P in w.LineString) {
-                    const T = w.LineString[P];
-                    for (const _ of T)
+                    const C = w.LineString[P];
+                    for (const _ of C)
                       L.push(
                         G.lineString(_, {
                           val: Number(P)
@@ -9219,9 +9219,9 @@ const fn = {
                       );
                   }
                   for (const P in w.Point)
-                    w.Point[P].lng.forEach((T, _) => {
-                      T = q.convertToStdLng(T), L.push(
-                        G.point([T, P], {
+                    w.Point[P].lng.forEach((C, _) => {
+                      C = q.convertToStdLng(C), L.push(
+                        G.point([C, P], {
                           val: w.Point[P].val[_],
                           type: w.Point[P].type[_]
                         })
@@ -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"), x = v("VCard"), k = v("VSwitch"), y = v("VBtnToggle"), z = v("VCardTitle"), T = v("VCardItem"), B = v("VCheckbox"), I = v("VRadio"), w = v("IdmWindBarb"), L = v("IdmSigWaveHeight"), P = v("IdmCurrentDirection"), C = v("IdmPrmsl"), _ = 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",
@@ -9457,8 +9457,8 @@ 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),
+        s("div", Tn, [
+          s("div", Cn, n(t.$t("weather.weather")), 1),
           p(k, {
             modelValue: a.autoActive,
             "onUpdate:modelValue": e[1] || (e[1] = (H) => a.autoActive = H),
@@ -9534,7 +9534,7 @@ function tc(t, e, o, i, a, r) {
           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(() => [
@@ -9571,7 +9571,7 @@ function tc(t, e, o, i, a, r) {
           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(() => [
@@ -9728,7 +9728,7 @@ function tc(t, e, o, i, a, r) {
           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)
                 ];
               }),
@@ -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",
@@ -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)
@@ -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, x, k, y, z, T, B, I, w, L, P, C, _, 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);
@@ -10256,7 +10256,7 @@ class Za {
           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),
@@ -10267,17 +10267,17 @@ class Za {
               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),
+            psurf: (C = U == null ? void 0 : U.surface_pressure) == null ? void 0 : C.at(E),
             code: (_ = U == null ? void 0 : U.weather_code) == null ? void 0 : _.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,13 +10351,13 @@ 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, x, k, y, z, T, B, I, w, L, P, C, _, 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),
@@ -10372,7 +10372,7 @@ class Za {
             },
             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),
@@ -10380,7 +10380,7 @@ class Za {
             },
             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),
+              min: (C = ae.relative_humidity_2m_min) == null ? void 0 : C.at(W),
               mean: (_ = ae.relative_humidity_2m_mean) == null ? void 0 : _.at(W)
             },
             wind: {
@@ -10388,7 +10388,7 @@ class Za {
               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.showTropicalsInfo ? this.$nextTick(() => {
+          var t, e;
+          this.$parent.playerBottom = ((e = (t = this.$refs.tropicalsInfo) == null ? void 0 : t.$el) == null ? void 0 : e.clientHeight) + 10;
+        }) : this.simple && (this.$parent.playerBottom = 30);
       },
       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: {
@@ -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, x, k, y, z, T, B, I, w, L, P, C, _;
         let a = "";
         switch (!0) {
           case (((r = i.properties.wind) == null ? void 0 : r.kts) < 32 || ((l = i.properties) == null ? void 0 : l.kts) < 32):
@@ -11084,14 +11087,14 @@ const ac = {
           case (((k = i.properties.wind) == null ? void 0 : k.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 = (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 = ((_ = (C = i.properties.name) == null ? void 0 : C.trim()) == null ? void 0 : _.replace(/^./, (O) => O.toUpperCase())) || i.properties.nameCn, i.properties.nameCn = i.properties.nameCn || i.properties.Name || "-");
       }), this.handleInit();
     },
     handleInit() {
@@ -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, x, k, y, z, T, B, I, w, L, P, C, _, 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"];
+            ((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"] : ((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 = (w = A.properties) == null ? void 0 : w.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 = (_ = 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 = (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">
@@ -11379,13 +11382,13 @@ const ac = {
       var a, r, l, m, c, f, d, b, x, k, 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 = {
@@ -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 = {
@@ -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,10 +11595,10 @@ 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, w, L, P, C, _, 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),
+                  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 = (w = a.activeTropicals) == null ? void 0 : w.history) == null ? void 0 : L.levelI18n))), 1)) : D("", !0)
                 ]),
                 p(l, {
@@ -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 = (_ = a.activeTropicals) == null ? void 0 : _.forecasts) == null ? void 0 : O.filter((V) => !V.disabled)[0]) == null ? void 0 : F.date), o.timeZone)), 1)
                 ])
               ];
             }),
@@ -11621,13 +11625,13 @@ 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, w, 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),
@@ -11647,7 +11651,7 @@ 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, (_, O) => (g(), R(l, {
                       key: O,
                       density: "compact",
                       variant: _.disabled ? "text" : "flat",
@@ -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)),
@@ -11835,10 +11839,10 @@ function Em(t, e, o, i, a, r) {
       default: u(() => [
         p(x, 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)
               ])
             ];
@@ -11848,14 +11852,14 @@ function Em(t, e, o, i, a, r) {
         p(k),
         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, w, L, P, C, _, 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),
@@ -11867,11 +11871,11 @@ function Em(t, e, o, i, a, r) {
                   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),
+                ((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((_ = a.hoverPoint) == null ? void 0 : _.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),
@@ -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,
@@ -13422,9 +13426,18 @@ const Km = {
         }) : this.handleCloseForm();
       }
     },
+    showMeteo: {
+      handler() {
+        var t, e, o, i, a, r;
+        this.showMeteo ? ((o = (e = (t = this.$parent) == null ? void 0 : t.$refs) == null ? void 0 : e.idmBottomBar) == null || o.handleToggle("spot", !0), this.simple && this.$nextTick(() => {
+          var l, m;
+          this.$parent.playerBottom = ((m = (l = this.$refs.spotMeteo) == null ? void 0 : l.$el) == null ? void 0 : m.clientHeight) + 10;
+        })) : ((r = (a = (i = this.$parent) == null ? void 0 : i.$refs) == null ? void 0 : a.idmBottomBar) == null || r.handleToggle("spot", !1), this.simple && (this.$parent.playerBottom = 30));
+      }
+    },
     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, x, k, y, z, T, B, I, w, L, P, C, _, 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((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 = ((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 = (w = e == null ? void 0 : e.weather) == null ? void 0 : w.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 = (_ = 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 = (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"), x = v("VRow"), k = 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" })
@@ -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: "",
@@ -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",
@@ -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;
             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;
+                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,6 +14135,7 @@ 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" }
     }, {
@@ -14137,8 +14151,8 @@ function td(t, e, o, i, a, r) {
                 ]),
                 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;
+                    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",
@@ -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,19 +14371,19 @@ 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 x = this.geojson.filter((T) => T.id === e.split("-")[0])[0];
+        this.pointMarkers[x.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]) {
+        x.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 = x.features.filter((T) => T.geometry.type === "Point");
         this.handleTmpPointUpdate(
           x,
           z[y - 1],
@@ -14384,8 +14398,8 @@ const ad = {
       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;
+          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);
@@ -14609,8 +14623,8 @@ const ad = {
     handleClear(t, e = !0) {
       var l, m, c, f, d, b, x, k, 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();
+      (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((T) => {
+        T == null || T.remove();
       }), this.pointMarkers[t.id] = [], (k = this.tipMarker) == null || k.remove(), this.tipMarker = void 0, e && ((y = this.map) != null && y.getSource(o)) && this.map.removeSource(o), e && ((z = this.map) != null && z.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
@@ -14669,6 +14683,7 @@ const ld = {
       right: 10,
       show: {
         weather: !1,
+        spot: !1,
         tropical: !1,
         ship: !1
       },
@@ -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)
@@ -14931,12 +14946,12 @@ function yd(t, e, o, i, a, r) {
           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",
@@ -14957,12 +14972,12 @@ function yd(t, e, o, i, a, r) {
           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",
@@ -14982,12 +14997,12 @@ function yd(t, e, o, i, a, r) {
           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",
@@ -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
       },
@@ -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"
@@ -15439,11 +15456,11 @@ function zd(t, e, o, i, a, r) {
     o.simple ? (g(), R(x, j({
       key: 1,
       ref: "idmBottomBar",
+      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, x, k, y, z, T, B, I, w, L, P, C, _, 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",
@@ -34103,23 +34120,23 @@ class Pd {
           (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"),
           (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"),
+          (B = (T = this.originStyle) == null ? void 0 : T.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"),
           (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"),
+          (_ = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : _.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,