@idmwx/idmui-gl4 1.8.8 → 1.9.0

package/dist/index.js

@@ -1,19 +1,19 @@
 var $a = Object.defineProperty;
 var Ka = (t, e, o) => e in t ? $a(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var pe = (t, e, o) => (Ka(t, typeof e != "symbol" ? e + "" : e, o), o);
-import Me from "axios";
-import { useTheme as Ce } from "vuetify";
-import { openBlock as y, createElementBlock as M, resolveComponent as x, createBlock as R, withCtx as f, createVNode as p, withModifiers as Ee, createElementVNode as s, createCommentVNode as A, normalizeClass as Ye, toDisplayString as m, createTextVNode as K, Fragment as xe, renderList as _e, withDirectives as Ve, vShow as Ze, mergeProps as B, normalizeStyle as ae } from "vue";
+var de = (t, e, o) => (Ka(t, typeof e != "symbol" ? e + "" : e, o), o);
+import De from "axios";
+import { useTheme as Se } from "vuetify";
+import { openBlock as y, createElementBlock as M, resolveComponent as x, createBlock as O, withCtx as f, createVNode as p, withModifiers as Ee, createElementVNode as s, createCommentVNode as R, normalizeClass as Ye, toDisplayString as m, createTextVNode as $, Fragment as we, renderList as _e, withDirectives as Ve, vShow as Ze, mergeProps as N, normalizeStyle as ae } from "vue";
 import ke from "mapbox-gl";
 import S from "moment";
-import { LngLatHelper as $, TropicalHelper as Za, LaneHelper as We } from "@idm-plugin/geo";
+import { LngLatHelper as X, TropicalHelper as Za, LaneHelper as We } from "@idm-plugin/geo";
 import { Meteo2Assist as Co, TidesAssist as So } from "@idm-plugin/meteo";
 import * as Mo from "echarts";
 import * as H from "@turf/turf";
 import { LayerHelper as To, CompanyHelper as Ja } from "@idm-plugin/tag2";
 import Qa from "@mapbox/sphericalmercator";
 import { LayerHelper as ei } from "@idm-plugin/tag";
-const X = (t, e) => {
+const q = (t, e) => {
   const o = t.__vccOpts || t;
   for (const [i, a] of e)
     o[i] = a;
@@ -32,7 +32,7 @@ const X = (t, e) => {
     }
   },
   setup() {
-    return { Theme: Ce() };
+    return { Theme: Se() };
   },
   data() {
     return {
@@ -115,7 +115,7 @@ const X = (t, e) => {
 function oi(t, e, o, i, a, r) {
   return y(), M("div");
 }
-const ai = /* @__PURE__ */ X(ti, [["render", oi]]), ii = {
+const ai = /* @__PURE__ */ q(ti, [["render", oi]]), ii = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -129,7 +129,7 @@ const ai = /* @__PURE__ */ X(ti, [["render", oi]]), ii = {
     }
   },
   setup() {
-    return { Theme: Ce() };
+    return { Theme: Se() };
   },
   data() {
     return {
@@ -242,7 +242,7 @@ const ai = /* @__PURE__ */ X(ti, [["render", oi]]), ii = {
 function ri(t, e, o, i, a, r) {
   return y(), M("div");
 }
-const si = /* @__PURE__ */ X(ii, [["render", ri]]), li = {
+const si = /* @__PURE__ */ q(ii, [["render", ri]]), li = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -256,7 +256,7 @@ const si = /* @__PURE__ */ X(ii, [["render", ri]]), li = {
     }
   },
   setup() {
-    return { Theme: Ce() };
+    return { Theme: Se() };
   },
   data() {
     return {
@@ -338,7 +338,7 @@ const si = /* @__PURE__ */ X(ii, [["render", ri]]), li = {
 function ni(t, e, o, i, a, r) {
   return y(), M("div");
 }
-const ci = /* @__PURE__ */ X(li, [["render", ni]]);
+const ci = /* @__PURE__ */ q(li, [["render", ni]]);
 const mi = {
   name: "IdmAlertZone",
   props: {
@@ -353,7 +353,7 @@ const mi = {
     }
   },
   setup() {
-    return { Theme: Ce() };
+    return { Theme: Se() };
   },
   data() {
     return {
@@ -490,7 +490,7 @@ const mi = {
 }, hi = ["innerHTML"];
 function di(t, e, o, i, a, r) {
   const l = x("VBtn"), c = x("v-card-text"), n = x("v-card");
-  return a.showMakerInfo ? (y(), R(n, {
+  return a.showMakerInfo ? (y(), O(n, {
     key: 0,
     class: "scroll",
     id: "idm-gl4-zone-info"
@@ -523,9 +523,9 @@ function di(t, e, o, i, a, r) {
       })
     ]),
     _: 1
-  })) : A("", !0);
+  })) : R("", !0);
 }
-const pi = /* @__PURE__ */ X(mi, [["render", di]]);
+const pi = /* @__PURE__ */ q(mi, [["render", di]]);
 const ui = {
   name: "PortDetail",
   props: {
@@ -1338,7 +1338,7 @@ const ui = {
   emits: ["follow", "cancelFollow", "meteoMore", "close", "closeAllDetail"],
   setup() {
     return {
-      Theme: Ce()
+      Theme: Se()
     };
   },
   data() {
@@ -1368,7 +1368,7 @@ const ui = {
   computed: {
     dateList() {
       var o, i, a, r;
-      const t = [], e = (o = this.port) != null && o.lng && ((i = this.port) != null && i.lat) ? $.guessTimeZoneOffset((a = this.port) == null ? void 0 : a.lng, (r = this.port) == null ? void 0 : r.lat) : 0;
+      const t = [], e = (o = this.port) != null && o.lng && ((i = this.port) != null && i.lat) ? X.guessTimeZoneOffset((a = this.port) == null ? void 0 : a.lng, (r = this.port) == null ? void 0 : r.lat) : 0;
       for (let l = 0; l < 4; l++) {
         let c = {
           index: l,
@@ -1389,7 +1389,7 @@ const ui = {
       return function(t, e, o = "yyyy-MM-DD HH:mm") {
         if (!t || !e || e.lng === null || e.lng === void 0 || isNaN(e.lng) || e.lat === null || e.lat === void 0 || isNaN(e.lat))
           return "-";
-        const i = e != null && e.lng && (e != null && e.lat) ? $.guessTimeZoneOffset(e == null ? void 0 : e.lng, e == null ? void 0 : e.lat) : 0;
+        const i = e != null && e.lng && (e != null && e.lat) ? X.guessTimeZoneOffset(e == null ? void 0 : e.lng, e == null ? void 0 : e.lat) : 0;
         return S(t).utcOffset(i).format(o);
       };
     },
@@ -1397,18 +1397,18 @@ const ui = {
       return function(t) {
         if (!t || t.lng === null || t.lng === void 0 || isNaN(t.lng) || t.lat === null || t.lat === void 0 || isNaN(t.lat))
           return "-";
-        const e = $.guessTimeZoneOffset(t == null ? void 0 : t.lng, t == null ? void 0 : t.lat);
+        const e = X.guessTimeZoneOffset(t == null ? void 0 : t.lng, t == null ? void 0 : t.lat);
         return "( UTC " + (e >= 0 ? "+" : "") + e + " )";
       };
     },
     computePosition() {
       return function(t) {
-        return !t || t.lng === null || t.lng === void 0 || isNaN(t.lng) || t.lat === null || t.lat === void 0 || isNaN(t.lat) ? "-" : $.lat2pretty(t == null ? void 0 : t.lat, 2).pretty + " / " + $.lng2pretty(t == null ? void 0 : t.lng, 2).pretty;
+        return !t || t.lng === null || t.lng === void 0 || isNaN(t.lng) || t.lat === null || t.lat === void 0 || isNaN(t.lat) ? "-" : X.lat2pretty(t == null ? void 0 : t.lat, 2).pretty + " / " + X.lng2pretty(t == null ? void 0 : t.lng, 2).pretty;
       };
     },
     computeRoundPrecision() {
       return function(t, e = 4) {
-        return t == null || isNaN(t) || isNaN(e) ? "-" : $.roundPrecision(t, e);
+        return t == null || isNaN(t) || isNaN(e) ? "-" : X.roundPrecision(t, e);
       };
     }
   },
@@ -1466,7 +1466,7 @@ const ui = {
         weatherModels: t,
         marineModels: e
       };
-      await Me.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, o, {
+      await De.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, o, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -1490,10 +1490,10 @@ const ui = {
         { label: "Swell", key: "weather.swell", unit: "m" },
         { label: "Current", key: "weather.current", unit: "kts" }
       ], (o = (e = this.dateList) == null ? void 0 : e[this.currentIndex]) == null || o.dateTimeList.forEach((i, a) => {
-        var c, n, u, d, b, w, L, g, _, P, O, I, C, k, z, T, v, D, j, V, q, Z, Q, ee, J, ne, ie, me, ue, he, de, Y, re, F, se, ye, ve, be;
+        var c, n, u, d, b, w, L, g, _, P, B, I, C, k, z, T, v, D, F, V, Y, Z, J, Q, K, se, le, pe, ie, ce, ue, me, he, A, ee, ye, xe, Le;
         let r = {};
         const l = ((c = Co.pickHourly(t, S(i))) == null ? void 0 : c[0]) || {};
-        r.utc = l.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = l.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((u = l == null ? void 0 : l.weather) == null ? void 0 : u.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((L = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.precip) == null ? void 0 : L.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((g = l == null ? void 0 : l.weather) == null ? void 0 : g.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((P = (_ = l == null ? void 0 : l.weather) == null ? void 0 : _.wind) == null ? void 0 : P.kts, 1) ?? "-", r.windDir = (I = (O = l == null ? void 0 : l.weather) == null ? void 0 : O.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((k = (C = l == null ? void 0 : l.weather) == null ? void 0 : C.wind) == null ? void 0 : k.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((T = (z = l == null ? void 0 : l.weather) == null ? void 0 : z.wind) == null ? void 0 : T.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((D = (v = l == null ? void 0 : l.wave) == null ? void 0 : v.sig) == null ? void 0 : D.height, 1) ?? "-", r.sigwaveDir = (V = (j = l == null ? void 0 : l.wave) == null ? void 0 : j.sig) == null ? void 0 : V.direction, r.sigwavePeriod = this.computeRoundPrecision((Z = (q = l == null ? void 0 : l.wave) == null ? void 0 : q.sig) == null ? void 0 : Z.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((ee = (Q = l == null ? void 0 : l.wave) == null ? void 0 : Q.wd) == null ? void 0 : ee.height, 1) ?? "-", r.windwaveDir = (ne = (J = l == null ? void 0 : l.wave) == null ? void 0 : J.wd) == null ? void 0 : ne.direction, r.windwavePeriod = this.computeRoundPrecision((me = (ie = l == null ? void 0 : l.wave) == null ? void 0 : ie.wd) == null ? void 0 : me.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((he = (ue = l == null ? void 0 : l.wave) == null ? void 0 : ue.swell) == null ? void 0 : he.height, 1) ?? "-", r.swellDir = (Y = (de = l == null ? void 0 : l.wave) == null ? void 0 : de.swell) == null ? void 0 : Y.direction, r.swellPeriod = this.computeRoundPrecision((F = (re = l == null ? void 0 : l.wave) == null ? void 0 : re.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((se = l == null ? void 0 : l.current) == null ? void 0 : se.speed, 1) ?? "-", r.currentDir = (ye = l == null ? void 0 : l.current) == null ? void 0 : ye.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 = (be = l == null ? void 0 : l.weather) == null ? void 0 : be.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;
+        r.utc = l.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = l.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((u = l == null ? void 0 : l.weather) == null ? void 0 : u.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((L = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.precip) == null ? void 0 : L.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((g = l == null ? void 0 : l.weather) == null ? void 0 : g.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((P = (_ = l == null ? void 0 : l.weather) == null ? void 0 : _.wind) == null ? void 0 : P.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((k = (C = l == null ? void 0 : l.weather) == null ? void 0 : C.wind) == null ? void 0 : k.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((T = (z = l == null ? void 0 : l.weather) == null ? void 0 : z.wind) == null ? void 0 : T.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((D = (v = l == null ? void 0 : l.wave) == null ? void 0 : v.sig) == null ? void 0 : D.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 = (Y = l == null ? void 0 : l.wave) == null ? void 0 : Y.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 = (se = (K = l == null ? void 0 : l.wave) == null ? void 0 : K.wd) == null ? void 0 : se.direction, r.windwavePeriod = this.computeRoundPrecision((pe = (le = l == null ? void 0 : l.wave) == null ? void 0 : le.wd) == null ? void 0 : pe.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((ce = (ie = l == null ? void 0 : l.wave) == null ? void 0 : ie.swell) == null ? void 0 : ce.height, 1) ?? "-", r.swellDir = (me = (ue = l == null ? void 0 : l.wave) == null ? void 0 : ue.swell) == null ? void 0 : me.direction, r.swellPeriod = this.computeRoundPrecision((A = (he = l == null ? void 0 : l.wave) == null ? void 0 : he.swell) == null ? void 0 : A.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((ee = l == null ? void 0 : l.current) == null ? void 0 : ee.speed, 1) ?? "-", r.currentDir = (ye = l == null ? void 0 : l.current) == null ? void 0 : ye.direction, r.currentSpeed = this.computeRoundPrecision((xe = l == null ? void 0 : l.current) == null ? void 0 : xe.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 = (Le = l == null ? void 0 : l.weather) == null ? void 0 : Le.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() {
@@ -1517,7 +1517,7 @@ const ui = {
         forecastDays: 5,
         extremes: !0,
         heights: !0
-      }, e = await Me.post(`${this.gateway}/api/arc/meteo2/spot/tides/forecast`, t, {
+      }, e = await De.post(`${this.gateway}/api/arc/meteo2/spot/tides/forecast`, t, {
         headers: {
           Authorization: this.token
         }
@@ -1679,13 +1679,13 @@ const ui = {
 }, ur = { class: "px-1 text-center" }, gr = { class: "px-1 text-center" }, fr = { class: "px-1 text-center" };
 function yr(t, e, o, i, a, r) {
   const l = x("VBtn"), c = x("VCardTitle"), n = x("VDivider"), u = x("VIcon"), d = x("VBtnToggle"), b = x("VCard");
-  return y(), R(b, { class: "port-detail-container d-flex flex-column justify-start align-center" }, {
+  return y(), O(b, { class: "port-detail-container d-flex flex-column justify-start align-center" }, {
     default: f(() => {
       var w, L;
       return [
         p(c, { class: "w-100" }, {
           default: f(() => {
-            var g, _, P, O, I;
+            var g, _, P, B, I;
             return [
               s("div", gi, [
                 s("div", fi, [
@@ -1693,7 +1693,7 @@ function yr(t, e, o, i, a, r) {
                     class: Ye(["fi mr-2 rounded elevation-4", `fi-${(g = o.port) != null && g.cntLoCode ? (P = (_ = o.port) == null ? void 0 : _.cntLoCode) == null ? void 0 : P.toLowerCase() : "xx"}`]),
                     style: { width: "36px", height: "24px" }
                   }, null, 2),
-                  s("div", null, m((O = o.port) == null ? void 0 : O.name), 1)
+                  s("div", null, m((B = o.port) == null ? void 0 : B.name), 1)
                 ]),
                 p(l, {
                   icon: "",
@@ -1725,7 +1725,7 @@ function yr(t, e, o, i, a, r) {
           o.followList.some((g) => {
             var _;
             return ((_ = g.port) == null ? void 0 : _.id) === o.portId;
-          }) ? (y(), R(l, {
+          }) ? (y(), O(l, {
             key: 0,
             class: "text-none text-body-1 rounded flex-1-1-0 btn-bg-3",
             variant: "tonal",
@@ -1738,10 +1738,10 @@ function yr(t, e, o, i, a, r) {
               p(u, { color: "warning" })
             ]),
             default: f(() => [
-              K(" " + m(t.$t("actions.unfollow")), 1)
+              $(" " + m(t.$t("actions.unfollow")), 1)
             ]),
             _: 1
-          }, 8, ["onClick"])) : (y(), R(l, {
+          }, 8, ["onClick"])) : (y(), O(l, {
             key: 1,
             class: "text-none text-body-1 rounded flex-1-1-0 btn-bg-3",
             variant: "tonal",
@@ -1751,7 +1751,7 @@ function yr(t, e, o, i, a, r) {
             onClick: r.handleFollow
           }, {
             default: f(() => [
-              K(m(t.$t("actions.follow")), 1)
+              $(m(t.$t("actions.follow")), 1)
             ]),
             _: 1
           }, 8, ["onClick"])),
@@ -1763,7 +1763,7 @@ function yr(t, e, o, i, a, r) {
             onClick: r.handleMeteoMore
           }, {
             default: f(() => [
-              K(m(t.$t("actions.7dayForcast")), 1)
+              $(m(t.$t("actions.7dayForcast")), 1)
             ]),
             _: 1
           }, 8, ["onClick"])
@@ -1820,7 +1820,7 @@ function yr(t, e, o, i, a, r) {
                 rounded: "1"
               }, {
                 default: f(() => [
-                  (y(!0), M(xe, null, _e(r.dateList, (g) => (y(), R(l, {
+                  (y(!0), M(we, null, _e(r.dateList, (g) => (y(), O(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
@@ -1828,7 +1828,7 @@ function yr(t, e, o, i, a, r) {
                     value: g.index
                   }, {
                     default: f(() => [
-                      K(m(g.label), 1)
+                      $(m(g.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 256))
@@ -1837,12 +1837,12 @@ function yr(t, e, o, i, a, r) {
               }, 8, ["modelValue"]),
               s("table", Hi, [
                 s("tbody", null, [
-                  (y(!0), M(xe, null, _e(a.tableData, (g) => (y(), M("tr", {
+                  (y(!0), M(we, null, _e(a.tableData, (g) => (y(), M("tr", {
                     key: g.id
                   }, [
                     s("th", Gi, [
-                      K(m(t.$t(`${g.key}`)) + " ", 1),
-                      g.unit ? (y(), M("span", Ui, " ( " + m(g.unit) + " )", 1)) : A("", !0)
+                      $(m(t.$t(`${g.key}`)) + " ", 1),
+                      g.unit ? (y(), M("span", Ui, " ( " + m(g.unit) + " )", 1)) : R("", !0)
                     ]),
                     s("td", Wi, [
                       g.img ? (y(), M("img", {
@@ -1888,14 +1888,14 @@ function yr(t, e, o, i, a, r) {
                 s("div", null, m(t.$t("tide.tideTimes")), 1)
               ]),
               s("div", lr, [
-                a.showTideDetail ? (y(), R(l, {
+                a.showTideDetail ? (y(), O(l, {
                   key: 0,
                   icon: "mdi-eye-off-outline",
                   density: "compact",
                   variant: "plain",
                   size: "small",
                   onClick: e[1] || (e[1] = (g) => a.showTideDetail = !1)
-                })) : (y(), R(l, {
+                })) : (y(), O(l, {
                   key: 1,
                   icon: "mdi-eye-outline",
                   density: "compact",
@@ -1914,7 +1914,7 @@ function yr(t, e, o, i, a, r) {
                     s("th", dr, m(t.$t("time.time")) + " ( LT ) ", 1),
                     s("th", pr, m(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (y(!0), M(xe, null, _e(a.tideTableData, (g, _) => {
+                  (y(!0), M(we, null, _e(a.tideTableData, (g, _) => {
                     var P;
                     return y(), M("tr", { key: _ }, [
                       s("td", ur, m(t.$t(`tide.${(P = g == null ? void 0 : g.type) == null ? void 0 : P.toLowerCase()}`)) + " " + m(t.$t("tide.tide")), 1),
@@ -1924,7 +1924,7 @@ function yr(t, e, o, i, a, r) {
                   }), 128))
                 ])
               ])
-            ])) : A("", !0)
+            ])) : R("", !0)
           ])
         ], 512)
       ];
@@ -1932,7 +1932,7 @@ function yr(t, e, o, i, a, r) {
     _: 1
   });
 }
-const Io = /* @__PURE__ */ X(ui, [["render", yr], ["__scopeId", "data-v-1c0a4e51"]]);
+const Io = /* @__PURE__ */ q(ui, [["render", yr], ["__scopeId", "data-v-1c0a4e51"]]);
 const br = {
   name: "IdmPort",
   components: {
@@ -1953,7 +1953,7 @@ const br = {
     }
   },
   setup() {
-    return { Theme: Ce() };
+    return { Theme: Se() };
   },
   emits: ["closeAllDetail"],
   data() {
@@ -2068,17 +2068,17 @@ function _r(t, e, o, i, a, r) {
     }, 512), [
       [Ze, a.showInfo]
     ]),
-    a.showDetail ? (y(), R(n, B({
+    a.showDetail ? (y(), O(n, N({
       key: 0,
       portId: a.portId,
       port: a.port,
       forecastModel: o.forecastModel,
       onClose: r.handleCloseDetail,
       onCloseAllDetail: e[0] || (e[0] = (u) => t.$emit("closeAllDetail", { ports: !0 }))
-    }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "onClose"])) : A("", !0)
+    }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "onClose"])) : R("", !0)
   ]);
 }
-const kr = /* @__PURE__ */ X(br, [["render", _r], ["__scopeId", "data-v-0c0f27d3"]]), zr = {
+const kr = /* @__PURE__ */ q(br, [["render", _r], ["__scopeId", "data-v-0c0f27d3"]]), zr = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -2092,7 +2092,7 @@ const kr = /* @__PURE__ */ X(br, [["render", _r], ["__scopeId", "data-v-0c0f27d3
     }
   },
   setup() {
-    return { Theme: Ce() };
+    return { Theme: Se() };
   },
   data() {
     return {
@@ -2122,7 +2122,7 @@ const kr = /* @__PURE__ */ X(br, [["render", _r], ["__scopeId", "data-v-0c0f27d3
 function Lr(t, e, o, i, a, r) {
   return y(), M("div");
 }
-const Pr = /* @__PURE__ */ X(zr, [["render", Lr]]), Cr = {
+const Pr = /* @__PURE__ */ q(zr, [["render", Lr]]), Cr = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -2136,7 +2136,7 @@ const Pr = /* @__PURE__ */ X(zr, [["render", Lr]]), Cr = {
     }
   },
   setup() {
-    return { Theme: Ce() };
+    return { Theme: Se() };
   },
   data() {
     return {
@@ -2327,7 +2327,7 @@ const Pr = /* @__PURE__ */ X(zr, [["render", Lr]]), Cr = {
 function Tr(t, e, o, i, a, r) {
   return y(), M("div");
 }
-const Sr = /* @__PURE__ */ X(Cr, [["render", Tr]]), Mr = {
+const Sr = /* @__PURE__ */ q(Cr, [["render", Tr]]), Mr = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -2341,7 +2341,7 @@ const Sr = /* @__PURE__ */ X(Cr, [["render", Tr]]), Mr = {
     }
   },
   setup() {
-    return { Theme: Ce() };
+    return { Theme: Se() };
   },
   data() {
     return {
@@ -2422,7 +2422,7 @@ const Sr = /* @__PURE__ */ X(Cr, [["render", Tr]]), Mr = {
 function Ir(t, e, o, i, a, r) {
   return y(), M("div");
 }
-const Dr = /* @__PURE__ */ X(Mr, [["render", Ir]]), Ar = {
+const Dr = /* @__PURE__ */ q(Mr, [["render", Ir]]), Ar = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -2436,7 +2436,7 @@ const Dr = /* @__PURE__ */ X(Mr, [["render", Ir]]), Ar = {
     }
   },
   setup() {
-    return { Theme: Ce() };
+    return { Theme: Se() };
   },
   data() {
     return {
@@ -2456,7 +2456,7 @@ const Dr = /* @__PURE__ */ X(Mr, [["render", Ir]]), Ar = {
   methods: {
     handleRender() {
       this.handleClear(), this.area && (this.area.features.forEach((t) => {
-        t.geometry.type === "Polygon" && t.geometry.coordinates.forEach((e) => $.convertToMonotonicLng2(e));
+        t.geometry.type === "Polygon" && t.geometry.coordinates.forEach((e) => X.convertToMonotonicLng2(e));
       }), this.map.addSource(this.source, {
         type: "geojson",
         data: this.area
@@ -2517,7 +2517,7 @@ const Dr = /* @__PURE__ */ X(Mr, [["render", Ir]]), Ar = {
 function Rr(t, e, o, i, a, r) {
   return y(), M("div");
 }
-const Or = /* @__PURE__ */ X(Ar, [["render", Rr]]), Br = {
+const Or = /* @__PURE__ */ q(Ar, [["render", Rr]]), Br = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -2571,7 +2571,7 @@ const Or = /* @__PURE__ */ X(Ar, [["render", Rr]]), Br = {
 function Nr(t, e, o, i, a, r) {
   return y(), M("div");
 }
-const Er = /* @__PURE__ */ X(Br, [["render", Nr]]), jr = {
+const Er = /* @__PURE__ */ q(Br, [["render", Nr]]), jr = {
   name: "IdmWorld12nm",
   props: {
     map: {
@@ -2628,7 +2628,7 @@ const Er = /* @__PURE__ */ X(Br, [["render", Nr]]), jr = {
 function Fr(t, e, o, i, a, r) {
   return null;
 }
-const Hr = /* @__PURE__ */ X(jr, [["render", Fr]]);
+const Hr = /* @__PURE__ */ q(jr, [["render", Fr]]);
 const Gr = {
   name: "IdmWorldMarine",
   props: {
@@ -2667,7 +2667,7 @@ const Gr = {
 function Ur(t, e, o, i, a, r) {
   return null;
 }
-const Wr = /* @__PURE__ */ X(Gr, [["render", Ur]]), Vr = {
+const Wr = /* @__PURE__ */ q(Gr, [["render", Ur]]), Vr = {
   name: "IdmChinaRoute",
   props: {
     map: {
@@ -2706,7 +2706,7 @@ const Wr = /* @__PURE__ */ X(Gr, [["render", Ur]]), Vr = {
 function Zr(t, e, o, i, a, r) {
   return null;
 }
-const Yr = /* @__PURE__ */ X(Vr, [["render", Zr]]);
+const Yr = /* @__PURE__ */ q(Vr, [["render", Zr]]);
 const qr = {
   name: "IdmTideStations",
   props: {
@@ -2743,7 +2743,7 @@ const qr = {
   },
   setup() {
     return {
-      Theme: Ce()
+      Theme: Se()
     };
   },
   emits: ["close", "closeAllDetail"],
@@ -2759,7 +2759,7 @@ const qr = {
   computed: {
     dateList() {
       var o, i, a, r;
-      const t = [], e = (o = this.station) != null && o.lng && ((i = this.station) != null && i.lat) ? $.guessTimeZoneOffset((a = this.station) == null ? void 0 : a.lng, (r = this.station) == null ? void 0 : r.lat) : 0;
+      const t = [], e = (o = this.station) != null && o.lng && ((i = this.station) != null && i.lat) ? X.guessTimeZoneOffset((a = this.station) == null ? void 0 : a.lng, (r = this.station) == null ? void 0 : r.lat) : 0;
       for (let l = 0; l < 4; l++) {
         let c = {
           index: l,
@@ -2778,7 +2778,7 @@ const qr = {
       return function(t, e, o = "yyyy-MM-DD HH:mm") {
         if (!t || !e || e.lng === null || e.lng === void 0 || isNaN(e.lng) || e.lat === null || e.lat === void 0 || isNaN(e.lat))
           return "-";
-        const i = e != null && e.lng && (e != null && e.lat) ? $.guessTimeZoneOffset(e == null ? void 0 : e.lng, e == null ? void 0 : e.lat) : 0;
+        const i = e != null && e.lng && (e != null && e.lat) ? X.guessTimeZoneOffset(e == null ? void 0 : e.lng, e == null ? void 0 : e.lat) : 0;
         return S(t).utcOffset(i).format(o);
       };
     },
@@ -2786,18 +2786,18 @@ const qr = {
       return function(t) {
         if (!t || t.lng === null || t.lng === void 0 || isNaN(t.lng) || t.lat === null || t.lat === void 0 || isNaN(t.lat))
           return "-";
-        const e = $.guessTimeZoneOffset(t == null ? void 0 : t.lng, t == null ? void 0 : t.lat);
+        const e = X.guessTimeZoneOffset(t == null ? void 0 : t.lng, t == null ? void 0 : t.lat);
         return "( UTC " + (e >= 0 ? "+" : "") + e + " )";
       };
     },
     computePosition() {
       return function(t) {
-        return !t || t.lng === null || t.lng === void 0 || isNaN(t.lng) || t.lat === null || t.lat === void 0 || isNaN(t.lat) ? "-" : $.lat2pretty(t == null ? void 0 : t.lat, 2).pretty + " / " + $.lng2pretty(t == null ? void 0 : t.lng, 2).pretty;
+        return !t || t.lng === null || t.lng === void 0 || isNaN(t.lng) || t.lat === null || t.lat === void 0 || isNaN(t.lat) ? "-" : X.lat2pretty(t == null ? void 0 : t.lat, 2).pretty + " / " + X.lng2pretty(t == null ? void 0 : t.lng, 2).pretty;
       };
     },
     computeRoundPrecision() {
       return function(t, e = 4) {
-        return t == null || isNaN(t) || isNaN(e) ? "-" : $.roundPrecision(t, e);
+        return t == null || isNaN(t) || isNaN(e) ? "-" : X.roundPrecision(t, e);
       };
     }
   },
@@ -2834,7 +2834,7 @@ const qr = {
         forecastDays: 5,
         extremes: !0,
         heights: !0
-      }, e = await Me.post(`${this.gateway}/api/arc/meteo2/spot/tides/forecast`, t, {
+      }, e = await De.post(`${this.gateway}/api/arc/meteo2/spot/tides/forecast`, t, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
           //
@@ -2977,7 +2977,7 @@ const qr = {
 }, Ls = { class: "px-1 text-center" }, Ps = { class: "px-1 text-center" }, Cs = { class: "px-1 text-center" };
 function Ts(t, e, o, i, a, r) {
   const l = x("VBtn"), c = x("v-card-title"), n = x("v-divider"), u = x("VBtnToggle"), d = x("v-card");
-  return y(), R(d, { class: "tide-detail-container d-flex flex-column justify-start align-center" }, {
+  return y(), O(d, { class: "tide-detail-container d-flex flex-column justify-start align-center" }, {
     default: f(() => {
       var b, w;
       return [
@@ -3063,7 +3063,7 @@ function Ts(t, e, o, i, a, r) {
                 rounded: "1"
               }, {
                 default: f(() => [
-                  (y(!0), M(xe, null, _e(r.dateList, (L) => (y(), R(l, {
+                  (y(!0), M(we, null, _e(r.dateList, (L) => (y(), O(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
@@ -3071,7 +3071,7 @@ function Ts(t, e, o, i, a, r) {
                     value: L.index
                   }, {
                     default: f(() => [
-                      K(m(L.label), 1)
+                      $(m(L.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 256))
@@ -3086,7 +3086,7 @@ function Ts(t, e, o, i, a, r) {
                     s("th", ks, m(t.$t("time.time")) + " ( LT )", 1),
                     s("th", zs, m(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (y(!0), M(xe, null, _e(a.tideTableData, (L, g) => {
+                  (y(!0), M(we, null, _e(a.tideTableData, (L, g) => {
                     var _;
                     return y(), M("tr", { key: g }, [
                       s("td", Ls, m(t.$t(`tide.${(_ = L == null ? void 0 : L.type) == null ? void 0 : _.toLowerCase()}`)) + " " + m(t.$t("tide.tide")), 1),
@@ -3104,7 +3104,7 @@ function Ts(t, e, o, i, a, r) {
     _: 1
   });
 }
-const Ss = /* @__PURE__ */ X(qr, [["render", Ts], ["__scopeId", "data-v-b79e1aa0"]]);
+const Ss = /* @__PURE__ */ q(qr, [["render", Ts], ["__scopeId", "data-v-b79e1aa0"]]);
 const Ms = {
   name: "IdmTideStations",
   components: {
@@ -3205,14 +3205,14 @@ function Os(t, e, o, i, a, r) {
     }, 512), [
       [Ze, a.showInfo]
     ]),
-    a.showDetail ? (y(), R(n, B({
+    a.showDetail ? (y(), O(n, N({
       key: 0,
       station: a.station,
       onClose: r.handleCloseDetail
-    }, t.$attrs), null, 16, ["station", "onClose"])) : A("", !0)
+    }, t.$attrs), null, 16, ["station", "onClose"])) : R("", !0)
   ]);
 }
-const Bs = /* @__PURE__ */ X(Ms, [["render", Os], ["__scopeId", "data-v-4611be64"]]), Ns = {
+const Bs = /* @__PURE__ */ q(Ms, [["render", Os], ["__scopeId", "data-v-4611be64"]]), Ns = {
   name: "IdmIceAreas",
   props: {
     map: {
@@ -3250,7 +3250,7 @@ const Bs = /* @__PURE__ */ X(Ms, [["render", Os], ["__scopeId", "data-v-4611be64
 function Es(t, e, o, i, a, r) {
   return null;
 }
-const js = /* @__PURE__ */ X(Ns, [["render", Es]]);
+const js = /* @__PURE__ */ q(Ns, [["render", Es]]);
 const Fs = {
   name: "IdmLatLng",
   props: {
@@ -3307,7 +3307,7 @@ const Fs = {
     },
     "lngLat.e": {
       handler(t) {
-        this.lngLat.lng = $.lng2pretty(t == null ? void 0 : t.lng, 2).pretty, this.lngLat.lat = $.lat2pretty(t == null ? void 0 : t.lat, 2).pretty, this.lngLat.str = `[${$.str2Lng(t == null ? void 0 : t.lng, 4)}, ${$.str2Lat(t == null ? void 0 : t.lat, 4)}]`;
+        this.lngLat.lng = X.lng2pretty(t == null ? void 0 : t.lng, 2).pretty, this.lngLat.lat = X.lat2pretty(t == null ? void 0 : t.lat, 2).pretty, this.lngLat.str = `[${X.str2Lng(t == null ? void 0 : t.lng, 4)}, ${X.str2Lat(t == null ? void 0 : t.lat, 4)}]`;
       },
       immediate: !0
     }
@@ -3432,7 +3432,7 @@ function Hs(t, e, o, i, a, r) {
     s("div", null, m((n = a.lngLat) == null ? void 0 : n.str), 1)
   ], 4);
 }
-const qa = /* @__PURE__ */ X(Fs, [["render", Hs]]);
+const qa = /* @__PURE__ */ q(Fs, [["render", Hs]]);
 const Gs = {
   name: "IdmFollowPort",
   components: {
@@ -4238,7 +4238,7 @@ const Gs = {
     }
   },
   setup() {
-    return { Theme: Ce() };
+    return { Theme: Se() };
   },
   emits: ["closeAllDetail"],
   data() {
@@ -4371,7 +4371,7 @@ function Zs(t, e, o, i, a, r) {
     }, 512), [
       [Ze, a.showInfo]
     ]),
-    a.showDetail ? (y(), R(n, B({
+    a.showDetail ? (y(), O(n, N({
       key: 0,
       portId: a.portId,
       port: a.port,
@@ -4379,10 +4379,10 @@ function Zs(t, e, o, i, a, r) {
       followList: o.followList,
       onClose: r.handleCloseDetail,
       onCloseAllDetail: e[0] || (e[0] = (u) => t.$emit("closeAllDetail", { followPort: !0 }))
-    }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "followList", "onClose"])) : A("", !0)
+    }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "followList", "onClose"])) : R("", !0)
   ]);
 }
-const Ys = /* @__PURE__ */ X(Gs, [["render", Zs], ["__scopeId", "data-v-95e70a1f"]]);
+const Ys = /* @__PURE__ */ q(Gs, [["render", Zs], ["__scopeId", "data-v-95e70a1f"]]);
 const qs = {
   name: "IdmFollowPosition",
   props: {
@@ -4406,7 +4406,7 @@ const qs = {
     }
   },
   setup() {
-    return { Theme: Ce() };
+    return { Theme: Se() };
   },
   data() {
     return {
@@ -4420,7 +4420,7 @@ const qs = {
   computed: {
     computePosition() {
       return function(t) {
-        return !t || t.lng === null || t.lng === void 0 || isNaN(t.lng) || t.lat === null || t.lat === void 0 || isNaN(t.lat) ? "-" : $.lat2pretty(t == null ? void 0 : t.lat, 2).pretty + " / " + $.lng2pretty(t == null ? void 0 : t.lng, 2).pretty;
+        return !t || t.lng === null || t.lng === void 0 || isNaN(t.lng) || t.lat === null || t.lat === void 0 || isNaN(t.lat) ? "-" : X.lat2pretty(t == null ? void 0 : t.lat, 2).pretty + " / " + X.lng2pretty(t == null ? void 0 : t.lng, 2).pretty;
       };
     }
   },
@@ -4521,7 +4521,7 @@ const qs = {
 };
 function Js(t, e, o, i, a, r) {
   const l = x("v-card-text"), c = x("v-card");
-  return Ve((y(), R(c, {
+  return Ve((y(), O(c, {
     id: "idmFollowPositionInfo",
     ref: "idmFollowPositionInfo"
   }, {
@@ -4535,7 +4535,7 @@ function Js(t, e, o, i, a, r) {
             ]),
             a.position.remark ? (y(), M("div", Ks, [
               s("span", null, m(a.position.remark ?? "-"), 1)
-            ])) : A("", !0)
+            ])) : R("", !0)
           ])
         ]),
         _: 1
@@ -4546,7 +4546,7 @@ function Js(t, e, o, i, a, r) {
     [Ze, a.showInfo]
   ]);
 }
-const Qs = /* @__PURE__ */ X(qs, [["render", Js], ["__scopeId", "data-v-cd6c9f7e"]]);
+const Qs = /* @__PURE__ */ q(qs, [["render", Js], ["__scopeId", "data-v-cd6c9f7e"]]);
 const el = {
   name: "IdmOtherLayerr",
   components: {
@@ -4597,6 +4597,14 @@ const el = {
       type: Number,
       default: 60
     },
+    paddingTop: {
+      type: Number,
+      default: 48
+    },
+    menuHeight: {
+      type: Number,
+      default: 248
+    },
     menuToggle: {
       type: Object,
       default: {}
@@ -4700,7 +4708,7 @@ const el = {
       var e, o;
       let t = this.layerWeight;
       if (t) {
-        const i = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], a = await Me.get(`${i}/api/arc/other/layers/links?l=${t}&t=${this.realTime}`, {
+        const i = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], a = await De.get(`${i}/api/arc/other/layers/links?l=${t}&t=${this.realTime}`, {
           headers: {
             Authorization: this.defaultMeteoToken
           }
@@ -4709,7 +4717,7 @@ const el = {
           const r = (o = a == null ? void 0 : a.data) == null ? void 0 : o.data, l = [];
           for (const n in r)
             l.push(
-              Me.get(r[n], {
+              De.get(r[n], {
                 headers: {
                   Authorization: this.defaultMeteoToken,
                   key: n
@@ -4726,7 +4734,7 @@ const el = {
     },
     async fetchDayNightLayer() {
       var o, i;
-      const t = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], e = await Me.get(`${t}/api/arc/other/layers/links?l=1024&t=${this.realTime}`, {
+      const t = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], e = await De.get(`${t}/api/arc/other/layers/links?l=1024&t=${this.realTime}`, {
         headers: {
           Authorization: this.defaultMeteoToken
         }
@@ -4756,19 +4764,19 @@ const el = {
   class: "border rounded-sm"
 }, hl = { class: "text-body-2 text-center pt-1" };
 function dl(t, e, o, i, a, r) {
-  var J, ne, ie, me, ue, he, de, Y, re;
-  const l = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), u = x("VCardItem"), d = x("VCheckbox"), b = x("VCardText"), w = x("VCard"), L = x("IdmLatLng"), g = x("IdmTerminator"), _ = x("IdmTimezone"), P = x("IdmPort"), O = x("IdmAlertZone"), I = x("IdmTideStations"), C = x("IdmEcaZone"), k = x("IdmWarZone"), z = x("IdmGmdssArea"), T = x("IdmLoadLine"), v = x("IdmWorldMarine"), D = x("IdmVRA"), j = x("IdmSpecialArea"), V = x("IdmWorld12nm"), q = x("IdmChinaRoute"), Z = x("IdmIceAreas"), Q = x("IdmFollowPort"), ee = x("IdmFollowPosition");
+  var K, se, le, pe, ie, ce, ue, me, he;
+  const l = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), u = x("VCardItem"), d = x("VCheckbox"), b = x("VCardText"), w = x("VCard"), L = x("IdmLatLng"), g = x("IdmTerminator"), _ = x("IdmTimezone"), P = x("IdmPort"), B = x("IdmAlertZone"), I = x("IdmTideStations"), C = x("IdmEcaZone"), k = x("IdmWarZone"), z = x("IdmGmdssArea"), T = x("IdmLoadLine"), v = x("IdmWorldMarine"), D = x("IdmVRA"), F = x("IdmSpecialArea"), V = x("IdmWorld12nm"), Y = x("IdmChinaRoute"), Z = x("IdmIceAreas"), J = x("IdmFollowPort"), Q = x("IdmFollowPosition");
   return y(), M("div", tl, [
     s("div", {
       class: "menu-bar-box transition px-1 rounded",
-      style: ae({ top: o.top + 10 + "px", right: a.right + "px" })
+      style: ae({ top: o.top + 10 + "px", right: a.right + "px", paddingTop: o.paddingTop + "px", height: o.menuHeight + "px" })
     }, [
       p(c, {
         text: t.$t("layer.mapLayers"),
         location: "left"
       }, {
-        activator: f(({ props: F }) => [
-          p(l, B(F, {
+        activator: f(({ props: A }) => [
+          p(l, N(A, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -4818,7 +4826,7 @@ function dl(t, e, o, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: f(() => [
-                    K(m(t.$t("layer.mapFeathers")), 1)
+                    $(m(t.$t("layer.mapFeathers")), 1)
                   ]),
                   _: 1
                 })
@@ -4828,25 +4836,25 @@ function dl(t, e, o, i, a, r) {
             p(b, { class: "pb-2" }, {
               default: f(() => [
                 s("div", rl, [
-                  (y(!0), M(xe, null, _e(a.mapFeathers, (F) => (y(), M("div", {
-                    key: F.value,
+                  (y(!0), M(we, null, _e(a.mapFeathers, (A) => (y(), M("div", {
+                    key: A.value,
                     class: "mb-2 feather-item",
-                    onClick: (se) => r.handleToggleMapFeather(F)
+                    onClick: (ee) => r.handleToggleMapFeather(A)
                   }, [
                     s("div", {
-                      class: Ye([a.mapFeather === F.value ? "active" : "", "img-box"])
+                      class: Ye([a.mapFeather === A.value ? "active" : "", "img-box"])
                     }, [
-                      F.value === "dark" ? (y(), M("img", ll)) : F.value === "nautical" ? (y(), M("img", nl)) : F.value === "satellite" ? (y(), M("img", cl)) : (y(), M("img", ml))
+                      A.value === "dark" ? (y(), M("img", ll)) : A.value === "nautical" ? (y(), M("img", nl)) : A.value === "satellite" ? (y(), M("img", cl)) : (y(), M("img", ml))
                     ], 2),
-                    s("div", hl, m(t.$t(`layer.${F.locale}`)), 1)
+                    s("div", hl, m(t.$t(`layer.${A.locale}`)), 1)
                   ], 8, sl))), 128))
                 ]),
-                (y(!0), M(xe, null, _e(a.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (y(), R(d, {
-                  key: F.key,
+                (y(!0), M(we, null, _e(a.tagLayers.filter((A) => ["graticule", "day-night", "time-zones"].includes(A.key)), (A) => (y(), O(d, {
+                  key: A.key,
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[0] || (e[0] = (se) => a.checkList = se),
-                  value: F.key,
-                  label: t.$t(`layer.${F.locale}`),
+                  "onUpdate:modelValue": e[0] || (e[0] = (ee) => a.checkList = ee),
+                  value: A.key,
+                  label: t.$t(`layer.${A.locale}`),
                   color: "primary",
                   density: "compact",
                   style: { height: "36px" },
@@ -4871,7 +4879,7 @@ function dl(t, e, o, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: f(() => [
-                    K(m(t.$t("layer.pointsOfInteresting")), 1)
+                    $(m(t.$t("layer.pointsOfInteresting")), 1)
                   ]),
                   _: 1
                 })
@@ -4880,12 +4888,12 @@ function dl(t, e, o, i, a, r) {
             }),
             p(b, { class: "py-2" }, {
               default: f(() => [
-                (y(!0), M(xe, null, _e(a.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), R(d, {
-                  key: F.key,
+                (y(!0), M(we, null, _e(a.tagLayers.filter((A) => ["ports", "alert-zones", "tidal-stations"].includes(A.key)), (A) => (y(), O(d, {
+                  key: A.key,
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[1] || (e[1] = (se) => a.checkList = se),
-                  value: F.key,
-                  label: t.$t(`layer.${F.locale}`),
+                  "onUpdate:modelValue": e[1] || (e[1] = (ee) => a.checkList = ee),
+                  value: A.key,
+                  label: t.$t(`layer.${A.locale}`),
                   color: "primary",
                   density: "compact",
                   style: { height: "36px" },
@@ -4910,7 +4918,7 @@ function dl(t, e, o, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: f(() => [
-                    K(m(t.$t("layer.otherLayers")), 1)
+                    $(m(t.$t("layer.otherLayers")), 1)
                   ]),
                   _: 1
                 })
@@ -4919,12 +4927,12 @@ function dl(t, e, o, i, a, r) {
             }),
             p(b, { class: "py-2" }, {
               default: f(() => [
-                (y(!0), M(xe, null, _e(a.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), R(d, {
-                  key: F.key,
+                (y(!0), M(we, null, _e(a.tagLayers.filter((A) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(A.key)), (A) => (y(), O(d, {
+                  key: A.key,
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[2] || (e[2] = (se) => a.checkList = se),
-                  value: F.key,
-                  label: t.$t(`layer.${F.locale}`),
+                  "onUpdate:modelValue": e[2] || (e[2] = (ee) => a.checkList = ee),
+                  value: A.key,
+                  label: t.$t(`layer.${A.locale}`),
                   color: "primary",
                   density: "compact",
                   style: { height: "36px" },
@@ -4949,7 +4957,7 @@ function dl(t, e, o, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: f(() => [
-                    K(m(t.$t("layer.myFollows")), 1)
+                    $(m(t.$t("layer.myFollows")), 1)
                   ]),
                   _: 1
                 })
@@ -4960,7 +4968,7 @@ function dl(t, e, o, i, a, r) {
               default: f(() => [
                 p(d, {
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[3] || (e[3] = (F) => a.checkList = F),
+                  "onUpdate:modelValue": e[3] || (e[3] = (A) => a.checkList = A),
                   value: "follow-ports",
                   label: t.$t("layer.ports"),
                   color: "primary",
@@ -4971,7 +4979,7 @@ function dl(t, e, o, i, a, r) {
                 }, null, 8, ["modelValue", "label"]),
                 p(d, {
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[4] || (e[4] = (F) => a.checkList = F),
+                  "onUpdate:modelValue": e[4] || (e[4] = (A) => a.checkList = A),
                   value: "follow-positions",
                   label: t.$t("layer.locations"),
                   color: "primary",
@@ -4988,42 +4996,42 @@ function dl(t, e, o, i, a, r) {
         })
       ])
     ], 6),
-    o.map ? (y(), R(L, B({
+    o.map ? (y(), O(L, N({
       key: 0,
       map: o.map,
       "menu-toggle": o.menuToggle,
       show: a.checkList.includes("graticule")
-    }, t.$attrs), null, 16, ["map", "menu-toggle", "show"])) : A("", !0),
-    o.map ? (y(), R(g, B({
+    }, t.$attrs), null, 16, ["map", "menu-toggle", "show"])) : R("", !0),
+    o.map ? (y(), O(g, N({
       key: 1,
       map: o.map,
-      area: (J = a.otherLayers) == null ? void 0 : J["day-night"]
-    }, t.$attrs, { "before-layer": "empty-layer-2" }), null, 16, ["map", "area"])) : A("", !0),
-    o.map ? (y(), R(_, B({
+      area: (K = a.otherLayers) == null ? void 0 : K["day-night"]
+    }, t.$attrs, { "before-layer": "empty-layer-2" }), null, 16, ["map", "area"])) : R("", !0),
+    o.map ? (y(), O(_, N({
       key: 2,
       map: o.map,
-      zone: (ne = a.otherLayers) == null ? void 0 : ne["time-zones"],
+      zone: (se = a.otherLayers) == null ? void 0 : se["time-zones"],
       realTime: o.realTime
-    }, t.$attrs, { beforeLayer: "empty-layer-3" }), null, 16, ["map", "zone", "realTime"])) : A("", !0),
-    o.map ? (y(), R(P, B({
+    }, t.$attrs, { beforeLayer: "empty-layer-3" }), null, 16, ["map", "zone", "realTime"])) : R("", !0),
+    o.map ? (y(), O(P, N({
       key: 3,
       ref: "idmPorts",
       map: o.map,
-      ports: (ie = a.otherLayers) == null ? void 0 : ie.ports,
+      ports: (le = a.otherLayers) == null ? void 0 : le.ports,
       gateway: o.gateway,
       token: o.token,
       "forecast-model": o.forecastModel,
       realTime: o.realTime
-    }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "ports", "gateway", "token", "forecast-model", "realTime"])) : A("", !0),
-    o.map ? (y(), R(O, B({
+    }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "ports", "gateway", "token", "forecast-model", "realTime"])) : R("", !0),
+    o.map ? (y(), O(B, N({
       key: 4,
       map: o.map,
-      zone: (me = a.otherLayers) == null ? void 0 : me["alert-zones"]
+      zone: (pe = a.otherLayers) == null ? void 0 : pe["alert-zones"]
     }, t.$attrs, {
       "before-layer": "empty-layer-3",
       theme: o.theme
-    }), null, 16, ["map", "zone", "theme"])) : A("", !0),
-    o.map ? (y(), R(I, B({
+    }), null, 16, ["map", "zone", "theme"])) : R("", !0),
+    o.map ? (y(), O(I, N({
       key: 5,
       ref: "idmIideStation",
       map: o.map,
@@ -5035,61 +5043,61 @@ function dl(t, e, o, i, a, r) {
       realTime: o.realTime,
       forecastModel: o.forecastModel,
       "before-layer": "empty-layer-3"
-    }, t.$attrs), null, 16, ["map", "gateway", "token", "defaultMeteoToken", "show", "theme", "realTime", "forecastModel"])) : A("", !0),
-    o.map ? (y(), R(C, B({
+    }, t.$attrs), null, 16, ["map", "gateway", "token", "defaultMeteoToken", "show", "theme", "realTime", "forecastModel"])) : R("", !0),
+    o.map ? (y(), O(C, N({
       key: 6,
       map: o.map,
-      zone: (ue = a.otherLayers) == null ? void 0 : ue["eca-zones"]
-    }, t.$attrs), null, 16, ["map", "zone"])) : A("", !0),
-    o.map ? (y(), R(k, B({
+      zone: (ie = a.otherLayers) == null ? void 0 : ie["eca-zones"]
+    }, t.$attrs), null, 16, ["map", "zone"])) : R("", !0),
+    o.map ? (y(), O(k, N({
       key: 7,
       map: o.map,
-      zone: (he = a.otherLayers) == null ? void 0 : he["war-zones"]
-    }, t.$attrs), null, 16, ["map", "zone"])) : A("", !0),
-    o.map ? (y(), R(z, B({
+      zone: (ce = a.otherLayers) == null ? void 0 : ce["war-zones"]
+    }, t.$attrs), null, 16, ["map", "zone"])) : R("", !0),
+    o.map ? (y(), O(z, N({
       key: 8,
       map: o.map,
-      area: (de = a.otherLayers) == null ? void 0 : de["gmdss-areas"]
-    }, t.$attrs), null, 16, ["map", "area"])) : A("", !0),
-    o.map ? (y(), R(T, B({
+      area: (ue = a.otherLayers) == null ? void 0 : ue["gmdss-areas"]
+    }, t.$attrs), null, 16, ["map", "area"])) : R("", !0),
+    o.map ? (y(), O(T, N({
       key: 9,
       map: o.map,
       show: a.checkList.includes("load-lines")
-    }, t.$attrs), null, 16, ["map", "show"])) : A("", !0),
-    o.map ? (y(), R(v, B({
+    }, t.$attrs), null, 16, ["map", "show"])) : R("", !0),
+    o.map ? (y(), O(v, N({
       key: 10,
       map: o.map,
       token: o.token,
       show: a.checkList.includes("worldMarine")
-    }, t.$attrs), null, 16, ["map", "token", "show"])) : A("", !0),
-    o.map ? (y(), R(D, B({
+    }, t.$attrs), null, 16, ["map", "token", "show"])) : R("", !0),
+    o.map ? (y(), O(D, N({
       key: 11,
       map: o.map,
-      area: (Y = a.otherLayers) == null ? void 0 : Y["voluntary-reporting-area"]
-    }, t.$attrs), null, 16, ["map", "area"])) : A("", !0),
-    o.map ? (y(), R(j, B({
+      area: (me = a.otherLayers) == null ? void 0 : me["voluntary-reporting-area"]
+    }, t.$attrs), null, 16, ["map", "area"])) : R("", !0),
+    o.map ? (y(), O(F, N({
       key: 12,
       map: o.map,
-      area: (re = a.otherLayers) == null ? void 0 : re["special-area"]
-    }, t.$attrs), null, 16, ["map", "area"])) : A("", !0),
-    o.map ? (y(), R(V, B({
+      area: (he = a.otherLayers) == null ? void 0 : he["special-area"]
+    }, t.$attrs), null, 16, ["map", "area"])) : R("", !0),
+    o.map ? (y(), O(V, N({
       key: 13,
       map: o.map,
       token: o.token,
       show: a.checkList.includes("world12nm")
-    }, t.$attrs), null, 16, ["map", "token", "show"])) : A("", !0),
-    o.map ? (y(), R(q, B({
+    }, t.$attrs), null, 16, ["map", "token", "show"])) : R("", !0),
+    o.map ? (y(), O(Y, N({
       key: 14,
       map: o.map,
       token: o.token,
       show: a.checkList.includes("chinaRoute")
-    }, t.$attrs), null, 16, ["map", "token", "show"])) : A("", !0),
-    o.map ? (y(), R(Z, B({
+    }, t.$attrs), null, 16, ["map", "token", "show"])) : R("", !0),
+    o.map ? (y(), O(Z, N({
       key: 15,
       map: o.map,
       show: a.checkList.includes("ice-areas")
-    }, t.$attrs), null, 16, ["map", "show"])) : A("", !0),
-    o.map ? (y(), R(Q, B({
+    }, t.$attrs), null, 16, ["map", "show"])) : R("", !0),
+    o.map ? (y(), O(J, N({
       key: 16,
       ref: "idmFollowPort",
       map: o.map,
@@ -5098,29 +5106,29 @@ function dl(t, e, o, i, a, r) {
       token: o.token,
       "forecast-model": o.forecastModel,
       realTime: o.realTime
-    }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "show", "gateway", "token", "forecast-model", "realTime"])) : A("", !0),
-    o.map ? (y(), R(ee, B({
+    }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "show", "gateway", "token", "forecast-model", "realTime"])) : R("", !0),
+    o.map ? (y(), O(Q, N({
       key: 17,
       ref: "idmFollowPosition",
       map: o.map,
       show: a.checkList.includes("follow-positions"),
       "forecast-model": o.forecastModel,
       realTime: o.realTime
-    }, t.$attrs), null, 16, ["map", "show", "forecast-model", "realTime"])) : A("", !0)
+    }, t.$attrs), null, 16, ["map", "show", "forecast-model", "realTime"])) : R("", !0)
   ]);
 }
-const pl = /* @__PURE__ */ X(el, [["render", dl]]);
+const pl = /* @__PURE__ */ q(el, [["render", dl]]);
 class Do {
   constructor(e) {
-    pe(this, "map");
-    pe(this, "mercator");
-    pe(this, "rampColorLayer");
-    pe(this, "rampColorSource");
-    pe(this, "particleLayer");
-    pe(this, "particleSource");
-    pe(this, "rampColorCanvas");
-    pe(this, "particleCanvas");
-    pe(this, "ratio");
+    de(this, "map");
+    de(this, "mercator");
+    de(this, "rampColorLayer");
+    de(this, "rampColorSource");
+    de(this, "particleLayer");
+    de(this, "particleSource");
+    de(this, "rampColorCanvas");
+    de(this, "particleCanvas");
+    de(this, "ratio");
     this.map = e, this.mercator = new Qa(), this.rampColorLayer = "ramp-color-layer", this.rampColorSource = "ramp-color-source", this.particleLayer = "particle-layer", this.particleSource = "particle-source", this.rampColorCanvas = document.createElement("canvas"), this.particleCanvas = document.createElement("canvas"), this.ratio = window.devicePixelRatio;
   }
   /**
@@ -5346,7 +5354,7 @@ class je {
         d.resolution && o.uniform2f(d.resolution, o.canvas.width * e.ratio, o.canvas.height * e.ratio), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, a), d.image && o.uniform1i(d.image, 0), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, r), d.color && o.uniform1i(d.color, 1), c != null && c.uvRange && (c != null && c.sRange) && (d.uvRange && o.uniform2f(d.uvRange, c.uvRange[0], c.uvRange[1]), d.sRange && o.uniform2f(d.sRange, c.sRange[0], c.sRange[1])), d.scale && o.uniform1f(d.scale, (c == null ? void 0 : c.scale) || 1);
         const b = e.getBoundPixel(), w = e.map.getZoom() + 1, L = e.getWorldCopy(b, w);
         for (const g of L) {
-          const _ = (g[0] - b[0]) * e.ratio, P = (g[1] - b[3]) * e.ratio, O = g[2] * e.ratio, [I, C, k, z] = [_, O + _, P, O + P], T = new Float32Array([I, k, C, k, I, z, I, z, C, k, C, z]);
+          const _ = (g[0] - b[0]) * e.ratio, P = (g[1] - b[3]) * e.ratio, B = g[2] * e.ratio, [I, C, k, z] = [_, B + _, P, B + P], T = new Float32Array([I, k, C, k, I, z, I, z, C, k, C, z]);
           o.bindBuffer(o.ARRAY_BUFFER, l), o.bufferData(o.ARRAY_BUFFER, T, o.STATIC_DRAW), o.drawArrays(o.TRIANGLES, 0, 6);
         }
       } catch (d) {
@@ -5395,10 +5403,10 @@ class je {
     });
   }
 }
-class ce {
+class ne {
 }
 // 顶点渲染
-pe(ce, "vertexSchema", `
+de(ne, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -5413,7 +5421,7 @@ pe(ce, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-pe(ce, "uvFragmentSchema", `
+de(ne, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -5433,7 +5441,7 @@ pe(ce, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-pe(ce, "fragmentSchema", `
+de(ne, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -5444,9 +5452,9 @@ pe(ce, "fragmentSchema", `
       vec4 color = texture2D(u_color, vec2(rgba.r, 0));
       gl_FragColor = color;
     }`);
-class Pe {
+class Te {
 }
-pe(Pe, "vertexSchema", `
+de(Te, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -5470,7 +5478,7 @@ pe(Pe, "vertexSchema", `
       gl_PointSize = 1.0;
       // gl_PointSize = u_point;
       gl_Position = vec4(2.0 * v_particle_pos.x - 1.0, 1.0 - 2.0 * v_particle_pos.y, 0, 1);
-    }`), pe(Pe, "fragmentSchema", `
+    }`), de(Te, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -5492,7 +5500,7 @@ pe(Pe, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), pe(Pe, "quadVertSchema", `
+    }`), de(Te, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -5502,7 +5510,7 @@ pe(Pe, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), pe(Pe, "screenFragmentSchema", `
+    }`), de(Te, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -5514,7 +5522,7 @@ pe(Pe, "vertexSchema", `
       vec4 color = texture2D(u_screen, 1.0 - v_tex_pos);
       // a hack to guarantee opacity fade out even with a value close to 1.0
       gl_FragColor = vec4(floor(255.0 * color * u_opacity) / 255.0);
-    }`), pe(Pe, "updateFragmentSchema", `
+    }`), de(Te, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -5754,7 +5762,7 @@ const ul = {
 function fl(t, e, o, i, a, r) {
   return null;
 }
-const yl = /* @__PURE__ */ X(gl, [["render", fl]]);
+const yl = /* @__PURE__ */ q(gl, [["render", fl]]);
 const bl = {
   name: "IdmWindParticle",
   props: {
@@ -5862,7 +5870,7 @@ const bl = {
           [1, "rgb(91, 136, 161)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.uvFragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
       this.handleParticleSetup();
@@ -5876,11 +5884,11 @@ const bl = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          Pe.vertexSchema,
-          Pe.fragmentSchema,
-          Pe.quadVertSchema,
-          Pe.screenFragmentSchema,
-          Pe.updateFragmentSchema
+          Te.vertexSchema,
+          Te.fragmentSchema,
+          Te.quadVertSchema,
+          Te.screenFragmentSchema,
+          Te.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, t, !0, 16, 16), this.wrapper = { ...this.wrapper, ...this.webgl.setupParticle(this.particleContext, 9e3), ...this.webgl.resize(this.viewport, this.particleContext) }, this.viewport.map.on("resize", this.handleResize), this.viewport.map.on("movestart", this.handlePause), this.viewport.map.on("moveend", this.handlePlay);
       }
     },
@@ -5935,9 +5943,9 @@ function xl(t, e, o, i, a, r) {
       s("span", null, "40", -1),
       s("span", null, "60", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : R("", !0);
 }
-const vl = /* @__PURE__ */ X(bl, [["render", xl]]), _l = {
+const vl = /* @__PURE__ */ q(bl, [["render", xl]]), _l = {
   name: "IdmCurrent",
   props: {
     map: {
@@ -6095,7 +6103,7 @@ const vl = /* @__PURE__ */ X(bl, [["render", xl]]), _l = {
 function kl(t, e, o, i, a, r) {
   return null;
 }
-const zl = /* @__PURE__ */ X(_l, [["render", kl]]);
+const zl = /* @__PURE__ */ q(_l, [["render", kl]]);
 const Ll = {
   name: "IdmCurrentParticle",
   props: {
@@ -6195,7 +6203,7 @@ const Ll = {
           [1, "rgb(195,194,194)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.uvFragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
       this.handleParticleSetup();
@@ -6210,11 +6218,11 @@ const Ll = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          Pe.vertexSchema,
-          Pe.fragmentSchema,
-          Pe.quadVertSchema,
-          Pe.screenFragmentSchema,
-          Pe.updateFragmentSchema
+          Te.vertexSchema,
+          Te.fragmentSchema,
+          Te.quadVertSchema,
+          Te.screenFragmentSchema,
+          Te.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, t, !0, 16, 16), this.wrapper = {
           ...this.wrapper,
           ...this.webgl.setupParticle(this.particleContext, 9e3),
@@ -6272,9 +6280,9 @@ function Cl(t, e, o, i, a, r) {
       s("span", null, "2", -1),
       s("span", null, "3.2", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : R("", !0);
 }
-const Tl = /* @__PURE__ */ X(Ll, [["render", Cl]]);
+const Tl = /* @__PURE__ */ q(Ll, [["render", Cl]]);
 const Sl = {
   name: "IdmSigWave",
   props: {
@@ -6367,7 +6375,7 @@ const Sl = {
           //13
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -6396,9 +6404,9 @@ function Il(t, e, o, i, a, r) {
       s("span", null, "6", -1),
       s("span", null, "9", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : R("", !0);
 }
-const Dl = /* @__PURE__ */ X(Sl, [["render", Il], ["__scopeId", "data-v-fa73c319"]]), Al = {
+const Dl = /* @__PURE__ */ q(Sl, [["render", Il], ["__scopeId", "data-v-fa73c319"]]), Al = {
   name: "IdmSigWaveHeight",
   props: {
     map: {
@@ -6546,7 +6554,7 @@ const Dl = /* @__PURE__ */ X(Sl, [["render", Il], ["__scopeId", "data-v-fa73c319
 function Rl(t, e, o, i, a, r) {
   return null;
 }
-const Ol = /* @__PURE__ */ X(Al, [["render", Rl]]);
+const Ol = /* @__PURE__ */ q(Al, [["render", Rl]]);
 const Bl = {
   name: "IdmSwell",
   props: {
@@ -6639,7 +6647,7 @@ const Bl = {
           //13
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -6668,9 +6676,9 @@ function El(t, e, o, i, a, r) {
       s("span", null, "6", -1),
       s("span", null, "9", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : R("", !0);
 }
-const jl = /* @__PURE__ */ X(Bl, [["render", El], ["__scopeId", "data-v-d47b8b5c"]]), Fl = {
+const jl = /* @__PURE__ */ q(Bl, [["render", El], ["__scopeId", "data-v-d47b8b5c"]]), Fl = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -6832,7 +6840,7 @@ function Gl(t, e, o, i, a, r) {
         location: "left"
       }, {
         activator: f(({ props: u }) => [
-          p(l, B(u, {
+          p(l, N(u, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -6850,9 +6858,9 @@ function Gl(t, e, o, i, a, r) {
         _: 1
       })
     ], 4)
-  ])) : A("", !0);
+  ])) : R("", !0);
 }
-const Ul = /* @__PURE__ */ X(Fl, [["render", Gl]]);
+const Ul = /* @__PURE__ */ q(Fl, [["render", Gl]]);
 const Wl = {
   name: "IdmIceEdge",
   props: {
@@ -6938,7 +6946,7 @@ const Wl = {
           // 100%
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -6972,9 +6980,9 @@ function Zl(t, e, o, i, a, r) {
       s("span", null, "90", -1),
       s("span", null, null, -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : R("", !0);
 }
-const Yl = /* @__PURE__ */ X(Wl, [["render", Zl]]);
+const Yl = /* @__PURE__ */ q(Wl, [["render", Zl]]);
 const ql = {
   name: "IdmCover",
   props: {
@@ -7051,7 +7059,7 @@ const ql = {
           // 100%
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -7079,9 +7087,9 @@ function $l(t, e, o, i, a, r) {
       s("span", null, "80", -1),
       s("span", null, "100", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : R("", !0);
 }
-const Kl = /* @__PURE__ */ X(ql, [["render", $l], ["__scopeId", "data-v-dcedee39"]]);
+const Kl = /* @__PURE__ */ q(ql, [["render", $l], ["__scopeId", "data-v-dcedee39"]]);
 const Jl = {
   name: "IdmThickness",
   props: {
@@ -7165,7 +7173,7 @@ const Jl = {
           // 4m
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -7194,9 +7202,9 @@ function en(t, e, o, i, a, r) {
       s("span", null, "2", -1),
       s("span", null, "3", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : R("", !0);
 }
-const tn = /* @__PURE__ */ X(Jl, [["render", en]]);
+const tn = /* @__PURE__ */ q(Jl, [["render", en]]);
 const on = {
   name: "IdmPrecip3h",
   props: {
@@ -7281,7 +7289,7 @@ const on = {
           [1, "rgba(197,5,58,0.8)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -7311,9 +7319,9 @@ function rn(t, e, o, i, a, r) {
       s("span", null, "20", -1),
       s("span", null, "30", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : R("", !0);
 }
-const sn = /* @__PURE__ */ X(on, [["render", rn]]);
+const sn = /* @__PURE__ */ q(on, [["render", rn]]);
 const ln = {
   name: "IdmVisibility",
   props: {
@@ -7388,7 +7396,7 @@ const ln = {
           [1, "rgba(144,144,144,0)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -7416,9 +7424,9 @@ function cn(t, e, o, i, a, r) {
       s("span", null, "3", -1),
       s("span", null, "9", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : R("", !0);
 }
-const mn = /* @__PURE__ */ X(ln, [["render", cn]]);
+const mn = /* @__PURE__ */ q(ln, [["render", cn]]);
 const hn = {
   name: "IdmWaterTemp",
   props: {
@@ -7496,7 +7504,7 @@ const hn = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -7524,9 +7532,9 @@ function pn(t, e, o, i, a, r) {
       s("span", null, "30", -1),
       s("span", null, "40", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : R("", !0);
 }
-const un = /* @__PURE__ */ X(hn, [["render", pn]]);
+const un = /* @__PURE__ */ q(hn, [["render", pn]]);
 const gn = {
   name: "IdmTemp",
   props: {
@@ -7615,7 +7623,7 @@ const gn = {
           [1, "rgb(138, 43, 10)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ce.vertexSchema, ce.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -7645,9 +7653,9 @@ function yn(t, e, o, i, a, r) {
       s("span", null, "30", -1),
       s("span", null, "40", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : R("", !0);
 }
-const bn = /* @__PURE__ */ X(gn, [["render", yn]]);
+const bn = /* @__PURE__ */ q(gn, [["render", yn]]);
 const wn = {
   name: "IdmGlLayer",
   components: {
@@ -7695,6 +7703,10 @@ const wn = {
       type: Number,
       default: 60
     },
+    paddingTop: {
+      type: Number,
+      default: 48
+    },
     menuToggle: {
       type: Object,
       default: {}
@@ -7903,7 +7915,7 @@ const wn = {
     },
     async fetchModels() {
       this.models = {};
-      const t = await Me.get(`${this.gateway}/api/arc/meteo2/models2`, {
+      const t = await De.get(`${this.gateway}/api/arc/meteo2/models2`, {
         headers: {
           Authorization: this.defaultMeteoToken
         }
@@ -7917,17 +7929,17 @@ const wn = {
       if (this.map) {
         const L = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, g = (r = this.map) == null ? void 0 : r.getBounds(), _ = `${g._sw.lng},${g._sw.lat},${g._ne.lng},${g._ne.lat}`;
         if (this.particleFactor && ((l = this.$refs.layer) != null && l.autoActive)) {
-          const P = To.WEATHER_LAYERS.find((O) => {
+          const P = To.WEATHER_LAYERS.find((B) => {
             var I;
-            return ((I = O.peer) == null ? void 0 : I.weight) === this.particleFactor.weight;
+            return ((I = B.peer) == null ? void 0 : I.weight) === this.particleFactor.weight;
           });
           this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & P.weight ? this.weatherWeight : this.weatherWeight + P.weight : this.weatherWeight = this.weatherWeight & P.weight ? this.weatherWeight - P.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
           let P = this.weatherWeight;
           if (P > 0) {
-            const O = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], I = await Me.get(
-              `${O}/api/arc/weather/layers2/links?l=${P}&v=${this.forecastModel}&z=${L}&bbox=${_}&t=${this.realTime}`,
+            const B = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], I = await De.get(
+              `${B}/api/arc/weather/layers2/links?l=${P}&v=${this.forecastModel}&z=${L}&bbox=${_}&t=${this.realTime}`,
               {
                 headers: {
                   Authorization: this.defaultMeteoToken
@@ -7938,7 +7950,7 @@ const wn = {
               const C = (n = I == null ? void 0 : I.data) == null ? void 0 : n.data, k = [];
               for (const T in C)
                 k.push(
-                  Me.get(C[T], {
+                  De.get(C[T], {
                     headers: {
                       Authorization: this.defaultMeteoToken,
                       key: T
@@ -7950,9 +7962,9 @@ const wn = {
                 );
               const z = await Promise.all(k);
               this.weatherLayers = {}, z.map((T) => {
-                var j, V, q, Z;
-                const v = ((j = T == null ? void 0 : T.data) == null ? void 0 : j.data) || (T == null ? void 0 : T.data);
-                let D = (q = (V = T == null ? void 0 : T.config) == null ? void 0 : V.headers) == null ? void 0 : q.key;
+                var F, V, Y, Z;
+                const v = ((F = T == null ? void 0 : T.data) == null ? void 0 : F.data) || (T == null ? void 0 : T.data);
+                let D = (Y = (V = T == null ? void 0 : T.config) == null ? void 0 : V.headers) == null ? void 0 : Y.key;
                 D && v && (this.weatherLayers[D] = {
                   raw: v,
                   type: ((Z = T == null ? void 0 : T.config) == null ? void 0 : Z.responseType) === "blob" ? "image" : "json",
@@ -8036,50 +8048,50 @@ const wn = {
       let e = 0, o = 0;
       const i = (r = this.map) == null ? void 0 : r.getBounds(), a = (l = this.map) == null ? void 0 : l.getZoom();
       if (i && a) {
-        const w = $.convertToStdLng(i._sw.lng), L = $.convertToStdLng(i._ne.lng), g = Math.floor(i._sw.lat), _ = Math.ceil(i._ne.lat);
+        const w = X.convertToStdLng(i._sw.lng), L = X.convertToStdLng(i._ne.lng), g = Math.floor(i._sw.lat), _ = Math.ceil(i._ne.lat);
         for (const P in this.weatherLayers) {
-          let O = !1;
+          let B = !1;
           if (this.weatherLayers[P].active && this.weatherLayers[P].type === "json") {
             let I = [];
             if (P === "swell") {
-              O = !0;
+              B = !0;
               const C = ((c = this.weatherLayers[P]) == null ? void 0 : c.direction) || {};
               for (const z in C)
                 if (z > g && z < _ && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                   const T = C[z].lng;
                   w > L ? T.forEach((v, D) => {
-                    var j, V, q, Z, Q, ee;
+                    var F, V, Y, Z, J, Q;
                     if (a < 2) {
                       if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                        const J = H.point([v, z], {
-                          val: ((j = C[z].val) == null ? void 0 : j[D]) || ((V = C[z].dir) == null ? void 0 : V[D]),
-                          spd: (q = C[z].spd) == null ? void 0 : q[D]
+                        const K = H.point([v, z], {
+                          val: ((F = C[z].val) == null ? void 0 : F[D]) || ((V = C[z].dir) == null ? void 0 : V[D]),
+                          spd: (Y = C[z].spd) == null ? void 0 : Y[D]
                         });
-                        I.push(J);
+                        I.push(K);
                       }
                     } else if ((v >= w && v <= 180 || v >= -180 && v <= L) && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const J = H.point([v, z], {
-                        val: ((Z = C[z].val) == null ? void 0 : Z[D]) || ((Q = C[z].dir) == null ? void 0 : Q[D]),
-                        spd: (ee = C[z].spd) == null ? void 0 : ee[D]
+                      const K = H.point([v, z], {
+                        val: ((Z = C[z].val) == null ? void 0 : Z[D]) || ((J = C[z].dir) == null ? void 0 : J[D]),
+                        spd: (Q = C[z].spd) == null ? void 0 : Q[D]
                       });
-                      I.push(J);
+                      I.push(K);
                     }
                   }) : T.forEach((v, D) => {
-                    var j, V, q, Z, Q, ee;
+                    var F, V, Y, Z, J, Q;
                     if (w < 2) {
                       if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                        const J = H.point([v, z], {
-                          val: ((j = C[z].val) == null ? void 0 : j[D]) || ((V = C[z].dir) == null ? void 0 : V[D]),
-                          spd: (q = C[z].spd) == null ? void 0 : q[D]
+                        const K = H.point([v, z], {
+                          val: ((F = C[z].val) == null ? void 0 : F[D]) || ((V = C[z].dir) == null ? void 0 : V[D]),
+                          spd: (Y = C[z].spd) == null ? void 0 : Y[D]
                         });
-                        I.push(J);
+                        I.push(K);
                       }
                     } else if (v >= w && v <= L && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const J = H.point([v, z], {
-                        val: ((Z = C[z].val) == null ? void 0 : Z[D]) || ((Q = C[z].dir) == null ? void 0 : Q[D]),
-                        spd: (ee = C[z].spd) == null ? void 0 : ee[D]
+                      const K = H.point([v, z], {
+                        val: ((Z = C[z].val) == null ? void 0 : Z[D]) || ((J = C[z].dir) == null ? void 0 : J[D]),
+                        spd: (Q = C[z].spd) == null ? void 0 : Q[D]
                       });
-                      I.push(J);
+                      I.push(K);
                     }
                   });
                 }
@@ -8106,44 +8118,44 @@ const wn = {
                 o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell height elapsed: ", o, ", total: ", e += o);
               }
             } else if (P === "current") {
-              O = !0;
+              B = !0;
               const C = ((u = this.weatherLayers[P]) == null ? void 0 : u.direction) || {};
               for (const z in C)
                 if (z > g && z < _ && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                   const T = C[z].lng;
                   w > L ? T.forEach((v, D) => {
-                    var j, V, q, Z, Q, ee;
+                    var F, V, Y, Z, J, Q;
                     if (a < 2) {
                       if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                        const J = H.point([v, z], {
-                          val: ((j = C[z].val) == null ? void 0 : j[D]) || ((V = C[z].dir) == null ? void 0 : V[D]),
-                          spd: (q = C[z].spd) == null ? void 0 : q[D]
+                        const K = H.point([v, z], {
+                          val: ((F = C[z].val) == null ? void 0 : F[D]) || ((V = C[z].dir) == null ? void 0 : V[D]),
+                          spd: (Y = C[z].spd) == null ? void 0 : Y[D]
                         });
-                        I.push(J);
+                        I.push(K);
                       }
                     } else if ((v >= w && v <= 180 || v >= -180 && v <= L) && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const J = H.point([v, z], {
-                        val: ((Z = C[z].val) == null ? void 0 : Z[D]) || ((Q = C[z].dir) == null ? void 0 : Q[D]),
-                        spd: (ee = C[z].spd) == null ? void 0 : ee[D]
+                      const K = H.point([v, z], {
+                        val: ((Z = C[z].val) == null ? void 0 : Z[D]) || ((J = C[z].dir) == null ? void 0 : J[D]),
+                        spd: (Q = C[z].spd) == null ? void 0 : Q[D]
                       });
-                      I.push(J);
+                      I.push(K);
                     }
                   }) : T.forEach((v, D) => {
-                    var j, V, q, Z, Q, ee;
+                    var F, V, Y, Z, J, Q;
                     if (w < 2) {
                       if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                        const J = H.point([v, z], {
-                          val: ((j = C[z].val) == null ? void 0 : j[D]) || ((V = C[z].dir) == null ? void 0 : V[D]),
-                          spd: (q = C[z].spd) == null ? void 0 : q[D]
+                        const K = H.point([v, z], {
+                          val: ((F = C[z].val) == null ? void 0 : F[D]) || ((V = C[z].dir) == null ? void 0 : V[D]),
+                          spd: (Y = C[z].spd) == null ? void 0 : Y[D]
                         });
-                        I.push(J);
+                        I.push(K);
                       }
                     } else if (v >= w && v <= L && (!(a <= this.zoom) || v % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const J = H.point([v, z], {
-                        val: ((Z = C[z].val) == null ? void 0 : Z[D]) || ((Q = C[z].dir) == null ? void 0 : Q[D]),
-                        spd: (ee = C[z].spd) == null ? void 0 : ee[D]
+                      const K = H.point([v, z], {
+                        val: ((Z = C[z].val) == null ? void 0 : Z[D]) || ((J = C[z].dir) == null ? void 0 : J[D]),
+                        spd: (Q = C[z].spd) == null ? void 0 : Q[D]
                       });
-                      I.push(J);
+                      I.push(K);
                     }
                   });
                 }
@@ -8154,9 +8166,9 @@ const wn = {
                   const T = [];
                   for (const v in (d = k.raw) == null ? void 0 : d.Polygon) {
                     const D = k.raw.Polygon[v];
-                    for (const j of D)
+                    for (const F of D)
                       T.push(
-                        H.polygon(j, {
+                        H.polygon(F, {
                           val: Number(v)
                         })
                       );
@@ -8167,41 +8179,41 @@ const wn = {
                 I = I.concat(z), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
               }
             } else if (P === "wind") {
-              O = !0;
+              B = !0;
               const C = this.weatherLayers.wind.raw;
               for (const k in C)
                 if (k > g && k < _ && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                   const z = C[k].lng;
                   w > L ? z.forEach((T, v) => {
-                    var D, j, V, q;
+                    var D, F, V, Y;
                     if (a < 2) {
                       if ((T >= 0 && T <= 360 || T >= -360 && T <= 0) && T % 10 === 0) {
                         const Z = H.point([T, k], {
-                          dir: ((D = C[k].val) == null ? void 0 : D[v]) || ((j = C[k].dir) == null ? void 0 : j[v]),
+                          dir: ((D = C[k].val) == null ? void 0 : D[v]) || ((F = C[k].dir) == null ? void 0 : F[v]),
                           spd: C[k].spd[v]
                         });
                         I.push(Z);
                       }
                     } else if ((T >= w && T <= 180 || T >= -180 && T <= L) && (!(a <= this.zoom) || T % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                       const Z = H.point([T, k], {
-                        dir: ((V = C[k].val) == null ? void 0 : V[v]) || ((q = C[k].dir) == null ? void 0 : q[v]),
+                        dir: ((V = C[k].val) == null ? void 0 : V[v]) || ((Y = C[k].dir) == null ? void 0 : Y[v]),
                         spd: C[k].spd[v]
                       });
                       I.push(Z);
                     }
                   }) : z.forEach((T, v) => {
-                    var D, j, V, q;
+                    var D, F, V, Y;
                     if (a < 2) {
                       if ((T >= 0 && T <= 360 || T >= -360 && T <= 0) && T % 10 === 0) {
                         const Z = H.point([T, k], {
-                          dir: ((D = C[k].val) == null ? void 0 : D[v]) || ((j = C[k].dir) == null ? void 0 : j[v]),
+                          dir: ((D = C[k].val) == null ? void 0 : D[v]) || ((F = C[k].dir) == null ? void 0 : F[v]),
                           spd: C[k].spd[v]
                         });
                         I.push(Z);
                       }
                     } else if (T >= w && T <= L && (!(a <= this.zoom) || T % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                       const Z = H.point([T, k], {
-                        dir: ((V = C[k].val) == null ? void 0 : V[v]) || ((q = C[k].dir) == null ? void 0 : q[v]),
+                        dir: ((V = C[k].val) == null ? void 0 : V[v]) || ((Y = C[k].dir) == null ? void 0 : Y[v]),
                         spd: C[k].spd[v]
                       });
                       I.push(Z);
@@ -8213,7 +8225,7 @@ const wn = {
               if (this.weatherLayers[P].data)
                 I = this.weatherLayers[P].data;
               else {
-                O = !0;
+                B = !0;
                 const C = this.weatherLayers[P].raw;
                 if (C) {
                   const k = [];
@@ -8252,7 +8264,7 @@ const wn = {
               if (this.weatherLayers[P].data)
                 I = this.weatherLayers[P].data;
               else {
-                O = !0;
+                B = !0;
                 const C = this.weatherLayers[P].raw;
                 if (C) {
                   const k = [];
@@ -8267,7 +8279,7 @@ const wn = {
                   }
                   for (const z in C.Point)
                     C.Point[z].lng.forEach((T, v) => {
-                      T = $.convertToStdLng(T), k.push(
+                      T = X.convertToStdLng(T), k.push(
                         H.point([T, z], {
                           val: C.Point[z].val[v],
                           type: C.Point[z].type[v]
@@ -8279,7 +8291,7 @@ const wn = {
               }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", o, ", total: ", e += o);
             }
-            I.length && (this.weatherLayers[P].data = H.featureCollection(I)), O && (this.weatherLayers[P].version = Math.random() + 1);
+            I.length && (this.weatherLayers[P].data = H.featureCollection(I)), B && (this.weatherLayers[P].version = Math.random() + 1);
           }
         }
       }
@@ -8290,7 +8302,7 @@ const wn = {
       this.handleDrawWeather4Json();
     },
     handleBboxClip(t, e) {
-      const o = [], i = $.convertToStdLng(e._sw.lng), a = $.convertToStdLng(e._ne.lng);
+      const o = [], i = X.convertToStdLng(e._sw.lng), a = X.convertToStdLng(e._ne.lng);
       return t.features.forEach((r) => {
         if (r.geometry.type !== "Point")
           if (i > a) {
@@ -8322,19 +8334,19 @@ const wn = {
   class: "d-flex justify-start align-center ga-4 pl-6"
 }, On = { class: "text-body-1 py-2" }, Bn = { class: "text-body-1 font-weight-medium" }, Nn = { class: "text-body-2 text-label" }, En = { class: "text-body-2 text-label" }, jn = { class: "text-body-2 text-label mb-3" }, Fn = { class: "text-body-1 font-weight-medium" }, Hn = { class: "text-body-2 text-label" }, Gn = { class: "text-body-2 text-label" }, Un = { class: "text-body-2 text-label mb-3" }, Wn = { class: "text-body-1 py-2" }, Vn = { class: "text-body-1 font-weight-medium" }, Zn = { class: "text-body-2 text-label" }, Yn = { class: "text-body-2 text-label" }, qn = { class: "text-body-2 text-label mb-3" }, Xn = { class: "text-body-1 font-weight-medium" }, $n = { class: "text-body-2 text-label" }, Kn = { class: "text-body-2 text-label" }, Jn = { class: "text-body-2 text-label mb-3" }, Qn = { class: "text-body-1 py-2" }, ec = { class: "text-body-1 font-weight-medium" }, tc = { class: "text-body-2 text-label" }, oc = { class: "text-body-2 text-label" }, ac = { class: "text-body-2 text-label mb-3" };
 function ic(t, e, o, i, a, r) {
-  var me, ue, he, de, Y, re, F, se, ye, ve, be, Te, Ae, Re, Le;
-  const l = x("VBtn"), c = x("VTooltip"), n = x("VCol"), u = x("VRow"), d = x("VCardText"), b = x("VDivider"), w = x("VCard"), L = x("VSwitch"), g = x("VCardTitle"), _ = x("VCardItem"), P = x("VCheckbox"), O = x("VRadio"), I = x("VBtnToggle"), C = x("IdmWindBarb"), k = x("IdmSigWaveHeight"), z = x("IdmCurrentDirection"), T = x("IdmPrmsl"), v = x("IdmWindParticle"), D = x("IdmCurrentParticle"), j = x("IdmWave"), V = x("IdmSwell"), q = x("IdmIceEdge"), Z = x("IdmIceCover"), Q = x("IdmIceThickness"), ee = x("IdmPrecip3h"), J = x("IdmVisibility"), ne = x("IdmWaterTemp"), ie = x("IdmTemp");
+  var pe, ie, ce, ue, me, he, A, ee, ye, xe, Le, Pe, ve, Me, Ce;
+  const l = x("VBtn"), c = x("VTooltip"), n = x("VCol"), u = x("VRow"), d = x("VCardText"), b = x("VDivider"), w = x("VCard"), L = x("VSwitch"), g = x("VCardTitle"), _ = x("VCardItem"), P = x("VCheckbox"), B = x("VRadio"), I = x("VBtnToggle"), C = x("IdmWindBarb"), k = x("IdmSigWaveHeight"), z = x("IdmCurrentDirection"), T = x("IdmPrmsl"), v = x("IdmWindParticle"), D = x("IdmCurrentParticle"), F = x("IdmWave"), V = x("IdmSwell"), Y = x("IdmIceEdge"), Z = x("IdmIceCover"), J = x("IdmIceThickness"), Q = x("IdmPrecip3h"), K = x("IdmVisibility"), se = x("IdmWaterTemp"), le = x("IdmTemp");
   return y(), M("div", xn, [
     s("div", {
       class: "menu-bar-box transition pa-1",
-      style: ae({ top: o.top + 94 + "px", right: a.right + "px" })
+      style: ae({ top: o.top + o.paddingTop + 46 + "px", right: a.right + "px" })
     }, [
       p(c, {
         text: t.$t("weather.weatherLayers"),
         location: "left"
       }, {
         activator: f(({ props: G }) => [
-          p(l, B(G, {
+          p(l, N(G, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -8361,7 +8373,7 @@ function ic(t, e, o, i, a, r) {
           location: "left"
         }, {
           activator: f(({ props: G }) => [
-            p(l, B(G, {
+            p(l, N(G, {
               "min-width": "32",
               width: "32",
               height: "32",
@@ -8378,7 +8390,7 @@ function ic(t, e, o, i, a, r) {
           _: 1
         })
       ], 4),
-      a.legendToggle ? (y(), R(w, {
+      a.legendToggle ? (y(), O(w, {
         key: 0,
         width: "435",
         elevation: "16",
@@ -8391,7 +8403,7 @@ function ic(t, e, o, i, a, r) {
               e[10] || (e[10] = s("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wind Level", -1)),
               p(u, { class: "ma-0 ml-n1 text-body-2" }, {
                 default: f(() => [
-                  (y(!0), M(xe, null, _e(a.legend.barbs, (G, te) => (y(), R(n, {
+                  (y(!0), M(we, null, _e(a.legend.barbs, (G, te) => (y(), O(n, {
                     key: G,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
@@ -8423,7 +8435,7 @@ function ic(t, e, o, i, a, r) {
                 style: { width: "100px" }
               }, {
                 default: f(() => [
-                  (y(!0), M(xe, null, _e(a.legend.sigWaveHeight, (G, te) => (y(), R(n, {
+                  (y(!0), M(we, null, _e(a.legend.sigWaveHeight, (G, te) => (y(), O(n, {
                     key: te,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
@@ -8455,7 +8467,7 @@ function ic(t, e, o, i, a, r) {
                 style: { width: "110px" }
               }, {
                 default: f(() => [
-                  (y(!0), M(xe, null, _e(a.legend.current, (G, te) => (y(), R(n, {
+                  (y(!0), M(we, null, _e(a.legend.current, (G, te) => (y(), O(n, {
                     key: te,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
@@ -8482,8 +8494,8 @@ function ic(t, e, o, i, a, r) {
           })
         ]),
         _: 1
-      }, 8, ["style"])) : A("", !0)
-    ])) : A("", !0),
+      }, 8, ["style"])) : R("", !0)
+    ])) : R("", !0),
     s("div", {
       class: Ye(["available-layers transition flex-center", a.toggle ? "right-bar" : ""]),
       style: ae({ top: o.top + "px", right: a.toggle ? "0px" : "-280px" })
@@ -8530,7 +8542,7 @@ function ic(t, e, o, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: f(() => [
-                    K(m(t.$t("weather.overlays")), 1)
+                    $(m(t.$t("weather.overlays")), 1)
                   ]),
                   _: 1
                 })
@@ -8539,7 +8551,7 @@ function ic(t, e, o, i, a, r) {
             }),
             p(d, { class: "py-2" }, {
               default: f(() => [
-                (y(!0), M(xe, null, _e(a.tagLayers.filter((G) => G.overlays), (G) => (y(), R(P, {
+                (y(!0), M(we, null, _e(a.tagLayers.filter((G) => G.overlays), (G) => (y(), O(P, {
                   key: G.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[2] || (e[2] = (te) => a.checkList = te),
@@ -8570,7 +8582,7 @@ function ic(t, e, o, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: f(() => [
-                    K(m(t.$t("weather.renders")), 1)
+                    $(m(t.$t("weather.renders")), 1)
                   ]),
                   _: 1
                 })
@@ -8579,10 +8591,10 @@ function ic(t, e, o, i, a, r) {
             }),
             p(d, { class: "py-2" }, {
               default: f(() => [
-                (y(!0), M(xe, null, _e(a.tagLayers.filter((G) => !G.overlays), (G) => (y(), M(xe, {
+                (y(!0), M(we, null, _e(a.tagLayers.filter((G) => !G.overlays), (G) => (y(), M(we, {
                   key: G.key
                 }, [
-                  p(O, {
+                  p(B, {
                     modelValue: a.renderKey,
                     "onUpdate:modelValue": e[3] || (e[3] = (te) => a.renderKey = te),
                     label: t.$t(`weather.${G.locale}`),
@@ -8609,7 +8621,7 @@ function ic(t, e, o, i, a, r) {
                       style: { "font-size": "14px" },
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
-                  ])) : A("", !0),
+                  ])) : R("", !0),
                   a.renderKey === "current-particle" && G.key === "current-particle" ? (y(), M("div", Rn, [
                     s("span", null, m(t.$t("weather.particleAnimatiom")), 1),
                     p(L, {
@@ -8624,8 +8636,8 @@ function ic(t, e, o, i, a, r) {
                       height: "20",
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
-                  ])) : A("", !0),
-                  a.renderKey === "wave-group" && G.key === "wave-group" ? (y(), R(I, {
+                  ])) : R("", !0),
+                  a.renderKey === "wave-group" && G.key === "wave-group" ? (y(), O(I, {
                     key: 2,
                     modelValue: a.waveToggleValue,
                     "onUpdate:modelValue": e[6] || (e[6] = (te) => a.waveToggleValue = te),
@@ -8647,7 +8659,7 @@ function ic(t, e, o, i, a, r) {
                         disabled: !a.autoActive
                       }, {
                         default: f(() => [
-                          K(m(t.$t("weather.significant")), 1)
+                          $(m(t.$t("weather.significant")), 1)
                         ]),
                         _: 1
                       }, 8, ["color", "disabled"]),
@@ -8661,14 +8673,14 @@ function ic(t, e, o, i, a, r) {
                         value: "swell"
                       }, {
                         default: f(() => [
-                          K(m(t.$t("weather.swell")), 1)
+                          $(m(t.$t("weather.swell")), 1)
                         ]),
                         _: 1
                       }, 8, ["color", "disabled"])
                     ]),
                     _: 1
-                  }, 8, ["modelValue", "disabled"])) : A("", !0),
-                  a.renderKey === "ice-forecast" && G.key === "ice-forecast" ? (y(), R(I, {
+                  }, 8, ["modelValue", "disabled"])) : R("", !0),
+                  a.renderKey === "ice-forecast" && G.key === "ice-forecast" ? (y(), O(I, {
                     key: 3,
                     modelValue: a.iceToggleValue,
                     "onUpdate:modelValue": e[7] || (e[7] = (te) => a.iceToggleValue = te),
@@ -8690,7 +8702,7 @@ function ic(t, e, o, i, a, r) {
                         disabled: !a.autoActive
                       }, {
                         default: f(() => [
-                          K(m(t.$t("weather.coverage")), 1)
+                          $(m(t.$t("weather.coverage")), 1)
                         ]),
                         _: 1
                       }, 8, ["color", "disabled"]),
@@ -8704,13 +8716,13 @@ function ic(t, e, o, i, a, r) {
                         value: "ice-thickness"
                       }, {
                         default: f(() => [
-                          K(m(t.$t("weather.thickness")), 1)
+                          $(m(t.$t("weather.thickness")), 1)
                         ]),
                         _: 1
                       }, 8, ["color", "disabled"])
                     ]),
                     _: 1
-                  }, 8, ["modelValue", "disabled"])) : A("", !0)
+                  }, 8, ["modelValue", "disabled"])) : R("", !0)
                 ], 64))), 128))
               ]),
               _: 1
@@ -8730,7 +8742,7 @@ function ic(t, e, o, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: f(() => [
-                    K(m(t.$t("weather.forecastModel")), 1)
+                    $(m(t.$t("weather.forecastModel")), 1)
                   ]),
                   _: 1
                 })
@@ -8739,14 +8751,14 @@ function ic(t, e, o, i, a, r) {
             }),
             p(d, { class: "" }, {
               default: f(() => {
-                var G, te, Fe, Ie, ge, Se, U, fe, oe, le, Oe, He, Ge, N, we, De, Be, Ne, E, Ue, W, qe, Xe, $e, ze, Ke, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, Dt, At, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Gt, Ut, Wt, Vt, Zt, Yt, qt, Xt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo;
+                var G, te, Fe, Ae, ge, Ie, U, fe, oe, re, Oe, He, Ge, E, be, Re, Be, Ne, j, Ue, W, qe, Xe, $e, ze, Ke, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, Dt, At, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Gt, Ut, Wt, Vt, Zt, Yt, qt, Xt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo;
                 return [
                   s("div", On, m(t.$t("weather.atmospheric")), 1),
-                  s("div", Bn, m((Fe = (te = (G = a.models) == null ? void 0 : G.weather) == null ? void 0 : te.NOAA) == null ? void 0 : Fe.source) + " " + m((Se = (ge = (Ie = a.models) == null ? void 0 : Ie.weather) == null ? void 0 : ge.NOAA) == null ? void 0 : Se.spatialResolution) + m(t.$t("units.km")) + " " + m((le = (oe = (fe = (U = a.models) == null ? void 0 : U.weather) == null ? void 0 : fe.NOAA) == null ? void 0 : oe.meta) == null ? void 0 : le.days) + m(t.$t("units.days")), 1),
+                  s("div", Bn, m((Fe = (te = (G = a.models) == null ? void 0 : G.weather) == null ? void 0 : te.NOAA) == null ? void 0 : Fe.source) + " " + m((Ie = (ge = (Ae = a.models) == null ? void 0 : Ae.weather) == null ? void 0 : ge.NOAA) == null ? void 0 : Ie.spatialResolution) + m(t.$t("units.km")) + " " + m((re = (oe = (fe = (U = a.models) == null ? void 0 : U.weather) == null ? void 0 : fe.NOAA) == null ? void 0 : oe.meta) == null ? void 0 : re.days) + m(t.$t("units.days")), 1),
                   s("div", Nn, m(t.$t("weather.source")) + ": NOAA", 1),
-                  s("div", En, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((N = (Ge = (He = (Oe = a.models) == null ? void 0 : Oe.weather) == null ? void 0 : He.NOAA) == null ? void 0 : Ge.meta) == null ? void 0 : N.availabilityTime)), 1),
-                  s("div", jn, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((Ne = (Be = (De = (we = a.models) == null ? void 0 : we.weather) == null ? void 0 : De.NOAA) == null ? void 0 : Be.meta) == null ? void 0 : Ne.initialisationTime)), 1),
-                  s("div", Fn, m((W = (Ue = (E = a.models) == null ? void 0 : E.weather) == null ? void 0 : Ue.ECMWF) == null ? void 0 : W.source) + " " + m(($e = (Xe = (qe = a.models) == null ? void 0 : qe.weather) == null ? void 0 : Xe.ECMWF) == null ? void 0 : $e.spatialResolution) + m(t.$t("units.km")) + " " + m((Qe = (Je = (Ke = (ze = a.models) == null ? void 0 : ze.weather) == null ? void 0 : Ke.ECMWF) == null ? void 0 : Je.meta) == null ? void 0 : Qe.days) + m(t.$t("units.days")), 1),
+                  s("div", En, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((E = (Ge = (He = (Oe = a.models) == null ? void 0 : Oe.weather) == null ? void 0 : He.NOAA) == null ? void 0 : Ge.meta) == null ? void 0 : E.availabilityTime)), 1),
+                  s("div", jn, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((Ne = (Be = (Re = (be = a.models) == null ? void 0 : be.weather) == null ? void 0 : Re.NOAA) == null ? void 0 : Be.meta) == null ? void 0 : Ne.initialisationTime)), 1),
+                  s("div", Fn, m((W = (Ue = (j = a.models) == null ? void 0 : j.weather) == null ? void 0 : Ue.ECMWF) == null ? void 0 : W.source) + " " + m(($e = (Xe = (qe = a.models) == null ? void 0 : qe.weather) == null ? void 0 : Xe.ECMWF) == null ? void 0 : $e.spatialResolution) + m(t.$t("units.km")) + " " + m((Qe = (Je = (Ke = (ze = a.models) == null ? void 0 : ze.weather) == null ? void 0 : Ke.ECMWF) == null ? void 0 : Je.meta) == null ? void 0 : Qe.days) + m(t.$t("units.days")), 1),
                   s("div", Hn, m(t.$t("weather.source")) + ": ECMWF", 1),
                   s("div", Gn, m(t.$t("weather.lastUpdate")) + ": " + m(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", Un, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((lt = (st = (rt = (it = a.models) == null ? void 0 : it.weather) == null ? void 0 : rt.ECMWF) == null ? void 0 : st.meta) == null ? void 0 : lt.initialisationTime)), 1),
@@ -8775,110 +8787,110 @@ function ic(t, e, o, i, a, r) {
         })
       ], 2)
     ], 6),
-    o.map ? (y(), R(C, B({
+    o.map ? (y(), O(C, N({
       key: 1,
       ref: "windBarb",
       map: o.map,
       "map-feather": o.mapFeather,
       "before-layer": "empty-layer-3",
-      wind: (me = a.weatherLayers) == null ? void 0 : me.wind,
+      wind: (pe = a.weatherLayers) == null ? void 0 : pe.wind,
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : A("", !0),
-    o.map ? (y(), R(k, B({
+    }, t.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : R("", !0),
+    o.map ? (y(), O(k, N({
       key: 2,
       map: o.map,
       "before-layer": "empty-layer-2",
-      "sig-wave-height": (ue = a.weatherLayers) == null ? void 0 : ue["sig-wave-height"],
+      "sig-wave-height": (ie = a.weatherLayers) == null ? void 0 : ie["sig-wave-height"],
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
-    }, t.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : A("", !0),
-    o.map ? (y(), R(z, B({
+    }, t.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : R("", !0),
+    o.map ? (y(), O(z, N({
       key: 3,
       map: o.map,
       "map-feather": o.mapFeather,
       "before-layer": "empty-layer-2",
-      current: (he = a.weatherLayers) == null ? void 0 : he.current,
+      current: (ce = a.weatherLayers) == null ? void 0 : ce.current,
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["map", "map-feather", "current", "menu-toggle"])) : A("", !0),
-    o.map ? (y(), R(T, B({
+    }, t.$attrs), null, 16, ["map", "map-feather", "current", "menu-toggle"])) : R("", !0),
+    o.map ? (y(), O(T, N({
       key: 4,
       map: o.map,
       "before-layer": "empty-layer-2",
-      prmsl: (de = a.weatherLayers) == null ? void 0 : de.prmsl,
+      prmsl: (ue = a.weatherLayers) == null ? void 0 : ue.prmsl,
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
-    }, t.$attrs, { theme: o.theme }), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers", "theme"])) : A("", !0),
-    o.map ? (y(), R(v, B({
+    }, t.$attrs, { theme: o.theme }), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers", "theme"])) : R("", !0),
+    o.map ? (y(), O(v, N({
       key: 5,
       viewport: a.viewport,
-      factor: (Y = a.weatherLayers) == null ? void 0 : Y["wind-particle"],
+      factor: (me = a.weatherLayers) == null ? void 0 : me["wind-particle"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
-    o.map ? (y(), R(D, B({
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : R("", !0),
+    o.map ? (y(), O(D, N({
       key: 6,
       viewport: a.viewport,
-      factor: (re = a.weatherLayers) == null ? void 0 : re["current-particle"],
+      factor: (he = a.weatherLayers) == null ? void 0 : he["current-particle"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
-    o.map ? (y(), R(j, B({
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : R("", !0),
+    o.map ? (y(), O(F, N({
       key: 7,
       viewport: a.viewport,
-      factor: (F = a.weatherLayers) == null ? void 0 : F["sig-wave"],
+      factor: (A = a.weatherLayers) == null ? void 0 : A["sig-wave"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
-    o.map ? (y(), R(V, B({
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : R("", !0),
+    o.map ? (y(), O(V, N({
       key: 8,
       map: o.map,
       viewport: a.viewport,
-      factor: (se = a.weatherLayers) == null ? void 0 : se.swell,
+      factor: (ee = a.weatherLayers) == null ? void 0 : ee.swell,
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
-    }, t.$attrs), null, 16, ["map", "viewport", "factor", "menu-toggle", "active-weather-layers"])) : A("", !0),
-    o.map ? (y(), R(q, B({
+    }, t.$attrs), null, 16, ["map", "viewport", "factor", "menu-toggle", "active-weather-layers"])) : R("", !0),
+    o.map ? (y(), O(Y, N({
       key: 9,
       viewport: a.viewport,
       factor: (ye = a.weatherLayers) == null ? void 0 : ye["ice-edge"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
-    o.map ? (y(), R(Z, B({
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : R("", !0),
+    o.map ? (y(), O(Z, N({
       key: 10,
       viewport: a.viewport,
-      factor: (ve = a.weatherLayers) == null ? void 0 : ve["ice-cover"],
+      factor: (xe = a.weatherLayers) == null ? void 0 : xe["ice-cover"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
-    o.map ? (y(), R(Q, B({
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : R("", !0),
+    o.map ? (y(), O(J, N({
       key: 11,
       viewport: a.viewport,
-      factor: (be = a.weatherLayers) == null ? void 0 : be["ice-thickness"],
+      factor: (Le = a.weatherLayers) == null ? void 0 : Le["ice-thickness"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
-    o.map ? (y(), R(ee, B({
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : R("", !0),
+    o.map ? (y(), O(Q, N({
       key: 12,
       viewport: a.viewport,
-      factor: (Te = a.weatherLayers) == null ? void 0 : Te.precip3h,
+      factor: (Pe = a.weatherLayers) == null ? void 0 : Pe.precip3h,
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
-    o.map ? (y(), R(J, B({
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : R("", !0),
+    o.map ? (y(), O(K, N({
       key: 13,
       viewport: a.viewport,
-      factor: (Ae = a.weatherLayers) == null ? void 0 : Ae.visibility,
+      factor: (ve = a.weatherLayers) == null ? void 0 : ve.visibility,
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
-    o.map ? (y(), R(ne, B({
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : R("", !0),
+    o.map ? (y(), O(se, N({
       key: 14,
       viewport: a.viewport,
-      factor: (Re = a.weatherLayers) == null ? void 0 : Re["water-temp"],
+      factor: (Me = a.weatherLayers) == null ? void 0 : Me["water-temp"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
-    o.map ? (y(), R(ie, B({
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : R("", !0),
+    o.map ? (y(), O(le, N({
       key: 15,
       viewport: a.viewport,
-      factor: (Le = a.weatherLayers) == null ? void 0 : Le.temp,
+      factor: (Ce = a.weatherLayers) == null ? void 0 : Ce.temp,
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0)
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : R("", !0)
   ]);
 }
-const rc = /* @__PURE__ */ X(wn, [["render", ic]]), Lo = [
+const rc = /* @__PURE__ */ q(wn, [["render", ic]]), Lo = [
   {
     rank: 0,
     name: "Best Match",
@@ -9225,91 +9237,91 @@ class Ya {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, l, c, n, u, d, b, w, L, g, _, P, O, I, C, k, z, T, v, D, j, V, q, Z, Q, ee, J, ne, ie, me, ue, he, de, Y, re, F, se, ye, ve, be, Te, Ae, Re, Le, G, te, Fe, Ie, ge, Se;
-    const U = typeof o == "string" ? S(o) : o, fe = e == null ? void 0 : e.weather, oe = e == null ? void 0 : e.marine, le = S((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), Oe = le.clone().add((c = (l = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : l.time) == null ? void 0 : c.at(0), "h"), He = le.clone().add((d = (u = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : u.time) == null ? void 0 : d.at(-1), "h"), Ge = [];
+    var i, a, r, l, c, n, u, d, b, w, L, g, _, P, B, I, C, k, z, T, v, D, F, V, Y, Z, J, Q, K, se, le, pe, ie, ce, ue, me, he, A, ee, ye, xe, Le, Pe, ve, Me, Ce, G, te, Fe, Ae, ge, Ie;
+    const U = typeof o == "string" ? S(o) : o, fe = e == null ? void 0 : e.weather, oe = e == null ? void 0 : e.marine, re = S((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), Oe = re.clone().add((c = (l = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : l.time) == null ? void 0 : c.at(0), "h"), He = re.clone().add((d = (u = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : u.time) == null ? void 0 : d.at(-1), "h"), Ge = [];
     if (U.isBetween(Oe, He, "millisecond", "[]")) {
-      const N = U.utc().diff(Oe, "h", !1);
-      let we, De;
+      const E = U.utc().diff(Oe, "h", !1);
+      let be, Re;
       if (fe) {
-        let Be = 0, Ne = 0, E = 0;
+        let Be = 0, Ne = 0, j = 0;
         for (const Ue of fe) {
           const W = Ue == null ? void 0 : Ue.hourly;
-          for (let ze = N - (N - 1) % 3; ze <= N; ze++)
+          for (let ze = E - (E - 1) % 3; ze <= E; ze++)
             Be += (b = W == null ? void 0 : W.precipitation) == null ? void 0 : b.at(ze);
-          for (let ze = N - (N - 1) % 6; ze <= N; ze++)
+          for (let ze = E - (E - 1) % 6; ze <= E; ze++)
             Ne += (w = W == null ? void 0 : W.precipitation) == null ? void 0 : w.at(ze);
-          for (let ze = N - (N - 1) % 12; ze <= N; ze++)
-            E += (L = W == null ? void 0 : W.precipitation) == null ? void 0 : L.at(ze);
-          we = {
-            temp: (g = W == null ? void 0 : W.temperature_2m) == null ? void 0 : g.at(N),
-            apparentTemp: (_ = W == null ? void 0 : W.apparent_temperature) == null ? void 0 : _.at(N),
-            rh: (P = W == null ? void 0 : W.relative_humidity_2m) == null ? void 0 : P.at(N),
-            dp: (O = W == null ? void 0 : W.dew_point_2m) == null ? void 0 : O.at(N),
+          for (let ze = E - (E - 1) % 12; ze <= E; ze++)
+            j += (L = W == null ? void 0 : W.precipitation) == null ? void 0 : L.at(ze);
+          be = {
+            temp: (g = W == null ? void 0 : W.temperature_2m) == null ? void 0 : g.at(E),
+            apparentTemp: (_ = W == null ? void 0 : W.apparent_temperature) == null ? void 0 : _.at(E),
+            rh: (P = W == null ? void 0 : W.relative_humidity_2m) == null ? void 0 : P.at(E),
+            dp: (B = W == null ? void 0 : W.dew_point_2m) == null ? void 0 : B.at(E),
             precip: {
-              probability: (I = W == null ? void 0 : W.precipitation_probability) == null ? void 0 : I.at(N),
-              sum: (C = W == null ? void 0 : W.precipitation) == null ? void 0 : C.at(N),
-              sum1Hours: (k = W == null ? void 0 : W.precipitation) == null ? void 0 : k.at(N),
+              probability: (I = W == null ? void 0 : W.precipitation_probability) == null ? void 0 : I.at(E),
+              sum: (C = W == null ? void 0 : W.precipitation) == null ? void 0 : C.at(E),
+              sum1Hours: (k = W == null ? void 0 : W.precipitation) == null ? void 0 : k.at(E),
               sum3Hours: Math.round(Be * 100) / 100,
               sum6Hours: Math.round(Ne * 100) / 100,
-              sum12Hours: Math.round(E * 100) / 100
+              sum12Hours: Math.round(j * 100) / 100
             },
-            pmsl: (z = W == null ? void 0 : W.pressure_msl) == null ? void 0 : z.at(N),
-            psurf: (T = W == null ? void 0 : W.surface_pressure) == null ? void 0 : T.at(N),
-            code: (v = W == null ? void 0 : W.weather_code) == null ? void 0 : v.at(N),
-            visibility: this.m2nm((D = W == null ? void 0 : W.visibility) == null ? void 0 : D.at(N)),
+            pmsl: (z = W == null ? void 0 : W.pressure_msl) == null ? void 0 : z.at(E),
+            psurf: (T = W == null ? void 0 : W.surface_pressure) == null ? void 0 : T.at(E),
+            code: (v = W == null ? void 0 : W.weather_code) == null ? void 0 : v.at(E),
+            visibility: this.m2nm((D = W == null ? void 0 : W.visibility) == null ? void 0 : D.at(E)),
             wind: {
-              speed: (j = W == null ? void 0 : W.wind_speed_10m) == null ? void 0 : j.at(N),
-              kts: (V = W == null ? void 0 : W.wind_speed_10m) == null ? void 0 : V.at(N),
-              degree: (q = W == null ? void 0 : W.wind_direction_10m) == null ? void 0 : q.at(N),
-              bearing: ((Z = W == null ? void 0 : W.wind_direction_10m) == null ? void 0 : Z.at(N)) !== null ? (((Q = W == null ? void 0 : W.wind_direction_10m) == null ? void 0 : Q.at(N)) + 180) % 360 : null,
-              gusts: (ee = W == null ? void 0 : W.wind_gusts_10m) == null ? void 0 : ee.at(N)
+              speed: (F = W == null ? void 0 : W.wind_speed_10m) == null ? void 0 : F.at(E),
+              kts: (V = W == null ? void 0 : W.wind_speed_10m) == null ? void 0 : V.at(E),
+              degree: (Y = W == null ? void 0 : W.wind_direction_10m) == null ? void 0 : Y.at(E),
+              bearing: ((Z = W == null ? void 0 : W.wind_direction_10m) == null ? void 0 : Z.at(E)) !== null ? (((J = W == null ? void 0 : W.wind_direction_10m) == null ? void 0 : J.at(E)) + 180) % 360 : null,
+              gusts: (Q = W == null ? void 0 : W.wind_gusts_10m) == null ? void 0 : Q.at(E)
             },
-            isDay: (J = W == null ? void 0 : W.is_day) == null ? void 0 : J.at(N)
+            isDay: (K = W == null ? void 0 : W.is_day) == null ? void 0 : K.at(E)
           };
-          const { name: qe, url: Xe, bg: $e } = this.parseWeatherCode(we.code, we.isDay);
-          we.name = qe, we.url = Xe, we.bg = $e, we.wind.scale = this.beaufort(this.kts2ms(we.wind.kts)), we.wind.direction = this.degree2Direction(we.wind.degree), Ge.push({
-            utc: Oe.add(N, "h").format(),
+          const { name: qe, url: Xe, bg: $e } = this.parseWeatherCode(be.code, be.isDay);
+          be.name = qe, be.url = Xe, be.bg = $e, be.wind.scale = this.beaufort(this.kts2ms(be.wind.kts)), be.wind.direction = this.degree2Direction(be.wind.degree), Ge.push({
+            utc: Oe.add(E, "h").format(),
             model: Ue.model,
-            weather: { ...we }
+            weather: { ...be }
           });
         }
       }
       if (oe) {
         let Be = 0;
         for (const Ne of oe) {
-          const E = Ne == null ? void 0 : Ne.hourly;
-          De = {
+          const j = Ne == null ? void 0 : Ne.hourly;
+          Re = {
             wave: {
               sig: {
-                height: (ne = E == null ? void 0 : E.wave_height) == null ? void 0 : ne.at(N),
-                degree: (ie = E == null ? void 0 : E.wave_direction) == null ? void 0 : ie.at(N),
-                bearing: ((me = E == null ? void 0 : E.wave_direction) == null ? void 0 : me.at(N)) !== null ? (((ue = E == null ? void 0 : E.wave_direction) == null ? void 0 : ue.at(N)) + 180) % 360 : null,
-                period: (he = E == null ? void 0 : E.wave_period) == null ? void 0 : he.at(N)
+                height: (se = j == null ? void 0 : j.wave_height) == null ? void 0 : se.at(E),
+                degree: (le = j == null ? void 0 : j.wave_direction) == null ? void 0 : le.at(E),
+                bearing: ((pe = j == null ? void 0 : j.wave_direction) == null ? void 0 : pe.at(E)) !== null ? (((ie = j == null ? void 0 : j.wave_direction) == null ? void 0 : ie.at(E)) + 180) % 360 : null,
+                period: (ce = j == null ? void 0 : j.wave_period) == null ? void 0 : ce.at(E)
               },
               swell: {
-                height: (de = E == null ? void 0 : E.swell_wave_height) == null ? void 0 : de.at(N),
-                degree: (Y = E == null ? void 0 : E.swell_wave_direction) == null ? void 0 : Y.at(N),
-                bearing: ((re = E == null ? void 0 : E.swell_wave_direction) == null ? void 0 : re.at(N)) !== null ? (((F = E == null ? void 0 : E.swell_wave_direction) == null ? void 0 : F.at(N)) + 180) % 360 : null,
-                period: (se = E == null ? void 0 : E.swell_wave_period) == null ? void 0 : se.at(N),
-                peakPeriod: (ye = E == null ? void 0 : E.swell_wave_peak_period) == null ? void 0 : ye.at(N)
+                height: (ue = j == null ? void 0 : j.swell_wave_height) == null ? void 0 : ue.at(E),
+                degree: (me = j == null ? void 0 : j.swell_wave_direction) == null ? void 0 : me.at(E),
+                bearing: ((he = j == null ? void 0 : j.swell_wave_direction) == null ? void 0 : he.at(E)) !== null ? (((A = j == null ? void 0 : j.swell_wave_direction) == null ? void 0 : A.at(E)) + 180) % 360 : null,
+                period: (ee = j == null ? void 0 : j.swell_wave_period) == null ? void 0 : ee.at(E),
+                peakPeriod: (ye = j == null ? void 0 : j.swell_wave_peak_period) == null ? void 0 : ye.at(E)
               },
               wd: {
-                height: (ve = E == null ? void 0 : E.wind_wave_height) == null ? void 0 : ve.at(N),
-                degree: (be = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : be.at(N),
-                bearing: ((Te = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : Te.at(N)) !== null ? (((Ae = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : Ae.at(N)) + 180) % 360 : null,
-                period: (Re = E == null ? void 0 : E.wind_wave_period) == null ? void 0 : Re.at(N),
-                peakPeriod: (Le = E == null ? void 0 : E.wind_wave_peak_period) == null ? void 0 : Le.at(N)
+                height: (xe = j == null ? void 0 : j.wind_wave_height) == null ? void 0 : xe.at(E),
+                degree: (Le = j == null ? void 0 : j.wind_wave_direction) == null ? void 0 : Le.at(E),
+                bearing: ((Pe = j == null ? void 0 : j.wind_wave_direction) == null ? void 0 : Pe.at(E)) !== null ? (((ve = j == null ? void 0 : j.wind_wave_direction) == null ? void 0 : ve.at(E)) + 180) % 360 : null,
+                period: (Me = j == null ? void 0 : j.wind_wave_period) == null ? void 0 : Me.at(E),
+                peakPeriod: (Ce = j == null ? void 0 : j.wind_wave_peak_period) == null ? void 0 : Ce.at(E)
               }
             },
             current: {
-              speed: (G = E == null ? void 0 : E.ocean_current_velocity) == null ? void 0 : G.at(N),
-              kts: (te = E == null ? void 0 : E.ocean_current_velocity) == null ? void 0 : te.at(N),
-              degree: (Fe = E == null ? void 0 : E.ocean_current_direction) == null ? void 0 : Fe.at(N),
-              bearing: ((Ie = E == null ? void 0 : E.ocean_current_direction) == null ? void 0 : Ie.at(N)) ?? null
-            },
-            sst: (ge = E == null ? void 0 : E.sea_surface_temperature) == null ? void 0 : ge.at(N),
-            height: (Se = E == null ? void 0 : E.sea_level_height_msl) == null ? void 0 : Se.at(N)
-          }, De.wave = this.parseWave(De.wave, we == null ? void 0 : we.wind), De.current.direction = this.degree2Direction(De.current.degree), Object.assign(Ge[Be], De), Be++;
+              speed: (G = j == null ? void 0 : j.ocean_current_velocity) == null ? void 0 : G.at(E),
+              kts: (te = j == null ? void 0 : j.ocean_current_velocity) == null ? void 0 : te.at(E),
+              degree: (Fe = j == null ? void 0 : j.ocean_current_direction) == null ? void 0 : Fe.at(E),
+              bearing: ((Ae = j == null ? void 0 : j.ocean_current_direction) == null ? void 0 : Ae.at(E)) ?? null
+            },
+            sst: (ge = j == null ? void 0 : j.sea_surface_temperature) == null ? void 0 : ge.at(E),
+            height: (Ie = j == null ? void 0 : j.sea_level_height_msl) == null ? void 0 : Ie.at(E)
+          }, Re.wave = this.parseWave(Re.wave, be == null ? void 0 : be.wind), Re.current.direction = this.degree2Direction(Re.current.degree), Object.assign(Ge[Be], Re), Be++;
         }
       }
     }
@@ -9338,13 +9350,13 @@ class Ya {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, l, c, n, u, d, b, w, L, g, _, P, O, I, C, k, z, T, v, D, j, V, q, Z, Q, ee, J, ne, ie, me, ue, he, de, Y, re, F, se, ye, ve, be, Te, Ae;
-    const Re = typeof o == "string" ? S(o) : o, Le = e == null ? void 0 : e.weather, G = e == null ? void 0 : e.marine, te = S((r = (a = (i = Le == null ? void 0 : Le[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), Fe = S((n = (c = (l = Le == null ? void 0 : Le[0]) == null ? void 0 : l.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Ie = [];
-    if (Re.isBetween(te, Fe, "millisecond", "[]")) {
-      let ge, Se;
-      const U = Re.diff(te, "d", !1);
-      if (Le)
-        for (const fe of Le) {
+    var i, a, r, l, c, n, u, d, b, w, L, g, _, P, B, I, C, k, z, T, v, D, F, V, Y, Z, J, Q, K, se, le, pe, ie, ce, ue, me, he, A, ee, ye, xe, Le, Pe, ve;
+    const Me = typeof o == "string" ? S(o) : o, Ce = e == null ? void 0 : e.weather, G = e == null ? void 0 : e.marine, te = 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)), Fe = S((n = (c = (l = Ce == null ? void 0 : Ce[0]) == null ? void 0 : l.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Ae = [];
+    if (Me.isBetween(te, Fe, "millisecond", "[]")) {
+      let ge, Ie;
+      const U = Me.diff(te, "d", !1);
+      if (Ce)
+        for (const fe of Ce) {
           const oe = fe.daily;
           ge = {
             code: (u = oe.weather_code) == null ? void 0 : u.at(U),
@@ -9360,7 +9372,7 @@ class Ya {
             precip: {
               sum: (_ = oe.precipitation_sum) == null ? void 0 : _.at(U),
               rainSum: (P = oe.rain_sum) == null ? void 0 : P.at(U),
-              snowfallSum: (O = oe.snowfall_sum) == null ? void 0 : O.at(U),
+              snowfallSum: (B = oe.snowfall_sum) == null ? void 0 : B.at(U),
               showersSum: (I = oe.showers_sum) == null ? void 0 : I.at(U),
               hours: (C = oe.precipitation_hours) == null ? void 0 : C.at(U),
               probability: (k = oe.precipitation_probability_max) == null ? void 0 : k.at(U)
@@ -9372,14 +9384,14 @@ class Ya {
             },
             wind: {
               speed: (D = oe.wind_speed_10m_max) == null ? void 0 : D.at(U),
-              kts: (j = oe.wind_speed_10m_max) == null ? void 0 : j.at(U),
+              kts: (F = oe.wind_speed_10m_max) == null ? void 0 : F.at(U),
               degree: (V = oe.wind_direction_10m_dominant) == null ? void 0 : V.at(U),
-              gusts: (q = oe.wind_gusts_10m_max) == null ? void 0 : q.at(U),
-              bearing: ((Z = oe.wind_direction_10m_dominant) == null ? void 0 : Z.at(U)) !== null ? (((Q = oe.wind_direction_10m_dominant) == null ? void 0 : Q.at(U)) + 180) % 360 : null
+              gusts: (Y = oe.wind_gusts_10m_max) == null ? void 0 : Y.at(U),
+              bearing: ((Z = oe.wind_direction_10m_dominant) == null ? void 0 : Z.at(U)) !== null ? (((J = oe.wind_direction_10m_dominant) == null ? void 0 : J.at(U)) + 180) % 360 : null
             }
           };
-          const { name: le, url: Oe, bg: He } = this.parseWeatherCode(ge.code, !0);
-          ge.name = le, ge.url = Oe, ge.bg = He, ge.wind.scale = this.beaufort(this.kts2ms(ge.wind.kts)), ge.wind.direction = this.degree2Direction(ge.wind.degree), Ie.push({
+          const { name: re, url: Oe, bg: He } = this.parseWeatherCode(ge.code, !0);
+          ge.name = re, ge.url = Oe, ge.bg = He, ge.wind.scale = this.beaufort(this.kts2ms(ge.wind.kts)), ge.wind.direction = this.degree2Direction(ge.wind.degree), Ae.push({
             utc: te.add(U, "d").utc().format(),
             model: fe.model,
             weather: { ...ge }
@@ -9388,36 +9400,36 @@ class Ya {
       if (G) {
         let fe = 0;
         for (const oe of G) {
-          const le = oe.daily;
-          Se = {
+          const re = oe.daily;
+          Ie = {
             wave: {
               sig: {
-                height: (ee = le.wave_height_max) == null ? void 0 : ee.at(U),
-                degree: (J = le.wave_direction_dominant) == null ? void 0 : J.at(U),
-                period: (ne = le.wave_period_max) == null ? void 0 : ne.at(U),
-                bearing: ((ie = le.wave_direction_dominant) == null ? void 0 : ie.at(U)) !== null ? (((me = le.wave_direction_dominant) == null ? void 0 : me.at(U)) + 180) % 360 : null
+                height: (Q = re.wave_height_max) == null ? void 0 : Q.at(U),
+                degree: (K = re.wave_direction_dominant) == null ? void 0 : K.at(U),
+                period: (se = re.wave_period_max) == null ? void 0 : se.at(U),
+                bearing: ((le = re.wave_direction_dominant) == null ? void 0 : le.at(U)) !== null ? (((pe = re.wave_direction_dominant) == null ? void 0 : pe.at(U)) + 180) % 360 : null
               },
               swell: {
-                height: (ue = le.swell_wave_height_max) == null ? void 0 : ue.at(U),
-                degree: (he = le.swell_wave_direction_dominant) == null ? void 0 : he.at(U),
-                period: (de = le.swell_wave_period_max) == null ? void 0 : de.at(U),
-                peakPeriod: (Y = le.swell_wave_peak_period_max) == null ? void 0 : Y.at(U),
+                height: (ie = re.swell_wave_height_max) == null ? void 0 : ie.at(U),
+                degree: (ce = re.swell_wave_direction_dominant) == null ? void 0 : ce.at(U),
+                period: (ue = re.swell_wave_period_max) == null ? void 0 : ue.at(U),
+                peakPeriod: (me = re.swell_wave_peak_period_max) == null ? void 0 : me.at(U),
                 // bearing: daily.swell_wave_direction_dominant?.at(day) !== null ? (daily.swell_wave_direction_dominant?.at(day) + 180) % 360 : null,
-                bearing: ((re = le.swell_wave_direction_dominant) == null ? void 0 : re.at(U)) !== null ? ((F = le.swell_wave_direction_dominant) == null ? void 0 : F.at(U)) % 360 : null
+                bearing: ((he = re.swell_wave_direction_dominant) == null ? void 0 : he.at(U)) !== null ? ((A = re.swell_wave_direction_dominant) == null ? void 0 : A.at(U)) % 360 : null
               },
               wd: {
-                height: (se = le.wind_wave_height_max) == null ? void 0 : se.at(U),
-                degree: (ye = le.wind_wave_direction_dominant) == null ? void 0 : ye.at(U),
-                period: (ve = le.wind_wave_period_max) == null ? void 0 : ve.at(U),
-                peakPeriod: (be = le.wind_wave_peak_period_max) == null ? void 0 : be.at(U),
-                bearing: ((Te = le.wind_wave_direction_dominant) == null ? void 0 : Te.at(U)) !== null ? (((Ae = le.wind_wave_direction_dominant) == null ? void 0 : Ae.at(U)) + 180) % 360 : null
+                height: (ee = re.wind_wave_height_max) == null ? void 0 : ee.at(U),
+                degree: (ye = re.wind_wave_direction_dominant) == null ? void 0 : ye.at(U),
+                period: (xe = re.wind_wave_period_max) == null ? void 0 : xe.at(U),
+                peakPeriod: (Le = re.wind_wave_peak_period_max) == null ? void 0 : Le.at(U),
+                bearing: ((Pe = re.wind_wave_direction_dominant) == null ? void 0 : Pe.at(U)) !== null ? (((ve = re.wind_wave_direction_dominant) == null ? void 0 : ve.at(U)) + 180) % 360 : null
               }
             }
-          }, Se.wave = this.parseWave(Se.wave, ge == null ? void 0 : ge.wind), Object.assign(Ie[fe], Se), fe++;
+          }, Ie.wave = this.parseWave(Ie.wave, ge == null ? void 0 : ge.wind), Object.assign(Ae[fe], Ie), fe++;
         }
       }
     }
-    return Ie;
+    return Ae;
   }
   static parseWave(e, o) {
     if (e.sig.direction = this.degree2Direction(e.sig.degree), e.swell.direction = this.degree2Direction(e.swell.degree), e.wd.direction = this.degree2Direction(e.wd.degree), e.sig.scale = this.douglas(e.sig.height), e.swell.scale = this.douglas(e.swell.height), e.wd.scale = this.douglas(e.wd.height), e.sig.height === 0) {
@@ -9834,6 +9846,10 @@ const sc = {
       type: Number,
       default: 60
     },
+    paddingTop: {
+      type: Number,
+      default: 48
+    },
     menuToggle: {
       type: Object,
       default: {}
@@ -9867,7 +9883,7 @@ const sc = {
   },
   emits: ["tropical", "tropicalCenterPoints", "tropicalProbability", "tropicalNotification"],
   setup() {
-    return { Theme: Ce() };
+    return { Theme: Se() };
   },
   data() {
     return {
@@ -9954,7 +9970,7 @@ const sc = {
       };
     },
     computePosition() {
-      return (t) => !t || t.lng === null || t.lng === void 0 || isNaN(t.lng) || t.lat === null || t.lat === void 0 || isNaN(t.lat) ? "-" : $.lat2pretty(t == null ? void 0 : t.lat, 2).pretty + " / " + $.lng2pretty(t == null ? void 0 : t.lng, 2).pretty;
+      return (t) => !t || t.lng === null || t.lng === void 0 || isNaN(t.lng) || t.lat === null || t.lat === void 0 || isNaN(t.lat) ? "-" : X.lat2pretty(t == null ? void 0 : t.lat, 2).pretty + " / " + X.lng2pretty(t == null ? void 0 : t.lng, 2).pretty;
     }
   },
   watch: {
@@ -10011,14 +10027,14 @@ const sc = {
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, o = 0, i = (a = To.WEATHER_LAYERS.find((c) => c.key === "tropicals")) == null ? void 0 : a.weight;
       if (i > 0) {
-        const c = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], n = await Me.get(`${c}/api/arc/weather/layers2/links?l=${i}&v=${this.forecastModel}&t=${this.realTime}`, {
+        const c = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], n = await De.get(`${c}/api/arc/weather/layers2/links?l=${i}&v=${this.forecastModel}&t=${this.realTime}`, {
           headers: {
             Authorization: this.defaultMeteoToken
           }
         });
         if (o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("weather links elapsed: ", o, ", total: ", e += o), ((r = n == null ? void 0 : n.data) == null ? void 0 : r.code) === 0) {
           const u = (l = n == null ? void 0 : n.data) == null ? void 0 : l.data;
-          await Me.get(u.tropicals, {
+          await De.get(u.tropicals, {
             headers: {
               Authorization: this.defaultMeteoToken,
               key: "tropicals"
@@ -10045,7 +10061,7 @@ const sc = {
     handleRefresh() {
       var e, o;
       (((o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) || []).forEach((i) => {
-        var a, r, l, c, n, u, d, b, w, L, g, _, P, O, I, C, k, z, T, v;
+        var a, r, l, c, n, u, d, b, w, L, g, _, P, B, I, C, k, z, T, v;
         if (((a = i.geometry) == null ? void 0 : a.type) === "Point") {
           let D = "";
           switch (!0) {
@@ -10073,7 +10089,7 @@ const sc = {
           }
           i.properties.level = D;
         }
-        ((O = i.geometry) == null ? void 0 : O.type) === "Point" && ((I = i.properties) != null && I.important) && (i.properties.format = (k = (C = S(i.properties.date)) == null ? void 0 : C.utcOffset(this.timeZone)) == null ? void 0 : k.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`)), ((z = i.geometry) == null ? void 0 : z.type) === "Point" && (i.properties.Name = ((v = (T = i.properties.name) == null ? void 0 : T.trim()) == null ? void 0 : v.replace(/^./, (D) => D.toUpperCase())) || i.properties.nameCn, i.properties.nameCn = i.properties.nameCn || i.properties.Name || "-");
+        ((B = i.geometry) == null ? void 0 : B.type) === "Point" && ((I = i.properties) != null && I.important) && (i.properties.format = (k = (C = S(i.properties.date)) == null ? void 0 : C.utcOffset(this.timeZone)) == null ? void 0 : k.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`)), ((z = i.geometry) == null ? void 0 : z.type) === "Point" && (i.properties.Name = ((v = (T = i.properties.name) == null ? void 0 : T.trim()) == null ? void 0 : v.replace(/^./, (D) => D.toUpperCase())) || i.properties.nameCn, i.properties.nameCn = i.properties.nameCn || i.properties.Name || "-");
       }), this.handleInit();
     },
     handleInit() {
@@ -10292,14 +10308,14 @@ const sc = {
       this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (t = this.interpolateMarkers) == null || t.forEach((a) => a == null ? void 0 : a.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource)), (e = this.map) == null || e.off("click", this.clickLayers, this.handleClick), (o = this.map) == null || o.off("mousemove", this.hoverLayers, this.handleHover), (i = this.map) == null || i.off("mouseleave", this.hoverLayers, this.handleLeave), this.handleCloseInfoMarker();
     },
     handleDateChange() {
-      var t, e, o, i, a, r, l, c, n, u, d, b, w, L, g, _, P, O, I, C, k, z, T, v, D, j, V, q, Z, Q, ee, J, ne;
+      var t, e, o, i, a, r, l, c, n, u, d, b, w, L, g, _, P, B, I, C, k, z, T, v, D, F, V, Y, Z, J, Q, K, se, le, pe;
       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((Y) => Y.properties.date === (ie == null ? void 0 : ie.format()) && !Y.properties.disabled), ue = this.handleComputePolygons(me), he = H.featureCollection([...me]);
-        ue.forEach((Y) => {
-          he.features.push(Y);
-        }), (o = this.map) != null && o.getSource(this.interpolateSource) ? (i = this.map) == null || i.getSource(this.interpolateSource).setData(he) : ((a = this.map) == null || a.addSource(this.interpolateSource, {
+        const ie = S(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), ce = this.interpolateData.filter((A) => A.properties.date === (ie == null ? void 0 : ie.format()) && !A.properties.disabled), ue = this.handleComputePolygons(ce), me = H.featureCollection([...ce]);
+        ue.forEach((A) => {
+          me.features.push(A);
+        }), (o = this.map) != null && o.getSource(this.interpolateSource) ? (i = this.map) == null || i.getSource(this.interpolateSource).setData(me) : ((a = this.map) == null || a.addSource(this.interpolateSource, {
           type: "geojson",
-          data: he
+          data: me
         }), (r = this.map) == null || r.addLayer({
           id: this.interpolateLineLayer,
           type: "line",
@@ -10319,28 +10335,28 @@ const sc = {
             "line-width": 1
           }
         }, "empty-layer-3")), this.interpolateMarkers = [];
-        const de = [];
-        for (const Y of me)
-          if (!Y.properties.disabled) {
-            if (!de.some((ve) => {
-              var be;
-              return ve.properties.name === ((be = Y.properties) == null ? void 0 : be.name);
+        const he = [];
+        for (const A of ce)
+          if (!A.properties.disabled) {
+            if (!he.some((Pe) => {
+              var ve;
+              return Pe.properties.name === ((ve = A.properties) == null ? void 0 : ve.name);
             })) {
-              const ve = ((c = (l = this.tropicals.data.features.find((be) => {
-                var Te;
-                return be.properties.name === ((Te = Y.properties) == null ? void 0 : Te.name);
-              })) == null ? void 0 : l.properties) == null ? void 0 : c.nameCn) || ((n = Y.properties) == null ? void 0 : n.Name) || "-";
-              Y.properties.nameCn = ve, Y.properties.Name = Y.properties.Name, de.push(Y);
+              const Pe = ((c = (l = this.tropicals.data.features.find((ve) => {
+                var Me;
+                return ve.properties.name === ((Me = A.properties) == null ? void 0 : Me.name);
+              })) == null ? void 0 : l.properties) == null ? void 0 : c.nameCn) || ((n = A.properties) == null ? void 0 : n.Name) || "-";
+              A.properties.nameCn = Pe, A.properties.Name = ((d = (u = A.properties.name) == null ? void 0 : u.trim()) == null ? void 0 : d.replace(/^./, (ve) => ve.toUpperCase())) || A.properties.nameCn, he.push(A);
             }
-            let re = this.Theme.current.value.colors["tropicals-ty"];
-            ((d = (u = Y.properties) == null ? void 0 : u.wind) == null ? void 0 : d.kts) < 32 || !((w = (b = Y.properties) == null ? void 0 : b.wind) != null && w.kts) ? re = this.Theme.current.value.colors["tropicals-td"] : ((g = (L = Y.properties) == null ? void 0 : L.wind) == null ? void 0 : g.kts) >= 32 && ((P = (_ = Y.properties) == null ? void 0 : _.wind) == null ? void 0 : P.kts) < 47 ? re = this.Theme.current.value.colors["tropicals-ts"] : ((I = (O = Y.properties) == null ? void 0 : O.wind) == null ? void 0 : I.kts) >= 47 && ((k = (C = Y.properties) == null ? void 0 : C.wind) == null ? void 0 : k.kts) < 63 ? re = this.Theme.current.value.colors["tropicals-sts"] : ((T = (z = Y.properties) == null ? void 0 : z.wind) == null ? void 0 : T.kts) >= 63 && ((D = (v = Y.properties) == null ? void 0 : v.wind) == null ? void 0 : D.kts) < 79 ? re = this.Theme.current.value.colors["tropicals-ty"] : ((V = (j = Y.properties) == null ? void 0 : j.wind) == null ? void 0 : V.kts) >= 79 && ((Z = (q = Y.properties) == null ? void 0 : q.wind) == null ? void 0 : Z.kts) < 94 ? re = this.Theme.current.value.colors["tropicals-sty"] : ((ee = (Q = Y.properties) == null ? void 0 : Q.wind) == null ? void 0 : ee.kts) >= 94 ? re = this.Theme.current.value.colors["tropicals-super-ty"] : re = this.Theme.current.value.colors["tropicals-ty"];
-            const F = `<svg t="1719918955501"
+            let ee = this.Theme.current.value.colors["tropicals-ty"];
+            ((w = (b = A.properties) == null ? void 0 : b.wind) == null ? void 0 : w.kts) < 32 || !((g = (L = A.properties) == null ? void 0 : L.wind) != null && g.kts) ? ee = this.Theme.current.value.colors["tropicals-td"] : ((P = (_ = A.properties) == null ? void 0 : _.wind) == null ? void 0 : P.kts) >= 32 && ((I = (B = A.properties) == null ? void 0 : B.wind) == null ? void 0 : I.kts) < 47 ? ee = this.Theme.current.value.colors["tropicals-ts"] : ((k = (C = A.properties) == null ? void 0 : C.wind) == null ? void 0 : k.kts) >= 47 && ((T = (z = A.properties) == null ? void 0 : z.wind) == null ? void 0 : T.kts) < 63 ? ee = this.Theme.current.value.colors["tropicals-sts"] : ((D = (v = A.properties) == null ? void 0 : v.wind) == null ? void 0 : D.kts) >= 63 && ((V = (F = A.properties) == null ? void 0 : F.wind) == null ? void 0 : V.kts) < 79 ? ee = this.Theme.current.value.colors["tropicals-ty"] : ((Z = (Y = A.properties) == null ? void 0 : Y.wind) == null ? void 0 : Z.kts) >= 79 && ((Q = (J = A.properties) == null ? void 0 : J.wind) == null ? void 0 : Q.kts) < 94 ? ee = this.Theme.current.value.colors["tropicals-sty"] : ((se = (K = A.properties) == null ? void 0 : K.wind) == null ? void 0 : se.kts) >= 94 ? ee = this.Theme.current.value.colors["tropicals-super-ty"] : ee = this.Theme.current.value.colors["tropicals-ty"];
+            const ye = `<svg t="1719918955501"
                           	class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg" p-id="18382"
                           	xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
                           	<path
                           		d="M515.17000001 169.34666667c41-77.73 95.33-96 95.33-96-240 0-434.5 194.53-434.5 434.5 0 186.47 150.78 337.7 337.06 338.48C472.11000001 923.66666667 418.00000001 941.83666667 418.00000001 941.83666667c240 0 434.5-194.54 434.5-434.5l0.5 0.5C853.00000001 321.10666667 701.81000001 169.66666667 515.17000001 169.34666667z m-0.67 468A129.5 129.5 0 1 1 644.00000001 507.83666667a129.5 129.5 0 0 1-129.5 129.5z"
-                          		fill="${re}" p-id="18383"></path>
-                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${re}"
+                          		fill="${ee}" p-id="18383"></path>
+                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${ee}"
                           		p-id="18384"></path>
                           	<path
                           		d="M517.16666667 654.67c-80.23 0-145.5-65.27-145.5-145.5s65.27-145.5 145.5-145.5S662.66666667 428.94 662.66666667 509.17s-65.27 145.5-145.5 145.5z m0-259A113.5 113.5 0 1 0 630.66666667 509.17a113.63 113.63 0 0 0-113.5-113.5z"
@@ -10348,14 +10364,14 @@ const sc = {
                           	<path
                           		d="M420.66666667 959.17a16.08 16.08 0 0 1-15.91-13.49A15.89 15.89 0 0 1 415.50666667 928c1.49-0.55 38.88-14.76 72.79-65.52A354.55 354.55 0 0 1 162.66666667 509.17a450.14 450.14 0 0 1 450.5-450.5 16.07 16.07 0 0 1 15.91 13.48 15.88 15.88 0 0 1-10.75 17.66c-1.58 0.58-39.13 14.9-73.07 65.95A354.22 354.22 0 0 1 871.66666667 509.17a16 16 0 0 1-0.52 4.05A450.14 450.14 0 0 1 420.66666667 959.17zM554.80666667 94.72C351.57666667 123.2 194.66666667 298.21 194.66666667 509.17c0 177.08 144.06 321.74 321.13 322.48a16 16 0 0 1 14.07 23.49c-16.11 30.42-34.27 52.37-50.85 68C682.25666667 894.63 839.16666667 719.63 839.16666667 508.67a15.94 15.94 0 0 1 0.47-3.86C837.30666667 329.33 693.82666667 187 517.80666667 186.67A16 16 0 0 1 503.66666667 163.21c16.21-30.69 34.47-52.79 51.14-68.49z"
                           		fill="#ffffff" p-id="18386"></path>
-                          </svg>`, se = document.createElement("div");
-            se.className = "idm-tropical-gl4-hourly-marker", se.innerHTML = `<div class="${Y.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${F}</div>`;
-            const ye = new ke.Marker(se).setLngLat(Y.geometry.coordinates).addTo(this.map);
-            this.interpolateMarkers.push(ye);
+                          </svg>`, xe = document.createElement("div");
+            xe.className = "idm-tropical-gl4-hourly-marker", xe.innerHTML = `<div class="${A.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ye}</div>`;
+            const Le = new ke.Marker(xe).setLngLat(A.geometry.coordinates).addTo(this.map);
+            this.interpolateMarkers.push(Le);
           }
-        this.$emit("tropicalCenterPoints", de);
+        this.$emit("tropicalCenterPoints", he);
       } else
-        (J = this.map) != null && J.getSource(this.interpolateSource) && ((ne = this.map) == null || ne.getSource(this.interpolateSource).setData(this.empty));
+        (le = this.map) != null && le.getSource(this.interpolateSource) && ((pe = this.map) == null || pe.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
       var a, r, l, c, n, u, d, b, w, L, g;
@@ -10530,14 +10546,14 @@ function tm(t, e, o, i, a, r) {
   return y(), M("div", lc, [
     s("div", {
       class: "menu-bar-box transition pa-1",
-      style: ae({ top: o.top + 134 + "px", right: a.right + "px" })
+      style: ae({ top: o.top + o.paddingTop + 86 + "px", right: a.right + "px" })
     }, [
       p(c, {
         text: t.$t("tropical.tropicals"),
         location: "left"
       }, {
         activator: f(({ props: g }) => [
-          p(l, B(g, {
+          p(l, N(g, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -10563,11 +10579,11 @@ function tm(t, e, o, i, a, r) {
         default: f(() => [
           p(n, null, {
             default: f(() => {
-              var g, _, P, O, I, C, k, z, T, v, D, j;
+              var g, _, P, B, I, C, k, z, T, v, D, F;
               return [
                 s("div", cc, [
                   s("span", mc, m(o.locale === "en" ? (g = a.activeTropicals) == null ? void 0 : g.Name : ((_ = a.activeTropicals) == null ? void 0 : _.nameCn) || ((P = a.activeTropicals) == null ? void 0 : P.Name) || "-"), 1),
-                  (I = (O = a.activeTropicals) == null ? void 0 : O.history) != null && I.level ? (y(), M("span", hc, ", " + m((k = (C = a.activeTropicals) == null ? void 0 : C.history) == null ? void 0 : k.level), 1)) : A("", !0)
+                  (I = (B = a.activeTropicals) == null ? void 0 : B.history) != null && I.level ? (y(), M("span", hc, ", " + m((k = (C = a.activeTropicals) == null ? void 0 : C.history) == null ? void 0 : k.level), 1)) : R("", !0)
                 ]),
                 p(l, {
                   icon: "",
@@ -10584,7 +10600,7 @@ function tm(t, e, o, i, a, r) {
                 }, 8, ["onClick"]),
                 s("div", dc, [
                   s("span", pc, m(t.$t("actions.lastUpdate")) + ": ", 1),
-                  s("span", null, m(r.computeTime(((T = (z = a.activeTropicals) == null ? void 0 : z.history) == null ? void 0 : T.updated) || ((j = (D = (v = a.activeTropicals) == null ? void 0 : v.forecasts) == null ? void 0 : D.filter((V) => !V.disabled)[0]) == null ? void 0 : j.date), o.timeZone)), 1)
+                  s("span", null, m(r.computeTime(((T = (z = a.activeTropicals) == null ? void 0 : z.history) == null ? void 0 : T.updated) || ((F = (D = (v = a.activeTropicals) == null ? void 0 : v.forecasts) == null ? void 0 : D.filter((V) => !V.disabled)[0]) == null ? void 0 : F.date), o.timeZone)), 1)
                 ])
               ];
             }),
@@ -10593,13 +10609,13 @@ function tm(t, e, o, i, a, r) {
           p(u),
           p(n, { class: "text-body-1" }, {
             default: f(() => {
-              var g, _, P, O, I, C, k, z, T;
+              var g, _, P, B, I, C, k, z, T;
               return [
                 s("div", uc, [
                   s("div", gc, [
                     s("label", fc, m(t.$t("weather.windSpeed")) + " : ", 1),
                     s("span", null, m(((_ = (g = a.activeTropicals) == null ? void 0 : g.history) == null ? void 0 : _.kts) || "-") + " kts", 1),
-                    s("span", null, ", BF " + m(r.computeBF(((O = (P = a.activeTropicals) == null ? void 0 : P.history) == null ? void 0 : O.kts) || "-")), 1)
+                    s("span", null, ", BF " + m(r.computeBF(((B = (P = a.activeTropicals) == null ? void 0 : P.history) == null ? void 0 : B.kts) || "-")), 1)
                   ]),
                   s("div", yc, [
                     s("label", bc, m(t.$t("weather.pressure")) + " : ", 1),
@@ -10619,17 +10635,17 @@ function tm(t, e, o, i, a, r) {
                 s("div", zc, [
                   s("label", Lc, m(t.$t("weather.forecastModels")) + " : ", 1),
                   s("div", Pc, [
-                    (y(!0), M(xe, null, _e((T = a.activeTropicals) == null ? void 0 : T.forecasts, (v, D) => (y(), R(l, {
+                    (y(!0), M(we, null, _e((T = a.activeTropicals) == null ? void 0 : T.forecasts, (v, D) => (y(), O(l, {
                       key: D,
                       density: "compact",
                       variant: v.disabled ? "text" : "flat",
                       color: v.disabled ? "" : "primary",
                       "min-width": 30,
                       class: Ye(["model text-none text-body-1 px-1", v.disabled ? "btn-border-1 btn-bg-1" : ""]),
-                      onClick: Ee((j) => r.handleForecastToggle(v), ["stop"])
+                      onClick: Ee((F) => r.handleForecastToggle(v), ["stop"])
                     }, {
                       default: f(() => [
-                        K(m(v.model), 1)
+                        $(m(v.model), 1)
                       ]),
                       _: 2
                     }, 1032, ["variant", "color", "class", "onClick"]))), 128))
@@ -10654,12 +10670,12 @@ function tm(t, e, o, i, a, r) {
                   s("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
                 ])),
                 default: f(() => [
-                  K(" " + m(t.$t("weather.legend")), 1)
+                  $(" " + m(t.$t("weather.legend")), 1)
                 ]),
                 _: 1
               }, 8, ["color"]),
               s("div", Cc, [
-                o.permission & a.helper.LEVEL.Supper ? (y(), R(l, {
+                o.permission & a.helper.LEVEL.Supper ? (y(), O(l, {
                   key: 0,
                   variant: "text",
                   density: "compact",
@@ -10667,10 +10683,10 @@ function tm(t, e, o, i, a, r) {
                   onClick: e[1] || (e[1] = Ee((g) => r.handleNotification(a.activeTropicals), ["stop"]))
                 }, {
                   default: f(() => [
-                    K(m(t.$t("actions.notify")), 1)
+                    $(m(t.$t("actions.notify")), 1)
                   ]),
                   _: 1
-                })) : A("", !0),
+                })) : R("", !0),
                 p(l, {
                   variant: "text",
                   density: "compact",
@@ -10679,7 +10695,7 @@ function tm(t, e, o, i, a, r) {
                   onClick: e[2] || (e[2] = Ee((g) => r.handleStrikeProbability(a.activeTropicals), ["stop"]))
                 }, {
                   default: f(() => [
-                    K(m(t.$t("actions.viewReport")), 1)
+                    $(m(t.$t("actions.viewReport")), 1)
                   ]),
                   _: 1
                 })
@@ -10752,7 +10768,7 @@ function tm(t, e, o, i, a, r) {
           [Ze, a.showLegend]
         ])
       ])
-    ])) : A("", !0),
+    ])) : R("", !0),
     Ve(p(b, {
       id: "tropicalHoverMarkerInfo",
       elevation: "16",
@@ -10761,11 +10777,11 @@ function tm(t, e, o, i, a, r) {
       default: f(() => [
         p(w, null, {
           default: f(() => {
-            var g, _, P, O;
+            var g, _, P, B;
             return [
               s("div", Ic, [
                 s("span", Dc, m(o.locale === "en" ? (g = a.hoverPoint) == null ? void 0 : g.Name : ((_ = a.hoverPoint) == null ? void 0 : _.nameCn) || ((P = a.hoverPoint) == null ? void 0 : P.Name)), 1),
-                s("span", Ac, "[ " + m((O = a.hoverPoint) == null ? void 0 : O.level) + " ]", 1)
+                s("span", Ac, "[ " + m((B = a.hoverPoint) == null ? void 0 : B.level) + " ]", 1)
               ])
             ];
           }),
@@ -10774,45 +10790,45 @@ function tm(t, e, o, i, a, r) {
         p(L),
         p(n, { class: "text-body-1" }, {
           default: f(() => {
-            var g, _, P, O, I, C, k, z, T, v, D, j, V, q, Z, Q, ee, J, ne, ie;
+            var g, _, P, B, I, C, k, z, T, v, D, F, V, Y, Z, J, Q, K, se, le;
             return [
               s("div", Rc, [
                 ((g = a.hoverPoint) == null ? void 0 : g.type) === "forecast" ? (y(), M("div", Oc, [
                   s("label", Bc, m(t.$t("tropical.updated")) + " : ", 1),
                   s("span", null, m(r.computeTzTime((_ = a.hoverPoint) == null ? void 0 : _.update, o.timeZone)), 1)
-                ])) : A("", !0),
+                ])) : R("", !0),
                 ((P = a.hoverPoint) == null ? void 0 : P.type) === "forecast" ? (y(), M("div", Nc, [
                   s("label", Ec, m(t.$t("tropical.forecast")) + " : ", 1),
-                  s("span", null, m(r.computeTzTime((O = a.hoverPoint) == null ? void 0 : O.date, o.timeZone)), 1)
-                ])) : A("", !0),
+                  s("span", null, m(r.computeTzTime((B = a.hoverPoint) == null ? void 0 : B.date, o.timeZone)), 1)
+                ])) : R("", !0),
                 ((I = a.hoverPoint) == null ? void 0 : I.type) === "history" ? (y(), M("div", jc, [
                   s("label", Fc, m(t.$t("tropical.forecast")) + " : ", 1),
                   s("span", null, m(r.computeTzTime((C = a.hoverPoint) == null ? void 0 : C.date, o.timeZone)), 1)
-                ])) : A("", !0),
+                ])) : R("", !0),
                 ((k = a.hoverPoint) == null ? void 0 : k.type) === "forecast" ? (y(), M("div", Hc, [
                   s("label", Gc, m(t.$t("tropical.model")) + " : ", 1),
                   s("span", null, m(((z = a.hoverPoint) == null ? void 0 : z.model) ?? "-"), 1)
-                ])) : A("", !0),
+                ])) : R("", !0),
                 ((T = a.hoverPoint) == null ? void 0 : T.type) === "forecast" ? (y(), M("div", Uc, [
                   s("label", Wc, m(t.$t("weather.wind")) + " : ", 1),
                   s("span", null, m(((D = JSON.parse((v = a.hoverPoint) == null ? void 0 : v.wind)) == null ? void 0 : D.kts) ?? "-") + " kts", 1)
-                ])) : A("", !0),
-                ((j = a.hoverPoint) == null ? void 0 : j.type) === "history" ? (y(), M("div", Vc, [
+                ])) : R("", !0),
+                ((F = a.hoverPoint) == null ? void 0 : F.type) === "history" ? (y(), M("div", Vc, [
                   s("label", Zc, m(t.$t("weather.wind")) + " : ", 1),
                   s("span", null, m(((V = a.hoverPoint) == null ? void 0 : V.kts) ?? "-") + " kts", 1)
-                ])) : A("", !0),
+                ])) : R("", !0),
                 s("div", Yc, [
                   s("label", qc, m(t.$t("weather.pressure")) + " : ", 1),
-                  s("span", null, m(((q = a.hoverPoint) == null ? void 0 : q.pressure) ?? "-") + " hPa", 1)
+                  s("span", null, m(((Y = a.hoverPoint) == null ? void 0 : Y.pressure) ?? "-") + " hPa", 1)
                 ]),
                 ((Z = a.hoverPoint) == null ? void 0 : Z.type) === "history" ? (y(), M("div", Xc, [
                   s("label", $c, m(t.$t("tropical.moveSpeed")) + " : ", 1),
-                  s("span", null, m(((ee = JSON.parse((Q = a.hoverPoint) == null ? void 0 : Q.movement)) == null ? void 0 : ee.kts) ?? "-") + " kts", 1)
-                ])) : A("", !0),
-                ((J = a.hoverPoint) == null ? void 0 : J.type) === "history" ? (y(), M("div", Kc, [
+                  s("span", null, m(((Q = JSON.parse((J = a.hoverPoint) == null ? void 0 : J.movement)) == null ? void 0 : Q.kts) ?? "-") + " kts", 1)
+                ])) : R("", !0),
+                ((K = a.hoverPoint) == null ? void 0 : K.type) === "history" ? (y(), M("div", Kc, [
                   s("label", Jc, m(t.$t("tropical.moveDir")) + " : ", 1),
-                  s("span", null, m(((ie = JSON.parse((ne = a.hoverPoint) == null ? void 0 : ne.movement)) == null ? void 0 : ie.deg) ?? "-") + " °", 1)
-                ])) : A("", !0),
+                  s("span", null, m(((le = JSON.parse((se = a.hoverPoint) == null ? void 0 : se.movement)) == null ? void 0 : le.deg) ?? "-") + " °", 1)
+                ])) : R("", !0),
                 s("div", Qc, [
                   s("label", em, m(t.$t("tropical.position")) + " : ", 1),
                   s("span", null, m(r.computePosition(a.hoverPoint)), 1)
@@ -10829,7 +10845,7 @@ function tm(t, e, o, i, a, r) {
     ])
   ]);
 }
-const Xa = /* @__PURE__ */ X(sc, [["render", tm]]);
+const Xa = /* @__PURE__ */ q(sc, [["render", tm]]);
 const om = {
   name: "DateTimePicker",
   props: {
@@ -11030,11 +11046,11 @@ function lm(t, e, o, i, a, r) {
       onClick: r.handleOpenDatePicker
     }, {
       default: f(() => [
-        K(m(a.currentDateTime) + " | UTC " + m(o.timeZone < 0 ? o.timeZone : "+" + o.timeZone), 1)
+        $(m(a.currentDateTime) + " | UTC " + m(o.timeZone < 0 ? o.timeZone : "+" + o.timeZone), 1)
       ]),
       _: 1
     }, 8, ["height", "width", "onClick"]),
-    a.showDatePicker ? (y(), R(g, {
+    a.showDatePicker ? (y(), O(g, {
       key: 0,
       class: "card-box d-flex flex-column border",
       style: ae(r.getStyle)
@@ -11065,7 +11081,7 @@ function lm(t, e, o, i, a, r) {
               s("div", sm, m(a.currentTime), 1),
               p(b, { class: "pa-0 flex-1-1-0 scroll" }, {
                 default: f(() => [
-                  (y(!0), M(xe, null, _e(r.hourOptions, (_, P) => (y(), R(d, {
+                  (y(!0), M(we, null, _e(r.hourOptions, (_, P) => (y(), O(d, {
                     key: P,
                     value: _,
                     color: "primary",
@@ -11077,10 +11093,10 @@ function lm(t, e, o, i, a, r) {
                     default: f(() => [
                       p(u, {
                         class: "text-body-2 font-weight-600 text-center",
-                        onClick: (O) => a.currentTime = _
+                        onClick: (B) => a.currentTime = _
                       }, {
                         default: f(() => [
-                          K(m(_), 1)
+                          $(m(_), 1)
                         ]),
                         _: 2
                       }, 1032, ["onClick"])
@@ -11106,11 +11122,10 @@ function lm(t, e, o, i, a, r) {
               class: "text-none text-body-2",
               onClick: r.handleCancelDate
             }, {
-              default: f(() => e[1] || (e[1] = [
-                K("Cancel", -1)
-              ])),
-              _: 1,
-              __: [1]
+              default: f(() => [
+                $(m(t.$t("actions.cancel")), 1)
+              ]),
+              _: 1
             }, 8, ["onClick"]),
             p(l, {
               size: "small",
@@ -11119,21 +11134,20 @@ function lm(t, e, o, i, a, r) {
               class: "text-none text-body-2",
               onClick: r.handleConfirmDate
             }, {
-              default: f(() => e[2] || (e[2] = [
-                K("Confirm", -1)
-              ])),
-              _: 1,
-              __: [2]
+              default: f(() => [
+                $(m(t.$t("actions.confirm")), 1)
+              ]),
+              _: 1
             }, 8, ["onClick"])
           ]),
           _: 1
         })
       ]),
       _: 1
-    }, 8, ["style"])) : A("", !0)
+    }, 8, ["style"])) : R("", !0)
   ], 512);
 }
-const Ao = /* @__PURE__ */ X(om, [["render", lm]]);
+const Ao = /* @__PURE__ */ q(om, [["render", lm]]);
 const nm = {
   name: "IdmPoint",
   components: {
@@ -11162,6 +11176,10 @@ const nm = {
       type: Number,
       default: 60
     },
+    paddingTop: {
+      type: Number,
+      default: 48
+    },
     menuToggle: {
       type: Object,
       default: {}
@@ -11251,12 +11269,12 @@ const nm = {
     },
     computePosition() {
       return function(t) {
-        return !t || t.lng === null || t.lng === void 0 || isNaN(t.lng) || t.lat === null || t.lat === void 0 || isNaN(t.lat) ? "-" : $.lat2pretty(t == null ? void 0 : t.lat, 2).pretty + " / " + $.lng2pretty(t == null ? void 0 : t.lng, 2).pretty;
+        return !t || t.lng === null || t.lng === void 0 || isNaN(t.lng) || t.lat === null || t.lat === void 0 || isNaN(t.lat) ? "-" : X.lat2pretty(t == null ? void 0 : t.lat, 2).pretty + " / " + X.lng2pretty(t == null ? void 0 : t.lng, 2).pretty;
       };
     },
     computeRoundPrecision() {
       return function(t, e = 4) {
-        return t == null || isNaN(t) || isNaN(e) ? "-" : $.roundPrecision(t, e);
+        return t == null || isNaN(t) || isNaN(e) ? "-" : X.roundPrecision(t, e);
       };
     }
   },
@@ -11348,7 +11366,7 @@ const nm = {
         weatherModels: e,
         marineModels: o
       };
-      await Me.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, i, {
+      await De.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, i, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -11368,7 +11386,7 @@ const nm = {
         pastDays: 1,
         weatherModels: e,
         marineModels: o
-      }, a = await Me.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, i, {
+      }, a = await De.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, i, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -11376,10 +11394,10 @@ const nm = {
       (a == null ? void 0 : a.data.code) === 0 && (this.meteoData = a == null ? void 0 : a.data.data, this.meteoData.lng = t.lng, this.meteoData.lat = t.lat, this.initTableData(this.meteoData), this.handleDrawInfoMarker([t.lng, t.lat])), this.loading = !1;
     },
     initTableData(t) {
-      var o, i, a, r, l, c, n, u, d, b, w, L, g, _, P, O, I, C, k, z, T, v, D, j, V, q, Z, Q, ee, J, ne, ie, me, ue, he, de, Y, re, F, se, ye;
+      var o, i, a, r, l, c, n, u, d, b, w, L, g, _, P, B, I, C, k, z, T, v, D, F, V, Y, Z, J, Q, K, se, le, pe, ie, ce, ue, me, he, A, ee, ye;
       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((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((u = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : u.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((b = (d = e == null ? void 0 : e.weather) == null ? void 0 : d.precip) == null ? void 0 : b.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((w = e == null ? void 0 : e.weather) == null ? void 0 : w.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((g = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : g.kts, 1) ?? "-", this.currentHourData.windDir = ((P = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : P.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (O = e == null ? void 0 : e.weather) == null ? void 0 : O.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((k = (C = e == null ? void 0 : e.weather) == null ? void 0 : C.wind) == null ? void 0 : k.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((T = (z = e == null ? void 0 : e.wave) == null ? void 0 : z.sig) == null ? void 0 : T.height, 1) ?? "-", this.currentHourData.sigwaveDir = (D = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : D.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((V = (j = e == null ? void 0 : e.wave) == null ? void 0 : j.sig) == null ? void 0 : V.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((Z = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : Z.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((ne = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : ne.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((me = (ie = e == null ? void 0 : e.wave) == null ? void 0 : ie.swell) == null ? void 0 : me.height, 1) ?? "-", this.currentHourData.swellDir = (he = (ue = e == null ? void 0 : e.wave) == null ? void 0 : ue.swell) == null ? void 0 : he.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((Y = (de = e == null ? void 0 : e.wave) == null ? void 0 : de.swell) == null ? void 0 : Y.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((re = e == null ? void 0 : e.current) == null ? void 0 : re.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((se = e == null ? void 0 : e.current) == null ? void 0 : se.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 = (ye = e == null ? void 0 : e.weather) == null ? void 0 : ye.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((u = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : u.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((b = (d = e == null ? void 0 : e.weather) == null ? void 0 : d.precip) == null ? void 0 : b.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((w = e == null ? void 0 : e.weather) == null ? void 0 : w.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((g = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : g.kts, 1) ?? "-", this.currentHourData.windDir = ((P = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : P.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((k = (C = e == null ? void 0 : e.weather) == null ? void 0 : C.wind) == null ? void 0 : k.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((T = (z = e == null ? void 0 : e.wave) == null ? void 0 : z.sig) == null ? void 0 : T.height, 1) ?? "-", this.currentHourData.sigwaveDir = (D = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : D.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 = (Y = e == null ? void 0 : e.wave) == null ? void 0 : Y.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((se = (K = e == null ? void 0 : e.wave) == null ? void 0 : K.wd) == null ? void 0 : se.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((pe = (le = e == null ? void 0 : e.wave) == null ? void 0 : le.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = (ce = (ie = e == null ? void 0 : e.wave) == null ? void 0 : ie.swell) == null ? void 0 : ce.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((me = (ue = e == null ? void 0 : e.wave) == null ? void 0 : ue.swell) == null ? void 0 : me.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((he = e == null ? void 0 : e.current) == null ? void 0 : he.speed, 1) ?? "-", this.currentHourData.currentDir = (A = e == null ? void 0 : e.current) == null ? void 0 : A.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((ee = e == null ? void 0 : e.current) == null ? void 0 : ee.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 = (ye = e == null ? void 0 : e.weather) == null ? void 0 : ye.url;
     },
     handleBind() {
       var t, e;
@@ -11395,7 +11413,7 @@ const nm = {
         return !1;
     },
     handleGetPosition(t) {
-      this.form.latDegree = Number($.lat2pretty(t.lat).degree), this.form.latMinute = Number($.lat2pretty(t.lat).minute), this.form.latDirection = $.lat2pretty(t.lat).direction, this.form.lngDegree = Number($.lng2pretty(t.lng).degree), this.form.lngMinute = Number($.lng2pretty(t.lng).minute), this.form.lngDirection = $.lng2pretty(t.lng).direction;
+      this.form.latDegree = Number(X.lat2pretty(t.lat).degree), this.form.latMinute = Number(X.lat2pretty(t.lat).minute), this.form.latDirection = X.lat2pretty(t.lat).direction, this.form.lngDegree = Number(X.lng2pretty(t.lng).degree), this.form.lngMinute = Number(X.lng2pretty(t.lng).minute), this.form.lngDirection = X.lng2pretty(t.lng).direction;
     },
     handleDrawInfoMarker(t) {
       t && (this.map.flyTo({
@@ -11488,18 +11506,18 @@ const nm = {
   "aria-hidden": "true"
 }, qm = ["xlink:href"];
 function Xm(t, e, o, i, a, r) {
-  const l = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), u = x("VDivider"), d = x("VTextField"), b = x("VCol"), w = x("VRow"), L = x("DateTimePicker"), g = x("VBtnToggle"), _ = x("VCardText"), P = x("VCardActions"), O = x("VForm"), I = x("VCard"), C = x("VIcon");
+  const l = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), u = x("VDivider"), d = x("VTextField"), b = x("VCol"), w = x("VRow"), L = x("DateTimePicker"), g = x("VBtnToggle"), _ = x("VCardText"), P = x("VCardActions"), B = x("VForm"), I = x("VCard"), C = x("VIcon");
   return y(), M("div", cm, [
     s("div", {
       class: "menu-bar-box transition pa-1",
-      style: ae({ top: o.top + 174 + "px", right: a.right + "px" })
+      style: ae({ top: o.top + o.paddingTop + 126 + "px", right: a.right + "px" })
     }, [
       p(c, {
         text: t.$t("spot.spotsMeteo"),
         location: "left"
       }, {
         activator: f(({ props: k }) => [
-          p(l, B(k, {
+          p(l, N(k, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -11516,10 +11534,10 @@ function Xm(t, e, o, i, a, r) {
         _: 1
       }, 8, ["text"])
     ], 4),
-    a.showForm ? (y(), R(I, {
+    a.showForm ? (y(), O(I, {
       key: 0,
       class: "spot-form-card",
-      style: ae({ top: o.top + 174 + "px", right: a.right + 50 + "px" })
+      style: ae({ top: o.top + o.paddingTop + 126 + "px", right: a.right + 50 + "px" })
     }, {
       default: f(() => [
         p(n, { class: "d-flex justify-space-between align-center" }, {
@@ -11544,7 +11562,7 @@ function Xm(t, e, o, i, a, r) {
           _: 1
         }),
         p(u),
-        p(O, {
+        p(B, {
           ref: "spotForm",
           autocomplete: "off",
           class: "form-box",
@@ -11620,7 +11638,7 @@ function Xm(t, e, o, i, a, r) {
                           onClick: e[2] || (e[2] = (k) => a.form.lngDirection = a.form.lngDirection === "E" ? "W" : "E")
                         }, {
                           default: f(() => [
-                            K(m(a.form.lngDirection), 1)
+                            $(m(a.form.lngDirection), 1)
                           ]),
                           _: 1
                         })
@@ -11700,7 +11718,7 @@ function Xm(t, e, o, i, a, r) {
                           onClick: e[5] || (e[5] = (k) => a.form.latDirection = a.form.latDirection === "N" ? "S" : "N")
                         }, {
                           default: f(() => [
-                            K(m(a.form.latDirection), 1)
+                            $(m(a.form.latDirection), 1)
                           ]),
                           _: 1
                         })
@@ -11725,7 +11743,7 @@ function Xm(t, e, o, i, a, r) {
                       class: "pa-0"
                     }, {
                       default: f(() => [
-                        p(L, B({
+                        p(L, N({
                           "date-time": a.form.dateTime,
                           "time-zone": o.timeZone
                         }, t.$attrs, {
@@ -11771,7 +11789,7 @@ function Xm(t, e, o, i, a, r) {
                               "base-color": ""
                             }, {
                               default: f(() => e[14] || (e[14] = [
-                                K("NOAA", -1)
+                                $("NOAA", -1)
                               ])),
                               _: 1,
                               __: [14]
@@ -11785,7 +11803,7 @@ function Xm(t, e, o, i, a, r) {
                               value: "ECMWF"
                             }, {
                               default: f(() => e[15] || (e[15] = [
-                                K("ECMWF", -1)
+                                $("ECMWF", -1)
                               ])),
                               _: 1,
                               __: [15]
@@ -11812,7 +11830,7 @@ function Xm(t, e, o, i, a, r) {
                   onClick: r.cancelForm
                 }, {
                   default: f(() => [
-                    K(m(t.$t("actions.clear")), 1)
+                    $(m(t.$t("actions.clear")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"]),
@@ -11826,7 +11844,7 @@ function Xm(t, e, o, i, a, r) {
                   class: "text-none text-body-1"
                 }, {
                   default: f(() => [
-                    K(m(t.$t("actions.confirm")), 1)
+                    $(m(t.$t("actions.confirm")), 1)
                   ]),
                   _: 1
                 }, 8, ["loading"])
@@ -11838,8 +11856,8 @@ function Xm(t, e, o, i, a, r) {
         }, 8, ["onSubmit"])
       ]),
       _: 1
-    }, 8, ["style"])) : A("", !0),
-    a.showMeteo ? (y(), R(I, {
+    }, 8, ["style"])) : R("", !0),
+    a.showMeteo ? (y(), O(I, {
       key: 1,
       id: "idm-gl4-spot-meteo",
       class: "spot-meteo",
@@ -11915,7 +11933,7 @@ function Xm(t, e, o, i, a, r) {
             o.followList.some((k) => {
               var z, T;
               return ((z = k == null ? void 0 : k.coordinate) == null ? void 0 : z.lng) === a.form.lng && ((T = k == null ? void 0 : k.coordinate) == null ? void 0 : T.lat) === a.form.lat;
-            }) ? (y(), R(l, {
+            }) ? (y(), O(l, {
               key: 0,
               class: "text-none text-body-1",
               id: "idm-gl4-spot-meteo-follow",
@@ -11932,10 +11950,10 @@ function Xm(t, e, o, i, a, r) {
                 })
               ]),
               default: f(() => [
-                K(" " + m(t.$t("actions.unfollow")), 1)
+                $(" " + m(t.$t("actions.unfollow")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])) : (y(), R(l, {
+            }, 8, ["onClick"])) : (y(), O(l, {
               key: 1,
               id: "idm-gl4-spot-meteo-unfollow",
               class: "text-none text-body-1",
@@ -11949,7 +11967,7 @@ function Xm(t, e, o, i, a, r) {
                 p(C, { style: { "font-size": "20px", "margin-top": "-2px" } })
               ]),
               default: f(() => [
-                K(m(t.$t("actions.follow")) + " ", 1)
+                $(m(t.$t("actions.follow")) + " ", 1)
               ]),
               _: 1
             }, 8, ["onClick"])),
@@ -11962,7 +11980,7 @@ function Xm(t, e, o, i, a, r) {
               onClick: Ee(r.handleMeteoMore, ["stop"])
             }, {
               default: f(() => [
-                K(m(t.$t("spot.forecast")), 1)
+                $(m(t.$t("spot.forecast")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
@@ -11971,7 +11989,7 @@ function Xm(t, e, o, i, a, r) {
         })
       ]),
       _: 1
-    })) : A("", !0),
+    })) : R("", !0),
     Ve(s("div", Zm, [
       (y(), M("svg", Ym, [
         s("use", {
@@ -11983,7 +12001,7 @@ function Xm(t, e, o, i, a, r) {
     ])
   ]);
 }
-const $m = /* @__PURE__ */ X(nm, [["render", Xm]]);
+const $m = /* @__PURE__ */ q(nm, [["render", Xm]]);
 const Km = {
   name: "IdmMeasure",
   props: {
@@ -11994,13 +12012,17 @@ const Km = {
       type: Number,
       default: 60
     },
+    paddingTop: {
+      type: Number,
+      default: 48
+    },
     menuToggle: {
       type: Object,
       default: {}
     }
   },
   setup() {
-    return { Theme: Ce() };
+    return { Theme: Se() };
   },
   data() {
     return {
@@ -12079,13 +12101,13 @@ const Km = {
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const w = this.geojson.filter((P) => P.id === e.split("-")[0])[0];
         this.pointMarkers[w.id].filter((P) => {
-          var O;
-          return ((O = P._element) == null ? void 0 : O.id) === e;
+          var B;
+          return ((B = P._element) == null ? void 0 : B.id) === e;
         })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : c.lat]);
         let g;
-        w.features.forEach((P, O) => {
+        w.features.forEach((P, B) => {
           if (P.geometry.type === "Point" && P.properties.id === e.split("-")[1]) {
-            g = O;
+            g = B;
             return;
           }
         });
@@ -12157,13 +12179,13 @@ const Km = {
         const i = [];
         for (let a = 1; a < e.length; a++) {
           const r = e[a - 1], l = e[a], c = r.properties, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, u = { lng: l.geometry.coordinates[0], lat: l.geometry.coordinates[1] }, d = We.calculateDistance(n, u, c.mode === "RL", 4), b = We.calculateBearing(n, u, c.mode === "RL", 2);
-          o = $.roundPrecision(o + d, 4);
+          o = X.roundPrecision(o + d, 4);
           let w;
-          c.mode === "RL" ? w = $.convertToMonotonicLng([n, u]) : w = $.convertToMonotonicLng(We.interpolateCoordinates(n, u, 200));
+          c.mode === "RL" ? w = X.convertToMonotonicLng([n, u]) : w = X.convertToMonotonicLng(We.interpolateCoordinates(n, u, 200));
           const L = H.lineString(w.map((_) => [_.lng, _.lat]));
           L.properties.dist = d, L.properties.bearing = b, L.properties.total = o, L.properties.name = "Line " + this.currentLineIndex, i.push(L);
           const g = e[a];
-          g.properties.totalDist = $.roundPrecision((c.totalDist ? c.totalDist : 0) + d, 4), g.properties.sumLabel = g.properties.totalDist + " nm";
+          g.properties.totalDist = X.roundPrecision((c.totalDist ? c.totalDist : 0) + d, 4), g.properties.sumLabel = g.properties.totalDist + " nm";
         }
         e.push(...i), t.total = o;
       }
@@ -12176,7 +12198,7 @@ const Km = {
         const n = e.properties, u = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, d = { lng: o.lng, lat: o.lat };
         r = We.calculateDistance(u, d, n.mode === "RL", 4), l = We.calculateBearing(u, d, n.mode === "RL", 2);
         let b;
-        n.mode === "RL" ? b = $.convertToMonotonicLng([u, d]) : b = $.convertToMonotonicLng(We.interpolateCoordinates(u, d, 200));
+        n.mode === "RL" ? b = X.convertToMonotonicLng([u, d]) : b = X.convertToMonotonicLng(We.interpolateCoordinates(u, d, 200));
         const w = H.lineString(b.map((L) => [L.lng, L.lat]));
         w.properties.dist = r, w.properties.bearing = l, a.features.push(w);
       }
@@ -12184,7 +12206,7 @@ const Km = {
         const n = o.properties, u = o, d = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
         r = We.calculateDistance(u, d, n.mode === "RL", 4), l = We.calculateBearing(u, d, n.mode === "RL", 2);
         let b;
-        n.mode === "RL" ? b = $.convertToMonotonicLng([u, d]) : b = $.convertToMonotonicLng(We.interpolateCoordinates(u, d, 200));
+        n.mode === "RL" ? b = X.convertToMonotonicLng([u, d]) : b = X.convertToMonotonicLng(We.interpolateCoordinates(u, d, 200));
         const w = H.lineString(b.map((L) => [L.lng, L.lat]));
         w.properties.dist = r, w.properties.bearing = l, a.features.push(w);
       }
@@ -12230,7 +12252,7 @@ const Km = {
       if (i)
         c = `<div class="marker-label">${this.$t("measure.dragTips")}</div>`;
       else {
-        const n = $.roundPrecision((t.total ?? 0) + r, 1);
+        const n = X.roundPrecision((t.total ?? 0) + r, 1);
         c = `<div class="marker-label">${this.$t("measure.totalDistance")}: <b>${n}</b>nm, ${this.$t(
           "measure.bearing"
         )}: <b>${l}</b>°</div><div class="marker-label"> ${this.$t("measure.mode")}${this.navigation === "RL" ? "RL" : "GC"}, ${this.$t(
@@ -12340,14 +12362,14 @@ function Qm(t, e, o, i, a, r) {
   return y(), M("div", Jm, [
     s("div", {
       class: "menu-bar-box transition pa-1",
-      style: ae({ top: o.top + 214 + "px", right: a.right + "px" })
+      style: ae({ top: o.top + o.paddingTop + 166 + "px", right: a.right + "px" })
     }, [
       p(c, {
         text: t.$t("measure.measure"),
         location: "left"
       }, {
         activator: f(({ props: n }) => [
-          p(l, B(n, {
+          p(l, N(n, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -12366,7 +12388,7 @@ function Qm(t, e, o, i, a, r) {
     ], 4)
   ]);
 }
-const eh = /* @__PURE__ */ X(Km, [["render", Qm]]);
+const eh = /* @__PURE__ */ q(Km, [["render", Qm]]);
 const th = {
   name: "IdmBottomBar",
   components: { DateTimePicker: Ao },
@@ -12504,7 +12526,7 @@ function hh(t, e, o, i, a, r) {
       style: ae({ right: a.right + 146 + "px", bottom: Object.values(a.show).includes(!0) ? "10px" : "-100px" })
     }, [
       s("div", ah, [
-        p(l, B({
+        p(l, N({
           ref: "dateTimePicker",
           "date-time": a.currentDateTimeZ,
           "time-zone": a.timeZone,
@@ -12523,12 +12545,12 @@ function hh(t, e, o, i, a, r) {
           "min-width": "30"
         }, {
           default: f(() => [
-            K(m(a.intervalHour) + " h ", 1),
+            $(m(a.intervalHour) + " h ", 1),
             p(d, { activator: "parent" }, {
               default: f(() => [
                 p(u, { class: "pa-1" }, {
                   default: f(() => [
-                    (y(!0), M(xe, null, _e(a.intervalOptions, (g, _) => (y(), R(n, {
+                    (y(!0), M(we, null, _e(a.intervalOptions, (g, _) => (y(), O(n, {
                       key: _,
                       value: g,
                       variant: a.intervalHour === g ? "tonal" : "text",
@@ -12545,7 +12567,7 @@ function hh(t, e, o, i, a, r) {
                           onClick: (P) => a.intervalHour = g
                         }, {
                           default: f(() => [
-                            K(m(g) + "h", 1)
+                            $(m(g) + "h", 1)
                           ]),
                           _: 2
                         }, 1032, ["onClick"])
@@ -12594,7 +12616,7 @@ function hh(t, e, o, i, a, r) {
           _: 1,
           __: [11]
         }, 8, ["onClick"]),
-        a.paused ? (y(), R(b, {
+        a.paused ? (y(), O(b, {
           key: 0,
           icon: "",
           size: "small",
@@ -12607,7 +12629,7 @@ function hh(t, e, o, i, a, r) {
           ])),
           _: 1,
           __: [12]
-        }, 8, ["onClick"])) : (y(), R(b, {
+        }, 8, ["onClick"])) : (y(), O(b, {
           key: 1,
           icon: "",
           size: "small",
@@ -12648,14 +12670,14 @@ function hh(t, e, o, i, a, r) {
           activator: f(({ props: g }) => {
             var _, P;
             return [
-              p(b, B(g, {
+              p(b, N(g, {
                 class: "pa-1 d-flex",
                 color: (_ = o.weatherCheckList) != null && _.includes("wind") ? "primary" : "",
                 variant: (P = o.weatherCheckList) != null && P.includes("wind") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
-                onClick: e[4] || (e[4] = (O) => r.handleClickFastWeather("wind"))
+                onClick: e[4] || (e[4] = (B) => r.handleClickFastWeather("wind"))
               }), {
                 default: f(() => e[15] || (e[15] = [
                   s("i", { class: "iconfont icon-a-WindLevel" }, null, -1)
@@ -12674,17 +12696,17 @@ function hh(t, e, o, i, a, r) {
           activator: f(({ props: g }) => {
             var _, P;
             return [
-              p(b, B(g, {
+              p(b, N(g, {
                 class: "pa-1 d-flex",
                 color: (_ = o.weatherCheckList) != null && _.includes("sig-wave-height") ? "primary" : "",
                 variant: (P = o.weatherCheckList) != null && P.includes("sig-wave-height") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
-                onClick: e[5] || (e[5] = (O) => r.handleClickFastWeather("sig-wave-height"))
+                onClick: e[5] || (e[5] = (B) => r.handleClickFastWeather("sig-wave-height"))
               }), {
                 default: f(() => [
-                  s("i", B(g, { class: "iconfont icon-a-WaveHeight" }), null, 16)
+                  s("i", N(g, { class: "iconfont icon-a-WaveHeight" }), null, 16)
                 ]),
                 _: 2
               }, 1040, ["color", "variant"])
@@ -12699,17 +12721,17 @@ function hh(t, e, o, i, a, r) {
           activator: f(({ props: g }) => {
             var _, P;
             return [
-              p(b, B(g, {
+              p(b, N(g, {
                 class: "pa-1 d-flex",
                 color: (_ = o.weatherCheckList) != null && _.includes("current-direction") ? "primary" : "",
                 variant: (P = o.weatherCheckList) != null && P.includes("current-direction") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
-                onClick: e[6] || (e[6] = (O) => r.handleClickFastWeather("current-direction"))
+                onClick: e[6] || (e[6] = (B) => r.handleClickFastWeather("current-direction"))
               }), {
                 default: f(() => [
-                  s("i", B(g, { class: "iconfont icon-Current" }), null, 16)
+                  s("i", N(g, { class: "iconfont icon-Current" }), null, 16)
                 ]),
                 _: 2
               }, 1040, ["color", "variant"])
@@ -12722,7 +12744,7 @@ function hh(t, e, o, i, a, r) {
           location: "top"
         }, {
           activator: f(({ props: g }) => [
-            p(b, B(g, {
+            p(b, N(g, {
               class: "pa-1 d-flex",
               variant: "text",
               height: "24",
@@ -12731,7 +12753,7 @@ function hh(t, e, o, i, a, r) {
               onClick: r.handleClickFastMore
             }), {
               default: f(() => [
-                s("i", B(g, { class: "iconfont icon-dots-align" }), null, 16)
+                s("i", N(g, { class: "iconfont icon-dots-align" }), null, 16)
               ]),
               _: 2
             }, 1040, ["onClick"])
@@ -12753,7 +12775,7 @@ function hh(t, e, o, i, a, r) {
           onClick: e[7] || (e[7] = (g) => a.source = "GFS")
         }, {
           default: f(() => e[16] || (e[16] = [
-            K("NOAA", -1)
+            $("NOAA", -1)
           ])),
           _: 1,
           __: [16]
@@ -12766,7 +12788,7 @@ function hh(t, e, o, i, a, r) {
           onClick: e[8] || (e[8] = (g) => a.source = "ECMWF")
         }, {
           default: f(() => e[17] || (e[17] = [
-            K("ECMWF", -1)
+            $("ECMWF", -1)
           ])),
           _: 1,
           __: [17]
@@ -12778,12 +12800,12 @@ function hh(t, e, o, i, a, r) {
       style: ae({ right: a.right + "px" })
     }, [
       a.showTimezone ? (y(), M("div", lh, [
-        (y(!0), M(xe, null, _e(a.offsets, (g) => (y(), M("div", {
+        (y(!0), M(we, null, _e(a.offsets, (g) => (y(), M("div", {
           key: g,
           class: "item rounded text-body-2 hover-active",
           onClick: (_) => a.timeZone = g
         }, m(g < 0 ? g : "+" + g), 9, nh))), 128))
-      ])) : A("", !0),
+      ])) : R("", !0),
       s("div", ch, [
         p(b, {
           text: "",
@@ -12794,7 +12816,7 @@ function hh(t, e, o, i, a, r) {
           onClick: e[9] || (e[9] = (g) => a.showTimezone = !a.showTimezone)
         }, {
           default: f(() => [
-            K(" UTC " + m(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
+            $(" UTC " + m(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
           ]),
           _: 1
         }),
@@ -12803,7 +12825,7 @@ function hh(t, e, o, i, a, r) {
     ], 4)
   ]);
 }
-const dh = /* @__PURE__ */ X(th, [["render", hh]]), ph = {
+const dh = /* @__PURE__ */ q(th, [["render", hh]]), ph = {
   name: "IdmGL4",
   components: {
     IdmOtherLayer: pl,
@@ -12869,7 +12891,7 @@ const dh = /* @__PURE__ */ X(th, [["render", hh]]), ph = {
 function gh(t, e, o, i, a, r) {
   const l = x("IdmOtherLayer"), c = x("IdmWeatherLayer"), n = x("IdmTropicals"), u = x("IdmMeasure"), d = x("IdmSpot"), b = x("IdmBottomBar");
   return y(), M("div", uh, [
-    p(l, B({
+    p(l, N({
       ref: "idmOtherLayers",
       token: o.token,
       "default-meteo-token": a.defaultMeteoToken,
@@ -12884,7 +12906,7 @@ function gh(t, e, o, i, a, r) {
         a.otherCheckList = w, a.layerVersion = a.layerVersion + 1;
       })
     }), null, 16, ["token", "default-meteo-token", "map", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
-    p(c, B({
+    p(c, N({
       ref: "idmWeatherLayers",
       map: o.map,
       "before-layer": "empty-layer-2",
@@ -12902,7 +12924,7 @@ function gh(t, e, o, i, a, r) {
         a.weatherCheckList = w, a.layerVersion = a.layerVersion + 1;
       })
     }), null, 16, ["map", "token", "default-meteo-token", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
-    p(n, B({
+    p(n, N({
       map: o.map,
       token: o.token,
       "default-meteo-token": a.defaultMeteoToken,
@@ -12913,11 +12935,11 @@ function gh(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["map", "token", "default-meteo-token", "tropicals", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
-    p(u, B({
+    p(u, N({
       map: o.map,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["map", "map-feather"]),
-    p(d, B({
+    p(d, N({
       ref: "idmSpot",
       map: o.map,
       token: o.token,
@@ -12926,7 +12948,7 @@ function gh(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["map", "token", "default-meteo-token", "gateway", "forecast-model", "map-feather"]),
-    p(b, B({
+    p(b, N({
       ref: "idmBottomBar",
       "forecast-model": o.forecastModel,
       "weather-check-list": a.weatherCheckList,
@@ -12934,16 +12956,16 @@ function gh(t, e, o, i, a, r) {
     }, t.$attrs), null, 16, ["forecast-model", "weather-check-list", "map-feather"])
   ], 512);
 }
-const fh = /* @__PURE__ */ X(ph, [["render", gh]]);
+const fh = /* @__PURE__ */ q(ph, [["render", gh]]);
 class yh {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
-    pe(this, "originStyle");
-    pe(this, "mapboxStyle");
-    pe(this, "i4");
-    pe(this, "hi");
-    pe(this, "td");
-    pe(this, "windy");
-    var o, i, a, r, l, c, n, u, d, b, w, L, g, _, P, O, I, C, k, z, T, v, D, j, V, q, Z, Q, ee, J, ne, ie, me, ue, he, de, Y, re, F, se, ye, ve, be, Te, Ae, Re, Le, G, te, Fe, Ie, ge, Se, U, fe, oe, le, Oe, He, Ge, N, we, De, Be, Ne, E, Ue, W, qe, Xe, $e, ze, Ke, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, Dt, At, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Gt, Ut, Wt, Vt, Zt, Yt, qt, Xt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Ro, Oo, Bo, No, Eo, jo, Fo, Ho, Go, Uo, Wo, Vo, Zo, Yo, qo, Xo, $o, Ko, Jo, Qo, ea, ta, oa, aa, ia, ra, sa, la, na, ca, ma, ha, da, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ma, Ia, Da, Aa, Ra, Oa, Ba, Na, Ea, ja, Fa, Ha, Ga, Ua, Wa, Va;
+    de(this, "originStyle");
+    de(this, "mapboxStyle");
+    de(this, "i4");
+    de(this, "hi");
+    de(this, "td");
+    de(this, "windy");
+    var o, i, a, r, l, c, n, u, d, b, w, L, g, _, P, B, I, C, k, z, T, v, D, F, V, Y, Z, J, Q, K, se, le, pe, ie, ce, ue, me, he, A, ee, ye, xe, Le, Pe, ve, Me, Ce, G, te, Fe, Ae, ge, Ie, U, fe, oe, re, Oe, He, Ge, E, be, Re, Be, Ne, j, Ue, W, qe, Xe, $e, ze, Ke, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, Dt, At, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Gt, Ut, Wt, Vt, Zt, Yt, qt, Xt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Ro, Oo, Bo, No, Eo, jo, Fo, Ho, Go, Uo, Wo, Vo, Zo, Yo, qo, Xo, $o, Ko, Jo, Qo, ea, ta, oa, aa, ia, ra, sa, la, na, ca, ma, ha, da, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ma, Ia, Da, Aa, Ra, Oa, Ba, Na, Ea, ja, Fa, Ha, Ga, Ua, Wa, Va;
     this.i4 = {
       source: {
         type: "raster",
@@ -31591,33 +31613,33 @@ class yh {
           (b = (d = this.originStyle) == null ? void 0 : d.light.layers) == null ? void 0 : b.find((h) => h.id === "loadlines-label"),
           (L = (w = this.originStyle) == null ? void 0 : w.light.layers) == null ? void 0 : L.find((h) => h.id === "loadlines-fill"),
           (_ = (g = this.originStyle) == null ? void 0 : g.light.layers) == null ? void 0 : _.find((h) => h.id === "empty-layer-0"),
-          (O = (P = this.originStyle) == null ? void 0 : P.light.layers) == null ? void 0 : O.find((h) => h.id === "empty-layer-1"),
+          (B = (P = this.originStyle) == null ? void 0 : P.light.layers) == null ? void 0 : B.find((h) => h.id === "empty-layer-1"),
           (C = (I = this.originStyle) == null ? void 0 : I.light.layers) == null ? void 0 : C.find((h) => h.id === "country-boundaries"),
           (z = (k = this.originStyle) == null ? void 0 : k.light.layers) == null ? void 0 : z.find((h) => h.id === "water-outline"),
           (v = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : v.find((h) => h.id === "water-outline2"),
-          (j = (D = this.originStyle) == null ? void 0 : D.light.layers) == null ? void 0 : j.find((h) => h.id === "empty-layer-2"),
-          (q = (V = this.originStyle) == null ? void 0 : V.light.layers) == null ? void 0 : q.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 = (ee = this.originStyle) == null ? void 0 : ee.light.layers) == null ? void 0 : J.find((h) => h.id === "world-12nm-v4-20231025"),
-          (ie = (ne = this.originStyle) == null ? void 0 : ne.light.layers) == null ? void 0 : ie.find((h) => h.id === "ne-10m-outline"),
-          (ue = (me = this.originStyle) == null ? void 0 : me.light.layers) == null ? void 0 : ue.find((h) => h.id === "ne-10m-label"),
-          (de = (he = this.originStyle) == null ? void 0 : he.light.layers) == null ? void 0 : de.find((h) => h.id === "china-route-line"),
-          (re = (Y = this.originStyle) == null ? void 0 : Y.light.layers) == null ? void 0 : re.find((h) => h.id === "china-route-fill"),
-          (se = (F = this.originStyle) == null ? void 0 : F.light.layers) == null ? void 0 : se.find((h) => h.id === "china-route-label"),
-          (ve = (ye = this.originStyle) == null ? void 0 : ye.light.layers) == null ? void 0 : ve.find((h) => h.id === "admin-0-boundary-bg"),
-          (Te = (be = this.originStyle) == null ? void 0 : be.light.layers) == null ? void 0 : Te.find((h) => h.id === "admin-0-boundary"),
-          (Re = (Ae = this.originStyle) == null ? void 0 : Ae.light.layers) == null ? void 0 : Re.find((h) => h.id === "admin-0-boundary-disputed"),
-          (G = (Le = this.originStyle) == null ? void 0 : Le.light.layers) == null ? void 0 : G.find((h) => h.id === "country-label"),
+          (F = (D = this.originStyle) == null ? void 0 : D.light.layers) == null ? void 0 : F.find((h) => h.id === "empty-layer-2"),
+          (Y = (V = this.originStyle) == null ? void 0 : V.light.layers) == null ? void 0 : Y.find((h) => h.id === "water-line-label"),
+          (J = (Z = this.originStyle) == null ? void 0 : Z.light.layers) == null ? void 0 : J.find((h) => h.id === "water-point-label"),
+          (K = (Q = this.originStyle) == null ? void 0 : Q.light.layers) == null ? void 0 : K.find((h) => h.id === "world-12nm-v4-20231025"),
+          (le = (se = this.originStyle) == null ? void 0 : se.light.layers) == null ? void 0 : le.find((h) => h.id === "ne-10m-outline"),
+          (ie = (pe = this.originStyle) == null ? void 0 : pe.light.layers) == null ? void 0 : ie.find((h) => h.id === "ne-10m-label"),
+          (ue = (ce = this.originStyle) == null ? void 0 : ce.light.layers) == null ? void 0 : ue.find((h) => h.id === "china-route-line"),
+          (he = (me = this.originStyle) == null ? void 0 : me.light.layers) == null ? void 0 : he.find((h) => h.id === "china-route-fill"),
+          (ee = (A = this.originStyle) == null ? void 0 : A.light.layers) == null ? void 0 : ee.find((h) => h.id === "china-route-label"),
+          (xe = (ye = this.originStyle) == null ? void 0 : ye.light.layers) == null ? void 0 : xe.find((h) => h.id === "admin-0-boundary-bg"),
+          (Pe = (Le = this.originStyle) == null ? void 0 : Le.light.layers) == null ? void 0 : Pe.find((h) => h.id === "admin-0-boundary"),
+          (Me = (ve = this.originStyle) == null ? void 0 : ve.light.layers) == null ? void 0 : Me.find((h) => h.id === "admin-0-boundary-disputed"),
+          (G = (Ce = this.originStyle) == null ? void 0 : Ce.light.layers) == null ? void 0 : G.find((h) => h.id === "country-label"),
           (Fe = (te = this.originStyle) == null ? void 0 : te.light.layers) == null ? void 0 : Fe.find((h) => h.id === "continent-label"),
-          (ge = (Ie = this.originStyle) == null ? void 0 : Ie.light.layers) == null ? void 0 : ge.find((h) => h.id === "tide-stations"),
-          (U = (Se = this.originStyle) == null ? void 0 : Se.light.layers) == null ? void 0 : U.find((h) => h.id === "empty-layer-3"),
+          (ge = (Ae = this.originStyle) == null ? void 0 : Ae.light.layers) == null ? void 0 : ge.find((h) => h.id === "tide-stations"),
+          (U = (Ie = this.originStyle) == null ? void 0 : Ie.light.layers) == null ? void 0 : U.find((h) => h.id === "empty-layer-3"),
           (oe = (fe = this.originStyle) == null ? void 0 : fe.light.layers) == null ? void 0 : oe.find((h) => h.id === "empty-layer-4")
         ]
       },
       dark: {
         version: 8,
         name: "dark",
-        metadata: (le = this.originStyle) == null ? void 0 : le.dark.metadata,
+        metadata: (re = this.originStyle) == null ? void 0 : re.dark.metadata,
         center: [90.22129259388525, -3.2084663486364606],
         zoom: 1.2556266457717493,
         bearing: 0,
@@ -31629,16 +31651,16 @@ class yh {
         sources: (Oe = this.originStyle) == null ? void 0 : Oe.dark.sources,
         sprite: (He = this.originStyle) == null ? void 0 : He.dark.sprite,
         glyphs: (Ge = this.originStyle) == null ? void 0 : Ge.dark.glyphs,
-        projection: (N = this.originStyle) == null ? void 0 : N.dark.projection,
+        projection: (E = this.originStyle) == null ? void 0 : E.dark.projection,
         id: "cmdqwez32005b01re2w0k3zk4",
         owner: "neatchenheng",
         visibility: "private",
         protected: !1,
         draft: !1,
         layers: [
-          (De = (we = this.originStyle) == null ? void 0 : we.dark.layers) == null ? void 0 : De.find((h) => h.id === "land"),
+          (Re = (be = this.originStyle) == null ? void 0 : be.dark.layers) == null ? void 0 : Re.find((h) => h.id === "land"),
           (Ne = (Be = this.originStyle) == null ? void 0 : Be.dark.layers) == null ? void 0 : Ne.find((h) => h.id === "water"),
-          (Ue = (E = this.originStyle) == null ? void 0 : E.dark.layers) == null ? void 0 : Ue.find((h) => h.id === "ice-area-fill"),
+          (Ue = (j = this.originStyle) == null ? void 0 : j.dark.layers) == null ? void 0 : Ue.find((h) => h.id === "ice-area-fill"),
           (qe = (W = this.originStyle) == null ? void 0 : W.dark.layers) == null ? void 0 : qe.find((h) => h.id === "ice-area-line"),
           ($e = (Xe = this.originStyle) == null ? void 0 : Xe.dark.layers) == null ? void 0 : $e.find((h) => h.id === "loadlines-label"),
           (Ke = (ze = this.originStyle) == null ? void 0 : ze.dark.layers) == null ? void 0 : Ke.find((h) => h.id === "loadlines-fill"),
@@ -31953,7 +31975,7 @@ function kh(t, e, o, i, a, r) {
     ])
   ]);
 }
-const zh = /* @__PURE__ */ X(bh, [["render", kh]]);
+const zh = /* @__PURE__ */ q(bh, [["render", kh]]);
 const Lh = {
   name: "DateRangePicker",
   props: {
@@ -32147,11 +32169,11 @@ function Th(t, e, o, i, a, r) {
       onClick: r.handleOpenDatePicker
     }, {
       default: f(() => [
-        K(m(a.dateRangeStr), 1)
+        $(m(a.dateRangeStr), 1)
       ]),
       _: 1
     }, 8, ["height", "width", "onClick"]),
-    a.showDatePicker ? (y(), R(b, {
+    a.showDatePicker ? (y(), O(b, {
       key: 0,
       class: "card-box d-flex flex-column border",
       style: ae(r.getStyle)
@@ -32190,11 +32212,10 @@ function Th(t, e, o, i, a, r) {
               class: "text-none text-body-2",
               onClick: r.handleCancelDate
             }, {
-              default: f(() => e[1] || (e[1] = [
-                K("Cancel", -1)
-              ])),
-              _: 1,
-              __: [1]
+              default: f(() => [
+                $(m(t.$t("actions.cancel")), 1)
+              ]),
+              _: 1
             }, 8, ["onClick"]),
             p(l, {
               size: "small",
@@ -32203,21 +32224,20 @@ function Th(t, e, o, i, a, r) {
               class: "text-none text-body-2",
               onClick: r.handleConfirmDate
             }, {
-              default: f(() => e[2] || (e[2] = [
-                K("Confirm", -1)
-              ])),
-              _: 1,
-              __: [2]
+              default: f(() => [
+                $(m(t.$t("actions.confirm")), 1)
+              ]),
+              _: 1
             }, 8, ["onClick"])
           ]),
           _: 1
         })
       ]),
       _: 1
-    }, 8, ["style"])) : A("", !0)
+    }, 8, ["style"])) : R("", !0)
   ], 512);
 }
-const Sh = /* @__PURE__ */ X(Lh, [["render", Th]]), Hh = {
+const Sh = /* @__PURE__ */ q(Lh, [["render", Th]]), Hh = {
   install(t) {
     t.component("MapInitial", zh), t.component("MapboxGL", fh), t.component("TropicalGL", Xa), t.component("LatLngGL", qa), t.component("DateTimePicker", Ao), t.component("DateRangePicker", Sh), t.component("PortDetail", Io);
   }
@@ -32229,10 +32249,10 @@ export {
   zh as MapInitial,
   fh as MapboxGL,
   Hh as MapboxGLPlugin,
-  Pe as ParticleSchema,
+  Te as ParticleSchema,
   Io as PortDetail,
   Xa as TropicalGL,
   Do as Viewport,
   je as WebGL,
-  ce as WebGLSchema
+  ne as WebGLSchema
 };