@idmwx/idmui-gl3 5.5.1 → 5.5.3

package/dist/index.js

@@ -5,7 +5,7 @@ import { LayerHelper as Ke, CompanyHelper as Xe } from "@idm-plugin/tag";
 import F from "moment";
 import le from "axios";
 import Ge from "moment-timezone";
-import { resolveComponent as z, openBlock as g, createElementBlock as y, createElementVNode as s, normalizeStyle as J, createVNode as k, withCtx as ae, normalizeClass as H, Fragment as _, renderList as N, toDisplayString as B, createCommentVNode as O, createBlock as pt, createTextVNode as U, withDirectives as fe, createStaticVNode as mt, vShow as we, defineComponent as ut, withModifiers as Ue, mergeProps as S } from "vue";
+import { resolveComponent as z, openBlock as g, createElementBlock as f, createElementVNode as s, normalizeStyle as J, createVNode as k, withCtx as ae, normalizeClass as H, Fragment as _, renderList as N, toDisplayString as B, createCommentVNode as O, createBlock as pt, createTextVNode as U, withDirectives as fe, createStaticVNode as mt, vShow as we, defineComponent as ut, withModifiers as Ue, mergeProps as S } from "vue";
 import * as D from "@turf/turf";
 import gt from "@mapbox/sphericalmercator";
 import ve from "mapbox-gl";
@@ -294,7 +294,7 @@ const T = (t, e) => {
 };
 function $t(t, e, a, r, i, o) {
   const l = z("ElTooltip"), c = z("ElRadio"), h = z("ElRadioGroup"), p = z("ElScrollbar");
-  return g(), y("div", yt, [
+  return g(), f("div", yt, [
     s("div", {
       class: "menu-bar-box",
       style: J({ top: a.top + 10 + "px", right: i.right + "px" })
@@ -389,7 +389,7 @@ function $t(t, e, a, r, i, o) {
         })
       ])
     ], 4),
-    o.hasCollectedLayers ? (g(), y("div", {
+    o.hasCollectedLayers ? (g(), f("div", {
       key: 0,
       class: "active-layers",
       style: J({ right: i.right + "px", bottom: "100px" })
@@ -401,10 +401,10 @@ function $t(t, e, a, r, i, o) {
           style: { "font-size": "28px", "margin-right": "0" },
           onClick: e[5] || (e[5] = (...n) => o.toggleAutoActive && o.toggleAutoActive(...n))
         }, [
-          i.autoActive ? (g(), y("i", vt, "")) : (g(), y("i", Lt, ""))
+          i.autoActive ? (g(), f("i", vt, "")) : (g(), f("i", Lt, ""))
         ])
       ]),
-      (g(!0), y(_, null, N(i.layers.weather.filter((n) => n.collected), (n) => (g(), y("div", {
+      (g(!0), f(_, null, N(i.layers.weather.filter((n) => n.collected), (n) => (g(), f("div", {
         key: n.key,
         class: H(o.computeLayerClass(n, i.activeWeatherLayers))
       }, [
@@ -416,7 +416,7 @@ function $t(t, e, a, r, i, o) {
           class: "name",
           onClick: (d) => o.handleWeatherLayerPick(n)
         }, B(n.name), 9, xt),
-        n.key === "wind" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), y("div", Bt, [
+        n.key === "wind" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), f("div", Bt, [
           s("i", {
             class: H(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
             onClick: e[6] || (e[6] = (d) => o.handleToggleWindParticle())
@@ -426,7 +426,7 @@ function $t(t, e, a, r, i, o) {
             onClick: e[7] || (e[7] = (d) => o.handleToggleWindFeather())
           }, "", 2)
         ])) : O("", !0),
-        n.key === "current" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), y("div", It, [
+        n.key === "current" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), f("div", It, [
           s("i", {
             class: H(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
             onClick: e[8] || (e[8] = (d) => o.handleToggleCurrentParticle())
@@ -462,14 +462,14 @@ function $t(t, e, a, r, i, o) {
                   style: { "margin-right": "0" },
                   onClick: e[11] || (e[11] = (...n) => o.toggleAutoActive && o.toggleAutoActive(...n))
                 }, [
-                  i.autoActive ? (g(), y("i", kt, "")) : (g(), y("i", zt, ""))
+                  i.autoActive ? (g(), f("i", kt, "")) : (g(), f("i", zt, ""))
                 ])
               ]),
               s("div", Mt, [
-                (g(!0), y(_, null, N(i.layers.weather, (n) => (g(), y(_, {
+                (g(!0), f(_, null, N(i.layers.weather, (n) => (g(), f(_, {
                   key: n.key
                 }, [
-                  n.hide ? O("", !0) : (g(), y("div", {
+                  n.hide ? O("", !0) : (g(), f("div", {
                     key: 0,
                     class: H(o.computeLayerClass(n, i.activeWeatherLayers))
                   }, [
@@ -482,7 +482,7 @@ function $t(t, e, a, r, i, o) {
                         class: "name",
                         onClick: (d) => o.handleWeatherLayerPick(n)
                       }, B(n.name), 9, St),
-                      n.key === "wind" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), y("div", _t, [
+                      n.key === "wind" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), f("div", _t, [
                         s("i", {
                           class: H(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
                           onClick: e[12] || (e[12] = (d) => o.handleToggleWindParticle())
@@ -492,7 +492,7 @@ function $t(t, e, a, r, i, o) {
                           onClick: e[13] || (e[13] = (d) => o.handleToggleWindFeather())
                         }, "", 2)
                       ])) : O("", !0),
-                      n.key === "current" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), y("div", Ht, [
+                      n.key === "current" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), f("div", Ht, [
                         s("i", {
                           class: H(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
                           onClick: e[14] || (e[14] = (d) => o.handleToggleCurrentParticle())
@@ -506,7 +506,7 @@ function $t(t, e, a, r, i, o) {
                     s("div", {
                       onClick: (d) => o.handleWeatherLayerCollect(n)
                     }, [
-                      n.collected ? (g(), y("i", Nt, "")) : (g(), y("i", jt, ""))
+                      n.collected ? (g(), f("i", Nt, "")) : (g(), f("i", jt, ""))
                     ], 8, Ot)
                   ], 2))
                 ], 64))), 128)),
@@ -522,16 +522,16 @@ function $t(t, e, a, r, i, o) {
             s("div", Rt, [
               e[26] || (e[26] = s("div", { class: "layers-title" }, "Other Layers", -1)),
               s("div", Ft, [
-                (g(!0), y(_, null, N(i.layers.other, (n) => {
+                (g(!0), f(_, null, N(i.layers.other, (n) => {
                   var d;
-                  return g(), y("div", {
+                  return g(), f("div", {
                     key: n.key,
                     class: H(["layer flex-between", o.computeLayerClass(n, i.activeOtherLayers)]),
                     onClick: (b) => o.handleOtherLayerPick(n)
                   }, [
                     s("div", Wt, [
                       s("div", Ut, [
-                        (d = o.computeLayerClass(n, i.activeOtherLayers)) != null && d.includes("active") ? (g(), y("i", Yt, "")) : (g(), y("i", Kt, ""))
+                        (d = o.computeLayerClass(n, i.activeOtherLayers)) != null && d.includes("active") ? (g(), f("i", Yt, "")) : (g(), f("i", Kt, ""))
                       ]),
                       s("span", null, B(n.name), 1)
                     ])
@@ -549,7 +549,7 @@ function $t(t, e, a, r, i, o) {
                   style: { width: "180px", "align-items": "flex-start" }
                 }, {
                   default: ae(() => [
-                    (g(!0), y(_, null, N(i.sourceList, (n, d) => (g(), pt(c, {
+                    (g(!0), f(_, null, N(i.sourceList, (n, d) => (g(), pt(c, {
                       key: `source${n.name}`,
                       value: n.name
                     }, {
@@ -557,8 +557,8 @@ function $t(t, e, a, r, i, o) {
                         var b, u, A, w, m, v;
                         return [
                           U(B(n.name) + " ", 1),
-                          d !== 0 ? (g(), y("span", qt, B(n.resolution) + "km " + B(n.length) + "days", 1)) : O("", !0),
-                          d === 0 ? (g(), y("div", Vt, "Provides the best forecast")) : (A = (u = (b = n == null ? void 0 : n.update) == null ? void 0 : b.default) == null ? void 0 : u.meta) != null && A.initialisationTime ? (g(), y("div", Zt, "Update: " + B(o.computeDateZ((v = (m = (w = n == null ? void 0 : n.update) == null ? void 0 : w.default) == null ? void 0 : m.meta) == null ? void 0 : v.initialisationTime)), 1)) : O("", !0)
+                          d !== 0 ? (g(), f("span", qt, B(n.resolution) + "km " + B(n.length) + "days", 1)) : O("", !0),
+                          d === 0 ? (g(), f("div", Vt, "Provides the best forecast")) : (A = (u = (b = n == null ? void 0 : n.update) == null ? void 0 : b.default) == null ? void 0 : u.meta) != null && A.initialisationTime ? (g(), f("div", Zt, "Update: " + B(o.computeDateZ((v = (m = (w = n == null ? void 0 : n.update) == null ? void 0 : w.default) == null ? void 0 : m.meta) == null ? void 0 : v.initialisationTime)), 1)) : O("", !0)
                         ];
                       }),
                       _: 2
@@ -946,7 +946,7 @@ class Ce {
         }
         const u = e.getBoundPixel(), A = e.map.getZoom() + 1, w = e.getWorldCopy(u, A);
         for (const m of w) {
-          const v = (m[0] - u[0]) * e.ratio, f = (m[1] - u[3]) * e.ratio, L = m[2] * e.ratio, [P, M, I, j] = [v, L + v, f, L + f], W = new Float32Array([P, I, M, I, P, j, P, j, M, I, M, j]);
+          const v = (m[0] - u[0]) * e.ratio, y = (m[1] - u[3]) * e.ratio, L = m[2] * e.ratio, [P, M, I, j] = [v, L + v, y, L + y], W = new Float32Array([P, I, M, I, P, j, P, j, M, I, M, j]);
           a.bindBuffer(a.ARRAY_BUFFER, l), a.bufferData(a.ARRAY_BUFFER, W, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
         }
       } catch (n) {
@@ -3309,7 +3309,7 @@ const oa = {
 }, sa = { key: 0 };
 function na(t, e, a, r, i, o) {
   var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", sa, [
+  return (l = a.factor) != null && l.active ? (g(), f("div", sa, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -3640,7 +3640,7 @@ const pa = {
 }, ma = { key: 0 };
 function ua(t, e, a, r, i, o) {
   var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", ma, [
+  return (l = a.factor) != null && l.active ? (g(), f("div", ma, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -3775,7 +3775,7 @@ const ga = /* @__PURE__ */ T(pa, [["render", ua], ["__scopeId", "data-v-163d1f9a
   }
 };
 function ya(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const fa = /* @__PURE__ */ T(Aa, [["render", ya]]), wa = {
   name: "IdmSwell",
@@ -3933,7 +3933,7 @@ const fa = /* @__PURE__ */ T(Aa, [["render", ya]]), wa = {
   }
 };
 function ba(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const va = /* @__PURE__ */ T(wa, [["render", ba]]), La = {
   name: "IdmPrmsl",
@@ -4072,7 +4072,7 @@ const va = /* @__PURE__ */ T(wa, [["render", ba]]), La = {
   }
 };
 function Ca(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const xa = /* @__PURE__ */ T(La, [["render", Ca]]), Ba = {
   name: "IdmIceberg",
@@ -4132,7 +4132,7 @@ const xa = /* @__PURE__ */ T(La, [["render", Ca]]), Ba = {
   }
 };
 function Ia(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const Ea = /* @__PURE__ */ T(Ba, [["render", Ia]]);
 const Da = {
@@ -4238,10 +4238,10 @@ const Da = {
           var b, u, A, w, m, v;
           ((b = n.geometry) == null ? void 0 : b.type) === "Point" && ((u = n.properties) == null ? void 0 : u.type) === "history" && (l = d, c = c === void 0 ? d : c), ((A = n.geometry) == null ? void 0 : A.type) === "Point" && ((w = n.properties) == null ? void 0 : w.type) === "forecast" && c === void 0 && (c = d), ((m = n.geometry) == null ? void 0 : m.type) === "LineString" && ((v = n.properties) == null || v.type);
         }), h.map((n, d) => {
-          var b, u, A, w, m, v, f;
+          var b, u, A, w, m, v, y;
           if (((b = n.geometry) == null ? void 0 : b.type) === "LineString" && ((u = n.properties) == null || u.type), ((A = n.geometry) == null ? void 0 : A.type) === "Point" && ((w = n.properties) == null ? void 0 : w.type) === "forecast" && (n.properties.name = o, n.properties.format = F(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((m = n.geometry) == null ? void 0 : m.type) === "Point" && ((v = n.properties) == null ? void 0 : v.type) === "history") {
             n.properties.format = F(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
-            const L = F((f = n.properties) == null ? void 0 : f.date).utc().format("HHmm") === F().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
+            const L = F((y = n.properties) == null ? void 0 : y.date).utc().format("HHmm") === F().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
             n.properties.showHistoryLabel = L || d === l, n.properties.showNameLabel = d === l, n.properties.name = o;
           }
           return n;
@@ -4514,7 +4514,7 @@ const Da = {
       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((e) => e == null ? void 0 : e.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));
     },
     handleDateChange() {
-      var t, e, a, r, i, o, l, c, h, p, n, d, b, u, A, w, m, v, f, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge;
+      var t, e, a, r, i, o, l, c, h, p, n, d, b, u, A, w, m, v, y, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge;
       if ((t = this.interpolateMarkers) == null || t.forEach((te) => te == null ? void 0 : te.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const te = F(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), oe = this.interpolateData.filter((Q) => Q.properties.date === te.format() && !Q.properties.disabled), Ae = this.handleComputePolygons(oe), ie = D.featureCollection([...oe]);
         Ae.forEach((Q) => {
@@ -4536,7 +4536,7 @@ const Da = {
         for (const Q of oe)
           if (!Q.properties.disabled) {
             let q = "#f44336";
-            ((c = (l = Q.properties) == null ? void 0 : l.wind) == null ? void 0 : c.spd) < 17.2 || !((p = (h = Q.properties) == null ? void 0 : h.wind) != null && p.spd) ? q = "#03f869" : ((d = (n = Q.properties) == null ? void 0 : n.wind) == null ? void 0 : d.spd) >= 17.2 && ((u = (b = Q.properties) == null ? void 0 : b.wind) == null ? void 0 : u.spd) < 24.5 ? q = "#f2f202" : ((w = (A = Q.properties) == null ? void 0 : A.wind) == null ? void 0 : w.spd) >= 24.5 && ((v = (m = Q.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? q = "#ff9100" : ((L = (f = Q.properties) == null ? void 0 : f.wind) == null ? void 0 : L.spd) >= 32.7 && ((M = (P = Q.properties) == null ? void 0 : P.wind) == null ? void 0 : M.spd) < 41.5 ? q = "#f44336" : ((j = (I = Q.properties) == null ? void 0 : I.wind) == null ? void 0 : j.spd) >= 41.5 && ((Y = (W = Q.properties) == null ? void 0 : W.wind) == null ? void 0 : Y.spd) < 51 ? q = "#f903d0" : ((V = (K = Q.properties) == null ? void 0 : K.wind) == null ? void 0 : V.spd) >= 51 ? q = "#8702f9" : q = "#f44336";
+            ((c = (l = Q.properties) == null ? void 0 : l.wind) == null ? void 0 : c.spd) < 17.2 || !((p = (h = Q.properties) == null ? void 0 : h.wind) != null && p.spd) ? q = "#03f869" : ((d = (n = Q.properties) == null ? void 0 : n.wind) == null ? void 0 : d.spd) >= 17.2 && ((u = (b = Q.properties) == null ? void 0 : b.wind) == null ? void 0 : u.spd) < 24.5 ? q = "#f2f202" : ((w = (A = Q.properties) == null ? void 0 : A.wind) == null ? void 0 : w.spd) >= 24.5 && ((v = (m = Q.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? q = "#ff9100" : ((L = (y = Q.properties) == null ? void 0 : y.wind) == null ? void 0 : L.spd) >= 32.7 && ((M = (P = Q.properties) == null ? void 0 : P.wind) == null ? void 0 : M.spd) < 41.5 ? q = "#f44336" : ((j = (I = Q.properties) == null ? void 0 : I.wind) == null ? void 0 : j.spd) >= 41.5 && ((Y = (W = Q.properties) == null ? void 0 : W.wind) == null ? void 0 : Y.spd) < 51 ? q = "#f903d0" : ((V = (K = Q.properties) == null ? void 0 : K.wind) == null ? void 0 : V.spd) >= 51 ? q = "#8702f9" : q = "#f44336";
             const ye = `<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">
@@ -4578,8 +4578,8 @@ const Da = {
         }
       );
       a.sort((u, A) => {
-        var w, m, v, f;
-        return ((w = u.properties) == null ? void 0 : w.model) === "cma" ? -1 : ((m = u.properties) == null ? void 0 : m.model) === "jma" ? ((v = A.properties) == null ? void 0 : v.model) === "cma" ? 1 : -1 : u.properties.model === "ecmwf" ? ["jma", "cma"].includes((f = A.properties) == null ? void 0 : f.model) ? 1 : -1 : 0;
+        var w, m, v, y;
+        return ((w = u.properties) == null ? void 0 : w.model) === "cma" ? -1 : ((m = u.properties) == null ? void 0 : m.model) === "jma" ? ((v = A.properties) == null ? void 0 : v.model) === "cma" ? 1 : -1 : u.properties.model === "ecmwf" ? ["jma", "cma"].includes((y = A.properties) == null ? void 0 : y.model) ? 1 : -1 : 0;
       });
       const r = (h = (c = this.tropicals) == null ? void 0 : c.data) == null ? void 0 : h.features.filter(
         (u) => {
@@ -4696,15 +4696,15 @@ const Da = {
   style: { "justify-content": "flex-start" }
 }, Ra = { class: "forecast-models" }, Fa = ["onClick"], Ga = { class: "more" };
 function Wa(t, e, a, r, i, o) {
-  var l, c, h, p, n, d, b, u, A, w, m, v, f, L, P;
-  return fe((g(), y("div", Pa, [
+  var l, c, h, p, n, d, b, u, A, w, m, v, y, L, P;
+  return fe((g(), f("div", Pa, [
     s("div", ka, [
       s("div", {
         class: "iconfont close-btn",
         onClick: e[0] || (e[0] = (M) => i.showTropicals = !1)
       }, ""),
       s("div", za, [
-        (c = (l = i.activeTropicals) == null ? void 0 : l.history) != null && c.level ? (g(), y("span", Ma, B((p = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : p.level) + " , ", 1)) : O("", !0),
+        (c = (l = i.activeTropicals) == null ? void 0 : l.history) != null && c.level ? (g(), f("span", Ma, B((p = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : p.level) + " , ", 1)) : O("", !0),
         U(B((n = i.activeTropicals) == null ? void 0 : n.name), 1)
       ]),
       s("div", Ta, " Last update: " + B(o.computeTime(((b = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : b.updated) || ((w = (A = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : A.filter((M) => !M.disabled)[0]) == null ? void 0 : w.date))), 1)
@@ -4718,16 +4718,16 @@ function Wa(t, e, a, r, i, o) {
           ]),
           s("div", Oa, [
             e[3] || (e[3] = s("label", null, "Pressure : ", -1)),
-            s("span", null, B(((L = (f = i.activeTropicals) == null ? void 0 : f.history) == null ? void 0 : L.pressure) || "-") + "[hPa]", 1)
+            s("span", null, B(((L = (y = i.activeTropicals) == null ? void 0 : y.history) == null ? void 0 : L.pressure) || "-") + "[hPa]", 1)
           ])
         ]),
         s("div", Na, [
           s("div", ja, [
             e[4] || (e[4] = s("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
             s("div", Ra, [
-              (g(!0), y(_, null, N((P = i.activeTropicals) == null ? void 0 : P.forecasts, (M, I) => {
+              (g(!0), f(_, null, N((P = i.activeTropicals) == null ? void 0 : P.forecasts, (M, I) => {
                 var j, W, Y, K;
-                return g(), y("div", {
+                return g(), f("div", {
                   key: I,
                   class: H([
                     "model",
@@ -4862,7 +4862,7 @@ const Ua = {
 }, Ya = { key: 0 };
 function Ka(t, e, a, r, i, o) {
   var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", Ya, [
+  return (l = a.factor) != null && l.active ? (g(), f("div", Ya, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -4976,7 +4976,7 @@ const Ja = {
 }, qa = { key: 0 };
 function Va(t, e, a, r, i, o) {
   var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", qa, [
+  return (l = a.factor) != null && l.active ? (g(), f("div", qa, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: t.right + "px", bottom: a.bottom }])
@@ -5096,7 +5096,7 @@ const $a = {
 }, ei = { key: 0 };
 function ti(t, e, a, r, i, o) {
   var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", ei, [
+  return (l = a.factor) != null && l.active ? (g(), f("div", ei, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -5219,7 +5219,7 @@ const ii = {
 }, ri = { key: 0 };
 function oi(t, e, a, r, i, o) {
   var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", ri, [
+  return (l = a.factor) != null && l.active ? (g(), f("div", ri, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -5335,7 +5335,7 @@ const ni = {
 }, li = { key: 0 };
 function ci(t, e, a, r, i, o) {
   var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", li, [
+  return (l = a.factor) != null && l.active ? (g(), f("div", li, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -5355,7 +5355,7 @@ var di = /* @__PURE__ */ ut({
   name: "LocationFilled",
   __name: "location-filled",
   setup(t) {
-    return (e, a) => (g(), y("svg", {
+    return (e, a) => (g(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -5561,7 +5561,7 @@ const ui = {
     initTableData(t) {
       var e, a, r, i, o, l, c, h, p;
       this.clearTable(), this.positionGmt = (a = (e = t == null ? void 0 : t.weather) == null ? void 0 : e[0]) == null ? void 0 : a.timezone, this.positionOffset = (i = (r = t == null ? void 0 : t.weather) == null ? void 0 : r[0]) == null ? void 0 : i.offset, this.localDate = (l = (o = Ge(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : l.format("MMM-DD/HHmm[LT]"), this.currentHourData = (c = We.pickHourly(t, F(this.ts))) == null ? void 0 : c[0], ((p = (h = this.currentHourData) == null ? void 0 : h.weather) == null ? void 0 : p.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
-        var d, b, u, A, w, m, v, f, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re;
+        var d, b, u, A, w, m, v, y, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re;
         if (!document.getElementById("meteoMainBox"))
           return !1;
         if (!this.currentHourData)
@@ -5570,7 +5570,7 @@ const ui = {
           const ne = Ge(this.ts).tz(this.positionGmt).add(3 * se, "h").format();
           this.tableData.hours.push(ne);
           const x = ((d = We.pickHourly(t, ne)) == null ? void 0 : d[0]) || {};
-          this.tableData.temp.push(this.roundPrecision((b = x == null ? void 0 : x.weather) == null ? void 0 : b.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((A = (u = x == null ? void 0 : x.weather) == null ? void 0 : u.precip) == null ? void 0 : A.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((m = (w = x == null ? void 0 : x.weather) == null ? void 0 : w.precip) == null ? void 0 : m.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((v = x == null ? void 0 : x.weather) == null ? void 0 : v.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((L = (f = x == null ? void 0 : x.weather) == null ? void 0 : f.wind) == null ? void 0 : L.kts, 1) ?? "-"), this.tableData.windDir.push((M = (P = x == null ? void 0 : x.weather) == null ? void 0 : P.wind) == null ? void 0 : M.bearing), this.tableData.windGust.push(this.roundPrecision((j = (I = x == null ? void 0 : x.weather) == null ? void 0 : I.wind) == null ? void 0 : j.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((Y = (W = x == null ? void 0 : x.wave) == null ? void 0 : W.sig) == null ? void 0 : Y.height, 1) ?? "-"), this.tableData.sigwaveDir.push((V = (K = x == null ? void 0 : x.wave) == null ? void 0 : K.sig) == null ? void 0 : V.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((ce = (ee = x == null ? void 0 : x.wave) == null ? void 0 : ee.wd) == null ? void 0 : ce.height, 1) ?? "-"), this.tableData.windwaveDir.push((de = (he = x == null ? void 0 : x.wave) == null ? void 0 : he.wd) == null ? void 0 : de.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((me = (pe = x == null ? void 0 : x.wave) == null ? void 0 : pe.wd) == null ? void 0 : me.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ge = (ue = x == null ? void 0 : x.wave) == null ? void 0 : ue.swell) == null ? void 0 : ge.height, 1) ?? "-"), this.tableData.swellDir.push((oe = (te = x == null ? void 0 : x.wave) == null ? void 0 : te.swell) == null ? void 0 : oe.bearing), this.tableData.swellPeriod.push(this.roundPrecision((ie = (Ae = x == null ? void 0 : x.wave) == null ? void 0 : Ae.swell) == null ? void 0 : ie.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((Q = x == null ? void 0 : x.current) == null ? void 0 : Q.speed, 1) ?? "-"), this.tableData.currentDir.push((q = x == null ? void 0 : x.current) == null ? void 0 : q.bearing), this.tableData.seaLevel.push(this.roundPrecision(x == null ? void 0 : x.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(x == null ? void 0 : x.sst, 0) ?? "-"), this.tableData.weatherUrls.push((ye = x == null ? void 0 : x.weather) == null ? void 0 : ye.url), this.tableData.weatherNames.push(((re = x == null ? void 0 : x.weather) == null ? void 0 : re.name) ?? "-");
+          this.tableData.temp.push(this.roundPrecision((b = x == null ? void 0 : x.weather) == null ? void 0 : b.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((A = (u = x == null ? void 0 : x.weather) == null ? void 0 : u.precip) == null ? void 0 : A.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((m = (w = x == null ? void 0 : x.weather) == null ? void 0 : w.precip) == null ? void 0 : m.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((v = x == null ? void 0 : x.weather) == null ? void 0 : v.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((L = (y = x == null ? void 0 : x.weather) == null ? void 0 : y.wind) == null ? void 0 : L.kts, 1) ?? "-"), this.tableData.windDir.push((M = (P = x == null ? void 0 : x.weather) == null ? void 0 : P.wind) == null ? void 0 : M.bearing), this.tableData.windGust.push(this.roundPrecision((j = (I = x == null ? void 0 : x.weather) == null ? void 0 : I.wind) == null ? void 0 : j.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((Y = (W = x == null ? void 0 : x.wave) == null ? void 0 : W.sig) == null ? void 0 : Y.height, 1) ?? "-"), this.tableData.sigwaveDir.push((V = (K = x == null ? void 0 : x.wave) == null ? void 0 : K.sig) == null ? void 0 : V.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((ce = (ee = x == null ? void 0 : x.wave) == null ? void 0 : ee.wd) == null ? void 0 : ce.height, 1) ?? "-"), this.tableData.windwaveDir.push((de = (he = x == null ? void 0 : x.wave) == null ? void 0 : he.wd) == null ? void 0 : de.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((me = (pe = x == null ? void 0 : x.wave) == null ? void 0 : pe.wd) == null ? void 0 : me.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ge = (ue = x == null ? void 0 : x.wave) == null ? void 0 : ue.swell) == null ? void 0 : ge.height, 1) ?? "-"), this.tableData.swellDir.push((oe = (te = x == null ? void 0 : x.wave) == null ? void 0 : te.swell) == null ? void 0 : oe.bearing), this.tableData.swellPeriod.push(this.roundPrecision((ie = (Ae = x == null ? void 0 : x.wave) == null ? void 0 : Ae.swell) == null ? void 0 : ie.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((Q = x == null ? void 0 : x.current) == null ? void 0 : Q.speed, 1) ?? "-"), this.tableData.currentDir.push((q = x == null ? void 0 : x.current) == null ? void 0 : q.bearing), this.tableData.seaLevel.push(this.roundPrecision(x == null ? void 0 : x.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(x == null ? void 0 : x.sst, 0) ?? "-"), this.tableData.weatherUrls.push((ye = x == null ? void 0 : x.weather) == null ? void 0 : ye.url), this.tableData.weatherNames.push(((re = x == null ? void 0 : x.weather) == null ? void 0 : re.name) ?? "-");
         }
       });
     },
@@ -5693,9 +5693,9 @@ const ui = {
   class: "main-box flex-center"
 };
 function Br(t, e, a, r, i, o) {
-  var p, n, d, b, u, A, w, m, v, f, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, ze, Me, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, X, qe, Ve, Ze, $e, et, tt, at, it, rt;
+  var p, n, d, b, u, A, w, m, v, y, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, ze, Me, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, X, qe, Ve, Ze, $e, et, tt, at, it, rt;
   const l = z("LocationFilled"), c = z("ElIcon"), h = z("ElTooltip");
-  return fe((g(), y("div", gi, [
+  return fe((g(), f("div", gi, [
     s("div", Ai, [
       s("div", yi, [
         s("div", fi, [
@@ -5708,11 +5708,11 @@ function Br(t, e, a, r, i, o) {
           s("div", wi, B(o.computeLat((p = i.point) == null ? void 0 : p.lat)) + "," + B(o.computeLng((n = i.point) == null ? void 0 : n.lng)), 1)
         ]),
         s("div", bi, [
-          i.showTables ? (g(), y("div", {
+          i.showTables ? (g(), f("div", {
             key: 0,
             class: "iconfont toggle",
             onClick: e[0] || (e[0] = (C) => i.showTables = !i.showTables)
-          }, "")) : (g(), y("div", {
+          }, "")) : (g(), f("div", {
             key: 1,
             class: "iconfont toggle",
             onClick: e[1] || (e[1] = (C) => i.showTables = !i.showTables)
@@ -5723,9 +5723,9 @@ function Br(t, e, a, r, i, o) {
           }, "")
         ])
       ]),
-      i.loading ? (g(), y("div", xr, e[42] || (e[42] = [
+      i.loading ? (g(), f("div", xr, e[42] || (e[42] = [
         s("img", { src: mi }, null, -1)
-      ]))) : (g(), y("div", {
+      ]))) : (g(), f("div", {
         key: 0,
         class: H(["main-box", i.isDay ? "day-bg" : "night-bg"]),
         id: "meteoMainBox"
@@ -5741,12 +5741,12 @@ function Br(t, e, a, r, i, o) {
               default: ae(() => {
                 var C, E, ot, st;
                 return [
-                  (E = (C = i.currentHourData) == null ? void 0 : C.weather) != null && E.url ? (g(), y("img", {
+                  (E = (C = i.currentHourData) == null ? void 0 : C.weather) != null && E.url ? (g(), f("img", {
                     key: 0,
                     class: "iconfont icon",
                     style: { "margin-right": "5px" },
                     src: (st = (ot = i.currentHourData) == null ? void 0 : ot.weather) == null ? void 0 : st.url
-                  }, null, 8, Ci)) : (g(), y("span", xi))
+                  }, null, 8, Ci)) : (g(), f("span", xi))
                 ];
               }),
               _: 1
@@ -5764,7 +5764,7 @@ function Br(t, e, a, r, i, o) {
               ]),
               s("div", Di, [
                 e[10] || (e[10] = s("label", null, "Visibility : ", -1)),
-                s("span", null, B(o.roundPrecision((L = (f = i.currentHourData) == null ? void 0 : f.weather) == null ? void 0 : L.visibility, 0)) + " nm", 1)
+                s("span", null, B(o.roundPrecision((L = (y = i.currentHourData) == null ? void 0 : y.weather) == null ? void 0 : L.visibility, 0)) + " nm", 1)
               ]),
               s("div", Pi, [
                 e[11] || (e[11] = s("label", null, "Wind : ", -1)),
@@ -5806,7 +5806,7 @@ function Br(t, e, a, r, i, o) {
                 U("Hours"),
                 s("span", { class: "unit" }, "(LT)")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.hours, (C) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.hours, (C) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `HourL${C}`
@@ -5821,7 +5821,7 @@ function Br(t, e, a, r, i, o) {
                 U("UTC"),
                 s("span", { class: "unit" })
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.hours, (C) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.hours, (C) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `HourZ${C}`
@@ -5833,7 +5833,7 @@ function Br(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, null, -1)),
-              (g(!0), y(_, null, N(i.tableData.weatherUrls, (C, E) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.weatherUrls, (C, E) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `weatherUrls${E}${C}`
@@ -5845,7 +5845,7 @@ function Br(t, e, a, r, i, o) {
                   "show-after": 500
                 }, {
                   default: ae(() => [
-                    C ? (g(), y("img", {
+                    C ? (g(), f("img", {
                       key: 0,
                       class: "iconfont weather-icon",
                       src: C
@@ -5864,7 +5864,7 @@ function Br(t, e, a, r, i, o) {
                 U("Temp"),
                 s("span", { class: "unit" }, "°C")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.temp, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.temp, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `weatherUrls${E}${C}`
@@ -5879,7 +5879,7 @@ function Br(t, e, a, r, i, o) {
                 U("Precip"),
                 s("span", { class: "unit" }, "mm")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.precip1h, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.precip1h, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `precip1h${E}${C}`
@@ -5894,7 +5894,7 @@ function Br(t, e, a, r, i, o) {
                 U("Visibility"),
                 s("span", { class: "unit" }, "nm")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.visibility, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.visibility, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `visibility${E}${C}`
@@ -5909,12 +5909,12 @@ function Br(t, e, a, r, i, o) {
                 U("Wind gust"),
                 s("span", { class: "unit" }, "kts")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.windGust, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.windGust, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `windGust${E}${C}`
               }, [
-                isNaN(i.tableData.windDir[E]) ? O("", !0) : (g(), y("span", {
+                isNaN(i.tableData.windDir[E]) ? O("", !0) : (g(), f("span", {
                   key: 0,
                   class: "iconfont icon blue",
                   style: J({ display: "inline-block", transform: `rotate(${i.tableData.windDir[E]}deg)` })
@@ -5935,7 +5935,7 @@ function Br(t, e, a, r, i, o) {
                 U("Hours"),
                 s("span", { class: "unit" }, "(LT)")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.hours, (C, E) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.hours, (C, E) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `currenthoursL${E}${C}`
@@ -5950,7 +5950,7 @@ function Br(t, e, a, r, i, o) {
                 U("UTC"),
                 s("span", { class: "unit" })
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.hours, (C, E) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.hours, (C, E) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `currenthoursZ${E}${C}`
@@ -5965,12 +5965,12 @@ function Br(t, e, a, r, i, o) {
                 U("Wind"),
                 s("span", { class: "unit" }, "kts")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.windSpeed, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.windSpeed, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `windSpeed${E}${C}`
               }, [
-                isNaN(i.tableData.windDir[E]) ? O("", !0) : (g(), y("span", {
+                isNaN(i.tableData.windDir[E]) ? O("", !0) : (g(), f("span", {
                   key: 0,
                   class: "iconfont icon wind",
                   style: J({ display: "inline-block", transform: `rotate(${i.tableData.windDir[E]}deg)` })
@@ -5987,12 +5987,12 @@ function Br(t, e, a, r, i, o) {
                 U("Sig Wave"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.sigwaveHeight, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.sigwaveHeight, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `sigwaveHeight${E}${C}`
               }, [
-                isNaN(i.tableData.sigwaveDir[E]) ? O("", !0) : (g(), y("span", {
+                isNaN(i.tableData.sigwaveDir[E]) ? O("", !0) : (g(), f("span", {
                   key: 0,
                   class: "iconfont icon sigwave",
                   style: J({ display: "inline-block", transform: `rotate(${i.tableData.sigwaveDir[E]}deg)` })
@@ -6009,12 +6009,12 @@ function Br(t, e, a, r, i, o) {
                 U("Wind Wave"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.windwaveHeight, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.windwaveHeight, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `windwaveHeight${E}${C}`
               }, [
-                isNaN(i.tableData.sigwaveDir[E]) ? O("", !0) : (g(), y("span", {
+                isNaN(i.tableData.sigwaveDir[E]) ? O("", !0) : (g(), f("span", {
                   key: 0,
                   class: "iconfont icon windwave",
                   style: J({ display: "inline-block", transform: `rotate(${i.tableData.windwaveDir[E]}deg)` })
@@ -6031,12 +6031,12 @@ function Br(t, e, a, r, i, o) {
                 U("Swell"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.swellHeight, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.swellHeight, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `swellHeight${E}${C}`
               }, [
-                isNaN(i.tableData.swellDir[E]) ? O("", !0) : (g(), y("span", {
+                isNaN(i.tableData.swellDir[E]) ? O("", !0) : (g(), f("span", {
                   key: 0,
                   class: "iconfont icon swell",
                   style: J({ display: "inline-block", transform: `rotate(${i.tableData.swellDir[E]}deg)` })
@@ -6053,12 +6053,12 @@ function Br(t, e, a, r, i, o) {
                 U("Current"),
                 s("span", { class: "unit" }, "kts")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.currentSpeed, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.currentSpeed, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `currentSpeed${E}${C}`
               }, [
-                isNaN(i.tableData.currentDir[E]) ? O("", !0) : (g(), y("span", {
+                isNaN(i.tableData.currentDir[E]) ? O("", !0) : (g(), f("span", {
                   key: 0,
                   class: "iconfont icon current",
                   id: "meteoGrayIcon",
@@ -6080,7 +6080,7 @@ function Br(t, e, a, r, i, o) {
                 U("Hours"),
                 s("span", { class: "unit" }, "(LT)")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.hours, (C, E) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.hours, (C, E) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `seahoursL${E}${C}`
@@ -6095,7 +6095,7 @@ function Br(t, e, a, r, i, o) {
                 U("UTC"),
                 s("span", { class: "unit" })
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.hours, (C, E) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tableData.hours, (C, E) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `seahoursZ${E}${C}`
@@ -6110,7 +6110,7 @@ function Br(t, e, a, r, i, o) {
                 U("SeaLevel"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.seaLevel, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.seaLevel, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `SeaLevel${E}${C}`
@@ -6125,7 +6125,7 @@ function Br(t, e, a, r, i, o) {
                 U("SeaTemp"),
                 s("span", { class: "unit" }, "°C")
               ], -1)),
-              (g(!0), y(_, null, N(i.tableData.seaTemp, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tableData.seaTemp, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `SeaTemp${E}${C}`
@@ -6134,26 +6134,26 @@ function Br(t, e, a, r, i, o) {
           ], 512), [
             [we, i.activeIndex === 3]
           ]),
-          i.activeIndex === 3 ? (g(), y("div", ir, e[30] || (e[30] = [
+          i.activeIndex === 3 ? (g(), f("div", ir, e[30] || (e[30] = [
             s("p", { style: { "font-size": "12px", padding: "12px 20px 0 20px", "line-height": "16px" } }, "*Sea level height accounts for tides, barometer effects, and global variations. Based on mean sea level, accuracy is limited in coastal areas. For coastal navigation, use data from Tides Tab.", -1)
           ]))) : O("", !0),
           fe(s("table", rr, [
             s("tr", or, [
-              (g(!0), y(_, null, N(i.tideTableData, (C, E) => (g(), y("th", {
+              (g(!0), f(_, null, N(i.tideTableData, (C, E) => (g(), f("th", {
                 rowspan: "1",
                 colspan: "1",
                 key: `Tide-tr-${E}${C}`
               }, B(C.type) + " Tide", 1))), 128))
             ]),
             s("tr", sr, [
-              (g(!0), y(_, null, N(i.tideTableData, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tideTableData, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `Tide-date-${E}${C}`
               }, B(o.computeHourHmmLT(C == null ? void 0 : C.date)), 1))), 128))
             ]),
             s("tr", nr, [
-              (g(!0), y(_, null, N(i.tideTableData, (C, E) => (g(), y("td", {
+              (g(!0), f(_, null, N(i.tideTableData, (C, E) => (g(), f("td", {
                 rowspan: "1",
                 colspan: "1",
                 key: `Tide-height-${E}${C}`
@@ -6323,7 +6323,7 @@ const Ir = /* @__PURE__ */ T(ui, [["render", Br], ["__scopeId", "data-v-cdc6da70
   }
 };
 function Dr(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const Pr = /* @__PURE__ */ T(Er, [["render", Dr]]), kr = {
   name: "IdmGmdssArea",
@@ -6446,7 +6446,7 @@ const Pr = /* @__PURE__ */ T(Er, [["render", Dr]]), kr = {
   }
 };
 function zr(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const Mr = /* @__PURE__ */ T(kr, [["render", zr]]), Tr = {
   name: "IdmEcaZone",
@@ -6537,7 +6537,7 @@ const Mr = /* @__PURE__ */ T(kr, [["render", zr]]), Tr = {
   }
 };
 function Qr(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const Sr = /* @__PURE__ */ T(Tr, [["render", Qr]]);
 const _r = {
@@ -6673,7 +6673,7 @@ const _r = {
 }, Hr = { id: "idm-gl3-zone-info" }, Or = ["innerHTML"];
 function Nr(t, e, a, r, i, o) {
   var l;
-  return fe((g(), y("div", Hr, [
+  return fe((g(), f("div", Hr, [
     s("div", {
       class: "iconfont close",
       onClick: e[0] || (e[0] = (c) => i.showZone = !1)
@@ -6790,7 +6790,7 @@ const Rr = {
   style: { "align-items": "flex-start" }
 }, Xr = { class: "meteo-forecast flex-end" };
 function Jr(t, e, a, r, i, o) {
-  return fe((g(), y("div", Fr, [
+  return fe((g(), f("div", Fr, [
     s("div", {
       class: "close iconfont",
       onClick: e[0] || (e[0] = (l) => i.showPort = !1)
@@ -6893,7 +6893,7 @@ const qr = /* @__PURE__ */ T(Rr, [["render", Jr], ["__scopeId", "data-v-2fc5fc5e
   }
 };
 function Zr(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const $r = /* @__PURE__ */ T(Vr, [["render", Zr]]), eo = {
   name: "IdmTimezone",
@@ -7061,7 +7061,7 @@ const $r = /* @__PURE__ */ T(Vr, [["render", Zr]]), eo = {
   }
 };
 function to(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const ao = /* @__PURE__ */ T(eo, [["render", to]]), io = {
   name: "IdmVoluntaryReportingArea",
@@ -7152,7 +7152,7 @@ const ao = /* @__PURE__ */ T(eo, [["render", to]]), io = {
   }
 };
 function ro(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const oo = /* @__PURE__ */ T(io, [["render", ro]]), so = {
   name: "IdmSpecialArea",
@@ -7245,7 +7245,7 @@ const oo = /* @__PURE__ */ T(io, [["render", ro]]), so = {
   }
 };
 function no(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const lo = /* @__PURE__ */ T(so, [["render", no]]), co = {
   name: "IdmTerminator",
@@ -7297,7 +7297,7 @@ const lo = /* @__PURE__ */ T(so, [["render", no]]), co = {
   }
 };
 function ho(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const po = /* @__PURE__ */ T(co, [["render", ho]]);
 const mo = {
@@ -7457,7 +7457,7 @@ const mo = {
   }
 };
 function uo(t, e, a, r, i, o) {
-  return i.lngLat ? (g(), y("div", {
+  return i.lngLat ? (g(), f("div", {
     key: 0,
     class: "lat-lng-tip",
     style: J({ right: i.right + "px", bottom: a.bottom })
@@ -7763,7 +7763,7 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
   }
 };
 function Ao(t, e, a, r, i, o) {
-  return g(), y("div");
+  return g(), f("div");
 }
 const yo = /* @__PURE__ */ T(go, [["render", Ao]]);
 const fo = {
@@ -7821,7 +7821,7 @@ const fo = {
 }, wo = { key: 0 }, bo = { class: "bar-item" };
 function vo(t, e, a, r, i, o) {
   const l = z("ElTooltip");
-  return a.enabled && a.permission & i.helper.LEVEL.Supper ? (g(), y("div", wo, [
+  return a.enabled && a.permission & i.helper.LEVEL.Supper ? (g(), f("div", wo, [
     s("div", {
       class: "menu-bar-box",
       style: J({ position: "absolute", right: i.right + "px", bottom: a.bottom })
@@ -8118,10 +8118,11 @@ const Mo = {
     },
     activeWeatherLayers: {
       handler() {
-        var t, e, a, r, i, o, l, c, h, p, n, d, b, u, A, w, m, v;
+        var a, r, i, o, l, c, h, p, n, d, b, u, A, w, m, v, y;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.length > 0 ? (this.activeWeatherLayers.some((L) => L.key === "wind" && L.particle === !0 || L.key === "current" && L.particle === !0 || L.key === "temp" || L.key === "water-temp") ? (e = (t = this.map) == null ? void 0 : t.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none") : (r = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || o.setLayoutProperty("visibility", "visible"), (c = this.map) != null && c.getLayer((l = this.viewport) == null ? void 0 : l.rampColorLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((n = this.map) == null || n.moveLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (b = this.map) != null && b.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((w = this.map) == null || w.moveLayer((A = this.viewport) == null ? void 0 : A.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (v = (m = this.map) == null ? void 0 : m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none"), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
+        const t = this.activeWeatherLayers.some((L) => L.key === "wind" && L.particle === !0 || L.key === "current" && L.particle === !0 || L.key === "temp" || L.key === "water-temp"), e = this.activeWeatherLayers.some((L) => L.key === "visibility" || L.key === "precip3h");
+        this.activeWeatherLayers.length > 0 ? (t ? (r = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || r.setLayoutProperty("visibility", "none") : (o = (i = this.map) == null ? void 0 : i.getLayer(this.enc)) == null || o.setLayoutProperty("visibility", "visible"), (c = (l = this.map) == null ? void 0 : l.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || c.setLayoutProperty("visibility", "visible"), (p = this.map) != null && p.getLayer((h = this.viewport) == null ? void 0 : h.rampColorLayer) && ((n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((b = this.map) == null || b.moveLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), e && ((A = this.map) == null || A.moveLayer(this.helper.mapboxCustomer.layers.countryBoundary.id, (u = this.viewport) == null ? void 0 : u.rampColorLayer))) : ((m = (w = this.map) == null ? void 0 : w.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || m.setLayoutProperty("visibility", "none"), (y = (v = this.map) == null ? void 0 : v.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
       },
       immediate: !0
     },
@@ -8180,21 +8181,21 @@ const Mo = {
         const u = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, A = (o = this.map) == null ? void 0 : o.getBounds(), w = `${A._sw.lng},${A._sw.lat},${A._ne.lng},${A._ne.lat}`;
         if (this.particleFactor && ((l = this.$refs.layer) != null && l.autoActive)) {
           const m = Ke.WEATHER_LAYERS.find((v) => {
-            var f;
-            return ((f = v.peer) == null ? void 0 : f.weight) === this.particleFactor.weight;
+            var y;
+            return ((y = v.peer) == null ? void 0 : y.weight) === this.particleFactor.weight;
           });
           this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & m.weight ? this.weatherWeight : this.weatherWeight + m.weight : this.weatherWeight = this.weatherWeight & m.weight ? this.weatherWeight - m.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
           let m = this.weatherWeight, v;
           if (t.tropicals || this.weatherWeight & 256 && (v = this.weatherLayers.tropicals, v && (m -= 256, v.version = Math.random() + 1)), m > 0) {
-            const f = await le.get(`${this.gateway}/api/arc/weather/layers/links?l=${m}&v=${this.source}&z=${u}&bbox=${w}&t=${this.ts}`, {
+            const y = await le.get(`${this.gateway}/api/arc/weather/layers/links?l=${m}&v=${this.source}&z=${u}&bbox=${w}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
             });
-            if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + a), console.log("weather links elapsed: ", r, ", total: ", a += r), ((c = f == null ? void 0 : f.data) == null ? void 0 : c.code) === 0) {
-              const L = (h = f == null ? void 0 : f.data) == null ? void 0 : h.data, P = [];
+            if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + a), console.log("weather links elapsed: ", r, ", total: ", a += r), ((c = y == null ? void 0 : y.data) == null ? void 0 : c.code) === 0) {
+              const L = (h = y == null ? void 0 : y.data) == null ? void 0 : h.data, P = [];
               for (const I in L)
                 I === "ice-edge" && (L[I] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), I !== "tropicals" && P.push(
                   le.get(L[I], {
@@ -8285,8 +8286,8 @@ const Mo = {
                   );
                 const u = await Promise.all(b);
                 this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: p }, u.map((A) => {
-                  var v, f, L;
-                  const w = ((v = A == null ? void 0 : A.data) == null ? void 0 : v.data) || (A == null ? void 0 : A.data), m = (L = (f = A == null ? void 0 : A.config) == null ? void 0 : f.headers) == null ? void 0 : L.key;
+                  var v, y, L;
+                  const w = ((v = A == null ? void 0 : A.data) == null ? void 0 : v.data) || (A == null ? void 0 : A.data), m = (L = (y = A == null ? void 0 : A.config) == null ? void 0 : y.headers) == null ? void 0 : L.key;
                   this.otherLayers[m] = w;
                 });
               }
@@ -8308,8 +8309,8 @@ const Mo = {
                     })
                   );
                 (await Promise.all(b)).map((A) => {
-                  var v, f, L;
-                  const w = ((v = A == null ? void 0 : A.data) == null ? void 0 : v.data) || (A == null ? void 0 : A.data), m = (L = (f = A == null ? void 0 : A.config) == null ? void 0 : f.headers) == null ? void 0 : L.key;
+                  var v, y, L;
+                  const w = ((v = A == null ? void 0 : A.data) == null ? void 0 : v.data) || (A == null ? void 0 : A.data), m = (L = (y = A == null ? void 0 : A.config) == null ? void 0 : y.headers) == null ? void 0 : L.key;
                   this.otherLayers[m] = w;
                 });
               }
@@ -8378,35 +8379,35 @@ const Mo = {
             for (const m in w)
               if (m > c && m < h && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = w[m].lng;
-                o > l ? v.forEach((f, L) => {
+                o > l ? v.forEach((y, L) => {
                   var P, M;
-                  if (i < 1.5) {
-                    if ((f >= 0 && f <= 360 || f >= -360 && f <= 0) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const I = D.point([f, m], {
+                  if (i < 2) {
+                    if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                      const I = D.point([y, m], {
                         val: w[m].val[L],
                         spd: (P = w[m].spd) == null ? void 0 : P[L]
                       });
                       A.push(I);
                     }
-                  } else if ((f >= o && f <= 180 || f >= -180 && f <= l) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const I = D.point([f, m], {
+                  } else if ((y >= o && y <= 180 || y >= -180 && y <= l) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const I = D.point([y, m], {
                       val: w[m].val[L],
                       spd: (M = w[m].spd) == null ? void 0 : M[L]
                     });
                     A.push(I);
                   }
-                }) : v.forEach((f, L) => {
+                }) : v.forEach((y, L) => {
                   var P, M;
-                  if (o < 1.5) {
-                    if ((f >= 0 && f <= 360 || f >= -360 && f <= 0) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const I = D.point([f, m], {
+                  if (o < 2) {
+                    if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                      const I = D.point([y, m], {
                         val: w[m].val[L],
                         spd: (P = w[m].spd) == null ? void 0 : P[L]
                       });
                       A.push(I);
                     }
-                  } else if (f >= o && f <= l && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const I = D.point([f, m], {
+                  } else if (y >= o && y <= l && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const I = D.point([y, m], {
                       val: w[m].val[L],
                       spd: (M = w[m].spd) == null ? void 0 : M[L]
                     });
@@ -8419,12 +8420,12 @@ const Mo = {
               if (m) {
                 if (!m.data) {
                   const v = [];
-                  for (const f in (d = m.raw) == null ? void 0 : d.LineString) {
-                    const L = m.raw.LineString[f];
+                  for (const y in (d = m.raw) == null ? void 0 : d.LineString) {
+                    const L = m.raw.LineString[y];
                     for (const P of L)
                       v.push(
                         D.lineString(P, {
-                          val: Number(f)
+                          val: Number(y)
                         })
                       );
                     m.data = D.featureCollection(v);
@@ -8441,19 +8442,19 @@ const Mo = {
               const m = this.weatherLayers[u].speed;
               if (m) {
                 if (!m.data) {
-                  const f = [];
+                  const y = [];
                   for (const L in (b = m.raw) == null ? void 0 : b.Polygon) {
                     const P = m.raw.Polygon[L];
                     for (const M of P)
-                      f.push(
+                      y.push(
                         D.polygon(M, {
                           val: Number(L)
                         })
                       );
                   }
-                  m.data = D.featureCollection(f);
+                  m.data = D.featureCollection(y);
                 }
-                const v = i < this.zoom ? m.data.features.filter((f) => f.properties.val > 0.5) : m.data.features;
+                const v = i < this.zoom ? m.data.features.filter((y) => y.properties.val > 0.5) : m.data.features;
                 A = A.concat(v), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("speed elapsed: ", a, ", total: ", e += a);
               }
             }
@@ -8462,33 +8463,33 @@ const Mo = {
             for (const m in w)
               if (m > c && m < h && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = w[m].lng;
-                o > l ? v.forEach((f, L) => {
-                  if (i < 1.5) {
-                    if ((f >= 0 && f <= 360 || f >= -360 && f <= 0) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const P = D.point([f, m], {
+                o > l ? v.forEach((y, L) => {
+                  if (i < 2) {
+                    if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                      const P = D.point([y, m], {
                         val: w[m].val[L],
                         spd: w[m].spd[L]
                       });
                       A.push(P);
                     }
-                  } else if ((f >= o && f <= 180 || f >= -180 && f <= l) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const P = D.point([f, m], {
+                  } else if ((y >= o && y <= 180 || y >= -180 && y <= l) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const P = D.point([y, m], {
                       val: w[m].val[L],
                       spd: w[m].spd[L]
                     });
                     A.push(P);
                   }
-                }) : v.forEach((f, L) => {
-                  if (i < 1.5) {
-                    if ((f >= 0 && f <= 360 || f >= -360 && f <= 0) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const P = D.point([f, m], {
+                }) : v.forEach((y, L) => {
+                  if (i < 2) {
+                    if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                      const P = D.point([y, m], {
                         val: w[m].val[L],
                         spd: w[m].spd[L]
                       });
                       A.push(P);
                     }
-                  } else if (f >= o && f <= l && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const P = D.point([f, m], {
+                  } else if (y >= o && y <= l && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const P = D.point([y, m], {
                       val: w[m].val[L],
                       spd: w[m].spd[L]
                     });
@@ -8505,8 +8506,8 @@ const Mo = {
               if (w) {
                 const m = [];
                 for (const v in w.Polygon) {
-                  const f = w.Polygon[v];
-                  for (const L of f)
+                  const y = w.Polygon[v];
+                  for (const L of y)
                     m.push(
                       D.polygon(L, {
                         val: Number(v)
@@ -8514,8 +8515,8 @@ const Mo = {
                     );
                 }
                 for (const v in w.Point) {
-                  const f = w.Point[v];
-                  for (const L of f)
+                  const y = w.Point[v];
+                  for (const L of y)
                     m.push(
                       ...D.points(L, {
                         val: Number(v)
@@ -8534,8 +8535,8 @@ const Mo = {
               if (w) {
                 const m = [];
                 for (const v in w.LineString) {
-                  const f = w.LineString[v];
-                  for (const L of f)
+                  const y = w.LineString[v];
+                  for (const L of y)
                     m.push(
                       D.lineString(L, {
                         val: Number(v)
@@ -8543,9 +8544,9 @@ const Mo = {
                     );
                 }
                 for (const v in w.Point)
-                  w.Point[v].lng.forEach((f, L) => {
-                    f = G.convertToStdLng(f), m.push(
-                      D.point([f, v], {
+                  w.Point[v].lng.forEach((y, L) => {
+                    y = G.convertToStdLng(y), m.push(
+                      D.point([y, v], {
                         val: w.Point[v].val[L],
                         type: w.Point[v].type[L]
                       })
@@ -8563,8 +8564,8 @@ const Mo = {
               if (w) {
                 const m = [];
                 for (const v in w.LineString) {
-                  const f = w.LineString[v];
-                  for (const L of f)
+                  const y = w.LineString[v];
+                  for (const L of y)
                     m.push(
                       D.lineString(L, {
                         val: Number(v)
@@ -8644,8 +8645,8 @@ const Mo = {
       }
     },
     handle3dToggle(t) {
-      var e, a, r, i, o, l, c, h, p, n, d, b, u, A, w, m, v, f, L, P;
-      t ? (this.map.setProjection("globe"), this.mapProjection = "globe", (a = this.map) != null && a.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (c = this.map) != null && c.getLayer((l = this.viewport) == null ? void 0 : l.particleLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((n = this.map) == null || n.moveLayer((p = this.viewport) == null ? void 0 : p.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (b = this.map) != null && b.getLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((w = this.map) == null || w.moveLayer((A = this.viewport) == null ? void 0 : A.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((m = this.viewport) == null ? void 0 : m.particleLayer) && ((f = this.map) != null && f.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((P = this.map) == null || P.moveLayer((L = this.viewport) == null ? void 0 : L.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+      var e, a, r, i, o, l, c, h, p, n, d, b, u, A, w, m, v, y, L, P;
+      t ? (this.map.setProjection("globe"), this.mapProjection = "globe", (a = this.map) != null && a.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (c = this.map) != null && c.getLayer((l = this.viewport) == null ? void 0 : l.particleLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((n = this.map) == null || n.moveLayer((p = this.viewport) == null ? void 0 : p.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (b = this.map) != null && b.getLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((w = this.map) == null || w.moveLayer((A = this.viewport) == null ? void 0 : A.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((m = this.viewport) == null ? void 0 : m.particleLayer) && ((y = this.map) != null && y.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((P = this.map) == null || P.moveLayer((L = this.viewport) == null ? void 0 : L.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
     },
     handleParticle(t) {
       this.particleFactor = t, this.weatherLayers[t.key] && (this.weatherLayers[t.key].particle = t.particle), this.activeWeatherLayers.map((r) => {
@@ -8670,8 +8671,8 @@ const Mo = {
 };
 function Qo(t, e, a, r, i, o) {
   var Ae, ie, Q, q, ye, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, ze, Me, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe;
-  const l = z("IdmGlLayer"), c = z("IdmENC"), h = z("IdmWorld12nm"), p = z("IdmWorldMarine"), n = z("IdmChinaRoute"), d = z("IdmSigWave"), b = z("IdmSwell"), u = z("IdmPrmsl"), A = z("IdmIceberg"), w = z("IdmTropicals"), m = z("IdmCurrents"), v = z("IdmCurrentParticle"), f = z("IdmWindBarb"), L = z("IdmWindParticle"), P = z("IdmPrecip3h"), M = z("IdmVisibility"), I = z("IdmWaterTemp"), j = z("IdmTemp"), W = z("IdmArctic"), Y = z("IdmWarZone"), K = z("IdmGmdssArea"), V = z("IdmEcaZone"), ee = z("IdmAlertZone"), ce = z("IdmPort"), he = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), me = z("IdmSpecialArea"), ue = z("IdmTerminator"), ge = z("IdmLatLng"), te = z("IdmMeasure"), oe = z("IdmPoint");
-  return a.map ? (g(), y("div", To, [
+  const l = z("IdmGlLayer"), c = z("IdmENC"), h = z("IdmWorld12nm"), p = z("IdmWorldMarine"), n = z("IdmChinaRoute"), d = z("IdmSigWave"), b = z("IdmSwell"), u = z("IdmPrmsl"), A = z("IdmIceberg"), w = z("IdmTropicals"), m = z("IdmCurrents"), v = z("IdmCurrentParticle"), y = z("IdmWindBarb"), L = z("IdmWindParticle"), P = z("IdmPrecip3h"), M = z("IdmVisibility"), I = z("IdmWaterTemp"), j = z("IdmTemp"), W = z("IdmArctic"), Y = z("IdmWarZone"), K = z("IdmGmdssArea"), V = z("IdmEcaZone"), ee = z("IdmAlertZone"), ce = z("IdmPort"), he = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), me = z("IdmSpecialArea"), ue = z("IdmTerminator"), ge = z("IdmLatLng"), te = z("IdmMeasure"), oe = z("IdmPoint");
+  return a.map ? (g(), f("div", To, [
     k(l, S({
       ref: "layer",
       map: a.map,
@@ -8774,7 +8775,7 @@ function Qo(t, e, a, r, i, o) {
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(f, S({
+    k(y, S({
       ref: "windBarb",
       map: a.map,
       "map-projection": i.mapProjection,