@idmwx/idmui-gl3 5.7.6 → 5.7.8

package/dist/index.js

@@ -1,17 +1,17 @@
 var ht = Object.defineProperty;
 var dt = (t, e, a) => e in t ? ht(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
-var W = (t, e, a) => (dt(t, typeof e != "symbol" ? e + "" : e, a), a);
+var K = (t, e, a) => (dt(t, typeof e != "symbol" ? e + "" : e, a), a);
 import { LayerHelper as Ke, CompanyHelper as Xe } from "@idm-plugin/tag";
-import U from "moment";
-import le from "axios";
+import X from "moment";
+import he from "axios";
 import Ge from "moment-timezone";
-import { resolveComponent as z, openBlock as m, createElementBlock as g, createElementVNode as s, normalizeStyle as V, createVNode as M, withCtx as ae, normalizeClass as F, Fragment as R, renderList as G, toDisplayString as I, createCommentVNode as j, createBlock as pt, createTextVNode as q, withDirectives as ye, createStaticVNode as ut, vShow as we, defineComponent as mt, withModifiers as Ue, mergeProps as H } from "vue";
-import * as k from "@turf/turf";
+import { resolveComponent as T, openBlock as m, createElementBlock as g, createElementVNode as s, normalizeStyle as $, createVNode as z, withCtx as re, normalizeClass as G, Fragment as F, renderList as U, toDisplayString as E, createCommentVNode as R, createBlock as pt, createTextVNode as Z, withDirectives as ye, createStaticVNode as ut, vShow as we, defineComponent as mt, withModifiers as Ue, mergeProps as j } from "vue";
+import * as M from "@turf/turf";
 import gt from "@mapbox/sphericalmercator";
 import ve from "mapbox-gl";
-import { TropicalHelper as nt, LngLatHelper as X, LaneHelper as be } from "@idm-plugin/geo";
+import { TropicalHelper as nt, LngLatHelper as q, LaneHelper as be } from "@idm-plugin/geo";
 import { TidesAssist as Ye, Meteo2Assist as We } from "@idm-plugin/meteo";
-const S = (t, e) => {
+const O = (t, e) => {
   const a = t.__vccOpts || t;
   for (const [r, i] of e)
     a[r] = i;
@@ -120,7 +120,7 @@ const S = (t, e) => {
       return function(t) {
         var e;
         if (t) {
-          const a = U(t);
+          const a = X(t);
           return `${(e = a == null ? void 0 : a.utc()) == null ? void 0 : e.format("MMM-DD/HHmm")}Z`;
         }
         return "-";
@@ -174,7 +174,7 @@ const S = (t, e) => {
     async fetchMeteoSource() {
       var e;
       this.sourceList = [];
-      let t = await le.get(`${this.gateway}/api/arc/meteo2/models`, {
+      let t = await he.get(`${this.gateway}/api/arc/meteo2/models`, {
         headers: {
           Authorization: this.token
         }
@@ -228,16 +228,16 @@ const S = (t, e) => {
       !t.collected && ((e = this.layers.weather.filter((a) => a.collected)) == null ? void 0 : e.length) >= 6 && (this.layers.weather.filter((a) => a.collected)[0].collected = !1), t.collected = !t.collected, localStorage.setItem(this.collectedLayerCache, JSON.stringify(this.layers.weather)), this.$emit("handleToggleVersion");
     },
     handleToggleWindParticle() {
-      !this.showWindFeather && this.showWindParticle ? this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }) : (this.showCurrentParticle && (this.$emit("toggleCurrentParticle", !1), this.showCurrentIsoband || (this.activeWeatherLayers = this.activeWeatherLayers.filter((t) => t.key !== "current"))), this.$emit("toggleWindParticle", !this.showWindParticle), this.$emit("toggleWindParticeVersion"));
+      !this.showWindFeather && this.showWindParticle ? this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !1 }) : (this.showCurrentParticle && (this.$emit("toggleCurrentParticle", !1), this.showCurrentIsoband || (this.activeWeatherLayers = this.activeWeatherLayers.filter((t) => t.key !== "current"))), this.$emit("toggleWindParticle", !this.showWindParticle), this.$emit("toggleWindParticeVersion"));
     },
     handleToggleWindFeather() {
-      this.showWindFeather && !this.showWindParticle && this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !0 }), this.$emit("toggleWindFeather", !this.showWindFeather);
+      this.showWindFeather && !this.showWindParticle && this.handleWeatherLayerPick({ weight: 1, name: "Wind", key: "wind", enabled: !0, type: "json", particle: !1 }), this.$emit("toggleWindFeather", !this.showWindFeather);
     },
     handleToggleCurrentParticle() {
-      !this.showCurrentIsoband && this.showCurrentParticle ? this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", enabled: !0, type: "json", particle: !0 }) : (this.showWindParticle && (this.$emit("toggleWindParticle", !1), this.showWindFeather || (this.activeWeatherLayers = this.activeWeatherLayers.filter((t) => t.key !== "wind"))), this.$emit("toggleCurrentParticle", !this.showCurrentParticle), this.$emit("toggleCurrentParticeVersion"));
+      !this.showCurrentIsoband && this.showCurrentParticle ? this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", enabled: !0, type: "json", particle: !1 }) : (this.showWindParticle && (this.$emit("toggleWindParticle", !1), this.showWindFeather || (this.activeWeatherLayers = this.activeWeatherLayers.filter((t) => t.key !== "wind"))), this.$emit("toggleCurrentParticle", !this.showCurrentParticle), this.$emit("toggleCurrentParticeVersion"));
     },
     handleToggleCurrentIsoband() {
-      this.showCurrentIsoband && !this.showCurrentParticle && this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", vendor: "cmems", merge: !0, h5: !0, enabled: !0 }), this.$emit("toggleCurrentIsoband", !this.showCurrentIsoband);
+      this.showCurrentIsoband && !this.showCurrentParticle && this.handleWeatherLayerPick({ weight: 96, name: "Current", key: "current", enabled: !0, type: "json", particle: !1 }), this.$emit("toggleCurrentIsoband", !this.showCurrentIsoband);
     },
     handleOtherLayerPick(t) {
       this.activeOtherLayers.some((e) => e.key === t.key) ? this.activeOtherLayers = this.activeOtherLayers.filter((e) => e.key !== t.key) : t.enabled && this.activeOtherLayers.push(t), localStorage.setItem(this.activeOtherLayersCache, JSON.stringify(this.activeOtherLayers)), this.$emit("other", this.activeOtherLayers);
@@ -307,22 +307,22 @@ const S = (t, e) => {
   class: "radio-tip"
 };
 function $t(t, e, a, r, i, o) {
-  const l = z("ElTooltip"), c = z("ElRadio"), h = z("ElRadioGroup"), d = z("ElScrollbar");
+  const l = T("ElTooltip"), c = T("ElRadio"), h = T("ElRadioGroup"), p = T("ElScrollbar");
   return m(), g("div", ft, [
     s("div", {
       class: "menu-bar-box",
-      style: V({ top: a.top + 10 + "px", right: i.right + "px" })
+      style: $({ top: a.top + 10 + "px", right: i.right + "px" })
     }, [
       s("div", yt, [
-        M(l, {
+        z(l, {
           placement: "left",
           effect: "light",
           content: "Menu",
           "show-after": 1e3
         }, {
-          default: ae(() => [
+          default: re(() => [
             s("div", {
-              class: F(a.layerToggle ? "menu-icon active" : "menu-icon"),
+              class: G(a.layerToggle ? "menu-icon active" : "menu-icon"),
               onClick: e[0] || (e[0] = (...n) => o.handleMenuToggle && o.handleMenuToggle(...n))
             }, e[17] || (e[17] = [
               s("span", { class: "iconfont" }, "", -1)
@@ -334,18 +334,18 @@ function $t(t, e, a, r, i, o) {
     ], 4),
     s("div", {
       class: "menu-bar-box",
-      style: V({ top: a.top + 160 + "px", right: i.right + "px" })
+      style: $({ top: a.top + 160 + "px", right: i.right + "px" })
     }, [
       s("div", wt, [
-        M(l, {
+        z(l, {
           placement: "left",
           effect: "light",
           content: "Measure",
           "show-after": 1e3
         }, {
-          default: ae(() => [
+          default: re(() => [
             s("div", {
-              class: F(i.showMeasure ? "menu-icon active" : "menu-icon"),
+              class: G(i.showMeasure ? "menu-icon active" : "menu-icon"),
               onClick: e[1] || (e[1] = (...n) => o.handleMeasureToggle && o.handleMeasureToggle(...n))
             }, e[18] || (e[18] = [
               s("span", { class: "iconfont" }, "", -1)
@@ -353,15 +353,15 @@ function $t(t, e, a, r, i, o) {
           ]),
           _: 1
         }),
-        M(l, {
+        z(l, {
           placement: "left",
           effect: "light",
           content: "Point Meteo",
           "show-after": 1e3
         }, {
-          default: ae(() => [
+          default: re(() => [
             s("div", {
-              class: F(i.showPoint ? "menu-icon active" : "menu-icon"),
+              class: G(i.showPoint ? "menu-icon active" : "menu-icon"),
               onClick: e[2] || (e[2] = (...n) => o.handlePointToggle && o.handlePointToggle(...n))
             }, e[19] || (e[19] = [
               s("span", { class: "iconfont" }, "", -1)
@@ -369,15 +369,15 @@ function $t(t, e, a, r, i, o) {
           ]),
           _: 1
         }),
-        M(l, {
+        z(l, {
           placement: "left",
           effect: "light",
           content: "Grid",
           "show-after": 1e3
         }, {
-          default: ae(() => [
+          default: re(() => [
             s("div", {
-              class: F(i.showCoord ? "menu-icon active" : "menu-icon"),
+              class: G(i.showCoord ? "menu-icon active" : "menu-icon"),
               onClick: e[3] || (e[3] = (...n) => o.handleCoordToggle && o.handleCoordToggle(...n))
             }, e[20] || (e[20] = [
               s("span", { class: "iconfont" }, "", -1)
@@ -385,15 +385,15 @@ function $t(t, e, a, r, i, o) {
           ]),
           _: 1
         }),
-        M(l, {
+        z(l, {
           placement: "left",
           effect: "light",
           content: "3D",
           "show-after": 1e3
         }, {
-          default: ae(() => [
+          default: re(() => [
             s("div", {
-              class: F(i.show3d ? "menu-icon active" : "menu-icon"),
+              class: G(i.show3d ? "menu-icon active" : "menu-icon"),
               onClick: e[4] || (e[4] = (...n) => o.handle3DToggle && o.handle3DToggle(...n))
             }, e[21] || (e[21] = [
               s("span", { class: "iconfont" }, "", -1)
@@ -406,7 +406,7 @@ function $t(t, e, a, r, i, o) {
     o.hasCollectedLayers ? (m(), g("div", {
       key: 0,
       class: "active-layers",
-      style: V({ right: i.right + "px", bottom: "100px" })
+      style: $({ right: i.right + "px", bottom: "100px" })
     }, [
       s("div", bt, [
         e[22] || (e[22] = s("div", { style: { margin: "2px 5px" } }, "Weather Layers", -1)),
@@ -418,46 +418,46 @@ function $t(t, e, a, r, i, o) {
           i.autoActive ? (m(), g("i", vt, "")) : (m(), g("i", Lt, ""))
         ])
       ]),
-      (m(!0), g(R, null, G(i.layers.weather.filter((n) => n.collected), (n) => (m(), g("div", {
+      (m(!0), g(F, null, U(i.layers.weather.filter((n) => n.collected), (n) => (m(), g("div", {
         key: n.key,
-        class: F(o.computeLayerClass(n, i.activeWeatherLayersCollected))
+        class: G(o.computeLayerClass(n, i.activeWeatherLayersCollected))
       }, [
         s("div", {
           class: "checkbox",
-          onClick: (p) => o.handleWeatherLayerPick(n)
+          onClick: (u) => o.handleWeatherLayerPick(n)
         }, null, 8, Ct),
         s("span", {
           class: "name",
-          onClick: (p) => o.handleWeatherLayerPick(n)
-        }, I(n.name), 9, xt),
-        n.key === "wind" && i.activeWeatherLayersCollected.some((p) => p.key === n.key) ? (m(), g("div", Bt, [
+          onClick: (u) => o.handleWeatherLayerPick(n)
+        }, E(n.name), 9, xt),
+        n.key === "wind" && i.activeWeatherLayersCollected.some((u) => u.key === n.key) ? (m(), g("div", Bt, [
           s("i", {
-            class: F(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
-            onClick: e[6] || (e[6] = (p) => o.handleToggleWindParticle())
+            class: G(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
+            onClick: e[6] || (e[6] = (u) => o.handleToggleWindParticle())
           }, "", 2),
           s("i", {
-            class: F(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
-            onClick: e[7] || (e[7] = (p) => o.handleToggleWindFeather())
+            class: G(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
+            onClick: e[7] || (e[7] = (u) => o.handleToggleWindFeather())
           }, "", 2)
-        ])) : j("", !0),
-        n.key === "current" && i.activeWeatherLayersCollected.some((p) => p.key === n.key) ? (m(), g("div", It, [
+        ])) : R("", !0),
+        n.key === "current" && i.activeWeatherLayersCollected.some((u) => u.key === n.key) ? (m(), g("div", It, [
           s("i", {
-            class: F(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
-            onClick: e[8] || (e[8] = (p) => o.handleToggleCurrentParticle())
+            class: G(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
+            onClick: e[8] || (e[8] = (u) => o.handleToggleCurrentParticle())
           }, "", 2),
           s("i", {
-            class: F(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
-            onClick: e[9] || (e[9] = (p) => o.handleToggleCurrentIsoband())
+            class: G(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
+            onClick: e[9] || (e[9] = (u) => o.handleToggleCurrentIsoband())
           }, "", 2)
-        ])) : j("", !0)
+        ])) : R("", !0)
       ], 2))), 128))
-    ], 4)) : j("", !0),
+    ], 4)) : R("", !0),
     s("div", {
       class: "available-layers flex-center",
-      style: V({ top: a.top + "px", right: a.layerToggle ? "0px" : "-240px" })
+      style: $({ top: a.top + "px", right: a.layerToggle ? "0px" : "-240px" })
     }, [
       s("div", {
-        class: F(["list-box", a.layerToggle ? "right-bar" : ""])
+        class: G(["list-box", a.layerToggle ? "right-bar" : ""])
       }, [
         s("div", Et, [
           e[23] || (e[23] = s("div", null, "Layers", -1)),
@@ -466,8 +466,8 @@ function $t(t, e, a, r, i, o) {
             onClick: e[10] || (e[10] = (...n) => o.handleMenuToggle && o.handleMenuToggle(...n))
           }, "")
         ]),
-        M(d, { style: { flex: "1" } }, {
-          default: ae(() => [
+        z(p, { style: { flex: "1" } }, {
+          default: re(() => [
             s("div", Dt, [
               s("div", Pt, [
                 e[24] || (e[24] = s("div", null, "Weather Layers", -1)),
@@ -480,45 +480,45 @@ function $t(t, e, a, r, i, o) {
                 ])
               ]),
               s("div", zt, [
-                (m(!0), g(R, null, G(i.layers.weather, (n) => (m(), g(R, {
+                (m(!0), g(F, null, U(i.layers.weather, (n) => (m(), g(F, {
                   key: n.key
                 }, [
-                  n.hide ? j("", !0) : (m(), g("div", {
+                  n.hide ? R("", !0) : (m(), g("div", {
                     key: 0,
-                    class: F(o.computeLayerClass(n, i.activeWeatherLayersCollected))
+                    class: G(o.computeLayerClass(n, i.activeWeatherLayersCollected))
                   }, [
                     s("div", Tt, [
                       s("div", {
                         class: "checkbox",
-                        onClick: (p) => o.handleWeatherLayerPick(n)
+                        onClick: (u) => o.handleWeatherLayerPick(n)
                       }, null, 8, Qt),
                       s("span", {
                         class: "name",
-                        onClick: (p) => o.handleWeatherLayerPick(n)
-                      }, I(n.name), 9, St),
-                      n.key === "wind" && i.activeWeatherLayersCollected.some((p) => p.key === n.key) ? (m(), g("div", _t, [
+                        onClick: (u) => o.handleWeatherLayerPick(n)
+                      }, E(n.name), 9, St),
+                      n.key === "wind" && i.activeWeatherLayersCollected.some((u) => u.key === n.key) ? (m(), g("div", _t, [
                         s("i", {
-                          class: F(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
-                          onClick: e[12] || (e[12] = (p) => o.handleToggleWindParticle())
+                          class: G(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
+                          onClick: e[12] || (e[12] = (u) => o.handleToggleWindParticle())
                         }, "", 2),
                         s("i", {
-                          class: F(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
-                          onClick: e[13] || (e[13] = (p) => o.handleToggleWindFeather())
+                          class: G(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
+                          onClick: e[13] || (e[13] = (u) => o.handleToggleWindFeather())
                         }, "", 2)
-                      ])) : j("", !0),
-                      n.key === "current" && i.activeWeatherLayersCollected.some((p) => p.key === n.key) ? (m(), g("div", Ht, [
+                      ])) : R("", !0),
+                      n.key === "current" && i.activeWeatherLayersCollected.some((u) => u.key === n.key) ? (m(), g("div", Ht, [
                         s("i", {
-                          class: F(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
-                          onClick: e[14] || (e[14] = (p) => o.handleToggleCurrentParticle())
+                          class: G(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
+                          onClick: e[14] || (e[14] = (u) => o.handleToggleCurrentParticle())
                         }, "", 2),
                         s("i", {
-                          class: F(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
-                          onClick: e[15] || (e[15] = (p) => o.handleToggleCurrentIsoband())
+                          class: G(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
+                          onClick: e[15] || (e[15] = (u) => o.handleToggleCurrentIsoband())
                         }, "", 2)
-                      ])) : j("", !0)
+                      ])) : R("", !0)
                     ]),
                     s("div", {
-                      onClick: (p) => o.handleWeatherLayerCollect(n)
+                      onClick: (u) => o.handleWeatherLayerCollect(n)
                     }, [
                       n.collected ? (m(), g("i", Nt, "")) : (m(), g("i", jt, ""))
                     ], 8, Ot)
@@ -536,18 +536,18 @@ 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, [
-                (m(!0), g(R, null, G(i.layers.other, (n) => {
-                  var p;
+                (m(!0), g(F, null, U(i.layers.other, (n) => {
+                  var u;
                   return m(), g("div", {
                     key: n.key,
-                    class: F(["layer flex-between", o.computeLayerClass(n, i.activeOtherLayers)]),
-                    onClick: (w) => o.handleOtherLayerPick(n)
+                    class: G(["layer flex-between", o.computeLayerClass(n, i.activeOtherLayers)]),
+                    onClick: (b) => o.handleOtherLayerPick(n)
                   }, [
                     s("div", Wt, [
                       s("div", Ut, [
-                        (p = o.computeLayerClass(n, i.activeOtherLayers)) != null && p.includes("active") ? (m(), g("i", Yt, "")) : (m(), g("i", Kt, ""))
+                        (u = o.computeLayerClass(n, i.activeOtherLayers)) != null && u.includes("active") ? (m(), g("i", Yt, "")) : (m(), g("i", Kt, ""))
                       ]),
-                      s("span", null, I(n.name), 1)
+                      s("span", null, E(n.name), 1)
                     ])
                   ], 10, Gt);
                 }), 128))
@@ -556,23 +556,23 @@ function $t(t, e, a, r, i, o) {
             s("div", Xt, [
               e[27] || (e[27] = s("span", { class: "layers-title" }, "Forecast Model", -1)),
               s("div", Jt, [
-                M(h, {
+                z(h, {
                   modelValue: i.source,
                   "onUpdate:modelValue": e[16] || (e[16] = (n) => i.source = n),
                   class: "layer-radio flex-col-start-start",
                   style: { width: "180px", "align-items": "flex-start" }
                 }, {
-                  default: ae(() => [
-                    (m(!0), g(R, null, G(i.sourceList, (n, p) => (m(), pt(c, {
+                  default: re(() => [
+                    (m(!0), g(F, null, U(i.sourceList, (n, u) => (m(), pt(c, {
                       key: `source${n.name}`,
                       value: n.name
                     }, {
-                      default: ae(() => {
-                        var w, b, A, E, v, f;
+                      default: re(() => {
+                        var b, v, y, x, D, L;
                         return [
-                          q(I(n.name) + " ", 1),
-                          p !== 0 ? (m(), g("span", qt, I(n.resolution) + "km " + I(n.length) + "days", 1)) : j("", !0),
-                          p === 0 ? (m(), g("div", Vt, "Provides the best forecast")) : (A = (b = (w = n == null ? void 0 : n.update) == null ? void 0 : w.default) == null ? void 0 : b.meta) != null && A.initialisationTime ? (m(), g("div", Zt, "Update: " + I(o.computeDateZ((f = (v = (E = n == null ? void 0 : n.update) == null ? void 0 : E.default) == null ? void 0 : v.meta) == null ? void 0 : f.initialisationTime)), 1)) : j("", !0)
+                          Z(E(n.name) + " ", 1),
+                          u !== 0 ? (m(), g("span", qt, E(n.resolution) + "km " + E(n.length) + "days", 1)) : R("", !0),
+                          u === 0 ? (m(), g("div", Vt, "Provides the best forecast")) : (y = (v = (b = n == null ? void 0 : n.update) == null ? void 0 : b.default) == null ? void 0 : v.meta) != null && y.initialisationTime ? (m(), g("div", Zt, "Update: " + E(o.computeDateZ((L = (D = (x = n == null ? void 0 : n.update) == null ? void 0 : x.default) == null ? void 0 : D.meta) == null ? void 0 : L.initialisationTime)), 1)) : R("", !0)
                         ];
                       }),
                       _: 2
@@ -589,7 +589,7 @@ function $t(t, e, a, r, i, o) {
     ], 4)
   ]);
 }
-const ea = /* @__PURE__ */ S(At, [["render", $t]]);
+const ea = /* @__PURE__ */ O(At, [["render", $t]]);
 const ta = {
   name: "IdmWindBarb",
   props: {
@@ -628,7 +628,7 @@ const ta = {
     return {
       source: "wind-barb-source",
       barbs: [0, 2, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100, 105],
-      empty: k.featureCollection([]),
+      empty: M.featureCollection([]),
       right: 10,
       bottom: 125,
       windBarbLoaded: !1
@@ -673,22 +673,22 @@ const ta = {
         else {
           this.map.addSource(this.source, { type: "geojson", data: c });
           for (let h = 0; h < (this.barbs ?? []).length - 1; h++) {
-            const d = (this.barbs ?? [])[h] || 0, n = (this.barbs ?? [])[h + 1] || 0, p = d < 10 ? `00${d}kts` : d < 100 ? `0${d}kts` : `${d}kts`;
+            const p = (this.barbs ?? [])[h] || 0, n = (this.barbs ?? [])[h + 1] || 0, u = p < 10 ? `00${p}kts` : p < 100 ? `0${p}kts` : `${p}kts`;
             this.map.addLayer(
               {
-                id: p,
+                id: u,
                 type: "symbol",
                 filter: [
                   "all",
                   // @ts-ignore
-                  [">=", "spd", d],
+                  [">=", "spd", p],
                   // @ts-ignore
                   ["<", "spd", n]
                 ],
                 source: this.source,
                 layout: {
                   "symbol-placement": "point",
-                  "icon-image": p,
+                  "icon-image": u,
                   // mapbox sprite
                   "icon-size": 0.14,
                   "icon-offset": [0, -20],
@@ -735,18 +735,18 @@ const ta = {
 function aa(t, e, a, r, i, o) {
   return null;
 }
-const ia = /* @__PURE__ */ S(ta, [["render", aa]]);
+const ia = /* @__PURE__ */ O(ta, [["render", aa]]);
 class Je {
   constructor(e) {
-    W(this, "map");
-    W(this, "mercator");
-    W(this, "rampColorLayer");
-    W(this, "rampColorSource");
-    W(this, "particleLayer");
-    W(this, "particleSource");
-    W(this, "rampColorCanvas");
-    W(this, "particleCanvas");
-    W(this, "ratio");
+    K(this, "map");
+    K(this, "mercator");
+    K(this, "rampColorLayer");
+    K(this, "rampColorSource");
+    K(this, "particleLayer");
+    K(this, "particleSource");
+    K(this, "rampColorCanvas");
+    K(this, "particleCanvas");
+    K(this, "ratio");
     this.map = e, this.mercator = new gt(), this.rampColorLayer = "ramp-color-layer", this.rampColorSource = "ramp-color-source", this.particleLayer = "particle-layer", this.particleSource = "particle-source", this.rampColorCanvas = document.createElement("canvas"), this.particleCanvas = document.createElement("canvas"), this.ratio = window.devicePixelRatio;
   }
   /**
@@ -781,8 +781,8 @@ class Je {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    const e = this.map.getBounds(), a = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, l] = this.convertNLng(r[0]), [c, h] = this.convertNLng(i[0]), [d, n] = this.mercator.px([o, r[1]], a), [p, w] = this.mercator.px([c, i[1]], a), b = Math.round(this.mercator.size * Math.pow(2, a) * (l + h));
-    return [p, w, d + b, n];
+    const e = this.map.getBounds(), a = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, l] = this.convertNLng(r[0]), [c, h] = this.convertNLng(i[0]), [p, n] = this.mercator.px([o, r[1]], a), [u, b] = this.mercator.px([c, i[1]], a), v = Math.round(this.mercator.size * Math.pow(2, a) * (l + h));
+    return [u, b, p + v, n];
   }
   /**
    * [视窗边界像素宽度]
@@ -799,11 +799,11 @@ class Je {
   getWorldCopy(e, a) {
     const r = 2 ** a, [i, o, l, c] = e.map((n) => ~~(n / (r * 256))), h = [];
     for (let n = c; n <= o; n++)
-      for (let p = i; p <= l; p++)
-        h.push([p, n]);
+      for (let u = i; u <= l; u++)
+        h.push([u, n]);
     return h.map((n) => {
-      const p = 2 ** a * 256;
-      return [n[0] * p, n[1] * p, p];
+      const u = 2 ** a * 256;
+      return [n[0] * u, n[1] * u, u];
     });
   }
   resize() {
@@ -885,13 +885,13 @@ class Ce {
     if (i) {
       const o = { program: i }, l = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
       for (let h = 0; h < l; h++) {
-        const d = e.getActiveAttrib(i, h);
-        o[d.name] = e.getAttribLocation(i, d.name);
+        const p = e.getActiveAttrib(i, h);
+        o[p.name] = e.getAttribLocation(i, p.name);
       }
       const c = e.getProgramParameter(i, e.ACTIVE_UNIFORMS);
       for (let h = 0; h < c; h++) {
-        const d = e.getActiveUniform(i, h);
-        o[d.name] = e.getUniformLocation(i, d.name);
+        const p = e.getActiveUniform(i, h);
+        o[p.name] = e.getUniformLocation(i, p.name);
       }
       return o;
     }
@@ -906,8 +906,8 @@ class Ce {
     const c = l.getContext("2d");
     if (c && e) {
       const h = c == null ? void 0 : c.createLinearGradient(0, 0, 256, 0);
-      return a.forEach(([d, n]) => {
-        h.addColorStop(d, n);
+      return a.forEach(([p, n]) => {
+        h.addColorStop(p, n);
       }), c.fillStyle = h, c.fillRect(0, 0, 256, 1), {
         canvas: l,
         texture: this.createTexture(
@@ -929,8 +929,8 @@ class Ce {
     const l = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), c = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), h = new Float32Array(i);
     for (let n = 0; n < i; n++)
       h[n] = n;
-    const d = this.createDataBuffer(e, "array", h);
-    return { resolution: r, total: i, texture0: l, texture1: c, indexBuffer: d };
+    const p = this.createDataBuffer(e, "array", h);
+    return { resolution: r, total: i, texture0: l, texture1: c, indexBuffer: p };
   }
   bind(e, a, r) {
     const i = this.createProgram(e, a, r);
@@ -945,13 +945,13 @@ class Ce {
     return {};
   }
   bindParticle(e, a, r, i, o, l) {
-    const c = this.createProgramWrapper(e, a, r), h = this.createProgramWrapper(e, i, o), d = this.createProgramWrapper(e, i, l), n = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), p = e.createFramebuffer();
-    return { particle: c, screen: h, update: d, quadBuffer: n, frameBuffer: p };
+    const c = this.createProgramWrapper(e, a, r), h = this.createProgramWrapper(e, i, o), p = this.createProgramWrapper(e, i, l), n = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), u = e.createFramebuffer();
+    return { particle: c, screen: h, update: p, quadBuffer: n, frameBuffer: u };
   }
   draw(e, a, r, i, o, l, c) {
-    var h, d;
+    var h, p;
     if (a && r) {
-      e.resize(), a == null || a.viewport(0, 0, (h = a == null ? void 0 : a.canvas) == null ? void 0 : h.width, (d = a == null ? void 0 : a.canvas) == null ? void 0 : d.height), a.clearColor(0, 0, 0, 0), a.clear(a.COLOR_BUFFER_BIT | a.DEPTH_BUFFER_BIT);
+      e.resize(), a == null || a.viewport(0, 0, (h = a == null ? void 0 : a.canvas) == null ? void 0 : h.width, (p = a == null ? void 0 : a.canvas) == null ? void 0 : p.height), a.clearColor(0, 0, 0, 0), a.clear(a.COLOR_BUFFER_BIT | a.DEPTH_BUFFER_BIT);
       try {
         a.useProgram(r);
         const n = {
@@ -963,10 +963,10 @@ class Ce {
           sRange: a.getUniformLocation(r, "u_range_s")
         };
         n.resolution && a.uniform2f(n.resolution, a.canvas.width * e.ratio, a.canvas.height * e.ratio), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, i), n.image && a.uniform1i(n.image, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), n.color && a.uniform1i(n.color, 1), c != null && c.uvRange && (c != null && c.sRange) && (n.uvRange && a.uniform2f(n.uvRange, c.uvRange[0], c.uvRange[1]), n.sRange && a.uniform2f(n.sRange, c.sRange[0], c.sRange[1])), n.scale && a.uniform1f(n.scale, (c == null ? void 0 : c.scale) || 1);
-        const p = e.getBoundPixel(), w = e.map.getZoom() + 1, b = e.getWorldCopy(p, w);
-        for (const A of b) {
-          const E = (A[0] - p[0]) * e.ratio, v = (A[1] - p[3]) * e.ratio, f = A[2] * e.ratio, [u, C, y, B] = [E, f + E, v, f + v], D = new Float32Array([u, y, C, y, u, B, u, B, C, y, C, B]);
-          a.bindBuffer(a.ARRAY_BUFFER, l), a.bufferData(a.ARRAY_BUFFER, D, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
+        const u = e.getBoundPixel(), b = e.map.getZoom() + 1, v = e.getWorldCopy(u, b);
+        for (const y of v) {
+          const x = (y[0] - u[0]) * e.ratio, D = (y[1] - u[3]) * e.ratio, L = y[2] * e.ratio, [A, f, w, B] = [x, L + x, D, L + D], d = new Float32Array([A, w, f, w, A, B, A, B, f, w, f, B]);
+          a.bindBuffer(a.ARRAY_BUFFER, l), a.bufferData(a.ARRAY_BUFFER, d, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
         }
       } catch (n) {
         console.log(`render failed...${n}`);
@@ -1014,10 +1014,10 @@ class Ce {
     });
   }
 }
-class Z {
+class ee {
 }
 // 顶点渲染
-W(Z, "vertexSchema", `
+K(ee, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -1032,7 +1032,7 @@ W(Z, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-W(Z, "uvFragmentSchema", `
+K(ee, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -1052,7 +1052,7 @@ W(Z, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-W(Z, "fragmentSchema", `
+K(ee, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -1063,9 +1063,9 @@ W(Z, "fragmentSchema", `
       vec4 color = texture2D(u_color, vec2(rgba.r, 0));
       gl_FragColor = color;
     }`);
-class ee {
+class ae {
 }
-W(ee, "vertexSchema", `
+K(ae, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -1089,7 +1089,7 @@ W(ee, "vertexSchema", `
       gl_PointSize = 1.0;
       // gl_PointSize = u_point;
       gl_Position = vec4(2.0 * v_particle_pos.x - 1.0, 1.0 - 2.0 * v_particle_pos.y, 0, 1);
-    }`), W(ee, "fragmentSchema", `
+    }`), K(ae, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -1111,7 +1111,7 @@ W(ee, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), W(ee, "quadVertSchema", `
+    }`), K(ae, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -1121,7 +1121,7 @@ W(ee, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), W(ee, "screenFragmentSchema", `
+    }`), K(ae, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -1133,7 +1133,7 @@ W(ee, "vertexSchema", `
       vec4 color = texture2D(u_screen, 1.0 - v_tex_pos);
       // a hack to guarantee opacity fade out even with a value close to 1.0
       gl_FragColor = vec4(floor(255.0 * color * u_opacity) / 255.0);
-    }`), W(ee, "updateFragmentSchema", `
+    }`), K(ae, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -1214,12 +1214,12 @@ W(ee, "vertexSchema", `
     }`);
 class ra {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
-    W(this, "token");
-    W(this, "mapboxCustomer");
-    W(this, "i4");
-    W(this, "hi");
-    W(this, "td");
-    W(this, "windy");
+    K(this, "token");
+    K(this, "mapboxCustomer");
+    K(this, "i4");
+    K(this, "hi");
+    K(this, "td");
+    K(this, "windy");
     this.token = e, this.mapboxCustomer = {
       source: this.initialOnlineStyle().sources.composite,
       layers: {
@@ -3151,7 +3151,7 @@ const oa = {
           [1, "rgb(91, 136, 161)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, Z.vertexSchema, Z.uvFragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, ee.vertexSchema, ee.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
       this.handleParticleSetup();
@@ -3165,11 +3165,11 @@ const oa = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          ee.vertexSchema,
-          ee.fragmentSchema,
-          ee.quadVertSchema,
-          ee.screenFragmentSchema,
-          ee.updateFragmentSchema
+          ae.vertexSchema,
+          ae.fragmentSchema,
+          ae.quadVertSchema,
+          ae.screenFragmentSchema,
+          ae.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, t, !0, 16, 16), this.wrapper = { ...this.wrapper, ...this.webgl.setupParticle(this.particleContext, 9e3), ...this.webgl.resize(this.viewport, this.particleContext) }, this.viewport.map.on("resize", this.handleResize), this.viewport.map.on("movestart", this.handlePause), this.viewport.map.on("moveend", this.handlePlay);
       }
     },
@@ -3205,7 +3205,7 @@ function na(t, e, a, r, i, o) {
   return (l = a.factor) != null && l.active ? (m(), g("div", sa, [
     s("div", {
       class: "legend-bars flex-center",
-      style: V([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, e[0] || (e[0] = [
       s("span", null, "kts", -1),
       s("span", null, "0", -1),
@@ -3216,9 +3216,9 @@ function na(t, e, a, r, i, o) {
       s("span", null, "40", -1),
       s("span", null, "60", -1)
     ]), 4)
-  ])) : j("", !0);
+  ])) : R("", !0);
 }
-const la = /* @__PURE__ */ S(oa, [["render", na], ["__scopeId", "data-v-14070127"]]);
+const la = /* @__PURE__ */ O(oa, [["render", na], ["__scopeId", "data-v-14070127"]]);
 const ca = {
   name: "IdmCurrent",
   props: {
@@ -3260,7 +3260,7 @@ const ca = {
       directionLayer: "current-direction-layer",
       speedLayer: "current-speed-layer",
       speedLabelLayer: "current-speed-label-layer",
-      empty: k.featureCollection([]),
+      empty: M.featureCollection([]),
       right: 10,
       bottom: 95
     };
@@ -3269,7 +3269,7 @@ const ca = {
     "current.version": {
       handler() {
         var t;
-        (t = this.current) != null && t.active ? this.handleRender() : this.handleClear(), this.$emit("handleToggleVersion");
+        (t = this.current) != null && t.active && this.showCurrentIsoband ? this.handleRender() : this.handleClear(), this.$emit("handleToggleVersion");
       },
       deep: !0
     },
@@ -3372,7 +3372,7 @@ const ca = {
 function ha(t, e, a, r, i, o) {
   return null;
 }
-const da = /* @__PURE__ */ S(ca, [["render", ha]]);
+const da = /* @__PURE__ */ O(ca, [["render", ha]]);
 const pa = {
   name: "IdmCurrentParticle",
   props: {
@@ -3479,7 +3479,7 @@ const pa = {
           [1, "rgb(195,194,194)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, Z.vertexSchema, Z.uvFragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, ee.vertexSchema, ee.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
       this.handleParticleSetup();
@@ -3494,11 +3494,11 @@ const pa = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          ee.vertexSchema,
-          ee.fragmentSchema,
-          ee.quadVertSchema,
-          ee.screenFragmentSchema,
-          ee.updateFragmentSchema
+          ae.vertexSchema,
+          ae.fragmentSchema,
+          ae.quadVertSchema,
+          ae.screenFragmentSchema,
+          ae.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, t, !0, 16, 16), this.wrapper = {
           ...this.wrapper,
           ...this.webgl.setupParticle(this.particleContext, 9e3),
@@ -3538,7 +3538,7 @@ function ma(t, e, a, r, i, o) {
   return (l = a.factor) != null && l.active ? (m(), g("div", ua, [
     s("div", {
       class: "legend-bars flex-center",
-      style: V([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, e[0] || (e[0] = [
       s("span", null, "kts", -1),
       s("span", null, "0", -1),
@@ -3548,9 +3548,9 @@ function ma(t, e, a, r, i, o) {
       s("span", null, "2", -1),
       s("span", null, "3.2", -1)
     ]), 4)
-  ])) : j("", !0);
+  ])) : R("", !0);
 }
-const ga = /* @__PURE__ */ S(pa, [["render", ma], ["__scopeId", "data-v-02a8206f"]]), Aa = {
+const ga = /* @__PURE__ */ O(pa, [["render", ma], ["__scopeId", "data-v-02a8206f"]]), Aa = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3571,7 +3571,7 @@ const ga = /* @__PURE__ */ S(pa, [["render", ma], ["__scopeId", "data-v-02a8206f
       source: "sig-wave-source",
       heightLayer: "sig-wave-height-layer",
       heightLabelLayer: "sig-wave-height-label-layer",
-      empty: k.featureCollection([])
+      empty: M.featureCollection([])
     };
   },
   watch: {
@@ -3673,7 +3673,7 @@ const ga = /* @__PURE__ */ S(pa, [["render", ma], ["__scopeId", "data-v-02a8206f
 function fa(t, e, a, r, i, o) {
   return m(), g("div");
 }
-const ya = /* @__PURE__ */ S(Aa, [["render", fa]]), wa = {
+const ya = /* @__PURE__ */ O(Aa, [["render", fa]]), wa = {
   name: "IdmSwell",
   props: {
     map: {
@@ -3695,7 +3695,7 @@ const ya = /* @__PURE__ */ S(Aa, [["render", fa]]), wa = {
       directionLayer: "swell-direction-layer",
       heightLayer: "swell-height-layer",
       heightLabelLayer: "swell-height-label-layer",
-      empty: k.featureCollection([])
+      empty: M.featureCollection([])
     };
   },
   watch: {
@@ -3831,7 +3831,7 @@ const ya = /* @__PURE__ */ S(Aa, [["render", fa]]), wa = {
 function ba(t, e, a, r, i, o) {
   return m(), g("div");
 }
-const va = /* @__PURE__ */ S(wa, [["render", ba]]), La = {
+const va = /* @__PURE__ */ O(wa, [["render", ba]]), La = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -3856,7 +3856,7 @@ const va = /* @__PURE__ */ S(wa, [["render", ba]]), La = {
       layer: "prmsl-layer",
       labelLayer: "prmsl-label-layer",
       pointLabelLayer: "prmsl-point-label-layer",
-      empty: k.featureCollection([])
+      empty: M.featureCollection([])
     };
   },
   watch: {
@@ -3970,7 +3970,7 @@ const va = /* @__PURE__ */ S(wa, [["render", ba]]), La = {
 function Ca(t, e, a, r, i, o) {
   return m(), g("div");
 }
-const xa = /* @__PURE__ */ S(La, [["render", Ca]]);
+const xa = /* @__PURE__ */ O(La, [["render", Ca]]);
 const Ba = {
   name: "IdmCover",
   props: {
@@ -4050,7 +4050,7 @@ const Ba = {
           // 100%
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, Z.vertexSchema, Z.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, ee.vertexSchema, ee.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -4069,7 +4069,7 @@ function Ea(t, e, a, r, i, o) {
   return (l = a.factor) != null && l.active ? (m(), g("div", Ia, [
     s("div", {
       class: "legend-bars flex-center",
-      style: V([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, e[0] || (e[0] = [
       s("span", null, "%", -1),
       s("span", null, "20", -1),
@@ -4078,9 +4078,9 @@ function Ea(t, e, a, r, i, o) {
       s("span", null, "80", -1),
       s("span", null, "100", -1)
     ]), 4)
-  ])) : j("", !0);
+  ])) : R("", !0);
 }
-const Da = /* @__PURE__ */ S(Ba, [["render", Ea], ["__scopeId", "data-v-efce05ef"]]);
+const Da = /* @__PURE__ */ O(Ba, [["render", Ea], ["__scopeId", "data-v-efce05ef"]]);
 const Pa = {
   name: "IdmThickness",
   props: {
@@ -4168,7 +4168,7 @@ const Pa = {
           // 4m
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, Z.vertexSchema, Z.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, ee.vertexSchema, ee.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -4187,7 +4187,7 @@ function Ma(t, e, a, r, i, o) {
   return (l = a.factor) != null && l.active ? (m(), g("div", ka, [
     s("div", {
       class: "legend-bars flex-center",
-      style: V([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, e[0] || (e[0] = [
       s("span", null, "m", -1),
       s("span", null, "0", -1),
@@ -4197,9 +4197,9 @@ function Ma(t, e, a, r, i, o) {
       s("span", null, "2", -1),
       s("span", null, "3", -1)
     ]), 4)
-  ])) : j("", !0);
+  ])) : R("", !0);
 }
-const za = /* @__PURE__ */ S(Pa, [["render", Ma], ["__scopeId", "data-v-348d48fb"]]);
+const za = /* @__PURE__ */ O(Pa, [["render", Ma], ["__scopeId", "data-v-348d48fb"]]);
 const Ta = {
   name: "IdmTropicals",
   props: {
@@ -4238,9 +4238,9 @@ const Ta = {
       showTropicals: !1,
       activeTropicals: void 0,
       activeTropicalsMarker: void 0,
-      empty: k.featureCollection([]),
+      empty: M.featureCollection([]),
       circleSource: "circle-source",
-      circleSourceData: k.featureCollection([]),
+      circleSourceData: M.featureCollection([]),
       circleLayer: "tropical-circle-layer"
     };
   },
@@ -4248,7 +4248,7 @@ const Ta = {
     computeTime() {
       return function(t) {
         if (t) {
-          const e = U(t).utc().utcOffset(this.timeZone), a = this.timeZone < 0 ? this.timeZone : "+" + this.timeZone;
+          const e = X(t).utc().utcOffset(this.timeZone), a = this.timeZone < 0 ? this.timeZone : "+" + this.timeZone;
           return `${e.format("MMM-DD,HHmm")}[ UTC ${a} ]  ( ${e == null ? void 0 : e.fromNow()} )`;
         }
         return "-";
@@ -4285,29 +4285,29 @@ const Ta = {
   methods: {
     handleRefresh() {
       var r, i;
-      const t = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = U().utc().hour(), a = [];
+      const t = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = X().utc().hour(), a = [];
       t.forEach((o) => {
         var l, c, h;
         (l = o.properties) != null && l.name && !a.includes((c = o.properties) == null ? void 0 : c.name) && a.push((h = o.properties) == null ? void 0 : h.name);
       }), a.forEach((o) => {
-        var d;
+        var p;
         let l = 0, c;
         const h = t.filter((n) => {
-          var p;
-          return ((p = n.properties) == null ? void 0 : p.name) === o;
+          var u;
+          return ((u = n.properties) == null ? void 0 : u.name) === o;
         });
-        (d = h.filter((n) => {
-          var p, w;
-          return ((p = n.geometry) == null ? void 0 : p.type) === "LineString" && ((w = n.properties) == null ? void 0 : w.type) === "forecast";
-        })[0]) == null || d.properties.model, h.forEach((n, p) => {
-          var w, b, A, E, v, f;
-          ((w = n.geometry) == null ? void 0 : w.type) === "Point" && ((b = n.properties) == null ? void 0 : b.type) === "history" && (l = p, c = c === void 0 ? p : c), ((A = n.geometry) == null ? void 0 : A.type) === "Point" && ((E = n.properties) == null ? void 0 : E.type) === "forecast" && c === void 0 && (c = p), ((v = n.geometry) == null ? void 0 : v.type) === "LineString" && ((f = n.properties) == null || f.type);
-        }), h.map((n, p) => {
-          var w, b, A, E, v, f, u;
-          if (((w = n.geometry) == null ? void 0 : w.type) === "LineString" && ((b = n.properties) == null || b.type), ((A = n.geometry) == null ? void 0 : A.type) === "Point" && ((E = n.properties) == null ? void 0 : E.type) === "forecast" && (n.properties.name = o, n.properties.showNameLabel = p === 0, n.properties.format = U(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((v = n.geometry) == null ? void 0 : v.type) === "Point" && ((f = n.properties) == null ? void 0 : f.type) === "history") {
-            n.properties.format = U(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
-            const C = U((u = n.properties) == null ? void 0 : u.date).utc().format("HHmm") === U().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
-            n.properties.showHistoryLabel = C || p === l, n.properties.name = o;
+        (p = h.filter((n) => {
+          var u, b;
+          return ((u = n.geometry) == null ? void 0 : u.type) === "LineString" && ((b = n.properties) == null ? void 0 : b.type) === "forecast";
+        })[0]) == null || p.properties.model, h.forEach((n, u) => {
+          var b, v, y, x, D, L;
+          ((b = n.geometry) == null ? void 0 : b.type) === "Point" && ((v = n.properties) == null ? void 0 : v.type) === "history" && (l = u, c = c === void 0 ? u : c), ((y = n.geometry) == null ? void 0 : y.type) === "Point" && ((x = n.properties) == null ? void 0 : x.type) === "forecast" && c === void 0 && (c = u), ((D = n.geometry) == null ? void 0 : D.type) === "LineString" && ((L = n.properties) == null || L.type);
+        }), h.map((n, u) => {
+          var b, v, y, x, D, L, A;
+          if (((b = n.geometry) == null ? void 0 : b.type) === "LineString" && ((v = n.properties) == null || v.type), ((y = n.geometry) == null ? void 0 : y.type) === "Point" && ((x = n.properties) == null ? void 0 : x.type) === "forecast" && (n.properties.name = o, n.properties.showNameLabel = u === 0, n.properties.format = X(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((D = n.geometry) == null ? void 0 : D.type) === "Point" && ((L = n.properties) == null ? void 0 : L.type) === "history") {
+            n.properties.format = X(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
+            const f = X((A = n.properties) == null ? void 0 : A.date).utc().format("HHmm") === X().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
+            n.properties.showHistoryLabel = f || u === l, n.properties.name = o;
           }
           return n;
         });
@@ -4344,16 +4344,16 @@ const Ta = {
       ));
     },
     handleRender() {
-      var t, e, a, r, i, o, l, c, h, d;
+      var t, e, a, r, i, o, l, c, h, p;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else {
         if (this.tropicals) {
-          const p = (/* @__PURE__ */ new Date()).valueOf();
-          let w = 0, b = 0;
-          (t = this.map) != null && t.getSource(this.source) ? ((a = this.map) == null || a.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), b = (/* @__PURE__ */ new Date()).valueOf() - (p + w), console.log("[tropicals] update elapsed: ", b, ", total: ", w += b)) : (this.map.addSource(this.source, {
+          const u = (/* @__PURE__ */ new Date()).valueOf();
+          let b = 0, v = 0;
+          (t = this.map) != null && t.getSource(this.source) ? ((a = this.map) == null || a.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), v = (/* @__PURE__ */ new Date()).valueOf() - (u + b), console.log("[tropicals] update elapsed: ", v, ", total: ", b += v)) : (this.map.addSource(this.source, {
             type: "geojson",
             data: (r = this.tropicals) != null && r.active ? (i = this.tropicals) == null ? void 0 : i.data : this.empty
           }), this.map.addLayer({
@@ -4450,9 +4450,9 @@ const Ta = {
               ],
               "text-halo-width": 4
             }
-          }), b = (/* @__PURE__ */ new Date()).valueOf() - (p + w), console.log("[tropical] add elapsed: ", b, ", total: ", w += b)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((l = this.tropicals) != null && l.active ? this.tropicals.data : this.empty), b = (/* @__PURE__ */ new Date()).valueOf() - (p + w), console.log("[tropical] update elapsed: ", b, ", total: ", w += b)) : (this.map.addSource(this.clusterSource, {
+          }), v = (/* @__PURE__ */ new Date()).valueOf() - (u + b), console.log("[tropical] add elapsed: ", v, ", total: ", b += v)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((l = this.tropicals) != null && l.active ? this.tropicals.data : this.empty), v = (/* @__PURE__ */ new Date()).valueOf() - (u + b), console.log("[tropical] update elapsed: ", v, ", total: ", b += v)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
-            data: (h = this.tropicals) != null && h.active ? (d = this.tropicals) == null ? void 0 : d.data : this.empty
+            data: (h = this.tropicals) != null && h.active ? (p = this.tropicals) == null ? void 0 : p.data : this.empty
             // cluster: true,
             // clusterRadius: 10, // 聚合半径
           }), this.map.addLayer({
@@ -4567,7 +4567,7 @@ const Ta = {
               "text-halo-color": "#0033ff",
               "text-halo-width": 4
             }
-          }), b = (/* @__PURE__ */ new Date()).valueOf() - (p + w), console.log("[tropical] add elapsed: ", b, ", total: ", w += b));
+          }), v = (/* @__PURE__ */ new Date()).valueOf() - (u + b), console.log("[tropical] add elapsed: ", v, ", total: ", b += v));
         }
         this.handleDrawCircle();
         const n = nt.interpolate(this.tropicals, 1);
@@ -4579,14 +4579,14 @@ const Ta = {
       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, d, n, p, w, b, A, E, v, f, u, C, y, B, D, T, N, O, Q, Y, K, ce, he, de, pe, ue, me, 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 = U(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), oe = this.interpolateData.filter((_) => _.properties.date === te.format() && !_.properties.disabled), Ae = this.handleComputePolygons(oe), ie = k.featureCollection([...oe]);
-        Ae.forEach((_) => {
-          ie.features.push(_);
-        }), (a = this.map) != null && a.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(ie) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
+      var t, e, a, r, i, o, l, c, h, p, n, u, b, v, y, x, D, L, A, f, w, B, d, P, Q, S, _, H, Y, J, W, de, pe, ue, me, ge;
+      if ((t = this.interpolateMarkers) == null || t.forEach((ie) => ie == null ? void 0 : ie.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
+        const ie = X(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), ne = this.interpolateData.filter((N) => N.properties.date === ie.format() && !N.properties.disabled), Ae = this.handleComputePolygons(ne), oe = M.featureCollection([...ne]);
+        Ae.forEach((N) => {
+          oe.features.push(N);
+        }), (a = this.map) != null && a.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(oe) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
           type: "geojson",
-          data: ie
+          data: oe
         }), (o = this.map) == null || o.addLayer({
           id: this.interpolateLineLayer,
           type: "line",
@@ -4598,17 +4598,17 @@ const Ta = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const _ of oe)
-          if (!_.properties.disabled) {
-            let $ = "#f44336";
-            ((c = (l = _.properties) == null ? void 0 : l.wind) == null ? void 0 : c.kts) < 32 || !((d = (h = _.properties) == null ? void 0 : h.wind) != null && d.kts) ? $ = "#03f869" : ((p = (n = _.properties) == null ? void 0 : n.wind) == null ? void 0 : p.kts) >= 32 && ((b = (w = _.properties) == null ? void 0 : w.wind) == null ? void 0 : b.kts) < 47 ? $ = "#f2f202" : ((E = (A = _.properties) == null ? void 0 : A.wind) == null ? void 0 : E.kts) >= 47 && ((f = (v = _.properties) == null ? void 0 : v.wind) == null ? void 0 : f.kts) < 63 ? $ = "#ff9100" : ((C = (u = _.properties) == null ? void 0 : u.wind) == null ? void 0 : C.kts) >= 63 && ((B = (y = _.properties) == null ? void 0 : y.wind) == null ? void 0 : B.kts) < 79 ? $ = "#f44336" : ((T = (D = _.properties) == null ? void 0 : D.wind) == null ? void 0 : T.kts) >= 79 && ((O = (N = _.properties) == null ? void 0 : N.wind) == null ? void 0 : O.kts) < 94 ? $ = "#f903d0" : ((Y = (Q = _.properties) == null ? void 0 : Q.wind) == null ? void 0 : Y.kts) >= 94 ? $ = "#8702f9" : $ = "#f44336";
+        for (const N of ne)
+          if (!N.properties.disabled) {
+            let te = "#f44336";
+            ((c = (l = N.properties) == null ? void 0 : l.wind) == null ? void 0 : c.kts) < 32 || !((p = (h = N.properties) == null ? void 0 : h.wind) != null && p.kts) ? te = "#03f869" : ((u = (n = N.properties) == null ? void 0 : n.wind) == null ? void 0 : u.kts) >= 32 && ((v = (b = N.properties) == null ? void 0 : b.wind) == null ? void 0 : v.kts) < 47 ? te = "#f2f202" : ((x = (y = N.properties) == null ? void 0 : y.wind) == null ? void 0 : x.kts) >= 47 && ((L = (D = N.properties) == null ? void 0 : D.wind) == null ? void 0 : L.kts) < 63 ? te = "#ff9100" : ((f = (A = N.properties) == null ? void 0 : A.wind) == null ? void 0 : f.kts) >= 63 && ((B = (w = N.properties) == null ? void 0 : w.wind) == null ? void 0 : B.kts) < 79 ? te = "#f44336" : ((P = (d = N.properties) == null ? void 0 : d.wind) == null ? void 0 : P.kts) >= 79 && ((S = (Q = N.properties) == null ? void 0 : Q.wind) == null ? void 0 : S.kts) < 94 ? te = "#f903d0" : ((H = (_ = N.properties) == null ? void 0 : _.wind) == null ? void 0 : H.kts) >= 94 ? te = "#8702f9" : te = "#f44336";
             const fe = `<svg t="1719918955501"
                           	class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg" p-id="18382"
                           	xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
                           	<path
                           		d="M515.17000001 169.34666667c41-77.73 95.33-96 95.33-96-240 0-434.5 194.53-434.5 434.5 0 186.47 150.78 337.7 337.06 338.48C472.11000001 923.66666667 418.00000001 941.83666667 418.00000001 941.83666667c240 0 434.5-194.54 434.5-434.5l0.5 0.5C853.00000001 321.10666667 701.81000001 169.66666667 515.17000001 169.34666667z m-0.67 468A129.5 129.5 0 1 1 644.00000001 507.83666667a129.5 129.5 0 0 1-129.5 129.5z"
-                          		fill="${$}" p-id="18383"></path>
-                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${$}"
+                          		fill="${te}" p-id="18383"></path>
+                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${te}"
                           		p-id="18384"></path>
                           	<path
                           		d="M517.16666667 654.67c-80.23 0-145.5-65.27-145.5-145.5s65.27-145.5 145.5-145.5S662.66666667 428.94 662.66666667 509.17s-65.27 145.5-145.5 145.5z m0-259A113.5 113.5 0 1 0 630.66666667 509.17a113.63 113.63 0 0 0-113.5-113.5z"
@@ -4616,17 +4616,17 @@ const Ta = {
                           	<path
                           		d="M420.66666667 959.17a16.08 16.08 0 0 1-15.91-13.49A15.89 15.89 0 0 1 415.50666667 928c1.49-0.55 38.88-14.76 72.79-65.52A354.55 354.55 0 0 1 162.66666667 509.17a450.14 450.14 0 0 1 450.5-450.5 16.07 16.07 0 0 1 15.91 13.48 15.88 15.88 0 0 1-10.75 17.66c-1.58 0.58-39.13 14.9-73.07 65.95A354.22 354.22 0 0 1 871.66666667 509.17a16 16 0 0 1-0.52 4.05A450.14 450.14 0 0 1 420.66666667 959.17zM554.80666667 94.72C351.57666667 123.2 194.66666667 298.21 194.66666667 509.17c0 177.08 144.06 321.74 321.13 322.48a16 16 0 0 1 14.07 23.49c-16.11 30.42-34.27 52.37-50.85 68C682.25666667 894.63 839.16666667 719.63 839.16666667 508.67a15.94 15.94 0 0 1 0.47-3.86C837.30666667 329.33 693.82666667 187 517.80666667 186.67A16 16 0 0 1 503.66666667 163.21c16.21-30.69 34.47-52.79 51.14-68.49z"
                           		fill="#ffffff" p-id="18386"></path>
-                          </svg>`, re = document.createElement("div");
-            re.className = "hurricane-hourly-marker", re.innerHTML = `<div class="${_.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${fe}</div>`;
-            const se = new ve.Marker(re).setLngLat(_.geometry.coordinates).addTo(this.map);
-            if (this.interpolateMarkers.push(se), (K = _.properties) != null && K.showCircle) {
-              const ne = { radius: 100, coordinates: _.geometry.coordinates }, x = { radius: 200, coordinates: _.geometry.coordinates }, Le = { radius: 500, coordinates: _.geometry.coordinates };
-              (ce = this.circleSourceData) == null || ce.features.push(
-                k.circle(ne.coordinates, ne.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
-              ), (he = this.circleSourceData) == null || he.features.push(
-                k.circle(x.coordinates, x.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+                          </svg>`, se = document.createElement("div");
+            se.className = "hurricane-hourly-marker", se.innerHTML = `<div class="${N.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${fe}</div>`;
+            const le = new ve.Marker(se).setLngLat(N.geometry.coordinates).addTo(this.map);
+            if (this.interpolateMarkers.push(le), (Y = N.properties) != null && Y.showCircle) {
+              const ce = { radius: 100, coordinates: N.geometry.coordinates }, I = { radius: 200, coordinates: N.geometry.coordinates }, Le = { radius: 500, coordinates: N.geometry.coordinates };
+              (J = this.circleSourceData) == null || J.features.push(
+                M.circle(ce.coordinates, ce.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+              ), (W = this.circleSourceData) == null || W.features.push(
+                M.circle(I.coordinates, I.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               ), (de = this.circleSourceData) == null || de.features.push(
-                k.circle(Le.coordinates, Le.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+                M.circle(Le.coordinates, Le.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               );
             }
             (ue = (pe = this.map) == null ? void 0 : pe.getSource(this.circleSource)) == null || ue.setData(this.circleSourceData);
@@ -4635,28 +4635,28 @@ const Ta = {
         (me = this.map) != null && me.getSource(this.interpolateSource) && ((ge = this.map) == null || ge.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var o, l, c, h, d, n, p, w;
+      var o, l, c, h, p, n, u, b;
       const e = t.features[0], a = (l = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : l.features.filter(
-        (b) => {
-          var A;
-          return b.geometry.type === "LineString" && b.properties.type === "forecast" && b.properties.name === ((A = e == null ? void 0 : e.properties) == null ? void 0 : A.name);
+        (v) => {
+          var y;
+          return v.geometry.type === "LineString" && v.properties.type === "forecast" && v.properties.name === ((y = e == null ? void 0 : e.properties) == null ? void 0 : y.name);
         }
       );
-      a.sort((b, A) => {
-        var E, v, f, u;
-        return ((E = b.properties) == null ? void 0 : E.model) === "cma" ? -1 : ((v = b.properties) == null ? void 0 : v.model) === "jma" ? ((f = A.properties) == null ? void 0 : f.model) === "cma" ? 1 : -1 : b.properties.model === "ecmwf" ? ["jma", "cma"].includes((u = A.properties) == null ? void 0 : u.model) ? 1 : -1 : 0;
+      a.sort((v, y) => {
+        var x, D, L, A;
+        return ((x = v.properties) == null ? void 0 : x.model) === "cma" ? -1 : ((D = v.properties) == null ? void 0 : D.model) === "jma" ? ((L = y.properties) == null ? void 0 : L.model) === "cma" ? 1 : -1 : v.properties.model === "ecmwf" ? ["jma", "cma"].includes((A = y.properties) == null ? void 0 : A.model) ? 1 : -1 : 0;
       });
       const r = (h = (c = this.tropicals) == null ? void 0 : c.data) == null ? void 0 : h.features.filter(
-        (b) => {
-          var A;
-          return b.geometry.type === "LineString" && b.properties.type === "history" && b.properties.name === ((A = e == null ? void 0 : e.properties) == null ? void 0 : A.name);
+        (v) => {
+          var y;
+          return v.geometry.type === "LineString" && v.properties.type === "history" && v.properties.name === ((y = e == null ? void 0 : e.properties) == null ? void 0 : y.name);
         }
       );
       this.activeTropicals = {
-        name: (d = e == null ? void 0 : e.properties) == null ? void 0 : d.name,
-        forecasts: a.map((b) => b.properties),
+        name: (p = e == null ? void 0 : e.properties) == null ? void 0 : p.name,
+        forecasts: a.map((v) => v.properties),
         history: (n = r[0]) == null ? void 0 : n.properties,
-        showCircle: (w = (p = a[0]) == null ? void 0 : p.properties) == null ? void 0 : w.showCircle
+        showCircle: (b = (u = a[0]) == null ? void 0 : u.properties) == null ? void 0 : b.showCircle
       }, this.showTropicals = !0;
       const i = document.getElementById("idm-tropical-gl3");
       this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.activeTropicalsMarker = new ve.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
@@ -4665,11 +4665,11 @@ const Ta = {
       var r, i, o, l, c, h;
       t.disabled = !t.disabled;
       const e = `${t.name}-${t.model}`, a = (i = (r = this.map) == null ? void 0 : r.getSource(this.source)._data) == null ? void 0 : i.features;
-      a.forEach((d) => {
-        d.properties.category === e && (d.properties.disabled = t.disabled);
-      }), this.interpolateData.forEach((d) => {
-        d.properties.category === e && (d.properties.disabled = t.disabled);
-      }), (l = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || l.setData(k.featureCollection(a)), (h = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || h.setData(k.featureCollection(a)), this.handleDateChange();
+      a.forEach((p) => {
+        p.properties.category === e && (p.properties.disabled = t.disabled);
+      }), this.interpolateData.forEach((p) => {
+        p.properties.category === e && (p.properties.disabled = t.disabled);
+      }), (l = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || l.setData(M.featureCollection(a)), (h = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || h.setData(M.featureCollection(a)), this.handleDateChange();
     },
     handleStrikeProbability(t) {
       this.$emit("tropicalProbability", t);
@@ -4726,22 +4726,22 @@ const Ta = {
         let h;
         switch (l) {
           case "ne":
-            h = k.lineArc(t, c * 1.852, 0, 90, { steps: c > 0 ? 64 : 1 });
+            h = M.lineArc(t, c * 1.852, 0, 90, { steps: c > 0 ? 64 : 1 });
             break;
           case "se":
-            h = k.lineArc(t, c * 1.852, 90, 180, { steps: c > 0 ? 64 : 1 });
+            h = M.lineArc(t, c * 1.852, 90, 180, { steps: c > 0 ? 64 : 1 });
             break;
           case "sw":
-            h = k.lineArc(t, c * 1.852, 180, 270, { steps: c > 0 ? 64 : 1 });
+            h = M.lineArc(t, c * 1.852, 180, 270, { steps: c > 0 ? 64 : 1 });
             break;
           case "nw":
-            h = k.lineArc(t, c * 1.852, 270, 360, { steps: c > 0 ? 64 : 1 });
+            h = M.lineArc(t, c * 1.852, 270, 360, { steps: c > 0 ? 64 : 1 });
             break;
         }
         r.push(...(o = h == null ? void 0 : h.geometry) == null ? void 0 : o.coordinates);
       }
-      const i = k.lineString(r);
-      return k.lineToPolygon(i, { properties: a });
+      const i = M.lineString(r);
+      return M.lineToPolygon(i, { properties: a });
     }
   }
 }, Qa = {
@@ -4761,7 +4761,7 @@ const Ta = {
   style: { "justify-content": "flex-start" }
 }, Ya = { class: "forecast-models" }, Ka = ["onClick"], Xa = { class: "more" };
 function Ja(t, e, a, r, i, o) {
-  var l, c, h, d, n, p, w, b, A, E, v, f, u, C, y;
+  var l, c, h, p, n, u, b, v, y, x, D, L, A, f, w;
   return ye((m(), g("div", Qa, [
     s("div", Sa, [
       s("div", {
@@ -4769,41 +4769,41 @@ function Ja(t, e, a, r, i, o) {
         onClick: e[0] || (e[0] = (B) => i.showTropicals = !1)
       }, ""),
       s("div", _a, [
-        (c = (l = i.activeTropicals) == null ? void 0 : l.history) != null && c.level ? (m(), g("span", Ha, I((d = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : d.level) + " , ", 1)) : j("", !0),
-        q(I((n = i.activeTropicals) == null ? void 0 : n.name), 1)
+        (c = (l = i.activeTropicals) == null ? void 0 : l.history) != null && c.level ? (m(), g("span", Ha, E((p = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : p.level) + " , ", 1)) : R("", !0),
+        Z(E((n = i.activeTropicals) == null ? void 0 : n.name), 1)
       ]),
-      s("div", Oa, " Last update: " + I(o.computeTime(((w = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : w.updated) || ((E = (A = (b = i.activeTropicals) == null ? void 0 : b.forecasts) == null ? void 0 : A.filter((B) => !B.disabled)[0]) == null ? void 0 : E.date))), 1)
+      s("div", Oa, " Last update: " + E(o.computeTime(((b = (u = i.activeTropicals) == null ? void 0 : u.history) == null ? void 0 : b.updated) || ((x = (y = (v = i.activeTropicals) == null ? void 0 : v.forecasts) == null ? void 0 : y.filter((B) => !B.disabled)[0]) == null ? void 0 : x.date))), 1)
     ]),
     s("div", Na, [
       s("div", ja, [
         s("div", Ra, [
           s("div", Fa, [
             e[2] || (e[2] = s("label", null, "Wind speed : ", -1)),
-            s("span", null, I(((f = (v = i.activeTropicals) == null ? void 0 : v.history) == null ? void 0 : f.kts) || "-") + "[kts]", 1)
+            s("span", null, E(((L = (D = i.activeTropicals) == null ? void 0 : D.history) == null ? void 0 : L.kts) || "-") + "[kts]", 1)
           ]),
           s("div", Ga, [
             e[3] || (e[3] = s("label", null, "Pressure : ", -1)),
-            s("span", null, I(((C = (u = i.activeTropicals) == null ? void 0 : u.history) == null ? void 0 : C.pressure) || "-") + "[hPa]", 1)
+            s("span", null, E(((f = (A = i.activeTropicals) == null ? void 0 : A.history) == null ? void 0 : f.pressure) || "-") + "[hPa]", 1)
           ])
         ]),
         s("div", Wa, [
           s("div", Ua, [
             e[4] || (e[4] = s("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
             s("div", Ya, [
-              (m(!0), g(R, null, G((y = i.activeTropicals) == null ? void 0 : y.forecasts, (B, D) => {
-                var T, N, O, Q;
+              (m(!0), g(F, null, U((w = i.activeTropicals) == null ? void 0 : w.forecasts, (B, d) => {
+                var P, Q, S, _;
                 return m(), g("div", {
-                  key: D,
-                  class: F([
+                  key: d,
+                  class: G([
                     "model",
                     B.disabled ? "" : "active",
-                    D > 0 && D < ((N = (T = i.activeTropicals) == null ? void 0 : T.forecasts) == null ? void 0 : N.length) - 1 && ((Q = (O = i.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : Q.length) > 2 ? "center-child" : ""
+                    d > 0 && d < ((Q = (P = i.activeTropicals) == null ? void 0 : P.forecasts) == null ? void 0 : Q.length) - 1 && ((_ = (S = i.activeTropicals) == null ? void 0 : S.forecasts) == null ? void 0 : _.length) > 2 ? "center-child" : ""
                   ]),
-                  onClick: (Y) => o.handleForecastToggle(B)
+                  onClick: (H) => o.handleForecastToggle(B)
                 }, [
                   s("span", {
-                    class: F(B.model)
-                  }, I(B.model), 3)
+                    class: G(B.model)
+                  }, E(B.model), 3)
                 ], 10, Ka);
               }), 128))
             ])
@@ -4822,7 +4822,7 @@ function Ja(t, e, a, r, i, o) {
     [we, i.showTropicals && !t.$attrs.hideTropicalsLegend]
   ]);
 }
-const lt = /* @__PURE__ */ S(Ta, [["render", Ja], ["__scopeId", "data-v-5947a418"]]);
+const lt = /* @__PURE__ */ O(Ta, [["render", Ja], ["__scopeId", "data-v-5947a418"]]);
 const qa = {
   name: "IdmPrecip3h",
   props: {
@@ -4911,7 +4911,7 @@ const qa = {
           [1, "rgba(197,5,58,0.8)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, Z.vertexSchema, Z.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, ee.vertexSchema, ee.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -4930,7 +4930,7 @@ function Za(t, e, a, r, i, o) {
   return (l = a.factor) != null && l.active ? (m(), g("div", Va, [
     s("div", {
       class: "legend-bars flex-center",
-      style: V([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, e[0] || (e[0] = [
       s("span", null, "mm", -1),
       s("span", null, "1.5", -1),
@@ -4941,9 +4941,9 @@ function Za(t, e, a, r, i, o) {
       s("span", null, "20", -1),
       s("span", null, "30", -1)
     ]), 4)
-  ])) : j("", !0);
+  ])) : R("", !0);
 }
-const $a = /* @__PURE__ */ S(qa, [["render", Za], ["__scopeId", "data-v-e83717bd"]]);
+const $a = /* @__PURE__ */ O(qa, [["render", Za], ["__scopeId", "data-v-e83717bd"]]);
 const ei = {
   name: "IdmVisibility",
   props: {
@@ -5025,7 +5025,7 @@ const ei = {
           [1, "rgba(144,144,144,0)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, Z.vertexSchema, Z.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, ee.vertexSchema, ee.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -5044,7 +5044,7 @@ function ai(t, e, a, r, i, o) {
   return (l = a.factor) != null && l.active ? (m(), g("div", ti, [
     s("div", {
       class: "legend-bars flex-center",
-      style: V([{ position: "absolute" }, { right: t.right + "px", bottom: a.bottom }])
+      style: $([{ position: "absolute" }, { right: t.right + "px", bottom: a.bottom }])
     }, e[0] || (e[0] = [
       s("span", null, "nm", -1),
       s("span", null, "0", -1),
@@ -5053,9 +5053,9 @@ function ai(t, e, a, r, i, o) {
       s("span", null, "3", -1),
       s("span", null, "9", -1)
     ]), 4)
-  ])) : j("", !0);
+  ])) : R("", !0);
 }
-const ii = /* @__PURE__ */ S(ei, [["render", ai], ["__scopeId", "data-v-1c8a9237"]]);
+const ii = /* @__PURE__ */ O(ei, [["render", ai], ["__scopeId", "data-v-1c8a9237"]]);
 const ri = {
   name: "IdmWaterTemp",
   props: {
@@ -5145,7 +5145,7 @@ const ri = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, Z.vertexSchema, Z.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, ee.vertexSchema, ee.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -5164,7 +5164,7 @@ function si(t, e, a, r, i, o) {
   return (l = a.factor) != null && l.active ? (m(), g("div", oi, [
     s("div", {
       class: "legend-bars flex-center",
-      style: V([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, e[0] || (e[0] = [
       s("span", null, "°C", -1),
       s("span", null, "0", -1),
@@ -5173,9 +5173,9 @@ function si(t, e, a, r, i, o) {
       s("span", null, "30", -1),
       s("span", null, "40", -1)
     ]), 4)
-  ])) : j("", !0);
+  ])) : R("", !0);
 }
-const ni = /* @__PURE__ */ S(ri, [["render", si], ["__scopeId", "data-v-8974924d"]]);
+const ni = /* @__PURE__ */ O(ri, [["render", si], ["__scopeId", "data-v-8974924d"]]);
 const li = {
   name: "IdmTemp",
   props: {
@@ -5268,7 +5268,7 @@ const li = {
           [1, "rgb(138, 43, 10)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, Z.vertexSchema, Z.fragmentSchema);
+        const { program: e, aPositionBuffer: a } = this.webgl.bind(this.context, ee.vertexSchema, ee.fragmentSchema);
         this.program = e, this.aPositionBuffer = a;
       }
     },
@@ -5287,7 +5287,7 @@ function hi(t, e, a, r, i, o) {
   return (l = a.factor) != null && l.active ? (m(), g("div", ci, [
     s("div", {
       class: "legend-bars flex-center",
-      style: V([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
     }, e[0] || (e[0] = [
       s("span", null, "°C", -1),
       s("span", null, "-20", -1),
@@ -5298,9 +5298,9 @@ function hi(t, e, a, r, i, o) {
       s("span", null, "30", -1),
       s("span", null, "40", -1)
     ]), 4)
-  ])) : j("", !0);
+  ])) : R("", !0);
 }
-const di = /* @__PURE__ */ S(li, [["render", hi], ["__scopeId", "data-v-d709ba86"]]);
+const di = /* @__PURE__ */ O(li, [["render", hi], ["__scopeId", "data-v-d709ba86"]]);
 /*! Element Plus Icons Vue v2.3.1 */
 var pi = /* @__PURE__ */ mt({
   name: "LocationFilled",
@@ -5406,8 +5406,8 @@ const gi = {
         var t;
         if (this.showMeteo && this.ts) {
           this.handleRender();
-          const e = U();
-          ((t = U(this.ts)) == null ? void 0 : t.diff(e, "d", !0)) >= 0 ? await this.fetchMeteoData(this.point, this.ts, 7) : await this.fetchHistoryData(this.point, this.ts), this.initTableData(this.meteoData);
+          const e = X();
+          ((t = X(this.ts)) == null ? void 0 : t.diff(e, "d", !0)) >= 0 ? await this.fetchMeteoData(this.point, this.ts, 7) : await this.fetchHistoryData(this.point, this.ts), this.initTableData(this.meteoData);
         }
       }
     },
@@ -5416,8 +5416,8 @@ const gi = {
         var t;
         if (this.showMeteo = !0, this.tideData = {}, this.meteoData = {}, this.showMeteo && this.ts) {
           this.handleRender();
-          const e = U();
-          if (((t = U(this.ts)) == null ? void 0 : t.diff(e, "d", !0)) >= 0 ? await this.fetchMeteoData(this.point, this.ts, 7) : await this.fetchHistoryData(this.point, this.ts), this.initTableData(this.meteoData), this.activeIndex === 4) {
+          const e = X();
+          if (((t = X(this.ts)) == null ? void 0 : t.diff(e, "d", !0)) >= 0 ? await this.fetchMeteoData(this.point, this.ts, 7) : await this.fetchHistoryData(this.point, this.ts), this.initTableData(this.meteoData), this.activeIndex === 4) {
             const r = Ye.pickDailyExtremes(this.tideData, this.ts);
             (r == null ? void 0 : r.length) > 0 ? this.tideTableData = r : await this.fetchTidesData(this.point, this.ts, 7);
           }
@@ -5428,7 +5428,7 @@ const gi = {
       async handler() {
         var t;
         if (this.showMeteo && this.ts) {
-          const e = U(), a = (t = U(this.ts)) == null ? void 0 : t.diff(e, "d", !0), i = [0, 1, 2, 3, 4, 5, 6, 7].every((o) => {
+          const e = X(), a = (t = X(this.ts)) == null ? void 0 : t.diff(e, "d", !0), i = [0, 1, 2, 3, 4, 5, 6, 7].every((o) => {
             var c;
             const l = Ge(this.ts).tz(this.positionGmt).add(3 * o, "h").format();
             return (c = We.pickHourly(this.meteoData, l)) == null ? void 0 : c[0];
@@ -5449,7 +5449,7 @@ const gi = {
     },
     computeHourZ() {
       return function(t) {
-        return t ? `${U(t).utc().format("HH")}Z` : "-";
+        return t ? `${X(t).utc().format("HH")}Z` : "-";
       };
     },
     computeHourHmmLT() {
@@ -5459,24 +5459,24 @@ const gi = {
     },
     computeLat() {
       return function(t, e = 4) {
-        return X.lat2pretty(t, e).pretty;
+        return q.lat2pretty(t, e).pretty;
       };
     },
     computeLng() {
       return function(t, e = 4) {
-        return X.lng2pretty(t, e).pretty;
+        return q.lng2pretty(t, e).pretty;
       };
     },
     roundPrecision() {
       return function(t, e = 4) {
-        return isNaN(t) ? "-" : X.roundPrecision(t, e);
+        return isNaN(t) ? "-" : q.roundPrecision(t, e);
       };
     }
   },
   methods: {
     async fetchMeteoData(t, e, a) {
       this.loading = !0, this.meteoData = [];
-      let r = e ? U(e).utc().format() : U().utc().format();
+      let r = e ? X(e).utc().format() : X().utc().format();
       const { weatherModels: i, marineModels: o } = We.autoPickMeteoModel(this.forecastModel);
       let l = {
         lat: t.lat,
@@ -5485,7 +5485,7 @@ const gi = {
         forecastDays: a ?? 7,
         weatherModels: i,
         marineModels: o
-      }, c = await le.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, l, {
+      }, c = await he.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, l, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -5494,7 +5494,7 @@ const gi = {
     },
     async fetchHistoryData(t, e) {
       this.loading = !0, this.meteoData = [];
-      const a = e ? U(e).utc().format() : U().utc().format(), { weatherModels: r, marineModels: i } = We.autoPickMeteoModel(this.forecastModel), o = {
+      const a = e ? X(e).utc().format() : X().utc().format(), { weatherModels: r, marineModels: i } = We.autoPickMeteoModel(this.forecastModel), o = {
         lat: t.lat,
         lng: t.lng,
         datetime: a,
@@ -5502,7 +5502,7 @@ const gi = {
         pastDays: 1,
         weatherModels: r,
         marineModels: i
-      }, l = await le.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, o, {
+      }, l = await he.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, o, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -5510,18 +5510,18 @@ const gi = {
       (l == null ? void 0 : l.data.code) === 0 && (this.meteoData = l == null ? void 0 : l.data.data, this.loading = !1);
     },
     initTableData(t) {
-      var e, a, r, i, o, l, c, h, d;
-      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, U(this.ts))) == null ? void 0 : c[0], ((d = (h = this.currentHourData) == null ? void 0 : h.weather) == null ? void 0 : d.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
-        var p, w, b, A, E, v, f, u, C, y, B, D, T, N, O, Q, Y, K, ce, he, de, pe, ue, me, ge, te, oe, Ae, ie, _, $, fe, re;
+      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, X(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 u, b, v, y, x, D, L, A, f, w, B, d, P, Q, S, _, H, Y, J, W, de, pe, ue, me, ge, ie, ne, Ae, oe, N, te, fe, se;
         if (!document.getElementById("meteoMainBox"))
           return !1;
         if (!this.currentHourData)
           return this.loading = !1, this.tableData.hours = [void 0, void 0, void 0, void 0, void 0, void 0, void 0, void 0], this.handleRender(), !1;
-        for (let se = 0; se < 8; se++) {
-          const ne = Ge(this.ts).tz(this.positionGmt).add(3 * se, "h").format();
-          this.tableData.hours.push(ne);
-          const x = ((p = We.pickHourly(t, ne)) == null ? void 0 : p[0]) || {};
-          this.tableData.temp.push(this.roundPrecision((w = x == null ? void 0 : x.weather) == null ? void 0 : w.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((A = (b = x == null ? void 0 : x.weather) == null ? void 0 : b.precip) == null ? void 0 : A.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((v = (E = x == null ? void 0 : x.weather) == null ? void 0 : E.precip) == null ? void 0 : v.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((f = x == null ? void 0 : x.weather) == null ? void 0 : f.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((C = (u = x == null ? void 0 : x.weather) == null ? void 0 : u.wind) == null ? void 0 : C.kts, 1) ?? "-"), this.tableData.windDir.push((B = (y = x == null ? void 0 : x.weather) == null ? void 0 : y.wind) == null ? void 0 : B.bearing), this.tableData.windGust.push(this.roundPrecision((T = (D = x == null ? void 0 : x.weather) == null ? void 0 : D.wind) == null ? void 0 : T.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((O = (N = x == null ? void 0 : x.wave) == null ? void 0 : N.sig) == null ? void 0 : O.height, 1) ?? "-"), this.tableData.sigwaveDir.push((Y = (Q = x == null ? void 0 : x.wave) == null ? void 0 : Q.sig) == null ? void 0 : Y.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((ce = (K = x == null ? void 0 : x.wave) == null ? void 0 : K.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((ue = (pe = x == null ? void 0 : x.wave) == null ? void 0 : pe.wd) == null ? void 0 : ue.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ge = (me = x == null ? void 0 : x.wave) == null ? void 0 : me.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((_ = x == null ? void 0 : x.current) == null ? void 0 : _.speed, 1) ?? "-"), this.tableData.currentDir.push(($ = x == null ? void 0 : x.current) == null ? void 0 : $.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((fe = x == null ? void 0 : x.weather) == null ? void 0 : fe.url), this.tableData.weatherNames.push(((re = x == null ? void 0 : x.weather) == null ? void 0 : re.name) ?? "-");
+        for (let le = 0; le < 8; le++) {
+          const ce = Ge(this.ts).tz(this.positionGmt).add(3 * le, "h").format();
+          this.tableData.hours.push(ce);
+          const I = ((u = We.pickHourly(t, ce)) == null ? void 0 : u[0]) || {};
+          this.tableData.temp.push(this.roundPrecision((b = I == null ? void 0 : I.weather) == null ? void 0 : b.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((y = (v = I == null ? void 0 : I.weather) == null ? void 0 : v.precip) == null ? void 0 : y.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((D = (x = I == null ? void 0 : I.weather) == null ? void 0 : x.precip) == null ? void 0 : D.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((L = I == null ? void 0 : I.weather) == null ? void 0 : L.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((f = (A = I == null ? void 0 : I.weather) == null ? void 0 : A.wind) == null ? void 0 : f.kts, 1) ?? "-"), this.tableData.windDir.push((B = (w = I == null ? void 0 : I.weather) == null ? void 0 : w.wind) == null ? void 0 : B.bearing), this.tableData.windGust.push(this.roundPrecision((P = (d = I == null ? void 0 : I.weather) == null ? void 0 : d.wind) == null ? void 0 : P.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((S = (Q = I == null ? void 0 : I.wave) == null ? void 0 : Q.sig) == null ? void 0 : S.height, 1) ?? "-"), this.tableData.sigwaveDir.push((H = (_ = I == null ? void 0 : I.wave) == null ? void 0 : _.sig) == null ? void 0 : H.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((J = (Y = I == null ? void 0 : I.wave) == null ? void 0 : Y.wd) == null ? void 0 : J.height, 1) ?? "-"), this.tableData.windwaveDir.push((de = (W = I == null ? void 0 : I.wave) == null ? void 0 : W.wd) == null ? void 0 : de.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((ue = (pe = I == null ? void 0 : I.wave) == null ? void 0 : pe.wd) == null ? void 0 : ue.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ge = (me = I == null ? void 0 : I.wave) == null ? void 0 : me.swell) == null ? void 0 : ge.height, 1) ?? "-"), this.tableData.swellDir.push((ne = (ie = I == null ? void 0 : I.wave) == null ? void 0 : ie.swell) == null ? void 0 : ne.bearing), this.tableData.swellPeriod.push(this.roundPrecision((oe = (Ae = I == null ? void 0 : I.wave) == null ? void 0 : Ae.swell) == null ? void 0 : oe.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((N = I == null ? void 0 : I.current) == null ? void 0 : N.speed, 1) ?? "-"), this.tableData.currentDir.push((te = I == null ? void 0 : I.current) == null ? void 0 : te.bearing), this.tableData.seaLevel.push(this.roundPrecision(I == null ? void 0 : I.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(I == null ? void 0 : I.sst, 0) ?? "-"), this.tableData.weatherUrls.push((fe = I == null ? void 0 : I.weather) == null ? void 0 : fe.url), this.tableData.weatherNames.push(((se = I == null ? void 0 : I.weather) == null ? void 0 : se.name) ?? "-");
         }
       });
     },
@@ -5557,14 +5557,14 @@ const gi = {
     },
     async fetchTidesData(t, e, a) {
       this.tideLoading = !0, this.tideData = {};
-      let r = e ? U(e).utc().format() : U().utc().format(), i = {
+      let r = e ? X(e).utc().format() : X().utc().format(), i = {
         lat: t.lat,
         lng: t.lng,
         date: r,
         forecastDays: a ?? 7,
         extremes: !0,
         heights: !1
-      }, o = await le.post(`${this.gateway}/api/arc/meteo2/spot/tides/forecast`, i, {
+      }, o = await he.post(`${this.gateway}/api/arc/meteo2/spot/tides/forecast`, i, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -5644,33 +5644,33 @@ const gi = {
   class: "main-box flex-center"
 };
 function Ir(t, e, a, r, i, o) {
-  var d, n, p, w, b, A, E, v, f, u, C, y, B, D, T, N, O, Q, Y, K, ce, he, de, pe, ue, me, ge, te, oe, Ae, ie, _, $, fe, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, Me, ze, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, J, qe, Ve, Ze, $e, et, tt, at, it, rt;
-  const l = z("LocationFilled"), c = z("ElIcon"), h = z("ElTooltip");
+  var p, n, u, b, v, y, x, D, L, A, f, w, B, d, P, Q, S, _, H, Y, J, W, de, pe, ue, me, ge, ie, ne, Ae, oe, N, te, fe, se, le, ce, I, Le, xe, Be, Ie, Ee, De, Pe, ke, Me, ze, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, V, qe, Ve, Ze, $e, et, tt, at, it, rt;
+  const l = T("LocationFilled"), c = T("ElIcon"), h = T("ElTooltip");
   return ye((m(), g("div", Ai, [
     s("div", fi, [
       s("div", yi, [
         s("div", wi, [
-          M(c, { size: "22" }, {
-            default: ae(() => [
-              M(l)
+          z(c, { size: "22" }, {
+            default: re(() => [
+              z(l)
             ]),
             _: 1
           }),
-          s("div", bi, I(o.computeLat((d = i.point) == null ? void 0 : d.lat)) + "," + I(o.computeLng((n = i.point) == null ? void 0 : n.lng)), 1)
+          s("div", bi, E(o.computeLat((p = i.point) == null ? void 0 : p.lat)) + "," + E(o.computeLng((n = i.point) == null ? void 0 : n.lng)), 1)
         ]),
         s("div", vi, [
           i.showTables ? (m(), g("div", {
             key: 0,
             class: "iconfont toggle",
-            onClick: e[0] || (e[0] = (L) => i.showTables = !i.showTables)
+            onClick: e[0] || (e[0] = (C) => i.showTables = !i.showTables)
           }, "")) : (m(), g("div", {
             key: 1,
             class: "iconfont toggle",
-            onClick: e[1] || (e[1] = (L) => i.showTables = !i.showTables)
+            onClick: e[1] || (e[1] = (C) => i.showTables = !i.showTables)
           }, "")),
           s("div", {
             class: "iconfont close",
-            onClick: e[2] || (e[2] = (...L) => o.handleCloseMeteo && o.handleCloseMeteo(...L))
+            onClick: e[2] || (e[2] = (...C) => o.handleCloseMeteo && o.handleCloseMeteo(...C))
           }, "")
         ])
       ]),
@@ -5678,21 +5678,21 @@ function Ir(t, e, a, r, i, o) {
         s("img", { src: mi }, null, -1)
       ]))) : (m(), g("div", {
         key: 0,
-        class: F(["main-box", i.isDay ? "day-bg" : "night-bg"]),
+        class: G(["main-box", i.isDay ? "day-bg" : "night-bg"]),
         id: "meteoMainBox"
       }, [
         s("div", Li, [
           s("div", Ci, [
-            M(h, {
+            z(h, {
               placement: "top",
               effect: "light",
-              content: (w = (p = i.currentHourData) == null ? void 0 : p.weather) == null ? void 0 : w.name,
+              content: (b = (u = i.currentHourData) == null ? void 0 : u.weather) == null ? void 0 : b.name,
               "show-after": 1e3
             }, {
-              default: ae(() => {
-                var L, P, ot, st;
+              default: re(() => {
+                var C, k, ot, st;
                 return [
-                  (P = (L = i.currentHourData) == null ? void 0 : L.weather) != null && P.url ? (m(), g("img", {
+                  (k = (C = i.currentHourData) == null ? void 0 : C.weather) != null && k.url ? (m(), g("img", {
                     key: 0,
                     class: "iconfont icon",
                     style: { "margin-right": "5px" },
@@ -5704,47 +5704,47 @@ function Ir(t, e, a, r, i, o) {
             }, 8, ["content"]),
             s("div", Ii, [
               s("div", null, [
-                q(I(o.roundPrecision((A = (b = i.currentHourData) == null ? void 0 : b.weather) == null ? void 0 : A.temp, 0)), 1),
+                Z(E(o.roundPrecision((y = (v = i.currentHourData) == null ? void 0 : v.weather) == null ? void 0 : y.temp, 0)), 1),
                 e[8] || (e[8] = s("span", { style: { "font-size": "14px" } }, "°C", -1))
               ])
             ]),
             s("div", Ei, [
               s("div", Di, [
                 e[9] || (e[9] = s("label", null, "Precip : ", -1)),
-                s("span", null, I(o.roundPrecision((f = (v = (E = i.currentHourData) == null ? void 0 : E.weather) == null ? void 0 : v.precip) == null ? void 0 : f.sum, 0)) + " mm", 1)
+                s("span", null, E(o.roundPrecision((L = (D = (x = i.currentHourData) == null ? void 0 : x.weather) == null ? void 0 : D.precip) == null ? void 0 : L.sum, 0)) + " mm", 1)
               ]),
               s("div", Pi, [
                 e[10] || (e[10] = s("label", null, "Visibility : ", -1)),
-                s("span", null, I(o.roundPrecision((C = (u = i.currentHourData) == null ? void 0 : u.weather) == null ? void 0 : C.visibility, 0)) + " nm", 1)
+                s("span", null, E(o.roundPrecision((f = (A = i.currentHourData) == null ? void 0 : A.weather) == null ? void 0 : f.visibility, 0)) + " nm", 1)
               ]),
               s("div", ki, [
                 e[11] || (e[11] = s("label", null, "Wind : ", -1)),
-                s("span", null, I(o.roundPrecision((D = (B = (y = i.currentHourData) == null ? void 0 : y.weather) == null ? void 0 : B.wind) == null ? void 0 : D.kts, 1)) + " kts", 1)
+                s("span", null, E(o.roundPrecision((d = (B = (w = i.currentHourData) == null ? void 0 : w.weather) == null ? void 0 : B.wind) == null ? void 0 : d.kts, 1)) + " kts", 1)
               ])
             ])
           ]),
           s("div", Mi, [
-            s("div", zi, I(i.localDate), 1),
-            s("div", Ti, "( UTC " + I(i.positionOffset) + " )", 1)
+            s("div", zi, E(i.localDate), 1),
+            s("div", Ti, "( UTC " + E(i.positionOffset) + " )", 1)
           ])
         ]),
         ye(s("div", Qi, [
           s("div", Si, [
             s("div", {
-              class: F(["menu-item", i.activeIndex === 1 ? "active" : ""]),
-              onClick: e[3] || (e[3] = Ue((L) => o.handleSelectTab(1), ["prevent"]))
+              class: G(["menu-item", i.activeIndex === 1 ? "active" : ""]),
+              onClick: e[3] || (e[3] = Ue((C) => o.handleSelectTab(1), ["prevent"]))
             }, "Basis", 2),
             s("div", {
-              class: F(["menu-item", i.activeIndex === 2 ? "active" : ""]),
-              onClick: e[4] || (e[4] = Ue((L) => o.handleSelectTab(2), ["prevent"]))
+              class: G(["menu-item", i.activeIndex === 2 ? "active" : ""]),
+              onClick: e[4] || (e[4] = Ue((C) => o.handleSelectTab(2), ["prevent"]))
             }, "Wave & Current", 2),
             s("div", {
-              class: F(["menu-item", i.activeIndex === 3 ? "active" : ""]),
-              onClick: e[5] || (e[5] = Ue((L) => o.handleSelectTab(3), ["prevent"]))
+              class: G(["menu-item", i.activeIndex === 3 ? "active" : ""]),
+              onClick: e[5] || (e[5] = Ue((C) => o.handleSelectTab(3), ["prevent"]))
             }, "Sea Surface", 2),
             s("div", {
-              class: F(["menu-item", i.activeIndex === 4 ? "active" : ""]),
-              onClick: e[6] || (e[6] = Ue((L) => o.handleSelectTab(4), ["prevent"]))
+              class: G(["menu-item", i.activeIndex === 4 ? "active" : ""]),
+              onClick: e[6] || (e[6] = Ue((C) => o.handleSelectTab(4), ["prevent"]))
             }, "Tides", 2)
           ]),
           ye(s("table", _i, [
@@ -5754,14 +5754,14 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("Hours"),
+                Z("Hours"),
                 s("span", { class: "unit" }, "(LT)")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.hours, (L) => (m(), g("th", {
+              (m(!0), g(F, null, U(i.tableData.hours, (C) => (m(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `HourL${L}`
-              }, I(o.computeHourL(L)), 1))), 128))
+                key: `HourL${C}`
+              }, E(o.computeHourL(C)), 1))), 128))
             ]),
             s("tr", Oi, [
               e[13] || (e[13] = s("th", {
@@ -5769,14 +5769,14 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("UTC"),
+                Z("UTC"),
                 s("span", { class: "unit" })
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.hours, (L) => (m(), g("th", {
+              (m(!0), g(F, null, U(i.tableData.hours, (C) => (m(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `HourZ${L}`
-              }, I(o.computeHourZ(L)), 1))), 128))
+                key: `HourZ${C}`
+              }, E(o.computeHourZ(C)), 1))), 128))
             ]),
             s("tr", Ni, [
               e[14] || (e[14] = s("th", {
@@ -5784,23 +5784,23 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, null, -1)),
-              (m(!0), g(R, null, G(i.tableData.weatherUrls, (L, P) => (m(), g("th", {
+              (m(!0), g(F, null, U(i.tableData.weatherUrls, (C, k) => (m(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `weatherUrls${P}${L}`
+                key: `weatherUrls${k}${C}`
               }, [
-                M(h, {
+                z(h, {
                   placement: "top",
                   effect: "light",
-                  content: i.tableData.weatherNames[P],
+                  content: i.tableData.weatherNames[k],
                   "show-after": 500
                 }, {
-                  default: ae(() => [
-                    L ? (m(), g("img", {
+                  default: re(() => [
+                    C ? (m(), g("img", {
                       key: 0,
                       class: "iconfont weather-icon",
-                      src: L
-                    }, null, 8, ji)) : j("", !0)
+                      src: C
+                    }, null, 8, ji)) : R("", !0)
                   ]),
                   _: 2
                 }, 1032, ["content"])
@@ -5812,14 +5812,14 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("Temp"),
+                Z("Temp"),
                 s("span", { class: "unit" }, "°C")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.temp, (L, P) => (m(), g("td", {
+              (m(!0), g(F, null, U(i.tableData.temp, (C, k) => (m(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `weatherUrls${P}${L}`
-              }, I(L), 1))), 128))
+                key: `weatherUrls${k}${C}`
+              }, E(C), 1))), 128))
             ]),
             s("tr", Fi, [
               e[16] || (e[16] = s("td", {
@@ -5827,14 +5827,14 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("Precip"),
+                Z("Precip"),
                 s("span", { class: "unit" }, "mm")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.precip1h, (L, P) => (m(), g("td", {
+              (m(!0), g(F, null, U(i.tableData.precip1h, (C, k) => (m(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `precip1h${P}${L}`
-              }, I(L), 1))), 128))
+                key: `precip1h${k}${C}`
+              }, E(C), 1))), 128))
             ]),
             s("tr", Gi, [
               e[17] || (e[17] = s("td", {
@@ -5842,14 +5842,14 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("Visibility"),
+                Z("Visibility"),
                 s("span", { class: "unit" }, "nm")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.visibility, (L, P) => (m(), g("td", {
+              (m(!0), g(F, null, U(i.tableData.visibility, (C, k) => (m(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `visibility${P}${L}`
-              }, I(L), 1))), 128))
+                key: `visibility${k}${C}`
+              }, E(C), 1))), 128))
             ]),
             s("tr", Wi, [
               e[18] || (e[18] = s("td", {
@@ -5857,20 +5857,20 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("Wind gust"),
+                Z("Wind gust"),
                 s("span", { class: "unit" }, "kts")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.windGust, (L, P) => (m(), g("td", {
+              (m(!0), g(F, null, U(i.tableData.windGust, (C, k) => (m(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `windGust${P}${L}`
+                key: `windGust${k}${C}`
               }, [
-                isNaN(i.tableData.windDir[P]) ? j("", !0) : (m(), g("span", {
+                isNaN(i.tableData.windDir[k]) ? R("", !0) : (m(), g("span", {
                   key: 0,
                   class: "iconfont icon blue",
-                  style: V({ display: "inline-block", transform: `rotate(${i.tableData.windDir[P]}deg)` })
+                  style: $({ display: "inline-block", transform: `rotate(${i.tableData.windDir[k]}deg)` })
                 }, "", 4)),
-                s("span", null, I(L), 1)
+                s("span", null, E(C), 1)
               ]))), 128))
             ])
           ], 512), [
@@ -5883,14 +5883,14 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("Hours"),
+                Z("Hours"),
                 s("span", { class: "unit" }, "(LT)")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.hours, (L, P) => (m(), g("th", {
+              (m(!0), g(F, null, U(i.tableData.hours, (C, k) => (m(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `currenthoursL${P}${L}`
-              }, I(o.computeHourL(L)), 1))), 128))
+                key: `currenthoursL${k}${C}`
+              }, E(o.computeHourL(C)), 1))), 128))
             ]),
             s("tr", Ki, [
               e[20] || (e[20] = s("th", {
@@ -5898,14 +5898,14 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("UTC"),
+                Z("UTC"),
                 s("span", { class: "unit" })
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.hours, (L, P) => (m(), g("th", {
+              (m(!0), g(F, null, U(i.tableData.hours, (C, k) => (m(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `currenthoursZ${P}${L}`
-              }, I(o.computeHourZ(L)), 1))), 128))
+                key: `currenthoursZ${k}${C}`
+              }, E(o.computeHourZ(C)), 1))), 128))
             ]),
             s("tr", Xi, [
               e[21] || (e[21] = s("td", {
@@ -5913,20 +5913,20 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("Wind"),
+                Z("Wind"),
                 s("span", { class: "unit" }, "kts")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.windSpeed, (L, P) => (m(), g("td", {
+              (m(!0), g(F, null, U(i.tableData.windSpeed, (C, k) => (m(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `windSpeed${P}${L}`
+                key: `windSpeed${k}${C}`
               }, [
-                isNaN(i.tableData.windDir[P]) ? j("", !0) : (m(), g("span", {
+                isNaN(i.tableData.windDir[k]) ? R("", !0) : (m(), g("span", {
                   key: 0,
                   class: "iconfont icon wind",
-                  style: V({ display: "inline-block", transform: `rotate(${i.tableData.windDir[P]}deg)` })
+                  style: $({ display: "inline-block", transform: `rotate(${i.tableData.windDir[k]}deg)` })
                 }, "", 4)),
-                s("span", null, I(L), 1)
+                s("span", null, E(C), 1)
               ]))), 128))
             ]),
             s("tr", Ji, [
@@ -5935,20 +5935,20 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("Sig Wave"),
+                Z("Sig Wave"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.sigwaveHeight, (L, P) => (m(), g("td", {
+              (m(!0), g(F, null, U(i.tableData.sigwaveHeight, (C, k) => (m(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `sigwaveHeight${P}${L}`
+                key: `sigwaveHeight${k}${C}`
               }, [
-                isNaN(i.tableData.sigwaveDir[P]) ? j("", !0) : (m(), g("span", {
+                isNaN(i.tableData.sigwaveDir[k]) ? R("", !0) : (m(), g("span", {
                   key: 0,
                   class: "iconfont icon sigwave",
-                  style: V({ display: "inline-block", transform: `rotate(${i.tableData.sigwaveDir[P]}deg)` })
+                  style: $({ display: "inline-block", transform: `rotate(${i.tableData.sigwaveDir[k]}deg)` })
                 }, "", 4)),
-                s("span", null, I(L), 1)
+                s("span", null, E(C), 1)
               ]))), 128))
             ]),
             s("tr", qi, [
@@ -5957,20 +5957,20 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("Wind Wave"),
+                Z("Wind Wave"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.windwaveHeight, (L, P) => (m(), g("td", {
+              (m(!0), g(F, null, U(i.tableData.windwaveHeight, (C, k) => (m(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `windwaveHeight${P}${L}`
+                key: `windwaveHeight${k}${C}`
               }, [
-                isNaN(i.tableData.sigwaveDir[P]) ? j("", !0) : (m(), g("span", {
+                isNaN(i.tableData.sigwaveDir[k]) ? R("", !0) : (m(), g("span", {
                   key: 0,
                   class: "iconfont icon windwave",
-                  style: V({ display: "inline-block", transform: `rotate(${i.tableData.windwaveDir[P]}deg)` })
+                  style: $({ display: "inline-block", transform: `rotate(${i.tableData.windwaveDir[k]}deg)` })
                 }, "", 4)),
-                s("span", null, I(L), 1)
+                s("span", null, E(C), 1)
               ]))), 128))
             ]),
             s("tr", Vi, [
@@ -5979,20 +5979,20 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("Swell"),
+                Z("Swell"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.swellHeight, (L, P) => (m(), g("td", {
+              (m(!0), g(F, null, U(i.tableData.swellHeight, (C, k) => (m(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `swellHeight${P}${L}`
+                key: `swellHeight${k}${C}`
               }, [
-                isNaN(i.tableData.swellDir[P]) ? j("", !0) : (m(), g("span", {
+                isNaN(i.tableData.swellDir[k]) ? R("", !0) : (m(), g("span", {
                   key: 0,
                   class: "iconfont icon swell",
-                  style: V({ display: "inline-block", transform: `rotate(${i.tableData.swellDir[P]}deg)` })
+                  style: $({ display: "inline-block", transform: `rotate(${i.tableData.swellDir[k]}deg)` })
                 }, "", 4)),
-                s("span", null, I(L), 1)
+                s("span", null, E(C), 1)
               ]))), 128))
             ]),
             s("tr", Zi, [
@@ -6001,21 +6001,21 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("Current"),
+                Z("Current"),
                 s("span", { class: "unit" }, "kts")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.currentSpeed, (L, P) => (m(), g("td", {
+              (m(!0), g(F, null, U(i.tableData.currentSpeed, (C, k) => (m(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `currentSpeed${P}${L}`
+                key: `currentSpeed${k}${C}`
               }, [
-                isNaN(i.tableData.currentDir[P]) ? j("", !0) : (m(), g("span", {
+                isNaN(i.tableData.currentDir[k]) ? R("", !0) : (m(), g("span", {
                   key: 0,
                   class: "iconfont icon current",
                   id: "meteoGrayIcon",
-                  style: V({ display: "inline-block", transform: `rotate(${i.tableData.currentDir[P]}deg)` })
+                  style: $({ display: "inline-block", transform: `rotate(${i.tableData.currentDir[k]}deg)` })
                 }, "", 4)),
-                s("span", null, I(L), 1)
+                s("span", null, E(C), 1)
               ]))), 128))
             ])
           ], 512), [
@@ -6028,14 +6028,14 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("Hours"),
+                Z("Hours"),
                 s("span", { class: "unit" }, "(LT)")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.hours, (L, P) => (m(), g("th", {
+              (m(!0), g(F, null, U(i.tableData.hours, (C, k) => (m(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `seahoursL${P}${L}`
-              }, I(o.computeHourL(L)), 1))), 128))
+                key: `seahoursL${k}${C}`
+              }, E(o.computeHourL(C)), 1))), 128))
             ]),
             s("tr", tr, [
               e[27] || (e[27] = s("th", {
@@ -6043,14 +6043,14 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("UTC"),
+                Z("UTC"),
                 s("span", { class: "unit" })
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.hours, (L, P) => (m(), g("th", {
+              (m(!0), g(F, null, U(i.tableData.hours, (C, k) => (m(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `seahoursZ${P}${L}`
-              }, I(o.computeHourZ(L)), 1))), 128))
+                key: `seahoursZ${k}${C}`
+              }, E(o.computeHourZ(C)), 1))), 128))
             ]),
             s("tr", ar, [
               e[28] || (e[28] = s("td", {
@@ -6058,14 +6058,14 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("SeaLevel"),
+                Z("SeaLevel"),
                 s("span", { class: "unit" }, "m")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.seaLevel, (L, P) => (m(), g("td", {
+              (m(!0), g(F, null, U(i.tableData.seaLevel, (C, k) => (m(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `SeaLevel${P}${L}`
-              }, I(L), 1))), 128))
+                key: `SeaLevel${k}${C}`
+              }, E(C), 1))), 128))
             ]),
             s("tr", ir, [
               e[29] || (e[29] = s("td", {
@@ -6073,42 +6073,42 @@ function Ir(t, e, a, r, i, o) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                q("SeaTemp"),
+                Z("SeaTemp"),
                 s("span", { class: "unit" }, "°C")
               ], -1)),
-              (m(!0), g(R, null, G(i.tableData.seaTemp, (L, P) => (m(), g("td", {
+              (m(!0), g(F, null, U(i.tableData.seaTemp, (C, k) => (m(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `SeaTemp${P}${L}`
-              }, I(L), 1))), 128))
+                key: `SeaTemp${k}${C}`
+              }, E(C), 1))), 128))
             ])
           ], 512), [
             [we, i.activeIndex === 3]
           ]),
           i.activeIndex === 3 ? (m(), g("div", rr, 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)
-          ]))) : j("", !0),
+          ]))) : R("", !0),
           ye(s("table", or, [
             s("tr", sr, [
-              (m(!0), g(R, null, G(i.tideTableData, (L, P) => (m(), g("th", {
+              (m(!0), g(F, null, U(i.tideTableData, (C, k) => (m(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `Tide-tr-${P}${L}`
-              }, I(L.type) + " Tide", 1))), 128))
+                key: `Tide-tr-${k}${C}`
+              }, E(C.type) + " Tide", 1))), 128))
             ]),
             s("tr", nr, [
-              (m(!0), g(R, null, G(i.tideTableData, (L, P) => (m(), g("td", {
+              (m(!0), g(F, null, U(i.tideTableData, (C, k) => (m(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `Tide-date-${P}${L}`
-              }, I(o.computeHourHmmLT(L == null ? void 0 : L.date)), 1))), 128))
+                key: `Tide-date-${k}${C}`
+              }, E(o.computeHourHmmLT(C == null ? void 0 : C.date)), 1))), 128))
             ]),
             s("tr", lr, [
-              (m(!0), g(R, null, G(i.tideTableData, (L, P) => (m(), g("td", {
+              (m(!0), g(F, null, U(i.tideTableData, (C, k) => (m(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `Tide-height-${P}${L}`
-              }, I(o.roundPrecision(L == null ? void 0 : L.height, 2)) + " m", 1))), 128))
+                key: `Tide-height-${k}${C}`
+              }, E(o.roundPrecision(C == null ? void 0 : C.height, 2)) + " m", 1))), 128))
             ]),
             e[31] || (e[31] = s("tr", { class: "tr-tide flex-center info" }, [
               s("span", null, "Tide Datum: Chart Datum")
@@ -6117,65 +6117,65 @@ function Ir(t, e, a, r, i, o) {
             [we, i.activeIndex === 4]
           ])
         ], 512), [
-          [we, ((N = (T = i.tableData) == null ? void 0 : T.hours) == null ? void 0 : N.length) > 0 && i.showTables]
+          [we, ((Q = (P = i.tableData) == null ? void 0 : P.hours) == null ? void 0 : Q.length) > 0 && i.showTables]
         ]),
         ye(s("div", cr, [
           s("div", hr, [
             s("div", dr, [
               e[32] || (e[32] = s("div", null, "Wind", -1)),
-              s("div", null, I((Y = (Q = (O = i.currentHourData) == null ? void 0 : O.weather) == null ? void 0 : Q.wind) == null ? void 0 : Y.direction) + "/" + I(o.roundPrecision((he = (ce = (K = i.currentHourData) == null ? void 0 : K.weather) == null ? void 0 : ce.wind) == null ? void 0 : he.kts, 1)) + "kts/BF" + I((ue = (pe = (de = i.currentHourData) == null ? void 0 : de.weather) == null ? void 0 : pe.wind) == null ? void 0 : ue.scale) + "/" + I(o.roundPrecision((te = (ge = (me = i.currentHourData) == null ? void 0 : me.weather) == null ? void 0 : ge.wind) == null ? void 0 : te.gusts, 1)) + " kts", 1)
+              s("div", null, E((H = (_ = (S = i.currentHourData) == null ? void 0 : S.weather) == null ? void 0 : _.wind) == null ? void 0 : H.direction) + "/" + E(o.roundPrecision((W = (J = (Y = i.currentHourData) == null ? void 0 : Y.weather) == null ? void 0 : J.wind) == null ? void 0 : W.kts, 1)) + "kts/BF" + E((ue = (pe = (de = i.currentHourData) == null ? void 0 : de.weather) == null ? void 0 : pe.wind) == null ? void 0 : ue.scale) + "/" + E(o.roundPrecision((ie = (ge = (me = i.currentHourData) == null ? void 0 : me.weather) == null ? void 0 : ge.wind) == null ? void 0 : ie.gusts, 1)) + " kts", 1)
             ]),
             s("div", pr, [
               e[33] || (e[33] = s("div", null, "Sig wave", -1)),
-              s("div", null, I((ie = (Ae = (oe = i.currentHourData) == null ? void 0 : oe.wave) == null ? void 0 : Ae.sig) == null ? void 0 : ie.direction) + "/" + I(o.roundPrecision((fe = ($ = (_ = i.currentHourData) == null ? void 0 : _.wave) == null ? void 0 : $.sig) == null ? void 0 : fe.height, 1)) + "m/" + I(o.roundPrecision((ne = (se = (re = i.currentHourData) == null ? void 0 : re.wave) == null ? void 0 : se.sig) == null ? void 0 : ne.period, 1)) + "s", 1)
+              s("div", null, E((oe = (Ae = (ne = i.currentHourData) == null ? void 0 : ne.wave) == null ? void 0 : Ae.sig) == null ? void 0 : oe.direction) + "/" + E(o.roundPrecision((fe = (te = (N = i.currentHourData) == null ? void 0 : N.wave) == null ? void 0 : te.sig) == null ? void 0 : fe.height, 1)) + "m/" + E(o.roundPrecision((ce = (le = (se = i.currentHourData) == null ? void 0 : se.wave) == null ? void 0 : le.sig) == null ? void 0 : ce.period, 1)) + "s", 1)
             ])
           ]),
           s("div", ur, [
             s("div", mr, [
               e[34] || (e[34] = s("div", null, "Wind wave", -1)),
-              s("div", null, I((xe = (Le = (x = i.currentHourData) == null ? void 0 : x.wave) == null ? void 0 : Le.wd) == null ? void 0 : xe.direction) + "/" + I(o.roundPrecision((Ee = (Ie = (Be = i.currentHourData) == null ? void 0 : Be.wave) == null ? void 0 : Ie.wd) == null ? void 0 : Ee.height, 1)) + "m/" + I(o.roundPrecision((ke = (Pe = (De = i.currentHourData) == null ? void 0 : De.wave) == null ? void 0 : Pe.wd) == null ? void 0 : ke.period, 1)) + "s", 1)
+              s("div", null, E((xe = (Le = (I = i.currentHourData) == null ? void 0 : I.wave) == null ? void 0 : Le.wd) == null ? void 0 : xe.direction) + "/" + E(o.roundPrecision((Ee = (Ie = (Be = i.currentHourData) == null ? void 0 : Be.wave) == null ? void 0 : Ie.wd) == null ? void 0 : Ee.height, 1)) + "m/" + E(o.roundPrecision((ke = (Pe = (De = i.currentHourData) == null ? void 0 : De.wave) == null ? void 0 : Pe.wd) == null ? void 0 : ke.period, 1)) + "s", 1)
             ]),
             s("div", gr, [
               e[35] || (e[35] = s("div", null, "Swell", -1)),
-              s("div", null, I((Te = (ze = (Me = i.currentHourData) == null ? void 0 : Me.wave) == null ? void 0 : ze.swell) == null ? void 0 : Te.direction) + "/" + I(o.roundPrecision((_e = (Se = (Qe = i.currentHourData) == null ? void 0 : Qe.wave) == null ? void 0 : Se.swell) == null ? void 0 : _e.height, 1)) + "m/" + I(o.roundPrecision((Ne = (Oe = (He = i.currentHourData) == null ? void 0 : He.wave) == null ? void 0 : Oe.swell) == null ? void 0 : Ne.period, 1)) + "s", 1)
+              s("div", null, E((Te = (ze = (Me = i.currentHourData) == null ? void 0 : Me.wave) == null ? void 0 : ze.swell) == null ? void 0 : Te.direction) + "/" + E(o.roundPrecision((_e = (Se = (Qe = i.currentHourData) == null ? void 0 : Qe.wave) == null ? void 0 : Se.swell) == null ? void 0 : _e.height, 1)) + "m/" + E(o.roundPrecision((Ne = (Oe = (He = i.currentHourData) == null ? void 0 : He.wave) == null ? void 0 : Oe.swell) == null ? void 0 : Ne.period, 1)) + "s", 1)
             ])
           ]),
           s("div", Ar, [
             s("div", fr, [
               e[36] || (e[36] = s("div", null, "Current", -1)),
-              s("div", null, I((Re = (je = i.currentHourData) == null ? void 0 : je.current) == null ? void 0 : Re.direction) + "/" + I(o.roundPrecision((J = (Fe = i.currentHourData) == null ? void 0 : Fe.current) == null ? void 0 : J.kts, 2)) + "kts", 1)
+              s("div", null, E((Re = (je = i.currentHourData) == null ? void 0 : je.current) == null ? void 0 : Re.direction) + "/" + E(o.roundPrecision((V = (Fe = i.currentHourData) == null ? void 0 : Fe.current) == null ? void 0 : V.kts, 2)) + "kts", 1)
             ]),
             s("div", yr, [
               e[37] || (e[37] = s("div", null, "Sea level", -1)),
-              s("div", null, I(o.roundPrecision((qe = i.currentHourData) == null ? void 0 : qe.height, 1)) + "m", 1)
+              s("div", null, E(o.roundPrecision((qe = i.currentHourData) == null ? void 0 : qe.height, 1)) + "m", 1)
             ])
           ]),
           s("div", wr, [
             s("div", br, [
               e[38] || (e[38] = s("div", null, "Sea Temp", -1)),
-              s("div", null, I(o.roundPrecision((Ve = i.currentHourData) == null ? void 0 : Ve.sst, 1)) + "°C", 1)
+              s("div", null, E(o.roundPrecision((Ve = i.currentHourData) == null ? void 0 : Ve.sst, 1)) + "°C", 1)
             ]),
             s("div", vr, [
               e[39] || (e[39] = s("div", null, "Visibility", -1)),
-              s("div", null, I(o.roundPrecision(($e = (Ze = i.currentHourData) == null ? void 0 : Ze.weather) == null ? void 0 : $e.visibility, 1)) + "nm", 1)
+              s("div", null, E(o.roundPrecision(($e = (Ze = i.currentHourData) == null ? void 0 : Ze.weather) == null ? void 0 : $e.visibility, 1)) + "nm", 1)
             ])
           ]),
           s("div", Lr, [
             s("div", Cr, [
               e[40] || (e[40] = s("div", null, "Temp", -1)),
-              s("div", null, I(o.roundPrecision((tt = (et = i.currentHourData) == null ? void 0 : et.weather) == null ? void 0 : tt.temp, 1)) + "°C", 1)
+              s("div", null, E(o.roundPrecision((tt = (et = i.currentHourData) == null ? void 0 : et.weather) == null ? void 0 : tt.temp, 1)) + "°C", 1)
             ]),
             s("div", xr, [
               e[41] || (e[41] = s("div", null, "Precip", -1)),
-              s("div", null, I(o.roundPrecision((rt = (it = (at = i.currentHourData) == null ? void 0 : at.weather) == null ? void 0 : it.precip) == null ? void 0 : rt.sum3Hours, 1)) + "mm", 1)
+              s("div", null, E(o.roundPrecision((rt = (it = (at = i.currentHourData) == null ? void 0 : at.weather) == null ? void 0 : it.precip) == null ? void 0 : rt.sum3Hours, 1)) + "mm", 1)
             ])
           ])
         ], 512), [
           [we, !i.showTables]
         ]),
         s("div", {
-          class: F(["more", i.isDay ? "day" : "night"]),
-          onClick: e[7] || (e[7] = (...L) => o.handleMeteoMore && o.handleMeteoMore(...L))
+          class: G(["more", i.isDay ? "day" : "night"]),
+          onClick: e[7] || (e[7] = (...C) => o.handleMeteoMore && o.handleMeteoMore(...C))
         }, "More >>", 2)
       ], 2))
     ])
@@ -6183,7 +6183,7 @@ function Ir(t, e, a, r, i, o) {
     [we, i.showMeteo]
   ]);
 }
-const Er = /* @__PURE__ */ S(gi, [["render", Ir], ["__scopeId", "data-v-cdc6da70"]]), Dr = {
+const Er = /* @__PURE__ */ O(gi, [["render", Ir], ["__scopeId", "data-v-cdc6da70"]]), Dr = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -6276,7 +6276,7 @@ const Er = /* @__PURE__ */ S(gi, [["render", Ir], ["__scopeId", "data-v-cdc6da70
 function Pr(t, e, a, r, i, o) {
   return m(), g("div");
 }
-const kr = /* @__PURE__ */ S(Dr, [["render", Pr]]), Mr = {
+const kr = /* @__PURE__ */ O(Dr, [["render", Pr]]), Mr = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -6399,7 +6399,7 @@ const kr = /* @__PURE__ */ S(Dr, [["render", Pr]]), Mr = {
 function zr(t, e, a, r, i, o) {
   return m(), g("div");
 }
-const Tr = /* @__PURE__ */ S(Mr, [["render", zr]]), Qr = {
+const Tr = /* @__PURE__ */ O(Mr, [["render", zr]]), Qr = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -6490,7 +6490,7 @@ const Tr = /* @__PURE__ */ S(Mr, [["render", zr]]), Qr = {
 function Sr(t, e, a, r, i, o) {
   return m(), g("div");
 }
-const _r = /* @__PURE__ */ S(Qr, [["render", Sr]]);
+const _r = /* @__PURE__ */ O(Qr, [["render", Sr]]);
 const Hr = {
   name: "IdmAlertZone",
   props: {
@@ -6637,7 +6637,7 @@ function jr(t, e, a, r, i, o) {
     [we, i.showZone]
   ]);
 }
-const Rr = /* @__PURE__ */ S(Hr, [["render", jr]]);
+const Rr = /* @__PURE__ */ O(Hr, [["render", jr]]);
 const Fr = {
   name: "IdmPort",
   props: {
@@ -6667,12 +6667,12 @@ const Fr = {
   computed: {
     computeLat() {
       return function(t) {
-        return X.lat2pretty(t, 4).pretty;
+        return q.lat2pretty(t, 4).pretty;
       };
     },
     computeLng() {
       return function(t) {
-        return X.lng2pretty(t, 4).pretty;
+        return q.lng2pretty(t, 4).pretty;
       };
     }
   },
@@ -6749,19 +6749,19 @@ function qr(t, e, a, r, i, o) {
     s("div", Wr, [
       s("div", Ur, [
         e[2] || (e[2] = s("label", null, "Name : ", -1)),
-        s("span", null, I(i.form.name), 1)
+        s("span", null, E(i.form.name), 1)
       ]),
       s("div", Yr, [
         e[3] || (e[3] = s("label", null, "Position : ", -1)),
-        s("span", null, I(o.computeLat(i.form.lat)) + ", " + I(o.computeLng(i.form.lng)), 1)
+        s("span", null, E(o.computeLat(i.form.lat)) + ", " + E(o.computeLng(i.form.lng)), 1)
       ]),
       s("div", Kr, [
         e[4] || (e[4] = s("label", null, "LoCode : ", -1)),
-        s("span", null, I(i.form.loCode || "-"), 1)
+        s("span", null, E(i.form.loCode || "-"), 1)
       ]),
       s("div", Xr, [
         e[5] || (e[5] = s("label", null, "Region : ", -1)),
-        s("span", null, I(i.form.zoneName || "-"), 1)
+        s("span", null, E(i.form.zoneName || "-"), 1)
       ]),
       s("div", Jr, [
         s("span", {
@@ -6773,7 +6773,7 @@ function qr(t, e, a, r, i, o) {
     [we, i.showPort]
   ]);
 }
-const Vr = /* @__PURE__ */ S(Fr, [["render", qr], ["__scopeId", "data-v-2fc5fc5e"]]), Zr = {
+const Vr = /* @__PURE__ */ O(Fr, [["render", qr], ["__scopeId", "data-v-2fc5fc5e"]]), Zr = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -6846,7 +6846,7 @@ const Vr = /* @__PURE__ */ S(Fr, [["render", qr], ["__scopeId", "data-v-2fc5fc5e
 function $r(t, e, a, r, i, o) {
   return m(), g("div");
 }
-const eo = /* @__PURE__ */ S(Zr, [["render", $r]]), to = {
+const eo = /* @__PURE__ */ O(Zr, [["render", $r]]), to = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -7014,7 +7014,7 @@ const eo = /* @__PURE__ */ S(Zr, [["render", $r]]), to = {
 function ao(t, e, a, r, i, o) {
   return m(), g("div");
 }
-const io = /* @__PURE__ */ S(to, [["render", ao]]), ro = {
+const io = /* @__PURE__ */ O(to, [["render", ao]]), ro = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -7105,7 +7105,7 @@ const io = /* @__PURE__ */ S(to, [["render", ao]]), ro = {
 function oo(t, e, a, r, i, o) {
   return m(), g("div");
 }
-const so = /* @__PURE__ */ S(ro, [["render", oo]]), no = {
+const so = /* @__PURE__ */ O(ro, [["render", oo]]), no = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -7135,7 +7135,7 @@ const so = /* @__PURE__ */ S(ro, [["render", oo]]), no = {
   methods: {
     handleRender() {
       this.map ? (this.handleClear(), this.area && (this.area.features.forEach((t) => {
-        t.geometry.type === "Polygon" && t.geometry.coordinates.forEach((e) => X.convertToMonotonicLng2(e));
+        t.geometry.type === "Polygon" && t.geometry.coordinates.forEach((e) => q.convertToMonotonicLng2(e));
       }), this.map.addSource(this.source, {
         type: "geojson",
         data: this.area
@@ -7198,7 +7198,7 @@ const so = /* @__PURE__ */ S(ro, [["render", oo]]), no = {
 function lo(t, e, a, r, i, o) {
   return m(), g("div");
 }
-const co = /* @__PURE__ */ S(no, [["render", lo]]), ho = {
+const co = /* @__PURE__ */ O(no, [["render", lo]]), ho = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -7250,7 +7250,7 @@ const co = /* @__PURE__ */ S(no, [["render", lo]]), ho = {
 function po(t, e, a, r, i, o) {
   return m(), g("div");
 }
-const uo = /* @__PURE__ */ S(ho, [["render", po]]);
+const uo = /* @__PURE__ */ O(ho, [["render", po]]);
 const mo = {
   name: "IdmLatLng",
   props: {
@@ -7309,7 +7309,7 @@ const mo = {
       this.show ? ((t = this.map) == null || t.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (e = this.map) == null || e.off("zoomend", this.handleZoomEnd));
     },
     handleMouseMove(t) {
-      const e = t.lngLat, a = X.lng2pretty(e.lng, 2), r = X.lat2pretty(e.lat, 2);
+      const e = t.lngLat, a = q.lng2pretty(e.lng, 2), r = q.lat2pretty(e.lat, 2);
       this.lngLat = { lng: a, lat: r };
     },
     handleComputeLatLngs() {
@@ -7358,7 +7358,7 @@ const mo = {
     handleZoomEnd() {
       var e;
       const t = this.handleComputeLatLngs();
-      (e = this.map) == null || e.getSource(this.source).setData(k.featureCollection(t));
+      (e = this.map) == null || e.getSource(this.source).setData(M.featureCollection(t));
     },
     handleRender() {
       if (this.map) {
@@ -7411,14 +7411,14 @@ function go(t, e, a, r, i, o) {
   return i.lngLat ? (m(), g("div", {
     key: 0,
     class: "lat-lng-tip",
-    style: V({ right: i.right + "px", bottom: a.bottom })
+    style: $({ right: i.right + "px", bottom: a.bottom })
   }, [
-    s("span", null, I(i.lngLat.lat.pretty), 1),
+    s("span", null, E(i.lngLat.lat.pretty), 1),
     e[0] || (e[0] = s("span", null, ", ", -1)),
-    s("span", null, I(i.lngLat.lng.pretty), 1)
-  ], 4)) : j("", !0);
+    s("span", null, E(i.lngLat.lng.pretty), 1)
+  ], 4)) : R("", !0);
 }
-const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c"]]), Ao = {
+const ct = /* @__PURE__ */ O(mo, [["render", go], ["__scopeId", "data-v-ad66a24c"]]), Ao = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -7453,7 +7453,7 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
         else {
           (t = this.map) == null || t.getCanvas().removeEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.off("mousemove", this.handleMove), (a = this.map) == null || a.off("dblclick", this.handleDblClick), this.map && (this.map.getCanvas().style.cursor = "grab");
           let r = this.geojson.find((i) => !i.closed);
-          r && this.handleClear(r, !0), this.geojson = this.geojson.filter((i) => !!i.closed), r = k.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(r);
+          r && this.handleClear(r, !0), this.geojson = this.geojson.filter((i) => !!i.closed), r = M.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(r);
         }
       },
       immediate: !0
@@ -7484,41 +7484,41 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
       }
     },
     handleDrag(t) {
-      var a, r, i, o, l, c, h, d, n, p;
+      var a, r, i, o, l, c, h, p, n, u;
       const e = (r = (a = t.target) == null ? void 0 : a._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const w = this.geojson.filter((v) => v.id === e.split("-")[0])[0];
-        this.pointMarkers[w.id].filter((v) => {
-          var f;
-          return ((f = v._element) == null ? void 0 : f.id) === e;
+        const b = this.geojson.filter((D) => D.id === e.split("-")[0])[0];
+        this.pointMarkers[b.id].filter((D) => {
+          var L;
+          return ((L = D._element) == null ? void 0 : L.id) === e;
         })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (c = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : c.lat]);
-        let A;
-        w.features.forEach((v, f) => {
-          if (v.geometry.type === "Point" && v.properties.id == e.split("-")[1]) {
-            A = f;
+        let y;
+        b.features.forEach((D, L) => {
+          if (D.geometry.type === "Point" && D.properties.id == e.split("-")[1]) {
+            y = L;
             return;
           }
         });
-        const E = w.features.filter((v) => v.geometry.type === "Point");
+        const x = b.features.filter((D) => D.geometry.type === "Point");
         this.handleTmpPointUpdate(
-          w,
-          E[A - 1],
-          { lng: (d = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : d.lng, lat: (p = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : p.lat, properties: E[A].properties },
-          A === E.length - 1 ? void 0 : E[A + 1]
+          b,
+          x[y - 1],
+          { lng: (p = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lng, lat: (u = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : u.lat, properties: x[y].properties },
+          y === x.length - 1 ? void 0 : x[y + 1]
         );
       }
     },
     handleDragEnd(t) {
-      var a, r, i, o, l, c, h, d, n, p;
+      var a, r, i, o, l, c, h, p, n, u;
       const e = (r = (a = t.target) == null ? void 0 : a._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const w = this.geojson.filter((E) => E.id === e.split("-")[0])[0];
-        this.pointMarkers[w.id].filter((E) => {
-          var v;
-          return ((v = E._element) == null ? void 0 : v.id) === e;
+        const b = this.geojson.filter((x) => x.id === e.split("-")[0])[0];
+        this.pointMarkers[b.id].filter((x) => {
+          var D;
+          return ((D = x._element) == null ? void 0 : D.id) === e;
         })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (c = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : c.lat]);
-        const A = w.features.filter((E) => E.geometry.type === "Point" && E.properties.id == e.split("-")[1])[0];
-        A.geometry.coordinates = [(d = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : d.lng, (p = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : p.lat], w.features = w.features.filter((E) => E.geometry.type === "Point"), this.handlePointUpdate(w);
+        const y = b.features.filter((x) => x.geometry.type === "Point" && x.properties.id == e.split("-")[1])[0];
+        y.geometry.coordinates = [(p = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lng, (u = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : u.lat], b.features = b.features.filter((x) => x.geometry.type === "Point"), this.handlePointUpdate(b);
       }
     },
     handleContextmenu(t) {
@@ -7527,9 +7527,9 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
       const e = (o = (i = (r = t.originalEvent) == null ? void 0 : r.target) == null ? void 0 : i.parentElement) == null ? void 0 : o.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const c = this.geojson.filter((h) => h.id === e.split("-")[0])[0].features.filter((h) => h.geometry.type === "Point");
-        if (c.length > 2 && c.filter((d) => d.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
-          const d = document.createElement("div");
-          d.className = "point-contextmenu-marker", d.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new ve.Marker(d).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
+        if (c.length > 2 && c.filter((p) => p.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
+          const p = document.createElement("div");
+          p.className = "point-contextmenu-marker", p.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new ve.Marker(p).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -7538,15 +7538,15 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
       (a = this.contextmenu) == null || a.remove();
       const e = t.originalEvent.target.className;
       if (e === "marker-close") {
-        const h = (i = (r = t.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, d = this.geojson.filter((n) => n.id === h)[0];
-        d && this.handleClear(d, !0), this.geojson = this.geojson.filter((n) => n.id !== h), !this.show && !((o = this.geojson) != null && o.some((n) => n.closed)) && this.handleUnbind();
+        const h = (i = (r = t.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, p = this.geojson.filter((n) => n.id === h)[0];
+        p && this.handleClear(p, !0), this.geojson = this.geojson.filter((n) => n.id !== h), !this.show && !((o = this.geojson) != null && o.some((n) => n.closed)) && this.handleUnbind();
       } else if (e === "del-point") {
-        const h = (c = (l = t.originalEvent.target.id) == null ? void 0 : l.replace("del-", "")) == null ? void 0 : c.split("-"), d = this.geojson.filter((n) => n.id === h[0])[0];
-        d.features = d.features.filter((n) => n.geometry.type === "Point" && n.properties.id !== h[1]), this.handlePointUpdate(d);
+        const h = (c = (l = t.originalEvent.target.id) == null ? void 0 : l.replace("del-", "")) == null ? void 0 : c.split("-"), p = this.geojson.filter((n) => n.id === h[0])[0];
+        p.features = p.features.filter((n) => n.geometry.type === "Point" && n.properties.id !== h[1]), this.handlePointUpdate(p);
       } else if (e !== "marker-label" && this.show) {
         let h = this.geojson.at(-1);
-        h || (h = k.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(h)), h.features = h.features.filter((n) => n.geometry.type === "Point");
-        const d = k.feature(
+        h || (h = M.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(h)), h.features = h.features.filter((n) => n.geometry.type === "Point");
+        const p = M.feature(
           {
             type: "Point",
             coordinates: [t.lngLat.lng, t.lngLat.lat]
@@ -7556,7 +7556,7 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
             mode: this.navigation
           }
         );
-        h.features.push(d), this.handlePointUpdate(h);
+        h.features.push(p), this.handlePointUpdate(h);
       }
     },
     handlePointUpdate(t) {
@@ -7565,35 +7565,35 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
         let a = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const o = e[i - 1], l = e[i], c = o.properties, h = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, d = { lng: l.geometry.coordinates[0], lat: l.geometry.coordinates[1] }, n = be.calculateDistance(h, d, c.mode === "RL", 2), p = be.calculateBearing(h, d, c.mode === "RL", 2);
-          a = X.roundPrecision(a + n, 2);
-          let w;
-          c.mode === "RL" ? w = X.convertToMonotonicLng([h, d]) : w = X.convertToMonotonicLng(be.interpolateCoordinates(h, d, 200));
-          const b = k.lineString(w.map((A) => [A.lng, A.lat]));
-          b.properties.dist = n, b.properties.bearing = p, b.properties.total = a, r.push(b);
+          const o = e[i - 1], l = e[i], c = o.properties, h = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, p = { lng: l.geometry.coordinates[0], lat: l.geometry.coordinates[1] }, n = be.calculateDistance(h, p, c.mode === "RL", 2), u = be.calculateBearing(h, p, c.mode === "RL", 2);
+          a = q.roundPrecision(a + n, 2);
+          let b;
+          c.mode === "RL" ? b = q.convertToMonotonicLng([h, p]) : b = q.convertToMonotonicLng(be.interpolateCoordinates(h, p, 200));
+          const v = M.lineString(b.map((y) => [y.lng, y.lat]));
+          v.properties.dist = n, v.properties.bearing = u, v.properties.total = a, r.push(v);
         }
         e.push(...r), t.total = a;
       }
       return this.handleRender(t), t;
     },
     handleTmpPointUpdate(t, e, a, r) {
-      const i = k.featureCollection([]);
+      const i = M.featureCollection([]);
       let o, l;
       if (e) {
-        const h = e.properties, d = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, n = { lng: a.lng, lat: a.lat };
-        o = be.calculateDistance(d, n, h.mode === "RL", 2), l = be.calculateBearing(d, n, h.mode === "RL", 2);
-        let p;
-        h.mode === "RL" ? p = X.convertToMonotonicLng([d, n]) : p = X.convertToMonotonicLng(be.interpolateCoordinates(d, n, 200));
-        const w = k.lineString(p.map((b) => [b.lng, b.lat]));
-        w.properties.dist = o, w.properties.bearing = l, i.features.push(w);
+        const h = e.properties, p = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, n = { lng: a.lng, lat: a.lat };
+        o = be.calculateDistance(p, n, h.mode === "RL", 2), l = be.calculateBearing(p, n, h.mode === "RL", 2);
+        let u;
+        h.mode === "RL" ? u = q.convertToMonotonicLng([p, n]) : u = q.convertToMonotonicLng(be.interpolateCoordinates(p, n, 200));
+        const b = M.lineString(u.map((v) => [v.lng, v.lat]));
+        b.properties.dist = o, b.properties.bearing = l, i.features.push(b);
       }
       if (r) {
-        const h = a.properties, d = a, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = be.calculateDistance(d, n, h.mode === "RL", 2), l = be.calculateBearing(d, n, h.mode === "RL", 2);
-        let p;
-        h.mode === "RL" ? p = X.convertToMonotonicLng([d, n]) : p = X.convertToMonotonicLng(be.interpolateCoordinates(d, n, 200));
-        const w = k.lineString(p.map((b) => [b.lng, b.lat]));
-        w.properties.dist = o, w.properties.bearing = l, i.features.push(w);
+        const h = a.properties, p = a, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
+        o = be.calculateDistance(p, n, h.mode === "RL", 2), l = be.calculateBearing(p, n, h.mode === "RL", 2);
+        let u;
+        h.mode === "RL" ? u = q.convertToMonotonicLng([p, n]) : u = q.convertToMonotonicLng(be.interpolateCoordinates(p, n, 200));
+        const b = M.lineString(u.map((v) => [v.lng, v.lat]));
+        b.properties.dist = o, b.properties.bearing = l, i.features.push(b);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(i) : this.map.addSource(this.tmpSource, {
         type: "geojson",
@@ -7633,7 +7633,7 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
         }
       });
       let c;
-      if (r ? c = '<div class="marker-label">Drag and drop</div>' : c = `<div class="marker-label">Total distance: <b>${X.roundPrecision((t.total ?? 0) + o, 2)}</b>nm, bearing: <b>${l}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
+      if (r ? c = '<div class="marker-label">Drag and drop</div>' : c = `<div class="marker-label">Total distance: <b>${q.roundPrecision((t.total ?? 0) + o, 2)}</b>nm, bearing: <b>${l}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
         this.tipMarker._element.innerHTML = c, this.tipMarker.setLngLat([a.lng, a.lat]);
       else {
         const h = document.createElement("div");
@@ -7643,14 +7643,14 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
     handleMove(t) {
       this.map.getCanvas().style.cursor = "crosshair";
       let e = this.geojson.at(-1);
-      e || (e = k.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
+      e || (e = M.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
       const a = e.features.filter((r) => r.geometry.type === "Point");
       a != null && a.length && this.handleTmpPointUpdate(e, a.at(-1), { lng: t.lngLat.lng, lat: t.lngLat.lat });
     },
     handleDblClick(t) {
       t.preventDefault();
       let e = this.geojson.at(-1);
-      e.closed = !0, this.handleRender(e), e = k.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e);
+      e.closed = !0, this.handleRender(e), e = M.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e);
     },
     handleRender(t) {
       var e;
@@ -7699,24 +7699,24 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
           h.on("drag", this.handleDrag), h.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(h) : this.pointMarkers[t.id] = [h];
         }
         if (t.closed) {
-          const l = o.at(-1), h = t.features.filter((n) => n.geometry.type === "LineString").at(-1), d = document.createElement("div");
-          d.className = "point-summary-marker", d.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">Tol: ${h.properties.total}nm</div>`, this.closeMarkers[t.id] = new ve.Marker(d).setOffset([60, 0]).setLngLat(l.geometry.coordinates).addTo(this.map);
+          const l = o.at(-1), h = t.features.filter((n) => n.geometry.type === "LineString").at(-1), p = document.createElement("div");
+          p.className = "point-summary-marker", p.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">Tol: ${h.properties.total}nm</div>`, this.closeMarkers[t.id] = new ve.Marker(p).setOffset([60, 0]).setLngLat(l.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(t, e = !0) {
-      var o, l, c, h, d, n, p, w, b;
+      var o, l, c, h, p, n, u, b, v;
       const a = `${t.id}-${this.source}`, r = `${t.id}-${this.layer}`, i = `${t.id}-${this.labelLayer}`;
-      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (l = this.map) != null && l.getLayer(i) && this.map.removeLayer(i), (c = this.map) != null && c.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (h = this.map) != null && h.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (d = this.closeMarkers[t.id]) == null || d.remove(), this.closeMarkers[t.id] = void 0, (n = this.pointMarkers[t.id]) == null || n.forEach((A) => {
-        A == null || A.remove();
-      }), this.pointMarkers[t.id] = [], (p = this.tipMarker) == null || p.remove(), this.tipMarker = void 0, e && ((w = this.map) != null && w.getSource(a)) && this.map.removeSource(a), e && ((b = this.map) != null && b.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (l = this.map) != null && l.getLayer(i) && this.map.removeLayer(i), (c = this.map) != null && c.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (h = this.map) != null && h.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (p = this.closeMarkers[t.id]) == null || p.remove(), this.closeMarkers[t.id] = void 0, (n = this.pointMarkers[t.id]) == null || n.forEach((y) => {
+        y == null || y.remove();
+      }), this.pointMarkers[t.id] = [], (u = this.tipMarker) == null || u.remove(), this.tipMarker = void 0, e && ((b = this.map) != null && b.getSource(a)) && this.map.removeSource(a), e && ((v = this.map) != null && v.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
 function fo(t, e, a, r, i, o) {
   return m(), g("div");
 }
-const yo = /* @__PURE__ */ S(Ao, [["render", fo]]);
+const yo = /* @__PURE__ */ O(Ao, [["render", fo]]);
 const wo = {
   name: "IdmENC",
   props: {
@@ -7771,22 +7771,22 @@ const wo = {
   methods: {}
 }, bo = { key: 0 }, vo = { class: "bar-item" };
 function Lo(t, e, a, r, i, o) {
-  const l = z("ElTooltip");
+  const l = T("ElTooltip");
   return a.enabled && a.permission & i.helper.LEVEL.Supper ? (m(), g("div", bo, [
     s("div", {
       class: "menu-bar-box",
-      style: V({ position: "absolute", right: i.right + "px", bottom: a.bottom })
+      style: $({ position: "absolute", right: i.right + "px", bottom: a.bottom })
     }, [
       s("div", vo, [
-        M(l, {
+        z(l, {
           placement: "left",
           effect: "light",
           content: "Hifleet",
           "show-after": 1e3
         }, {
-          default: ae(() => [
+          default: re(() => [
             s("div", {
-              class: F(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
+              class: G(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
               onClick: e[0] || (e[0] = (c) => i.vendor = "hi")
             }, e[2] || (e[2] = [
               s("span", { class: "iconfont" }, "HI", -1)
@@ -7794,15 +7794,15 @@ function Lo(t, e, a, r, i, o) {
           ]),
           _: 1
         }),
-        M(l, {
+        z(l, {
           placement: "left",
           effect: "light",
           content: "I4insight",
           "show-after": 1e3
         }, {
-          default: ae(() => [
+          default: re(() => [
             s("div", {
-              class: F(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
+              class: G(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
               onClick: e[1] || (e[1] = (c) => i.vendor = "i4")
             }, e[3] || (e[3] = [
               s("span", { class: "iconfont" }, "I4", -1)
@@ -7812,9 +7812,9 @@ function Lo(t, e, a, r, i, o) {
         })
       ])
     ], 4)
-  ])) : j("", !0);
+  ])) : R("", !0);
 }
-const Co = /* @__PURE__ */ S(wo, [["render", Lo], ["__scopeId", "data-v-7301123d"]]), xo = {
+const Co = /* @__PURE__ */ O(wo, [["render", Lo], ["__scopeId", "data-v-7301123d"]]), xo = {
   name: "IdmWorld12nm",
   props: {
     map: {
@@ -7873,7 +7873,7 @@ const Co = /* @__PURE__ */ S(wo, [["render", Lo], ["__scopeId", "data-v-7301123d
 function Bo(t, e, a, r, i, o) {
   return null;
 }
-const Io = /* @__PURE__ */ S(xo, [["render", Bo]]);
+const Io = /* @__PURE__ */ O(xo, [["render", Bo]]);
 const Eo = {
   name: "IdmWorldMarine",
   props: {
@@ -7914,7 +7914,7 @@ const Eo = {
 function Do(t, e, a, r, i, o) {
   return null;
 }
-const Po = /* @__PURE__ */ S(Eo, [["render", Do]]), ko = {
+const Po = /* @__PURE__ */ O(Eo, [["render", Do]]), ko = {
   name: "IdmChinaRoute",
   props: {
     map: {
@@ -7955,7 +7955,7 @@ const Po = /* @__PURE__ */ S(Eo, [["render", Do]]), ko = {
 function Mo(t, e, a, r, i, o) {
   return null;
 }
-const zo = /* @__PURE__ */ S(ko, [["render", Mo]]);
+const zo = /* @__PURE__ */ O(ko, [["render", Mo]]);
 const To = {
   name: "IdmGLV2",
   components: {
@@ -8049,7 +8049,7 @@ const To = {
   watch: {
     ts: {
       handler(t, e) {
-        t && e && U(t).utc().format("yyyy-MM-DD HH") !== U(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
+        t && e && X(t).utc().format("yyyy-MM-DD HH") !== X(e).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
           this.handleDateChange({ tropicals: !1 });
         });
       },
@@ -8063,17 +8063,17 @@ const To = {
     },
     enc: {
       handler(t, e) {
-        var a, r, i, o, l, c, h, d;
-        t ? ((r = (a = this.map) == null ? void 0 : a.getLayer(t)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : ((c = (l = this.map) == null ? void 0 : l.getLayer("i4")) == null || c.setLayoutProperty("visibility", "none"), (d = (h = this.map) == null ? void 0 : h.getLayer("hi")) == null || d.setLayoutProperty("visibility", "none"));
+        var a, r, i, o, l, c, h, p;
+        t ? ((r = (a = this.map) == null ? void 0 : a.getLayer(t)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : ((c = (l = this.map) == null ? void 0 : l.getLayer("i4")) == null || c.setLayoutProperty("visibility", "none"), (p = (h = this.map) == null ? void 0 : h.getLayer("hi")) == null || p.setLayoutProperty("visibility", "none"));
       }
     },
     activeWeatherLayers: {
       handler() {
-        var a, r, i, o, l, c, h, d, n, p, w, b, A, E, v, f, u;
+        var a, r, i, o, l, c, h, p, n, u, b, v, y, x, D, L, A;
         if (!this.map)
           return !1;
-        const t = this.activeWeatherLayers.some((C) => C.key === "wind" && C.particle === !0 || C.key === "current" && C.particle === !0 || C.key === "ice-thickness" || C.key === "ice-cover" || C.key === "temp" || C.key === "water-temp"), e = this.activeWeatherLayers.some((C) => C.key === "visibility" || C.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"), (d = this.map) != null && d.getLayer((h = this.viewport) == null ? void 0 : h.rampColorLayer) && ((n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((w = this.map) == null || w.moveLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), e && ((A = this.map) == null || A.moveLayer(this.helper.mapboxCustomer.layers.countryBoundary.id, (b = this.viewport) == null ? void 0 : b.rampColorLayer))) : ((v = (E = this.map) == null ? void 0 : E.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none"), (u = (f = this.map) == null ? void 0 : f.getLayer(this.enc)) == null || u.setLayoutProperty("visibility", "visible")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
+        const t = this.activeWeatherLayers.some((f) => f.key === "wind" && f.particle === !0 || f.key === "current" && f.particle === !0 || f.key === "ice-thickness" || f.key === "ice-cover" || f.key === "temp" || f.key === "water-temp"), e = this.activeWeatherLayers.some((f) => f.key === "visibility" || f.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((u = this.viewport) == null ? void 0 : u.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), e && ((y = this.map) == null || y.moveLayer(this.helper.mapboxCustomer.layers.countryBoundary.id, (v = this.viewport) == null ? void 0 : v.rampColorLayer))) : ((D = (x = this.map) == null ? void 0 : x.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || D.setLayoutProperty("visibility", "none"), (A = (L = this.map) == null ? void 0 : L.getLayer(this.enc)) == null || A.setLayoutProperty("visibility", "visible")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
       },
       immediate: !0
     },
@@ -8125,87 +8125,87 @@ const To = {
   },
   methods: {
     async fetchWeatherLayers(t = { tropicals: !1 }) {
-      var i, o, l, c, h, d, n, p, w;
+      var i, o, l, c, h, p, n, u, b;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let a = 0, r = 0;
       if (this.map) {
-        const b = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, A = (o = this.map) == null ? void 0 : o.getBounds(), E = `${A._sw.lng},${A._sw.lat},${A._ne.lng},${A._ne.lat}`;
+        const v = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, y = (o = this.map) == null ? void 0 : o.getBounds(), x = `${y._sw.lng},${y._sw.lat},${y._ne.lng},${y._ne.lat}`;
         if (this.particleFactor && ((l = this.$refs.layer) != null && l.autoActive)) {
-          const v = Ke.WEATHER_LAYERS.find((f) => {
-            var u;
-            return ((u = f.peer) == null ? void 0 : u.weight) === this.particleFactor.weight;
+          const D = Ke.WEATHER_LAYERS.find((L) => {
+            var A;
+            return ((A = L.peer) == null ? void 0 : A.weight) === this.particleFactor.weight;
           });
-          this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & v.weight ? this.weatherWeight : this.weatherWeight + v.weight : this.weatherWeight = this.weatherWeight & v.weight ? this.weatherWeight - v.weight : this.weatherWeight;
+          this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & D.weight ? this.weatherWeight : this.weatherWeight + D.weight : this.weatherWeight = this.weatherWeight & D.weight ? this.weatherWeight - D.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
-          let v = this.weatherWeight, f;
-          if (t.tropicals || this.weatherWeight & 256 && (f = this.weatherLayers.tropicals, f && (v -= 256, f.version = Math.random() + 1)), v > 0) {
-            const u = await le.get(`${this.gateway}/api/arc/weather/layers2/links?l=${v}&v=${this.source}&z=${b}&bbox=${E}&t=${this.ts}`, {
+          let D = this.weatherWeight, L;
+          if (t.tropicals || this.weatherWeight & 256 && (L = this.weatherLayers.tropicals, L && (D -= 256, L.version = Math.random() + 1)), D > 0) {
+            const A = await he.get(`${this.gateway}/api/arc/weather/layers2/links?l=${D}&v=${this.source}&z=${v}&bbox=${x}&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 = u == null ? void 0 : u.data) == null ? void 0 : c.code) === 0) {
-              const C = (h = u == null ? void 0 : u.data) == null ? void 0 : h.data, y = [];
-              for (const D in C)
-                D === "ice-edge" && (C[D] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), D !== "tropicals" && y.push(
-                  le.get(C[D], {
+            if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + a), console.log("weather links elapsed: ", r, ", total: ", a += r), ((c = A == null ? void 0 : A.data) == null ? void 0 : c.code) === 0) {
+              const f = (h = A == null ? void 0 : A.data) == null ? void 0 : h.data, w = [];
+              for (const d in f)
+                d === "ice-edge" && (f[d] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), d !== "tropicals" && w.push(
+                  he.get(f[d], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
-                      key: D
+                      key: d
                     },
-                    responseType: /\.(jpg|png)$/.test(C[D]) ? "blob" : "json"
-                  }).catch((T) => {
-                    console.log(`[${D}] fetch layer error: ${T}`);
+                    responseType: /\.(jpg|png)$/.test(f[d]) ? "blob" : "json"
+                  }).catch((P) => {
+                    console.log(`[${d}] fetch layer error: ${P}`);
                   })
                 );
-              const B = await Promise.all(y);
-              this.weatherLayers = {}, B.map((D) => {
-                var O, Q, Y, K;
-                const T = ((O = D == null ? void 0 : D.data) == null ? void 0 : O.data) || (D == null ? void 0 : D.data), N = (Y = (Q = D == null ? void 0 : D.config) == null ? void 0 : Q.headers) == null ? void 0 : Y.key;
-                N && T && (this.weatherLayers[N] = {
-                  raw: T,
-                  type: ((K = D == null ? void 0 : D.config) == null ? void 0 : K.responseType) === "blob" ? "image" : "json",
-                  etime: u.data.etime
+              const B = await Promise.all(w);
+              this.weatherLayers = {}, B.map((d) => {
+                var S, _, H, Y;
+                const P = ((S = d == null ? void 0 : d.data) == null ? void 0 : S.data) || (d == null ? void 0 : d.data), Q = (H = (_ = d == null ? void 0 : d.config) == null ? void 0 : _.headers) == null ? void 0 : H.key;
+                Q && P && (this.weatherLayers[Q] = {
+                  raw: P,
+                  type: ((Y = d == null ? void 0 : d.config) == null ? void 0 : Y.responseType) === "blob" ? "image" : "json",
+                  etime: A.data.etime
                 });
-              }), C.tropicals && le.get(C.tropicals, {
+              }), f.tropicals && he.get(f.tropicals, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken,
                   key: "tropicals"
                 }
-              }).then((D) => {
-                var O, Q, Y;
-                const T = nt.convert2Geojson(((O = D == null ? void 0 : D.data) == null ? void 0 : O.data) || (D == null ? void 0 : D.data)), N = (Y = (Q = D == null ? void 0 : D.config) == null ? void 0 : Q.headers) == null ? void 0 : Y.key;
-                this.weatherLayers[N] = {
-                  data: T,
+              }).then((d) => {
+                var S, _, H;
+                const P = nt.convert2Geojson(((S = d == null ? void 0 : d.data) == null ? void 0 : S.data) || (d == null ? void 0 : d.data)), Q = (H = (_ = d == null ? void 0 : d.config) == null ? void 0 : _.headers) == null ? void 0 : H.key;
+                this.weatherLayers[Q] = {
+                  data: P,
                   active: !0,
                   cached: !1,
                   type: "json",
-                  etime: u.data.etime,
+                  etime: A.data.etime,
                   version: Math.random() + 1
                 };
               });
             }
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + a), console.log("weather layers elapsed: ", r, ", total: ", a += r), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const C = (d = this.weatherLayers["swell-direction"]) == null ? void 0 : d.raw, y = (n = this.weatherLayers["swell-height"]) == null ? void 0 : n.raw;
+              const f = (p = this.weatherLayers["swell-direction"]) == null ? void 0 : p.raw, w = (n = this.weatherLayers["swell-height"]) == null ? void 0 : n.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
-                direction: C,
-                height: { raw: y },
-                etime: u.data.etime
+                direction: f,
+                height: { raw: w },
+                etime: A.data.etime
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const C = (p = this.weatherLayers["current-direction"]) == null ? void 0 : p.raw, y = (w = this.weatherLayers["current-speed"]) == null ? void 0 : w.raw;
+              const f = (u = this.weatherLayers["current-direction"]) == null ? void 0 : u.raw, w = (b = this.weatherLayers["current-speed"]) == null ? void 0 : b.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
-                direction: C,
-                speed: { raw: y },
-                etime: u.data.etime
+                direction: f,
+                speed: { raw: w },
+                etime: A.data.etime
               };
             }
           }
-          f && (f.etime = this.ts, f.cached = !0, this.weatherLayers.tropicals = f);
+          L && (L.etime = this.ts, L.cached = !0, this.weatherLayers.tropicals = L);
         }
         this.handleWeatherLayerToggle(), this.handleDrawWeather4Json();
       }
@@ -8216,58 +8216,58 @@ const To = {
       if (this.map) {
         let o = this.otherWeight;
         if (o) {
-          let l = !1, c = !1, h = !1, d = !1;
-          if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, l = !0), this.otherWeight & 8192 && (o = o - 8192, c = !0), this.otherWeight & 16384 && (o = o - 16384, h = !0), this.otherWeight & 32768 && (o = o - 32768, d = !0), o) {
+          let l = !1, c = !1, h = !1, p = !1;
+          if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, l = !0), this.otherWeight & 8192 && (o = o - 8192, c = !0), this.otherWeight & 16384 && (o = o - 16384, h = !0), this.otherWeight & 32768 && (o = o - 32768, p = !0), o) {
             if (t.all) {
-              const n = await le.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
+              const n = await he.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
               if (((e = n == null ? void 0 : n.data) == null ? void 0 : e.code) === 0) {
-                const p = (a = n == null ? void 0 : n.data) == null ? void 0 : a.data, w = [];
-                for (const A in p)
-                  w.push(
-                    le.get(p[A], {
+                const u = (a = n == null ? void 0 : n.data) == null ? void 0 : a.data, b = [];
+                for (const y in u)
+                  b.push(
+                    he.get(u[y], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: A
+                        key: y
                       }
                     })
                   );
-                const b = await Promise.all(w);
-                this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: d }, b.map((A) => {
-                  var f, u, C;
-                  const E = ((f = A == null ? void 0 : A.data) == null ? void 0 : f.data) || (A == null ? void 0 : A.data), v = (C = (u = A == null ? void 0 : A.config) == null ? void 0 : u.headers) == null ? void 0 : C.key;
-                  this.otherLayers[v] = E;
+                const v = await Promise.all(b);
+                this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: p }, v.map((y) => {
+                  var L, A, f;
+                  const x = ((L = y == null ? void 0 : y.data) == null ? void 0 : L.data) || (y == null ? void 0 : y.data), D = (f = (A = y == null ? void 0 : y.config) == null ? void 0 : A.headers) == null ? void 0 : f.key;
+                  this.otherLayers[D] = x;
                 });
               }
             } else if (t.dayNight && o & 1024) {
-              const n = await le.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const n = await he.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
               if (((r = n == null ? void 0 : n.data) == null ? void 0 : r.code) === 0) {
-                const p = (i = n == null ? void 0 : n.data) == null ? void 0 : i.data, w = [];
-                for (const A in p)
-                  w.push(
-                    le.get(p[A], {
+                const u = (i = n == null ? void 0 : n.data) == null ? void 0 : i.data, b = [];
+                for (const y in u)
+                  b.push(
+                    he.get(u[y], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: A
+                        key: y
                       }
                     })
                   );
-                (await Promise.all(w)).map((A) => {
-                  var f, u, C;
-                  const E = ((f = A == null ? void 0 : A.data) == null ? void 0 : f.data) || (A == null ? void 0 : A.data), v = (C = (u = A == null ? void 0 : A.config) == null ? void 0 : u.headers) == null ? void 0 : C.key;
-                  this.otherLayers[v] = E;
+                (await Promise.all(b)).map((y) => {
+                  var L, A, f;
+                  const x = ((L = y == null ? void 0 : y.data) == null ? void 0 : L.data) || (y == null ? void 0 : y.data), D = (f = (A = y == null ? void 0 : y.config) == null ? void 0 : A.headers) == null ? void 0 : f.key;
+                  this.otherLayers[D] = x;
                 });
               }
             }
           } else
-            this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: d };
+            this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: p };
         } else
           this.otherLayers = {};
         this.handleBeforeLayerToggle();
@@ -8283,7 +8283,7 @@ const To = {
       this.activeWindLayer = !!this.activeWeatherLayers.find((e) => e.key === "wind"), this.$refs.layer && (this.$refs.layer.activeWeatherLayers = this.activeWeatherLayers);
     },
     handleRampColorInitial() {
-      var t, e, a, r, i, o, l, c, h, d, n, p;
+      var t, e, a, r, i, o, l, c, h, p, n, u;
       this.viewport.map.getSource((t = this.viewport) == null ? void 0 : t.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
         type: "canvas",
         canvas: (a = this.viewport) == null ? void 0 : a.rampColorCanvas,
@@ -8304,11 +8304,11 @@ const To = {
         canvas: (h = this.viewport) == null ? void 0 : h.particleCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
-      }), this.viewport.map.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) || this.viewport.map.addLayer(
+      }), this.viewport.map.getLayer((p = this.viewport) == null ? void 0 : p.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
           id: (n = this.viewport) == null ? void 0 : n.particleLayer,
-          source: (p = this.viewport) == null ? void 0 : p.particleSource,
+          source: (u = this.viewport) == null ? void 0 : u.particleSource,
           layout: {
             visibility: "none"
           }
@@ -8317,204 +8317,244 @@ const To = {
       );
     },
     handleDrawWeather4Json() {
-      var d, n, p, w, b;
+      var p, n, u, b, v, y;
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, a = 0;
-      const r = (d = this.map) == null ? void 0 : d.getBounds(), i = this.map.getZoom(), o = X.convertToStdLng(r._sw.lng), l = X.convertToStdLng(r._ne.lng), c = Math.floor(r._sw.lat), h = Math.ceil(r._ne.lat);
-      for (const A in this.weatherLayers) {
-        let E = !1;
-        if (this.weatherLayers[A].active && this.weatherLayers[A].type === "json") {
-          let v = [];
-          if (["swell", "current"].includes(A)) {
-            E = !0;
-            const f = ((n = this.weatherLayers[A]) == null ? void 0 : n.direction) || {};
-            for (const u in f)
-              if (u > c && u < h && (!(i <= this.zoom) || u % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                const C = f[u].lng;
-                o > l ? C.forEach((y, B) => {
-                  var D, T, N, O, Q, Y;
+      const r = (p = this.map) == null ? void 0 : p.getBounds(), i = this.map.getZoom(), o = q.convertToStdLng(r._sw.lng), l = q.convertToStdLng(r._ne.lng), c = Math.floor(r._sw.lat), h = Math.ceil(r._ne.lat);
+      for (const x in this.weatherLayers) {
+        let D = !1;
+        if (this.weatherLayers[x].active && this.weatherLayers[x].type === "json") {
+          let L = [];
+          if (x === "swell") {
+            D = !0;
+            const A = ((n = this.weatherLayers[x]) == null ? void 0 : n.direction) || {};
+            for (const w in A)
+              if (w > c && w < h && (!(i <= this.zoom) || w % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
+                const B = A[w].lng;
+                o > l ? B.forEach((d, P) => {
+                  var Q, S, _, H, Y, J;
                   if (i < 2) {
-                    if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const K = k.point([y, u], {
-                        val: ((D = f[u].val) == null ? void 0 : D[B]) || ((T = f[u].dir) == null ? void 0 : T[B]),
-                        spd: (N = f[u].spd) == null ? void 0 : N[B]
+                    if ((d >= 0 && d <= 360 || d >= -360 && d <= 0) && d % 10 === 0) {
+                      const W = M.point([d, w], {
+                        val: ((Q = A[w].val) == null ? void 0 : Q[P]) || ((S = A[w].dir) == null ? void 0 : S[P]),
+                        spd: (_ = A[w].spd) == null ? void 0 : _[P]
                       });
-                      v.push(K);
+                      L.push(W);
                     }
-                  } else if ((y >= o && y <= 180 || y >= -180 && y <= l) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const K = k.point([y, u], {
-                      val: ((O = f[u].val) == null ? void 0 : O[B]) || ((Q = f[u].dir) == null ? void 0 : Q[B]),
-                      spd: (Y = f[u].spd) == null ? void 0 : Y[B]
+                  } else if ((d >= o && d <= 180 || d >= -180 && d <= l) && (!(i <= this.zoom) || d % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
+                    const W = M.point([d, w], {
+                      val: ((H = A[w].val) == null ? void 0 : H[P]) || ((Y = A[w].dir) == null ? void 0 : Y[P]),
+                      spd: (J = A[w].spd) == null ? void 0 : J[P]
                     });
-                    v.push(K);
+                    L.push(W);
                   }
-                }) : C.forEach((y, B) => {
-                  var D, T, N, O, Q, Y;
+                }) : B.forEach((d, P) => {
+                  var Q, S, _, H, Y, J;
                   if (o < 2) {
-                    if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const K = k.point([y, u], {
-                        val: ((D = f[u].val) == null ? void 0 : D[B]) || ((T = f[u].dir) == null ? void 0 : T[B]),
-                        spd: (N = f[u].spd) == null ? void 0 : N[B]
+                    if ((d >= 0 && d <= 360 || d >= -360 && d <= 0) && d % 10 === 0) {
+                      const W = M.point([d, w], {
+                        val: ((Q = A[w].val) == null ? void 0 : Q[P]) || ((S = A[w].dir) == null ? void 0 : S[P]),
+                        spd: (_ = A[w].spd) == null ? void 0 : _[P]
                       });
-                      v.push(K);
+                      L.push(W);
                     }
-                  } else if (y >= o && y <= l && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const K = k.point([y, u], {
-                      val: ((O = f[u].val) == null ? void 0 : O[B]) || ((Q = f[u].dir) == null ? void 0 : Q[B]),
-                      spd: (Y = f[u].spd) == null ? void 0 : Y[B]
+                  } else if (d >= o && d <= l && (!(i <= this.zoom) || d % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
+                    const W = M.point([d, w], {
+                      val: ((H = A[w].val) == null ? void 0 : H[P]) || ((Y = A[w].dir) == null ? void 0 : Y[P]),
+                      spd: (J = A[w].spd) == null ? void 0 : J[P]
                     });
-                    v.push(K);
+                    L.push(W);
                   }
                 });
               }
-            if (a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("direction elapsed: ", a, ", total: ", e += a), A === "swell") {
-              const u = this.weatherLayers[A].height;
-              if (u) {
-                if (!u.data) {
-                  const C = [];
-                  for (const y in (p = u.raw) == null ? void 0 : p.LineString) {
-                    const B = u.raw.LineString[y];
-                    for (const D of B)
-                      C.push(
-                        k.lineString(D, {
-                          val: Number(y)
-                        })
-                      );
-                    u.data = k.featureCollection(C);
-                  }
-                }
-                if (u.data) {
-                  const C = this.handleBboxClip(u.data, r);
-                  v = v.concat(C);
+            a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell direction elapsed: ", a, ", total: ", e += a);
+            const f = this.weatherLayers[x].height;
+            if (f) {
+              if (!f.data) {
+                const w = [];
+                for (const B in (u = f.raw) == null ? void 0 : u.LineString) {
+                  const d = f.raw.LineString[B];
+                  for (const P of d)
+                    w.push(
+                      M.lineString(P, {
+                        val: Number(B)
+                      })
+                    );
+                  f.data = M.featureCollection(w);
                 }
-                a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("height elapsed: ", a, ", total: ", e += a);
               }
+              if (f.data) {
+                const w = this.handleBboxClip(f.data, r);
+                L = L.concat(w);
+              }
+              a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell height elapsed: ", a, ", total: ", e += a);
             }
-            if (A === "current") {
-              const u = this.weatherLayers[A].speed;
-              if (u) {
-                if (!u.data) {
-                  const y = [];
-                  for (const B in (w = u.raw) == null ? void 0 : w.Polygon) {
-                    const D = u.raw.Polygon[B];
-                    for (const T of D)
-                      y.push(
-                        k.polygon(T, {
-                          val: Number(B)
-                        })
-                      );
+          } else if (x === "current" && this.showCurrentIsoband) {
+            D = !0;
+            const A = ((b = this.weatherLayers[x]) == null ? void 0 : b.direction) || {};
+            for (const w in A)
+              if (w > c && w < h && (!(i <= this.zoom) || w % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
+                const B = A[w].lng;
+                o > l ? B.forEach((d, P) => {
+                  var Q, S, _, H, Y, J;
+                  if (i < 2) {
+                    if ((d >= 0 && d <= 360 || d >= -360 && d <= 0) && d % 10 === 0) {
+                      const W = M.point([d, w], {
+                        val: ((Q = A[w].val) == null ? void 0 : Q[P]) || ((S = A[w].dir) == null ? void 0 : S[P]),
+                        spd: (_ = A[w].spd) == null ? void 0 : _[P]
+                      });
+                      L.push(W);
+                    }
+                  } else if ((d >= o && d <= 180 || d >= -180 && d <= l) && (!(i <= this.zoom) || d % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
+                    const W = M.point([d, w], {
+                      val: ((H = A[w].val) == null ? void 0 : H[P]) || ((Y = A[w].dir) == null ? void 0 : Y[P]),
+                      spd: (J = A[w].spd) == null ? void 0 : J[P]
+                    });
+                    L.push(W);
+                  }
+                }) : B.forEach((d, P) => {
+                  var Q, S, _, H, Y, J;
+                  if (o < 2) {
+                    if ((d >= 0 && d <= 360 || d >= -360 && d <= 0) && d % 10 === 0) {
+                      const W = M.point([d, w], {
+                        val: ((Q = A[w].val) == null ? void 0 : Q[P]) || ((S = A[w].dir) == null ? void 0 : S[P]),
+                        spd: (_ = A[w].spd) == null ? void 0 : _[P]
+                      });
+                      L.push(W);
+                    }
+                  } else if (d >= o && d <= l && (!(i <= this.zoom) || d % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const W = M.point([d, w], {
+                      val: ((H = A[w].val) == null ? void 0 : H[P]) || ((Y = A[w].dir) == null ? void 0 : Y[P]),
+                      spd: (J = A[w].spd) == null ? void 0 : J[P]
+                    });
+                    L.push(W);
                   }
-                  u.data = k.featureCollection(y);
+                });
+              }
+            a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current direction elapsed: ", a, ", total: ", e += a);
+            const f = this.weatherLayers[x].speed;
+            if (f) {
+              if (!f.data) {
+                const B = [];
+                for (const d in (v = f.raw) == null ? void 0 : v.Polygon) {
+                  const P = f.raw.Polygon[d];
+                  for (const Q of P)
+                    B.push(
+                      M.polygon(Q, {
+                        val: Number(d)
+                      })
+                    );
                 }
-                const C = i < this.zoom ? u.data.features.filter((y) => y.properties.val > 0.5) : u.data.features;
-                v = v.concat(C), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("speed elapsed: ", a, ", total: ", e += a);
+                f.data = M.featureCollection(B);
               }
+              const w = i < this.zoom ? f.data.features.filter((B) => B.properties.val > 0.5) : f.data.features;
+              L = L.concat(w), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", a, ", total: ", e += a);
             }
-          } else if (A === "wind") {
-            E = !0;
-            const f = this.weatherLayers.wind.raw;
-            for (const u in f)
-              if (u > c && u < h && (!(i <= this.zoom) || u % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                const C = f[u].lng;
-                o > l ? C.forEach((y, B) => {
-                  var D, T, N, O;
+          } else if (x === "wind" && this.showWindFeather) {
+            D = !0;
+            const A = this.weatherLayers.wind.raw;
+            for (const f in A)
+              if (f > c && f < h && (!(i <= this.zoom) || f % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
+                const w = A[f].lng;
+                o > l ? w.forEach((B, d) => {
+                  var P, Q, S, _;
                   if (i < 2) {
-                    if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const Q = k.point([y, u], {
-                        dir: ((D = f[u].val) == null ? void 0 : D[B]) || ((T = f[u].dir) == null ? void 0 : T[B]),
-                        spd: f[u].spd[B]
+                    if ((B >= 0 && B <= 360 || B >= -360 && B <= 0) && B % 10 === 0) {
+                      const H = M.point([B, f], {
+                        dir: ((P = A[f].val) == null ? void 0 : P[d]) || ((Q = A[f].dir) == null ? void 0 : Q[d]),
+                        spd: A[f].spd[d]
                       });
-                      v.push(Q);
+                      L.push(H);
                     }
-                  } else if ((y >= o && y <= 180 || y >= -180 && y <= l) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const Q = k.point([y, u], {
-                      dir: ((N = f[u].val) == null ? void 0 : N[B]) || ((O = f[u].dir) == null ? void 0 : O[B]),
-                      spd: f[u].spd[B]
+                  } else if ((B >= o && B <= 180 || B >= -180 && B <= l) && (!(i <= this.zoom) || B % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
+                    const H = M.point([B, f], {
+                      dir: ((S = A[f].val) == null ? void 0 : S[d]) || ((_ = A[f].dir) == null ? void 0 : _[d]),
+                      spd: A[f].spd[d]
                     });
-                    v.push(Q);
+                    L.push(H);
                   }
-                }) : C.forEach((y, B) => {
-                  var D, T, N, O;
+                }) : w.forEach((B, d) => {
+                  var P, Q, S, _;
                   if (i < 2) {
-                    if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const Q = k.point([y, u], {
-                        dir: ((D = f[u].val) == null ? void 0 : D[B]) || ((T = f[u].dir) == null ? void 0 : T[B]),
-                        spd: f[u].spd[B]
+                    if ((B >= 0 && B <= 360 || B >= -360 && B <= 0) && B % 10 === 0) {
+                      const H = M.point([B, f], {
+                        dir: ((P = A[f].val) == null ? void 0 : P[d]) || ((Q = A[f].dir) == null ? void 0 : Q[d]),
+                        spd: A[f].spd[d]
                       });
-                      v.push(Q);
+                      L.push(H);
                     }
-                  } else if (y >= o && y <= l && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const Q = k.point([y, u], {
-                      dir: ((N = f[u].val) == null ? void 0 : N[B]) || ((O = f[u].dir) == null ? void 0 : O[B]),
-                      spd: f[u].spd[B]
+                  } else if (B >= o && B <= l && (!(i <= this.zoom) || B % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
+                    const H = M.point([B, f], {
+                      dir: ((S = A[f].val) == null ? void 0 : S[d]) || ((_ = A[f].dir) == null ? void 0 : _[d]),
+                      spd: A[f].spd[d]
                     });
-                    v.push(Q);
+                    L.push(H);
                   }
                 });
               }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("wind barb elapsed: ", a, ", total: ", e += a);
-          } else if (A === "sig-wave-height") {
-            if (this.weatherLayers[A].data)
-              v = this.weatherLayers[A].data;
+          } else if (x === "sig-wave-height") {
+            if (this.weatherLayers[x].data)
+              L = this.weatherLayers[x].data;
             else {
-              E = !0;
-              const f = this.weatherLayers[A].raw;
-              if (f) {
-                const u = [];
-                for (const C in f.Polygon) {
-                  const y = f.Polygon[C];
-                  for (const B of y)
-                    u.push(
-                      k.polygon(B, {
-                        val: Number(C)
+              D = !0;
+              const A = this.weatherLayers[x].raw;
+              if (A) {
+                const f = [];
+                for (const w in A.Polygon) {
+                  const B = A.Polygon[w];
+                  for (const d of B)
+                    f.push(
+                      M.polygon(d, {
+                        val: Number(w)
                       })
                     );
                 }
-                for (const C in f.Point) {
-                  const y = f.Point[C];
-                  for (let B = 0; B < ((b = y.lng) == null ? void 0 : b.length); B++)
-                    u.push(
-                      k.point([y.lng[B], C], {
-                        val: Number(y.val[B])
+                for (const w in A.Point) {
+                  const B = A.Point[w];
+                  for (let d = 0; d < ((y = B.lng) == null ? void 0 : y.length); d++)
+                    f.push(
+                      M.point([B.lng[d], w], {
+                        val: Number(B.val[d])
                       })
                     );
                 }
-                v = v.concat(u);
+                L = L.concat(f);
               }
             }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("sigWave elapsed: ", a, ", total: ", e += a);
-          } else if (A === "prmsl") {
-            if (this.weatherLayers[A].data)
-              v = this.weatherLayers[A].data;
+          } else if (x === "prmsl") {
+            if (this.weatherLayers[x].data)
+              L = this.weatherLayers[x].data;
             else {
-              E = !0;
-              const f = this.weatherLayers[A].raw;
-              if (f) {
-                const u = [];
-                for (const C in f.LineString) {
-                  const y = f.LineString[C];
-                  for (const B of y)
-                    u.push(
-                      k.lineString(B, {
-                        val: Number(C)
+              D = !0;
+              const A = this.weatherLayers[x].raw;
+              if (A) {
+                const f = [];
+                for (const w in A.LineString) {
+                  const B = A.LineString[w];
+                  for (const d of B)
+                    f.push(
+                      M.lineString(d, {
+                        val: Number(w)
                       })
                     );
                 }
-                for (const C in f.Point)
-                  f.Point[C].lng.forEach((y, B) => {
-                    y = X.convertToStdLng(y), u.push(
-                      k.point([y, C], {
-                        val: f.Point[C].val[B],
-                        type: f.Point[C].type[B]
+                for (const w in A.Point)
+                  A.Point[w].lng.forEach((B, d) => {
+                    B = q.convertToStdLng(B), f.push(
+                      M.point([B, w], {
+                        val: A.Point[w].val[d],
+                        type: A.Point[w].type[d]
                       })
                     );
                   });
-                v = v.concat(u);
+                L = L.concat(f);
               }
             }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", a, ", total: ", e += a);
           }
-          console.log(A, " elapsed: ", a, ", total: ", e += a), v.length && (this.weatherLayers[A].data = k.featureCollection(v)), E && (this.weatherLayers[A].version = Math.random() + 1);
+          L.length && (this.weatherLayers[x].data = M.featureCollection(L)), D && (this.weatherLayers[x].version = Math.random() + 1);
         }
       }
     },
@@ -8524,14 +8564,14 @@ const To = {
       this.handleDrawWeather4Json();
     },
     handleBboxClip(t, e) {
-      const a = [], r = X.convertToStdLng(e._sw.lng), i = X.convertToStdLng(e._ne.lng);
+      const a = [], r = q.convertToStdLng(e._sw.lng), i = q.convertToStdLng(e._ne.lng);
       return t.features.forEach((o) => {
         if (o.geometry.type !== "Point")
           if (r > i) {
-            let l = [r, e._sw.lat, 180, e._ne.lat], c = k.bboxClip(o, l);
-            c.geometry.coordinates.length && a.push(c), l = [-180, e._sw.lat, i, e._ne.lat], c = k.bboxClip(o, l), c.geometry.coordinates.length && a.push(c);
+            let l = [r, e._sw.lat, 180, e._ne.lat], c = M.bboxClip(o, l);
+            c.geometry.coordinates.length && a.push(c), l = [-180, e._sw.lat, i, e._ne.lat], c = M.bboxClip(o, l), c.geometry.coordinates.length && a.push(c);
           } else {
-            const l = [r, e._sw.lat, i, e._ne.lat], c = k.bboxClip(o, l);
+            const l = [r, e._sw.lat, i, e._ne.lat], c = M.bboxClip(o, l);
             c.geometry.coordinates.length && a.push(c);
           }
         else
@@ -8549,8 +8589,8 @@ const To = {
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var t, e, a, r, i, o, l, c, h, d, n, p, w, b, A, E;
-      (t = this.map) != null && t.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (a = this.otherLayers) != null && a["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (l = this.otherLayers) != null && l["time-zones"] || (c = this.otherLayers) != null && c.pirates || (h = this.otherLayers) != null && h.ports || (d = this.otherLayers) != null && d.enc || (n = this.otherLayers) != null && n.world12nm || (p = this.otherLayers) != null && p.worldMarine || (w = this.otherLayers) != null && w.chinaRoute || (b = this.otherLayers) != null && b["voluntary-reporting-area"] || (A = this.otherLayers) != null && A["eca-zones"] || (E = this.otherLayers) != null && E["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var t, e, a, r, i, o, l, c, h, p, n, u, b, v, y, x;
+      (t = this.map) != null && t.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (a = this.otherLayers) != null && a["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (l = this.otherLayers) != null && l["time-zones"] || (c = this.otherLayers) != null && c.pirates || (h = this.otherLayers) != null && h.ports || (p = this.otherLayers) != null && p.enc || (n = this.otherLayers) != null && n.world12nm || (u = this.otherLayers) != null && u.worldMarine || (b = this.otherLayers) != null && b.chinaRoute || (v = this.otherLayers) != null && v["voluntary-reporting-area"] || (y = this.otherLayers) != null && y["eca-zones"] || (x = this.otherLayers) != null && x["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
     handleDateChange(t = { tropicals: !1 }) {
       this.fetchWeatherLayers(t), this.fetchOtherLayers({ dayNight: !0 });
@@ -8584,8 +8624,8 @@ const To = {
       }
     },
     handle3dToggle(t) {
-      var e, a, r, i, o, l, c, h, d, n, p, w, b, A, E, v, f, u, C, y;
-      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((d = this.viewport) == null ? void 0 : d.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("move", this.handleDraWeather4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("move", this.handleDraWeather4Image), this.handleDraWeather4Image(), (w = this.map) != null && w.getLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer) && ((b = this.map) != null && b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((E = this.map) == null || E.moveLayer((A = this.viewport) == null ? void 0 : A.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (f = this.map) != null && f.getLayer((v = this.viewport) == null ? void 0 : v.particleLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((y = this.map) == null || y.moveLayer((C = this.viewport) == null ? void 0 : C.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+      var e, a, r, i, o, l, c, h, p, n, u, b, v, y, x, D, L, A, f, w;
+      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("move", this.handleDraWeather4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("move", this.handleDraWeather4Image), this.handleDraWeather4Image(), (b = this.map) != null && b.getLayer((u = this.viewport) == null ? void 0 : u.rampColorLayer) && ((v = this.map) != null && v.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((x = this.map) == null || x.moveLayer((y = this.viewport) == null ? void 0 : y.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (L = this.map) != null && L.getLayer((D = this.viewport) == null ? void 0 : D.particleLayer) && ((A = this.map) != null && A.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((w = this.map) == null || w.moveLayer((f = this.viewport) == null ? void 0 : f.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) => {
@@ -8609,10 +8649,10 @@ const To = {
   className: "map-gl-home"
 };
 function So(t, e, a, r, i, o) {
-  var Ae, ie, _, $, fe, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, Me, ze, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe;
-  const l = z("IdmGlLayer"), c = z("IdmENC"), h = z("IdmWorld12nm"), d = z("IdmWorldMarine"), n = z("IdmChinaRoute"), p = z("IdmSigWave"), w = z("IdmSwell"), b = z("IdmPrmsl"), A = z("IdmIceCover"), E = z("IdmIceThickness"), v = z("IdmTropicals"), f = z("IdmCurrents"), u = z("IdmCurrentParticle"), C = z("IdmWindBarb"), y = z("IdmWindParticle"), B = z("IdmPrecip3h"), D = z("IdmVisibility"), T = z("IdmWaterTemp"), N = z("IdmTemp"), O = z("IdmWarZone"), Q = z("IdmGmdssArea"), Y = z("IdmEcaZone"), K = z("IdmAlertZone"), ce = z("IdmPort"), he = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), ue = z("IdmSpecialArea"), me = z("IdmTerminator"), ge = z("IdmLatLng"), te = z("IdmMeasure"), oe = z("IdmPoint");
+  var Ae, oe, N, te, fe, se, le, ce, I, Le, xe, Be, Ie, Ee, De, Pe, ke, Me, ze, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe;
+  const l = T("IdmGlLayer"), c = T("IdmENC"), h = T("IdmWorld12nm"), p = T("IdmWorldMarine"), n = T("IdmChinaRoute"), u = T("IdmSigWave"), b = T("IdmSwell"), v = T("IdmPrmsl"), y = T("IdmIceCover"), x = T("IdmIceThickness"), D = T("IdmTropicals"), L = T("IdmCurrents"), A = T("IdmCurrentParticle"), f = T("IdmWindBarb"), w = T("IdmWindParticle"), B = T("IdmPrecip3h"), d = T("IdmVisibility"), P = T("IdmWaterTemp"), Q = T("IdmTemp"), S = T("IdmWarZone"), _ = T("IdmGmdssArea"), H = T("IdmEcaZone"), Y = T("IdmAlertZone"), J = T("IdmPort"), W = T("IdmLoadLine"), de = T("IdmTimezone"), pe = T("IdmVRA"), ue = T("IdmSpecialArea"), me = T("IdmTerminator"), ge = T("IdmLatLng"), ie = T("IdmMeasure"), ne = T("IdmPoint");
   return a.map ? (m(), g("div", Qo, [
-    M(l, H({
+    z(l, j({
       ref: "layer",
       map: a.map,
       "toggle-version": a.toggleVersion,
@@ -8627,81 +8667,85 @@ function So(t, e, a, r, i, o) {
       "forecast-model": a.forecastModel,
       onWeather: o.handleWeatherLayerChange,
       onOther: o.handleOtherLayerChange,
-      onToggleWindParticle: e[0] || (e[0] = (J) => i.showWindParticle = J),
-      onToggleWindFeather: e[1] || (e[1] = (J) => i.showWindFeather = J),
-      onToggleCurrentParticle: e[2] || (e[2] = (J) => i.showCurrentParticle = J),
-      onToggleCurrentIsoband: e[3] || (e[3] = (J) => i.showCurrentIsoband = J),
-      onToggleWindParticeVersion: e[4] || (e[4] = (J) => i.toggleWindParticeVersion = Math.random()),
-      onToggleCurrentParticeVersion: e[5] || (e[5] = (J) => i.toggleCurrentParticeVersion = Math.random()),
-      onCoordinate: e[6] || (e[6] = (J) => i.showCoord = J),
-      onMeasure: e[7] || (e[7] = (J) => i.showMeasure = J),
-      onPoint: e[8] || (e[8] = (J) => i.showPoint = J),
+      onToggleWindParticle: e[0] || (e[0] = (V) => i.showWindParticle = V),
+      onToggleWindFeather: e[1] || (e[1] = (V) => {
+        i.showWindFeather = V, o.handleDrawWeather4Json();
+      }),
+      onToggleCurrentParticle: e[2] || (e[2] = (V) => i.showCurrentParticle = V),
+      onToggleCurrentIsoband: e[3] || (e[3] = (V) => {
+        i.showCurrentIsoband = V, o.handleDrawWeather4Json();
+      }),
+      onToggleWindParticeVersion: e[4] || (e[4] = (V) => i.toggleWindParticeVersion = Math.random()),
+      onToggleCurrentParticeVersion: e[5] || (e[5] = (V) => i.toggleCurrentParticeVersion = Math.random()),
+      onCoordinate: e[6] || (e[6] = (V) => i.showCoord = V),
+      onMeasure: e[7] || (e[7] = (V) => i.showMeasure = V),
+      onPoint: e[8] || (e[8] = (V) => i.showPoint = V),
       on3d: o.handle3dToggle,
       onHandleToggleVersion: o.handleToggleVersion
     }), null, 16, ["map", "toggle-version", "map-projection", "show-wind-feather", "show-wind-particle", "show-current-isoband", "show-current-particle", "token", "gateway", "forecast-model", "onWeather", "onOther", "on3d", "onHandleToggleVersion"]),
-    M(c, H({
+    z(c, j({
       map: a.map,
       token: a.token,
       enabled: (Ae = i.otherLayers) == null ? void 0 : Ae.enc,
       "toggle-version": a.toggleVersion
     }, t.$attrs, {
-      onEnc: e[9] || (e[9] = (J) => i.enc = J)
+      onEnc: e[9] || (e[9] = (V) => i.enc = V)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
-    M(h, H({
+    z(h, j({
       map: a.map,
       token: a.token,
       "weather-layers": i.weatherLayers,
-      enabled: (ie = i.otherLayers) == null ? void 0 : ie.world12nm
+      enabled: (oe = i.otherLayers) == null ? void 0 : oe.world12nm
     }, t.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
-    M(d, H({
+    z(p, j({
       map: a.map,
       token: a.token,
       "weather-layers": i.weatherLayers,
-      enabled: (_ = i.otherLayers) == null ? void 0 : _.worldMarine
+      enabled: (N = i.otherLayers) == null ? void 0 : N.worldMarine
     }, t.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
-    M(n, H({
+    z(n, j({
       map: a.map,
       token: a.token,
       "weather-layers": i.weatherLayers,
-      enabled: ($ = i.otherLayers) == null ? void 0 : $.chinaRoute
+      enabled: (te = i.otherLayers) == null ? void 0 : te.chinaRoute
     }, t.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
-    M(p, H({
+    z(u, j({
       map: a.map,
       "sig-wave": (fe = i.weatherLayers) == null ? void 0 : fe["sig-wave-height"],
       "before-layer": a.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "sig-wave", "before-layer", "active-weather-layers"]),
-    M(w, H({
+    z(b, j({
       map: a.map,
-      swell: (re = i.weatherLayers) == null ? void 0 : re.swell,
+      swell: (se = i.weatherLayers) == null ? void 0 : se.swell,
       "before-layer": a.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "swell", "before-layer", "active-weather-layers"]),
-    M(b, H({
+    z(v, j({
       map: a.map,
-      prmsl: (se = i.weatherLayers) == null ? void 0 : se.prmsl,
+      prmsl: (le = i.weatherLayers) == null ? void 0 : le.prmsl,
       "before-layer": a.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
-    M(A, H({
+    z(y, j({
       viewport: i.viewport,
-      factor: (ne = i.weatherLayers) == null ? void 0 : ne["ice-cover"],
+      factor: (ce = i.weatherLayers) == null ? void 0 : ce["ice-cover"],
       "toggle-version": a.toggleVersion,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["viewport", "factor", "toggle-version", "before-layer"]),
-    M(E, H({
+    z(x, j({
       viewport: i.viewport,
-      factor: (x = i.weatherLayers) == null ? void 0 : x["ice-thickness"],
+      factor: (I = i.weatherLayers) == null ? void 0 : I["ice-thickness"],
       "toggle-version": a.toggleVersion,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["viewport", "factor", "toggle-version", "before-layer"]),
-    M(v, H({
+    z(D, j({
       map: a.map,
       date: a.ts,
       tropicals: (Le = i.weatherLayers) == null ? void 0 : Le.tropicals,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
-    M(f, H({
+    z(L, j({
       map: a.map,
       "map-projection": i.mapProjection,
       current: (xe = i.weatherLayers) == null ? void 0 : xe.current,
@@ -8716,13 +8760,13 @@ function So(t, e, a, r, i, o) {
       onParticle: o.handleParticle,
       onHandleToggleVersion: o.handleToggleVersion
     }), null, 16, ["map", "map-projection", "current", "before-layer", "show-current-isoband", "show-current-particle", "toggle-partice-version", "margin-bottom", "toggle-version", "weather-layers", "onParticle", "onHandleToggleVersion"]),
-    M(u, H({
+    z(A, j({
       viewport: i.viewport,
       factor: (Be = i.weatherLayers) == null ? void 0 : Be["current-particle"],
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    M(C, H({
+    z(f, j({
       ref: "windBarb",
       map: a.map,
       "map-projection": i.mapProjection,
@@ -8738,96 +8782,96 @@ function So(t, e, a, r, i, o) {
       "weather-layers": i.weatherLayers,
       onParticle: o.handleParticle
     }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "show-wind-feather", "show-wind-particle", "toggle-partice-version", "toggle-version", "weather-layers", "onParticle"]),
-    M(y, H({
+    z(w, j({
       viewport: i.viewport,
       factor: (De = i.weatherLayers) == null ? void 0 : De["wind-particle"],
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    M(B, H({
+    z(B, j({
       viewport: i.viewport,
       factor: (Pe = i.weatherLayers) == null ? void 0 : Pe.precip3h,
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    M(D, H({
+    z(d, j({
       viewport: i.viewport,
       factor: (ke = i.weatherLayers) == null ? void 0 : ke.visibility,
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    M(T, H({
+    z(P, j({
       viewport: i.viewport,
       factor: (Me = i.weatherLayers) == null ? void 0 : Me["water-temp"],
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    M(N, H({
+    z(Q, j({
       viewport: i.viewport,
       factor: (ze = i.weatherLayers) == null ? void 0 : ze.temp,
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    M(O, H({
+    z(S, j({
       map: a.map,
       zone: (Te = i.otherLayers) == null ? void 0 : Te["war-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    M(Q, H({
+    z(_, j({
       map: a.map,
       area: (Qe = i.otherLayers) == null ? void 0 : Qe["gmdss-areas"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
-    M(Y, H({
+    z(H, j({
       map: a.map,
       zone: (Se = i.otherLayers) == null ? void 0 : Se["eca-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    M(K, H({
+    z(Y, j({
       map: a.map,
       zone: (_e = i.otherLayers) == null ? void 0 : _e["alert-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    M(ce, H({
+    z(J, j({
       map: a.map,
       port: (He = i.otherLayers) == null ? void 0 : He.ports,
       "before-layer": a.beforeLayer,
       "forecast-model": a.forecastModel
     }, t.$attrs), null, 16, ["map", "port", "before-layer", "forecast-model"]),
-    M(he, H({
+    z(W, j({
       map: a.map,
       line: (Oe = i.otherLayers) == null ? void 0 : Oe["load-lines"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "line", "before-layer"]),
-    M(de, H({
+    z(de, j({
       map: a.map,
       zone: (Ne = i.otherLayers) == null ? void 0 : Ne["time-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    M(pe, H({
+    z(pe, j({
       map: a.map,
       area: (je = i.otherLayers) == null ? void 0 : je["voluntary-reporting-area"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
-    M(ue, H({
+    z(ue, j({
       map: a.map,
       area: (Re = i.otherLayers) == null ? void 0 : Re["special-area"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
-    M(me, H({
+    z(me, j({
       map: a.map,
       area: (Fe = i.otherLayers) == null ? void 0 : Fe["day-night"]
     }, t.$attrs), null, 16, ["map", "area"]),
-    M(ge, H({
+    z(ge, j({
       map: a.map,
       show: i.showCoord,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["map", "show", "toggle-version"]),
-    M(te, H({
+    z(ie, j({
       map: a.map,
       show: i.showMeasure
     }, t.$attrs), null, 16, ["map", "show"]),
-    M(oe, H({
+    z(ne, j({
       ref: "idmPoint",
       map: a.map,
       show: i.showPoint,
@@ -8837,9 +8881,9 @@ function So(t, e, a, r, i, o) {
       gateway: i.gateway,
       "forecast-model": a.forecastModel
     }, t.$attrs), null, 16, ["map", "show", "meteo", "ts", "token", "gateway", "forecast-model"])
-  ], 512)) : j("", !0);
+  ], 512)) : R("", !0);
 }
-const _o = /* @__PURE__ */ S(To, [["render", So]]), Ko = {
+const _o = /* @__PURE__ */ O(To, [["render", So]]), Ko = {
   install(t) {
     t.component("MapboxGL", _o), t.component("TropicalGL", lt), t.component("LatLngGL", ct);
   }
@@ -8849,9 +8893,9 @@ export {
   _o as MapboxGL,
   Ko as MapboxGLPlugin,
   ra as MapboxHelper,
-  ee as ParticleSchema,
+  ae as ParticleSchema,
   lt as TropicalGL,
   Je as Viewport,
   Ce as WebGL,
-  Z as WebGLSchema
+  ee as WebGLSchema
 };