@idmwx/idmui-gl4 1.7.6 → 1.7.8

package/dist/index.js

@@ -3,9 +3,9 @@ var Ka = (t, e, o) => e in t ? $a(t, e, { enumerable: !0, configurable: !0, writ
 var de = (t, e, o) => (Ka(t, typeof e != "symbol" ? e + "" : e, o), o);
 import Se from "axios";
 import { useTheme as ze } from "vuetify";
-import { openBlock as y, createElementBlock as S, resolveComponent as x, createBlock as R, withCtx as f, createVNode as p, withModifiers as je, createElementVNode as s, createCommentVNode as D, normalizeClass as Ne, toDisplayString as m, createTextVNode as K, Fragment as be, renderList as we, withDirectives as Ue, vShow as We, mergeProps as B, normalizeStyle as ie } from "vue";
+import { openBlock as y, createElementBlock as M, resolveComponent as x, createBlock as R, withCtx as f, createVNode as p, withModifiers as je, createElementVNode as s, createCommentVNode as D, normalizeClass as Ne, toDisplayString as m, createTextVNode as K, Fragment as be, renderList as we, withDirectives as Ue, vShow as We, mergeProps as B, normalizeStyle as ie } from "vue";
 import xe from "mapbox-gl";
-import M from "moment";
+import S from "moment";
 import { LngLatHelper as X, TropicalHelper as Va, LaneHelper as Ge } from "@idm-plugin/geo";
 import { Meteo2Assist as Co, TidesAssist as Ya } from "@idm-plugin/meteo";
 import * as So from "echarts";
@@ -113,7 +113,7 @@ const Y = (t, e) => {
   }
 };
 function oi(t, e, o, i, a, r) {
-  return y(), S("div");
+  return y(), M("div");
 }
 const ai = /* @__PURE__ */ Y(ti, [["render", oi]]), ii = {
   name: "IdmGmdssArea",
@@ -240,7 +240,7 @@ const ai = /* @__PURE__ */ Y(ti, [["render", oi]]), ii = {
   }
 };
 function ri(t, e, o, i, a, r) {
-  return y(), S("div");
+  return y(), M("div");
 }
 const si = /* @__PURE__ */ Y(ii, [["render", ri]]), li = {
   name: "IdmEcaZone",
@@ -336,7 +336,7 @@ const si = /* @__PURE__ */ Y(ii, [["render", ri]]), li = {
   }
 };
 function ni(t, e, o, i, a, r) {
-  return y(), S("div");
+  return y(), M("div");
 }
 const ci = /* @__PURE__ */ Y(li, [["render", ni]]);
 const mi = {
@@ -1370,13 +1370,13 @@ const ui = {
         let c = {
           index: l,
           dateTimeList: [],
-          label: M().utcOffset(e).add(l, "days").format("MM-DD ddd"),
-          startTime: M().utcOffset(e).add(l, "days").set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format(),
-          dateTime: M().utcOffset(e).add(l, "days").format()
+          label: S().utcOffset(e).add(l, "days").format("MM-DD ddd"),
+          startTime: S().utcOffset(e).add(l, "days").set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format(),
+          dateTime: S().utcOffset(e).add(l, "days").format()
         };
         for (let n = 0; n < 4; n++)
           c.dateTimeList.push(
-            M(c.startTime).utcOffset(e).add(n * this.interval, "hours").utc().format()
+            S(c.startTime).utcOffset(e).add(n * this.interval, "hours").utc().format()
           );
         t.push(c);
       }
@@ -1387,7 +1387,7 @@ const ui = {
         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) ? X.guessTimeZoneOffset(e == null ? void 0 : e.lng, e == null ? void 0 : e.lat) : 0;
-        return M(t).utcOffset(i).format(o);
+        return S(t).utcOffset(i).format(o);
       };
     },
     computeTimeOffset() {
@@ -1489,7 +1489,7 @@ const ui = {
       ], (o = (e = this.dateList) == null ? void 0 : e[this.currentIndex]) == null || o.dateTimeList.forEach((i, a) => {
         var c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe;
         let r = {};
-        const l = ((c = Co.pickHourly(t, M(i))) == null ? void 0 : c[0]) || {};
+        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 = (h = l == null ? void 0 : l.weather) == null ? void 0 : h.precip) == null ? void 0 : b.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((_ = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.precip) == null ? void 0 : _.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((g = l == null ? void 0 : l.weather) == null ? void 0 : g.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((T = (P = l == null ? void 0 : l.weather) == null ? void 0 : P.wind) == null ? void 0 : T.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((z = (L = l == null ? void 0 : l.weather) == null ? void 0 : L.wind) == null ? void 0 : z.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((C = (v = l == null ? void 0 : l.weather) == null ? void 0 : v.wind) == null ? void 0 : C.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((A = (k = l == null ? void 0 : l.wave) == null ? void 0 : k.sig) == null ? void 0 : A.height, 1) ?? "-", r.sigwaveDir = (V = (N = l == null ? void 0 : l.wave) == null ? void 0 : N.sig) == null ? void 0 : V.direction, r.sigwavePeriod = this.computeRoundPrecision((W = (Z = l == null ? void 0 : l.wave) == null ? void 0 : Z.sig) == null ? void 0 : W.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((J = (ee = l == null ? void 0 : l.wave) == null ? void 0 : ee.wd) == null ? void 0 : J.height, 1) ?? "-", r.windwaveDir = (ne = ($ = l == null ? void 0 : l.wave) == null ? void 0 : $.wd) == null ? void 0 : ne.direction, r.windwavePeriod = this.computeRoundPrecision((Q = (se = l == null ? void 0 : l.wave) == null ? void 0 : se.wd) == null ? void 0 : Q.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((he = (ae = l == null ? void 0 : l.wave) == null ? void 0 : ae.swell) == null ? void 0 : he.height, 1) ?? "-", r.swellDir = (pe = (ce = l == null ? void 0 : l.wave) == null ? void 0 : ce.swell) == null ? void 0 : pe.direction, r.swellPeriod = this.computeRoundPrecision((F = (ge = l == null ? void 0 : l.wave) == null ? void 0 : ge.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((me = l == null ? void 0 : l.current) == null ? void 0 : me.speed, 1) ?? "-", r.currentDir = (ve = l == null ? void 0 : l.current) == null ? void 0 : ve.direction, r.currentSpeed = this.computeRoundPrecision((Le = l == null ? void 0 : l.current) == null ? void 0 : Le.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(l == null ? void 0 : l.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(l == null ? void 0 : l.sst, 0) ?? "-", r.weatherUrls = (Pe = l == null ? void 0 : l.weather) == null ? void 0 : Pe.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = r.weatherUrl, this.tableData[2][`value${a}`] = r.temp, this.tableData[3][`value${a}`] = r.precip1h, this.tableData[4][`value${a}`] = r.visibility, this.tableData[5][`value${a}`] = r.windSpeed, this.tableData[6][`value${a}`] = r.sigwaveHeight, this.tableData[7][`value${a}`] = r.swellHeight, this.tableData[8][`value${a}`] = r.currentSpeed;
       });
     },
@@ -1769,7 +1769,7 @@ function yr(t, e, o, i, a, r) {
           s("div", xi, [
             s("div", vi, [
               s("div", _i, [
-                (y(), S("svg", ki, [
+                (y(), M("svg", ki, [
                   s("use", {
                     "xlink:href": `#icon-title-${o.theme}`
                   }, null, 8, zi)
@@ -1796,7 +1796,7 @@ function yr(t, e, o, i, a, r) {
           s("div", Oi, [
             s("div", Bi, [
               s("div", Ei, [
-                (y(), S("svg", ji, [
+                (y(), M("svg", ji, [
                   s("use", {
                     "xlink:href": `#icon-title-${o.theme}`
                   }, null, 8, Ni)
@@ -1817,7 +1817,7 @@ function yr(t, e, o, i, a, r) {
                 rounded: "1"
               }, {
                 default: f(() => [
-                  (y(!0), S(be, null, we(r.dateList, (g) => (y(), R(l, {
+                  (y(!0), M(be, null, we(r.dateList, (g) => (y(), R(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
@@ -1834,40 +1834,40 @@ function yr(t, e, o, i, a, r) {
               }, 8, ["modelValue"]),
               s("table", Hi, [
                 s("tbody", null, [
-                  (y(!0), S(be, null, we(a.tableData, (g) => (y(), S("tr", {
+                  (y(!0), M(be, null, we(a.tableData, (g) => (y(), M("tr", {
                     key: g.id
                   }, [
                     s("th", Gi, [
                       K(m(t.$t(`${g.key}`)) + " ", 1),
-                      g.unit ? (y(), S("span", Ui, " ( " + m(g.unit) + " )", 1)) : D("", !0)
+                      g.unit ? (y(), M("span", Ui, " ( " + m(g.unit) + " )", 1)) : D("", !0)
                     ]),
                     s("td", Wi, [
-                      g.img ? (y(), S("img", {
+                      g.img ? (y(), M("img", {
                         key: 0,
                         src: g == null ? void 0 : g.value0,
                         style: { height: "30px" }
-                      }, null, 8, Vi)) : (y(), S("span", Zi, m((g == null ? void 0 : g.value0) ?? "-"), 1))
+                      }, null, 8, Vi)) : (y(), M("span", Zi, m((g == null ? void 0 : g.value0) ?? "-"), 1))
                     ]),
                     s("td", Yi, [
-                      g.img ? (y(), S("img", {
+                      g.img ? (y(), M("img", {
                         key: 0,
                         src: g == null ? void 0 : g.value1,
                         style: { height: "30px" }
-                      }, null, 8, qi)) : (y(), S("span", Xi, m((g == null ? void 0 : g.value1) ?? "-"), 1))
+                      }, null, 8, qi)) : (y(), M("span", Xi, m((g == null ? void 0 : g.value1) ?? "-"), 1))
                     ]),
                     s("td", $i, [
-                      g.img ? (y(), S("img", {
+                      g.img ? (y(), M("img", {
                         key: 0,
                         src: g == null ? void 0 : g.value2,
                         style: { height: "30px" }
-                      }, null, 8, Ki)) : (y(), S("span", Ji, m((g == null ? void 0 : g.value2) ?? "-"), 1))
+                      }, null, 8, Ki)) : (y(), M("span", Ji, m((g == null ? void 0 : g.value2) ?? "-"), 1))
                     ]),
                     s("td", Qi, [
-                      g.img ? (y(), S("img", {
+                      g.img ? (y(), M("img", {
                         key: 0,
                         src: g == null ? void 0 : g.value3,
                         style: { height: "30px" }
-                      }, null, 8, er)) : (y(), S("span", tr, m((g == null ? void 0 : g.value3) ?? "-"), 1))
+                      }, null, 8, er)) : (y(), M("span", tr, m((g == null ? void 0 : g.value3) ?? "-"), 1))
                     ])
                   ]))), 128))
                 ])
@@ -1877,7 +1877,7 @@ function yr(t, e, o, i, a, r) {
           s("div", or, [
             s("div", ar, [
               s("div", ir, [
-                (y(), S("svg", rr, [
+                (y(), M("svg", rr, [
                   s("use", {
                     "xlink:href": `#icon-title-${o.theme}`
                   }, null, 8, sr)
@@ -1902,7 +1902,7 @@ function yr(t, e, o, i, a, r) {
                 }, null, 8, ["onClick"]))
               ])
             ]),
-            a.showTideDetail ? (y(), S("div", nr, [
+            a.showTideDetail ? (y(), M("div", nr, [
               s("div", cr, null, 512),
               s("table", mr, [
                 s("tbody", null, [
@@ -1911,9 +1911,9 @@ function yr(t, e, o, i, a, r) {
                     s("th", hr, m(t.$t("time.time")) + " ( LT ) ", 1),
                     s("th", pr, m(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (y(!0), S(be, null, we(a.tideTableData, (g, P) => {
+                  (y(!0), M(be, null, we(a.tideTableData, (g, P) => {
                     var T;
-                    return y(), S("tr", { key: P }, [
+                    return y(), M("tr", { key: P }, [
                       s("td", ur, m(t.$t(`tide.${(T = g == null ? void 0 : g.type) == null ? void 0 : T.toLowerCase()}`)) + " " + m(t.$t("tide.tide")), 1),
                       s("td", gr, m(r.computeLocalTime(g == null ? void 0 : g.date, o.port, "MM-DD HH:mm")), 1),
                       s("td", fr, m((g == null ? void 0 : g.height) ?? "-") + " m", 1)
@@ -2039,7 +2039,7 @@ const br = {
 }, wr = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, xr = { class: "d-flex justify-start align-center text-label" }, vr = { class: "d-flex justify-start align-center text-label" };
 function _r(t, e, o, i, a, r) {
   const l = x("VCardText"), c = x("VCard"), n = x("PortDetail");
-  return y(), S("div", null, [
+  return y(), M("div", null, [
     Ue(p(c, {
       id: "idmPortInfo",
       ref: "idmPortInfo"
@@ -2117,7 +2117,7 @@ const kr = /* @__PURE__ */ Y(br, [["render", _r], ["__scopeId", "data-v-0c0f27d3
   }
 };
 function Lr(t, e, o, i, a, r) {
-  return y(), S("div");
+  return y(), M("div");
 }
 const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
   name: "IdmTimezone",
@@ -2144,6 +2144,14 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
       marker: null
     };
   },
+  computed: {
+    timeZoneName() {
+      return (t) => {
+        var o;
+        return (o = S.tz.names().filter((i) => S.tz(S(), i).utcOffset() === t * 60)) == null ? void 0 : o[0];
+      };
+    }
+  },
   watch: {
     zone: {
       handler() {
@@ -2305,7 +2313,8 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
           return c.properties.offSet === t.features[0].properties.offSet ? (c.properties.opacity = 0.25, c.properties.lineOpacity = 0.7, c.properties.width = 2) : (c.properties.opacity = 0, c.properties.lineOpacity = 0.2, c.properties.width = 1), c;
         }), (i = this.map.getSource(this.source)) == null || i.setData(a);
         const r = document.createElement("div");
-        r.className = "v-card--variant-elevated rounded px-2 py-1 text-body-1", r.innerHTML = `<div>UTC ${t.features[0].properties.offSet}</div>`, this.marker = new xe.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -30]).addTo(this.map);
+        r.className = "v-card--variant-elevated rounded px-2 py-1 text-body-1", r.innerHTML = `<div>UTC ${t.features[0].properties.offSet}:00</div>
+          <div>${S.tz(S().format(), this.timeZoneName(t.features[0].properties.offSet)).format("MM-DD HH:mm")}`, this.marker = new xe.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -30]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -2313,7 +2322,7 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
   }
 };
 function Tr(t, e, o, i, a, r) {
-  return y(), S("div");
+  return y(), M("div");
 }
 const Sr = /* @__PURE__ */ Y(Cr, [["render", Tr]]), Mr = {
   name: "IdmVoluntaryReportingArea",
@@ -2408,7 +2417,7 @@ const Sr = /* @__PURE__ */ Y(Cr, [["render", Tr]]), Mr = {
   }
 };
 function Ir(t, e, o, i, a, r) {
-  return y(), S("div");
+  return y(), M("div");
 }
 const Dr = /* @__PURE__ */ Y(Mr, [["render", Ir]]), Ar = {
   name: "IdmSpecialArea",
@@ -2503,7 +2512,7 @@ const Dr = /* @__PURE__ */ Y(Mr, [["render", Ir]]), Ar = {
   }
 };
 function Rr(t, e, o, i, a, r) {
-  return y(), S("div");
+  return y(), M("div");
 }
 const Or = /* @__PURE__ */ Y(Ar, [["render", Rr]]), Br = {
   name: "IdmTerminator",
@@ -2557,7 +2566,7 @@ const Or = /* @__PURE__ */ Y(Ar, [["render", Rr]]), Br = {
   }
 };
 function Er(t, e, o, i, a, r) {
-  return y(), S("div");
+  return y(), M("div");
 }
 const jr = /* @__PURE__ */ Y(Br, [["render", Er]]), Nr = {
   name: "IdmWorld12nm",
@@ -2749,12 +2758,12 @@ const qr = {
         let c = {
           index: l,
           dateTimeList: [],
-          label: M().utcOffset(e).add(l, "days").format("MM-DD ddd"),
-          startTime: M().utcOffset(e).add(l, "days").set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format(),
-          dateTime: M().utcOffset(e).add(l, "days").format()
+          label: S().utcOffset(e).add(l, "days").format("MM-DD ddd"),
+          startTime: S().utcOffset(e).add(l, "days").set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format(),
+          dateTime: S().utcOffset(e).add(l, "days").format()
         };
         for (let n = 0; n < 4; n++)
-          c.dateTimeList.push(M(c.startTime).utcOffset(e).add(n * 3, "hours").utc().format());
+          c.dateTimeList.push(S(c.startTime).utcOffset(e).add(n * 3, "hours").utc().format());
         t.push(c);
       }
       return t;
@@ -2764,7 +2773,7 @@ const qr = {
         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) ? X.guessTimeZoneOffset(e == null ? void 0 : e.lng, e == null ? void 0 : e.lat) : 0;
-        return M(t).utcOffset(i).format(o);
+        return S(t).utcOffset(i).format(o);
       };
     },
     computeTimeOffset() {
@@ -2999,7 +3008,7 @@ function Ts(t, e, o, i, a, r) {
           s("div", Qr, [
             s("div", es, [
               s("div", ts, [
-                (y(), S("svg", os, [
+                (y(), M("svg", os, [
                   s("use", {
                     "xlink:href": `#icon-title-${o.theme}`
                   }, null, 8, as)
@@ -3026,7 +3035,7 @@ function Ts(t, e, o, i, a, r) {
           s("div", us, [
             s("div", gs, [
               s("div", fs, [
-                (y(), S("svg", ys, [
+                (y(), M("svg", ys, [
                   s("use", {
                     "xlink:href": `#icon-title-${o.theme}`
                   }, null, 8, bs)
@@ -3047,7 +3056,7 @@ function Ts(t, e, o, i, a, r) {
                 rounded: "1"
               }, {
                 default: f(() => [
-                  (y(!0), S(be, null, we(r.dateList, (_) => (y(), R(l, {
+                  (y(!0), M(be, null, we(r.dateList, (_) => (y(), R(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
@@ -3070,9 +3079,9 @@ 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), S(be, null, we(a.tideTableData, (_, g) => {
+                  (y(!0), M(be, null, we(a.tideTableData, (_, g) => {
                     var P;
-                    return y(), S("tr", { key: g }, [
+                    return y(), M("tr", { key: g }, [
                       s("td", Ls, m(t.$t(`tide.${(P = _ == null ? void 0 : _.type) == null ? void 0 : P.toLowerCase()}`)) + " " + m(t.$t("tide.tide")), 1),
                       s("td", Ps, m(r.computeLocalTime(_ == null ? void 0 : _.date, o.station, "MM-DD HH:mm")), 1),
                       s("td", Cs, m((_ == null ? void 0 : _.height) ?? "-") + " m", 1)
@@ -3167,7 +3176,7 @@ const Ms = {
 }, Is = { class: "station-box d-flex flex-column justify-center align-start ga-1" }, Ds = { class: "d-flex justify-start align-center" }, As = { class: "d-flex justify-start align-center" }, Rs = { class: "text-label" };
 function Os(t, e, o, i, a, r) {
   const l = x("v-card-text"), c = x("v-card"), n = x("TideDetail");
-  return y(), S("div", null, [
+  return y(), M("div", null, [
     Ue(p(c, { id: "idmTidalInfo" }, {
       default: f(() => [
         p(l, { class: "pr-8 text-body-1" }, {
@@ -3407,7 +3416,7 @@ const Fs = {
 };
 function Hs(t, e, o, i, a, r) {
   var l, c, n;
-  return y(), S("div", {
+  return y(), M("div", {
     class: "idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",
     style: ie({ right: a.right + "px" })
   }, [
@@ -4329,7 +4338,7 @@ const Gs = {
 }, Us = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, Ws = { class: "d-flex justify-start align-center text-label" }, Vs = { class: "d-flex justify-start align-center text-label" };
 function Zs(t, e, o, i, a, r) {
   const l = x("v-card-text"), c = x("v-card"), n = x("PortDetail");
-  return y(), S("div", null, [
+  return y(), M("div", null, [
     Ue(p(c, {
       id: "idmFollowPortInfo",
       ref: "idmFollowPortInfo"
@@ -4475,7 +4484,7 @@ const qs = {
       if (e.properties) {
         const b = e.properties;
         b.lng = e.geometry.coordinates[0], b.lat = e.geometry.coordinates[1];
-        const w = M(), _ = (o = M(this.realTime)) == null ? void 0 : o.diff(w, "d", !0), g = {
+        const w = S(), _ = (o = S(this.realTime)) == null ? void 0 : o.diff(w, "d", !0), g = {
           lat: b.lat,
           lng: b.lng,
           datetime: this.realTime,
@@ -4517,7 +4526,7 @@ function Js(t, e, o, i, a, r) {
             s("div", $s, [
               s("span", null, m(r.computePosition(a.position)), 1)
             ]),
-            a.position.remark ? (y(), S("div", Ks, [
+            a.position.remark ? (y(), M("div", Ks, [
               s("span", null, m(a.position.remark ?? "-"), 1)
             ])) : D("", !0)
           ])
@@ -4742,7 +4751,7 @@ const el = {
 function hl(t, e, o, i, a, r) {
   var $, ne, se, Q, ae, he, ce, pe, ge;
   const l = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), u = x("VCardItem"), h = x("VCheckbox"), b = x("VCardText"), w = x("VCard"), _ = x("IdmLatLng"), g = x("IdmTerminator"), P = x("IdmTimezone"), T = x("IdmPort"), O = x("IdmAlertZone"), I = x("IdmTideStations"), L = x("IdmEcaZone"), z = x("IdmWarZone"), v = x("IdmGmdssArea"), C = x("IdmLoadLine"), k = x("IdmWorldMarine"), A = x("IdmVRA"), N = x("IdmSpecialArea"), V = x("IdmWorld12nm"), Z = x("IdmChinaRoute"), W = x("IdmIceAreas"), ee = x("IdmFollowPort"), J = x("IdmFollowPosition");
-  return y(), S("div", tl, [
+  return y(), M("div", tl, [
     s("div", {
       class: "menu-bar-box transition px-1 rounded",
       style: ie({ top: o.top + 10 + "px", right: a.right + "px" })
@@ -4812,7 +4821,7 @@ function hl(t, e, o, i, a, r) {
             p(b, { class: "pb-2" }, {
               default: f(() => [
                 s("div", rl, [
-                  (y(!0), S(be, null, we(a.mapFeathers, (F) => (y(), S("div", {
+                  (y(!0), M(be, null, we(a.mapFeathers, (F) => (y(), M("div", {
                     key: F.value,
                     class: "mb-2 feather-item",
                     onClick: (me) => r.handleToggleMapFeather(F)
@@ -4820,12 +4829,12 @@ function hl(t, e, o, i, a, r) {
                     s("div", {
                       class: Ne([a.mapFeather === F.value ? "active" : "", "img-box"])
                     }, [
-                      F.value === "dark" ? (y(), S("img", ll)) : F.value === "nautical" ? (y(), S("img", nl)) : F.value === "satellite" ? (y(), S("img", cl)) : (y(), S("img", ml))
+                      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))
                     ], 2),
                     s("div", dl, m(t.$t(`layer.${F.locale}`)), 1)
                   ], 8, sl))), 128))
                 ]),
-                (y(!0), S(be, null, we(a.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (y(), R(h, {
+                (y(!0), M(be, null, we(a.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (y(), R(h, {
                   key: F.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[0] || (e[0] = (me) => a.checkList = me),
@@ -4864,7 +4873,7 @@ function hl(t, e, o, i, a, r) {
             }),
             p(b, { class: "py-2" }, {
               default: f(() => [
-                (y(!0), S(be, null, we(a.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), R(h, {
+                (y(!0), M(be, null, we(a.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), R(h, {
                   key: F.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[1] || (e[1] = (me) => a.checkList = me),
@@ -4903,7 +4912,7 @@ function hl(t, e, o, i, a, r) {
             }),
             p(b, { class: "py-2" }, {
               default: f(() => [
-                (y(!0), S(be, null, we(a.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), R(h, {
+                (y(!0), M(be, null, we(a.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), R(h, {
                   key: F.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[2] || (e[2] = (me) => a.checkList = me),
@@ -4986,8 +4995,9 @@ function hl(t, e, o, i, a, r) {
     o.map ? (y(), R(P, B({
       key: 2,
       map: o.map,
-      zone: (ne = a.otherLayers) == null ? void 0 : ne["time-zones"]
-    }, t.$attrs, { beforeLayer: "empty-layer-3" }), null, 16, ["map", "zone"])) : D("", !0),
+      zone: (ne = a.otherLayers) == null ? void 0 : ne["time-zones"],
+      realTime: o.realTime
+    }, t.$attrs, { beforeLayer: "empty-layer-3" }), null, 16, ["map", "zone", "realTime"])) : D("", !0),
     o.map ? (y(), R(T, B({
       key: 3,
       ref: "idmPorts",
@@ -5903,7 +5913,7 @@ const bl = {
 }, wl = { key: 0 };
 function xl(t, e, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (y(), S("div", wl, [
+  return (l = o.factor) != null && l.active ? (y(), M("div", wl, [
     s("div", {
       class: "legend-bars-gl4 wind",
       style: ie({ right: a.right + "px" })
@@ -6241,7 +6251,7 @@ const Ll = {
 }, Pl = { key: 0 };
 function Cl(t, e, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (y(), S("div", Pl, [
+  return (l = o.factor) != null && l.active ? (y(), M("div", Pl, [
     s("div", {
       class: "legend-bars-gl4 current",
       style: ie({ right: a.right + "px" })
@@ -6365,7 +6375,7 @@ const Sl = {
 }, Ml = { key: 0 };
 function Il(t, e, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (y(), S("div", Ml, [
+  return (l = o.factor) != null && l.active ? (y(), M("div", Ml, [
     s("div", {
       class: "legend-bars-gl4 sig-wave",
       style: ie({ right: a.right + "px" })
@@ -6637,7 +6647,7 @@ const Bl = {
 }, El = { key: 0 };
 function jl(t, e, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (y(), S("div", El, [
+  return (l = o.factor) != null && l.active ? (y(), M("div", El, [
     s("div", {
       class: "legend-bars-gl4 swell",
       style: ie({ right: a.right + "px" })
@@ -6804,7 +6814,7 @@ const Nl = /* @__PURE__ */ Y(Bl, [["render", jl], ["__scopeId", "data-v-d47b8b5c
 function Gl(t, e, o, i, a, r) {
   var n;
   const l = x("VBtn"), c = x("VTooltip");
-  return (n = o.prmsl) != null && n.active ? (y(), S("div", Hl, [
+  return (n = o.prmsl) != null && n.active ? (y(), M("div", Hl, [
     s("div", {
       class: "menu-bar-box pa-1 rounded",
       style: ie({ right: a.right + "px" })
@@ -6936,7 +6946,7 @@ const Wl = {
 }, Vl = { key: 0 };
 function Zl(t, e, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (y(), S("div", Vl, [
+  return (l = o.factor) != null && l.active ? (y(), M("div", Vl, [
     s("div", {
       class: "legend-bars-gl4 ice-edge",
       style: ie({ right: a.right + "px" })
@@ -7049,7 +7059,7 @@ const ql = {
 }, Xl = { key: 0 };
 function $l(t, e, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (y(), S("div", Xl, [
+  return (l = o.factor) != null && l.active ? (y(), M("div", Xl, [
     s("div", {
       class: "legend-bars-gl4 ice-cover",
       style: ie({ right: a.right + "px" })
@@ -7163,7 +7173,7 @@ const Jl = {
 }, Ql = { key: 0 };
 function en(t, e, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (y(), S("div", Ql, [
+  return (l = o.factor) != null && l.active ? (y(), M("div", Ql, [
     s("div", {
       class: "legend-bars-gl4 ice-thickness",
       style: ie({ right: a.right + "px" })
@@ -7279,7 +7289,7 @@ const on = {
 }, an = { key: 0 };
 function rn(t, e, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (y(), S("div", an, [
+  return (l = o.factor) != null && l.active ? (y(), M("div", an, [
     s("div", {
       class: "legend-bars-gl4 precip3h",
       style: ie({ right: a.right + "px" })
@@ -7386,7 +7396,7 @@ const ln = {
 }, nn = { key: 0 };
 function cn(t, e, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (y(), S("div", nn, [
+  return (l = o.factor) != null && l.active ? (y(), M("div", nn, [
     s("div", {
       class: "legend-bars-gl4 visibility",
       style: ie({ right: a.right + "px" })
@@ -7494,7 +7504,7 @@ const dn = {
 }, hn = { key: 0 };
 function pn(t, e, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (y(), S("div", hn, [
+  return (l = o.factor) != null && l.active ? (y(), M("div", hn, [
     s("div", {
       class: "legend-bars-gl4 water-temp",
       style: ie({ right: a.right + "px" })
@@ -7613,7 +7623,7 @@ const gn = {
 }, fn = { key: 0 };
 function yn(t, e, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (y(), S("div", fn, [
+  return (l = o.factor) != null && l.active ? (y(), M("div", fn, [
     s("div", {
       class: "legend-bars-gl4 temp",
       style: ie({ right: a.right + "px" })
@@ -7753,7 +7763,7 @@ const wn = {
       return function(t) {
         var e;
         if (t) {
-          const o = M(t);
+          const o = S(t);
           return `${(e = o == null ? void 0 : o.utc()) == null ? void 0 : e.format("MMM-DD/HHmm")}Z`;
         }
         return "-";
@@ -7761,7 +7771,7 @@ const wn = {
     },
     computeDateUpdate() {
       return function(t) {
-        return t ? M(t).fromNow() : "-";
+        return t ? S(t).fromNow() : "-";
       };
     },
     overlaysKeys() {
@@ -7805,7 +7815,7 @@ const wn = {
     },
     realTime: {
       handler(t, e) {
-        t && e && M(t).utc().format("yyyy-MM-DD HH") !== M(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
+        t && e && S(t).utc().format("yyyy-MM-DD HH") !== S(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
           this.fetchWeatherLayers();
         });
       },
@@ -8309,7 +8319,7 @@ const wn = {
 function ic(t, e, o, i, a, r) {
   var Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe, De, Ae, Re, _e;
   const l = x("VBtn"), c = x("VTooltip"), n = x("VCol"), u = x("VRow"), h = x("VCardText"), b = x("VDivider"), w = x("VCard"), _ = x("VSwitch"), g = x("VCardTitle"), P = x("VCardItem"), T = x("VCheckbox"), O = x("VRadio"), I = x("VBtnToggle"), L = x("IdmWindBarb"), z = x("IdmSigWaveHeight"), v = x("IdmCurrentDirection"), C = x("IdmPrmsl"), k = x("IdmWindParticle"), A = x("IdmCurrentParticle"), N = x("IdmWave"), V = x("IdmSwell"), Z = x("IdmIceEdge"), W = x("IdmIceCover"), ee = x("IdmIceThickness"), J = x("IdmPrecip3h"), $ = x("IdmVisibility"), ne = x("IdmWaterTemp"), se = x("IdmTemp");
-  return y(), S("div", xn, [
+  return y(), M("div", xn, [
     s("div", {
       class: "menu-bar-box transition pa-1",
       style: ie({ top: o.top + 94 + "px", right: a.right + "px" })
@@ -8336,7 +8346,7 @@ function ic(t, e, o, i, a, r) {
         _: 1
       }, 8, ["text"])
     ], 4),
-    r.showTipMenu ? (y(), S("div", vn, [
+    r.showTipMenu ? (y(), M("div", vn, [
       s("div", {
         class: "menu-bar-box pa-1 rounded",
         style: ie({ right: a.right + "px" })
@@ -8376,7 +8386,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), S(be, null, we(a.legend.barbs, (G, te) => (y(), R(n, {
+                  (y(!0), M(be, null, we(a.legend.barbs, (G, te) => (y(), R(n, {
                     key: G,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
@@ -8408,14 +8418,14 @@ function ic(t, e, o, i, a, r) {
                 style: { width: "100px" }
               }, {
                 default: f(() => [
-                  (y(!0), S(be, null, we(a.legend.sigWaveHeight, (G, te) => (y(), R(n, {
+                  (y(!0), M(be, null, we(a.legend.sigWaveHeight, (G, te) => (y(), R(n, {
                     key: te,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
                     default: f(() => [
                       s("div", zn, [
-                        te === 0 ? (y(), S("div", Ln)) : (y(), S("div", {
+                        te === 0 ? (y(), M("div", Ln)) : (y(), M("div", {
                           key: 1,
                           style: ie({ width: "24px", height: "12px", background: G.color })
                         }, null, 4)),
@@ -8440,7 +8450,7 @@ function ic(t, e, o, i, a, r) {
                 style: { width: "110px" }
               }, {
                 default: f(() => [
-                  (y(!0), S(be, null, we(a.legend.current, (G, te) => (y(), R(n, {
+                  (y(!0), M(be, null, we(a.legend.current, (G, te) => (y(), R(n, {
                     key: te,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
@@ -8524,7 +8534,7 @@ function ic(t, e, o, i, a, r) {
             }),
             p(h, { class: "py-2" }, {
               default: f(() => [
-                (y(!0), S(be, null, we(a.tagLayers.filter((G) => G.overlays), (G) => (y(), R(T, {
+                (y(!0), M(be, null, we(a.tagLayers.filter((G) => G.overlays), (G) => (y(), R(T, {
                   key: G.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[2] || (e[2] = (te) => a.checkList = te),
@@ -8564,7 +8574,7 @@ function ic(t, e, o, i, a, r) {
             }),
             p(h, { class: "py-2" }, {
               default: f(() => [
-                (y(!0), S(be, null, we(a.tagLayers.filter((G) => !G.overlays), (G) => (y(), S(be, {
+                (y(!0), M(be, null, we(a.tagLayers.filter((G) => !G.overlays), (G) => (y(), M(be, {
                   key: G.key
                 }, [
                   p(O, {
@@ -8580,7 +8590,7 @@ function ic(t, e, o, i, a, r) {
                     "hide-details": "",
                     onClick: (te) => a.renderKey = a.renderKey === G.key ? "" : G.key
                   }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
-                  a.renderKey === "wind-particle" && G.key === "wind-particle" ? (y(), S("div", An, [
+                  a.renderKey === "wind-particle" && G.key === "wind-particle" ? (y(), M("div", An, [
                     s("span", null, m(t.$t("weather.particleAnimatiom")), 1),
                     p(_, {
                       modelValue: a.showWindParticle,
@@ -8595,7 +8605,7 @@ function ic(t, e, o, i, a, r) {
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
                   ])) : D("", !0),
-                  a.renderKey === "current-particle" && G.key === "current-particle" ? (y(), S("div", Rn, [
+                  a.renderKey === "current-particle" && G.key === "current-particle" ? (y(), M("div", Rn, [
                     s("span", null, m(t.$t("weather.particleAnimatiom")), 1),
                     p(_, {
                       modelValue: a.showCurrentParticle,
@@ -8730,27 +8740,27 @@ function ic(t, e, o, i, a, r) {
                   s("div", Bn, m((He = (te = (G = a.models) == null ? void 0 : G.weather) == null ? void 0 : te.NOAA) == null ? void 0 : He.source) + " " + m((fe = (ue = (Me = a.models) == null ? void 0 : Me.weather) == null ? void 0 : ue.NOAA) == null ? void 0 : fe.spatialResolution) + m(t.$t("units.km")) + " " + m((re = (oe = (Ce = (U = a.models) == null ? void 0 : U.weather) == null ? void 0 : Ce.NOAA) == null ? void 0 : oe.meta) == null ? void 0 : re.days) + m(t.$t("units.days")), 1),
                   s("div", En, m(t.$t("weather.source")) + ": NOAA", 1),
                   s("div", jn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((Ie = (ye = (j = (Oe = a.models) == null ? void 0 : Oe.weather) == null ? void 0 : j.NOAA) == null ? void 0 : ye.meta) == null ? void 0 : Ie.availabilityTime)), 1),
-                  s("div", Nn, m(t.$t("weather.referenceTime ")) + ": " + m(r.computeDateZ((q = (E = (Ee = (Be = a.models) == null ? void 0 : Be.weather) == null ? void 0 : Ee.NOAA) == null ? void 0 : E.meta) == null ? void 0 : q.initialisationTime)), 1),
+                  s("div", Nn, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((q = (E = (Ee = (Be = a.models) == null ? void 0 : Be.weather) == null ? void 0 : Ee.NOAA) == null ? void 0 : E.meta) == null ? void 0 : q.initialisationTime)), 1),
                   s("div", Fn, m((Ye = (Ze = (Ve = a.models) == null ? void 0 : Ve.weather) == null ? void 0 : Ze.ECMWF) == null ? void 0 : Ye.source) + " " + m((Xe = (qe = (Te = a.models) == null ? void 0 : Te.weather) == null ? void 0 : qe.ECMWF) == null ? void 0 : Xe.spatialResolution) + m(t.$t("units.km")) + " " + m((Qe = (Je = (Ke = ($e = a.models) == null ? void 0 : $e.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),
+                  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),
                   p(b),
                   s("div", Wn, m(t.$t("weather.wave")), 1),
                   s("div", Vn, m((dt = (mt = (ct = (nt = a.models) == null ? void 0 : nt.marine) == null ? void 0 : ct.wave) == null ? void 0 : mt.NOAA) == null ? void 0 : dt.source) + " " + m((gt = (ut = (pt = (ht = a.models) == null ? void 0 : ht.marine) == null ? void 0 : pt.wave) == null ? void 0 : ut.NOAA) == null ? void 0 : gt.spatialResolution) + m(t.$t("units.km")) + " " + m((xt = (wt = (bt = (yt = (ft = a.models) == null ? void 0 : ft.marine) == null ? void 0 : yt.wave) == null ? void 0 : bt.NOAA) == null ? void 0 : wt.meta) == null ? void 0 : xt.days) + m(t.$t("units.days")), 1),
                   s("div", Zn, m(t.$t("weather.source")) + ": NOAA", 1),
                   s("div", Yn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((Lt = (zt = (kt = (_t = (vt = a.models) == null ? void 0 : vt.marine) == null ? void 0 : _t.wave) == null ? void 0 : kt.NOAA) == null ? void 0 : zt.meta) == null ? void 0 : Lt.availabilityTime)), 1),
-                  s("div", qn, m(t.$t("weather.referenceTime ")) + ": " + m(r.computeDateZ((Mt = (St = (Tt = (Ct = (Pt = a.models) == null ? void 0 : Pt.marine) == null ? void 0 : Ct.wave) == null ? void 0 : Tt.NOAA) == null ? void 0 : St.meta) == null ? void 0 : Mt.initialisationTime)), 1),
+                  s("div", qn, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((Mt = (St = (Tt = (Ct = (Pt = a.models) == null ? void 0 : Pt.marine) == null ? void 0 : Ct.wave) == null ? void 0 : Tt.NOAA) == null ? void 0 : St.meta) == null ? void 0 : Mt.initialisationTime)), 1),
                   s("div", Xn, m((Rt = (At = (Dt = (It = a.models) == null ? void 0 : It.marine) == null ? void 0 : Dt.wave) == null ? void 0 : At.ECMWF) == null ? void 0 : Rt.source) + " " + m((jt = (Et = (Bt = (Ot = a.models) == null ? void 0 : Ot.marine) == null ? void 0 : Bt.wave) == null ? void 0 : Et.ECMWF) == null ? void 0 : jt.spatialResolution) + m(t.$t("units.km")) + " " + m((Ut = (Gt = (Ht = (Ft = (Nt = a.models) == null ? void 0 : Nt.marine) == null ? void 0 : Ft.wave) == null ? void 0 : Ht.ECMWF) == null ? void 0 : Gt.meta) == null ? void 0 : Ut.days) + m(t.$t("units.days")), 1),
                   s("div", $n, m(t.$t("weather.source")) + ": ECMWF", 1),
                   s("div", Kn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((qt = (Yt = (Zt = (Vt = (Wt = a.models) == null ? void 0 : Wt.marine) == null ? void 0 : Vt.wave) == null ? void 0 : Zt.ECMWF) == null ? void 0 : Yt.meta) == null ? void 0 : qt.availabilityTime)), 1),
-                  s("div", Jn, m(t.$t("weather.referenceTime ")) + ": " + m(r.computeDateZ((eo = (Qt = (Jt = (Kt = (Xt = a.models) == null ? void 0 : Xt.marine) == null ? void 0 : Kt.wave) == null ? void 0 : Jt.ECMWF) == null ? void 0 : Qt.meta) == null ? void 0 : eo.initialisationTime)), 1),
+                  s("div", Jn, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((eo = (Qt = (Jt = (Kt = (Xt = a.models) == null ? void 0 : Xt.marine) == null ? void 0 : Kt.wave) == null ? void 0 : Jt.ECMWF) == null ? void 0 : Qt.meta) == null ? void 0 : eo.initialisationTime)), 1),
                   p(b),
                   s("div", Qn, m(t.$t("weather.currents")), 1),
                   s("div", ec, m((io = (ao = (oo = (to = a.models) == null ? void 0 : to.marine) == null ? void 0 : oo.current) == null ? void 0 : ao.ECMWF) == null ? void 0 : io.source) + " " + m((no = (lo = (so = (ro = a.models) == null ? void 0 : ro.marine) == null ? void 0 : so.current) == null ? void 0 : lo.ECMWF) == null ? void 0 : no.spatialResolution) + m(t.$t("units.km")) + " " + m((uo = (po = (ho = (mo = (co = a.models) == null ? void 0 : co.marine) == null ? void 0 : mo.current) == null ? void 0 : ho.ECMWF) == null ? void 0 : po.meta) == null ? void 0 : uo.days) + m(t.$t("units.days")), 1),
                   s("div", tc, m(t.$t("weather.source")) + ": ECMWF", 1),
                   s("div", oc, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((wo = (bo = (yo = (fo = (go = a.models) == null ? void 0 : go.marine) == null ? void 0 : fo.current) == null ? void 0 : yo.ECMWF) == null ? void 0 : bo.meta) == null ? void 0 : wo.availabilityTime)), 1),
-                  s("div", ac, m(t.$t("weather.referenceTime ")) + ": " + m(r.computeDateZ((zo = (ko = (_o = (vo = (xo = a.models) == null ? void 0 : xo.marine) == null ? void 0 : vo.current) == null ? void 0 : _o.ECMWF) == null ? void 0 : ko.meta) == null ? void 0 : zo.initialisationTime)), 1)
+                  s("div", ac, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((zo = (ko = (_o = (vo = (xo = a.models) == null ? void 0 : xo.marine) == null ? void 0 : vo.current) == null ? void 0 : _o.ECMWF) == null ? void 0 : ko.meta) == null ? void 0 : zo.initialisationTime)), 1)
                 ];
               }),
               _: 1
@@ -9211,7 +9221,7 @@ class Za {
   }
   static pickHourly(e, o) {
     var i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe, De, Ae, Re, _e, G, te, He, Me;
-    const ue = typeof o == "string" ? M(o) : o, fe = e == null ? void 0 : e.weather, U = e == null ? void 0 : e.marine, Ce = M((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), oe = Ce.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"), re = Ce.clone().add((h = (u = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : u.time) == null ? void 0 : h.at(-1), "h"), Oe = [];
+    const ue = typeof o == "string" ? S(o) : o, fe = e == null ? void 0 : e.weather, U = e == null ? void 0 : e.marine, Ce = S((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), oe = Ce.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"), re = Ce.clone().add((h = (u = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : u.time) == null ? void 0 : h.at(-1), "h"), Oe = [];
     if (ue.isBetween(oe, re, "millisecond", "[]")) {
       const j = ue.utc().diff(oe, "h", !1);
       let ye, Ie;
@@ -9320,7 +9330,7 @@ class Za {
   }
   static pickDaily(e, o) {
     var i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe, De, Ae;
-    const Re = typeof o == "string" ? M(o) : o, _e = e == null ? void 0 : e.weather, G = e == null ? void 0 : e.marine, te = M((r = (a = (i = _e == null ? void 0 : _e[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), He = M((n = (c = (l = _e == null ? void 0 : _e[0]) == null ? void 0 : l.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Me = [];
+    const Re = typeof o == "string" ? S(o) : o, _e = e == null ? void 0 : e.weather, G = e == null ? void 0 : e.marine, te = S((r = (a = (i = _e == null ? void 0 : _e[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), He = S((n = (c = (l = _e == null ? void 0 : _e[0]) == null ? void 0 : l.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Me = [];
     if (Re.isBetween(te, He, "millisecond", "[]")) {
       let ue, fe;
       const U = Re.diff(te, "d", !1);
@@ -9903,7 +9913,7 @@ const sc = {
     computeTime() {
       return (t, e) => {
         if (t) {
-          const o = M(t).utcOffset(e), i = e < 0 ? e : "+" + e;
+          const o = S(t).utcOffset(e), i = e < 0 ? e : "+" + e;
           return `${o == null ? void 0 : o.format("MMM-DD/HHmm")} ( UTC${i} ) ${o == null ? void 0 : o.fromNow()} `;
         }
         return "-";
@@ -9913,7 +9923,7 @@ const sc = {
       return (t, e, o = "MM-DD HH:mm") => {
         var i, a;
         if (t) {
-          const r = e || 0, l = (a = (i = M(t)) == null ? void 0 : i.utcOffset(r)) == null ? void 0 : a.format(o), c = `(UTC ${r >= 0 ? "+" : ""}${r})`;
+          const r = e || 0, l = (a = (i = S(t)) == null ? void 0 : i.utcOffset(r)) == null ? void 0 : a.format(o), c = `(UTC ${r >= 0 ? "+" : ""}${r})`;
           return l + " " + c;
         }
         return "-";
@@ -10054,7 +10064,7 @@ const sc = {
           }
           i.properties.level = v;
         }
-        ((O = i.geometry) == null ? void 0 : O.type) === "Point" && ((I = i.properties) != null && I.important) && (i.properties.format = (z = (L = M(i.properties.date)) == null ? void 0 : L.utcOffset(this.timeZone)) == null ? void 0 : z.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`));
+        ((O = i.geometry) == null ? void 0 : O.type) === "Point" && ((I = i.properties) != null && I.important) && (i.properties.format = (z = (L = S(i.properties.date)) == null ? void 0 : L.utcOffset(this.timeZone)) == null ? void 0 : z.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`));
       }), this.handleInit();
     },
     handleInit() {
@@ -10291,7 +10301,7 @@ const sc = {
     handleDateChange() {
       var t, e, o, i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee;
       if ((t = this.interpolateMarkers) == null || t.forEach((J) => J == null ? void 0 : J.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const J = M(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), $ = this.interpolateData.filter((Q) => Q.properties.date === (J == null ? void 0 : J.format()) && !Q.properties.disabled), ne = this.handleComputePolygons($), se = H.featureCollection([...$]);
+        const J = S(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), $ = this.interpolateData.filter((Q) => Q.properties.date === (J == null ? void 0 : J.format()) && !Q.properties.disabled), ne = this.handleComputePolygons($), se = H.featureCollection([...$]);
         ne.forEach((Q) => {
           se.features.push(Q);
         }), (o = this.map) != null && o.getSource(this.interpolateSource) ? (i = this.map) == null || i.getSource(this.interpolateSource).setData(se) : ((a = this.map) == null || a.addSource(this.interpolateSource, {
@@ -10503,7 +10513,7 @@ const sc = {
 }, Jc = { class: "text-label pr-1" }, Qc = { class: "d-flex justify-start align-center" }, em = { class: "text-label pr-1" };
 function tm(t, e, o, i, a, r) {
   const l = x("VBtn"), c = x("VTooltip"), n = x("VCardText"), u = x("VDivider"), h = x("VCardActions"), b = x("VCard"), w = x("v-card-title"), _ = x("v-divider");
-  return y(), S("div", lc, [
+  return y(), M("div", lc, [
     s("div", {
       class: "menu-bar-box transition pa-1",
       style: ie({ top: o.top + 134 + "px", right: a.right + "px" })
@@ -10530,7 +10540,7 @@ function tm(t, e, o, i, a, r) {
         _: 1
       }, 8, ["text"])
     ], 4),
-    a.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (y(), S("div", nc, [
+    a.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (y(), M("div", nc, [
       p(b, {
         "min-width": "400",
         elevation: "16",
@@ -10543,7 +10553,7 @@ function tm(t, e, o, i, a, r) {
               return [
                 s("div", cc, [
                   s("span", mc, m(o.locale === "en" ? (g = a.activeTropicals) == null ? void 0 : g.name : (P = a.activeTropicals) == null ? void 0 : P.nameCn), 1),
-                  (O = (T = a.activeTropicals) == null ? void 0 : T.history) != null && O.level ? (y(), S("span", dc, ", " + m((L = (I = a.activeTropicals) == null ? void 0 : I.history) == null ? void 0 : L.level), 1)) : D("", !0)
+                  (O = (T = a.activeTropicals) == null ? void 0 : T.history) != null && O.level ? (y(), M("span", dc, ", " + m((L = (I = a.activeTropicals) == null ? void 0 : I.history) == null ? void 0 : L.level), 1)) : D("", !0)
                 ]),
                 p(l, {
                   icon: "",
@@ -10595,7 +10605,7 @@ 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), S(be, null, we((C = a.activeTropicals) == null ? void 0 : C.forecasts, (k, A) => (y(), R(l, {
+                    (y(!0), M(be, null, we((C = a.activeTropicals) == null ? void 0 : C.forecasts, (k, A) => (y(), R(l, {
                       key: A,
                       density: "compact",
                       variant: k.disabled ? "text" : "flat",
@@ -10753,27 +10763,27 @@ function tm(t, e, o, i, a, r) {
             var g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se;
             return [
               s("div", Rc, [
-                ((g = a.hoverPoint) == null ? void 0 : g.type) === "forecast" ? (y(), S("div", Oc, [
+                ((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((P = a.hoverPoint) == null ? void 0 : P.update, o.timeZone)), 1)
                 ])) : D("", !0),
-                ((T = a.hoverPoint) == null ? void 0 : T.type) === "forecast" ? (y(), S("div", Ec, [
+                ((T = a.hoverPoint) == null ? void 0 : T.type) === "forecast" ? (y(), M("div", Ec, [
                   s("label", jc, m(t.$t("tropical.forecast")) + " : ", 1),
                   s("span", null, m(r.computeTzTime((O = a.hoverPoint) == null ? void 0 : O.date, o.timeZone)), 1)
                 ])) : D("", !0),
-                ((I = a.hoverPoint) == null ? void 0 : I.type) === "history" ? (y(), S("div", Nc, [
+                ((I = a.hoverPoint) == null ? void 0 : I.type) === "history" ? (y(), M("div", Nc, [
                   s("label", Fc, m(t.$t("tropical.forecast")) + " : ", 1),
                   s("span", null, m(r.computeTzTime((L = a.hoverPoint) == null ? void 0 : L.date, o.timeZone)), 1)
                 ])) : D("", !0),
-                ((z = a.hoverPoint) == null ? void 0 : z.type) === "forecast" ? (y(), S("div", Hc, [
+                ((z = a.hoverPoint) == null ? void 0 : z.type) === "forecast" ? (y(), M("div", Hc, [
                   s("label", Gc, m(t.$t("tropical.model")) + " : ", 1),
                   s("span", null, m(((v = a.hoverPoint) == null ? void 0 : v.model) ?? "-"), 1)
                 ])) : D("", !0),
-                ((C = a.hoverPoint) == null ? void 0 : C.type) === "forecast" ? (y(), S("div", Uc, [
+                ((C = a.hoverPoint) == null ? void 0 : C.type) === "forecast" ? (y(), M("div", Uc, [
                   s("label", Wc, m(t.$t("weather.wind")) + " : ", 1),
                   s("span", null, m(((A = JSON.parse((k = a.hoverPoint) == null ? void 0 : k.wind)) == null ? void 0 : A.kts) ?? "-") + " kts", 1)
                 ])) : D("", !0),
-                ((N = a.hoverPoint) == null ? void 0 : N.type) === "history" ? (y(), S("div", Vc, [
+                ((N = a.hoverPoint) == null ? void 0 : N.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)
                 ])) : D("", !0),
@@ -10781,11 +10791,11 @@ function tm(t, e, o, i, a, r) {
                   s("label", qc, m(t.$t("weather.pressure")) + " : ", 1),
                   s("span", null, m(((Z = a.hoverPoint) == null ? void 0 : Z.pressure) ?? "-") + " hPa", 1)
                 ]),
-                ((W = a.hoverPoint) == null ? void 0 : W.type) === "history" ? (y(), S("div", Xc, [
+                ((W = a.hoverPoint) == null ? void 0 : W.type) === "history" ? (y(), M("div", Xc, [
                   s("label", $c, m(t.$t("tropical.moveSpeed")) + " : ", 1),
                   s("span", null, m(((J = JSON.parse((ee = a.hoverPoint) == null ? void 0 : ee.movement)) == null ? void 0 : J.kts) ?? "-") + " kts", 1)
                 ])) : D("", !0),
-                (($ = a.hoverPoint) == null ? void 0 : $.type) === "history" ? (y(), S("div", Kc, [
+                (($ = a.hoverPoint) == null ? void 0 : $.type) === "history" ? (y(), M("div", Kc, [
                   s("label", Jc, m(t.$t("tropical.moveDir")) + " : ", 1),
                   s("span", null, m(((se = JSON.parse((ne = a.hoverPoint) == null ? void 0 : ne.movement)) == null ? void 0 : se.deg) ?? "-") + " °", 1)
                 ])) : D("", !0),
@@ -10864,7 +10874,7 @@ const om = {
   },
   computed: {
     currentYear() {
-      return M(this.currentTimestamp).format("YYYY");
+      return S(this.currentTimestamp).format("YYYY");
     },
     hourOptions() {
       const t = [];
@@ -10873,11 +10883,11 @@ const om = {
       return t.filter((e, o) => (o - this.timeZone) % this.intervalHour === 0);
     },
     timeZoneNames() {
-      return M.tz.names();
+      return S.tz.names();
     },
     timeZoneName() {
       var t;
-      return (t = this.timeZoneNames.filter((e) => M.tz(M(), e).utcOffset() === this.timeZone * 60)) == null ? void 0 : t[0];
+      return (t = this.timeZoneNames.filter((e) => S.tz(S(), e).utcOffset() === this.timeZone * 60)) == null ? void 0 : t[0];
     },
     utcTimeZoneName() {
       return "Africa/Abidjan";
@@ -10900,7 +10910,7 @@ const om = {
     },
     currentTimestamp: {
       handler() {
-        this.currentDateTimeZ = M(this.currentTimestamp).utc().format("yyyy-MM-DD HH:00[Z]"), this.$emit("dateTime", this.currentDateTimeZ), this.$emit("currentTimestamp", this.currentTimestamp), this.currentDateTime = `${M.tz(this.currentTimestamp, this.timeZoneName).clone().format("yyyy-MM-DD : HH:00")}`;
+        this.currentDateTimeZ = S(this.currentTimestamp).utc().format("yyyy-MM-DD HH:00[Z]"), this.$emit("dateTime", this.currentDateTimeZ), this.$emit("currentTimestamp", this.currentTimestamp), this.currentDateTime = `${S.tz(this.currentTimestamp, this.timeZoneName).clone().format("yyyy-MM-DD : HH:00")}`;
       },
       immediate: !0
     },
@@ -10912,7 +10922,7 @@ const om = {
   },
   mounted() {
     this.timer = setInterval(() => {
-      this.currentRealTime = `${M.tz(M().unix() * 1e3, this.timeZoneName).clone().format("HH:mm")}`;
+      this.currentRealTime = `${S.tz(S().unix() * 1e3, this.timeZoneName).clone().format("HH:mm")}`;
     }, 100), document.addEventListener("click", this.handleClickOutside);
   },
   unmounted() {
@@ -10924,35 +10934,35 @@ const om = {
     },
     handleResetDateTime(t) {
       var a;
-      const e = M(t).utc().date(), o = Math.ceil(M(t).utc().hour() / 3) * 3;
-      this.currentTimestamp = ((a = M(t)) == null ? void 0 : a.utc().set({ date: e, hour: o, minute: 0, second: 0, millisecond: 0 }).unix()) * 1e3;
-      const i = M.tz(this.currentTimestamp, this.timeZoneName).clone();
-      this.currentDate = i.clone().format("YYYY-MM-DD"), this.currentTime = i.clone().format("HH:00"), this.currentDateTime = `${M.tz(this.currentTimestamp, this.timeZoneName).clone().format("yyyy-MM-DD : HH:00")}`, this.currentRealTime = `${M.tz(M().unix() * 1e3, this.timeZoneName).clone().format("HH:mm")}`;
+      const e = S(t).utc().date(), o = Math.ceil(S(t).utc().hour() / 3) * 3;
+      this.currentTimestamp = ((a = S(t)) == null ? void 0 : a.utc().set({ date: e, hour: o, minute: 0, second: 0, millisecond: 0 }).unix()) * 1e3;
+      const i = S.tz(this.currentTimestamp, this.timeZoneName).clone();
+      this.currentDate = i.clone().format("YYYY-MM-DD"), this.currentTime = i.clone().format("HH:00"), this.currentDateTime = `${S.tz(this.currentTimestamp, this.timeZoneName).clone().format("yyyy-MM-DD : HH:00")}`, this.currentRealTime = `${S.tz(S().unix() * 1e3, this.timeZoneName).clone().format("HH:mm")}`;
     },
     handleResetMinMax() {
       var a, r, l, c, n;
       if (!this.dayAbout.h || !this.dayAbout.f)
         return;
-      const t = M().utc().date(), e = Math.ceil(M().utc().hour() / 3) * 3, o = ((a = M()) == null ? void 0 : a.utc().set({ date: t, hour: e, minute: 0, second: 0, millisecond: 0 }).unix()) * 1e3, i = M.tz(o, this.timeZoneName).clone();
-      this.minDate = i.clone().add(this.dayAbout.h, "day").format("yyyy-MM-DD"), this.maxDate = i.clone().add(this.dayAbout.f, "day").format("yyyy-MM-DD"), this.minTimestamp = ((l = (r = M()) == null ? void 0 : r.utc()) == null ? void 0 : l.set({ date: t + this.dayAbout.h, hour: 0, minute: 0, second: 0, millisecond: 0 }).unix()) * 1e3, this.maxTimestamp = ((n = (c = M()) == null ? void 0 : c.utc()) == null ? void 0 : n.set({ date: t + this.dayAbout.f, hour: 0, minute: 0, second: 0, millisecond: 0 }).unix()) * 1e3, this.$emit("minTimestamp", this.minTimestamp), this.$emit("maxTimestamp", this.maxTimestamp);
+      const t = S().utc().date(), e = Math.ceil(S().utc().hour() / 3) * 3, o = ((a = S()) == null ? void 0 : a.utc().set({ date: t, hour: e, minute: 0, second: 0, millisecond: 0 }).unix()) * 1e3, i = S.tz(o, this.timeZoneName).clone();
+      this.minDate = i.clone().add(this.dayAbout.h, "day").format("yyyy-MM-DD"), this.maxDate = i.clone().add(this.dayAbout.f, "day").format("yyyy-MM-DD"), this.minTimestamp = ((l = (r = S()) == null ? void 0 : r.utc()) == null ? void 0 : l.set({ date: t + this.dayAbout.h, hour: 0, minute: 0, second: 0, millisecond: 0 }).unix()) * 1e3, this.maxTimestamp = ((n = (c = S()) == null ? void 0 : c.utc()) == null ? void 0 : n.set({ date: t + this.dayAbout.f, hour: 0, minute: 0, second: 0, millisecond: 0 }).unix()) * 1e3, this.$emit("minTimestamp", this.minTimestamp), this.$emit("maxTimestamp", this.maxTimestamp);
     },
     handleOpenDatePicker() {
       this.showDatePicker = !this.showDatePicker, this.handleUpdateMonth();
     },
     handleUpdateMonth(t) {
-      const e = t || M.tz(this.currentTimestamp, this.timeZoneName).clone().month(), o = this.locale === "en" ? M.tz(this.currentTimestamp, this.timeZoneName).set({ month: e }).clone().format("MMM") : M.tz(this.currentTimestamp, this.timeZoneName).set({ month: e }).clone().format("M月");
+      const e = t || S.tz(this.currentTimestamp, this.timeZoneName).clone().month(), o = this.locale === "en" ? S.tz(this.currentTimestamp, this.timeZoneName).set({ month: e }).clone().format("MMM") : S.tz(this.currentTimestamp, this.timeZoneName).set({ month: e }).clone().format("M月");
       this.$nextTick(() => {
         const i = document.querySelector(".v-date-picker-controls__month-btn");
         i.innerText = o;
       });
     },
     handleConfirmDate() {
-      const t = M(this.currentDate).format("yyyy-MM-DD"), e = this.currentTime, o = `${t} ${e}`, i = M.tz(o, "YYYY-MM-DD HH:00", this.timeZoneName).clone().tz(this.localTimeZoneName);
+      const t = S(this.currentDate).format("yyyy-MM-DD"), e = this.currentTime, o = `${t} ${e}`, i = S.tz(o, "YYYY-MM-DD HH:00", this.timeZoneName).clone().tz(this.localTimeZoneName);
       this.currentTimestamp = i.unix() * 1e3, this.showDatePicker = !1;
     },
     handleCancelDate() {
       this.showDatePicker = !1;
-      const t = M.tz(this.currentTimestamp, this.timeZoneName).clone();
+      const t = S.tz(this.currentTimestamp, this.timeZoneName).clone();
       this.currentDate = t.clone().format("YYYY-MM-DD"), this.currentTime = t.clone().format("HH:00");
     },
     handleClickOutside(t) {
@@ -10975,7 +10985,7 @@ const om = {
 };
 function lm(t, e, o, i, a, r) {
   const l = x("VBtn"), c = x("VDatePicker"), n = x("VDivider"), u = x("VListItemTitle"), h = x("VListItem"), b = x("VList"), w = x("VCardText"), _ = x("VCardActions"), g = x("VCard");
-  return y(), S("div", am, [
+  return y(), M("div", am, [
     p(l, {
       text: "",
       height: o.height,
@@ -11018,7 +11028,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" }, {
                 default: f(() => [
-                  (y(!0), S(be, null, we(r.hourOptions, (P, T) => (y(), R(h, {
+                  (y(!0), M(be, null, we(r.hourOptions, (P, T) => (y(), R(h, {
                     key: T,
                     value: P,
                     color: "primary",
@@ -11183,20 +11193,20 @@ const nm = {
   },
   computed: {
     timeZoneNames() {
-      return M.tz.names();
+      return S.tz.names();
     },
     timeZoneName() {
       var t;
-      return (t = this.timeZoneNames.filter((e) => M.tz(M(), e).utcOffset() === this.timeZone * 60)) == null ? void 0 : t[0];
+      return (t = this.timeZoneNames.filter((e) => S.tz(S(), e).utcOffset() === this.timeZone * 60)) == null ? void 0 : t[0];
     },
     computedTzTime() {
-      return (t) => M.tz(M(t), this.timeZoneName).clone().format("YYYY-MM-DD HHmm") + " (UTC " + (this.timeZone >= 0 ? "+" : "") + this.timeZone + ")";
+      return (t) => S.tz(S(t), this.timeZoneName).clone().format("YYYY-MM-DD HHmm") + " (UTC " + (this.timeZone >= 0 ? "+" : "") + this.timeZone + ")";
     },
     computedLocalTime() {
       return (t) => {
         var i, a, r;
-        const e = Number((i = this.positionOffset) == null ? void 0 : i.slice(1, 3)) * (+(((a = this.positionOffset) == null ? void 0 : a.slice(1)) === "+") ? 1 : -1), o = (r = this.timeZoneNames.filter((l) => M.tz(M(), l).utcOffset() === e * 60)) == null ? void 0 : r[0];
-        return t ? M.tz(M(t), o).clone().format("YYYY-MM-DD HHmm") + " (UTC " + (e >= 0 ? "+" : "") + e + ")" : "-";
+        const e = Number((i = this.positionOffset) == null ? void 0 : i.slice(1, 3)) * (+(((a = this.positionOffset) == null ? void 0 : a.slice(1)) === "+") ? 1 : -1), o = (r = this.timeZoneNames.filter((l) => S.tz(S(), l).utcOffset() === e * 60)) == null ? void 0 : r[0];
+        return t ? S.tz(S(t), o).clone().format("YYYY-MM-DD HHmm") + " (UTC " + (e >= 0 ? "+" : "") + e + ")" : "-";
       };
     },
     computePosition() {
@@ -11264,8 +11274,8 @@ const nm = {
         var e;
         if (t != null && t.valid) {
           this.form.lat = (Number(this.form.latDegree ?? 0) + Number(this.form.latMinute ?? 0) / 60) * (this.form.latDirection === "N" ? 1 : -1), this.form.lng = (Number(this.form.lngDegree ?? 0) + Number(this.form.lngMinute ?? 0) / 60) * (this.form.lngDirection === "E" ? 1 : -1);
-          const o = M();
-          ((e = M(this.realTime)) == null ? void 0 : e.diff(o, "d", !0)) >= 0 ? await this.fetchMeteoData(this.form) : await this.fetchHistoryData(this.form);
+          const o = S();
+          ((e = S(this.realTime)) == null ? void 0 : e.diff(o, "d", !0)) >= 0 ? await this.fetchMeteoData(this.form) : await this.fetchHistoryData(this.form);
         }
       });
     },
@@ -11293,7 +11303,7 @@ const nm = {
       let i = {
         lat: t.lat,
         lng: t.lng,
-        datetime: M(t.dateTime).utc().format(),
+        datetime: S(t.dateTime).utc().format(),
         forecastDays: t.day ?? 7,
         weatherModels: e,
         marineModels: o
@@ -11313,7 +11323,7 @@ const nm = {
       const { weatherModels: e, marineModels: o } = Co.autoPickMeteoModel(t.forecastModel), i = {
         lat: t.lat,
         lng: t.lng,
-        datetime: M(t.dateTime).utc().format(),
+        datetime: S(t.dateTime).utc().format(),
         forecastDays: 3,
         pastDays: 1,
         weatherModels: e,
@@ -11328,7 +11338,7 @@ const nm = {
     initTableData(t) {
       var o, i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve;
       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, M(this.form.dateTime))) == null ? void 0 : l[0]) || {};
+      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 = (h = e == null ? void 0 : e.weather) == null ? void 0 : h.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 = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : g.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.wind) == null ? void 0 : T.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((z = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : z.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (A = (k = e == null ? void 0 : e.wave) == null ? void 0 : k.sig) == null ? void 0 : A.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((V = (N = e == null ? void 0 : e.wave) == null ? void 0 : N.sig) == null ? void 0 : V.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((W = (Z = e == null ? void 0 : e.wave) == null ? void 0 : Z.wd) == null ? void 0 : W.height, 1) ?? "-", this.currentHourData.windwaveDir = (J = (ee = e == null ? void 0 : e.wave) == null ? void 0 : ee.wd) == null ? void 0 : J.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((ne = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ne.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((Q = (se = e == null ? void 0 : e.wave) == null ? void 0 : se.swell) == null ? void 0 : Q.height, 1) ?? "-", this.currentHourData.swellDir = (he = (ae = e == null ? void 0 : e.wave) == null ? void 0 : ae.swell) == null ? void 0 : he.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((pe = (ce = e == null ? void 0 : e.wave) == null ? void 0 : ce.swell) == null ? void 0 : pe.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((me = e == null ? void 0 : e.current) == null ? void 0 : me.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 = (ve = e == null ? void 0 : e.weather) == null ? void 0 : ve.url;
     },
     handleBind() {
@@ -11439,7 +11449,7 @@ const nm = {
 }, qm = ["xlink:href"];
 function Xm(t, e, o, i, a, r) {
   const l = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), u = x("VDivider"), h = x("VTextField"), b = x("VCol"), w = x("VRow"), _ = x("DateTimePicker"), g = x("VBtnToggle"), P = x("VCardText"), T = x("VCardActions"), O = x("VForm"), I = x("VCard"), L = x("VIcon");
-  return y(), S("div", cm, [
+  return y(), M("div", cm, [
     s("div", {
       class: "menu-bar-box transition pa-1",
       style: ie({ top: o.top + 174 + "px", right: a.right + "px" })
@@ -11504,7 +11514,7 @@ function Xm(t, e, o, i, a, r) {
             p(P, { class: "text-body-1 py-1" }, {
               default: f(() => [
                 s("div", hm, [
-                  (y(), S("svg", pm, [
+                  (y(), M("svg", pm, [
                     s("use", {
                       "xlink:href": `#icon-lng-${o.theme}`
                     }, null, 8, um)
@@ -11581,7 +11591,7 @@ function Xm(t, e, o, i, a, r) {
                   _: 1
                 }),
                 s("div", gm, [
-                  (y(), S("svg", fm, [
+                  (y(), M("svg", fm, [
                     s("use", {
                       "xlink:href": `#icon-lng-${o.theme}`
                     }, null, 8, ym)
@@ -11661,7 +11671,7 @@ function Xm(t, e, o, i, a, r) {
                   _: 1
                 }),
                 s("div", bm, [
-                  (y(), S("svg", wm, [
+                  (y(), M("svg", wm, [
                     s("use", {
                       "xlink:href": `#icon-date-time-${o.theme}`
                     }, null, 8, xm)
@@ -11688,7 +11698,7 @@ function Xm(t, e, o, i, a, r) {
                   _: 1
                 }),
                 s("div", vm, [
-                  (y(), S("svg", _m, [
+                  (y(), M("svg", _m, [
                     s("use", {
                       "xlink:href": `#icon-forecast-model-${o.theme}`
                     }, null, 8, km)
@@ -11923,7 +11933,7 @@ function Xm(t, e, o, i, a, r) {
       _: 1
     })) : D("", !0),
     Ue(s("div", Zm, [
-      (y(), S("svg", Ym, [
+      (y(), M("svg", Ym, [
         s("use", {
           "xlink:href": `#icon-spot-${o.theme}`
         }, null, 8, qm)
@@ -12287,7 +12297,7 @@ const Km = {
 }, Jm = { class: "idm-gl4-measure" };
 function Qm(t, e, o, i, a, r) {
   const l = x("VBtn"), c = x("VTooltip");
-  return y(), S("div", Jm, [
+  return y(), M("div", Jm, [
     s("div", {
       class: "menu-bar-box transition pa-1",
       style: ie({ top: o.top + 214 + "px", right: a.right + "px" })
@@ -12355,7 +12365,7 @@ const td = {
       //hour
       intervalOptions: [3, 6, 12, 24],
       showTimezone: !1,
-      timeZone: localStorage.getItem("idm-timeZone-gl4") ? Number(localStorage.getItem("idm-timeZone-gl4")) : M().utcOffset() / 60,
+      timeZone: localStorage.getItem("idm-timeZone-gl4") ? Number(localStorage.getItem("idm-timeZone-gl4")) : S().utcOffset() / 60,
       offsets: [-12, -11, -10, -9, -8, -7, -6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
       source: localStorage.getItem("forecastModelCacheGL4") === "undefined" ? "ECMWF" : localStorage.getItem("forecastModelCacheGL4")
     };
@@ -12387,7 +12397,7 @@ const td = {
     },
     currentTimestamp: {
       handler() {
-        this.currentDateTimeZ = M(this.currentTimestamp).utc().format("yyyy-MM-DD HH:00[Z]"), this.$emit("realTime", this.currentDateTimeZ), this.currentDateTime = `${M.tz(this.currentTimestamp, this.timeZoneName).clone().format("yyyy-MM-DD : HH:00")}`;
+        this.currentDateTimeZ = S(this.currentTimestamp).utc().format("yyyy-MM-DD HH:00[Z]"), this.$emit("realTime", this.currentDateTimeZ), this.currentDateTime = `${S.tz(this.currentTimestamp, this.timeZoneName).clone().format("yyyy-MM-DD : HH:00")}`;
       },
       immediate: !0
     },
@@ -12448,7 +12458,7 @@ const td = {
 }, nd = ["onClick"], cd = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, md = { class: "text-body-1" };
 function dd(t, e, o, i, a, r) {
   const l = x("DateTimePicker"), c = x("VListItemTitle"), n = x("VListItem"), u = x("VList"), h = x("VMenu"), b = x("VBtn"), w = x("VDivider"), _ = x("VTooltip");
-  return y(), S("div", od, [
+  return y(), M("div", od, [
     s("div", {
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
       style: ie({ right: a.right + 146 + "px", bottom: Object.values(a.show).includes(!0) ? "10px" : "-100px" })
@@ -12478,7 +12488,7 @@ function dd(t, e, o, i, a, r) {
               default: f(() => [
                 p(u, { class: "pa-1" }, {
                   default: f(() => [
-                    (y(!0), S(be, null, we(a.intervalOptions, (g, P) => (y(), R(n, {
+                    (y(!0), M(be, null, we(a.intervalOptions, (g, P) => (y(), R(n, {
                       key: P,
                       value: g,
                       variant: a.intervalHour === g ? "tonal" : "text",
@@ -12727,8 +12737,8 @@ function dd(t, e, o, i, a, r) {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
       style: ie({ right: a.right + "px" })
     }, [
-      a.showTimezone ? (y(), S("div", ld, [
-        (y(!0), S(be, null, we(a.offsets, (g) => (y(), S("div", {
+      a.showTimezone ? (y(), M("div", ld, [
+        (y(!0), M(be, null, we(a.offsets, (g) => (y(), M("div", {
           key: g,
           class: "item rounded text-body-2 hover-active",
           onClick: (P) => a.timeZone = g
@@ -12818,7 +12828,7 @@ const hd = /* @__PURE__ */ Y(td, [["render", dd]]), pd = {
 };
 function gd(t, e, o, i, a, r) {
   const l = x("IdmOtherLayer"), c = x("IdmWeatherLayer"), n = x("IdmTropicals"), u = x("IdmMeasure"), h = x("IdmSpot"), b = x("IdmBottomBar");
-  return y(), S("div", ud, [
+  return y(), M("div", ud, [
     p(l, B({
       ref: "idmOtherLayers",
       token: o.token,
@@ -31854,7 +31864,7 @@ const bd = {
 }, wd = { class: "mapbox-initial-gl4" }, xd = { class: "v-btn--variant-elevated rounded" }, vd = { class: "zoom" }, _d = { class: "position-absolute left-0 bottom-0 ma-2 my-1 text-caption text-label opacity-70" };
 function kd(t, e, o, i, a, r) {
   const l = x("VBtn");
-  return y(), S("div", wd, [
+  return y(), M("div", wd, [
     e[5] || (e[5] = s("div", { id: "map" }, null, -1)),
     s("div", {
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
@@ -31951,14 +31961,14 @@ const Ld = {
   },
   computed: {
     currentYear() {
-      return M(this.dateRange[0]).format("YYYY");
+      return S(this.dateRange[0]).format("YYYY");
     },
     timeZoneNames() {
-      return M.tz.names();
+      return S.tz.names();
     },
     timeZoneName() {
       var t;
-      return (t = this.timeZoneNames.filter((e) => M.tz(M(), e).utcOffset() === this.timeZone * 60)) == null ? void 0 : t[0];
+      return (t = this.timeZoneNames.filter((e) => S.tz(S(), e).utcOffset() === this.timeZone * 60)) == null ? void 0 : t[0];
     },
     utcTimeZoneName() {
       return "Africa/Abidjan";
@@ -31971,7 +31981,7 @@ const Ld = {
         var i, a;
         if (t) {
           const r = e || 0;
-          return (a = (i = M(t)) == null ? void 0 : i.utcOffset(r)) == null ? void 0 : a.format(o);
+          return (a = (i = S(t)) == null ? void 0 : i.utcOffset(r)) == null ? void 0 : a.format(o);
         }
         return "-";
       };
@@ -32008,8 +32018,8 @@ const Ld = {
     handleResetDateRange() {
       var r, l, c;
       let t, e;
-      (r = this.defaultRange) != null && r.length ? (t = this.defaultRange[0], e = (l = M(M(this.defaultRange[1]).set({ hour: 23, minute: 59, second: 59, millisecond: 59 }))) == null ? void 0 : l.diff(M(this.defaultRange[0]).set({ hour: 0, minute: 0, second: 0, millisecond: 0 }), "d", !0)) : e = this.defaultDays;
-      const o = M.tz(t, this.timeZoneName).clone(), i = [];
+      (r = this.defaultRange) != null && r.length ? (t = this.defaultRange[0], e = (l = S(S(this.defaultRange[1]).set({ hour: 23, minute: 59, second: 59, millisecond: 59 }))) == null ? void 0 : l.diff(S(this.defaultRange[0]).set({ hour: 0, minute: 0, second: 0, millisecond: 0 }), "d", !0)) : e = this.defaultDays;
+      const o = S.tz(t, this.timeZoneName).clone(), i = [];
       if (e < 0)
         for (let n = e + 1; n <= 0; n++)
           i.push(o.clone().add(n, "days").format());
@@ -32018,23 +32028,23 @@ const Ld = {
           i.push(o.clone().add(n, "days").format());
       this.dateRange = i;
       const a = [this.dateRange[0], this.dateRange[((c = this.dateRange) == null ? void 0 : c.length) - 1]];
-      this.dateRangeStr = `${M.tz(a[0], this.timeZoneName).format("yyyy-MM-DD")} ~ ${M.tz(a[1], this.timeZoneName).format("yyyy-MM-DD")}`, this.$emit(
+      this.dateRangeStr = `${S.tz(a[0], this.timeZoneName).format("yyyy-MM-DD")} ~ ${S.tz(a[1], this.timeZoneName).format("yyyy-MM-DD")}`, this.$emit(
         "dateRange",
         [
-          M.tz(a[0], this.timeZoneName).set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format(),
-          M.tz(a[1], this.timeZoneName).set({ hour: 23, minute: 59, second: 59, millisecond: 59 }).format()
+          S.tz(a[0], this.timeZoneName).set({ hour: 0, minute: 0, second: 0, millisecond: 0 }).format(),
+          S.tz(a[1], this.timeZoneName).set({ hour: 23, minute: 59, second: 59, millisecond: 59 }).format()
         ]
       );
     },
     handleResetMinMax() {
-      const t = M.tz(M().format(), this.timeZoneName).clone(), { h: e, f: o } = this.dayAbout;
+      const t = S.tz(S().format(), this.timeZoneName).clone(), { h: e, f: o } = this.dayAbout;
       e != null && typeof Number(e) == "number" && !isNaN(e) && (this.minDate = t.clone().add(e, "day").format("yyyy-MM-DD")), o != null && typeof Number(o) == "number" && !isNaN(o) && (this.maxDate = t.clone().add(o, "day").format("yyyy-MM-DD"));
     },
     handleOpenDatePicker() {
       this.showDatePicker = !this.showDatePicker, this.handleUpdateMonth();
     },
     handleUpdateMonth(t) {
-      const e = t || M.tz(this.dateRange[0], this.timeZoneName).clone().month(), o = this.locale === "en" ? M.tz(this.dateRange[0], this.timeZoneName).set({ month: e }).clone().format("MMM") : M.tz(this.dateRange[0], this.timeZoneName).set({ month: e }).clone().format("M月");
+      const e = t || S.tz(this.dateRange[0], this.timeZoneName).clone().month(), o = this.locale === "en" ? S.tz(this.dateRange[0], this.timeZoneName).set({ month: e }).clone().format("MMM") : S.tz(this.dateRange[0], this.timeZoneName).set({ month: e }).clone().format("M月");
       this.$nextTick(() => {
         const i = document.querySelector(".v-date-picker-controls__month-btn");
         i.innerText = o;
@@ -32043,11 +32053,11 @@ const Ld = {
     handleConfirmDate() {
       var e;
       const t = [this.dateRange[0], this.dateRange[((e = this.dateRange) == null ? void 0 : e.length) - 1]];
-      this.dateRangeStr = `${M(t[0]).format("yyyy-MM-DD")} ~ ${M(t[1]).format("yyyy-MM-DD")}`, this.$emit(
+      this.dateRangeStr = `${S(t[0]).format("yyyy-MM-DD")} ~ ${S(t[1]).format("yyyy-MM-DD")}`, this.$emit(
         "dateRange",
         [
-          M.tz(t[0], this.timeZoneName).set({ year: M(t[0]).year(), month: M(t[0]).month(), date: M(t[0]).date(), hour: 0, minute: 0, second: 0, millisecond: 0 }).format(),
-          M.tz(t[1], this.timeZoneName).set({ year: M(t[1]).year(), month: M(t[1]).month(), date: M(t[1]).date(), hour: 23, minute: 59, second: 59, millisecond: 59 }).format()
+          S.tz(t[0], this.timeZoneName).set({ year: S(t[0]).year(), month: S(t[0]).month(), date: S(t[0]).date(), hour: 0, minute: 0, second: 0, millisecond: 0 }).format(),
+          S.tz(t[1], this.timeZoneName).set({ year: S(t[1]).year(), month: S(t[1]).month(), date: S(t[1]).date(), hour: 23, minute: 59, second: 59, millisecond: 59 }).format()
         ]
       ), this.showDatePicker = !1;
     },
@@ -32065,7 +32075,7 @@ const Ld = {
 }, Cd = { class: "pa-0" };
 function Td(t, e, o, i, a, r) {
   const l = x("VBtn"), c = x("VDatePicker"), n = x("VCardText"), u = x("VDivider"), h = x("VCardActions"), b = x("VCard");
-  return y(), S("div", Pd, [
+  return y(), M("div", Pd, [
     p(l, {
       text: "",
       height: o.height,