@idmwx/idmui-gl4 1.4.2 → 1.4.4

package/dist/index.js

@@ -9,7 +9,7 @@ import { LngLatHelper as X, TropicalHelper as Va, LaneHelper as Ue } from "@idm-
 import D from "moment";
 import { Meteo2Assist as ao, TidesAssist as qa } from "@idm-plugin/meteo";
 import * as ro from "echarts";
-import * as H from "@turf/turf";
+import * as U from "@turf/turf";
 import { LayerHelper as io, CompanyHelper as Ja } from "@idm-plugin/tag2";
 import Qa from "@mapbox/sphericalmercator";
 import { LayerHelper as ei } from "@idm-plugin/tag";
@@ -385,8 +385,8 @@ const mi = {
         return ((c = s.properties) == null ? void 0 : c.id) === ((n = e == null ? void 0 : e.properties) == null ? void 0 : n.id);
       })[0];
       o && (this.showMakerInfo = !0, this.form = { ...o.properties }, (r = this.marker) == null || r.remove(), this.$nextTick(() => {
-        var n, g;
-        const s = (n = document.getElementById("idm-gl4-zone-info")) == null ? void 0 : n.cloneNode(!0), c = (g = s == null ? void 0 : s.children[1]) == null ? void 0 : g.children[0];
+        var n, f;
+        const s = (n = document.getElementById("idm-gl4-zone-info")) == null ? void 0 : n.cloneNode(!0), c = (f = s == null ? void 0 : s.children[1]) == null ? void 0 : f.children[0];
         c && (c.onclick = () => {
           this.handleRemoveMarker();
         }), this.marker = new ve.Marker(s).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([230, 0]).addTo(this.map);
@@ -498,7 +498,7 @@ function hi(t, e, o, i, a, r) {
     default: u(() => [
       h(c, null, {
         default: u(() => {
-          var g;
+          var f;
           return [
             h(s, {
               icon: "",
@@ -515,7 +515,7 @@ function hi(t, e, o, i, a, r) {
             }, 8, ["onClick"]),
             l("div", {
               class: "rich-context",
-              innerHTML: (g = a.form) == null ? void 0 : g.name
+              innerHTML: (f = a.form) == null ? void 0 : f.name
             }, null, 8, di)
           ];
         }),
@@ -1482,10 +1482,10 @@ const ui = {
         { label: "Swell", key: "weather.swell", unit: "m" },
         { label: "Current", key: "weather.current", unit: "kts" }
       ], (o = (e = this.dateList) == null ? void 0 : e[this.currentIndex]) == null || o.dateTimeList.forEach((i, a) => {
-        var c, n, g, p, f, w, L, y, k, T, O, I, P, _, z, C, v, A, U, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe;
+        var c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe;
         let r = {};
         const s = ((c = ao.pickHourly(t, D(i))) == null ? void 0 : c[0]) || {};
-        r.utc = s.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = s.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((g = s == null ? void 0 : s.weather) == null ? void 0 : g.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((f = (p = s == null ? void 0 : s.weather) == null ? void 0 : p.precip) == null ? void 0 : f.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((L = (w = s == null ? void 0 : s.weather) == null ? void 0 : w.precip) == null ? void 0 : L.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((y = s == null ? void 0 : s.weather) == null ? void 0 : y.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((T = (k = s == null ? void 0 : s.weather) == null ? void 0 : k.wind) == null ? void 0 : T.kts, 1) ?? "-", r.windDir = (I = (O = s == null ? void 0 : s.weather) == null ? void 0 : O.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((_ = (P = s == null ? void 0 : s.weather) == null ? void 0 : P.wind) == null ? void 0 : _.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((C = (z = s == null ? void 0 : s.weather) == null ? void 0 : z.wind) == null ? void 0 : C.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((A = (v = s == null ? void 0 : s.wave) == null ? void 0 : v.sig) == null ? void 0 : A.height, 1) ?? "-", r.sigwaveDir = (Z = (U = s == null ? void 0 : s.wave) == null ? void 0 : U.sig) == null ? void 0 : Z.direction, r.sigwavePeriod = this.computeRoundPrecision((V = (q = s == null ? void 0 : s.wave) == null ? void 0 : q.sig) == null ? void 0 : V.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((ee = (Q = s == null ? void 0 : s.wave) == null ? void 0 : Q.wd) == null ? void 0 : ee.height, 1) ?? "-", r.windwaveDir = (re = (J = s == null ? void 0 : s.wave) == null ? void 0 : J.wd) == null ? void 0 : re.direction, r.windwavePeriod = this.computeRoundPrecision((pe = (he = s == null ? void 0 : s.wave) == null ? void 0 : he.wd) == null ? void 0 : pe.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision(($ = (ne = s == null ? void 0 : s.wave) == null ? void 0 : ne.swell) == null ? void 0 : $.height, 1) ?? "-", r.swellDir = (ue = (ae = s == null ? void 0 : s.wave) == null ? void 0 : ae.swell) == null ? void 0 : ue.direction, r.swellPeriod = this.computeRoundPrecision((F = (ce = s == null ? void 0 : s.wave) == null ? void 0 : ce.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((me = s == null ? void 0 : s.current) == null ? void 0 : me.speed, 1) ?? "-", r.currentDir = (xe = s == null ? void 0 : s.current) == null ? void 0 : xe.direction, r.currentSpeed = this.computeRoundPrecision((Le = s == null ? void 0 : s.current) == null ? void 0 : Le.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(s == null ? void 0 : s.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(s == null ? void 0 : s.sst, 0) ?? "-", r.weatherUrls = (Pe = s == null ? void 0 : s.weather) == null ? void 0 : Pe.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = r.weatherUrl, this.tableData[2][`value${a}`] = r.temp, this.tableData[3][`value${a}`] = r.precip1h, this.tableData[4][`value${a}`] = r.visibility, this.tableData[5][`value${a}`] = r.windSpeed, this.tableData[6][`value${a}`] = r.sigwaveHeight, this.tableData[7][`value${a}`] = r.swellHeight, this.tableData[8][`value${a}`] = r.currentSpeed;
+        r.utc = s.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = s.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((f = s == null ? void 0 : s.weather) == null ? void 0 : f.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((y = (p = s == null ? void 0 : s.weather) == null ? void 0 : p.precip) == null ? void 0 : y.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((k = (w = s == null ? void 0 : s.weather) == null ? void 0 : w.precip) == null ? void 0 : k.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((g = s == null ? void 0 : s.weather) == null ? void 0 : g.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((T = (z = s == null ? void 0 : s.weather) == null ? void 0 : z.wind) == null ? void 0 : T.kts, 1) ?? "-", r.windDir = (I = (O = s == null ? void 0 : s.weather) == null ? void 0 : O.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((_ = (P = s == null ? void 0 : s.weather) == null ? void 0 : P.wind) == null ? void 0 : _.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((C = (L = s == null ? void 0 : s.weather) == null ? void 0 : L.wind) == null ? void 0 : C.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((A = (v = s == null ? void 0 : s.wave) == null ? void 0 : v.sig) == null ? void 0 : A.height, 1) ?? "-", r.sigwaveDir = (Z = (H = s == null ? void 0 : s.wave) == null ? void 0 : H.sig) == null ? void 0 : Z.direction, r.sigwavePeriod = this.computeRoundPrecision((V = (q = s == null ? void 0 : s.wave) == null ? void 0 : q.sig) == null ? void 0 : V.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((ee = (Q = s == null ? void 0 : s.wave) == null ? void 0 : Q.wd) == null ? void 0 : ee.height, 1) ?? "-", r.windwaveDir = (re = (J = s == null ? void 0 : s.wave) == null ? void 0 : J.wd) == null ? void 0 : re.direction, r.windwavePeriod = this.computeRoundPrecision((pe = (he = s == null ? void 0 : s.wave) == null ? void 0 : he.wd) == null ? void 0 : pe.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision(($ = (ne = s == null ? void 0 : s.wave) == null ? void 0 : ne.swell) == null ? void 0 : $.height, 1) ?? "-", r.swellDir = (ue = (ae = s == null ? void 0 : s.wave) == null ? void 0 : ae.swell) == null ? void 0 : ue.direction, r.swellPeriod = this.computeRoundPrecision((F = (ce = s == null ? void 0 : s.wave) == null ? void 0 : ce.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((me = s == null ? void 0 : s.current) == null ? void 0 : me.speed, 1) ?? "-", r.currentDir = (xe = s == null ? void 0 : s.current) == null ? void 0 : xe.direction, r.currentSpeed = this.computeRoundPrecision((Le = s == null ? void 0 : s.current) == null ? void 0 : Le.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(s == null ? void 0 : s.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(s == null ? void 0 : s.sst, 0) ?? "-", r.weatherUrls = (Pe = s == null ? void 0 : s.weather) == null ? void 0 : Pe.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = r.weatherUrl, this.tableData[2][`value${a}`] = r.temp, this.tableData[3][`value${a}`] = r.precip1h, this.tableData[4][`value${a}`] = r.visibility, this.tableData[5][`value${a}`] = r.windSpeed, this.tableData[6][`value${a}`] = r.sigwaveHeight, this.tableData[7][`value${a}`] = r.swellHeight, this.tableData[8][`value${a}`] = r.currentSpeed;
       });
     },
     handleTide() {
@@ -1670,19 +1670,19 @@ const ui = {
   width: "120"
 }, ur = { class: "px-1 text-center" }, gr = { class: "px-1 text-center" }, fr = { class: "px-1 text-center" };
 function yr(t, e, o, i, a, r) {
-  const s = x("VBtn"), c = x("VCardTitle"), n = x("VDivider"), g = x("VIcon"), p = x("VBtnToggle"), f = x("VCard");
-  return b(), R(f, { class: "port-detail-container d-flex flex-column justify-start align-center" }, {
+  const s = x("VBtn"), c = x("VCardTitle"), n = x("VDivider"), f = x("VIcon"), p = x("VBtnToggle"), y = x("VCard");
+  return b(), R(y, { class: "port-detail-container d-flex flex-column justify-start align-center" }, {
     default: u(() => {
-      var w, L;
+      var w, k;
       return [
         h(c, { class: "w-100" }, {
           default: u(() => {
-            var y, k, T, O, I;
+            var g, z, T, O, I;
             return [
               l("div", gi, [
                 l("div", fi, [
                   l("div", {
-                    class: He(["fi mr-2 rounded elevation-4", `fi-${(y = o.port) != null && y.cntLoCode ? (T = (k = o.port) == null ? void 0 : k.cntLoCode) == null ? void 0 : T.toLowerCase() : "xx"}`]),
+                    class: He(["fi mr-2 rounded elevation-4", `fi-${(g = o.port) != null && g.cntLoCode ? (T = (z = o.port) == null ? void 0 : z.cntLoCode) == null ? void 0 : T.toLowerCase() : "xx"}`]),
                     style: { width: "36px", height: "24px" }
                   }, null, 2),
                   l("div", null, m((O = o.port) == null ? void 0 : O.name), 1)
@@ -1714,9 +1714,9 @@ function yr(t, e, o, i, a, r) {
         }),
         h(n, { class: "w-100" }),
         l("div", bi, [
-          o.followList.some((y) => {
-            var k;
-            return ((k = y.port) == null ? void 0 : k.id) === o.portId;
+          o.followList.some((g) => {
+            var z;
+            return ((z = g.port) == null ? void 0 : z.id) === o.portId;
           }) ? (b(), R(s, {
             key: 0,
             class: "text-none text-body-1 rounded flex-1-1-0",
@@ -1727,7 +1727,7 @@ function yr(t, e, o, i, a, r) {
             onClick: r.handleCancelFollow
           }, {
             prepend: u(() => [
-              h(g, { color: "warning" })
+              h(f, { color: "warning" })
             ]),
             default: u(() => [
               j(" " + m(t.$t("actions.unfollow")), 1)
@@ -1776,7 +1776,7 @@ function yr(t, e, o, i, a, r) {
             l("div", Li, [
               l("div", Pi, [
                 l("div", Ci, m(t.$t("port.region")), 1),
-                l("div", Ti, m(((w = o.port) == null ? void 0 : w.region) ?? ((L = o.port) == null ? void 0 : L.city) ?? "-"), 1)
+                l("div", Ti, m(((w = o.port) == null ? void 0 : w.region) ?? ((k = o.port) == null ? void 0 : k.city) ?? "-"), 1)
               ]),
               l("div", Si, [
                 l("div", Ii, m(t.$t("port.position")), 1),
@@ -1803,7 +1803,7 @@ function yr(t, e, o, i, a, r) {
             l("div", Fi, [
               h(p, {
                 modelValue: a.currentIndex,
-                "onUpdate:modelValue": e[0] || (e[0] = (y) => a.currentIndex = y),
+                "onUpdate:modelValue": e[0] || (e[0] = (g) => a.currentIndex = g),
                 class: "w-100 gray-card rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",
                 density: "compact",
                 group: "",
@@ -1812,15 +1812,15 @@ function yr(t, e, o, i, a, r) {
                 rounded: "1"
               }, {
                 default: u(() => [
-                  (b(!0), S(be, null, we(r.dateList, (y) => (b(), R(s, {
+                  (b(!0), S(be, null, we(r.dateList, (g) => (b(), R(s, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
                     height: "26",
-                    value: y.index
+                    value: g.index
                   }, {
                     default: u(() => [
-                      j(m(y.label), 1)
+                      j(m(g.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 256))
@@ -1829,40 +1829,40 @@ function yr(t, e, o, i, a, r) {
               }, 8, ["modelValue"]),
               l("table", Hi, [
                 l("tbody", null, [
-                  (b(!0), S(be, null, we(a.tableData, (y) => (b(), S("tr", {
-                    key: y.id
+                  (b(!0), S(be, null, we(a.tableData, (g) => (b(), S("tr", {
+                    key: g.id
                   }, [
                     l("th", Ui, [
-                      j(m(t.$t(`${y.key}`)) + " ", 1),
-                      y.unit ? (b(), S("span", Wi, " ( " + m(y.unit) + " )", 1)) : M("", !0)
+                      j(m(t.$t(`${g.key}`)) + " ", 1),
+                      g.unit ? (b(), S("span", Wi, " ( " + m(g.unit) + " )", 1)) : M("", !0)
                     ]),
                     l("td", Gi, [
-                      y.img ? (b(), S("img", {
+                      g.img ? (b(), S("img", {
                         key: 0,
-                        src: y == null ? void 0 : y.value0,
+                        src: g == null ? void 0 : g.value0,
                         style: { height: "30px" }
-                      }, null, 8, Vi)) : (b(), S("span", Zi, m((y == null ? void 0 : y.value0) ?? "-"), 1))
+                      }, null, 8, Vi)) : (b(), S("span", Zi, m((g == null ? void 0 : g.value0) ?? "-"), 1))
                     ]),
                     l("td", qi, [
-                      y.img ? (b(), S("img", {
+                      g.img ? (b(), S("img", {
                         key: 0,
-                        src: y == null ? void 0 : y.value1,
+                        src: g == null ? void 0 : g.value1,
                         style: { height: "30px" }
-                      }, null, 8, Yi)) : (b(), S("span", Ki, m((y == null ? void 0 : y.value1) ?? "-"), 1))
+                      }, null, 8, Yi)) : (b(), S("span", Ki, m((g == null ? void 0 : g.value1) ?? "-"), 1))
                     ]),
                     l("td", Xi, [
-                      y.img ? (b(), S("img", {
+                      g.img ? (b(), S("img", {
                         key: 0,
-                        src: y == null ? void 0 : y.value2,
+                        src: g == null ? void 0 : g.value2,
                         style: { height: "30px" }
-                      }, null, 8, $i)) : (b(), S("span", Ji, m((y == null ? void 0 : y.value2) ?? "-"), 1))
+                      }, null, 8, $i)) : (b(), S("span", Ji, m((g == null ? void 0 : g.value2) ?? "-"), 1))
                     ]),
                     l("td", Qi, [
-                      y.img ? (b(), S("img", {
+                      g.img ? (b(), S("img", {
                         key: 0,
-                        src: y == null ? void 0 : y.value3,
+                        src: g == null ? void 0 : g.value3,
                         style: { height: "30px" }
-                      }, null, 8, er)) : (b(), S("span", tr, m((y == null ? void 0 : y.value3) ?? "-"), 1))
+                      }, null, 8, er)) : (b(), S("span", tr, m((g == null ? void 0 : g.value3) ?? "-"), 1))
                     ])
                   ]))), 128))
                 ])
@@ -1886,7 +1886,7 @@ function yr(t, e, o, i, a, r) {
                   density: "compact",
                   variant: "plain",
                   size: "small",
-                  onClick: e[1] || (e[1] = (y) => a.showTideDetail = !1)
+                  onClick: e[1] || (e[1] = (g) => a.showTideDetail = !1)
                 })) : (b(), R(s, {
                   key: 1,
                   icon: "mdi-eye-outline",
@@ -1906,12 +1906,12 @@ function yr(t, e, o, i, a, r) {
                     l("th", hr, m(t.$t("time.time")) + " ( LT ) ", 1),
                     l("th", pr, m(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (b(!0), S(be, null, we(a.tideTableData, (y, k) => {
+                  (b(!0), S(be, null, we(a.tideTableData, (g, z) => {
                     var T;
-                    return b(), S("tr", { key: k }, [
-                      l("td", ur, m(t.$t(`tide.${(T = y == null ? void 0 : y.type) == null ? void 0 : T.toLowerCase()}`)) + " " + m(t.$t("tide.tide")), 1),
-                      l("td", gr, m(r.computeLocalTime(y == null ? void 0 : y.date, o.port, "MM-DD HH:mm")), 1),
-                      l("td", fr, m((y == null ? void 0 : y.height) ?? "-") + " m", 1)
+                    return b(), S("tr", { key: z }, [
+                      l("td", ur, m(t.$t(`tide.${(T = g == null ? void 0 : g.type) == null ? void 0 : T.toLowerCase()}`)) + " " + m(t.$t("tide.tide")), 1),
+                      l("td", gr, m(r.computeLocalTime(g == null ? void 0 : g.date, o.port, "MM-DD HH:mm")), 1),
+                      l("td", fr, m((g == null ? void 0 : g.height) ?? "-") + " m", 1)
                     ]);
                   }), 128))
                 ])
@@ -2066,7 +2066,7 @@ function _r(t, e, o, i, a, r) {
       port: a.port,
       forecastModel: o.forecastModel,
       onClose: r.handleCloseDetail,
-      onCloseAllDetail: e[0] || (e[0] = (g) => t.$emit("closeAllDetail", { ports: !0 }))
+      onCloseAllDetail: e[0] || (e[0] = (f) => t.$emit("closeAllDetail", { ports: !0 }))
     }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "onClose"])) : M("", !0)
   ]);
 }
@@ -2935,18 +2935,18 @@ const Yr = {
   width: "120"
 }, Ll = { class: "px-1 text-center" }, Pl = { class: "px-1 text-center" }, Cl = { class: "px-1 text-center" };
 function Tl(t, e, o, i, a, r) {
-  const s = x("VBtn"), c = x("v-card-title"), n = x("v-divider"), g = x("VBtnToggle"), p = x("v-card");
+  const s = x("VBtn"), c = x("v-card-title"), n = x("v-divider"), f = x("VBtnToggle"), p = x("v-card");
   return b(), R(p, { class: "tide-detail-container d-flex flex-column justify-start align-center" }, {
     default: u(() => {
-      var f, w;
+      var y, w;
       return [
         h(c, { class: "w-100" }, {
           default: u(() => {
-            var L;
+            var k;
             return [
               l("div", Kr, [
                 l("div", Xr, [
-                  l("div", null, m((L = o.station) == null ? void 0 : L.name), 1)
+                  l("div", null, m((k = o.station) == null ? void 0 : k.name), 1)
                 ]),
                 h(s, {
                   icon: "",
@@ -2986,7 +2986,7 @@ function Tl(t, e, o, i, a, r) {
             l("div", il, [
               l("div", rl, [
                 l("div", ll, m(t.$t("tide.region")), 1),
-                l("div", sl, m(((f = o.station) == null ? void 0 : f.Country) ?? ((w = o.station) == null ? void 0 : w.city) ?? "-"), 1)
+                l("div", sl, m(((y = o.station) == null ? void 0 : y.Country) ?? ((w = o.station) == null ? void 0 : w.city) ?? "-"), 1)
               ]),
               l("div", nl, [
                 l("div", cl, m(t.$t("tide.position")), 1),
@@ -3011,9 +3011,9 @@ function Tl(t, e, o, i, a, r) {
               e[3] || (e[3] = l("div", { class: "text-body-2 text-success ga-2" }, null, -1))
             ]),
             l("div", wl, [
-              h(g, {
+              h(f, {
                 modelValue: a.currentIndex,
-                "onUpdate:modelValue": e[0] || (e[0] = (L) => a.currentIndex = L),
+                "onUpdate:modelValue": e[0] || (e[0] = (k) => a.currentIndex = k),
                 class: "w-100 gray-card rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",
                 density: "compact",
                 group: "",
@@ -3022,15 +3022,15 @@ function Tl(t, e, o, i, a, r) {
                 rounded: "1"
               }, {
                 default: u(() => [
-                  (b(!0), S(be, null, we(r.dateList, (L) => (b(), R(s, {
+                  (b(!0), S(be, null, we(r.dateList, (k) => (b(), R(s, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
                     height: "26",
-                    value: L.index
+                    value: k.index
                   }, {
                     default: u(() => [
-                      j(m(L.label), 1)
+                      j(m(k.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 256))
@@ -3045,12 +3045,12 @@ function Tl(t, e, o, i, a, r) {
                     l("th", kl, m(t.$t("time.time")) + " ( LT )", 1),
                     l("th", zl, m(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (b(!0), S(be, null, we(a.tideTableData, (L, y) => {
-                    var k;
-                    return b(), S("tr", { key: y }, [
-                      l("td", Ll, m(t.$t(`tide.${(k = L == null ? void 0 : L.type) == null ? void 0 : k.toLowerCase()}`)) + " " + m(t.$t("tide.tide")), 1),
-                      l("td", Pl, m(r.computeLocalTime(L == null ? void 0 : L.date, o.station, "MM-DD HH:mm")), 1),
-                      l("td", Cl, m((L == null ? void 0 : L.height) ?? "-") + " m", 1)
+                  (b(!0), S(be, null, we(a.tideTableData, (k, g) => {
+                    var z;
+                    return b(), S("tr", { key: g }, [
+                      l("td", Ll, m(t.$t(`tide.${(z = k == null ? void 0 : k.type) == null ? void 0 : z.toLowerCase()}`)) + " " + m(t.$t("tide.tide")), 1),
+                      l("td", Pl, m(r.computeLocalTime(k == null ? void 0 : k.date, o.station, "MM-DD HH:mm")), 1),
+                      l("td", Cl, m((k == null ? void 0 : k.height) ?? "-") + " m", 1)
                     ]);
                   }), 128))
                 ])
@@ -3147,12 +3147,12 @@ function Ol(t, e, o, i, a, r) {
       default: u(() => [
         h(s, { class: "pr-8 text-body-1" }, {
           default: u(() => {
-            var g, p;
+            var f, p;
             return [
               l("div", Ml, [
                 l("div", Al, m(t.$t("tide.tideStation")), 1),
                 l("div", Dl, [
-                  l("label", Rl, m((g = a.hoverStation) == null ? void 0 : g.name) + " , " + m(((p = a.hoverStation) == null ? void 0 : p.Country) || "-"), 1)
+                  l("label", Rl, m((f = a.hoverStation) == null ? void 0 : f.name) + " , " + m(((p = a.hoverStation) == null ? void 0 : p.Country) || "-"), 1)
                 ])
               ])
             ];
@@ -3324,7 +3324,7 @@ const Fl = {
     handleZoomEnd() {
       var e;
       const t = this.handleComputeLatLngs();
-      (e = this.map) == null || e.getSource(this.source).setData(H.featureCollection(t));
+      (e = this.map) == null || e.getSource(this.source).setData(U.featureCollection(t));
     },
     handleRender() {
       if (this.handleClear(), this.map) {
@@ -4335,7 +4335,7 @@ function Zl(t, e, o, i, a, r) {
       forecastModel: o.forecastModel,
       followList: o.followList,
       onClose: r.handleCloseDetail,
-      onCloseAllDetail: e[0] || (e[0] = (g) => t.$emit("closeAllDetail", { followPort: !0 }))
+      onCloseAllDetail: e[0] || (e[0] = (f) => t.$emit("closeAllDetail", { followPort: !0 }))
     }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "followList", "onClose"])) : M("", !0)
   ]);
 }
@@ -5223,18 +5223,18 @@ const Yl = {
       this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source), (t = this.map) == null || t.on("click", [this.layer], this.handleClick), (e = this.map) == null || e.on("mousemove", [this.layer], this.handleHover), (o = this.map) == null || o.on("mouseleave", [this.layer], this.handleLeave);
     },
     handleClick(t) {
-      var o, i, a, r, s, c, n, g, p;
+      var o, i, a, r, s, c, n, f, p;
       const e = t.features[0];
       if (e.properties) {
-        const f = e.properties;
-        f.lng = e.geometry.coordinates[0], f.lat = e.geometry.coordinates[1];
-        const w = D(), L = (o = D(this.realTime)) == null ? void 0 : o.diff(w, "d", !0), y = {
-          lat: f.lat,
-          lng: f.lng,
+        const y = e.properties;
+        y.lng = e.geometry.coordinates[0], y.lat = e.geometry.coordinates[1];
+        const w = D(), k = (o = D(this.realTime)) == null ? void 0 : o.diff(w, "d", !0), g = {
+          lat: y.lat,
+          lng: y.lng,
           datetime: this.realTime,
           forecastModel: this.forecastModel
         };
-        L >= 0 ? (s = (r = (a = (i = this.$parent) == null ? void 0 : i.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmSpot) == null || s.fetchMeteoData(y) : (p = (g = (n = (c = this.$parent) == null ? void 0 : c.$parent) == null ? void 0 : n.$refs) == null ? void 0 : g.idmSpot) == null || p.fetchHistoryData(y);
+        k >= 0 ? (s = (r = (a = (i = this.$parent) == null ? void 0 : i.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmSpot) == null || s.fetchMeteoData(g) : (p = (f = (n = (c = this.$parent) == null ? void 0 : c.$parent) == null ? void 0 : n.$refs) == null ? void 0 : f.idmSpot) == null || p.fetchHistoryData(g);
       }
     },
     handleHover(t) {
@@ -5454,9 +5454,9 @@ const es = {
               })
             );
           (await Promise.all(s)).map((n) => {
-            var f, w, L;
-            const g = ((f = n == null ? void 0 : n.data) == null ? void 0 : f.data) || (n == null ? void 0 : n.data), p = (L = (w = n == null ? void 0 : n.config) == null ? void 0 : w.headers) == null ? void 0 : L.key;
-            this.otherLayers[p] = g;
+            var y, w, k;
+            const f = ((y = n == null ? void 0 : n.data) == null ? void 0 : y.data) || (n == null ? void 0 : n.data), p = (k = (w = n == null ? void 0 : n.config) == null ? void 0 : w.headers) == null ? void 0 : k.key;
+            this.otherLayers[p] = f;
           });
         }
       }
@@ -5494,7 +5494,7 @@ const es = {
 }, ds = { class: "text-body-2 text-center pt-1" };
 function hs(t, e, o, i, a, r) {
   var J, re, he, pe, ne, $, ae, ue, ce;
-  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), g = x("VCardItem"), p = x("VCheckbox"), f = x("VCardText"), w = x("VCard"), L = x("IdmLatLng"), y = x("IdmTerminator"), k = x("IdmTimezone"), T = x("IdmPort"), O = x("IdmAlertZone"), I = x("IdmTideStations"), P = x("IdmEcaZone"), _ = x("IdmWarZone"), z = x("IdmGmdssArea"), C = x("IdmLoadLine"), v = x("IdmWorldMarine"), A = x("IdmVRA"), U = x("IdmSpecialArea"), Z = x("IdmWorld12nm"), q = x("IdmChinaRoute"), V = x("IdmIceAreas"), Q = x("IdmFollowPort"), ee = x("IdmFollowPosition");
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), f = x("VCardItem"), p = x("VCheckbox"), y = x("VCardText"), w = x("VCard"), k = x("IdmLatLng"), g = x("IdmTerminator"), z = x("IdmTimezone"), T = x("IdmPort"), O = x("IdmAlertZone"), I = x("IdmTideStations"), P = x("IdmEcaZone"), _ = x("IdmWarZone"), L = x("IdmGmdssArea"), C = x("IdmLoadLine"), v = x("IdmWorldMarine"), A = x("IdmVRA"), H = x("IdmSpecialArea"), Z = x("IdmWorld12nm"), q = x("IdmChinaRoute"), V = x("IdmIceAreas"), Q = x("IdmFollowPort"), ee = x("IdmFollowPosition");
   return b(), S("div", ts, [
     l("div", {
       class: "menu-bar-box transition px-1 rounded",
@@ -5548,7 +5548,7 @@ function hs(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            h(g, { class: "border-b-thin" }, {
+            h(f, { class: "border-b-thin" }, {
               default: u(() => [
                 h(n, {
                   class: "text-subtitle-1 font-weight-medium",
@@ -5562,7 +5562,7 @@ function hs(t, e, o, i, a, r) {
               ]),
               _: 1
             }),
-            h(f, { class: "pb-2" }, {
+            h(y, { class: "pb-2" }, {
               default: u(() => [
                 l("div", rs, [
                   (b(!0), S(be, null, we(a.mapFeathers, (F) => (b(), S("div", {
@@ -5601,7 +5601,7 @@ function hs(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            h(g, { class: "border-b-thin" }, {
+            h(f, { class: "border-b-thin" }, {
               default: u(() => [
                 h(n, {
                   class: "text-subtitle-1 font-weight-medium",
@@ -5615,7 +5615,7 @@ function hs(t, e, o, i, a, r) {
               ]),
               _: 1
             }),
-            h(f, { class: "py-2" }, {
+            h(y, { class: "py-2" }, {
               default: u(() => [
                 (b(!0), S(be, null, we(a.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (b(), R(p, {
                   key: F.key,
@@ -5640,7 +5640,7 @@ function hs(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            h(g, { class: "border-b-thin" }, {
+            h(f, { class: "border-b-thin" }, {
               default: u(() => [
                 h(n, {
                   class: "text-subtitle-1 font-weight-medium",
@@ -5654,7 +5654,7 @@ function hs(t, e, o, i, a, r) {
               ]),
               _: 1
             }),
-            h(f, { class: "py-2" }, {
+            h(y, { class: "py-2" }, {
               default: u(() => [
                 (b(!0), S(be, null, we(a.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (b(), R(p, {
                   key: F.key,
@@ -5679,7 +5679,7 @@ function hs(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            h(g, { class: "border-b-thin" }, {
+            h(f, { class: "border-b-thin" }, {
               default: u(() => [
                 h(n, {
                   class: "text-subtitle-1 font-weight-medium",
@@ -5693,7 +5693,7 @@ function hs(t, e, o, i, a, r) {
               ]),
               _: 1
             }),
-            h(f, { class: "py-2" }, {
+            h(y, { class: "py-2" }, {
               default: u(() => [
                 h(p, {
                   modelValue: a.checkList,
@@ -5725,18 +5725,18 @@ function hs(t, e, o, i, a, r) {
         })
       ])
     ], 6),
-    o.map ? (b(), R(L, B({
+    o.map ? (b(), R(k, B({
       key: 0,
       map: o.map,
       "menu-toggle": o.menuToggle,
       show: a.checkList.includes("graticule")
     }, t.$attrs), null, 16, ["map", "menu-toggle", "show"])) : M("", !0),
-    o.map ? (b(), R(y, B({
+    o.map ? (b(), R(g, B({
       key: 1,
       map: o.map,
       area: (J = a.otherLayers) == null ? void 0 : J["day-night"]
     }, t.$attrs), null, 16, ["map", "area"])) : M("", !0),
-    o.map ? (b(), R(k, B({
+    o.map ? (b(), R(z, B({
       key: 2,
       map: o.map,
       zone: (re = a.otherLayers) == null ? void 0 : re["time-zones"]
@@ -5781,7 +5781,7 @@ function hs(t, e, o, i, a, r) {
       map: o.map,
       zone: ($ = a.otherLayers) == null ? void 0 : $["war-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : M("", !0),
-    o.map ? (b(), R(z, B({
+    o.map ? (b(), R(L, B({
       key: 8,
       map: o.map,
       area: (ae = a.otherLayers) == null ? void 0 : ae["gmdss-areas"]
@@ -5802,7 +5802,7 @@ function hs(t, e, o, i, a, r) {
       map: o.map,
       area: (ue = a.otherLayers) == null ? void 0 : ue["voluntary-reporting-area"]
     }, t.$attrs), null, 16, ["map", "area"])) : M("", !0),
-    o.map ? (b(), R(U, B({
+    o.map ? (b(), R(H, B({
       key: 12,
       map: o.map,
       area: (ce = a.otherLayers) == null ? void 0 : ce["special-area"]
@@ -5891,12 +5891,12 @@ class so {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    var y, k;
-    const e = (y = this.map) == null ? void 0 : y.getBounds();
+    var g, z;
+    const e = (g = this.map) == null ? void 0 : g.getBounds();
     if (!e)
       return [];
-    const o = ((k = this.map) == null ? void 0 : k.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, s] = this.convertNLng(i[0]), [c, n] = this.convertNLng(a[0]), [g, p] = this.mercator.px([r, i[1]], o), [f, w] = this.mercator.px([c, a[1]], o), L = Math.round(this.mercator.size * Math.pow(2, o) * (s + n));
-    return [f, w, g + L, p];
+    const o = ((z = this.map) == null ? void 0 : z.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, s] = this.convertNLng(i[0]), [c, n] = this.convertNLng(a[0]), [f, p] = this.mercator.px([r, i[1]], o), [y, w] = this.mercator.px([c, a[1]], o), k = Math.round(this.mercator.size * Math.pow(2, o) * (s + n));
+    return [y, w, f + k, p];
   }
   /**
    * [视窗边界像素宽度]
@@ -5913,11 +5913,11 @@ class so {
   getWorldCopy(e, o) {
     const i = 2 ** o, [a, r, s, c] = e.map((p) => ~~(p / (i * 256))), n = [];
     for (let p = c; p <= r; p++)
-      for (let f = a; f <= s; f++)
-        n.push([f, p]);
+      for (let y = a; y <= s; y++)
+        n.push([y, p]);
     return n.map((p) => {
-      const f = 2 ** o * 256;
-      return [p[0] * f, p[1] * f, f];
+      const y = 2 ** o * 256;
+      return [p[0] * y, p[1] * y, y];
     });
   }
   resize() {
@@ -6001,13 +6001,13 @@ class je {
     if (a) {
       const r = { program: a }, s = e.getProgramParameter(a, e.ACTIVE_ATTRIBUTES);
       for (let n = 0; n < s; n++) {
-        const g = e.getActiveAttrib(a, n);
-        r[g.name] = e.getAttribLocation(a, g.name);
+        const f = e.getActiveAttrib(a, n);
+        r[f.name] = e.getAttribLocation(a, f.name);
       }
       const c = e.getProgramParameter(a, e.ACTIVE_UNIFORMS);
       for (let n = 0; n < c; n++) {
-        const g = e.getActiveUniform(a, n);
-        r[g.name] = e.getUniformLocation(a, g.name);
+        const f = e.getActiveUniform(a, n);
+        r[f.name] = e.getUniformLocation(a, f.name);
       }
       return r;
     }
@@ -6022,8 +6022,8 @@ class je {
     const c = s.getContext("2d");
     if (c && e) {
       const n = c == null ? void 0 : c.createLinearGradient(0, 0, 256, 0);
-      return o.forEach(([g, p]) => {
-        n.addColorStop(g, p);
+      return o.forEach(([f, p]) => {
+        n.addColorStop(f, p);
       }), c.fillStyle = n, c.fillRect(0, 0, 256, 1), {
         canvas: s,
         texture: this.createTexture(
@@ -6045,8 +6045,8 @@ class je {
     const s = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), c = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), n = new Float32Array(a);
     for (let p = 0; p < a; p++)
       n[p] = p;
-    const g = this.createDataBuffer(e, "array", n);
-    return { resolution: i, total: a, texture0: s, texture1: c, indexBuffer: g };
+    const f = this.createDataBuffer(e, "array", n);
+    return { resolution: i, total: a, texture0: s, texture1: c, indexBuffer: f };
   }
   bind(e, o, i) {
     const a = this.createProgram(e, o, i);
@@ -6061,13 +6061,13 @@ class je {
     return {};
   }
   bindParticle(e, o, i, a, r, s) {
-    const c = this.createProgramWrapper(e, o, i), n = this.createProgramWrapper(e, a, r), g = this.createProgramWrapper(e, a, s), p = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), f = e.createFramebuffer();
-    return { particle: c, screen: n, update: g, quadBuffer: p, frameBuffer: f };
+    const c = this.createProgramWrapper(e, o, i), n = this.createProgramWrapper(e, a, r), f = this.createProgramWrapper(e, a, s), p = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), y = e.createFramebuffer();
+    return { particle: c, screen: n, update: f, quadBuffer: p, frameBuffer: y };
   }
   draw(e, o, i, a, r, s, c) {
-    var n, g;
+    var n, f;
     if (o && i) {
-      e.resize(), o == null || o.viewport(0, 0, (n = o == null ? void 0 : o.canvas) == null ? void 0 : n.width, (g = o == null ? void 0 : o.canvas) == null ? void 0 : g.height), o.clearColor(0, 0, 0, 0), o.clear(o.COLOR_BUFFER_BIT | o.DEPTH_BUFFER_BIT);
+      e.resize(), o == null || o.viewport(0, 0, (n = o == null ? void 0 : o.canvas) == null ? void 0 : n.width, (f = o == null ? void 0 : o.canvas) == null ? void 0 : f.height), o.clearColor(0, 0, 0, 0), o.clear(o.COLOR_BUFFER_BIT | o.DEPTH_BUFFER_BIT);
       try {
         o.useProgram(i);
         const p = {
@@ -6079,9 +6079,9 @@ class je {
           sRange: o.getUniformLocation(i, "u_range_s")
         };
         p.resolution && o.uniform2f(p.resolution, o.canvas.width * e.ratio, o.canvas.height * e.ratio), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, a), p.image && o.uniform1i(p.image, 0), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, r), p.color && o.uniform1i(p.color, 1), c != null && c.uvRange && (c != null && c.sRange) && (p.uvRange && o.uniform2f(p.uvRange, c.uvRange[0], c.uvRange[1]), p.sRange && o.uniform2f(p.sRange, c.sRange[0], c.sRange[1])), p.scale && o.uniform1f(p.scale, (c == null ? void 0 : c.scale) || 1);
-        const f = e.getBoundPixel(), w = e.map.getZoom() + 1, L = e.getWorldCopy(f, w);
-        for (const y of L) {
-          const k = (y[0] - f[0]) * e.ratio, T = (y[1] - f[3]) * e.ratio, O = y[2] * e.ratio, [I, P, _, z] = [k, O + k, T, O + T], C = new Float32Array([I, _, P, _, I, z, I, z, P, _, P, z]);
+        const y = e.getBoundPixel(), w = e.map.getZoom() + 1, k = e.getWorldCopy(y, w);
+        for (const g of k) {
+          const z = (g[0] - y[0]) * e.ratio, T = (g[1] - y[3]) * e.ratio, O = g[2] * e.ratio, [I, P, _, L] = [z, O + z, T, O + T], C = new Float32Array([I, _, P, _, I, L, I, L, P, _, P, L]);
           o.bindBuffer(o.ARRAY_BUFFER, s), o.bufferData(o.ARRAY_BUFFER, C, o.STATIC_DRAW), o.drawArrays(o.TRIANGLES, 0, 6);
         }
       } catch (p) {
@@ -6384,7 +6384,7 @@ const us = {
       showCaption: !1,
       source: "wind-barb-source",
       barbs: [0, 2, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100, 105],
-      empty: H.featureCollection([]),
+      empty: U.featureCollection([]),
       right: 10,
       bottom: 125,
       windBarbLoaded: !1,
@@ -6429,17 +6429,17 @@ const us = {
         else {
           this.map.addSource(this.source, { type: "geojson", data: r });
           for (let s = 0; s < (this.barbs ?? []).length - 1; s++) {
-            const c = (this.barbs ?? [])[s] || 0, n = (this.barbs ?? [])[s + 1] || 0, g = c < 10 ? `00${c}kts` : c < 100 ? `0${c}kts` : `${c}kts`, p = new Image(48, 48);
-            p.src = "data:image/svg+xml;base64," + window.btoa(this.svgs[g]), p.onload = () => {
-              this.map.hasImage(g + "-icon") || this.map.addImage(g + "-icon", p), this.map.addLayer(
+            const c = (this.barbs ?? [])[s] || 0, n = (this.barbs ?? [])[s + 1] || 0, f = c < 10 ? `00${c}kts` : c < 100 ? `0${c}kts` : `${c}kts`, p = new Image(48, 48);
+            p.src = "data:image/svg+xml;base64," + window.btoa(this.svgs[f]), p.onload = () => {
+              this.map.hasImage(f + "-icon") || this.map.addImage(f + "-icon", p), this.map.addLayer(
                 {
-                  id: g,
+                  id: f,
                   type: "symbol",
                   filter: ["all", [">=", "spd", c], ["<", "spd", n]],
                   source: this.source,
                   layout: {
                     "symbol-placement": "point",
-                    "icon-image": g + "-icon",
+                    "icon-image": f + "-icon",
                     // mapbox sprite
                     "icon-size": 0.5,
                     "icon-offset": [0, -20],
@@ -6703,7 +6703,7 @@ const vs = /* @__PURE__ */ K(bs, [["render", xs]]), _s = {
       directionLayer: "current-direction-layer",
       speedLayer: "current-speed-layer",
       speedLabelLayer: "current-speed-label-layer",
-      empty: H.featureCollection([])
+      empty: U.featureCollection([])
     };
   },
   computed: {
@@ -6778,16 +6778,16 @@ const vs = /* @__PURE__ */ K(bs, [["render", xs]]), _s = {
           );
           const s = new Image(48, 48), c = '<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" p-id="12518" width="200" height="200"><path d="M481.386772 959.514313 481.386772 334.713224c-56.000432 37.288255-92.523253 55.876612-142.312216 57.787124 85.834924-84.884272 130.528845-195.161888 172.552961-328.434218 40.259936 133.272329 89.39296 238.731196 172.622546 328.434218-54.105269-5.729491-86.780459-21.201881-146.338926-58.965973l0 625.979938L481.386772 959.514313z" p-id="12519" fill="#ffffff"></path></svg>';
           s.src = "data:image/svg+xml;base64," + window.btoa(c);
-          const n = new Image(48, 48), g = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+          const n = new Image(48, 48), f = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                   <path d="M10 2.5V17.5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                   <path d="M5 7.5L10 2.5L15 7.5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                   </svg>`;
-          n.src = "data:image/svg+xml;base64," + window.btoa(g);
+          n.src = "data:image/svg+xml;base64," + window.btoa(f);
           const p = [n];
-          let f = 0;
+          let y = 0;
           p.forEach((w) => {
             w.onload = () => {
-              f++, this.map.hasImage("currentDirIcon") || this.map.addImage("currentDirIcon", n), f === 1 && this.map.addLayer(
+              y++, this.map.hasImage("currentDirIcon") || this.map.addImage("currentDirIcon", n), y === 1 && this.map.addLayer(
                 {
                   id: this.directionLayer,
                   type: "symbol",
@@ -7155,7 +7155,7 @@ const As = /* @__PURE__ */ K(Ss, [["render", Ms], ["__scopeId", "data-v-7fffb2fc
       source: "sig-wave-height-source",
       heightLayer: "sig-wave-height-layer",
       heightLabelLayer: "sig-wave-height-label-layer",
-      empty: H.featureCollection([])
+      empty: U.featureCollection([])
     };
   },
   watch: {
@@ -7433,7 +7433,7 @@ const js = /* @__PURE__ */ K(Bs, [["render", Es], ["__scopeId", "data-v-f2713d27
       layer: "prmsl-layer",
       labelLayer: "prmsl-label-layer",
       pointLabelLayer: "prmsl-point-label-layer",
-      empty: H.featureCollection([])
+      empty: U.featureCollection([])
     };
   },
   watch: {
@@ -7564,8 +7564,8 @@ function Us(t, e, o, i, a, r) {
         text: "Map Layers",
         location: "left"
       }, {
-        activator: u(({ props: g }) => [
-          h(s, B(g, {
+        activator: u(({ props: f }) => [
+          h(s, B(f, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -8642,11 +8642,11 @@ const wn = {
       (t == null ? void 0 : t.data.code) === 0 && (this.models = t == null ? void 0 : t.data.data);
     },
     async fetchWeatherLayers(t = {}) {
-      var a, r, s, c, n, g, p, f, w;
+      var a, r, s, c, n, f, p, y, w;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let o = 0, i = 0;
       if (this.map) {
-        const L = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, y = (r = this.map) == null ? void 0 : r.getBounds(), k = `${y._sw.lng},${y._sw.lat},${y._ne.lng},${y._ne.lat}`;
+        const k = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, g = (r = this.map) == null ? void 0 : r.getBounds(), z = `${g._sw.lng},${g._sw.lat},${g._ne.lng},${g._ne.lat}`;
         if (this.particleFactor && ((s = this.$refs.layer) != null && s.autoActive)) {
           const T = io.WEATHER_LAYERS.find((O) => {
             var I;
@@ -8658,7 +8658,7 @@ const wn = {
           let T = this.weatherWeight;
           if (T > 0) {
             const O = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], I = await Se.get(
-              `${O}/api/arc/weather/layers2/links?l=${T}&v=${this.forecastModel}&z=${L}&bbox=${k}&t=${this.realTime}`,
+              `${O}/api/arc/weather/layers2/links?l=${T}&v=${this.forecastModel}&z=${k}&bbox=${z}&t=${this.realTime}`,
               {
                 headers: {
                   Authorization: this.defaultMeteoToken
@@ -8679,10 +8679,10 @@ const wn = {
                     console.log(`[${C}] fetch layer error: ${v}`);
                   })
                 );
-              const z = await Promise.all(_);
-              this.weatherLayers = {}, z.map((C) => {
-                var U, Z, q, V;
-                const v = ((U = C == null ? void 0 : C.data) == null ? void 0 : U.data) || (C == null ? void 0 : C.data);
+              const L = await Promise.all(_);
+              this.weatherLayers = {}, L.map((C) => {
+                var H, Z, q, V;
+                const v = ((H = C == null ? void 0 : C.data) == null ? void 0 : H.data) || (C == null ? void 0 : C.data);
                 let A = (q = (Z = C == null ? void 0 : C.config) == null ? void 0 : Z.headers) == null ? void 0 : q.key;
                 A && v && (this.weatherLayers[A] = {
                   raw: v,
@@ -8692,7 +8692,7 @@ const wn = {
               });
             }
             if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather layers elapsed: ", i, ", total: ", o += i), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const P = (g = this.weatherLayers["swell-direction"]) == null ? void 0 : g.raw, _ = (p = this.weatherLayers["swell-height"]) == null ? void 0 : p.raw;
+              const P = (f = this.weatherLayers["swell-direction"]) == null ? void 0 : f.raw, _ = (p = this.weatherLayers["swell-height"]) == null ? void 0 : p.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
                 direction: P,
@@ -8701,7 +8701,7 @@ const wn = {
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const P = (f = this.weatherLayers["current-direction"]) == null ? void 0 : f.raw, _ = (w = this.weatherLayers["current-speed"]) == null ? void 0 : w.raw;
+              const P = (y = this.weatherLayers["current-direction"]) == null ? void 0 : y.raw, _ = (w = this.weatherLayers["current-speed"]) == null ? void 0 : w.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
                 direction: P,
@@ -8728,7 +8728,7 @@ const wn = {
       t != null && t.sourceChanged || this.weatherWeight !== e ? (this.weatherWeight = e, this.fetchWeatherLayers()) : this.handleWeatherLayerToggle();
     },
     handleRampColorInitial() {
-      var t, e, o, i, a, r, s, c, n, g, p, f;
+      var t, e, o, i, a, r, s, c, n, f, p, y;
       this.viewport.map.getSource((t = this.viewport) == null ? void 0 : t.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
         type: "canvas",
         canvas: (o = this.viewport) == null ? void 0 : o.rampColorCanvas,
@@ -8749,11 +8749,11 @@ const wn = {
         canvas: (n = this.viewport) == null ? void 0 : n.particleCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
-      }), this.viewport.map.getLayer((g = this.viewport) == null ? void 0 : g.particleLayer) || this.viewport.map.addLayer(
+      }), this.viewport.map.getLayer((f = this.viewport) == null ? void 0 : f.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
           id: (p = this.viewport) == null ? void 0 : p.particleLayer,
-          source: (f = this.viewport) == null ? void 0 : f.particleSource,
+          source: (y = this.viewport) == null ? void 0 : y.particleSource,
           layout: {
             visibility: "none"
           }
@@ -8762,51 +8762,51 @@ const wn = {
       );
     },
     handleDrawWeather4Json() {
-      var g, p, f, w, L, y, k;
+      var f, p, y, w, k, g, z;
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, o = 0;
-      const i = (g = this.map) == null ? void 0 : g.getBounds(), a = (p = this.map) == null ? void 0 : p.getZoom(), r = X.convertToStdLng(i._sw.lng), s = X.convertToStdLng(i._ne.lng), c = Math.floor(i._sw.lat), n = Math.ceil(i._ne.lat);
+      const i = (f = this.map) == null ? void 0 : f.getBounds(), a = (p = this.map) == null ? void 0 : p.getZoom(), r = X.convertToStdLng(i._sw.lng), s = X.convertToStdLng(i._ne.lng), c = Math.floor(i._sw.lat), n = Math.ceil(i._ne.lat);
       for (const T in this.weatherLayers) {
         let O = !1;
         if (this.weatherLayers[T].active && this.weatherLayers[T].type === "json") {
           let I = [];
           if (T === "swell") {
             O = !0;
-            const P = ((f = this.weatherLayers[T]) == null ? void 0 : f.direction) || {};
-            for (const z in P)
-              if (z > c && z < n && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const C = P[z].lng;
+            const P = ((y = this.weatherLayers[T]) == null ? void 0 : y.direction) || {};
+            for (const L in P)
+              if (L > c && L < n && (!(a <= this.zoom) || L % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                const C = P[L].lng;
                 r > s ? C.forEach((v, A) => {
-                  var U, Z, q, V, Q, ee;
+                  var H, Z, q, V, Q, ee;
                   if (a < 2) {
                     if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                      const J = H.point([v, z], {
-                        val: ((U = P[z].val) == null ? void 0 : U[A]) || ((Z = P[z].dir) == null ? void 0 : Z[A]),
-                        spd: (q = P[z].spd) == null ? void 0 : q[A]
+                      const J = U.point([v, L], {
+                        val: ((H = P[L].val) == null ? void 0 : H[A]) || ((Z = P[L].dir) == null ? void 0 : Z[A]),
+                        spd: (q = P[L].spd) == null ? void 0 : q[A]
                       });
                       I.push(J);
                     }
                   } else if ((v >= r && v <= 180 || v >= -180 && v <= s) && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const J = H.point([v, z], {
-                      val: ((V = P[z].val) == null ? void 0 : V[A]) || ((Q = P[z].dir) == null ? void 0 : Q[A]),
-                      spd: (ee = P[z].spd) == null ? void 0 : ee[A]
+                    const J = U.point([v, L], {
+                      val: ((V = P[L].val) == null ? void 0 : V[A]) || ((Q = P[L].dir) == null ? void 0 : Q[A]),
+                      spd: (ee = P[L].spd) == null ? void 0 : ee[A]
                     });
                     I.push(J);
                   }
                 }) : C.forEach((v, A) => {
-                  var U, Z, q, V, Q, ee;
+                  var H, Z, q, V, Q, ee;
                   if (r < 2) {
                     if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                      const J = H.point([v, z], {
-                        val: ((U = P[z].val) == null ? void 0 : U[A]) || ((Z = P[z].dir) == null ? void 0 : Z[A]),
-                        spd: (q = P[z].spd) == null ? void 0 : q[A]
+                      const J = U.point([v, L], {
+                        val: ((H = P[L].val) == null ? void 0 : H[A]) || ((Z = P[L].dir) == null ? void 0 : Z[A]),
+                        spd: (q = P[L].spd) == null ? void 0 : q[A]
                       });
                       I.push(J);
                     }
                   } else if (v >= r && v <= s && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const J = H.point([v, z], {
-                      val: ((V = P[z].val) == null ? void 0 : V[A]) || ((Q = P[z].dir) == null ? void 0 : Q[A]),
-                      spd: (ee = P[z].spd) == null ? void 0 : ee[A]
+                    const J = U.point([v, L], {
+                      val: ((V = P[L].val) == null ? void 0 : V[A]) || ((Q = P[L].dir) == null ? void 0 : Q[A]),
+                      spd: (ee = P[L].spd) == null ? void 0 : ee[A]
                     });
                     I.push(J);
                   }
@@ -8816,61 +8816,61 @@ const wn = {
             const _ = this.weatherLayers[T].height;
             if (_) {
               if (!_.data) {
-                const z = [];
+                const L = [];
                 for (const C in (w = _.raw) == null ? void 0 : w.LineString) {
                   const v = _.raw.LineString[C];
                   for (const A of v)
-                    z.push(
-                      H.lineString(A, {
+                    L.push(
+                      U.lineString(A, {
                         val: Number(C)
                       })
                     );
-                  _.data = H.featureCollection(z);
+                  _.data = U.featureCollection(L);
                 }
               }
               if (_.data) {
-                const z = this.handleBboxClip(_.data, i);
-                I = I.concat(z);
+                const L = this.handleBboxClip(_.data, i);
+                I = I.concat(L);
               }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell height elapsed: ", o, ", total: ", e += o);
             }
           } else if (T === "current") {
             O = !0;
-            const P = ((L = this.weatherLayers[T]) == null ? void 0 : L.direction) || {};
-            for (const z in P)
-              if (z > c && z < n && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const C = P[z].lng;
+            const P = ((k = this.weatherLayers[T]) == null ? void 0 : k.direction) || {};
+            for (const L in P)
+              if (L > c && L < n && (!(a <= this.zoom) || L % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                const C = P[L].lng;
                 r > s ? C.forEach((v, A) => {
-                  var U, Z, q, V, Q, ee;
+                  var H, Z, q, V, Q, ee;
                   if (a < 2) {
                     if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                      const J = H.point([v, z], {
-                        val: ((U = P[z].val) == null ? void 0 : U[A]) || ((Z = P[z].dir) == null ? void 0 : Z[A]),
-                        spd: (q = P[z].spd) == null ? void 0 : q[A]
+                      const J = U.point([v, L], {
+                        val: ((H = P[L].val) == null ? void 0 : H[A]) || ((Z = P[L].dir) == null ? void 0 : Z[A]),
+                        spd: (q = P[L].spd) == null ? void 0 : q[A]
                       });
                       I.push(J);
                     }
                   } else if ((v >= r && v <= 180 || v >= -180 && v <= s) && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const J = H.point([v, z], {
-                      val: ((V = P[z].val) == null ? void 0 : V[A]) || ((Q = P[z].dir) == null ? void 0 : Q[A]),
-                      spd: (ee = P[z].spd) == null ? void 0 : ee[A]
+                    const J = U.point([v, L], {
+                      val: ((V = P[L].val) == null ? void 0 : V[A]) || ((Q = P[L].dir) == null ? void 0 : Q[A]),
+                      spd: (ee = P[L].spd) == null ? void 0 : ee[A]
                     });
                     I.push(J);
                   }
                 }) : C.forEach((v, A) => {
-                  var U, Z, q, V, Q, ee;
+                  var H, Z, q, V, Q, ee;
                   if (r < 2) {
                     if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                      const J = H.point([v, z], {
-                        val: ((U = P[z].val) == null ? void 0 : U[A]) || ((Z = P[z].dir) == null ? void 0 : Z[A]),
-                        spd: (q = P[z].spd) == null ? void 0 : q[A]
+                      const J = U.point([v, L], {
+                        val: ((H = P[L].val) == null ? void 0 : H[A]) || ((Z = P[L].dir) == null ? void 0 : Z[A]),
+                        spd: (q = P[L].spd) == null ? void 0 : q[A]
                       });
                       I.push(J);
                     }
                   } else if (v >= r && v <= s && (!(a <= this.zoom) || v % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const J = H.point([v, z], {
-                      val: ((V = P[z].val) == null ? void 0 : V[A]) || ((Q = P[z].dir) == null ? void 0 : Q[A]),
-                      spd: (ee = P[z].spd) == null ? void 0 : ee[A]
+                    const J = U.point([v, L], {
+                      val: ((V = P[L].val) == null ? void 0 : V[A]) || ((Q = P[L].dir) == null ? void 0 : Q[A]),
+                      spd: (ee = P[L].spd) == null ? void 0 : ee[A]
                     });
                     I.push(J);
                   }
@@ -8881,55 +8881,55 @@ const wn = {
             if (_) {
               if (!_.data) {
                 const C = [];
-                for (const v in (y = _.raw) == null ? void 0 : y.Polygon) {
+                for (const v in (g = _.raw) == null ? void 0 : g.Polygon) {
                   const A = _.raw.Polygon[v];
-                  for (const U of A)
+                  for (const H of A)
                     C.push(
-                      H.polygon(U, {
+                      U.polygon(H, {
                         val: Number(v)
                       })
                     );
                 }
-                _.data = H.featureCollection(C);
+                _.data = U.featureCollection(C);
               }
-              const z = a < this.zoom ? _.data.features.filter((C) => C.properties.val > 0.5) : _.data.features;
-              I = I.concat(z), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
+              const L = a < this.zoom ? _.data.features.filter((C) => C.properties.val > 0.5) : _.data.features;
+              I = I.concat(L), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
             }
           } else if (T === "wind") {
             O = !0;
             const P = this.weatherLayers.wind.raw;
             for (const _ in P)
               if (_ > c && _ < n && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const z = P[_].lng;
-                r > s ? z.forEach((C, v) => {
-                  var A, U, Z, q;
+                const L = P[_].lng;
+                r > s ? L.forEach((C, v) => {
+                  var A, H, Z, q;
                   if (a < 2) {
                     if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
-                      const V = H.point([C, _], {
-                        dir: ((A = P[_].val) == null ? void 0 : A[v]) || ((U = P[_].dir) == null ? void 0 : U[v]),
+                      const V = U.point([C, _], {
+                        dir: ((A = P[_].val) == null ? void 0 : A[v]) || ((H = P[_].dir) == null ? void 0 : H[v]),
                         spd: P[_].spd[v]
                       });
                       I.push(V);
                     }
                   } else if ((C >= r && C <= 180 || C >= -180 && C <= s) && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const V = H.point([C, _], {
+                    const V = U.point([C, _], {
                       dir: ((Z = P[_].val) == null ? void 0 : Z[v]) || ((q = P[_].dir) == null ? void 0 : q[v]),
                       spd: P[_].spd[v]
                     });
                     I.push(V);
                   }
-                }) : z.forEach((C, v) => {
-                  var A, U, Z, q;
+                }) : L.forEach((C, v) => {
+                  var A, H, Z, q;
                   if (a < 2) {
                     if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
-                      const V = H.point([C, _], {
-                        dir: ((A = P[_].val) == null ? void 0 : A[v]) || ((U = P[_].dir) == null ? void 0 : U[v]),
+                      const V = U.point([C, _], {
+                        dir: ((A = P[_].val) == null ? void 0 : A[v]) || ((H = P[_].dir) == null ? void 0 : H[v]),
                         spd: P[_].spd[v]
                       });
                       I.push(V);
                     }
                   } else if (C >= r && C <= s && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const V = H.point([C, _], {
+                    const V = U.point([C, _], {
                       dir: ((Z = P[_].val) == null ? void 0 : Z[v]) || ((q = P[_].dir) == null ? void 0 : q[v]),
                       spd: P[_].spd[v]
                     });
@@ -8946,29 +8946,29 @@ const wn = {
               const P = this.weatherLayers[T].raw;
               if (P) {
                 const _ = [];
-                for (const z in P.Polygon) {
-                  const C = P.Polygon[z];
+                for (const L in P.Polygon) {
+                  const C = P.Polygon[L];
                   for (const v of C)
                     _.push(
-                      H.polygon(v, {
-                        val: Number(z)
+                      U.polygon(v, {
+                        val: Number(L)
                       })
                     );
                 }
-                for (const z in P.MultiPolygon) {
-                  const C = P.MultiPolygon[z];
+                for (const L in P.MultiPolygon) {
+                  const C = P.MultiPolygon[L];
                   for (const v of C)
                     _.push(
-                      H.multiPolygon(v, {
-                        val: Number(z)
+                      U.multiPolygon(v, {
+                        val: Number(L)
                       })
                     );
                 }
-                for (const z in P.Point) {
-                  const C = P.Point[z];
-                  for (let v = 0; v < ((k = C.lng) == null ? void 0 : k.length); v++)
+                for (const L in P.Point) {
+                  const C = P.Point[L];
+                  for (let v = 0; v < ((z = C.lng) == null ? void 0 : z.length); v++)
                     _.push(
-                      H.point([C.lng[v], z], {
+                      U.point([C.lng[v], L], {
                         val: Number(C.val[v])
                       })
                     );
@@ -8985,21 +8985,21 @@ const wn = {
               const P = this.weatherLayers[T].raw;
               if (P) {
                 const _ = [];
-                for (const z in P.LineString) {
-                  const C = P.LineString[z];
+                for (const L in P.LineString) {
+                  const C = P.LineString[L];
                   for (const v of C)
                     _.push(
-                      H.lineString(v, {
-                        val: Number(z)
+                      U.lineString(v, {
+                        val: Number(L)
                       })
                     );
                 }
-                for (const z in P.Point)
-                  P.Point[z].lng.forEach((C, v) => {
+                for (const L in P.Point)
+                  P.Point[L].lng.forEach((C, v) => {
                     C = X.convertToStdLng(C), _.push(
-                      H.point([C, z], {
-                        val: P.Point[z].val[v],
-                        type: P.Point[z].type[v]
+                      U.point([C, L], {
+                        val: P.Point[L].val[v],
+                        type: P.Point[L].type[v]
                       })
                     );
                   });
@@ -9008,7 +9008,7 @@ const wn = {
             }
             o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", o, ", total: ", e += o);
           }
-          I.length && (this.weatherLayers[T].data = H.featureCollection(I)), O && (this.weatherLayers[T].version = Math.random() + 1);
+          I.length && (this.weatherLayers[T].data = U.featureCollection(I)), O && (this.weatherLayers[T].version = Math.random() + 1);
         }
       }
     },
@@ -9022,10 +9022,10 @@ const wn = {
       return t.features.forEach((r) => {
         if (r.geometry.type !== "Point")
           if (i > a) {
-            let s = [i, e._sw.lat, 180, e._ne.lat], c = H.bboxClip(r, s);
-            c.geometry.coordinates.length && o.push(c), s = [-180, e._sw.lat, a, e._ne.lat], c = H.bboxClip(r, s), c.geometry.coordinates.length && o.push(c);
+            let s = [i, e._sw.lat, 180, e._ne.lat], c = U.bboxClip(r, s);
+            c.geometry.coordinates.length && o.push(c), s = [-180, e._sw.lat, a, e._ne.lat], c = U.bboxClip(r, s), c.geometry.coordinates.length && o.push(c);
           } else {
-            const s = [i, e._sw.lat, a, e._ne.lat], c = H.bboxClip(r, s);
+            const s = [i, e._sw.lat, a, e._ne.lat], c = U.bboxClip(r, s);
             c.geometry.coordinates.length && o.push(c);
           }
         else
@@ -9051,7 +9051,7 @@ const wn = {
 }, On = { class: "text-body-1 py-2" }, Bn = { class: "text-body-1 font-weight-medium" }, Nn = { class: "text-body-2 text-label" }, En = { class: "text-body-2 text-label mb-3" }, jn = { class: "text-body-1 font-weight-medium" }, Fn = { class: "text-body-2 text-label" }, Hn = { class: "text-body-2 text-label mb-3" }, Un = { class: "text-body-1 py-2" }, Wn = { class: "text-body-1 font-weight-medium" }, Gn = { class: "text-body-2 text-label" }, Vn = { class: "text-body-2 text-label mb-3" }, Zn = { class: "text-body-1 font-weight-medium" }, qn = { class: "text-body-2 text-label" }, Yn = { class: "text-body-2 text-label mb-3" }, Kn = { class: "text-body-1 py-2" }, Xn = { class: "text-body-1 font-weight-medium" }, $n = { class: "text-body-2 text-label" }, Jn = { class: "text-body-2 text-label mb-3" };
 function Qn(t, e, o, i, a, r) {
   var pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe, Ae, De, Re, _e;
-  const s = x("VBtn"), c = x("VTooltip"), n = x("VCol"), g = x("VRow"), p = x("VCardText"), f = x("VDivider"), w = x("VCard"), L = x("VSwitch"), y = x("VCardTitle"), k = x("VCardItem"), T = x("VCheckbox"), O = x("VRadio"), I = x("VBtnToggle"), P = x("IdmWindBarb"), _ = x("IdmSigWaveHeight"), z = x("IdmCurrentDirection"), C = x("IdmPrmsl"), v = x("IdmWindParticle"), A = x("IdmCurrentParticle"), U = x("IdmWave"), Z = x("IdmSwell"), q = x("IdmIceEdge"), V = x("IdmIceCover"), Q = x("IdmIceThickness"), ee = x("IdmPrecip3h"), J = x("IdmVisibility"), re = x("IdmWaterTemp"), he = x("IdmTemp");
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCol"), f = x("VRow"), p = x("VCardText"), y = x("VDivider"), w = x("VCard"), k = x("VSwitch"), g = x("VCardTitle"), z = x("VCardItem"), T = x("VCheckbox"), O = x("VRadio"), I = x("VBtnToggle"), P = x("IdmWindBarb"), _ = x("IdmSigWaveHeight"), L = x("IdmCurrentDirection"), C = x("IdmPrmsl"), v = x("IdmWindParticle"), A = x("IdmCurrentParticle"), H = x("IdmWave"), Z = x("IdmSwell"), q = x("IdmIceEdge"), V = x("IdmIceCover"), Q = x("IdmIceThickness"), ee = x("IdmPrecip3h"), J = x("IdmVisibility"), re = x("IdmWaterTemp"), he = x("IdmTemp");
   return b(), S("div", xn, [
     l("div", {
       class: "menu-bar-box transition pa-1",
@@ -9117,7 +9117,7 @@ function Qn(t, e, o, i, a, r) {
           h(p, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
             default: u(() => [
               e[10] || (e[10] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wind Level", -1)),
-              h(g, { class: "ma-0 ml-n1 text-body-2" }, {
+              h(f, { class: "ma-0 ml-n1 text-body-2" }, {
                 default: u(() => [
                   (b(!0), S(be, null, we(a.legend.barbs, (W, te) => (b(), R(n, {
                     key: W,
@@ -9142,11 +9142,11 @@ function Qn(t, e, o, i, a, r) {
             _: 1,
             __: [10]
           }),
-          h(f, { vertical: "" }),
+          h(y, { vertical: "" }),
           h(p, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
             default: u(() => [
               e[11] || (e[11] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wave Height", -1)),
-              h(g, {
+              h(f, {
                 class: "ma-0 ml-1",
                 style: { width: "100px" }
               }, {
@@ -9174,11 +9174,11 @@ function Qn(t, e, o, i, a, r) {
             _: 1,
             __: [11]
           }),
-          h(f, { vertical: "" }),
+          h(y, { vertical: "" }),
           h(p, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
             default: u(() => [
               e[12] || (e[12] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Current", -1)),
-              h(g, {
+              h(f, {
                 class: "ma-0 ml-n5",
                 style: { width: "110px" }
               }, {
@@ -9219,7 +9219,7 @@ function Qn(t, e, o, i, a, r) {
       l("div", In, [
         l("div", Mn, [
           l("div", An, m(t.$t("weather.weather")), 1),
-          h(L, {
+          h(k, {
             modelValue: a.autoActive,
             "onUpdate:modelValue": e[1] || (e[1] = (W) => a.autoActive = W),
             class: "small-switch",
@@ -9250,9 +9250,9 @@ function Qn(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            h(k, { class: "border-b-thin" }, {
+            h(z, { class: "border-b-thin" }, {
               default: u(() => [
-                h(y, {
+                h(g, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -9290,9 +9290,9 @@ function Qn(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            h(k, { class: "border-b-thin" }, {
+            h(z, { class: "border-b-thin" }, {
               default: u(() => [
-                h(y, {
+                h(g, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -9324,7 +9324,7 @@ function Qn(t, e, o, i, a, r) {
                   }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
                   a.renderKey === "wind-particle" && W.key === "wind-particle" ? (b(), S("div", Dn, [
                     l("span", null, m(t.$t("weather.particleAnimatiom")), 1),
-                    h(L, {
+                    h(k, {
                       modelValue: a.showWindParticle,
                       "onUpdate:modelValue": e[4] || (e[4] = (te) => a.showWindParticle = te),
                       label: "",
@@ -9338,7 +9338,7 @@ function Qn(t, e, o, i, a, r) {
                   ])) : M("", !0),
                   a.renderKey === "current-particle" && W.key === "current-particle" ? (b(), S("div", Rn, [
                     l("span", null, m(t.$t("weather.particleAnimatiom")), 1),
-                    h(L, {
+                    h(k, {
                       modelValue: a.showCurrentParticle,
                       "onUpdate:modelValue": e[5] || (e[5] = (te) => a.showCurrentParticle = te),
                       label: "",
@@ -9448,9 +9448,9 @@ function Qn(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            h(k, { class: "border-b-thin" }, {
+            h(z, { class: "border-b-thin" }, {
               default: u(() => [
-                h(y, {
+                h(g, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -9473,7 +9473,7 @@ function Qn(t, e, o, i, a, r) {
                   l("div", jn, m((N = (Ne = (Be = a.models) == null ? void 0 : Be.weather) == null ? void 0 : Ne.ECMWF) == null ? void 0 : N.source) + " " + m((Ze = (Ve = (Y = a.models) == null ? void 0 : Y.weather) == null ? void 0 : Ve.ECMWF) == null ? void 0 : Ze.spatialResolution) + m(t.$t("units.km")) + " " + m((Ke = (Ye = (Te = (qe = a.models) == null ? void 0 : qe.weather) == null ? void 0 : Te.ECMWF) == null ? void 0 : Ye.meta) == null ? void 0 : Ke.days) + m(t.$t("units.days")), 1),
                   l("div", Fn, m(t.$t("weather.source")) + ": ECMWF", 1),
                   l("div", Hn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateZ((Qe = (Je = ($e = (Xe = a.models) == null ? void 0 : Xe.weather) == null ? void 0 : $e.ECMWF) == null ? void 0 : Je.meta) == null ? void 0 : Qe.initialisationTime)), 1),
-                  h(f),
+                  h(y),
                   l("div", Un, m(t.$t("weather.wave")), 1),
                   l("div", Wn, m((at = (ot = (tt = (et = a.models) == null ? void 0 : et.marine) == null ? void 0 : tt.wave) == null ? void 0 : ot.NOAA) == null ? void 0 : at.source) + " " + m((st = (lt = (rt = (it = a.models) == null ? void 0 : it.marine) == null ? void 0 : rt.wave) == null ? void 0 : lt.NOAA) == null ? void 0 : st.spatialResolution) + m(t.$t("units.km")) + " " + m((ht = (dt = (mt = (ct = (nt = a.models) == null ? void 0 : nt.marine) == null ? void 0 : ct.wave) == null ? void 0 : mt.NOAA) == null ? void 0 : dt.meta) == null ? void 0 : ht.days) + m(t.$t("units.days")), 1),
                   l("div", Gn, m(t.$t("weather.source")) + ": NOAA", 1),
@@ -9481,7 +9481,7 @@ function Qn(t, e, o, i, a, r) {
                   l("div", Zn, m((vt = (xt = (wt = (bt = a.models) == null ? void 0 : bt.marine) == null ? void 0 : wt.wave) == null ? void 0 : xt.ECMWF) == null ? void 0 : vt.source) + " " + m((Lt = (zt = (kt = (_t = a.models) == null ? void 0 : _t.marine) == null ? void 0 : kt.wave) == null ? void 0 : zt.ECMWF) == null ? void 0 : Lt.spatialResolution) + m(t.$t("units.km")) + " " + m((It = (St = (Tt = (Ct = (Pt = a.models) == null ? void 0 : Pt.marine) == null ? void 0 : Ct.wave) == null ? void 0 : Tt.ECMWF) == null ? void 0 : St.meta) == null ? void 0 : It.days) + m(t.$t("units.days")), 1),
                   l("div", qn, m(t.$t("weather.source")) + ": ECMWF", 1),
                   l("div", Yn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateZ((Ot = (Rt = (Dt = (At = (Mt = a.models) == null ? void 0 : Mt.marine) == null ? void 0 : At.wave) == null ? void 0 : Dt.ECMWF) == null ? void 0 : Rt.meta) == null ? void 0 : Ot.initialisationTime)), 1),
-                  h(f),
+                  h(y),
                   l("div", Kn, m(t.$t("weather.currents")), 1),
                   l("div", Xn, m((jt = (Et = (Nt = (Bt = a.models) == null ? void 0 : Bt.marine) == null ? void 0 : Nt.current) == null ? void 0 : Et.ECMWF) == null ? void 0 : jt.source) + " " + m((Wt = (Ut = (Ht = (Ft = a.models) == null ? void 0 : Ft.marine) == null ? void 0 : Ht.current) == null ? void 0 : Ut.ECMWF) == null ? void 0 : Wt.spatialResolution) + m(t.$t("units.km")) + " " + m((Yt = (qt = (Zt = (Vt = (Gt = a.models) == null ? void 0 : Gt.marine) == null ? void 0 : Vt.current) == null ? void 0 : Zt.ECMWF) == null ? void 0 : qt.meta) == null ? void 0 : Yt.days) + m(t.$t("units.days")), 1),
                   l("div", $n, m(t.$t("weather.source")) + ": ECMWF", 1),
@@ -9512,7 +9512,7 @@ function Qn(t, e, o, i, a, r) {
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : M("", !0),
-    o.map ? (b(), R(z, B({
+    o.map ? (b(), R(L, B({
       key: 3,
       map: o.map,
       "map-feather": o.mapFeather,
@@ -9540,7 +9540,7 @@ function Qn(t, e, o, i, a, r) {
       factor: (ce = a.weatherLayers) == null ? void 0 : ce["current-particle"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : M("", !0),
-    o.map ? (b(), R(U, B({
+    o.map ? (b(), R(H, B({
       key: 7,
       viewport: a.viewport,
       factor: (F = a.weatherLayers) == null ? void 0 : F["sig-wave"],
@@ -9916,19 +9916,19 @@ class Za {
     const a = e.toLowerCase().split(","), r = [], s = [];
     for (const c of a) {
       let n = to.find((p) => {
-        var f, w, L;
-        return ((f = p.models) == null ? void 0 : f.includes(c)) || ((w = p.alias) == null ? void 0 : w.toLowerCase()) === c || ((L = p.name) == null ? void 0 : L.toLowerCase()) === c;
-      }), g = oo.find((p) => {
-        var f, w, L;
-        return ((f = p.models) == null ? void 0 : f.includes(c)) || ((w = p.alias) == null ? void 0 : w.toLowerCase()) === c || ((L = p.name) == null ? void 0 : L.toLowerCase()) === c;
+        var y, w, k;
+        return ((y = p.models) == null ? void 0 : y.includes(c)) || ((w = p.alias) == null ? void 0 : w.toLowerCase()) === c || ((k = p.name) == null ? void 0 : k.toLowerCase()) === c;
+      }), f = oo.find((p) => {
+        var y, w, k;
+        return ((y = p.models) == null ? void 0 : y.includes(c)) || ((w = p.alias) == null ? void 0 : w.toLowerCase()) === c || ((k = p.name) == null ? void 0 : k.toLowerCase()) === c;
       });
       n = n || to.find((p) => {
-        var f, w;
-        return ((f = p.alias) == null ? void 0 : f.toLowerCase()) === ((w = g == null ? void 0 : g.alias) == null ? void 0 : w.toLowerCase());
-      }), g = g || oo.find((p) => {
-        var f, w;
-        return ((f = p.alias) == null ? void 0 : f.toLowerCase()) === ((w = n == null ? void 0 : n.alias) == null ? void 0 : w.toLowerCase());
-      }), n = n || to[0], g = g || oo[0], r.push((o = n.models) != null && o.includes(c) ? c : n.model), s.push((i = g.models) != null && i.includes(c) ? c : g.model);
+        var y, w;
+        return ((y = p.alias) == null ? void 0 : y.toLowerCase()) === ((w = f == null ? void 0 : f.alias) == null ? void 0 : w.toLowerCase());
+      }), f = f || oo.find((p) => {
+        var y, w;
+        return ((y = p.alias) == null ? void 0 : y.toLowerCase()) === ((w = n == null ? void 0 : n.alias) == null ? void 0 : w.toLowerCase());
+      }), n = n || to[0], f = f || oo[0], r.push((o = n.models) != null && o.includes(c) ? c : n.model), s.push((i = f.models) != null && i.includes(c) ? c : f.model);
     }
     return {
       weatherModels: r.join(","),
@@ -9945,8 +9945,8 @@ class Za {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, s, c, n, g, p, f, w, L, y, k, T, O, I, P, _, z, C, v, A, U, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe, Ae, De, Re, _e, W, te, Fe, Ie;
-    const ge = typeof o == "string" ? D(o) : o, fe = e == null ? void 0 : e.weather, G = e == null ? void 0 : e.marine, Ce = D((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), oe = Ce.clone().add((c = (s = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), le = Ce.clone().add((p = (g = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : g.time) == null ? void 0 : p.at(-1), "h"), Oe = [];
+    var i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe, Ae, De, Re, _e, W, te, Fe, Ie;
+    const ge = typeof o == "string" ? D(o) : o, fe = e == null ? void 0 : e.weather, G = e == null ? void 0 : e.marine, Ce = D((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), oe = Ce.clone().add((c = (s = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), le = Ce.clone().add((p = (f = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : f.time) == null ? void 0 : p.at(-1), "h"), Oe = [];
     if (ge.isBetween(oe, le, "millisecond", "[]")) {
       const E = ge.utc().diff(oe, "h", !1);
       let ye, Me;
@@ -9955,13 +9955,13 @@ class Za {
         for (const N of fe) {
           const Y = N == null ? void 0 : N.hourly;
           for (let Te = E - (E - 1) % 3; Te <= E; Te++)
-            Be += (f = Y == null ? void 0 : Y.precipitation) == null ? void 0 : f.at(Te);
+            Be += (y = Y == null ? void 0 : Y.precipitation) == null ? void 0 : y.at(Te);
           for (let Te = E - (E - 1) % 6; Te <= E; Te++)
             Ne += (w = Y == null ? void 0 : Y.precipitation) == null ? void 0 : w.at(Te);
           ye = {
-            temp: (L = Y == null ? void 0 : Y.temperature_2m) == null ? void 0 : L.at(E),
-            apparentTemp: (y = Y == null ? void 0 : Y.apparent_temperature) == null ? void 0 : y.at(E),
-            rh: (k = Y == null ? void 0 : Y.relative_humidity_2m) == null ? void 0 : k.at(E),
+            temp: (k = Y == null ? void 0 : Y.temperature_2m) == null ? void 0 : k.at(E),
+            apparentTemp: (g = Y == null ? void 0 : Y.apparent_temperature) == null ? void 0 : g.at(E),
+            rh: (z = Y == null ? void 0 : Y.relative_humidity_2m) == null ? void 0 : z.at(E),
             dp: (T = Y == null ? void 0 : Y.dew_point_2m) == null ? void 0 : T.at(E),
             precip: {
               probability: (O = Y == null ? void 0 : Y.precipitation_probability) == null ? void 0 : O.at(E),
@@ -9971,12 +9971,12 @@ class Za {
             },
             pmsl: (P = Y == null ? void 0 : Y.pressure_msl) == null ? void 0 : P.at(E),
             psurf: (_ = Y == null ? void 0 : Y.surface_pressure) == null ? void 0 : _.at(E),
-            code: (z = Y == null ? void 0 : Y.weather_code) == null ? void 0 : z.at(E),
+            code: (L = Y == null ? void 0 : Y.weather_code) == null ? void 0 : L.at(E),
             visibility: this.m2nm((C = Y == null ? void 0 : Y.visibility) == null ? void 0 : C.at(E)),
             wind: {
               speed: (v = Y == null ? void 0 : Y.wind_speed_10m) == null ? void 0 : v.at(E),
               kts: (A = Y == null ? void 0 : Y.wind_speed_10m) == null ? void 0 : A.at(E),
-              degree: (U = Y == null ? void 0 : Y.wind_direction_10m) == null ? void 0 : U.at(E),
+              degree: (H = Y == null ? void 0 : Y.wind_direction_10m) == null ? void 0 : H.at(E),
               bearing: ((Z = Y == null ? void 0 : Y.wind_direction_10m) == null ? void 0 : Z.at(E)) !== null ? (((q = Y == null ? void 0 : Y.wind_direction_10m) == null ? void 0 : q.at(E)) + 180) % 360 : null,
               gusts: (V = Y == null ? void 0 : Y.wind_gusts_10m) == null ? void 0 : V.at(E)
             },
@@ -10032,7 +10032,7 @@ class Za {
     return Oe;
   }
   static toLegacy(e) {
-    var o, i, a, r, s, c, n, g, p, f;
+    var o, i, a, r, s, c, n, f, p, y;
     return {
       wind: (o = e == null ? void 0 : e.weather) == null ? void 0 : o.wind,
       visibility: (i = e == null ? void 0 : e.weather) == null ? void 0 : i.visibility,
@@ -10042,9 +10042,9 @@ class Za {
         kts: (c = (s = e == null ? void 0 : e.weather) == null ? void 0 : s.wind) == null ? void 0 : c.gusts
       },
       precip: (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip,
-      code: (g = e == null ? void 0 : e.weather) == null ? void 0 : g.code,
+      code: (f = e == null ? void 0 : e.weather) == null ? void 0 : f.code,
       name: (p = e == null ? void 0 : e.weather) == null ? void 0 : p.name,
-      url: (f = e == null ? void 0 : e.weather) == null ? void 0 : f.url,
+      url: (y = e == null ? void 0 : e.weather) == null ? void 0 : y.url,
       wave: e == null ? void 0 : e.wave,
       current: e == null ? void 0 : e.current,
       sst: e == null ? void 0 : e.sst,
@@ -10054,7 +10054,7 @@ class Za {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, s, c, n, g, p, f, w, L, y, k, T, O, I, P, _, z, C, v, A, U, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe, Ae, De;
+    var i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe, Ae, De;
     const Re = typeof o == "string" ? D(o) : o, _e = e == null ? void 0 : e.weather, W = e == null ? void 0 : e.marine, te = D((r = (a = (i = _e == null ? void 0 : _e[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), Fe = D((n = (c = (s = _e == null ? void 0 : _e[0]) == null ? void 0 : s.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Ie = [];
     if (Re.isBetween(te, Fe, "millisecond", "[]")) {
       let ge, fe;
@@ -10063,18 +10063,18 @@ class Za {
         for (const Ce of _e) {
           const oe = Ce.daily;
           ge = {
-            code: (g = oe.weather_code) == null ? void 0 : g.at(G),
+            code: (f = oe.weather_code) == null ? void 0 : f.at(G),
             temp: {
               max: (p = oe.temperature_2m_max) == null ? void 0 : p.at(G),
-              min: (f = oe.temperature_2m_min) == null ? void 0 : f.at(G),
+              min: (y = oe.temperature_2m_min) == null ? void 0 : y.at(G),
               mean: (w = oe.temperature_2m_mean) == null ? void 0 : w.at(G)
             },
             apparentTemp: {
-              max: (L = oe.apparent_temperature_max) == null ? void 0 : L.at(G),
-              min: (y = oe.apparent_temperature_min) == null ? void 0 : y.at(G)
+              max: (k = oe.apparent_temperature_max) == null ? void 0 : k.at(G),
+              min: (g = oe.apparent_temperature_min) == null ? void 0 : g.at(G)
             },
             precip: {
-              sum: (k = oe.precipitation_sum) == null ? void 0 : k.at(G),
+              sum: (z = oe.precipitation_sum) == null ? void 0 : z.at(G),
               rainSum: (T = oe.rain_sum) == null ? void 0 : T.at(G),
               snowfallSum: (O = oe.snowfall_sum) == null ? void 0 : O.at(G),
               showersSum: (I = oe.showers_sum) == null ? void 0 : I.at(G),
@@ -10082,13 +10082,13 @@ class Za {
               probability: (_ = oe.precipitation_probability_max) == null ? void 0 : _.at(G)
             },
             rh: {
-              max: (z = oe.relative_humidity_2m_max) == null ? void 0 : z.at(G),
+              max: (L = oe.relative_humidity_2m_max) == null ? void 0 : L.at(G),
               min: (C = oe.relative_humidity_2m_min) == null ? void 0 : C.at(G),
               mean: (v = oe.relative_humidity_2m_mean) == null ? void 0 : v.at(G)
             },
             wind: {
               speed: (A = oe.wind_speed_10m_max) == null ? void 0 : A.at(G),
-              kts: (U = oe.wind_speed_10m_max) == null ? void 0 : U.at(G),
+              kts: (H = oe.wind_speed_10m_max) == null ? void 0 : H.at(G),
               degree: (Z = oe.wind_direction_10m_dominant) == null ? void 0 : Z.at(G),
               gusts: (q = oe.wind_gusts_10m_max) == null ? void 0 : q.at(G),
               bearing: ((V = oe.wind_direction_10m_dominant) == null ? void 0 : V.at(G)) !== null ? (((Q = oe.wind_direction_10m_dominant) == null ? void 0 : Q.at(G)) + 180) % 360 : null
@@ -10540,6 +10540,9 @@ const tc = {
     permission: {
       type: Number
     },
+    locale: {
+      type: String
+    },
     map: {
       type: Object
     },
@@ -10603,9 +10606,9 @@ const tc = {
       showTropicalsInfo: !1,
       activeTropicals: void 0,
       activeTropicalsMarker: void 0,
-      empty: H.featureCollection([]),
+      empty: U.featureCollection([]),
       circleSource: "circle-source",
-      circleSourceData: H.featureCollection([]),
+      circleSourceData: U.featureCollection([]),
       circleLayer: "tropical-circle-layer",
       showLegend: !1,
       showHoverPoint: !1,
@@ -10725,18 +10728,18 @@ const tc = {
           }
         });
         if (o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("weather links elapsed: ", o, ", total: ", e += o), ((r = n == null ? void 0 : n.data) == null ? void 0 : r.code) === 0) {
-          const g = (s = n == null ? void 0 : n.data) == null ? void 0 : s.data;
-          await Se.get(g.tropicals, {
+          const f = (s = n == null ? void 0 : n.data) == null ? void 0 : s.data;
+          await Se.get(f.tropicals, {
             headers: {
               Authorization: this.token || this.defaultMeteoToken,
               key: "tropicals"
             },
-            responseType: /\.(jpg|png)$/.test(g.tropicals) ? "blob" : "json"
+            responseType: /\.(jpg|png)$/.test(f.tropicals) ? "blob" : "json"
           }).then((p) => {
-            var L, y, k;
-            const f = Va.convert2Geojson(((L = p == null ? void 0 : p.data) == null ? void 0 : L.data) || (p == null ? void 0 : p.data));
-            ((k = (y = p == null ? void 0 : p.config) == null ? void 0 : y.headers) == null ? void 0 : k.key) && f && (this.tropicals = {
-              data: f,
+            var k, g, z;
+            const y = Va.convert2Geojson(((k = p == null ? void 0 : p.data) == null ? void 0 : k.data) || (p == null ? void 0 : p.data));
+            ((z = (g = p == null ? void 0 : p.config) == null ? void 0 : g.headers) == null ? void 0 : z.key) && y && (this.tropicals = {
+              data: y,
               active: !0,
               cached: !0,
               type: "json",
@@ -10753,47 +10756,47 @@ const tc = {
     handleRefresh() {
       var e, o;
       (((o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) || []).forEach((i) => {
-        var a, r, s, c, n, g, p, f, w, L, y;
+        var a, r, s, c, n, f, p, y, w, k, g;
         if (((a = i.geometry) == null ? void 0 : a.type) === "Point") {
-          let k = "";
+          let z = "";
           switch (!0) {
             case ((r = i.properties.wind) == null ? void 0 : r.kts) < 32:
-              k = "TD";
+              z = "TD";
               break;
             case ((s = i.properties.wind) == null ? void 0 : s.kts) < 47:
-              k = "TS";
+              z = "TS";
               break;
             case ((c = i.properties.wind) == null ? void 0 : c.kts) < 63:
-              k = "STS";
+              z = "STS";
               break;
             case ((n = i.properties.wind) == null ? void 0 : n.kts) < 79:
-              k = "TY";
+              z = "TY";
               break;
-            case ((g = i.properties.wind) == null ? void 0 : g.kts) < 94:
-              k = "STY";
+            case ((f = i.properties.wind) == null ? void 0 : f.kts) < 94:
+              z = "STY";
               break;
             case ((p = i.properties.wind) == null ? void 0 : p.kts) >= 94:
-              k = "Super TY";
+              z = "Super TY";
               break;
             default:
-              k = "Super TY";
+              z = "Super TY";
               break;
           }
-          i.properties.level = k;
+          i.properties.level = z;
         }
-        ((f = i.geometry) == null ? void 0 : f.type) === "Point" && ((w = i.properties) != null && w.important) && (i.properties.format = (y = (L = D(i.properties.date)) == null ? void 0 : L.utcOffset(this.timeZone)) == null ? void 0 : y.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`));
+        ((y = i.geometry) == null ? void 0 : y.type) === "Point" && ((w = i.properties) != null && w.important) && (i.properties.format = (g = (k = D(i.properties.date)) == null ? void 0 : k.utcOffset(this.timeZone)) == null ? void 0 : g.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`));
       }), this.handleInit();
     },
     handleInit() {
-      var t, e, o, i, a, r, s, c, n, g, p, f;
-      this.handleClear(), this.tropicals && this.map && (this.handleRender(), (t = this.map) == null || t.on("click", this.clickLayers, this.handleClick), (e = this.map) == null || e.on("mousemove", this.hoverLayers, this.handleHover), (o = this.map) == null || o.on("mouseleave", this.hoverLayers, this.handleLeave)), ((r = (a = (i = this.tropicals) == null ? void 0 : i.data) == null ? void 0 : a.features) == null ? void 0 : r.length) > 0 ? (n = (c = (s = this.$parent) == null ? void 0 : s.$refs) == null ? void 0 : c.idmBottomBar) == null || n.handleToggle("tropical", !0) : (f = (p = (g = this.$parent) == null ? void 0 : g.$refs) == null ? void 0 : p.idmBottomBar) == null || f.handleToggle("tropical", !1);
+      var t, e, o, i, a, r, s, c, n, f, p, y;
+      this.handleClear(), this.tropicals && this.map && (this.handleRender(), (t = this.map) == null || t.on("click", this.clickLayers, this.handleClick), (e = this.map) == null || e.on("mousemove", this.hoverLayers, this.handleHover), (o = this.map) == null || o.on("mouseleave", this.hoverLayers, this.handleLeave)), ((r = (a = (i = this.tropicals) == null ? void 0 : i.data) == null ? void 0 : a.features) == null ? void 0 : r.length) > 0 ? (n = (c = (s = this.$parent) == null ? void 0 : s.$refs) == null ? void 0 : c.idmBottomBar) == null || n.handleToggle("tropical", !0) : (y = (p = (f = this.$parent) == null ? void 0 : f.$refs) == null ? void 0 : p.idmBottomBar) == null || y.handleToggle("tropical", !1);
     },
     handleRender() {
-      var t, e, o, i, a, r, s, c, n, g;
+      var t, e, o, i, a, r, s, c, n, f;
       if (this.tropicals && this.map) {
         const p = (/* @__PURE__ */ new Date()).valueOf();
-        let f = 0, w = 0;
-        (t = this.map) != null && t.getSource(this.source) ? ((o = this.map) == null || o.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), w = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropicals] update elapsed: ", w, ", total: ", f += w)) : (this.map.addSource(this.source, {
+        let y = 0, w = 0;
+        (t = this.map) != null && t.getSource(this.source) ? ((o = this.map) == null || o.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), w = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropicals] update elapsed: ", w, ", total: ", y += w)) : (this.map.addSource(this.source, {
           type: "geojson",
           data: (i = this.tropicals) != null && i.active ? (a = this.tropicals) == null ? void 0 : a.data : this.empty
         }), this.map.addLayer({
@@ -10890,9 +10893,9 @@ const tc = {
             ],
             "text-halo-width": 4
           }
-        }), w = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropical] add elapsed: ", w, ", total: ", f += w)), (r = this.map) != null && r.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((s = this.tropicals) != null && s.active ? this.tropicals.data : this.empty), w = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropical] update elapsed: ", w, ", total: ", f += w)) : (this.map.addSource(this.clusterSource, {
+        }), w = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] add elapsed: ", w, ", total: ", y += w)), (r = this.map) != null && r.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((s = this.tropicals) != null && s.active ? this.tropicals.data : this.empty), w = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] update elapsed: ", w, ", total: ", y += w)) : (this.map.addSource(this.clusterSource, {
           type: "geojson",
-          data: (n = this.tropicals) != null && n.active ? (g = this.tropicals) == null ? void 0 : g.data : this.empty
+          data: (n = this.tropicals) != null && n.active ? (f = this.tropicals) == null ? void 0 : f.data : this.empty
           // cluster: true,
           // clusterRadius: 10, // 聚合半径
         }), this.map.addLayer({
@@ -10993,7 +10996,7 @@ const tc = {
           source: this.clusterSource,
           filter: ["all", ["==", "$type", "Point"], ["==", "type", "forecast"], ["==", "important", !0]],
           layout: {
-            "text-field": ["get", "name"],
+            "text-field": ["get", this.locale === "en" ? "name" : "nameCn"],
             "text-anchor": "bottom",
             "text-size": 16,
             "text-allow-overlap": !0,
@@ -11006,9 +11009,9 @@ const tc = {
             "text-halo-color": "#ffffff",
             "text-halo-width": 1
           }
-        }), w = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropical] add elapsed: ", w, ", total: ", f += w)), this.handleDrawCircle();
-        const L = Va.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(L)), this.handleDateChange();
+        }), w = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] add elapsed: ", w, ", total: ", y += w)), this.handleDrawCircle();
+        const k = Va.interpolate(this.tropicals, 1);
+        this.interpolateData = JSON.parse(JSON.stringify(k)), this.handleDateChange();
       }
     },
     handleClear() {
@@ -11016,9 +11019,9 @@ const tc = {
       this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (t = this.interpolateMarkers) == null || t.forEach((a) => a == null ? void 0 : a.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource)), (e = this.map) == null || e.off("click", this.clickLayers, this.handleClick), (o = this.map) == null || o.off("mousemove", this.hoverLayers, this.handleHover), (i = this.map) == null || i.off("mouseleave", this.hoverLayers, this.handleLeave), this.handleCloseInfoMarker();
     },
     handleDateChange() {
-      var t, e, o, i, a, r, s, c, n, g, p, f, w, L, y, k, T, O, I, P, _, z, C, v, A, U, Z, q, V, Q, ee, J;
+      var t, e, o, i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee, J;
       if ((t = this.interpolateMarkers) == null || t.forEach((re) => re == null ? void 0 : re.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const re = D(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), he = this.interpolateData.filter(($) => $.properties.date === (re == null ? void 0 : re.format()) && !$.properties.disabled), pe = this.handleComputePolygons(he), ne = H.featureCollection([...he]);
+        const re = D(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), he = this.interpolateData.filter(($) => $.properties.date === (re == null ? void 0 : re.format()) && !$.properties.disabled), pe = this.handleComputePolygons(he), ne = U.featureCollection([...he]);
         pe.forEach(($) => {
           ne.features.push($);
         }), (o = this.map) != null && o.getSource(this.interpolateSource) ? (i = this.map) == null || i.getSource(this.interpolateSource).setData(ne) : ((a = this.map) == null || a.addSource(this.interpolateSource, {
@@ -11038,7 +11041,7 @@ const tc = {
         for (const $ of he)
           if (!$.properties.disabled) {
             let ae = "#f44336";
-            ((c = (s = $.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((g = (n = $.properties) == null ? void 0 : n.wind) != null && g.kts) ? ae = "#03f869" : ((f = (p = $.properties) == null ? void 0 : p.wind) == null ? void 0 : f.kts) >= 32 && ((L = (w = $.properties) == null ? void 0 : w.wind) == null ? void 0 : L.kts) < 47 ? ae = "#f2f202" : ((k = (y = $.properties) == null ? void 0 : y.wind) == null ? void 0 : k.kts) >= 47 && ((O = (T = $.properties) == null ? void 0 : T.wind) == null ? void 0 : O.kts) < 63 ? ae = "#ff9100" : ((P = (I = $.properties) == null ? void 0 : I.wind) == null ? void 0 : P.kts) >= 63 && ((z = (_ = $.properties) == null ? void 0 : _.wind) == null ? void 0 : z.kts) < 79 ? ae = "#f44336" : ((v = (C = $.properties) == null ? void 0 : C.wind) == null ? void 0 : v.kts) >= 79 && ((U = (A = $.properties) == null ? void 0 : A.wind) == null ? void 0 : U.kts) < 94 ? ae = "#f903d0" : ((q = (Z = $.properties) == null ? void 0 : Z.wind) == null ? void 0 : q.kts) >= 94 ? ae = "#8702f9" : ae = "#f44336";
+            ((c = (s = $.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((f = (n = $.properties) == null ? void 0 : n.wind) != null && f.kts) ? ae = "#03f869" : ((y = (p = $.properties) == null ? void 0 : p.wind) == null ? void 0 : y.kts) >= 32 && ((k = (w = $.properties) == null ? void 0 : w.wind) == null ? void 0 : k.kts) < 47 ? ae = "#f2f202" : ((z = (g = $.properties) == null ? void 0 : g.wind) == null ? void 0 : z.kts) >= 47 && ((O = (T = $.properties) == null ? void 0 : T.wind) == null ? void 0 : O.kts) < 63 ? ae = "#ff9100" : ((P = (I = $.properties) == null ? void 0 : I.wind) == null ? void 0 : P.kts) >= 63 && ((L = (_ = $.properties) == null ? void 0 : _.wind) == null ? void 0 : L.kts) < 79 ? ae = "#f44336" : ((v = (C = $.properties) == null ? void 0 : C.wind) == null ? void 0 : v.kts) >= 79 && ((H = (A = $.properties) == null ? void 0 : A.wind) == null ? void 0 : H.kts) < 94 ? ae = "#f903d0" : ((q = (Z = $.properties) == null ? void 0 : Z.wind) == null ? void 0 : q.kts) >= 94 ? ae = "#8702f9" : ae = "#f44336";
             const ue = `<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">
@@ -11062,26 +11065,27 @@ const tc = {
         (ee = this.map) != null && ee.getSource(this.interpolateSource) && ((J = this.map) == null || J.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var a, r, s, c, n, g, p, f;
+      var a, r, s, c, n, f, p, y, w;
       const e = t.features[0], o = (r = (a = this.tropicals) == null ? void 0 : a.data) == null ? void 0 : r.features.filter(
-        (w) => {
-          var L;
-          return w.geometry.type === "LineString" && w.properties.type === "forecast" && w.properties.name === ((L = e == null ? void 0 : e.properties) == null ? void 0 : L.name);
+        (k) => {
+          var g;
+          return k.geometry.type === "LineString" && k.properties.type === "forecast" && k.properties.name === ((g = e == null ? void 0 : e.properties) == null ? void 0 : g.name);
         }
       ), i = (c = (s = this.tropicals) == null ? void 0 : s.data) == null ? void 0 : c.features.filter(
-        (w) => {
-          var L;
-          return w.geometry.type === "LineString" && w.properties.type === "history" && w.properties.name === ((L = e == null ? void 0 : e.properties) == null ? void 0 : L.name);
+        (k) => {
+          var g;
+          return k.geometry.type === "LineString" && k.properties.type === "history" && k.properties.name === ((g = e == null ? void 0 : e.properties) == null ? void 0 : g.name);
         }
       );
       this.activeTropicals = {
         name: (n = e == null ? void 0 : e.properties) == null ? void 0 : n.name,
-        forecasts: o.map((w) => w.properties),
-        history: (g = i[0]) == null ? void 0 : g.properties,
-        showCircle: (f = (p = o[0]) == null ? void 0 : p.properties) == null ? void 0 : f.showCircle
+        nameCn: (f = e == null ? void 0 : e.properties) == null ? void 0 : f.nameCn,
+        forecasts: o.map((k) => k.properties),
+        history: (p = i[0]) == null ? void 0 : p.properties,
+        showCircle: (w = (y = o[0]) == null ? void 0 : y.properties) == null ? void 0 : w.showCircle
       }, this.showTropicalsInfo = !0, this.$nextTick(() => {
-        const w = document.getElementById("idm-tropical-gl4-info");
-        this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]) : this.activeTropicalsMarker = new ve.Marker(w).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+        const k = document.getElementById("idm-tropical-gl4-info");
+        this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]) : this.activeTropicalsMarker = new ve.Marker(k).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
       });
     },
     handleCloseInfoMarker() {
@@ -11094,11 +11098,11 @@ const tc = {
       var i, a, r, s, c, n;
       t.disabled = !t.disabled;
       const e = `${t.name}-${t.model}`, o = (a = (i = this.map) == null ? void 0 : i.getSource(this.source)._data) == null ? void 0 : a.features;
-      o.forEach((g) => {
-        g.properties.category === e && (g.properties.disabled = t.disabled);
-      }), this.interpolateData.forEach((g) => {
-        g.properties.category === e && (g.properties.disabled = t.disabled);
-      }), (s = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || s.setData(H.featureCollection(o)), (n = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || n.setData(H.featureCollection(o)), this.handleDateChange();
+      o.forEach((f) => {
+        f.properties.category === e && (f.properties.disabled = t.disabled);
+      }), this.interpolateData.forEach((f) => {
+        f.properties.category === e && (f.properties.disabled = t.disabled);
+      }), (s = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || s.setData(U.featureCollection(o)), (n = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || n.setData(U.featureCollection(o)), this.handleDateChange();
     },
     handleStrikeProbability(t) {
       this.$emit("tropicalProbability", t);
@@ -11157,22 +11161,22 @@ const tc = {
         let n;
         switch (s) {
           case "ne":
-            n = H.lineArc(t, c, 0, 90, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = U.lineArc(t, c, 0, 90, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "se":
-            n = H.lineArc(t, c, 90, 180, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = U.lineArc(t, c, 90, 180, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "sw":
-            n = H.lineArc(t, c, 180, 270, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = U.lineArc(t, c, 180, 270, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "nw":
-            n = H.lineArc(t, c, 270, 360, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = U.lineArc(t, c, 270, 360, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
         }
         i.push(...(r = n == null ? void 0 : n.geometry) == null ? void 0 : r.coordinates);
       }
-      const a = H.lineString(i);
-      return H.lineToPolygon(a, { properties: o });
+      const a = U.lineString(i);
+      return U.lineToPolygon(a, { properties: o });
     },
     handleNotification(t) {
       this.$emit("tropicalNotification", t);
@@ -11235,7 +11239,7 @@ const tc = {
   class: "d-flex justify-start align-center"
 }, Vc = { class: "text-label pr-1" }, Zc = { class: "d-flex justify-start align-center" }, qc = { class: "text-label pr-1" };
 function Yc(t, e, o, i, a, r) {
-  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardText"), g = x("VDivider"), p = x("VCardActions"), f = x("VCard"), w = x("v-card-title"), L = x("v-divider");
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardText"), f = x("VDivider"), p = x("VCardActions"), y = x("VCard"), w = x("v-card-title"), k = x("v-divider");
   return b(), S("div", oc, [
     l("div", {
       class: "menu-bar-box transition pa-1",
@@ -11245,8 +11249,8 @@ function Yc(t, e, o, i, a, r) {
         text: t.$t("tropical.tropicals"),
         location: "left"
       }, {
-        activator: u(({ props: y }) => [
-          h(s, B(y, {
+        activator: u(({ props: g }) => [
+          h(s, B(g, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -11264,7 +11268,7 @@ function Yc(t, e, o, i, a, r) {
       }, 8, ["text"])
     ], 4),
     a.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (b(), S("div", ac, [
-      h(f, {
+      h(y, {
         "min-width": "400",
         elevation: "16",
         "max-width": "500"
@@ -11272,11 +11276,11 @@ function Yc(t, e, o, i, a, r) {
         default: u(() => [
           h(n, null, {
             default: u(() => {
-              var y, k, T, O, I, P, _, z, C, v;
+              var g, z, T, O, I, P, _, L, C, v, A;
               return [
                 l("div", ic, [
-                  l("span", rc, m((y = a.activeTropicals) == null ? void 0 : y.name), 1),
-                  (T = (k = a.activeTropicals) == null ? void 0 : k.history) != null && T.level ? (b(), S("span", lc, ", " + m((I = (O = a.activeTropicals) == null ? void 0 : O.history) == null ? void 0 : I.level), 1)) : M("", !0)
+                  l("span", rc, m(o.locale === "en" ? (g = a.activeTropicals) == null ? void 0 : g.name : (z = a.activeTropicals) == null ? void 0 : z.nameCn), 1),
+                  (O = (T = a.activeTropicals) == null ? void 0 : T.history) != null && O.level ? (b(), S("span", lc, ", " + m((P = (I = a.activeTropicals) == null ? void 0 : I.history) == null ? void 0 : P.level), 1)) : M("", !0)
                 ]),
                 h(s, {
                   icon: "",
@@ -11293,21 +11297,21 @@ function Yc(t, e, o, i, a, r) {
                 }, 8, ["onClick"]),
                 l("div", sc, [
                   l("span", nc, m(t.$t("actions.lastUpdate")) + ": ", 1),
-                  l("span", null, m(r.computeTime(((_ = (P = a.activeTropicals) == null ? void 0 : P.history) == null ? void 0 : _.updated) || ((v = (C = (z = a.activeTropicals) == null ? void 0 : z.forecasts) == null ? void 0 : C.filter((A) => !A.disabled)[0]) == null ? void 0 : v.date), o.timeZone)), 1)
+                  l("span", null, m(r.computeTime(((L = (_ = a.activeTropicals) == null ? void 0 : _.history) == null ? void 0 : L.updated) || ((A = (v = (C = a.activeTropicals) == null ? void 0 : C.forecasts) == null ? void 0 : v.filter((H) => !H.disabled)[0]) == null ? void 0 : A.date), o.timeZone)), 1)
                 ])
               ];
             }),
             _: 1
           }),
-          h(g),
+          h(f),
           h(n, { class: "text-body-1" }, {
             default: u(() => {
-              var y, k, T, O, I, P, _, z, C;
+              var g, z, T, O, I, P, _, L, C;
               return [
                 l("div", cc, [
                   l("div", mc, [
                     l("label", dc, m(t.$t("weather.windSpeed")) + " : ", 1),
-                    l("span", null, m(((k = (y = a.activeTropicals) == null ? void 0 : y.history) == null ? void 0 : k.kts) || "-") + " kts", 1),
+                    l("span", null, m(((z = (g = a.activeTropicals) == null ? void 0 : g.history) == null ? void 0 : z.kts) || "-") + " kts", 1),
                     l("span", null, ", BF " + m(r.computeBF(((O = (T = a.activeTropicals) == null ? void 0 : T.history) == null ? void 0 : O.kts) || "-")), 1)
                   ]),
                   l("div", hc, [
@@ -11322,7 +11326,7 @@ function Yc(t, e, o, i, a, r) {
                   ]),
                   l("div", yc, [
                     l("label", bc, m(t.$t("tropical.moveDir")) + " : ", 1),
-                    l("span", null, m(((z = r.computeMovement(a.activeTropicals)) == null ? void 0 : z.deg) || "-") + "°", 1)
+                    l("span", null, m(((L = r.computeMovement(a.activeTropicals)) == null ? void 0 : L.deg) || "-") + "°", 1)
                   ])
                 ]),
                 l("div", wc, [
@@ -11335,7 +11339,7 @@ function Yc(t, e, o, i, a, r) {
                       color: v.disabled ? "" : "primary",
                       "min-width": 30,
                       class: He(["model text-none text-body-1 px-1", v.disabled ? "" : "btn-border-2"]),
-                      onClick: Ee((U) => r.handleForecastToggle(v), ["stop"])
+                      onClick: Ee((H) => r.handleForecastToggle(v), ["stop"])
                     }, {
                       default: u(() => [
                         j(m(v.model), 1)
@@ -11348,7 +11352,7 @@ function Yc(t, e, o, i, a, r) {
             }),
             _: 1
           }),
-          h(g),
+          h(f),
           h(p, { class: "d-flex justify-space-between" }, {
             default: u(() => [
               h(s, {
@@ -11357,7 +11361,7 @@ function Yc(t, e, o, i, a, r) {
                 variant: "text",
                 color: a.showLegend ? "primary" : "",
                 class: "text-none text-body-1",
-                onClick: e[0] || (e[0] = Ee((y) => a.showLegend = !a.showLegend, ["stop"]))
+                onClick: e[0] || (e[0] = Ee((g) => a.showLegend = !a.showLegend, ["stop"]))
               }, {
                 prepend: u(() => e[5] || (e[5] = [
                   l("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
@@ -11373,7 +11377,7 @@ function Yc(t, e, o, i, a, r) {
                   variant: "text",
                   density: "compact",
                   class: "text-none text-body-1",
-                  onClick: e[1] || (e[1] = Ee((y) => r.handleNotification(a.activeTropicals), ["stop"]))
+                  onClick: e[1] || (e[1] = Ee((g) => r.handleNotification(a.activeTropicals), ["stop"]))
                 }, {
                   default: u(() => [
                     j(m(t.$t("actions.notify")), 1)
@@ -11385,7 +11389,7 @@ function Yc(t, e, o, i, a, r) {
                   density: "compact",
                   "append-icon": "mdi-chevron-right",
                   class: "text-none text-body-1",
-                  onClick: e[2] || (e[2] = Ee((y) => r.handleStrikeProbability(a.activeTropicals), ["stop"]))
+                  onClick: e[2] || (e[2] = Ee((g) => r.handleStrikeProbability(a.activeTropicals), ["stop"]))
                 }, {
                   default: u(() => [
                     j(m(t.$t("actions.viewReport")), 1)
@@ -11400,7 +11404,7 @@ function Yc(t, e, o, i, a, r) {
         _: 1
       }),
       l("div", kc, [
-        We(h(f, { elevation: "16" }, {
+        We(h(y, { elevation: "16" }, {
           default: u(() => [
             h(n, null, {
               default: u(() => [
@@ -11462,7 +11466,7 @@ function Yc(t, e, o, i, a, r) {
         ])
       ])
     ])) : M("", !0),
-    We(h(f, {
+    We(h(y, {
       id: "tropicalHoverMarkerInfo",
       elevation: "16",
       "max-width": "280"
@@ -11470,27 +11474,27 @@ function Yc(t, e, o, i, a, r) {
       default: u(() => [
         h(w, null, {
           default: u(() => {
-            var y, k;
+            var g, z, T;
             return [
               l("div", Pc, [
-                l("span", Cc, m((y = a.hoverPoint) == null ? void 0 : y.name), 1),
-                l("span", Tc, "[ " + m((k = a.hoverPoint) == null ? void 0 : k.level) + " ]", 1)
+                l("span", Cc, m(o.locale === "en" ? (g = a.hoverPoint) == null ? void 0 : g.name : (z = a.hoverPoint) == null ? void 0 : z.nameCn), 1),
+                l("span", Tc, "[ " + m((T = a.hoverPoint) == null ? void 0 : T.level) + " ]", 1)
               ])
             ];
           }),
           _: 1
         }),
-        h(L),
+        h(k),
         h(n, { class: "text-body-1" }, {
           default: u(() => {
-            var y, k, T, O, I, P, _, z, C, v, A, U, Z, q, V, Q, ee;
+            var g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee;
             return [
               l("div", Sc, [
                 l("div", Ic, [
                   l("label", Mc, m(t.$t("tropical.updated")) + " : ", 1),
-                  l("span", null, m(r.computeTzTime((y = a.hoverPoint) == null ? void 0 : y.date, o.timeZone)), 1)
+                  l("span", null, m(r.computeTzTime((g = a.hoverPoint) == null ? void 0 : g.date, o.timeZone)), 1)
                 ]),
-                ((k = a.hoverPoint) == null ? void 0 : k.type) === "forecast" ? (b(), S("div", Ac, [
+                ((z = a.hoverPoint) == null ? void 0 : z.type) === "forecast" ? (b(), S("div", Ac, [
                   l("label", Dc, m(t.$t("tropical.forecast")) + " : ", 1),
                   l("span", null, m(r.computeTzTime((T = a.hoverPoint) == null ? void 0 : T.date, o.timeZone)), 1)
                 ])) : M("", !0),
@@ -11500,7 +11504,7 @@ function Yc(t, e, o, i, a, r) {
                 ])) : M("", !0),
                 ((P = a.hoverPoint) == null ? void 0 : P.type) === "forecast" ? (b(), S("div", Bc, [
                   l("label", Nc, m(t.$t("weather.wind")) + " : ", 1),
-                  l("span", null, m(((z = JSON.parse((_ = a.hoverPoint) == null ? void 0 : _.wind)) == null ? void 0 : z.kts) ?? "-") + " kts", 1)
+                  l("span", null, m(((L = JSON.parse((_ = a.hoverPoint) == null ? void 0 : _.wind)) == null ? void 0 : L.kts) ?? "-") + " kts", 1)
                 ])) : M("", !0),
                 ((C = a.hoverPoint) == null ? void 0 : C.type) === "history" ? (b(), S("div", Ec, [
                   l("label", jc, m(t.$t("weather.wind")) + " : ", 1),
@@ -11510,7 +11514,7 @@ function Yc(t, e, o, i, a, r) {
                   l("label", Hc, m(t.$t("weather.pressure")) + " : ", 1),
                   l("span", null, m(((A = a.hoverPoint) == null ? void 0 : A.pressure) ?? "-") + " kPa", 1)
                 ]),
-                ((U = a.hoverPoint) == null ? void 0 : U.type) === "history" ? (b(), S("div", Uc, [
+                ((H = a.hoverPoint) == null ? void 0 : H.type) === "history" ? (b(), S("div", Uc, [
                   l("label", Wc, m(t.$t("tropical.moveSpeed")) + " : ", 1),
                   l("span", null, m(((q = JSON.parse((Z = a.hoverPoint) == null ? void 0 : Z.movement)) == null ? void 0 : q.kts) ?? "-") + " kts", 1)
                 ])) : M("", !0),
@@ -11621,8 +11625,9 @@ const Kc = {
     },
     dateTime: {
       handler(t, e) {
-        t !== e && this.handleResetDateTime(this.dateTime);
-      }
+        t && this.handleResetDateTime(this.dateTime);
+      },
+      immediate: !0
     },
     currentTimestamp: {
       handler() {
@@ -11637,12 +11642,12 @@ const Kc = {
     }
   },
   mounted() {
-    this.handleReset(), this.timer = setInterval(() => {
+    this.timer = setInterval(() => {
       this.currentRealTime = `${D.tz(D().unix() * 1e3, this.timeZoneName).clone().format("HH:mm")}`;
     }, 100);
   },
   unmounted() {
-    clearInterval(this.timer);
+    clearInterval(this.timer), this.handleCancelDate();
   },
   methods: {
     handleReset() {
@@ -11699,7 +11704,7 @@ const Kc = {
   style: { height: "56px" }
 };
 function em(t, e, o, i, a, r) {
-  const s = x("VBtn"), c = x("VDatePicker"), n = x("VDivider"), g = x("VListItemTitle"), p = x("VListItem"), f = x("VList"), w = x("VCardText"), L = x("VCardActions"), y = x("VCard");
+  const s = x("VBtn"), c = x("VDatePicker"), n = x("VDivider"), f = x("VListItemTitle"), p = x("VListItem"), y = x("VList"), w = x("VCardText"), k = x("VCardActions"), g = x("VCard");
   return b(), S("div", Xc, [
     h(s, {
       text: "",
@@ -11713,7 +11718,7 @@ function em(t, e, o, i, a, r) {
       ]),
       _: 1
     }, 8, ["height", "width", "onClick"]),
-    a.showDatePicker ? (b(), R(y, {
+    a.showDatePicker ? (b(), R(g, {
       key: 0,
       class: He(["card-box d-flex flex-column", o.position])
     }, {
@@ -11723,7 +11728,7 @@ function em(t, e, o, i, a, r) {
             l("div", $c, [
               h(c, {
                 modelValue: a.currentDate,
-                "onUpdate:modelValue": e[0] || (e[0] = (k) => a.currentDate = k),
+                "onUpdate:modelValue": e[0] || (e[0] = (z) => a.currentDate = z),
                 min: a.dateRange[0],
                 max: a.dateRange[1],
                 "mode-icon": () => r.currentYear,
@@ -11741,24 +11746,24 @@ function em(t, e, o, i, a, r) {
             }),
             l("div", Jc, [
               l("div", Qc, m(a.currentTime), 1),
-              h(f, { class: "pa-0 flex-1-1-0" }, {
+              h(y, { class: "pa-0 flex-1-1-0" }, {
                 default: u(() => [
-                  (b(!0), S(be, null, we(r.hourOptions, (k, T) => (b(), R(p, {
+                  (b(!0), S(be, null, we(r.hourOptions, (z, T) => (b(), R(p, {
                     key: T,
-                    value: k,
+                    value: z,
                     color: "primary",
-                    active: a.currentTime === k,
+                    active: a.currentTime === z,
                     rounded: "",
                     height: "26",
                     "min-height": "26"
                   }, {
                     default: u(() => [
-                      h(g, {
+                      h(f, {
                         class: "text-body-2 text-center",
-                        onClick: (O) => a.currentTime = k
+                        onClick: (O) => a.currentTime = z
                       }, {
                         default: u(() => [
-                          j(m(k), 1)
+                          j(m(z), 1)
                         ]),
                         _: 2
                       }, 1032, ["onClick"])
@@ -11773,7 +11778,7 @@ function em(t, e, o, i, a, r) {
           _: 1
         }),
         h(n),
-        h(L, {
+        h(k, {
           class: "justify-end pa-0 pr-4",
           style: { height: "50px" }
         }, {
@@ -12046,10 +12051,10 @@ const tm = {
       (a == null ? void 0 : a.data.code) === 0 && (this.meteoData = a == null ? void 0 : a.data.data, this.meteoData.lng = t.lng, this.meteoData.lat = t.lat, this.initTableData(this.meteoData), this.handleDrawInfoMarker([t.lng, t.lat])), this.loading = !1;
     },
     initTableData(t) {
-      var o, i, a, r, s, c, n, g, p, f, w, L, y, k, T, O, I, P, _, z, C, v, A, U, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe;
+      var o, i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe;
       this.currentHourData = {}, this.positionGmt = (i = (o = t == null ? void 0 : t.weather) == null ? void 0 : o[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (a = t == null ? void 0 : t.weather) == null ? void 0 : a[0]) == null ? void 0 : r.offset;
       const e = ((s = ao.pickHourly(t, D(this.form.dateTime))) == null ? void 0 : s[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((g = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : g.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((f = (p = e == null ? void 0 : e.weather) == null ? void 0 : p.precip) == null ? void 0 : f.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((w = e == null ? void 0 : e.weather) == null ? void 0 : w.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((y = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : y.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : T.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (O = e == null ? void 0 : e.weather) == null ? void 0 : O.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((_ = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.wind) == null ? void 0 : _.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (z = e == null ? void 0 : e.wave) == null ? void 0 : z.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (A = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : A.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((Z = (U = e == null ? void 0 : e.wave) == null ? void 0 : U.sig) == null ? void 0 : Z.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((V = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : V.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((re = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : re.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((pe = (he = e == null ? void 0 : e.wave) == null ? void 0 : he.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = ($ = (ne = e == null ? void 0 : e.wave) == null ? void 0 : ne.swell) == null ? void 0 : $.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((ue = (ae = e == null ? void 0 : e.wave) == null ? void 0 : ae.swell) == null ? void 0 : ue.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ce = e == null ? void 0 : e.current) == null ? void 0 : ce.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((me = e == null ? void 0 : e.current) == null ? void 0 : me.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (xe = e == null ? void 0 : e.weather) == null ? void 0 : xe.url;
+      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((f = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : f.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((y = (p = e == null ? void 0 : e.weather) == null ? void 0 : p.precip) == null ? void 0 : y.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((w = e == null ? void 0 : e.weather) == null ? void 0 : w.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((g = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : g.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (z = e == null ? void 0 : e.weather) == null ? void 0 : z.wind) == null ? void 0 : T.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (O = e == null ? void 0 : e.weather) == null ? void 0 : O.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((_ = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.wind) == null ? void 0 : _.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (L = e == null ? void 0 : e.wave) == null ? void 0 : L.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (A = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : A.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((Z = (H = e == null ? void 0 : e.wave) == null ? void 0 : H.sig) == null ? void 0 : Z.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((V = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : V.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((re = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : re.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((pe = (he = e == null ? void 0 : e.wave) == null ? void 0 : he.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = ($ = (ne = e == null ? void 0 : e.wave) == null ? void 0 : ne.swell) == null ? void 0 : $.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((ue = (ae = e == null ? void 0 : e.wave) == null ? void 0 : ae.swell) == null ? void 0 : ue.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ce = e == null ? void 0 : e.current) == null ? void 0 : ce.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((me = e == null ? void 0 : e.current) == null ? void 0 : me.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (xe = e == null ? void 0 : e.weather) == null ? void 0 : xe.url;
     },
     handleBind() {
       var t, e;
@@ -12119,7 +12124,7 @@ const tm = {
   "aria-hidden": "true"
 }, vm = ["xlink:href"];
 function _m(t, e, o, i, a, r) {
-  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), g = x("VDivider"), p = x("VTextField"), f = x("VCol"), w = x("VRow"), L = x("DateTimePicker"), y = x("VBtnToggle"), k = x("VCardActions"), T = x("VForm"), O = x("VCardText"), I = x("VCard"), P = x("VIcon");
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), f = x("VDivider"), p = x("VTextField"), y = x("VCol"), w = x("VRow"), k = x("DateTimePicker"), g = x("VBtnToggle"), z = x("VCardActions"), T = x("VForm"), O = x("VCardText"), I = x("VCard"), P = x("VIcon");
   return b(), S("div", om, [
     l("div", {
       class: "menu-bar-box transition pa-1",
@@ -12174,7 +12179,7 @@ function _m(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        h(g),
+        h(f),
         h(O, { class: "text-body-1 py-1" }, {
           default: u(() => [
             h(T, {
@@ -12194,7 +12199,7 @@ function _m(t, e, o, i, a, r) {
                 ]),
                 h(w, { class: "ma-0" }, {
                   default: u(() => [
-                    h(f, {
+                    h(y, {
                       cols: "4",
                       class: "pa-0 d-flex"
                     }, {
@@ -12213,7 +12218,7 @@ function _m(t, e, o, i, a, r) {
                       _: 1,
                       __: [10]
                     }),
-                    h(f, {
+                    h(y, {
                       cols: "6",
                       class: "pa-0 d-flex"
                     }, {
@@ -12233,7 +12238,7 @@ function _m(t, e, o, i, a, r) {
                       _: 1,
                       __: [11]
                     }),
-                    h(f, {
+                    h(y, {
                       cols: "2",
                       class: "pa-0"
                     }, {
@@ -12269,7 +12274,7 @@ function _m(t, e, o, i, a, r) {
                 ]),
                 h(w, { class: "ma-0" }, {
                   default: u(() => [
-                    h(f, {
+                    h(y, {
                       cols: "4",
                       class: "pa-0 d-flex"
                     }, {
@@ -12291,7 +12296,7 @@ function _m(t, e, o, i, a, r) {
                       _: 1,
                       __: [12]
                     }),
-                    h(f, {
+                    h(y, {
                       cols: "6",
                       class: "pa-0 d-flex"
                     }, {
@@ -12311,7 +12316,7 @@ function _m(t, e, o, i, a, r) {
                       _: 1,
                       __: [13]
                     }),
-                    h(f, {
+                    h(y, {
                       cols: "2",
                       class: "pa-0"
                     }, {
@@ -12347,12 +12352,12 @@ function _m(t, e, o, i, a, r) {
                 ]),
                 h(w, { class: "ma-0 mb-4" }, {
                   default: u(() => [
-                    h(f, {
+                    h(y, {
                       cols: "12",
                       class: "pa-0"
                     }, {
                       default: u(() => [
-                        h(L, B({
+                        h(k, B({
                           "date-time": a.form.dateTime,
                           "time-zone": o.timeZone
                         }, t.$attrs, {
@@ -12374,12 +12379,12 @@ function _m(t, e, o, i, a, r) {
                 ]),
                 h(w, { class: "ma-0 mb-2" }, {
                   default: u(() => [
-                    h(f, {
+                    h(y, {
                       cols: "12",
                       class: "pa-0"
                     }, {
                       default: u(() => [
-                        h(y, {
+                        h(g, {
                           modelValue: a.form.forecastModel,
                           "onUpdate:modelValue": e[7] || (e[7] = (_) => a.form.forecastModel = _),
                           class: "w-100",
@@ -12426,8 +12431,8 @@ function _m(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                h(g),
-                h(k, { class: "d-flex justify-end align-center ga-4" }, {
+                h(f),
+                h(z, { class: "d-flex justify-end align-center ga-4" }, {
                   default: u(() => [
                     h(s, {
                       size: "small",
@@ -12498,12 +12503,12 @@ function _m(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        h(g),
+        h(f),
         h(O, { class: "text-body-1 ml-n8" }, {
           default: u(() => [
             h(w, null, {
               default: u(() => [
-                h(f, {
+                h(y, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
@@ -12512,7 +12517,7 @@ function _m(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                h(f, {
+                h(y, {
                   cols: "9",
                   class: "pa-2 px-0"
                 }, {
@@ -12529,7 +12534,7 @@ function _m(t, e, o, i, a, r) {
             }),
             h(w, null, {
               default: u(() => [
-                h(f, {
+                h(y, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
@@ -12539,7 +12544,7 @@ function _m(t, e, o, i, a, r) {
                   _: 1,
                   __: [18]
                 }),
-                h(f, {
+                h(y, {
                   cols: "9",
                   class: "pa-2 px-0"
                 }, {
@@ -12556,7 +12561,7 @@ function _m(t, e, o, i, a, r) {
             }),
             h(w, null, {
               default: u(() => [
-                h(f, {
+                h(y, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
@@ -12565,7 +12570,7 @@ function _m(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                h(f, {
+                h(y, {
                   cols: "4",
                   class: "pa-2 px-0 text-left"
                 }, {
@@ -12574,7 +12579,7 @@ function _m(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                h(f, {
+                h(y, {
                   cols: "2",
                   class: "pa-2 pl-0 ml-n4 text-right opacity-50"
                 }, {
@@ -12583,7 +12588,7 @@ function _m(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                h(f, {
+                h(y, {
                   cols: "3",
                   class: "pa-2 px-0 text-left"
                 }, {
@@ -12597,7 +12602,7 @@ function _m(t, e, o, i, a, r) {
             }),
             h(w, null, {
               default: u(() => [
-                h(f, {
+                h(y, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
@@ -12606,7 +12611,7 @@ function _m(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                h(f, {
+                h(y, {
                   cols: "4",
                   class: "pa-2 px-0 text-left"
                 }, {
@@ -12615,7 +12620,7 @@ function _m(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                h(f, {
+                h(y, {
                   cols: "2",
                   class: "pa-2 pl-0 ml-n4 text-right opacity-50"
                 }, {
@@ -12624,7 +12629,7 @@ function _m(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                h(f, {
+                h(y, {
                   cols: "3",
                   class: "pa-2 px-0 text-left"
                 }, {
@@ -12638,7 +12643,7 @@ function _m(t, e, o, i, a, r) {
             }),
             h(w, null, {
               default: u(() => [
-                h(f, {
+                h(y, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
@@ -12647,7 +12652,7 @@ function _m(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                h(f, {
+                h(y, {
                   cols: "4",
                   class: "pa-2 px-0 text-left"
                 }, {
@@ -12656,7 +12661,7 @@ function _m(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                h(f, {
+                h(y, {
                   cols: "2",
                   class: "pa-2 pl-0 ml-n4 text-right opacity-50"
                 }, {
@@ -12665,7 +12670,7 @@ function _m(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                h(f, {
+                h(y, {
                   cols: "3",
                   class: "pa-2 px-0 text-left"
                 }, {
@@ -12680,12 +12685,12 @@ function _m(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        h(g),
-        h(k, { class: "d-flex justify-space-between align-center" }, {
+        h(f),
+        h(z, { class: "d-flex justify-space-between align-center" }, {
           default: u(() => [
             o.followList.some((_) => {
-              var z, C;
-              return ((z = _ == null ? void 0 : _.coordinate) == null ? void 0 : z.lng) === a.form.lng && ((C = _ == null ? void 0 : _.coordinate) == null ? void 0 : C.lat) === a.form.lat;
+              var L, C;
+              return ((L = _ == null ? void 0 : _.coordinate) == null ? void 0 : L.lng) === a.form.lng && ((C = _ == null ? void 0 : _.coordinate) == null ? void 0 : C.lat) === a.form.lat;
             }) ? (b(), R(s, {
               key: 0,
               class: "text-none text-body-1",
@@ -12805,7 +12810,7 @@ const zm = {
         else {
           (t = this.map) == null || t.getCanvas().removeEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.off("mousemove", this.handleMove), (o = this.map) == null || o.off("dblclick", this.handleDblClick), this.map;
           let i = this.geojson.find((a) => !a.closed);
-          i && this.handleClear(i, !0), this.geojson = this.geojson.filter((a) => !!a.closed), i = H.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(i);
+          i && this.handleClear(i, !0), this.geojson = this.geojson.filter((a) => !!a.closed), i = U.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(i);
         }
       },
       immediate: !0
@@ -12839,7 +12844,7 @@ const zm = {
       }
     },
     handleDrag(t) {
-      var o, i, a, r, s, c, n, g, p, f;
+      var o, i, a, r, s, c, n, f, p, y;
       const e = (i = (o = t.target) == null ? void 0 : o._element) == null ? void 0 : i.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const w = this.geojson.filter((T) => T.id === e.split("-")[0])[0];
@@ -12847,33 +12852,33 @@ const zm = {
           var O;
           return ((O = T._element) == null ? void 0 : O.id) === e;
         })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (s = t.target) == null ? void 0 : s._lngLat) == null ? void 0 : c.lat]);
-        let y;
+        let g;
         w.features.forEach((T, O) => {
           if (T.geometry.type === "Point" && T.properties.id === e.split("-")[1]) {
-            y = O;
+            g = O;
             return;
           }
         });
-        const k = w.features.filter((T) => T.geometry.type === "Point");
+        const z = w.features.filter((T) => T.geometry.type === "Point");
         this.handleTmpPointUpdate(
           w,
-          k[y - 1],
-          { lng: (g = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : g.lng, lat: (f = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : f.lat, properties: k[y].properties },
-          y === k.length - 1 ? void 0 : k[y + 1]
+          z[g - 1],
+          { lng: (f = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : f.lng, lat: (y = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : y.lat, properties: z[g].properties },
+          g === z.length - 1 ? void 0 : z[g + 1]
         );
       }
     },
     handleDragEnd(t) {
-      var o, i, a, r, s, c, n, g, p, f;
+      var o, i, a, r, s, c, n, f, p, y;
       const e = (i = (o = t.target) == null ? void 0 : o._element) == null ? void 0 : i.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const w = this.geojson.filter((k) => k.id === e.split("-")[0])[0];
-        this.pointMarkers[w.id].filter((k) => {
+        const w = this.geojson.filter((z) => z.id === e.split("-")[0])[0];
+        this.pointMarkers[w.id].filter((z) => {
           var T;
-          return ((T = k._element) == null ? void 0 : T.id) === e;
+          return ((T = z._element) == null ? void 0 : T.id) === e;
         })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (s = t.target) == null ? void 0 : s._lngLat) == null ? void 0 : c.lat]);
-        const y = w.features.filter((k) => k.geometry.type === "Point" && k.properties.id === e.split("-")[1])[0];
-        y.geometry.coordinates = [(g = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : g.lng, (f = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : f.lat], w.features = w.features.filter((k) => k.geometry.type === "Point"), this.handlePointUpdate(w);
+        const g = w.features.filter((z) => z.geometry.type === "Point" && z.properties.id === e.split("-")[1])[0];
+        g.geometry.coordinates = [(f = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : f.lng, (y = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : y.lat], w.features = w.features.filter((z) => z.geometry.type === "Point"), this.handlePointUpdate(w);
       }
     },
     handleContextmenu(t) {
@@ -12882,9 +12887,9 @@ const zm = {
       const e = (r = (a = (i = t.originalEvent) == null ? void 0 : i.target) == null ? void 0 : a.parentElement) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const c = this.geojson.filter((n) => n.id === e.split("-")[0])[0].features.filter((n) => n.geometry.type === "Point");
-        if (c.length > 2 && c.filter((g) => g.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
-          const g = document.createElement("div");
-          g.className = "idm-gl4-measure-contextmenu-marker", g.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new ve.Marker(g).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
+        if (c.length > 2 && c.filter((f) => f.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
+          const f = document.createElement("div");
+          f.className = "idm-gl4-measure-contextmenu-marker", f.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new ve.Marker(f).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -12893,15 +12898,15 @@ const zm = {
       (o = this.contextmenu) == null || o.remove();
       const e = t.originalEvent.target.className;
       if (e === "marker-close") {
-        const n = (a = (i = t.originalEvent) == null ? void 0 : i.srcElement) == null ? void 0 : a.id, g = this.geojson.filter((p) => p.id === n)[0];
-        g && this.handleClear(g, !0), this.geojson = this.geojson.filter((p) => p.id !== n), !this.toggle && !((r = this.geojson) != null && r.some((p) => p.closed)) && this.handleUnbind();
+        const n = (a = (i = t.originalEvent) == null ? void 0 : i.srcElement) == null ? void 0 : a.id, f = this.geojson.filter((p) => p.id === n)[0];
+        f && this.handleClear(f, !0), this.geojson = this.geojson.filter((p) => p.id !== n), !this.toggle && !((r = this.geojson) != null && r.some((p) => p.closed)) && this.handleUnbind();
       } else if (e === "del-point") {
-        const n = (c = (s = t.originalEvent.target.id) == null ? void 0 : s.replace("del-", "")) == null ? void 0 : c.split("-"), g = this.geojson.filter((p) => p.id === n[0])[0];
-        g.features = g.features.filter((p) => p.geometry.type === "Point" && p.properties.id !== n[1]), this.handlePointUpdate(g);
+        const n = (c = (s = t.originalEvent.target.id) == null ? void 0 : s.replace("del-", "")) == null ? void 0 : c.split("-"), f = this.geojson.filter((p) => p.id === n[0])[0];
+        f.features = f.features.filter((p) => p.geometry.type === "Point" && p.properties.id !== n[1]), this.handlePointUpdate(f);
       } else if (e !== "marker-label" && this.toggle) {
         let n = this.geojson.at(-1);
-        n || (n = H.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(n)), n.features = n.features.filter((p) => p.geometry.type === "Point");
-        const g = H.feature(
+        n || (n = U.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(n)), n.features = n.features.filter((p) => p.geometry.type === "Point");
+        const f = U.feature(
           {
             type: "Point",
             coordinates: [t.lngLat.lng, t.lngLat.lat]
@@ -12912,7 +12917,7 @@ const zm = {
             sumLabel: "Start"
           }
         );
-        n.features.push(g), this.handlePointUpdate(n);
+        n.features.push(f), this.handlePointUpdate(n);
       }
     },
     handlePointUpdate(t) {
@@ -12921,36 +12926,36 @@ const zm = {
         let o = 0;
         const i = [];
         for (let a = 1; a < e.length; a++) {
-          const r = e[a - 1], s = e[a], c = r.properties, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, g = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, p = Ue.calculateDistance(n, g, c.mode === "RL", 4), f = Ue.calculateBearing(n, g, c.mode === "RL", 2);
+          const r = e[a - 1], s = e[a], c = r.properties, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, f = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, p = Ue.calculateDistance(n, f, c.mode === "RL", 4), y = Ue.calculateBearing(n, f, c.mode === "RL", 2);
           o = X.roundPrecision(o + p, 4);
           let w;
-          c.mode === "RL" ? w = X.convertToMonotonicLng([n, g]) : w = X.convertToMonotonicLng(Ue.interpolateCoordinates(n, g, 200));
-          const L = H.lineString(w.map((k) => [k.lng, k.lat]));
-          L.properties.dist = p, L.properties.bearing = f, L.properties.total = o, L.properties.name = "Line " + this.currentLineIndex, i.push(L);
-          const y = e[a];
-          y.properties.totalDist = X.roundPrecision((c.totalDist ? c.totalDist : 0) + p, 4), y.properties.sumLabel = y.properties.totalDist + " nm";
+          c.mode === "RL" ? w = X.convertToMonotonicLng([n, f]) : w = X.convertToMonotonicLng(Ue.interpolateCoordinates(n, f, 200));
+          const k = U.lineString(w.map((z) => [z.lng, z.lat]));
+          k.properties.dist = p, k.properties.bearing = y, k.properties.total = o, k.properties.name = "Line " + this.currentLineIndex, i.push(k);
+          const g = e[a];
+          g.properties.totalDist = X.roundPrecision((c.totalDist ? c.totalDist : 0) + p, 4), g.properties.sumLabel = g.properties.totalDist + " nm";
         }
         e.push(...i), t.total = o;
       }
       return this.handleRender(t), t;
     },
     handleTmpPointUpdate(t, e, o, i) {
-      const a = H.featureCollection([]);
+      const a = U.featureCollection([]);
       let r, s;
       if (e) {
-        const n = e.properties, g = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, p = { lng: o.lng, lat: o.lat };
-        r = Ue.calculateDistance(g, p, n.mode === "RL", 4), s = Ue.calculateBearing(g, p, n.mode === "RL", 2);
-        let f;
-        n.mode === "RL" ? f = X.convertToMonotonicLng([g, p]) : f = X.convertToMonotonicLng(Ue.interpolateCoordinates(g, p, 200));
-        const w = H.lineString(f.map((L) => [L.lng, L.lat]));
+        const n = e.properties, f = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, p = { lng: o.lng, lat: o.lat };
+        r = Ue.calculateDistance(f, p, n.mode === "RL", 4), s = Ue.calculateBearing(f, p, n.mode === "RL", 2);
+        let y;
+        n.mode === "RL" ? y = X.convertToMonotonicLng([f, p]) : y = X.convertToMonotonicLng(Ue.interpolateCoordinates(f, p, 200));
+        const w = U.lineString(y.map((k) => [k.lng, k.lat]));
         w.properties.dist = r, w.properties.bearing = s, a.features.push(w);
       }
       if (i) {
-        const n = o.properties, g = o, p = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
-        r = Ue.calculateDistance(g, p, n.mode === "RL", 4), s = Ue.calculateBearing(g, p, n.mode === "RL", 2);
-        let f;
-        n.mode === "RL" ? f = X.convertToMonotonicLng([g, p]) : f = X.convertToMonotonicLng(Ue.interpolateCoordinates(g, p, 200));
-        const w = H.lineString(f.map((L) => [L.lng, L.lat]));
+        const n = o.properties, f = o, p = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
+        r = Ue.calculateDistance(f, p, n.mode === "RL", 4), s = Ue.calculateBearing(f, p, n.mode === "RL", 2);
+        let y;
+        n.mode === "RL" ? y = X.convertToMonotonicLng([f, p]) : y = X.convertToMonotonicLng(Ue.interpolateCoordinates(f, p, 200));
+        const w = U.lineString(y.map((k) => [k.lng, k.lat]));
         w.properties.dist = r, w.properties.bearing = s, a.features.push(w);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(a) : this.map.addSource(this.tmpSource, {
@@ -13012,14 +13017,14 @@ const zm = {
     handleMove(t) {
       this.map.getCanvas().style.cursor = "crosshair";
       let e = this.geojson.at(-1);
-      e || (e = H.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
+      e || (e = U.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
       const o = e.features.filter((i) => i.geometry.type === "Point");
       o != null && o.length && this.handleTmpPointUpdate(e, o.at(-1), { lng: t.lngLat.lng, lat: t.lngLat.lat });
     },
     handleDblClick(t) {
       t.preventDefault();
       let e = this.geojson.at(-1);
-      e.closed = !0, this.handleRender(e), e = H.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e), this.currentLineIndex++;
+      e.closed = !0, this.handleRender(e), e = U.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e), this.currentLineIndex++;
     },
     handleRender(t) {
       var e;
@@ -13082,21 +13087,21 @@ const zm = {
         for (const c of s) {
           const n = document.createElement("div");
           n.id = `${t.id}-${c.properties.id}`, n.className = `${t.closed ? "idm-gl4-measure-marker closed" : "idm-gl4-measure-marker"}`, n.innerHTML = '<div class="marker-circle"></div>';
-          const g = new ve.Marker({ element: n, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
-          g.on("drag", this.handleDrag), g.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(g) : this.pointMarkers[t.id] = [g];
+          const f = new ve.Marker({ element: n, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
+          f.on("drag", this.handleDrag), f.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(f) : this.pointMarkers[t.id] = [f];
         }
         if (t.closed) {
-          const c = s.at(-1), g = t.features.filter((f) => f.geometry.type === "LineString").at(-1), p = document.createElement("div");
-          p.className = "idm-gl4-measure-summary-marker", p.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${g.properties.name}</div>`, this.closeMarkers[t.id] = new ve.Marker(p).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
+          const c = s.at(-1), f = t.features.filter((y) => y.geometry.type === "LineString").at(-1), p = document.createElement("div");
+          p.className = "idm-gl4-measure-summary-marker", p.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${f.properties.name}</div>`, this.closeMarkers[t.id] = new ve.Marker(p).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(t, e = !0) {
-      var s, c, n, g, p, f, w, L, y, k;
+      var s, c, n, f, p, y, w, k, g, z;
       const o = `${t.id}-${this.source}`, i = `${t.id}-${this.layer}`, a = `${t.id}-${this.labelLayer}`, r = `${t.id}-${this.sumLayer}`;
-      (s = this.map) != null && s.getLayer(i) && this.map.removeLayer(i), (c = this.map) != null && c.getLayer(a) && this.map.removeLayer(a), (n = this.map) != null && n.getLayer(r) && this.map.removeLayer(r), (g = this.map) != null && g.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (p = this.map) != null && p.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (f = this.closeMarkers[t.id]) == null || f.remove(), this.closeMarkers[t.id] = void 0, (w = this.pointMarkers[t.id]) == null || w.forEach((T) => {
+      (s = this.map) != null && s.getLayer(i) && this.map.removeLayer(i), (c = this.map) != null && c.getLayer(a) && this.map.removeLayer(a), (n = this.map) != null && n.getLayer(r) && this.map.removeLayer(r), (f = this.map) != null && f.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (p = this.map) != null && p.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (y = this.closeMarkers[t.id]) == null || y.remove(), this.closeMarkers[t.id] = void 0, (w = this.pointMarkers[t.id]) == null || w.forEach((T) => {
         T == null || T.remove();
-      }), this.pointMarkers[t.id] = [], (L = this.tipMarker) == null || L.remove(), this.tipMarker = void 0, e && ((y = this.map) != null && y.getSource(o)) && this.map.removeSource(o), e && ((k = this.map) != null && k.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      }), this.pointMarkers[t.id] = [], (k = this.tipMarker) == null || k.remove(), this.tipMarker = void 0, e && ((g = this.map) != null && g.getSource(o)) && this.map.removeSource(o), e && ((z = this.map) != null && z.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 }, Lm = { class: "idm-gl4-measure" };
@@ -13210,6 +13215,13 @@ const Tm = {
         t !== e && (this.$emit("timeZone", this.timeZone), localStorage.setItem("idm-timeZone-gl4", this.timeZone), this.showTimezone = !1);
       },
       immediate: !0
+    },
+    show: {
+      handler() {
+        var t;
+        Object.values(this.show).includes(!0) || (t = this.$refs.dateTimePicker) == null || t.handleCancelDate();
+      },
+      deep: !0
     }
   },
   mounted() {
@@ -13255,7 +13267,7 @@ const Tm = {
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
 }, Om = ["onClick"], Bm = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, Nm = { class: "text-body-1" };
 function Em(t, e, o, i, a, r) {
-  const s = x("DateTimePicker"), c = x("VListItemTitle"), n = x("VListItem"), g = x("VList"), p = x("VMenu"), f = x("VBtn"), w = x("VDivider"), L = x("VTooltip");
+  const s = x("DateTimePicker"), c = x("VListItemTitle"), n = x("VListItem"), f = x("VList"), p = x("VMenu"), y = x("VBtn"), w = x("VDivider"), k = x("VTooltip");
   return b(), S("div", Sm, [
     l("div", {
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
@@ -13269,11 +13281,11 @@ function Em(t, e, o, i, a, r) {
           "day-about": a.dayAbout,
           "interval-hour": a.intervalHour
         }, t.$attrs, {
-          onCurrentTimestamp: e[0] || (e[0] = (y) => a.currentTimestamp = y),
-          onCurrentRealTime: e[1] || (e[1] = (y) => a.currentRealTime = y),
-          onTimestampRange: e[2] || (e[2] = (y) => a.timestampRange = y)
+          onCurrentTimestamp: e[0] || (e[0] = (g) => a.currentTimestamp = g),
+          onCurrentRealTime: e[1] || (e[1] = (g) => a.currentRealTime = g),
+          onTimestampRange: e[2] || (e[2] = (g) => a.timestampRange = g)
         }), null, 16, ["date-time", "time-zone", "day-about", "interval-hour"]),
-        h(f, {
+        h(y, {
           text: "",
           height: "30",
           class: "text-none elevation-0 btn-border-1 btn-bg-1 text-body-1",
@@ -13283,15 +13295,15 @@ function Em(t, e, o, i, a, r) {
             j(m(a.intervalHour) + " h ", 1),
             h(p, { activator: "parent" }, {
               default: u(() => [
-                h(g, { class: "pa-1" }, {
+                h(f, { class: "pa-1" }, {
                   default: u(() => [
-                    (b(!0), S(be, null, we(a.intervalOptions, (y, k) => (b(), R(n, {
-                      key: k,
-                      value: y,
-                      variant: a.intervalHour === y ? "tonal" : "text",
+                    (b(!0), S(be, null, we(a.intervalOptions, (g, z) => (b(), R(n, {
+                      key: z,
+                      value: g,
+                      variant: a.intervalHour === g ? "tonal" : "text",
                       color: "primary",
                       rounded: "",
-                      active: a.intervalHour === y,
+                      active: a.intervalHour === g,
                       height: "30",
                       "min-height": "30",
                       "min-width": "30",
@@ -13299,10 +13311,10 @@ function Em(t, e, o, i, a, r) {
                     }, {
                       default: u(() => [
                         h(c, {
-                          onClick: (T) => a.intervalHour = y
+                          onClick: (T) => a.intervalHour = g
                         }, {
                           default: u(() => [
-                            j(m(y) + "h", 1)
+                            j(m(g) + "h", 1)
                           ]),
                           _: 2
                         }, 1032, ["onClick"])
@@ -13325,7 +13337,7 @@ function Em(t, e, o, i, a, r) {
         style: { height: "16px" }
       }),
       l("div", Mm, [
-        h(f, {
+        h(y, {
           icon: "",
           size: "small",
           density: "comfortable",
@@ -13338,7 +13350,7 @@ function Em(t, e, o, i, a, r) {
           _: 1,
           __: [9]
         }, 8, ["onClick"]),
-        h(f, {
+        h(y, {
           icon: "",
           size: "small",
           density: "comfortable",
@@ -13351,7 +13363,7 @@ function Em(t, e, o, i, a, r) {
           _: 1,
           __: [10]
         }, 8, ["onClick"]),
-        a.paused ? (b(), R(f, {
+        a.paused ? (b(), R(y, {
           key: 0,
           icon: "",
           size: "small",
@@ -13364,7 +13376,7 @@ function Em(t, e, o, i, a, r) {
           ])),
           _: 1,
           __: [11]
-        }, 8, ["onClick"])) : (b(), R(f, {
+        }, 8, ["onClick"])) : (b(), R(y, {
           key: 1,
           icon: "",
           size: "small",
@@ -13378,7 +13390,7 @@ function Em(t, e, o, i, a, r) {
           _: 1,
           __: [12]
         }, 8, ["onClick"])),
-        h(f, {
+        h(y, {
           icon: "",
           size: "small",
           density: "comfortable",
@@ -13398,16 +13410,16 @@ function Em(t, e, o, i, a, r) {
         style: { height: "16px" }
       }),
       l("div", Am, [
-        h(L, {
+        h(k, {
           text: t.$t("weather.windBarbs"),
           location: "top"
         }, {
-          activator: u(({ props: y }) => {
-            var k, T;
+          activator: u(({ props: g }) => {
+            var z, T;
             return [
-              h(f, B(y, {
+              h(y, B(g, {
                 class: "pa-1 d-flex",
-                color: (k = o.weatherCheckList) != null && k.includes("wind") ? "primary" : "",
+                color: (z = o.weatherCheckList) != null && z.includes("wind") ? "primary" : "",
                 variant: (T = o.weatherCheckList) != null && T.includes("wind") ? "elevated" : "text",
                 height: "24",
                 width: "24",
@@ -13424,16 +13436,16 @@ function Em(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        h(L, {
+        h(k, {
           text: t.$t("weather.sigWaveHeight"),
           location: "top"
         }, {
-          activator: u(({ props: y }) => {
-            var k, T;
+          activator: u(({ props: g }) => {
+            var z, T;
             return [
-              h(f, B(y, {
+              h(y, B(g, {
                 class: "pa-1 d-flex",
-                color: (k = o.weatherCheckList) != null && k.includes("sig-wave-height") ? "primary" : "",
+                color: (z = o.weatherCheckList) != null && z.includes("sig-wave-height") ? "primary" : "",
                 variant: (T = o.weatherCheckList) != null && T.includes("sig-wave-height") ? "elevated" : "text",
                 height: "24",
                 width: "24",
@@ -13441,7 +13453,7 @@ function Em(t, e, o, i, a, r) {
                 onClick: e[4] || (e[4] = (O) => r.handleClickFastWeather("sig-wave-height"))
               }), {
                 default: u(() => [
-                  l("i", B(y, { class: "iconfont icon-a-WaveHeight" }), null, 16)
+                  l("i", B(g, { class: "iconfont icon-a-WaveHeight" }), null, 16)
                 ]),
                 _: 2
               }, 1040, ["color", "variant"])
@@ -13449,16 +13461,16 @@ function Em(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        h(L, {
+        h(k, {
           text: t.$t("weather.currentDirection"),
           location: "top"
         }, {
-          activator: u(({ props: y }) => {
-            var k, T;
+          activator: u(({ props: g }) => {
+            var z, T;
             return [
-              h(f, B(y, {
+              h(y, B(g, {
                 class: "pa-1 d-flex",
-                color: (k = o.weatherCheckList) != null && k.includes("current-direction") ? "primary" : "",
+                color: (z = o.weatherCheckList) != null && z.includes("current-direction") ? "primary" : "",
                 variant: (T = o.weatherCheckList) != null && T.includes("current-direction") ? "elevated" : "text",
                 height: "24",
                 width: "24",
@@ -13466,7 +13478,7 @@ function Em(t, e, o, i, a, r) {
                 onClick: e[5] || (e[5] = (O) => r.handleClickFastWeather("current-direction"))
               }), {
                 default: u(() => [
-                  l("i", B(y, { class: "iconfont icon-Current" }), null, 16)
+                  l("i", B(g, { class: "iconfont icon-Current" }), null, 16)
                 ]),
                 _: 2
               }, 1040, ["color", "variant"])
@@ -13474,12 +13486,12 @@ function Em(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        h(L, {
+        h(k, {
           text: t.$t("weather.weatherLayers"),
           location: "top"
         }, {
-          activator: u(({ props: y }) => [
-            h(f, B(y, {
+          activator: u(({ props: g }) => [
+            h(y, B(g, {
               class: "pa-1 d-flex",
               variant: "text",
               height: "24",
@@ -13488,7 +13500,7 @@ function Em(t, e, o, i, a, r) {
               onClick: r.handleClickFastMore
             }), {
               default: u(() => [
-                l("i", B(y, { class: "iconfont icon-dots-align" }), null, 16)
+                l("i", B(g, { class: "iconfont icon-dots-align" }), null, 16)
               ]),
               _: 2
             }, 1040, ["onClick"])
@@ -13502,12 +13514,12 @@ function Em(t, e, o, i, a, r) {
         style: { height: "16px" }
       }),
       l("div", Dm, [
-        h(f, {
+        h(y, {
           text: "",
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2",
           color: a.source === "GFS" ? "primary" : "",
-          onClick: e[6] || (e[6] = (y) => a.source = "GFS")
+          onClick: e[6] || (e[6] = (g) => a.source = "GFS")
         }, {
           default: u(() => e[15] || (e[15] = [
             j("NOAA", -1)
@@ -13515,12 +13527,12 @@ function Em(t, e, o, i, a, r) {
           _: 1,
           __: [15]
         }, 8, ["color"]),
-        h(f, {
+        h(y, {
           text: "",
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2",
           color: a.source === "ECMWF" ? "primary" : "",
-          onClick: e[7] || (e[7] = (y) => a.source = "ECMWF")
+          onClick: e[7] || (e[7] = (g) => a.source = "ECMWF")
         }, {
           default: u(() => e[16] || (e[16] = [
             j("ECMWF", -1)
@@ -13535,20 +13547,20 @@ function Em(t, e, o, i, a, r) {
       style: ie({ right: a.right + "px" })
     }, [
       a.showTimezone ? (b(), S("div", Rm, [
-        (b(!0), S(be, null, we(a.offsets, (y) => (b(), S("div", {
-          key: y,
+        (b(!0), S(be, null, we(a.offsets, (g) => (b(), S("div", {
+          key: g,
           class: "item rounded text-body-2 hover-active",
-          onClick: (k) => a.timeZone = y
-        }, m(y < 0 ? y : "+" + y), 9, Om))), 128))
+          onClick: (z) => a.timeZone = g
+        }, m(g < 0 ? g : "+" + g), 9, Om))), 128))
       ])) : M("", !0),
       l("div", Bm, [
-        h(f, {
+        h(y, {
           text: "",
           variant: "flat",
           height: "28",
           class: "pa-1 text-body-1",
           color: "primary",
-          onClick: e[8] || (e[8] = (y) => a.showTimezone = !a.showTimezone)
+          onClick: e[8] || (e[8] = (g) => a.showTimezone = !a.showTimezone)
         }, {
           default: u(() => [
             j(" UTC " + m(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
@@ -13624,7 +13636,7 @@ const jm = /* @__PURE__ */ K(Tm, [["render", Em]]), Fm = {
   class: "map-gl4-home"
 };
 function Um(t, e, o, i, a, r) {
-  const s = x("IdmOtherLayer"), c = x("IdmWeatherLayer"), n = x("IdmTropicals"), g = x("IdmMeasure"), p = x("IdmSpot"), f = x("IdmBottomBar");
+  const s = x("IdmOtherLayer"), c = x("IdmWeatherLayer"), n = x("IdmTropicals"), f = x("IdmMeasure"), p = x("IdmSpot"), y = x("IdmBottomBar");
   return b(), S("div", Hm, [
     h(s, B({
       ref: "idmOtherLayers",
@@ -13670,7 +13682,7 @@ function Um(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["map", "token", "default-meteo-token", "tropicals", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
-    h(g, B({
+    h(f, B({
       map: o.map,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["map", "map-feather"]),
@@ -13682,7 +13694,7 @@ function Um(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["map", "token", "gateway", "forecast-model", "map-feather"]),
-    h(f, B({
+    h(y, B({
       ref: "idmBottomBar",
       "forecast-model": o.forecastModel,
       "weather-check-list": a.weatherCheckList,
@@ -13699,7 +13711,7 @@ class Gm {
     de(this, "hi");
     de(this, "td");
     de(this, "windy");
-    var o, i, a, r, s, c, n, g, p, f, w, L, y, k, T, O, I, P, _, z, C, v, A, U, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe, Ae, De, Re, _e, W, te, Fe, Ie, ge, fe, G, Ce, oe, le, Oe, E, ye, Me, Be, Ne, N, Y, Ve, Ze, qe, Te, Ye, Ke, Xe, $e, Je, Qe, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, It, Mt, At, Dt, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, qt, Yt, Kt, Xt, Jt, Qt, eo, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, To, So, Io, Mo, Ao, Do, Ro, Oo, Bo, No, Eo, jo, Fo, Ho, Uo, Wo, Go, Vo, Zo, qo, Yo, Ko, Xo, $o, Jo, Qo, ea, ta, oa, aa, ia, ra, la, sa, na, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ia, Ma, Aa, Da, Ra, Oa, Ba, Na, Ea, ja, Fa, Ha, Ua, Wa, Ga;
+    var o, i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe, Ae, De, Re, _e, W, te, Fe, Ie, ge, fe, G, Ce, oe, le, Oe, E, ye, Me, Be, Ne, N, Y, Ve, Ze, qe, Te, Ye, Ke, Xe, $e, Je, Qe, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, It, Mt, At, Dt, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, qt, Yt, Kt, Xt, Jt, Qt, eo, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, To, So, Io, Mo, Ao, Do, Ro, Oo, Bo, No, Eo, jo, Fo, Ho, Uo, Wo, Go, Vo, Zo, qo, Yo, Ko, Xo, $o, Jo, Qo, ea, ta, oa, aa, ia, ra, la, sa, na, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ia, Ma, Aa, Da, Ra, Oa, Ba, Na, Ea, ja, Fa, Ha, Ua, Wa, Ga;
     this.i4 = {
       source: {
         type: "raster",
@@ -32294,15 +32306,15 @@ class Gm {
           (i = (o = this.originStyle) == null ? void 0 : o.light.layers) == null ? void 0 : i.find((d) => d.id === "land"),
           (r = (a = this.originStyle) == null ? void 0 : a.light.layers) == null ? void 0 : r.find((d) => d.id === "water"),
           (c = (s = this.originStyle) == null ? void 0 : s.light.layers) == null ? void 0 : c.find((d) => d.id === "ice-area-fill"),
-          (g = (n = this.originStyle) == null ? void 0 : n.light.layers) == null ? void 0 : g.find((d) => d.id === "ice-area-line"),
-          (f = (p = this.originStyle) == null ? void 0 : p.light.layers) == null ? void 0 : f.find((d) => d.id === "loadlines-label"),
-          (L = (w = this.originStyle) == null ? void 0 : w.light.layers) == null ? void 0 : L.find((d) => d.id === "loadlines-fill"),
-          (k = (y = this.originStyle) == null ? void 0 : y.light.layers) == null ? void 0 : k.find((d) => d.id === "empty-layer-0"),
+          (f = (n = this.originStyle) == null ? void 0 : n.light.layers) == null ? void 0 : f.find((d) => d.id === "ice-area-line"),
+          (y = (p = this.originStyle) == null ? void 0 : p.light.layers) == null ? void 0 : y.find((d) => d.id === "loadlines-label"),
+          (k = (w = this.originStyle) == null ? void 0 : w.light.layers) == null ? void 0 : k.find((d) => d.id === "loadlines-fill"),
+          (z = (g = this.originStyle) == null ? void 0 : g.light.layers) == null ? void 0 : z.find((d) => d.id === "empty-layer-0"),
           (O = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : O.find((d) => d.id === "empty-layer-1"),
           (P = (I = this.originStyle) == null ? void 0 : I.light.layers) == null ? void 0 : P.find((d) => d.id === "country-boundaries"),
-          (z = (_ = this.originStyle) == null ? void 0 : _.light.layers) == null ? void 0 : z.find((d) => d.id === "water-outline"),
+          (L = (_ = this.originStyle) == null ? void 0 : _.light.layers) == null ? void 0 : L.find((d) => d.id === "water-outline"),
           (v = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : v.find((d) => d.id === "water-outline2"),
-          (U = (A = this.originStyle) == null ? void 0 : A.light.layers) == null ? void 0 : U.find((d) => d.id === "empty-layer-2"),
+          (H = (A = this.originStyle) == null ? void 0 : A.light.layers) == null ? void 0 : H.find((d) => d.id === "empty-layer-2"),
           (q = (Z = this.originStyle) == null ? void 0 : Z.light.layers) == null ? void 0 : q.find((d) => d.id === "water-line-label"),
           (Q = (V = this.originStyle) == null ? void 0 : V.light.layers) == null ? void 0 : Q.find((d) => d.id === "water-point-label"),
           (J = (ee = this.originStyle) == null ? void 0 : ee.light.layers) == null ? void 0 : J.find((d) => d.id === "world-12nm-v4-20231025"),
@@ -32567,7 +32579,7 @@ const Vm = {
       this.zoom > 2 && (this.zoom = Math.floor(this.zoom) - 1, (t = this.map) == null || t.flyTo({ zoom: this.zoom, duration: 500 }));
     }
   }
-}, Zm = { class: "mapbox-initial-gl4" }, qm = { class: "v-btn--variant-elevated rounded" }, Ym = { class: "zoom" }, Km = { class: "position-absolute left-0 bottom-0 ma-2 my-1 text-body-2 text-label" };
+}, Zm = { class: "mapbox-initial-gl4" }, qm = { class: "v-btn--variant-elevated rounded" }, Ym = { class: "zoom" }, Km = { class: "position-absolute left-0 bottom-0 ma-2 my-1 text-caption text-label opacity-70" };
 function Xm(t, e, o, i, a, r) {
   const s = x("VBtn");
   return b(), S("div", Zm, [