@idmwx/idmui-gl4 1.1.8 → 1.2.0

package/dist/index.js

@@ -3,7 +3,7 @@ var $a = (t, e, o) => e in t ? Xa(t, e, { enumerable: !0, configurable: !0, writ
 var me = (t, e, o) => ($a(t, typeof e != "symbol" ? e + "" : e, o), o);
 import Se from "axios";
 import { useTheme as ze } from "vuetify";
-import { openBlock as y, createElementBlock as S, resolveComponent as x, withDirectives as Ne, createBlock as A, withCtx as u, createVNode as d, withModifiers as ro, createElementVNode as l, vShow as Fe, normalizeClass as We, toDisplayString as h, createTextVNode as N, Fragment as be, renderList as we, createCommentVNode as O, mergeProps as B, normalizeStyle as ie } from "vue";
+import { openBlock as y, createElementBlock as S, resolveComponent as x, createBlock as D, withCtx as u, createVNode as d, withModifiers as ro, createElementVNode as l, createCommentVNode as O, normalizeClass as We, toDisplayString as h, createTextVNode as N, Fragment as be, renderList as we, withDirectives as Ne, vShow as Fe, mergeProps as B, normalizeStyle as ie } from "vue";
 import ve from "mapbox-gl";
 import { LngLatHelper as G, TropicalHelper as Va, LaneHelper as Ue } from "@idm-plugin/geo";
 import M from "moment";
@@ -366,31 +366,34 @@ const mi = {
       lineLayer: "alert-zone-line-layer",
       lineLabelLayer: "alert-zone-line-label-layer",
       pointLayer: "alert-zone-point-layer",
-      showZone: !1,
-      form: {}
+      showMakerInfo: !1,
+      form: {},
+      marker: null
     };
   },
   watch: {
     zone: {
       handler() {
         var t, e, o, i, a, r;
-        this.zone ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick), (e = this.map) == null || e.on("mousemove", [this.pointLayer], this.handleHover), (o = this.map) == null || o.on("mouseleave", [this.pointLayer], this.handleLeave)) : (this.handleClear(), (i = this.map) == null || i.off("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick), (a = this.map) == null || a.off("mousemove", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleHover), (r = this.map) == null || r.off("mouseleave", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleLeave));
+        this.zone ? (this.handleRender(), (t = this.map) == null || t.on("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick), (e = this.map) == null || e.on("mousemove", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleHover), (o = this.map) == null || o.on("mouseleave", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleLeave)) : (this.handleClear(), (i = this.map) == null || i.off("click", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleClick), (a = this.map) == null || a.off("mousemove", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleHover), (r = this.map) == null || r.off("mouseleave", [this.polygonLabelLayer, this.lineLabelLayer, this.pointLayer], this.handleLeave));
       },
       immediate: !0
     }
   },
   methods: {
     handleClick(t) {
-      var i;
-      const e = t.features[0], o = (i = this.zone) == null ? void 0 : i.features.filter((a) => {
-        var r;
-        return a.properties.id === ((r = e == null ? void 0 : e.properties) == null ? void 0 : r.id);
+      var i, a, r;
+      const e = t.features[0], o = (a = (i = this.zone) == null ? void 0 : i.features) == null ? void 0 : a.filter((s) => {
+        var c, n;
+        return ((c = s.properties) == null ? void 0 : c.id) === ((n = e == null ? void 0 : e.properties) == null ? void 0 : n.id);
       })[0];
-      if (o) {
-        this.showZone = !0, this.form = { ...o.properties };
-        const a = document.getElementById("idm-gl4-zone-info");
-        this.marker ? this.marker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.marker = new ve.Marker(a).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
-      }
+      o && (this.showMakerInfo = !0, this.form = { ...o.properties }, (r = this.marker) == null || r.remove(), this.$nextTick(() => {
+        var n, g;
+        const s = (n = document.getElementById("idm-gl4-zone-info")) == null ? void 0 : n.cloneNode(!0), c = (g = s == null ? void 0 : s.children[1]) == null ? void 0 : g.children[0];
+        c && (c.onclick = () => {
+          this.handleRemoveMarker();
+        }), this.marker = new ve.Marker(s).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([230, 0]).addTo(this.map);
+      }));
     },
     handleRender() {
       var t;
@@ -481,12 +484,17 @@ const mi = {
     },
     handleLeave() {
       this.map.getCanvas().style.cursor = "grab";
+    },
+    handleRemoveMarker() {
+      var t;
+      this.showMakerInfo = !1, (t = this.marker) == null || t.remove();
     }
   }
 }, di = ["innerHTML"];
 function hi(t, e, o, i, a, r) {
   const s = x("VBtn"), c = x("v-card-text"), n = x("v-card");
-  return Ne((y(), A(n, {
+  return a.showMakerInfo ? (y(), D(n, {
+    key: 0,
     class: "scroll",
     id: "idm-gl4-zone-info"
   }, {
@@ -500,14 +508,14 @@ function hi(t, e, o, i, a, r) {
               density: "compact",
               variant: "plain",
               class: "close",
-              onClick: e[0] || (e[0] = ro((p) => a.showZone = !1, ["stop"]))
+              onClick: ro(r.handleRemoveMarker, ["stop"])
             }, {
-              default: u(() => e[1] || (e[1] = [
+              default: u(() => e[0] || (e[0] = [
                 l("i", { class: "iconfont icon-close text-label text-h4" }, null, -1)
               ])),
               _: 1,
-              __: [1]
-            }),
+              __: [0]
+            }, 8, ["onClick"]),
             l("div", {
               class: "rich-context",
               innerHTML: (g = a.form) == null ? void 0 : g.name
@@ -518,9 +526,7 @@ function hi(t, e, o, i, a, r) {
       })
     ]),
     _: 1
-  }, 512)), [
-    [Fe, a.showZone]
-  ]);
+  })) : O("", !0);
 }
 const pi = /* @__PURE__ */ Y(mi, [["render", hi]]);
 const ui = {
@@ -1349,8 +1355,6 @@ const ui = {
         { label: "Swell", key: "weather.swell", unit: "m" },
         { label: "Current", key: "weather.current", unit: "kts" }
       ],
-      tideData: {},
-      tideTableData: [],
       currentIndex: 0,
       loading: !1,
       interval: 6,
@@ -1488,14 +1492,21 @@ const ui = {
         { label: "Swell", key: "weather.swell", unit: "m" },
         { label: "Current", key: "weather.current", unit: "kts" }
       ], (o = (e = this.dateList) == null ? void 0 : e[this.currentIndex]) == null || o.dateTimeList.forEach((i, a) => {
-        var c, n, g, p, f, w, L, _, P, b, D, I, C, v, k, T, z, R, V, K, X, Z, J, ee, Q, re, de, pe, se, $, ae, ue, ne, F, ce, xe, Le, Pe;
+        var c, n, g, p, f, w, P, z, L, b, A, I, C, v, _, T, k, R, V, K, X, Z, J, ee, Q, re, de, pe, se, $, ae, ue, ne, F, ce, xe, Le, Pe;
         let r = {};
         const s = ((c = oo.pickHourly(t, M(i))) == null ? void 0 : c[0]) || {};
-        r.utc = s.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = s.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((g = s == null ? void 0 : s.weather) == null ? void 0 : g.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((f = (p = s == null ? void 0 : s.weather) == null ? void 0 : p.precip) == null ? void 0 : f.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((L = (w = s == null ? void 0 : s.weather) == null ? void 0 : w.precip) == null ? void 0 : L.sum, 0) ?? "-", r.visibility = this.computeRoundPrecision((_ = s == null ? void 0 : s.weather) == null ? void 0 : _.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((b = (P = s == null ? void 0 : s.weather) == null ? void 0 : P.wind) == null ? void 0 : b.kts, 1) ?? "-", r.windDir = (I = (D = s == null ? void 0 : s.weather) == null ? void 0 : D.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((v = (C = s == null ? void 0 : s.weather) == null ? void 0 : C.wind) == null ? void 0 : v.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((T = (k = s == null ? void 0 : s.weather) == null ? void 0 : k.wind) == null ? void 0 : T.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((R = (z = s == null ? void 0 : s.wave) == null ? void 0 : z.sig) == null ? void 0 : R.height, 1) ?? "-", r.sigwaveDir = (K = (V = s == null ? void 0 : s.wave) == null ? void 0 : V.sig) == null ? void 0 : K.direction, r.sigwavePeriod = this.computeRoundPrecision((Z = (X = s == null ? void 0 : s.wave) == null ? void 0 : X.sig) == null ? void 0 : Z.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((ee = (J = s == null ? void 0 : s.wave) == null ? void 0 : J.wd) == null ? void 0 : ee.height, 1) ?? "-", r.windwaveDir = (re = (Q = s == null ? void 0 : s.wave) == null ? void 0 : Q.wd) == null ? void 0 : re.direction, r.windwavePeriod = this.computeRoundPrecision((pe = (de = s == null ? void 0 : s.wave) == null ? void 0 : de.wd) == null ? void 0 : pe.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision(($ = (se = s == null ? void 0 : s.wave) == null ? void 0 : se.swell) == null ? void 0 : $.height, 1) ?? "-", r.swellDir = (ue = (ae = s == null ? void 0 : s.wave) == null ? void 0 : ae.swell) == null ? void 0 : ue.direction, r.swellPeriod = this.computeRoundPrecision((F = (ne = s == null ? void 0 : s.wave) == null ? void 0 : ne.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((ce = s == null ? void 0 : s.current) == null ? void 0 : ce.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((f = (p = s == null ? void 0 : s.weather) == null ? void 0 : p.precip) == null ? void 0 : f.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((P = (w = s == null ? void 0 : s.weather) == null ? void 0 : w.precip) == null ? void 0 : P.sum, 0) ?? "-", r.visibility = this.computeRoundPrecision((z = s == null ? void 0 : s.weather) == null ? void 0 : z.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((b = (L = s == null ? void 0 : s.weather) == null ? void 0 : L.wind) == null ? void 0 : b.kts, 1) ?? "-", r.windDir = (I = (A = s == null ? void 0 : s.weather) == null ? void 0 : A.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((v = (C = s == null ? void 0 : s.weather) == null ? void 0 : C.wind) == null ? void 0 : v.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((T = (_ = s == null ? void 0 : s.weather) == null ? void 0 : _.wind) == null ? void 0 : T.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((R = (k = s == null ? void 0 : s.wave) == null ? void 0 : k.sig) == null ? void 0 : R.height, 1) ?? "-", r.sigwaveDir = (K = (V = s == null ? void 0 : s.wave) == null ? void 0 : V.sig) == null ? void 0 : K.direction, r.sigwavePeriod = this.computeRoundPrecision((Z = (X = s == null ? void 0 : s.wave) == null ? void 0 : X.sig) == null ? void 0 : Z.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((ee = (J = s == null ? void 0 : s.wave) == null ? void 0 : J.wd) == null ? void 0 : ee.height, 1) ?? "-", r.windwaveDir = (re = (Q = s == null ? void 0 : s.wave) == null ? void 0 : Q.wd) == null ? void 0 : re.direction, r.windwavePeriod = this.computeRoundPrecision((pe = (de = s == null ? void 0 : s.wave) == null ? void 0 : de.wd) == null ? void 0 : pe.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision(($ = (se = s == null ? void 0 : s.wave) == null ? void 0 : se.swell) == null ? void 0 : $.height, 1) ?? "-", r.swellDir = (ue = (ae = s == null ? void 0 : s.wave) == null ? void 0 : ae.swell) == null ? void 0 : ue.direction, r.swellPeriod = this.computeRoundPrecision((F = (ne = s == null ? void 0 : s.wave) == null ? void 0 : ne.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((ce = s == null ? void 0 : s.current) == null ? void 0 : ce.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() {
-      this.showTideDetail = !0, this.showPortDetail = !1, this.fetchTidesData();
+      this.showTideDetail = !0, this.showPortDetail = !1, this.$nextTick(() => {
+        Object.keys(this.tideData).length === 0 && this.fetchTidesData();
+        const t = this.$refs.scrollDom;
+        t && t.scrollTo({
+          top: t.scrollHeight - t.clientHeight
+          // behavior: 'smooth'
+        });
+      });
     },
     async fetchTidesData() {
       var o, i, a, r;
@@ -1525,14 +1536,7 @@ const ui = {
         height: []
       }, (t = this.tideTableData) == null || t.forEach((e) => {
         this.xDate.push(this.computeHourLT(e.date, this.port)), this.echartData.height.push([this.computeHourLT(e.date, this.port), e.height ?? void 0, "m"]);
-      }), this.$nextTick(() => {
-        this.initEchart();
-        const e = this.$refs.scrollDom;
-        e && e.scrollTo({
-          top: e.scrollHeight - e.clientHeight
-          // behavior: 'smooth'
-        });
-      });
+      }), this.initEchart();
     },
     initEchart() {
       io.dispose(this.$refs.tideEchart.style);
@@ -1677,18 +1681,18 @@ const ui = {
 }, ur = { class: "px-1 text-center" }, gr = { class: "px-1 text-center" }, fr = { class: "px-1 text-center" };
 function yr(t, e, o, i, a, r) {
   const s = x("VBtn"), c = x("VCardTitle"), n = x("VDivider"), g = x("VIcon"), p = x("VBtnToggle"), f = x("VCard");
-  return y(), A(f, { class: "port-detail-container d-flex flex-column justify-start align-center" }, {
+  return y(), D(f, { class: "port-detail-container d-flex flex-column justify-start align-center" }, {
     default: u(() => {
-      var w, L, _, P;
+      var w, P, z, L;
       return [
         d(c, { class: "w-100" }, {
           default: u(() => {
-            var b, D, I, C, v;
+            var b, A, I, C, v;
             return [
               l("div", gi, [
                 l("div", fi, [
                   l("div", {
-                    class: We(["fi mr-2 rounded elevation-4", `fi-${(b = o.port) != null && b.cntLoCode ? (I = (D = o.port) == null ? void 0 : D.cntLoCode) == null ? void 0 : I.toLowerCase() : "xx"}`]),
+                    class: We(["fi mr-2 rounded elevation-4", `fi-${(b = o.port) != null && b.cntLoCode ? (I = (A = o.port) == null ? void 0 : A.cntLoCode) == null ? void 0 : I.toLowerCase() : "xx"}`]),
                     style: { width: "36px", height: "24px" }
                   }, null, 2),
                   l("div", null, h((C = o.port) == null ? void 0 : C.name), 1)
@@ -1721,9 +1725,9 @@ function yr(t, e, o, i, a, r) {
         d(n, { class: "w-100" }),
         l("div", bi, [
           o.followList.some((b) => {
-            var D;
-            return ((D = b.port) == null ? void 0 : D.id) === o.portId;
-          }) ? (y(), A(s, {
+            var A;
+            return ((A = b.port) == null ? void 0 : A.id) === o.portId;
+          }) ? (y(), D(s, {
             key: 0,
             class: "text-none text-body-1 rounded flex-1-1-0",
             variant: "tonal",
@@ -1739,7 +1743,7 @@ function yr(t, e, o, i, a, r) {
               N(" " + h(t.$t("actions.unfollow")), 1)
             ]),
             _: 1
-          }, 8, ["onClick"])) : (y(), A(s, {
+          }, 8, ["onClick"])) : (y(), D(s, {
             key: 1,
             class: "text-none text-body-1 rounded flex-1-1-0",
             variant: "tonal",
@@ -1782,11 +1786,11 @@ function yr(t, e, o, i, a, r) {
             l("div", Li, [
               l("div", Pi, [
                 l("div", Ci, h(t.$t("port.region")), 1),
-                l("div", Ti, h(((w = o.port) == null ? void 0 : w.region) ?? ((L = o.port) == null ? void 0 : L.city) ?? "-"), 1)
+                l("div", Ti, h(((w = o.port) == null ? void 0 : w.region) ?? ((P = o.port) == null ? void 0 : P.city) ?? "-"), 1)
               ]),
               l("div", Si, [
                 l("div", Ii, h(t.$t("port.position")), 1),
-                l("div", Mi, h(r.computeLng((_ = o.port) == null ? void 0 : _.lng) ?? "-") + " , " + h(r.computeLat((P = o.port) == null ? void 0 : P.lat) ?? "-"), 1)
+                l("div", Mi, h(r.computeLng((z = o.port) == null ? void 0 : z.lng) ?? "-") + " , " + h(r.computeLat((L = o.port) == null ? void 0 : L.lat) ?? "-"), 1)
               ]),
               l("div", Ai, [
                 l("div", Di, h(t.$t("time.localTime")), 1),
@@ -1818,7 +1822,7 @@ function yr(t, e, o, i, a, r) {
                 rounded: "1"
               }, {
                 default: u(() => [
-                  (y(!0), S(be, null, we(r.dateList, (b) => (y(), A(s, {
+                  (y(!0), S(be, null, we(r.dateList, (b) => (y(), D(s, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
@@ -1886,14 +1890,14 @@ function yr(t, e, o, i, a, r) {
                 l("div", null, h(t.$t("tide.tideTimes")), 1)
               ]),
               l("div", sr, [
-                a.showTideDetail ? (y(), A(s, {
+                a.showTideDetail ? (y(), D(s, {
                   key: 0,
                   icon: "mdi-eye-off-outline",
                   density: "compact",
                   variant: "plain",
                   size: "small",
                   onClick: e[1] || (e[1] = (b) => a.showTideDetail = !1)
-                })) : (y(), A(s, {
+                })) : (y(), D(s, {
                   key: 1,
                   icon: "mdi-eye-outline",
                   density: "compact",
@@ -1912,9 +1916,9 @@ function yr(t, e, o, i, a, r) {
                     l("th", hr, h(t.$t("time.time")) + " ( LT ) ", 1),
                     l("th", pr, h(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (y(!0), S(be, null, we(a.tideTableData, (b, D) => {
+                  (y(!0), S(be, null, we(a.tideTableData, (b, A) => {
                     var I;
-                    return y(), S("tr", { key: D }, [
+                    return y(), S("tr", { key: A }, [
                       l("td", ur, h(t.$t(`tide.${(I = b == null ? void 0 : b.type) == null ? void 0 : I.toLowerCase()}`)) + " " + h(t.$t("tide.tide")), 1),
                       l("td", gr, h(r.computeHourLT(b == null ? void 0 : b.date, o.port)), 1),
                       l("td", fr, h((b == null ? void 0 : b.height) ?? "-") + " m", 1)
@@ -1930,7 +1934,7 @@ function yr(t, e, o, i, a, r) {
     _: 1
   });
 }
-const lo = /* @__PURE__ */ Y(ui, [["render", yr], ["__scopeId", "data-v-5eb3dfe5"]]);
+const lo = /* @__PURE__ */ Y(ui, [["render", yr], ["__scopeId", "data-v-6662019c"]]);
 const br = {
   name: "IdmPort",
   components: {
@@ -2032,16 +2036,18 @@ const br = {
       this.portId = e.properties.id, e.properties.id && (this.port = e.properties, this.port.lng = e.geometry.coordinates[0], this.port.lat = e.geometry.coordinates[1], this.port.forecastModel = this.forecastModel, this.showDetail = !0);
     },
     handleHover(t) {
+      var i, a;
       this.map.getCanvas().style.cursor = "pointer";
       const e = t.features[0];
       if (e.properties.id) {
-        this.showInfo = !0, this.hoverPort = e.properties;
-        const i = document.getElementById("idmPortInfo");
-        this.marker ? this.marker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.marker = new ve.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.showInfo = !0, this.hoverPort = e.properties, (i = this.marker) == null || i.remove();
+        const r = (a = document.getElementById("idmPortInfo")) == null ? void 0 : a.cloneNode(!0);
+        this.marker = new ve.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
-      this.showInfo = !1, this.hoverPort = {}, this.map.getCanvas().style.cursor = "grab";
+      var t;
+      this.showInfo = !1, this.hoverPort = {}, (t = this.marker) == null || t.remove(), this.map.getCanvas().style.cursor = "grab";
     },
     handleCloseDetail() {
       this.showDetail = !1;
@@ -2076,7 +2082,7 @@ function _r(t, e, o, i, a, r) {
     }, 512), [
       [Fe, a.showInfo]
     ]),
-    a.showDetail ? (y(), A(n, B({
+    a.showDetail ? (y(), D(n, B({
       key: 0,
       portId: a.portId,
       port: a.port,
@@ -2086,7 +2092,7 @@ function _r(t, e, o, i, a, r) {
     }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "onClose"])) : O("", !0)
   ]);
 }
-const kr = /* @__PURE__ */ Y(br, [["render", _r], ["__scopeId", "data-v-a75dcce3"]]), zr = {
+const kr = /* @__PURE__ */ Y(br, [["render", _r], ["__scopeId", "data-v-c99525a1"]]), zr = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -2970,17 +2976,17 @@ const Yr = {
 }, Ll = { class: "px-1 text-center" }, Pl = { class: "px-1 text-center" }, Cl = { class: "px-1 text-center" };
 function Tl(t, e, o, i, a, r) {
   const s = x("VBtn"), c = x("v-card-title"), n = x("v-divider"), g = x("VBtnToggle"), p = x("v-card");
-  return y(), A(p, { class: "tide-detail-container d-flex flex-column justify-start align-center" }, {
+  return y(), D(p, { class: "tide-detail-container d-flex flex-column justify-start align-center" }, {
     default: u(() => {
-      var f, w, L, _;
+      var f, w, P, z;
       return [
         d(c, { class: "w-100" }, {
           default: u(() => {
-            var P;
+            var L;
             return [
               l("div", Kr, [
                 l("div", Xr, [
-                  l("div", null, h((P = o.station) == null ? void 0 : P.name), 1)
+                  l("div", null, h((L = o.station) == null ? void 0 : L.name), 1)
                 ]),
                 d(s, {
                   icon: "",
@@ -3024,7 +3030,7 @@ function Tl(t, e, o, i, a, r) {
               ]),
               l("div", nl, [
                 l("div", cl, h(t.$t("tide.position")), 1),
-                l("div", ml, h(r.computeLng((L = o.station) == null ? void 0 : L.lng) ?? "-") + " , " + h(r.computeLat((_ = o.station) == null ? void 0 : _.lat) ?? "-"), 1)
+                l("div", ml, h(r.computeLng((P = o.station) == null ? void 0 : P.lng) ?? "-") + " , " + h(r.computeLat((z = o.station) == null ? void 0 : z.lat) ?? "-"), 1)
               ]),
               l("div", dl, [
                 l("div", hl, h(t.$t("time.localTime")), 1),
@@ -3047,7 +3053,7 @@ function Tl(t, e, o, i, a, r) {
             l("div", wl, [
               d(g, {
                 modelValue: a.currentIndex,
-                "onUpdate:modelValue": e[0] || (e[0] = (P) => a.currentIndex = P),
+                "onUpdate:modelValue": e[0] || (e[0] = (L) => a.currentIndex = L),
                 class: "w-100 gray-card rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",
                 density: "compact",
                 group: "",
@@ -3056,15 +3062,15 @@ function Tl(t, e, o, i, a, r) {
                 rounded: "1"
               }, {
                 default: u(() => [
-                  (y(!0), S(be, null, we(r.dateList, (P) => (y(), A(s, {
+                  (y(!0), S(be, null, we(r.dateList, (L) => (y(), D(s, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
                     height: "26",
-                    value: P.index
+                    value: L.index
                   }, {
                     default: u(() => [
-                      N(h(P.label), 1)
+                      N(h(L.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 256))
@@ -3079,12 +3085,12 @@ function Tl(t, e, o, i, a, r) {
                     l("th", kl, h(t.$t("time.time")) + " ( LT )", 1),
                     l("th", zl, h(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (y(!0), S(be, null, we(a.tideTableData, (P, b) => {
-                    var D;
+                  (y(!0), S(be, null, we(a.tideTableData, (L, b) => {
+                    var A;
                     return y(), S("tr", { key: b }, [
-                      l("td", Ll, h(t.$t(`tide.${(D = P == null ? void 0 : P.type) == null ? void 0 : D.toLowerCase()}`)) + " " + h(t.$t("tide.tide")), 1),
-                      l("td", Pl, h(r.computeHourLT(P == null ? void 0 : P.date, o.station)), 1),
-                      l("td", Cl, h((P == null ? void 0 : P.height) ?? "-") + " m", 1)
+                      l("td", Ll, h(t.$t(`tide.${(A = L == null ? void 0 : L.type) == null ? void 0 : A.toLowerCase()}`)) + " " + h(t.$t("tide.tide")), 1),
+                      l("td", Pl, h(r.computeHourLT(L == null ? void 0 : L.date, o.station)), 1),
+                      l("td", Cl, h((L == null ? void 0 : L.height) ?? "-") + " m", 1)
                     ]);
                   }), 128))
                 ])
@@ -3168,16 +3174,18 @@ const Il = {
       e.properties && (this.station = e.properties, this.station.name = this.locale === "en" ? e.properties.Location_EN : e.properties.Location_CN, this.station.lng = e.geometry.coordinates[0], this.station.lat = e.geometry.coordinates[1], this.showDetail = !0);
     },
     handleHover(t) {
+      var o, i;
       this.map.getCanvas().style.cursor = "pointer";
       const e = t.features[0];
       if (e.properties) {
-        this.showInfo = !0, this.hoverStation = e.properties, this.hoverStation.name = this.locale === "en" ? e.properties.Location_EN : e.properties.Location_CN, this.hoverStation.lng = e.geometry.coordinates[0], this.hoverStation.lat = e.geometry.coordinates[1];
-        const o = document.getElementById("idmTidalInfo");
-        this.marker ? this.marker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.marker = new ve.Marker(o).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -60]).addTo(this.map);
+        this.showInfo = !0, this.hoverStation = e.properties, this.hoverStation.name = this.locale === "en" ? e.properties.Location_EN : e.properties.Location_CN, this.hoverStation.lng = e.geometry.coordinates[0], this.hoverStation.lat = e.geometry.coordinates[1], (o = this.marker) == null || o.remove();
+        const a = (i = document.getElementById("idmTidalInfo")) == null ? void 0 : i.cloneNode(!0);
+        this.marker = new ve.Marker(a).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -60]).addTo(this.map);
       }
     },
     handleLeave() {
-      this.showInfo = !1, this.hoverStation = {}, this.map.getCanvas().style.cursor = "grab";
+      var t;
+      this.showInfo = !1, this.hoverStation = {}, (t = this.marker) == null || t.remove(), this.map.getCanvas().style.cursor = "grab";
     },
     handleCloseDetail() {
       this.showDetail = !1;
@@ -3208,14 +3216,14 @@ function Ol(t, e, o, i, a, r) {
     }, 512), [
       [Fe, a.showInfo]
     ]),
-    a.showDetail ? (y(), A(n, B({
+    a.showDetail ? (y(), D(n, B({
       key: 0,
       station: a.station,
       onClose: r.handleCloseDetail
     }, t.$attrs), null, 16, ["station", "onClose"])) : O("", !0)
   ]);
 }
-const Bl = /* @__PURE__ */ Y(Il, [["render", Ol], ["__scopeId", "data-v-697976e5"]]), El = {
+const Bl = /* @__PURE__ */ Y(Il, [["render", Ol], ["__scopeId", "data-v-0d88b6ab"]]), El = {
   name: "IdmIceAreas",
   props: {
     map: {
@@ -4338,16 +4346,18 @@ const Ul = {
       this.portId = e.properties.id, e.properties.id && (this.port = e.properties, this.port.lng = e.geometry.coordinates[0], this.port.lat = e.geometry.coordinates[1], this.port.forecastModel = this.forecastModel, this.showDetail = !0);
     },
     handleHover(t) {
+      var i, a;
       this.map.getCanvas().style.cursor = "pointer";
       const e = t.features[0];
       if (e.properties.id) {
-        this.showInfo = !0, this.hoverPort = e.properties;
-        const i = document.getElementById("idmFollowPortInfo");
-        this.marker ? this.marker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.marker = new ve.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.showInfo = !0, this.hoverPort = e.properties, (i = this.marker) == null || i.remove();
+        const r = (a = document.getElementById("idmFollowPortInfo")) == null ? void 0 : a.cloneNode(!0);
+        this.marker = new ve.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
-      this.showInfo = !1, this.hoverPort = {}, this.map.getCanvas().style.cursor = "grab";
+      var t;
+      this.showInfo = !1, this.hoverPort = {}, (t = this.marker) == null || t.remove(), this.map.getCanvas().style.cursor = "grab";
     },
     handleCloseDetail() {
       this.showDetail = !1;
@@ -4382,7 +4392,7 @@ function Zl(t, e, o, i, a, r) {
     }, 512), [
       [Fe, a.showInfo]
     ]),
-    a.showDetail ? (y(), A(n, B({
+    a.showDetail ? (y(), D(n, B({
       key: 0,
       portId: a.portId,
       port: a.port,
@@ -4393,7 +4403,7 @@ function Zl(t, e, o, i, a, r) {
     }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "followList", "onClose"])) : O("", !0)
   ]);
 }
-const ql = /* @__PURE__ */ Y(Ul, [["render", Zl], ["__scopeId", "data-v-8a886ac9"]]);
+const ql = /* @__PURE__ */ Y(Ul, [["render", Zl], ["__scopeId", "data-v-3bd34216"]]);
 const Yl = {
   name: "IdmFollowPosition",
   props: {
@@ -5286,27 +5296,29 @@ const Yl = {
       const e = t.features[0];
       if (e.properties) {
         const f = e.properties;
-        f.lng = e.geometry.coordinates[0], f.lat = e.geometry.coordinates[1], console.log("point", f);
-        const w = M(), L = (o = M(this.realTime)) == null ? void 0 : o.diff(w, "d", !0), _ = {
+        f.lng = e.geometry.coordinates[0], f.lat = e.geometry.coordinates[1];
+        const w = M(), P = (o = M(this.realTime)) == null ? void 0 : o.diff(w, "d", !0), z = {
           lat: f.lat,
           lng: f.lng,
           datetime: this.realTime,
           forecastModel: this.forecastModel
         };
-        L >= 0 ? (s = (r = (a = (i = this.$parent) == null ? void 0 : i.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmSpot) == null || s.fetchMeteoData(_) : (p = (g = (n = (c = this.$parent) == null ? void 0 : c.$parent) == null ? void 0 : n.$refs) == null ? void 0 : g.idmSpot) == null || p.fetchHistoryData(_);
+        P >= 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(z) : (p = (g = (n = (c = this.$parent) == null ? void 0 : c.$parent) == null ? void 0 : n.$refs) == null ? void 0 : g.idmSpot) == null || p.fetchHistoryData(z);
       }
     },
     handleHover(t) {
+      var o;
       this.map.getCanvas().style.cursor = "pointer";
       const e = t.features[0];
       if (e.properties.id) {
-        this.showInfo = !0, this.position = e.properties;
-        const o = document.getElementById("idmFollowPositionInfo");
-        this.marker ? this.marker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.marker = new ve.Marker(o).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.showInfo = !0, this.position = e.properties, (o = this.marker) == null || o.remove();
+        const i = document.getElementById("idmFollowPositionInfo").cloneNode(!0);
+        this.marker = new ve.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
-      this.map.getCanvas().style.cursor = "grab", this.showInfo = !1;
+      var t;
+      this.showInfo = !1, (t = this.marker) == null || t.remove(), this.map.getCanvas().style.cursor = "grab";
     }
   }
 }, Kl = { class: "position-box d-flex flex-column justify-center align-start ga-1" }, Xl = { class: "d-flex justify-start align-center text-label" }, $l = {
@@ -5315,7 +5327,7 @@ const Yl = {
 };
 function Ql(t, e, o, i, a, r) {
   const s = x("v-card-text"), c = x("v-card");
-  return Ne((y(), A(c, {
+  return Ne((y(), D(c, {
     id: "idmFollowPositionInfo",
     ref: "idmFollowPositionInfo"
   }, {
@@ -5340,7 +5352,7 @@ function Ql(t, e, o, i, a, r) {
     [Fe, a.showInfo]
   ]);
 }
-const Jl = /* @__PURE__ */ Y(Yl, [["render", Ql], ["__scopeId", "data-v-f1715bad"]]);
+const Jl = /* @__PURE__ */ Y(Yl, [["render", Ql], ["__scopeId", "data-v-d9f71632"]]);
 const es = {
   name: "IdmOtherLayerr",
   components: {
@@ -5519,8 +5531,8 @@ const es = {
               })
             );
           (await Promise.all(s)).map((n) => {
-            var f, w, L;
-            const g = ((f = n == null ? void 0 : n.data) == null ? void 0 : f.data) || (n == null ? void 0 : n.data), p = (L = (w = n == null ? void 0 : n.config) == null ? void 0 : w.headers) == null ? void 0 : L.key;
+            var f, w, P;
+            const g = ((f = n == null ? void 0 : n.data) == null ? void 0 : f.data) || (n == null ? void 0 : n.data), p = (P = (w = n == null ? void 0 : n.config) == null ? void 0 : w.headers) == null ? void 0 : P.key;
             this.otherLayers[p] = g;
           });
         }
@@ -5559,7 +5571,7 @@ const es = {
 }, ds = { class: "text-body-2 text-center pt-1" };
 function hs(t, e, o, i, a, r) {
   var Q, re, de, pe, se, $, ae, ue, ne;
-  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), g = x("VCardItem"), p = x("VCheckbox"), f = x("VCardText"), w = x("VCard"), L = x("IdmLatLng"), _ = x("IdmTerminator"), P = x("IdmTimezone"), b = x("IdmPort"), D = x("IdmAlertZone"), I = x("IdmTideStations"), C = x("IdmEcaZone"), v = x("IdmWarZone"), k = x("IdmGmdssArea"), T = x("IdmLoadLine"), z = x("IdmWorldMarine"), R = x("IdmVRA"), V = x("IdmSpecialArea"), K = x("IdmWorld12nm"), X = x("IdmChinaRoute"), Z = x("IdmIceAreas"), J = x("IdmFollowPort"), ee = x("IdmFollowPosition");
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), g = x("VCardItem"), p = x("VCheckbox"), f = x("VCardText"), w = x("VCard"), P = x("IdmLatLng"), z = x("IdmTerminator"), L = x("IdmTimezone"), b = x("IdmPort"), A = x("IdmAlertZone"), I = x("IdmTideStations"), C = x("IdmEcaZone"), v = x("IdmWarZone"), _ = x("IdmGmdssArea"), T = x("IdmLoadLine"), k = x("IdmWorldMarine"), R = x("IdmVRA"), V = x("IdmSpecialArea"), K = x("IdmWorld12nm"), X = x("IdmChinaRoute"), Z = x("IdmIceAreas"), J = x("IdmFollowPort"), ee = x("IdmFollowPosition");
   return y(), S("div", ts, [
     l("div", {
       class: "menu-bar-box transition px-1 rounded",
@@ -5643,7 +5655,7 @@ function hs(t, e, o, i, a, r) {
                     l("div", ds, h(t.$t(`layer.${F.locale}`)), 1)
                   ], 8, ls))), 128))
                 ]),
-                (y(!0), S(be, null, we(a.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (y(), A(p, {
+                (y(!0), S(be, null, we(a.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (y(), D(p, {
                   key: F.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[0] || (e[0] = (ce) => a.checkList = ce),
@@ -5682,7 +5694,7 @@ function hs(t, e, o, i, a, r) {
             }),
             d(f, { class: "py-2" }, {
               default: u(() => [
-                (y(!0), S(be, null, we(a.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), A(p, {
+                (y(!0), S(be, null, we(a.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), D(p, {
                   key: F.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[1] || (e[1] = (ce) => a.checkList = ce),
@@ -5721,7 +5733,7 @@ function hs(t, e, o, i, a, r) {
             }),
             d(f, { class: "py-2" }, {
               default: u(() => [
-                (y(!0), S(be, null, we(a.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), A(p, {
+                (y(!0), S(be, null, we(a.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (y(), D(p, {
                   key: F.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[2] || (e[2] = (ce) => a.checkList = ce),
@@ -5790,23 +5802,23 @@ function hs(t, e, o, i, a, r) {
         })
       ])
     ], 6),
-    o.map ? (y(), A(L, B({
+    o.map ? (y(), D(P, B({
       key: 0,
       map: o.map,
       "menu-toggle": o.menuToggle,
       show: a.checkList.includes("graticule")
     }, t.$attrs), null, 16, ["map", "menu-toggle", "show"])) : O("", !0),
-    o.map ? (y(), A(_, B({
+    o.map ? (y(), D(z, B({
       key: 1,
       map: o.map,
       area: (Q = a.otherLayers) == null ? void 0 : Q["day-night"]
     }, t.$attrs), null, 16, ["map", "area"])) : O("", !0),
-    o.map ? (y(), A(P, B({
+    o.map ? (y(), D(L, B({
       key: 2,
       map: o.map,
       zone: (re = a.otherLayers) == null ? void 0 : re["time-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : O("", !0),
-    o.map ? (y(), A(b, B({
+    o.map ? (y(), D(b, B({
       key: 3,
       ref: "idmPorts",
       map: o.map,
@@ -5816,7 +5828,7 @@ function hs(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       realTime: o.realTime
     }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "ports", "gateway", "token", "forecast-model", "realTime"])) : O("", !0),
-    o.map ? (y(), A(D, B({
+    o.map ? (y(), D(A, B({
       key: 4,
       map: o.map,
       zone: (pe = a.otherLayers) == null ? void 0 : pe["alert-zones"]
@@ -5824,7 +5836,7 @@ function hs(t, e, o, i, a, r) {
       "before-layer": "empty-layer-3",
       theme: o.theme
     }), null, 16, ["map", "zone", "theme"])) : O("", !0),
-    o.map ? (y(), A(I, B({
+    o.map ? (y(), D(I, B({
       key: 5,
       ref: "idmIideStation",
       map: o.map,
@@ -5836,60 +5848,60 @@ function hs(t, e, o, i, a, r) {
       forecastModel: o.forecastModel,
       "before-layer": "empty-layer-3"
     }, t.$attrs), null, 16, ["map", "gateway", "token", "show", "theme", "realTime", "forecastModel"])) : O("", !0),
-    o.map ? (y(), A(C, B({
+    o.map ? (y(), D(C, B({
       key: 6,
       map: o.map,
       zone: (se = a.otherLayers) == null ? void 0 : se["eca-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : O("", !0),
-    o.map ? (y(), A(v, B({
+    o.map ? (y(), D(v, B({
       key: 7,
       map: o.map,
       zone: ($ = a.otherLayers) == null ? void 0 : $["war-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : O("", !0),
-    o.map ? (y(), A(k, B({
+    o.map ? (y(), D(_, B({
       key: 8,
       map: o.map,
       area: (ae = a.otherLayers) == null ? void 0 : ae["gmdss-areas"]
     }, t.$attrs), null, 16, ["map", "area"])) : O("", !0),
-    o.map ? (y(), A(T, B({
+    o.map ? (y(), D(T, B({
       key: 9,
       map: o.map,
       show: a.checkList.includes("load-lines")
     }, t.$attrs), null, 16, ["map", "show"])) : O("", !0),
-    o.map ? (y(), A(z, B({
+    o.map ? (y(), D(k, B({
       key: 10,
       map: o.map,
       token: o.token,
       show: a.checkList.includes("worldMarine")
     }, t.$attrs), null, 16, ["map", "token", "show"])) : O("", !0),
-    o.map ? (y(), A(R, B({
+    o.map ? (y(), D(R, B({
       key: 11,
       map: o.map,
       area: (ue = a.otherLayers) == null ? void 0 : ue["voluntary-reporting-area"]
     }, t.$attrs), null, 16, ["map", "area"])) : O("", !0),
-    o.map ? (y(), A(V, B({
+    o.map ? (y(), D(V, B({
       key: 12,
       map: o.map,
       area: (ne = a.otherLayers) == null ? void 0 : ne["special-area"]
     }, t.$attrs), null, 16, ["map", "area"])) : O("", !0),
-    o.map ? (y(), A(K, B({
+    o.map ? (y(), D(K, B({
       key: 13,
       map: o.map,
       token: o.token,
       show: a.checkList.includes("world12nm")
     }, t.$attrs), null, 16, ["map", "token", "show"])) : O("", !0),
-    o.map ? (y(), A(X, B({
+    o.map ? (y(), D(X, B({
       key: 14,
       map: o.map,
       token: o.token,
       show: a.checkList.includes("chinaRoute")
     }, t.$attrs), null, 16, ["map", "token", "show"])) : O("", !0),
-    o.map ? (y(), A(Z, B({
+    o.map ? (y(), D(Z, B({
       key: 15,
       map: o.map,
       show: a.checkList.includes("ice-areas")
     }, t.$attrs), null, 16, ["map", "show"])) : O("", !0),
-    o.map ? (y(), A(J, B({
+    o.map ? (y(), D(J, B({
       key: 16,
       ref: "idmFollowPort",
       map: o.map,
@@ -5899,7 +5911,7 @@ function hs(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       realTime: o.realTime
     }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "show", "gateway", "token", "forecast-model", "realTime"])) : O("", !0),
-    o.map ? (y(), A(ee, B({
+    o.map ? (y(), D(ee, B({
       key: 17,
       ref: "idmFollowPosition",
       map: o.map,
@@ -5956,12 +5968,12 @@ class so {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    var _, P;
-    const e = (_ = this.map) == null ? void 0 : _.getBounds();
+    var z, L;
+    const e = (z = this.map) == null ? void 0 : z.getBounds();
     if (!e)
       return [];
-    const o = ((P = this.map) == null ? void 0 : P.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, s] = this.convertNLng(i[0]), [c, n] = this.convertNLng(a[0]), [g, p] = this.mercator.px([r, i[1]], o), [f, w] = this.mercator.px([c, a[1]], o), L = Math.round(this.mercator.size * Math.pow(2, o) * (s + n));
-    return [f, w, g + L, p];
+    const o = ((L = this.map) == null ? void 0 : L.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, s] = this.convertNLng(i[0]), [c, n] = this.convertNLng(a[0]), [g, p] = this.mercator.px([r, i[1]], o), [f, w] = this.mercator.px([c, a[1]], o), P = Math.round(this.mercator.size * Math.pow(2, o) * (s + n));
+    return [f, w, g + P, p];
   }
   /**
    * [视窗边界像素宽度]
@@ -6144,9 +6156,9 @@ class He {
           sRange: o.getUniformLocation(i, "u_range_s")
         };
         p.resolution && o.uniform2f(p.resolution, o.canvas.width * e.ratio, o.canvas.height * e.ratio), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, a), p.image && o.uniform1i(p.image, 0), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, r), p.color && o.uniform1i(p.color, 1), c != null && c.uvRange && (c != null && c.sRange) && (p.uvRange && o.uniform2f(p.uvRange, c.uvRange[0], c.uvRange[1]), p.sRange && o.uniform2f(p.sRange, c.sRange[0], c.sRange[1])), p.scale && o.uniform1f(p.scale, (c == null ? void 0 : c.scale) || 1);
-        const f = e.getBoundPixel(), w = e.map.getZoom() + 1, L = e.getWorldCopy(f, w);
-        for (const _ of L) {
-          const P = (_[0] - f[0]) * e.ratio, b = (_[1] - f[3]) * e.ratio, D = _[2] * e.ratio, [I, C, v, k] = [P, D + P, b, D + b], T = new Float32Array([I, v, C, v, I, k, I, k, C, v, C, k]);
+        const f = e.getBoundPixel(), w = e.map.getZoom() + 1, P = e.getWorldCopy(f, w);
+        for (const z of P) {
+          const L = (z[0] - f[0]) * e.ratio, b = (z[1] - f[3]) * e.ratio, A = z[2] * e.ratio, [I, C, v, _] = [L, A + L, b, A + b], T = new Float32Array([I, v, C, v, I, _, I, _, C, v, C, _]);
           o.bindBuffer(o.ARRAY_BUFFER, s), o.bufferData(o.ARRAY_BUFFER, T, o.STATIC_DRAW), o.drawArrays(o.TRIANGLES, 0, 6);
         }
       } catch (p) {
@@ -8730,19 +8742,19 @@ const bn = {
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let o = 0, i = 0;
       if (this.map) {
-        const L = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, _ = (r = this.map) == null ? void 0 : r.getBounds(), P = `${_._sw.lng},${_._sw.lat},${_._ne.lng},${_._ne.lat}`;
+        const P = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, z = (r = this.map) == null ? void 0 : r.getBounds(), L = `${z._sw.lng},${z._sw.lat},${z._ne.lng},${z._ne.lat}`;
         if (this.particleFactor && ((s = this.$refs.layer) != null && s.autoActive)) {
-          const b = ao.WEATHER_LAYERS.find((D) => {
+          const b = ao.WEATHER_LAYERS.find((A) => {
             var I;
-            return ((I = D.peer) == null ? void 0 : I.weight) === this.particleFactor.weight;
+            return ((I = A.peer) == null ? void 0 : I.weight) === this.particleFactor.weight;
           });
           this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & b.weight ? this.weatherWeight : this.weatherWeight + b.weight : this.weatherWeight = this.weatherWeight & b.weight ? this.weatherWeight - b.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
           let b = this.weatherWeight;
           if (b > 0) {
-            const D = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], I = await Se.get(
-              `${D}/api/arc/weather/layers2/links?l=${b}&v=${this.forecastModel}&z=${L}&bbox=${P}&t=${this.realTime}`,
+            const A = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], I = await Se.get(
+              `${A}/api/arc/weather/layers2/links?l=${b}&v=${this.forecastModel}&z=${P}&bbox=${L}&t=${this.realTime}`,
               {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
@@ -8759,17 +8771,17 @@ const bn = {
                       key: T
                     },
                     responseType: /\.(jpg|png)$/.test(C[T]) ? "blob" : "json"
-                  }).catch((z) => {
-                    console.log(`[${T}] fetch layer error: ${z}`);
+                  }).catch((k) => {
+                    console.log(`[${T}] fetch layer error: ${k}`);
                   })
                 );
-              const k = await Promise.all(v);
-              this.weatherLayers = {}, k.map((T) => {
+              const _ = await Promise.all(v);
+              this.weatherLayers = {}, _.map((T) => {
                 var V, K, X, Z;
-                const z = ((V = T == null ? void 0 : T.data) == null ? void 0 : V.data) || (T == null ? void 0 : T.data);
+                const k = ((V = T == null ? void 0 : T.data) == null ? void 0 : V.data) || (T == null ? void 0 : T.data);
                 let R = (X = (K = T == null ? void 0 : T.config) == null ? void 0 : K.headers) == null ? void 0 : X.key;
-                R && z && (this.weatherLayers[R] = {
-                  raw: z,
+                R && k && (this.weatherLayers[R] = {
+                  raw: k,
                   type: ((Z = T == null ? void 0 : T.config) == null ? void 0 : Z.responseType) === "blob" ? "image" : "json",
                   etime: I.data.etime
                 });
@@ -8846,51 +8858,51 @@ const bn = {
       );
     },
     handleDrawWeather4Json() {
-      var g, p, f, w, L, _, P;
+      var g, p, f, w, P, z, L;
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, o = 0;
       const i = (g = this.map) == null ? void 0 : g.getBounds(), a = (p = this.map) == null ? void 0 : p.getZoom(), r = G.convertToStdLng(i._sw.lng), s = G.convertToStdLng(i._ne.lng), c = Math.floor(i._sw.lat), n = Math.ceil(i._ne.lat);
       for (const b in this.weatherLayers) {
-        let D = !1;
+        let A = !1;
         if (this.weatherLayers[b].active && this.weatherLayers[b].type === "json") {
           let I = [];
           if (b === "swell") {
-            D = !0;
+            A = !0;
             const C = ((f = this.weatherLayers[b]) == null ? void 0 : f.direction) || {};
-            for (const k in C)
-              if (k > c && k < n && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const T = C[k].lng;
-                r > s ? T.forEach((z, R) => {
+            for (const _ in C)
+              if (_ > c && _ < n && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                const T = C[_].lng;
+                r > s ? T.forEach((k, R) => {
                   var V, K, X, Z, J, ee;
                   if (a < 2) {
-                    if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
-                      const Q = H.point([z, k], {
-                        val: ((V = C[k].val) == null ? void 0 : V[R]) || ((K = C[k].dir) == null ? void 0 : K[R]),
-                        spd: (X = C[k].spd) == null ? void 0 : X[R]
+                    if ((k >= 0 && k <= 360 || k >= -360 && k <= 0) && k % 10 === 0) {
+                      const Q = H.point([k, _], {
+                        val: ((V = C[_].val) == null ? void 0 : V[R]) || ((K = C[_].dir) == null ? void 0 : K[R]),
+                        spd: (X = C[_].spd) == null ? void 0 : X[R]
                       });
                       I.push(Q);
                     }
-                  } else if ((z >= r && z <= 180 || z >= -180 && z <= s) && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const Q = H.point([z, k], {
-                      val: ((Z = C[k].val) == null ? void 0 : Z[R]) || ((J = C[k].dir) == null ? void 0 : J[R]),
-                      spd: (ee = C[k].spd) == null ? void 0 : ee[R]
+                  } else if ((k >= r && k <= 180 || k >= -180 && k <= s) && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                    const Q = H.point([k, _], {
+                      val: ((Z = C[_].val) == null ? void 0 : Z[R]) || ((J = C[_].dir) == null ? void 0 : J[R]),
+                      spd: (ee = C[_].spd) == null ? void 0 : ee[R]
                     });
                     I.push(Q);
                   }
-                }) : T.forEach((z, R) => {
+                }) : T.forEach((k, R) => {
                   var V, K, X, Z, J, ee;
                   if (r < 2) {
-                    if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
-                      const Q = H.point([z, k], {
-                        val: ((V = C[k].val) == null ? void 0 : V[R]) || ((K = C[k].dir) == null ? void 0 : K[R]),
-                        spd: (X = C[k].spd) == null ? void 0 : X[R]
+                    if ((k >= 0 && k <= 360 || k >= -360 && k <= 0) && k % 10 === 0) {
+                      const Q = H.point([k, _], {
+                        val: ((V = C[_].val) == null ? void 0 : V[R]) || ((K = C[_].dir) == null ? void 0 : K[R]),
+                        spd: (X = C[_].spd) == null ? void 0 : X[R]
                       });
                       I.push(Q);
                     }
-                  } else if (z >= r && z <= s && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const Q = H.point([z, k], {
-                      val: ((Z = C[k].val) == null ? void 0 : Z[R]) || ((J = C[k].dir) == null ? void 0 : J[R]),
-                      spd: (ee = C[k].spd) == null ? void 0 : ee[R]
+                  } else if (k >= r && k <= s && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                    const Q = H.point([k, _], {
+                      val: ((Z = C[_].val) == null ? void 0 : Z[R]) || ((J = C[_].dir) == null ? void 0 : J[R]),
+                      spd: (ee = C[_].spd) == null ? void 0 : ee[R]
                     });
                     I.push(Q);
                   }
@@ -8900,61 +8912,61 @@ const bn = {
             const v = this.weatherLayers[b].height;
             if (v) {
               if (!v.data) {
-                const k = [];
+                const _ = [];
                 for (const T in (w = v.raw) == null ? void 0 : w.LineString) {
-                  const z = v.raw.LineString[T];
-                  for (const R of z)
-                    k.push(
+                  const k = v.raw.LineString[T];
+                  for (const R of k)
+                    _.push(
                       H.lineString(R, {
                         val: Number(T)
                       })
                     );
-                  v.data = H.featureCollection(k);
+                  v.data = H.featureCollection(_);
                 }
               }
               if (v.data) {
-                const k = this.handleBboxClip(v.data, i);
-                I = I.concat(k);
+                const _ = this.handleBboxClip(v.data, i);
+                I = I.concat(_);
               }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell height elapsed: ", o, ", total: ", e += o);
             }
           } else if (b === "current") {
-            D = !0;
-            const C = ((L = this.weatherLayers[b]) == null ? void 0 : L.direction) || {};
-            for (const k in C)
-              if (k > c && k < n && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const T = C[k].lng;
-                r > s ? T.forEach((z, R) => {
+            A = !0;
+            const C = ((P = this.weatherLayers[b]) == null ? void 0 : P.direction) || {};
+            for (const _ in C)
+              if (_ > c && _ < n && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                const T = C[_].lng;
+                r > s ? T.forEach((k, R) => {
                   var V, K, X, Z, J, ee;
                   if (a < 2) {
-                    if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
-                      const Q = H.point([z, k], {
-                        val: ((V = C[k].val) == null ? void 0 : V[R]) || ((K = C[k].dir) == null ? void 0 : K[R]),
-                        spd: (X = C[k].spd) == null ? void 0 : X[R]
+                    if ((k >= 0 && k <= 360 || k >= -360 && k <= 0) && k % 10 === 0) {
+                      const Q = H.point([k, _], {
+                        val: ((V = C[_].val) == null ? void 0 : V[R]) || ((K = C[_].dir) == null ? void 0 : K[R]),
+                        spd: (X = C[_].spd) == null ? void 0 : X[R]
                       });
                       I.push(Q);
                     }
-                  } else if ((z >= r && z <= 180 || z >= -180 && z <= s) && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const Q = H.point([z, k], {
-                      val: ((Z = C[k].val) == null ? void 0 : Z[R]) || ((J = C[k].dir) == null ? void 0 : J[R]),
-                      spd: (ee = C[k].spd) == null ? void 0 : ee[R]
+                  } else if ((k >= r && k <= 180 || k >= -180 && k <= s) && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                    const Q = H.point([k, _], {
+                      val: ((Z = C[_].val) == null ? void 0 : Z[R]) || ((J = C[_].dir) == null ? void 0 : J[R]),
+                      spd: (ee = C[_].spd) == null ? void 0 : ee[R]
                     });
                     I.push(Q);
                   }
-                }) : T.forEach((z, R) => {
+                }) : T.forEach((k, R) => {
                   var V, K, X, Z, J, ee;
                   if (r < 2) {
-                    if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
-                      const Q = H.point([z, k], {
-                        val: ((V = C[k].val) == null ? void 0 : V[R]) || ((K = C[k].dir) == null ? void 0 : K[R]),
-                        spd: (X = C[k].spd) == null ? void 0 : X[R]
+                    if ((k >= 0 && k <= 360 || k >= -360 && k <= 0) && k % 10 === 0) {
+                      const Q = H.point([k, _], {
+                        val: ((V = C[_].val) == null ? void 0 : V[R]) || ((K = C[_].dir) == null ? void 0 : K[R]),
+                        spd: (X = C[_].spd) == null ? void 0 : X[R]
                       });
                       I.push(Q);
                     }
-                  } else if (z >= r && z <= s && (!(a <= this.zoom) || z % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const Q = H.point([z, k], {
-                      val: ((Z = C[k].val) == null ? void 0 : Z[R]) || ((J = C[k].dir) == null ? void 0 : J[R]),
-                      spd: (ee = C[k].spd) == null ? void 0 : ee[R]
+                  } else if (k >= r && k <= s && (!(a <= this.zoom) || k % (a < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const Q = H.point([k, _], {
+                      val: ((Z = C[_].val) == null ? void 0 : Z[R]) || ((J = C[_].dir) == null ? void 0 : J[R]),
+                      spd: (ee = C[_].spd) == null ? void 0 : ee[R]
                     });
                     I.push(Q);
                   }
@@ -8965,57 +8977,57 @@ const bn = {
             if (v) {
               if (!v.data) {
                 const T = [];
-                for (const z in (_ = v.raw) == null ? void 0 : _.Polygon) {
-                  const R = v.raw.Polygon[z];
+                for (const k in (z = v.raw) == null ? void 0 : z.Polygon) {
+                  const R = v.raw.Polygon[k];
                   for (const V of R)
                     T.push(
                       H.polygon(V, {
-                        val: Number(z)
+                        val: Number(k)
                       })
                     );
                 }
                 v.data = H.featureCollection(T);
               }
-              const k = a < this.zoom ? v.data.features.filter((T) => T.properties.val > 0.5) : v.data.features;
-              I = I.concat(k), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
+              const _ = a < this.zoom ? v.data.features.filter((T) => T.properties.val > 0.5) : v.data.features;
+              I = I.concat(_), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
             }
           } else if (b === "wind") {
-            D = !0;
+            A = !0;
             const C = this.weatherLayers.wind.raw;
             for (const v in C)
               if (v > c && v < n && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const k = C[v].lng;
-                r > s ? k.forEach((T, z) => {
+                const _ = C[v].lng;
+                r > s ? _.forEach((T, k) => {
                   var R, V, K, X;
                   if (a < 2) {
                     if ((T >= 0 && T <= 360 || T >= -360 && T <= 0) && T % 10 === 0) {
                       const Z = H.point([T, v], {
-                        dir: ((R = C[v].val) == null ? void 0 : R[z]) || ((V = C[v].dir) == null ? void 0 : V[z]),
-                        spd: C[v].spd[z]
+                        dir: ((R = C[v].val) == null ? void 0 : R[k]) || ((V = C[v].dir) == null ? void 0 : V[k]),
+                        spd: C[v].spd[k]
                       });
                       I.push(Z);
                     }
                   } else if ((T >= r && T <= 180 || T >= -180 && T <= s) && (!(a <= this.zoom) || T % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                     const Z = H.point([T, v], {
-                      dir: ((K = C[v].val) == null ? void 0 : K[z]) || ((X = C[v].dir) == null ? void 0 : X[z]),
-                      spd: C[v].spd[z]
+                      dir: ((K = C[v].val) == null ? void 0 : K[k]) || ((X = C[v].dir) == null ? void 0 : X[k]),
+                      spd: C[v].spd[k]
                     });
                     I.push(Z);
                   }
-                }) : k.forEach((T, z) => {
+                }) : _.forEach((T, k) => {
                   var R, V, K, X;
                   if (a < 2) {
                     if ((T >= 0 && T <= 360 || T >= -360 && T <= 0) && T % 10 === 0) {
                       const Z = H.point([T, v], {
-                        dir: ((R = C[v].val) == null ? void 0 : R[z]) || ((V = C[v].dir) == null ? void 0 : V[z]),
-                        spd: C[v].spd[z]
+                        dir: ((R = C[v].val) == null ? void 0 : R[k]) || ((V = C[v].dir) == null ? void 0 : V[k]),
+                        spd: C[v].spd[k]
                       });
                       I.push(Z);
                     }
                   } else if (T >= r && T <= s && (!(a <= this.zoom) || T % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                     const Z = H.point([T, v], {
-                      dir: ((K = C[v].val) == null ? void 0 : K[z]) || ((X = C[v].dir) == null ? void 0 : X[z]),
-                      spd: C[v].spd[z]
+                      dir: ((K = C[v].val) == null ? void 0 : K[k]) || ((X = C[v].dir) == null ? void 0 : X[k]),
+                      spd: C[v].spd[k]
                     });
                     I.push(Z);
                   }
@@ -9026,34 +9038,34 @@ const bn = {
             if (this.weatherLayers[b].data)
               I = this.weatherLayers[b].data;
             else {
-              D = !0;
+              A = !0;
               const C = this.weatherLayers[b].raw;
               if (C) {
                 const v = [];
-                for (const k in C.Polygon) {
-                  const T = C.Polygon[k];
-                  for (const z of T)
+                for (const _ in C.Polygon) {
+                  const T = C.Polygon[_];
+                  for (const k of T)
                     v.push(
-                      H.polygon(z, {
-                        val: Number(k)
+                      H.polygon(k, {
+                        val: Number(_)
                       })
                     );
                 }
-                for (const k in C.MultiPolygon) {
-                  const T = C.MultiPolygon[k];
-                  for (const z of T)
+                for (const _ in C.MultiPolygon) {
+                  const T = C.MultiPolygon[_];
+                  for (const k of T)
                     v.push(
-                      H.multiPolygon(z, {
-                        val: Number(k)
+                      H.multiPolygon(k, {
+                        val: Number(_)
                       })
                     );
                 }
-                for (const k in C.Point) {
-                  const T = C.Point[k];
-                  for (let z = 0; z < ((P = T.lng) == null ? void 0 : P.length); z++)
+                for (const _ in C.Point) {
+                  const T = C.Point[_];
+                  for (let k = 0; k < ((L = T.lng) == null ? void 0 : L.length); k++)
                     v.push(
-                      H.point([T.lng[z], k], {
-                        val: Number(T.val[z])
+                      H.point([T.lng[k], _], {
+                        val: Number(T.val[k])
                       })
                     );
                 }
@@ -9065,25 +9077,25 @@ const bn = {
             if (this.weatherLayers[b].data)
               I = this.weatherLayers[b].data;
             else {
-              D = !0;
+              A = !0;
               const C = this.weatherLayers[b].raw;
               if (C) {
                 const v = [];
-                for (const k in C.LineString) {
-                  const T = C.LineString[k];
-                  for (const z of T)
+                for (const _ in C.LineString) {
+                  const T = C.LineString[_];
+                  for (const k of T)
                     v.push(
-                      H.lineString(z, {
-                        val: Number(k)
+                      H.lineString(k, {
+                        val: Number(_)
                       })
                     );
                 }
-                for (const k in C.Point)
-                  C.Point[k].lng.forEach((T, z) => {
+                for (const _ in C.Point)
+                  C.Point[_].lng.forEach((T, k) => {
                     T = G.convertToStdLng(T), v.push(
-                      H.point([T, k], {
-                        val: C.Point[k].val[z],
-                        type: C.Point[k].type[z]
+                      H.point([T, _], {
+                        val: C.Point[_].val[k],
+                        type: C.Point[_].type[k]
                       })
                     );
                   });
@@ -9092,7 +9104,7 @@ const bn = {
             }
             o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", o, ", total: ", e += o);
           }
-          I.length && (this.weatherLayers[b].data = H.featureCollection(I)), D && (this.weatherLayers[b].version = Math.random() + 1);
+          I.length && (this.weatherLayers[b].data = H.featureCollection(I)), A && (this.weatherLayers[b].version = Math.random() + 1);
         }
       }
     },
@@ -9135,7 +9147,7 @@ const bn = {
 }, Rn = { class: "text-body-1 py-2" }, On = { class: "text-body-1 font-weight-medium" }, Bn = { class: "text-body-2 text-label" }, En = { class: "text-body-2 text-label mb-3" }, jn = { class: "text-body-1 font-weight-medium" }, Nn = { class: "text-body-2 text-label" }, Fn = { class: "text-body-2 text-label mb-3" }, Hn = { class: "text-body-1 py-2" }, Un = { class: "text-body-1 font-weight-medium" }, Wn = { class: "text-body-2 text-label" }, Gn = { class: "text-body-2 text-label mb-3" }, Vn = { class: "text-body-1 font-weight-medium" }, Zn = { class: "text-body-2 text-label" }, qn = { class: "text-body-2 text-label mb-3" }, Yn = { class: "text-body-1 py-2" }, Kn = { class: "text-body-1 font-weight-medium" }, Xn = { class: "text-body-2 text-label" }, $n = { class: "text-body-2 text-label mb-3" };
 function Qn(t, e, o, i, a, r) {
   var pe, se, $, ae, ue, ne, F, ce, xe, Le, Pe, Ae, De, Re, _e;
-  const s = x("VBtn"), c = x("VTooltip"), n = x("VCol"), g = x("VRow"), p = x("VCardText"), f = x("VDivider"), w = x("VCard"), L = x("VSwitch"), _ = x("VCardTitle"), P = x("VCardItem"), b = x("VCheckbox"), D = x("VRadio"), I = x("VBtnToggle"), C = x("IdmWindBarb"), v = x("IdmSigWaveHeight"), k = x("IdmCurrentDirection"), T = x("IdmPrmsl"), z = x("IdmWindParticle"), R = x("IdmCurrentParticle"), V = x("IdmWave"), K = x("IdmSwell"), X = x("IdmIceEdge"), Z = x("IdmIceCover"), J = x("IdmIceThickness"), ee = x("IdmPrecip3h"), Q = x("IdmVisibility"), re = x("IdmWaterTemp"), de = x("IdmTemp");
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCol"), g = x("VRow"), p = x("VCardText"), f = x("VDivider"), w = x("VCard"), P = x("VSwitch"), z = x("VCardTitle"), L = x("VCardItem"), b = x("VCheckbox"), A = x("VRadio"), I = x("VBtnToggle"), C = x("IdmWindBarb"), v = x("IdmSigWaveHeight"), _ = x("IdmCurrentDirection"), T = x("IdmPrmsl"), k = x("IdmWindParticle"), R = x("IdmCurrentParticle"), V = x("IdmWave"), K = x("IdmSwell"), X = x("IdmIceEdge"), Z = x("IdmIceCover"), J = x("IdmIceThickness"), ee = x("IdmPrecip3h"), Q = x("IdmVisibility"), re = x("IdmWaterTemp"), de = x("IdmTemp");
   return y(), S("div", wn, [
     l("div", {
       class: "menu-bar-box transition pa-1",
@@ -9190,7 +9202,7 @@ function Qn(t, e, o, i, a, r) {
           _: 1
         })
       ], 4),
-      a.legendToggle ? (y(), A(w, {
+      a.legendToggle ? (y(), D(w, {
         key: 0,
         width: "435",
         elevation: "16",
@@ -9203,7 +9215,7 @@ function Qn(t, e, o, i, a, r) {
               e[9] || (e[9] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wind Level", -1)),
               d(g, { class: "ma-0 ml-n1 text-body-2" }, {
                 default: u(() => [
-                  (y(!0), S(be, null, we(a.legend.barbs, (U, oe) => (y(), A(n, {
+                  (y(!0), S(be, null, we(a.legend.barbs, (U, oe) => (y(), D(n, {
                     key: U,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
@@ -9235,7 +9247,7 @@ function Qn(t, e, o, i, a, r) {
                 style: { width: "100px" }
               }, {
                 default: u(() => [
-                  (y(!0), S(be, null, we(a.legend.sigWaveHeight, (U, oe) => (y(), A(n, {
+                  (y(!0), S(be, null, we(a.legend.sigWaveHeight, (U, oe) => (y(), D(n, {
                     key: oe,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
@@ -9267,7 +9279,7 @@ function Qn(t, e, o, i, a, r) {
                 style: { width: "110px" }
               }, {
                 default: u(() => [
-                  (y(!0), S(be, null, we(a.legend.current, (U, oe) => (y(), A(n, {
+                  (y(!0), S(be, null, we(a.legend.current, (U, oe) => (y(), D(n, {
                     key: oe,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
@@ -9303,7 +9315,7 @@ function Qn(t, e, o, i, a, r) {
       l("div", Sn, [
         l("div", In, [
           l("div", Mn, h(t.$t("weather.weather")), 1),
-          d(L, {
+          d(P, {
             modelValue: a.autoActive,
             "onUpdate:modelValue": e[1] || (e[1] = (U) => a.autoActive = U),
             class: "small-switch",
@@ -9334,9 +9346,9 @@ function Qn(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            d(P, { class: "border-b-thin" }, {
+            d(L, { class: "border-b-thin" }, {
               default: u(() => [
-                d(_, {
+                d(z, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -9350,7 +9362,7 @@ function Qn(t, e, o, i, a, r) {
             }),
             d(p, { class: "py-2" }, {
               default: u(() => [
-                (y(!0), S(be, null, we(a.tagLayers.filter((U) => U.overlays), (U) => (y(), A(b, {
+                (y(!0), S(be, null, we(a.tagLayers.filter((U) => U.overlays), (U) => (y(), D(b, {
                   key: U.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": e[2] || (e[2] = (oe) => a.checkList = oe),
@@ -9374,9 +9386,9 @@ function Qn(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            d(P, { class: "border-b-thin" }, {
+            d(L, { class: "border-b-thin" }, {
               default: u(() => [
-                d(_, {
+                d(z, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -9393,7 +9405,7 @@ function Qn(t, e, o, i, a, r) {
                 (y(!0), S(be, null, we(a.tagLayers.filter((U) => !U.overlays && U.key !== "ice-thickness"), (U) => (y(), S(be, {
                   key: U.key
                 }, [
-                  d(D, {
+                  d(A, {
                     modelValue: a.renderKey,
                     "onUpdate:modelValue": e[3] || (e[3] = (oe) => a.renderKey = oe),
                     label: t.$t(`weather.${U.locale}`),
@@ -9408,7 +9420,7 @@ function Qn(t, e, o, i, a, r) {
                   }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
                   a.renderKey === "wind-particle" && U.key === "wind-particle" ? (y(), S("div", An, [
                     l("span", null, h(t.$t("weather.particleAnimatiom")), 1),
-                    d(L, {
+                    d(P, {
                       modelValue: a.showWindParticle,
                       "onUpdate:modelValue": e[4] || (e[4] = (oe) => a.showWindParticle = oe),
                       label: "",
@@ -9422,7 +9434,7 @@ function Qn(t, e, o, i, a, r) {
                   ])) : O("", !0),
                   a.renderKey === "current-particle" && U.key === "current-particle" ? (y(), S("div", Dn, [
                     l("span", null, h(t.$t("weather.particleAnimatiom")), 1),
-                    d(L, {
+                    d(P, {
                       modelValue: a.showCurrentParticle,
                       "onUpdate:modelValue": e[5] || (e[5] = (oe) => a.showCurrentParticle = oe),
                       label: "",
@@ -9434,7 +9446,7 @@ function Qn(t, e, o, i, a, r) {
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
                   ])) : O("", !0),
-                  a.renderKey === "ice-forecast" && U.key === "ice-forecast" ? (y(), A(I, {
+                  a.renderKey === "ice-forecast" && U.key === "ice-forecast" ? (y(), D(I, {
                     key: 2,
                     modelValue: a.iceToggleValue,
                     "onUpdate:modelValue": e[6] || (e[6] = (oe) => a.iceToggleValue = oe),
@@ -9489,9 +9501,9 @@ function Qn(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: u(() => [
-            d(P, { class: "border-b-thin" }, {
+            d(L, { class: "border-b-thin" }, {
               default: u(() => [
-                d(_, {
+                d(z, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -9536,7 +9548,7 @@ function Qn(t, e, o, i, a, r) {
         })
       ], 2)
     ], 6),
-    o.map ? (y(), A(C, B({
+    o.map ? (y(), D(C, B({
       key: 1,
       ref: "windBarb",
       map: o.map,
@@ -9545,7 +9557,7 @@ function Qn(t, e, o, i, a, r) {
       wind: (pe = a.weatherLayers) == null ? void 0 : pe.wind,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : O("", !0),
-    o.map ? (y(), A(v, B({
+    o.map ? (y(), D(v, B({
       key: 2,
       map: o.map,
       "before-layer": "empty-layer-2",
@@ -9553,7 +9565,7 @@ function Qn(t, e, o, i, a, r) {
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : O("", !0),
-    o.map ? (y(), A(k, B({
+    o.map ? (y(), D(_, B({
       key: 3,
       map: o.map,
       "map-feather": o.mapFeather,
@@ -9561,7 +9573,7 @@ function Qn(t, e, o, i, a, r) {
       current: ($ = a.weatherLayers) == null ? void 0 : $.current,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["map", "map-feather", "current", "menu-toggle"])) : O("", !0),
-    o.map ? (y(), A(T, B({
+    o.map ? (y(), D(T, B({
       key: 4,
       map: o.map,
       "before-layer": "empty-layer-2",
@@ -9569,68 +9581,68 @@ function Qn(t, e, o, i, a, r) {
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, t.$attrs, { theme: o.theme }), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers", "theme"])) : O("", !0),
-    o.map ? (y(), A(z, B({
+    o.map ? (y(), D(k, B({
       key: 5,
       viewport: a.viewport,
       factor: (ue = a.weatherLayers) == null ? void 0 : ue["wind-particle"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (y(), A(R, B({
+    o.map ? (y(), D(R, B({
       key: 6,
       viewport: a.viewport,
       factor: (ne = a.weatherLayers) == null ? void 0 : ne["current-particle"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (y(), A(V, B({
+    o.map ? (y(), D(V, B({
       key: 7,
       viewport: a.viewport,
       factor: (F = a.weatherLayers) == null ? void 0 : F["sig-wave"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (y(), A(K, B({
+    o.map ? (y(), D(K, B({
       key: 8,
       map: o.map,
       swell: (ce = a.weatherLayers) == null ? void 0 : ce.swell,
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "swell", "menu-toggle", "active-weather-layers"])) : O("", !0),
-    o.map ? (y(), A(X, B({
+    o.map ? (y(), D(X, B({
       key: 9,
       viewport: a.viewport,
       factor: (xe = a.weatherLayers) == null ? void 0 : xe["ice-edge"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (y(), A(Z, B({
+    o.map ? (y(), D(Z, B({
       key: 10,
       viewport: a.viewport,
       factor: (Le = a.weatherLayers) == null ? void 0 : Le["ice-cover"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (y(), A(J, B({
+    o.map ? (y(), D(J, B({
       key: 11,
       viewport: a.viewport,
       factor: (Pe = a.weatherLayers) == null ? void 0 : Pe["ice-thickness"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (y(), A(ee, B({
+    o.map ? (y(), D(ee, B({
       key: 12,
       viewport: a.viewport,
       factor: (Ae = a.weatherLayers) == null ? void 0 : Ae.precip3h,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (y(), A(Q, B({
+    o.map ? (y(), D(Q, B({
       key: 13,
       viewport: a.viewport,
       factor: (De = a.weatherLayers) == null ? void 0 : De.visibility,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (y(), A(re, B({
+    o.map ? (y(), D(re, B({
       key: 14,
       viewport: a.viewport,
       factor: (Re = a.weatherLayers) == null ? void 0 : Re["water-temp"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
-    o.map ? (y(), A(de, B({
+    o.map ? (y(), D(de, B({
       key: 15,
       viewport: a.viewport,
       factor: (_e = a.weatherLayers) == null ? void 0 : _e.temp,
@@ -9956,11 +9968,11 @@ class Za {
     const a = e.toLowerCase().split(","), r = [], s = [];
     for (const c of a) {
       let n = eo.find((p) => {
-        var f, w, L;
-        return ((f = p.models) == null ? void 0 : f.includes(c)) || ((w = p.alias) == null ? void 0 : w.toLowerCase()) === c || ((L = p.name) == null ? void 0 : L.toLowerCase()) === c;
+        var f, w, P;
+        return ((f = p.models) == null ? void 0 : f.includes(c)) || ((w = p.alias) == null ? void 0 : w.toLowerCase()) === c || ((P = p.name) == null ? void 0 : P.toLowerCase()) === c;
       }), g = to.find((p) => {
-        var f, w, L;
-        return ((f = p.models) == null ? void 0 : f.includes(c)) || ((w = p.alias) == null ? void 0 : w.toLowerCase()) === c || ((L = p.name) == null ? void 0 : L.toLowerCase()) === c;
+        var f, w, P;
+        return ((f = p.models) == null ? void 0 : f.includes(c)) || ((w = p.alias) == null ? void 0 : w.toLowerCase()) === c || ((P = p.name) == null ? void 0 : P.toLowerCase()) === c;
       });
       n = n || eo.find((p) => {
         var f, w;
@@ -9985,7 +9997,7 @@ class Za {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, s, c, n, g, p, f, w, L, _, P, b, D, I, C, v, k, T, z, R, V, K, X, Z, J, ee, Q, re, de, pe, se, $, ae, ue, ne, F, ce, xe, Le, Pe, Ae, De, Re, _e, U, oe, je, Ie;
+    var i, a, r, s, c, n, g, p, f, w, P, z, L, b, A, I, C, v, _, T, k, R, V, K, X, Z, J, ee, Q, re, de, pe, se, $, ae, ue, ne, F, ce, xe, Le, Pe, Ae, De, Re, _e, U, oe, je, Ie;
     const ge = typeof o == "string" ? M(o) : o, fe = e == null ? void 0 : e.weather, W = e == null ? void 0 : e.marine, Ce = M((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), te = Ce.clone().add((c = (s = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), le = Ce.clone().add((p = (g = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : g.time) == null ? void 0 : p.at(-1), "h"), Oe = [];
     if (ge.isBetween(te, le, "millisecond", "[]")) {
       const j = ge.utc().diff(te, "h", !1);
@@ -9999,22 +10011,22 @@ class Za {
           for (let Te = j - (j - 1) % 6; Te <= j; Te++)
             Ee += (w = q == null ? void 0 : q.precipitation) == null ? void 0 : w.at(Te);
           ye = {
-            temp: (L = q == null ? void 0 : q.temperature_2m) == null ? void 0 : L.at(j),
-            apparentTemp: (_ = q == null ? void 0 : q.apparent_temperature) == null ? void 0 : _.at(j),
-            rh: (P = q == null ? void 0 : q.relative_humidity_2m) == null ? void 0 : P.at(j),
+            temp: (P = q == null ? void 0 : q.temperature_2m) == null ? void 0 : P.at(j),
+            apparentTemp: (z = q == null ? void 0 : q.apparent_temperature) == null ? void 0 : z.at(j),
+            rh: (L = q == null ? void 0 : q.relative_humidity_2m) == null ? void 0 : L.at(j),
             dp: (b = q == null ? void 0 : q.dew_point_2m) == null ? void 0 : b.at(j),
             precip: {
-              probability: (D = q == null ? void 0 : q.precipitation_probability) == null ? void 0 : D.at(j),
+              probability: (A = q == null ? void 0 : q.precipitation_probability) == null ? void 0 : A.at(j),
               sum: (I = q == null ? void 0 : q.precipitation) == null ? void 0 : I.at(j),
               sum3Hours: Math.round(Be * 100) / 100,
               sum6Hours: Math.round(Ee * 100) / 100
             },
             pmsl: (C = q == null ? void 0 : q.pressure_msl) == null ? void 0 : C.at(j),
             psurf: (v = q == null ? void 0 : q.surface_pressure) == null ? void 0 : v.at(j),
-            code: (k = q == null ? void 0 : q.weather_code) == null ? void 0 : k.at(j),
+            code: (_ = q == null ? void 0 : q.weather_code) == null ? void 0 : _.at(j),
             visibility: this.m2nm((T = q == null ? void 0 : q.visibility) == null ? void 0 : T.at(j)),
             wind: {
-              speed: (z = q == null ? void 0 : q.wind_speed_10m) == null ? void 0 : z.at(j),
+              speed: (k = q == null ? void 0 : q.wind_speed_10m) == null ? void 0 : k.at(j),
               kts: (R = q == null ? void 0 : q.wind_speed_10m) == null ? void 0 : R.at(j),
               degree: (V = q == null ? void 0 : q.wind_direction_10m) == null ? void 0 : V.at(j),
               bearing: ((K = q == null ? void 0 : q.wind_direction_10m) == null ? void 0 : K.at(j)) !== null ? (((X = q == null ? void 0 : q.wind_direction_10m) == null ? void 0 : X.at(j)) + 180) % 360 : null,
@@ -10094,7 +10106,7 @@ class Za {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, s, c, n, g, p, f, w, L, _, P, b, D, I, C, v, k, T, z, R, V, K, X, Z, J, ee, Q, re, de, pe, se, $, ae, ue, ne, F, ce, xe, Le, Pe, Ae, De;
+    var i, a, r, s, c, n, g, p, f, w, P, z, L, b, A, I, C, v, _, T, k, R, V, K, X, Z, J, ee, Q, re, de, pe, se, $, ae, ue, ne, F, ce, xe, Le, Pe, Ae, De;
     const Re = typeof o == "string" ? M(o) : o, _e = e == null ? void 0 : e.weather, U = e == null ? void 0 : e.marine, oe = M((r = (a = (i = _e == null ? void 0 : _e[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), je = M((n = (c = (s = _e == null ? void 0 : _e[0]) == null ? void 0 : s.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Ie = [];
     if (Re.isBetween(oe, je, "millisecond", "[]")) {
       let ge, fe;
@@ -10110,21 +10122,21 @@ class Za {
               mean: (w = te.temperature_2m_mean) == null ? void 0 : w.at(W)
             },
             apparentTemp: {
-              max: (L = te.apparent_temperature_max) == null ? void 0 : L.at(W),
-              min: (_ = te.apparent_temperature_min) == null ? void 0 : _.at(W)
+              max: (P = te.apparent_temperature_max) == null ? void 0 : P.at(W),
+              min: (z = te.apparent_temperature_min) == null ? void 0 : z.at(W)
             },
             precip: {
-              sum: (P = te.precipitation_sum) == null ? void 0 : P.at(W),
+              sum: (L = te.precipitation_sum) == null ? void 0 : L.at(W),
               rainSum: (b = te.rain_sum) == null ? void 0 : b.at(W),
-              snowfallSum: (D = te.snowfall_sum) == null ? void 0 : D.at(W),
+              snowfallSum: (A = te.snowfall_sum) == null ? void 0 : A.at(W),
               showersSum: (I = te.showers_sum) == null ? void 0 : I.at(W),
               hours: (C = te.precipitation_hours) == null ? void 0 : C.at(W),
               probability: (v = te.precipitation_probability_max) == null ? void 0 : v.at(W)
             },
             rh: {
-              max: (k = te.relative_humidity_2m_max) == null ? void 0 : k.at(W),
+              max: (_ = te.relative_humidity_2m_max) == null ? void 0 : _.at(W),
               min: (T = te.relative_humidity_2m_min) == null ? void 0 : T.at(W),
-              mean: (z = te.relative_humidity_2m_mean) == null ? void 0 : z.at(W)
+              mean: (k = te.relative_humidity_2m_mean) == null ? void 0 : k.at(W)
             },
             wind: {
               speed: (R = te.wind_speed_10m_max) == null ? void 0 : R.at(W),
@@ -10651,11 +10663,23 @@ const ec = {
     };
   },
   computed: {
+    hoverLayers() {
+      return [
+        this.forecastNameLayer,
+        this.forecastLayer,
+        this.historyLayer,
+        this.forecastModelLayer,
+        this.pointCircleLayer,
+        this.pointLabelLayer,
+        this.historyPointCircleLayer,
+        this.historyPointLabelLayer
+      ];
+    },
     computeTime() {
       return (t) => {
         if (t) {
           const e = M(t).utcOffset(this.timeZone), o = this.timeZone < 0 ? this.timeZone : "+" + this.timeZone;
-          return console.log("timeZone changed 111", this.timeZone), `${e == null ? void 0 : e.format("MMM-DD/HHmm")} ( UTC${o} ) ${e == null ? void 0 : e.fromNow()} `;
+          return `${e == null ? void 0 : e.format("MMM-DD/HHmm")} ( UTC${o} ) ${e == null ? void 0 : e.fromNow()} `;
         }
         return "-";
       };
@@ -10703,8 +10727,8 @@ const ec = {
       }
     },
     timeZone: {
-      handler() {
-        this.handleRefresh();
+      handler(t, e) {
+        t !== e && this.handleRefresh();
       }
     }
   },
@@ -10734,16 +10758,16 @@ const ec = {
             },
             responseType: /\.(jpg|png)$/.test(g.tropicals) ? "blob" : "json"
           }).then((p) => {
-            var L, _, P;
-            const f = Va.convert2Geojson(((L = p == null ? void 0 : p.data) == null ? void 0 : L.data) || (p == null ? void 0 : p.data));
-            ((P = (_ = p == null ? void 0 : p.config) == null ? void 0 : _.headers) == null ? void 0 : P.key) && f && (this.tropicals = {
+            var P, z, L;
+            const f = Va.convert2Geojson(((P = p == null ? void 0 : p.data) == null ? void 0 : P.data) || (p == null ? void 0 : p.data));
+            ((L = (z = p == null ? void 0 : p.config) == null ? void 0 : z.headers) == null ? void 0 : L.key) && f && (this.tropicals = {
               data: f,
               active: !0,
               cached: !0,
               type: "json",
               etime: n.data.etime,
               version: Math.random() + 1
-            }, this.handleInit());
+            });
           }).catch((p) => {
             console.log(`[${key}] fetch layer error: ${p}`);
           });
@@ -10759,28 +10783,15 @@ const ec = {
       }), this.handleInit();
     },
     handleInit() {
-      var t, e, o, i, a, r, s, c, n, g;
-      this.tropicals && (this.handleRender(), (t = this.map) == null || t.on(
-        "click",
-        [
-          this.forecastNameLayer,
-          this.forecastLayer,
-          this.historyLayer,
-          this.forecastModelLayer,
-          this.pointCircleLayer,
-          this.pointLabelLayer,
-          this.historyPointCircleLayer,
-          this.historyPointLabelLayer
-        ],
-        this.handleClick
-      )), ((i = (o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) == null ? void 0 : i.length) > 0 ? (s = (r = (a = this.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmBottomBar) == null || s.handleToggle("tropical", !0) : (g = (n = (c = this.$parent) == null ? void 0 : c.$refs) == null ? void 0 : n.idmBottomBar) == null || g.handleToggle("tropical", !1);
+      var t, e, o, i, a, r, s, c, n, g, p, f;
+      this.handleClear(), this.tropicals && this.map && (this.handleRender(), (t = this.map) == null || t.on("click", this.hoverLayers, this.handleClick), (e = this.map) == null || e.on("mousemove", this.hoverLayers, this.handleHover), (o = this.map) == null || o.on("mouseleave", this.hoverLayers, this.handleLeave)), ((r = (a = (i = this.tropicals) == null ? void 0 : i.data) == null ? void 0 : a.features) == null ? void 0 : r.length) > 0 ? (n = (c = (s = this.$parent) == null ? void 0 : s.$refs) == null ? void 0 : c.idmBottomBar) == null || n.handleToggle("tropical", !0) : (f = (p = (g = this.$parent) == null ? void 0 : g.$refs) == null ? void 0 : p.idmBottomBar) == null || f.handleToggle("tropical", !1);
     },
     handleRender() {
       var e, o, i, a, r, s, c, n, g, p;
-      if (this.tropicals) {
+      if (this.tropicals && this.map) {
         const f = (/* @__PURE__ */ new Date()).valueOf();
-        let w = 0, L = 0;
-        (e = this.map) != null && e.getSource(this.source) ? ((i = this.map) == null || i.getSource(this.source).setData((o = this.tropicals) != null && o.active ? this.tropicals.data : this.empty), L = (/* @__PURE__ */ new Date()).valueOf() - (f + w), console.log("[tropicals] update elapsed: ", L, ", total: ", w += L)) : (this.map.addSource(this.source, {
+        let w = 0, P = 0;
+        (e = this.map) != null && e.getSource(this.source) ? ((i = this.map) == null || i.getSource(this.source).setData((o = this.tropicals) != null && o.active ? this.tropicals.data : this.empty), P = (/* @__PURE__ */ new Date()).valueOf() - (f + w), console.log("[tropicals] update elapsed: ", P, ", total: ", w += P)) : (this.map.addSource(this.source, {
           type: "geojson",
           data: (a = this.tropicals) != null && a.active ? (r = this.tropicals) == null ? void 0 : r.data : this.empty
         }), this.map.addLayer({
@@ -10877,7 +10888,7 @@ const ec = {
             ],
             "text-halo-width": 4
           }
-        }), L = (/* @__PURE__ */ new Date()).valueOf() - (f + w), console.log("[tropical] add elapsed: ", L, ", total: ", w += L)), (s = this.map) != null && s.getSource(this.clusterSource) ? ((n = this.map) == null || n.getSource(this.clusterSource).setData((c = this.tropicals) != null && c.active ? this.tropicals.data : this.empty), L = (/* @__PURE__ */ new Date()).valueOf() - (f + w), console.log("[tropical] update elapsed: ", L, ", total: ", w += L)) : (this.map.addSource(this.clusterSource, {
+        }), P = (/* @__PURE__ */ new Date()).valueOf() - (f + w), console.log("[tropical] add elapsed: ", P, ", total: ", w += P)), (s = this.map) != null && s.getSource(this.clusterSource) ? ((n = this.map) == null || n.getSource(this.clusterSource).setData((c = this.tropicals) != null && c.active ? this.tropicals.data : this.empty), P = (/* @__PURE__ */ new Date()).valueOf() - (f + w), console.log("[tropical] update elapsed: ", P, ", total: ", w += P)) : (this.map.addSource(this.clusterSource, {
           type: "geojson",
           data: (g = this.tropicals) != null && g.active ? (p = this.tropicals) == null ? void 0 : p.data : this.empty
           // cluster: true,
@@ -10993,31 +11004,18 @@ const ec = {
             "text-halo-color": "#ffffff",
             "text-halo-width": 1
           }
-        }), L = (/* @__PURE__ */ new Date()).valueOf() - (f + w), console.log("[tropical] add elapsed: ", L, ", total: ", w += L));
+        }), P = (/* @__PURE__ */ new Date()).valueOf() - (f + w), console.log("[tropical] add elapsed: ", P, ", total: ", w += P));
       }
       this.handleDrawCircle();
       const t = Va.interpolate(this.tropicals, 1);
       this.interpolateData = JSON.parse(JSON.stringify(t)), this.handleDateChange();
     },
     handleClear() {
-      var t, e;
-      this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (t = this.interpolateMarkers) == null || t.forEach((o) => o == null ? void 0 : o.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource)), (e = this.map) == null || e.off(
-        "click",
-        [
-          this.forecastNameLayer,
-          this.forecastLayer,
-          this.historyLayer,
-          this.forecastModelLayer,
-          this.pointCircleLayer,
-          this.pointLabelLayer,
-          this.historyPointCircleLayer,
-          this.historyPointLabelLayer
-        ],
-        this.handleClick
-      ), this.showTropicalsInfo = !1;
+      var t, e, o, i, a;
+      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((r) => r == null ? void 0 : r.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource)), (e = this.map) == null || e.off("click", this.hoverLayers, 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.showTropicalsInfo = !1, (a = this.activeTropicalsMarker) == null || a.remove(), this.activeTropicalsMarker = void 0;
     },
     handleDateChange() {
-      var t, e, o, i, a, r, s, c, n, g, p, f, w, L, _, P, b, D, I, C, v, k, T, z, R, V, K, X, Z, J, ee, Q;
+      var t, e, o, i, a, r, s, c, n, g, p, f, w, P, z, L, b, A, I, C, v, _, T, k, R, V, K, X, Z, J, ee, Q;
       if ((t = this.interpolateMarkers) == null || t.forEach((re) => re == null ? void 0 : re.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const re = M(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), de = this.interpolateData.filter(($) => $.properties.date === (re == null ? void 0 : re.format()) && !$.properties.disabled), pe = this.handleComputePolygons(de), se = H.featureCollection([...de]);
         pe.forEach(($) => {
@@ -11039,7 +11037,7 @@ const ec = {
         for (const $ of de)
           if (!$.properties.disabled) {
             let ae = "#f44336";
-            ((c = (s = $.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((g = (n = $.properties) == null ? void 0 : n.wind) != null && g.kts) ? ae = "#03f869" : ((f = (p = $.properties) == null ? void 0 : p.wind) == null ? void 0 : f.kts) >= 32 && ((L = (w = $.properties) == null ? void 0 : w.wind) == null ? void 0 : L.kts) < 47 ? ae = "#f2f202" : ((P = (_ = $.properties) == null ? void 0 : _.wind) == null ? void 0 : P.kts) >= 47 && ((D = (b = $.properties) == null ? void 0 : b.wind) == null ? void 0 : D.kts) < 63 ? ae = "#ff9100" : ((C = (I = $.properties) == null ? void 0 : I.wind) == null ? void 0 : C.kts) >= 63 && ((k = (v = $.properties) == null ? void 0 : v.wind) == null ? void 0 : k.kts) < 79 ? ae = "#f44336" : ((z = (T = $.properties) == null ? void 0 : T.wind) == null ? void 0 : z.kts) >= 79 && ((V = (R = $.properties) == null ? void 0 : R.wind) == null ? void 0 : V.kts) < 94 ? ae = "#f903d0" : ((X = (K = $.properties) == null ? void 0 : K.wind) == null ? void 0 : X.kts) >= 94 ? ae = "#8702f9" : ae = "#f44336";
+            ((c = (s = $.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((g = (n = $.properties) == null ? void 0 : n.wind) != null && g.kts) ? ae = "#03f869" : ((f = (p = $.properties) == null ? void 0 : p.wind) == null ? void 0 : f.kts) >= 32 && ((P = (w = $.properties) == null ? void 0 : w.wind) == null ? void 0 : P.kts) < 47 ? ae = "#f2f202" : ((L = (z = $.properties) == null ? void 0 : z.wind) == null ? void 0 : L.kts) >= 47 && ((A = (b = $.properties) == null ? void 0 : b.wind) == null ? void 0 : A.kts) < 63 ? ae = "#ff9100" : ((C = (I = $.properties) == null ? void 0 : I.wind) == null ? void 0 : C.kts) >= 63 && ((_ = (v = $.properties) == null ? void 0 : v.wind) == null ? void 0 : _.kts) < 79 ? ae = "#f44336" : ((k = (T = $.properties) == null ? void 0 : T.wind) == null ? void 0 : k.kts) >= 79 && ((V = (R = $.properties) == null ? void 0 : R.wind) == null ? void 0 : V.kts) < 94 ? ae = "#f903d0" : ((X = (K = $.properties) == null ? void 0 : K.wind) == null ? void 0 : X.kts) >= 94 ? ae = "#8702f9" : ae = "#f44336";
             const ue = `<svg t="1719918955501"
                           	class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg" p-id="18382"
                           	xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
@@ -11063,26 +11061,32 @@ const ec = {
         (ee = this.map) != null && ee.getSource(this.interpolateSource) && ((Q = this.map) == null || Q.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var r, s, c, n, g, p, f, w;
-      const e = t.features[0], o = (s = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : s.features.filter(
-        (L) => {
-          var _;
-          return L.geometry.type === "LineString" && L.properties.type === "forecast" && L.properties.name === ((_ = e == null ? void 0 : e.properties) == null ? void 0 : _.name);
+      var a, r, s, c, n, g, p, f;
+      const e = t.features[0], o = (r = (a = this.tropicals) == null ? void 0 : a.data) == null ? void 0 : r.features.filter(
+        (w) => {
+          var P;
+          return w.geometry.type === "LineString" && w.properties.type === "forecast" && w.properties.name === ((P = e == null ? void 0 : e.properties) == null ? void 0 : P.name);
         }
-      ), i = (n = (c = this.tropicals) == null ? void 0 : c.data) == null ? void 0 : n.features.filter(
-        (L) => {
-          var _;
-          return L.geometry.type === "LineString" && L.properties.type === "history" && L.properties.name === ((_ = e == null ? void 0 : e.properties) == null ? void 0 : _.name);
+      ), i = (c = (s = this.tropicals) == null ? void 0 : s.data) == null ? void 0 : c.features.filter(
+        (w) => {
+          var P;
+          return w.geometry.type === "LineString" && w.properties.type === "history" && w.properties.name === ((P = e == null ? void 0 : e.properties) == null ? void 0 : P.name);
         }
       );
       this.activeTropicals = {
-        name: (g = e == null ? void 0 : e.properties) == null ? void 0 : g.name,
-        forecasts: o.map((L) => L.properties),
-        history: (p = i[0]) == null ? void 0 : p.properties,
-        showCircle: (w = (f = o[0]) == null ? void 0 : f.properties) == null ? void 0 : w.showCircle
-      }, this.showTropicalsInfo = !0;
-      const a = document.getElementById("idm-tropical-gl4-info");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.activeTropicalsMarker = new ve.Marker(a).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+        name: (n = e == null ? void 0 : e.properties) == null ? void 0 : n.name,
+        forecasts: o.map((w) => w.properties),
+        history: (g = i[0]) == null ? void 0 : g.properties,
+        showCircle: (f = (p = o[0]) == null ? void 0 : p.properties) == null ? void 0 : f.showCircle
+      }, console.log(document.getElementById("idm-tropical-gl4-info").cloneNode(!0)), this.showTropicalsInfo = !0, this.$nextTick(() => {
+        var z, L, b;
+        (z = this.activeTropicalsMarker) == null || z.remove();
+        const w = document.getElementById("idm-tropical-gl4-info").cloneNode(!0), P = (b = (L = w == null ? void 0 : w.children[0]) == null ? void 0 : L.children[1]) == null ? void 0 : b.children[1];
+        P && (P.onclick = () => {
+          var A;
+          this.showTropicalsInfo = !1, (A = this.activeTropicalsMarker) == null || A.remove();
+        }), this.activeTropicalsMarker = new ve.Marker(w).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+      });
     },
     handleForecastToggle(t) {
       var i, a, r, s, c, n;
@@ -11168,6 +11172,12 @@ const ec = {
     },
     handleNotification(t) {
       this.$emit("tropicalNotification", t);
+    },
+    handleHover() {
+      this.map.getCanvas().style.cursor = "pointer";
+    },
+    handleLeave() {
+      this.map.getCanvas().style.cursor = "grab";
     }
   }
 }, tc = { class: "idm-tropical-gl4" }, oc = {
@@ -11220,11 +11230,11 @@ function Lc(t, e, o, i, a, r) {
         default: u(() => [
           d(n, null, {
             default: u(() => {
-              var w, L, _, P, b, D, I, C, v, k;
+              var w, P, z, L, b, A, I, C, v, _;
               return [
                 l("div", ac, [
                   l("span", ic, h((w = a.activeTropicals) == null ? void 0 : w.name), 1),
-                  (_ = (L = a.activeTropicals) == null ? void 0 : L.history) != null && _.level ? (y(), S("span", rc, ", " + h((b = (P = a.activeTropicals) == null ? void 0 : P.history) == null ? void 0 : b.level), 1)) : O("", !0)
+                  (z = (P = a.activeTropicals) == null ? void 0 : P.history) != null && z.level ? (y(), S("span", rc, ", " + h((b = (L = a.activeTropicals) == null ? void 0 : L.history) == null ? void 0 : b.level), 1)) : O("", !0)
                 ]),
                 d(s, {
                   icon: "",
@@ -11241,7 +11251,7 @@ function Lc(t, e, o, i, a, r) {
                 }),
                 l("div", lc, [
                   l("span", sc, h(t.$t("actions.lastUpdate")) + ": ", 1),
-                  l("span", null, h(r.computeTime(((I = (D = a.activeTropicals) == null ? void 0 : D.history) == null ? void 0 : I.updated) || ((k = (v = (C = a.activeTropicals) == null ? void 0 : C.forecasts) == null ? void 0 : v.filter((T) => !T.disabled)[0]) == null ? void 0 : k.date))), 1)
+                  l("span", null, h(r.computeTime(((I = (A = a.activeTropicals) == null ? void 0 : A.history) == null ? void 0 : I.updated) || ((_ = (v = (C = a.activeTropicals) == null ? void 0 : C.forecasts) == null ? void 0 : v.filter((T) => !T.disabled)[0]) == null ? void 0 : _.date))), 1)
                 ])
               ];
             }),
@@ -11250,17 +11260,17 @@ function Lc(t, e, o, i, a, r) {
           d(g),
           d(n, { class: "text-body-1" }, {
             default: u(() => {
-              var w, L, _, P, b, D, I, C, v;
+              var w, P, z, L, b, A, I, C, v;
               return [
                 l("div", nc, [
                   l("div", cc, [
                     l("label", mc, h(t.$t("weather.windSpeed")) + " : ", 1),
-                    l("span", null, h(((L = (w = a.activeTropicals) == null ? void 0 : w.history) == null ? void 0 : L.kts) || "-") + " kts", 1),
-                    l("span", null, ", BF " + h(r.computeBF(((P = (_ = a.activeTropicals) == null ? void 0 : _.history) == null ? void 0 : P.kts) || "-")), 1)
+                    l("span", null, h(((P = (w = a.activeTropicals) == null ? void 0 : w.history) == null ? void 0 : P.kts) || "-") + " kts", 1),
+                    l("span", null, ", BF " + h(r.computeBF(((L = (z = a.activeTropicals) == null ? void 0 : z.history) == null ? void 0 : L.kts) || "-")), 1)
                   ]),
                   l("div", dc, [
                     l("label", hc, h(t.$t("tropical.pressure")) + " : ", 1),
-                    l("span", null, h(((D = (b = a.activeTropicals) == null ? void 0 : b.history) == null ? void 0 : D.pressure) || "-") + " hPa", 1)
+                    l("span", null, h(((A = (b = a.activeTropicals) == null ? void 0 : b.history) == null ? void 0 : A.pressure) || "-") + " hPa", 1)
                   ])
                 ]),
                 l("div", pc, [
@@ -11276,16 +11286,16 @@ function Lc(t, e, o, i, a, r) {
                 l("div", bc, [
                   l("label", wc, h(t.$t("weather.forecastModels")) + " : ", 1),
                   l("div", xc, [
-                    (y(!0), S(be, null, we((v = a.activeTropicals) == null ? void 0 : v.forecasts, (k, T) => (y(), A(s, {
+                    (y(!0), S(be, null, we((v = a.activeTropicals) == null ? void 0 : v.forecasts, (_, T) => (y(), D(s, {
                       key: T,
                       density: "compact",
-                      variant: k.disabled ? "outlined" : "flat",
-                      color: k.disabled ? "" : "primary",
-                      class: We(["model text-none text-body-1", k.disabled ? "" : "btn-border-2"]),
-                      onClick: (z) => r.handleForecastToggle(k)
+                      variant: _.disabled ? "outlined" : "flat",
+                      color: _.disabled ? "" : "primary",
+                      class: We(["model text-none text-body-1", _.disabled ? "" : "btn-border-2"]),
+                      onClick: (k) => r.handleForecastToggle(_)
                     }, {
                       default: u(() => [
-                        N(h(k.model), 1)
+                        N(h(_.model), 1)
                       ]),
                       _: 2
                     }, 1032, ["variant", "color", "class", "onClick"]))), 128))
@@ -11315,7 +11325,7 @@ function Lc(t, e, o, i, a, r) {
                 _: 1
               }, 8, ["color"]),
               l("div", vc, [
-                o.permission & a.helper.LEVEL.Supper ? (y(), A(s, {
+                o.permission & a.helper.LEVEL.Supper ? (y(), D(s, {
                   key: 0,
                   variant: "text",
                   density: "compact",
@@ -11569,7 +11579,7 @@ const Pc = {
   style: { height: "56px" }
 };
 function Mc(t, e, o, i, a, r) {
-  const s = x("VBtn"), c = x("VDatePicker"), n = x("VDivider"), g = x("VListItemTitle"), p = x("VListItem"), f = x("VList"), w = x("VCardText"), L = x("VCardActions"), _ = x("VCard");
+  const s = x("VBtn"), c = x("VDatePicker"), n = x("VDivider"), g = x("VListItemTitle"), p = x("VListItem"), f = x("VList"), w = x("VCardText"), P = x("VCardActions"), z = x("VCard");
   return y(), S("div", Cc, [
     d(s, {
       text: "",
@@ -11582,7 +11592,7 @@ function Mc(t, e, o, i, a, r) {
       ]),
       _: 1
     }, 8, ["onClick"]),
-    a.showDatePicker ? (y(), A(_, {
+    a.showDatePicker ? (y(), D(z, {
       key: 0,
       class: "card-box d-flex flex-column"
     }, {
@@ -11592,7 +11602,7 @@ function Mc(t, e, o, i, a, r) {
             l("div", Tc, [
               d(c, {
                 modelValue: a.currentDate,
-                "onUpdate:modelValue": e[0] || (e[0] = (P) => a.currentDate = P),
+                "onUpdate:modelValue": e[0] || (e[0] = (L) => a.currentDate = L),
                 min: a.dateRange[0],
                 max: a.dateRange[1],
                 "mode-icon": () => r.currentYear,
@@ -11612,11 +11622,11 @@ function Mc(t, e, o, i, a, r) {
               l("div", Ic, h(a.currentTime), 1),
               d(f, { class: "pa-0 flex-1-1-0" }, {
                 default: u(() => [
-                  (y(!0), S(be, null, we(r.hourOptions, (P, b) => (y(), A(p, {
+                  (y(!0), S(be, null, we(r.hourOptions, (L, b) => (y(), D(p, {
                     key: b,
-                    value: P,
+                    value: L,
                     color: "primary",
-                    active: a.currentTime === P,
+                    active: a.currentTime === L,
                     rounded: "",
                     height: "26",
                     "min-height": "26"
@@ -11624,10 +11634,10 @@ function Mc(t, e, o, i, a, r) {
                     default: u(() => [
                       d(g, {
                         class: "text-body-2 text-center",
-                        onClick: (D) => a.currentTime = P
+                        onClick: (A) => a.currentTime = L
                       }, {
                         default: u(() => [
-                          N(h(P), 1)
+                          N(h(L), 1)
                         ]),
                         _: 2
                       }, 1032, ["onClick"])
@@ -11642,7 +11652,7 @@ function Mc(t, e, o, i, a, r) {
           _: 1
         }),
         d(n),
-        d(L, {
+        d(P, {
           class: "justify-end pa-0 pr-4",
           style: { height: "50px" }
         }, {
@@ -11771,9 +11781,8 @@ const Ac = {
       currentHourData: {},
       positionOffset: void 0,
       positionGmt: void 0,
-      meteoMarker: void 0,
-      meteoInfoMarker: void 0,
-      positionMarker: void 0
+      positionMarker: void 0,
+      meteoInfoMarker: void 0
     };
   },
   computed: {
@@ -11863,7 +11872,7 @@ const Ac = {
     },
     submitForm() {
       var t;
-      this.showMeteo = !1, (t = this.meteoMarker) == null || t.remove(), this.meteoMarker = void 0, this.$refs.spotForm.validate().then(async (e) => {
+      this.showMeteo = !1, (t = this.positionMarker) == null || t.remove(), this.positionMarker = void 0, this.$refs.spotForm.validate().then(async (e) => {
         var o;
         if (e != null && e.valid) {
           this.form.lat = (Number(this.form.latDegree ?? 0) + Number(this.form.latMinute ?? 0) / 60) * (this.form.latDirection === "N" ? 1 : -1), this.form.lng = (Number(this.form.lngDegree ?? 0) + Number(this.form.lngMinute ?? 0) / 60) * (this.form.lngDirection === "E" ? 1 : -1), this.point = {
@@ -11891,11 +11900,10 @@ const Ac = {
       };
     },
     handleCloseForm() {
-      var t;
-      this.showForm = !1, this.cancelForm(), !this.showForm && !this.showMeteo && (this.toggle = !1), (t = this.positionMarker) == null || t.remove(), this.positionMarker = void 0;
+      this.showForm = !1, this.cancelForm(), !this.showForm && !this.showMeteo && (this.toggle = !1);
     },
     async fetchMeteoData(t) {
-      this.loading = !0, this.showMeteo = !0, this.form.lng = t.lng, this.form.lat = t.lat, this.handleRender([t.lng, t.lat]), this.meteoData = [];
+      this.loading = !0, this.showMeteo = !0, this.form.lng = t.lng, this.form.lat = t.lat, this.handleDrawInfoMarker([t.lng, t.lat]), this.meteoData = [];
       const { weatherModels: e, marineModels: o } = oo.autoPickMeteoModel(t.forecastModel);
       let i = {
         lat: t.lat,
@@ -11912,7 +11920,7 @@ const Ac = {
       (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.loading = !1;
     },
     async fetchHistoryData(t) {
-      this.loading = !0, this.showMeteo = !0, this.handleRender([t.lng, t.lat]), this.meteoData = [];
+      this.loading = !0, this.showMeteo = !0, this.handleDrawInfoMarker([t.lng, t.lat]), this.meteoData = [];
       const { weatherModels: e, marineModels: o } = oo.autoPickMeteoModel(t.forecastModel), i = {
         lat: t.lat,
         lng: t.lng,
@@ -11929,10 +11937,10 @@ const Ac = {
       (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.loading = !1;
     },
     initTableData(t) {
-      var o, i, a, r, s, c, n, g, p, f, w, L, _, P, b, D, I, C, v, k, T, z, R, V, K, X, Z, J, ee, Q, re, de, pe, se, $, ae, ue, ne, F, ce, xe;
+      var o, i, a, r, s, c, n, g, p, f, w, P, z, L, b, A, I, C, v, _, T, k, R, V, K, X, Z, J, ee, Q, re, de, pe, se, $, ae, ue, ne, F, ce, 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 = oo.pickHourly(t, M(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.roundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((g = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : g.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((f = (p = e == null ? void 0 : e.weather) == null ? void 0 : p.precip) == null ? void 0 : f.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((w = e == null ? void 0 : e.weather) == null ? void 0 : w.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((_ = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : _.kts, 1) ?? "-", this.currentHourData.windDir = (b = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.wind) == null ? void 0 : b.direction, this.currentHourData.windLevel = this.roundPrecision((I = (D = e == null ? void 0 : e.weather) == null ? void 0 : D.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((v = (C = e == null ? void 0 : e.weather) == null ? void 0 : C.wind) == null ? void 0 : v.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((T = (k = e == null ? void 0 : e.wave) == null ? void 0 : k.sig) == null ? void 0 : T.height, 1) ?? "-", this.currentHourData.sigwaveDir = (R = (z = e == null ? void 0 : e.wave) == null ? void 0 : z.sig) == null ? void 0 : R.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((K = (V = e == null ? void 0 : e.wave) == null ? void 0 : V.sig) == null ? void 0 : K.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((Z = (X = e == null ? void 0 : e.wave) == null ? void 0 : X.wd) == null ? void 0 : Z.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.roundPrecision((re = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : re.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((pe = (de = e == null ? void 0 : e.wave) == null ? void 0 : de.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = ($ = (se = e == null ? void 0 : e.wave) == null ? void 0 : se.swell) == null ? void 0 : $.direction, this.currentHourData.swellPeriod = this.roundPrecision((ue = (ae = e == null ? void 0 : e.wave) == null ? void 0 : ae.swell) == null ? void 0 : ue.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((ne = e == null ? void 0 : e.current) == null ? void 0 : ne.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.roundPrecision((ce = e == null ? void 0 : e.current) == null ? void 0 : ce.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(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.roundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((g = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : g.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((f = (p = e == null ? void 0 : e.weather) == null ? void 0 : p.precip) == null ? void 0 : f.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((w = e == null ? void 0 : e.weather) == null ? void 0 : w.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((z = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.wind) == null ? void 0 : z.kts, 1) ?? "-", this.currentHourData.windDir = (b = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : b.direction, this.currentHourData.windLevel = this.roundPrecision((I = (A = e == null ? void 0 : e.weather) == null ? void 0 : A.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((v = (C = e == null ? void 0 : e.weather) == null ? void 0 : C.wind) == null ? void 0 : v.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((T = (_ = e == null ? void 0 : e.wave) == null ? void 0 : _.sig) == null ? void 0 : T.height, 1) ?? "-", this.currentHourData.sigwaveDir = (R = (k = e == null ? void 0 : e.wave) == null ? void 0 : k.sig) == null ? void 0 : R.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((K = (V = e == null ? void 0 : e.wave) == null ? void 0 : V.sig) == null ? void 0 : K.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((Z = (X = e == null ? void 0 : e.wave) == null ? void 0 : X.wd) == null ? void 0 : Z.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.roundPrecision((re = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : re.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((pe = (de = e == null ? void 0 : e.wave) == null ? void 0 : de.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = ($ = (se = e == null ? void 0 : e.wave) == null ? void 0 : se.swell) == null ? void 0 : $.direction, this.currentHourData.swellPeriod = this.roundPrecision((ue = (ae = e == null ? void 0 : e.wave) == null ? void 0 : ae.swell) == null ? void 0 : ue.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((ne = e == null ? void 0 : e.current) == null ? void 0 : ne.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.roundPrecision((ce = e == null ? void 0 : e.current) == null ? void 0 : ce.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(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;
@@ -11940,46 +11948,33 @@ const Ac = {
     },
     handleClick(t) {
       if (t.originalEvent.stopPropagation(), t.originalEvent.target.className === "mapboxgl-canvas")
-        this.handleDrawMarker(t.lngLat), this.$nextTick(() => {
+        this.handleGetPosition(t.lngLat), this.$nextTick(() => {
           var o, i, a;
           (a = (i = (o = this.$refs) == null ? void 0 : o.submitSpot) == null ? void 0 : i.$el) == null || a.click();
         });
       else
         return !1;
     },
-    handleDrawMarker(t) {
-      var e, o;
-      if (this.showMeteo = !1, (e = this.meteoMarker) == null || e.remove(), this.meteoMarker = void 0, this.form.latDegree = Number(G.lat2pretty(t.lat).degree), this.form.latMinute = Number(G.lat2pretty(t.lat).minute), this.form.latDirection = G.lat2pretty(t.lat).direction, this.form.lngDegree = Number(G.lng2pretty(t.lng).degree), this.form.lngMinute = Number(G.lng2pretty(t.lng).minute), this.form.lngDirection = G.lng2pretty(t.lng).direction, this.point = {
+    handleGetPosition(t) {
+      var e;
+      this.showMeteo = !1, (e = this.positionMarker) == null || e.remove(), this.positionMarker = void 0, this.form.latDegree = Number(G.lat2pretty(t.lat).degree), this.form.latMinute = Number(G.lat2pretty(t.lat).minute), this.form.latDirection = G.lat2pretty(t.lat).direction, this.form.lngDegree = Number(G.lng2pretty(t.lng).degree), this.form.lngMinute = Number(G.lng2pretty(t.lng).minute), this.form.lngDirection = G.lng2pretty(t.lng).direction, this.point = {
         lat: t.lat,
         lng: t.lng
-      }, this.positionMarker)
-        (o = this.positionMarker) == null || o.setLngLat([this.point.lng, this.point.lat]);
-      else {
-        const i = document.createElement("div");
-        i.innerHTML = '<svg t="1755510770354" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5552" width="200" height="200"><path d="M511.960615 827.234462s330.358154-215.906462 330.358154-465.526154C842.318769 183.650462 694.468923 39.384615 512 39.384615S181.563077 183.689846 181.563077 361.668923c0 249.659077 330.397538 465.565538 330.397538 465.565539z" fill="#FF8C00" p-id="5553"></path><path d="M511.921231 496.836923a127.054769 127.054769 0 1 0 0-254.148923 127.054769 127.054769 0 0 0 0 254.148923z" fill="#FFFFFF" p-id="5554"></path><path d="M354.461538 945.230769a157.538462 39.384615 0 1 0 315.076924 0 157.538462 39.384615 0 1 0-315.076924 0Z" fill="#494C4F" opacity=".4" p-id="5555"></path></svg>', i.firstChild.style.height = "32px", i.firstChild.style.width = "32px", this.positionMarker = new ve.Marker(i).setLngLat([this.point.lng, this.point.lat]).setOffset([0, -16]).addTo(this.map);
-      }
+      };
     },
-    handleRender(t) {
+    handleDrawInfoMarker(t) {
       t && (this.map.flyTo({
         center: t,
-        duration: 500
+        duration: 300
       }), this.$nextTick(() => {
-        var e, o, i;
-        if ((e = this.positionMarker) == null || e.remove(), this.positionMarker = void 0, this.meteoMarker)
-          (o = this.meteoMarker) == null || o.setLngLat(t);
-        else {
-          const a = document.createElement("div");
-          a.innerHTML = `
-                  <svg class="multi-color-icon" style="height: 26px;width: 26px;" aria-hidden="true">
-                    <use :xlink:href="#icon-spot-${this.theme}"></use>
-                  </svg>`, this.meteoMarker = new ve.Marker(a).setLngLat(t).setOffset([0, -13]).addTo(this.map);
-        }
-        if (this.meteoInfoMarker)
-          (i = this.meteoInfoMarker) == null || i.setLngLat(t);
-        else {
-          const a = document.getElementById("idm-gl4-spot-meteo");
-          this.meteoInfoMarker = new ve.Marker(a).setLngLat(t).setOffset([0, -190]).addTo(this.map);
-        }
+        var a, r, s, c, n;
+        (a = this.positionMarker) == null || a.remove();
+        const e = (r = document.getElementById("idm-position-icon")) == null ? void 0 : r.cloneNode(!0);
+        this.positionMarker = new ve.Marker(e).setLngLat(t).setOffset([0, -13]).addTo(this.map), (s = this.meteoInfoMarker) == null || s.remove();
+        const o = (c = document.getElementById("idm-gl4-spot-meteo")) == null ? void 0 : c.cloneNode(!0), i = (n = o == null ? void 0 : o.children[1]) == null ? void 0 : n.children[1];
+        i && (i.onclick = () => {
+          this.handleCloseMeteo();
+        }), this.meteoInfoMarker = new ve.Marker(o).setLngLat(t).setOffset([0, -190]).addTo(this.map);
       }));
     },
     handleMeteoMore() {
@@ -11987,7 +11982,7 @@ const Ac = {
     },
     handleCloseMeteo() {
       var t, e;
-      this.showMeteo = !1, (t = this.meteoMarker) == null || t.remove(), this.meteoMarker = void 0, (e = this.positionMarker) == null || e.remove(), this.positionMarker = void 0, !this.showForm && !this.showMeteo && (this.toggle = !1);
+      this.showMeteo = !1, (t = this.positionMarker) == null || t.remove(), this.positionMarker = void 0, (e = this.meteoInfoMarker) == null || e.remove(), this.meteoInfoMarker = void 0, !this.showForm && !this.showMeteo && (this.toggle = !1);
     },
     handleFollow() {
       this.$emit("follow", this.point);
@@ -12013,9 +12008,13 @@ const Ac = {
 }, Gc = ["xlink:href"], Vc = { class: "d-flex justify-start align-center ga-1 mb-1" }, Zc = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, qc = ["xlink:href"], Yc = { class: "d-flex justify-start align-center" }, Kc = { class: "mx-2" };
-function Xc(t, e, o, i, a, r) {
-  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), g = x("VDivider"), p = x("VTextField"), f = x("VCol"), w = x("VRow"), L = x("DateTimePicker"), _ = x("VBtnToggle"), P = x("VCardActions"), b = x("VForm"), D = x("VCardText"), I = x("VCard"), C = x("VIcon");
+}, qc = ["xlink:href"], Yc = { class: "d-flex justify-start align-center" }, Kc = { class: "mx-2" }, Xc = { id: "idm-position-icon" }, $c = {
+  class: "multi-color-icon",
+  style: { height: "26px", width: "26px" },
+  "aria-hidden": "true"
+}, Qc = ["xlink:href"];
+function Jc(t, e, o, i, a, r) {
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), g = x("VDivider"), p = x("VTextField"), f = x("VCol"), w = x("VRow"), P = x("DateTimePicker"), z = x("VBtnToggle"), L = x("VCardActions"), b = x("VForm"), A = x("VCardText"), I = x("VCard"), C = x("VIcon");
   return y(), S("div", Dc, [
     l("div", {
       class: "menu-bar-box transition pa-1",
@@ -12043,7 +12042,7 @@ function Xc(t, e, o, i, a, r) {
         _: 1
       }, 8, ["text"])
     ], 4),
-    a.showForm ? (y(), A(I, {
+    a.showForm ? (y(), D(I, {
       key: 0,
       class: "spot-form-card",
       style: ie({ top: o.top + 174 + "px", right: a.right + 50 + "px" })
@@ -12071,7 +12070,7 @@ function Xc(t, e, o, i, a, r) {
           _: 1
         }),
         d(g),
-        d(D, { class: "text-body-1 py-1" }, {
+        d(A, { class: "text-body-1 py-1" }, {
           default: u(() => [
             d(b, {
               ref: "spotForm",
@@ -12248,7 +12247,7 @@ function Xc(t, e, o, i, a, r) {
                       class: "pa-0"
                     }, {
                       default: u(() => [
-                        d(L, B({
+                        d(P, B({
                           "date-time": a.form.dateTime,
                           "time-zone": o.timeZone
                         }, t.$attrs, {
@@ -12275,7 +12274,7 @@ function Xc(t, e, o, i, a, r) {
                       class: "pa-0"
                     }, {
                       default: u(() => [
-                        d(_, {
+                        d(z, {
                           modelValue: a.form.forecastModel,
                           "onUpdate:modelValue": e[7] || (e[7] = (v) => a.form.forecastModel = v),
                           class: "w-100",
@@ -12323,7 +12322,7 @@ function Xc(t, e, o, i, a, r) {
                   _: 1
                 }),
                 d(g),
-                d(P, { class: "d-flex justify-end align-center ga-4" }, {
+                d(L, { class: "d-flex justify-end align-center ga-4" }, {
                   default: u(() => [
                     d(s, {
                       size: "small",
@@ -12370,11 +12369,11 @@ function Xc(t, e, o, i, a, r) {
       default: u(() => [
         d(n, { class: "d-flex justify-space-between align-center" }, {
           default: u(() => {
-            var v, k, T, z;
+            var v, _, T, k;
             return [
               l("div", Yc, [
                 e[16] || (e[16] = l("i", { class: "iconfont icon-a-Spotweather text-h5 map-icon-aqua" }, null, -1)),
-                l("div", Kc, h(r.computeLat(((v = a.form) == null ? void 0 : v.lat) || ((k = a.currentHourData) == null ? void 0 : k.lat))) + "," + h(r.computeLng(((T = a.form) == null ? void 0 : T.lng) || ((z = a.currentHourData) == null ? void 0 : z.lng))), 1)
+                l("div", Kc, h(r.computeLat(((v = a.form) == null ? void 0 : v.lat) || ((_ = a.currentHourData) == null ? void 0 : _.lat))) + "," + h(r.computeLng(((T = a.form) == null ? void 0 : T.lng) || ((k = a.currentHourData) == null ? void 0 : k.lng))), 1)
               ]),
               d(s, {
                 class: "mr-n2",
@@ -12397,7 +12396,7 @@ function Xc(t, e, o, i, a, r) {
           _: 1
         }),
         d(g),
-        d(D, { class: "text-body-1 ml-n8" }, {
+        d(A, { class: "text-body-1 ml-n8" }, {
           default: u(() => [
             d(w, null, {
               default: u(() => [
@@ -12579,12 +12578,12 @@ function Xc(t, e, o, i, a, r) {
           _: 1
         }),
         d(g),
-        d(P, { class: "d-flex justify-space-between align-center" }, {
+        d(L, { class: "d-flex justify-space-between align-center" }, {
           default: u(() => [
             o.followList.some((v) => {
-              var k, T;
-              return ((k = v == null ? void 0 : v.coordinate) == null ? void 0 : k.lng) === a.point.lng && ((T = v == null ? void 0 : v.coordinate) == null ? void 0 : T.lat) === a.point.lat;
-            }) ? (y(), A(s, {
+              var _, T;
+              return ((_ = v == null ? void 0 : v.coordinate) == null ? void 0 : _.lng) === a.point.lng && ((T = v == null ? void 0 : v.coordinate) == null ? void 0 : T.lat) === a.point.lat;
+            }) ? (y(), D(s, {
               key: 0,
               class: "text-none text-body-1",
               variant: "text",
@@ -12600,7 +12599,7 @@ function Xc(t, e, o, i, a, r) {
                 N(" " + h(t.$t("actions.unfollow")), 1)
               ]),
               _: 1
-            }, 8, ["onClick"])) : (y(), A(s, {
+            }, 8, ["onClick"])) : (y(), D(s, {
               key: 1,
               class: "text-none text-body-1",
               variant: "text",
@@ -12634,11 +12633,20 @@ function Xc(t, e, o, i, a, r) {
       _: 1
     }, 512), [
       [Fe, a.showMeteo]
+    ]),
+    Ne(l("div", Xc, [
+      (y(), S("svg", $c, [
+        l("use", {
+          "xlink:href": `#icon-spot-${o.theme}`
+        }, null, 8, Qc)
+      ]))
+    ], 512), [
+      [Fe, a.showMeteo]
     ])
   ]);
 }
-const $c = /* @__PURE__ */ Y(Ac, [["render", Xc]]);
-const Qc = {
+const em = /* @__PURE__ */ Y(Ac, [["render", Jc]]);
+const tm = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -12733,22 +12741,22 @@ const Qc = {
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const w = this.geojson.filter((b) => b.id === e.split("-")[0])[0];
         this.pointMarkers[w.id].filter((b) => {
-          var D;
-          return ((D = b._element) == null ? void 0 : D.id) === e;
+          var A;
+          return ((A = b._element) == null ? void 0 : A.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 _;
-        w.features.forEach((b, D) => {
+        let z;
+        w.features.forEach((b, A) => {
           if (b.geometry.type === "Point" && b.properties.id === e.split("-")[1]) {
-            _ = D;
+            z = A;
             return;
           }
         });
-        const P = w.features.filter((b) => b.geometry.type === "Point");
+        const L = w.features.filter((b) => b.geometry.type === "Point");
         this.handleTmpPointUpdate(
           w,
-          P[_ - 1],
-          { lng: (g = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : g.lng, lat: (f = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : f.lat, properties: P[_].properties },
-          _ === P.length - 1 ? void 0 : P[_ + 1]
+          L[z - 1],
+          { lng: (g = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : g.lng, lat: (f = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : f.lat, properties: L[z].properties },
+          z === L.length - 1 ? void 0 : L[z + 1]
         );
       }
     },
@@ -12756,13 +12764,13 @@ const Qc = {
       var o, i, a, r, s, c, n, g, p, f;
       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((P) => P.id === e.split("-")[0])[0];
-        this.pointMarkers[w.id].filter((P) => {
+        const w = this.geojson.filter((L) => L.id === e.split("-")[0])[0];
+        this.pointMarkers[w.id].filter((L) => {
           var b;
-          return ((b = P._element) == null ? void 0 : b.id) === e;
+          return ((b = L._element) == null ? void 0 : b.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 _ = w.features.filter((P) => P.geometry.type === "Point" && P.properties.id === e.split("-")[1])[0];
-        _.geometry.coordinates = [(g = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : g.lng, (f = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : f.lat], w.features = w.features.filter((P) => P.geometry.type === "Point"), this.handlePointUpdate(w);
+        const z = w.features.filter((L) => L.geometry.type === "Point" && L.properties.id === e.split("-")[1])[0];
+        z.geometry.coordinates = [(g = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : g.lng, (f = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : f.lat], w.features = w.features.filter((L) => L.geometry.type === "Point"), this.handlePointUpdate(w);
       }
     },
     handleContextmenu(t) {
@@ -12814,10 +12822,10 @@ const Qc = {
           o = G.roundPrecision(o + p, 4);
           let w;
           c.mode === "RL" ? w = G.convertToMonotonicLng([n, g]) : w = G.convertToMonotonicLng(Ue.interpolateCoordinates(n, g, 200));
-          const L = H.lineString(w.map((P) => [P.lng, P.lat]));
-          L.properties.dist = p, L.properties.bearing = f, L.properties.total = o, L.properties.name = "Line " + this.currentLineIndex, i.push(L);
-          const _ = e[a];
-          _.properties.totalDist = G.roundPrecision((c.totalDist ? c.totalDist : 0) + p, 4), _.properties.sumLabel = _.properties.totalDist + " nm";
+          const P = H.lineString(w.map((L) => [L.lng, L.lat]));
+          P.properties.dist = p, P.properties.bearing = f, P.properties.total = o, P.properties.name = "Line " + this.currentLineIndex, i.push(P);
+          const z = e[a];
+          z.properties.totalDist = G.roundPrecision((c.totalDist ? c.totalDist : 0) + p, 4), z.properties.sumLabel = z.properties.totalDist + " nm";
         }
         e.push(...i), t.total = o;
       }
@@ -12831,7 +12839,7 @@ const Qc = {
         r = Ue.calculateDistance(g, p, n.mode === "RL", 4), s = Ue.calculateBearing(g, p, n.mode === "RL", 2);
         let f;
         n.mode === "RL" ? f = G.convertToMonotonicLng([g, p]) : f = G.convertToMonotonicLng(Ue.interpolateCoordinates(g, p, 200));
-        const w = H.lineString(f.map((L) => [L.lng, L.lat]));
+        const w = H.lineString(f.map((P) => [P.lng, P.lat]));
         w.properties.dist = r, w.properties.bearing = s, a.features.push(w);
       }
       if (i) {
@@ -12839,7 +12847,7 @@ const Qc = {
         r = Ue.calculateDistance(g, p, n.mode === "RL", 4), s = Ue.calculateBearing(g, p, n.mode === "RL", 2);
         let f;
         n.mode === "RL" ? f = G.convertToMonotonicLng([g, p]) : f = G.convertToMonotonicLng(Ue.interpolateCoordinates(g, p, 200));
-        const w = H.lineString(f.map((L) => [L.lng, L.lat]));
+        const w = H.lineString(f.map((P) => [P.lng, P.lat]));
         w.properties.dist = r, w.properties.bearing = s, a.features.push(w);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(a) : this.map.addSource(this.tmpSource, {
@@ -12981,17 +12989,17 @@ const Qc = {
       }
     },
     handleClear(t, e = !0) {
-      var s, c, n, g, p, f, w, L, _, P;
+      var s, c, n, g, p, f, w, P, z, L;
       const o = `${t.id}-${this.source}`, i = `${t.id}-${this.layer}`, a = `${t.id}-${this.labelLayer}`, r = `${t.id}-${this.sumLayer}`;
       (s = this.map) != null && s.getLayer(i) && this.map.removeLayer(i), (c = this.map) != null && c.getLayer(a) && this.map.removeLayer(a), (n = this.map) != null && n.getLayer(r) && this.map.removeLayer(r), (g = this.map) != null && g.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (p = this.map) != null && p.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (f = this.closeMarkers[t.id]) == null || f.remove(), this.closeMarkers[t.id] = void 0, (w = this.pointMarkers[t.id]) == null || w.forEach((b) => {
         b == null || b.remove();
-      }), this.pointMarkers[t.id] = [], (L = this.tipMarker) == null || L.remove(), this.tipMarker = void 0, e && ((_ = this.map) != null && _.getSource(o)) && this.map.removeSource(o), e && ((P = this.map) != null && P.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      }), this.pointMarkers[t.id] = [], (P = this.tipMarker) == null || P.remove(), this.tipMarker = void 0, e && ((z = this.map) != null && z.getSource(o)) && this.map.removeSource(o), e && ((L = this.map) != null && L.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
-}, Jc = { class: "idm-gl4-measure" };
-function em(t, e, o, i, a, r) {
+}, om = { class: "idm-gl4-measure" };
+function am(t, e, o, i, a, r) {
   const s = x("VBtn"), c = x("VTooltip");
-  return y(), S("div", Jc, [
+  return y(), S("div", om, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ie({ top: o.top + 214 + "px", right: a.right + "px" })
@@ -13020,8 +13028,8 @@ function em(t, e, o, i, a, r) {
     ], 4)
   ]);
 }
-const tm = /* @__PURE__ */ Y(Qc, [["render", em]]);
-const om = {
+const im = /* @__PURE__ */ Y(tm, [["render", am]]);
+const rm = {
   name: "IdmBottomBar",
   components: { DateTimePicker: no },
   props: {
@@ -13139,18 +13147,18 @@ const om = {
       this.$parent.$refs.idmWeatherLayers.handleMenuToggle();
     }
   }
-}, am = { class: "idm-bottom-bar-gl4" }, im = { class: "date-box d-flex ga-2 mr-2" }, rm = { class: "play-btns-box d-flex justify-center align-center cursor-pointer" }, lm = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, sm = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, nm = {
+}, lm = { class: "idm-bottom-bar-gl4" }, sm = { class: "date-box d-flex ga-2 mr-2" }, nm = { class: "play-btns-box d-flex justify-center align-center cursor-pointer" }, cm = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, mm = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, dm = {
   key: 0,
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
-}, cm = ["onClick"], mm = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, dm = { class: "text-body-1" };
-function hm(t, e, o, i, a, r) {
-  const s = x("DateTimePicker"), c = x("VListItemTitle"), n = x("VListItem"), g = x("VList"), p = x("VMenu"), f = x("VBtn"), w = x("VDivider"), L = x("VTooltip");
-  return y(), S("div", am, [
+}, hm = ["onClick"], pm = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, um = { class: "text-body-1" };
+function gm(t, e, o, i, a, r) {
+  const s = x("DateTimePicker"), c = x("VListItemTitle"), n = x("VListItem"), g = x("VList"), p = x("VMenu"), f = x("VBtn"), w = x("VDivider"), P = x("VTooltip");
+  return y(), S("div", lm, [
     l("div", {
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
       style: ie({ right: a.right + 146 + "px", bottom: Object.values(a.show).includes(!0) ? "10px" : "-100px" })
     }, [
-      l("div", im, [
+      l("div", sm, [
         d(s, B({
           ref: "dateTimePicker",
           "date-time": a.currentDateTimeZ,
@@ -13158,9 +13166,9 @@ function hm(t, e, o, i, a, r) {
           "day-about": a.dayAbout,
           "interval-hour": a.intervalHour
         }, t.$attrs, {
-          onCurrentTimestamp: e[0] || (e[0] = (_) => a.currentTimestamp = _),
-          onCurrentRealTime: e[1] || (e[1] = (_) => a.currentRealTime = _),
-          onTimestampRange: e[2] || (e[2] = (_) => a.timestampRange = _)
+          onCurrentTimestamp: e[0] || (e[0] = (z) => a.currentTimestamp = z),
+          onCurrentRealTime: e[1] || (e[1] = (z) => a.currentRealTime = z),
+          onTimestampRange: e[2] || (e[2] = (z) => a.timestampRange = z)
         }), null, 16, ["date-time", "time-zone", "day-about", "interval-hour"]),
         d(f, {
           text: "",
@@ -13174,13 +13182,13 @@ function hm(t, e, o, i, a, r) {
               default: u(() => [
                 d(g, { class: "pa-1" }, {
                   default: u(() => [
-                    (y(!0), S(be, null, we(a.intervalOptions, (_, P) => (y(), A(n, {
-                      key: P,
-                      value: _,
-                      variant: a.intervalHour === _ ? "tonal" : "text",
+                    (y(!0), S(be, null, we(a.intervalOptions, (z, L) => (y(), D(n, {
+                      key: L,
+                      value: z,
+                      variant: a.intervalHour === z ? "tonal" : "text",
                       color: "primary",
                       rounded: "",
-                      active: a.intervalHour === _,
+                      active: a.intervalHour === z,
                       height: "30",
                       "min-height": "30",
                       "min-width": "30",
@@ -13188,10 +13196,10 @@ function hm(t, e, o, i, a, r) {
                     }, {
                       default: u(() => [
                         d(c, {
-                          onClick: (b) => a.intervalHour = _
+                          onClick: (b) => a.intervalHour = z
                         }, {
                           default: u(() => [
-                            N(h(_) + "h", 1)
+                            N(h(z) + "h", 1)
                           ]),
                           _: 2
                         }, 1032, ["onClick"])
@@ -13213,7 +13221,7 @@ function hm(t, e, o, i, a, r) {
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      l("div", rm, [
+      l("div", nm, [
         d(f, {
           icon: "",
           size: "small",
@@ -13240,7 +13248,7 @@ function hm(t, e, o, i, a, r) {
           _: 1,
           __: [10]
         }, 8, ["onClick"]),
-        a.paused ? (y(), A(f, {
+        a.paused ? (y(), D(f, {
           key: 0,
           icon: "",
           size: "small",
@@ -13253,7 +13261,7 @@ function hm(t, e, o, i, a, r) {
           ])),
           _: 1,
           __: [11]
-        }, 8, ["onClick"])) : (y(), A(f, {
+        }, 8, ["onClick"])) : (y(), D(f, {
           key: 1,
           icon: "",
           size: "small",
@@ -13286,22 +13294,22 @@ function hm(t, e, o, i, a, r) {
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      l("div", lm, [
-        d(L, {
+      l("div", cm, [
+        d(P, {
           text: t.$t("weather.windBarbs"),
           location: "top"
         }, {
-          activator: u(({ props: _ }) => {
-            var P, b;
+          activator: u(({ props: z }) => {
+            var L, b;
             return [
-              d(f, B(_, {
+              d(f, B(z, {
                 class: "pa-1 d-flex",
-                color: (P = o.weatherCheckList) != null && P.includes("wind") ? "primary" : "",
+                color: (L = o.weatherCheckList) != null && L.includes("wind") ? "primary" : "",
                 variant: (b = o.weatherCheckList) != null && b.includes("wind") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
-                onClick: e[3] || (e[3] = (D) => r.handleClickFastWeather("wind"))
+                onClick: e[3] || (e[3] = (A) => r.handleClickFastWeather("wind"))
               }), {
                 default: u(() => e[14] || (e[14] = [
                   l("i", { class: "iconfont icon-a-WindLevel" }, null, -1)
@@ -13313,24 +13321,24 @@ function hm(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        d(L, {
+        d(P, {
           text: t.$t("weather.sigWaveHeight"),
           location: "top"
         }, {
-          activator: u(({ props: _ }) => {
-            var P, b;
+          activator: u(({ props: z }) => {
+            var L, b;
             return [
-              d(f, B(_, {
+              d(f, B(z, {
                 class: "pa-1 d-flex",
-                color: (P = o.weatherCheckList) != null && P.includes("sig-wave-height") ? "primary" : "",
+                color: (L = o.weatherCheckList) != null && L.includes("sig-wave-height") ? "primary" : "",
                 variant: (b = o.weatherCheckList) != null && b.includes("sig-wave-height") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
-                onClick: e[4] || (e[4] = (D) => r.handleClickFastWeather("sig-wave-height"))
+                onClick: e[4] || (e[4] = (A) => r.handleClickFastWeather("sig-wave-height"))
               }), {
                 default: u(() => [
-                  l("i", B(_, { class: "iconfont icon-a-WaveHeight" }), null, 16)
+                  l("i", B(z, { class: "iconfont icon-a-WaveHeight" }), null, 16)
                 ]),
                 _: 2
               }, 1040, ["color", "variant"])
@@ -13338,24 +13346,24 @@ function hm(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        d(L, {
+        d(P, {
           text: t.$t("weather.currentDirection"),
           location: "top"
         }, {
-          activator: u(({ props: _ }) => {
-            var P, b;
+          activator: u(({ props: z }) => {
+            var L, b;
             return [
-              d(f, B(_, {
+              d(f, B(z, {
                 class: "pa-1 d-flex",
-                color: (P = o.weatherCheckList) != null && P.includes("current-direction") ? "primary" : "",
+                color: (L = o.weatherCheckList) != null && L.includes("current-direction") ? "primary" : "",
                 variant: (b = o.weatherCheckList) != null && b.includes("current-direction") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
-                onClick: e[5] || (e[5] = (D) => r.handleClickFastWeather("current-direction"))
+                onClick: e[5] || (e[5] = (A) => r.handleClickFastWeather("current-direction"))
               }), {
                 default: u(() => [
-                  l("i", B(_, { class: "iconfont icon-Current" }), null, 16)
+                  l("i", B(z, { class: "iconfont icon-Current" }), null, 16)
                 ]),
                 _: 2
               }, 1040, ["color", "variant"])
@@ -13363,12 +13371,12 @@ function hm(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        d(L, {
+        d(P, {
           text: t.$t("weather.weatherLayers"),
           location: "top"
         }, {
-          activator: u(({ props: _ }) => [
-            d(f, B(_, {
+          activator: u(({ props: z }) => [
+            d(f, B(z, {
               class: "pa-1 d-flex",
               variant: "text",
               height: "24",
@@ -13377,7 +13385,7 @@ function hm(t, e, o, i, a, r) {
               onClick: r.handleClickFastMore
             }), {
               default: u(() => [
-                l("i", B(_, { class: "iconfont icon-dots-align" }), null, 16)
+                l("i", B(z, { class: "iconfont icon-dots-align" }), null, 16)
               ]),
               _: 2
             }, 1040, ["onClick"])
@@ -13390,13 +13398,13 @@ function hm(t, e, o, i, a, r) {
         class: "mx-2 mr-3 my-3",
         style: { height: "16px" }
       }),
-      l("div", sm, [
+      l("div", mm, [
         d(f, {
           text: "",
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2",
           color: a.source === "GFS" ? "primary" : "",
-          onClick: e[6] || (e[6] = (_) => a.source = "GFS")
+          onClick: e[6] || (e[6] = (z) => a.source = "GFS")
         }, {
           default: u(() => e[15] || (e[15] = [
             N("NOAA", -1)
@@ -13409,7 +13417,7 @@ function hm(t, e, o, i, a, r) {
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2",
           color: a.source === "ECMWF" ? "primary" : "",
-          onClick: e[7] || (e[7] = (_) => a.source = "ECMWF")
+          onClick: e[7] || (e[7] = (z) => a.source = "ECMWF")
         }, {
           default: u(() => e[16] || (e[16] = [
             N("ECMWF", -1)
@@ -13423,41 +13431,41 @@ function hm(t, e, o, i, a, r) {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
       style: ie({ right: a.right + "px" })
     }, [
-      a.showTimezone ? (y(), S("div", nm, [
-        (y(!0), S(be, null, we(a.offsets, (_) => (y(), S("div", {
-          key: _,
+      a.showTimezone ? (y(), S("div", dm, [
+        (y(!0), S(be, null, we(a.offsets, (z) => (y(), S("div", {
+          key: z,
           class: "item rounded text-body-2 hover-active",
-          onClick: (P) => a.timeZone = _
-        }, h(_ < 0 ? _ : "+" + _), 9, cm))), 128))
+          onClick: (L) => a.timeZone = z
+        }, h(z < 0 ? z : "+" + z), 9, hm))), 128))
       ])) : O("", !0),
-      l("div", mm, [
+      l("div", pm, [
         d(f, {
           text: "",
           variant: "flat",
           height: "28",
           class: "pa-1 text-body-1",
           color: "primary",
-          onClick: e[8] || (e[8] = (_) => a.showTimezone = !a.showTimezone)
+          onClick: e[8] || (e[8] = (z) => a.showTimezone = !a.showTimezone)
         }, {
           default: u(() => [
             N(" UTC " + h(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
           ]),
           _: 1
         }),
-        l("span", dm, h(a.currentRealTime), 1)
+        l("span", um, h(a.currentRealTime), 1)
       ])
     ], 4)
   ]);
 }
-const pm = /* @__PURE__ */ Y(om, [["render", hm]]), um = {
+const fm = /* @__PURE__ */ Y(rm, [["render", gm]]), ym = {
   name: "IdmGL4",
   components: {
     IdmOtherLayer: ps,
     IdmWeatherLayer: Jn,
     IdmTropicals: Ka,
-    IdmMeasure: tm,
-    IdmSpot: $c,
-    IdmBottomBar: pm
+    IdmMeasure: im,
+    IdmSpot: em,
+    IdmBottomBar: fm
   },
   props: {
     map: {
@@ -13509,13 +13517,13 @@ const pm = /* @__PURE__ */ Y(om, [["render", hm]]), um = {
     }
   },
   methods: {}
-}, gm = {
+}, bm = {
   ref: "mapHomeGl4",
   class: "map-gl4-home"
 };
-function fm(t, e, o, i, a, r) {
+function wm(t, e, o, i, a, r) {
   const s = x("IdmOtherLayer"), c = x("IdmWeatherLayer"), n = x("IdmTropicals"), g = x("IdmMeasure"), p = x("IdmSpot"), f = x("IdmBottomBar");
-  return y(), S("div", gm, [
+  return y(), S("div", bm, [
     d(s, B({
       ref: "idmOtherLayers",
       token: o.token,
@@ -13580,8 +13588,8 @@ function fm(t, e, o, i, a, r) {
     }, t.$attrs), null, 16, ["forecast-model", "weather-check-list", "map-feather"])
   ], 512);
 }
-const ym = /* @__PURE__ */ Y(um, [["render", fm]]);
-class bm {
+const xm = /* @__PURE__ */ Y(ym, [["render", wm]]);
+class vm {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     me(this, "originStyle");
     me(this, "mapboxStyle");
@@ -13589,7 +13597,7 @@ class bm {
     me(this, "hi");
     me(this, "td");
     me(this, "windy");
-    var o, i, a, r, s, c, n, g, p, f, w, L, _, P, b, D, I, C, v, k, T, z, R, V, K, X, Z, J, ee, Q, re, de, pe, se, $, ae, ue, ne, F, ce, xe, Le, Pe, Ae, De, Re, _e, U, oe, je, Ie, ge, fe, W, Ce, te, le, Oe, j, ye, Me, Be, Ee, E, q, Ge, Ve, Ze, Te, qe, Ye, Ke, Xe, $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, It, Mt, At, Dt, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, qt, Yt, Kt, Xt, Qt, Jt, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, To, So, Io, Mo, Ao, Do, Ro, Oo, Bo, Eo, jo, No, Fo, Ho, Uo, Wo, Go, Vo, Zo, qo, Yo, Ko, Xo, $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, Ia, Ma, Aa, Da, Ra, Oa, Ba, Ea, ja, Na, Fa, Ha, Ua, Wa, Ga;
+    var o, i, a, r, s, c, n, g, p, f, w, P, z, L, b, A, I, C, v, _, T, k, R, V, K, X, Z, J, ee, Q, re, de, pe, se, $, ae, ue, ne, F, ce, xe, Le, Pe, Ae, De, Re, _e, U, oe, je, Ie, ge, fe, W, Ce, te, le, Oe, j, ye, Me, Be, Ee, E, q, Ge, Ve, Ze, Te, qe, Ye, Ke, Xe, $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, It, Mt, At, Dt, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, qt, Yt, Kt, Xt, Qt, Jt, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, To, So, Io, Mo, Ao, Do, Ro, Oo, Bo, Eo, jo, No, Fo, Ho, Uo, Wo, Go, Vo, Zo, qo, Yo, Ko, Xo, $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, Ia, Ma, Aa, Da, Ra, Oa, Ba, Ea, ja, Na, Fa, Ha, Ua, Wa, Ga;
     this.i4 = {
       source: {
         type: "raster",
@@ -32170,12 +32178,12 @@ class bm {
           (c = (s = this.originStyle) == null ? void 0 : s.light.layers) == null ? void 0 : c.find((m) => m.id === "ice-area-fill"),
           (g = (n = this.originStyle) == null ? void 0 : n.light.layers) == null ? void 0 : g.find((m) => m.id === "ice-area-line"),
           (f = (p = this.originStyle) == null ? void 0 : p.light.layers) == null ? void 0 : f.find((m) => m.id === "loadlines-label"),
-          (L = (w = this.originStyle) == null ? void 0 : w.light.layers) == null ? void 0 : L.find((m) => m.id === "loadlines-fill"),
-          (P = (_ = this.originStyle) == null ? void 0 : _.light.layers) == null ? void 0 : P.find((m) => m.id === "empty-layer-0"),
-          (D = (b = this.originStyle) == null ? void 0 : b.light.layers) == null ? void 0 : D.find((m) => m.id === "empty-layer-1"),
+          (P = (w = this.originStyle) == null ? void 0 : w.light.layers) == null ? void 0 : P.find((m) => m.id === "loadlines-fill"),
+          (L = (z = this.originStyle) == null ? void 0 : z.light.layers) == null ? void 0 : L.find((m) => m.id === "empty-layer-0"),
+          (A = (b = this.originStyle) == null ? void 0 : b.light.layers) == null ? void 0 : A.find((m) => m.id === "empty-layer-1"),
           (C = (I = this.originStyle) == null ? void 0 : I.light.layers) == null ? void 0 : C.find((m) => m.id === "country-boundaries"),
-          (k = (v = this.originStyle) == null ? void 0 : v.light.layers) == null ? void 0 : k.find((m) => m.id === "water-outline"),
-          (z = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : z.find((m) => m.id === "water-outline2"),
+          (_ = (v = this.originStyle) == null ? void 0 : v.light.layers) == null ? void 0 : _.find((m) => m.id === "water-outline"),
+          (k = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : k.find((m) => m.id === "water-outline2"),
           (V = (R = this.originStyle) == null ? void 0 : R.light.layers) == null ? void 0 : V.find((m) => m.id === "empty-layer-2"),
           (X = (K = this.originStyle) == null ? void 0 : K.light.layers) == null ? void 0 : X.find((m) => m.id === "water-line-label"),
           (J = (Z = this.originStyle) == null ? void 0 : Z.light.layers) == null ? void 0 : J.find((m) => m.id === "water-point-label"),
@@ -32340,7 +32348,7 @@ class bm {
     };
   }
 }
-const wm = {
+const _m = {
   name: "MapInitial",
   props: {
     token: {
@@ -32396,7 +32404,7 @@ const wm = {
   methods: {
     async initOnlineMap() {
       var e;
-      (e = this.map) == null || e.remove(), this.map = void 0, this.helper = new bm(this.token), ve.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      (e = this.map) == null || e.remove(), this.map = void 0, this.helper = new vm(this.token), ve.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
       const t = new ve.Map({
         container: "map",
         // style: 'mapbox://styles/neatchenheng/cmd894dwn036m01rf7anc0k0d', //light
@@ -32436,16 +32444,16 @@ const wm = {
       this.zoom > 2 && (this.zoom = Math.floor(this.zoom) - 1, (t = this.map) == null || t.flyTo({ zoom: this.zoom, duration: 500 }));
     }
   }
-}, xm = { class: "mapbox-initial-gl4" }, vm = { class: "v-btn--variant-elevated rounded" }, _m = { class: "zoom" }, km = { class: "position-absolute left-0 bottom-0 ma-2 my-1 text-body-2 text-label" };
-function zm(t, e, o, i, a, r) {
+}, km = { class: "mapbox-initial-gl4" }, zm = { class: "v-btn--variant-elevated rounded" }, Lm = { class: "zoom" }, Pm = { class: "position-absolute left-0 bottom-0 ma-2 my-1 text-body-2 text-label" };
+function Cm(t, e, o, i, a, r) {
   const s = x("VBtn");
-  return y(), S("div", xm, [
+  return y(), S("div", km, [
     e[5] || (e[5] = l("div", { id: "map" }, null, -1)),
     l("div", {
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
       style: ie({ top: o.top + 268 + "px", right: a.right + "px" })
     }, [
-      l("div", vm, [
+      l("div", zm, [
         d(s, {
           "min-width": "32",
           width: "32",
@@ -32459,7 +32467,7 @@ function zm(t, e, o, i, a, r) {
           _: 1,
           __: [0]
         }, 8, ["onClick"]),
-        l("div", _m, h(Math.floor(a.zoom)), 1),
+        l("div", Lm, h(Math.floor(a.zoom)), 1),
         d(s, {
           "min-width": "32",
           width: "32",
@@ -32475,7 +32483,7 @@ function zm(t, e, o, i, a, r) {
         }, 8, ["onClick"])
       ])
     ], 4),
-    l("div", km, [
+    l("div", Pm, [
       e[2] || (e[2] = l("span", null, "© 2023", -1)),
       l("span", null, "-" + h(r.computeYear), 1),
       e[3] || (e[3] = l("span", { class: "text-uppercase ma-2" }, "ormwx.com", -1)),
@@ -32487,17 +32495,17 @@ function zm(t, e, o, i, a, r) {
     ])
   ]);
 }
-const Lm = /* @__PURE__ */ Y(wm, [["render", zm]]), Em = {
+const Tm = /* @__PURE__ */ Y(_m, [["render", Cm]]), Fm = {
   install(t) {
-    t.component("MapInitial", Lm), t.component("MapboxGL", ym), t.component("TropicalGL", Ka), t.component("LatLngGL", Ya), t.component("DateTimePicker", no), t.component("PortDetail", lo);
+    t.component("MapInitial", Tm), t.component("MapboxGL", xm), t.component("TropicalGL", Ka), t.component("LatLngGL", Ya), t.component("DateTimePicker", no), t.component("PortDetail", lo);
   }
 };
 export {
   no as DateTimePicker,
   Ya as LatLngGL,
-  Lm as MapInitial,
-  ym as MapboxGL,
-  Em as MapboxGLPlugin,
+  Tm as MapInitial,
+  xm as MapboxGL,
+  Fm as MapboxGLPlugin,
   ke as ParticleSchema,
   lo as PortDetail,
   Ka as TropicalGL,