@idmwx/idmui-gl4 0.0.1 → 0.0.3

package/dist/index.js

@@ -1,22 +1,22 @@
-var mt = Object.defineProperty;
-var ut = (a, e, t) => e in a ? mt(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var ee = (a, e, t) => (ut(a, typeof e != "symbol" ? e + "" : e, t), t);
+var ut = Object.defineProperty;
+var gt = (a, e, t) => e in a ? ut(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var ee = (a, e, t) => (gt(a, typeof e != "symbol" ? e + "" : e, t), t);
 import { LayerHelper as Ze, CompanyHelper as $e } from "@idm-plugin/tag";
 import te from "moment";
-import He from "axios";
+import Ne from "axios";
 import Ke from "moment-timezone";
-import { resolveComponent as O, openBlock as m, createElementBlock as u, createElementVNode as o, normalizeStyle as oe, createVNode as R, withCtx as Ee, normalizeClass as J, Fragment as Z, renderList as $, toDisplayString as I, createCommentVNode as q, createBlock as gt, createTextVNode as le, withDirectives as Re, createStaticVNode as yt, vShow as Fe, defineComponent as ft, withModifiers as Ve, mergeProps as Y } from "vue";
+import { resolveComponent as F, openBlock as m, createElementBlock as u, createElementVNode as o, normalizeStyle as oe, createVNode as R, withCtx as Ee, normalizeClass as q, Fragment as Z, renderList as $, toDisplayString as I, createCommentVNode as J, createBlock as yt, createTextVNode as le, withDirectives as Oe, createStaticVNode as ft, vShow as Fe, defineComponent as At, withModifiers as Ve, mergeProps as Y } from "vue";
 import * as T from "@turf/turf";
-import At from "@mapbox/sphericalmercator";
-import We from "mapbox-gl";
-import { TropicalHelper as ct, LngLatHelper as se, LaneHelper as je } from "@idm-plugin/geo";
+import wt from "@mapbox/sphericalmercator";
+import ke from "mapbox-gl";
+import { TropicalHelper as dt, LngLatHelper as se, LaneHelper as We } from "@idm-plugin/geo";
 import { TidesAssist as et, Meteo2Assist as Xe } from "@idm-plugin/meteo";
-const G = (a, e) => {
+const W = (a, e) => {
   const t = a.__vccOpts || a;
   for (const [r, i] of e)
     t[r] = i;
   return t;
-}, wt = {
+}, vt = {
   name: "IdmGlLayer",
   props: {
     map: {
@@ -195,7 +195,7 @@ const G = (a, e) => {
     async fetchMeteoSource() {
       var e;
       this.sourceList = [];
-      let a = await He.get(`${this.gateway}/api/arc/meteo2/models`, {
+      let a = await Ne.get(`${this.gateway}/api/arc/meteo2/models`, {
         headers: {
           Authorization: this.token
         }
@@ -283,63 +283,63 @@ const G = (a, e) => {
       this.show3d = !this.show3d, this.$emit("3d", this.show3d);
     }
   }
-}, vt = { class: "idm-gl3-layer" }, bt = { class: "bar-item layer-bars" }, Lt = { class: "bar-item tool-bars" }, Ct = { class: "flex-between" }, xt = {
+}, bt = { class: "idm-gl4-layer" }, Lt = { class: "bar-item layer-bars" }, Ct = { class: "bar-item tool-bars" }, xt = { class: "flex-between" }, _t = {
   key: 0,
   class: "iconfont active"
-}, _t = {
+}, Bt = {
   key: 1,
   class: "iconfont"
-}, Bt = ["onClick"], It = ["onClick"], Et = {
+}, It = ["onClick"], Et = ["onClick"], kt = {
   key: 0,
   class: "flex-start"
-}, kt = {
+}, Dt = {
   key: 1,
   class: "flex-start"
-}, Dt = {
+}, zt = {
   key: 2,
   class: "flex-start"
-}, zt = { class: "header-box flex-between" }, Pt = { class: "weather-layers card-bg" }, Mt = { class: "layers-title flex-between" }, St = {
+}, Pt = { class: "header-box flex-between" }, Mt = { class: "weather-layers card-bg" }, St = { class: "layers-title flex-between" }, Tt = {
   key: 0,
   class: "iconfont active"
-}, Tt = {
+}, Qt = {
   key: 1,
   class: "iconfont"
-}, Qt = { class: "layers-body" }, Ht = { class: "flex-start" }, Nt = ["onClick"], Rt = ["onClick"], Ft = {
+}, Ht = { class: "layers-body" }, Nt = { class: "flex-start" }, Rt = ["onClick"], Ot = ["onClick"], Ft = {
   key: 0,
   class: "flex-start"
-}, Ot = {
+}, jt = {
   key: 1,
   class: "flex-start"
-}, jt = {
+}, Wt = {
   key: 2,
   class: "flex-start"
-}, Wt = ["onClick"], Gt = {
+}, Gt = ["onClick"], Ut = {
   key: 0,
   class: "iconfont bookmark-icon active"
-}, Ut = {
+}, Yt = {
   key: 1,
   class: "iconfont bookmark-icon inactive"
-}, Yt = { class: "other-layers card-bg" }, Kt = { class: "layers-body" }, Xt = ["onClick"], Jt = { class: "flex-start" }, qt = { class: "switch flex-center" }, Vt = {
+}, Kt = { class: "other-layers card-bg" }, Xt = { class: "layers-body" }, qt = ["onClick"], Jt = { class: "flex-start" }, Vt = { class: "switch flex-center" }, Zt = {
   key: 0,
   class: "iconfont active"
-}, Zt = {
+}, $t = {
   key: 1,
   class: "iconfont"
-}, $t = { class: "source-layers card-bg" }, ea = { class: "layers-body" }, ta = { key: 0 }, aa = {
+}, ea = { class: "source-layers card-bg" }, ta = { class: "layers-body" }, aa = { key: 0 }, ia = {
   key: 1,
   class: "radio-tip"
-}, ia = {
+}, ra = {
   key: 2,
   class: "radio-tip"
 };
-function ra(a, e, t, r, i, s) {
-  const n = O("ElTooltip"), l = O("ElRadio"), c = O("ElRadioGroup"), p = O("ElScrollbar");
-  return m(), u("div", vt, [
+function sa(a, e, t, r, i, s) {
+  const n = F("ElTooltip"), l = F("ElRadio"), c = F("ElRadioGroup"), p = F("ElScrollbar");
+  return m(), u("div", bt, [
     o("div", {
       class: "menu-bar-box",
       style: oe({ top: t.top + 10 + "px", right: i.right + "px" })
     }, [
-      o("div", bt, [
+      o("div", Lt, [
         R(n, {
           placement: "left",
           effect: "light",
@@ -348,7 +348,7 @@ function ra(a, e, t, r, i, s) {
         }, {
           default: Ee(() => [
             o("div", {
-              class: J(t.layerToggle ? "menu-icon active" : "menu-icon"),
+              class: q(t.layerToggle ? "menu-icon active" : "menu-icon"),
               onClick: e[0] || (e[0] = (...h) => s.handleMenuToggle && s.handleMenuToggle(...h))
             }, e[21] || (e[21] = [
               o("span", { class: "iconfont" }, "", -1)
@@ -362,7 +362,7 @@ function ra(a, e, t, r, i, s) {
       class: "menu-bar-box",
       style: oe({ top: t.top + 160 + "px", right: i.right + "px" })
     }, [
-      o("div", Lt, [
+      o("div", Ct, [
         R(n, {
           placement: "left",
           effect: "light",
@@ -371,7 +371,7 @@ function ra(a, e, t, r, i, s) {
         }, {
           default: Ee(() => [
             o("div", {
-              class: J(i.showMeasure ? "menu-icon active" : "menu-icon"),
+              class: q(i.showMeasure ? "menu-icon active" : "menu-icon"),
               onClick: e[1] || (e[1] = (...h) => s.handleMeasureToggle && s.handleMeasureToggle(...h))
             }, e[22] || (e[22] = [
               o("span", { class: "iconfont" }, "", -1)
@@ -387,7 +387,7 @@ function ra(a, e, t, r, i, s) {
         }, {
           default: Ee(() => [
             o("div", {
-              class: J(i.showPoint ? "menu-icon active" : "menu-icon"),
+              class: q(i.showPoint ? "menu-icon active" : "menu-icon"),
               onClick: e[2] || (e[2] = (...h) => s.handlePointToggle && s.handlePointToggle(...h))
             }, e[23] || (e[23] = [
               o("span", { class: "iconfont" }, "", -1)
@@ -403,7 +403,7 @@ function ra(a, e, t, r, i, s) {
         }, {
           default: Ee(() => [
             o("div", {
-              class: J(i.showCoord ? "menu-icon active" : "menu-icon"),
+              class: q(i.showCoord ? "menu-icon active" : "menu-icon"),
               onClick: e[3] || (e[3] = (...h) => s.handleCoordToggle && s.handleCoordToggle(...h))
             }, e[24] || (e[24] = [
               o("span", { class: "iconfont" }, "", -1)
@@ -419,7 +419,7 @@ function ra(a, e, t, r, i, s) {
         }, {
           default: Ee(() => [
             o("div", {
-              class: J(i.show3d ? "menu-icon active" : "menu-icon"),
+              class: q(i.show3d ? "menu-icon active" : "menu-icon"),
               onClick: e[4] || (e[4] = (...h) => s.handle3DToggle && s.handle3DToggle(...h))
             }, e[25] || (e[25] = [
               o("span", { class: "iconfont" }, "", -1)
@@ -434,68 +434,68 @@ function ra(a, e, t, r, i, s) {
       class: "active-layers",
       style: oe({ right: i.right + "px", bottom: "100px" })
     }, [
-      o("div", Ct, [
+      o("div", xt, [
         e[26] || (e[26] = o("div", { style: { margin: "2px 5px" } }, "Weather Layers", -1)),
         o("div", {
           class: "switch flex-center",
           style: { "font-size": "28px", "margin-right": "0" },
           onClick: e[5] || (e[5] = (...h) => s.toggleAutoActive && s.toggleAutoActive(...h))
         }, [
-          i.autoActive ? (m(), u("i", xt, "")) : (m(), u("i", _t, ""))
+          i.autoActive ? (m(), u("i", _t, "")) : (m(), u("i", Bt, ""))
         ])
       ]),
       (m(!0), u(Z, null, $(i.layers.weather.filter((h) => h.collected), (h) => (m(), u("div", {
         key: h.key,
-        class: J(s.computeLayerClass(h, i.activeWeatherLayersCollected))
+        class: q(s.computeLayerClass(h, i.activeWeatherLayersCollected))
       }, [
         o("div", {
           class: "checkbox",
           onClick: (d) => s.handleClickLayer(h)
-        }, null, 8, Bt),
+        }, null, 8, It),
         o("span", {
           class: "name",
           onClick: (d) => s.handleClickLayer(h)
-        }, I(h.name), 9, It),
-        h.key === "wind" && i.activeWeatherLayersCollected.some((d) => d.key === h.key) ? (m(), u("div", Et, [
+        }, I(h.name), 9, Et),
+        h.key === "wind" && i.activeWeatherLayersCollected.some((d) => d.key === h.key) ? (m(), u("div", kt, [
           o("i", {
-            class: J(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
+            class: q(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
             onClick: e[6] || (e[6] = (d) => s.handleToggleWindParticle())
           }, "", 2),
           o("i", {
-            class: J(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
+            class: q(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
             onClick: e[7] || (e[7] = (d) => s.handleToggleWindFeather())
           }, "", 2)
-        ])) : q("", !0),
-        h.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === h.key) ? (m(), u("div", kt, [
+        ])) : J("", !0),
+        h.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === h.key) ? (m(), u("div", Dt, [
           o("i", {
-            class: J(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
+            class: q(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
             onClick: e[8] || (e[8] = (d) => s.handleToggleCurrentParticle())
           }, "", 2),
           o("i", {
-            class: J(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
+            class: q(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
             onClick: e[9] || (e[9] = (d) => s.handleToggleCurrentIsoband())
           }, "", 2)
-        ])) : q("", !0),
-        h.key === "sig-wave-height" && i.activeWeatherLayersCollected.some((d) => d.key === h.key || d.key === "sig-wave") ? (m(), u("div", Dt, [
+        ])) : J("", !0),
+        h.key === "sig-wave-height" && i.activeWeatherLayersCollected.some((d) => d.key === h.key || d.key === "sig-wave") ? (m(), u("div", zt, [
           o("i", {
-            class: J(["iconfont sub-layer-icon", i.activeWeatherLayers.some((d) => d.key === "sig-wave") ? "active" : ""]),
+            class: q(["iconfont sub-layer-icon", i.activeWeatherLayers.some((d) => d.key === "sig-wave") ? "active" : ""]),
             onClick: e[10] || (e[10] = (d) => s.handleToggleSigWaveRamp())
           }, "", 2),
           o("i", {
-            class: J(["iconfont sub-layer-icon", i.activeWeatherLayers.some((d) => d.key === "sig-wave-height") ? "active" : ""]),
+            class: q(["iconfont sub-layer-icon", i.activeWeatherLayers.some((d) => d.key === "sig-wave-height") ? "active" : ""]),
             onClick: e[11] || (e[11] = (d) => s.handleToggleSigWaveHeight())
           }, "", 2)
-        ])) : q("", !0)
+        ])) : J("", !0)
       ], 2))), 128))
-    ], 4)) : q("", !0),
+    ], 4)) : J("", !0),
     o("div", {
       class: "available-layers flex-center",
       style: oe({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
     }, [
       o("div", {
-        class: J(["list-box", t.layerToggle ? "right-bar" : ""])
+        class: q(["list-box", t.layerToggle ? "right-bar" : ""])
       }, [
-        o("div", zt, [
+        o("div", Pt, [
           e[27] || (e[27] = o("div", null, "Layers", -1)),
           o("div", {
             class: "iconfont close-btn",
@@ -504,70 +504,70 @@ function ra(a, e, t, r, i, s) {
         ]),
         R(p, { style: { flex: "1" } }, {
           default: Ee(() => [
-            o("div", Pt, [
-              o("div", Mt, [
+            o("div", Mt, [
+              o("div", St, [
                 e[28] || (e[28] = o("div", null, "Weather Layers", -1)),
                 o("div", {
                   class: "switch flex-center",
                   style: { "margin-right": "0" },
                   onClick: e[13] || (e[13] = (...h) => s.toggleAutoActive && s.toggleAutoActive(...h))
                 }, [
-                  i.autoActive ? (m(), u("i", St, "")) : (m(), u("i", Tt, ""))
+                  i.autoActive ? (m(), u("i", Tt, "")) : (m(), u("i", Qt, ""))
                 ])
               ]),
-              o("div", Qt, [
+              o("div", Ht, [
                 (m(!0), u(Z, null, $(i.layers.weather, (h) => (m(), u(Z, {
                   key: h.key
                 }, [
-                  h.hide ? q("", !0) : (m(), u("div", {
+                  h.hide ? J("", !0) : (m(), u("div", {
                     key: 0,
-                    class: J(s.computeLayerClass(h, i.activeWeatherLayersCollected))
+                    class: q(s.computeLayerClass(h, i.activeWeatherLayersCollected))
                   }, [
-                    o("div", Ht, [
+                    o("div", Nt, [
                       o("div", {
                         class: "checkbox",
                         onClick: (d) => s.handleClickLayer(h)
-                      }, null, 8, Nt),
+                      }, null, 8, Rt),
                       o("span", {
                         class: "name",
                         onClick: (d) => s.handleClickLayer(h)
-                      }, I(h.name), 9, Rt),
+                      }, I(h.name), 9, Ot),
                       h.key === "wind" && i.activeWeatherLayersCollected.some((d) => d.key === h.key) ? (m(), u("div", Ft, [
                         o("i", {
-                          class: J(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
+                          class: q(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
                           onClick: e[14] || (e[14] = (d) => s.handleToggleWindParticle())
                         }, "", 2),
                         o("i", {
-                          class: J(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
+                          class: q(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
                           onClick: e[15] || (e[15] = (d) => s.handleToggleWindFeather())
                         }, "", 2)
-                      ])) : q("", !0),
-                      h.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === h.key) ? (m(), u("div", Ot, [
+                      ])) : J("", !0),
+                      h.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === h.key) ? (m(), u("div", jt, [
                         o("i", {
-                          class: J(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
+                          class: q(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
                           onClick: e[16] || (e[16] = (d) => s.handleToggleCurrentParticle())
                         }, "", 2),
                         o("i", {
-                          class: J(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
+                          class: q(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
                           onClick: e[17] || (e[17] = (d) => s.handleToggleCurrentIsoband())
                         }, "", 2)
-                      ])) : q("", !0),
-                      h.key === "sig-wave-height" && i.activeWeatherLayersCollected.some((d) => d.key === h.key || d.key === "sig-wave") ? (m(), u("div", jt, [
+                      ])) : J("", !0),
+                      h.key === "sig-wave-height" && i.activeWeatherLayersCollected.some((d) => d.key === h.key || d.key === "sig-wave") ? (m(), u("div", Wt, [
                         o("i", {
-                          class: J(["iconfont sub-layer-icon", i.activeWeatherLayers.some((d) => d.key === "sig-wave") ? "active" : ""]),
+                          class: q(["iconfont sub-layer-icon", i.activeWeatherLayers.some((d) => d.key === "sig-wave") ? "active" : ""]),
                           onClick: e[18] || (e[18] = (d) => s.handleToggleSigWaveRamp())
                         }, "", 2),
                         o("i", {
-                          class: J(["iconfont sub-layer-icon", i.activeWeatherLayers.some((d) => d.key === "sig-wave-height") ? "active" : ""]),
+                          class: q(["iconfont sub-layer-icon", i.activeWeatherLayers.some((d) => d.key === "sig-wave-height") ? "active" : ""]),
                           onClick: e[19] || (e[19] = (d) => s.handleToggleSigWaveHeight())
                         }, "", 2)
-                      ])) : q("", !0)
+                      ])) : J("", !0)
                     ]),
                     o("div", {
                       onClick: (d) => s.handleWeatherLayerCollect(h)
                     }, [
-                      h.collected ? (m(), u("i", Gt, "")) : (m(), u("i", Ut, ""))
-                    ], 8, Wt)
+                      h.collected ? (m(), u("i", Ut, "")) : (m(), u("i", Yt, ""))
+                    ], 8, Gt)
                   ], 2))
                 ], 64))), 128)),
                 e[29] || (e[29] = o("div", { class: "tip flex-start" }, [
@@ -579,29 +579,29 @@ function ra(a, e, t, r, i, s) {
                 ], -1))
               ])
             ]),
-            o("div", Yt, [
+            o("div", Kt, [
               e[30] || (e[30] = o("div", { class: "layers-title" }, "Other Layers", -1)),
-              o("div", Kt, [
+              o("div", Xt, [
                 (m(!0), u(Z, null, $(i.layers.other, (h) => {
                   var d;
                   return m(), u("div", {
                     key: h.key,
-                    class: J(["layer flex-between", s.computeLayerClass(h, i.activeOtherLayers)]),
+                    class: q(["layer flex-between", s.computeLayerClass(h, i.activeOtherLayers)]),
                     onClick: (f) => s.handleOtherLayerPick(h)
                   }, [
                     o("div", Jt, [
-                      o("div", qt, [
-                        (d = s.computeLayerClass(h, i.activeOtherLayers)) != null && d.includes("active") ? (m(), u("i", Vt, "")) : (m(), u("i", Zt, ""))
+                      o("div", Vt, [
+                        (d = s.computeLayerClass(h, i.activeOtherLayers)) != null && d.includes("active") ? (m(), u("i", Zt, "")) : (m(), u("i", $t, ""))
                       ]),
                       o("span", null, I(h.name), 1)
                     ])
-                  ], 10, Xt);
+                  ], 10, qt);
                 }), 128))
               ])
             ]),
-            o("div", $t, [
+            o("div", ea, [
               e[31] || (e[31] = o("span", { class: "layers-title" }, "Forecast Model", -1)),
-              o("div", ea, [
+              o("div", ta, [
                 R(c, {
                   modelValue: i.source,
                   "onUpdate:modelValue": e[20] || (e[20] = (h) => i.source = h),
@@ -609,7 +609,7 @@ function ra(a, e, t, r, i, s) {
                   style: { width: "180px", "align-items": "flex-start" }
                 }, {
                   default: Ee(() => [
-                    (m(!0), u(Z, null, $(i.sourceList, (h, d) => (m(), gt(l, {
+                    (m(!0), u(Z, null, $(i.sourceList, (h, d) => (m(), yt(l, {
                       key: `source${h.name}`,
                       value: h.name
                     }, {
@@ -617,8 +617,8 @@ function ra(a, e, t, r, i, s) {
                         var f, v, k, w, D, _;
                         return [
                           le(I(h.name) + " ", 1),
-                          d !== 0 ? (m(), u("span", ta, I(h.resolution) + "km " + I(h.length) + "days", 1)) : q("", !0),
-                          d === 0 ? (m(), u("div", aa, "Provides the best forecast")) : (k = (v = (f = h == null ? void 0 : h.update) == null ? void 0 : f.default) == null ? void 0 : v.meta) != null && k.initialisationTime ? (m(), u("div", ia, "Update: " + I(s.computeDateZ((_ = (D = (w = h == null ? void 0 : h.update) == null ? void 0 : w.default) == null ? void 0 : D.meta) == null ? void 0 : _.initialisationTime)), 1)) : q("", !0)
+                          d !== 0 ? (m(), u("span", aa, I(h.resolution) + "km " + I(h.length) + "days", 1)) : J("", !0),
+                          d === 0 ? (m(), u("div", ia, "Provides the best forecast")) : (k = (v = (f = h == null ? void 0 : h.update) == null ? void 0 : f.default) == null ? void 0 : v.meta) != null && k.initialisationTime ? (m(), u("div", ra, "Update: " + I(s.computeDateZ((_ = (D = (w = h == null ? void 0 : h.update) == null ? void 0 : w.default) == null ? void 0 : D.meta) == null ? void 0 : _.initialisationTime)), 1)) : J("", !0)
                         ];
                       }),
                       _: 2
@@ -635,8 +635,8 @@ function ra(a, e, t, r, i, s) {
     ], 4)
   ]);
 }
-const sa = /* @__PURE__ */ G(wt, [["render", ra]]);
-const oa = {
+const oa = /* @__PURE__ */ W(vt, [["render", sa]]);
+const na = {
   name: "IdmWindBarb",
   props: {
     map: {
@@ -778,11 +778,11 @@ const oa = {
     }
   }
 };
-function na(a, e, t, r, i, s) {
+function la(a, e, t, r, i, s) {
   return null;
 }
-const la = /* @__PURE__ */ G(oa, [["render", na]]);
-class tt {
+const ha = /* @__PURE__ */ W(na, [["render", la]]);
+class at {
   constructor(e) {
     ee(this, "map");
     ee(this, "mercator");
@@ -793,7 +793,7 @@ class tt {
     ee(this, "rampColorCanvas");
     ee(this, "particleCanvas");
     ee(this, "ratio");
-    this.map = e, this.mercator = new At(), 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;
+    this.map = e, this.mercator = new wt(), 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;
   }
   /**
    * 转换为[-180, 180]的经度，且包含转换次数
@@ -865,7 +865,7 @@ class tt {
     t !== r && this.map.setLayoutProperty(this.particleLayer, "visibility", r);
   }
 }
-class Oe {
+class je {
   /**
    * 创建着色器
    * @see https://webglfundamentals.org/webgl/lessons/zh_cn/webgl-shaders-and-glsl.html
@@ -1258,7 +1258,7 @@ ee(be, "vertexSchema", `
         fract(pos * 255.0),
         floor(pos * 255.0) / 255.0);
     }`);
-class ha {
+class tt {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     ee(this, "token");
     ee(this, "mapboxCustomer");
@@ -5556,7 +5556,7 @@ const ca = {
       type: Object
     },
     viewport: {
-      type: tt
+      type: at
     },
     bottom: {
       type: String,
@@ -5573,7 +5573,7 @@ const ca = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Oe(),
+      webgl: new je(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -5728,9 +5728,9 @@ function pa(a, e, t, r, i, s) {
       o("span", null, "40", -1),
       o("span", null, "60", -1)
     ]), 4)
-  ])) : q("", !0);
+  ])) : J("", !0);
 }
-const ma = /* @__PURE__ */ G(ca, [["render", pa], ["__scopeId", "data-v-24e5434b"]]);
+const ma = /* @__PURE__ */ W(ca, [["render", pa], ["__scopeId", "data-v-24e5434b"]]);
 const ua = {
   name: "IdmCurrent",
   props: {
@@ -5901,7 +5901,7 @@ const ua = {
 function ga(a, e, t, r, i, s) {
   return null;
 }
-const ya = /* @__PURE__ */ G(ua, [["render", ga]]);
+const ya = /* @__PURE__ */ W(ua, [["render", ga]]);
 const fa = {
   name: "IdmCurrentParticle",
   props: {
@@ -5909,7 +5909,7 @@ const fa = {
       type: Object
     },
     viewport: {
-      type: tt
+      type: at
     },
     bottom: {
       type: String,
@@ -5926,7 +5926,7 @@ const fa = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Oe(),
+      webgl: new je(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -6077,9 +6077,9 @@ function wa(a, e, t, r, i, s) {
       o("span", null, "2", -1),
       o("span", null, "3.2", -1)
     ]), 4)
-  ])) : q("", !0);
+  ])) : J("", !0);
 }
-const va = /* @__PURE__ */ G(fa, [["render", wa], ["__scopeId", "data-v-02a8206f"]]);
+const va = /* @__PURE__ */ W(fa, [["render", wa], ["__scopeId", "data-v-02a8206f"]]);
 const ba = {
   name: "IdmTemp",
   props: {
@@ -6108,7 +6108,7 @@ const ba = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Oe(),
+      webgl: new je(),
       etime: void 0,
       right: 10
     };
@@ -6209,9 +6209,9 @@ function Ca(a, e, t, r, i, s) {
       o("span", null, "6", -1),
       o("span", null, "9", -1)
     ]), 4)
-  ])) : q("", !0);
+  ])) : J("", !0);
 }
-const xa = /* @__PURE__ */ G(ba, [["render", Ca], ["__scopeId", "data-v-cdd80281"]]), _a = {
+const xa = /* @__PURE__ */ W(ba, [["render", Ca], ["__scopeId", "data-v-cdd80281"]]), _a = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -6336,7 +6336,7 @@ const xa = /* @__PURE__ */ G(ba, [["render", Ca], ["__scopeId", "data-v-cdd80281
 function Ba(a, e, t, r, i, s) {
   return m(), u("div");
 }
-const Ia = /* @__PURE__ */ G(_a, [["render", Ba]]), Ea = {
+const Ia = /* @__PURE__ */ W(_a, [["render", Ba]]), Ea = {
   name: "IdmSwell",
   props: {
     map: {
@@ -6503,7 +6503,7 @@ const Ia = /* @__PURE__ */ G(_a, [["render", Ba]]), Ea = {
 function ka(a, e, t, r, i, s) {
   return m(), u("div");
 }
-const Da = /* @__PURE__ */ G(Ea, [["render", ka]]), za = {
+const Da = /* @__PURE__ */ W(Ea, [["render", ka]]), za = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -6641,7 +6641,7 @@ const Da = /* @__PURE__ */ G(Ea, [["render", ka]]), za = {
 function Pa(a, e, t, r, i, s) {
   return m(), u("div");
 }
-const Ma = /* @__PURE__ */ G(za, [["render", Pa]]);
+const Ma = /* @__PURE__ */ W(za, [["render", Pa]]);
 const Sa = {
   name: "IdmIceEdge",
   props: {
@@ -6666,7 +6666,7 @@ const Sa = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Oe(),
+      webgl: new je(),
       etime: void 0,
       right: 10
     };
@@ -6764,9 +6764,9 @@ function Qa(a, e, t, r, i, s) {
       o("span", null, "90", -1),
       o("span", null, null, -1)
     ]), 4)
-  ])) : q("", !0);
+  ])) : J("", !0);
 }
-const Ha = /* @__PURE__ */ G(Sa, [["render", Qa], ["__scopeId", "data-v-ae31802c"]]);
+const Ha = /* @__PURE__ */ W(Sa, [["render", Qa], ["__scopeId", "data-v-ae31802c"]]);
 const Na = {
   name: "IdmCover",
   props: {
@@ -6791,7 +6791,7 @@ const Na = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Oe(),
+      webgl: new je(),
       etime: void 0,
       right: 10
     };
@@ -6860,7 +6860,7 @@ const Na = {
     }
   }
 }, Ra = { key: 0 };
-function Fa(a, e, t, r, i, s) {
+function Oa(a, e, t, r, i, s) {
   var n;
   return (n = t.factor) != null && n.active ? (m(), u("div", Ra, [
     o("div", {
@@ -6874,9 +6874,9 @@ function Fa(a, e, t, r, i, s) {
       o("span", null, "80", -1),
       o("span", null, "100", -1)
     ]), 4)
-  ])) : q("", !0);
+  ])) : J("", !0);
 }
-const Oa = /* @__PURE__ */ G(Na, [["render", Fa], ["__scopeId", "data-v-026a5595"]]);
+const Fa = /* @__PURE__ */ W(Na, [["render", Oa], ["__scopeId", "data-v-026a5595"]]);
 const ja = {
   name: "IdmThickness",
   props: {
@@ -6901,7 +6901,7 @@ const ja = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Oe(),
+      webgl: new je(),
       etime: void 0,
       right: 10
     };
@@ -6993,9 +6993,9 @@ function Ga(a, e, t, r, i, s) {
       o("span", null, "2", -1),
       o("span", null, "3", -1)
     ]), 4)
-  ])) : q("", !0);
+  ])) : J("", !0);
 }
-const Ua = /* @__PURE__ */ G(ja, [["render", Ga], ["__scopeId", "data-v-348d48fb"]]), Je = [
+const Ua = /* @__PURE__ */ W(ja, [["render", Ga], ["__scopeId", "data-v-348d48fb"]]), qe = [
   {
     rank: 0,
     name: "Best Match",
@@ -7154,7 +7154,7 @@ const Ua = /* @__PURE__ */ G(ja, [["render", Ga], ["__scopeId", "data-v-348d48fb
     categories: "bom_access_global",
     variables: "temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"
   }
-], qe = [
+], Je = [
   {
     rank: 0,
     name: "Best Match",
@@ -7273,12 +7273,12 @@ const Ua = /* @__PURE__ */ G(ja, [["render", Ga], ["__scopeId", "data-v-348d48fb
     variables: "swell_wave_direction,swell_wave_height,swell_wave_period,swell_wave_peak_period,wave_direction,wave_height,wave_period,wind_wave_direction,wind_wave_height,wind_wave_period,wind_wave_peak_period"
   }
 ];
-class ht {
+class ct {
   static standardWeatherModels() {
-    return Je.filter((e) => !e.disabled && e.alias);
+    return qe.filter((e) => !e.disabled && e.alias);
   }
   static standardMarineModels() {
-    return qe.filter((e) => !e.disabled && e.alias);
+    return Je.filter((e) => !e.disabled && e.alias);
   }
   /**
    * 可视化图层模式
@@ -7312,20 +7312,20 @@ class ht {
     e = e == null ? void 0 : e.toLowerCase(), e = e === "ec" ? "ecmwf" : e;
     const i = e.toLowerCase().split(","), s = [], n = [];
     for (const l of i) {
-      let c = Je.find((h) => {
+      let c = qe.find((h) => {
         var d, f, v;
         return ((d = h.models) == null ? void 0 : d.includes(l)) || ((f = h.alias) == null ? void 0 : f.toLowerCase()) === l || ((v = h.name) == null ? void 0 : v.toLowerCase()) === l;
-      }), p = qe.find((h) => {
+      }), p = Je.find((h) => {
         var d, f, v;
         return ((d = h.models) == null ? void 0 : d.includes(l)) || ((f = h.alias) == null ? void 0 : f.toLowerCase()) === l || ((v = h.name) == null ? void 0 : v.toLowerCase()) === l;
       });
-      c = c || Je.find((h) => {
+      c = c || qe.find((h) => {
         var d, f;
         return ((d = h.alias) == null ? void 0 : d.toLowerCase()) === ((f = p == null ? void 0 : p.alias) == null ? void 0 : f.toLowerCase());
-      }), p = p || qe.find((h) => {
+      }), p = p || Je.find((h) => {
         var d, f;
         return ((d = h.alias) == null ? void 0 : d.toLowerCase()) === ((f = c == null ? void 0 : c.alias) == null ? void 0 : f.toLowerCase());
-      }), c = c || Je[0], p = p || qe[0], s.push((t = c.models) != null && t.includes(l) ? l : c.model), n.push((r = p.models) != null && r.includes(l) ? l : p.model);
+      }), c = c || qe[0], p = p || Je[0], s.push((t = c.models) != null && t.includes(l) ? l : c.model), n.push((r = p.models) != null && r.includes(l) ? l : p.model);
     }
     return {
       weatherModels: s.join(","),
@@ -7334,7 +7334,7 @@ class ht {
   }
   static autoPickSubCategories(e) {
     e = e.toUpperCase();
-    const t = Je.filter((s) => s.alias === e), r = qe.filter((s) => s.alias === e), i = [];
+    const t = qe.filter((s) => s.alias === e), r = Je.filter((s) => s.alias === e), i = [];
     return t.forEach((s) => {
       s.categories && i.push(...s.categories.split(","));
     }), r.forEach((s) => {
@@ -7342,45 +7342,45 @@ class ht {
     }), i;
   }
   static pickHourly(e, t) {
-    var r, i, s, n, l, c, p, h, d, f, v, k, w, D, _, A, b, g, C, y, L, Q, M, N, E, j, U, W, pe, he, me, fe, ue, K, ae, Ae, ge, ye, Le, Ce, xe, we, _e, B, Pe, ve, Me, ke, Ne, De;
-    const re = typeof t == "string" ? te(t) : t, ce = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, Be = te((i = (r = ce == null ? void 0 : ce[0]) == null ? void 0 : r.hourly) == null ? void 0 : i.date).utc(), X = Be.clone().add((l = (n = (s = ce == null ? void 0 : ce[0]) == null ? void 0 : s.hourly) == null ? void 0 : n.time) == null ? void 0 : l.at(0), "h"), V = Be.clone().add((h = (p = (c = ce == null ? void 0 : ce[0]) == null ? void 0 : c.hourly) == null ? void 0 : p.time) == null ? void 0 : h.at(-1), "h"), Se = [];
+    var r, i, s, n, l, c, p, h, d, f, v, k, w, D, _, A, b, g, C, y, L, Q, M, N, E, j, U, G, pe, he, me, fe, ue, K, ae, Ae, ge, ye, Le, Ce, xe, we, _e, B, Me, ve, Se, De, Re, ze;
+    const re = typeof t == "string" ? te(t) : t, ce = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, Be = te((i = (r = ce == null ? void 0 : ce[0]) == null ? void 0 : r.hourly) == null ? void 0 : i.date).utc(), X = Be.clone().add((l = (n = (s = ce == null ? void 0 : ce[0]) == null ? void 0 : s.hourly) == null ? void 0 : n.time) == null ? void 0 : l.at(0), "h"), V = Be.clone().add((h = (p = (c = ce == null ? void 0 : ce[0]) == null ? void 0 : c.hourly) == null ? void 0 : p.time) == null ? void 0 : h.at(-1), "h"), Te = [];
     if (re.isBetween(X, V, "millisecond", "[]")) {
       const P = re.utc().diff(X, "h", !1);
-      let de, ze;
+      let de, Pe;
       if (ce) {
-        let Te = 0, Qe = 0;
+        let Qe = 0, He = 0;
         for (const z of ce) {
-          const F = z == null ? void 0 : z.hourly;
+          const O = z == null ? void 0 : z.hourly;
           for (let Ie = P - (P - 1) % 3; Ie <= P; Ie++)
-            Te += (d = F == null ? void 0 : F.precipitation) == null ? void 0 : d.at(Ie);
+            Qe += (d = O == null ? void 0 : O.precipitation) == null ? void 0 : d.at(Ie);
           for (let Ie = P - (P - 1) % 6; Ie <= P; Ie++)
-            Qe += (f = F == null ? void 0 : F.precipitation) == null ? void 0 : f.at(Ie);
+            He += (f = O == null ? void 0 : O.precipitation) == null ? void 0 : f.at(Ie);
           de = {
-            temp: (v = F == null ? void 0 : F.temperature_2m) == null ? void 0 : v.at(P),
-            apparentTemp: (k = F == null ? void 0 : F.apparent_temperature) == null ? void 0 : k.at(P),
-            rh: (w = F == null ? void 0 : F.relative_humidity_2m) == null ? void 0 : w.at(P),
-            dp: (D = F == null ? void 0 : F.dew_point_2m) == null ? void 0 : D.at(P),
+            temp: (v = O == null ? void 0 : O.temperature_2m) == null ? void 0 : v.at(P),
+            apparentTemp: (k = O == null ? void 0 : O.apparent_temperature) == null ? void 0 : k.at(P),
+            rh: (w = O == null ? void 0 : O.relative_humidity_2m) == null ? void 0 : w.at(P),
+            dp: (D = O == null ? void 0 : O.dew_point_2m) == null ? void 0 : D.at(P),
             precip: {
-              probability: (_ = F == null ? void 0 : F.precipitation_probability) == null ? void 0 : _.at(P),
-              sum: (A = F == null ? void 0 : F.precipitation) == null ? void 0 : A.at(P),
-              sum3Hours: Math.round(Te * 100) / 100,
-              sum6Hours: Math.round(Qe * 100) / 100
+              probability: (_ = O == null ? void 0 : O.precipitation_probability) == null ? void 0 : _.at(P),
+              sum: (A = O == null ? void 0 : O.precipitation) == null ? void 0 : A.at(P),
+              sum3Hours: Math.round(Qe * 100) / 100,
+              sum6Hours: Math.round(He * 100) / 100
             },
-            pmsl: (b = F == null ? void 0 : F.pressure_msl) == null ? void 0 : b.at(P),
-            psurf: (g = F == null ? void 0 : F.surface_pressure) == null ? void 0 : g.at(P),
-            code: (C = F == null ? void 0 : F.weather_code) == null ? void 0 : C.at(P),
-            visibility: this.m2nm((y = F == null ? void 0 : F.visibility) == null ? void 0 : y.at(P)),
+            pmsl: (b = O == null ? void 0 : O.pressure_msl) == null ? void 0 : b.at(P),
+            psurf: (g = O == null ? void 0 : O.surface_pressure) == null ? void 0 : g.at(P),
+            code: (C = O == null ? void 0 : O.weather_code) == null ? void 0 : C.at(P),
+            visibility: this.m2nm((y = O == null ? void 0 : O.visibility) == null ? void 0 : y.at(P)),
             wind: {
-              speed: (L = F == null ? void 0 : F.wind_speed_10m) == null ? void 0 : L.at(P),
-              kts: (Q = F == null ? void 0 : F.wind_speed_10m) == null ? void 0 : Q.at(P),
-              degree: (M = F == null ? void 0 : F.wind_direction_10m) == null ? void 0 : M.at(P),
-              bearing: ((N = F == null ? void 0 : F.wind_direction_10m) == null ? void 0 : N.at(P)) !== null ? (((E = F == null ? void 0 : F.wind_direction_10m) == null ? void 0 : E.at(P)) + 180) % 360 : null,
-              gusts: (j = F == null ? void 0 : F.wind_gusts_10m) == null ? void 0 : j.at(P)
+              speed: (L = O == null ? void 0 : O.wind_speed_10m) == null ? void 0 : L.at(P),
+              kts: (Q = O == null ? void 0 : O.wind_speed_10m) == null ? void 0 : Q.at(P),
+              degree: (M = O == null ? void 0 : O.wind_direction_10m) == null ? void 0 : M.at(P),
+              bearing: ((N = O == null ? void 0 : O.wind_direction_10m) == null ? void 0 : N.at(P)) !== null ? (((E = O == null ? void 0 : O.wind_direction_10m) == null ? void 0 : E.at(P)) + 180) % 360 : null,
+              gusts: (j = O == null ? void 0 : O.wind_gusts_10m) == null ? void 0 : j.at(P)
             },
-            isDay: (U = F == null ? void 0 : F.is_day) == null ? void 0 : U.at(P)
+            isDay: (U = O == null ? void 0 : O.is_day) == null ? void 0 : U.at(P)
           };
           const { name: Ge, url: Ue, bg: Ye } = this.parseWeatherCode(de.code, de.isDay);
-          de.name = Ge, de.url = Ue, de.bg = Ye, de.wind.scale = this.beaufort(this.kts2ms(de.wind.kts)), de.wind.direction = this.degree2Direction(de.wind.degree), Se.push({
+          de.name = Ge, de.url = Ue, de.bg = Ye, de.wind.scale = this.beaufort(this.kts2ms(de.wind.kts)), de.wind.direction = this.degree2Direction(de.wind.degree), Te.push({
             utc: X.add(P, "h").format(),
             model: z.model,
             weather: { ...de }
@@ -7388,13 +7388,13 @@ class ht {
         }
       }
       if (H) {
-        let Te = 0;
-        for (const Qe of H) {
-          const z = Qe == null ? void 0 : Qe.hourly;
-          ze = {
+        let Qe = 0;
+        for (const He of H) {
+          const z = He == null ? void 0 : He.hourly;
+          Pe = {
             wave: {
               sig: {
-                height: (W = z == null ? void 0 : z.wave_height) == null ? void 0 : W.at(P),
+                height: (G = z == null ? void 0 : z.wave_height) == null ? void 0 : G.at(P),
                 degree: (pe = z == null ? void 0 : z.wave_direction) == null ? void 0 : pe.at(P),
                 bearing: ((he = z == null ? void 0 : z.wave_direction) == null ? void 0 : he.at(P)) !== null ? (((me = z == null ? void 0 : z.wave_direction) == null ? void 0 : me.at(P)) + 180) % 360 : null,
                 period: (fe = z == null ? void 0 : z.wave_period) == null ? void 0 : fe.at(P)
@@ -7415,18 +7415,18 @@ class ht {
               }
             },
             current: {
-              speed: (Pe = z == null ? void 0 : z.ocean_current_velocity) == null ? void 0 : Pe.at(P),
+              speed: (Me = z == null ? void 0 : z.ocean_current_velocity) == null ? void 0 : Me.at(P),
               kts: (ve = z == null ? void 0 : z.ocean_current_velocity) == null ? void 0 : ve.at(P),
-              degree: (Me = z == null ? void 0 : z.ocean_current_direction) == null ? void 0 : Me.at(P),
-              bearing: ((ke = z == null ? void 0 : z.ocean_current_direction) == null ? void 0 : ke.at(P)) ?? null
+              degree: (Se = z == null ? void 0 : z.ocean_current_direction) == null ? void 0 : Se.at(P),
+              bearing: ((De = z == null ? void 0 : z.ocean_current_direction) == null ? void 0 : De.at(P)) ?? null
             },
-            sst: (Ne = z == null ? void 0 : z.sea_surface_temperature) == null ? void 0 : Ne.at(P),
-            height: (De = z == null ? void 0 : z.sea_level_height_msl) == null ? void 0 : De.at(P)
-          }, ze.wave = this.parseWave(ze.wave, de == null ? void 0 : de.wind), ze.current.direction = this.degree2Direction(ze.current.degree), Object.assign(Se[Te], ze), Te++;
+            sst: (Re = z == null ? void 0 : z.sea_surface_temperature) == null ? void 0 : Re.at(P),
+            height: (ze = z == null ? void 0 : z.sea_level_height_msl) == null ? void 0 : ze.at(P)
+          }, Pe.wave = this.parseWave(Pe.wave, de == null ? void 0 : de.wind), Pe.current.direction = this.degree2Direction(Pe.current.degree), Object.assign(Te[Qe], Pe), Qe++;
         }
       }
     }
-    return Se;
+    return Te;
   }
   static toLegacy(e) {
     var t, r, i, s, n, l, c, p, h, d;
@@ -7451,11 +7451,11 @@ class ht {
     };
   }
   static pickDaily(e, t) {
-    var r, i, s, n, l, c, p, h, d, f, v, k, w, D, _, A, b, g, C, y, L, Q, M, N, E, j, U, W, pe, he, me, fe, ue, K, ae, Ae, ge, ye, Le, Ce, xe, we, _e, B;
-    const Pe = typeof t == "string" ? te(t) : t, ve = e == null ? void 0 : e.weather, Me = e == null ? void 0 : e.marine, ke = te((s = (i = (r = ve == null ? void 0 : ve[0]) == null ? void 0 : r.daily) == null ? void 0 : i.time) == null ? void 0 : s.at(0)), Ne = te((c = (l = (n = ve == null ? void 0 : ve[0]) == null ? void 0 : n.daily) == null ? void 0 : l.time) == null ? void 0 : c.at(-1)), De = [];
-    if (Pe.isBetween(ke, Ne, "millisecond", "[]")) {
+    var r, i, s, n, l, c, p, h, d, f, v, k, w, D, _, A, b, g, C, y, L, Q, M, N, E, j, U, G, pe, he, me, fe, ue, K, ae, Ae, ge, ye, Le, Ce, xe, we, _e, B;
+    const Me = typeof t == "string" ? te(t) : t, ve = e == null ? void 0 : e.weather, Se = e == null ? void 0 : e.marine, De = te((s = (i = (r = ve == null ? void 0 : ve[0]) == null ? void 0 : r.daily) == null ? void 0 : i.time) == null ? void 0 : s.at(0)), Re = te((c = (l = (n = ve == null ? void 0 : ve[0]) == null ? void 0 : n.daily) == null ? void 0 : l.time) == null ? void 0 : c.at(-1)), ze = [];
+    if (Me.isBetween(De, Re, "millisecond", "[]")) {
       let re, ce;
-      const H = Pe.diff(ke, "d", !1);
+      const H = Me.diff(De, "d", !1);
       if (ve)
         for (const Be of ve) {
           const X = Be.daily;
@@ -7491,21 +7491,21 @@ class ht {
               bearing: ((j = X.wind_direction_10m_dominant) == null ? void 0 : j.at(H)) !== null ? (((U = X.wind_direction_10m_dominant) == null ? void 0 : U.at(H)) + 180) % 360 : null
             }
           };
-          const { name: V, url: Se, bg: P } = this.parseWeatherCode(re.code, !0);
-          re.name = V, re.url = Se, re.bg = P, re.wind.scale = this.beaufort(this.kts2ms(re.wind.kts)), re.wind.direction = this.degree2Direction(re.wind.degree), De.push({
-            utc: ke.add(H, "d").utc().format(),
+          const { name: V, url: Te, bg: P } = this.parseWeatherCode(re.code, !0);
+          re.name = V, re.url = Te, re.bg = P, re.wind.scale = this.beaufort(this.kts2ms(re.wind.kts)), re.wind.direction = this.degree2Direction(re.wind.degree), ze.push({
+            utc: De.add(H, "d").utc().format(),
             model: Be.model,
             weather: { ...re }
           });
         }
-      if (Me) {
+      if (Se) {
         let Be = 0;
-        for (const X of Me) {
+        for (const X of Se) {
           const V = X.daily;
           ce = {
             wave: {
               sig: {
-                height: (W = V.wave_height_max) == null ? void 0 : W.at(H),
+                height: (G = V.wave_height_max) == null ? void 0 : G.at(H),
                 degree: (pe = V.wave_direction_dominant) == null ? void 0 : pe.at(H),
                 period: (he = V.wave_period_max) == null ? void 0 : he.at(H),
                 bearing: ((me = V.wave_direction_dominant) == null ? void 0 : me.at(H)) !== null ? (((fe = V.wave_direction_dominant) == null ? void 0 : fe.at(H)) + 180) % 360 : null
@@ -7525,11 +7525,11 @@ class ht {
                 bearing: ((_e = V.wind_wave_direction_dominant) == null ? void 0 : _e.at(H)) !== null ? (((B = V.wind_wave_direction_dominant) == null ? void 0 : B.at(H)) + 180) % 360 : null
               }
             }
-          }, ce.wave = this.parseWave(ce.wave, re == null ? void 0 : re.wind), Object.assign(De[Be], ce), Be++;
+          }, ce.wave = this.parseWave(ce.wave, re == null ? void 0 : re.wind), Object.assign(ze[Be], ce), Be++;
         }
       }
     }
-    return De;
+    return ze;
   }
   static parseWave(e, t) {
     if (e.sig.direction = this.degree2Direction(e.sig.degree), e.swell.direction = this.degree2Direction(e.swell.degree), e.wd.direction = this.degree2Direction(e.wd.degree), e.sig.scale = this.douglas(e.sig.height), e.swell.scale = this.douglas(e.swell.height), e.wd.scale = this.douglas(e.wd.height), e.sig.height === 0) {
@@ -7981,8 +7981,8 @@ const Ya = {
     },
     computeBF() {
       return function(a) {
-        const e = ht.kts2ms(a);
-        return ht.beaufort(e);
+        const e = ct.kts2ms(a);
+        return ct.beaufort(e);
       };
     },
     computeMovement() {
@@ -8281,7 +8281,7 @@ const Ya = {
           }), v = (/* @__PURE__ */ new Date()).valueOf() - (d + f), console.log("[tropical] add elapsed: ", v, ", total: ", f += v));
         }
         this.handleDrawCircle();
-        const h = ct.interpolate(this.tropicals, 1);
+        const h = dt.interpolate(this.tropicals, 1);
         this.interpolateData = JSON.parse(JSON.stringify(h)), this.handleDateChange();
       }
     },
@@ -8290,7 +8290,7 @@ const Ya = {
       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), (a = this.interpolateMarkers) == null || a.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 a, e, t, r, i, s, n, l, c, p, h, d, f, v, k, w, D, _, A, b, g, C, y, L, Q, M, N, E, j, U, W, pe;
+      var a, e, t, r, i, s, n, l, c, p, h, d, f, v, k, w, D, _, A, b, g, C, y, L, Q, M, N, E, j, U, G, pe;
       if ((a = this.interpolateMarkers) == null || a.forEach((he) => he == null ? void 0 : he.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const he = te(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), me = this.interpolateData.filter((K) => K.properties.date === he.format() && !K.properties.disabled), fe = this.handleComputePolygons(me), ue = T.featureCollection([...me]);
         fe.forEach((K) => {
@@ -8329,11 +8329,11 @@ const Ya = {
                           		fill="#ffffff" p-id="18386"></path>
                           </svg>`, ge = document.createElement("div");
             ge.className = "hurricane-hourly-marker", ge.innerHTML = `<div class="${K.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${Ae}</div>`;
-            const ye = new We.Marker(ge).setLngLat(K.geometry.coordinates).addTo(this.map);
+            const ye = new ke.Marker(ge).setLngLat(K.geometry.coordinates).addTo(this.map);
             this.interpolateMarkers.push(ye), (U = (j = this.map) == null ? void 0 : j.getSource(this.circleSource)) == null || U.setData(this.circleSourceData);
           }
       } else
-        (W = this.map) != null && W.getSource(this.interpolateSource) && ((pe = this.map) == null || pe.getSource(this.interpolateSource).setData(this.empty));
+        (G = this.map) != null && G.getSource(this.interpolateSource) && ((pe = this.map) == null || pe.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(a) {
       var s, n, l, c, p, h, d, f;
@@ -8354,8 +8354,8 @@ const Ya = {
         history: (h = r[0]) == null ? void 0 : h.properties,
         showCircle: (f = (d = t[0]) == null ? void 0 : d.properties) == null ? void 0 : f.showCircle
       }, this.showTropicals = !0;
-      const i = document.getElementById("idm-tropical-gl3");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new We.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+      const i = document.getElementById("idm-tropical-gl4");
+      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new ke.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(a) {
       var r, i, s, n, l, c;
@@ -8441,9 +8441,9 @@ const Ya = {
     }
   }
 }, Ka = {
-  id: "idm-tropical-gl3",
-  class: "idm-tropical-gl3"
-}, Xa = { class: "header-box" }, Ja = { class: "main" }, qa = { key: 0 }, Va = { class: "sub" }, Za = {
+  id: "idm-tropical-gl4",
+  class: "idm-tropical-gl4"
+}, Xa = { class: "header-box" }, qa = { class: "main" }, Ja = { key: 0 }, Va = { class: "sub" }, Za = {
   id: "meteoBox",
   class: "main-box"
 }, $a = { class: "content" }, ei = { class: "row" }, ti = {
@@ -8464,14 +8464,14 @@ const Ya = {
 }, li = { class: "forecast-models" }, hi = ["onClick"], ci = { class: "more" };
 function di(a, e, t, r, i, s) {
   var n, l, c, p, h, d, f, v, k, w, D, _, A, b, g, C, y, L, Q;
-  return Re((m(), u("div", Ka, [
+  return Oe((m(), u("div", Ka, [
     o("div", Xa, [
       o("div", {
         class: "iconfont close-btn",
         onClick: e[0] || (e[0] = (M) => i.showTropicals = !1)
       }, ""),
-      o("div", Ja, [
-        (l = (n = i.activeTropicals) == null ? void 0 : n.history) != null && l.level ? (m(), u("span", qa, I((p = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : p.level) + " , ", 1)) : q("", !0),
+      o("div", qa, [
+        (l = (n = i.activeTropicals) == null ? void 0 : n.history) != null && l.level ? (m(), u("span", Ja, I((p = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : p.level) + " , ", 1)) : J("", !0),
         le(I((h = i.activeTropicals) == null ? void 0 : h.name), 1)
       ]),
       o("div", Va, " Last update: " + I(s.computeTime(((f = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : f.updated) || ((w = (k = (v = i.activeTropicals) == null ? void 0 : v.forecasts) == null ? void 0 : k.filter((M) => !M.disabled)[0]) == null ? void 0 : w.date))), 1)
@@ -8504,25 +8504,25 @@ function di(a, e, t, r, i, s) {
             e[6] || (e[6] = o("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
             o("div", li, [
               (m(!0), u(Z, null, $((Q = i.activeTropicals) == null ? void 0 : Q.forecasts, (M, N) => {
-                var E, j, U, W;
+                var E, j, U, G;
                 return m(), u("div", {
                   key: N,
-                  class: J([
+                  class: q([
                     "model",
                     M.disabled ? "" : "active",
-                    N > 0 && N < ((j = (E = i.activeTropicals) == null ? void 0 : E.forecasts) == null ? void 0 : j.length) - 1 && ((W = (U = i.activeTropicals) == null ? void 0 : U.forecasts) == null ? void 0 : W.length) > 2 ? "center-child" : ""
+                    N > 0 && N < ((j = (E = i.activeTropicals) == null ? void 0 : E.forecasts) == null ? void 0 : j.length) - 1 && ((G = (U = i.activeTropicals) == null ? void 0 : U.forecasts) == null ? void 0 : G.length) > 2 ? "center-child" : ""
                   ]),
                   onClick: (pe) => s.handleForecastToggle(M)
                 }, [
                   o("span", {
-                    class: J(M.model)
+                    class: q(M.model)
                   }, I(M.model), 3)
                 ], 10, hi);
               }), 128))
             ])
           ])
         ]),
-        e[7] || (e[7] = yt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-14b013a5></div><div class="row" style="padding:2px 10px;" data-v-14b013a5><div class="legend" data-v-14b013a5><div class="icon td" data-v-14b013a5></div><div class="label" data-v-14b013a5>TD</div></div><div class="legend" data-v-14b013a5><div class="icon ts" data-v-14b013a5></div><div class="label" data-v-14b013a5>TS</div></div><div class="legend" data-v-14b013a5><div class="icon sts" data-v-14b013a5></div><div class="label" data-v-14b013a5>STS</div></div><div class="legend" data-v-14b013a5><div class="icon ty" data-v-14b013a5></div><div class="label" data-v-14b013a5>TY</div></div><div class="legend" data-v-14b013a5><div class="icon sty" data-v-14b013a5></div><div class="label" data-v-14b013a5>STY</div></div><div class="legend" data-v-14b013a5><div class="icon supper-ty" data-v-14b013a5></div><div class="label" data-v-14b013a5>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-14b013a5><div class="legend" data-v-14b013a5><div class="icon history" data-v-14b013a5></div><div class="label" data-v-14b013a5>History</div></div><div class="legend" data-v-14b013a5><div class="icon r7" data-v-14b013a5></div><div class="label" data-v-14b013a5>35kts Radii</div></div><div class="legend" data-v-14b013a5><div class="icon r10" data-v-14b013a5></div><div class="label" data-v-14b013a5>50kts Radii</div></div></div>', 3))
+        e[7] || (e[7] = ft('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-6a684608></div><div class="row" style="padding:2px 10px;" data-v-6a684608><div class="legend" data-v-6a684608><div class="icon td" data-v-6a684608></div><div class="label" data-v-6a684608>TD</div></div><div class="legend" data-v-6a684608><div class="icon ts" data-v-6a684608></div><div class="label" data-v-6a684608>TS</div></div><div class="legend" data-v-6a684608><div class="icon sts" data-v-6a684608></div><div class="label" data-v-6a684608>STS</div></div><div class="legend" data-v-6a684608><div class="icon ty" data-v-6a684608></div><div class="label" data-v-6a684608>TY</div></div><div class="legend" data-v-6a684608><div class="icon sty" data-v-6a684608></div><div class="label" data-v-6a684608>STY</div></div><div class="legend" data-v-6a684608><div class="icon supper-ty" data-v-6a684608></div><div class="label" data-v-6a684608>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-6a684608><div class="legend" data-v-6a684608><div class="icon history" data-v-6a684608></div><div class="label" data-v-6a684608>History</div></div><div class="legend" data-v-6a684608><div class="icon r7" data-v-6a684608></div><div class="label" data-v-6a684608>35kts Radii</div></div><div class="legend" data-v-6a684608><div class="icon r10" data-v-6a684608></div><div class="label" data-v-6a684608>50kts Radii</div></div></div>', 3))
       ]),
       o("div", ci, [
         o("div", {
@@ -8535,7 +8535,7 @@ function di(a, e, t, r, i, s) {
     [Fe, i.showTropicals && !a.$attrs.hideTropicalsLegend]
   ]);
 }
-const dt = /* @__PURE__ */ G(Ya, [["render", di], ["__scopeId", "data-v-14b013a5"]]);
+const pt = /* @__PURE__ */ W(Ya, [["render", di], ["__scopeId", "data-v-6a684608"]]);
 const pi = {
   name: "IdmPrecip3h",
   props: {
@@ -8564,7 +8564,7 @@ const pi = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Oe(),
+      webgl: new je(),
       etime: void 0,
       right: 10
     };
@@ -8654,9 +8654,9 @@ function ui(a, e, t, r, i, s) {
       o("span", null, "20", -1),
       o("span", null, "30", -1)
     ]), 4)
-  ])) : q("", !0);
+  ])) : J("", !0);
 }
-const gi = /* @__PURE__ */ G(pi, [["render", ui], ["__scopeId", "data-v-e83717bd"]]);
+const gi = /* @__PURE__ */ W(pi, [["render", ui], ["__scopeId", "data-v-e83717bd"]]);
 const yi = {
   name: "IdmVisibility",
   props: {
@@ -8685,7 +8685,7 @@ const yi = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Oe(),
+      webgl: new je(),
       etime: void 0
     };
   },
@@ -8766,9 +8766,9 @@ function Ai(a, e, t, r, i, s) {
       o("span", null, "3", -1),
       o("span", null, "9", -1)
     ]), 4)
-  ])) : q("", !0);
+  ])) : J("", !0);
 }
-const wi = /* @__PURE__ */ G(yi, [["render", Ai], ["__scopeId", "data-v-1c8a9237"]]);
+const wi = /* @__PURE__ */ W(yi, [["render", Ai], ["__scopeId", "data-v-1c8a9237"]]);
 const vi = {
   name: "IdmWaterTemp",
   props: {
@@ -8797,7 +8797,7 @@ const vi = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Oe(),
+      webgl: new je(),
       etime: void 0,
       right: 10
     };
@@ -8886,9 +8886,9 @@ function Li(a, e, t, r, i, s) {
       o("span", null, "30", -1),
       o("span", null, "40", -1)
     ]), 4)
-  ])) : q("", !0);
+  ])) : J("", !0);
 }
-const Ci = /* @__PURE__ */ G(vi, [["render", Li], ["__scopeId", "data-v-8974924d"]]);
+const Ci = /* @__PURE__ */ W(vi, [["render", Li], ["__scopeId", "data-v-8974924d"]]);
 const xi = {
   name: "IdmTemp",
   props: {
@@ -8917,7 +8917,7 @@ const xi = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new Oe(),
+      webgl: new je(),
       etime: void 0,
       right: 10
     };
@@ -9011,11 +9011,11 @@ function Bi(a, e, t, r, i, s) {
       o("span", null, "30", -1),
       o("span", null, "40", -1)
     ]), 4)
-  ])) : q("", !0);
+  ])) : J("", !0);
 }
-const Ii = /* @__PURE__ */ G(xi, [["render", Bi], ["__scopeId", "data-v-d709ba86"]]);
+const Ii = /* @__PURE__ */ W(xi, [["render", Bi], ["__scopeId", "data-v-d709ba86"]]);
 /*! Element Plus Icons Vue v2.3.1 */
-var Ei = /* @__PURE__ */ ft({
+var Ei = /* @__PURE__ */ At({
   name: "LocationFilled",
   __name: "location-filled",
   setup(a) {
@@ -9198,7 +9198,7 @@ const zi = {
         forecastDays: t ?? 7,
         weatherModels: i,
         marineModels: s
-      }, l = await He.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, n, {
+      }, l = await Ne.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, n, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -9215,7 +9215,7 @@ const zi = {
         pastDays: 1,
         weatherModels: r,
         marineModels: i
-      }, n = await He.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, s, {
+      }, n = await Ne.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, s, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -9225,7 +9225,7 @@ const zi = {
     initTableData(a) {
       var e, t, r, i, s, n, l, c, p;
       this.clearTable(), this.positionGmt = (t = (e = a == null ? void 0 : a.weather) == null ? void 0 : e[0]) == null ? void 0 : t.timezone, this.positionOffset = (i = (r = a == null ? void 0 : a.weather) == null ? void 0 : r[0]) == null ? void 0 : i.offset, this.localDate = (n = (s = Ke(this.ts)) == null ? void 0 : s.tz(this.positionGmt)) == null ? void 0 : n.format("MMM-DD/HHmm[LT]"), this.currentHourData = (l = Xe.pickHourly(a, te(this.ts))) == null ? void 0 : l[0], ((p = (c = this.currentHourData) == null ? void 0 : c.weather) == null ? void 0 : p.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
-        var d, f, v, k, w, D, _, A, b, g, C, y, L, Q, M, N, E, j, U, W, pe, he, me, fe, ue, K, ae, Ae, ge, ye, Le, Ce, xe;
+        var d, f, v, k, w, D, _, A, b, g, C, y, L, Q, M, N, E, j, U, G, pe, he, me, fe, ue, K, ae, Ae, ge, ye, Le, Ce, xe;
         if (!document.getElementById("meteoMainBox"))
           return !1;
         if (!this.currentHourData)
@@ -9234,7 +9234,7 @@ const zi = {
           const _e = Ke(this.ts).tz(this.positionGmt).add(3 * we, "h").format();
           this.tableData.hours.push(_e);
           const B = ((d = Xe.pickHourly(a, _e)) == null ? void 0 : d[0]) || {};
-          this.tableData.temp.push(this.roundPrecision((f = B == null ? void 0 : B.weather) == null ? void 0 : f.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((k = (v = B == null ? void 0 : B.weather) == null ? void 0 : v.precip) == null ? void 0 : k.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((D = (w = B == null ? void 0 : B.weather) == null ? void 0 : w.precip) == null ? void 0 : D.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((_ = B == null ? void 0 : B.weather) == null ? void 0 : _.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((b = (A = B == null ? void 0 : B.weather) == null ? void 0 : A.wind) == null ? void 0 : b.kts, 1) ?? "-"), this.tableData.windDir.push((C = (g = B == null ? void 0 : B.weather) == null ? void 0 : g.wind) == null ? void 0 : C.bearing), this.tableData.windGust.push(this.roundPrecision((L = (y = B == null ? void 0 : B.weather) == null ? void 0 : y.wind) == null ? void 0 : L.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((M = (Q = B == null ? void 0 : B.wave) == null ? void 0 : Q.sig) == null ? void 0 : M.height, 1) ?? "-"), this.tableData.sigwaveDir.push((E = (N = B == null ? void 0 : B.wave) == null ? void 0 : N.sig) == null ? void 0 : E.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((U = (j = B == null ? void 0 : B.wave) == null ? void 0 : j.wd) == null ? void 0 : U.height, 1) ?? "-"), this.tableData.windwaveDir.push((pe = (W = B == null ? void 0 : B.wave) == null ? void 0 : W.wd) == null ? void 0 : pe.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((me = (he = B == null ? void 0 : B.wave) == null ? void 0 : he.wd) == null ? void 0 : me.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ue = (fe = B == null ? void 0 : B.wave) == null ? void 0 : fe.swell) == null ? void 0 : ue.height, 1) ?? "-"), this.tableData.swellDir.push((ae = (K = B == null ? void 0 : B.wave) == null ? void 0 : K.swell) == null ? void 0 : ae.bearing), this.tableData.swellPeriod.push(this.roundPrecision((ge = (Ae = B == null ? void 0 : B.wave) == null ? void 0 : Ae.swell) == null ? void 0 : ge.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((ye = B == null ? void 0 : B.current) == null ? void 0 : ye.speed, 1) ?? "-"), this.tableData.currentDir.push((Le = B == null ? void 0 : B.current) == null ? void 0 : Le.bearing), this.tableData.seaLevel.push(this.roundPrecision(B == null ? void 0 : B.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(B == null ? void 0 : B.sst, 0) ?? "-"), this.tableData.weatherUrls.push((Ce = B == null ? void 0 : B.weather) == null ? void 0 : Ce.url), this.tableData.weatherNames.push(((xe = B == null ? void 0 : B.weather) == null ? void 0 : xe.name) ?? "-");
+          this.tableData.temp.push(this.roundPrecision((f = B == null ? void 0 : B.weather) == null ? void 0 : f.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((k = (v = B == null ? void 0 : B.weather) == null ? void 0 : v.precip) == null ? void 0 : k.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((D = (w = B == null ? void 0 : B.weather) == null ? void 0 : w.precip) == null ? void 0 : D.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((_ = B == null ? void 0 : B.weather) == null ? void 0 : _.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((b = (A = B == null ? void 0 : B.weather) == null ? void 0 : A.wind) == null ? void 0 : b.kts, 1) ?? "-"), this.tableData.windDir.push((C = (g = B == null ? void 0 : B.weather) == null ? void 0 : g.wind) == null ? void 0 : C.bearing), this.tableData.windGust.push(this.roundPrecision((L = (y = B == null ? void 0 : B.weather) == null ? void 0 : y.wind) == null ? void 0 : L.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((M = (Q = B == null ? void 0 : B.wave) == null ? void 0 : Q.sig) == null ? void 0 : M.height, 1) ?? "-"), this.tableData.sigwaveDir.push((E = (N = B == null ? void 0 : B.wave) == null ? void 0 : N.sig) == null ? void 0 : E.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((U = (j = B == null ? void 0 : B.wave) == null ? void 0 : j.wd) == null ? void 0 : U.height, 1) ?? "-"), this.tableData.windwaveDir.push((pe = (G = B == null ? void 0 : B.wave) == null ? void 0 : G.wd) == null ? void 0 : pe.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((me = (he = B == null ? void 0 : B.wave) == null ? void 0 : he.wd) == null ? void 0 : me.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ue = (fe = B == null ? void 0 : B.wave) == null ? void 0 : fe.swell) == null ? void 0 : ue.height, 1) ?? "-"), this.tableData.swellDir.push((ae = (K = B == null ? void 0 : B.wave) == null ? void 0 : K.swell) == null ? void 0 : ae.bearing), this.tableData.swellPeriod.push(this.roundPrecision((ge = (Ae = B == null ? void 0 : B.wave) == null ? void 0 : Ae.swell) == null ? void 0 : ge.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((ye = B == null ? void 0 : B.current) == null ? void 0 : ye.speed, 1) ?? "-"), this.tableData.currentDir.push((Le = B == null ? void 0 : B.current) == null ? void 0 : Le.bearing), this.tableData.seaLevel.push(this.roundPrecision(B == null ? void 0 : B.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(B == null ? void 0 : B.sst, 0) ?? "-"), this.tableData.weatherUrls.push((Ce = B == null ? void 0 : B.weather) == null ? void 0 : Ce.url), this.tableData.weatherNames.push(((xe = B == null ? void 0 : B.weather) == null ? void 0 : xe.name) ?? "-");
         }
       });
     },
@@ -9277,7 +9277,7 @@ const zi = {
         forecastDays: t ?? 7,
         extremes: !0,
         heights: !1
-      }, s = await He.post(`${this.gateway}/api/arc/meteo2/spot/tides/forecast`, i, {
+      }, s = await Ne.post(`${this.gateway}/api/arc/meteo2/spot/tides/forecast`, i, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -9308,18 +9308,18 @@ const zi = {
       this.$nextTick(() => {
         var e;
         const a = document.getElementById("point-meteo");
-        this.point && (this.meteoMarker ? (e = this.meteoMarker) == null || e.setLngLat([this.point.lng, this.point.lat]) : this.meteoMarker = new We.Marker(a).setLngLat([this.point.lng, this.point.lat]).addTo(this.map));
+        this.point && (this.meteoMarker ? (e = this.meteoMarker) == null || e.setLngLat([this.point.lng, this.point.lat]) : this.meteoMarker = new ke.Marker(a).setLngLat([this.point.lng, this.point.lat]).addTo(this.map));
       });
     }
   }
 }, Pi = {
   id: "point-meteo",
   class: "point-meteo"
-}, Mi = { class: "meteo-box" }, Si = { class: "header-box flex-between" }, Ti = { class: "flex-center" }, Qi = { class: "lnglat" }, Hi = { class: "flex-center" }, Ni = { class: "summary-row flex-between" }, Ri = { class: "summary flex-center" }, Fi = ["src"], Oi = {
+}, Mi = { class: "meteo-box" }, Si = { class: "header-box flex-between" }, Ti = { class: "flex-center" }, Qi = { class: "lnglat" }, Hi = { class: "flex-center" }, Ni = { class: "summary-row flex-between" }, Ri = { class: "summary flex-center" }, Oi = ["src"], Fi = {
   key: 1,
   class: "icon flex-center",
   style: { "margin-right": "5px" }
-}, ji = { class: "temp" }, Wi = { class: "des info" }, Gi = { class: "flex-start" }, Ui = { class: "flex-start" }, Yi = { class: "flex-start" }, Ki = { class: "date flex-col-center-end" }, Xi = { class: "" }, Ji = { class: "" }, qi = { class: "detail-box" }, Vi = { class: "menu-header flex-start" }, Zi = { class: "basic-table" }, $i = { class: "hour" }, er = { class: "hour" }, tr = { class: "icon" }, ar = ["src"], ir = { class: "text" }, rr = { class: "text" }, sr = { class: "text" }, or = { class: "text" }, nr = { class: "wave-current-table" }, lr = { class: "hour" }, hr = { class: "hour" }, cr = { class: "text" }, dr = { class: "text" }, pr = { class: "text" }, mr = { class: "text" }, ur = { class: "text" }, gr = {
+}, ji = { class: "temp" }, Wi = { class: "des info" }, Gi = { class: "flex-start" }, Ui = { class: "flex-start" }, Yi = { class: "flex-start" }, Ki = { class: "date flex-col-center-end" }, Xi = { class: "" }, qi = { class: "" }, Ji = { class: "detail-box" }, Vi = { class: "menu-header flex-start" }, Zi = { class: "basic-table" }, $i = { class: "hour" }, er = { class: "hour" }, tr = { class: "icon" }, ar = ["src"], ir = { class: "text" }, rr = { class: "text" }, sr = { class: "text" }, or = { class: "text" }, nr = { class: "wave-current-table" }, lr = { class: "hour" }, hr = { class: "hour" }, cr = { class: "text" }, dr = { class: "text" }, pr = { class: "text" }, mr = { class: "text" }, ur = { class: "text" }, gr = {
   class: "sea-table",
   style: { height: "92px" }
 }, yr = { class: "hour" }, fr = { class: "hour" }, Ar = { class: "text" }, wr = { class: "text" }, vr = { key: 0 }, br = { class: "tide-table flex-col-start-center" }, Lr = { class: "tr-tide flex-space" }, Cr = { class: "tr-tide flex-space" }, xr = { class: "tr-tide flex-space" }, _r = { style: { padding: "17px 10px 18px 10px" } }, Br = { class: "flex-between" }, Ir = {
@@ -9349,17 +9349,17 @@ const zi = {
 }, Nr = { class: "flex-between" }, Rr = {
   class: "flex-space",
   style: { flex: "1", "line-height": "30px" }
-}, Fr = {
+}, Or = {
   class: "flex-space",
   style: { flex: "1", "padding-left": "30px" }
-}, Or = {
+}, Fr = {
   key: 1,
   class: "main-box flex-center"
 };
 function jr(a, e, t, r, i, s) {
-  var p, h, d, f, v, k, w, D, _, A, b, g, C, y, L, Q, M, N, E, j, U, W, pe, he, me, fe, ue, K, ae, Ae, ge, ye, Le, Ce, xe, we, _e, B, Pe, ve, Me, ke, Ne, De, re, ce, H, Be, X, V, Se, P, de, ze, Te, Qe, z, F, Ge, Ue, Ye, Ie, ne, at, it, rt, st, ot;
-  const n = O("LocationFilled"), l = O("ElIcon"), c = O("ElTooltip");
-  return Re((m(), u("div", Pi, [
+  var p, h, d, f, v, k, w, D, _, A, b, g, C, y, L, Q, M, N, E, j, U, G, pe, he, me, fe, ue, K, ae, Ae, ge, ye, Le, Ce, xe, we, _e, B, Me, ve, Se, De, Re, ze, re, ce, H, Be, X, V, Te, P, de, Pe, Qe, He, z, O, Ge, Ue, Ye, Ie, ne, it, rt, st, ot, nt;
+  const n = F("LocationFilled"), l = F("ElIcon"), c = F("ElTooltip");
+  return Oe((m(), u("div", Pi, [
     o("div", Mi, [
       o("div", Si, [
         o("div", Ti, [
@@ -9387,11 +9387,11 @@ function jr(a, e, t, r, i, s) {
           }, "")
         ])
       ]),
-      i.loading ? (m(), u("div", Or, e[42] || (e[42] = [
+      i.loading ? (m(), u("div", Fr, e[42] || (e[42] = [
         o("img", { src: Di }, null, -1)
       ]))) : (m(), u("div", {
         key: 0,
-        class: J(["main-box", i.isDay ? "day-bg" : "night-bg"]),
+        class: q(["main-box", i.isDay ? "day-bg" : "night-bg"]),
         id: "meteoMainBox"
       }, [
         o("div", Ni, [
@@ -9403,14 +9403,14 @@ function jr(a, e, t, r, i, s) {
               "show-after": 1e3
             }, {
               default: Ee(() => {
-                var x, S, nt, lt;
+                var x, S, lt, ht;
                 return [
                   (S = (x = i.currentHourData) == null ? void 0 : x.weather) != null && S.url ? (m(), u("img", {
                     key: 0,
                     class: "iconfont icon",
                     style: { "margin-right": "5px" },
-                    src: (lt = (nt = i.currentHourData) == null ? void 0 : nt.weather) == null ? void 0 : lt.url
-                  }, null, 8, Fi)) : (m(), u("span", Oi))
+                    src: (ht = (lt = i.currentHourData) == null ? void 0 : lt.weather) == null ? void 0 : ht.url
+                  }, null, 8, Oi)) : (m(), u("span", Fi))
                 ];
               }),
               _: 1
@@ -9438,29 +9438,29 @@ function jr(a, e, t, r, i, s) {
           ]),
           o("div", Ki, [
             o("div", Xi, I(i.localDate), 1),
-            o("div", Ji, "( UTC " + I(i.positionOffset) + " )", 1)
+            o("div", qi, "( UTC " + I(i.positionOffset) + " )", 1)
           ])
         ]),
-        Re(o("div", qi, [
+        Oe(o("div", Ji, [
           o("div", Vi, [
             o("div", {
-              class: J(["menu-item", i.activeIndex === 1 ? "active" : ""]),
+              class: q(["menu-item", i.activeIndex === 1 ? "active" : ""]),
               onClick: e[3] || (e[3] = Ve((x) => s.handleSelectTab(1), ["prevent"]))
             }, "Basis", 2),
             o("div", {
-              class: J(["menu-item", i.activeIndex === 2 ? "active" : ""]),
+              class: q(["menu-item", i.activeIndex === 2 ? "active" : ""]),
               onClick: e[4] || (e[4] = Ve((x) => s.handleSelectTab(2), ["prevent"]))
             }, "Wave & Current", 2),
             o("div", {
-              class: J(["menu-item", i.activeIndex === 3 ? "active" : ""]),
+              class: q(["menu-item", i.activeIndex === 3 ? "active" : ""]),
               onClick: e[5] || (e[5] = Ve((x) => s.handleSelectTab(3), ["prevent"]))
             }, "Sea Surface", 2),
             o("div", {
-              class: J(["menu-item", i.activeIndex === 4 ? "active" : ""]),
+              class: q(["menu-item", i.activeIndex === 4 ? "active" : ""]),
               onClick: e[6] || (e[6] = Ve((x) => s.handleSelectTab(4), ["prevent"]))
             }, "Tides", 2)
           ]),
-          Re(o("table", Zi, [
+          Oe(o("table", Zi, [
             o("tr", $i, [
               e[12] || (e[12] = o("th", {
                 rowspan: "1",
@@ -9513,7 +9513,7 @@ function jr(a, e, t, r, i, s) {
                       key: 0,
                       class: "iconfont weather-icon",
                       src: x
-                    }, null, 8, ar)) : q("", !0)
+                    }, null, 8, ar)) : J("", !0)
                   ]),
                   _: 2
                 }, 1032, ["content"])
@@ -9584,7 +9584,7 @@ function jr(a, e, t, r, i, s) {
           ], 512), [
             [Fe, i.activeIndex === 1]
           ]),
-          Re(o("table", nr, [
+          Oe(o("table", nr, [
             o("tr", lr, [
               e[19] || (e[19] = o("th", {
                 rowspan: "1",
@@ -9629,7 +9629,7 @@ function jr(a, e, t, r, i, s) {
                 colspan: "1",
                 key: `windSpeed${S}${x}`
               }, [
-                isNaN(i.tableData.windDir[S]) ? q("", !0) : (m(), u("span", {
+                isNaN(i.tableData.windDir[S]) ? J("", !0) : (m(), u("span", {
                   key: 0,
                   class: "iconfont icon wind",
                   style: oe({ display: "inline-block", transform: `rotate(${i.tableData.windDir[S]}deg)` })
@@ -9651,7 +9651,7 @@ function jr(a, e, t, r, i, s) {
                 colspan: "1",
                 key: `sigwaveHeight${S}${x}`
               }, [
-                isNaN(i.tableData.sigwaveDir[S]) ? q("", !0) : (m(), u("span", {
+                isNaN(i.tableData.sigwaveDir[S]) ? J("", !0) : (m(), u("span", {
                   key: 0,
                   class: "iconfont icon sigwave",
                   style: oe({ display: "inline-block", transform: `rotate(${i.tableData.sigwaveDir[S]}deg)` })
@@ -9673,7 +9673,7 @@ function jr(a, e, t, r, i, s) {
                 colspan: "1",
                 key: `windwaveHeight${S}${x}`
               }, [
-                isNaN(i.tableData.sigwaveDir[S]) ? q("", !0) : (m(), u("span", {
+                isNaN(i.tableData.sigwaveDir[S]) ? J("", !0) : (m(), u("span", {
                   key: 0,
                   class: "iconfont icon windwave",
                   style: oe({ display: "inline-block", transform: `rotate(${i.tableData.windwaveDir[S]}deg)` })
@@ -9695,7 +9695,7 @@ function jr(a, e, t, r, i, s) {
                 colspan: "1",
                 key: `swellHeight${S}${x}`
               }, [
-                isNaN(i.tableData.swellDir[S]) ? q("", !0) : (m(), u("span", {
+                isNaN(i.tableData.swellDir[S]) ? J("", !0) : (m(), u("span", {
                   key: 0,
                   class: "iconfont icon swell",
                   style: oe({ display: "inline-block", transform: `rotate(${i.tableData.swellDir[S]}deg)` })
@@ -9717,7 +9717,7 @@ function jr(a, e, t, r, i, s) {
                 colspan: "1",
                 key: `currentSpeed${S}${x}`
               }, [
-                isNaN(i.tableData.currentDir[S]) ? q("", !0) : (m(), u("span", {
+                isNaN(i.tableData.currentDir[S]) ? J("", !0) : (m(), u("span", {
                   key: 0,
                   class: "iconfont icon current",
                   id: "meteoGrayIcon",
@@ -9729,7 +9729,7 @@ function jr(a, e, t, r, i, s) {
           ], 512), [
             [Fe, i.activeIndex === 2]
           ]),
-          Re(o("table", gr, [
+          Oe(o("table", gr, [
             o("tr", yr, [
               e[26] || (e[26] = o("th", {
                 rowspan: "1",
@@ -9795,8 +9795,8 @@ function jr(a, e, t, r, i, s) {
           ]),
           i.activeIndex === 3 ? (m(), u("div", vr, e[30] || (e[30] = [
             o("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)
-          ]))) : q("", !0),
-          Re(o("table", br, [
+          ]))) : J("", !0),
+          Oe(o("table", br, [
             o("tr", Lr, [
               (m(!0), u(Z, null, $(i.tideTableData, (x, S) => (m(), u("th", {
                 rowspan: "1",
@@ -9827,11 +9827,11 @@ function jr(a, e, t, r, i, s) {
         ], 512), [
           [Fe, ((Q = (L = i.tableData) == null ? void 0 : L.hours) == null ? void 0 : Q.length) > 0 && i.showTables]
         ]),
-        Re(o("div", _r, [
+        Oe(o("div", _r, [
           o("div", Br, [
             o("div", Ir, [
               e[32] || (e[32] = o("div", null, "Wind", -1)),
-              o("div", null, I((E = (N = (M = i.currentHourData) == null ? void 0 : M.weather) == null ? void 0 : N.wind) == null ? void 0 : E.direction) + "/" + I(s.roundPrecision((W = (U = (j = i.currentHourData) == null ? void 0 : j.weather) == null ? void 0 : U.wind) == null ? void 0 : W.kts, 1)) + "kts/BF" + I((me = (he = (pe = i.currentHourData) == null ? void 0 : pe.weather) == null ? void 0 : he.wind) == null ? void 0 : me.scale) + "/" + I(s.roundPrecision((K = (ue = (fe = i.currentHourData) == null ? void 0 : fe.weather) == null ? void 0 : ue.wind) == null ? void 0 : K.gusts, 1)) + " kts", 1)
+              o("div", null, I((E = (N = (M = i.currentHourData) == null ? void 0 : M.weather) == null ? void 0 : N.wind) == null ? void 0 : E.direction) + "/" + I(s.roundPrecision((G = (U = (j = i.currentHourData) == null ? void 0 : j.weather) == null ? void 0 : U.wind) == null ? void 0 : G.kts, 1)) + "kts/BF" + I((me = (he = (pe = i.currentHourData) == null ? void 0 : pe.weather) == null ? void 0 : he.wind) == null ? void 0 : me.scale) + "/" + I(s.roundPrecision((K = (ue = (fe = i.currentHourData) == null ? void 0 : fe.weather) == null ? void 0 : ue.wind) == null ? void 0 : K.gusts, 1)) + " kts", 1)
             ]),
             o("div", Er, [
               e[33] || (e[33] = o("div", null, "Sig wave", -1)),
@@ -9841,17 +9841,17 @@ function jr(a, e, t, r, i, s) {
           o("div", kr, [
             o("div", Dr, [
               e[34] || (e[34] = o("div", null, "Wind wave", -1)),
-              o("div", null, I((ve = (Pe = (B = i.currentHourData) == null ? void 0 : B.wave) == null ? void 0 : Pe.wd) == null ? void 0 : ve.direction) + "/" + I(s.roundPrecision((Ne = (ke = (Me = i.currentHourData) == null ? void 0 : Me.wave) == null ? void 0 : ke.wd) == null ? void 0 : Ne.height, 1)) + "m/" + I(s.roundPrecision((ce = (re = (De = i.currentHourData) == null ? void 0 : De.wave) == null ? void 0 : re.wd) == null ? void 0 : ce.period, 1)) + "s", 1)
+              o("div", null, I((ve = (Me = (B = i.currentHourData) == null ? void 0 : B.wave) == null ? void 0 : Me.wd) == null ? void 0 : ve.direction) + "/" + I(s.roundPrecision((Re = (De = (Se = i.currentHourData) == null ? void 0 : Se.wave) == null ? void 0 : De.wd) == null ? void 0 : Re.height, 1)) + "m/" + I(s.roundPrecision((ce = (re = (ze = i.currentHourData) == null ? void 0 : ze.wave) == null ? void 0 : re.wd) == null ? void 0 : ce.period, 1)) + "s", 1)
             ]),
             o("div", zr, [
               e[35] || (e[35] = o("div", null, "Swell", -1)),
-              o("div", null, I((X = (Be = (H = i.currentHourData) == null ? void 0 : H.wave) == null ? void 0 : Be.swell) == null ? void 0 : X.direction) + "/" + I(s.roundPrecision((P = (Se = (V = i.currentHourData) == null ? void 0 : V.wave) == null ? void 0 : Se.swell) == null ? void 0 : P.height, 1)) + "m/" + I(s.roundPrecision((Te = (ze = (de = i.currentHourData) == null ? void 0 : de.wave) == null ? void 0 : ze.swell) == null ? void 0 : Te.period, 1)) + "s", 1)
+              o("div", null, I((X = (Be = (H = i.currentHourData) == null ? void 0 : H.wave) == null ? void 0 : Be.swell) == null ? void 0 : X.direction) + "/" + I(s.roundPrecision((P = (Te = (V = i.currentHourData) == null ? void 0 : V.wave) == null ? void 0 : Te.swell) == null ? void 0 : P.height, 1)) + "m/" + I(s.roundPrecision((Qe = (Pe = (de = i.currentHourData) == null ? void 0 : de.wave) == null ? void 0 : Pe.swell) == null ? void 0 : Qe.period, 1)) + "s", 1)
             ])
           ]),
           o("div", Pr, [
             o("div", Mr, [
               e[36] || (e[36] = o("div", null, "Current", -1)),
-              o("div", null, I((z = (Qe = i.currentHourData) == null ? void 0 : Qe.current) == null ? void 0 : z.direction) + "/" + I(s.roundPrecision((Ge = (F = i.currentHourData) == null ? void 0 : F.current) == null ? void 0 : Ge.kts, 2)) + "kts", 1)
+              o("div", null, I((z = (He = i.currentHourData) == null ? void 0 : He.current) == null ? void 0 : z.direction) + "/" + I(s.roundPrecision((Ge = (O = i.currentHourData) == null ? void 0 : O.current) == null ? void 0 : Ge.kts, 2)) + "kts", 1)
             ]),
             o("div", Sr, [
               e[37] || (e[37] = o("div", null, "Sea level", -1)),
@@ -9871,18 +9871,18 @@ function jr(a, e, t, r, i, s) {
           o("div", Nr, [
             o("div", Rr, [
               e[40] || (e[40] = o("div", null, "Temp", -1)),
-              o("div", null, I(s.roundPrecision((it = (at = i.currentHourData) == null ? void 0 : at.weather) == null ? void 0 : it.temp, 1)) + "°C", 1)
+              o("div", null, I(s.roundPrecision((rt = (it = i.currentHourData) == null ? void 0 : it.weather) == null ? void 0 : rt.temp, 1)) + "°C", 1)
             ]),
-            o("div", Fr, [
+            o("div", Or, [
               e[41] || (e[41] = o("div", null, "Precip", -1)),
-              o("div", null, I(s.roundPrecision((ot = (st = (rt = i.currentHourData) == null ? void 0 : rt.weather) == null ? void 0 : st.precip) == null ? void 0 : ot.sum3Hours, 1)) + "mm", 1)
+              o("div", null, I(s.roundPrecision((nt = (ot = (st = i.currentHourData) == null ? void 0 : st.weather) == null ? void 0 : ot.precip) == null ? void 0 : nt.sum3Hours, 1)) + "mm", 1)
             ])
           ])
         ], 512), [
           [Fe, !i.showTables]
         ]),
         o("div", {
-          class: J(["more", i.isDay ? "day" : "night"]),
+          class: q(["more", i.isDay ? "day" : "night"]),
           onClick: e[7] || (e[7] = (...x) => s.handleMeteoMore && s.handleMeteoMore(...x))
         }, "More >>", 2)
       ], 2))
@@ -9891,7 +9891,7 @@ function jr(a, e, t, r, i, s) {
     [Fe, i.showMeteo]
   ]);
 }
-const Wr = /* @__PURE__ */ G(zi, [["render", jr], ["__scopeId", "data-v-fa02c365"]]), Gr = {
+const Wr = /* @__PURE__ */ W(zi, [["render", jr], ["__scopeId", "data-v-fa02c365"]]), Gr = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -9987,7 +9987,7 @@ const Wr = /* @__PURE__ */ G(zi, [["render", jr], ["__scopeId", "data-v-fa02c365
 function Ur(a, e, t, r, i, s) {
   return m(), u("div");
 }
-const Yr = /* @__PURE__ */ G(Gr, [["render", Ur]]), Kr = {
+const Yr = /* @__PURE__ */ W(Gr, [["render", Ur]]), Kr = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -10113,7 +10113,7 @@ const Yr = /* @__PURE__ */ G(Gr, [["render", Ur]]), Kr = {
 function Xr(a, e, t, r, i, s) {
   return m(), u("div");
 }
-const Jr = /* @__PURE__ */ G(Kr, [["render", Xr]]), qr = {
+const qr = /* @__PURE__ */ W(Kr, [["render", Xr]]), Jr = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -10210,7 +10210,7 @@ const Jr = /* @__PURE__ */ G(Kr, [["render", Xr]]), qr = {
 function Vr(a, e, t, r, i, s) {
   return m(), u("div");
 }
-const Zr = /* @__PURE__ */ G(qr, [["render", Vr]]);
+const Zr = /* @__PURE__ */ W(Jr, [["render", Vr]]);
 const $r = {
   name: "IdmAlertZone",
   props: {
@@ -10253,8 +10253,8 @@ const $r = {
       })[0];
       if (t) {
         this.showZone = !0, this.form = { ...t.properties };
-        const i = document.getElementById("idm-gl3-zone-info");
-        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new We.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
+        const i = document.getElementById("idm-gl4-zone-info");
+        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new ke.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
       }
     },
     handleRender() {
@@ -10344,10 +10344,10 @@ const $r = {
       this.map.getLayer(this.polygonLayer) && this.map.removeLayer(this.polygonLayer), this.map.getLayer(this.polygonLayer + "-border") && this.map.removeLayer(this.polygonLayer + "-border"), this.map.getLayer(this.polygonLabelLayer) && this.map.removeLayer(this.polygonLabelLayer), this.map.getLayer(this.lineLayer) && this.map.removeLayer(this.lineLayer), this.map.getLayer(this.lineLabelLayer) && this.map.removeLayer(this.lineLabelLayer), this.map.getLayer(this.pointLayer) && this.map.removeLayer(this.pointLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, es = { id: "idm-gl3-zone-info" }, ts = ["innerHTML"];
+}, es = { id: "idm-gl4-zone-info" }, ts = ["innerHTML"];
 function as(a, e, t, r, i, s) {
   var n;
-  return Re((m(), u("div", es, [
+  return Oe((m(), u("div", es, [
     o("div", {
       class: "iconfont close",
       onClick: e[0] || (e[0] = (l) => i.showZone = !1)
@@ -10360,7 +10360,7 @@ function as(a, e, t, r, i, s) {
     [Fe, i.showZone]
   ]);
 }
-const is = /* @__PURE__ */ G($r, [["render", as]]);
+const is = /* @__PURE__ */ W($r, [["render", as]]);
 const rs = {
   name: "IdmPort",
   props: {
@@ -10417,7 +10417,7 @@ const rs = {
       if (t) {
         this.showPort = !0, this.form = { ...t.properties }, this.form.lng = t.geometry.coordinates[0], this.form.lat = t.geometry.coordinates[1];
         const i = document.getElementById("port-info");
-        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new We.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new ke.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
       }
     },
     handleRender() {
@@ -10464,7 +10464,7 @@ const rs = {
   style: { "align-items": "flex-start" }
 }, ds = { class: "meteo-forecast flex-end" };
 function ps(a, e, t, r, i, s) {
-  return Re((m(), u("div", ss, [
+  return Oe((m(), u("div", ss, [
     o("div", {
       class: "close iconfont",
       onClick: e[0] || (e[0] = (n) => i.showPort = !1)
@@ -10496,7 +10496,7 @@ function ps(a, e, t, r, i, s) {
     [Fe, i.showPort]
   ]);
 }
-const ms = /* @__PURE__ */ G(rs, [["render", ps], ["__scopeId", "data-v-2fc5fc5e"]]), us = {
+const ms = /* @__PURE__ */ W(rs, [["render", ps], ["__scopeId", "data-v-2fc5fc5e"]]), us = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -10572,7 +10572,7 @@ const ms = /* @__PURE__ */ G(rs, [["render", ps], ["__scopeId", "data-v-2fc5fc5e
 function gs(a, e, t, r, i, s) {
   return m(), u("div");
 }
-const ys = /* @__PURE__ */ G(us, [["render", gs]]), fs = {
+const ys = /* @__PURE__ */ W(us, [["render", gs]]), fs = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -10743,7 +10743,7 @@ const ys = /* @__PURE__ */ G(us, [["render", gs]]), fs = {
 function As(a, e, t, r, i, s) {
   return m(), u("div");
 }
-const ws = /* @__PURE__ */ G(fs, [["render", As]]), vs = {
+const ws = /* @__PURE__ */ W(fs, [["render", As]]), vs = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -10837,7 +10837,7 @@ const ws = /* @__PURE__ */ G(fs, [["render", As]]), vs = {
 function bs(a, e, t, r, i, s) {
   return m(), u("div");
 }
-const Ls = /* @__PURE__ */ G(vs, [["render", bs]]), Cs = {
+const Ls = /* @__PURE__ */ W(vs, [["render", bs]]), Cs = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -10933,7 +10933,7 @@ const Ls = /* @__PURE__ */ G(vs, [["render", bs]]), Cs = {
 function xs(a, e, t, r, i, s) {
   return m(), u("div");
 }
-const _s = /* @__PURE__ */ G(Cs, [["render", xs]]), Bs = {
+const _s = /* @__PURE__ */ W(Cs, [["render", xs]]), Bs = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -10988,7 +10988,7 @@ const _s = /* @__PURE__ */ G(Cs, [["render", xs]]), Bs = {
 function Is(a, e, t, r, i, s) {
   return m(), u("div");
 }
-const Es = /* @__PURE__ */ G(Bs, [["render", Is]]);
+const Es = /* @__PURE__ */ W(Bs, [["render", Is]]);
 const ks = {
   name: "IdmLatLng",
   props: {
@@ -11154,9 +11154,9 @@ function Ds(a, e, t, r, i, s) {
     o("span", null, I(i.lngLat.lat.pretty), 1),
     e[0] || (e[0] = o("span", null, ", ", -1)),
     o("span", null, I(i.lngLat.lng.pretty), 1)
-  ], 4)) : q("", !0);
+  ], 4)) : J("", !0);
 }
-const pt = /* @__PURE__ */ G(ks, [["render", Ds], ["__scopeId", "data-v-ad66a24c"]]), zs = {
+const mt = /* @__PURE__ */ W(ks, [["render", Ds], ["__scopeId", "data-v-ad66a24c"]]), zs = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -11267,7 +11267,7 @@ const pt = /* @__PURE__ */ G(ks, [["render", Ds], ["__scopeId", "data-v-ad66a24c
         const l = this.geojson.filter((c) => c.id === e.split("-")[0])[0].features.filter((c) => c.geometry.type === "Point");
         if (l.length > 2 && l.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 We.Marker(p).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
+          p.className = "point-contextmenu-marker", p.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new ke.Marker(p).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -11303,10 +11303,10 @@ const pt = /* @__PURE__ */ G(ks, [["render", Ds], ["__scopeId", "data-v-ad66a24c
         let t = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const s = e[i - 1], n = e[i], l = s.properties, c = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, p = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, h = je.calculateDistance(c, p, l.mode === "RL", 1), d = je.calculateBearing(c, p, l.mode === "RL", 2);
+          const s = e[i - 1], n = e[i], l = s.properties, c = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, p = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, h = We.calculateDistance(c, p, l.mode === "RL", 1), d = We.calculateBearing(c, p, l.mode === "RL", 2);
           t = se.roundPrecision(t + h, 2);
           let f;
-          l.mode === "RL" ? f = se.convertToMonotonicLng([c, p]) : f = se.convertToMonotonicLng(je.interpolateCoordinates(c, p, 200));
+          l.mode === "RL" ? f = se.convertToMonotonicLng([c, p]) : f = se.convertToMonotonicLng(We.interpolateCoordinates(c, p, 200));
           const v = T.lineString(f.map((k) => [k.lng, k.lat]));
           v.properties.dist = h, v.properties.bearing = d, v.properties.total = t, r.push(v);
         }
@@ -11319,17 +11319,17 @@ const pt = /* @__PURE__ */ G(ks, [["render", Ds], ["__scopeId", "data-v-ad66a24c
       let s, n;
       if (e) {
         const c = e.properties, p = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, h = { lng: t.lng, lat: t.lat };
-        s = je.calculateDistance(p, h, c.mode === "RL", 1), n = je.calculateBearing(p, h, c.mode === "RL", 2);
+        s = We.calculateDistance(p, h, c.mode === "RL", 1), n = We.calculateBearing(p, h, c.mode === "RL", 2);
         let d;
-        c.mode === "RL" ? d = se.convertToMonotonicLng([p, h]) : d = se.convertToMonotonicLng(je.interpolateCoordinates(p, h, 200));
+        c.mode === "RL" ? d = se.convertToMonotonicLng([p, h]) : d = se.convertToMonotonicLng(We.interpolateCoordinates(p, h, 200));
         const f = T.lineString(d.map((v) => [v.lng, v.lat]));
         f.properties.dist = s, f.properties.bearing = n, i.features.push(f);
       }
       if (r) {
         const c = t.properties, p = t, h = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        s = je.calculateDistance(p, h, c.mode === "RL", 1), n = je.calculateBearing(p, h, c.mode === "RL", 2);
+        s = We.calculateDistance(p, h, c.mode === "RL", 1), n = We.calculateBearing(p, h, c.mode === "RL", 2);
         let d;
-        c.mode === "RL" ? d = se.convertToMonotonicLng([p, h]) : d = se.convertToMonotonicLng(je.interpolateCoordinates(p, h, 200));
+        c.mode === "RL" ? d = se.convertToMonotonicLng([p, h]) : d = se.convertToMonotonicLng(We.interpolateCoordinates(p, h, 200));
         const f = T.lineString(d.map((v) => [v.lng, v.lat]));
         f.properties.dist = s, f.properties.bearing = n, i.features.push(f);
       }
@@ -11375,7 +11375,7 @@ const pt = /* @__PURE__ */ G(ks, [["render", Ds], ["__scopeId", "data-v-ad66a24c
         this.tipMarker._element.innerHTML = l, this.tipMarker.setLngLat([t.lng, t.lat]);
       else {
         const c = document.createElement("div");
-        c.className = "tip-marker", c.innerHTML = l, this.tipMarker = new We.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
+        c.className = "tip-marker", c.innerHTML = l, this.tipMarker = new ke.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
       }
     },
     handleMove(a) {
@@ -11433,12 +11433,12 @@ const pt = /* @__PURE__ */ G(ks, [["render", Ds], ["__scopeId", "data-v-ad66a24c
         for (const n of s) {
           const l = document.createElement("div");
           l.id = `${a.id}-${n.properties.id}`, l.className = `${a.closed ? "point-marker closed" : "point-marker"}`, l.innerHTML = '<div class="marker-circle"></div>';
-          const c = new We.Marker({ element: l, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
+          const c = new ke.Marker({ element: l, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
           c.on("drag", this.handleDrag), c.on("dragend", this.handleDragEnd), this.pointMarkers[a.id] ? this.pointMarkers[a.id].push(c) : this.pointMarkers[a.id] = [c];
         }
         if (a.closed) {
           const n = s.at(-1), c = a.features.filter((h) => h.geometry.type === "LineString").at(-1), p = document.createElement("div");
-          p.className = "point-summary-marker", p.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Total: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new We.Marker(p).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
+          p.className = "point-summary-marker", p.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Total: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new ke.Marker(p).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
         }
       }
     },
@@ -11454,7 +11454,7 @@ const pt = /* @__PURE__ */ G(ks, [["render", Ds], ["__scopeId", "data-v-ad66a24c
 function Ps(a, e, t, r, i, s) {
   return m(), u("div");
 }
-const Ms = /* @__PURE__ */ G(zs, [["render", Ps]]);
+const Ms = /* @__PURE__ */ W(zs, [["render", Ps]]);
 const Ss = {
   name: "IdmENC",
   props: {
@@ -11512,7 +11512,7 @@ const Ss = {
   methods: {}
 }, Ts = { key: 0 }, Qs = { class: "bar-item" };
 function Hs(a, e, t, r, i, s) {
-  const n = O("ElTooltip");
+  const n = F("ElTooltip");
   return t.enabled && t.permission & i.helper.LEVEL.Supper ? (m(), u("div", Ts, [
     o("div", {
       class: "menu-bar-box",
@@ -11527,7 +11527,7 @@ function Hs(a, e, t, r, i, s) {
         }, {
           default: Ee(() => [
             o("div", {
-              class: J(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
+              class: q(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
               onClick: e[0] || (e[0] = (l) => i.vendor = "hi")
             }, e[2] || (e[2] = [
               o("span", { class: "iconfont" }, "HI", -1)
@@ -11543,7 +11543,7 @@ function Hs(a, e, t, r, i, s) {
         }, {
           default: Ee(() => [
             o("div", {
-              class: J(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
+              class: q(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
               onClick: e[1] || (e[1] = (l) => i.vendor = "i4")
             }, e[3] || (e[3] = [
               o("span", { class: "iconfont" }, "I4", -1)
@@ -11553,9 +11553,9 @@ function Hs(a, e, t, r, i, s) {
         })
       ])
     ], 4)
-  ])) : q("", !0);
+  ])) : J("", !0);
 }
-const Ns = /* @__PURE__ */ G(Ss, [["render", Hs], ["__scopeId", "data-v-8ff97b39"]]), Rs = {
+const Ns = /* @__PURE__ */ W(Ss, [["render", Hs], ["__scopeId", "data-v-8ff97b39"]]), Rs = {
   name: "IdmWorld12nm",
   props: {
     map: {
@@ -11614,10 +11614,10 @@ const Ns = /* @__PURE__ */ G(Ss, [["render", Hs], ["__scopeId", "data-v-8ff97b39
     }
   }
 };
-function Fs(a, e, t, r, i, s) {
+function Os(a, e, t, r, i, s) {
   return null;
 }
-const Os = /* @__PURE__ */ G(Rs, [["render", Fs]]);
+const Fs = /* @__PURE__ */ W(Rs, [["render", Os]]);
 const js = {
   name: "IdmWorldMarine",
   props: {
@@ -11661,7 +11661,7 @@ const js = {
 function Ws(a, e, t, r, i, s) {
   return null;
 }
-const Gs = /* @__PURE__ */ G(js, [["render", Ws]]), Us = {
+const Gs = /* @__PURE__ */ W(js, [["render", Ws]]), Us = {
   name: "IdmChinaRoute",
   props: {
     map: {
@@ -11702,12 +11702,12 @@ const Gs = /* @__PURE__ */ G(js, [["render", Ws]]), Us = {
 function Ys(a, e, t, r, i, s) {
   return null;
 }
-const Ks = /* @__PURE__ */ G(Us, [["render", Ys]]);
+const Ks = /* @__PURE__ */ W(Us, [["render", Ys]]);
 const Xs = {
-  name: "IdmGLV2",
+  name: "IdmGL4",
   components: {
-    IdmGlLayer: sa,
-    IdmWindBarb: la,
+    IdmGlLayer: oa,
+    IdmWindBarb: ha,
     IdmWindParticle: ma,
     IdmCurrents: ya,
     IdmCurrentParticle: va,
@@ -11716,15 +11716,15 @@ const Xs = {
     IdmSwell: Da,
     IdmPrmsl: Ma,
     IdmIceEdge: Ha,
-    IdmIceCover: Oa,
+    IdmIceCover: Fa,
     IdmIceThickness: Ua,
-    IdmTropicals: dt,
+    IdmTropicals: pt,
     IdmPrecip3h: gi,
     IdmVisibility: wi,
     IdmWaterTemp: Ci,
     IdmTemp: Ii,
     IdmWarZone: Yr,
-    IdmGmdssArea: Jr,
+    IdmGmdssArea: qr,
     IdmEcaZone: Zr,
     IdmAlertZone: is,
     IdmPort: ms,
@@ -11733,11 +11733,11 @@ const Xs = {
     IdmVRA: Ls,
     IdmSpecialArea: _s,
     IdmTerminator: Es,
-    IdmLatLng: pt,
+    IdmLatLng: mt,
     IdmMeasure: Ms,
     IdmPoint: Wr,
     IdmENC: Ns,
-    IdmWorld12nm: Os,
+    IdmWorld12nm: Fs,
     IdmWorldMarine: Gs,
     IdmChinaRoute: Ks
   },
@@ -11793,7 +11793,7 @@ const Xs = {
       showCurrentParticle: !1,
       enc: "",
       defaultMeteoToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg",
-      helper: new ha()
+      helper: new tt()
     };
   },
   watch: {
@@ -11807,7 +11807,7 @@ const Xs = {
     },
     map: {
       handler() {
-        this.map && (this.map.on("move", this.handleMove4Weather), this.viewport = new tt(this.map), this.handleRampColorInitial());
+        this.map && (this.map.on("move", this.handleMove4Weather), this.viewport = new at(this.map), this.handleRampColorInitial());
       },
       immediate: !0
     },
@@ -11889,7 +11889,7 @@ const Xs = {
         if (this.weatherWeight > 0) {
           let D = this.weatherWeight, _;
           if (a.tropicals || this.weatherWeight & 256 && (_ = this.weatherLayers.tropicals, _ && (D -= 256, _.version = Math.random() + 1)), D > 0) {
-            const A = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], b = await He.get(`${A}/api/arc/weather/layers2/links?l=${D}&v=${this.source}&z=${v}&bbox=${w}&t=${this.ts}`, {
+            const A = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], b = await Ne.get(`${A}/api/arc/weather/layers2/links?l=${D}&v=${this.source}&z=${v}&bbox=${w}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
@@ -11898,7 +11898,7 @@ const Xs = {
               const g = (c = b == null ? void 0 : b.data) == null ? void 0 : c.data, C = [];
               for (const L in g)
                 L !== "tropicals" && C.push(
-                  He.get(g[L], {
+                  Ne.get(g[L], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
                       key: L
@@ -11917,14 +11917,14 @@ const Xs = {
                   type: ((U = L == null ? void 0 : L.config) == null ? void 0 : U.responseType) === "blob" ? "image" : "json",
                   etime: b.data.etime
                 });
-              }), g.tropicals && He.get(g.tropicals, {
+              }), g.tropicals && Ne.get(g.tropicals, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken,
                   key: "tropicals"
                 }
               }).then((L) => {
                 var N, E, j;
-                const Q = ct.convert2Geojson(((N = L == null ? void 0 : L.data) == null ? void 0 : N.data) || (L == null ? void 0 : L.data)), M = (j = (E = L == null ? void 0 : L.config) == null ? void 0 : E.headers) == null ? void 0 : j.key;
+                const Q = dt.convert2Geojson(((N = L == null ? void 0 : L.data) == null ? void 0 : N.data) || (L == null ? void 0 : L.data)), M = (j = (E = L == null ? void 0 : L.config) == null ? void 0 : E.headers) == null ? void 0 : j.key;
                 this.weatherLayers[M] = {
                   data: Q,
                   active: !0,
@@ -11968,7 +11968,7 @@ const Xs = {
           let n = !1, l = !1, c = !1, p = !1;
           if (this.otherWeight & 2048 && (s = this.otherWeight - 2048, n = !0), this.otherWeight & 8192 && (s = s - 8192, l = !0), this.otherWeight & 16384 && (s = s - 16384, c = !0), this.otherWeight & 32768 && (s = s - 32768, p = !0), s) {
             if (a.all) {
-              const h = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], d = await He.get(`${h}/api/arc/other/layers/links?l=${s}&t=${this.ts}`, {
+              const h = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], d = await Ne.get(`${h}/api/arc/other/layers/links?l=${s}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
@@ -11977,7 +11977,7 @@ const Xs = {
                 const f = (t = d == null ? void 0 : d.data) == null ? void 0 : t.data, v = [];
                 for (const w in f)
                   v.push(
-                    He.get(f[w], {
+                    Ne.get(f[w], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: w
@@ -11992,7 +11992,7 @@ const Xs = {
                 });
               }
             } else if (a.dayNight && s & 1024) {
-              const h = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], d = await He.get(`${h}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const h = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], d = await Ne.get(`${h}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
@@ -12001,7 +12001,7 @@ const Xs = {
                 const f = (i = d == null ? void 0 : d.data) == null ? void 0 : i.data, v = [];
                 for (const w in f)
                   v.push(
-                    He.get(f[w], {
+                    Ne.get(f[w], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: w
@@ -12084,35 +12084,35 @@ const Xs = {
                   var Q, M, N, E, j, U;
                   if (i < 2) {
                     if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && y % 10 === 0) {
-                      const W = T.point([y, g], {
+                      const G = T.point([y, g], {
                         val: ((Q = A[g].val) == null ? void 0 : Q[L]) || ((M = A[g].dir) == null ? void 0 : M[L]),
                         spd: (N = A[g].spd) == null ? void 0 : N[L]
                       });
-                      _.push(W);
+                      _.push(G);
                     }
                   } else if ((y >= s && y <= 180 || y >= -180 && y <= n) && (!(i <= this.zoom) || y % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
-                    const W = T.point([y, g], {
+                    const G = T.point([y, g], {
                       val: ((E = A[g].val) == null ? void 0 : E[L]) || ((j = A[g].dir) == null ? void 0 : j[L]),
                       spd: (U = A[g].spd) == null ? void 0 : U[L]
                     });
-                    _.push(W);
+                    _.push(G);
                   }
                 }) : C.forEach((y, L) => {
                   var Q, M, N, E, j, U;
                   if (s < 2) {
                     if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && y % 10 === 0) {
-                      const W = T.point([y, g], {
+                      const G = T.point([y, g], {
                         val: ((Q = A[g].val) == null ? void 0 : Q[L]) || ((M = A[g].dir) == null ? void 0 : M[L]),
                         spd: (N = A[g].spd) == null ? void 0 : N[L]
                       });
-                      _.push(W);
+                      _.push(G);
                     }
                   } else if (y >= s && y <= n && (!(i <= this.zoom) || y % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
-                    const W = T.point([y, g], {
+                    const G = T.point([y, g], {
                       val: ((E = A[g].val) == null ? void 0 : E[L]) || ((j = A[g].dir) == null ? void 0 : j[L]),
                       spd: (U = A[g].spd) == null ? void 0 : U[L]
                     });
-                    _.push(W);
+                    _.push(G);
                   }
                 });
               }
@@ -12148,35 +12148,35 @@ const Xs = {
                   var Q, M, N, E, j, U;
                   if (i < 2) {
                     if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && y % 10 === 0) {
-                      const W = T.point([y, g], {
+                      const G = T.point([y, g], {
                         val: ((Q = A[g].val) == null ? void 0 : Q[L]) || ((M = A[g].dir) == null ? void 0 : M[L]),
                         spd: (N = A[g].spd) == null ? void 0 : N[L]
                       });
-                      _.push(W);
+                      _.push(G);
                     }
                   } else if ((y >= s && y <= 180 || y >= -180 && y <= n) && (!(i <= this.zoom) || y % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
-                    const W = T.point([y, g], {
+                    const G = T.point([y, g], {
                       val: ((E = A[g].val) == null ? void 0 : E[L]) || ((j = A[g].dir) == null ? void 0 : j[L]),
                       spd: (U = A[g].spd) == null ? void 0 : U[L]
                     });
-                    _.push(W);
+                    _.push(G);
                   }
                 }) : C.forEach((y, L) => {
                   var Q, M, N, E, j, U;
                   if (s < 2) {
                     if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && y % 10 === 0) {
-                      const W = T.point([y, g], {
+                      const G = T.point([y, g], {
                         val: ((Q = A[g].val) == null ? void 0 : Q[L]) || ((M = A[g].dir) == null ? void 0 : M[L]),
                         spd: (N = A[g].spd) == null ? void 0 : N[L]
                       });
-                      _.push(W);
+                      _.push(G);
                     }
                   } else if (y >= s && y <= n && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const W = T.point([y, g], {
+                    const G = T.point([y, g], {
                       val: ((E = A[g].val) == null ? void 0 : E[L]) || ((j = A[g].dir) == null ? void 0 : j[L]),
                       spd: (U = A[g].spd) == null ? void 0 : U[L]
                     });
-                    _.push(W);
+                    _.push(G);
                   }
                 });
               }
@@ -12393,15 +12393,15 @@ const Xs = {
       this.$emit("toggleVersion", Math.random());
     }
   }
-}, Js = {
+}, qs = {
   key: 0,
   ref: "mapGlHome",
   className: "map-gl-home"
 };
-function qs(a, e, t, r, i, s) {
-  var ye, Le, Ce, xe, we, _e, B, Pe, ve, Me, ke, Ne, De, re, ce, H, Be, X, V, Se, P, de, ze, Te, Qe, z, F, Ge, Ue, Ye, Ie;
-  const n = O("IdmGlLayer"), l = O("IdmENC"), c = O("IdmWorld12nm"), p = O("IdmWorldMarine"), h = O("IdmChinaRoute"), d = O("IdmSigWave"), f = O("IdmSigWaveHeight"), v = O("IdmSwell"), k = O("IdmPrmsl"), w = O("IdmIceEdge"), D = O("IdmIceCover"), _ = O("IdmIceThickness"), A = O("IdmTropicals"), b = O("IdmCurrents"), g = O("IdmCurrentParticle"), C = O("IdmWindBarb"), y = O("IdmWindParticle"), L = O("IdmPrecip3h"), Q = O("IdmVisibility"), M = O("IdmWaterTemp"), N = O("IdmTemp"), E = O("IdmWarZone"), j = O("IdmGmdssArea"), U = O("IdmEcaZone"), W = O("IdmAlertZone"), pe = O("IdmPort"), he = O("IdmLoadLine"), me = O("IdmTimezone"), fe = O("IdmVRA"), ue = O("IdmSpecialArea"), K = O("IdmTerminator"), ae = O("IdmLatLng"), Ae = O("IdmMeasure"), ge = O("IdmPoint");
-  return t.map ? (m(), u("div", Js, [
+function Js(a, e, t, r, i, s) {
+  var ye, Le, Ce, xe, we, _e, B, Me, ve, Se, De, Re, ze, re, ce, H, Be, X, V, Te, P, de, Pe, Qe, He, z, O, Ge, Ue, Ye, Ie;
+  const n = F("IdmGlLayer"), l = F("IdmENC"), c = F("IdmWorld12nm"), p = F("IdmWorldMarine"), h = F("IdmChinaRoute"), d = F("IdmSigWave"), f = F("IdmSigWaveHeight"), v = F("IdmSwell"), k = F("IdmPrmsl"), w = F("IdmIceEdge"), D = F("IdmIceCover"), _ = F("IdmIceThickness"), A = F("IdmTropicals"), b = F("IdmCurrents"), g = F("IdmCurrentParticle"), C = F("IdmWindBarb"), y = F("IdmWindParticle"), L = F("IdmPrecip3h"), Q = F("IdmVisibility"), M = F("IdmWaterTemp"), N = F("IdmTemp"), E = F("IdmWarZone"), j = F("IdmGmdssArea"), U = F("IdmEcaZone"), G = F("IdmAlertZone"), pe = F("IdmPort"), he = F("IdmLoadLine"), me = F("IdmTimezone"), fe = F("IdmVRA"), ue = F("IdmSpecialArea"), K = F("IdmTerminator"), ae = F("IdmLatLng"), Ae = F("IdmMeasure"), ge = F("IdmPoint");
+  return t.map ? (m(), u("div", qs, [
     R(n, Y({
       ref: "layer",
       map: t.map,
@@ -12479,7 +12479,7 @@ function qs(a, e, t, r, i, s) {
     }, a.$attrs), null, 16, ["map", "swell", "before-layer", "active-weather-layers"]),
     R(k, Y({
       map: t.map,
-      prmsl: (Pe = i.weatherLayers) == null ? void 0 : Pe.prmsl,
+      prmsl: (Me = i.weatherLayers) == null ? void 0 : Me.prmsl,
       "before-layer": t.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, a.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
@@ -12491,26 +12491,26 @@ function qs(a, e, t, r, i, s) {
     }, a.$attrs), null, 16, ["viewport", "factor", "toggle-version", "before-layer"]),
     R(D, Y({
       viewport: i.viewport,
-      factor: (Me = i.weatherLayers) == null ? void 0 : Me["ice-cover"],
+      factor: (Se = i.weatherLayers) == null ? void 0 : Se["ice-cover"],
       "toggle-version": t.toggleVersion,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["viewport", "factor", "toggle-version", "before-layer"]),
     R(_, Y({
       viewport: i.viewport,
-      factor: (ke = i.weatherLayers) == null ? void 0 : ke["ice-thickness"],
+      factor: (De = i.weatherLayers) == null ? void 0 : De["ice-thickness"],
       "toggle-version": t.toggleVersion,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["viewport", "factor", "toggle-version", "before-layer"]),
     R(A, Y({
       map: t.map,
       date: t.ts,
-      tropicals: (Ne = i.weatherLayers) == null ? void 0 : Ne.tropicals,
+      tropicals: (Re = i.weatherLayers) == null ? void 0 : Re.tropicals,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
     R(b, Y({
       map: t.map,
       "map-projection": i.mapProjection,
-      current: (De = i.weatherLayers) == null ? void 0 : De.current,
+      current: (ze = i.weatherLayers) == null ? void 0 : ze.current,
       "before-layer": t.beforeLayer,
       "show-current-isoband": i.showCurrentIsoband,
       "show-current-particle": i.showCurrentParticle,
@@ -12564,7 +12564,7 @@ function qs(a, e, t, r, i, s) {
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     R(M, Y({
       viewport: i.viewport,
-      factor: (Se = i.weatherLayers) == null ? void 0 : Se["water-temp"],
+      factor: (Te = i.weatherLayers) == null ? void 0 : Te["water-temp"],
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
@@ -12581,17 +12581,17 @@ function qs(a, e, t, r, i, s) {
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
     R(j, Y({
       map: t.map,
-      area: (ze = i.otherLayers) == null ? void 0 : ze["gmdss-areas"],
+      area: (Pe = i.otherLayers) == null ? void 0 : Pe["gmdss-areas"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
     R(U, Y({
       map: t.map,
-      zone: (Te = i.otherLayers) == null ? void 0 : Te["eca-zones"],
+      zone: (Qe = i.otherLayers) == null ? void 0 : Qe["eca-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    R(W, Y({
+    R(G, Y({
       map: t.map,
-      zone: (Qe = i.otherLayers) == null ? void 0 : Qe["alert-zones"],
+      zone: (He = i.otherLayers) == null ? void 0 : He["alert-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
     R(pe, Y({
@@ -12602,7 +12602,7 @@ function qs(a, e, t, r, i, s) {
     }, a.$attrs), null, 16, ["map", "port", "before-layer", "forecast-model"]),
     R(he, Y({
       map: t.map,
-      line: (F = i.otherLayers) == null ? void 0 : F["load-lines"],
+      line: (O = i.otherLayers) == null ? void 0 : O["load-lines"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "line", "before-layer"]),
     R(me, Y({
@@ -12643,21 +12643,175 @@ function qs(a, e, t, r, i, s) {
       gateway: i.gateway,
       "forecast-model": t.forecastModel
     }, a.$attrs), null, 16, ["map", "show", "meteo", "ts", "token", "gateway", "forecast-model"])
-  ], 512)) : q("", !0);
+  ], 512)) : J("", !0);
+}
+const Vs = /* @__PURE__ */ W(Xs, [["render", Js]]);
+const Zs = {
+  name: "MapInitial",
+  components: {},
+  props: {
+    token: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["map"],
+  data() {
+    return {
+      map: void 0,
+      beforeLayer: "",
+      //'water-outline', //country-boundaries
+      helper: void 0
+    };
+  },
+  computed: {},
+  watch: {},
+  mounted() {
+    this.initOnlineMap();
+  },
+  methods: {
+    async initOnlineMap() {
+      this.helper = new tt(this.token), ke.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      const a = new ke.Map({
+        container: "map",
+        // style: 'mapbox://styles/neatchenheng/cmd894dwn036m01rf7anc0k0d',
+        style: {
+          version: 8,
+          name: "origin",
+          lights: [],
+          fog: {
+            color: "#ffffff",
+            range: [0.5, 10],
+            "high-color": "#245cdf",
+            "space-color": ["interpolate", ["linear"], ["zoom"], 4, "#010b19", 7, "#367ab9"],
+            "horizon-blend": ["interpolate", ["linear"], ["zoom"], 4, 0.2, 7, 0.1],
+            "star-intensity": ["interpolate", ["linear"], ["zoom"], 5, 0.35, 6, 0]
+            // 'vertical-range': [0, 0],
+          },
+          bearing: 0,
+          pitch: 1,
+          sprite: "https://fontnik.idmwx.com/sprite/sprite",
+          // glyphs: 'https://fontnik.idmwx.com/{fontstack}/{range}.pbf',
+          glyphs: "mapbox://fonts/mapbox/{fontstack}/{range}.pbf",
+          projection: {
+            name: "equirectangular"
+          },
+          sources: {
+            composite: this.helper.mapboxCustomer.source,
+            i4: this.helper.i4.source,
+            hi: this.helper.hi.source
+          },
+          layers: [
+            this.helper.mapboxCustomer.layers.water,
+            this.helper.i4.layer,
+            this.helper.hi.layer,
+            this.helper.mapboxCustomer.layers.countryBoundary,
+            this.helper.mapboxCustomer.layers.waterOutline,
+            this.helper.mapboxCustomer.layers.countryAdmin0Boundary,
+            this.helper.mapboxCustomer.layers.countryAdmin0BoundaryDisputed,
+            this.helper.mapboxCustomer.layers.countryLabel,
+            this.helper.mapboxCustomer.layers.continentLabel,
+            this.helper.mapboxCustomer.layers.stateLabel,
+            this.helper.mapboxCustomer.layers.world12nm,
+            this.helper.mapboxCustomer.layers.worldMarineLine,
+            this.helper.mapboxCustomer.layers.worldMarineLabel,
+            this.helper.mapboxCustomer.layers.chinaRouteLine,
+            this.helper.mapboxCustomer.layers.chinaRouteFill,
+            this.helper.mapboxCustomer.layers.chinaRouteLabel
+          ]
+        },
+        minZoom: 0,
+        maxZoom: 12,
+        zoom: 2,
+        center: [120, 30],
+        dragRotate: !1,
+        pitchWithRotate: !1,
+        projection: "mercator",
+        preserveDrawingBuffer: !0,
+        fadeDuration: 300
+      });
+      a.dragRotate.disable(), a.on("load", () => {
+        var e;
+        this.map = a, this.$emit("map", this.map), console.log((e = this.map) == null ? void 0 : e.style._layers);
+      });
+    },
+    async initOfflineMap() {
+      this.helper = new tt(this.token), ke.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      const a = new ke.Map({
+        container: "map",
+        style: {
+          version: 8,
+          name: "idm-mapbox-gl4",
+          lights: [],
+          fog: {
+            color: "#ffffff",
+            range: [0.5, 10],
+            "high-color": "#245cdf",
+            "space-color": ["interpolate", ["linear"], ["zoom"], 4, "#010b19", 7, "#367ab9"],
+            "horizon-blend": ["interpolate", ["linear"], ["zoom"], 4, 0.2, 7, 0.1],
+            "star-intensity": ["interpolate", ["linear"], ["zoom"], 5, 0.35, 6, 0]
+            // 'vertical-range': [0, 0],
+          },
+          bearing: 0,
+          pitch: 1,
+          sprite: "https://fontnik.idmwx.com/sprite/sprite",
+          glyphs: "https://fontnik.idmwx.com/{fontstack}/{range}.pbf",
+          projection: {
+            name: "equirectangular"
+          },
+          sources: {
+            // td: this.helper.td.source,
+            i4: this.helper.i4.source,
+            hi: this.helper.hi.source,
+            grayland: this.helper.windy.grayland.source,
+            darkmap: this.helper.windy.darkmap.source,
+            composite: this.helper.mapboxCustomer.source
+          },
+          layers: [
+            // this.helper.td.layer,
+            this.helper.i4.layer,
+            this.helper.hi.layer,
+            this.helper.windy.grayland.layer,
+            this.helper.windy.darkmap.layer,
+            this.helper.mapboxCustomer.layers.countryLabel
+          ]
+        },
+        minZoom: 2,
+        maxZoom: 12,
+        zoom: 2,
+        center: [120, 30],
+        dragRotate: !1,
+        pitchWithRotate: !1,
+        projection: "mercator",
+        preserveDrawingBuffer: !0,
+        fadeDuration: 300
+      });
+      a.on("load", () => {
+        this.map = a;
+      });
+    }
+  }
+}, $s = {
+  id: "map",
+  class: "mapbox-initial-gl4"
+};
+function eo(a, e, t, r, i, s) {
+  return m(), u("div", $s);
 }
-const Vs = /* @__PURE__ */ G(Xs, [["render", qs]]), lo = {
+const to = /* @__PURE__ */ W(Zs, [["render", eo]]), mo = {
   install(a) {
-    a.component("MapboxGL", Vs), a.component("TropicalGL", dt), a.component("LatLngGL", pt);
+    a.component("MapInitial", to), a.component("MapboxGL", Vs), a.component("TropicalGL", pt), a.component("LatLngGL", mt);
   }
 };
 export {
-  pt as LatLngGL,
+  mt as LatLngGL,
+  to as MapInitial,
   Vs as MapboxGL,
-  lo as MapboxGLPlugin,
-  ha as MapboxHelper,
+  mo as MapboxGLPlugin,
+  tt as MapboxHelper,
   be as ParticleSchema,
-  dt as TropicalGL,
-  tt as Viewport,
-  Oe as WebGL,
+  pt as TropicalGL,
+  at as Viewport,
+  je as WebGL,
   ie as WebGLSchema
 };