@idmwx/idmui-gl4 3.0.9 → 3.1.1

package/dist/{index-81ae0ded.js → index-8ed286f2.js}

@@ -3,7 +3,7 @@ var kr = (t, e, a) => e in t ? vr(t, e, { enumerable: !0, configurable: !0, writ
 var ve = (t, e, a) => (kr(t, typeof e != "symbol" ? e + "" : e, a), a);
 import Ie from "axios";
 import { useTheme as Fe } from "vuetify";
-import { openBlock as k, createElementBlock as I, resolveComponent as P, createBlock as W, normalizeClass as ge, withCtx as x, createVNode as b, withModifiers as Le, createElementVNode as n, createCommentVNode as N, toDisplayString as y, createTextVNode as Z, Fragment as Te, renderList as De, withDirectives as et, vShow as tt, mergeProps as $, normalizeStyle as he } from "vue";
+import { openBlock as k, createElementBlock as A, resolveComponent as P, createBlock as W, normalizeClass as ge, withCtx as x, createVNode as b, withModifiers as Le, createElementVNode as n, createCommentVNode as N, toDisplayString as y, createTextVNode as Z, Fragment as Te, renderList as De, withDirectives as et, vShow as tt, mergeProps as $, normalizeStyle as he } from "vue";
 import ye from "mapbox-gl";
 import R from "moment";
 import { LngLatHelper as j, TropicalHelper as Di, LaneHelper as Xe, GeoJsonHelper as je } from "@idm-plugin/geo";
@@ -116,7 +116,7 @@ const ie = (t, e) => {
   }
 };
 function Sr(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const Tr = /* @__PURE__ */ ie(Pr, [["render", Sr]]), Rr = {
   name: "IdmGmdssArea",
@@ -243,7 +243,7 @@ const Tr = /* @__PURE__ */ ie(Pr, [["render", Sr]]), Rr = {
   }
 };
 function Dr(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const Ir = /* @__PURE__ */ ie(Rr, [["render", Dr]]), Ar = {
   name: "IdmEcaZone",
@@ -339,7 +339,7 @@ const Ir = /* @__PURE__ */ ie(Rr, [["render", Dr]]), Ar = {
   }
 };
 function Gr(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const Fr = /* @__PURE__ */ ie(Ar, [["render", Gr]]);
 const Nr = {
@@ -1515,10 +1515,10 @@ const Zr = {
         { label: "Swell", key: "weather.swell", unit: "m" },
         { label: "Current", key: "weather.current", unit: "kts" }
       ], (a = (e = this.dateList) == null ? void 0 : e[this.currentIndex]) == null || a.dateTimeList.forEach((i, o) => {
-        var c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze;
+        var c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze;
         let r = {};
         const l = ((c = Va.pickHourly(t, R(i))) == null ? void 0 : c[0]) || {};
-        r.utc = l.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (s = l.weather) == null ? void 0 : s.url, r.temp = this.computeRoundPrecision((d = l == null ? void 0 : l.weather) == null ? void 0 : d.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((p = (m = l == null ? void 0 : l.weather) == null ? void 0 : m.precip) == null ? void 0 : p.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((w = (f = l == null ? void 0 : l.weather) == null ? void 0 : f.precip) == null ? void 0 : w.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((u = l == null ? void 0 : l.weather) == null ? void 0 : u.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((g = (h = l == null ? void 0 : l.weather) == null ? void 0 : h.wind) == null ? void 0 : g.kts, 1) ?? "-", r.windDir = (T = (_ = l == null ? void 0 : l.weather) == null ? void 0 : _.wind) == null ? void 0 : T.direction, r.windLevel = this.computeRoundPrecision((M = (v = l == null ? void 0 : l.weather) == null ? void 0 : v.wind) == null ? void 0 : M.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((z = (L = l == null ? void 0 : l.weather) == null ? void 0 : L.wind) == null ? void 0 : z.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((D = (S = l == null ? void 0 : l.wave) == null ? void 0 : S.sig) == null ? void 0 : D.height, 1) ?? "-", r.sigwaveDir = (E = (A = l == null ? void 0 : l.wave) == null ? void 0 : A.sig) == null ? void 0 : E.direction, r.sigwavePeriod = this.computeRoundPrecision((O = (X = l == null ? void 0 : l.wave) == null ? void 0 : X.sig) == null ? void 0 : O.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((ae = (q = l == null ? void 0 : l.wave) == null ? void 0 : q.wd) == null ? void 0 : ae.height, 1) ?? "-", r.windwaveDir = (pe = (re = l == null ? void 0 : l.wave) == null ? void 0 : re.wd) == null ? void 0 : pe.direction, r.windwavePeriod = this.computeRoundPrecision((J = (G = l == null ? void 0 : l.wave) == null ? void 0 : G.wd) == null ? void 0 : J.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((oe = (K = l == null ? void 0 : l.wave) == null ? void 0 : K.swell) == null ? void 0 : oe.height, 1) ?? "-", r.swellDir = (H = (Y = l == null ? void 0 : l.wave) == null ? void 0 : Y.swell) == null ? void 0 : H.direction, r.swellPeriod = this.computeRoundPrecision((F = (ee = l == null ? void 0 : l.wave) == null ? void 0 : ee.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((ne = l == null ? void 0 : l.current) == null ? void 0 : ne.speed, 1) ?? "-", r.currentDir = (fe = l == null ? void 0 : l.current) == null ? void 0 : fe.direction, r.currentSpeed = this.computeRoundPrecision((ke = l == null ? void 0 : l.current) == null ? void 0 : ke.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 = (ze = l == null ? void 0 : l.weather) == null ? void 0 : ze.url, this.tableData[0][`value${o}`] = o * this.interval > 10 ? o * this.interval : "0" + o * this.interval, this.tableData[1][`value${o}`] = r.weatherUrl, this.tableData[2][`value${o}`] = r.temp, this.tableData[3][`value${o}`] = r.precip1h, this.tableData[4][`value${o}`] = r.visibility, this.tableData[5][`value${o}`] = r.windSpeed, this.tableData[6][`value${o}`] = r.sigwaveHeight, this.tableData[7][`value${o}`] = r.swellHeight, this.tableData[8][`value${o}`] = r.currentSpeed;
+        r.utc = l.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (s = l.weather) == null ? void 0 : s.url, r.temp = this.computeRoundPrecision((d = l == null ? void 0 : l.weather) == null ? void 0 : d.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((p = (m = l == null ? void 0 : l.weather) == null ? void 0 : m.precip) == null ? void 0 : p.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((w = (f = l == null ? void 0 : l.weather) == null ? void 0 : f.precip) == null ? void 0 : w.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((u = l == null ? void 0 : l.weather) == null ? void 0 : u.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((g = (h = l == null ? void 0 : l.weather) == null ? void 0 : h.wind) == null ? void 0 : g.kts, 1) ?? "-", r.windDir = (T = (_ = l == null ? void 0 : l.weather) == null ? void 0 : _.wind) == null ? void 0 : T.direction, r.windLevel = this.computeRoundPrecision((M = (v = l == null ? void 0 : l.weather) == null ? void 0 : v.wind) == null ? void 0 : M.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((z = (L = l == null ? void 0 : l.weather) == null ? void 0 : L.wind) == null ? void 0 : z.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((D = (S = l == null ? void 0 : l.wave) == null ? void 0 : S.sig) == null ? void 0 : D.height, 1) ?? "-", r.sigwaveDir = (E = (I = l == null ? void 0 : l.wave) == null ? void 0 : I.sig) == null ? void 0 : E.direction, r.sigwavePeriod = this.computeRoundPrecision((O = (X = l == null ? void 0 : l.wave) == null ? void 0 : X.sig) == null ? void 0 : O.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((ae = (q = l == null ? void 0 : l.wave) == null ? void 0 : q.wd) == null ? void 0 : ae.height, 1) ?? "-", r.windwaveDir = (pe = (re = l == null ? void 0 : l.wave) == null ? void 0 : re.wd) == null ? void 0 : pe.direction, r.windwavePeriod = this.computeRoundPrecision((J = (G = l == null ? void 0 : l.wave) == null ? void 0 : G.wd) == null ? void 0 : J.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((oe = (K = l == null ? void 0 : l.wave) == null ? void 0 : K.swell) == null ? void 0 : oe.height, 1) ?? "-", r.swellDir = (H = (Y = l == null ? void 0 : l.wave) == null ? void 0 : Y.swell) == null ? void 0 : H.direction, r.swellPeriod = this.computeRoundPrecision((F = (ee = l == null ? void 0 : l.wave) == null ? void 0 : ee.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((ne = l == null ? void 0 : l.current) == null ? void 0 : ne.speed, 1) ?? "-", r.currentDir = (fe = l == null ? void 0 : l.current) == null ? void 0 : fe.direction, r.currentSpeed = this.computeRoundPrecision((ke = l == null ? void 0 : l.current) == null ? void 0 : ke.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 = (ze = l == null ? void 0 : l.weather) == null ? void 0 : ze.url, this.tableData[0][`value${o}`] = o * this.interval > 10 ? o * this.interval : "0" + o * this.interval, this.tableData[1][`value${o}`] = r.weatherUrl, this.tableData[2][`value${o}`] = r.temp, this.tableData[3][`value${o}`] = r.precip1h, this.tableData[4][`value${o}`] = r.visibility, this.tableData[5][`value${o}`] = r.windSpeed, this.tableData[6][`value${o}`] = r.sigwaveHeight, this.tableData[7][`value${o}`] = r.swellHeight, this.tableData[8][`value${o}`] = r.currentSpeed;
       });
     },
     handleTide() {
@@ -1741,7 +1741,7 @@ function Vl(t, e, a, i, o, r) {
                   }, null, 2),
                   n("div", null, y((_ = a.port) == null ? void 0 : _.name), 1)
                 ]),
-                a.simple ? (k(), I("div", jr, [
+                a.simple ? (k(), A("div", jr, [
                   (T = a.followList) != null && T.some((M) => {
                     var L;
                     return ((L = M.port) == null ? void 0 : L.id) === a.portId;
@@ -1789,7 +1789,7 @@ function Vl(t, e, a, i, o, r) {
                     _: 1,
                     __: [4]
                   }, 8, ["onClick"])
-                ])) : (k(), I("div", Xr, [
+                ])) : (k(), A("div", Xr, [
                   b(l, {
                     icon: "",
                     density: "compact",
@@ -1817,7 +1817,7 @@ function Vl(t, e, a, i, o, r) {
           _: 1
         }),
         b(s, { class: "w-100" }),
-        a.simple ? N("", !0) : (k(), I("div", Yr, [
+        a.simple ? N("", !0) : (k(), A("div", Yr, [
           (p = a.followList) != null && p.some((u) => {
             var h;
             return ((h = u.port) == null ? void 0 : h.id) === a.portId;
@@ -1872,7 +1872,7 @@ function Vl(t, e, a, i, o, r) {
           n("div", Ur, [
             n("div", $r, [
               n("div", Jr, [
-                (k(), I("svg", Kr, [
+                (k(), A("svg", Kr, [
                   n("use", {
                     "xlink:href": `#icon-title-${a.theme}`
                   }, null, 8, qr)
@@ -1899,7 +1899,7 @@ function Vl(t, e, a, i, o, r) {
           n("div", cl, [
             n("div", ml, [
               n("div", dl, [
-                (k(), I("svg", hl, [
+                (k(), A("svg", hl, [
                   n("use", {
                     "xlink:href": `#icon-title-${a.theme}`
                   }, null, 8, pl)
@@ -1922,7 +1922,7 @@ function Vl(t, e, a, i, o, r) {
                 rounded: "1"
               }, {
                 default: x(() => [
-                  (k(!0), I(Te, null, De(r.dateList, (u) => (k(), W(l, {
+                  (k(!0), A(Te, null, De(r.dateList, (u) => (k(), W(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
@@ -1939,40 +1939,40 @@ function Vl(t, e, a, i, o, r) {
               }, 8, ["modelValue"]),
               n("table", ul, [
                 n("tbody", null, [
-                  (k(!0), I(Te, null, De(o.tableData, (u) => (k(), I("tr", {
+                  (k(!0), A(Te, null, De(o.tableData, (u) => (k(), A("tr", {
                     key: u.id
                   }, [
                     n("th", gl, [
                       Z(y(t.$t(`${u.key}`)) + " ", 1),
-                      u.unit ? (k(), I("span", fl, " ( " + y(u.unit) + " )", 1)) : N("", !0)
+                      u.unit ? (k(), A("span", fl, " ( " + y(u.unit) + " )", 1)) : N("", !0)
                     ]),
                     n("td", yl, [
-                      u.img ? (k(), I("img", {
+                      u.img ? (k(), A("img", {
                         key: 0,
                         src: u == null ? void 0 : u.value0,
                         style: { height: "30px" }
-                      }, null, 8, bl)) : (k(), I("span", wl, y((u == null ? void 0 : u.value0) ?? "-"), 1))
+                      }, null, 8, bl)) : (k(), A("span", wl, y((u == null ? void 0 : u.value0) ?? "-"), 1))
                     ]),
                     n("td", xl, [
-                      u.img ? (k(), I("img", {
+                      u.img ? (k(), A("img", {
                         key: 0,
                         src: u == null ? void 0 : u.value1,
                         style: { height: "30px" }
-                      }, null, 8, vl)) : (k(), I("span", kl, y((u == null ? void 0 : u.value1) ?? "-"), 1))
+                      }, null, 8, vl)) : (k(), A("span", kl, y((u == null ? void 0 : u.value1) ?? "-"), 1))
                     ]),
                     n("td", _l, [
-                      u.img ? (k(), I("img", {
+                      u.img ? (k(), A("img", {
                         key: 0,
                         src: u == null ? void 0 : u.value2,
                         style: { height: "30px" }
-                      }, null, 8, Ll)) : (k(), I("span", zl, y((u == null ? void 0 : u.value2) ?? "-"), 1))
+                      }, null, 8, Ll)) : (k(), A("span", zl, y((u == null ? void 0 : u.value2) ?? "-"), 1))
                     ]),
                     n("td", Cl, [
-                      u.img ? (k(), I("img", {
+                      u.img ? (k(), A("img", {
                         key: 0,
                         src: u == null ? void 0 : u.value3,
                         style: { height: "30px" }
-                      }, null, 8, Ml)) : (k(), I("span", Pl, y((u == null ? void 0 : u.value3) ?? "-"), 1))
+                      }, null, 8, Ml)) : (k(), A("span", Pl, y((u == null ? void 0 : u.value3) ?? "-"), 1))
                     ])
                   ]))), 128))
                 ])
@@ -1982,7 +1982,7 @@ function Vl(t, e, a, i, o, r) {
           n("div", Sl, [
             n("div", Tl, [
               n("div", Rl, [
-                (k(), I("svg", Dl, [
+                (k(), A("svg", Dl, [
                   n("use", {
                     "xlink:href": `#icon-title-${a.theme}`
                   }, null, 8, Il)
@@ -2007,7 +2007,7 @@ function Vl(t, e, a, i, o, r) {
                 }, null, 8, ["onClick"]))
               ])
             ]),
-            o.showTideDetail ? (k(), I("div", {
+            o.showTideDetail ? (k(), A("div", {
               key: 0,
               class: ge(["w-100 gray-bg-2 rounded", a.simple ? "pa-2" : "pa-4"])
             }, [
@@ -2019,9 +2019,9 @@ function Vl(t, e, a, i, o, r) {
                     n("th", Wl, y(t.$t("time.time")) + " ( LT ) ", 1),
                     n("th", El, y(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (k(!0), I(Te, null, De(o.tideTableData, (u, h) => {
+                  (k(!0), A(Te, null, De(o.tideTableData, (u, h) => {
                     var g;
-                    return k(), I("tr", { key: h }, [
+                    return k(), A("tr", { key: h }, [
                       n("td", Bl, y(t.$t(`tide.${(g = u == null ? void 0 : u.type) == null ? void 0 : g.toLowerCase()}`)) + " " + y(t.$t("tide.tide")), 1),
                       n("td", Zl, y(r.computeLocalTime(u == null ? void 0 : u.date, a.port, "MM-DD HH:mm")), 1),
                       n("td", Ol, y((u == null ? void 0 : u.height) ?? "-") + " m", 1)
@@ -2147,7 +2147,7 @@ const jl = {
 }, Xl = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, Hl = { class: "d-flex justify-start align-center text-label" }, Yl = { class: "d-flex justify-start align-center text-label" };
 function Ul(t, e, a, i, o, r) {
   const l = P("VCardText"), c = P("VCard"), s = P("PortDetail");
-  return k(), I("div", null, [
+  return k(), A("div", null, [
     et(b(c, {
       id: "idmPortInfo",
       ref: "idmPortInfo"
@@ -2225,7 +2225,7 @@ const $l = /* @__PURE__ */ ie(jl, [["render", Ul], ["__scopeId", "data-v-0c0f27d
   }
 };
 function Kl(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const ql = /* @__PURE__ */ ie(Jl, [["render", Kl]]), Ql = {
   name: "IdmTimezone",
@@ -2431,7 +2431,7 @@ const ql = /* @__PURE__ */ ie(Jl, [["render", Kl]]), Ql = {
   }
 };
 function en(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const tn = /* @__PURE__ */ ie(Ql, [["render", en]]), an = {
   name: "IdmVoluntaryReportingArea",
@@ -2526,7 +2526,7 @@ const tn = /* @__PURE__ */ ie(Ql, [["render", en]]), an = {
   }
 };
 function on(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const rn = /* @__PURE__ */ ie(an, [["render", on]]), ln = {
   name: "IdmSpecialArea",
@@ -2621,7 +2621,7 @@ const rn = /* @__PURE__ */ ie(an, [["render", on]]), ln = {
   }
 };
 function nn(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const sn = /* @__PURE__ */ ie(ln, [["render", nn]]), cn = {
   name: "IdmTerminator",
@@ -2675,7 +2675,7 @@ const sn = /* @__PURE__ */ ie(ln, [["render", nn]]), cn = {
   }
 };
 function mn(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const dn = /* @__PURE__ */ ie(cn, [["render", mn]]), hn = {
   name: "IdmWorld12nm",
@@ -3149,7 +3149,7 @@ function Qn(t, e, a, i, o, r) {
           n("div", zn, [
             n("div", Cn, [
               n("div", Mn, [
-                (k(), I("svg", Pn, [
+                (k(), A("svg", Pn, [
                   n("use", {
                     "xlink:href": `#icon-title-${a.theme}`
                   }, null, 8, Sn)
@@ -3175,7 +3175,7 @@ function Qn(t, e, a, i, o, r) {
           n("div", Bn, [
             n("div", Zn, [
               n("div", On, [
-                (k(), I("svg", Vn, [
+                (k(), A("svg", Vn, [
                   n("use", {
                     "xlink:href": `#icon-title-${a.theme}`
                   }, null, 8, jn)
@@ -3198,7 +3198,7 @@ function Qn(t, e, a, i, o, r) {
                 rounded: "1"
               }, {
                 default: x(() => [
-                  (k(!0), I(Te, null, De(r.dateList, (w) => (k(), W(l, {
+                  (k(!0), A(Te, null, De(r.dateList, (w) => (k(), W(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
@@ -3221,9 +3221,9 @@ function Qn(t, e, a, i, o, r) {
                     n("th", Un, y(t.$t("time.time")) + " ( LT ) ", 1),
                     n("th", $n, y(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (k(!0), I(Te, null, De(o.tideTableData, (w, u) => {
+                  (k(!0), A(Te, null, De(o.tideTableData, (w, u) => {
                     var h;
-                    return k(), I("tr", { key: u }, [
+                    return k(), A("tr", { key: u }, [
                       n("td", Jn, y(t.$t(`tide.${(h = w == null ? void 0 : w.type) == null ? void 0 : h.toLowerCase()}`)) + " " + y(t.$t("tide.tide")), 1),
                       n("td", Kn, y(r.computeLocalTime(w == null ? void 0 : w.date, a.station, "MM-DD HH:mm")), 1),
                       n("td", qn, y((w == null ? void 0 : w.height) ?? "-") + " m", 1)
@@ -3318,7 +3318,7 @@ const ts = {
 }, as = { class: "station-box d-flex flex-column justify-center align-start ga-1" }, os = { class: "d-flex justify-start align-center" }, is = { class: "d-flex justify-start align-center" }, rs = { class: "text-label" };
 function ls(t, e, a, i, o, r) {
   const l = P("v-card-text"), c = P("v-card"), s = P("TideDetail");
-  return k(), I("div", null, [
+  return k(), A("div", null, [
     et(b(c, { id: "idmTidalInfo" }, {
       default: x(() => [
         b(l, { class: "pr-8 text-body-1" }, {
@@ -3565,7 +3565,7 @@ const ds = {
 };
 function hs(t, e, a, i, o, r) {
   var l, c, s;
-  return a.simple ? N("", !0) : (k(), I("div", {
+  return a.simple ? N("", !0) : (k(), A("div", {
     key: 0,
     class: "idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",
     style: he({ right: o.right + "px" })
@@ -4488,7 +4488,7 @@ const ps = {
 }, us = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, gs = { class: "d-flex justify-start align-center text-label" }, fs = { class: "d-flex justify-start align-center text-label" };
 function ys(t, e, a, i, o, r) {
   const l = P("v-card-text"), c = P("v-card"), s = P("PortDetail");
-  return k(), I("div", null, [
+  return k(), A("div", null, [
     et(b(c, {
       id: "idmFollowPortInfo",
       ref: "idmFollowPortInfo"
@@ -5459,7 +5459,7 @@ function _s(t, e, a, i, o, r) {
             n("div", vs, [
               n("span", null, y(r.computePosition(o.position)), 1)
             ]),
-            o.position.remark ? (k(), I("div", ks, [
+            o.position.remark ? (k(), A("div", ks, [
               n("span", null, y(o.position.remark ?? "-"), 1)
             ])) : N("", !0)
           ])
@@ -5700,8 +5700,8 @@ const zs = {
 }, Gs = { class: "text-body-2 text-center pt-2" };
 function Fs(t, e, a, i, o, r) {
   var re, pe, G, J, K, oe, Y, H, ee;
-  const l = P("VBtn"), c = P("VTooltip"), s = P("VCardTitle"), d = P("VCardItem"), m = P("VCheckbox"), p = P("VCardText"), f = P("VCard"), w = P("IdmPort"), u = P("IdmTideStations"), h = P("IdmLatLng"), g = P("IdmTerminator"), _ = P("IdmTimezone"), T = P("IdmAlertZone"), v = P("IdmEcaZone"), M = P("IdmWarZone"), L = P("IdmGmdssArea"), z = P("IdmLoadLine"), S = P("IdmWorldMarine"), D = P("IdmVRA"), A = P("IdmSpecialArea"), E = P("IdmWorld12nm"), X = P("IdmChinaRoute"), O = P("IdmIceAreas"), q = P("IdmFollowPort"), ae = P("IdmFollowPosition");
-  return k(), I("div", Cs, [
+  const l = P("VBtn"), c = P("VTooltip"), s = P("VCardTitle"), d = P("VCardItem"), m = P("VCheckbox"), p = P("VCardText"), f = P("VCard"), w = P("IdmPort"), u = P("IdmTideStations"), h = P("IdmLatLng"), g = P("IdmTerminator"), _ = P("IdmTimezone"), T = P("IdmAlertZone"), v = P("IdmEcaZone"), M = P("IdmWarZone"), L = P("IdmGmdssArea"), z = P("IdmLoadLine"), S = P("IdmWorldMarine"), D = P("IdmVRA"), I = P("IdmSpecialArea"), E = P("IdmWorld12nm"), X = P("IdmChinaRoute"), O = P("IdmIceAreas"), q = P("IdmFollowPort"), ae = P("IdmFollowPosition");
+  return k(), A("div", Cs, [
     n("div", {
       class: ge(["menu-bar-box transition px-1 rounded", a.simple ? "simple" : ""]),
       style: he({ top: a.top + 10 + "px", right: o.right + "px", paddingTop: a.paddingTop + "px", height: a.menuHeight + "px" })
@@ -5774,7 +5774,7 @@ function Fs(t, e, a, i, o, r) {
             b(p, { class: "pb-2" }, {
               default: x(() => [
                 n("div", Ss, [
-                  (k(!0), I(Te, null, De(o.mapFeathers, (F) => (k(), I("div", {
+                  (k(!0), A(Te, null, De(o.mapFeathers, (F) => (k(), A("div", {
                     key: F.value,
                     class: "mb-4 feather-item",
                     onClick: (ne) => r.handleToggleMapFeather(F)
@@ -5782,12 +5782,12 @@ function Fs(t, e, a, i, o, r) {
                     n("div", {
                       class: ge([o.mapFeather === F.value ? "active" : "", "img-box"])
                     }, [
-                      F.value === "dark" ? (k(), I("img", Rs)) : F.value === "nautical" ? (k(), I("img", Ds)) : F.value === "satellite" ? (k(), I("img", Is)) : (k(), I("img", As))
+                      F.value === "dark" ? (k(), A("img", Rs)) : F.value === "nautical" ? (k(), A("img", Ds)) : F.value === "satellite" ? (k(), A("img", Is)) : (k(), A("img", As))
                     ], 2),
                     n("div", Gs, y(t.$t(`layer.${F.locale}`)), 1)
                   ], 8, Ts))), 128))
                 ]),
-                (k(!0), I(Te, null, De(o.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (k(), W(m, {
+                (k(!0), A(Te, null, De(o.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (k(), W(m, {
                   key: F.key,
                   modelValue: o.checkList,
                   "onUpdate:modelValue": e[0] || (e[0] = (ne) => o.checkList = ne),
@@ -5823,7 +5823,7 @@ function Fs(t, e, a, i, o, r) {
             }),
             b(p, { class: "py-2 mx-n1" }, {
               default: x(() => [
-                (k(!0), I(Te, null, De(o.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (k(), W(m, {
+                (k(!0), A(Te, null, De(o.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (k(), W(m, {
                   key: F.key,
                   modelValue: o.checkList,
                   "onUpdate:modelValue": e[1] || (e[1] = (ne) => o.checkList = ne),
@@ -5859,7 +5859,7 @@ function Fs(t, e, a, i, o, r) {
             }),
             b(p, { class: "py-2 mx-n1" }, {
               default: x(() => [
-                (k(!0), I(Te, null, De(o.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (k(), W(m, {
+                (k(!0), A(Te, null, De(o.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (k(), W(m, {
                   key: F.key,
                   modelValue: o.checkList,
                   "onUpdate:modelValue": e[2] || (e[2] = (ne) => o.checkList = ne),
@@ -6009,7 +6009,7 @@ function Fs(t, e, a, i, o, r) {
       map: a.map,
       area: (H = o.otherLayers) == null ? void 0 : H["voluntary-reporting-area"]
     }, t.$attrs), null, 16, ["map", "area"])) : N("", !0),
-    a.map ? (k(), W(A, $({
+    a.map ? (k(), W(I, $({
       key: 12,
       map: a.map,
       area: (ee = o.otherLayers) == null ? void 0 : ee["special-area"]
@@ -6869,7 +6869,7 @@ const Os = {
 }, Vs = { key: 0 };
 function js(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", Vs, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", Vs, [
     n("div", {
       class: "legend-bars-gl4 wind",
       style: he({ right: o.right + "px" })
@@ -7211,7 +7211,7 @@ const $s = {
 }, Js = { key: 0 };
 function Ks(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", Js, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", Js, [
     n("div", {
       class: "legend-bars-gl4 current",
       style: he({ right: o.right + "px" })
@@ -7339,7 +7339,7 @@ const Qs = {
 }, ec = { key: 0 };
 function tc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", ec, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", ec, [
     n("div", {
       class: "legend-bars-gl4 sig-wave",
       style: he({ right: o.right + "px" })
@@ -7606,7 +7606,7 @@ const lc = {
 }, nc = { key: 0 };
 function sc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", nc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", nc, [
     n("div", {
       class: "legend-bars-gl4 swell",
       style: he({ right: o.right + "px" })
@@ -7866,7 +7866,7 @@ const pc = {
 }, uc = { key: 0 };
 function gc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", uc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", uc, [
     n("div", {
       class: "legend-bars-gl4 ice-edge",
       style: he({ right: o.right + "px" })
@@ -7983,7 +7983,7 @@ const yc = {
 }, bc = { key: 0 };
 function wc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", bc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", bc, [
     n("div", {
       class: "legend-bars-gl4 ice-cover",
       style: he({ right: o.right + "px" })
@@ -8101,7 +8101,7 @@ const vc = {
 }, kc = { key: 0 };
 function _c(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", kc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", kc, [
     n("div", {
       class: "legend-bars-gl4 ice-thickness",
       style: he({ right: o.right + "px" })
@@ -8221,7 +8221,7 @@ const zc = {
 }, Cc = { key: 0 };
 function Mc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", Cc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", Cc, [
     n("div", {
       class: "legend-bars-gl4 precip3h",
       style: he({ right: o.right + "px" })
@@ -8332,7 +8332,7 @@ const Sc = {
 }, Tc = { key: 0 };
 function Rc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", Tc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", Tc, [
     n("div", {
       class: "legend-bars-gl4 visibility",
       style: he({ right: o.right + "px" })
@@ -8444,7 +8444,7 @@ const Ic = {
 }, Ac = { key: 0 };
 function Gc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", Ac, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", Ac, [
     n("div", {
       class: "legend-bars-gl4 water-temp",
       style: he({ right: o.right + "px" })
@@ -8567,7 +8567,7 @@ const Nc = {
 }, Wc = { key: 0 };
 function Ec(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", Wc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", Wc, [
     n("div", {
       class: "legend-bars-gl4 temp",
       style: he({ right: o.right + "px" })
@@ -8917,8 +8917,8 @@ const Zc = {
                 );
               const L = await Promise.all(M);
               this.weatherLayers = {}, L.map((z) => {
-                var A, E, X, O;
-                const S = ((A = z == null ? void 0 : z.data) == null ? void 0 : A.data) || (z == null ? void 0 : z.data);
+                var I, E, X, O;
+                const S = ((I = z == null ? void 0 : z.data) == null ? void 0 : I.data) || (z == null ? void 0 : z.data);
                 let D = (X = (E = z == null ? void 0 : z.config) == null ? void 0 : E.headers) == null ? void 0 : X.key;
                 D && S && (this.weatherLayers[D] = {
                   raw: S,
@@ -9018,11 +9018,11 @@ const Zc = {
                 if (L > u && L < h && (!(o <= this.zoom) || L % (o < 2 ? 10 : o < 4 ? 5 : 3) === 0)) {
                   const z = v[L].lng;
                   f > w ? z.forEach((S, D) => {
-                    var A, E, X, O, q, ae;
+                    var I, E, X, O, q, ae;
                     if (o < 2) {
                       if ((S >= 0 && S <= 360 || S >= -360 && S <= 0) && S % 10 === 0) {
                         const re = B.point([S, L], {
-                          val: ((A = v[L].val) == null ? void 0 : A[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
+                          val: ((I = v[L].val) == null ? void 0 : I[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
                           spd: (X = v[L].spd) == null ? void 0 : X[D]
                         });
                         T.push(re);
@@ -9035,11 +9035,11 @@ const Zc = {
                       T.push(re);
                     }
                   }) : z.forEach((S, D) => {
-                    var A, E, X, O, q, ae;
+                    var I, E, X, O, q, ae;
                     if (f < 2) {
                       if ((S >= 0 && S <= 360 || S >= -360 && S <= 0) && S % 10 === 0) {
                         const re = B.point([S, L], {
-                          val: ((A = v[L].val) == null ? void 0 : A[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
+                          val: ((I = v[L].val) == null ? void 0 : I[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
                           spd: (X = v[L].spd) == null ? void 0 : X[D]
                         });
                         T.push(re);
@@ -9082,11 +9082,11 @@ const Zc = {
                 if (L > u && L < h && (!(o <= this.zoom) || L % (o < 2 ? 10 : o < 4 ? 5 : 3) === 0)) {
                   const z = v[L].lng;
                   f > w ? z.forEach((S, D) => {
-                    var A, E, X, O, q, ae;
+                    var I, E, X, O, q, ae;
                     if (o < 2) {
                       if ((S >= 0 && S <= 360 || S >= -360 && S <= 0) && S % 10 === 0) {
                         const re = B.point([S, L], {
-                          val: ((A = v[L].val) == null ? void 0 : A[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
+                          val: ((I = v[L].val) == null ? void 0 : I[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
                           spd: (X = v[L].spd) == null ? void 0 : X[D]
                         });
                         T.push(re);
@@ -9099,11 +9099,11 @@ const Zc = {
                       T.push(re);
                     }
                   }) : z.forEach((S, D) => {
-                    var A, E, X, O, q, ae;
+                    var I, E, X, O, q, ae;
                     if (f < 2) {
                       if ((S >= 0 && S <= 360 || S >= -360 && S <= 0) && S % 10 === 0) {
                         const re = B.point([S, L], {
-                          val: ((A = v[L].val) == null ? void 0 : A[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
+                          val: ((I = v[L].val) == null ? void 0 : I[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
                           spd: (X = v[L].spd) == null ? void 0 : X[D]
                         });
                         T.push(re);
@@ -9124,9 +9124,9 @@ const Zc = {
                   const z = [];
                   for (const S in (m = M.raw) == null ? void 0 : m.Polygon) {
                     const D = M.raw.Polygon[S];
-                    for (const A of D)
+                    for (const I of D)
                       z.push(
-                        B.polygon(A, {
+                        B.polygon(I, {
                           val: Number(S)
                         })
                       );
@@ -9143,11 +9143,11 @@ const Zc = {
                 if (M > u && M < h && (!(o <= this.zoom) || M % (o < 2 ? 10 : o < 4 ? 5 : 3) === 0)) {
                   const L = v[M].lng;
                   f > w ? L.forEach((z, S) => {
-                    var D, A, E, X;
+                    var D, I, E, X;
                     if (o < 2) {
                       if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
                         const O = B.point([z, M], {
-                          dir: ((D = v[M].val) == null ? void 0 : D[S]) || ((A = v[M].dir) == null ? void 0 : A[S]),
+                          dir: ((D = v[M].val) == null ? void 0 : D[S]) || ((I = v[M].dir) == null ? void 0 : I[S]),
                           spd: v[M].spd[S]
                         });
                         T.push(O);
@@ -9160,11 +9160,11 @@ const Zc = {
                       T.push(O);
                     }
                   }) : L.forEach((z, S) => {
-                    var D, A, E, X;
+                    var D, I, E, X;
                     if (o < 2) {
                       if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
                         const O = B.point([z, M], {
-                          dir: ((D = v[M].val) == null ? void 0 : D[S]) || ((A = v[M].dir) == null ? void 0 : A[S]),
+                          dir: ((D = v[M].val) == null ? void 0 : D[S]) || ((I = v[M].dir) == null ? void 0 : I[S]),
                           spd: v[M].spd[S]
                         });
                         T.push(O);
@@ -9296,8 +9296,8 @@ const Zc = {
 }, om = { class: "text-body-1 py-2" }, im = { class: "text-body-1 font-weight-medium" }, rm = { class: "text-body-2 text-label" }, lm = { class: "text-body-2 text-label" }, nm = { class: "text-body-2 text-label mb-3" }, sm = { class: "text-body-1 font-weight-medium" }, cm = { class: "text-body-2 text-label" }, mm = { class: "text-body-2 text-label" }, dm = { class: "text-body-2 text-label mb-3" }, hm = { class: "text-body-1 py-2" }, pm = { class: "text-body-1 font-weight-medium" }, um = { class: "text-body-2 text-label" }, gm = { class: "text-body-2 text-label" }, fm = { class: "text-body-2 text-label mb-3" }, ym = { class: "text-body-1 font-weight-medium" }, bm = { class: "text-body-2 text-label" }, wm = { class: "text-body-2 text-label" }, xm = { class: "text-body-2 text-label mb-3" }, vm = { class: "text-body-1 py-2" }, km = { class: "text-body-1 font-weight-medium" }, _m = { class: "text-body-2 text-label" }, Lm = { class: "text-body-2 text-label" }, zm = { class: "text-body-2 text-label mb-3" };
 function Cm(t, e, a, i, o, r) {
   var J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, be, _e, Re;
-  const l = P("VBtn"), c = P("VTooltip"), s = P("VCol"), d = P("VRow"), m = P("VCardText"), p = P("VDivider"), f = P("VCard"), w = P("VSwitch"), u = P("VBtnToggle"), h = P("VCardTitle"), g = P("VCardItem"), _ = P("VCheckbox"), T = P("VRadio"), v = P("IdmWindBarb"), M = P("IdmSigWaveHeight"), L = P("IdmCurrentDirection"), z = P("IdmPrmsl"), S = P("IdmWindParticle"), D = P("IdmCurrentParticle"), A = P("IdmWave"), E = P("IdmSwell"), X = P("IdmIceEdge"), O = P("IdmIceCover"), q = P("IdmIceThickness"), ae = P("IdmPrecip3h"), re = P("IdmVisibility"), pe = P("IdmWaterTemp"), G = P("IdmTemp");
-  return k(), I("div", Oc, [
+  const l = P("VBtn"), c = P("VTooltip"), s = P("VCol"), d = P("VRow"), m = P("VCardText"), p = P("VDivider"), f = P("VCard"), w = P("VSwitch"), u = P("VBtnToggle"), h = P("VCardTitle"), g = P("VCardItem"), _ = P("VCheckbox"), T = P("VRadio"), v = P("IdmWindBarb"), M = P("IdmSigWaveHeight"), L = P("IdmCurrentDirection"), z = P("IdmPrmsl"), S = P("IdmWindParticle"), D = P("IdmCurrentParticle"), I = P("IdmWave"), E = P("IdmSwell"), X = P("IdmIceEdge"), O = P("IdmIceCover"), q = P("IdmIceThickness"), ae = P("IdmPrecip3h"), re = P("IdmVisibility"), pe = P("IdmWaterTemp"), G = P("IdmTemp");
+  return k(), A("div", Oc, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: he({ top: a.top + a.paddingTop + 46 + "px", right: o.right + "px" })
@@ -9328,7 +9328,7 @@ function Cm(t, e, a, i, o, r) {
         _: 1
       }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 4),
-    r.showTipMenu ? (k(), I("div", Vc, [
+    r.showTipMenu ? (k(), A("div", Vc, [
       n("div", {
         class: ge(["menu-bar-box pa-1 rounded", a.simple ? "simple" : ""]),
         style: he({ right: o.right + "px", top: a.simple ? "394px" : "490px" })
@@ -9374,7 +9374,7 @@ function Cm(t, e, a, i, o, r) {
               e[11] || (e[11] = n("div", { class: "text-body-2 font-weight-600 mb-2" }, "Wind Level", -1)),
               b(d, { class: "ma-0 ml-n1 text-body-2" }, {
                 default: x(() => [
-                  (k(!0), I(Te, null, De(o.legend.barbs, (Q, de) => (k(), W(s, {
+                  (k(!0), A(Te, null, De(o.legend.barbs, (Q, de) => (k(), W(s, {
                     key: Q,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
@@ -9406,14 +9406,14 @@ function Cm(t, e, a, i, o, r) {
               e[12] || (e[12] = n("div", { class: "text-body-2 font-weight-600 mb-2" }, "Wave Height", -1)),
               b(d, { class: "ma-0" }, {
                 default: x(() => [
-                  (k(!0), I(Te, null, De(o.legend.sigWaveHeight, (Q, de) => (k(), W(s, {
+                  (k(!0), A(Te, null, De(o.legend.sigWaveHeight, (Q, de) => (k(), W(s, {
                     key: de,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
                     default: x(() => [
                       n("div", Hc, [
-                        de === 0 ? (k(), I("div", Yc)) : (k(), I("div", {
+                        de === 0 ? (k(), A("div", Yc)) : (k(), A("div", {
                           key: 1,
                           style: he({ width: "24px", height: "12px", background: Q.color })
                         }, null, 4)),
@@ -9438,7 +9438,7 @@ function Cm(t, e, a, i, o, r) {
               e[13] || (e[13] = n("div", { class: "text-body-2 font-weight-600 mb-2" }, "Current", -1)),
               b(d, { class: "ma-0 ml-n4" }, {
                 default: x(() => [
-                  (k(!0), I(Te, null, De(o.legend.current, (Q, de) => (k(), W(s, {
+                  (k(!0), A(Te, null, De(o.legend.current, (Q, de) => (k(), W(s, {
                     key: de,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
@@ -9500,7 +9500,7 @@ function Cm(t, e, a, i, o, r) {
           __: [14]
         }, 8, ["onClick"])
       ], 2),
-      a.simple ? (k(), I("div", em, [
+      a.simple ? (k(), A("div", em, [
         n("div", null, y(t.$t("weather.forecastModel")), 1),
         b(u, {
           modelValue: o.currentModel,
@@ -9564,7 +9564,7 @@ function Cm(t, e, a, i, o, r) {
             }),
             b(m, { class: "py-2 mx-n1" }, {
               default: x(() => [
-                (k(!0), I(Te, null, De(o.tagLayers.filter((Q) => Q.overlays), (Q) => (k(), W(_, {
+                (k(!0), A(Te, null, De(o.tagLayers.filter((Q) => Q.overlays), (Q) => (k(), W(_, {
                   key: Q.key,
                   modelValue: o.checkList,
                   "onUpdate:modelValue": e[3] || (e[3] = (de) => o.checkList = de),
@@ -9601,7 +9601,7 @@ function Cm(t, e, a, i, o, r) {
             }),
             b(m, { class: "py-2 mx-n1" }, {
               default: x(() => [
-                (k(!0), I(Te, null, De(o.tagLayers.filter((Q) => !Q.overlays), (Q) => (k(), I(Te, {
+                (k(!0), A(Te, null, De(o.tagLayers.filter((Q) => !Q.overlays), (Q) => (k(), A(Te, {
                   key: Q.key
                 }, [
                   b(T, {
@@ -9617,7 +9617,7 @@ function Cm(t, e, a, i, o, r) {
                     "hide-details": "",
                     onClick: (de) => o.renderKey = o.renderKey === Q.key ? "" : Q.key
                   }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
-                  o.renderKey === "wind-particle" && Q.key === "wind-particle" ? (k(), I("div", tm, [
+                  o.renderKey === "wind-particle" && Q.key === "wind-particle" ? (k(), A("div", tm, [
                     n("span", null, y(t.$t("weather.particleAnimatiom")), 1),
                     b(w, {
                       modelValue: o.showWindParticle,
@@ -9632,7 +9632,7 @@ function Cm(t, e, a, i, o, r) {
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
                   ])) : N("", !0),
-                  o.renderKey === "current-particle" && Q.key === "current-particle" ? (k(), I("div", am, [
+                  o.renderKey === "current-particle" && Q.key === "current-particle" ? (k(), A("div", am, [
                     n("span", null, y(t.$t("weather.particleAnimatiom")), 1),
                     b(w, {
                       modelValue: o.showCurrentParticle,
@@ -9841,7 +9841,7 @@ function Cm(t, e, a, i, o, r) {
       "menu-toggle": a.menuToggle,
       simple: a.simple
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : N("", !0),
-    a.map ? (k(), W(A, $({
+    a.map ? (k(), W(I, $({
       key: 7,
       viewport: o.viewport,
       factor: (F = o.weatherLayers) == null ? void 0 : F["sig-wave"],
@@ -10255,7 +10255,7 @@ let Ii = class {
     }), o;
   }
   static pickHourly(e, a) {
-    var i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, be, _e, Re, Q, de, He, Ee, Me, Ae;
+    var i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, be, _e, Re, Q, de, He, Ee, Me, Ae;
     const le = typeof a == "string" ? R(a) : a, Pe = e == null ? void 0 : e.weather, ue = e == null ? void 0 : e.marine, we = R((o = (i = Pe == null ? void 0 : Pe[0]) == null ? void 0 : i.hourly) == null ? void 0 : o.date).utc(), Ze = we.clone().add((c = (l = (r = Pe == null ? void 0 : Pe[0]) == null ? void 0 : r.hourly) == null ? void 0 : l.time) == null ? void 0 : c.at(0), "h"), Ue = we.clone().add((m = (d = (s = Pe == null ? void 0 : Pe[0]) == null ? void 0 : s.hourly) == null ? void 0 : d.time) == null ? void 0 : m.at(-1), "h"), Ye = [];
     if (le.isBetween(Ze, Ue, "millisecond", "[]")) {
       const U = le.utc().diff(Ze, "h", !1);
@@ -10288,7 +10288,7 @@ let Ii = class {
             code: (S = se == null ? void 0 : se.weather_code) == null ? void 0 : S.at(U),
             visibility: this.m2nm((D = se == null ? void 0 : se.visibility) == null ? void 0 : D.at(U)),
             wind: {
-              speed: (A = se == null ? void 0 : se.wind_speed_10m) == null ? void 0 : A.at(U),
+              speed: (I = se == null ? void 0 : se.wind_speed_10m) == null ? void 0 : I.at(U),
               kts: (E = se == null ? void 0 : se.wind_speed_10m) == null ? void 0 : E.at(U),
               degree: (X = se == null ? void 0 : se.wind_direction_10m) == null ? void 0 : X.at(U),
               bearing: ((O = se == null ? void 0 : se.wind_direction_10m) == null ? void 0 : O.at(U)) !== null ? (((q = se == null ? void 0 : se.wind_direction_10m) == null ? void 0 : q.at(U)) + 180) % 360 : null,
@@ -10368,7 +10368,7 @@ let Ii = class {
     };
   }
   static pickDaily(e, a) {
-    var i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, be;
+    var i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, be;
     const _e = typeof a == "string" ? R(a) : a, Re = e == null ? void 0 : e.weather, Q = e == null ? void 0 : e.marine, de = R((r = (o = (i = Re == null ? void 0 : Re[0]) == null ? void 0 : i.daily) == null ? void 0 : o.time) == null ? void 0 : r.at(0)), He = R((s = (c = (l = Re == null ? void 0 : Re[0]) == null ? void 0 : l.daily) == null ? void 0 : c.time) == null ? void 0 : s.at(-1)), Ee = [];
     if (_e.isBetween(de, He, "millisecond", "[]")) {
       let Me, Ae;
@@ -10402,7 +10402,7 @@ let Ii = class {
             },
             wind: {
               speed: (D = ue.wind_speed_10m_max) == null ? void 0 : D.at(le),
-              kts: (A = ue.wind_speed_10m_max) == null ? void 0 : A.at(le),
+              kts: (I = ue.wind_speed_10m_max) == null ? void 0 : I.at(le),
               degree: (E = ue.wind_direction_10m_dominant) == null ? void 0 : E.at(le),
               gusts: (X = ue.wind_gusts_10m_max) == null ? void 0 : X.at(le),
               bearing: ((O = ue.wind_direction_10m_dominant) == null ? void 0 : O.at(le)) !== null ? (((q = ue.wind_direction_10m_dominant) == null ? void 0 : q.at(le)) + 180) % 360 : null
@@ -11330,7 +11330,7 @@ const Pm = {
       this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (t = this.interpolateMarkers) == null || t.forEach((o) => o == null ? void 0 : o.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource)), (e = this.map) == null || e.off("click", this.clickLayers, this.handleClick), (a = this.map) == null || a.off("mousemove", this.hoverLayers, this.handleHover), (i = this.map) == null || i.off("mouseleave", this.hoverLayers, this.handleLeave), this.handleCloseInfoMarker();
     },
     handleDateChange() {
-      var t, e, a, i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G, J;
+      var t, e, a, i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G, J;
       if ((t = this.interpolateMarkers) == null || t.forEach((K) => K == null ? void 0 : K.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const K = R(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), oe = this.interpolateData.filter((F) => F.properties.date === (K == null ? void 0 : K.format()) && !F.properties.disabled), Y = this.handleComputePolygons(oe), H = B.featureCollection([...oe]);
         Y.forEach((F) => {
@@ -11371,7 +11371,7 @@ const Pm = {
               F.properties.nameCn = me, F.properties.Name = ((m = (d = F.properties.name) == null ? void 0 : d.trim()) == null ? void 0 : m.replace(/^./, (be) => be.toUpperCase())) || F.properties.nameCn, ee.push(F);
             }
             let ne = this.Theme.current.value.colors["tropicals-ty"];
-            ((f = (p = F.properties) == null ? void 0 : p.wind) == null ? void 0 : f.kts) < 32 || !((u = (w = F.properties) == null ? void 0 : w.wind) != null && u.kts) ? ne = this.Theme.current.value.colors["tropicals-td"] : ((g = (h = F.properties) == null ? void 0 : h.wind) == null ? void 0 : g.kts) >= 32 && ((T = (_ = F.properties) == null ? void 0 : _.wind) == null ? void 0 : T.kts) < 47 ? ne = this.Theme.current.value.colors["tropicals-ts"] : ((M = (v = F.properties) == null ? void 0 : v.wind) == null ? void 0 : M.kts) >= 47 && ((z = (L = F.properties) == null ? void 0 : L.wind) == null ? void 0 : z.kts) < 63 ? ne = this.Theme.current.value.colors["tropicals-sts"] : ((D = (S = F.properties) == null ? void 0 : S.wind) == null ? void 0 : D.kts) >= 63 && ((E = (A = F.properties) == null ? void 0 : A.wind) == null ? void 0 : E.kts) < 79 ? ne = this.Theme.current.value.colors["tropicals-ty"] : ((O = (X = F.properties) == null ? void 0 : X.wind) == null ? void 0 : O.kts) >= 79 && ((ae = (q = F.properties) == null ? void 0 : q.wind) == null ? void 0 : ae.kts) < 94 ? ne = this.Theme.current.value.colors["tropicals-sty"] : ((pe = (re = F.properties) == null ? void 0 : re.wind) == null ? void 0 : pe.kts) >= 94 ? ne = this.Theme.current.value.colors["tropicals-super-ty"] : ne = this.Theme.current.value.colors["tropicals-ty"];
+            ((f = (p = F.properties) == null ? void 0 : p.wind) == null ? void 0 : f.kts) < 32 || !((u = (w = F.properties) == null ? void 0 : w.wind) != null && u.kts) ? ne = this.Theme.current.value.colors["tropicals-td"] : ((g = (h = F.properties) == null ? void 0 : h.wind) == null ? void 0 : g.kts) >= 32 && ((T = (_ = F.properties) == null ? void 0 : _.wind) == null ? void 0 : T.kts) < 47 ? ne = this.Theme.current.value.colors["tropicals-ts"] : ((M = (v = F.properties) == null ? void 0 : v.wind) == null ? void 0 : M.kts) >= 47 && ((z = (L = F.properties) == null ? void 0 : L.wind) == null ? void 0 : z.kts) < 63 ? ne = this.Theme.current.value.colors["tropicals-sts"] : ((D = (S = F.properties) == null ? void 0 : S.wind) == null ? void 0 : D.kts) >= 63 && ((E = (I = F.properties) == null ? void 0 : I.wind) == null ? void 0 : E.kts) < 79 ? ne = this.Theme.current.value.colors["tropicals-ty"] : ((O = (X = F.properties) == null ? void 0 : X.wind) == null ? void 0 : O.kts) >= 79 && ((ae = (q = F.properties) == null ? void 0 : q.wind) == null ? void 0 : ae.kts) < 94 ? ne = this.Theme.current.value.colors["tropicals-sty"] : ((pe = (re = F.properties) == null ? void 0 : re.wind) == null ? void 0 : pe.kts) >= 94 ? ne = this.Theme.current.value.colors["tropicals-super-ty"] : ne = this.Theme.current.value.colors["tropicals-ty"];
             const fe = `<svg t="1719918955501"
                           	class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg" p-id="18382"
                           	xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
@@ -11568,7 +11568,7 @@ const Pm = {
 }, lh = { class: "text-label pr-1" }, nh = { class: "d-flex justify-start align-center" }, sh = { class: "text-label pr-1" };
 function ch(t, e, a, i, o, r) {
   const l = P("VBtn"), c = P("VTooltip"), s = P("VCardText"), d = P("VDivider"), m = P("VCardActions"), p = P("VCard"), f = P("v-card-title"), w = P("v-divider");
-  return k(), I("div", Sm, [
+  return k(), A("div", Sm, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: he({ top: a.top + a.paddingTop + 86 + "px", right: o.right + "px" })
@@ -11599,7 +11599,7 @@ function ch(t, e, a, i, o, r) {
         _: 1
       }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 4),
-    o.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (k(), I("div", {
+    o.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (k(), A("div", {
       key: 0,
       ref: "tropicalsInfo",
       id: "idm-tropical-gl4-info",
@@ -11612,11 +11612,11 @@ function ch(t, e, a, i, o, r) {
         default: x(() => [
           b(s, null, {
             default: x(() => {
-              var u, h, g, _, T, v, M, L, z, S, D, A;
+              var u, h, g, _, T, v, M, L, z, S, D, I;
               return [
                 n("div", Tm, [
                   n("span", Rm, y(a.locale === "en" ? (u = o.activeTropicals) == null ? void 0 : u.Name : ((h = o.activeTropicals) == null ? void 0 : h.nameCn) || ((g = o.activeTropicals) == null ? void 0 : g.Name) || "-"), 1),
-                  (T = (_ = o.activeTropicals) == null ? void 0 : _.history) != null && T.levelI18n ? (k(), I("span", Dm, " , " + y(t.$t("tropical." + ((M = (v = o.activeTropicals) == null ? void 0 : v.history) == null ? void 0 : M.levelI18n))), 1)) : N("", !0)
+                  (T = (_ = o.activeTropicals) == null ? void 0 : _.history) != null && T.levelI18n ? (k(), A("span", Dm, " , " + y(t.$t("tropical." + ((M = (v = o.activeTropicals) == null ? void 0 : v.history) == null ? void 0 : M.levelI18n))), 1)) : N("", !0)
                 ]),
                 b(l, {
                   icon: "",
@@ -11633,7 +11633,7 @@ function ch(t, e, a, i, o, r) {
                 }, 8, ["onClick"]),
                 n("div", Im, [
                   n("span", Am, y(t.$t("actions.lastUpdate")) + ": ", 1),
-                  n("span", null, y(r.computeTime(((z = (L = o.activeTropicals) == null ? void 0 : L.history) == null ? void 0 : z.updated) || ((A = (D = (S = o.activeTropicals) == null ? void 0 : S.forecasts) == null ? void 0 : D.filter((E) => !E.disabled)[0]) == null ? void 0 : A.date), a.timeZone)), 1)
+                  n("span", null, y(r.computeTime(((z = (L = o.activeTropicals) == null ? void 0 : L.history) == null ? void 0 : z.updated) || ((I = (D = (S = o.activeTropicals) == null ? void 0 : S.forecasts) == null ? void 0 : D.filter((E) => !E.disabled)[0]) == null ? void 0 : I.date), a.timeZone)), 1)
                 ])
               ];
             }),
@@ -11668,14 +11668,14 @@ function ch(t, e, a, i, o, r) {
                 n("div", Xm, [
                   n("label", Hm, y(t.$t("tropical.models")) + " : ", 1),
                   n("div", Ym, [
-                    (k(!0), I(Te, null, De((z = o.activeTropicals) == null ? void 0 : z.forecasts, (S, D) => (k(), W(l, {
+                    (k(!0), A(Te, null, De((z = o.activeTropicals) == null ? void 0 : z.forecasts, (S, D) => (k(), W(l, {
                       key: D,
                       density: "compact",
                       variant: S.disabled ? "text" : "flat",
                       color: S.disabled ? "" : "primary",
                       "min-width": 30,
                       class: ge(["model text-none text-body-1 px-1", S.disabled ? "btn-border-1 btn-bg-1" : ""]),
-                      onClick: Le((A) => r.handleForecastToggle(S), ["stop"])
+                      onClick: Le((I) => r.handleForecastToggle(S), ["stop"])
                     }, {
                       default: x(() => [
                         Z(y(S.model), 1)
@@ -11730,7 +11730,7 @@ function ch(t, e, a, i, o, r) {
         ]),
         _: 1
       }, 8, ["class", "elevation"]),
-      a.simple ? (k(), I("div", $m, [
+      a.simple ? (k(), A("div", $m, [
         n("div", Jm, [
           n("div", Km, [
             e[5] || (e[5] = n("div", { class: "icon td" }, null, -1)),
@@ -11775,7 +11775,7 @@ function ch(t, e, a, i, o, r) {
             n("div", yd, "50kts " + y(t.$t("tropical.radii")), 1)
           ])
         ])
-      ])) : (k(), I("div", bd, [
+      ])) : (k(), A("div", bd, [
         et(b(p, { elevation: "16" }, {
           default: x(() => [
             b(s, null, {
@@ -11857,30 +11857,30 @@ function ch(t, e, a, i, o, r) {
         b(w),
         b(s, { class: "text-body-1" }, {
           default: x(() => {
-            var u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G;
+            var u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G;
             return [
               n("div", Od, [
-                ((u = o.hoverPoint) == null ? void 0 : u.type) === "forecast" ? (k(), I("div", Vd, [
+                ((u = o.hoverPoint) == null ? void 0 : u.type) === "forecast" ? (k(), A("div", Vd, [
                   n("label", jd, y(t.$t("tropical.updated")) + " : ", 1),
                   n("span", null, y(r.computeTzTime((h = o.hoverPoint) == null ? void 0 : h.update, a.timeZone)), 1)
                 ])) : N("", !0),
-                ((g = o.hoverPoint) == null ? void 0 : g.type) === "forecast" ? (k(), I("div", Xd, [
+                ((g = o.hoverPoint) == null ? void 0 : g.type) === "forecast" ? (k(), A("div", Xd, [
                   n("label", Hd, y(t.$t("tropical.forecast")) + " : ", 1),
                   n("span", null, y(r.computeTzTime((_ = o.hoverPoint) == null ? void 0 : _.date, a.timeZone)), 1)
                 ])) : N("", !0),
-                ((T = o.hoverPoint) == null ? void 0 : T.type) === "history" ? (k(), I("div", Yd, [
+                ((T = o.hoverPoint) == null ? void 0 : T.type) === "history" ? (k(), A("div", Yd, [
                   n("label", Ud, y(t.$t("tropical.forecast")) + " : ", 1),
                   n("span", null, y(r.computeTzTime((v = o.hoverPoint) == null ? void 0 : v.date, a.timeZone)), 1)
                 ])) : N("", !0),
-                ((M = o.hoverPoint) == null ? void 0 : M.type) === "forecast" ? (k(), I("div", $d, [
+                ((M = o.hoverPoint) == null ? void 0 : M.type) === "forecast" ? (k(), A("div", $d, [
                   n("label", Jd, y(t.$t("tropical.model")) + " : ", 1),
                   n("span", null, y(((L = o.hoverPoint) == null ? void 0 : L.model) ?? "-"), 1)
                 ])) : N("", !0),
-                ((z = o.hoverPoint) == null ? void 0 : z.type) === "forecast" ? (k(), I("div", Kd, [
+                ((z = o.hoverPoint) == null ? void 0 : z.type) === "forecast" ? (k(), A("div", Kd, [
                   n("label", qd, y(t.$t("weather.wind")) + " : ", 1),
                   n("span", null, y(((D = JSON.parse((S = o.hoverPoint) == null ? void 0 : S.wind)) == null ? void 0 : D.kts) ?? "-") + " kts", 1)
                 ])) : N("", !0),
-                ((A = o.hoverPoint) == null ? void 0 : A.type) === "history" ? (k(), I("div", Qd, [
+                ((I = o.hoverPoint) == null ? void 0 : I.type) === "history" ? (k(), A("div", Qd, [
                   n("label", eh, y(t.$t("weather.wind")) + " : ", 1),
                   n("span", null, y(((E = o.hoverPoint) == null ? void 0 : E.kts) ?? "-") + " kts", 1)
                 ])) : N("", !0),
@@ -11888,11 +11888,11 @@ function ch(t, e, a, i, o, r) {
                   n("label", ah, y(t.$t("weather.pressure")) + " : ", 1),
                   n("span", null, y(((X = o.hoverPoint) == null ? void 0 : X.pressure) ?? "-") + " hPa", 1)
                 ]),
-                ((O = o.hoverPoint) == null ? void 0 : O.type) === "history" ? (k(), I("div", oh, [
+                ((O = o.hoverPoint) == null ? void 0 : O.type) === "history" ? (k(), A("div", oh, [
                   n("label", ih, y(t.$t("tropical.moveSpeed")) + " : ", 1),
                   n("span", null, y(((ae = JSON.parse((q = o.hoverPoint) == null ? void 0 : q.movement)) == null ? void 0 : ae.kts) ?? "-") + " kts", 1)
                 ])) : N("", !0),
-                ((re = o.hoverPoint) == null ? void 0 : re.type) === "history" ? (k(), I("div", rh, [
+                ((re = o.hoverPoint) == null ? void 0 : re.type) === "history" ? (k(), A("div", rh, [
                   n("label", lh, y(t.$t("tropical.moveDir")) + " : ", 1),
                   n("span", null, y(((G = JSON.parse((pe = o.hoverPoint) == null ? void 0 : pe.movement)) == null ? void 0 : G.deg) ?? "-") + " °", 1)
                 ])) : N("", !0),
@@ -12110,7 +12110,7 @@ const mh = {
 };
 function gh(t, e, a, i, o, r) {
   const l = P("VDatePicker"), c = P("VDivider"), s = P("VListItemTitle"), d = P("VListItem"), m = P("VList"), p = P("VCardText"), f = P("VBtn"), w = P("VCardActions"), u = P("VCard");
-  return k(), I("div", dh, [
+  return k(), A("div", dh, [
     n("div", {
       style: he({ height: a.height + "px", width: a.width ? a.width + "px" : "auto" }),
       class: ge([[a.bgClass, { "cursor-pointer": !a.disabled }], "rounded text-body-1 btn-border-1 btn-bg-1 d-flex align-center justify-center px-2"]),
@@ -12145,7 +12145,7 @@ function gh(t, e, a, i, o, r) {
               n("div", uh, y(t.$t("time.time")), 1),
               b(m, { class: "pa-0 flex-1-1-0 scroll" }, {
                 default: x(() => [
-                  (k(!0), I(Te, null, De(r.hourOptions, (h, g) => (k(), W(d, {
+                  (k(!0), A(Te, null, De(r.hourOptions, (h, g) => (k(), W(d, {
                     key: g,
                     value: h,
                     color: "primary",
@@ -13261,10 +13261,10 @@ const fh = {
       }), this.loading = !1;
     },
     initTableData(t) {
-      var a, i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe;
+      var a, i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe;
       this.currentHourData = {}, this.positionGmt = (i = (a = t == null ? void 0 : t.weather) == null ? void 0 : a[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (o = t == null ? void 0 : t.weather) == null ? void 0 : o[0]) == null ? void 0 : r.offset;
       const e = ((l = Va.pickHourly(t, R(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((d = (s = e == null ? void 0 : e.weather) == null ? void 0 : s.precip) == null ? void 0 : d.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((p = (m = e == null ? void 0 : e.weather) == null ? void 0 : m.precip) == null ? void 0 : p.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((f = e == null ? void 0 : e.weather) == null ? void 0 : f.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((u = (w = e == null ? void 0 : e.weather) == null ? void 0 : w.wind) == null ? void 0 : u.kts, 1) ?? "-", this.currentHourData.windDir = ((g = (h = e == null ? void 0 : e.weather) == null ? void 0 : h.wind) == null ? void 0 : g.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((T = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : T.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((M = (v = e == null ? void 0 : e.weather) == null ? void 0 : v.wind) == null ? void 0 : M.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((z = (L = e == null ? void 0 : e.wave) == null ? void 0 : L.sig) == null ? void 0 : z.height, 1) ?? "-", this.currentHourData.sigwaveDir = (D = (S = e == null ? void 0 : e.wave) == null ? void 0 : S.sig) == null ? void 0 : D.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((E = (A = e == null ? void 0 : e.wave) == null ? void 0 : A.sig) == null ? void 0 : E.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((O = (X = e == null ? void 0 : e.wave) == null ? void 0 : X.wd) == null ? void 0 : O.height, 1) ?? "-", this.currentHourData.windwaveDir = (ae = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : ae.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((pe = (re = e == null ? void 0 : e.wave) == null ? void 0 : re.wd) == null ? void 0 : pe.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((J = (G = e == null ? void 0 : e.wave) == null ? void 0 : G.swell) == null ? void 0 : J.height, 1) ?? "-", this.currentHourData.swellDir = (oe = (K = e == null ? void 0 : e.wave) == null ? void 0 : K.swell) == null ? void 0 : oe.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((H = (Y = e == null ? void 0 : e.wave) == null ? void 0 : Y.swell) == null ? void 0 : H.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ee = e == null ? void 0 : e.current) == null ? void 0 : ee.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((ne = e == null ? void 0 : e.current) == null ? void 0 : ne.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 = (fe = e == null ? void 0 : e.weather) == null ? void 0 : fe.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((d = (s = e == null ? void 0 : e.weather) == null ? void 0 : s.precip) == null ? void 0 : d.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((p = (m = e == null ? void 0 : e.weather) == null ? void 0 : m.precip) == null ? void 0 : p.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((f = e == null ? void 0 : e.weather) == null ? void 0 : f.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((u = (w = e == null ? void 0 : e.weather) == null ? void 0 : w.wind) == null ? void 0 : u.kts, 1) ?? "-", this.currentHourData.windDir = ((g = (h = e == null ? void 0 : e.weather) == null ? void 0 : h.wind) == null ? void 0 : g.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((T = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : T.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((M = (v = e == null ? void 0 : e.weather) == null ? void 0 : v.wind) == null ? void 0 : M.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((z = (L = e == null ? void 0 : e.wave) == null ? void 0 : L.sig) == null ? void 0 : z.height, 1) ?? "-", this.currentHourData.sigwaveDir = (D = (S = e == null ? void 0 : e.wave) == null ? void 0 : S.sig) == null ? void 0 : D.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((E = (I = e == null ? void 0 : e.wave) == null ? void 0 : I.sig) == null ? void 0 : E.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((O = (X = e == null ? void 0 : e.wave) == null ? void 0 : X.wd) == null ? void 0 : O.height, 1) ?? "-", this.currentHourData.windwaveDir = (ae = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : ae.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((pe = (re = e == null ? void 0 : e.wave) == null ? void 0 : re.wd) == null ? void 0 : pe.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((J = (G = e == null ? void 0 : e.wave) == null ? void 0 : G.swell) == null ? void 0 : J.height, 1) ?? "-", this.currentHourData.swellDir = (oe = (K = e == null ? void 0 : e.wave) == null ? void 0 : K.swell) == null ? void 0 : oe.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((H = (Y = e == null ? void 0 : e.wave) == null ? void 0 : Y.swell) == null ? void 0 : H.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ee = e == null ? void 0 : e.current) == null ? void 0 : ee.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((ne = e == null ? void 0 : e.current) == null ? void 0 : ne.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 = (fe = e == null ? void 0 : e.weather) == null ? void 0 : fe.url;
     },
     handleBind() {
       var t, e;
@@ -13374,7 +13374,7 @@ const fh = {
 }, fp = ["xlink:href"];
 function yp(t, e, a, i, o, r) {
   const l = P("VBtn"), c = P("VTooltip"), s = P("VCardTitle"), d = P("VDivider"), m = P("VTextField"), p = P("VCol"), f = P("VRow"), w = P("DateTimePicker"), u = P("VBtnToggle"), h = P("VCardText"), g = P("VCardActions"), _ = P("VForm"), T = P("VCard");
-  return k(), I("div", yh, [
+  return k(), A("div", yh, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: he({ top: a.top + a.paddingTop + 126 + "px", right: o.right + "px" })
@@ -13974,7 +13974,7 @@ function yp(t, e, a, i, o, r) {
       _: 1
     }, 512)) : N("", !0),
     et(n("div", up, [
-      (k(), I("svg", gp, [
+      (k(), A("svg", gp, [
         n("use", {
           "xlink:href": `#icon-spot-${a.theme}`
         }, null, 8, fp)
@@ -14346,7 +14346,7 @@ const wp = {
 }, xp = { class: "idm-gl4-measure" };
 function vp(t, e, a, i, o, r) {
   const l = P("VBtn"), c = P("VTooltip");
-  return k(), I("div", xp, [
+  return k(), A("div", xp, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: he({ top: a.top + a.paddingTop + 166 + "px", right: o.right + "px" })
@@ -15643,7 +15643,7 @@ function Kp(t, e, a, i, o, r) {
               default: x(() => {
                 var L, z;
                 return [
-                  (L = a.editLayer) != null && L.id ? N("", !0) : (k(), I("div", Vp, [
+                  (L = a.editLayer) != null && L.id ? N("", !0) : (k(), A("div", Vp, [
                     n("div", jp, [
                       Z(y(t.$t("marker.areaType")), 1),
                       e[33] || (e[33] = n("span", { class: "text-danger" }, "*", -1))
@@ -16124,8 +16124,8 @@ function pu(t, e, a, i, o, r) {
                 }, null, 544)
               ], 34),
               n("div", cu, y(t.$t("marker.uploadLimit")), 1),
-              o.fileError ? (k(), I("div", mu, y(o.fileError), 1)) : N("", !0),
-              o.form.file ? (k(), I("div", du, [
+              o.fileError ? (k(), A("div", mu, y(o.fileError), 1)) : N("", !0),
+              o.form.file ? (k(), A("div", du, [
                 n("span", hu, [
                   b(m, {
                     size: "16",
@@ -16493,10 +16493,6 @@ const zu = {
     gateway: {
       type: String
     },
-    assistGateway: {
-      type: Array,
-      default: []
-    },
     top: {
       type: Number,
       default: 60
@@ -16863,7 +16859,7 @@ const zu = {
 function Hu(t, e, a, i, o, r) {
   var D;
   const l = P("VBtn"), c = P("VTooltip"), s = P("VSwitch"), d = P("v-icon"), m = P("v-text-field"), p = P("v-progress-circular"), f = P("v-chip"), w = P("VListItemTitle"), u = P("VListItem"), h = P("VList"), g = P("v-card"), _ = P("VMenu"), T = P("v-btn"), v = P("v-divider"), M = P("IdmDrawMarker"), L = P("IdmImportMarker"), z = P("IdmGroupDialog"), S = P("DeleteDialog");
-  return k(), I("div", Cu, [
+  return k(), A("div", Cu, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: he({ top: a.top + a.paddingTop + 206 + "px", right: o.right + "px" })
@@ -16876,8 +16872,8 @@ function Hu(t, e, a, i, o, r) {
         "open-on-focus": !a.simple,
         "open-on-hover": !a.simple
       }, {
-        activator: x(({ props: A }) => [
-          b(l, $(A, {
+        activator: x(({ props: I }) => [
+          b(l, $(I, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -16904,7 +16900,7 @@ function Hu(t, e, a, i, o, r) {
             n("div", Tu, y(t.$t("marker.markers")), 1),
             b(s, {
               modelValue: o.autoActive,
-              "onUpdate:modelValue": e[0] || (e[0] = (A) => o.autoActive = A),
+              "onUpdate:modelValue": e[0] || (e[0] = (I) => o.autoActive = I),
               class: "small-switch",
               inset: "",
               color: "primary",
@@ -16941,7 +16937,7 @@ function Hu(t, e, a, i, o, r) {
         n("div", Ru, [
           b(m, {
             modelValue: o.keyword,
-            "onUpdate:modelValue": e[1] || (e[1] = (A) => o.keyword = A),
+            "onUpdate:modelValue": e[1] || (e[1] = (I) => o.keyword = I),
             "clear-icon": "mdi-close",
             clearable: "",
             density: "compact",
@@ -16951,14 +16947,14 @@ function Hu(t, e, a, i, o, r) {
             class: "input-btn-bg-1"
           }, {
             "prepend-inner": x(() => [
-              (k(), I("svg", Du, e[9] || (e[9] = [
+              (k(), A("svg", Du, e[9] || (e[9] = [
                 n("use", { "xlink:href": "#icon-search" }, null, -1)
               ])))
             ]),
             _: 1
           }, 8, ["modelValue"])
         ]),
-        a.simple ? N("", !0) : (k(), I("div", Iu, [
+        a.simple ? N("", !0) : (k(), A("div", Iu, [
           b(l, {
             class: "flex-1-1-0 text-none mb-3 text-body-1 font-weight-600",
             color: "primary",
@@ -16967,7 +16963,7 @@ function Hu(t, e, a, i, o, r) {
             height: "32",
             "max-height": "32",
             "prepend-icon": "mdi-plus",
-            onClick: e[2] || (e[2] = (A) => r.handleOpenDrawMarkers())
+            onClick: e[2] || (e[2] = (I) => r.handleOpenDrawMarkers())
           }, {
             default: x(() => [
               Z(y(t.$t("actions.add")), 1)
@@ -16991,32 +16987,32 @@ function Hu(t, e, a, i, o, r) {
           }, 8, ["onClick"])
         ]))
       ]),
-      o.loading ? (k(), I("div", Au, [
+      o.loading ? (k(), A("div", Au, [
         b(p, {
           color: "primary",
           indeterminate: "",
           size: "36",
           width: "4"
         })
-      ])) : o.layerGroup.length === 0 ? (k(), I("div", Gu, [
+      ])) : o.layerGroup.length === 0 ? (k(), A("div", Gu, [
         n("div", Fu, y(t.$t("tips.noData")), 1)
-      ])) : (k(), I("div", Nu, [
-        (k(!0), I(Te, null, De(o.layerGroup, (A, E) => {
+      ])) : (k(), A("div", Nu, [
+        (k(!0), A(Te, null, De(o.layerGroup, (I, E) => {
           var X;
-          return k(), I("div", {
-            key: A.name,
-            class: ge(["btn-bg-1", A.index === o.layerGroup.length ? "rounded-b" : A.index === 1 ? "rounded-t" : ""])
+          return k(), A("div", {
+            key: I.name,
+            class: ge(["btn-bg-1", I.index === o.layerGroup.length ? "rounded-b" : I.index === 1 ? "rounded-t" : ""])
           }, [
             n("div", Wu, [
               n("div", Eu, [
-                A.show ? (k(), W(d, {
+                I.show ? (k(), W(d, {
                   key: 0,
                   icon: "mdi-chevron-down",
-                  onClick: (O) => A.show = !1
+                  onClick: (O) => I.show = !1
                 }, null, 8, ["onClick"])) : (k(), W(d, {
                   key: 1,
                   icon: "mdi-chevron-right",
-                  onClick: (O) => A.show = !0
+                  onClick: (O) => I.show = !0
                 }, null, 8, ["onClick"])),
                 o.loading ? (k(), W(p, {
                   key: 3,
@@ -17031,22 +17027,22 @@ function Hu(t, e, a, i, o, r) {
                   variant: "tonal",
                   class: "font-weight-600 mr-2",
                   color: "primary",
-                  onClick: (O) => A.show = !A.show
+                  onClick: (O) => I.show = !I.show
                 }, {
                   default: x(() => {
                     var O;
                     return [
-                      Z(y((O = A.layers) == null ? void 0 : O.length), 1)
+                      Z(y((O = I.layers) == null ? void 0 : O.length), 1)
                     ];
                   }),
                   _: 2
                 }, 1032, ["onClick"])),
                 n("div", {
                   class: "",
-                  onClick: (O) => A.show = !A.show
-                }, y(A.name), 9, Bu)
+                  onClick: (O) => I.show = !I.show
+                }, y(I.name), 9, Bu)
               ]),
-              A.name !== "Custom Layers" && !a.simple ? (k(), I("div", Zu, [
+              I.name !== "Custom Layers" && !a.simple ? (k(), A("div", Zu, [
                 b(T, {
                   icon: "",
                   density: "compact",
@@ -17075,7 +17071,7 @@ function Hu(t, e, a, i, o, r) {
                                   default: x(() => [
                                     b(w, {
                                       class: "text-body-1 d-flex jusity-center align-center",
-                                      onClick: (O) => r.handleOpenDrawMarkers(A)
+                                      onClick: (O) => r.handleOpenDrawMarkers(I)
                                     }, {
                                       default: x(() => [
                                         b(d, {
@@ -17099,7 +17095,7 @@ function Hu(t, e, a, i, o, r) {
                                   default: x(() => [
                                     b(w, {
                                       class: "text-body-1 d-flex jusity-center align-center",
-                                      onClick: (O) => r.handleEditGroup(A)
+                                      onClick: (O) => r.handleEditGroup(I)
                                     }, {
                                       default: x(() => [
                                         b(d, {
@@ -17123,7 +17119,7 @@ function Hu(t, e, a, i, o, r) {
                                   default: x(() => [
                                     b(w, {
                                       class: "text-body-1 d-flex jusity-center align-center",
-                                      onClick: (O) => r.handleOpenDelete("group", A)
+                                      onClick: (O) => r.handleOpenDelete("group", I)
                                     }, {
                                       default: x(() => [
                                         b(d, {
@@ -17152,26 +17148,26 @@ function Hu(t, e, a, i, o, r) {
                 }, 1024)
               ])) : N("", !0)
             ]),
-            A.show ? (k(), I("div", Ou, [
-              (k(!0), I(Te, null, De((X = A.layers) == null ? void 0 : X.filter((O) => {
+            I.show ? (k(), A("div", Ou, [
+              (k(!0), A(Te, null, De((X = I.layers) == null ? void 0 : X.filter((O) => {
                 var q;
                 return ((q = O.name) == null ? void 0 : q.indexOf(o.keyword)) > -1;
               }), (O) => {
                 var q;
-                return k(), I("div", {
+                return k(), A("div", {
                   key: O.id,
                   class: ge(["layer-item py-3 px-2 mx-2 rounded cursor-pointer d-flex align-center justify-space-between ga-4", ((q = o.currentLayer) == null ? void 0 : q.id) === O.id ? "active" : ""])
                 }, [
                   n("div", Vu, [
                     n("span", ju, y(O == null ? void 0 : O.name), 1)
                   ]),
-                  a.simple ? N("", !0) : (k(), I("div", Xu, [
+                  a.simple ? N("", !0) : (k(), A("div", Xu, [
                     b(l, {
                       class: "",
                       density: "compact",
                       icon: "",
                       variant: "text",
-                      onClick: (ae) => r.handleEditLayer(A, O)
+                      onClick: (ae) => r.handleEditLayer(I, O)
                     }, {
                       default: x(() => [
                         b(d, {
@@ -17230,17 +17226,17 @@ function Hu(t, e, a, i, o, r) {
       defaultMeteoToken: a.defaultMeteoToken,
       layerGroup: o.layerGroup,
       group: o.currentGroup,
-      onClose: e[3] || (e[3] = (A) => (o.importDialog = !1, o.currentGroup = void 0)),
+      onClose: e[3] || (e[3] = (I) => (o.importDialog = !1, o.currentGroup = void 0)),
       onImport: r.handleImportLayer
     }, null, 8, ["map", "gateway", "token", "defaultMeteoToken", "layerGroup", "group", "onImport"])) : N("", !0),
     b(z, {
       modelValue: o.groupDialog,
-      "onUpdate:modelValue": e[4] || (e[4] = (A) => o.groupDialog = A),
+      "onUpdate:modelValue": e[4] || (e[4] = (I) => o.groupDialog = I),
       group: o.currentGroup,
       gateway: a.gateway,
       token: a.token,
       defaultMeteoToken: a.defaultMeteoToken,
-      onClose: e[5] || (e[5] = (A) => (o.groupDialog = !1, o.currentGroup = void 0)),
+      onClose: e[5] || (e[5] = (I) => (o.groupDialog = !1, o.currentGroup = void 0)),
       onSaved: r.fetchAllLayers
     }, null, 8, ["modelValue", "group", "gateway", "token", "defaultMeteoToken", "onSaved"]),
     b(S, {
@@ -17248,7 +17244,7 @@ function Hu(t, e, a, i, o, r) {
       title: t.$t("actions.delete"),
       tips: t.$t("tips.deleteText"),
       loading: o.deleteLoading,
-      onDelete: e[6] || (e[6] = (A) => r.confirmDelete())
+      onDelete: e[6] || (e[6] = (I) => r.confirmDelete())
     }, null, 8, ["title", "tips", "loading"])
   ]);
 }
@@ -17973,7 +17969,7 @@ async function dr(t, e, a, i) {
   }
 }
 async function Dg({ required: t, usedCodepoints: e, exclude: a = void 0, localFonts: i = [], useProxy: o = "" } = {}) {
-  var h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe;
+  var h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe;
   t instanceof Set || (t = /* @__PURE__ */ new Set()), e instanceof Set || (e = /* @__PURE__ */ new Set());
   let r = /* @__PURE__ */ new Map();
   for (let G of t) {
@@ -18097,7 +18093,7 @@ async function Dg({ required: t, usedCodepoints: e, exclude: a = void 0, localFo
           try {
             let oe = await Je(G._snapdomSrc, { as: "dataURL", useProxy: o, silent: !0 });
             if (oe.ok && typeof oe.data == "string")
-              K = oe.data, (A = V.resource) == null || A.set(G._snapdomSrc, K), (E = V.font) == null || E.add(G._snapdomSrc);
+              K = oe.data, (I = V.resource) == null || I.set(G._snapdomSrc, K), (E = V.font) == null || E.add(G._snapdomSrc);
             else
               continue;
           } catch {
@@ -18928,23 +18924,23 @@ async function Ja(t, e, a) {
     l.style.width = `${h.width}px`, l.style.height = `${h.height}px`;
   }
   if (t instanceof HTMLInputElement && (l.value = t.value, l.setAttribute("value", t.value), t.checked !== void 0 && (l.checked = t.checked, t.checked && l.setAttribute("checked", ""), t.indeterminate && (l.indeterminate = t.indeterminate))), t instanceof HTMLSelectElement && (o = t.value), t instanceof HTMLTextAreaElement && (r = t.value), st(t, l, e, a), t.shadowRoot) {
-    let h = function(D, A) {
+    let h = function(D, I) {
       if (D.nodeType === Node.ELEMENT_NODE && D.tagName === "STYLE")
-        return A(null);
+        return I(null);
       Ja(D, e, a).then((E) => {
-        A(E || null);
+        I(E || null);
       }).catch(() => {
-        A(null);
+        I(null);
       });
     };
     try {
       let D = t.shadowRoot.querySelectorAll("slot");
-      for (let A of D) {
+      for (let I of D) {
         let E = [];
         try {
-          E = ((p = A.assignedNodes) == null ? void 0 : p.call(A, { flatten: !0 })) || ((f = A.assignedNodes) == null ? void 0 : f.call(A)) || [];
+          E = ((p = I.assignedNodes) == null ? void 0 : p.call(I, { flatten: !0 })) || ((f = I.assignedNodes) == null ? void 0 : f.call(I)) || [];
         } catch {
-          E = ((w = A.assignedNodes) == null ? void 0 : w.call(A)) || [];
+          E = ((w = I.assignedNodes) == null ? void 0 : w.call(I)) || [];
         }
         for (let X of E)
           i.add(X);
@@ -19058,8 +19054,8 @@ function x0(t) {
           continue;
         let D = w.get(z);
         if (D && D.length) {
-          let A = D.slice();
-          A.push(S), h.set(z, A);
+          let I = D.slice();
+          I.push(S), h.set(z, I);
         } else
           h.set(z, [S]);
       }
@@ -19080,8 +19076,8 @@ function x0(t) {
       if (getComputedStyle(u).display === "list-item" && r(u)) {
         let M = u.parentElement, L = 1;
         if (M && M.tagName === "OL") {
-          let S = M.getAttribute("start"), D = Number.isFinite(Number(S)) ? Number(S) : 1, A = l(u), E = u.getAttribute("value");
-          L = Number.isFinite(Number(E)) ? Number(E) : D + A;
+          let S = M.getAttribute("start"), D = Number.isFinite(Number(S)) ? Number(S) : 1, I = l(u), E = u.getAttribute("value");
+          L = Number.isFinite(Number(E)) ? Number(E) : D + I;
         } else
           L = 1 + l(u);
         let z = h.get("list-item") || [];
@@ -19344,7 +19340,7 @@ async function fr(t, e, a, i) {
         e.replaceChild(me, H), e.insertBefore(fe, me);
         continue;
       }
-      let u = w.content ?? "", h = u === "" || u === "none" || u === "normal", { text: g, incs: _ } = z0(t, f, l), T = w.backgroundImage, v = w.backgroundColor, M = w.fontFamily, L = parseInt(w.fontSize) || 32, z = parseInt(w.fontWeight) || !1, S = w.color || "#000", D = w.borderStyle, A = parseFloat(w.borderWidth), E = w.transform, X = Ke(M), O = !h && g !== "", q = T && T !== "none", ae = v && v !== "transparent" && v !== "rgba(0, 0, 0, 0)", re = D && D !== "none" && A > 0, pe = E && E !== "none";
+      let u = w.content ?? "", h = u === "" || u === "none" || u === "normal", { text: g, incs: _ } = z0(t, f, l), T = w.backgroundImage, v = w.backgroundColor, M = w.fontFamily, L = parseInt(w.fontSize) || 32, z = parseInt(w.fontWeight) || !1, S = w.color || "#000", D = w.borderStyle, I = parseFloat(w.borderWidth), E = w.transform, X = Ke(M), O = !h && g !== "", q = T && T !== "none", ae = v && v !== "transparent" && v !== "rgba(0, 0, 0, 0)", re = D && D !== "none" && I > 0, pe = E && E !== "none";
       if (!(O || q || ae || re || pe)) {
         if (_ && _.length && t.parentElement) {
           let Y = ct.get(t.parentElement) || /* @__PURE__ */ new Map();
@@ -19425,8 +19421,8 @@ function C0(t, e) {
     let D = z.attributes;
     if (!D)
       return null;
-    for (let A = 0; A < D.length; A++) {
-      let E = D[A];
+    for (let I = 0; I < D.length; I++) {
+      let E = D[I];
       if (!E || !E.name)
         continue;
       if (E.name === "href")
@@ -19443,13 +19439,13 @@ function C0(t, e) {
     let D;
     for (; D = r.exec(z); ) {
       f = !0;
-      let A = (D[1] || "").trim();
-      A && (m.has(A) || (p.add(A), S && !S.has(A) && S.add(A)));
+      let I = (D[1] || "").trim();
+      I && (m.has(I) || (p.add(I), S && !S.has(I) && S.add(I)));
     }
   }, u = (z) => {
     let S = z.querySelectorAll("use");
-    for (let A of S) {
-      let E = d(A);
+    for (let I of S) {
+      let E = d(I);
       if (!E || !E.startsWith("#"))
         continue;
       f = !0;
@@ -19457,10 +19453,10 @@ function C0(t, e) {
       X && !m.has(X) && p.add(X);
     }
     let D = z.querySelectorAll('*[style*="url("],*[fill^="url("], *[stroke^="url("],*[filter^="url("],*[clip-path^="url("],*[mask^="url("],*[marker^="url("],*[marker-start^="url("],*[marker-mid^="url("],*[marker-end^="url("]');
-    for (let A of D) {
-      w(A.getAttribute("style") || "");
+    for (let I of D) {
+      w(I.getAttribute("style") || "");
       for (let E of l)
-        w(A.getAttribute(E));
+        w(I.getAttribute(E));
     }
   };
   for (let z of o)
@@ -19472,8 +19468,8 @@ function C0(t, e) {
   let g = h.querySelector("defs") || null, _ = (z) => {
     if (!z || m.has(z))
       return null;
-    let S = c(z), D = (A) => {
-      let E = i.querySelector(A);
+    let S = c(z), D = (I) => {
+      let E = i.querySelector(I);
       return E && !t.contains(E) ? E : null;
     };
     return D(`svg defs > *#${S}`) || D(`svg > symbol#${S}`) || D(`*#${S}`);
@@ -19493,8 +19489,8 @@ function C0(t, e) {
     g || (g = a.createElementNS("http://www.w3.org/2000/svg", "defs"), h.appendChild(g));
     let D = S.cloneNode(!0);
     D.id || D.setAttribute("id", z), g.appendChild(D), v.add(z), m.add(z);
-    let A = [D, ...D.querySelectorAll("*")];
-    for (let E of A) {
+    let I = [D, ...D.querySelectorAll("*")];
+    for (let E of I) {
       let X = d(E);
       if (X && X.startsWith("#")) {
         let q = X.slice(1).trim();
@@ -20067,8 +20063,8 @@ async function br(t, e) {
       let D = (U, xe = NaN) => {
         let Ge = typeof U == "string" ? parseFloat(U) : U;
         return Number.isFinite(Ge) ? Ge : xe;
-      }, A = D(r.options.width), E = D(r.options.height), X = z, O = S, q = Number.isFinite(A), ae = Number.isFinite(E), re = S > 0 ? z / S : 1;
-      q && ae ? (X = Math.max(1, ce(A)), O = Math.max(1, ce(E))) : q ? (X = Math.max(1, ce(A)), O = Math.max(1, ce(X / (re || 1)))) : ae ? (O = Math.max(1, ce(E)), X = Math.max(1, ce(O * (re || 1)))) : (X = z, O = S);
+      }, I = D(r.options.width), E = D(r.options.height), X = z, O = S, q = Number.isFinite(I), ae = Number.isFinite(E), re = S > 0 ? z / S : 1;
+      q && ae ? (X = Math.max(1, ce(I)), O = Math.max(1, ce(E))) : q ? (X = Math.max(1, ce(I)), O = Math.max(1, ce(X / (re || 1)))) : ae ? (O = Math.max(1, ce(E)), X = Math.max(1, ce(O * (re || 1)))) : (X = z, O = S);
       let pe = 0, G = 0, J = z, K = S;
       if (!i && w && Number.isFinite(w.a)) {
         let U = { a: w.a, b: w.b || 0, c: w.c || 0, d: w.d || 1, e: 0, f: 0 }, xe = Qi(z, S, U, 0, 0);
@@ -20131,52 +20127,52 @@ Se.capture = async (t, e, a) => {
   if (a !== wr)
     throw new Error("[snapdom.capture] is internal. Use snapdom(...) instead.");
   let i = await br(t, e), o = { img: async (u, h) => {
-    let { toImg: g } = await import("./toImg-aca4c3d8.js");
+    let { toImg: g } = await import("./toImg-d5901264.js");
     return g(i, { ...u, ...h || {} });
   }, svg: async (u, h) => {
-    let { toSvg: g } = await import("./toImg-aca4c3d8.js");
+    let { toSvg: g } = await import("./toImg-d5901264.js");
     return g(i, { ...u, ...h || {} });
   }, canvas: async (u, h) => {
-    let { toCanvas: g } = await import("./toCanvas-15a7084f.js");
+    let { toCanvas: g } = await import("./toCanvas-a5d0e64a.js");
     return g(i, { ...u, ...h || {} });
   }, blob: async (u, h) => {
-    let { toBlob: g } = await import("./toBlob-a88df86c.js");
+    let { toBlob: g } = await import("./toBlob-53f73110.js");
     return g(i, { ...u, ...h || {} });
   }, png: async (u, h) => {
-    let { rasterize: g } = await import("./rasterize-JS5G2XHH-bac43c3a.js");
+    let { rasterize: g } = await import("./rasterize-JS5G2XHH-c3acee00.js");
     return g(i, { ...u, ...h || {}, format: "png" });
   }, jpeg: async (u, h) => {
-    let { rasterize: g } = await import("./rasterize-JS5G2XHH-bac43c3a.js");
+    let { rasterize: g } = await import("./rasterize-JS5G2XHH-c3acee00.js");
     return g(i, { ...u, ...h || {}, format: "jpeg" });
   }, webp: async (u, h) => {
-    let { rasterize: g } = await import("./rasterize-JS5G2XHH-bac43c3a.js");
+    let { rasterize: g } = await import("./rasterize-JS5G2XHH-c3acee00.js");
     return g(i, { ...u, ...h || {}, format: "webp" });
   }, download: async (u, h) => {
-    let { download: g } = await import("./download-b3f5b8cc.js");
+    let { download: g } = await import("./download-e42962ac.js");
     return g(i, { ...u, ...h || {} });
   } }, r = { ...e, export: { url: i }, exports: { svg: async (u) => {
-    let { toSvg: h } = await import("./toImg-aca4c3d8.js");
+    let { toSvg: h } = await import("./toImg-d5901264.js");
     return h(i, { ...e, ...u || {}, [qe]: !0 });
   }, canvas: async (u) => {
-    let { toCanvas: h } = await import("./toCanvas-15a7084f.js");
+    let { toCanvas: h } = await import("./toCanvas-a5d0e64a.js");
     return h(i, { ...e, ...u || {}, [qe]: !0 });
   }, png: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-bac43c3a.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-c3acee00.js");
     return h(i, { ...e, ...u || {}, format: "png", [qe]: !0 });
   }, jpeg: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-bac43c3a.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-c3acee00.js");
     return h(i, { ...e, ...u || {}, format: "jpeg", [qe]: !0 });
   }, jpg: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-bac43c3a.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-c3acee00.js");
     return h(i, { ...e, ...u || {}, format: "jpeg", [qe]: !0 });
   }, webp: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-bac43c3a.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-c3acee00.js");
     return h(i, { ...e, ...u || {}, format: "webp", [qe]: !0 });
   }, blob: async (u) => {
-    let { toBlob: h } = await import("./toBlob-a88df86c.js");
+    let { toBlob: h } = await import("./toBlob-53f73110.js");
     return h(i, { ...e, ...u || {}, [qe]: !0 });
   }, img: async (u) => {
-    let { toImg: h } = await import("./toImg-aca4c3d8.js");
+    let { toImg: h } = await import("./toImg-d5901264.js");
     return h(i, { ...e, ...u || {}, [qe]: !0 });
   } } }, l = await Wg("defineExports", r), c = Object.assign({}, ...l.filter((u) => u && typeof u == "object")), s = { ...o, ...c };
   s.jpeg && !s.jpg && (s.jpg = (u, h) => s.jpeg(u, h));
@@ -20456,7 +20452,7 @@ const ff = {
       default: ""
     }
   },
-  emits: ["closeRecord", "preview"],
+  emits: ["closeRecord", "preview", "frameCount"],
   data() {
     return {
       recorder: null,
@@ -20489,8 +20485,9 @@ const ff = {
     }
   },
   watch: {
-    isPlaying: {
+    frameCount: {
       handler(t) {
+        t && this.$emit("frameCount", this.frameCount);
       }
     },
     enabled: {
@@ -20595,22 +20592,22 @@ const ff = {
 }, zf = { class: "text-body-2" };
 function Cf(t, e, a, i, o, r) {
   const l = P("VBtn");
-  return k(), I("div", yf, [
-    o.actionStatus > 0 && o.actionStatus < 4 ? (k(), I("div", {
+  return k(), A("div", yf, [
+    o.actionStatus > 0 && o.actionStatus < 4 ? (k(), A("div", {
       key: 0,
       class: "capture-selector",
       onMousedown: e[2] || (e[2] = (...c) => r.handleMouseDown && r.handleMouseDown(...c)),
       onMousemove: e[3] || (e[3] = (...c) => r.handleMouseMove && r.handleMouseMove(...c)),
       onMouseup: e[4] || (e[4] = (...c) => r.handleMouseUp && r.handleMouseUp(...c))
     }, [
-      o.actionStatus === 1 ? (k(), I("div", bf, y(t.$t("tips.crossHairText")), 1)) : N("", !0),
-      o.actionStatus >= 2 ? (k(), I("div", {
+      o.actionStatus === 1 ? (k(), A("div", bf, y(t.$t("tips.crossHairText")), 1)) : N("", !0),
+      o.actionStatus >= 2 ? (k(), A("div", {
         key: 1,
         class: "selection-box",
         style: he(r.selectionStyle)
       }, [
         n("div", wf, y(Math.round(o.selection.width)) + " × " + y(Math.round(o.selection.height)), 1),
-        o.actionStatus === 3 ? (k(), I("div", {
+        o.actionStatus === 3 ? (k(), A("div", {
           key: 0,
           class: "action-buttons px-2 rounded font-weight-bold bg-background d-flex justify-end ga-4",
           onMousedown: e[0] || (e[0] = Le(() => {
@@ -20635,7 +20632,7 @@ function Cf(t, e, a, i, o, r) {
         ], 32)) : N("", !0)
       ], 4)) : N("", !0)
     ], 32)) : N("", !0),
-    o.actionStatus >= 4 && o.actionStatus <= 6 ? (k(), I("div", {
+    o.actionStatus >= 4 && o.actionStatus <= 6 ? (k(), A("div", {
       key: 1,
       class: ge(["capture-frame", { recording: o.actionStatus === 5 }]),
       style: he(r.selectionStyle)
@@ -20650,11 +20647,11 @@ function Cf(t, e, a, i, o, r) {
         onMouseup: e[6] || (e[6] = Le(() => {
         }, ["stop"]))
       }, [
-        o.actionStatus === 4 ? (k(), I("div", kf, [
+        o.actionStatus === 4 ? (k(), A("div", kf, [
           e[7] || (e[7] = n("div", { class: "dot bg-danger" }, null, -1)),
           n("div", _f, y(t.$t("tips.recordingText")), 1)
         ])) : N("", !0),
-        o.actionStatus === 5 || o.actionStatus === 6 ? (k(), I("div", Lf, [
+        o.actionStatus === 5 || o.actionStatus === 6 ? (k(), A("div", Lf, [
           e[8] || (e[8] = n("div", { class: "dot bg-success" }, null, -1)),
           n("div", zf, y(t.$t("tips.savingText")), 1)
         ])) : N("", !0)
@@ -20662,7 +20659,7 @@ function Cf(t, e, a, i, o, r) {
     ], 6)) : N("", !0)
   ]);
 }
-const Mf = /* @__PURE__ */ ie(ff, [["render", Cf], ["__scopeId", "data-v-b2dd8527"]]);
+const Mf = /* @__PURE__ */ ie(ff, [["render", Cf], ["__scopeId", "data-v-a4f4a27b"]]);
 const Pf = {
   name: "IdmBottomBar",
   components: { DateTimePicker: eo, IdmCapture: Mf },
@@ -20705,7 +20702,8 @@ const Pf = {
       timeZone: localStorage.getItem("idm-timeZone-gl4") ? Number(localStorage.getItem("idm-timeZone-gl4")) : R().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"),
-      gifEnabled: !1
+      gifEnabled: !1,
+      frameCount: 0
     };
   },
   watch: {
@@ -20796,19 +20794,13 @@ const Pf = {
       this.$parent.$refs.idmWeatherLayers.handleMenuToggle();
     }
   }
-}, Sf = { class: "idm-bottom-bar-gl4" }, Tf = { class: "date-box d-flex ga-2 mr-2" }, Rf = { class: "play-btns-box d-flex justify-center align-center cursor-pointer ga-1" }, Df = {
-  key: 0,
-  class: "iconfont icon-record"
-}, If = {
-  key: 1,
-  class: "iconfont icon-stop-record text-danger"
-}, Af = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, Gf = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, Ff = {
+}, Sf = { class: "idm-bottom-bar-gl4" }, Tf = { class: "date-box d-flex ga-2 mr-2" }, Rf = { class: "play-btns-box d-flex justify-center align-center cursor-pointer ga-1" }, Df = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, If = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, Af = {
   key: 0,
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
-}, Nf = ["onClick"], Wf = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, Ef = { class: "text-body-1" };
-function Bf(t, e, a, i, o, r) {
+}, Gf = ["onClick"], Ff = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, Nf = { class: "text-body-1" };
+function Wf(t, e, a, i, o, r) {
   const l = P("IdmCapture"), c = P("DateTimePicker"), s = P("VListItemTitle"), d = P("VListItem"), m = P("VList"), p = P("VMenu"), f = P("VBtn"), w = P("VDivider"), u = P("VTooltip");
-  return k(), I("div", Sf, [
+  return k(), A("div", Sf, [
     b(l, $({
       ref: "capture",
       isPlaying: !o.paused,
@@ -20817,7 +20809,8 @@ function Bf(t, e, a, i, o, r) {
       currentTimestamp: o.currentTimestamp,
       onCloseRecord: e[0] || (e[0] = (h) => {
         o.gifEnabled = !1, o.paused = !0;
-      })
+      }),
+      onFrameCount: e[1] || (e[1] = (h) => o.frameCount = h)
     }, t.$attrs), null, 16, ["isPlaying", "enabled", "frequency", "currentTimestamp"]),
     n("div", {
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
@@ -20832,10 +20825,10 @@ function Bf(t, e, a, i, o, r) {
           "interval-hour": o.intervalHour,
           width: 230
         }, t.$attrs, {
-          onCurrentTimestamp: e[1] || (e[1] = (h) => o.currentTimestamp = h),
-          onCurrentRealTime: e[2] || (e[2] = (h) => o.currentRealTime = h),
-          onMinTimestamp: e[3] || (e[3] = (h) => o.minTimestamp = h),
-          onMaxTimestamp: e[4] || (e[4] = (h) => o.maxTimestamp = h)
+          onCurrentTimestamp: e[2] || (e[2] = (h) => o.currentTimestamp = h),
+          onCurrentRealTime: e[3] || (e[3] = (h) => o.currentRealTime = h),
+          onMinTimestamp: e[4] || (e[4] = (h) => o.minTimestamp = h),
+          onMaxTimestamp: e[5] || (e[5] = (h) => o.maxTimestamp = h)
         }), null, 16, ["date-time", "time-zone", "day-about", "interval-hour"]),
         b(f, {
           text: "",
@@ -20849,7 +20842,7 @@ function Bf(t, e, a, i, o, r) {
               default: x(() => [
                 b(m, { class: "pa-1" }, {
                   default: x(() => [
-                    (k(!0), I(Te, null, De(o.intervalOptions, (h, g) => (k(), W(d, {
+                    (k(!0), A(Te, null, De(o.intervalOptions, (h, g) => (k(), W(d, {
                       key: g,
                       value: h,
                       variant: o.intervalHour === h ? "tonal" : "text",
@@ -20890,24 +20883,40 @@ function Bf(t, e, a, i, o, r) {
       }),
       n("div", Rf, [
         b(u, {
-          text: t.$t("actions.record"),
+          text: o.gifEnabled ? t.$t("actions.stop") : t.$t("actions.record"),
           location: "top",
           interactive: !0,
           "open-on-click": !1
         }, {
           activator: x(({ props: h }) => [
-            b(f, $(h, {
+            o.gifEnabled ? (k(), W(f, $({
+              key: 1,
+              disabled: o.frameCount < 1
+            }, h, {
               icon: "",
               size: "small",
               density: "comfortable",
               variant: "text",
-              onClick: e[5] || (e[5] = (g) => o.gifEnabled = !o.gifEnabled)
+              onClick: e[7] || (e[7] = (g) => o.gifEnabled = !o.gifEnabled)
             }), {
-              default: x(() => [
-                o.gifEnabled ? (k(), I("i", If)) : (k(), I("i", Df))
-              ]),
-              _: 2
-            }, 1040)
+              default: x(() => e[15] || (e[15] = [
+                n("i", { class: "iconfont icon-stop-record text-danger" }, null, -1)
+              ])),
+              _: 2,
+              __: [15]
+            }, 1040, ["disabled"])) : (k(), W(f, $({ key: 0 }, h, {
+              icon: "",
+              size: "small",
+              density: "comfortable",
+              variant: "text",
+              onClick: e[6] || (e[6] = (g) => o.gifEnabled = !o.gifEnabled)
+            }), {
+              default: x(() => e[14] || (e[14] = [
+                n("i", { class: "iconfont icon-record" }, null, -1)
+              ])),
+              _: 2,
+              __: [14]
+            }, 1040))
           ]),
           _: 1
         }, 8, ["text"]),
@@ -20925,11 +20934,11 @@ function Bf(t, e, a, i, o, r) {
               variant: "text",
               onClick: r.handleReset
             }), {
-              default: x(() => e[12] || (e[12] = [
+              default: x(() => e[16] || (e[16] = [
                 n("i", { class: "iconfont icon-Reset" }, null, -1)
               ])),
               _: 2,
-              __: [12]
+              __: [16]
             }, 1040, ["onClick"])
           ]),
           _: 1
@@ -20948,11 +20957,11 @@ function Bf(t, e, a, i, o, r) {
               variant: "text",
               onClick: r.handleBackward
             }), {
-              default: x(() => e[13] || (e[13] = [
+              default: x(() => e[17] || (e[17] = [
                 n("i", { class: "iconfont icon-Backward" }, null, -1)
               ])),
               _: 2,
-              __: [13]
+              __: [17]
             }, 1040, ["onClick"])
           ]),
           _: 1
@@ -20971,11 +20980,11 @@ function Bf(t, e, a, i, o, r) {
               variant: "text",
               onClick: r.handlePlay
             }), {
-              default: x(() => e[14] || (e[14] = [
+              default: x(() => e[18] || (e[18] = [
                 n("i", { class: "iconfont icon-Play" }, null, -1)
               ])),
               _: 2,
-              __: [14]
+              __: [18]
             }, 1040, ["onClick"])) : N("", !0)
           ]),
           _: 1
@@ -20994,11 +21003,11 @@ function Bf(t, e, a, i, o, r) {
               variant: "text",
               onClick: r.handlePause
             }), {
-              default: x(() => e[15] || (e[15] = [
+              default: x(() => e[19] || (e[19] = [
                 n("i", { class: "iconfont icon-Pause" }, null, -1)
               ])),
               _: 2,
-              __: [15]
+              __: [19]
             }, 1040, ["onClick"]))
           ]),
           _: 1
@@ -21017,11 +21026,11 @@ function Bf(t, e, a, i, o, r) {
               variant: "text",
               onClick: r.handleForward
             }), {
-              default: x(() => e[16] || (e[16] = [
+              default: x(() => e[20] || (e[20] = [
                 n("i", { class: "iconfont icon-Forward" }, null, -1)
               ])),
               _: 2,
-              __: [16]
+              __: [20]
             }, 1040, ["onClick"])
           ]),
           _: 1
@@ -21032,7 +21041,7 @@ function Bf(t, e, a, i, o, r) {
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      n("div", Af, [
+      n("div", Df, [
         b(u, {
           text: t.$t("weather.windBarbs"),
           location: "top"
@@ -21047,13 +21056,13 @@ function Bf(t, e, a, i, o, r) {
                 height: "24",
                 width: "24",
                 "min-width": "24",
-                onClick: e[6] || (e[6] = (T) => r.handleClickFastWeather("wind"))
+                onClick: e[8] || (e[8] = (T) => r.handleClickFastWeather("wind"))
               }), {
-                default: x(() => e[17] || (e[17] = [
+                default: x(() => e[21] || (e[21] = [
                   n("i", { class: "iconfont icon-a-WindLevel" }, null, -1)
                 ])),
                 _: 2,
-                __: [17]
+                __: [21]
               }, 1040, ["color", "variant"])
             ];
           }),
@@ -21073,7 +21082,7 @@ function Bf(t, e, a, i, o, r) {
                 height: "24",
                 width: "24",
                 "min-width": "24",
-                onClick: e[7] || (e[7] = (T) => r.handleClickFastWeather("sig-wave-height"))
+                onClick: e[9] || (e[9] = (T) => r.handleClickFastWeather("sig-wave-height"))
               }), {
                 default: x(() => [
                   n("i", $(h, { class: "iconfont icon-a-WaveHeight" }), null, 16)
@@ -21098,7 +21107,7 @@ function Bf(t, e, a, i, o, r) {
                 height: "24",
                 width: "24",
                 "min-width": "24",
-                onClick: e[8] || (e[8] = (T) => r.handleClickFastWeather("current-direction"))
+                onClick: e[10] || (e[10] = (T) => r.handleClickFastWeather("current-direction"))
               }), {
                 default: x(() => [
                   n("i", $(h, { class: "iconfont icon-Current" }), null, 16)
@@ -21136,32 +21145,32 @@ function Bf(t, e, a, i, o, r) {
         class: "mx-2 mr-3 my-3",
         style: { height: "16px" }
       }),
-      n("div", Gf, [
+      n("div", If, [
         b(f, {
           text: "",
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2 btn-bg-2",
           color: o.source === "GFS" ? "primary" : "",
-          onClick: e[9] || (e[9] = (h) => o.source = "GFS")
+          onClick: e[11] || (e[11] = (h) => o.source = "GFS")
         }, {
-          default: x(() => e[18] || (e[18] = [
+          default: x(() => e[22] || (e[22] = [
             Z("NOAA", -1)
           ])),
           _: 1,
-          __: [18]
+          __: [22]
         }, 8, ["color"]),
         b(f, {
           text: "",
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2 btn-bg-2",
           color: o.source === "ECMWF" ? "primary" : "",
-          onClick: e[10] || (e[10] = (h) => o.source = "ECMWF")
+          onClick: e[12] || (e[12] = (h) => o.source = "ECMWF")
         }, {
-          default: x(() => e[19] || (e[19] = [
+          default: x(() => e[23] || (e[23] = [
             Z("ECMWF", -1)
           ])),
           _: 1,
-          __: [19]
+          __: [23]
         }, 8, ["color"])
       ])
     ], 4),
@@ -21169,34 +21178,34 @@ function Bf(t, e, a, i, o, r) {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
       style: he({ right: o.right + "px" })
     }, [
-      o.showTimezone ? (k(), I("div", Ff, [
-        (k(!0), I(Te, null, De(o.offsets, (h) => (k(), I("div", {
+      o.showTimezone ? (k(), A("div", Af, [
+        (k(!0), A(Te, null, De(o.offsets, (h) => (k(), A("div", {
           key: h,
           class: "item rounded text-body-2 hover-active",
           onClick: (g) => o.timeZone = h
-        }, y(h < 0 ? h : "+" + h), 9, Nf))), 128))
+        }, y(h < 0 ? h : "+" + h), 9, Gf))), 128))
       ])) : N("", !0),
-      n("div", Wf, [
+      n("div", Ff, [
         b(f, {
           text: "",
           variant: "flat",
           height: "28",
           class: "pa-1 text-body-1",
           color: "primary",
-          onClick: e[11] || (e[11] = (h) => o.showTimezone = !o.showTimezone)
+          onClick: e[13] || (e[13] = (h) => o.showTimezone = !o.showTimezone)
         }, {
           default: x(() => [
             Z(" UTC " + y(o.timeZone < 0 ? o.timeZone : "+" + o.timeZone), 1)
           ]),
           _: 1
         }),
-        n("span", Ef, y(o.currentRealTime), 1)
+        n("span", Nf, y(o.currentRealTime), 1)
       ])
     ], 4)
   ]);
 }
-const Zf = /* @__PURE__ */ ie(Pf, [["render", Bf]]);
-const Of = {
+const Ef = /* @__PURE__ */ ie(Pf, [["render", Wf]]);
+const Bf = {
   name: "IdmTimePlayer",
   components: { DateTimePicker: eo },
   props: {
@@ -21304,14 +21313,14 @@ const Of = {
       this.step = Math.floor(e / this.frequency), this.animation = requestAnimationFrame(this.animateSpeeds);
     }
   }
-}, Vf = { class: "w-100 timeline-box d-flex justify-space-around align-center rounded px-2" };
-function jf(t, e, a, i, o, r) {
+}, Zf = { class: "w-100 timeline-box d-flex justify-space-around align-center rounded px-2" };
+function Of(t, e, a, i, o, r) {
   const l = P("VBtn"), c = P("DateTimePicker");
-  return k(), I("div", {
+  return k(), A("div", {
     class: "idm-time-player-gl4 d-flex justify-center align-center",
     style: he({ bottom: Object.values(o.show).includes(!0) ? a.playerBottom + "px" : "-100px" })
   }, [
-    n("div", Vf, [
+    n("div", Zf, [
       b(l, {
         size: "small",
         density: "compact",
@@ -21404,7 +21413,7 @@ function jf(t, e, a, i, o, r) {
     ])
   ], 4);
 }
-const xr = /* @__PURE__ */ ie(Of, [["render", jf]]), Xf = {
+const xr = /* @__PURE__ */ ie(Bf, [["render", Of]]), Vf = {
   name: "IdmGL4",
   components: {
     IdmOtherLayer: Ns,
@@ -21413,7 +21422,7 @@ const xr = /* @__PURE__ */ ie(Of, [["render", jf]]), Xf = {
     IdmMeasure: kp,
     IdmSpot: bp,
     IdmMarker: Yu,
-    IdmBottomBar: Zf,
+    IdmBottomBar: Ef,
     IdmTimePlayer: xr
   },
   props: {
@@ -21470,14 +21479,14 @@ const xr = /* @__PURE__ */ ie(Of, [["render", jf]]), Xf = {
     }
   },
   methods: {}
-}, Hf = {
+}, jf = {
   ref: "mapHomeGl4",
   class: "map-gl4-home",
   id: "map-gl4-home"
 };
-function Yf(t, e, a, i, o, r) {
+function Xf(t, e, a, i, o, r) {
   const l = P("IdmOtherLayer"), c = P("IdmWeatherLayer"), s = P("IdmTropicals"), d = P("IdmSpot"), m = P("IdmMeasure"), p = P("IdmMarker"), f = P("IdmBottomBar"), w = P("IdmTimePlayer");
-  return k(), I("div", Hf, [
+  return k(), A("div", jf, [
     b(l, $({
       ref: "idmOtherLayers",
       simple: a.simple,
@@ -21570,8 +21579,8 @@ function Yf(t, e, a, i, o, r) {
     }, t.$attrs), null, 16, ["playerBottom", "bgClass", "weather-check-list", "map-feather"])) : N("", !0)
   ], 512);
 }
-const Uf = /* @__PURE__ */ ie(Xf, [["render", Yf]]);
-class $f {
+const Hf = /* @__PURE__ */ ie(Vf, [["render", Xf]]);
+class Yf {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     ve(this, "originStyle");
     ve(this, "mapboxStyle");
@@ -21579,7 +21588,7 @@ class $f {
     ve(this, "hi");
     ve(this, "td");
     ve(this, "windy");
-    var a, i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, be, _e, Re, Q, de, He, Ee, Me, Ae, le, Pe, ue, we, Ze, Ue, Ye, U, xe, Ge, Oe, Ve, te, Be, se, at, ot, it, Ne, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, kt, _t, Lt, zt, Ct, Mt, Pt, St, Tt, Rt, Dt, It, At, Gt, Ft, Nt, Wt, Et, Bt, Zt, Ot, Vt, jt, Xt, Ht, Yt, Ut, Jt, Kt, qt, Qt, ea, ta, aa, oa, ia, ra, la, na, sa, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, ka, _a, La, za, Ca, Ma, Pa, Sa, Ta, Ra, Da, Ia, Aa, Ga, Fa, xo, vo, ko, _o, Lo, zo, Co, Mo, Po, So, To, Ro, Do, Io, Ao, Go, Fo, No, Wo, Eo, Bo, Zo, Oo, Vo, jo, Xo, Ho, Yo, Uo, $o, Jo, Ko, qo, Qo, ei, ti, ai, oi, ii, ri, li, ni, si, ci, mi, di, hi, pi, ui, gi, fi, yi, bi, wi, xi, vi, ki, _i, Li, zi, Ci, Mi, Pi, Si, Ti, Ri;
+    var a, i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, be, _e, Re, Q, de, He, Ee, Me, Ae, le, Pe, ue, we, Ze, Ue, Ye, U, xe, Ge, Oe, Ve, te, Be, se, at, ot, it, Ne, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, kt, _t, Lt, zt, Ct, Mt, Pt, St, Tt, Rt, Dt, It, At, Gt, Ft, Nt, Wt, Et, Bt, Zt, Ot, Vt, jt, Xt, Ht, Yt, Ut, Jt, Kt, qt, Qt, ea, ta, aa, oa, ia, ra, la, na, sa, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, ka, _a, La, za, Ca, Ma, Pa, Sa, Ta, Ra, Da, Ia, Aa, Ga, Fa, xo, vo, ko, _o, Lo, zo, Co, Mo, Po, So, To, Ro, Do, Io, Ao, Go, Fo, No, Wo, Eo, Bo, Zo, Oo, Vo, jo, Xo, Ho, Yo, Uo, $o, Jo, Ko, qo, Qo, ei, ti, ai, oi, ii, ri, li, ni, si, ci, mi, di, hi, pi, ui, gi, fi, yi, bi, wi, xi, vi, ki, _i, Li, zi, Ci, Mi, Pi, Si, Ti, Ri;
     this.i4 = {
       source: {
         type: "raster",
@@ -40124,7 +40133,7 @@ class $f {
           (v = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : v.find((C) => C.id === "country-boundaries"),
           (L = (M = this.originStyle) == null ? void 0 : M.light.layers) == null ? void 0 : L.find((C) => C.id === "water-outline"),
           (S = (z = this.originStyle) == null ? void 0 : z.light.layers) == null ? void 0 : S.find((C) => C.id === "water-outline2"),
-          (A = (D = this.originStyle) == null ? void 0 : D.light.layers) == null ? void 0 : A.find((C) => C.id === "empty-layer-2"),
+          (I = (D = this.originStyle) == null ? void 0 : D.light.layers) == null ? void 0 : I.find((C) => C.id === "empty-layer-2"),
           (X = (E = this.originStyle) == null ? void 0 : E.light.layers) == null ? void 0 : X.find((C) => C.id === "water-line-label"),
           (q = (O = this.originStyle) == null ? void 0 : O.light.layers) == null ? void 0 : q.find((C) => C.id === "water-point-label"),
           (re = (ae = this.originStyle) == null ? void 0 : ae.light.layers) == null ? void 0 : re.find((C) => C.id === "world-12nm-v4-20231025"),
@@ -40329,7 +40338,7 @@ class $f {
     };
   }
 }
-const Jf = {
+const Uf = {
   name: "MapInitial",
   props: {
     token: {
@@ -40402,7 +40411,7 @@ const Jf = {
   },
   methods: {
     async initOnlineMap() {
-      this.helper = new $f(this.token), ye.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      this.helper = new Yf(this.token), ye.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
       const t = new ye.Map({
         container: "map",
         // style: 'mapbox://styles/neatchenheng/cmd894dwn036m01rf7anc0k0d', //light
@@ -40445,24 +40454,24 @@ const Jf = {
       this.zoom > 2 && (this.zoom = Math.floor(this.zoom) - 1, (t = this.map) == null || t.flyTo({ zoom: this.zoom, duration: 500 }));
     }
   }
-}, Kf = { class: "v-btn--variant-elevated rounded" }, qf = { class: "v-btn--variant-elevated rounded" }, Qf = { class: "zoom" }, e1 = {
+}, $f = { class: "v-btn--variant-elevated rounded" }, Jf = { class: "v-btn--variant-elevated rounded" }, Kf = { class: "zoom" }, qf = {
   key: 2,
   class: "position-absolute left-0 bottom-0 ma-2 my-1 text-caption text-label opacity-70"
 };
-function t1(t, e, a, i, o, r) {
+function Qf(t, e, a, i, o, r) {
   const l = P("VBtn");
-  return k(), I("div", {
+  return k(), A("div", {
     id: "mapbox-initial-gl4",
     class: "mapbox-initial-gl4 gif-container",
     style: he({ height: a.height, width: a.width })
   }, [
     e[6] || (e[6] = n("div", { id: "map" }, null, -1)),
-    a.simple ? (k(), I("div", {
+    a.simple ? (k(), A("div", {
       key: 0,
       class: "menu-bar-box transition px-1 rounded d-flex flex-column pa-1 simple",
       style: he({ top: a.top + 294 + "px", right: o.right + "px", height: "40px" })
     }, [
-      n("div", Kf, [
+      n("div", $f, [
         b(l, {
           "min-width": "32",
           width: "32",
@@ -40478,12 +40487,12 @@ function t1(t, e, a, i, o, r) {
         }, 8, ["onClick"])
       ])
     ], 4)) : N("", !0),
-    a.simple ? N("", !0) : (k(), I("div", {
+    a.simple ? N("", !0) : (k(), A("div", {
       key: 1,
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
       style: he({ top: a.top + 308 + "px", right: o.right + "px", height: "112px" })
     }, [
-      n("div", qf, [
+      n("div", Jf, [
         b(l, {
           "min-width": "32",
           width: "32",
@@ -40497,7 +40506,7 @@ function t1(t, e, a, i, o, r) {
           _: 1,
           __: [1]
         }, 8, ["onClick"]),
-        n("div", Qf, y(o.zoom ? Math.floor(o.zoom) : 0), 1),
+        n("div", Kf, y(o.zoom ? Math.floor(o.zoom) : 0), 1),
         b(l, {
           "min-width": "32",
           width: "32",
@@ -40513,7 +40522,7 @@ function t1(t, e, a, i, o, r) {
         }, 8, ["onClick"])
       ])
     ], 4)),
-    a.simple ? N("", !0) : (k(), I("div", e1, [
+    a.simple ? N("", !0) : (k(), A("div", qf, [
       e[3] || (e[3] = n("span", null, "© 2023", -1)),
       n("span", null, "-" + y(r.computeYear), 1),
       e[4] || (e[4] = n("span", { class: "text-uppercase ma-2" }, "ormwx.com", -1)),
@@ -40525,8 +40534,8 @@ function t1(t, e, a, i, o, r) {
     ]))
   ], 4);
 }
-const a1 = /* @__PURE__ */ ie(Jf, [["render", t1]]);
-const o1 = {
+const e1 = /* @__PURE__ */ ie(Uf, [["render", Qf]]);
+const t1 = {
   name: "DateRangePicker",
   props: {
     width: {
@@ -40762,22 +40771,22 @@ const o1 = {
       this.dateRange = [], this.dateRangeStr = "", this.$emit("dateRange", []);
     }
   }
-}, i1 = {
+}, a1 = {
   class: "idm-gl4-date-picker",
   ref: "idmGl4DatePicker"
-}, r1 = { class: "flex-1-1-0" }, l1 = { class: "pa-0 w-100 d-flex justify-space-between align-center ga-4" }, n1 = {
+}, o1 = { class: "flex-1-1-0" }, i1 = { class: "pa-0 w-100 d-flex justify-space-between align-center ga-4" }, r1 = {
   key: 0,
   class: "d-flex justify-start align-center flex-wrap ga-3 ml-n2"
-}, s1 = { class: "flex-1-1-0 d-flex justify-end align-center ga-4" };
-function c1(t, e, a, i, o, r) {
+}, l1 = { class: "flex-1-1-0 d-flex justify-end align-center ga-4" };
+function n1(t, e, a, i, o, r) {
   const l = P("VIcon"), c = P("VDatePicker"), s = P("v-divider"), d = P("VCardText"), m = P("VDivider"), p = P("VBtn"), f = P("VCardActions"), w = P("VCard");
-  return k(), I("div", i1, [
+  return k(), A("div", a1, [
     n("div", {
       style: he({ height: a.height + "px", width: a.width ? a.width + "px" : "auto" }),
       class: "rounded text-body-1 btn-border-1 btn-bg-1 d-flex align-center justify-space-between px-2 cursor-pointer",
       onClick: e[0] || (e[0] = (...u) => r.handleOpenDatePicker && r.handleOpenDatePicker(...u))
     }, [
-      n("span", r1, y(o.dateRangeStr), 1),
+      n("span", o1, y(o.dateRangeStr), 1),
       o.dateRangeStr ? (k(), W(l, {
         key: 0,
         class: "text-h5",
@@ -40794,7 +40803,7 @@ function c1(t, e, a, i, o, r) {
       default: x(() => [
         b(d, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
           default: x(() => [
-            n("div", l1, [
+            n("div", i1, [
               b(c, {
                 modelValue: o.dateRange[0],
                 "onUpdate:modelValue": [
@@ -40845,8 +40854,8 @@ function c1(t, e, a, i, o, r) {
           default: x(() => {
             var u, h;
             return [
-              (u = a.fastPick) != null && u.show ? (k(), I("div", n1, [
-                (k(!0), I(Te, null, De((h = o.fastPickOptions) == null ? void 0 : h.filter((g) => a.fastPick.allows.some((_) => _ === g)), (g) => (k(), W(p, {
+              (u = a.fastPick) != null && u.show ? (k(), A("div", r1, [
+                (k(!0), A(Te, null, De((h = o.fastPickOptions) == null ? void 0 : h.filter((g) => a.fastPick.allows.some((_) => _ === g)), (g) => (k(), W(p, {
                   size: "small",
                   color: o.activeFastPick === g ? "primary" : "",
                   variant: o.activeFastPick === g ? "tonal" : "text",
@@ -40859,7 +40868,7 @@ function c1(t, e, a, i, o, r) {
                   _: 2
                 }, 1032, ["color", "variant", "onClick"]))), 256))
               ])) : N("", !0),
-              n("div", s1, [
+              n("div", l1, [
                 b(p, {
                   size: "small",
                   variant: "tonal",
@@ -40893,25 +40902,25 @@ function c1(t, e, a, i, o, r) {
     }, 8, ["style"])) : N("", !0)
   ], 512);
 }
-const m1 = /* @__PURE__ */ ie(o1, [["render", c1]]), C1 = {
+const s1 = /* @__PURE__ */ ie(t1, [["render", n1]]), L1 = {
   install(t) {
-    t.component("MapInitial", a1), t.component("MapboxGL", Uf), t.component("TropicalGL", ar), t.component("LatLngGL", tr), t.component("DateTimePicker", eo), t.component("DateRangePicker", m1), t.component("PortDetail", go), t.component("TimePlayer", xr);
+    t.component("MapInitial", e1), t.component("MapboxGL", Hf), t.component("TropicalGL", ar), t.component("LatLngGL", tr), t.component("DateTimePicker", eo), t.component("DateRangePicker", s1), t.component("PortDetail", go), t.component("TimePlayer", xr);
   }
 };
 export {
   eo as D,
   tr as L,
-  C1 as M,
+  L1 as M,
   go as P,
   ar as T,
   fo as V,
   $e as W,
-  a1 as a,
-  Uf as b,
-  m1 as c,
+  e1 as a,
+  Hf as b,
+  s1 as c,
   xr as d,
   Ce as e,
   We as f,
-  $f as g,
+  Yf as g,
   Ba as l
 };