@idmwx/idmui-gl4 1.7.5 → 1.7.7

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 ve from "mapbox-gl";
-import M from "moment";
+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 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 = {
@@ -389,7 +389,7 @@ const mi = {
         const l = (n = document.getElementById("idm-gl4-zone-info")) == null ? void 0 : n.cloneNode(!0), c = (u = l == null ? void 0 : l.children[1]) == null ? void 0 : u.children[0];
         c && (c.onclick = () => {
           this.handleRemoveMarker();
-        }), this.marker = new ve.Marker(l).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([230, 0]).addTo(this.map);
+        }), this.marker = new xe.Marker(l).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([230, 0]).addTo(this.map);
       }));
     },
     handleRender() {
@@ -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() {
@@ -1487,10 +1487,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, 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, xe, Le, Pe;
+        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]) || {};
-        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 = (xe = l == null ? void 0 : l.current) == null ? void 0 : xe.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;
+        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;
       });
     },
     handleTide() {
@@ -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)
@@ -2025,7 +2025,7 @@ const br = {
       if (e.properties.id) {
         this.showInfo = !0, this.hoverPort = e.properties, (i = this.marker) == null || i.remove();
         const r = (a = document.getElementById("idmPortInfo")) == null ? void 0 : a.cloneNode(!0);
-        this.marker = new ve.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.marker = new xe.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -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",
@@ -2140,9 +2140,18 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
       source: "time-zone-source",
       zoneLayer: "time-zone-layer",
       zoneBorderLayer: "time-zone-border-layer",
-      zoneLabelLayer: "time-zone-label-layer"
+      zoneLabelLayer: "time-zone-label-layer",
+      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() {
@@ -2160,7 +2169,7 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
         features: [],
         type: "FeatureCollection"
       };
-      t.features = (e = this.zone.features) == null ? void 0 : e.map((o) => (o.properties.opacity = 0, o.properties.textOpacity = 0, o.properties.lineOpacity = 0.3, o.properties.width = 1, o)), this.zone && (this.map.addSource(this.source, {
+      t.features = (e = this.zone.features) == null ? void 0 : e.map((o) => (o.properties.opacity = 0, o.properties.lineOpacity = 0.2, o.properties.width = 1, o)), this.zone && (this.map.addSource(this.source, {
         type: "geojson",
         data: t
       }), this.map.addLayer(
@@ -2280,65 +2289,40 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
           source: this.source,
           filter: ["==", "$type", "Polygon"],
           paint: {
-            "line-color": "rgba(255, 255, 255, 1)",
+            "line-color": this.Theme.current.value.colors["on-surface"],
             "line-opacity": ["get", "lineOpacity"],
             "line-width": ["get", "width"]
           }
         },
         this.beforeLayer
-      ), this.map.addLayer(
-        {
-          id: this.zoneLabelLayer,
-          type: "symbol",
-          source: this.source,
-          filter: ["==", "$type", "Point"],
-          layout: {
-            "symbol-placement": "point",
-            "text-field": "UTC {offSet}",
-            "text-rotation-alignment": "viewport",
-            "text-size": 14,
-            "text-offset": [0, 1],
-            "text-font": ["DIN Pro Regular", "Arial Unicode MS Regular"]
-          },
-          paint: {
-            "text-color": this.Theme.current.value.colors["on-surface"],
-            "text-opacity": ["get", "textOpacity"]
-          }
-        },
-        this.beforeLayer
       ));
     },
     handleClear() {
       this.map.getLayer(this.zoneLayer) && this.map.removeLayer(this.zoneLayer), this.map.getLayer(this.zoneBorderLayer) && this.map.removeLayer(this.zoneBorderLayer), this.map.getLayer(this.zoneLabelLayer) && this.map.removeLayer(this.zoneLabelLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     },
     handleHover(t) {
-      var e, o;
+      var e, o, i;
       if (t.features.length) {
-        let i = {
+        (e = this.marker) == null || e.remove();
+        let a = {
           features: [],
           type: "FeatureCollection"
         };
-        i.features = (e = this.zone.features) == null ? void 0 : e.map((a) => {
-          const r = JSON.parse(JSON.stringify(a));
-          return r.properties.offSet === t.features[0].properties.offSet ? (r.properties.opacity = 0.25, r.properties.textOpacity = 1, r.properties.lineOpacity = 0.7, r.properties.width = 2) : (r.properties.opacity = 0, r.properties.textOpacity = 0, r.properties.lineOpacity = 0.3, r.properties.width = 1), r;
-        }), (o = this.map.getSource(this.source)) == null || o.setData(i);
+        a.features = (o = this.zone.features) == null ? void 0 : o.map((l) => {
+          const c = JSON.parse(JSON.stringify(l));
+          return c.properties.offSet === t.features[0].properties.offSet ? (c.properties.opacity = 0.25, c.properties.lineOpacity = 0.7, c.properties.width = 2) : (c.properties.opacity = 0, c.properties.lineOpacity = 0.2, c.properties.width = 1), c;
+        }), (i = this.map.getSource(this.source)) == null || i.setData(a);
+        const r = document.createElement("div");
+        r.className = "v-card--variant-elevated rounded px-2 py-1 text-body-1", r.innerHTML = `<div>UTC ${t.features[0].properties.offSet}:00</div>
+          <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() {
-      var e, o;
-      let t = {
-        features: [],
-        type: "FeatureCollection"
-      };
-      t.features = (e = this.zone.features) == null ? void 0 : e.map((i) => {
-        const a = JSON.parse(JSON.stringify(i));
-        return a.properties.opacity = 0, a.properties.textOpacity = 0, a.properties.lineOpacity = 0.3, a.properties.width = 1, a;
-      }), (o = this.map.getSource(this.source)) == null || o.setData(t);
     }
   }
 };
 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",
@@ -2433,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",
@@ -2528,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",
@@ -2582,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",
@@ -2774,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;
@@ -2789,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() {
@@ -3024,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)
@@ -3051,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)
@@ -3072,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",
@@ -3095,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)
@@ -3178,7 +3162,7 @@ const Ms = {
       if (e.properties) {
         this.showInfo = !0, this.hoverStation = e.properties, this.hoverStation.name = this.locale === "en" ? e.properties.Location_EN : e.properties.Location_CN, this.hoverStation.lng = e.geometry.coordinates[0], this.hoverStation.lat = e.geometry.coordinates[1], (o = this.marker) == null || o.remove();
         const a = (i = document.getElementById("idmTidalInfo")) == null ? void 0 : i.cloneNode(!0);
-        this.marker = new ve.Marker(a).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -60]).addTo(this.map);
+        this.marker = new xe.Marker(a).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -60]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -3192,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" }, {
@@ -3432,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" })
   }, [
@@ -4340,7 +4324,7 @@ const Gs = {
       if (e.properties.id) {
         this.showInfo = !0, this.hoverPort = e.properties, (i = this.marker) == null || i.remove();
         const r = (a = document.getElementById("idmFollowPortInfo")) == null ? void 0 : a.cloneNode(!0);
-        this.marker = new ve.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.marker = new xe.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -4354,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"
@@ -4500,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,
@@ -4516,7 +4500,7 @@ const qs = {
       if (e.properties.id) {
         this.showInfo = !0, this.position = e.properties, (o = this.marker) == null || o.remove();
         const i = document.getElementById("idmFollowPositionInfo").cloneNode(!0);
-        this.marker = new ve.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.marker = new xe.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -4542,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)
           ])
@@ -4767,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" })
@@ -4837,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)
@@ -4845,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),
@@ -4889,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),
@@ -4928,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),
@@ -5011,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-2" }), 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",
@@ -5928,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" })
@@ -6266,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" })
@@ -6390,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" })
@@ -6662,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" })
@@ -6829,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" })
@@ -6961,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" })
@@ -7074,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" })
@@ -7188,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" })
@@ -7304,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" })
@@ -7411,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" })
@@ -7519,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" })
@@ -7638,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" })
@@ -7778,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 "-";
@@ -7786,7 +7771,7 @@ const wn = {
     },
     computeDateUpdate() {
       return function(t) {
-        return t ? M(t).fromNow() : "-";
+        return t ? S(t).fromNow() : "-";
       };
     },
     overlaysKeys() {
@@ -7830,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();
         });
       },
@@ -8332,9 +8317,9 @@ 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" }, En = { class: "text-body-2 text-label" }, jn = { class: "text-body-2 text-label" }, Nn = { class: "text-body-2 text-label mb-3" }, Fn = { class: "text-body-1 font-weight-medium" }, Hn = { class: "text-body-2 text-label" }, Gn = { class: "text-body-2 text-label" }, 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 Q, ae, he, ce, pe, ge, F, me, xe, Le, Pe, De, Ae, Re, _e;
+  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" })
@@ -8361,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" })
@@ -8401,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"
@@ -8433,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)),
@@ -8465,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"
@@ -8549,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),
@@ -8589,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, {
@@ -8605,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,
@@ -8620,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,
@@ -8847,7 +8832,7 @@ function ic(t, e, o, i, a, r) {
     o.map ? (y(), R(Z, B({
       key: 9,
       viewport: a.viewport,
-      factor: (xe = a.weatherLayers) == null ? void 0 : xe["ice-edge"],
+      factor: (ve = a.weatherLayers) == null ? void 0 : ve["ice-edge"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : D("", !0),
     o.map ? (y(), R(W, B({
@@ -9235,8 +9220,8 @@ class Za {
     }), a;
   }
   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, xe, 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 = [];
+    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" ? 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;
@@ -9301,7 +9286,7 @@ class Za {
               },
               wd: {
                 height: (me = E == null ? void 0 : E.wind_wave_height) == null ? void 0 : me.at(j),
-                degree: (xe = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : xe.at(j),
+                degree: (ve = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : ve.at(j),
                 bearing: ((Le = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : Le.at(j)) !== null ? (((Pe = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : Pe.at(j)) + 180) % 360 : null,
                 period: (De = E == null ? void 0 : E.wind_wave_period) == null ? void 0 : De.at(j),
                 peakPeriod: (Ae = E == null ? void 0 : E.wind_wave_peak_period) == null ? void 0 : Ae.at(j)
@@ -9344,8 +9329,8 @@ 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, xe, 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 = [];
+    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" ? 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);
@@ -9413,7 +9398,7 @@ class Za {
               },
               wd: {
                 height: (me = re.wind_wave_height_max) == null ? void 0 : me.at(U),
-                degree: (xe = re.wind_wave_direction_dominant) == null ? void 0 : xe.at(U),
+                degree: (ve = re.wind_wave_direction_dominant) == null ? void 0 : ve.at(U),
                 period: (Le = re.wind_wave_period_max) == null ? void 0 : Le.at(U),
                 peakPeriod: (Pe = re.wind_wave_peak_period_max) == null ? void 0 : Pe.at(U),
                 bearing: ((De = re.wind_wave_direction_dominant) == null ? void 0 : De.at(U)) !== null ? (((Ae = re.wind_wave_direction_dominant) == null ? void 0 : Ae.at(U)) + 180) % 360 : null
@@ -9928,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 "-";
@@ -9938,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 "-";
@@ -10079,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() {
@@ -10316,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, {
@@ -10353,7 +10338,7 @@ const sc = {
                           		fill="#ffffff" p-id="18386"></path>
                           </svg>`, ce = document.createElement("div");
             ce.className = "idm-tropical-gl4-hourly-marker", ce.innerHTML = `<div class="${Q.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${he}</div>`;
-            const pe = new ve.Marker(ce).setLngLat(Q.geometry.coordinates).addTo(this.map);
+            const pe = new xe.Marker(ce).setLngLat(Q.geometry.coordinates).addTo(this.map);
             this.interpolateMarkers.push(pe);
           }
       } else
@@ -10380,7 +10365,7 @@ const sc = {
         showCircle: (w = (b = o[0]) == null ? void 0 : b.properties) == null ? void 0 : w.showCircle
       }, this.showTropicalsInfo = !0, this.$nextTick(() => {
         const _ = document.getElementById("idm-tropical-gl4-info");
-        this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]) : this.activeTropicalsMarker = new ve.Marker(_).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+        this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]) : this.activeTropicalsMarker = new xe.Marker(_).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
       });
     },
     handleCloseInfoMarker() {
@@ -10480,7 +10465,7 @@ const sc = {
       );
       this.hoverPoint && (this.hoverPoint.lng = o.geometry.coordinates[0], this.hoverPoint.lat = o.geometry.coordinates[1], this.hoverPoint.update = (c = (l = i == null ? void 0 : i[0]) == null ? void 0 : l.properties) == null ? void 0 : c.date, (n = this.hoverMarker) == null || n.remove(), this.showHoverPoint = !0, this.$nextTick(() => {
         const u = document.getElementById("tropicalHoverMarkerInfo").cloneNode(!0);
-        this.hoverMarker = new ve.Marker(u).setLngLat(o.geometry.coordinates).setOffset([160, 0]).addTo(this.map);
+        this.hoverMarker = new xe.Marker(u).setLngLat(o.geometry.coordinates).setOffset([160, 0]).addTo(this.map);
       }));
     },
     handleLeave() {
@@ -10528,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" })
@@ -10555,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",
@@ -10568,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: "",
@@ -10620,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",
@@ -10778,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),
@@ -10806,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),
@@ -10889,7 +10874,7 @@ const om = {
   },
   computed: {
     currentYear() {
-      return M(this.currentTimestamp).format("YYYY");
+      return S(this.currentTimestamp).format("YYYY");
     },
     hourOptions() {
       const t = [];
@@ -10898,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";
@@ -10925,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
     },
@@ -10937,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() {
@@ -10949,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) {
@@ -11000,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,
@@ -11043,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",
@@ -11208,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() {
@@ -11289,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);
         }
       });
     },
@@ -11318,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
@@ -11338,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,
@@ -11351,10 +11336,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, 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, xe;
+      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]) || {};
-      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 = (xe = e == null ? void 0 : e.weather) == null ? void 0 : xe.url;
+      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() {
       var t, e;
@@ -11380,9 +11365,9 @@ const nm = {
         var i, a, r;
         (i = this.positionMarker) == null || i.remove();
         const e = (a = document.getElementById("idm-position-icon")) == null ? void 0 : a.cloneNode(!0);
-        this.positionMarker = new ve.Marker(e).setLngLat(t).setOffset([0, -15]).addTo(this.map);
+        this.positionMarker = new xe.Marker(e).setLngLat(t).setOffset([0, -15]).addTo(this.map);
         const o = document.getElementById("idm-gl4-spot-meteo");
-        this.meteoInfoMarker ? (r = this.meteoInfoMarker) == null || r.setLngLat(t) : this.meteoInfoMarker = new ve.Marker(o).setLngLat(t).setOffset([0, -190]).addTo(this.map);
+        this.meteoInfoMarker ? (r = this.meteoInfoMarker) == null || r.setLngLat(t) : this.meteoInfoMarker = new xe.Marker(o).setLngLat(t).setOffset([0, -190]).addTo(this.map);
       }));
     },
     handleMeteoMore() {
@@ -11464,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" })
@@ -11529,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)
@@ -11606,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)
@@ -11686,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)
@@ -11713,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)
@@ -11948,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)
@@ -12094,7 +12079,7 @@ const Km = {
         const c = this.geojson.filter((n) => n.id === e.split("-")[0])[0].features.filter((n) => n.geometry.type === "Point");
         if (c.length > 2 && c.filter((u) => u.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
           const u = document.createElement("div");
-          u.className = "idm-gl4-measure-contextmenu-marker", u.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new ve.Marker(u).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
+          u.className = "idm-gl4-measure-contextmenu-marker", u.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new xe.Marker(u).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -12216,7 +12201,7 @@ const Km = {
         this.tipMarker._element.innerHTML = c, this.tipMarker.setLngLat([o.lng, o.lat]);
       else {
         const n = document.createElement("div");
-        n.className = "idm-gl4-measure-tip-marker", n.innerHTML = c, this.tipMarker = new ve.Marker(n).setOffset([140, 0]).setLngLat([o.lng, o.lat]).addTo(this.map);
+        n.className = "idm-gl4-measure-tip-marker", n.innerHTML = c, this.tipMarker = new xe.Marker(n).setOffset([140, 0]).setLngLat([o.lng, o.lat]).addTo(this.map);
       }
     },
     handleMove(t) {
@@ -12292,12 +12277,12 @@ const Km = {
         for (const c of l) {
           const n = document.createElement("div");
           n.id = `${t.id}-${c.properties.id}`, n.className = `${t.closed ? "idm-gl4-measure-marker closed" : "idm-gl4-measure-marker"}`, n.innerHTML = '<div class="marker-circle"></div>';
-          const u = new ve.Marker({ element: n, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
+          const u = new xe.Marker({ element: n, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
           u.on("drag", this.handleDrag), u.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(u) : this.pointMarkers[t.id] = [u];
         }
         if (t.closed) {
           const c = l.at(-1), u = t.features.filter((b) => b.geometry.type === "LineString").at(-1), h = document.createElement("div");
-          h.className = "idm-gl4-measure-summary-marker", h.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${u.properties.name}</div>`, this.closeMarkers[t.id] = new ve.Marker(h).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
+          h.className = "idm-gl4-measure-summary-marker", h.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${u.properties.name}</div>`, this.closeMarkers[t.id] = new xe.Marker(h).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
         }
       }
     },
@@ -12312,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" })
@@ -12380,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")
     };
@@ -12412,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
     },
@@ -12473,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" })
@@ -12503,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",
@@ -12752,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
@@ -12843,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,
@@ -12917,7 +12902,7 @@ class yd {
     de(this, "hi");
     de(this, "td");
     de(this, "windy");
-    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, xe, Le, Pe, De, Ae, Re, _e, G, te, He, Me, ue, fe, U, Ce, oe, re, Oe, j, ye, Ie, Be, Ee, E, q, Ve, Ze, Ye, Te, qe, Xe, $e, Ke, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, Dt, At, Rt, Ot, Bt, Et, jt, Nt, 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, Ao, Ro, Oo, Bo, Eo, jo, No, 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, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ma, Ia, Da, Aa, Ra, Oa, Ba, Ea, ja, Na, Fa, Ha, Ga, Ua, Wa;
+    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, Le, Pe, De, Ae, Re, _e, G, te, He, Me, ue, fe, U, Ce, oe, re, Oe, j, ye, Ie, Be, Ee, E, q, Ve, Ze, Ye, Te, qe, Xe, $e, Ke, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, Dt, At, Rt, Ot, Bt, Et, jt, Nt, 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, Ao, Ro, Oo, Bo, Eo, jo, No, 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, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ma, Ia, Da, Aa, Ra, Oa, Ba, Ea, ja, Na, Fa, Ha, Ga, Ua, Wa;
     this.i4 = {
       source: {
         type: "raster",
@@ -31578,7 +31563,7 @@ class yd {
           (ce = (he = this.originStyle) == null ? void 0 : he.light.layers) == null ? void 0 : ce.find((d) => d.id === "china-route-line"),
           (ge = (pe = this.originStyle) == null ? void 0 : pe.light.layers) == null ? void 0 : ge.find((d) => d.id === "china-route-fill"),
           (me = (F = this.originStyle) == null ? void 0 : F.light.layers) == null ? void 0 : me.find((d) => d.id === "china-route-label"),
-          (Le = (xe = this.originStyle) == null ? void 0 : xe.light.layers) == null ? void 0 : Le.find((d) => d.id === "admin-0-boundary-bg"),
+          (Le = (ve = this.originStyle) == null ? void 0 : ve.light.layers) == null ? void 0 : Le.find((d) => d.id === "admin-0-boundary-bg"),
           (De = (Pe = this.originStyle) == null ? void 0 : Pe.light.layers) == null ? void 0 : De.find((d) => d.id === "admin-0-boundary"),
           (Re = (Ae = this.originStyle) == null ? void 0 : Ae.light.layers) == null ? void 0 : Re.find((d) => d.id === "admin-0-boundary-disputed"),
           (G = (_e = this.originStyle) == null ? void 0 : _e.light.layers) == null ? void 0 : G.find((d) => d.id === "country-label"),
@@ -31835,8 +31820,8 @@ const bd = {
   },
   methods: {
     async initOnlineMap() {
-      this.helper = new yd(this.token), ve.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
-      const t = new ve.Map({
+      this.helper = new yd(this.token), xe.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      const t = new xe.Map({
         container: "map",
         // style: 'mapbox://styles/neatchenheng/cmd894dwn036m01rf7anc0k0d', //light
         // style: 'mapbox://styles/neatchenheng/cmdqwez32005b01re2w0k3zk4', // dark
@@ -31863,7 +31848,7 @@ const bd = {
     },
     addScaleControl() {
       var e;
-      this.map.addControl(new ve.ScaleControl({ maxWidth: 120, unit: "nautical" }), "bottom-left");
+      this.map.addControl(new xe.ScaleControl({ maxWidth: 120, unit: "nautical" }), "bottom-left");
       const t = (e = document.getElementsByClassName("mapboxgl-ctrl-scale")) == null ? void 0 : e[0];
       t && (t.className = "mapboxgl-ctrl-scale " + this.mapFeather);
     },
@@ -31879,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",
@@ -31976,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";
@@ -31996,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 "-";
       };
@@ -32033,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());
@@ -32043,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;
@@ -32068,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;
     },
@@ -32090,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,