@idmwx/idmui-gl4 1.5.2 → 1.5.3

package/dist/index.js

@@ -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, 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];
+        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];
         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 f;
+          var g;
           return [
             h(s, {
               icon: "",
@@ -515,7 +515,7 @@ function hi(t, e, o, i, a, r) {
             }, 8, ["onClick"]),
             l("div", {
               class: "rich-context",
-              innerHTML: (f = a.form) == null ? void 0 : f.name
+              innerHTML: (g = a.form) == null ? void 0 : g.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, f, p, y, w, k, g, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee, $, J, pe, me, Q, ae, de, se, he, ge, H, ne, xe, Le, Pe;
+        var c, n, g, p, y, w, k, f, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee, $, J, pe, me, Q, ae, de, se, he, ge, H, ne, 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((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 = (M = (O = s == null ? void 0 : s.weather) == null ? void 0 : O.wind) == null ? void 0 : M.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 = (Y = (F = s == null ? void 0 : s.wave) == null ? void 0 : F.sig) == null ? void 0 : Y.direction, r.sigwavePeriod = this.computeRoundPrecision((V = (Z = s == null ? void 0 : s.wave) == null ? void 0 : Z.sig) == null ? void 0 : V.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision(($ = (ee = s == null ? void 0 : s.wave) == null ? void 0 : ee.wd) == null ? void 0 : $.height, 1) ?? "-", r.windwaveDir = (pe = (J = s == null ? void 0 : s.wave) == null ? void 0 : J.wd) == null ? void 0 : pe.direction, r.windwavePeriod = this.computeRoundPrecision((Q = (me = s == null ? void 0 : s.wave) == null ? void 0 : me.wd) == null ? void 0 : Q.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((de = (ae = s == null ? void 0 : s.wave) == null ? void 0 : ae.swell) == null ? void 0 : de.height, 1) ?? "-", r.swellDir = (he = (se = s == null ? void 0 : s.wave) == null ? void 0 : se.swell) == null ? void 0 : he.direction, r.swellPeriod = this.computeRoundPrecision((H = (ge = s == null ? void 0 : s.wave) == null ? void 0 : ge.swell) == null ? void 0 : H.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((ne = s == null ? void 0 : s.current) == null ? void 0 : ne.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((g = s == null ? void 0 : s.weather) == null ? void 0 : g.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((f = s == null ? void 0 : s.weather) == null ? void 0 : f.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 = (M = (O = s == null ? void 0 : s.weather) == null ? void 0 : O.wind) == null ? void 0 : M.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 = (Y = (F = s == null ? void 0 : s.wave) == null ? void 0 : F.sig) == null ? void 0 : Y.direction, r.sigwavePeriod = this.computeRoundPrecision((V = (Z = s == null ? void 0 : s.wave) == null ? void 0 : Z.sig) == null ? void 0 : V.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision(($ = (ee = s == null ? void 0 : s.wave) == null ? void 0 : ee.wd) == null ? void 0 : $.height, 1) ?? "-", r.windwaveDir = (pe = (J = s == null ? void 0 : s.wave) == null ? void 0 : J.wd) == null ? void 0 : pe.direction, r.windwavePeriod = this.computeRoundPrecision((Q = (me = s == null ? void 0 : s.wave) == null ? void 0 : me.wd) == null ? void 0 : Q.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((de = (ae = s == null ? void 0 : s.wave) == null ? void 0 : ae.swell) == null ? void 0 : de.height, 1) ?? "-", r.swellDir = (he = (se = s == null ? void 0 : s.wave) == null ? void 0 : se.swell) == null ? void 0 : he.direction, r.swellPeriod = this.computeRoundPrecision((H = (ge = s == null ? void 0 : s.wave) == null ? void 0 : ge.swell) == null ? void 0 : H.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((ne = s == null ? void 0 : s.current) == null ? void 0 : ne.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"), f = x("VIcon"), p = x("VBtnToggle"), y = x("VCard");
+  const s = x("VBtn"), c = x("VCardTitle"), n = x("VDivider"), g = 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, k;
       return [
         h(c, { class: "w-100" }, {
           default: u(() => {
-            var g, z, T, O, M;
+            var f, z, T, O, M;
             return [
               l("div", gi, [
                 l("div", fi, [
                   l("div", {
-                    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"}`]),
+                    class: He(["fi mr-2 rounded elevation-4", `fi-${(f = o.port) != null && f.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((g) => {
+          o.followList.some((f) => {
             var z;
-            return ((z = g.port) == null ? void 0 : z.id) === o.portId;
+            return ((z = f.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(f, { color: "warning" })
+              h(g, { color: "warning" })
             ]),
             default: u(() => [
               N(" " + m(t.$t("actions.unfollow")), 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] = (g) => a.currentIndex = g),
+                "onUpdate:modelValue": e[0] || (e[0] = (f) => a.currentIndex = f),
                 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, (g) => (b(), R(s, {
+                  (b(!0), S(be, null, we(r.dateList, (f) => (b(), R(s, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
                     height: "26",
-                    value: g.index
+                    value: f.index
                   }, {
                     default: u(() => [
-                      N(m(g.label), 1)
+                      N(m(f.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, (g) => (b(), S("tr", {
-                    key: g.id
+                  (b(!0), S(be, null, we(a.tableData, (f) => (b(), S("tr", {
+                    key: f.id
                   }, [
                     l("th", Gi, [
-                      N(m(t.$t(`${g.key}`)) + " ", 1),
-                      g.unit ? (b(), S("span", Wi, " ( " + m(g.unit) + " )", 1)) : I("", !0)
+                      N(m(t.$t(`${f.key}`)) + " ", 1),
+                      f.unit ? (b(), S("span", Wi, " ( " + m(f.unit) + " )", 1)) : I("", !0)
                     ]),
                     l("td", Ui, [
-                      g.img ? (b(), S("img", {
+                      f.img ? (b(), S("img", {
                         key: 0,
-                        src: g == null ? void 0 : g.value0,
+                        src: f == null ? void 0 : f.value0,
                         style: { height: "30px" }
-                      }, null, 8, Vi)) : (b(), S("span", Yi, m((g == null ? void 0 : g.value0) ?? "-"), 1))
+                      }, null, 8, Vi)) : (b(), S("span", Yi, m((f == null ? void 0 : f.value0) ?? "-"), 1))
                     ]),
                     l("td", Zi, [
-                      g.img ? (b(), S("img", {
+                      f.img ? (b(), S("img", {
                         key: 0,
-                        src: g == null ? void 0 : g.value1,
+                        src: f == null ? void 0 : f.value1,
                         style: { height: "30px" }
-                      }, null, 8, qi)) : (b(), S("span", Xi, m((g == null ? void 0 : g.value1) ?? "-"), 1))
+                      }, null, 8, qi)) : (b(), S("span", Xi, m((f == null ? void 0 : f.value1) ?? "-"), 1))
                     ]),
                     l("td", Ki, [
-                      g.img ? (b(), S("img", {
+                      f.img ? (b(), S("img", {
                         key: 0,
-                        src: g == null ? void 0 : g.value2,
+                        src: f == null ? void 0 : f.value2,
                         style: { height: "30px" }
-                      }, null, 8, $i)) : (b(), S("span", Qi, m((g == null ? void 0 : g.value2) ?? "-"), 1))
+                      }, null, 8, $i)) : (b(), S("span", Qi, m((f == null ? void 0 : f.value2) ?? "-"), 1))
                     ]),
                     l("td", Ji, [
-                      g.img ? (b(), S("img", {
+                      f.img ? (b(), S("img", {
                         key: 0,
-                        src: g == null ? void 0 : g.value3,
+                        src: f == null ? void 0 : f.value3,
                         style: { height: "30px" }
-                      }, null, 8, er)) : (b(), S("span", tr, m((g == null ? void 0 : g.value3) ?? "-"), 1))
+                      }, null, 8, er)) : (b(), S("span", tr, m((f == null ? void 0 : f.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] = (g) => a.showTideDetail = !1)
+                  onClick: e[1] || (e[1] = (f) => 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, (g, z) => {
+                  (b(!0), S(be, null, we(a.tideTableData, (f, z) => {
                     var T;
                     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)
+                      l("td", ur, m(t.$t(`tide.${(T = f == null ? void 0 : f.type) == null ? void 0 : T.toLowerCase()}`)) + " " + m(t.$t("tide.tide")), 1),
+                      l("td", gr, m(r.computeLocalTime(f == null ? void 0 : f.date, o.port, "MM-DD HH:mm")), 1),
+                      l("td", fr, m((f == null ? void 0 : f.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] = (f) => t.$emit("closeAllDetail", { ports: !0 }))
+      onCloseAllDetail: e[0] || (e[0] = (g) => t.$emit("closeAllDetail", { ports: !0 }))
     }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "onClose"])) : I("", !0)
   ]);
 }
@@ -2935,7 +2935,7 @@ const qr = {
   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"), f = x("VBtnToggle"), p = x("v-card");
+  const s = x("VBtn"), c = x("v-card-title"), n = x("v-divider"), g = 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 y, w;
@@ -3011,7 +3011,7 @@ 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(f, {
+              h(g, {
                 modelValue: a.currentIndex,
                 "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",
@@ -3045,9 +3045,9 @@ 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, (k, g) => {
+                  (b(!0), S(be, null, we(a.tideTableData, (k, f) => {
                     var z;
-                    return b(), S("tr", { key: g }, [
+                    return b(), S("tr", { key: f }, [
                       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)
@@ -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 f, p;
+            var g, p;
             return [
               l("div", Il, [
                 l("div", Al, m(t.$t("tide.tideStation")), 1),
                 l("div", Dl, [
-                  l("label", Rl, m((f = a.hoverStation) == null ? void 0 : f.name) + " , " + m(((p = a.hoverStation) == null ? void 0 : p.Country) || "-"), 1)
+                  l("label", Rl, m((g = a.hoverStation) == null ? void 0 : g.name) + " , " + m(((p = a.hoverStation) == null ? void 0 : p.Country) || "-"), 1)
                 ])
               ])
             ];
@@ -4337,7 +4337,7 @@ function Yl(t, e, o, i, a, r) {
       forecastModel: o.forecastModel,
       followList: o.followList,
       onClose: r.handleCloseDetail,
-      onCloseAllDetail: e[0] || (e[0] = (f) => t.$emit("closeAllDetail", { followPort: !0 }))
+      onCloseAllDetail: e[0] || (e[0] = (g) => t.$emit("closeAllDetail", { followPort: !0 }))
     }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "followList", "onClose"])) : I("", !0)
   ]);
 }
@@ -4445,18 +4445,18 @@ const ql = {
       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, f, p;
+      var o, i, a, r, s, c, n, g, p;
       const e = t.features[0];
       if (e.properties) {
         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 = {
+        const w = D(), k = (o = D(this.realTime)) == null ? void 0 : o.diff(w, "d", !0), f = {
           lat: y.lat,
           lng: y.lng,
           datetime: this.realTime,
           forecastModel: this.forecastModel
         };
-        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);
+        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(f) : (p = (g = (n = (c = this.$parent) == null ? void 0 : c.$parent) == null ? void 0 : n.$refs) == null ? void 0 : g.idmSpot) == null || p.fetchHistoryData(f);
       }
     },
     handleHover(t) {
@@ -4677,8 +4677,8 @@ const es = {
             );
           (await Promise.all(s)).map((n) => {
             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;
+            const g = ((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] = g;
           });
         }
       }
@@ -4716,7 +4716,7 @@ const es = {
 }, ds = { class: "text-body-2 text-center pt-1" };
 function hs(t, e, o, i, a, r) {
   var J, pe, me, Q, ae, de, se, he, ge;
-  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"), M = x("IdmTideStations"), P = x("IdmEcaZone"), _ = x("IdmWarZone"), L = x("IdmGmdssArea"), C = x("IdmLoadLine"), v = x("IdmWorldMarine"), A = x("IdmVRA"), F = x("IdmSpecialArea"), Y = x("IdmWorld12nm"), Z = x("IdmChinaRoute"), V = x("IdmIceAreas"), ee = x("IdmFollowPort"), $ = x("IdmFollowPosition");
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), g = x("VCardItem"), p = x("VCheckbox"), y = x("VCardText"), w = x("VCard"), k = x("IdmLatLng"), f = x("IdmTerminator"), z = x("IdmTimezone"), T = x("IdmPort"), O = x("IdmAlertZone"), M = x("IdmTideStations"), P = x("IdmEcaZone"), _ = x("IdmWarZone"), L = x("IdmGmdssArea"), C = x("IdmLoadLine"), v = x("IdmWorldMarine"), A = x("IdmVRA"), F = x("IdmSpecialArea"), Y = x("IdmWorld12nm"), Z = x("IdmChinaRoute"), V = x("IdmIceAreas"), ee = x("IdmFollowPort"), $ = x("IdmFollowPosition");
   return b(), S("div", ts, [
     l("div", {
       class: "menu-bar-box transition px-1 rounded",
@@ -4770,7 +4770,7 @@ function hs(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            h(f, { class: "border-b-thin" }, {
+            h(g, { class: "border-b-thin" }, {
               default: u(() => [
                 h(n, {
                   class: "text-subtitle-1 font-weight-medium",
@@ -4823,7 +4823,7 @@ function hs(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            h(f, { class: "border-b-thin" }, {
+            h(g, { class: "border-b-thin" }, {
               default: u(() => [
                 h(n, {
                   class: "text-subtitle-1 font-weight-medium",
@@ -4862,7 +4862,7 @@ function hs(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            h(f, { class: "border-b-thin" }, {
+            h(g, { class: "border-b-thin" }, {
               default: u(() => [
                 h(n, {
                   class: "text-subtitle-1 font-weight-medium",
@@ -4901,7 +4901,7 @@ function hs(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            h(f, { class: "border-b-thin" }, {
+            h(g, { class: "border-b-thin" }, {
               default: u(() => [
                 h(n, {
                   class: "text-subtitle-1 font-weight-medium",
@@ -4953,7 +4953,7 @@ function hs(t, e, o, i, a, r) {
       "menu-toggle": o.menuToggle,
       show: a.checkList.includes("graticule")
     }, t.$attrs), null, 16, ["map", "menu-toggle", "show"])) : I("", !0),
-    o.map ? (b(), R(g, B({
+    o.map ? (b(), R(f, B({
       key: 1,
       map: o.map,
       area: (J = a.otherLayers) == null ? void 0 : J["day-night"]
@@ -5113,12 +5113,12 @@ class so {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    var g, z;
-    const e = (g = this.map) == null ? void 0 : g.getBounds();
+    var f, z;
+    const e = (f = this.map) == null ? void 0 : f.getBounds();
     if (!e)
       return [];
-    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];
+    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]), [g, 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, g + k, p];
   }
   /**
    * [视窗边界像素宽度]
@@ -5223,13 +5223,13 @@ class Ne {
     if (a) {
       const r = { program: a }, s = e.getProgramParameter(a, e.ACTIVE_ATTRIBUTES);
       for (let n = 0; n < s; n++) {
-        const f = e.getActiveAttrib(a, n);
-        r[f.name] = e.getAttribLocation(a, f.name);
+        const g = e.getActiveAttrib(a, n);
+        r[g.name] = e.getAttribLocation(a, g.name);
       }
       const c = e.getProgramParameter(a, e.ACTIVE_UNIFORMS);
       for (let n = 0; n < c; n++) {
-        const f = e.getActiveUniform(a, n);
-        r[f.name] = e.getUniformLocation(a, f.name);
+        const g = e.getActiveUniform(a, n);
+        r[g.name] = e.getUniformLocation(a, g.name);
       }
       return r;
     }
@@ -5244,8 +5244,8 @@ class Ne {
     const c = s.getContext("2d");
     if (c && e) {
       const n = c == null ? void 0 : c.createLinearGradient(0, 0, 256, 0);
-      return o.forEach(([f, p]) => {
-        n.addColorStop(f, p);
+      return o.forEach(([g, p]) => {
+        n.addColorStop(g, p);
       }), c.fillStyle = n, c.fillRect(0, 0, 256, 1), {
         canvas: s,
         texture: this.createTexture(
@@ -5267,8 +5267,8 @@ class Ne {
     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 f = this.createDataBuffer(e, "array", n);
-    return { resolution: i, total: a, texture0: s, texture1: c, indexBuffer: f };
+    const g = this.createDataBuffer(e, "array", n);
+    return { resolution: i, total: a, texture0: s, texture1: c, indexBuffer: g };
   }
   bind(e, o, i) {
     const a = this.createProgram(e, o, i);
@@ -5283,13 +5283,13 @@ class Ne {
     return {};
   }
   bindParticle(e, o, i, a, r, s) {
-    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 };
+    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])), y = e.createFramebuffer();
+    return { particle: c, screen: n, update: g, quadBuffer: p, frameBuffer: y };
   }
   draw(e, o, i, a, r, s, c) {
-    var n, f;
+    var n, g;
     if (o && i) {
-      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);
+      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);
       try {
         o.useProgram(i);
         const p = {
@@ -5302,8 +5302,8 @@ class Ne {
         };
         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 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, [M, P, _, L] = [z, O + z, T, O + T], C = new Float32Array([M, _, P, _, M, L, M, L, P, _, P, L]);
+        for (const f of k) {
+          const z = (f[0] - y[0]) * e.ratio, T = (f[1] - y[3]) * e.ratio, O = f[2] * e.ratio, [M, P, _, L] = [z, O + z, T, O + T], C = new Float32Array([M, _, P, _, M, L, M, 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) {
@@ -5651,17 +5651,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, 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(
+            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(
                 {
-                  id: f,
+                  id: g,
                   type: "symbol",
                   filter: ["all", [">=", "spd", c], ["<", "spd", n]],
                   source: this.source,
                   layout: {
                     "symbol-placement": "point",
-                    "icon-image": f + "-icon",
+                    "icon-image": g + "-icon",
                     // mapbox sprite
                     "icon-size": 0.5,
                     "icon-offset": [0, -20],
@@ -6001,11 +6001,11 @@ const vs = /* @__PURE__ */ X(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), f = `<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), g = `<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(f);
+          n.src = "data:image/svg+xml;base64," + window.btoa(g);
           const p = [n];
           let y = 0;
           p.forEach((w) => {
@@ -6788,8 +6788,8 @@ function Gs(t, e, o, i, a, r) {
         text: "Map Layers",
         location: "left"
       }, {
-        activator: u(({ props: f }) => [
-          h(s, B(f, {
+        activator: u(({ props: g }) => [
+          h(s, B(g, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -7868,11 +7868,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, f, p, y, w;
+      var a, r, s, c, n, g, p, y, w;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let o = 0, i = 0;
       if (this.map) {
-        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}`;
+        const k = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, f = (r = this.map) == null ? void 0 : r.getBounds(), z = `${f._sw.lng},${f._sw.lat},${f._ne.lng},${f._ne.lat}`;
         if (this.particleFactor && ((s = this.$refs.layer) != null && s.autoActive)) {
           const T = io.WEATHER_LAYERS.find((O) => {
             var M;
@@ -7918,7 +7918,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 = (f = this.weatherLayers["swell-direction"]) == null ? void 0 : f.raw, _ = (p = this.weatherLayers["swell-height"]) == null ? void 0 : p.raw;
+              const P = (g = this.weatherLayers["swell-direction"]) == null ? void 0 : g.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,
@@ -7954,7 +7954,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, f, p, y;
+      var t, e, o, i, a, r, s, c, n, g, 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,
@@ -7975,7 +7975,7 @@ const wn = {
         canvas: (n = this.viewport) == null ? void 0 : n.particleCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
-      }), this.viewport.map.getLayer((f = this.viewport) == null ? void 0 : f.particleLayer) || this.viewport.map.addLayer(
+      }), this.viewport.map.getLayer((g = this.viewport) == null ? void 0 : g.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
           id: (p = this.viewport) == null ? void 0 : p.particleLayer,
@@ -7988,10 +7988,10 @@ const wn = {
       );
     },
     handleDrawWeather4Json() {
-      var f, p, y, w, k, g, z;
+      var g, p, y, w, k, f, z;
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, o = 0;
-      const i = (f = this.map) == null ? void 0 : f.getBounds(), a = (p = this.map) == null ? void 0 : p.getZoom(), r = K.convertToStdLng(i._sw.lng), s = K.convertToStdLng(i._ne.lng), c = Math.floor(i._sw.lat), n = Math.ceil(i._ne.lat);
+      const i = (g = this.map) == null ? void 0 : g.getBounds(), a = (p = this.map) == null ? void 0 : p.getZoom(), r = K.convertToStdLng(i._sw.lng), s = K.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") {
@@ -8107,7 +8107,7 @@ const wn = {
             if (_) {
               if (!_.data) {
                 const C = [];
-                for (const v in (g = _.raw) == null ? void 0 : g.Polygon) {
+                for (const v in (f = _.raw) == null ? void 0 : f.Polygon) {
                   const A = _.raw.Polygon[v];
                   for (const F of A)
                     C.push(
@@ -8277,7 +8277,7 @@ const wn = {
 }, On = { class: "text-body-1 py-2" }, Bn = { class: "text-body-1 font-weight-medium" }, En = { class: "text-body-2 text-label" }, jn = { class: "text-body-2 text-label mb-3" }, Nn = { class: "text-body-1 font-weight-medium" }, Fn = { class: "text-body-2 text-label" }, Hn = { class: "text-body-2 text-label mb-3" }, Gn = { class: "text-body-1 py-2" }, Wn = { class: "text-body-1 font-weight-medium" }, Un = { class: "text-body-2 text-label" }, Vn = { class: "text-body-2 text-label mb-3" }, Yn = { class: "text-body-1 font-weight-medium" }, Zn = { class: "text-body-2 text-label" }, qn = { class: "text-body-2 text-label mb-3" }, Xn = { class: "text-body-1 py-2" }, Kn = { class: "text-body-1 font-weight-medium" }, $n = { class: "text-body-2 text-label" }, Qn = { class: "text-body-2 text-label mb-3" };
 function Jn(t, e, o, i, a, r) {
   var Q, ae, de, se, he, ge, H, ne, xe, Le, Pe, Ae, De, Re, _e;
-  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"), M = x("VBtnToggle"), P = x("IdmWindBarb"), _ = x("IdmSigWaveHeight"), L = x("IdmCurrentDirection"), C = x("IdmPrmsl"), v = x("IdmWindParticle"), A = x("IdmCurrentParticle"), F = x("IdmWave"), Y = x("IdmSwell"), Z = x("IdmIceEdge"), V = x("IdmIceCover"), ee = x("IdmIceThickness"), $ = x("IdmPrecip3h"), J = x("IdmVisibility"), pe = x("IdmWaterTemp"), me = x("IdmTemp");
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCol"), g = x("VRow"), p = x("VCardText"), y = x("VDivider"), w = x("VCard"), k = x("VSwitch"), f = x("VCardTitle"), z = x("VCardItem"), T = x("VCheckbox"), O = x("VRadio"), M = x("VBtnToggle"), P = x("IdmWindBarb"), _ = x("IdmSigWaveHeight"), L = x("IdmCurrentDirection"), C = x("IdmPrmsl"), v = x("IdmWindParticle"), A = x("IdmCurrentParticle"), F = x("IdmWave"), Y = x("IdmSwell"), Z = x("IdmIceEdge"), V = x("IdmIceCover"), ee = x("IdmIceThickness"), $ = x("IdmPrecip3h"), J = x("IdmVisibility"), pe = x("IdmWaterTemp"), me = x("IdmTemp");
   return b(), S("div", xn, [
     l("div", {
       class: "menu-bar-box transition pa-1",
@@ -8343,7 +8343,7 @@ function Jn(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(f, { class: "ma-0 ml-n1 text-body-2" }, {
+              h(g, { 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,
@@ -8372,7 +8372,7 @@ function Jn(t, e, o, i, a, r) {
           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(f, {
+              h(g, {
                 class: "ma-0 ml-1",
                 style: { width: "100px" }
               }, {
@@ -8404,7 +8404,7 @@ function Jn(t, e, o, i, a, r) {
           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(f, {
+              h(g, {
                 class: "ma-0 ml-n5",
                 style: { width: "110px" }
               }, {
@@ -8479,7 +8479,7 @@ function Jn(t, e, o, i, a, r) {
           default: u(() => [
             h(z, { class: "border-b-thin" }, {
               default: u(() => [
-                h(g, {
+                h(f, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -8519,7 +8519,7 @@ function Jn(t, e, o, i, a, r) {
           default: u(() => [
             h(z, { class: "border-b-thin" }, {
               default: u(() => [
-                h(g, {
+                h(f, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -8679,7 +8679,7 @@ function Jn(t, e, o, i, a, r) {
           default: u(() => [
             h(z, { class: "border-b-thin" }, {
               default: u(() => [
-                h(g, {
+                h(f, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -9147,17 +9147,17 @@ class Ya {
       let n = to.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;
-      }), f = oo.find((p) => {
+      }), g = 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 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) => {
+        return ((y = p.alias) == null ? void 0 : y.toLowerCase()) === ((w = g == null ? void 0 : g.alias) == null ? void 0 : w.toLowerCase());
+      }), g = g || 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);
+      }), 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);
     }
     return {
       weatherModels: r.join(","),
@@ -9174,8 +9174,8 @@ class Ya {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee, $, J, pe, me, Q, ae, de, se, he, ge, H, ne, xe, Le, Pe, Ae, De, Re, _e, W, te, Fe, Me;
-    const ue = typeof o == "string" ? D(o) : o, fe = e == null ? void 0 : e.weather, U = 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"), re = 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 = [];
+    var i, a, r, s, c, n, g, p, y, w, k, f, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee, $, J, pe, me, Q, ae, de, se, he, ge, H, ne, xe, Le, Pe, Ae, De, Re, _e, W, te, Fe, Me;
+    const ue = typeof o == "string" ? D(o) : o, fe = e == null ? void 0 : e.weather, U = 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"), re = 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 = [];
     if (ue.isBetween(oe, re, "millisecond", "[]")) {
       const j = ue.utc().diff(oe, "h", !1);
       let ye, Ie;
@@ -9189,7 +9189,7 @@ class Ya {
             Ee += (w = q == null ? void 0 : q.precipitation) == null ? void 0 : w.at(Te);
           ye = {
             temp: (k = q == null ? void 0 : q.temperature_2m) == null ? void 0 : k.at(j),
-            apparentTemp: (g = q == null ? void 0 : q.apparent_temperature) == null ? void 0 : g.at(j),
+            apparentTemp: (f = q == null ? void 0 : q.apparent_temperature) == null ? void 0 : f.at(j),
             rh: (z = q == null ? void 0 : q.relative_humidity_2m) == null ? void 0 : z.at(j),
             dp: (T = q == null ? void 0 : q.dew_point_2m) == null ? void 0 : T.at(j),
             precip: {
@@ -9261,7 +9261,7 @@ class Ya {
     return Oe;
   }
   static toLegacy(e) {
-    var o, i, a, r, s, c, n, f, p, y;
+    var o, i, a, r, s, c, n, g, 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,
@@ -9271,7 +9271,7 @@ class Ya {
         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: (f = e == null ? void 0 : e.weather) == null ? void 0 : f.code,
+      code: (g = e == null ? void 0 : e.weather) == null ? void 0 : g.code,
       name: (p = e == null ? void 0 : e.weather) == null ? void 0 : p.name,
       url: (y = e == null ? void 0 : e.weather) == null ? void 0 : y.url,
       wave: e == null ? void 0 : e.wave,
@@ -9283,7 +9283,7 @@ class Ya {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee, $, J, pe, me, Q, ae, de, se, he, ge, H, ne, xe, Le, Pe, Ae, De;
+    var i, a, r, s, c, n, g, p, y, w, k, f, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee, $, J, pe, me, Q, ae, de, se, he, ge, H, ne, 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)), Me = [];
     if (Re.isBetween(te, Fe, "millisecond", "[]")) {
       let ue, fe;
@@ -9292,7 +9292,7 @@ class Ya {
         for (const Ce of _e) {
           const oe = Ce.daily;
           ue = {
-            code: (f = oe.weather_code) == null ? void 0 : f.at(U),
+            code: (g = oe.weather_code) == null ? void 0 : g.at(U),
             temp: {
               max: (p = oe.temperature_2m_max) == null ? void 0 : p.at(U),
               min: (y = oe.temperature_2m_min) == null ? void 0 : y.at(U),
@@ -9300,7 +9300,7 @@ class Ya {
             },
             apparentTemp: {
               max: (k = oe.apparent_temperature_max) == null ? void 0 : k.at(U),
-              min: (g = oe.apparent_temperature_min) == null ? void 0 : g.at(U)
+              min: (f = oe.apparent_temperature_min) == null ? void 0 : f.at(U)
             },
             precip: {
               sum: (z = oe.precipitation_sum) == null ? void 0 : z.at(U),
@@ -9962,17 +9962,17 @@ 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 f = (s = n == null ? void 0 : n.data) == null ? void 0 : s.data;
-          await Se.get(f.tropicals, {
+          const g = (s = n == null ? void 0 : n.data) == null ? void 0 : s.data;
+          await Se.get(g.tropicals, {
             headers: {
               Authorization: this.token || this.defaultMeteoToken,
               key: "tropicals"
             },
-            responseType: /\.(jpg|png)$/.test(f.tropicals) ? "blob" : "json"
+            responseType: /\.(jpg|png)$/.test(g.tropicals) ? "blob" : "json"
           }).then((p) => {
-            var k, g, z;
+            var k, f, 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 = {
+            ((z = (f = p == null ? void 0 : p.config) == null ? void 0 : f.headers) == null ? void 0 : z.key) && y && (this.tropicals = {
               data: y,
               active: !0,
               cached: !0,
@@ -9990,7 +9990,7 @@ 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, f, p, y, w, k, g;
+        var a, r, s, c, n, g, p, y, w, k, f;
         if (((a = i.geometry) == null ? void 0 : a.type) === "Point") {
           let z = "";
           switch (!0) {
@@ -10006,7 +10006,7 @@ const tc = {
             case ((n = i.properties.wind) == null ? void 0 : n.kts) < 79:
               z = "TY";
               break;
-            case ((f = i.properties.wind) == null ? void 0 : f.kts) < 94:
+            case ((g = i.properties.wind) == null ? void 0 : g.kts) < 94:
               z = "STY";
               break;
             case ((p = i.properties.wind) == null ? void 0 : p.kts) >= 94:
@@ -10018,15 +10018,15 @@ const tc = {
           }
           i.properties.level = z;
         }
-        ((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})]`));
+        ((y = i.geometry) == null ? void 0 : y.type) === "Point" && ((w = i.properties) != null && w.important) && (i.properties.format = (f = (k = D(i.properties.date)) == null ? void 0 : k.utcOffset(this.timeZone)) == null ? void 0 : f.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`));
       }), this.handleInit();
     },
     handleInit() {
-      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);
+      var t, e, o, i, a, r, s, c, n, g, 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 = (g = this.$parent) == null ? void 0 : g.$refs) == null ? void 0 : p.idmBottomBar) == null || y.handleToggle("tropical", !1);
     },
     handleRender() {
-      var t, e, o, i, a, r, s, c, n, f;
+      var t, e, o, i, a, r, s, c, n, g;
       if (this.tropicals && this.map) {
         const p = (/* @__PURE__ */ new Date()).valueOf();
         let y = 0, w = 0;
@@ -10129,7 +10129,7 @@ const tc = {
           }
         }, this.beforeLayer), 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 ? (f = this.tropicals) == null ? void 0 : f.data : this.empty
+          data: (n = this.tropicals) != null && n.active ? (g = this.tropicals) == null ? void 0 : g.data : this.empty
           // cluster: true,
           // clusterRadius: 10, // 聚合半径
         }), this.map.addLayer({
@@ -10253,7 +10253,7 @@ 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)), (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, f, p, y, w, k, g, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee;
+      var t, e, o, i, a, r, s, c, n, g, p, y, w, k, f, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee;
       if ((t = this.interpolateMarkers) == null || t.forEach(($) => $ == null ? void 0 : $.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const $ = D(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), J = this.interpolateData.filter((Q) => Q.properties.date === ($ == null ? void 0 : $.format()) && !Q.properties.disabled), pe = this.handleComputePolygons(J), me = G.featureCollection([...J]);
         pe.forEach((Q) => {
@@ -10275,7 +10275,7 @@ const tc = {
         for (const Q of J)
           if (!Q.properties.disabled) {
             let ae = "#f44336";
-            ((c = (s = Q.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((f = (n = Q.properties) == null ? void 0 : n.wind) != null && f.kts) ? ae = "#03f869" : ((y = (p = Q.properties) == null ? void 0 : p.wind) == null ? void 0 : y.kts) >= 32 && ((k = (w = Q.properties) == null ? void 0 : w.wind) == null ? void 0 : k.kts) < 47 ? ae = "#f2f202" : ((z = (g = Q.properties) == null ? void 0 : g.wind) == null ? void 0 : z.kts) >= 47 && ((O = (T = Q.properties) == null ? void 0 : T.wind) == null ? void 0 : O.kts) < 63 ? ae = "#ff9100" : ((P = (M = Q.properties) == null ? void 0 : M.wind) == null ? void 0 : P.kts) >= 63 && ((L = (_ = Q.properties) == null ? void 0 : _.wind) == null ? void 0 : L.kts) < 79 ? ae = "#f44336" : ((v = (C = Q.properties) == null ? void 0 : C.wind) == null ? void 0 : v.kts) >= 79 && ((F = (A = Q.properties) == null ? void 0 : A.wind) == null ? void 0 : F.kts) < 94 ? ae = "#f903d0" : ((Z = (Y = Q.properties) == null ? void 0 : Y.wind) == null ? void 0 : Z.kts) >= 94 ? ae = "#8702f9" : ae = "#f44336";
+            ((c = (s = Q.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((g = (n = Q.properties) == null ? void 0 : n.wind) != null && g.kts) ? ae = "#03f869" : ((y = (p = Q.properties) == null ? void 0 : p.wind) == null ? void 0 : y.kts) >= 32 && ((k = (w = Q.properties) == null ? void 0 : w.wind) == null ? void 0 : k.kts) < 47 ? ae = "#f2f202" : ((z = (f = Q.properties) == null ? void 0 : f.wind) == null ? void 0 : z.kts) >= 47 && ((O = (T = Q.properties) == null ? void 0 : T.wind) == null ? void 0 : O.kts) < 63 ? ae = "#ff9100" : ((P = (M = Q.properties) == null ? void 0 : M.wind) == null ? void 0 : P.kts) >= 63 && ((L = (_ = Q.properties) == null ? void 0 : _.wind) == null ? void 0 : L.kts) < 79 ? ae = "#f44336" : ((v = (C = Q.properties) == null ? void 0 : C.wind) == null ? void 0 : v.kts) >= 79 && ((F = (A = Q.properties) == null ? void 0 : A.wind) == null ? void 0 : F.kts) < 94 ? ae = "#f903d0" : ((Z = (Y = Q.properties) == null ? void 0 : Y.wind) == null ? void 0 : Z.kts) >= 94 ? ae = "#8702f9" : ae = "#f44336";
             const de = `<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">
@@ -10299,21 +10299,21 @@ const tc = {
         (V = this.map) != null && V.getSource(this.interpolateSource) && ((ee = this.map) == null || ee.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var a, r, s, c, n, f, p, y, w;
+      var a, r, s, c, n, g, p, y, w;
       const e = t.features[0], o = (r = (a = this.tropicals) == null ? void 0 : a.data) == null ? void 0 : r.features.filter(
         (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);
+          var f;
+          return k.geometry.type === "LineString" && k.properties.type === "forecast" && k.properties.name === ((f = e == null ? void 0 : e.properties) == null ? void 0 : f.name);
         }
       ), i = (c = (s = this.tropicals) == null ? void 0 : s.data) == null ? void 0 : c.features.filter(
         (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);
+          var f;
+          return k.geometry.type === "LineString" && k.properties.type === "history" && k.properties.name === ((f = e == null ? void 0 : e.properties) == null ? void 0 : f.name);
         }
       );
       this.activeTropicals = {
         name: (n = e == null ? void 0 : e.properties) == null ? void 0 : n.name,
-        nameCn: (f = e == null ? void 0 : e.properties) == null ? void 0 : f.nameCn,
+        nameCn: (g = e == null ? void 0 : e.properties) == null ? void 0 : g.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
@@ -10332,10 +10332,10 @@ 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((f) => {
-        f.properties.category === e && (f.properties.disabled = t.disabled);
-      }), this.interpolateData.forEach((f) => {
-        f.properties.category === e && (f.properties.disabled = t.disabled);
+      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(G.featureCollection(o)), (n = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || n.setData(G.featureCollection(o)), this.handleDateChange();
     },
     handleStrikeProbability(t) {
@@ -10396,7 +10396,7 @@ const tc = {
       this.$emit("tropicalNotification", t);
     },
     handleHover(t) {
-      var i;
+      var a, r, s, c, n;
       this.map.getCanvas().style.cursor = "pointer";
       const o = this.map.queryRenderedFeatures(
         t.point,
@@ -10410,9 +10410,16 @@ const tc = {
           ]
         }
       )[0];
-      this.hoverPoint = o == null ? void 0 : o.properties, this.hoverPoint && (this.hoverPoint.lng = o.geometry.coordinates[0], this.hoverPoint.lat = o.geometry.coordinates[1], (i = this.hoverMarker) == null || i.remove(), this.showHoverPoint = !0, this.$nextTick(() => {
-        const a = document.getElementById("tropicalHoverMarkerInfo").cloneNode(!0);
-        this.hoverMarker = new ve.Marker(a).setLngLat(o.geometry.coordinates).setOffset([160, 0]).addTo(this.map);
+      this.hoverPoint = o == null ? void 0 : o.properties;
+      const i = (r = (a = this.tropicals) == null ? void 0 : a.data) == null ? void 0 : r.features.filter(
+        (g) => {
+          var p;
+          return g.geometry.type === "LineString" && g.properties.type === "forecast" && g.properties.name === ((p = o == null ? void 0 : o.properties) == null ? void 0 : p.name);
+        }
+      );
+      this.hoverPoint && (this.hoverPoint.lng = o.geometry.coordinates[0], this.hoverPoint.lat = o.geometry.coordinates[1], this.hoverPoint.update = (c = (s = i == null ? void 0 : i[0]) == null ? void 0 : s.properties) == null ? void 0 : c.date, (n = this.hoverMarker) == null || n.remove(), this.showHoverPoint = !0, this.$nextTick(() => {
+        const g = document.getElementById("tropicalHoverMarkerInfo").cloneNode(!0);
+        this.hoverMarker = new ve.Marker(g).setLngLat(o.geometry.coordinates).setOffset([160, 0]).addTo(this.map);
       }));
     },
     handleLeave() {
@@ -10453,7 +10460,7 @@ const tc = {
   class: "d-flex justify-start align-center"
 }, Vc = { class: "text-label pr-1" }, Yc = { class: "d-flex justify-start align-center" }, Zc = { class: "text-label pr-1" };
 function qc(t, e, o, i, a, r) {
-  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");
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardText"), g = 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",
@@ -10463,8 +10470,8 @@ function qc(t, e, o, i, a, r) {
         text: t.$t("tropical.tropicals"),
         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",
@@ -10490,10 +10497,10 @@ function qc(t, e, o, i, a, r) {
         default: u(() => [
           h(n, null, {
             default: u(() => {
-              var g, z, T, O, M, P, _, L, C, v, A;
+              var f, z, T, O, M, P, _, L, C, v, A;
               return [
                 l("div", ic, [
-                  l("span", rc, m(o.locale === "en" ? (g = a.activeTropicals) == null ? void 0 : g.name : (z = a.activeTropicals) == null ? void 0 : z.nameCn), 1),
+                  l("span", rc, m(o.locale === "en" ? (f = a.activeTropicals) == null ? void 0 : f.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 = (M = a.activeTropicals) == null ? void 0 : M.history) == null ? void 0 : P.level), 1)) : I("", !0)
                 ]),
                 h(s, {
@@ -10517,15 +10524,15 @@ function qc(t, e, o, i, a, r) {
             }),
             _: 1
           }),
-          h(f),
+          h(g),
           h(n, { class: "text-body-1" }, {
             default: u(() => {
-              var g, z, T, O, M, P, _, L, C;
+              var f, z, T, O, M, P, _, L, C;
               return [
                 l("div", cc, [
                   l("div", mc, [
                     l("label", dc, m(t.$t("weather.windSpeed")) + " : ", 1),
-                    l("span", null, m(((z = (g = a.activeTropicals) == null ? void 0 : g.history) == null ? void 0 : z.kts) || "-") + " kts", 1),
+                    l("span", null, m(((z = (f = a.activeTropicals) == null ? void 0 : f.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, [
@@ -10566,7 +10573,7 @@ function qc(t, e, o, i, a, r) {
             }),
             _: 1
           }),
-          h(f),
+          h(g),
           h(p, { class: "d-flex justify-space-between" }, {
             default: u(() => [
               h(s, {
@@ -10575,7 +10582,7 @@ function qc(t, e, o, i, a, r) {
                 variant: "text",
                 color: a.showLegend ? "primary" : "",
                 class: "text-none text-body-1",
-                onClick: e[0] || (e[0] = je((g) => a.showLegend = !a.showLegend, ["stop"]))
+                onClick: e[0] || (e[0] = je((f) => a.showLegend = !a.showLegend, ["stop"]))
               }, {
                 prepend: u(() => e[5] || (e[5] = [
                   l("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
@@ -10591,7 +10598,7 @@ function qc(t, e, o, i, a, r) {
                   variant: "text",
                   density: "compact",
                   class: "text-none text-body-1",
-                  onClick: e[1] || (e[1] = je((g) => r.handleNotification(a.activeTropicals), ["stop"]))
+                  onClick: e[1] || (e[1] = je((f) => r.handleNotification(a.activeTropicals), ["stop"]))
                 }, {
                   default: u(() => [
                     N(m(t.$t("actions.notify")), 1)
@@ -10603,7 +10610,7 @@ function qc(t, e, o, i, a, r) {
                   density: "compact",
                   "append-icon": "mdi-chevron-right",
                   class: "text-none text-body-1",
-                  onClick: e[2] || (e[2] = je((g) => r.handleStrikeProbability(a.activeTropicals), ["stop"]))
+                  onClick: e[2] || (e[2] = je((f) => r.handleStrikeProbability(a.activeTropicals), ["stop"]))
                 }, {
                   default: u(() => [
                     N(m(t.$t("actions.viewReport")), 1)
@@ -10688,10 +10695,10 @@ function qc(t, e, o, i, a, r) {
       default: u(() => [
         h(w, null, {
           default: u(() => {
-            var g, z, T;
+            var f, z, T;
             return [
               l("div", Pc, [
-                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", Cc, m(o.locale === "en" ? (f = a.hoverPoint) == null ? void 0 : f.name : (z = a.hoverPoint) == null ? void 0 : z.nameCn), 1),
                 l("span", Tc, "[ " + m((T = a.hoverPoint) == null ? void 0 : T.level) + " ]", 1)
               ])
             ];
@@ -10701,12 +10708,12 @@ function qc(t, e, o, i, a, r) {
         h(k),
         h(n, { class: "text-body-1" }, {
           default: u(() => {
-            var g, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee, $;
+            var f, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee, $;
             return [
               l("div", Sc, [
                 l("div", Mc, [
                   l("label", Ic, m(t.$t("tropical.updated")) + " : ", 1),
-                  l("span", null, m(r.computeTzTime((g = a.hoverPoint) == null ? void 0 : g.date, o.timeZone)), 1)
+                  l("span", null, m(r.computeTzTime((f = a.hoverPoint) == null ? void 0 : f.update, o.timeZone)), 1)
                 ]),
                 ((z = a.hoverPoint) == null ? void 0 : z.type) === "forecast" ? (b(), S("div", Ac, [
                   l("label", Dc, m(t.$t("tropical.forecast")) + " : ", 1),
@@ -10925,7 +10932,7 @@ const Xc = {
   style: { height: "56px" }
 };
 function em(t, e, o, i, a, r) {
-  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");
+  const s = x("VBtn"), c = x("VDatePicker"), n = x("VDivider"), g = x("VListItemTitle"), p = x("VListItem"), y = x("VList"), w = x("VCardText"), k = x("VCardActions"), f = x("VCard");
   return b(), S("div", Kc, [
     h(s, {
       text: "",
@@ -10939,7 +10946,7 @@ function em(t, e, o, i, a, r) {
       ]),
       _: 1
     }, 8, ["height", "width", "onClick"]),
-    a.showDatePicker ? (b(), R(g, {
+    a.showDatePicker ? (b(), R(f, {
       key: 0,
       class: He(["card-box d-flex flex-column", o.position])
     }, {
@@ -10979,7 +10986,7 @@ function em(t, e, o, i, a, r) {
                     "min-height": "26"
                   }, {
                     default: u(() => [
-                      h(f, {
+                      h(g, {
                         class: "text-body-2 text-center",
                         onClick: (O) => a.currentTime = z
                       }, {
@@ -11272,10 +11279,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, f, p, y, w, k, g, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee, $, J, pe, me, Q, ae, de, se, he, ge, H, ne, xe;
+      var o, i, a, r, s, c, n, g, p, y, w, k, f, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee, $, J, pe, me, Q, ae, de, se, he, ge, H, ne, 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((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((M = (O = e == null ? void 0 : e.weather) == null ? void 0 : O.wind) == null ? void 0 : M.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((Y = (F = e == null ? void 0 : e.wave) == null ? void 0 : F.sig) == null ? void 0 : Y.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((V = (Z = e == null ? void 0 : e.wave) == null ? void 0 : Z.wd) == null ? void 0 : V.height, 1) ?? "-", this.currentHourData.windwaveDir = ($ = (ee = e == null ? void 0 : e.wave) == null ? void 0 : ee.wd) == null ? void 0 : $.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((pe = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : pe.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((Q = (me = e == null ? void 0 : e.wave) == null ? void 0 : me.swell) == null ? void 0 : Q.height, 1) ?? "-", this.currentHourData.swellDir = (de = (ae = e == null ? void 0 : e.wave) == null ? void 0 : ae.swell) == null ? void 0 : de.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((he = (se = e == null ? void 0 : e.wave) == null ? void 0 : se.swell) == null ? void 0 : he.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.speed, 1) ?? "-", this.currentHourData.currentDir = (H = e == null ? void 0 : e.current) == null ? void 0 : H.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((ne = e == null ? void 0 : e.current) == null ? void 0 : ne.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (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((g = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : g.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((f = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : f.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((M = (O = e == null ? void 0 : e.weather) == null ? void 0 : O.wind) == null ? void 0 : M.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((Y = (F = e == null ? void 0 : e.wave) == null ? void 0 : F.sig) == null ? void 0 : Y.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((V = (Z = e == null ? void 0 : e.wave) == null ? void 0 : Z.wd) == null ? void 0 : V.height, 1) ?? "-", this.currentHourData.windwaveDir = ($ = (ee = e == null ? void 0 : e.wave) == null ? void 0 : ee.wd) == null ? void 0 : $.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((pe = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : pe.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((Q = (me = e == null ? void 0 : e.wave) == null ? void 0 : me.swell) == null ? void 0 : Q.height, 1) ?? "-", this.currentHourData.swellDir = (de = (ae = e == null ? void 0 : e.wave) == null ? void 0 : ae.swell) == null ? void 0 : de.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((he = (se = e == null ? void 0 : e.wave) == null ? void 0 : se.swell) == null ? void 0 : he.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.speed, 1) ?? "-", this.currentHourData.currentDir = (H = e == null ? void 0 : e.current) == null ? void 0 : H.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((ne = e == null ? void 0 : e.current) == null ? void 0 : ne.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (xe = e == null ? void 0 : e.weather) == null ? void 0 : xe.url;
     },
     handleBind() {
       var t, e;
@@ -11345,7 +11352,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"), 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"), M = x("VCard"), P = x("VIcon");
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), g = x("VDivider"), p = x("VTextField"), y = x("VCol"), w = x("VRow"), k = x("DateTimePicker"), f = x("VBtnToggle"), z = x("VCardActions"), T = x("VForm"), O = x("VCardText"), M = x("VCard"), P = x("VIcon");
   return b(), S("div", om, [
     l("div", {
       class: "menu-bar-box transition pa-1",
@@ -11400,7 +11407,7 @@ function _m(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        h(f),
+        h(g),
         h(O, { class: "text-body-1 py-1" }, {
           default: u(() => [
             h(T, {
@@ -11605,7 +11612,7 @@ function _m(t, e, o, i, a, r) {
                       class: "pa-0"
                     }, {
                       default: u(() => [
-                        h(g, {
+                        h(f, {
                           modelValue: a.form.forecastModel,
                           "onUpdate:modelValue": e[7] || (e[7] = (_) => a.form.forecastModel = _),
                           class: "w-100",
@@ -11652,7 +11659,7 @@ function _m(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                h(f),
+                h(g),
                 h(z, { class: "d-flex justify-end align-center ga-4" }, {
                   default: u(() => [
                     h(s, {
@@ -11724,7 +11731,7 @@ function _m(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        h(f),
+        h(g),
         h(O, { class: "text-body-1 ml-n8" }, {
           default: u(() => [
             h(w, null, {
@@ -11906,7 +11913,7 @@ function _m(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        h(f),
+        h(g),
         h(z, { class: "d-flex justify-space-between align-center" }, {
           default: u(() => [
             o.followList.some((_) => {
@@ -12065,7 +12072,7 @@ const zm = {
       }
     },
     handleDrag(t) {
-      var o, i, a, r, s, c, n, f, p, y;
+      var o, i, a, r, s, c, n, g, 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];
@@ -12073,24 +12080,24 @@ 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 g;
+        let f;
         w.features.forEach((T, O) => {
           if (T.geometry.type === "Point" && T.properties.id === e.split("-")[1]) {
-            g = O;
+            f = O;
             return;
           }
         });
         const z = w.features.filter((T) => T.geometry.type === "Point");
         this.handleTmpPointUpdate(
           w,
-          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]
+          z[f - 1],
+          { lng: (g = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : g.lng, lat: (y = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : y.lat, properties: z[f].properties },
+          f === z.length - 1 ? void 0 : z[f + 1]
         );
       }
     },
     handleDragEnd(t) {
-      var o, i, a, r, s, c, n, f, p, y;
+      var o, i, a, r, s, c, n, g, 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((z) => z.id === e.split("-")[0])[0];
@@ -12098,8 +12105,8 @@ const zm = {
           var T;
           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 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);
+        const f = w.features.filter((z) => z.geometry.type === "Point" && z.properties.id === e.split("-")[1])[0];
+        f.geometry.coordinates = [(g = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : g.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) {
@@ -12108,9 +12115,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((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);
+        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);
         }
       }
     },
@@ -12119,15 +12126,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, 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();
+        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();
       } else if (e === "del-point") {
-        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);
+        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);
       } else if (e !== "marker-label" && this.toggle) {
         let n = this.geojson.at(-1);
         n || (n = G.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(n)), n.features = n.features.filter((p) => p.geometry.type === "Point");
-        const f = G.feature(
+        const g = G.feature(
           {
             type: "Point",
             coordinates: [t.lngLat.lng, t.lngLat.lat]
@@ -12138,7 +12145,7 @@ const zm = {
             sumLabel: "Start"
           }
         );
-        n.features.push(f), this.handlePointUpdate(n);
+        n.features.push(g), this.handlePointUpdate(n);
       }
     },
     handlePointUpdate(t) {
@@ -12147,14 +12154,14 @@ 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] }, f = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, p = Ge.calculateDistance(n, f, c.mode === "RL", 4), y = Ge.calculateBearing(n, f, 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] }, g = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, p = Ge.calculateDistance(n, g, c.mode === "RL", 4), y = Ge.calculateBearing(n, g, c.mode === "RL", 2);
           o = K.roundPrecision(o + p, 4);
           let w;
-          c.mode === "RL" ? w = K.convertToMonotonicLng([n, f]) : w = K.convertToMonotonicLng(Ge.interpolateCoordinates(n, f, 200));
+          c.mode === "RL" ? w = K.convertToMonotonicLng([n, g]) : w = K.convertToMonotonicLng(Ge.interpolateCoordinates(n, g, 200));
           const k = G.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 = K.roundPrecision((c.totalDist ? c.totalDist : 0) + p, 4), g.properties.sumLabel = g.properties.totalDist + " nm";
+          const f = e[a];
+          f.properties.totalDist = K.roundPrecision((c.totalDist ? c.totalDist : 0) + p, 4), f.properties.sumLabel = f.properties.totalDist + " nm";
         }
         e.push(...i), t.total = o;
       }
@@ -12164,18 +12171,18 @@ const zm = {
       const a = G.featureCollection([]);
       let r, s;
       if (e) {
-        const n = e.properties, f = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, p = { lng: o.lng, lat: o.lat };
-        r = Ge.calculateDistance(f, p, n.mode === "RL", 4), s = Ge.calculateBearing(f, p, n.mode === "RL", 2);
+        const n = e.properties, g = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, p = { lng: o.lng, lat: o.lat };
+        r = Ge.calculateDistance(g, p, n.mode === "RL", 4), s = Ge.calculateBearing(g, p, n.mode === "RL", 2);
         let y;
-        n.mode === "RL" ? y = K.convertToMonotonicLng([f, p]) : y = K.convertToMonotonicLng(Ge.interpolateCoordinates(f, p, 200));
+        n.mode === "RL" ? y = K.convertToMonotonicLng([g, p]) : y = K.convertToMonotonicLng(Ge.interpolateCoordinates(g, p, 200));
         const w = G.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, f = o, p = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
-        r = Ge.calculateDistance(f, p, n.mode === "RL", 4), s = Ge.calculateBearing(f, p, n.mode === "RL", 2);
+        const n = o.properties, g = o, p = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
+        r = Ge.calculateDistance(g, p, n.mode === "RL", 4), s = Ge.calculateBearing(g, p, n.mode === "RL", 2);
         let y;
-        n.mode === "RL" ? y = K.convertToMonotonicLng([f, p]) : y = K.convertToMonotonicLng(Ge.interpolateCoordinates(f, p, 200));
+        n.mode === "RL" ? y = K.convertToMonotonicLng([g, p]) : y = K.convertToMonotonicLng(Ge.interpolateCoordinates(g, p, 200));
         const w = G.lineString(y.map((k) => [k.lng, k.lat]));
         w.properties.dist = r, w.properties.bearing = s, a.features.push(w);
       }
@@ -12308,21 +12315,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 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];
+          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];
         }
         if (t.closed) {
-          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);
+          const c = s.at(-1), g = 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">${g.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, f, p, y, w, k, g, z;
+      var s, c, n, g, p, y, w, k, f, 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), (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) => {
+      (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), (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] = [], (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);
+      }), this.pointMarkers[t.id] = [], (k = this.tipMarker) == null || k.remove(), this.tipMarker = void 0, e && ((f = this.map) != null && f.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" };
@@ -12487,7 +12494,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" }, Em = { class: "text-body-1" };
 function jm(t, e, o, i, a, r) {
-  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");
+  const s = x("DateTimePicker"), c = x("VListItemTitle"), n = x("VListItem"), g = 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",
@@ -12501,9 +12508,9 @@ function jm(t, e, o, i, a, r) {
           "day-about": a.dayAbout,
           "interval-hour": a.intervalHour
         }, t.$attrs, {
-          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)
+          onCurrentTimestamp: e[0] || (e[0] = (f) => a.currentTimestamp = f),
+          onCurrentRealTime: e[1] || (e[1] = (f) => a.currentRealTime = f),
+          onTimestampRange: e[2] || (e[2] = (f) => a.timestampRange = f)
         }), null, 16, ["date-time", "time-zone", "day-about", "interval-hour"]),
         h(y, {
           text: "",
@@ -12515,15 +12522,15 @@ function jm(t, e, o, i, a, r) {
             N(m(a.intervalHour) + " h ", 1),
             h(p, { activator: "parent" }, {
               default: u(() => [
-                h(f, { class: "pa-1" }, {
+                h(g, { class: "pa-1" }, {
                   default: u(() => [
-                    (b(!0), S(be, null, we(a.intervalOptions, (g, z) => (b(), R(n, {
+                    (b(!0), S(be, null, we(a.intervalOptions, (f, z) => (b(), R(n, {
                       key: z,
-                      value: g,
-                      variant: a.intervalHour === g ? "tonal" : "text",
+                      value: f,
+                      variant: a.intervalHour === f ? "tonal" : "text",
                       color: "primary",
                       rounded: "",
-                      active: a.intervalHour === g,
+                      active: a.intervalHour === f,
                       height: "30",
                       "min-height": "30",
                       "min-width": "30",
@@ -12531,10 +12538,10 @@ function jm(t, e, o, i, a, r) {
                     }, {
                       default: u(() => [
                         h(c, {
-                          onClick: (T) => a.intervalHour = g
+                          onClick: (T) => a.intervalHour = f
                         }, {
                           default: u(() => [
-                            N(m(g) + "h", 1)
+                            N(m(f) + "h", 1)
                           ]),
                           _: 2
                         }, 1032, ["onClick"])
@@ -12634,10 +12641,10 @@ function jm(t, e, o, i, a, r) {
           text: t.$t("weather.windBarbs"),
           location: "top"
         }, {
-          activator: u(({ props: g }) => {
+          activator: u(({ props: f }) => {
             var z, T;
             return [
-              h(y, B(g, {
+              h(y, B(f, {
                 class: "pa-1 d-flex",
                 color: (z = o.weatherCheckList) != null && z.includes("wind") ? "primary" : "",
                 variant: (T = o.weatherCheckList) != null && T.includes("wind") ? "elevated" : "text",
@@ -12660,10 +12667,10 @@ function jm(t, e, o, i, a, r) {
           text: t.$t("weather.sigWaveHeight"),
           location: "top"
         }, {
-          activator: u(({ props: g }) => {
+          activator: u(({ props: f }) => {
             var z, T;
             return [
-              h(y, B(g, {
+              h(y, B(f, {
                 class: "pa-1 d-flex",
                 color: (z = o.weatherCheckList) != null && z.includes("sig-wave-height") ? "primary" : "",
                 variant: (T = o.weatherCheckList) != null && T.includes("sig-wave-height") ? "elevated" : "text",
@@ -12673,7 +12680,7 @@ function jm(t, e, o, i, a, r) {
                 onClick: e[4] || (e[4] = (O) => r.handleClickFastWeather("sig-wave-height"))
               }), {
                 default: u(() => [
-                  l("i", B(g, { class: "iconfont icon-a-WaveHeight" }), null, 16)
+                  l("i", B(f, { class: "iconfont icon-a-WaveHeight" }), null, 16)
                 ]),
                 _: 2
               }, 1040, ["color", "variant"])
@@ -12685,10 +12692,10 @@ function jm(t, e, o, i, a, r) {
           text: t.$t("weather.currentDirection"),
           location: "top"
         }, {
-          activator: u(({ props: g }) => {
+          activator: u(({ props: f }) => {
             var z, T;
             return [
-              h(y, B(g, {
+              h(y, B(f, {
                 class: "pa-1 d-flex",
                 color: (z = o.weatherCheckList) != null && z.includes("current-direction") ? "primary" : "",
                 variant: (T = o.weatherCheckList) != null && T.includes("current-direction") ? "elevated" : "text",
@@ -12698,7 +12705,7 @@ function jm(t, e, o, i, a, r) {
                 onClick: e[5] || (e[5] = (O) => r.handleClickFastWeather("current-direction"))
               }), {
                 default: u(() => [
-                  l("i", B(g, { class: "iconfont icon-Current" }), null, 16)
+                  l("i", B(f, { class: "iconfont icon-Current" }), null, 16)
                 ]),
                 _: 2
               }, 1040, ["color", "variant"])
@@ -12710,8 +12717,8 @@ function jm(t, e, o, i, a, r) {
           text: t.$t("weather.weatherLayers"),
           location: "top"
         }, {
-          activator: u(({ props: g }) => [
-            h(y, B(g, {
+          activator: u(({ props: f }) => [
+            h(y, B(f, {
               class: "pa-1 d-flex",
               variant: "text",
               height: "24",
@@ -12720,7 +12727,7 @@ function jm(t, e, o, i, a, r) {
               onClick: r.handleClickFastMore
             }), {
               default: u(() => [
-                l("i", B(g, { class: "iconfont icon-dots-align" }), null, 16)
+                l("i", B(f, { class: "iconfont icon-dots-align" }), null, 16)
               ]),
               _: 2
             }, 1040, ["onClick"])
@@ -12739,7 +12746,7 @@ function jm(t, e, o, i, a, r) {
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2 btn-bg-2",
           color: a.source === "GFS" ? "primary" : "",
-          onClick: e[6] || (e[6] = (g) => a.source = "GFS")
+          onClick: e[6] || (e[6] = (f) => a.source = "GFS")
         }, {
           default: u(() => e[15] || (e[15] = [
             N("NOAA", -1)
@@ -12752,7 +12759,7 @@ function jm(t, e, o, i, a, r) {
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2 btn-bg-2",
           color: a.source === "ECMWF" ? "primary" : "",
-          onClick: e[7] || (e[7] = (g) => a.source = "ECMWF")
+          onClick: e[7] || (e[7] = (f) => a.source = "ECMWF")
         }, {
           default: u(() => e[16] || (e[16] = [
             N("ECMWF", -1)
@@ -12767,11 +12774,11 @@ function jm(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, (g) => (b(), S("div", {
-          key: g,
+        (b(!0), S(be, null, we(a.offsets, (f) => (b(), S("div", {
+          key: f,
           class: "item rounded text-body-2 hover-active",
-          onClick: (z) => a.timeZone = g
-        }, m(g < 0 ? g : "+" + g), 9, Om))), 128))
+          onClick: (z) => a.timeZone = f
+        }, m(f < 0 ? f : "+" + f), 9, Om))), 128))
       ])) : I("", !0),
       l("div", Bm, [
         h(y, {
@@ -12780,7 +12787,7 @@ function jm(t, e, o, i, a, r) {
           height: "28",
           class: "pa-1 text-body-1",
           color: "primary",
-          onClick: e[8] || (e[8] = (g) => a.showTimezone = !a.showTimezone)
+          onClick: e[8] || (e[8] = (f) => a.showTimezone = !a.showTimezone)
         }, {
           default: u(() => [
             N(" UTC " + m(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
@@ -12856,7 +12863,7 @@ const Nm = /* @__PURE__ */ X(Tm, [["render", jm]]), Fm = {
   class: "map-gl4-home"
 };
 function Gm(t, e, o, i, a, r) {
-  const s = x("IdmOtherLayer"), c = x("IdmWeatherLayer"), n = x("IdmTropicals"), f = x("IdmMeasure"), p = x("IdmSpot"), y = x("IdmBottomBar");
+  const s = x("IdmOtherLayer"), c = x("IdmWeatherLayer"), n = x("IdmTropicals"), g = x("IdmMeasure"), p = x("IdmSpot"), y = x("IdmBottomBar");
   return b(), S("div", Hm, [
     h(s, B({
       ref: "idmOtherLayers",
@@ -12902,7 +12909,7 @@ function Gm(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(f, B({
+    h(g, B({
       map: o.map,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["map", "map-feather"]),
@@ -12931,7 +12938,7 @@ class Um {
     ce(this, "hi");
     ce(this, "td");
     ce(this, "windy");
-    var o, i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee, $, J, pe, me, Q, ae, de, se, he, ge, H, ne, xe, Le, Pe, Ae, De, Re, _e, W, te, Fe, Me, ue, fe, U, Ce, oe, re, Oe, j, ye, Ie, Be, Ee, E, q, Ve, Ye, Ze, Te, qe, Xe, Ke, $e, Qe, Je, 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, Mt, It, At, Dt, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Yt, Zt, qt, Xt, Kt, Qt, Jt, eo, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, To, So, Mo, Io, Ao, Do, Ro, Oo, Bo, Eo, jo, No, Fo, Ho, Go, Wo, Uo, Vo, Yo, Zo, qo, Xo, Ko, $o, Qo, Jo, 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, Ma, Ia, Aa, Da, Ra, Oa, Ba, Ea, ja, Na, Fa, Ha, Ga, Wa, Ua;
+    var o, i, a, r, s, c, n, g, p, y, w, k, f, z, T, O, M, P, _, L, C, v, A, F, Y, Z, V, ee, $, J, pe, me, Q, ae, de, se, he, ge, H, ne, xe, Le, Pe, Ae, De, Re, _e, W, te, Fe, Me, ue, fe, U, Ce, oe, re, Oe, j, ye, Ie, Be, Ee, E, q, Ve, Ye, Ze, Te, qe, Xe, Ke, $e, Qe, Je, 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, Mt, It, At, Dt, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Gt, Wt, Ut, Vt, Yt, Zt, qt, Xt, Kt, Qt, Jt, eo, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, To, So, Mo, Io, Ao, Do, Ro, Oo, Bo, Eo, jo, No, Fo, Ho, Go, Wo, Uo, Vo, Yo, Zo, qo, Xo, Ko, $o, Qo, Jo, 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, Ma, Ia, Aa, Da, Ra, Oa, Ba, Ea, ja, Na, Fa, Ha, Ga, Wa, Ua;
     this.i4 = {
       source: {
         type: "raster",
@@ -31575,10 +31582,10 @@ class Um {
           (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"),
-          (f = (n = this.originStyle) == null ? void 0 : n.light.layers) == null ? void 0 : f.find((d) => d.id === "ice-area-line"),
+          (g = (n = this.originStyle) == null ? void 0 : n.light.layers) == null ? void 0 : g.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"),
+          (z = (f = this.originStyle) == null ? void 0 : f.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 = (M = this.originStyle) == null ? void 0 : M.light.layers) == null ? void 0 : P.find((d) => d.id === "country-boundaries"),
           (L = (_ = this.originStyle) == null ? void 0 : _.light.layers) == null ? void 0 : L.find((d) => d.id === "water-outline"),