@idmwx/idmui-gl3 4.6.4 → 4.6.5

package/dist/index.js

@@ -1,15 +1,15 @@
 var G0 = Object.defineProperty;
 var V0 = (z, M, b) => M in z ? G0(z, M, { enumerable: !0, configurable: !0, writable: !0, value: b }) : z[M] = b;
-var G = (z, M, b) => (V0(z, typeof M != "symbol" ? M + "" : M, b), b);
+var V = (z, M, b) => (V0(z, typeof M != "symbol" ? M + "" : M, b), b);
 import { LayerHelper as x0, CompanyHelper as S0 } from "@idm-plugin/tag";
-import { resolveComponent as x, openBlock as l, createElementBlock as f, createElementVNode as c, normalizeStyle as z0, createVNode as v, withCtx as c0, normalizeClass as K, Fragment as V, renderList as Q, toDisplayString as C, createCommentVNode as D, createTextVNode as Z, withDirectives as T0, createStaticVNode as K0, vShow as w0, defineComponent as J0, withModifiers as v0, mergeProps as j } from "vue";
+import { resolveComponent as x, openBlock as l, createElementBlock as f, createElementVNode as c, normalizeStyle as p0, createVNode as v, withCtx as e0, normalizeClass as J, Fragment as K, renderList as $, toDisplayString as C, createCommentVNode as U, createTextVNode as b0, withDirectives as X0, createStaticVNode as K0, vShow as v0, defineComponent as J0, withModifiers as C0, mergeProps as j } from "vue";
 import * as T from "@turf/turf";
 import Q0 from "@mapbox/sphericalmercator";
-import A0 from "moment";
-import R0 from "mapbox-gl";
-import { TropicalHelper as I0, LngLatHelper as $, LaneHelper as L0 } from "@idm-plugin/geo";
+import H from "moment";
+import m0 from "mapbox-gl";
+import { TropicalHelper as I0, LngLatHelper as M0, LaneHelper as R0 } from "@idm-plugin/geo";
 import { Meteo2Assist as D0 } from "@idm-plugin/meteo";
-import y0 from "axios";
+import h0 from "axios";
 const I = (z, M) => {
   const b = z.__vccOpts || z;
   for (const [O, p] of M)
@@ -226,7 +226,7 @@ function T1(z, M, b, O, p, o) {
   return l(), f("div", Z0, [
     c("div", {
       class: "menu-bar-box",
-      style: z0({ top: b.top + 10 + "px", right: p.right + "px" })
+      style: p0({ top: b.top + 10 + "px", right: p.right + "px" })
     }, [
       c("div", Y0, [
         v(e, {
@@ -235,9 +235,9 @@ function T1(z, M, b, O, p, o) {
           content: "Menu",
           "show-after": 1e3
         }, {
-          default: c0(() => [
+          default: e0(() => [
             c("div", {
-              class: K(b.layerToggle ? "menu-icon active" : "menu-icon"),
+              class: J(b.layerToggle ? "menu-icon active" : "menu-icon"),
               onClick: M[0] || (M[0] = (...a) => o.handleMenuToggle && o.handleMenuToggle(...a))
             }, M[17] || (M[17] = [
               c("span", { class: "iconfont" }, "", -1)
@@ -249,7 +249,7 @@ function T1(z, M, b, O, p, o) {
     ], 4),
     c("div", {
       class: "menu-bar-box",
-      style: z0({ top: b.top + 160 + "px", right: p.right + "px" })
+      style: p0({ top: b.top + 160 + "px", right: p.right + "px" })
     }, [
       c("div", M1, [
         v(e, {
@@ -258,9 +258,9 @@ function T1(z, M, b, O, p, o) {
           content: "Measure",
           "show-after": 1e3
         }, {
-          default: c0(() => [
+          default: e0(() => [
             c("div", {
-              class: K(p.showMeasure ? "menu-icon active" : "menu-icon"),
+              class: J(p.showMeasure ? "menu-icon active" : "menu-icon"),
               onClick: M[1] || (M[1] = (...a) => o.handleMeasureToggle && o.handleMeasureToggle(...a))
             }, M[18] || (M[18] = [
               c("span", { class: "iconfont" }, "", -1)
@@ -274,9 +274,9 @@ function T1(z, M, b, O, p, o) {
           content: "Point Meteo",
           "show-after": 1e3
         }, {
-          default: c0(() => [
+          default: e0(() => [
             c("div", {
-              class: K(p.showPoint ? "menu-icon active" : "menu-icon"),
+              class: J(p.showPoint ? "menu-icon active" : "menu-icon"),
               onClick: M[2] || (M[2] = (...a) => o.handlePointToggle && o.handlePointToggle(...a))
             }, M[19] || (M[19] = [
               c("span", { class: "iconfont" }, "", -1)
@@ -290,9 +290,9 @@ function T1(z, M, b, O, p, o) {
           content: "Grid",
           "show-after": 1e3
         }, {
-          default: c0(() => [
+          default: e0(() => [
             c("div", {
-              class: K(p.showCoord ? "menu-icon active" : "menu-icon"),
+              class: J(p.showCoord ? "menu-icon active" : "menu-icon"),
               onClick: M[3] || (M[3] = (...a) => o.handleCoordToggle && o.handleCoordToggle(...a))
             }, M[20] || (M[20] = [
               c("span", { class: "iconfont" }, "", -1)
@@ -306,9 +306,9 @@ function T1(z, M, b, O, p, o) {
           content: "3D",
           "show-after": 1e3
         }, {
-          default: c0(() => [
+          default: e0(() => [
             c("div", {
-              class: K(p.show3d ? "menu-icon active" : "menu-icon"),
+              class: J(p.show3d ? "menu-icon active" : "menu-icon"),
               onClick: M[4] || (M[4] = (...a) => o.handle3DToggle && o.handle3DToggle(...a))
             }, M[21] || (M[21] = [
               c("span", { class: "iconfont" }, "", -1)
@@ -321,7 +321,7 @@ function T1(z, M, b, O, p, o) {
     o.hasCollectedLayers ? (l(), f("div", {
       key: 0,
       class: "active-layers",
-      style: z0({ right: p.right + "px", bottom: "100px" })
+      style: p0({ right: p.right + "px", bottom: "100px" })
     }, [
       c("div", b1, [
         M[22] || (M[22] = c("div", { style: { margin: "2px 5px" } }, "My Favorites", -1)),
@@ -333,9 +333,9 @@ function T1(z, M, b, O, p, o) {
           p.autoActive ? (l(), f("i", z1, "")) : (l(), f("i", p1, ""))
         ])
       ]),
-      (l(!0), f(V, null, Q(p.layers.weather.filter((a) => a.collected), (a) => (l(), f("div", {
+      (l(!0), f(K, null, $(p.layers.weather.filter((a) => a.collected), (a) => (l(), f("div", {
         key: a.key,
-        class: K(o.computeLayerClass(a, p.activeWeatherLayers))
+        class: J(o.computeLayerClass(a, p.activeWeatherLayers))
       }, [
         c("div", {
           class: "checkbox",
@@ -347,32 +347,32 @@ function T1(z, M, b, O, p, o) {
         }, C(a.name), 9, o1),
         a.key === "wind" && p.activeWeatherLayers.some((i) => i.key === a.key) ? (l(), f("div", c1, [
           c("i", {
-            class: K(["iconfont sub-layer-icon", b.showWindParticle ? "active" : ""]),
+            class: J(["iconfont sub-layer-icon", b.showWindParticle ? "active" : ""]),
             onClick: M[6] || (M[6] = (i) => o.handleToggleWindParticle())
           }, "", 2),
           c("i", {
-            class: K(["iconfont sub-layer-icon", b.showWindFeather ? "active" : ""]),
+            class: J(["iconfont sub-layer-icon", b.showWindFeather ? "active" : ""]),
             onClick: M[7] || (M[7] = (i) => o.handleToggleWindFeather())
           }, "", 2)
-        ])) : D("", !0),
+        ])) : U("", !0),
         a.key === "current" && p.activeWeatherLayers.some((i) => i.key === a.key) ? (l(), f("div", e1, [
           c("i", {
-            class: K(["iconfont sub-layer-icon", b.showCurrentParticle ? "active" : ""]),
+            class: J(["iconfont sub-layer-icon", b.showCurrentParticle ? "active" : ""]),
             onClick: M[8] || (M[8] = (i) => o.handleToggleCurrentParticle())
           }, "", 2),
           c("i", {
-            class: K(["iconfont sub-layer-icon", b.showCurrentIsoband ? "active" : ""]),
+            class: J(["iconfont sub-layer-icon", b.showCurrentIsoband ? "active" : ""]),
             onClick: M[9] || (M[9] = (i) => o.handleToggleCurrentIsoband())
           }, "", 2)
-        ])) : D("", !0)
+        ])) : U("", !0)
       ], 2))), 128))
-    ], 4)) : D("", !0),
+    ], 4)) : U("", !0),
     c("div", {
       class: "available-layers flex-center",
-      style: z0({ top: b.top + "px", right: b.layerToggle ? "0px" : "-240px" })
+      style: p0({ top: b.top + "px", right: b.layerToggle ? "0px" : "-240px" })
     }, [
       c("div", {
-        class: K(["list-box", b.layerToggle ? "right-bar" : ""])
+        class: J(["list-box", b.layerToggle ? "right-bar" : ""])
       }, [
         c("div", A1, [
           M[23] || (M[23] = c("div", null, "Layers", -1)),
@@ -382,7 +382,7 @@ function T1(z, M, b, O, p, o) {
           }, "")
         ]),
         v(r, { style: { flex: "1" } }, {
-          default: c0(() => [
+          default: e0(() => [
             c("div", t1, [
               c("div", a1, [
                 M[24] || (M[24] = c("div", null, "Weather Layers", -1)),
@@ -395,12 +395,12 @@ function T1(z, M, b, O, p, o) {
                 ])
               ]),
               c("div", r1, [
-                (l(!0), f(V, null, Q(p.layers.weather, (a) => (l(), f(V, {
+                (l(!0), f(K, null, $(p.layers.weather, (a) => (l(), f(K, {
                   key: a.key
                 }, [
-                  a.hide ? D("", !0) : (l(), f("div", {
+                  a.hide ? U("", !0) : (l(), f("div", {
                     key: 0,
-                    class: K(o.computeLayerClass(a, p.activeWeatherLayers))
+                    class: J(o.computeLayerClass(a, p.activeWeatherLayers))
                   }, [
                     c("div", n1, [
                       c("div", {
@@ -413,24 +413,24 @@ function T1(z, M, b, O, p, o) {
                       }, C(a.name), 9, W1),
                       a.key === "wind" && p.activeWeatherLayers.some((i) => i.key === a.key) ? (l(), f("div", s1, [
                         c("i", {
-                          class: K(["iconfont sub-layer-icon", b.showWindParticle ? "active" : ""]),
+                          class: J(["iconfont sub-layer-icon", b.showWindParticle ? "active" : ""]),
                           onClick: M[12] || (M[12] = (i) => o.handleToggleWindParticle())
                         }, "", 2),
                         c("i", {
-                          class: K(["iconfont sub-layer-icon", b.showWindFeather ? "active" : ""]),
+                          class: J(["iconfont sub-layer-icon", b.showWindFeather ? "active" : ""]),
                           onClick: M[13] || (M[13] = (i) => o.handleToggleWindFeather())
                         }, "", 2)
-                      ])) : D("", !0),
+                      ])) : U("", !0),
                       a.key === "current" && p.activeWeatherLayers.some((i) => i.key === a.key) ? (l(), f("div", l1, [
                         c("i", {
-                          class: K(["iconfont sub-layer-icon", b.showCurrentParticle ? "active" : ""]),
+                          class: J(["iconfont sub-layer-icon", b.showCurrentParticle ? "active" : ""]),
                           onClick: M[14] || (M[14] = (i) => o.handleToggleCurrentParticle())
                         }, "", 2),
                         c("i", {
-                          class: K(["iconfont sub-layer-icon", b.showCurrentIsoband ? "active" : ""]),
+                          class: J(["iconfont sub-layer-icon", b.showCurrentIsoband ? "active" : ""]),
                           onClick: M[15] || (M[15] = (i) => o.handleToggleCurrentIsoband())
                         }, "", 2)
-                      ])) : D("", !0)
+                      ])) : U("", !0)
                     ]),
                     c("div", {
                       onClick: (i) => o.handleWeatherLayerCollect(a)
@@ -451,11 +451,11 @@ function T1(z, M, b, O, p, o) {
             c("div", R1, [
               M[26] || (M[26] = c("div", { class: "layers-title" }, "Other Layers", -1)),
               c("div", h1, [
-                (l(!0), f(V, null, Q(p.layers.other, (a) => {
+                (l(!0), f(K, null, $(p.layers.other, (a) => {
                   var i;
                   return l(), f("div", {
                     key: a.key,
-                    class: K(["layer flex-between", o.computeLayerClass(a, p.activeOtherLayers)]),
+                    class: J(["layer flex-between", o.computeLayerClass(a, p.activeOtherLayers)]),
                     onClick: (L) => o.handleOtherLayerPick(a)
                   }, [
                     c("div", N1, [
@@ -476,16 +476,16 @@ function T1(z, M, b, O, p, o) {
                   "onUpdate:modelValue": M[16] || (M[16] = (a) => p.source = a),
                   class: "layer-radio flex-col-center-start"
                 }, {
-                  default: c0(() => [
+                  default: e0(() => [
                     v(t, { value: "GFS" }, {
-                      default: c0(() => M[27] || (M[27] = [
-                        Z("GFS")
+                      default: e0(() => M[27] || (M[27] = [
+                        b0("GFS")
                       ])),
                       _: 1
                     }),
                     v(t, { value: "CMEMS" }, {
-                      default: c0(() => M[28] || (M[28] = [
-                        Z("CMEMS")
+                      default: e0(() => M[28] || (M[28] = [
+                        b0("CMEMS")
                       ])),
                       _: 1
                     })
@@ -652,20 +652,20 @@ const C1 = {
 }, _1 = { key: 0 };
 function x1(z, M, b, O, p, o) {
   var e;
-  return (e = b.wind) != null && e.active ? (l(), f("div", _1)) : D("", !0);
+  return (e = b.wind) != null && e.active ? (l(), f("div", _1)) : U("", !0);
 }
 const S1 = /* @__PURE__ */ I(C1, [["render", x1]]);
 class E0 {
   constructor(M) {
-    G(this, "map");
-    G(this, "mercator");
-    G(this, "rampColorLayer");
-    G(this, "rampColorSource");
-    G(this, "particleLayer");
-    G(this, "particleSource");
-    G(this, "rampColorCanvas");
-    G(this, "particleCanvas");
-    G(this, "ratio");
+    V(this, "map");
+    V(this, "mercator");
+    V(this, "rampColorLayer");
+    V(this, "rampColorSource");
+    V(this, "particleLayer");
+    V(this, "particleSource");
+    V(this, "rampColorCanvas");
+    V(this, "particleCanvas");
+    V(this, "ratio");
     this.map = M, this.mercator = new Q0(), 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;
   }
   /**
@@ -738,7 +738,7 @@ class E0 {
     b !== O && this.map.setLayoutProperty(this.particleLayer, "visibility", O);
   }
 }
-class X0 {
+class T0 {
   /**
    * 创建着色器
    * @see https://webglfundamentals.org/webgl/lessons/zh_cn/webgl-shaders-and-glsl.html
@@ -928,10 +928,10 @@ class X0 {
     });
   }
 }
-class p0 {
+class O0 {
 }
 // 顶点渲染
-G(p0, "vertexSchema", `
+V(O0, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -946,7 +946,7 @@ G(p0, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-G(p0, "uvFragmentSchema", `
+V(O0, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -965,7 +965,7 @@ G(p0, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-G(p0, "fragmentSchema", `
+V(O0, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -978,7 +978,7 @@ G(p0, "fragmentSchema", `
     }`);
 class t0 {
 }
-G(t0, "vertexSchema", `
+V(t0, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -1002,7 +1002,7 @@ G(t0, "vertexSchema", `
       gl_PointSize = 1.0;
       // gl_PointSize = u_point;
       gl_Position = vec4(2.0 * v_particle_pos.x - 1.0, 1.0 - 2.0 * v_particle_pos.y, 0, 1);
-    }`), G(t0, "fragmentSchema", `
+    }`), V(t0, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -1024,7 +1024,7 @@ G(t0, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), G(t0, "quadVertSchema", `
+    }`), V(t0, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -1034,7 +1034,7 @@ G(t0, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), G(t0, "screenFragmentSchema", `
+    }`), V(t0, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -1046,7 +1046,7 @@ G(t0, "vertexSchema", `
       vec4 color = texture2D(u_screen, 1.0 - v_tex_pos);
       // a hack to guarantee opacity fade out even with a value close to 1.0
       gl_FragColor = vec4(floor(255.0 * color * u_opacity) / 255.0);
-    }`), G(t0, "updateFragmentSchema", `
+    }`), V(t0, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -1127,12 +1127,12 @@ G(t0, "vertexSchema", `
     }`);
 class E1 {
   constructor(M = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
-    G(this, "token");
-    G(this, "mapboxCustomer");
-    G(this, "i4");
-    G(this, "hi");
-    G(this, "td");
-    G(this, "windy");
+    V(this, "token");
+    V(this, "mapboxCustomer");
+    V(this, "i4");
+    V(this, "hi");
+    V(this, "td");
+    V(this, "windy");
     this.token = M, this.mapboxCustomer = {
       source: this.initialOnlineStyle().sources.composite,
       layers: {
@@ -2753,7 +2753,7 @@ const P1 = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new X0(),
+      webgl: new T0(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -2843,7 +2843,7 @@ const P1 = {
           [1, "rgb(91, 136, 161)"]
         ];
         this.rampColor = this.webgl.setup(this.context, z);
-        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, p0.vertexSchema, p0.uvFragmentSchema);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, O0.vertexSchema, O0.uvFragmentSchema);
         this.program = M, this.aPositionBuffer = b;
       }
       this.handleParticleSetup();
@@ -2897,7 +2897,7 @@ function D1(z, M, b, O, p, o) {
   return (e = b.factor) != null && e.active ? (l(), f("div", k1, [
     c("div", {
       class: "legend-bars flex-center",
-      style: z0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
+      style: p0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "kts", -1),
       c("span", null, "0", -1),
@@ -2908,7 +2908,7 @@ function D1(z, M, b, O, p, o) {
       c("span", null, "40", -1),
       c("span", null, "60", -1)
     ]), 4)
-  ])) : D("", !0);
+  ])) : U("", !0);
 }
 const I1 = /* @__PURE__ */ I(P1, [["render", D1], ["__scopeId", "data-v-24e5434b"]]);
 const j1 = {
@@ -3067,7 +3067,7 @@ const j1 = {
 }, F1 = { key: 0 };
 function U1(z, M, b, O, p, o) {
   var e;
-  return (e = b.current) != null && e.active ? (l(), f("div", F1)) : D("", !0);
+  return (e = b.current) != null && e.active ? (l(), f("div", F1)) : U("", !0);
 }
 const H1 = /* @__PURE__ */ I(j1, [["render", U1]]);
 const G1 = {
@@ -3094,7 +3094,7 @@ const G1 = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new X0(),
+      webgl: new T0(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -3175,7 +3175,7 @@ const G1 = {
           [1, "rgb(195,194,194)"]
         ];
         this.rampColor = this.webgl.setup(this.context, z);
-        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, p0.vertexSchema, p0.uvFragmentSchema);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, O0.vertexSchema, O0.uvFragmentSchema);
         this.program = M, this.aPositionBuffer = b;
       }
       this.handleParticleSetup();
@@ -3233,7 +3233,7 @@ function K1(z, M, b, O, p, o) {
   return (e = b.factor) != null && e.active ? (l(), f("div", V1, [
     c("div", {
       class: "legend-bars flex-center",
-      style: z0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
+      style: p0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "kts", -1),
       c("span", null, "0", -1),
@@ -3243,7 +3243,7 @@ function K1(z, M, b, O, p, o) {
       c("span", null, "2", -1),
       c("span", null, "3.2", -1)
     ]), 4)
-  ])) : D("", !0);
+  ])) : U("", !0);
 }
 const J1 = /* @__PURE__ */ I(G1, [["render", K1], ["__scopeId", "data-v-6d4fd206"]]), Q1 = {
   name: "IdmSigWave",
@@ -3774,7 +3774,7 @@ const A2 = {
     computeTime() {
       return function(z) {
         if (z) {
-          const M = A0(z).utc().utcOffset(this.timeZone), b = this.timeZone < 0 ? this.timeZone : "+" + this.timeZone;
+          const M = H(z).utc().utcOffset(this.timeZone), b = this.timeZone < 0 ? this.timeZone : "+" + this.timeZone;
           return `${M.format("MMM-DD,HHmm")}[ UTC ${b} ]  ( ${M == null ? void 0 : M.fromNow()} )`;
         }
         return "-";
@@ -3811,7 +3811,7 @@ const A2 = {
   methods: {
     handleRefresh() {
       var O, p;
-      const z = ((p = (O = this.tropicals) == null ? void 0 : O.data) == null ? void 0 : p.features) || [], M = A0().utc().hour(), b = [];
+      const z = ((p = (O = this.tropicals) == null ? void 0 : O.data) == null ? void 0 : p.features) || [], M = H().utc().hour(), b = [];
       z.forEach((o) => {
         var e, t, q;
         (e = o.properties) != null && e.name && !b.includes((t = o.properties) == null ? void 0 : t.name) && b.push((q = o.properties) == null ? void 0 : q.name);
@@ -3830,9 +3830,9 @@ const A2 = {
           ((L = a.geometry) == null ? void 0 : L.type) === "Point" && ((n = a.properties) == null ? void 0 : n.type) === "history" && (e = i, t = t === void 0 ? i : t), ((h = a.geometry) == null ? void 0 : h.type) === "Point" && ((u = a.properties) == null ? void 0 : u.type) === "forecast" && t === void 0 && (t = i), ((d = a.geometry) == null ? void 0 : d.type) === "LineString" && ((m = a.properties) == null || m.type);
         }), q.map((a, i) => {
           var L, n, h, u, d, m, R;
-          if (((L = a.geometry) == null ? void 0 : L.type) === "LineString" && ((n = a.properties) == null || n.type), ((h = a.geometry) == null ? void 0 : h.type) === "Point" && ((u = a.properties) == null ? void 0 : u.type) === "forecast" && (a.properties.name = o, a.properties.format = A0(a.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((d = a.geometry) == null ? void 0 : d.type) === "Point" && ((m = a.properties) == null ? void 0 : m.type) === "history") {
-            a.properties.format = A0(a.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
-            const g = A0((R = a.properties) == null ? void 0 : R.date).utc().format("HHmm") === A0().utc().hour(Math.floor(M / 6) * 6).minute("00").format("HHmm");
+          if (((L = a.geometry) == null ? void 0 : L.type) === "LineString" && ((n = a.properties) == null || n.type), ((h = a.geometry) == null ? void 0 : h.type) === "Point" && ((u = a.properties) == null ? void 0 : u.type) === "forecast" && (a.properties.name = o, a.properties.format = H(a.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((d = a.geometry) == null ? void 0 : d.type) === "Point" && ((m = a.properties) == null ? void 0 : m.type) === "history") {
+            a.properties.format = H(a.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
+            const g = H((R = a.properties) == null ? void 0 : R.date).utc().format("HHmm") === H().utc().hour(Math.floor(M / 6) * 6).minute("00").format("HHmm");
             a.properties.showHistoryLabel = g || i === e, a.properties.showNameLabel = i === e, a.properties.name = o;
           }
           return a;
@@ -4105,14 +4105,14 @@ const A2 = {
       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), (z = this.interpolateMarkers) == null || z.forEach((M) => M == null ? void 0 : M.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 z, M, b, O, p, o, e, t, q, r, a, i, L, n, h, u, d, m, R, g, _, y, F, B, w, Y, M0, q0, s0, l0, i0, W0, b0, f0, u0, n0;
-      if ((z = this.interpolateMarkers) == null || z.forEach((a0) => a0 == null ? void 0 : a0.remove()), this.circleSourceData.features = [], (M = this.interpolateData) != null && M.length && this.tropicals.active) {
-        const a0 = A0(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), d0 = this.interpolateData.filter((k) => k.properties.date === a0.format() && !k.properties.disabled), U = this.handleComputePolygons(d0), h0 = T.featureCollection([...d0]);
-        U.forEach((k) => {
-          h0.features.push(k);
-        }), (b = this.map) != null && b.getSource(this.interpolateSource) ? (O = this.map) == null || O.getSource(this.interpolateSource).setData(h0) : ((p = this.map) == null || p.addSource(this.interpolateSource, {
+      var z, M, b, O, p, o, e, t, q, r, a, i, L, n, h, u, d, m, R, g, _, y, F, B, w, Z, Y, a0, s0, l0, q0, W0, z0, f0, u0, d0;
+      if ((z = this.interpolateMarkers) == null || z.forEach((i0) => i0 == null ? void 0 : i0.remove()), this.circleSourceData.features = [], (M = this.interpolateData) != null && M.length && this.tropicals.active) {
+        const i0 = H(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), r0 = this.interpolateData.filter((D) => D.properties.date === i0.format() && !D.properties.disabled), L0 = this.handleComputePolygons(r0), k = T.featureCollection([...r0]);
+        L0.forEach((D) => {
+          k.features.push(D);
+        }), (b = this.map) != null && b.getSource(this.interpolateSource) ? (O = this.map) == null || O.getSource(this.interpolateSource).setData(k) : ((p = this.map) == null || p.addSource(this.interpolateSource, {
           type: "geojson",
-          data: h0
+          data: k
         }), (o = this.map) == null || o.addLayer({
           id: this.interpolateLineLayer,
           type: "line",
@@ -4124,17 +4124,17 @@ const A2 = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const k of d0)
-          if (!k.properties.disabled) {
-            let O0 = "#f44336";
-            ((t = (e = k.properties) == null ? void 0 : e.wind) == null ? void 0 : t.spd) < 17.2 || !((r = (q = k.properties) == null ? void 0 : q.wind) != null && r.spd) ? O0 = "#03f869" : ((i = (a = k.properties) == null ? void 0 : a.wind) == null ? void 0 : i.spd) >= 17.2 && ((n = (L = k.properties) == null ? void 0 : L.wind) == null ? void 0 : n.spd) < 24.5 ? O0 = "#f2f202" : ((u = (h = k.properties) == null ? void 0 : h.wind) == null ? void 0 : u.spd) >= 24.5 && ((m = (d = k.properties) == null ? void 0 : d.wind) == null ? void 0 : m.spd) < 32.7 ? O0 = "#ff9100" : ((g = (R = k.properties) == null ? void 0 : R.wind) == null ? void 0 : g.spd) >= 32.7 && ((y = (_ = k.properties) == null ? void 0 : _.wind) == null ? void 0 : y.spd) < 41.5 ? O0 = "#f44336" : ((B = (F = k.properties) == null ? void 0 : F.wind) == null ? void 0 : B.spd) >= 41.5 && ((Y = (w = k.properties) == null ? void 0 : w.wind) == null ? void 0 : Y.spd) < 51 ? O0 = "#f903d0" : ((q0 = (M0 = k.properties) == null ? void 0 : M0.wind) == null ? void 0 : q0.spd) >= 51 ? O0 = "#8702f9" : O0 = "#f44336";
-            const r0 = `<svg t="1719918955501"
+        for (const D of r0)
+          if (!D.properties.disabled) {
+            let o0 = "#f44336";
+            ((t = (e = D.properties) == null ? void 0 : e.wind) == null ? void 0 : t.spd) < 17.2 || !((r = (q = D.properties) == null ? void 0 : q.wind) != null && r.spd) ? o0 = "#03f869" : ((i = (a = D.properties) == null ? void 0 : a.wind) == null ? void 0 : i.spd) >= 17.2 && ((n = (L = D.properties) == null ? void 0 : L.wind) == null ? void 0 : n.spd) < 24.5 ? o0 = "#f2f202" : ((u = (h = D.properties) == null ? void 0 : h.wind) == null ? void 0 : u.spd) >= 24.5 && ((m = (d = D.properties) == null ? void 0 : d.wind) == null ? void 0 : m.spd) < 32.7 ? o0 = "#ff9100" : ((g = (R = D.properties) == null ? void 0 : R.wind) == null ? void 0 : g.spd) >= 32.7 && ((y = (_ = D.properties) == null ? void 0 : _.wind) == null ? void 0 : y.spd) < 41.5 ? o0 = "#f44336" : ((B = (F = D.properties) == null ? void 0 : F.wind) == null ? void 0 : B.spd) >= 41.5 && ((Z = (w = D.properties) == null ? void 0 : w.wind) == null ? void 0 : Z.spd) < 51 ? o0 = "#f903d0" : ((a0 = (Y = D.properties) == null ? void 0 : Y.wind) == null ? void 0 : a0.spd) >= 51 ? o0 = "#8702f9" : o0 = "#f44336";
+            const n0 = `<svg t="1719918955501"
                           	class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg" p-id="18382"
                           	xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
                           	<path
                           		d="M515.17000001 169.34666667c41-77.73 95.33-96 95.33-96-240 0-434.5 194.53-434.5 434.5 0 186.47 150.78 337.7 337.06 338.48C472.11000001 923.66666667 418.00000001 941.83666667 418.00000001 941.83666667c240 0 434.5-194.54 434.5-434.5l0.5 0.5C853.00000001 321.10666667 701.81000001 169.66666667 515.17000001 169.34666667z m-0.67 468A129.5 129.5 0 1 1 644.00000001 507.83666667a129.5 129.5 0 0 1-129.5 129.5z"
-                          		fill="${O0}" p-id="18383"></path>
-                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${O0}"
+                          		fill="${o0}" p-id="18383"></path>
+                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${o0}"
                           		p-id="18384"></path>
                           	<path
                           		d="M517.16666667 654.67c-80.23 0-145.5-65.27-145.5-145.5s65.27-145.5 145.5-145.5S662.66666667 428.94 662.66666667 509.17s-65.27 145.5-145.5 145.5z m0-259A113.5 113.5 0 1 0 630.66666667 509.17a113.63 113.63 0 0 0-113.5-113.5z"
@@ -4143,22 +4143,22 @@ const A2 = {
                           		d="M420.66666667 959.17a16.08 16.08 0 0 1-15.91-13.49A15.89 15.89 0 0 1 415.50666667 928c1.49-0.55 38.88-14.76 72.79-65.52A354.55 354.55 0 0 1 162.66666667 509.17a450.14 450.14 0 0 1 450.5-450.5 16.07 16.07 0 0 1 15.91 13.48 15.88 15.88 0 0 1-10.75 17.66c-1.58 0.58-39.13 14.9-73.07 65.95A354.22 354.22 0 0 1 871.66666667 509.17a16 16 0 0 1-0.52 4.05A450.14 450.14 0 0 1 420.66666667 959.17zM554.80666667 94.72C351.57666667 123.2 194.66666667 298.21 194.66666667 509.17c0 177.08 144.06 321.74 321.13 322.48a16 16 0 0 1 14.07 23.49c-16.11 30.42-34.27 52.37-50.85 68C682.25666667 894.63 839.16666667 719.63 839.16666667 508.67a15.94 15.94 0 0 1 0.47-3.86C837.30666667 329.33 693.82666667 187 517.80666667 186.67A16 16 0 0 1 503.66666667 163.21c16.21-30.69 34.47-52.79 51.14-68.49z"
                           		fill="#ffffff" p-id="18386"></path>
                           </svg>`, E = document.createElement("div");
-            E.className = "hurricane-hourly-marker", E.innerHTML = `<div class="${k.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${r0}</div>`;
-            const o0 = new R0.Marker(E).setLngLat(k.geometry.coordinates).addTo(this.map);
-            if (this.interpolateMarkers.push(o0), (s0 = k.properties) != null && s0.showCircle) {
-              const m0 = { radius: 100, coordinates: k.geometry.coordinates }, N0 = { radius: 200, coordinates: k.geometry.coordinates }, g0 = { radius: 500, coordinates: k.geometry.coordinates };
+            E.className = "hurricane-hourly-marker", E.innerHTML = `<div class="${D.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${n0}</div>`;
+            const c0 = new m0.Marker(E).setLngLat(D.geometry.coordinates).addTo(this.map);
+            if (this.interpolateMarkers.push(c0), (s0 = D.properties) != null && s0.showCircle) {
+              const N0 = { radius: 100, coordinates: D.geometry.coordinates }, B0 = { radius: 200, coordinates: D.geometry.coordinates }, g0 = { radius: 500, coordinates: D.geometry.coordinates };
               (l0 = this.circleSourceData) == null || l0.features.push(
-                T.circle(m0.coordinates, m0.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
-              ), (i0 = this.circleSourceData) == null || i0.features.push(
                 T.circle(N0.coordinates, N0.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+              ), (q0 = this.circleSourceData) == null || q0.features.push(
+                T.circle(B0.coordinates, B0.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               ), (W0 = this.circleSourceData) == null || W0.features.push(
                 T.circle(g0.coordinates, g0.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               );
             }
-            (f0 = (b0 = this.map) == null ? void 0 : b0.getSource(this.circleSource)) == null || f0.setData(this.circleSourceData);
+            (f0 = (z0 = this.map) == null ? void 0 : z0.getSource(this.circleSource)) == null || f0.setData(this.circleSourceData);
           }
       } else
-        (u0 = this.map) != null && u0.getSource(this.interpolateSource) && ((n0 = this.map) == null || n0.getSource(this.interpolateSource).setData(this.empty));
+        (u0 = this.map) != null && u0.getSource(this.interpolateSource) && ((d0 = this.map) == null || d0.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(z) {
       var o, e, t, q, r, a, i, L;
@@ -4185,7 +4185,7 @@ const A2 = {
         showCircle: (L = (i = b[0]) == null ? void 0 : i.properties) == null ? void 0 : L.showCircle
       }, this.showTropicals = !0;
       const p = document.getElementById("active-tropical");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([z.lngLat.lng, z.lngLat.lat]) : this.activeTropicalsMarker = new R0.Marker(p).setLngLat([z.lngLat.lng, z.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([z.lngLat.lng, z.lngLat.lat]) : this.activeTropicalsMarker = new m0.Marker(p).setLngLat([z.lngLat.lng, z.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(z) {
       var O, p, o, e, t, q;
@@ -4288,15 +4288,15 @@ const A2 = {
 }, L2 = { class: "forecast-models" }, R2 = ["onClick"], h2 = { class: "more" };
 function m2(z, M, b, O, p, o) {
   var e, t, q, r, a, i, L, n, h, u, d, m, R, g, _;
-  return T0((l(), f("div", t2, [
+  return X0((l(), f("div", t2, [
     c("div", a2, [
       c("div", {
         class: "iconfont close-btn",
         onClick: M[0] || (M[0] = (y) => p.showTropicals = !1)
       }, ""),
       c("div", q2, [
-        (t = (e = p.activeTropicals) == null ? void 0 : e.history) != null && t.level ? (l(), f("span", i2, C((r = (q = p.activeTropicals) == null ? void 0 : q.history) == null ? void 0 : r.level) + " , ", 1)) : D("", !0),
-        Z(C((a = p.activeTropicals) == null ? void 0 : a.name), 1)
+        (t = (e = p.activeTropicals) == null ? void 0 : e.history) != null && t.level ? (l(), f("span", i2, C((r = (q = p.activeTropicals) == null ? void 0 : q.history) == null ? void 0 : r.level) + " , ", 1)) : U("", !0),
+        b0(C((a = p.activeTropicals) == null ? void 0 : a.name), 1)
       ]),
       c("div", r2, " Last update: " + C(o.computeTime(((L = (i = p.activeTropicals) == null ? void 0 : i.history) == null ? void 0 : L.updated) || ((u = (h = (n = p.activeTropicals) == null ? void 0 : n.forecasts) == null ? void 0 : h.filter((y) => !y.disabled)[0]) == null ? void 0 : u.date))), 1)
     ]),
@@ -4316,19 +4316,19 @@ function m2(z, M, b, O, p, o) {
           c("div", u2, [
             M[4] || (M[4] = c("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
             c("div", L2, [
-              (l(!0), f(V, null, Q((_ = p.activeTropicals) == null ? void 0 : _.forecasts, (y, F) => {
-                var B, w, Y, M0;
+              (l(!0), f(K, null, $((_ = p.activeTropicals) == null ? void 0 : _.forecasts, (y, F) => {
+                var B, w, Z, Y;
                 return l(), f("div", {
                   key: F,
-                  class: K([
+                  class: J([
                     "model",
                     y.disabled ? "" : "active",
-                    F > 0 && F < ((w = (B = p.activeTropicals) == null ? void 0 : B.forecasts) == null ? void 0 : w.length) - 1 && ((M0 = (Y = p.activeTropicals) == null ? void 0 : Y.forecasts) == null ? void 0 : M0.length) > 2 ? "center-child" : ""
+                    F > 0 && F < ((w = (B = p.activeTropicals) == null ? void 0 : B.forecasts) == null ? void 0 : w.length) - 1 && ((Y = (Z = p.activeTropicals) == null ? void 0 : Z.forecasts) == null ? void 0 : Y.length) > 2 ? "center-child" : ""
                   ]),
-                  onClick: (q0) => o.handleForecastToggle(y)
+                  onClick: (a0) => o.handleForecastToggle(y)
                 }, [
                   c("span", {
-                    class: K(y.model)
+                    class: J(y.model)
                   }, C(y.model), 3)
                 ], 10, R2);
               }), 128))
@@ -4345,7 +4345,7 @@ function m2(z, M, b, O, p, o) {
       ])
     ])
   ], 512)), [
-    [w0, p.showTropicals && !z.$attrs.hideTropicalsLegend]
+    [v0, p.showTropicals && !z.$attrs.hideTropicalsLegend]
   ]);
 }
 const j0 = /* @__PURE__ */ I(A2, [["render", m2], ["__scopeId", "data-v-726fd7f6"]]);
@@ -4377,7 +4377,7 @@ const N2 = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new X0(),
+      webgl: new T0(),
       etime: void 0,
       right: 10
     };
@@ -4437,7 +4437,7 @@ const N2 = {
           [1, "rgba(197,5,58,0.8)"]
         ];
         this.rampColor = this.webgl.setup(this.context, z);
-        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, p0.vertexSchema, p0.fragmentSchema);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, O0.vertexSchema, O0.fragmentSchema);
         this.program = M, this.aPositionBuffer = b;
       }
     },
@@ -4456,7 +4456,7 @@ function y2(z, M, b, O, p, o) {
   return (e = b.factor) != null && e.active ? (l(), f("div", B2, [
     c("div", {
       class: "legend-bars flex-center",
-      style: z0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
+      style: p0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "mm", -1),
       c("span", null, "1.5", -1),
@@ -4467,7 +4467,7 @@ function y2(z, M, b, O, p, o) {
       c("span", null, "20", -1),
       c("span", null, "30", -1)
     ]), 4)
-  ])) : D("", !0);
+  ])) : U("", !0);
 }
 const g2 = /* @__PURE__ */ I(N2, [["render", y2], ["__scopeId", "data-v-9708a7a3"]]);
 const X2 = {
@@ -4498,7 +4498,7 @@ const X2 = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new X0(),
+      webgl: new T0(),
       etime: void 0
     };
   },
@@ -4551,7 +4551,7 @@ const X2 = {
           [1, "rgba(144,144,144,0)"]
         ];
         this.rampColor = this.webgl.setup(this.context, z);
-        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, p0.vertexSchema, p0.fragmentSchema);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, O0.vertexSchema, O0.fragmentSchema);
         this.program = M, this.aPositionBuffer = b;
       }
     },
@@ -4570,7 +4570,7 @@ function T2(z, M, b, O, p, o) {
   return (e = b.factor) != null && e.active ? (l(), f("div", v2, [
     c("div", {
       class: "legend-bars flex-center",
-      style: z0([{ position: "absolute" }, { right: z.right + "px", bottom: b.bottom }])
+      style: p0([{ position: "absolute" }, { right: z.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "nm", -1),
       c("span", null, "0", -1),
@@ -4579,7 +4579,7 @@ function T2(z, M, b, O, p, o) {
       c("span", null, "3", -1),
       c("span", null, "9", -1)
     ]), 4)
-  ])) : D("", !0);
+  ])) : U("", !0);
 }
 const w2 = /* @__PURE__ */ I(X2, [["render", T2], ["__scopeId", "data-v-f7b2fb08"]]);
 const C2 = {
@@ -4610,7 +4610,7 @@ const C2 = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new X0(),
+      webgl: new T0(),
       etime: void 0,
       right: 10
     };
@@ -4671,7 +4671,7 @@ const C2 = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, z);
-        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, p0.vertexSchema, p0.fragmentSchema);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, O0.vertexSchema, O0.fragmentSchema);
         this.program = M, this.aPositionBuffer = b;
       }
     },
@@ -4690,7 +4690,7 @@ function x2(z, M, b, O, p, o) {
   return (e = b.factor) != null && e.active ? (l(), f("div", _2, [
     c("div", {
       class: "legend-bars flex-center",
-      style: z0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
+      style: p0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "°C", -1),
       c("span", null, "0", -1),
@@ -4699,7 +4699,7 @@ function x2(z, M, b, O, p, o) {
       c("span", null, "30", -1),
       c("span", null, "40", -1)
     ]), 4)
-  ])) : D("", !0);
+  ])) : U("", !0);
 }
 const S2 = /* @__PURE__ */ I(C2, [["render", x2], ["__scopeId", "data-v-7521f582"]]);
 const E2 = {
@@ -4730,7 +4730,7 @@ const E2 = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new X0(),
+      webgl: new T0(),
       etime: void 0,
       right: 10
     };
@@ -4794,7 +4794,7 @@ const E2 = {
           [1, "rgb(138, 43, 10)"]
         ];
         this.rampColor = this.webgl.setup(this.context, z);
-        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, p0.vertexSchema, p0.fragmentSchema);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, O0.vertexSchema, O0.fragmentSchema);
         this.program = M, this.aPositionBuffer = b;
       }
     },
@@ -4813,7 +4813,7 @@ function k2(z, M, b, O, p, o) {
   return (e = b.factor) != null && e.active ? (l(), f("div", P2, [
     c("div", {
       class: "legend-bars flex-center",
-      style: z0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
+      style: p0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "°C", -1),
       c("span", null, "-20", -1),
@@ -4824,7 +4824,7 @@ function k2(z, M, b, O, p, o) {
       c("span", null, "30", -1),
       c("span", null, "40", -1)
     ]), 4)
-  ])) : D("", !0);
+  ])) : U("", !0);
 }
 const D2 = /* @__PURE__ */ I(E2, [["render", k2], ["__scopeId", "data-v-25daaa82"]]);
 const I2 = {
@@ -4855,7 +4855,7 @@ const I2 = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new X0(),
+      webgl: new T0(),
       etime: void 0,
       right: 10
     };
@@ -4910,7 +4910,7 @@ const I2 = {
           // 2m
         ];
         this.rampColor = this.webgl.setup(this.context, z);
-        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, p0.vertexSchema, p0.fragmentSchema);
+        const { program: M, aPositionBuffer: b } = this.webgl.bind(this.context, O0.vertexSchema, O0.fragmentSchema);
         this.program = M, this.aPositionBuffer = b;
       }
     },
@@ -4929,7 +4929,7 @@ function F2(z, M, b, O, p, o) {
   return (e = b.factor) != null && e.active ? (l(), f("div", j2, [
     c("div", {
       class: "legend-bars flex-center",
-      style: z0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
+      style: p0([{ position: "absolute" }, { right: p.right + "px", bottom: b.bottom }])
     }, M[0] || (M[0] = [
       c("span", null, "m", -1),
       c("span", null, "0", -1),
@@ -4938,7 +4938,7 @@ function F2(z, M, b, O, p, o) {
       c("span", null, "1.5", -1),
       c("span", null, "2", -1)
     ]), 4)
-  ])) : D("", !0);
+  ])) : U("", !0);
 }
 const U2 = /* @__PURE__ */ I(I2, [["render", F2], ["__scopeId", "data-v-5bb73794"]]);
 /*! Element Plus Icons Vue v2.3.1 */
@@ -4968,23 +4968,23 @@ var F0 = { exports: {} }, U0 = { exports: {} };
   //! license : MIT
   //! github.com/moment/moment-timezone
   (function(M, b) {
-    z.exports ? z.exports = b(A0) : b(M.moment);
+    z.exports ? z.exports = b(H) : b(M.moment);
   })(V2, function(M) {
     M.version === void 0 && M.default && (M = M.default);
     var b = "0.5.47", O = {}, p = {}, o = {}, e = {}, t = {}, q;
-    (!M || typeof M.version != "string") && r0("Moment Timezone requires Moment.js. See https://momentjs.com/timezone/docs/#/use-it/browser/");
+    (!M || typeof M.version != "string") && n0("Moment Timezone requires Moment.js. See https://momentjs.com/timezone/docs/#/use-it/browser/");
     var r = M.version.split("."), a = +r[0], i = +r[1];
-    (a < 2 || a === 2 && i < 6) && r0("Moment Timezone requires Moment.js >= 2.6.0. You are using Moment.js " + M.version + ". See momentjs.com");
+    (a < 2 || a === 2 && i < 6) && n0("Moment Timezone requires Moment.js >= 2.6.0. You are using Moment.js " + M.version + ". See momentjs.com");
     function L(A) {
       return A > 96 ? A - 87 : A > 64 ? A - 29 : A - 48;
     }
     function n(A) {
-      var W = 0, s = A.split("."), N = s[0], X = s[1] || "", S = 1, J, P = 0, H = 1;
-      for (A.charCodeAt(0) === 45 && (W = 1, H = -1), W; W < N.length; W++)
-        J = L(N.charCodeAt(W)), P = 60 * P + J;
+      var W = 0, s = A.split("."), N = s[0], X = s[1] || "", S = 1, Q, P = 0, G = 1;
+      for (A.charCodeAt(0) === 45 && (W = 1, G = -1), W; W < N.length; W++)
+        Q = L(N.charCodeAt(W)), P = 60 * P + Q;
       for (W = 0; W < X.length; W++)
-        S = S / 60, J = L(X.charCodeAt(W)), P += J * S;
-      return P * H;
+        S = S / 60, Q = L(X.charCodeAt(W)), P += Q * S;
+      return P * G;
     }
     function h(A) {
       for (var W = 0; W < A.length; W++)
@@ -5042,17 +5042,17 @@ var F0 = { exports: {} }, U0 = { exports: {} };
         });
       },
       parse: function(A) {
-        var W = +A, s = this.offsets, N = this.untils, X = N.length - 1, S, J, P, H;
-        for (H = 0; H < X; H++)
-          if (S = s[H], J = s[H + 1], P = s[H && H - 1], S < J && E.moveAmbiguousForward ? S = J : S > P && E.moveInvalidForward && (S = P), W < N[H] - S * 6e4)
-            return s[H];
+        var W = +A, s = this.offsets, N = this.untils, X = N.length - 1, S, Q, P, G;
+        for (G = 0; G < X; G++)
+          if (S = s[G], Q = s[G + 1], P = s[G && G - 1], S < Q && E.moveAmbiguousForward ? S = Q : S > P && E.moveInvalidForward && (S = P), W < N[G] - S * 6e4)
+            return s[G];
         return s[X];
       },
       abbr: function(A) {
         return this.abbrs[this._index(A)];
       },
       offset: function(A) {
-        return r0("zone.offset has been deprecated in favor of zone.utcOffset"), this.offsets[this._index(A)];
+        return n0("zone.offset has been deprecated in favor of zone.utcOffset"), this.offsets[this._index(A)];
       },
       utcOffset: function(A) {
         return this.offsets[this._index(A)];
@@ -5077,28 +5077,28 @@ var F0 = { exports: {} }, U0 = { exports: {} };
       return A;
     }
     function w() {
-      var A = (/* @__PURE__ */ new Date()).getFullYear() - 2, W = new y(new Date(A, 0, 1)), s = W.offset, N = [W], X, S, J, P;
+      var A = (/* @__PURE__ */ new Date()).getFullYear() - 2, W = new y(new Date(A, 0, 1)), s = W.offset, N = [W], X, S, Q, P;
       for (P = 1; P < 48; P++)
-        J = new Date(A, P, 1).getTimezoneOffset(), J !== s && (S = new y(new Date(A, P, 1)), X = B(W, S), N.push(X), N.push(new y(new Date(X.at + 6e4))), W = S, s = J);
+        Q = new Date(A, P, 1).getTimezoneOffset(), Q !== s && (S = new y(new Date(A, P, 1)), X = B(W, S), N.push(X), N.push(new y(new Date(X.at + 6e4))), W = S, s = Q);
       for (P = 0; P < 4; P++)
         N.push(new y(new Date(A + P, 0, 1))), N.push(new y(new Date(A + P, 6, 1)));
       return N;
     }
-    function Y(A, W) {
+    function Z(A, W) {
       return A.offsetScore !== W.offsetScore ? A.offsetScore - W.offsetScore : A.abbrScore !== W.abbrScore ? A.abbrScore - W.abbrScore : A.zone.population !== W.zone.population ? W.zone.population - A.zone.population : W.zone.name.localeCompare(A.zone.name);
     }
-    function M0(A, W) {
+    function Y(A, W) {
       var s, N;
       for (h(W), s = 0; s < W.length; s++)
         N = W[s], t[N] = t[N] || {}, t[N][A] = !0;
     }
-    function q0(A) {
-      var W = A.length, s = {}, N = [], X = {}, S, J, P, H;
+    function a0(A) {
+      var W = A.length, s = {}, N = [], X = {}, S, Q, P, G;
       for (S = 0; S < W; S++)
         if (P = A[S].offset, !X.hasOwnProperty(P)) {
-          H = t[P] || {};
-          for (J in H)
-            H.hasOwnProperty(J) && (s[J] = !0);
+          G = t[P] || {};
+          for (Q in G)
+            G.hasOwnProperty(Q) && (s[Q] = !0);
           X[P] = !0;
         }
       for (S in s)
@@ -5109,36 +5109,36 @@ var F0 = { exports: {} }, U0 = { exports: {} };
       try {
         var A = Intl.DateTimeFormat().resolvedOptions().timeZone;
         if (A && A.length > 3) {
-          var W = e[i0(A)];
+          var W = e[q0(A)];
           if (W)
             return W;
-          r0("Moment Timezone found " + A + " from the Intl api, but did not have that data loaded.");
+          n0("Moment Timezone found " + A + " from the Intl api, but did not have that data loaded.");
         }
       } catch {
       }
-      var s = w(), N = s.length, X = q0(s), S = [], J, P, H;
+      var s = w(), N = s.length, X = a0(s), S = [], Q, P, G;
       for (P = 0; P < X.length; P++) {
-        for (J = new F(b0(X[P])), H = 0; H < N; H++)
-          J.scoreOffsetAt(s[H]);
-        S.push(J);
+        for (Q = new F(z0(X[P])), G = 0; G < N; G++)
+          Q.scoreOffsetAt(s[G]);
+        S.push(Q);
       }
-      return S.sort(Y), S.length > 0 ? S[0].zone.name : void 0;
+      return S.sort(Z), S.length > 0 ? S[0].zone.name : void 0;
     }
     function l0(A) {
       return (!q || A) && (q = s0()), q;
     }
-    function i0(A) {
+    function q0(A) {
       return (A || "").toLowerCase().replace(/\//g, "_");
     }
     function W0(A) {
       var W, s, N, X;
       for (typeof A == "string" && (A = [A]), W = 0; W < A.length; W++)
-        N = A[W].split("|"), s = N[0], X = i0(s), O[X] = A[W], e[X] = s, M0(X, N[2].split(" "));
+        N = A[W].split("|"), s = N[0], X = q0(s), O[X] = A[W], e[X] = s, Y(X, N[2].split(" "));
     }
-    function b0(A, W) {
-      A = i0(A);
+    function z0(A, W) {
+      A = q0(A);
       var s = O[A], N;
-      return s instanceof R ? s : typeof s == "string" ? (s = new R(s), O[A] = s, s) : p[A] && W !== b0 && (N = b0(p[A], b0)) ? (s = O[A] = new R(), s._set(N), s.name = e[A], s) : null;
+      return s instanceof R ? s : typeof s == "string" ? (s = new R(s), O[A] = s, s) : p[A] && W !== z0 && (N = z0(p[A], z0)) ? (s = O[A] = new R(), s._set(N), s.name = e[A], s) : null;
     }
     function f0() {
       var A, W = [];
@@ -5149,12 +5149,12 @@ var F0 = { exports: {} }, U0 = { exports: {} };
     function u0() {
       return Object.keys(o);
     }
-    function n0(A) {
+    function d0(A) {
       var W, s, N, X;
       for (typeof A == "string" && (A = [A]), W = 0; W < A.length; W++)
-        s = A[W].split("|"), N = i0(s[0]), X = i0(s[1]), p[N] = X, e[N] = s[0], p[X] = N, e[X] = s[1];
+        s = A[W].split("|"), N = q0(s[0]), X = q0(s[1]), p[N] = X, e[N] = s[0], p[X] = N, e[X] = s[1];
     }
-    function a0(A) {
+    function i0(A) {
       var W, s, N, X;
       if (!(!A || !A.length))
         for (W = 0; W < A.length; W++)
@@ -5163,63 +5163,63 @@ var F0 = { exports: {} }, U0 = { exports: {} };
             N
           );
     }
-    function d0(A) {
+    function r0(A) {
       return A = A.toUpperCase(), o[A] || null;
     }
-    function U(A, W) {
-      if (A = d0(A), !A)
+    function L0(A, W) {
+      if (A = r0(A), !A)
         return null;
       var s = A.zones.sort();
       return W ? s.map(function(N) {
-        var X = b0(N);
+        var X = z0(N);
         return {
           name: N,
           offset: X.utcOffset(/* @__PURE__ */ new Date())
         };
       }) : s;
     }
-    function h0(A) {
-      W0(A.zones), n0(A.links), a0(A.countries), E.dataVersion = A.version;
-    }
     function k(A) {
-      return k.didShowError || (k.didShowError = !0, r0("moment.tz.zoneExists('" + A + "') has been deprecated in favor of !moment.tz.zone('" + A + "')")), !!b0(A);
+      W0(A.zones), d0(A.links), i0(A.countries), E.dataVersion = A.version;
     }
-    function O0(A) {
+    function D(A) {
+      return D.didShowError || (D.didShowError = !0, n0("moment.tz.zoneExists('" + A + "') has been deprecated in favor of !moment.tz.zone('" + A + "')")), !!z0(A);
+    }
+    function o0(A) {
       var W = A._f === "X" || A._f === "x";
       return !!(A._a && A._tzm === void 0 && !W);
     }
-    function r0(A) {
+    function n0(A) {
       typeof console < "u" && typeof console.error == "function" && console.error(A);
     }
     function E(A) {
       var W = Array.prototype.slice.call(arguments, 0, -1), s = arguments[arguments.length - 1], N = M.utc.apply(null, W), X;
-      return !M.isMoment(A) && O0(N) && (X = b0(s)) && N.add(X.parse(N), "minutes"), N.tz(s), N;
+      return !M.isMoment(A) && o0(N) && (X = z0(s)) && N.add(X.parse(N), "minutes"), N.tz(s), N;
     }
-    E.version = b, E.dataVersion = "", E._zones = O, E._links = p, E._names = e, E._countries = o, E.add = W0, E.link = n0, E.load = h0, E.zone = b0, E.zoneExists = k, E.guess = l0, E.names = f0, E.Zone = R, E.unpack = m, E.unpackBase60 = n, E.needsOffset = O0, E.moveInvalidForward = !0, E.moveAmbiguousForward = !1, E.countries = u0, E.zonesForCountry = U;
-    var o0 = M.fn;
+    E.version = b, E.dataVersion = "", E._zones = O, E._links = p, E._names = e, E._countries = o, E.add = W0, E.link = d0, E.load = k, E.zone = z0, E.zoneExists = D, E.guess = l0, E.names = f0, E.Zone = R, E.unpack = m, E.unpackBase60 = n, E.needsOffset = o0, E.moveInvalidForward = !0, E.moveAmbiguousForward = !1, E.countries = u0, E.zonesForCountry = L0;
+    var c0 = M.fn;
     M.tz = E, M.defaultZone = null, M.updateOffset = function(A, W) {
       var s = M.defaultZone, N;
-      if (A._z === void 0 && (s && O0(A) && !A._isUTC && A.isValid() && (A._d = M.utc(A._a)._d, A.utc().add(s.parse(A), "minutes")), A._z = s), A._z)
+      if (A._z === void 0 && (s && o0(A) && !A._isUTC && A.isValid() && (A._d = M.utc(A._a)._d, A.utc().add(s.parse(A), "minutes")), A._z = s), A._z)
         if (N = A._z.utcOffset(A), Math.abs(N) < 16 && (N = N / 60), A.utcOffset !== void 0) {
           var X = A._z;
           A.utcOffset(-N, W), A._z = X;
         } else
           A.zone(N, W);
-    }, o0.tz = function(A, W) {
+    }, c0.tz = function(A, W) {
       if (A) {
         if (typeof A != "string")
           throw new Error("Time zone name must be a string, got " + A + " [" + typeof A + "]");
-        return this._z = b0(A), this._z ? M.updateOffset(this, W) : r0("Moment Timezone has no data for " + A + ". See http://momentjs.com/timezone/docs/#/data-loading/."), this;
+        return this._z = z0(A), this._z ? M.updateOffset(this, W) : n0("Moment Timezone has no data for " + A + ". See http://momentjs.com/timezone/docs/#/data-loading/."), this;
       }
       if (this._z)
         return this._z.name;
     };
-    function m0(A) {
+    function N0(A) {
       return function() {
         return this._z ? this._z.abbr(this) : A.call(this);
       };
     }
-    function N0(A) {
+    function B0(A) {
       return function() {
         return this._z = null, A.apply(this, arguments);
       };
@@ -5229,11 +5229,11 @@ var F0 = { exports: {} }, U0 = { exports: {} };
         return arguments.length > 0 && (this._z = null), A.apply(this, arguments);
       };
     }
-    o0.zoneName = m0(o0.zoneName), o0.zoneAbbr = m0(o0.zoneAbbr), o0.utc = N0(o0.utc), o0.local = N0(o0.local), o0.utcOffset = g0(o0.utcOffset), M.tz.setDefault = function(A) {
-      return (a < 2 || a === 2 && i < 9) && r0("Moment Timezone setDefault() requires Moment.js >= 2.9.0. You are using Moment.js " + M.version + "."), M.defaultZone = A ? b0(A) : null, M;
+    c0.zoneName = N0(c0.zoneName), c0.zoneAbbr = N0(c0.zoneAbbr), c0.utc = B0(c0.utc), c0.local = B0(c0.local), c0.utcOffset = g0(c0.utcOffset), M.tz.setDefault = function(A) {
+      return (a < 2 || a === 2 && i < 9) && n0("Moment Timezone setDefault() requires Moment.js >= 2.9.0. You are using Moment.js " + M.version + "."), M.defaultZone = A ? z0(A) : null, M;
     };
-    var B0 = M.momentProperties;
-    return Object.prototype.toString.call(B0) === "[object Array]" ? (B0.push("_z"), B0.push("_a")) : B0 && (B0._z = null), M;
+    var y0 = M.momentProperties;
+    return Object.prototype.toString.call(y0) === "[object Array]" ? (y0.push("_z"), y0.push("_a")) : y0 && (y0._z = null), M;
   });
 })(U0);
 var J2 = U0.exports;
@@ -6109,20 +6109,45 @@ const pM = {
     ts: {
       type: String
     },
-    timeZone: {
-      type: Number,
-      default: 8
+    gateway: {
+      type: String
     },
-    meteo: {
-      type: Object
+    startTs: {
+      type: String
     }
   },
-  emits: ["point", "meteoMore"],
+  emits: ["meteoMore"],
   data() {
     return {
       showMeteo: !1,
+      point: {},
+      meteoTime: H().utc().format(),
       meteoData: void 0,
-      tableData: {},
+      tableData: {
+        hours: [void 0, void 0, void 0, void 0, void 0, void 0, void 0, void 0],
+        weatherUrls: [],
+        weatherNames: [],
+        temp: [],
+        precipProbability: [],
+        precip1h: [],
+        visibility: [],
+        humidity: [],
+        windSpeed: [],
+        windDir: [],
+        windGust: [],
+        sigwaveHeight: [],
+        sigwaveDir: [],
+        windwaveHeight: [],
+        windwaveDir: [],
+        windwavePeriod: [],
+        swellHeight: [],
+        swellDir: [],
+        swellPeriod: [],
+        currentSpeed: [],
+        currentDir: [],
+        seaLevel: [],
+        seaTemp: []
+      },
       currentHourData: void 0,
       positionGmt: void 0,
       localDate: void 0,
@@ -6142,14 +6167,32 @@ const pM = {
         this.map && this.show && this.handleBind();
       }
     },
-    ts: {
+    point: {
       handler() {
-        this.showMeteo && this.initTableData();
+        var z;
+        if (this.showMeteo = !0, this.showMeteo && this.ts && this.meteoTime) {
+          const M = Math.ceil((z = H(this.ts)) == null ? void 0 : z.diff(H(), "d", !0)), b = M > 0 ? 15 - M : 15;
+          this.fetchMeteoData(this.point, this.ts, b);
+        }
       }
     },
-    meteo: {
+    ts: {
       handler() {
-        this.meteo ? (this.showMeteo = !0, this.meteoData = this.meteo, this.initTableData(), this.handleRender()) : this.showMeteo = !1;
+        var z, M;
+        if (this.showMeteo && this.ts && this.meteoTime) {
+          const b = (z = H(this.ts)) == null ? void 0 : z.diff(H(this.meteoTime), "d", !0);
+          if (b >= 0 && b <= 14)
+            this.initTableData(this.meteoData);
+          else if (b > 14) {
+            const O = Math.ceil((M = H(this.ts)) == null ? void 0 : M.diff(H(), "d", !0));
+            if (O <= 15) {
+              const p = O > 0 ? 15 - O : 15;
+              this.fetchMeteoData(this.point, this.ts, p);
+            } else
+              this.clearTable(), this.tableData.hours = [void 0, void 0, void 0, void 0, void 0, void 0, void 0, void 0], this.handleRender();
+          } else
+            b <= 0 && b >= -14 ? this.initTableData(this.historyMeteoData) : b < -14 && this.fetchMeteoData(this.point, this.ts, 15);
+        }
       }
     }
   },
@@ -6161,33 +6204,65 @@ const pM = {
     },
     computeHourZ() {
       return function(z) {
-        return z ? `${A0(z).utc().format("HH")}Z` : "-";
+        return z ? `${H(z).utc().format("HH")}Z` : "-";
       };
     },
     computeLat() {
       return function(z, M = 4) {
-        return $.lat2pretty(z, M).pretty;
+        return M0.lat2pretty(z, M).pretty;
       };
     },
     computeLng() {
       return function(z, M = 4) {
-        return $.lng2pretty(z, M).pretty;
+        return M0.lng2pretty(z, M).pretty;
       };
     },
     roundPrecision() {
       return function(z, M = 4) {
-        return isNaN(z) ? "-" : $.roundPrecision(z, M);
+        return isNaN(z) ? "-" : M0.roundPrecision(z, M);
       };
     }
   },
   mounted() {
   },
   methods: {
-    initTableData() {
-      var z, M, b, O, p, o, e, t, q, r, a, i, L, n, h, u, d, m, R, g, _, y, F, B, w, Y, M0, q0, s0, l0, i0, W0, b0, f0, u0, n0;
-      this.currentHourData = (z = D0.pickHourly(this.meteoData, this.ts ? A0(this.ts) : A0())) == null ? void 0 : z[0], this.positionGmt = (b = (M = this.meteoData.weather) == null ? void 0 : M[0]) == null ? void 0 : b.timezone, this.localDate = _0(this.ts).tz(this.positionGmt).format("MMM-DD/HHmm[LT]"), this.tableData = {
+    async fetchMeteoData(z, M, b) {
+      this.point = z, this.clearTable(), this.tableData.hours = [void 0, void 0, void 0, void 0, void 0, void 0, void 0, void 0], this.handleRender();
+      let O = M ? H(M).utc().format() : H().utc().format(), p = {
+        lat: z.lat,
+        lng: z.lng,
+        datetime: O,
+        forecastDays: b ?? 15
+        // selfHosted: false
+      }, o = await h0.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, p, {
+        headers: {
+          Authorization: this.token || this.defaultMeteoToken
+        }
+      });
+      (o == null ? void 0 : o.data.code) === 0 ? (this.meteoData = o == null ? void 0 : o.data.data, this.meteoTime = O, this.initTableData(this.meteoData)) : (this.clearTable(), this.tableData.hours = [void 0, void 0, void 0, void 0, void 0, void 0, void 0, void 0], this.handleRender()), H(this.startTs).diff(H(), "d", !0) < -1 && (O = M ? H(M).add(-14, "d").utc().format() : H().utc().format(), p = {
+        lat: z.lat,
+        lng: z.lng,
+        datetime: O,
+        forecastDays: b
+      }, o = await h0.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, p, {
+        headers: {
+          Authorization: this.token || this.defaultMeteoToken
+        }
+      }), (o == null ? void 0 : o.data.code) === 0 && (this.historyMeteoData = o == null ? void 0 : o.data.data));
+    },
+    initTableData(z) {
+      var M, b, O, p, o, e, t, q, r, a, i, L, n, h, u, d, m, R, g, _, y, F, B, w, Z, Y, a0, s0, l0, q0, W0, z0, f0, u0, d0, i0;
+      this.clearTable(), this.currentHourData = ((M = D0.pickHourly(z, this.ts ? H(this.ts) : H())) == null ? void 0 : M[0]) || {}, this.positionGmt = (O = (b = z.weather) == null ? void 0 : b[0]) == null ? void 0 : O.timezone, this.localDate = _0(this.ts).tz(this.positionGmt).format("MMM-DD/HHmm[LT]");
+      for (let r0 = 0; r0 < 8; r0++) {
+        const L0 = _0(this.ts).tz(this.positionGmt).add(3 * r0, "h").format();
+        this.tableData.hours.push(L0);
+        const k = ((p = D0.pickHourly(z, L0)) == null ? void 0 : p[0]) || {};
+        this.tableData.weatherUrls.push((o = k.weather) == null ? void 0 : o.url), this.tableData.weatherNames.push(((e = k.weather) == null ? void 0 : e.name) ?? "-"), this.tableData.temp.push(this.roundPrecision((t = k.weather) == null ? void 0 : t.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((r = (q = k.weather) == null ? void 0 : q.precip) == null ? void 0 : r.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((i = (a = k.weather) == null ? void 0 : a.precip) == null ? void 0 : i.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((L = k.weather) == null ? void 0 : L.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((h = (n = k.weather) == null ? void 0 : n.wind) == null ? void 0 : h.kts, 1) ?? "-"), this.tableData.windDir.push((d = (u = k.weather) == null ? void 0 : u.wind) == null ? void 0 : d.bearing), this.tableData.windGust.push(this.roundPrecision((R = (m = k.weather) == null ? void 0 : m.wind) == null ? void 0 : R.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((_ = (g = k.wave) == null ? void 0 : g.sig) == null ? void 0 : _.height, 1) ?? "-"), this.tableData.sigwaveDir.push((F = (y = k.wave) == null ? void 0 : y.sig) == null ? void 0 : F.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((w = (B = k.wave) == null ? void 0 : B.wd) == null ? void 0 : w.height, 1) ?? "-"), this.tableData.windwaveDir.push((Y = (Z = k.wave) == null ? void 0 : Z.wd) == null ? void 0 : Y.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((s0 = (a0 = k.wave) == null ? void 0 : a0.wd) == null ? void 0 : s0.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((q0 = (l0 = k.wave) == null ? void 0 : l0.swell) == null ? void 0 : q0.height, 1) ?? "-"), this.tableData.swellDir.push((z0 = (W0 = k.wave) == null ? void 0 : W0.swell) == null ? void 0 : z0.bearing), this.tableData.swellPeriod.push(this.roundPrecision((u0 = (f0 = k.wave) == null ? void 0 : f0.swell) == null ? void 0 : u0.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((d0 = k.current) == null ? void 0 : d0.speed, 1) ?? "-"), this.tableData.currentDir.push((i0 = k.current) == null ? void 0 : i0.bearing), this.tableData.seaLevel.push(this.roundPrecision(k.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(k.sst, 0) ?? "-");
+      }
+    },
+    clearTable() {
+      this.currentHourData = {}, this.positionGmt = void 0, this.localDate = void 0, this.tableData = {
         hours: [],
-        utcHours: [],
         weatherUrls: [],
         weatherNames: [],
         temp: [],
@@ -6211,12 +6286,6 @@ const pM = {
         seaLevel: [],
         seaTemp: []
       };
-      for (let a0 = 0; a0 < 8; a0++) {
-        const d0 = _0(this.ts).tz(this.positionGmt).add(3 * a0, "h").format();
-        this.tableData.hours.push(d0);
-        const U = ((O = D0.pickHourly(this.meteoData, d0)) == null ? void 0 : O[0]) || {};
-        this.tableData.weatherUrls.push((p = U.weather) == null ? void 0 : p.url), this.tableData.weatherNames.push(((o = U.weather) == null ? void 0 : o.name) ?? "-"), this.tableData.temp.push(this.roundPrecision((e = U.weather) == null ? void 0 : e.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((q = (t = U.weather) == null ? void 0 : t.precip) == null ? void 0 : q.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((a = (r = U.weather) == null ? void 0 : r.precip) == null ? void 0 : a.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((i = U.weather) == null ? void 0 : i.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((n = (L = U.weather) == null ? void 0 : L.wind) == null ? void 0 : n.kts, 1) ?? "-"), this.tableData.windDir.push((u = (h = U.weather) == null ? void 0 : h.wind) == null ? void 0 : u.bearing), this.tableData.windGust.push(this.roundPrecision((m = (d = U.weather) == null ? void 0 : d.wind) == null ? void 0 : m.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((g = (R = U.wave) == null ? void 0 : R.sig) == null ? void 0 : g.height, 1) ?? "-"), this.tableData.sigwaveDir.push((y = (_ = U.wave) == null ? void 0 : _.sig) == null ? void 0 : y.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((B = (F = U.wave) == null ? void 0 : F.wd) == null ? void 0 : B.height, 1) ?? "-"), this.tableData.windwaveDir.push((Y = (w = U.wave) == null ? void 0 : w.wd) == null ? void 0 : Y.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((q0 = (M0 = U.wave) == null ? void 0 : M0.wd) == null ? void 0 : q0.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((l0 = (s0 = U.wave) == null ? void 0 : s0.swell) == null ? void 0 : l0.height, 1) ?? "-"), this.tableData.swellDir.push((W0 = (i0 = U.wave) == null ? void 0 : i0.swell) == null ? void 0 : W0.bearing), this.tableData.swellPeriod.push(this.roundPrecision((f0 = (b0 = U.wave) == null ? void 0 : b0.swell) == null ? void 0 : f0.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((u0 = U.current) == null ? void 0 : u0.speed, 1) ?? "-"), this.tableData.currentDir.push((n0 = U.current) == null ? void 0 : n0.bearing), this.tableData.seaLevel.push(this.roundPrecision(U.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(U.sst, 0) ?? "-");
-      }
     },
     handleSelectTab(z) {
       this.activeIndex = z;
@@ -6233,44 +6302,41 @@ const pM = {
       else if (M === "more")
         this.$emit("meteoMore", this.meteoData);
       else if (M === "mapboxgl-canvas")
-        this.$emit("point", z.lngLat);
+        this.point = z.lngLat;
       else
         return !1;
     },
     handleRender() {
-      var M;
-      const z = document.getElementById("point-meteo");
-      this.meteoData && (this.meteoMarker ? (M = this.meteoMarker) == null || M.setLngLat([this.meteoData.lng, this.meteoData.lat]) : this.meteoMarker = new R0.Marker(z).setLngLat([this.meteoData.lng, this.meteoData.lat]).addTo(this.map));
+      this.$nextTick(() => {
+        var M;
+        const z = document.getElementById("point-meteo");
+        this.point && (this.meteoMarker ? (M = this.meteoMarker) == null || M.setLngLat([this.point.lng, this.point.lat]) : this.meteoMarker = new m0.Marker(z).setLngLat([this.point.lng, this.point.lat]).addTo(this.map));
+      });
     }
   }
 }, OM = {
   id: "point-meteo",
   class: "point-meteo"
-}, oM = { class: "meteo-box" }, cM = { class: "header-box flex-between" }, eM = { class: "flex-center" }, AM = { class: "lnglat" }, tM = { class: "main-box" }, aM = { class: "summary-row flex-between" }, qM = { class: "summary flex-center" }, iM = ["src"], rM = { class: "temp" }, nM = { class: "des info" }, dM = { class: "flex-start" }, WM = { class: "flex-start" }, sM = { class: "flex-start" }, lM = { class: "date flex-col-center-end" }, fM = { class: "" }, uM = { class: "" }, LM = { class: "detail-box" }, RM = { class: "menu-header flex-start" }, hM = {
-  key: 0,
-  class: "basic-table"
-}, mM = { class: "hour" }, NM = { class: "hour" }, BM = { class: "icon" }, yM = ["src"], gM = { class: "text" }, XM = { class: "text" }, vM = { class: "text" }, TM = { class: "text" }, wM = {
+}, oM = { class: "meteo-box" }, cM = { class: "header-box flex-between" }, eM = { class: "flex-center" }, AM = { class: "lnglat" }, tM = { class: "main-box" }, aM = { class: "summary-row flex-between" }, qM = { class: "summary flex-center" }, iM = ["src"], rM = {
   key: 1,
-  class: "wave-current-table"
-}, CM = { class: "hour" }, _M = { class: "hour" }, xM = { class: "icon" }, SM = ["src"], EM = { class: "text" }, PM = { class: "text" }, kM = { class: "text" }, DM = { class: "text" }, IM = {
-  key: 2,
-  class: "sea-table"
-}, jM = { class: "hour" }, FM = { class: "hour" }, UM = { class: "icon" }, HM = ["src"], GM = { class: "text" }, VM = { class: "text" };
-function KM(z, M, b, O, p, o) {
+  class: "icon flex-center",
+  style: { "margin-right": "5px" }
+}, nM = { class: "temp" }, dM = { class: "des info" }, WM = { class: "flex-start" }, sM = { class: "flex-start" }, lM = { class: "flex-start" }, fM = { class: "date flex-col-center-end" }, uM = { class: "" }, LM = { class: "" }, RM = { class: "detail-box" }, hM = { class: "menu-header flex-start" }, mM = { class: "basic-table" }, NM = { class: "hour" }, BM = { class: "hour" }, yM = { class: "icon" }, gM = ["src"], XM = { class: "text" }, vM = { class: "text" }, TM = { class: "text" }, wM = { class: "text" }, CM = { class: "wave-current-table" }, _M = { class: "hour" }, xM = { class: "hour" }, SM = { class: "icon" }, EM = ["src"], PM = { class: "text" }, kM = { class: "text" }, DM = { class: "text" }, IM = { class: "text" }, jM = { class: "sea-table" }, FM = { class: "hour" }, UM = { class: "hour" }, HM = { class: "icon" }, GM = ["src"], VM = { class: "text" }, KM = { class: "text" };
+function JM(z, M, b, O, p, o) {
   var r, a, i, L, n, h, u, d, m, R, g, _, y, F;
   const e = x("LocationFilled"), t = x("ElIcon"), q = x("ElTooltip");
   return l(), f("div", null, [
-    T0(c("div", OM, [
+    X0(c("div", OM, [
       c("div", oM, [
         c("div", cM, [
           c("div", eM, [
             v(t, { size: "22" }, {
-              default: c0(() => [
+              default: e0(() => [
                 v(e)
               ]),
               _: 1
             }),
-            c("div", AM, C(o.computeLat((r = p.meteoData) == null ? void 0 : r.lat)) + "," + C(o.computeLng((a = p.meteoData) == null ? void 0 : a.lng)), 1)
+            c("div", AM, C(o.computeLat((r = p.point) == null ? void 0 : r.lat)) + "," + C(o.computeLng((a = p.point) == null ? void 0 : a.lng)), 1)
           ]),
           c("div", {
             class: "iconfont close",
@@ -6286,97 +6352,98 @@ function KM(z, M, b, O, p, o) {
                 content: (L = (i = p.currentHourData) == null ? void 0 : i.weather) == null ? void 0 : L.name,
                 "show-after": 1e3
               }, {
-                default: c0(() => {
-                  var B, w;
+                default: e0(() => {
+                  var B, w, Z, Y;
                   return [
-                    c("img", {
+                    (w = (B = p.currentHourData) == null ? void 0 : B.weather) != null && w.url ? (l(), f("img", {
+                      key: 0,
                       class: "iconfont icon",
                       style: { "margin-right": "5px" },
-                      src: (w = (B = p.currentHourData) == null ? void 0 : B.weather) == null ? void 0 : w.url
-                    }, null, 8, iM)
+                      src: (Y = (Z = p.currentHourData) == null ? void 0 : Z.weather) == null ? void 0 : Y.url
+                    }, null, 8, iM)) : (l(), f("span", rM))
                   ];
                 }),
                 _: 1
               }, 8, ["content"]),
-              c("div", rM, [
+              c("div", nM, [
                 c("span", null, [
-                  Z(C(o.roundPrecision((h = (n = p.currentHourData) == null ? void 0 : n.weather) == null ? void 0 : h.temp, 0)), 1),
-                  M[5] || (M[5] = c("span", { style: { "font-size": "14px" } }, "°C", -1))
+                  b0(C(o.roundPrecision((h = (n = p.currentHourData) == null ? void 0 : n.weather) == null ? void 0 : h.temp, 0)), 1),
+                  M[4] || (M[4] = c("span", { style: { "font-size": "14px" } }, "°C", -1))
                 ])
               ]),
-              c("div", nM, [
-                c("div", dM, [
-                  M[6] || (M[6] = c("label", null, "Precip : ", -1)),
+              c("div", dM, [
+                c("div", WM, [
+                  M[5] || (M[5] = c("label", null, "Precip : ", -1)),
                   c("span", null, C(o.roundPrecision((m = (d = (u = p.currentHourData) == null ? void 0 : u.weather) == null ? void 0 : d.precip) == null ? void 0 : m.sum, 0)) + " mm", 1)
                 ]),
-                c("div", WM, [
-                  M[7] || (M[7] = c("label", null, "Visibility : ", -1)),
+                c("div", sM, [
+                  M[6] || (M[6] = c("label", null, "Visibility : ", -1)),
                   c("span", null, C(o.roundPrecision((g = (R = p.currentHourData) == null ? void 0 : R.weather) == null ? void 0 : g.visibility, 0)) + " nm", 1)
                 ]),
-                c("div", sM, [
-                  M[8] || (M[8] = c("label", null, "Wind : ", -1)),
+                c("div", lM, [
+                  M[7] || (M[7] = c("label", null, "Wind : ", -1)),
                   c("span", null, C(o.roundPrecision((F = (y = (_ = p.currentHourData) == null ? void 0 : _.weather) == null ? void 0 : y.wind) == null ? void 0 : F.kts, 1)) + " kts", 1)
                 ])
               ])
             ]),
-            c("div", lM, [
-              c("div", fM, C(p.localDate), 1),
-              c("div", uM, C(p.positionGmt), 1)
+            c("div", fM, [
+              c("div", uM, C(p.localDate), 1),
+              c("div", LM, C(p.positionGmt), 1)
             ])
           ]),
-          c("div", LM, [
-            c("div", RM, [
+          c("div", RM, [
+            c("div", hM, [
               c("div", {
-                class: K(["menu-item", p.activeIndex === 1 ? "active" : ""]),
-                onClick: M[1] || (M[1] = v0((B) => o.handleSelectTab(1), ["prevent"]))
+                class: J(["menu-item", p.activeIndex === 1 ? "active" : ""]),
+                onClick: M[1] || (M[1] = C0((B) => o.handleSelectTab(1), ["prevent"]))
               }, "Basis", 2),
               c("div", {
-                class: K(["menu-item", p.activeIndex === 2 ? "active" : ""]),
-                onClick: M[2] || (M[2] = v0((B) => o.handleSelectTab(2), ["prevent"]))
+                class: J(["menu-item", p.activeIndex === 2 ? "active" : ""]),
+                onClick: M[2] || (M[2] = C0((B) => o.handleSelectTab(2), ["prevent"]))
               }, "Wave & Current", 2),
               c("div", {
-                class: K(["menu-item", p.activeIndex === 3 ? "active" : ""]),
-                onClick: M[3] || (M[3] = v0((B) => o.handleSelectTab(3), ["prevent"]))
+                class: J(["menu-item", p.activeIndex === 3 ? "active" : ""]),
+                onClick: M[3] || (M[3] = C0((B) => o.handleSelectTab(3), ["prevent"]))
               }, "Sea Surface", 2)
             ]),
-            p.activeIndex === 1 ? (l(), f("table", hM, [
-              c("tr", mM, [
-                M[9] || (M[9] = c("th", {
+            X0(c("table", mM, [
+              c("tr", NM, [
+                M[8] || (M[8] = c("th", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("Hours"),
+                  b0("Hours"),
                   c("span", { class: "unit" }, "(LT)")
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.hours, (B) => (l(), f("th", {
+                (l(!0), f(K, null, $(p.tableData.hours, (B) => (l(), f("th", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, C(o.computeHourL(B)), 1))), 128))
               ]),
-              c("tr", NM, [
-                M[10] || (M[10] = c("th", {
+              c("tr", BM, [
+                M[9] || (M[9] = c("th", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("UTC"),
+                  b0("UTC"),
                   c("span", { class: "unit" })
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.hours, (B) => (l(), f("th", {
+                (l(!0), f(K, null, $(p.tableData.hours, (B) => (l(), f("th", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, C(o.computeHourZ(B)), 1))), 128))
               ]),
-              c("tr", BM, [
-                M[11] || (M[11] = c("th", {
+              c("tr", yM, [
+                M[10] || (M[10] = c("th", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, null, -1)),
-                (l(!0), f(V, null, Q(p.tableData.weatherUrls, (B, w) => (l(), f("th", {
+                (l(!0), f(K, null, $(p.tableData.weatherUrls, (B, w) => (l(), f("th", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
@@ -6387,122 +6454,124 @@ function KM(z, M, b, O, p, o) {
                     content: p.tableData.weatherNames[w],
                     "show-after": 500
                   }, {
-                    default: c0(() => [
+                    default: e0(() => [
                       B ? (l(), f("img", {
                         key: 0,
                         class: "iconfont weather-icon",
                         src: B
-                      }, null, 8, yM)) : D("", !0)
+                      }, null, 8, gM)) : U("", !0)
                     ]),
                     _: 2
                   }, 1032, ["content"])
                 ]))), 128))
               ]),
-              c("tr", gM, [
-                M[12] || (M[12] = c("td", {
+              c("tr", XM, [
+                M[11] || (M[11] = c("td", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("Temp"),
+                  b0("Temp"),
                   c("span", { class: "unit" }, "°C")
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.temp, (B) => (l(), f("td", {
+                (l(!0), f(K, null, $(p.tableData.temp, (B) => (l(), f("td", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, C(B), 1))), 128))
               ]),
-              c("tr", XM, [
-                M[13] || (M[13] = c("td", {
+              c("tr", vM, [
+                M[12] || (M[12] = c("td", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("Precip"),
+                  b0("Precip"),
                   c("span", { class: "unit" }, "mm")
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.precip1h, (B) => (l(), f("td", {
+                (l(!0), f(K, null, $(p.tableData.precip1h, (B) => (l(), f("td", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, C(B), 1))), 128))
               ]),
-              c("tr", vM, [
-                M[14] || (M[14] = c("td", {
+              c("tr", TM, [
+                M[13] || (M[13] = c("td", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("Visibility"),
+                  b0("Visibility"),
                   c("span", { class: "unit" }, "nm")
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.visibility, (B) => (l(), f("td", {
+                (l(!0), f(K, null, $(p.tableData.visibility, (B) => (l(), f("td", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, C(B), 1))), 128))
               ]),
-              c("tr", TM, [
-                M[15] || (M[15] = c("td", {
+              c("tr", wM, [
+                M[14] || (M[14] = c("td", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("Wind"),
+                  b0("Wind"),
                   c("span", { class: "unit" }, "kts")
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.windSpeed, (B, w) => (l(), f("td", {
+                (l(!0), f(K, null, $(p.tableData.windSpeed, (B, w) => (l(), f("td", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, [
-                  isNaN(p.tableData.windDir[w]) ? D("", !0) : (l(), f("span", {
+                  isNaN(p.tableData.windDir[w]) ? U("", !0) : (l(), f("span", {
                     key: 0,
                     class: "iconfont icon blue",
-                    style: z0({ display: "inline-block", transform: `rotate(${p.tableData.windDir[w]}deg)` })
+                    style: p0({ display: "inline-block", transform: `rotate(${p.tableData.windDir[w]}deg)` })
                   }, "", 4)),
                   c("span", null, C(B), 1)
                 ]))), 128))
               ])
-            ])) : D("", !0),
-            p.activeIndex === 2 ? (l(), f("table", wM, [
-              c("tr", CM, [
-                M[16] || (M[16] = c("th", {
+            ], 512), [
+              [v0, p.activeIndex === 1]
+            ]),
+            X0(c("table", CM, [
+              c("tr", _M, [
+                M[15] || (M[15] = c("th", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("Hours"),
+                  b0("Hours"),
                   c("span", { class: "unit" }, "(LT)")
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.hours, (B) => (l(), f("th", {
+                (l(!0), f(K, null, $(p.tableData.hours, (B) => (l(), f("th", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, C(o.computeHourL(B)), 1))), 128))
               ]),
-              c("tr", _M, [
-                M[17] || (M[17] = c("th", {
+              c("tr", xM, [
+                M[16] || (M[16] = c("th", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("UTC"),
+                  b0("UTC"),
                   c("span", { class: "unit" })
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.hours, (B) => (l(), f("th", {
+                (l(!0), f(K, null, $(p.tableData.hours, (B) => (l(), f("th", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, C(o.computeHourZ(B)), 1))), 128))
               ]),
-              c("tr", xM, [
-                M[18] || (M[18] = c("th", {
+              c("tr", SM, [
+                M[17] || (M[17] = c("th", {
                   rowspan: "1",
                   colspan: "1"
                 }, null, -1)),
-                (l(!0), f(V, null, Q(p.tableData.weatherUrls, (B, w) => (l(), f("th", {
+                (l(!0), f(K, null, $(p.tableData.weatherUrls, (B, w) => (l(), f("th", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
@@ -6513,144 +6582,146 @@ function KM(z, M, b, O, p, o) {
                     content: p.tableData.weatherNames[w],
                     "show-after": 500
                   }, {
-                    default: c0(() => [
+                    default: e0(() => [
                       B ? (l(), f("img", {
                         key: 0,
                         class: "iconfont weather-icon",
                         src: B
-                      }, null, 8, SM)) : D("", !0)
+                      }, null, 8, EM)) : U("", !0)
                     ]),
                     _: 2
                   }, 1032, ["content"])
                 ]))), 128))
               ]),
-              c("tr", EM, [
-                M[19] || (M[19] = c("td", {
+              c("tr", PM, [
+                M[18] || (M[18] = c("td", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("Sig Wave"),
+                  b0("Sig Wave"),
                   c("span", { class: "unit" }, "m")
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.sigwaveHeight, (B, w) => (l(), f("td", {
+                (l(!0), f(K, null, $(p.tableData.sigwaveHeight, (B, w) => (l(), f("td", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, [
-                  isNaN(p.tableData.sigwaveDir[w]) ? D("", !0) : (l(), f("span", {
+                  isNaN(p.tableData.sigwaveDir[w]) ? U("", !0) : (l(), f("span", {
                     key: 0,
                     class: "iconfont icon blue",
-                    style: z0({ display: "inline-block", transform: `rotate(${p.tableData.sigwaveDir[w]}deg)` })
+                    style: p0({ display: "inline-block", transform: `rotate(${p.tableData.sigwaveDir[w]}deg)` })
                   }, "", 4)),
                   c("span", null, C(B), 1)
                 ]))), 128))
               ]),
-              c("tr", PM, [
-                M[20] || (M[20] = c("td", {
+              c("tr", kM, [
+                M[19] || (M[19] = c("td", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("Wind Wave"),
+                  b0("Wind Wave"),
                   c("span", { class: "unit" }, "m")
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.windwaveHeight, (B, w) => (l(), f("td", {
+                (l(!0), f(K, null, $(p.tableData.windwaveHeight, (B, w) => (l(), f("td", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, [
-                  isNaN(p.tableData.sigwaveDir[w]) ? D("", !0) : (l(), f("span", {
+                  isNaN(p.tableData.sigwaveDir[w]) ? U("", !0) : (l(), f("span", {
                     key: 0,
                     class: "iconfont icon orange",
-                    style: z0({ display: "inline-block", transform: `rotate(${p.tableData.sigwaveDir[w]}deg)` })
+                    style: p0({ display: "inline-block", transform: `rotate(${p.tableData.sigwaveDir[w]}deg)` })
                   }, "", 4)),
                   c("span", null, C(B), 1)
                 ]))), 128))
               ]),
-              c("tr", kM, [
-                M[21] || (M[21] = c("td", {
+              c("tr", DM, [
+                M[20] || (M[20] = c("td", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("Swell"),
+                  b0("Swell"),
                   c("span", { class: "unit" }, "m")
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.swellHeight, (B, w) => (l(), f("td", {
+                (l(!0), f(K, null, $(p.tableData.swellHeight, (B, w) => (l(), f("td", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, [
-                  isNaN(p.tableData.swellDir[w]) ? D("", !0) : (l(), f("span", {
+                  isNaN(p.tableData.swellDir[w]) ? U("", !0) : (l(), f("span", {
                     key: 0,
                     class: "iconfont icon orange",
-                    style: z0({ display: "inline-block", transform: `rotate(${p.tableData.swellDir[w]}deg)` })
+                    style: p0({ display: "inline-block", transform: `rotate(${p.tableData.swellDir[w]}deg)` })
                   }, "", 4)),
                   c("span", null, C(B), 1)
                 ]))), 128))
               ]),
-              c("tr", DM, [
-                M[22] || (M[22] = c("td", {
+              c("tr", IM, [
+                M[21] || (M[21] = c("td", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("Current"),
+                  b0("Current"),
                   c("span", { class: "unit" }, "kts")
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.currentSpeed, (B, w) => (l(), f("td", {
+                (l(!0), f(K, null, $(p.tableData.currentSpeed, (B, w) => (l(), f("td", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, [
-                  isNaN(p.tableData.currentDir[w]) ? D("", !0) : (l(), f("span", {
+                  isNaN(p.tableData.currentDir[w]) ? U("", !0) : (l(), f("span", {
                     key: 0,
                     class: "iconfont icon gray",
-                    style: z0({ display: "inline-block", transform: `rotate(${p.tableData.currentDir[w]}deg)` })
+                    style: p0({ display: "inline-block", transform: `rotate(${p.tableData.currentDir[w]}deg)` })
                   }, "", 4)),
                   c("span", null, C(B), 1)
                 ]))), 128))
               ])
-            ])) : D("", !0),
-            p.activeIndex === 3 ? (l(), f("table", IM, [
-              c("tr", jM, [
-                M[23] || (M[23] = c("th", {
+            ], 512), [
+              [v0, p.activeIndex === 2]
+            ]),
+            X0(c("table", jM, [
+              c("tr", FM, [
+                M[22] || (M[22] = c("th", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("Hours"),
+                  b0("Hours"),
                   c("span", { class: "unit" }, "(LT)")
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.hours, (B) => (l(), f("th", {
+                (l(!0), f(K, null, $(p.tableData.hours, (B) => (l(), f("th", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, C(o.computeHourL(B)), 1))), 128))
               ]),
-              c("tr", FM, [
-                M[24] || (M[24] = c("th", {
+              c("tr", UM, [
+                M[23] || (M[23] = c("th", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("UTC"),
+                  b0("UTC"),
                   c("span", { class: "unit" })
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.hours, (B) => (l(), f("th", {
+                (l(!0), f(K, null, $(p.tableData.hours, (B) => (l(), f("th", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, C(o.computeHourZ(B)), 1))), 128))
               ]),
-              c("tr", UM, [
-                M[25] || (M[25] = c("th", {
+              c("tr", HM, [
+                M[24] || (M[24] = c("th", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, null, -1)),
-                (l(!0), f(V, null, Q(p.tableData.weatherUrls, (B, w) => (l(), f("th", {
+                (l(!0), f(K, null, $(p.tableData.weatherUrls, (B, w) => (l(), f("th", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
@@ -6661,63 +6732,62 @@ function KM(z, M, b, O, p, o) {
                     content: p.tableData.weatherNames[w],
                     "show-after": 500
                   }, {
-                    default: c0(() => [
+                    default: e0(() => [
                       B ? (l(), f("img", {
                         key: 0,
                         class: "iconfont weather-icon",
                         src: B
-                      }, null, 8, HM)) : D("", !0)
+                      }, null, 8, GM)) : U("", !0)
                     ]),
                     _: 2
                   }, 1032, ["content"])
                 ]))), 128))
               ]),
-              c("tr", GM, [
-                M[26] || (M[26] = c("td", {
+              c("tr", VM, [
+                M[25] || (M[25] = c("td", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("SeaLevel"),
+                  b0("SeaLevel"),
                   c("span", { class: "unit" }, "m")
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.seaLevel, (B) => (l(), f("td", {
+                (l(!0), f(K, null, $(p.tableData.seaLevel, (B) => (l(), f("td", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, C(B), 1))), 128))
               ]),
-              c("tr", VM, [
-                M[27] || (M[27] = c("td", {
+              c("tr", KM, [
+                M[26] || (M[26] = c("td", {
                   rowspan: "1",
                   colspan: "1",
                   class: "tr-title"
                 }, [
-                  Z("SeaTemp"),
+                  b0("SeaTemp"),
                   c("span", { class: "unit" }, "°C")
                 ], -1)),
-                (l(!0), f(V, null, Q(p.tableData.seaTemp, (B) => (l(), f("td", {
+                (l(!0), f(K, null, $(p.tableData.seaTemp, (B) => (l(), f("td", {
                   rowspan: "1",
                   colspan: "1",
                   key: Math.random()
                 }, C(B), 1))), 128))
               ])
-            ])) : D("", !0)
+            ], 512), [
+              [v0, p.activeIndex === 3]
+            ])
           ])
         ]),
-        c("div", {
-          class: "more",
-          onClick: M[4] || (M[4] = v0((...B) => z.handleMore && z.handleMore(...B), ["prevent"]))
-        }, M[28] || (M[28] = [
-          c("span", { class: "more" }, "More >>", -1)
-        ]))
+        M[27] || (M[27] = c("div", { class: "more" }, [
+          c("span", { class: "more" }, "More >>")
+        ], -1))
       ])
     ], 512), [
-      [w0, p.showMeteo]
+      [v0, p.showMeteo]
     ])
   ]);
 }
-const JM = /* @__PURE__ */ I(pM, [["render", KM], ["__scopeId", "data-v-7191d827"]]), QM = {
+const QM = /* @__PURE__ */ I(pM, [["render", JM], ["__scopeId", "data-v-12506580"]]), $M = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -6807,10 +6877,10 @@ const JM = /* @__PURE__ */ I(pM, [["render", KM], ["__scopeId", "data-v-7191d827
     }
   }
 };
-function $M(z, M, b, O, p, o) {
+function ZM(z, M, b, O, p, o) {
   return l(), f("div");
 }
-const ZM = /* @__PURE__ */ I(QM, [["render", $M]]), YM = {
+const YM = /* @__PURE__ */ I($M, [["render", ZM]]), Mb = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -6930,10 +7000,10 @@ const ZM = /* @__PURE__ */ I(QM, [["render", $M]]), YM = {
     }
   }
 };
-function Mb(z, M, b, O, p, o) {
+function bb(z, M, b, O, p, o) {
   return l(), f("div");
 }
-const bb = /* @__PURE__ */ I(YM, [["render", Mb]]), zb = {
+const zb = /* @__PURE__ */ I(Mb, [["render", bb]]), pb = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -7021,11 +7091,11 @@ const bb = /* @__PURE__ */ I(YM, [["render", Mb]]), zb = {
     }
   }
 };
-function pb(z, M, b, O, p, o) {
+function Ob(z, M, b, O, p, o) {
   return l(), f("div");
 }
-const Ob = /* @__PURE__ */ I(zb, [["render", pb]]);
-const ob = {
+const ob = /* @__PURE__ */ I(pb, [["render", Ob]]);
+const cb = {
   name: "IdmAlertZone",
   props: {
     map: {
@@ -7068,7 +7138,7 @@ const ob = {
       if (b) {
         this.showZone = !0, this.form = { ...b.properties };
         const p = document.getElementById("idm-gl3-zone-info");
-        this.marker ? this.marker.setLngLat([z.lngLat.lng, z.lngLat.lat]) : this.marker = new R0.Marker(p).setLngLat([z.lngLat.lng, z.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([z.lngLat.lng, z.lngLat.lat]) : this.marker = new m0.Marker(p).setLngLat([z.lngLat.lng, z.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
       }
     },
     handleRender() {
@@ -7155,10 +7225,10 @@ const ob = {
       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);
     }
   }
-}, cb = { id: "idm-gl3-zone-info" }, eb = ["innerHTML"];
-function Ab(z, M, b, O, p, o) {
+}, eb = { id: "idm-gl3-zone-info" }, Ab = ["innerHTML"];
+function tb(z, M, b, O, p, o) {
   var e;
-  return T0((l(), f("div", cb, [
+  return X0((l(), f("div", eb, [
     c("div", {
       class: "iconfont close",
       onClick: M[0] || (M[0] = (t) => p.showZone = !1)
@@ -7166,13 +7236,13 @@ function Ab(z, M, b, O, p, o) {
     c("div", {
       class: "rich-context",
       innerHTML: (e = p.form) == null ? void 0 : e.name
-    }, null, 8, eb)
+    }, null, 8, Ab)
   ], 512)), [
-    [w0, p.showZone]
+    [v0, p.showZone]
   ]);
 }
-const tb = /* @__PURE__ */ I(ob, [["render", Ab]]);
-const ab = {
+const ab = /* @__PURE__ */ I(cb, [["render", tb]]);
+const qb = {
   name: "IdmPort",
   props: {
     map: {
@@ -7198,12 +7268,12 @@ const ab = {
   computed: {
     computeLat() {
       return function(z) {
-        return $.lat2pretty(z, 4).pretty;
+        return M0.lat2pretty(z, 4).pretty;
       };
     },
     computeLng() {
       return function(z) {
-        return $.lng2pretty(z, 4).pretty;
+        return M0.lng2pretty(z, 4).pretty;
       };
     }
   },
@@ -7225,7 +7295,7 @@ const ab = {
       if (b) {
         this.showPort = !0, this.form = { ...b.properties }, this.form.lng = b.geometry.coordinates[0], this.form.lat = b.geometry.coordinates[1];
         const p = document.getElementById("port-info");
-        this.marker ? this.marker.setLngLat([z.lngLat.lng, z.lngLat.lat]) : this.marker = new R0.Marker(p).setLngLat([z.lngLat.lng, z.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([z.lngLat.lng, z.lngLat.lat]) : this.marker = new m0.Marker(p).setLngLat([z.lngLat.lng, z.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
       }
     },
     handleEmit() {
@@ -7264,41 +7334,41 @@ const ab = {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, qb = { id: "port-info" }, ib = { class: "port-box" }, rb = { class: "flex-start" }, nb = { class: "flex-start" }, db = { class: "flex-start" }, Wb = {
+}, ib = { id: "port-info" }, rb = { class: "port-box" }, nb = { class: "flex-start" }, db = { class: "flex-start" }, Wb = { class: "flex-start" }, sb = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
 };
-function sb(z, M, b, O, p, o) {
-  return T0((l(), f("div", qb, [
+function lb(z, M, b, O, p, o) {
+  return X0((l(), f("div", ib, [
     c("div", {
       class: "close iconfont",
       onClick: M[0] || (M[0] = (e) => p.showPort = !1)
     }, ""),
-    c("div", ib, [
-      c("div", rb, [
+    c("div", rb, [
+      c("div", nb, [
         M[2] || (M[2] = c("label", null, "Name : ", -1)),
         c("span", {
           onClick: M[1] || (M[1] = (...e) => o.handleEmit && o.handleEmit(...e))
         }, C(p.form.name), 1)
       ]),
-      c("div", nb, [
+      c("div", db, [
         M[3] || (M[3] = c("label", null, "Position : ", -1)),
         c("span", null, C(o.computeLat(p.form.lat)) + ", " + C(o.computeLng(p.form.lng)), 1)
       ]),
-      c("div", db, [
+      c("div", Wb, [
         M[4] || (M[4] = c("label", null, "LoCode : ", -1)),
         c("span", null, C(p.form.loCode || "-"), 1)
       ]),
-      c("div", Wb, [
+      c("div", sb, [
         M[5] || (M[5] = c("label", null, "Region : ", -1)),
         c("span", null, C(p.form.zoneName || "-"), 1)
       ])
     ])
   ], 512)), [
-    [w0, p.showPort]
+    [v0, p.showPort]
   ]);
 }
-const lb = /* @__PURE__ */ I(ab, [["render", sb], ["__scopeId", "data-v-c07e4c45"]]), fb = {
+const fb = /* @__PURE__ */ I(qb, [["render", lb], ["__scopeId", "data-v-c07e4c45"]]), ub = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -7368,10 +7438,10 @@ const lb = /* @__PURE__ */ I(ab, [["render", sb], ["__scopeId", "data-v-c07e4c45
     }
   }
 };
-function ub(z, M, b, O, p, o) {
+function Lb(z, M, b, O, p, o) {
   return l(), f("div");
 }
-const Lb = /* @__PURE__ */ I(fb, [["render", ub]]), Rb = {
+const Rb = /* @__PURE__ */ I(ub, [["render", Lb]]), hb = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -7536,10 +7606,10 @@ const Lb = /* @__PURE__ */ I(fb, [["render", ub]]), Rb = {
     }
   }
 };
-function hb(z, M, b, O, p, o) {
+function mb(z, M, b, O, p, o) {
   return l(), f("div");
 }
-const mb = /* @__PURE__ */ I(Rb, [["render", hb]]), Nb = {
+const Nb = /* @__PURE__ */ I(hb, [["render", mb]]), Bb = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -7627,10 +7697,10 @@ const mb = /* @__PURE__ */ I(Rb, [["render", hb]]), Nb = {
     }
   }
 };
-function Bb(z, M, b, O, p, o) {
+function yb(z, M, b, O, p, o) {
   return l(), f("div");
 }
-const yb = /* @__PURE__ */ I(Nb, [["render", Bb]]), gb = {
+const gb = /* @__PURE__ */ I(Bb, [["render", yb]]), Xb = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -7660,7 +7730,7 @@ const yb = /* @__PURE__ */ I(Nb, [["render", Bb]]), gb = {
   methods: {
     handleRender() {
       this.map ? (this.handleClear(), this.area && (this.area.features.forEach((z) => {
-        z.geometry.type === "Polygon" && z.geometry.coordinates.forEach((M) => $.convertToMonotonicLng2(M));
+        z.geometry.type === "Polygon" && z.geometry.coordinates.forEach((M) => M0.convertToMonotonicLng2(M));
       }), this.map.addSource(this.source, {
         type: "geojson",
         data: this.area
@@ -7720,10 +7790,10 @@ const yb = /* @__PURE__ */ I(Nb, [["render", Bb]]), gb = {
     }
   }
 };
-function Xb(z, M, b, O, p, o) {
+function vb(z, M, b, O, p, o) {
   return l(), f("div");
 }
-const vb = /* @__PURE__ */ I(gb, [["render", Xb]]), Tb = {
+const Tb = /* @__PURE__ */ I(Xb, [["render", vb]]), wb = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -7772,11 +7842,11 @@ const vb = /* @__PURE__ */ I(gb, [["render", Xb]]), Tb = {
     }
   }
 };
-function wb(z, M, b, O, p, o) {
+function Cb(z, M, b, O, p, o) {
   return l(), f("div");
 }
-const Cb = /* @__PURE__ */ I(Tb, [["render", wb]]);
-const _b = {
+const _b = /* @__PURE__ */ I(wb, [["render", Cb]]);
+const xb = {
   name: "IdmLatLng",
   props: {
     map: {
@@ -7834,7 +7904,7 @@ const _b = {
       this.show ? ((z = this.map) == null || z.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (M = this.map) == null || M.off("zoomend", this.handleZoomEnd));
     },
     handleMouseMove(z) {
-      const M = z.lngLat, b = $.lng2pretty(M.lng, 2), O = $.lat2pretty(M.lat, 2);
+      const M = z.lngLat, b = M0.lng2pretty(M.lng, 2), O = M0.lat2pretty(M.lat, 2);
       this.lngLat = { lng: b, lat: O };
     },
     handleComputeLatLngs() {
@@ -7932,18 +8002,18 @@ const _b = {
     }
   }
 };
-function xb(z, M, b, O, p, o) {
+function Sb(z, M, b, O, p, o) {
   return p.lngLat ? (l(), f("div", {
     key: 0,
     class: "lat-lng-tip",
-    style: z0({ right: p.right + "px", bottom: b.bottom })
+    style: p0({ right: p.right + "px", bottom: b.bottom })
   }, [
     c("span", null, C(p.lngLat.lat.pretty), 1),
     M[0] || (M[0] = c("span", null, ", ", -1)),
     c("span", null, C(p.lngLat.lng.pretty), 1)
-  ], 4)) : D("", !0);
+  ], 4)) : U("", !0);
 }
-const H0 = /* @__PURE__ */ I(_b, [["render", xb], ["__scopeId", "data-v-73241fe7"]]), Sb = {
+const H0 = /* @__PURE__ */ I(xb, [["render", Sb], ["__scopeId", "data-v-73241fe7"]]), Eb = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -8047,7 +8117,7 @@ const H0 = /* @__PURE__ */ I(_b, [["render", xb], ["__scopeId", "data-v-73241fe7
         const t = this.geojson.filter((q) => q.id === M.split("-")[0])[0].features.filter((q) => q.geometry.type === "Point");
         if (t.length > 2 && t.filter((r) => r.properties.id === (M == null ? void 0 : M.split("-")[1]))[0]) {
           const r = document.createElement("div");
-          r.className = "point-contextmenu-marker", r.innerHTML = `<span id="del-${M}" class="del-point">Del</span>`, this.contextmenu = new R0.Marker(r).setOffset([24, 0]).setLngLat([z.lngLat.lng, z.lngLat.lat]).addTo(this.map);
+          r.className = "point-contextmenu-marker", r.innerHTML = `<span id="del-${M}" class="del-point">Del</span>`, this.contextmenu = new m0.Marker(r).setOffset([24, 0]).setLngLat([z.lngLat.lng, z.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -8083,10 +8153,10 @@ const H0 = /* @__PURE__ */ I(_b, [["render", xb], ["__scopeId", "data-v-73241fe7
         let b = 0;
         const O = [];
         for (let p = 1; p < M.length; p++) {
-          const o = M[p - 1], e = M[p], t = o.properties, q = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, r = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, a = L0.calculateDistance(q, r, t.mode === "RL", 2), i = L0.calculateBearing(q, r, t.mode === "RL", 2);
-          b = $.roundPrecision(b + a, 2);
+          const o = M[p - 1], e = M[p], t = o.properties, q = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, r = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, a = R0.calculateDistance(q, r, t.mode === "RL", 2), i = R0.calculateBearing(q, r, t.mode === "RL", 2);
+          b = M0.roundPrecision(b + a, 2);
           let L;
-          t.mode === "RL" ? L = $.convertToMonotonicLng([q, r]) : L = $.convertToMonotonicLng(L0.interpolateCoordinates(q, r, 200));
+          t.mode === "RL" ? L = M0.convertToMonotonicLng([q, r]) : L = M0.convertToMonotonicLng(R0.interpolateCoordinates(q, r, 200));
           const n = T.lineString(L.map((h) => [h.lng, h.lat]));
           n.properties.dist = a, n.properties.bearing = i, n.properties.total = b, O.push(n);
         }
@@ -8099,17 +8169,17 @@ const H0 = /* @__PURE__ */ I(_b, [["render", xb], ["__scopeId", "data-v-73241fe7
       let o, e;
       if (M) {
         const q = M.properties, r = { lng: M.geometry.coordinates[0], lat: M.geometry.coordinates[1] }, a = { lng: b.lng, lat: b.lat };
-        o = L0.calculateDistance(r, a, q.mode === "RL", 2), e = L0.calculateBearing(r, a, q.mode === "RL", 2);
+        o = R0.calculateDistance(r, a, q.mode === "RL", 2), e = R0.calculateBearing(r, a, q.mode === "RL", 2);
         let i;
-        q.mode === "RL" ? i = $.convertToMonotonicLng([r, a]) : i = $.convertToMonotonicLng(L0.interpolateCoordinates(r, a, 200));
+        q.mode === "RL" ? i = M0.convertToMonotonicLng([r, a]) : i = M0.convertToMonotonicLng(R0.interpolateCoordinates(r, a, 200));
         const L = T.lineString(i.map((n) => [n.lng, n.lat]));
         L.properties.dist = o, L.properties.bearing = e, p.features.push(L);
       }
       if (O) {
         const q = b.properties, r = b, a = { lng: O.geometry.coordinates[0], lat: O.geometry.coordinates[1] };
-        o = L0.calculateDistance(r, a, q.mode === "RL", 2), e = L0.calculateBearing(r, a, q.mode === "RL", 2);
+        o = R0.calculateDistance(r, a, q.mode === "RL", 2), e = R0.calculateBearing(r, a, q.mode === "RL", 2);
         let i;
-        q.mode === "RL" ? i = $.convertToMonotonicLng([r, a]) : i = $.convertToMonotonicLng(L0.interpolateCoordinates(r, a, 200));
+        q.mode === "RL" ? i = M0.convertToMonotonicLng([r, a]) : i = M0.convertToMonotonicLng(R0.interpolateCoordinates(r, a, 200));
         const L = T.lineString(i.map((n) => [n.lng, n.lat]));
         L.properties.dist = o, L.properties.bearing = e, p.features.push(L);
       }
@@ -8151,11 +8221,11 @@ const H0 = /* @__PURE__ */ I(_b, [["render", xb], ["__scopeId", "data-v-73241fe7
         }
       });
       let t;
-      if (O ? t = '<div class="marker-label">Drag and drop</div>' : t = `<div class="marker-label">Tol distance: <b>${$.roundPrecision((z.total ?? 0) + o, 2)}</b>nm, bearing: <b>${e}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
+      if (O ? t = '<div class="marker-label">Drag and drop</div>' : t = `<div class="marker-label">Tol distance: <b>${M0.roundPrecision((z.total ?? 0) + o, 2)}</b>nm, bearing: <b>${e}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
         this.tipMarker._element.innerHTML = t, this.tipMarker.setLngLat([b.lng, b.lat]);
       else {
         const q = document.createElement("div");
-        q.className = "tip-marker", q.innerHTML = t, this.tipMarker = new R0.Marker(q).setOffset([140, 0]).setLngLat([b.lng, b.lat]).addTo(this.map);
+        q.className = "tip-marker", q.innerHTML = t, this.tipMarker = new m0.Marker(q).setOffset([140, 0]).setLngLat([b.lng, b.lat]).addTo(this.map);
       }
     },
     handleMove(z) {
@@ -8213,12 +8283,12 @@ const H0 = /* @__PURE__ */ I(_b, [["render", xb], ["__scopeId", "data-v-73241fe7
         for (const e of o) {
           const t = document.createElement("div");
           t.id = `${z.id}-${e.properties.id}`, t.className = `${z.closed ? "point-marker closed" : "point-marker"}`, t.innerHTML = '<div class="marker-circle"></div>';
-          const q = new R0.Marker({ element: t, draggable: !0, contextmenu: !0 }).setLngLat(e.geometry.coordinates).addTo(this.map);
+          const q = new m0.Marker({ element: t, draggable: !0, contextmenu: !0 }).setLngLat(e.geometry.coordinates).addTo(this.map);
           q.on("drag", this.handleDrag), q.on("dragend", this.handleDragEnd), this.pointMarkers[z.id] ? this.pointMarkers[z.id].push(q) : this.pointMarkers[z.id] = [q];
         }
         if (z.closed) {
           const e = o.at(-1), q = z.features.filter((a) => a.geometry.type === "LineString").at(-1), r = document.createElement("div");
-          r.className = "point-summary-marker", r.innerHTML = `<div id="${z.id}" class="marker-close">×</div><div class="marker-label">Tol: ${q.properties.total}nm</div>`, this.closeMarkers[z.id] = new R0.Marker(r).setOffset([60, 0]).setLngLat(e.geometry.coordinates).addTo(this.map);
+          r.className = "point-summary-marker", r.innerHTML = `<div id="${z.id}" class="marker-close">×</div><div class="marker-label">Tol: ${q.properties.total}nm</div>`, this.closeMarkers[z.id] = new m0.Marker(r).setOffset([60, 0]).setLngLat(e.geometry.coordinates).addTo(this.map);
         }
       }
     },
@@ -8231,11 +8301,11 @@ const H0 = /* @__PURE__ */ I(_b, [["render", xb], ["__scopeId", "data-v-73241fe7
     }
   }
 };
-function Eb(z, M, b, O, p, o) {
+function Pb(z, M, b, O, p, o) {
   return l(), f("div");
 }
-const Pb = /* @__PURE__ */ I(Sb, [["render", Eb]]);
-const kb = {
+const kb = /* @__PURE__ */ I(Eb, [["render", Pb]]);
+const Db = {
   name: "IdmENC",
   props: {
     map: {
@@ -8287,24 +8357,24 @@ const kb = {
     }
   },
   methods: {}
-}, Db = { key: 0 }, Ib = { class: "bar-item" };
-function jb(z, M, b, O, p, o) {
+}, Ib = { key: 0 }, jb = { class: "bar-item" };
+function Fb(z, M, b, O, p, o) {
   const e = x("ElTooltip");
-  return b.enabled && b.permission & p.helper.LEVEL.Supper ? (l(), f("div", Db, [
+  return b.enabled && b.permission & p.helper.LEVEL.Supper ? (l(), f("div", Ib, [
     c("div", {
       class: "menu-bar-box",
-      style: z0({ position: "absolute", right: p.right + "px", bottom: b.bottom })
+      style: p0({ position: "absolute", right: p.right + "px", bottom: b.bottom })
     }, [
-      c("div", Ib, [
+      c("div", jb, [
         v(e, {
           placement: "left",
           effect: "light",
           content: "Hifleet",
           "show-after": 1e3
         }, {
-          default: c0(() => [
+          default: e0(() => [
             c("div", {
-              class: K(p.vendor === "hi" ? "menu-icon active" : "menu-icon"),
+              class: J(p.vendor === "hi" ? "menu-icon active" : "menu-icon"),
               onClick: M[0] || (M[0] = (t) => p.vendor = "hi")
             }, M[2] || (M[2] = [
               c("span", { class: "iconfont" }, "HI", -1)
@@ -8318,9 +8388,9 @@ function jb(z, M, b, O, p, o) {
           content: "I4insight",
           "show-after": 1e3
         }, {
-          default: c0(() => [
+          default: e0(() => [
             c("div", {
-              class: K(p.vendor === "i4" ? "menu-icon active" : "menu-icon"),
+              class: J(p.vendor === "i4" ? "menu-icon active" : "menu-icon"),
               onClick: M[1] || (M[1] = (t) => p.vendor = "i4")
             }, M[3] || (M[3] = [
               c("span", { class: "iconfont" }, "I4", -1)
@@ -8330,10 +8400,10 @@ function jb(z, M, b, O, p, o) {
         })
       ])
     ], 4)
-  ])) : D("", !0);
+  ])) : U("", !0);
 }
-const Fb = /* @__PURE__ */ I(kb, [["render", jb], ["__scopeId", "data-v-150235f7"]]);
-const Ub = {
+const Ub = /* @__PURE__ */ I(Db, [["render", Fb], ["__scopeId", "data-v-150235f7"]]);
+const Hb = {
   name: "IdmGLV2",
   components: {
     IdmGlLayer: w1,
@@ -8352,20 +8422,20 @@ const Ub = {
     IdmWaterTemp: S2,
     IdmTemp: D2,
     IdmArctic: U2,
-    IdmWarZone: ZM,
-    IdmGmdssArea: bb,
-    IdmEcaZone: Ob,
-    IdmAlertZone: tb,
-    IdmPort: lb,
-    IdmLoadLine: Lb,
-    IdmTimezone: mb,
-    IdmVRA: yb,
-    IdmSpecialArea: vb,
-    IdmTerminator: Cb,
+    IdmWarZone: YM,
+    IdmGmdssArea: zb,
+    IdmEcaZone: ob,
+    IdmAlertZone: ab,
+    IdmPort: fb,
+    IdmLoadLine: Rb,
+    IdmTimezone: Nb,
+    IdmVRA: gb,
+    IdmSpecialArea: Tb,
+    IdmTerminator: _b,
     IdmLatLng: H0,
-    IdmMeasure: Pb,
-    IdmPoint: JM,
-    IdmENC: Fb
+    IdmMeasure: kb,
+    IdmPoint: QM,
+    IdmENC: Ub
   },
   props: {
     map: {
@@ -8419,7 +8489,7 @@ const Ub = {
   watch: {
     ts: {
       handler(z, M) {
-        z && M && A0(z).utc().format("yyyy-MM-DD HH") !== A0(M).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
+        z && M && H(z).utc().format("yyyy-MM-DD HH") !== H(M).utc().format("yyyy-MM-DD HH") && this.$nextTick(() => {
           this.handleDateChange({ tropicals: !1 });
         });
       },
@@ -8509,7 +8579,7 @@ const Ub = {
         if (this.weatherWeight > 0) {
           let u = this.weatherWeight, d;
           if (z.tropicals || this.weatherWeight & 256 && (d = this.weatherLayers.tropicals, d && (u -= 256, d.version = Math.random() + 1)), u > 0) {
-            const m = await y0.get(`${this.gateway}/api/arc/weather/layers/links?l=${u}&v=${this.source}&z=${L}&bbox=${h}&t=${this.ts}`, {
+            const m = await h0.get(`${this.gateway}/api/arc/weather/layers/links?l=${u}&v=${this.source}&z=${L}&bbox=${h}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
@@ -8518,7 +8588,7 @@ const Ub = {
               const R = (t = m == null ? void 0 : m.data) == null ? void 0 : t.data, g = [];
               for (const y in R)
                 y === "ice-edge" && (R[y] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), y !== "tropicals" && g.push(
-                  y0.get(R[y], {
+                  h0.get(R[y], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
                       key: y
@@ -8530,21 +8600,21 @@ const Ub = {
                 );
               const _ = await Promise.all(g);
               this.weatherLayers = {}, _.map((y) => {
-                var w, Y, M0, q0;
-                const F = ((w = y == null ? void 0 : y.data) == null ? void 0 : w.data) || (y == null ? void 0 : y.data), B = (M0 = (Y = y == null ? void 0 : y.config) == null ? void 0 : Y.headers) == null ? void 0 : M0.key;
+                var w, Z, Y, a0;
+                const F = ((w = y == null ? void 0 : y.data) == null ? void 0 : w.data) || (y == null ? void 0 : y.data), B = (Y = (Z = y == null ? void 0 : y.config) == null ? void 0 : Z.headers) == null ? void 0 : Y.key;
                 B && F && (this.weatherLayers[B] = {
                   raw: F,
-                  type: ((q0 = y == null ? void 0 : y.config) == null ? void 0 : q0.responseType) === "blob" ? "image" : "json",
+                  type: ((a0 = y == null ? void 0 : y.config) == null ? void 0 : a0.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
-              }), R.tropicals && y0.get(R.tropicals, {
+              }), R.tropicals && h0.get(R.tropicals, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken,
                   key: "tropicals"
                 }
               }).then((y) => {
-                var w, Y, M0;
-                const F = I0.convert2Geojson(((w = y == null ? void 0 : y.data) == null ? void 0 : w.data) || (y == null ? void 0 : y.data)), B = (M0 = (Y = y == null ? void 0 : y.config) == null ? void 0 : Y.headers) == null ? void 0 : M0.key;
+                var w, Z, Y;
+                const F = I0.convert2Geojson(((w = y == null ? void 0 : y.data) == null ? void 0 : w.data) || (y == null ? void 0 : y.data)), B = (Y = (Z = y == null ? void 0 : y.config) == null ? void 0 : Z.headers) == null ? void 0 : Y.key;
                 this.weatherLayers[B] = {
                   data: F,
                   active: !0,
@@ -8588,7 +8658,7 @@ const Ub = {
           let e = !1;
           if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, e = !0), o) {
             if (z.all) {
-              const t = await y0.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
+              const t = await h0.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
@@ -8597,7 +8667,7 @@ const Ub = {
                 const q = (b = t == null ? void 0 : t.data) == null ? void 0 : b.data, r = [];
                 for (const i in q)
                   r.push(
-                    y0.get(q[i], {
+                    h0.get(q[i], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: i
@@ -8612,7 +8682,7 @@ const Ub = {
                 });
               }
             } else if (z.dayNight && o & 1024) {
-              const t = await y0.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const t = await h0.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
@@ -8621,7 +8691,7 @@ const Ub = {
                 const q = (p = t == null ? void 0 : t.data) == null ? void 0 : p.data, r = [];
                 for (const i in q)
                   r.push(
-                    y0.get(q[i], {
+                    h0.get(q[i], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: i
@@ -8689,7 +8759,7 @@ const Ub = {
       var r, a, i, L;
       const z = (/* @__PURE__ */ new Date()).valueOf();
       let M = 0, b = 0;
-      const O = (r = this.map) == null ? void 0 : r.getBounds(), p = this.map.getZoom(), o = $.convertToStdLng(O._sw.lng), e = $.convertToStdLng(O._ne.lng), t = Math.floor(O._sw.lat), q = Math.ceil(O._ne.lat);
+      const O = (r = this.map) == null ? void 0 : r.getBounds(), p = this.map.getZoom(), o = M0.convertToStdLng(O._sw.lng), e = M0.convertToStdLng(O._ne.lng), t = Math.floor(O._sw.lat), q = Math.ceil(O._ne.lat);
       for (const n in this.weatherLayers)
         if (this.weatherLayers[n].active && this.weatherLayers[n].type === "json") {
           this.weatherLayers[n].active = !1, this.weatherLayers[n].version = Math.random() + 1;
@@ -8833,7 +8903,7 @@ const Ub = {
                 }
                 for (const m in u.Point)
                   u.Point[m].lng.forEach((R, g) => {
-                    R = $.convertToStdLng(R), d.push(
+                    R = M0.convertToStdLng(R), d.push(
                       T.point([R, m], {
                         val: u.Point[m].val[g],
                         type: u.Point[m].type[g]
@@ -8873,7 +8943,7 @@ const Ub = {
         this.weatherLayers[z].active && this.weatherLayers[z].type === "image" && (this.weatherLayers[z].active = !0, this.weatherLayers[z].version = Math.random() + 1);
     },
     handleBboxClip(z, M) {
-      const b = [], O = $.convertToStdLng(M._sw.lng), p = $.convertToStdLng(M._ne.lng);
+      const b = [], O = M0.convertToStdLng(M._sw.lng), p = M0.convertToStdLng(M._ne.lng);
       return z.features.forEach((o) => {
         if (o.geometry.type !== "Point")
           if (O > p) {
@@ -8932,23 +9002,6 @@ const Ub = {
         z.find((b) => b.key === "enc") ? this.enc = "i4" : this.enc = "", this.otherWeight != M && (this.otherWeight = M, this.fetchOtherLayers({ all: !0 }));
       }
     },
-    async handlePointChange(z) {
-      const M = this.ts ? A0(this.ts).utc().format() : A0().utc().format(), b = {
-        lat: z.lat,
-        lng: z.lng,
-        datetime: M,
-        forecastDays: 1
-        // selfHosted: false
-      }, O = await y0.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, b, {
-        headers: {
-          Authorization: this.token || this.defaultMeteoToken
-        }
-      });
-      (O == null ? void 0 : O.data.code) === 0 && (this.meteo = {
-        ...O == null ? void 0 : O.data.data,
-        ...z
-      });
-    },
     handle3dToggle(z) {
       var M, b, O, p, o, e, t, q, r, a, i, L, n, h, u, d, m, R, g, _;
       z ? (this.map.setProjection("globe"), this.mapProjection = "globe", (b = this.map) != null && b.getLayer((M = this.viewport) == null ? void 0 : M.rampColorLayer) && ((O = this.map) != null && O.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (t = this.map) != null && t.getLayer((e = this.viewport) == null ? void 0 : e.particleLayer) && ((q = this.map) != null && q.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((a = this.map) == null || a.moveLayer((r = this.viewport) == null ? void 0 : r.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (L = this.map) != null && L.getLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer) && ((n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((u = this.map) == null || u.moveLayer((h = this.viewport) == null ? void 0 : h.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (m = this.map) != null && m.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) && ((R = this.map) != null && R.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((_ = this.map) == null || _.moveLayer((g = this.viewport) == null ? void 0 : g.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
@@ -8969,14 +9022,14 @@ const Ub = {
       this.$emit("toggleVersion", Math.random());
     }
   }
-}, Hb = {
+}, Gb = {
   key: 0,
   className: "map-gl-home"
 };
-function Gb(z, M, b, O, p, o) {
-  var n0, a0, d0, U, h0, k, O0, r0, E, o0, m0, N0, g0, B0, A, W, s, N, X, S, J, P, H, C0, P0, k0;
-  const e = x("IdmGlLayer"), t = x("IdmENC"), q = x("IdmSigWave"), r = x("IdmSwell"), a = x("IdmPrmsl"), i = x("IdmIceberg"), L = x("IdmTropicals"), n = x("IdmCurrents"), h = x("IdmCurrentParticle"), u = x("IdmWindBarb"), d = x("IdmWindParticle"), m = x("IdmPrecip3h"), R = x("IdmVisibility"), g = x("IdmWaterTemp"), _ = x("IdmTemp"), y = x("IdmArctic"), F = x("IdmWarZone"), B = x("IdmGmdssArea"), w = x("IdmEcaZone"), Y = x("IdmAlertZone"), M0 = x("IdmPort"), q0 = x("IdmLoadLine"), s0 = x("IdmTimezone"), l0 = x("IdmVRA"), i0 = x("IdmSpecialArea"), W0 = x("IdmTerminator"), b0 = x("IdmLatLng"), f0 = x("IdmMeasure"), u0 = x("IdmPoint");
-  return b.map ? (l(), f("div", Hb, [
+function Vb(z, M, b, O, p, o) {
+  var d0, i0, r0, L0, k, D, o0, n0, E, c0, N0, B0, g0, y0, A, W, s, N, X, S, Q, P, G, w0, P0, k0;
+  const e = x("IdmGlLayer"), t = x("IdmENC"), q = x("IdmSigWave"), r = x("IdmSwell"), a = x("IdmPrmsl"), i = x("IdmIceberg"), L = x("IdmTropicals"), n = x("IdmCurrents"), h = x("IdmCurrentParticle"), u = x("IdmWindBarb"), d = x("IdmWindParticle"), m = x("IdmPrecip3h"), R = x("IdmVisibility"), g = x("IdmWaterTemp"), _ = x("IdmTemp"), y = x("IdmArctic"), F = x("IdmWarZone"), B = x("IdmGmdssArea"), w = x("IdmEcaZone"), Z = x("IdmAlertZone"), Y = x("IdmPort"), a0 = x("IdmLoadLine"), s0 = x("IdmTimezone"), l0 = x("IdmVRA"), q0 = x("IdmSpecialArea"), W0 = x("IdmTerminator"), z0 = x("IdmLatLng"), f0 = x("IdmMeasure"), u0 = x("IdmPoint");
+  return b.map ? (l(), f("div", Gb, [
     v(e, j({
       ref: "layer",
       map: b.map,
@@ -8989,57 +9042,57 @@ function Gb(z, M, b, O, p, o) {
     }, z.$attrs, {
       onWeather: o.handleWeatherLayerChange,
       onOther: o.handleOtherLayerChange,
-      onToggleWindParticle: M[0] || (M[0] = (e0) => p.showWindParticle = e0),
-      onToggleWindFeather: M[1] || (M[1] = (e0) => p.showWindFeather = e0),
-      onToggleCurrentParticle: M[2] || (M[2] = (e0) => p.showCurrentParticle = e0),
-      onToggleCurrentIsoband: M[3] || (M[3] = (e0) => p.showCurrentIsoband = e0),
-      onCoordinate: M[4] || (M[4] = (e0) => p.showCoord = e0),
-      onMeasure: M[5] || (M[5] = (e0) => p.showMeasure = e0),
-      onPoint: M[6] || (M[6] = (e0) => p.showPoint = e0),
+      onToggleWindParticle: M[0] || (M[0] = (A0) => p.showWindParticle = A0),
+      onToggleWindFeather: M[1] || (M[1] = (A0) => p.showWindFeather = A0),
+      onToggleCurrentParticle: M[2] || (M[2] = (A0) => p.showCurrentParticle = A0),
+      onToggleCurrentIsoband: M[3] || (M[3] = (A0) => p.showCurrentIsoband = A0),
+      onCoordinate: M[4] || (M[4] = (A0) => p.showCoord = A0),
+      onMeasure: M[5] || (M[5] = (A0) => p.showMeasure = A0),
+      onPoint: M[6] || (M[6] = (A0) => p.showPoint = A0),
       on3d: o.handle3dToggle,
       onHandleToggleVersion: o.handleToggleVersion
     }), null, 16, ["map", "toggle-version", "map-projection", "showWindFeather", "showWindParticle", "showCurrentIsoband", "showCurrentParticle", "onWeather", "onOther", "on3d", "onHandleToggleVersion"]),
     v(t, j({
       map: b.map,
       token: b.token,
-      enabled: (n0 = p.otherLayers) == null ? void 0 : n0.enc,
+      enabled: (d0 = p.otherLayers) == null ? void 0 : d0.enc,
       "toggle-version": b.toggleVersion
     }, z.$attrs, {
-      onEnc: M[7] || (M[7] = (e0) => p.enc = e0)
+      onEnc: M[7] || (M[7] = (A0) => p.enc = A0)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
     v(q, j({
       map: b.map,
-      "sig-wave": (a0 = p.weatherLayers) == null ? void 0 : a0["sig-wave-height"],
+      "sig-wave": (i0 = p.weatherLayers) == null ? void 0 : i0["sig-wave-height"],
       "before-layer": b.beforeLayer,
       activeWeatherLayers: p.activeWeatherLayers
     }, z.$attrs), null, 16, ["map", "sig-wave", "before-layer", "activeWeatherLayers"]),
     v(r, j({
       map: b.map,
-      swell: (d0 = p.weatherLayers) == null ? void 0 : d0.swell,
+      swell: (r0 = p.weatherLayers) == null ? void 0 : r0.swell,
       "before-layer": b.beforeLayer,
       activeWeatherLayers: p.activeWeatherLayers
     }, z.$attrs), null, 16, ["map", "swell", "before-layer", "activeWeatherLayers"]),
     v(a, j({
       map: b.map,
-      prmsl: (U = p.weatherLayers) == null ? void 0 : U.prmsl,
+      prmsl: (L0 = p.weatherLayers) == null ? void 0 : L0.prmsl,
       "before-layer": b.beforeLayer,
       "active-weather-layers": p.activeWeatherLayers
     }, z.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
     v(i, j({
       map: b.map,
-      iceberg: (h0 = p.weatherLayers) == null ? void 0 : h0.iceberg,
+      iceberg: (k = p.weatherLayers) == null ? void 0 : k.iceberg,
       "before-layer": b.beforeLayer
     }, z.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
     v(L, j({
       map: b.map,
       date: b.ts,
-      tropicals: (k = p.weatherLayers) == null ? void 0 : k.tropicals,
+      tropicals: (D = p.weatherLayers) == null ? void 0 : D.tropicals,
       "before-layer": b.beforeLayer
     }, z.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
     v(n, j({
       map: b.map,
       "map-projection": p.mapProjection,
-      current: (O0 = p.weatherLayers) == null ? void 0 : O0.current,
+      current: (o0 = p.weatherLayers) == null ? void 0 : o0.current,
       "before-layer": b.beforeLayer,
       showCurrentIsoband: p.showCurrentIsoband,
       showCurrentParticle: p.showCurrentParticle,
@@ -9052,7 +9105,7 @@ function Gb(z, M, b, O, p, o) {
     }), null, 16, ["map", "map-projection", "current", "before-layer", "showCurrentIsoband", "showCurrentParticle", "margin-bottom", "toggle-version", "weather-layers", "onParticle", "onHandleToggleVersion"]),
     v(h, j({
       viewport: p.viewport,
-      factor: (r0 = p.weatherLayers) == null ? void 0 : r0["current-particle"],
+      factor: (n0 = p.weatherLayers) == null ? void 0 : n0["current-particle"],
       "before-layer": b.beforeLayer,
       "toggle-version": b.toggleVersion
     }, z.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
@@ -9061,7 +9114,7 @@ function Gb(z, M, b, O, p, o) {
       map: b.map,
       "map-projection": p.mapProjection,
       wind: (E = p.weatherLayers) == null ? void 0 : E.wind,
-      current: (o0 = p.weatherLayers) == null ? void 0 : o0.current,
+      current: (c0 = p.weatherLayers) == null ? void 0 : c0.current,
       "before-layer": b.beforeLayer,
       "margin-bottom": p.showRampColor ? "56px" : "30px",
       showWindFeather: p.showWindFeather,
@@ -9073,13 +9126,13 @@ function Gb(z, M, b, O, p, o) {
     }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "showWindFeather", "showWindParticle", "toggle-version", "weather-layers", "onParticle"]),
     v(d, j({
       viewport: p.viewport,
-      factor: (m0 = p.weatherLayers) == null ? void 0 : m0["wind-particle"],
+      factor: (N0 = p.weatherLayers) == null ? void 0 : N0["wind-particle"],
       "before-layer": b.beforeLayer,
       "toggle-version": b.toggleVersion
     }, z.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     v(m, j({
       viewport: p.viewport,
-      factor: (N0 = p.weatherLayers) == null ? void 0 : N0.precip3h,
+      factor: (B0 = p.weatherLayers) == null ? void 0 : B0.precip3h,
       "before-layer": b.beforeLayer,
       "toggle-version": b.toggleVersion
     }, z.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
@@ -9091,7 +9144,7 @@ function Gb(z, M, b, O, p, o) {
     }, z.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
     v(g, j({
       viewport: p.viewport,
-      factor: (B0 = p.weatherLayers) == null ? void 0 : B0["water-temp"],
+      factor: (y0 = p.weatherLayers) == null ? void 0 : y0["water-temp"],
       "before-layer": b.beforeLayer,
       "toggle-version": b.toggleVersion
     }, z.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
@@ -9122,32 +9175,32 @@ function Gb(z, M, b, O, p, o) {
       zone: (X = p.otherLayers) == null ? void 0 : X["eca-zones"],
       "before-layer": b.beforeLayer
     }, z.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    v(Y, j({
+    v(Z, j({
       map: b.map,
       zone: (S = p.otherLayers) == null ? void 0 : S["alert-zones"],
       "before-layer": b.beforeLayer
     }, z.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    v(M0, j({
+    v(Y, j({
       map: b.map,
-      port: (J = p.otherLayers) == null ? void 0 : J.ports,
+      port: (Q = p.otherLayers) == null ? void 0 : Q.ports,
       "before-layer": b.beforeLayer
     }, z.$attrs), null, 16, ["map", "port", "before-layer"]),
-    v(q0, j({
+    v(a0, j({
       map: b.map,
       line: (P = p.otherLayers) == null ? void 0 : P["load-lines"],
       "before-layer": b.beforeLayer
     }, z.$attrs), null, 16, ["map", "line", "before-layer"]),
     v(s0, j({
       map: b.map,
-      zone: (H = p.otherLayers) == null ? void 0 : H["time-zones"],
+      zone: (G = p.otherLayers) == null ? void 0 : G["time-zones"],
       "before-layer": b.beforeLayer
     }, z.$attrs), null, 16, ["map", "zone", "before-layer"]),
     v(l0, j({
       map: b.map,
-      area: (C0 = p.otherLayers) == null ? void 0 : C0["voluntary-reporting-area"],
+      area: (w0 = p.otherLayers) == null ? void 0 : w0["voluntary-reporting-area"],
       "before-layer": b.beforeLayer
     }, z.$attrs), null, 16, ["map", "area", "before-layer"]),
-    v(i0, j({
+    v(q0, j({
       map: b.map,
       area: (P0 = p.otherLayers) == null ? void 0 : P0["special-area"],
       "before-layer": b.beforeLayer
@@ -9156,7 +9209,7 @@ function Gb(z, M, b, O, p, o) {
       map: b.map,
       area: (k0 = p.otherLayers) == null ? void 0 : k0["day-night"]
     }, z.$attrs), null, 16, ["map", "area"]),
-    v(b0, j({
+    v(z0, j({
       map: b.map,
       show: p.showCoord,
       "toggle-version": b.toggleVersion
@@ -9166,27 +9219,29 @@ function Gb(z, M, b, O, p, o) {
       show: p.showMeasure
     }, z.$attrs), null, 16, ["map", "show"]),
     v(u0, j({
+      ref: "idmPoint",
       map: b.map,
       show: p.showPoint,
       meteo: p.meteo,
       ts: b.ts,
-      token: b.token
-    }, z.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "ts", "token", "onPoint"])
-  ])) : D("", !0);
+      token: b.token,
+      gateway: p.gateway
+    }, z.$attrs), null, 16, ["map", "show", "meteo", "ts", "token", "gateway"])
+  ])) : U("", !0);
 }
-const Vb = /* @__PURE__ */ I(Ub, [["render", Gb]]), pz = {
+const Kb = /* @__PURE__ */ I(Hb, [["render", Vb]]), Oz = {
   install(z) {
-    z.component("MapboxGL", Vb), z.component("TropicalGL", j0), z.component("LatLngGL", H0);
+    z.component("MapboxGL", Kb), z.component("TropicalGL", j0), z.component("LatLngGL", H0);
   }
 };
 export {
   H0 as LatLngGL,
-  Vb as MapboxGL,
-  pz as MapboxGLPlugin,
+  Kb as MapboxGL,
+  Oz as MapboxGLPlugin,
   E1 as MapboxHelper,
   t0 as ParticleSchema,
   j0 as TropicalGL,
   E0 as Viewport,
-  X0 as WebGL,
-  p0 as WebGLSchema
+  T0 as WebGL,
+  O0 as WebGLSchema
 };