@idmwx/idmui-gl3 4.1.4 → 4.1.6

package/dist/index.js

@@ -1,20 +1,20 @@
-var et = Object.defineProperty;
-var tt = (a, e, t) => e in a ? et(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var R = (a, e, t) => (tt(a, typeof e != "symbol" ? e + "" : e, t), t);
-import { LayerHelper as We, CompanyHelper as Ae, convertToStandardLng as Ie } from "@idmwx/idmwx-base";
-import { resolveComponent as z, openBlock as L, createElementBlock as x, createElementVNode as l, normalizeStyle as F, normalizeClass as M, Fragment as Re, renderList as De, toDisplayString as S, createVNode as P, withCtx as at, createTextVNode as Xe, createCommentVNode as $, pushScopeId as H, popScopeId as G, withDirectives as Me, vShow as $e, createStaticVNode as it, mergeProps as I } from "vue";
+var Fe = Object.defineProperty;
+var $e = (a, e, t) => e in a ? Fe(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var I = (a, e, t) => ($e(a, typeof e != "symbol" ? e + "" : e, t), t);
+import { LayerHelper as Pe, CompanyHelper as Ce, convertToStandardLng as we } from "@idmwx/idmwx-base";
+import { resolveComponent as z, openBlock as x, createElementBlock as _, createElementVNode as l, normalizeStyle as $, normalizeClass as M, Fragment as xe, renderList as _e, toDisplayString as S, createVNode as P, withCtx as Ue, createTextVNode as Ne, createCommentVNode as B, withDirectives as Se, createStaticVNode as Ve, vShow as ke, mergeProps as R } from "vue";
 import * as C from "@turf/turf";
-import rt from "@mapbox/sphericalmercator";
+import Ze from "@mapbox/sphericalmercator";
 import Z from "moment";
-import ne from "mapbox-gl";
-import { TropicalHelper as qe, LngLatHelper as j, LaneHelper as te } from "@idm-plugin/geo";
-import se from "axios";
+import K from "mapbox-gl";
+import { TropicalHelper as We, LngLatHelper as F, LaneHelper as Q } from "@idm-plugin/geo";
+import re from "axios";
 const T = (a, e) => {
   const t = a.__vccOpts || a;
   for (const [r, i] of e)
     t[r] = i;
   return t;
-}, ot = {
+}, He = {
   name: "IdmGlLayer",
   props: {
     map: {
@@ -49,8 +49,8 @@ const T = (a, e) => {
       autoActive: !0,
       otherLayers: [],
       layers: {
-        weather: [...We.WEATHER_LAYERS],
-        other: [...We.OTHER_LAYERS]
+        weather: [...Pe.WEATHER_LAYERS],
+        other: [...Pe.OTHER_LAYERS]
       },
       weatherLayersCache: "weatherLayersCache",
       autoActiveCache: "autoActiveCache",
@@ -150,124 +150,124 @@ const T = (a, e) => {
       this.source = a, this.handleConfirm();
     }
   }
-}, st = { class: "idm-gl3-layer" }, nt = { class: "bar-item layer-bars" }, lt = /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1), ct = [
-  lt
-], ht = { class: "bar-item tool-bars" }, dt = /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1), pt = [
-  dt
-], mt = /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1), ut = [
-  mt
-], yt = /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1), ft = [
-  yt
-], gt = /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1), bt = [
-  gt
-], vt = ["onClick"], _t = /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1), wt = /* @__PURE__ */ l("i", { class: "iconfont" }, "", -1), Lt = [
-  wt
-], xt = { class: "weather-layers" }, Ct = {
+}, Ge = { class: "idm-gl3-layer" }, Je = { class: "bar-item layer-bars" }, Xe = { class: "bar-item tool-bars" }, qe = ["onClick"], Ye = { class: "weather-layers" }, Qe = {
   class: "layers-title",
   style: { display: "flex", "align-items": "center", "justify-content": "space-between" }
-}, St = { style: { "font-size": "12px" } }, kt = { class: "layers-body" }, zt = ["onClick"], Pt = /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1), Tt = { class: "other-layers" }, Et = /* @__PURE__ */ l("div", { class: "layers-title" }, "Other Layers", -1), It = { class: "layers-body" }, Rt = ["onClick"], Dt = /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1), At = { class: "source-layers" }, Mt = /* @__PURE__ */ l("span", { class: "layers-title" }, "Forecast Model", -1), $t = { class: "layers-body model-box" };
-function Bt(a, e, t, r, i, o) {
+}, Ke = { style: { "font-size": "12px" } }, et = { class: "layers-body" }, tt = ["onClick"], at = { class: "other-layers" }, it = { class: "layers-body" }, rt = ["onClick"], ot = { class: "source-layers" }, st = { class: "layers-body model-box" };
+function nt(a, e, t, r, i, o) {
   const n = z("ElScrollbar");
-  return L(), x("div", st, [
+  return x(), _("div", Ge, [
     l("div", {
       class: "menu-bar-box",
-      style: F({ top: t.top + 10 + "px", right: i.right + "px" })
+      style: $({ top: t.top + 10 + "px", right: i.right + "px" })
     }, [
-      l("div", nt, [
+      l("div", Je, [
         l("div", {
           class: M(i.showLayers ? "menu-icon active" : "menu-icon"),
           onClick: e[0] || (e[0] = (...s) => o.handleMenuToggle && o.handleMenuToggle(...s))
-        }, ct, 2)
+        }, e[8] || (e[8] = [
+          l("span", { class: "iconfont" }, "", -1)
+        ]), 2)
       ])
     ], 4),
     l("div", {
       class: "menu-bar-box",
-      style: F({ top: t.top + 160 + "px", right: i.right + "px" })
+      style: $({ top: t.top + 160 + "px", right: i.right + "px" })
     }, [
-      l("div", ht, [
+      l("div", Xe, [
         l("div", {
           class: M(i.showMeasure ? "menu-icon active" : "menu-icon"),
           onClick: e[1] || (e[1] = (...s) => o.handleMeasureToggle && o.handleMeasureToggle(...s))
-        }, pt, 2),
+        }, e[9] || (e[9] = [
+          l("span", { class: "iconfont" }, "", -1)
+        ]), 2),
         l("div", {
           class: M(i.showPoint ? "menu-icon active" : "menu-icon"),
           onClick: e[2] || (e[2] = (...s) => o.handlePointToggle && o.handlePointToggle(...s))
-        }, ut, 2),
+        }, e[10] || (e[10] = [
+          l("span", { class: "iconfont" }, "", -1)
+        ]), 2),
         l("div", {
           class: M(i.showCoord ? "menu-icon active" : "menu-icon"),
           onClick: e[3] || (e[3] = (...s) => o.handleCoordToggle && o.handleCoordToggle(...s))
-        }, ft, 2),
+        }, e[11] || (e[11] = [
+          l("span", { class: "iconfont" }, "", -1)
+        ]), 2),
         l("div", {
           class: M(i.show3d ? "menu-icon active" : "menu-icon"),
           onClick: e[4] || (e[4] = (...s) => o.handle3DToggle && o.handle3DToggle(...s))
-        }, bt, 2)
+        }, e[12] || (e[12] = [
+          l("span", { class: "iconfont" }, "", -1)
+        ]), 2)
       ])
     ], 4),
     l("div", {
       class: "active-layers",
-      style: F({ right: i.right + "px", bottom: "100px" })
+      style: $({ right: i.right + "px", bottom: "100px" })
     }, [
-      (L(!0), x(Re, null, De(i.weatherLayers, (s) => (L(), x("div", {
+      (x(!0), _(xe, null, _e(i.weatherLayers, (s) => (x(), _("div", {
         key: s.key,
         class: M(o.computeLayerClass(s, i.activeWeatherLayers)),
         onClick: (c) => o.handleActiveWeatherLayerPick(s)
       }, [
-        _t,
+        e[13] || (e[13] = l("div", { class: "checkbox" }, null, -1)),
         l("span", null, S(s.name), 1)
-      ], 10, vt))), 128))
+      ], 10, qe))), 128))
     ], 4),
     l("div", {
       class: "available-layers flex-center",
-      style: F({ top: t.top + "px", right: i.showLayers ? "0px" : "-240px" })
+      style: $({ top: t.top + "px", right: i.showLayers ? "0px" : "-240px" })
     }, [
       l("div", {
         class: "side-bar",
-        style: F({ right: i.showLayers ? "0px" : "-240px" }),
+        style: $({ right: i.showLayers ? "0px" : "-240px" }),
         onClick: e[5] || (e[5] = (...s) => o.handleMenuToggle && o.handleMenuToggle(...s))
-      }, Lt, 4),
+      }, e[14] || (e[14] = [
+        l("i", { class: "iconfont" }, "", -1)
+      ]), 4),
       l("div", {
         class: M(["list-box", i.showLayers ? "available-layers-show" : ""])
       }, [
         P(n, { style: { flex: "1" } }, {
-          default: at(() => [
-            l("div", xt, [
-              l("div", Ct, [
+          default: Ue(() => [
+            l("div", Ye, [
+              l("div", Qe, [
                 l("div", null, [
-                  Xe(" Weather Layers "),
-                  l("span", St, "(" + S(i.weatherLayers.length) + "/12)", 1)
+                  e[15] || (e[15] = Ne(" Weather Layers ")),
+                  l("span", Ke, "(" + S(i.weatherLayers.length) + "/12)", 1)
                 ])
               ]),
-              l("div", kt, [
-                (L(!0), x(Re, null, De(i.layers.weather, (s) => (L(), x(Re, {
+              l("div", et, [
+                (x(!0), _(xe, null, _e(i.layers.weather, (s) => (x(), _(xe, {
                   key: s.key
                 }, [
-                  s.hide ? $("", !0) : (L(), x("div", {
+                  s.hide ? B("", !0) : (x(), _("div", {
                     key: 0,
                     class: M(o.computeLayerClass(s, i.weatherLayers)),
                     onClick: (c) => o.handleWeatherLayerPick(s)
                   }, [
-                    Pt,
+                    e[16] || (e[16] = l("div", { class: "checkbox" }, null, -1)),
                     l("span", null, S(s.name), 1)
-                  ], 10, zt))
+                  ], 10, tt))
                 ], 64))), 128))
               ])
             ]),
-            l("div", Tt, [
-              Et,
-              l("div", It, [
-                (L(!0), x(Re, null, De(i.layers.other, (s) => (L(), x("div", {
+            l("div", at, [
+              e[18] || (e[18] = l("div", { class: "layers-title" }, "Other Layers", -1)),
+              l("div", it, [
+                (x(!0), _(xe, null, _e(i.layers.other, (s) => (x(), _("div", {
                   key: s.key,
                   class: M(o.computeLayerClass(s, i.otherLayers)),
                   onClick: (c) => o.handleOtherLayerPick(s)
                 }, [
-                  Dt,
+                  e[17] || (e[17] = l("div", { class: "checkbox" }, null, -1)),
                   l("span", null, S(s.name), 1)
-                ], 10, Rt))), 128))
+                ], 10, rt))), 128))
               ])
             ]),
-            l("div", At, [
-              Mt,
-              l("div", $t, [
+            l("div", ot, [
+              e[19] || (e[19] = l("span", { class: "layers-title" }, "Forecast Model", -1)),
+              l("div", st, [
                 l("span", {
                   class: M(i.source === "GFS" ? "text active" : "text"),
                   onClick: e[6] || (e[6] = (s) => o.handleSourceToggle("GFS"))
@@ -285,8 +285,8 @@ function Bt(a, e, t, r, i, o) {
     ], 4)
   ]);
 }
-const Nt = /* @__PURE__ */ T(ot, [["render", Bt]]);
-const Wt = {
+const lt = /* @__PURE__ */ T(He, [["render", nt]]);
+const ct = {
   name: "IdmWindBarb",
   props: {
     map: {
@@ -445,63 +445,63 @@ const Wt = {
       this.map.getSource(this.source) && this.map.removeSource(this.source), this.windBarbLoaded = !1;
     }
   }
-}, Ot = { key: 0 }, jt = {
+}, ht = { key: 0 }, dt = {
   key: 0,
   class: "iconfont active"
-}, Ft = {
+}, pt = {
   key: 1,
   class: "iconfont"
-}, Ut = {
+}, mt = {
   key: 0,
   class: "iconfont active"
-}, Vt = {
+}, ut = {
   key: 1,
   class: "iconfont"
 };
-function Zt(a, e, t, r, i, o) {
+function yt(a, e, t, r, i, o) {
   var n;
-  return (n = t.wind) != null && n.active ? (L(), x("div", Ot, [
+  return (n = t.wind) != null && n.active ? (x(), _("div", ht, [
     l("div", {
       class: "flex-center tool-bars",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
-      t.mapProjection === "mercator" ? (L(), x("div", {
+      t.mapProjection === "mercator" ? (x(), _("div", {
         key: 0,
         class: "flex-start",
         onClick: e[0] || (e[0] = (...s) => o.handleParticle && o.handleParticle(...s))
       }, [
-        t.showParticle ? (L(), x("i", jt, "")) : (L(), x("i", Ft, "")),
+        t.showParticle ? (x(), _("i", dt, "")) : (x(), _("i", pt, "")),
         l("span", {
           class: M(t.showParticle ? "active" : "")
         }, "Wind Particles", 2)
-      ])) : $("", !0),
-      t.showParticle ? (L(), x("div", {
+      ])) : B("", !0),
+      t.showParticle ? (x(), _("div", {
         key: 1,
         class: "flex-start",
         style: { "margin-left": "16px" },
         onClick: e[1] || (e[1] = (s) => i.showFeather = !i.showFeather)
       }, [
-        i.showFeather ? (L(), x("i", Ut, "")) : (L(), x("i", Vt, "")),
+        i.showFeather ? (x(), _("i", mt, "")) : (x(), _("i", ut, "")),
         l("span", {
           class: M(i.showFeather ? "active" : "")
         }, "Wind Feather", 2)
-      ])) : $("", !0)
+      ])) : B("", !0)
     ], 4)
-  ])) : $("", !0);
+  ])) : B("", !0);
 }
-const Ht = /* @__PURE__ */ T(Wt, [["render", Zt], ["__scopeId", "data-v-b6fb74d9"]]);
-class Oe {
+const ft = /* @__PURE__ */ T(ct, [["render", yt], ["__scopeId", "data-v-b6fb74d9"]]);
+class Te {
   constructor(e) {
-    R(this, "map");
-    R(this, "mercator");
-    R(this, "rampColorLayer");
-    R(this, "rampColorSource");
-    R(this, "particleLayer");
-    R(this, "particleSource");
-    R(this, "rampColorCanvas");
-    R(this, "particleCanvas");
-    R(this, "ratio");
-    this.map = e, this.mercator = new rt(), 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;
+    I(this, "map");
+    I(this, "mercator");
+    I(this, "rampColorLayer");
+    I(this, "rampColorSource");
+    I(this, "particleLayer");
+    I(this, "particleSource");
+    I(this, "rampColorCanvas");
+    I(this, "particleCanvas");
+    I(this, "ratio");
+    this.map = e, this.mercator = new Ze(), this.rampColorLayer = "ramp-color-layer", this.rampColorSource = "ramp-color-source", this.particleLayer = "particle-layer", this.particleSource = "particle-source", this.rampColorCanvas = document.createElement("canvas"), this.particleCanvas = document.createElement("canvas"), this.ratio = window.devicePixelRatio;
   }
   /**
    * 转换为[-180, 180]的经度，且包含转换次数
@@ -573,7 +573,7 @@ class Oe {
     t !== r && this.map.setLayoutProperty(this.particleLayer, "visibility", r);
   }
 }
-class we {
+class ye {
   /**
    * 创建着色器
    * @see https://webglfundamentals.org/webgl/lessons/zh_cn/webgl-shaders-and-glsl.html
@@ -714,8 +714,8 @@ class we {
         }
         const u = e.getBoundPixel(), y = e.map.getZoom() + 1, f = e.getWorldCopy(u, y);
         for (const m of f) {
-          const v = (m[0] - u[0]) * e.ratio, b = (m[1] - u[3]) * e.ratio, w = m[2] * e.ratio, [k, _, D, A] = [v, w + v, b, w + b], B = new Float32Array([k, D, _, D, k, A, k, A, _, D, _, A]);
-          t.bindBuffer(t.ARRAY_BUFFER, n), t.bufferData(t.ARRAY_BUFFER, B, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
+          const v = (m[0] - u[0]) * e.ratio, b = (m[1] - u[3]) * e.ratio, w = m[2] * e.ratio, [k, L, D, A] = [v, w + v, b, w + b], N = new Float32Array([k, D, L, D, k, A, k, A, L, D, L, A]);
+          t.bindBuffer(t.ARRAY_BUFFER, n), t.bufferData(t.ARRAY_BUFFER, N, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
       } catch (d) {
         console.log(`render failed...${d}`);
@@ -763,10 +763,10 @@ class we {
     });
   }
 }
-class N {
+class W {
 }
 // 顶点渲染
-R(N, "vertexSchema", `
+I(W, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -781,7 +781,7 @@ R(N, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-R(N, "uvFragmentSchema", `
+I(W, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -800,7 +800,7 @@ R(N, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-R(N, "fragmentSchema", `
+I(W, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -813,7 +813,7 @@ R(N, "fragmentSchema", `
     }`);
 class V {
 }
-R(V, "vertexSchema", `
+I(V, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -837,7 +837,7 @@ R(V, "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);
-    }`), R(V, "fragmentSchema", `
+    }`), I(V, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -859,7 +859,7 @@ R(V, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), R(V, "quadVertSchema", `
+    }`), I(V, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -869,7 +869,7 @@ R(V, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), R(V, "screenFragmentSchema", `
+    }`), I(V, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -881,7 +881,7 @@ R(V, "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);
-    }`), R(V, "updateFragmentSchema", `
+    }`), I(V, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -960,14 +960,14 @@ R(V, "vertexSchema", `
         fract(pos * 255.0),
         floor(pos * 255.0) / 255.0);
     }`);
-class Gt {
+class gt {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
-    R(this, "token");
-    R(this, "mapboxCustomer");
-    R(this, "i4");
-    R(this, "hi");
-    R(this, "td");
-    R(this, "windy");
+    I(this, "token");
+    I(this, "mapboxCustomer");
+    I(this, "i4");
+    I(this, "hi");
+    I(this, "td");
+    I(this, "windy");
     this.token = e, this.mapboxCustomer = {
       source: this.initialOnlineStyle().sources.composite,
       layers: {
@@ -2564,14 +2564,14 @@ class Gt {
     };
   }
 }
-const Jt = {
+const bt = {
   name: "IdmWindParticle",
   props: {
     factor: {
       type: Object
     },
     viewport: {
-      type: Oe
+      type: Te
     },
     bottom: {
       type: String,
@@ -2588,7 +2588,7 @@ const Jt = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new we(),
+      webgl: new ye(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -2678,7 +2678,7 @@ const Jt = {
           [1, "rgb(91, 136, 161)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -2726,27 +2726,27 @@ const Jt = {
       });
     }
   }
-}, le = (a) => (H("data-v-41a686d0"), a = a(), G(), a), Xt = { key: 0 }, qt = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "kts", -1)), Yt = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "0", -1)), Qt = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "5", -1)), Kt = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "10", -1)), ea = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "20", -1)), ta = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "30", -1)), aa = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "40", -1)), ia = /* @__PURE__ */ le(() => /* @__PURE__ */ l("span", null, "60", -1)), ra = [
-  qt,
-  Yt,
-  Qt,
-  Kt,
-  ea,
-  ta,
-  aa,
-  ia
-];
-function oa(a, e, t, r, i, o) {
+}, vt = { key: 0 };
+function Lt(a, e, t, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", Xt, [
+  return (n = t.factor) != null && n.active ? (x(), _("div", vt, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, ra, 4)
-  ])) : $("", !0);
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+    }, e[0] || (e[0] = [
+      l("span", null, "kts", -1),
+      l("span", null, "0", -1),
+      l("span", null, "5", -1),
+      l("span", null, "10", -1),
+      l("span", null, "20", -1),
+      l("span", null, "30", -1),
+      l("span", null, "40", -1),
+      l("span", null, "60", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const sa = /* @__PURE__ */ T(Jt, [["render", oa], ["__scopeId", "data-v-41a686d0"]]);
-const na = {
+const wt = /* @__PURE__ */ T(bt, [["render", Lt], ["__scopeId", "data-v-41a686d0"]]);
+const xt = {
   name: "IdmCurrent",
   props: {
     map: {
@@ -2906,59 +2906,59 @@ const na = {
       this.map.getLayer(this.speedLayer) && this.map.removeLayer(this.speedLayer), this.map.getLayer(this.speedLabelLayer) && this.map.removeLayer(this.speedLabelLayer), this.map.getLayer(this.directionLayer) && this.map.removeLayer(this.directionLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, la = { key: 0 }, ca = {
+}, _t = { key: 0 }, Ct = {
   key: 0,
   class: "iconfont active"
-}, ha = {
+}, St = {
   key: 1,
   class: "iconfont"
-}, da = {
+}, kt = {
   key: 0,
   class: "iconfont active"
-}, pa = {
+}, zt = {
   key: 1,
   class: "iconfont"
 };
-function ma(a, e, t, r, i, o) {
+function Pt(a, e, t, r, i, o) {
   var n;
-  return (n = t.current) != null && n.active ? (L(), x("div", la, [
+  return (n = t.current) != null && n.active ? (x(), _("div", _t, [
     l("div", {
       class: "flex-center tool-bars",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
-      t.mapProjection === "mercator" ? (L(), x("div", {
+      t.mapProjection === "mercator" ? (x(), _("div", {
         key: 0,
         class: "flex-start",
         onClick: e[0] || (e[0] = (...s) => o.handleParticle && o.handleParticle(...s))
       }, [
-        t.showParticle ? (L(), x("i", ca, "")) : (L(), x("i", ha, "")),
+        t.showParticle ? (x(), _("i", Ct, "")) : (x(), _("i", St, "")),
         l("span", {
           class: M(t.showParticle ? "active" : "")
         }, "Current Particles", 2)
-      ])) : $("", !0),
-      t.showParticle ? (L(), x("div", {
+      ])) : B("", !0),
+      t.showParticle ? (x(), _("div", {
         key: 1,
         class: "flex-start",
         style: { "margin-left": "16px" },
         onClick: e[1] || (e[1] = (s) => i.showJson = !i.showJson)
       }, [
-        i.showJson ? (L(), x("i", da, "")) : (L(), x("i", pa, "")),
+        i.showJson ? (x(), _("i", kt, "")) : (x(), _("i", zt, "")),
         l("span", {
           class: M(i.showJson ? "active" : "")
         }, "Current", 2)
-      ])) : $("", !0)
+      ])) : B("", !0)
     ], 4)
-  ])) : $("", !0);
+  ])) : B("", !0);
 }
-const ua = /* @__PURE__ */ T(na, [["render", ma], ["__scopeId", "data-v-ae630f43"]]);
-const ya = {
+const Tt = /* @__PURE__ */ T(xt, [["render", Pt], ["__scopeId", "data-v-ae630f43"]]);
+const Et = {
   name: "IdmCurrentParticle",
   props: {
     factor: {
       type: Object
     },
     viewport: {
-      type: Oe
+      type: Te
     },
     bottom: {
       type: String,
@@ -2975,7 +2975,7 @@ const ya = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new we(),
+      webgl: new ye(),
       etime: void 0,
       wrapper: void 0,
       animation: void 0,
@@ -3056,7 +3056,7 @@ const ya = {
           [1, "rgb(195,194,194)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -3108,25 +3108,25 @@ const ya = {
       });
     }
   }
-}, Le = (a) => (H("data-v-9115889b"), a = a(), G(), a), fa = { key: 0 }, ga = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "kts", -1)), ba = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0", -1)), va = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0.4", -1)), _a = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "0.8", -1)), wa = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "1.6", -1)), La = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "2", -1)), xa = /* @__PURE__ */ Le(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ca = [
-  ga,
-  ba,
-  va,
-  _a,
-  wa,
-  La,
-  xa
-];
-function Sa(a, e, t, r, i, o) {
+}, Rt = { key: 0 };
+function It(a, e, t, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", fa, [
+  return (n = t.factor) != null && n.active ? (x(), _("div", Rt, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, Ca, 4)
-  ])) : $("", !0);
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+    }, e[0] || (e[0] = [
+      l("span", null, "kts", -1),
+      l("span", null, "0", -1),
+      l("span", null, "0.4", -1),
+      l("span", null, "0.8", -1),
+      l("span", null, "1.6", -1),
+      l("span", null, "2", -1),
+      l("span", null, "3.2", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const ka = /* @__PURE__ */ T(ya, [["render", Sa], ["__scopeId", "data-v-9115889b"]]), za = {
+const Dt = /* @__PURE__ */ T(Et, [["render", It], ["__scopeId", "data-v-9115889b"]]), At = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3237,10 +3237,10 @@ const ka = /* @__PURE__ */ T(ya, [["render", Sa], ["__scopeId", "data-v-9115889b
     }
   }
 };
-function Pa(a, e, t, r, i, o) {
-  return L(), x("div");
+function Mt(a, e, t, r, i, o) {
+  return x(), _("div");
 }
-const Ta = /* @__PURE__ */ T(za, [["render", Pa]]), Ea = {
+const Bt = /* @__PURE__ */ T(At, [["render", Mt]]), Nt = {
   name: "IdmSwell",
   props: {
     map: {
@@ -3378,10 +3378,10 @@ const Ta = /* @__PURE__ */ T(za, [["render", Pa]]), Ea = {
     }
   }
 };
-function Ia(a, e, t, r, i, o) {
-  return L(), x("div");
+function Wt(a, e, t, r, i, o) {
+  return x(), _("div");
 }
-const Ra = /* @__PURE__ */ T(Ea, [["render", Ia]]), Da = {
+const Ot = /* @__PURE__ */ T(Nt, [["render", Wt]]), jt = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -3506,10 +3506,10 @@ const Ra = /* @__PURE__ */ T(Ea, [["render", Ia]]), Da = {
     }
   }
 };
-function Aa(a, e, t, r, i, o) {
-  return L(), x("div");
+function Ft(a, e, t, r, i, o) {
+  return x(), _("div");
 }
-const Ma = /* @__PURE__ */ T(Da, [["render", Aa]]), $a = {
+const $t = /* @__PURE__ */ T(jt, [["render", Ft]]), Ut = {
   name: "IdmIceberg",
   props: {
     map: {
@@ -3566,11 +3566,11 @@ const Ma = /* @__PURE__ */ T(Da, [["render", Aa]]), $a = {
     }
   }
 };
-function Ba(a, e, t, r, i, o) {
-  return L(), x("div");
+function Vt(a, e, t, r, i, o) {
+  return x(), _("div");
 }
-const Na = /* @__PURE__ */ T($a, [["render", Ba]]);
-const Wa = {
+const Zt = /* @__PURE__ */ T(Ut, [["render", Vt]]);
+const Ht = {
   name: "IdmTropicals",
   props: {
     map: {
@@ -3590,7 +3590,7 @@ const Wa = {
   emits: ["tropical", "tropicalProbability"],
   data() {
     return {
-      helper: Ae,
+      helper: Ce,
       source: "tropicals-source",
       clusterSource: "tropicals-cluster-source",
       historyLayer: "tropicals-history-layer",
@@ -3940,7 +3940,7 @@ const Wa = {
           }), y = (/* @__PURE__ */ new Date()).valueOf() - (g + u), console.log("[tropical] add elapsed: ", y, ", total: ", u += y));
         }
         this.handleDrawCircle();
-        const d = qe.interpolate(this.tropicals, 1);
+        const d = We.interpolate(this.tropicals, 1);
         this.interpolateData = JSON.parse(JSON.stringify(d));
         const p = this.interpolateData.filter((g) => g.properties.name === "kristy" && g.properties.model === "ecmwf");
         console.log(p), this.handleDateChange();
@@ -3951,14 +3951,14 @@ const Wa = {
       this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (a = this.interpolateMarkers) == null || a.forEach((e) => e == null ? void 0 : e.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource));
     },
     handleDateChange() {
-      var a, e, t, r, i, o, n, s, c, h, d, p, g, u, y, f, m, v, b, w, k, _, D, A, B, W, O, J, de, pe, me, ue, ye, fe, ge, ae;
-      if ((a = this.interpolateMarkers) == null || a.forEach((X) => X == null ? void 0 : X.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const X = Z(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), Y = this.interpolateData.filter((E) => E.properties.date === X.format() && !E.properties.disabled), be = this.handleComputePolygons(Y), Q = C.featureCollection([...Y]);
-        be.forEach((E) => {
-          Q.features.push(E);
-        }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(Q) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
+      var a, e, t, r, i, o, n, s, c, h, d, p, g, u, y, f, m, v, b, w, k, L, D, A, N, O, j, H, oe, se, ne, le, ce, he, de, ee;
+      if ((a = this.interpolateMarkers) == null || a.forEach((G) => G == null ? void 0 : G.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
+        const G = Z(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), J = this.interpolateData.filter((E) => E.properties.date === G.format() && !E.properties.disabled), pe = this.handleComputePolygons(J), X = C.featureCollection([...J]);
+        pe.forEach((E) => {
+          X.features.push(E);
+        }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(X) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
           type: "geojson",
-          data: Q
+          data: X
         }), (o = this.map) == null || o.addLayer({
           id: this.interpolateLineLayer,
           type: "line",
@@ -3970,11 +3970,11 @@ const Wa = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const E of Y)
+        for (const E of J)
           if (!E.properties.disabled) {
             let U = "#f44336";
-            ((s = (n = E.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 || !((h = (c = E.properties) == null ? void 0 : c.wind) != null && h.spd) ? U = "#03f869" : ((p = (d = E.properties) == null ? void 0 : d.wind) == null ? void 0 : p.spd) >= 17.2 && ((u = (g = E.properties) == null ? void 0 : g.wind) == null ? void 0 : u.spd) < 24.5 ? U = "#f2f202" : ((f = (y = E.properties) == null ? void 0 : y.wind) == null ? void 0 : f.spd) >= 24.5 && ((v = (m = E.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? U = "#ff9100" : ((w = (b = E.properties) == null ? void 0 : b.wind) == null ? void 0 : w.spd) >= 32.7 && ((_ = (k = E.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) < 41.5 ? U = "#f44336" : ((A = (D = E.properties) == null ? void 0 : D.wind) == null ? void 0 : A.spd) >= 41.5 && ((W = (B = E.properties) == null ? void 0 : B.wind) == null ? void 0 : W.spd) < 51 ? U = "#f903d0" : ((J = (O = E.properties) == null ? void 0 : O.wind) == null ? void 0 : J.spd) >= 51 ? U = "#8702f9" : U = "#f44336";
-            const ve = `<svg t="1719918955501"
+            ((s = (n = E.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 || !((h = (c = E.properties) == null ? void 0 : c.wind) != null && h.spd) ? U = "#03f869" : ((p = (d = E.properties) == null ? void 0 : d.wind) == null ? void 0 : p.spd) >= 17.2 && ((u = (g = E.properties) == null ? void 0 : g.wind) == null ? void 0 : u.spd) < 24.5 ? U = "#f2f202" : ((f = (y = E.properties) == null ? void 0 : y.wind) == null ? void 0 : f.spd) >= 24.5 && ((v = (m = E.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? U = "#ff9100" : ((w = (b = E.properties) == null ? void 0 : b.wind) == null ? void 0 : w.spd) >= 32.7 && ((L = (k = E.properties) == null ? void 0 : k.wind) == null ? void 0 : L.spd) < 41.5 ? U = "#f44336" : ((A = (D = E.properties) == null ? void 0 : D.wind) == null ? void 0 : A.spd) >= 41.5 && ((O = (N = E.properties) == null ? void 0 : N.wind) == null ? void 0 : O.spd) < 51 ? U = "#f903d0" : ((H = (j = E.properties) == null ? void 0 : j.wind) == null ? void 0 : H.spd) >= 51 ? U = "#8702f9" : U = "#f44336";
+            const me = `<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
@@ -3988,23 +3988,23 @@ const Wa = {
                           	<path
                           		d="M420.66666667 959.17a16.08 16.08 0 0 1-15.91-13.49A15.89 15.89 0 0 1 415.50666667 928c1.49-0.55 38.88-14.76 72.79-65.52A354.55 354.55 0 0 1 162.66666667 509.17a450.14 450.14 0 0 1 450.5-450.5 16.07 16.07 0 0 1 15.91 13.48 15.88 15.88 0 0 1-10.75 17.66c-1.58 0.58-39.13 14.9-73.07 65.95A354.22 354.22 0 0 1 871.66666667 509.17a16 16 0 0 1-0.52 4.05A450.14 450.14 0 0 1 420.66666667 959.17zM554.80666667 94.72C351.57666667 123.2 194.66666667 298.21 194.66666667 509.17c0 177.08 144.06 321.74 321.13 322.48a16 16 0 0 1 14.07 23.49c-16.11 30.42-34.27 52.37-50.85 68C682.25666667 894.63 839.16666667 719.63 839.16666667 508.67a15.94 15.94 0 0 1 0.47-3.86C837.30666667 329.33 693.82666667 187 517.80666667 186.67A16 16 0 0 1 503.66666667 163.21c16.21-30.69 34.47-52.79 51.14-68.49z"
                           		fill="#ffffff" p-id="18386"></path>
-                          </svg>`, K = document.createElement("div");
-            K.className = "hurricane-hourly-marker", K.innerHTML = `<div class="${E.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ve}</div>`;
-            const _e = new ne.Marker(K).setLngLat(E.geometry.coordinates).addTo(this.map);
-            if (this.interpolateMarkers.push(_e), (de = E.properties) != null && de.showCircle) {
-              const ie = { radius: 100, coordinates: E.geometry.coordinates }, re = { radius: 200, coordinates: E.geometry.coordinates }, oe = { radius: 500, coordinates: E.geometry.coordinates };
-              (pe = this.circleSourceData) == null || pe.features.push(
+                          </svg>`, q = document.createElement("div");
+            q.className = "hurricane-hourly-marker", q.innerHTML = `<div class="${E.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${me}</div>`;
+            const ue = new K.Marker(q).setLngLat(E.geometry.coordinates).addTo(this.map);
+            if (this.interpolateMarkers.push(ue), (oe = E.properties) != null && oe.showCircle) {
+              const te = { radius: 100, coordinates: E.geometry.coordinates }, ae = { radius: 200, coordinates: E.geometry.coordinates }, ie = { radius: 500, coordinates: E.geometry.coordinates };
+              (se = this.circleSourceData) == null || se.features.push(
+                C.circle(te.coordinates, te.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+              ), (ne = this.circleSourceData) == null || ne.features.push(
+                C.circle(ae.coordinates, ae.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
+              ), (le = this.circleSourceData) == null || le.features.push(
                 C.circle(ie.coordinates, ie.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
-              ), (me = this.circleSourceData) == null || me.features.push(
-                C.circle(re.coordinates, re.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
-              ), (ue = this.circleSourceData) == null || ue.features.push(
-                C.circle(oe.coordinates, oe.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               );
             }
-            (fe = (ye = this.map) == null ? void 0 : ye.getSource(this.circleSource)) == null || fe.setData(this.circleSourceData);
+            (he = (ce = this.map) == null ? void 0 : ce.getSource(this.circleSource)) == null || he.setData(this.circleSourceData);
           }
       } else
-        (ge = this.map) != null && ge.getSource(this.interpolateSource) && ((ae = this.map) == null || ae.getSource(this.interpolateSource).setData(this.empty));
+        (de = this.map) != null && de.getSource(this.interpolateSource) && ((ee = this.map) == null || ee.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(a) {
       var o, n, s, c, h, d, p, g;
@@ -4031,7 +4031,7 @@ const Wa = {
         showCircle: (g = (p = t[0]) == null ? void 0 : p.properties) == null ? void 0 : g.showCircle
       }, this.showTropicals = !0;
       const i = document.getElementById("active-tropical");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new ne.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new K.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(a) {
       var r, i, o, n, s, c;
@@ -4116,86 +4116,86 @@ const Wa = {
       return C.lineToPolygon(i, { properties: t });
     }
   }
-}, je = (a) => (H("data-v-b521de47"), a = a(), G(), a), Oa = {
+}, Gt = {
   id: "active-tropical",
   class: "active-tropical"
-}, ja = { class: "header-box" }, Fa = { class: "main" }, Ua = { key: 0 }, Va = { class: "sub" }, Za = {
+}, Jt = { class: "header-box" }, Xt = { class: "main" }, qt = { key: 0 }, Yt = { class: "sub" }, Qt = {
   id: "meteoBox",
   class: "main-box"
-}, Ha = { class: "content" }, Ga = { class: "row" }, Ja = {
+}, Kt = { class: "content" }, ea = { class: "row" }, ta = {
   class: "col col-left",
   style: { "justify-content": "flex-start" }
-}, Xa = /* @__PURE__ */ je(() => /* @__PURE__ */ l("label", null, "Wind speed : ", -1)), qa = {
+}, aa = {
   class: "col col-right",
   style: { "justify-content": "flex-start" }
-}, Ya = /* @__PURE__ */ je(() => /* @__PURE__ */ l("label", null, "Pressure : ", -1)), Qa = { class: "row" }, Ka = {
+}, ia = { class: "row" }, ra = {
   class: "col col-24",
   style: { "justify-content": "flex-start" }
-}, ei = /* @__PURE__ */ je(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), ti = { class: "forecast-models" }, ai = ["onClick"], ii = /* @__PURE__ */ it('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-b521de47></div><div class="row" style="padding:2px 10px;" data-v-b521de47><div class="legend" data-v-b521de47><div class="icon td" data-v-b521de47></div><div class="label" data-v-b521de47>TD</div></div><div class="legend" data-v-b521de47><div class="icon ts" data-v-b521de47></div><div class="label" data-v-b521de47>TS</div></div><div class="legend" data-v-b521de47><div class="icon sts" data-v-b521de47></div><div class="label" data-v-b521de47>STS</div></div><div class="legend" data-v-b521de47><div class="icon ty" data-v-b521de47></div><div class="label" data-v-b521de47>TY</div></div><div class="legend" data-v-b521de47><div class="icon sty" data-v-b521de47></div><div class="label" data-v-b521de47>STY</div></div><div class="legend" data-v-b521de47><div class="icon supper-ty" data-v-b521de47></div><div class="label" data-v-b521de47>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-b521de47><div class="legend" data-v-b521de47><div class="icon history" data-v-b521de47></div><div class="label" data-v-b521de47>History</div></div><div class="legend" data-v-b521de47><div class="icon r7" data-v-b521de47></div><div class="label" data-v-b521de47>35kts Radii</div></div><div class="legend" data-v-b521de47><div class="icon r10" data-v-b521de47></div><div class="label" data-v-b521de47>50kts Radii</div></div></div>', 3), ri = { class: "more" };
-function oi(a, e, t, r, i, o) {
+}, oa = { class: "forecast-models" }, sa = ["onClick"], na = { class: "more" };
+function la(a, e, t, r, i, o) {
   var n, s, c, h, d, p, g, u, y, f, m, v, b, w, k;
-  return Me((L(), x("div", Oa, [
-    l("div", ja, [
+  return Se((x(), _("div", Gt, [
+    l("div", Jt, [
       l("div", {
         class: "iconfont close-btn",
-        onClick: e[0] || (e[0] = (_) => i.showTropicals = !1)
+        onClick: e[0] || (e[0] = (L) => i.showTropicals = !1)
       }, ""),
-      l("div", Fa, [
-        (s = (n = i.activeTropicals) == null ? void 0 : n.history) != null && s.level ? (L(), x("span", Ua, S((h = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : h.level) + " , ", 1)) : $("", !0),
-        Xe(S((d = i.activeTropicals) == null ? void 0 : d.name), 1)
+      l("div", Xt, [
+        (s = (n = i.activeTropicals) == null ? void 0 : n.history) != null && s.level ? (x(), _("span", qt, S((h = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : h.level) + " , ", 1)) : B("", !0),
+        Ne(S((d = i.activeTropicals) == null ? void 0 : d.name), 1)
       ]),
-      l("div", Va, " Last update: " + S(o.computeTime(((g = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : g.updated) || ((f = (y = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : y.filter((_) => !_.disabled)[0]) == null ? void 0 : f.date))), 1)
+      l("div", Yt, " Last update: " + S(o.computeTime(((g = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : g.updated) || ((f = (y = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : y.filter((L) => !L.disabled)[0]) == null ? void 0 : f.date))), 1)
     ]),
-    l("div", Za, [
-      l("div", Ha, [
-        l("div", Ga, [
-          l("div", Ja, [
-            Xa,
+    l("div", Qt, [
+      l("div", Kt, [
+        l("div", ea, [
+          l("div", ta, [
+            e[2] || (e[2] = l("label", null, "Wind speed : ", -1)),
             l("span", null, S(((v = (m = i.activeTropicals) == null ? void 0 : m.history) == null ? void 0 : v.kts) || "-") + "[kts]", 1)
           ]),
-          l("div", qa, [
-            Ya,
+          l("div", aa, [
+            e[3] || (e[3] = l("label", null, "Pressure : ", -1)),
             l("span", null, S(((w = (b = i.activeTropicals) == null ? void 0 : b.history) == null ? void 0 : w.pressure) || "-") + "[hPa]", 1)
           ])
         ]),
-        l("div", Qa, [
-          l("div", Ka, [
-            ei,
-            l("div", ti, [
-              (L(!0), x(Re, null, De((k = i.activeTropicals) == null ? void 0 : k.forecasts, (_, D) => {
-                var A, B, W, O;
-                return L(), x("div", {
+        l("div", ia, [
+          l("div", ra, [
+            e[4] || (e[4] = l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
+            l("div", oa, [
+              (x(!0), _(xe, null, _e((k = i.activeTropicals) == null ? void 0 : k.forecasts, (L, D) => {
+                var A, N, O, j;
+                return x(), _("div", {
                   key: D,
                   class: M([
                     "model",
-                    _.disabled ? "" : "active",
-                    D > 0 && D < ((B = (A = i.activeTropicals) == null ? void 0 : A.forecasts) == null ? void 0 : B.length) - 1 && ((O = (W = i.activeTropicals) == null ? void 0 : W.forecasts) == null ? void 0 : O.length) > 2 ? "center-child" : ""
+                    L.disabled ? "" : "active",
+                    D > 0 && D < ((N = (A = i.activeTropicals) == null ? void 0 : A.forecasts) == null ? void 0 : N.length) - 1 && ((j = (O = i.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : j.length) > 2 ? "center-child" : ""
                   ]),
-                  onClick: (J) => o.handleForecastToggle(_)
+                  onClick: (H) => o.handleForecastToggle(L)
                 }, [
                   l("span", {
-                    class: M(_.model)
-                  }, S(_.model), 3)
-                ], 10, ai);
+                    class: M(L.model)
+                  }, S(L.model), 3)
+                ], 10, sa);
               }), 128))
             ])
           ])
         ]),
-        ii
+        e[5] || (e[5] = Ve('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-b521de47></div><div class="row" style="padding:2px 10px;" data-v-b521de47><div class="legend" data-v-b521de47><div class="icon td" data-v-b521de47></div><div class="label" data-v-b521de47>TD</div></div><div class="legend" data-v-b521de47><div class="icon ts" data-v-b521de47></div><div class="label" data-v-b521de47>TS</div></div><div class="legend" data-v-b521de47><div class="icon sts" data-v-b521de47></div><div class="label" data-v-b521de47>STS</div></div><div class="legend" data-v-b521de47><div class="icon ty" data-v-b521de47></div><div class="label" data-v-b521de47>TY</div></div><div class="legend" data-v-b521de47><div class="icon sty" data-v-b521de47></div><div class="label" data-v-b521de47>STY</div></div><div class="legend" data-v-b521de47><div class="icon supper-ty" data-v-b521de47></div><div class="label" data-v-b521de47>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-b521de47><div class="legend" data-v-b521de47><div class="icon history" data-v-b521de47></div><div class="label" data-v-b521de47>History</div></div><div class="legend" data-v-b521de47><div class="icon r7" data-v-b521de47></div><div class="label" data-v-b521de47>35kts Radii</div></div><div class="legend" data-v-b521de47><div class="icon r10" data-v-b521de47></div><div class="label" data-v-b521de47>50kts Radii</div></div></div>', 3))
       ]),
-      l("div", ri, [
+      l("div", na, [
         l("div", {
           class: "button",
-          onClick: e[1] || (e[1] = (_) => o.handleStrikeProbability(i.activeTropicals))
+          onClick: e[1] || (e[1] = (L) => o.handleStrikeProbability(i.activeTropicals))
         }, "Strike Probability >>")
       ])
     ])
   ], 512)), [
-    [$e, i.showTropicals && !a.$attrs.hideTropicalsLegend]
+    [ke, i.showTropicals && !a.$attrs.hideTropicalsLegend]
   ]);
 }
-const Ye = /* @__PURE__ */ T(Wa, [["render", oi], ["__scopeId", "data-v-b521de47"]]);
-const si = {
+const Oe = /* @__PURE__ */ T(Ht, [["render", la], ["__scopeId", "data-v-b521de47"]]);
+const ca = {
   name: "IdmPrecip3h",
   props: {
     factor: {
@@ -4223,7 +4223,7 @@ const si = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new we(),
+      webgl: new ye(),
       etime: void 0,
       right: 10
     };
@@ -4283,7 +4283,7 @@ const si = {
           [1, "rgba(197,5,58,0.8)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4296,27 +4296,27 @@ const si = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ce = (a) => (H("data-v-dec867b8"), a = a(), G(), a), ni = { key: 0 }, li = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "mm", -1)), ci = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "1.5", -1)), hi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "2", -1)), di = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "3", -1)), pi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "7", -1)), mi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "10", -1)), ui = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "20", -1)), yi = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "30", -1)), fi = [
-  li,
-  ci,
-  hi,
-  di,
-  pi,
-  mi,
-  ui,
-  yi
-];
-function gi(a, e, t, r, i, o) {
+}, ha = { key: 0 };
+function da(a, e, t, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", ni, [
+  return (n = t.factor) != null && n.active ? (x(), _("div", ha, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, fi, 4)
-  ])) : $("", !0);
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+    }, e[0] || (e[0] = [
+      l("span", null, "mm", -1),
+      l("span", null, "1.5", -1),
+      l("span", null, "2", -1),
+      l("span", null, "3", -1),
+      l("span", null, "7", -1),
+      l("span", null, "10", -1),
+      l("span", null, "20", -1),
+      l("span", null, "30", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const bi = /* @__PURE__ */ T(si, [["render", gi], ["__scopeId", "data-v-dec867b8"]]);
-const vi = {
+const pa = /* @__PURE__ */ T(ca, [["render", da], ["__scopeId", "data-v-dec867b8"]]);
+const ma = {
   name: "IdmVisibility",
   props: {
     factor: {
@@ -4344,7 +4344,7 @@ const vi = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new we(),
+      webgl: new ye(),
       etime: void 0
     };
   },
@@ -4397,7 +4397,7 @@ const vi = {
           [1, "rgba(144,144,144,0)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4410,25 +4410,25 @@ const vi = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, xe = (a) => (H("data-v-952dee5c"), a = a(), G(), a), _i = { key: 0 }, wi = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "nm", -1)), Li = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "0", -1)), xi = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Ci = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "1.5", -1)), Si = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "3", -1)), ki = /* @__PURE__ */ xe(() => /* @__PURE__ */ l("span", null, "9", -1)), zi = [
-  wi,
-  Li,
-  xi,
-  Ci,
-  Si,
-  ki
-];
-function Pi(a, e, t, r, i, o) {
+}, ua = { key: 0 };
+function ya(a, e, t, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", _i, [
+  return (n = t.factor) != null && n.active ? (x(), _("div", ua, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
-    }, zi, 4)
-  ])) : $("", !0);
+      style: $([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
+    }, e[0] || (e[0] = [
+      l("span", null, "nm", -1),
+      l("span", null, "0", -1),
+      l("span", null, "0.5", -1),
+      l("span", null, "1.5", -1),
+      l("span", null, "3", -1),
+      l("span", null, "9", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const Ti = /* @__PURE__ */ T(vi, [["render", Pi], ["__scopeId", "data-v-952dee5c"]]);
-const Ei = {
+const fa = /* @__PURE__ */ T(ma, [["render", ya], ["__scopeId", "data-v-952dee5c"]]);
+const ga = {
   name: "IdmWaterTemp",
   props: {
     factor: {
@@ -4456,7 +4456,7 @@ const Ei = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new we(),
+      webgl: new ye(),
       etime: void 0,
       right: 10
     };
@@ -4517,7 +4517,7 @@ const Ei = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4530,25 +4530,25 @@ const Ei = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Ce = (a) => (H("data-v-67e5094b"), a = a(), G(), a), Ii = { key: 0 }, Ri = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "°C", -1)), Di = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "0", -1)), Ai = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "10", -1)), Mi = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "20", -1)), $i = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "30", -1)), Bi = /* @__PURE__ */ Ce(() => /* @__PURE__ */ l("span", null, "40", -1)), Ni = [
-  Ri,
-  Di,
-  Ai,
-  Mi,
-  $i,
-  Bi
-];
-function Wi(a, e, t, r, i, o) {
+}, ba = { key: 0 };
+function va(a, e, t, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", Ii, [
+  return (n = t.factor) != null && n.active ? (x(), _("div", ba, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, Ni, 4)
-  ])) : $("", !0);
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+    }, e[0] || (e[0] = [
+      l("span", null, "°C", -1),
+      l("span", null, "0", -1),
+      l("span", null, "10", -1),
+      l("span", null, "20", -1),
+      l("span", null, "30", -1),
+      l("span", null, "40", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const Oi = /* @__PURE__ */ T(Ei, [["render", Wi], ["__scopeId", "data-v-67e5094b"]]);
-const ji = {
+const La = /* @__PURE__ */ T(ga, [["render", va], ["__scopeId", "data-v-67e5094b"]]);
+const wa = {
   name: "IdmTemp",
   props: {
     factor: {
@@ -4576,7 +4576,7 @@ const ji = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new we(),
+      webgl: new ye(),
       etime: void 0,
       right: 10
     };
@@ -4640,7 +4640,7 @@ const ji = {
           [1, "rgb(138, 43, 10)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4653,27 +4653,27 @@ const ji = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, he = (a) => (H("data-v-389ea886"), a = a(), G(), a), Fi = { key: 0 }, Ui = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "°C", -1)), Vi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "-20", -1)), Zi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "-10", -1)), Hi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0", -1)), Gi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "10", -1)), Ji = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "20", -1)), Xi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "30", -1)), qi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "40", -1)), Yi = [
-  Ui,
-  Vi,
-  Zi,
-  Hi,
-  Gi,
-  Ji,
-  Xi,
-  qi
-];
-function Qi(a, e, t, r, i, o) {
+}, xa = { key: 0 };
+function _a(a, e, t, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", Fi, [
+  return (n = t.factor) != null && n.active ? (x(), _("div", xa, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, Yi, 4)
-  ])) : $("", !0);
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+    }, e[0] || (e[0] = [
+      l("span", null, "°C", -1),
+      l("span", null, "-20", -1),
+      l("span", null, "-10", -1),
+      l("span", null, "0", -1),
+      l("span", null, "10", -1),
+      l("span", null, "20", -1),
+      l("span", null, "30", -1),
+      l("span", null, "40", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const Ki = /* @__PURE__ */ T(ji, [["render", Qi], ["__scopeId", "data-v-389ea886"]]);
-const er = {
+const Ca = /* @__PURE__ */ T(wa, [["render", _a], ["__scopeId", "data-v-389ea886"]]);
+const Sa = {
   name: "IdmArctic",
   props: {
     factor: {
@@ -4701,7 +4701,7 @@ const er = {
       texture: void 0,
       rampColor: void 0,
       aPositionBuffer: void 0,
-      webgl: new we(),
+      webgl: new ye(),
       etime: void 0,
       right: 10
     };
@@ -4756,7 +4756,7 @@ const er = {
           // 2m
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, W.vertexSchema, W.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4769,25 +4769,25 @@ const er = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Se = (a) => (H("data-v-db805141"), a = a(), G(), a), tr = { key: 0 }, ar = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "m", -1)), ir = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "0", -1)), rr = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "0.5", -1)), or = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "1", -1)), sr = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "1.5", -1)), nr = /* @__PURE__ */ Se(() => /* @__PURE__ */ l("span", null, "2", -1)), lr = [
-  ar,
-  ir,
-  rr,
-  or,
-  sr,
-  nr
-];
-function cr(a, e, t, r, i, o) {
+}, ka = { key: 0 };
+function za(a, e, t, r, i, o) {
   var n;
-  return (n = t.factor) != null && n.active ? (L(), x("div", tr, [
+  return (n = t.factor) != null && n.active ? (x(), _("div", ka, [
     l("div", {
       class: "legend-bars flex-center",
-      style: F([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
-    }, lr, 4)
-  ])) : $("", !0);
+      style: $([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+    }, e[0] || (e[0] = [
+      l("span", null, "m", -1),
+      l("span", null, "0", -1),
+      l("span", null, "0.5", -1),
+      l("span", null, "1", -1),
+      l("span", null, "1.5", -1),
+      l("span", null, "2", -1)
+    ]), 4)
+  ])) : B("", !0);
 }
-const hr = /* @__PURE__ */ T(er, [["render", cr], ["__scopeId", "data-v-db805141"]]);
-const dr = {
+const Pa = /* @__PURE__ */ T(Sa, [["render", za], ["__scopeId", "data-v-db805141"]]);
+const Ta = {
   name: "IdmPoint",
   emits: ["point", "more"],
   props: {
@@ -4809,7 +4809,7 @@ const dr = {
     return {
       showMeteo: !1,
       meteoMarker: void 0,
-      helper: Ae
+      helper: Ce
     };
   },
   watch: {
@@ -4842,17 +4842,17 @@ const dr = {
     },
     computeLat() {
       return function(a, e = 4) {
-        return j.lat2pretty(a, e).pretty;
+        return F.lat2pretty(a, e).pretty;
       };
     },
     computeLng() {
       return function(a, e = 4) {
-        return j.lng2pretty(a, e).pretty;
+        return F.lng2pretty(a, e).pretty;
       };
     },
     roundPrecision() {
       return function(a, e = 4) {
-        return isNaN(a) ? "-" : j.roundPrecision(a, e);
+        return isNaN(a) ? "-" : F.roundPrecision(a, e);
       };
     }
   },
@@ -4870,77 +4870,77 @@ const dr = {
       var a;
       if (this.meteo) {
         const e = document.getElementById("point-meteo");
-        this.meteoMarker ? (a = this.meteoMarker) == null || a.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new ne.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
+        this.meteoMarker ? (a = this.meteoMarker) == null || a.setLngLat([this.meteo.lng, this.meteo.lat]) : this.meteoMarker = new K.Marker(e).setLngLat([this.meteo.lng, this.meteo.lat]).addTo(this.map);
       }
     }
   }
-}, q = (a) => (H("data-v-22c5d8c1"), a = a(), G(), a), pr = {
+}, Ea = {
   id: "point-meteo",
   class: "point-meteo"
-}, mr = { class: "meteo-box" }, ur = { class: "header-box" }, yr = { class: "main" }, fr = { class: "sub" }, gr = { class: "main-box" }, br = { class: "flex-space" }, vr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Wind", -1)), _r = { class: "flex-space" }, wr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), Lr = { class: "flex-space" }, xr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Cr = { class: "flex-space" }, Sr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), kr = { class: "flex-space" }, zr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Current", -1)), Pr = { class: "flex-space" }, Tr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Precip", -1)), Er = { class: "flex-space" }, Ir = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Rr = { class: "flex-space" }, Dr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Ar = { class: "flex-space" }, Mr = /* @__PURE__ */ q(() => /* @__PURE__ */ l("label", null, "Water Temp", -1)), $r = {
+}, Ra = { class: "meteo-box" }, Ia = { class: "header-box" }, Da = { class: "main" }, Aa = { class: "sub" }, Ma = { class: "main-box" }, Ba = { class: "flex-space" }, Na = { class: "flex-space" }, Wa = { class: "flex-space" }, Oa = { class: "flex-space" }, ja = { class: "flex-space" }, Fa = { class: "flex-space" }, $a = { class: "flex-space" }, Ua = { class: "flex-space" }, Va = { class: "flex-space" }, Za = {
   key: 0,
   class: "flex-space",
   style: { "justify-content": "flex-end" }
-}, Br = /* @__PURE__ */ q(() => /* @__PURE__ */ l("span", { class: "more" }, "More >>", -1)), Nr = [
-  Br
-];
-function Wr(a, e, t, r, i, o) {
-  var n, s, c, h, d, p, g, u, y, f, m, v, b, w, k, _, D, A, B, W, O, J, de, pe, me, ue, ye, fe, ge, ae, X, Y, be, Q, E, U, ve, K, _e, ie, re, oe, ke, ze, Pe, Te, Ee;
-  return Me((L(), x("div", pr, [
-    l("div", mr, [
-      l("div", ur, [
+};
+function Ha(a, e, t, r, i, o) {
+  var n, s, c, h, d, p, g, u, y, f, m, v, b, w, k, L, D, A, N, O, j, H, oe, se, ne, le, ce, he, de, ee, G, J, pe, X, E, U, me, q, ue, te, ae, ie, fe, ge, be, ve, Le;
+  return Se((x(), _("div", Ea, [
+    l("div", Ra, [
+      l("div", Ia, [
         l("div", {
           class: "iconfont close",
-          onClick: e[0] || (e[0] = (Ne) => i.showMeteo = !1)
+          onClick: e[0] || (e[0] = (ze) => i.showMeteo = !1)
         }, ""),
-        l("div", yr, S(o.computeLat((n = t.meteo) == null ? void 0 : n.lat)) + "," + S(o.computeLng((s = t.meteo) == null ? void 0 : s.lng)), 1),
-        l("div", fr, S(o.computeTime((c = t.meteo) == null ? void 0 : c.utc)), 1)
+        l("div", Da, S(o.computeLat((n = t.meteo) == null ? void 0 : n.lat)) + "," + S(o.computeLng((s = t.meteo) == null ? void 0 : s.lng)), 1),
+        l("div", Aa, S(o.computeTime((c = t.meteo) == null ? void 0 : c.utc)), 1)
       ]),
-      l("div", gr, [
-        l("div", br, [
-          vr,
+      l("div", Ma, [
+        l("div", Ba, [
+          e[1] || (e[1] = l("label", null, "Wind", -1)),
           l("span", null, S(((d = (h = t.meteo) == null ? void 0 : h.wind) == null ? void 0 : d.direction) || "-") + "/" + S(o.roundPrecision((g = (p = t.meteo) == null ? void 0 : p.wind) == null ? void 0 : g.kts, 1)) + "[kts]/" + S((y = (u = t.meteo) == null ? void 0 : u.wind) == null ? void 0 : y.scale) + "[BF]/" + S(o.roundPrecision((m = (f = t.meteo) == null ? void 0 : f.gusts) == null ? void 0 : m.kts, 1)) + "[kts]", 1)
         ]),
-        l("div", _r, [
-          wr,
-          l("span", null, S(((w = (b = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((D = (_ = (k = t.meteo) == null ? void 0 : k.wave) == null ? void 0 : _.wd) == null ? void 0 : D.height, 1)) + "[m]/" + S(o.roundPrecision((W = (B = (A = t.meteo) == null ? void 0 : A.wave) == null ? void 0 : B.wd) == null ? void 0 : W.period, 1)) + "[s]", 1)
+        l("div", Na, [
+          e[2] || (e[2] = l("label", null, "Wind.Wave", -1)),
+          l("span", null, S(((w = (b = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((D = (L = (k = t.meteo) == null ? void 0 : k.wave) == null ? void 0 : L.wd) == null ? void 0 : D.height, 1)) + "[m]/" + S(o.roundPrecision((O = (N = (A = t.meteo) == null ? void 0 : A.wave) == null ? void 0 : N.wd) == null ? void 0 : O.period, 1)) + "[s]", 1)
         ]),
-        l("div", Lr, [
-          xr,
-          l("span", null, S(((de = (J = (O = t.meteo) == null ? void 0 : O.wave) == null ? void 0 : J.swell) == null ? void 0 : de.direction) || "-") + "/" + S(o.roundPrecision((ue = (me = (pe = t.meteo) == null ? void 0 : pe.wave) == null ? void 0 : me.swell) == null ? void 0 : ue.height, 1)) + "[m]/" + S(o.roundPrecision((ge = (fe = (ye = t.meteo) == null ? void 0 : ye.wave) == null ? void 0 : fe.swell) == null ? void 0 : ge.period, 1)) + "[s]", 1)
+        l("div", Wa, [
+          e[3] || (e[3] = l("label", null, "Swell", -1)),
+          l("span", null, S(((oe = (H = (j = t.meteo) == null ? void 0 : j.wave) == null ? void 0 : H.swell) == null ? void 0 : oe.direction) || "-") + "/" + S(o.roundPrecision((le = (ne = (se = t.meteo) == null ? void 0 : se.wave) == null ? void 0 : ne.swell) == null ? void 0 : le.height, 1)) + "[m]/" + S(o.roundPrecision((de = (he = (ce = t.meteo) == null ? void 0 : ce.wave) == null ? void 0 : he.swell) == null ? void 0 : de.period, 1)) + "[s]", 1)
         ]),
-        l("div", Cr, [
-          Sr,
-          l("span", null, S(((Y = (X = (ae = t.meteo) == null ? void 0 : ae.wave) == null ? void 0 : X.sig) == null ? void 0 : Y.direction) || "-") + "/" + S(o.roundPrecision((E = (Q = (be = t.meteo) == null ? void 0 : be.wave) == null ? void 0 : Q.sig) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((K = (ve = (U = t.meteo) == null ? void 0 : U.wave) == null ? void 0 : ve.sig) == null ? void 0 : K.period, 1)) + "[s]", 1)
+        l("div", Oa, [
+          e[4] || (e[4] = l("label", null, "Sig.Wave", -1)),
+          l("span", null, S(((J = (G = (ee = t.meteo) == null ? void 0 : ee.wave) == null ? void 0 : G.sig) == null ? void 0 : J.direction) || "-") + "/" + S(o.roundPrecision((E = (X = (pe = t.meteo) == null ? void 0 : pe.wave) == null ? void 0 : X.sig) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((q = (me = (U = t.meteo) == null ? void 0 : U.wave) == null ? void 0 : me.sig) == null ? void 0 : q.period, 1)) + "[s]", 1)
         ]),
-        l("div", kr, [
-          zr,
-          l("span", null, S(((ie = (_e = t.meteo) == null ? void 0 : _e.current) == null ? void 0 : ie.direction) || "-") + "/" + S(o.roundPrecision((oe = (re = t.meteo) == null ? void 0 : re.current) == null ? void 0 : oe.kts, 2)) + "[kts]", 1)
+        l("div", ja, [
+          e[5] || (e[5] = l("label", null, "Current", -1)),
+          l("span", null, S(((te = (ue = t.meteo) == null ? void 0 : ue.current) == null ? void 0 : te.direction) || "-") + "/" + S(o.roundPrecision((ie = (ae = t.meteo) == null ? void 0 : ae.current) == null ? void 0 : ie.kts, 2)) + "[kts]", 1)
         ]),
-        l("div", Pr, [
-          Tr,
-          l("span", null, S(o.roundPrecision((ze = (ke = t.meteo) == null ? void 0 : ke.precip) == null ? void 0 : ze.inter6h, 2)) + "[mm]", 1)
+        l("div", Fa, [
+          e[6] || (e[6] = l("label", null, "Precip", -1)),
+          l("span", null, S(o.roundPrecision((ge = (fe = t.meteo) == null ? void 0 : fe.precip) == null ? void 0 : ge.inter6h, 2)) + "[mm]", 1)
         ]),
-        l("div", Er, [
-          Ir,
-          l("span", null, S(o.roundPrecision(((Pe = t.meteo) == null ? void 0 : Pe.visibility) / 1852, 0)) + "[nm]", 1)
+        l("div", $a, [
+          e[7] || (e[7] = l("label", null, "Visibility", -1)),
+          l("span", null, S(o.roundPrecision(((be = t.meteo) == null ? void 0 : be.visibility) / 1852, 0)) + "[nm]", 1)
         ]),
-        l("div", Rr, [
-          Dr,
-          l("span", null, S(o.roundPrecision((Te = t.meteo) == null ? void 0 : Te.temp, 0)) + "[°C]", 1)
+        l("div", Ua, [
+          e[8] || (e[8] = l("label", null, "Temp", -1)),
+          l("span", null, S(o.roundPrecision((ve = t.meteo) == null ? void 0 : ve.temp, 0)) + "[°C]", 1)
         ]),
-        l("div", Ar, [
-          Mr,
-          l("span", null, S(o.roundPrecision((Ee = t.meteo) == null ? void 0 : Ee.waterTemp, 2)) + "[°C]", 1)
+        l("div", Va, [
+          e[9] || (e[9] = l("label", null, "Water Temp", -1)),
+          l("span", null, S(o.roundPrecision((Le = t.meteo) == null ? void 0 : Le.waterTemp, 2)) + "[°C]", 1)
         ])
       ]),
-      a.$attrs.permission & i.helper.LEVEL.Prime ? (L(), x("div", $r, Nr)) : $("", !0)
+      a.$attrs.permission & i.helper.LEVEL.Prime ? (x(), _("div", Za, e[10] || (e[10] = [
+        l("span", { class: "more" }, "More >>", -1)
+      ]))) : B("", !0)
     ])
   ], 512)), [
-    [$e, i.showMeteo]
+    [ke, i.showMeteo]
   ]);
 }
-const Or = /* @__PURE__ */ T(dr, [["render", Wr], ["__scopeId", "data-v-22c5d8c1"]]), jr = {
+const Ga = /* @__PURE__ */ T(Ta, [["render", Ha], ["__scopeId", "data-v-22c5d8c1"]]), Ja = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -5030,10 +5030,10 @@ const Or = /* @__PURE__ */ T(dr, [["render", Wr], ["__scopeId", "data-v-22c5d8c1
     }
   }
 };
-function Fr(a, e, t, r, i, o) {
-  return L(), x("div");
+function Xa(a, e, t, r, i, o) {
+  return x(), _("div");
 }
-const Ur = /* @__PURE__ */ T(jr, [["render", Fr]]), Vr = {
+const qa = /* @__PURE__ */ T(Ja, [["render", Xa]]), Ya = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -5153,10 +5153,10 @@ const Ur = /* @__PURE__ */ T(jr, [["render", Fr]]), Vr = {
     }
   }
 };
-function Zr(a, e, t, r, i, o) {
-  return L(), x("div");
+function Qa(a, e, t, r, i, o) {
+  return x(), _("div");
 }
-const Hr = /* @__PURE__ */ T(Vr, [["render", Zr]]), Gr = {
+const Ka = /* @__PURE__ */ T(Ya, [["render", Qa]]), ei = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -5244,11 +5244,11 @@ const Hr = /* @__PURE__ */ T(Vr, [["render", Zr]]), Gr = {
     }
   }
 };
-function Jr(a, e, t, r, i, o) {
-  return L(), x("div");
+function ti(a, e, t, r, i, o) {
+  return x(), _("div");
 }
-const Xr = /* @__PURE__ */ T(Gr, [["render", Jr]]);
-const qr = {
+const ai = /* @__PURE__ */ T(ei, [["render", ti]]);
+const ii = {
   name: "IdmAlertZone",
   props: {
     map: {
@@ -5288,7 +5288,11 @@ const qr = {
         var o;
         return i.properties.id === ((o = e == null ? void 0 : e.properties) == null ? void 0 : o.id);
       })[0];
-      t && (this.showZone = !0, this.form = { ...t.properties });
+      if (t) {
+        this.showZone = !0, this.form = { ...t.properties };
+        const i = document.getElementById("idm-gl3-zone-info");
+        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new K.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
+      }
     },
     handleRender() {
       var a;
@@ -5374,10 +5378,10 @@ const qr = {
       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);
     }
   }
-}, Yr = { id: "zone-info" }, Qr = ["innerHTML"];
-function Kr(a, e, t, r, i, o) {
+}, ri = { id: "idm-gl3-zone-info" }, oi = ["innerHTML"];
+function si(a, e, t, r, i, o) {
   var n;
-  return Me((L(), x("div", Yr, [
+  return Se((x(), _("div", ri, [
     l("div", {
       class: "iconfont close",
       onClick: e[0] || (e[0] = (s) => i.showZone = !1)
@@ -5385,13 +5389,13 @@ function Kr(a, e, t, r, i, o) {
     l("div", {
       class: "rich-context",
       innerHTML: (n = i.form) == null ? void 0 : n.name
-    }, null, 8, Qr)
+    }, null, 8, oi)
   ], 512)), [
-    [$e, i.showZone]
+    [ke, i.showZone]
   ]);
 }
-const eo = /* @__PURE__ */ T(qr, [["render", Kr], ["__scopeId", "data-v-c0864afc"]]);
-const to = {
+const ni = /* @__PURE__ */ T(ii, [["render", si]]);
+const li = {
   name: "IdmPort",
   props: {
     map: {
@@ -5417,12 +5421,12 @@ const to = {
   computed: {
     computeLat() {
       return function(a) {
-        return j.lat2pretty(a, 4).pretty;
+        return F.lat2pretty(a, 4).pretty;
       };
     },
     computeLng() {
       return function(a) {
-        return j.lng2pretty(a, 4).pretty;
+        return F.lng2pretty(a, 4).pretty;
       };
     }
   },
@@ -5444,7 +5448,7 @@ const to = {
       if (t) {
         this.showPort = !0, this.form = { ...t.properties }, this.form.lng = t.geometry.coordinates[0], this.form.lat = t.geometry.coordinates[1];
         const i = document.getElementById("port-info");
-        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new ne.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new K.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
       }
     },
     handleEmit() {
@@ -5483,41 +5487,41 @@ const to = {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, Be = (a) => (H("data-v-4ab013cc"), a = a(), G(), a), ao = { id: "port-info" }, io = { class: "port-box" }, ro = { class: "flex-start" }, oo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), so = { class: "flex-start" }, no = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), lo = { class: "flex-start" }, co = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), ho = {
+}, ci = { id: "port-info" }, hi = { class: "port-box" }, di = { class: "flex-start" }, pi = { class: "flex-start" }, mi = { class: "flex-start" }, ui = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
-}, po = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Region : ", -1));
-function mo(a, e, t, r, i, o) {
-  return Me((L(), x("div", ao, [
+};
+function yi(a, e, t, r, i, o) {
+  return Se((x(), _("div", ci, [
     l("div", {
       class: "close iconfont",
       onClick: e[0] || (e[0] = (n) => i.showPort = !1)
     }, ""),
-    l("div", io, [
-      l("div", ro, [
-        oo,
+    l("div", hi, [
+      l("div", di, [
+        e[2] || (e[2] = l("label", null, "Name : ", -1)),
         l("span", {
           onClick: e[1] || (e[1] = (...n) => o.handleEmit && o.handleEmit(...n))
         }, S(i.form.name), 1)
       ]),
-      l("div", so, [
-        no,
+      l("div", pi, [
+        e[3] || (e[3] = l("label", null, "Position : ", -1)),
         l("span", null, S(o.computeLat(i.form.lat)) + ", " + S(o.computeLng(i.form.lng)), 1)
       ]),
-      l("div", lo, [
-        co,
+      l("div", mi, [
+        e[4] || (e[4] = l("label", null, "LoCode : ", -1)),
         l("span", null, S(i.form.loCode || "-"), 1)
       ]),
-      l("div", ho, [
-        po,
+      l("div", ui, [
+        e[5] || (e[5] = l("label", null, "Region : ", -1)),
         l("span", null, S(i.form.city || "-") + ", " + S(i.form.country || "-"), 1)
       ])
     ])
   ], 512)), [
-    [$e, i.showPort]
+    [ke, i.showPort]
   ]);
 }
-const uo = /* @__PURE__ */ T(to, [["render", mo], ["__scopeId", "data-v-4ab013cc"]]), yo = {
+const fi = /* @__PURE__ */ T(li, [["render", yi], ["__scopeId", "data-v-4ab013cc"]]), gi = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -5587,10 +5591,10 @@ const uo = /* @__PURE__ */ T(to, [["render", mo], ["__scopeId", "data-v-4ab013cc
     }
   }
 };
-function fo(a, e, t, r, i, o) {
-  return L(), x("div");
+function bi(a, e, t, r, i, o) {
+  return x(), _("div");
 }
-const go = /* @__PURE__ */ T(yo, [["render", fo]]), bo = {
+const vi = /* @__PURE__ */ T(gi, [["render", bi]]), Li = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -5755,10 +5759,10 @@ const go = /* @__PURE__ */ T(yo, [["render", fo]]), bo = {
     }
   }
 };
-function vo(a, e, t, r, i, o) {
-  return L(), x("div");
+function wi(a, e, t, r, i, o) {
+  return x(), _("div");
 }
-const _o = /* @__PURE__ */ T(bo, [["render", vo]]), wo = {
+const xi = /* @__PURE__ */ T(Li, [["render", wi]]), _i = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -5846,10 +5850,10 @@ const _o = /* @__PURE__ */ T(bo, [["render", vo]]), wo = {
     }
   }
 };
-function Lo(a, e, t, r, i, o) {
-  return L(), x("div");
+function Ci(a, e, t, r, i, o) {
+  return x(), _("div");
 }
-const xo = /* @__PURE__ */ T(wo, [["render", Lo]]), Co = {
+const Si = /* @__PURE__ */ T(_i, [["render", Ci]]), ki = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -5879,7 +5883,7 @@ const xo = /* @__PURE__ */ T(wo, [["render", Lo]]), Co = {
   methods: {
     handleRender() {
       this.map ? (this.handleClear(), this.area && (this.area.features.forEach((a) => {
-        a.geometry.type === "Polygon" && a.geometry.coordinates.forEach((e) => j.convertToMonotonicLng2(e));
+        a.geometry.type === "Polygon" && a.geometry.coordinates.forEach((e) => F.convertToMonotonicLng2(e));
       }), this.map.addSource(this.source, {
         type: "geojson",
         data: this.area
@@ -5939,10 +5943,10 @@ const xo = /* @__PURE__ */ T(wo, [["render", Lo]]), Co = {
     }
   }
 };
-function So(a, e, t, r, i, o) {
-  return L(), x("div");
+function zi(a, e, t, r, i, o) {
+  return x(), _("div");
 }
-const ko = /* @__PURE__ */ T(Co, [["render", So]]), zo = {
+const Pi = /* @__PURE__ */ T(ki, [["render", zi]]), Ti = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -5991,11 +5995,11 @@ const ko = /* @__PURE__ */ T(Co, [["render", So]]), zo = {
     }
   }
 };
-function Po(a, e, t, r, i, o) {
-  return L(), x("div");
+function Ei(a, e, t, r, i, o) {
+  return x(), _("div");
 }
-const To = /* @__PURE__ */ T(zo, [["render", Po]]);
-const Eo = {
+const Ri = /* @__PURE__ */ T(Ti, [["render", Ei]]);
+const Ii = {
   name: "IdmLatLng",
   props: {
     map: {
@@ -6053,7 +6057,7 @@ const Eo = {
       this.show ? ((a = this.map) == null || a.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (e = this.map) == null || e.off("zoomend", this.handleZoomEnd));
     },
     handleMouseMove(a) {
-      const e = a.lngLat, t = j.lng2pretty(e.lng, 2), r = j.lat2pretty(e.lat, 2);
+      const e = a.lngLat, t = F.lng2pretty(e.lng, 2), r = F.lat2pretty(e.lat, 2);
       this.lngLat = { lng: t, lat: r };
     },
     handleComputeLatLngs() {
@@ -6150,19 +6154,19 @@ const Eo = {
       (a = this.map) != null && a.getLayer(this.layer) && ((e = this.map) == null || e.removeLayer(this.layer)), (t = this.map) != null && t.getLayer(this.labelLayer) && ((r = this.map) == null || r.removeLayer(this.labelLayer)), (i = this.map) != null && i.getSource(this.source) && ((o = this.map) == null || o.removeSource(this.source));
     }
   }
-}, Io = (a) => (H("data-v-7367f59b"), a = a(), G(), a), Ro = /* @__PURE__ */ Io(() => /* @__PURE__ */ l("span", null, ", ", -1));
-function Do(a, e, t, r, i, o) {
-  return i.lngLat ? (L(), x("div", {
+};
+function Di(a, e, t, r, i, o) {
+  return i.lngLat ? (x(), _("div", {
     key: 0,
     class: "lat-lng-tip",
-    style: F({ right: i.right + "px", bottom: t.bottom })
+    style: $({ right: i.right + "px", bottom: t.bottom })
   }, [
     l("span", null, S(i.lngLat.lat.pretty), 1),
-    Ro,
+    e[0] || (e[0] = l("span", null, ", ", -1)),
     l("span", null, S(i.lngLat.lng.pretty), 1)
-  ], 4)) : $("", !0);
+  ], 4)) : B("", !0);
 }
-const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b"]]), Ao = {
+const je = /* @__PURE__ */ T(Ii, [["render", Di], ["__scopeId", "data-v-7367f59b"]]), Ai = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -6266,7 +6270,7 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
         const s = this.geojson.filter((c) => c.id === e.split("-")[0])[0].features.filter((c) => c.geometry.type === "Point");
         if (s.length > 2 && s.filter((h) => h.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
           const h = document.createElement("div");
-          h.className = "point-contextmenu-marker", h.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new ne.Marker(h).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
+          h.className = "point-contextmenu-marker", h.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new K.Marker(h).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -6302,10 +6306,10 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
         let t = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const o = e[i - 1], n = e[i], s = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, h = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, d = te.calculateDistance(c, h, s.mode === "RL", 2), p = te.calculateBearing(c, h, s.mode === "RL", 2);
-          t = j.roundPrecision(t + d, 2);
+          const o = e[i - 1], n = e[i], s = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, h = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, d = Q.calculateDistance(c, h, s.mode === "RL", 2), p = Q.calculateBearing(c, h, s.mode === "RL", 2);
+          t = F.roundPrecision(t + d, 2);
           let g;
-          s.mode === "RL" ? g = j.convertToMonotonicLng([c, h]) : g = j.convertToMonotonicLng(te.interpolateCoordinates(c, h, 200));
+          s.mode === "RL" ? g = F.convertToMonotonicLng([c, h]) : g = F.convertToMonotonicLng(Q.interpolateCoordinates(c, h, 200));
           const u = C.lineString(g.map((y) => [y.lng, y.lat]));
           u.properties.dist = d, u.properties.bearing = p, u.properties.total = t, r.push(u);
         }
@@ -6318,17 +6322,17 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
       let o, n;
       if (e) {
         const c = e.properties, h = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, d = { lng: t.lng, lat: t.lat };
-        o = te.calculateDistance(h, d, c.mode === "RL", 2), n = te.calculateBearing(h, d, c.mode === "RL", 2);
+        o = Q.calculateDistance(h, d, c.mode === "RL", 2), n = Q.calculateBearing(h, d, c.mode === "RL", 2);
         let p;
-        c.mode === "RL" ? p = j.convertToMonotonicLng([h, d]) : p = j.convertToMonotonicLng(te.interpolateCoordinates(h, d, 200));
+        c.mode === "RL" ? p = F.convertToMonotonicLng([h, d]) : p = F.convertToMonotonicLng(Q.interpolateCoordinates(h, d, 200));
         const g = C.lineString(p.map((u) => [u.lng, u.lat]));
         g.properties.dist = o, g.properties.bearing = n, i.features.push(g);
       }
       if (r) {
         const c = t.properties, h = t, d = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = te.calculateDistance(h, d, c.mode === "RL", 2), n = te.calculateBearing(h, d, c.mode === "RL", 2);
+        o = Q.calculateDistance(h, d, c.mode === "RL", 2), n = Q.calculateBearing(h, d, c.mode === "RL", 2);
         let p;
-        c.mode === "RL" ? p = j.convertToMonotonicLng([h, d]) : p = j.convertToMonotonicLng(te.interpolateCoordinates(h, d, 200));
+        c.mode === "RL" ? p = F.convertToMonotonicLng([h, d]) : p = F.convertToMonotonicLng(Q.interpolateCoordinates(h, d, 200));
         const g = C.lineString(p.map((u) => [u.lng, u.lat]));
         g.properties.dist = o, g.properties.bearing = n, i.features.push(g);
       }
@@ -6370,11 +6374,11 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
         }
       });
       let s;
-      if (r ? s = '<div class="marker-label">Drag and drop</div>' : s = `<div class="marker-label">Tol distance: <b>${j.roundPrecision((a.total ?? 0) + o, 2)}</b>nm, bearing: <b>${n}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
+      if (r ? s = '<div class="marker-label">Drag and drop</div>' : s = `<div class="marker-label">Tol distance: <b>${F.roundPrecision((a.total ?? 0) + o, 2)}</b>nm, bearing: <b>${n}</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 = s, this.tipMarker.setLngLat([t.lng, t.lat]);
       else {
         const c = document.createElement("div");
-        c.className = "tip-marker", c.innerHTML = s, this.tipMarker = new ne.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
+        c.className = "tip-marker", c.innerHTML = s, this.tipMarker = new K.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
       }
     },
     handleMove(a) {
@@ -6432,12 +6436,12 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
         for (const n of o) {
           const s = document.createElement("div");
           s.id = `${a.id}-${n.properties.id}`, s.className = `${a.closed ? "point-marker closed" : "point-marker"}`, s.innerHTML = '<div class="marker-circle"></div>';
-          const c = new ne.Marker({ element: s, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
+          const c = new K.Marker({ element: s, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
           c.on("drag", this.handleDrag), c.on("dragend", this.handleDragEnd), this.pointMarkers[a.id] ? this.pointMarkers[a.id].push(c) : this.pointMarkers[a.id] = [c];
         }
         if (a.closed) {
           const n = o.at(-1), c = a.features.filter((d) => d.geometry.type === "LineString").at(-1), h = document.createElement("div");
-          h.className = "point-summary-marker", h.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Tol: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new ne.Marker(h).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
+          h.className = "point-summary-marker", h.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Tol: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new K.Marker(h).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
         }
       }
     },
@@ -6450,11 +6454,11 @@ const Qe = /* @__PURE__ */ T(Eo, [["render", Do], ["__scopeId", "data-v-7367f59b
     }
   }
 };
-function Mo(a, e, t, r, i, o) {
-  return L(), x("div");
+function Mi(a, e, t, r, i, o) {
+  return x(), _("div");
 }
-const $o = /* @__PURE__ */ T(Ao, [["render", Mo]]);
-const Bo = {
+const Bi = /* @__PURE__ */ T(Ai, [["render", Mi]]);
+const Ni = {
   name: "IdmENC",
   props: {
     map: {
@@ -6485,8 +6489,8 @@ const Bo = {
   emits: ["enc"],
   data() {
     return {
-      helper: Ae,
-      vendor: this.$attrs.permission & Ae.LEVEL.Supper ? "hi" : "i4",
+      helper: Ce,
+      vendor: this.$attrs.permission & Ce.LEVEL.Supper ? "hi" : "i4",
       right: 10
     };
   },
@@ -6506,64 +6510,64 @@ const Bo = {
     }
   },
   methods: {}
-}, Ke = (a) => (H("data-v-ab627b83"), a = a(), G(), a), No = { key: 0 }, Wo = { class: "bar-item" }, Oo = /* @__PURE__ */ Ke(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), jo = [
-  Oo
-], Fo = /* @__PURE__ */ Ke(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "I4", -1)), Uo = [
-  Fo
-];
-function Vo(a, e, t, r, i, o) {
-  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (L(), x("div", No, [
+}, Wi = { key: 0 }, Oi = { class: "bar-item" };
+function ji(a, e, t, r, i, o) {
+  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (x(), _("div", Wi, [
     l("div", {
       class: "menu-bar-box",
-      style: F({ position: "absolute", right: i.right + "px", bottom: t.bottom })
+      style: $({ position: "absolute", right: i.right + "px", bottom: t.bottom })
     }, [
-      l("div", Wo, [
+      l("div", Oi, [
         l("div", {
           class: M(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
           onClick: e[0] || (e[0] = (n) => i.vendor = "hi")
-        }, jo, 2),
+        }, e[2] || (e[2] = [
+          l("span", { class: "iconfont" }, "HI", -1)
+        ]), 2),
         l("div", {
           class: M(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
           onClick: e[1] || (e[1] = (n) => i.vendor = "i4")
-        }, Uo, 2)
+        }, e[3] || (e[3] = [
+          l("span", { class: "iconfont" }, "I4", -1)
+        ]), 2)
       ])
     ], 4)
-  ])) : $("", !0);
+  ])) : B("", !0);
 }
-const Zo = /* @__PURE__ */ T(Bo, [["render", Vo], ["__scopeId", "data-v-ab627b83"]]);
-const Ho = {
+const Fi = /* @__PURE__ */ T(Ni, [["render", ji], ["__scopeId", "data-v-ab627b83"]]);
+const $i = {
   name: "IdmGLV2",
   components: {
-    IdmGlLayer: Nt,
-    IdmWindBarb: Ht,
-    IdmWindParticle: sa,
-    IdmCurrents: ua,
-    IdmCurrentParticle: ka,
-    IdmSigWave: Ta,
-    IdmSwell: Ra,
-    IdmPrmsl: Ma,
+    IdmGlLayer: lt,
+    IdmWindBarb: ft,
+    IdmWindParticle: wt,
+    IdmCurrents: Tt,
+    IdmCurrentParticle: Dt,
+    IdmSigWave: Bt,
+    IdmSwell: Ot,
+    IdmPrmsl: $t,
     // IdmIceEdge,
-    IdmIceberg: Na,
-    IdmTropicals: Ye,
-    IdmPrecip3h: bi,
-    IdmVisibility: Ti,
-    IdmWaterTemp: Oi,
-    IdmTemp: Ki,
-    IdmArctic: hr,
-    IdmWarZone: Ur,
-    IdmGmdssArea: Hr,
-    IdmEcaZone: Xr,
-    IdmAlertZone: eo,
-    IdmPort: uo,
-    IdmLoadLine: go,
-    IdmTimezone: _o,
-    IdmVRA: xo,
-    IdmSpecialArea: ko,
-    IdmTerminator: To,
-    IdmLatLng: Qe,
-    IdmMeasure: $o,
-    IdmPoint: Or,
-    IdmENC: Zo
+    IdmIceberg: Zt,
+    IdmTropicals: Oe,
+    IdmPrecip3h: pa,
+    IdmVisibility: fa,
+    IdmWaterTemp: La,
+    IdmTemp: Ca,
+    IdmArctic: Pa,
+    IdmWarZone: qa,
+    IdmGmdssArea: Ka,
+    IdmEcaZone: ai,
+    IdmAlertZone: ni,
+    IdmPort: fi,
+    IdmLoadLine: vi,
+    IdmTimezone: xi,
+    IdmVRA: Si,
+    IdmSpecialArea: Pi,
+    IdmTerminator: Ri,
+    IdmLatLng: je,
+    IdmMeasure: Bi,
+    IdmPoint: Ga,
+    IdmENC: Fi
   },
   props: {
     map: {
@@ -6607,7 +6611,7 @@ const Ho = {
       enc: "",
       // enc: 'i4',
       defaultMeteoToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg",
-      helper: new Gt()
+      helper: new gt()
     };
   },
   watch: {
@@ -6621,7 +6625,7 @@ const Ho = {
     },
     map: {
       handler() {
-        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Oe(this.map), this.handleRampColorInitial());
+        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Te(this.map), this.handleRampColorInitial());
       },
       immediate: !0
     },
@@ -6689,7 +6693,7 @@ const Ho = {
       if (this.map) {
         const g = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, u = (o = this.map) == null ? void 0 : o.getBounds(), y = `${u._sw.lng},${u._sw.lat},${u._ne.lng},${u._ne.lat}`;
         if (this.handleRampColorState(), this.particleFactor) {
-          const f = We.WEATHER_LAYERS.find((m) => {
+          const f = Pe.WEATHER_LAYERS.find((m) => {
             var v;
             return ((v = m.peer) == null ? void 0 : v.weight) === this.particleFactor.weight;
           });
@@ -6698,42 +6702,42 @@ const Ho = {
         if (this.weatherWeight > 0) {
           let f = this.weatherWeight, m;
           if (a.tropicals || this.weatherWeight & 256 && (m = this.weatherLayers.tropicals, m && (f -= 256, m.version = Math.random() + 1)), f > 0) {
-            const v = await se.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${g}&bbox=${y}&t=${this.ts}`, {
+            const v = await re.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${g}&bbox=${y}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
             });
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather links elapsed: ", r, ", total: ", t += r), ((n = v == null ? void 0 : v.data) == null ? void 0 : n.code) === 0) {
               const b = (s = v == null ? void 0 : v.data) == null ? void 0 : s.data, w = [];
-              for (const _ in b)
-                _ === "ice-edge" && (b[_] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), _ !== "tropicals" && w.push(
-                  se.get(b[_], {
+              for (const L in b)
+                L === "ice-edge" && (b[L] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), L !== "tropicals" && w.push(
+                  re.get(b[L], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
-                      key: _
+                      key: L
                     },
-                    responseType: /\.(jpg|png)$/.test(b[_]) ? "blob" : "json"
+                    responseType: /\.(jpg|png)$/.test(b[L]) ? "blob" : "json"
                   }).catch((D) => {
-                    console.log(`[${_}] fetch layer error: ${D}`);
+                    console.log(`[${L}] fetch layer error: ${D}`);
                   })
                 );
               const k = await Promise.all(w);
-              this.weatherLayers = {}, k.map((_) => {
-                var B, W, O, J;
-                const D = ((B = _ == null ? void 0 : _.data) == null ? void 0 : B.data) || (_ == null ? void 0 : _.data), A = (O = (W = _ == null ? void 0 : _.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
+              this.weatherLayers = {}, k.map((L) => {
+                var N, O, j, H;
+                const D = ((N = L == null ? void 0 : L.data) == null ? void 0 : N.data) || (L == null ? void 0 : L.data), A = (j = (O = L == null ? void 0 : L.config) == null ? void 0 : O.headers) == null ? void 0 : j.key;
                 A && D && (this.weatherLayers[A] = {
                   raw: D,
-                  type: ((J = _ == null ? void 0 : _.config) == null ? void 0 : J.responseType) === "blob" ? "image" : "json",
+                  type: ((H = L == null ? void 0 : L.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
-              }), b.tropicals && se.get(b.tropicals, {
+              }), b.tropicals && re.get(b.tropicals, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken,
                   key: "tropicals"
                 }
-              }).then((_) => {
-                var B, W, O;
-                const D = qe.convert2Geojson(((B = _ == null ? void 0 : _.data) == null ? void 0 : B.data) || (_ == null ? void 0 : _.data)), A = (O = (W = _ == null ? void 0 : _.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
+              }).then((L) => {
+                var N, O, j;
+                const D = We.convert2Geojson(((N = L == null ? void 0 : L.data) == null ? void 0 : N.data) || (L == null ? void 0 : L.data)), A = (j = (O = L == null ? void 0 : L.config) == null ? void 0 : O.headers) == null ? void 0 : j.key;
                 this.weatherLayers[A] = {
                   data: D,
                   active: !0,
@@ -6777,7 +6781,7 @@ const Ho = {
           let n = !1;
           if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, n = !0), o) {
             if (a.all) {
-              const s = await se.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
+              const s = await re.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
@@ -6786,7 +6790,7 @@ const Ho = {
                 const c = (t = s == null ? void 0 : s.data) == null ? void 0 : t.data, h = [];
                 for (const p in c)
                   h.push(
-                    se.get(c[p], {
+                    re.get(c[p], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: p
@@ -6801,7 +6805,7 @@ const Ho = {
                 });
               }
             } else if (a.dayNight && o & 1024) {
-              const s = await se.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const s = await re.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
@@ -6810,7 +6814,7 @@ const Ho = {
                 const c = (i = s == null ? void 0 : s.data) == null ? void 0 : i.data, h = [];
                 for (const p in c)
                   h.push(
-                    se.get(c[p], {
+                    re.get(c[p], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: p
@@ -6878,7 +6882,7 @@ const Ho = {
       var h, d, p, g;
       const a = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, t = 0;
-      const r = (h = this.map) == null ? void 0 : h.getBounds(), i = this.map.getZoom(), o = Ie(r._sw.lng), n = Ie(r._ne.lng), s = Math.floor(r._sw.lat), c = Math.ceil(r._ne.lat);
+      const r = (h = this.map) == null ? void 0 : h.getBounds(), i = this.map.getZoom(), o = we(r._sw.lng), n = we(r._ne.lng), s = Math.floor(r._sw.lat), c = Math.ceil(r._ne.lat);
       for (const u in this.weatherLayers)
         if (this.weatherLayers[u].active && this.weatherLayers[u].type === "json") {
           this.weatherLayers[u].active = !1, this.weatherLayers[u].version = Math.random() + 1;
@@ -6891,20 +6895,20 @@ const Ho = {
                 o > n ? v.forEach((b, w) => {
                   var k;
                   if ((b >= o && b <= 180 || b >= -180 && b <= n) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([b, m], {
+                    const L = C.point([b, m], {
                       val: f[m].val[w],
                       spd: (k = f[m].spd) == null ? void 0 : k[w]
                     });
-                    y.push(_);
+                    y.push(L);
                   }
                 }) : v.forEach((b, w) => {
                   var k;
                   if (b >= o && b <= n && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([b, m], {
+                    const L = C.point([b, m], {
                       val: f[m].val[w],
                       spd: (k = f[m].spd) == null ? void 0 : k[w]
                     });
-                    y.push(_);
+                    y.push(L);
                   }
                 });
               }
@@ -6938,9 +6942,9 @@ const Ho = {
                   const b = [];
                   for (const w in (g = m.raw) == null ? void 0 : g.Polygon) {
                     const k = m.raw.Polygon[w];
-                    for (const _ of k)
+                    for (const L of k)
                       b.push(
-                        C.polygon(_, {
+                        C.polygon(L, {
                           val: Number(w)
                         })
                       );
@@ -7022,7 +7026,7 @@ const Ho = {
                 }
                 for (const v in f.Point)
                   f.Point[v].lng.forEach((b, w) => {
-                    b = Ie(b), m.push(
+                    b = we(b), m.push(
                       C.point([b, v], {
                         val: f.Point[v].val[w],
                         type: f.Point[v].type[w]
@@ -7062,7 +7066,7 @@ const Ho = {
         this.weatherLayers[a].active && this.weatherLayers[a].type === "image" && (this.weatherLayers[a].active = !0, this.weatherLayers[a].version = Math.random() + 1);
     },
     handleBboxClip(a, e) {
-      const t = [], r = Ie(e._sw.lng), i = Ie(e._ne.lng);
+      const t = [], r = we(e._sw.lng), i = we(e._ne.lng);
       return a.features.forEach((o) => {
         if (o.geometry.type !== "Point")
           if (r > i) {
@@ -7123,7 +7127,7 @@ const Ho = {
         ts: e.utc().format(),
         wt: !0,
         src: this.source
-      }, r = await se.get(`${this.gateway}/api/arc/meteo/query`, {
+      }, r = await re.get(`${this.gateway}/api/arc/meteo/query`, {
         params: t,
         headers: {
           Authorization: this.token || this.defaultMeteoToken
@@ -7142,15 +7146,15 @@ const Ho = {
       this.particleFactor = a, this.fetchWeatherLayers({ tropicals: !1 });
     }
   }
-}, Go = {
+}, Ui = {
   key: 0,
   className: "map-gl-home"
 };
-function Jo(a, e, t, r, i, o) {
-  var ae, X, Y, be, Q, E, U, ve, K, _e, ie, re, oe, ke, ze, Pe, Te, Ee, Ne, Fe, Ue, Ve, Ze, He, Ge, Je;
-  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), d = z("IdmPrmsl"), p = z("IdmIceberg"), g = z("IdmTropicals"), u = z("IdmCurrents"), y = z("IdmCurrentParticle"), f = z("IdmWindBarb"), m = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), D = z("IdmWarZone"), A = z("IdmGmdssArea"), B = z("IdmEcaZone"), W = z("IdmAlertZone"), O = z("IdmPort"), J = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), me = z("IdmSpecialArea"), ue = z("IdmTerminator"), ye = z("IdmLatLng"), fe = z("IdmMeasure"), ge = z("IdmPoint");
-  return t.map ? (L(), x("div", Go, [
-    P(n, I({
+function Vi(a, e, t, r, i, o) {
+  var ee, G, J, pe, X, E, U, me, q, ue, te, ae, ie, fe, ge, be, ve, Le, ze, Ee, Re, Ie, De, Ae, Me, Be;
+  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), d = z("IdmPrmsl"), p = z("IdmIceberg"), g = z("IdmTropicals"), u = z("IdmCurrents"), y = z("IdmCurrentParticle"), f = z("IdmWindBarb"), m = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), L = z("IdmArctic"), D = z("IdmWarZone"), A = z("IdmGmdssArea"), N = z("IdmEcaZone"), O = z("IdmAlertZone"), j = z("IdmPort"), H = z("IdmLoadLine"), oe = z("IdmTimezone"), se = z("IdmVRA"), ne = z("IdmSpecialArea"), le = z("IdmTerminator"), ce = z("IdmLatLng"), he = z("IdmMeasure"), de = z("IdmPoint");
+  return t.map ? (x(), _("div", Ui, [
+    P(n, R({
       ref: "layer",
       map: t.map,
       "toggle-version": i.toggleVersion,
@@ -7158,48 +7162,48 @@ function Jo(a, e, t, r, i, o) {
     }, a.$attrs, {
       onWeather: o.handleWeatherLayerChange,
       onOther: o.handleOtherLayerChange,
-      onCoordinate: e[0] || (e[0] = (ee) => i.showCoord = ee),
-      onMeasure: e[1] || (e[1] = (ee) => i.showMeasure = ee),
-      onPoint: e[2] || (e[2] = (ee) => i.showPoint = ee),
+      onCoordinate: e[0] || (e[0] = (Y) => i.showCoord = Y),
+      onMeasure: e[1] || (e[1] = (Y) => i.showMeasure = Y),
+      onPoint: e[2] || (e[2] = (Y) => i.showPoint = Y),
       on3d: o.handle3dToggle,
-      onToggleVersion: e[3] || (e[3] = (ee) => i.toggleVersion = ee)
+      onToggleVersion: e[3] || (e[3] = (Y) => i.toggleVersion = Y)
     }), null, 16, ["map", "toggle-version", "map-projection", "onWeather", "onOther", "on3d"]),
-    P(s, I({
+    P(s, R({
       map: t.map,
       token: t.token,
-      enabled: (ae = i.otherLayers) == null ? void 0 : ae.enc,
+      enabled: (ee = i.otherLayers) == null ? void 0 : ee.enc,
       "toggle-version": i.toggleVersion
     }, a.$attrs, {
-      onEnc: e[4] || (e[4] = (ee) => i.enc = ee)
+      onEnc: e[4] || (e[4] = (Y) => i.enc = Y)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
-    P(c, I({
+    P(c, R({
       map: t.map,
-      "sig-wave": (X = i.weatherLayers) == null ? void 0 : X["sig-wave-height"],
+      "sig-wave": (G = i.weatherLayers) == null ? void 0 : G["sig-wave-height"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "sig-wave", "before-layer"]),
-    P(h, I({
+    P(h, R({
       map: t.map,
-      swell: (Y = i.weatherLayers) == null ? void 0 : Y.swell,
+      swell: (J = i.weatherLayers) == null ? void 0 : J.swell,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "swell", "before-layer"]),
-    P(d, I({
+    P(d, R({
       map: t.map,
-      prmsl: (be = i.weatherLayers) == null ? void 0 : be.prmsl,
+      prmsl: (pe = i.weatherLayers) == null ? void 0 : pe.prmsl,
       "before-layer": t.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, a.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
-    P(p, I({
+    P(p, R({
       map: t.map,
-      iceberg: (Q = i.weatherLayers) == null ? void 0 : Q.iceberg,
+      iceberg: (X = i.weatherLayers) == null ? void 0 : X.iceberg,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
-    P(g, I({
+    P(g, R({
       map: t.map,
       date: t.ts,
       tropicals: (E = i.weatherLayers) == null ? void 0 : E.tropicals,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
-    P(u, I({
+    P(u, R({
       map: t.map,
       "map-projection": i.mapProjection,
       current: (U = i.weatherLayers) == null ? void 0 : U.current,
@@ -7209,18 +7213,18 @@ function Jo(a, e, t, r, i, o) {
       "toggle-version": i.toggleVersion,
       "weather-layers": i.weatherLayers
     }, a.$attrs, { onParticle: o.handleParticle }), null, 16, ["map", "map-projection", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle"]),
-    P(y, I({
+    P(y, R({
       viewport: i.viewport,
-      factor: (ve = i.weatherLayers) == null ? void 0 : ve["current-particle"],
+      factor: (me = i.weatherLayers) == null ? void 0 : me["current-particle"],
       "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(f, I({
+    P(f, R({
       ref: "windBarb",
       map: t.map,
       "map-projection": i.mapProjection,
-      wind: (K = i.weatherLayers) == null ? void 0 : K.wind,
-      current: (_e = i.weatherLayers) == null ? void 0 : _e.current,
+      wind: (q = i.weatherLayers) == null ? void 0 : q.wind,
+      current: (ue = i.weatherLayers) == null ? void 0 : ue.current,
       "before-layer": t.beforeLayer,
       "margin-bottom": i.showRampColor ? "56px" : "30px",
       "show-particle": i.showWindParticle
@@ -7229,120 +7233,120 @@ function Jo(a, e, t, r, i, o) {
       "weather-layers": i.weatherLayers,
       onParticle: o.handleParticle
     }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "show-particle", "toggle-version", "weather-layers", "onParticle"]),
-    P(m, I({
+    P(m, R({
       viewport: i.viewport,
-      factor: (ie = i.weatherLayers) == null ? void 0 : ie["wind-particle"],
+      factor: (te = i.weatherLayers) == null ? void 0 : te["wind-particle"],
       "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(v, I({
+    P(v, R({
       viewport: i.viewport,
-      factor: (re = i.weatherLayers) == null ? void 0 : re.precip3h,
+      factor: (ae = i.weatherLayers) == null ? void 0 : ae.precip3h,
       "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(b, I({
+    P(b, R({
       viewport: i.viewport,
-      factor: (oe = i.weatherLayers) == null ? void 0 : oe.visibility,
+      factor: (ie = i.weatherLayers) == null ? void 0 : ie.visibility,
       "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(w, I({
+    P(w, R({
       viewport: i.viewport,
-      factor: (ke = i.weatherLayers) == null ? void 0 : ke["water-temp"],
+      factor: (fe = i.weatherLayers) == null ? void 0 : fe["water-temp"],
       "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(k, I({
+    P(k, R({
       viewport: i.viewport,
-      factor: (ze = i.weatherLayers) == null ? void 0 : ze.temp,
+      factor: (ge = i.weatherLayers) == null ? void 0 : ge.temp,
       "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(_, I({
+    P(L, R({
       viewport: i.viewport,
-      factor: (Pe = i.weatherLayers) == null ? void 0 : Pe.arctic,
+      factor: (be = i.weatherLayers) == null ? void 0 : be.arctic,
       "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(D, I({
+    P(D, R({
       map: t.map,
-      zone: (Te = i.otherLayers) == null ? void 0 : Te["war-zones"],
+      zone: (ve = i.otherLayers) == null ? void 0 : ve["war-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(A, I({
+    P(A, R({
       map: t.map,
-      area: (Ee = i.otherLayers) == null ? void 0 : Ee["gmdss-areas"],
+      area: (Le = i.otherLayers) == null ? void 0 : Le["gmdss-areas"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    P(B, I({
+    P(N, R({
       map: t.map,
-      zone: (Ne = i.otherLayers) == null ? void 0 : Ne["eca-zones"],
+      zone: (ze = i.otherLayers) == null ? void 0 : ze["eca-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(W, I({
+    P(O, R({
       map: t.map,
-      zone: (Fe = i.otherLayers) == null ? void 0 : Fe["alert-zones"],
+      zone: (Ee = i.otherLayers) == null ? void 0 : Ee["alert-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(O, I({
+    P(j, R({
       map: t.map,
-      port: (Ue = i.otherLayers) == null ? void 0 : Ue.ports,
+      port: (Re = i.otherLayers) == null ? void 0 : Re.ports,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "port", "before-layer"]),
-    P(J, I({
+    P(H, R({
       map: t.map,
-      line: (Ve = i.otherLayers) == null ? void 0 : Ve["load-lines"],
+      line: (Ie = i.otherLayers) == null ? void 0 : Ie["load-lines"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "line", "before-layer"]),
-    P(de, I({
+    P(oe, R({
       map: t.map,
-      zone: (Ze = i.otherLayers) == null ? void 0 : Ze["time-zones"],
+      zone: (De = i.otherLayers) == null ? void 0 : De["time-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(pe, I({
+    P(se, R({
       map: t.map,
-      area: (He = i.otherLayers) == null ? void 0 : He["voluntary-reporting-area"],
+      area: (Ae = i.otherLayers) == null ? void 0 : Ae["voluntary-reporting-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    P(me, I({
+    P(ne, R({
       map: t.map,
-      area: (Ge = i.otherLayers) == null ? void 0 : Ge["special-area"],
+      area: (Me = i.otherLayers) == null ? void 0 : Me["special-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    P(ue, I({
+    P(le, R({
       map: t.map,
-      area: (Je = i.otherLayers) == null ? void 0 : Je["day-night"]
+      area: (Be = i.otherLayers) == null ? void 0 : Be["day-night"]
     }, a.$attrs), null, 16, ["map", "area"]),
-    P(ye, I({
+    P(ce, R({
       map: t.map,
       show: i.showCoord,
       "toggle-version": i.toggleVersion
     }, a.$attrs), null, 16, ["map", "show", "toggle-version"]),
-    P(fe, I({
+    P(he, R({
       map: t.map,
       show: i.showMeasure
     }, a.$attrs), null, 16, ["map", "show"]),
-    P(ge, I({
+    P(de, R({
       map: t.map,
       show: i.showPoint,
       meteo: i.meteo
     }, a.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
-  ])) : $("", !0);
+  ])) : B("", !0);
 }
-const Xo = /* @__PURE__ */ T(Ho, [["render", Jo]]), rs = {
+const Zi = /* @__PURE__ */ T($i, [["render", Vi]]), er = {
   install(a) {
-    a.component("MapboxGL", Xo), a.component("TropicalGL", Ye), a.component("LatLngGL", Qe);
+    a.component("MapboxGL", Zi), a.component("TropicalGL", Oe), a.component("LatLngGL", je);
   }
 };
 export {
-  Qe as LatLngGL,
-  Xo as MapboxGL,
-  rs as MapboxGLPlugin,
-  Gt as MapboxHelper,
+  je as LatLngGL,
+  Zi as MapboxGL,
+  er as MapboxGLPlugin,
+  gt as MapboxHelper,
   V as ParticleSchema,
-  Ye as TropicalGL,
-  Oe as Viewport,
-  we as WebGL,
-  N as WebGLSchema
+  Oe as TropicalGL,
+  Te as Viewport,
+  ye as WebGL,
+  W as WebGLSchema
 };