@idmwx/idmui-gl3 4.4.8 → 4.5.0

package/dist/index.js

@@ -1,7 +1,7 @@
 var Ve = Object.defineProperty;
 var Ue = (a, e, t) => e in a ? Ve(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var R = (a, e, t) => (Ue(a, typeof e != "symbol" ? e + "" : e, t), t);
-import { resolveComponent as P, openBlock as _, createElementBlock as C, createElementVNode as n, normalizeStyle as U, createVNode as k, withCtx as X, normalizeClass as j, Fragment as _e, renderList as Se, toDisplayString as S, createCommentVNode as B, createTextVNode as Ie, withDirectives as Pe, createStaticVNode as Ze, vShow as ze, mergeProps as I } from "vue";
+import { resolveComponent as P, openBlock as _, createElementBlock as C, createElementVNode as n, normalizeStyle as U, createVNode as k, withCtx as X, normalizeClass as W, Fragment as _e, renderList as Se, toDisplayString as S, createCommentVNode as B, createTextVNode as Ie, withDirectives as Pe, createStaticVNode as Ze, vShow as ze, mergeProps as I } from "vue";
 import * as x from "@turf/turf";
 import He from "@mapbox/sphericalmercator";
 import Z from "moment";
@@ -620,11 +620,11 @@ const T = (a, e) => {
     handleWeatherLayerPick(a) {
       if (this.rampColorLayers.includes(a.key) && this.mapProjection === "globe" || !this.autoActive)
         return !1;
-      this.weatherLayers.some((e) => e.key === a.key) ? this.weatherLayers = this.weatherLayers.filter((e) => e.key !== a.key) : this.weatherLayers.length < 12 && a.enabled && (["png", "jpg"].includes(a.type) && (this.weatherLayers = this.weatherLayers.filter((e) => e.type === "json")), this.weatherLayers.push(a)), this.$emit("weather", this.weatherLayers, this.source), localStorage.setItem(this.weatherLayersCache, JSON.stringify(this.weatherLayers)), localStorage.setItem(this.sourceCache, this.source);
+      ["wind", "current"].includes(a.key) && !this.showWindFeather && !this.showCurrentIsoband && (a.particle = !0), this.weatherLayers.some((e) => e.key === a.key) ? this.weatherLayers = this.weatherLayers.filter((e) => e.key !== a.key) : this.weatherLayers.length < 12 && a.enabled && (["png", "jpg"].includes(a.type) && (this.weatherLayers = this.weatherLayers.filter((e) => e.type === "json")), this.weatherLayers.push(a)), this.$emit("weather", this.weatherLayers, this.source), localStorage.setItem(this.weatherLayersCache, JSON.stringify(this.weatherLayers)), localStorage.setItem(this.sourceCache, this.source);
     },
     handleWeatherLayerCollect(a) {
       var e;
-      a.collected = !a.collected, a.collected && ((e = this.layers.weather.filter((t) => t.collected)) == null ? void 0 : e.length) >= 6 && (this.layers.weather.filter((t) => t.collected)[0].collected = !1), localStorage.setItem(this.collectedLayerCache, JSON.stringify(this.layers.weather)), this.$emit("handleToggleVersion");
+      !a.collected && ((e = this.layers.weather.filter((t) => t.collected)) == null ? void 0 : e.length) >= 6 && (this.layers.weather.filter((t) => t.collected)[0].collected = !1), a.collected = !a.collected, localStorage.setItem(this.collectedLayerCache, JSON.stringify(this.layers.weather)), this.$emit("handleToggleVersion");
     },
     handleOtherLayerPick(a) {
       this.otherLayers.some((e) => e.key === a.key) ? this.otherLayers = this.otherLayers.filter((e) => e.key !== a.key) : a.enabled && this.otherLayers.push(a), localStorage.setItem(this.otherLayersCache, JSON.stringify(this.otherLayers)), this.$emit("other", this.otherLayers);
@@ -648,14 +648,14 @@ const T = (a, e) => {
       this.show3d = !this.show3d, this.$emit("3d", this.show3d);
     }
   }
-}, Ye = { class: "idm-gl3-layer" }, qe = { class: "bar-item layer-bars" }, Qe = { class: "bar-item tool-bars" }, Ke = ["onClick"], et = { class: "header-box flex-between" }, tt = { class: "weather-layers card-bg" }, at = { class: "layers-body" }, it = ["onClick"], rt = ["onClick"], ot = {
+}, Ye = { class: "idm-gl3-layer" }, qe = { class: "bar-item layer-bars" }, Qe = { class: "bar-item tool-bars" }, Ke = { style: { display: "flex", "align-items": "center", "flex-wrap": "wrap" } }, et = ["onClick"], tt = { class: "header-box flex-between" }, at = { class: "weather-layers card-bg" }, it = { class: "layers-body" }, rt = ["onClick"], ot = ["onClick"], st = {
   key: 0,
   class: "iconfont bookmark active"
-}, st = {
+}, nt = {
   key: 1,
   class: "iconfont bookmark inactive"
-}, nt = { class: "other-layers card-bg" }, lt = { class: "layers-body" }, ct = ["onClick"], ht = { class: "flex-start" }, dt = { class: "source-layers card-bg" }, pt = { class: "layers-body" };
-function mt(a, e, t, r, i, o) {
+}, lt = { class: "other-layers card-bg" }, ct = { class: "layers-body" }, ht = ["onClick"], dt = { class: "flex-start" }, pt = { class: "source-layers card-bg" }, mt = { class: "layers-body" };
+function ut(a, e, t, r, i, o) {
   const s = P("ElTooltip"), l = P("ElRadio"), h = P("ElRadioGroup"), d = P("ElScrollbar");
   return _(), C("div", Ye, [
     n("div", {
@@ -671,7 +671,7 @@ function mt(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(t.layerToggle ? "menu-icon active" : "menu-icon"),
+              class: W(t.layerToggle ? "menu-icon active" : "menu-icon"),
               onClick: e[0] || (e[0] = (...c) => o.handleMenuToggle && o.handleMenuToggle(...c))
             }, e[9] || (e[9] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -694,7 +694,7 @@ function mt(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(i.showMeasure ? "menu-icon active" : "menu-icon"),
+              class: W(i.showMeasure ? "menu-icon active" : "menu-icon"),
               onClick: e[1] || (e[1] = (...c) => o.handleMeasureToggle && o.handleMeasureToggle(...c))
             }, e[10] || (e[10] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -710,7 +710,7 @@ function mt(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(i.showPoint ? "menu-icon active" : "menu-icon"),
+              class: W(i.showPoint ? "menu-icon active" : "menu-icon"),
               onClick: e[2] || (e[2] = (...c) => o.handlePointToggle && o.handlePointToggle(...c))
             }, e[11] || (e[11] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -726,7 +726,7 @@ function mt(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(i.showCoord ? "menu-icon active" : "menu-icon"),
+              class: W(i.showCoord ? "menu-icon active" : "menu-icon"),
               onClick: e[3] || (e[3] = (...c) => o.handleCoordToggle && o.handleCoordToggle(...c))
             }, e[12] || (e[12] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -742,7 +742,7 @@ function mt(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(i.show3d ? "menu-icon active" : "menu-icon"),
+              class: W(i.show3d ? "menu-icon active" : "menu-icon"),
               onClick: e[4] || (e[4] = (...c) => o.handle3DToggle && o.handle3DToggle(...c))
             }, e[13] || (e[13] = [
               n("span", { class: "iconfont" }, "", -1)
@@ -754,22 +754,22 @@ function mt(a, e, t, r, i, o) {
     ], 4),
     o.hasCollectedLayers ? (_(), C("div", {
       key: 0,
-      class: j(["active-layers flex-between", i.autoActive ? "active" : ""]),
+      class: W(["active-layers flex-between", i.autoActive ? "active" : ""]),
       style: U({ right: i.right + "px", bottom: "100px" })
     }, [
-      n("div", null, [
+      n("div", Ke, [
         (_(!0), C(_e, null, Se(i.layers.weather.filter((c) => c.collected), (c) => (_(), C("div", {
           key: c.key,
-          class: j(o.computeLayerClass(c, i.weatherLayers)),
+          class: W(o.computeLayerClass(c, i.weatherLayers)),
           onClick: (p) => o.handleWeatherLayerPick(c)
         }, [
           e[14] || (e[14] = n("div", { class: "checkbox" }, null, -1)),
           n("span", null, S(c.name), 1)
-        ], 10, Ke))), 128))
+        ], 10, et))), 128))
       ]),
       n("div", {
         class: "switch flex-center",
-        style: { "margin-top": "4px", "align-self": "flex-start" },
+        style: { "margin-top": "4px", "align-self": "flex-start", "font-size": "28px" },
         onClick: e[5] || (e[5] = (...c) => o.toggleAutoActive && o.toggleAutoActive(...c))
       }, e[15] || (e[15] = [
         n("i", { class: "iconfont open" }, "", -1),
@@ -781,9 +781,9 @@ function mt(a, e, t, r, i, o) {
       style: U({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
     }, [
       n("div", {
-        class: j(["list-box", t.layerToggle ? "right-bar" : ""])
+        class: W(["list-box", t.layerToggle ? "right-bar" : ""])
       }, [
-        n("div", et, [
+        n("div", tt, [
           e[16] || (e[16] = n("div", null, "Layers", -1)),
           n("div", {
             class: "iconfont close-btn",
@@ -792,9 +792,9 @@ function mt(a, e, t, r, i, o) {
         ]),
         k(d, { style: { flex: "1" } }, {
           default: X(() => [
-            n("div", tt, [
+            n("div", at, [
               n("div", {
-                class: j(["layers-title flex-between", i.autoActive ? "active" : ""])
+                class: W(["layers-title flex-between", i.autoActive ? "active" : ""])
               }, [
                 e[18] || (e[18] = n("div", null, "Weather Layers", -1)),
                 n("div", {
@@ -806,13 +806,13 @@ function mt(a, e, t, r, i, o) {
                   n("i", { class: "iconfont close" }, "", -1)
                 ]))
               ], 2),
-              n("div", at, [
+              n("div", it, [
                 (_(!0), C(_e, null, Se(i.layers.weather, (c) => (_(), C(_e, {
                   key: c.key
                 }, [
                   c.hide ? B("", !0) : (_(), C("div", {
                     key: 0,
-                    class: j(o.computeLayerClass(c, i.weatherLayers))
+                    class: W(o.computeLayerClass(c, i.weatherLayers))
                   }, [
                     n("div", {
                       class: "flex-start",
@@ -820,12 +820,12 @@ function mt(a, e, t, r, i, o) {
                     }, [
                       e[19] || (e[19] = n("div", { class: "checkbox" }, null, -1)),
                       n("span", null, S(c.name), 1)
-                    ], 8, it),
+                    ], 8, rt),
                     n("div", {
                       onClick: (p) => o.handleWeatherLayerCollect(c)
                     }, [
-                      c.collected ? (_(), C("i", ot, "")) : (_(), C("i", st, ""))
-                    ], 8, rt)
+                      c.collected ? (_(), C("i", st, "")) : (_(), C("i", nt, ""))
+                    ], 8, ot)
                   ], 2))
                 ], 64))), 128)),
                 e[20] || (e[20] = n("div", { class: "tip flex-start" }, [
@@ -837,27 +837,27 @@ function mt(a, e, t, r, i, o) {
                 ], -1))
               ])
             ]),
-            n("div", nt, [
+            n("div", lt, [
               e[22] || (e[22] = n("div", { class: "layers-title" }, "Other Layers", -1)),
-              n("div", lt, [
+              n("div", ct, [
                 (_(!0), C(_e, null, Se(i.layers.other, (c) => (_(), C("div", {
                   key: c.key,
-                  class: j(o.computeLayerClass(c, i.otherLayers)),
+                  class: W(o.computeLayerClass(c, i.otherLayers)),
                   onClick: (p) => o.handleOtherLayerPick(c)
                 }, [
-                  n("div", ht, [
+                  n("div", dt, [
                     e[21] || (e[21] = n("div", { class: "switch flex-center" }, [
                       n("i", { class: "iconfont open" }, ""),
                       n("i", { class: "iconfont close" }, "")
                     ], -1)),
                     n("span", null, S(c.name), 1)
                   ])
-                ], 10, ct))), 128))
+                ], 10, ht))), 128))
               ])
             ]),
-            n("div", dt, [
+            n("div", pt, [
               e[25] || (e[25] = n("span", { class: "layers-title" }, "Forecast Model", -1)),
-              n("div", pt, [
+              n("div", mt, [
                 k(h, {
                   modelValue: i.source,
                   "onUpdate:modelValue": e[8] || (e[8] = (c) => i.source = c),
@@ -888,8 +888,8 @@ function mt(a, e, t, r, i, o) {
     ], 4)
   ]);
 }
-const ut = /* @__PURE__ */ T(Xe, [["render", mt]]);
-const yt = {
+const yt = /* @__PURE__ */ T(Xe, [["render", ut]]);
+const ft = {
   name: "IdmWindBarb",
   props: {
     map: {
@@ -1031,24 +1031,24 @@ const yt = {
       this.map.getSource(this.source) && this.map.removeSource(this.source), this.windBarbLoaded = !1;
     }
   }
-}, ft = { key: 0 };
-function gt(a, e, t, r, i, o) {
+}, gt = { key: 0 };
+function bt(a, e, t, r, i, o) {
   var s;
-  return (s = t.wind) != null && s.active ? (_(), C("div", ft, [
+  return (s = t.wind) != null && s.active ? (_(), C("div", gt, [
     n("div", {
       class: "flex-center wind-tool-bars",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
       t.mapProjection === "mercator" ? (_(), C("div", {
         key: 0,
-        class: j(["item-bar flex-start", t.showParticle ? "active" : "inactive"]),
+        class: W(["item-bar flex-start", t.showParticle ? "active" : "inactive"]),
         onClick: e[0] || (e[0] = (...l) => o.handleParticle && o.handleParticle(...l))
       }, e[2] || (e[2] = [
         n("div", { class: "checkbox" }, null, -1),
         n("span", null, "Wind Particles", -1)
       ]), 2)) : B("", !0),
       n("div", {
-        class: j(["item-bar flex-start", i.showFeather ? "active" : "inactive"]),
+        class: W(["item-bar flex-start", i.showFeather ? "active" : "inactive"]),
         onClick: e[1] || (e[1] = (l) => i.showFeather = !i.showFeather)
       }, e[3] || (e[3] = [
         n("div", { class: "checkbox" }, null, -1),
@@ -1057,7 +1057,7 @@ function gt(a, e, t, r, i, o) {
     ], 4)
   ])) : B("", !0);
 }
-const bt = /* @__PURE__ */ T(yt, [["render", gt]]);
+const vt = /* @__PURE__ */ T(ft, [["render", bt]]);
 class Re {
   constructor(e) {
     R(this, "map");
@@ -1282,8 +1282,8 @@ class fe {
         }
         const m = e.getBoundPixel(), b = e.map.getZoom() + 1, y = e.getWorldCopy(m, b);
         for (const u of y) {
-          const v = (u[0] - m[0]) * e.ratio, g = (u[1] - m[3]) * e.ratio, L = u[2] * e.ratio, [z, w, A, M] = [v, L + v, g, L + g], W = new Float32Array([z, A, w, A, z, M, z, M, w, A, w, M]);
-          t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, W, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
+          const v = (u[0] - m[0]) * e.ratio, g = (u[1] - m[3]) * e.ratio, L = u[2] * e.ratio, [z, w, A, M] = [v, L + v, g, L + g], j = new Float32Array([z, A, w, A, z, M, z, M, w, A, w, M]);
+          t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, j, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
       } catch (c) {
         console.log(`render failed...${c}`);
@@ -1528,7 +1528,7 @@ R(V, "vertexSchema", `
         fract(pos * 255.0),
         floor(pos * 255.0) / 255.0);
     }`);
-class vt {
+class wt {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     R(this, "token");
     R(this, "mapboxCustomer");
@@ -3132,7 +3132,7 @@ class vt {
     };
   }
 }
-const wt = {
+const Lt = {
   name: "IdmWindParticle",
   props: {
     factor: {
@@ -3294,10 +3294,10 @@ const wt = {
       });
     }
   }
-}, Lt = { key: 0 };
-function xt(a, e, t, r, i, o) {
+}, xt = { key: 0 };
+function _t(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", Lt, [
+  return (s = t.factor) != null && s.active ? (_(), C("div", xt, [
     n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
@@ -3313,8 +3313,8 @@ function xt(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const _t = /* @__PURE__ */ T(wt, [["render", xt], ["__scopeId", "data-v-64887571"]]);
-const Ct = {
+const Ct = /* @__PURE__ */ T(Lt, [["render", _t], ["__scopeId", "data-v-64887571"]]);
+const kt = {
   name: "IdmCurrent",
   props: {
     map: {
@@ -3464,24 +3464,24 @@ const Ct = {
       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);
     }
   }
-}, kt = { key: 0 };
-function St(a, e, t, r, i, o) {
+}, St = { key: 0 };
+function Pt(a, e, t, r, i, o) {
   var s;
-  return (s = t.current) != null && s.active ? (_(), C("div", kt, [
+  return (s = t.current) != null && s.active ? (_(), C("div", St, [
     n("div", {
       class: "flex-center current-tool-bars",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: i.bottom + "px" }])
     }, [
       t.mapProjection === "mercator" ? (_(), C("div", {
         key: 0,
-        class: j(["flex-start item-bar", t.showParticle ? "active" : "inactive"]),
+        class: W(["flex-start item-bar", t.showParticle ? "active" : "inactive"]),
         onClick: e[0] || (e[0] = (l) => o.handleParticle(!t.showParticle))
       }, e[2] || (e[2] = [
         n("div", { class: "checkbox" }, null, -1),
         n("span", null, "Current Particles", -1)
       ]), 2)) : B("", !0),
       n("div", {
-        class: j(["flex-start item-bar", i.showJson ? "active" : "inactive"]),
+        class: W(["flex-start item-bar", i.showJson ? "active" : "inactive"]),
         onClick: e[1] || (e[1] = (l) => i.showJson = !i.showJson)
       }, e[3] || (e[3] = [
         n("div", { class: "checkbox" }, null, -1),
@@ -3490,8 +3490,8 @@ function St(a, e, t, r, i, o) {
     ], 4)
   ])) : B("", !0);
 }
-const Pt = /* @__PURE__ */ T(Ct, [["render", St]]);
-const zt = {
+const zt = /* @__PURE__ */ T(kt, [["render", Pt]]);
+const Tt = {
   name: "IdmCurrentParticle",
   props: {
     factor: {
@@ -3648,10 +3648,10 @@ const zt = {
       });
     }
   }
-}, Tt = { key: 0 };
-function Et(a, e, t, r, i, o) {
+}, Et = { key: 0 };
+function It(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", Tt, [
+  return (s = t.factor) != null && s.active ? (_(), C("div", Et, [
     n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
@@ -3666,7 +3666,7 @@ function Et(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const It = /* @__PURE__ */ T(zt, [["render", Et], ["__scopeId", "data-v-6d4fd206"]]), Rt = {
+const Rt = /* @__PURE__ */ T(Tt, [["render", It], ["__scopeId", "data-v-6d4fd206"]]), At = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3677,6 +3677,9 @@ const It = /* @__PURE__ */ T(zt, [["render", Et], ["__scopeId", "data-v-6d4fd206
     },
     beforeLayer: {
       type: String
+    },
+    activeWeatherLayers: {
+      type: Array
     }
   },
   data() {
@@ -3694,6 +3697,13 @@ const It = /* @__PURE__ */ T(zt, [["render", Et], ["__scopeId", "data-v-6d4fd206
         (a = this.sigWave) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
+    },
+    activeWeatherLayers: {
+      handler() {
+        setTimeout(() => {
+        }, 200);
+      },
+      deep: !0
     }
   },
   methods: {
@@ -3777,10 +3787,10 @@ const It = /* @__PURE__ */ T(zt, [["render", Et], ["__scopeId", "data-v-6d4fd206
     }
   }
 };
-function At(a, e, t, r, i, o) {
+function Dt(a, e, t, r, i, o) {
   return _(), C("div");
 }
-const Dt = /* @__PURE__ */ T(Rt, [["render", At]]), Mt = {
+const Mt = /* @__PURE__ */ T(At, [["render", Dt]]), Wt = {
   name: "IdmSwell",
   props: {
     map: {
@@ -3791,6 +3801,9 @@ const Dt = /* @__PURE__ */ T(Rt, [["render", At]]), Mt = {
     },
     beforeLayer: {
       type: String
+    },
+    activeWeatherLayers: {
+      type: Array
     }
   },
   data() {
@@ -3809,6 +3822,13 @@ const Dt = /* @__PURE__ */ T(Rt, [["render", At]]), Mt = {
         (a = this.swell) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
+    },
+    activeWeatherLayers: {
+      handler() {
+        setTimeout(() => {
+        }, 300);
+      },
+      deep: !0
     }
   },
   methods: {
@@ -3910,9 +3930,7 @@ const Dt = /* @__PURE__ */ T(Rt, [["render", At]]), Mt = {
             }
           },
           this.beforeLayer
-        ), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[swell] add elapsed: ", i, ", total: ", r += i), setTimeout(() => {
-          this.map.moveLayer("country-boundaries", null);
-        }, 100));
+        ), i = (/* @__PURE__ */ new Date()).valueOf() - (t + r), console.log("[swell] add elapsed: ", i, ", total: ", r += i));
       }
     },
     handleClear() {
@@ -3923,7 +3941,7 @@ const Dt = /* @__PURE__ */ T(Rt, [["render", At]]), Mt = {
 function jt(a, e, t, r, i, o) {
   return _(), C("div");
 }
-const Wt = /* @__PURE__ */ T(Mt, [["render", jt]]), Bt = {
+const Bt = /* @__PURE__ */ T(Wt, [["render", jt]]), Nt = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -3935,6 +3953,9 @@ const Wt = /* @__PURE__ */ T(Mt, [["render", jt]]), Bt = {
     beforeLayer: {
       type: String
     },
+    showRampColor: {
+      type: Boolean
+    },
     activeWeatherLayers: {
       type: Array
     }
@@ -3955,6 +3976,14 @@ const Wt = /* @__PURE__ */ T(Mt, [["render", jt]]), Bt = {
         (a = this.prmsl) != null && a.active ? this.handleRender() : this.handleClear();
       },
       deep: !0
+    },
+    activeWeatherLayers: {
+      handler() {
+        setTimeout(() => {
+        }, 300);
+      },
+      deep: !0,
+      immediate: !0
     }
   },
   methods: {
@@ -4035,7 +4064,7 @@ const Wt = /* @__PURE__ */ T(Mt, [["render", jt]]), Bt = {
             },
             this.beforeLayer
           );
-        }, 1e3), o = (/* @__PURE__ */ new Date()).valueOf() - (r + i), console.log("[prmsl] add elapsed: ", o, ", total: ", i += o));
+        }, 100), o = (/* @__PURE__ */ new Date()).valueOf() - (r + i), console.log("[prmsl] add elapsed: ", o, ", total: ", i += o));
       }
     },
     handleMove() {
@@ -4048,10 +4077,10 @@ const Wt = /* @__PURE__ */ T(Mt, [["render", jt]]), Bt = {
     }
   }
 };
-function Nt(a, e, t, r, i, o) {
+function Ot(a, e, t, r, i, o) {
   return _(), C("div");
 }
-const Ot = /* @__PURE__ */ T(Bt, [["render", Nt]]), Ft = {
+const Ft = /* @__PURE__ */ T(Nt, [["render", Ot]]), $t = {
   name: "IdmIceberg",
   props: {
     map: {
@@ -4108,11 +4137,11 @@ const Ot = /* @__PURE__ */ T(Bt, [["render", Nt]]), Ft = {
     }
   }
 };
-function $t(a, e, t, r, i, o) {
+function Vt(a, e, t, r, i, o) {
   return _(), C("div");
 }
-const Vt = /* @__PURE__ */ T(Ft, [["render", $t]]);
-const Ut = {
+const Ut = /* @__PURE__ */ T($t, [["render", Vt]]);
+const Zt = {
   name: "IdmTropicals",
   props: {
     map: {
@@ -4491,7 +4520,7 @@ const Ut = {
       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, s, l, h, d, c, p, f, m, b, y, u, v, g, L, z, w, A, M, W, O, F, H, se, ne, le, ce, he, de, pe, te;
+      var a, e, t, r, i, o, s, l, h, d, c, p, f, m, b, y, u, v, g, L, z, w, A, M, j, O, F, H, se, ne, le, ce, he, de, pe, te;
       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 }), Y = this.interpolateData.filter((E) => E.properties.date === G.format() && !E.properties.disabled), me = this.handleComputePolygons(Y), q = x.featureCollection([...Y]);
         me.forEach((E) => {
@@ -4513,7 +4542,7 @@ const Ut = {
         for (const E of Y)
           if (!E.properties.disabled) {
             let $ = "#f44336";
-            ((l = (s = E.properties) == null ? void 0 : s.wind) == null ? void 0 : l.spd) < 17.2 || !((d = (h = E.properties) == null ? void 0 : h.wind) != null && d.spd) ? $ = "#03f869" : ((p = (c = E.properties) == null ? void 0 : c.wind) == null ? void 0 : p.spd) >= 17.2 && ((m = (f = E.properties) == null ? void 0 : f.wind) == null ? void 0 : m.spd) < 24.5 ? $ = "#f2f202" : ((y = (b = E.properties) == null ? void 0 : b.wind) == null ? void 0 : y.spd) >= 24.5 && ((v = (u = E.properties) == null ? void 0 : u.wind) == null ? void 0 : v.spd) < 32.7 ? $ = "#ff9100" : ((L = (g = E.properties) == null ? void 0 : g.wind) == null ? void 0 : L.spd) >= 32.7 && ((w = (z = E.properties) == null ? void 0 : z.wind) == null ? void 0 : w.spd) < 41.5 ? $ = "#f44336" : ((M = (A = E.properties) == null ? void 0 : A.wind) == null ? void 0 : M.spd) >= 41.5 && ((O = (W = E.properties) == null ? void 0 : W.wind) == null ? void 0 : O.spd) < 51 ? $ = "#f903d0" : ((H = (F = E.properties) == null ? void 0 : F.wind) == null ? void 0 : H.spd) >= 51 ? $ = "#8702f9" : $ = "#f44336";
+            ((l = (s = E.properties) == null ? void 0 : s.wind) == null ? void 0 : l.spd) < 17.2 || !((d = (h = E.properties) == null ? void 0 : h.wind) != null && d.spd) ? $ = "#03f869" : ((p = (c = E.properties) == null ? void 0 : c.wind) == null ? void 0 : p.spd) >= 17.2 && ((m = (f = E.properties) == null ? void 0 : f.wind) == null ? void 0 : m.spd) < 24.5 ? $ = "#f2f202" : ((y = (b = E.properties) == null ? void 0 : b.wind) == null ? void 0 : y.spd) >= 24.5 && ((v = (u = E.properties) == null ? void 0 : u.wind) == null ? void 0 : v.spd) < 32.7 ? $ = "#ff9100" : ((L = (g = E.properties) == null ? void 0 : g.wind) == null ? void 0 : L.spd) >= 32.7 && ((w = (z = E.properties) == null ? void 0 : z.wind) == null ? void 0 : w.spd) < 41.5 ? $ = "#f44336" : ((M = (A = E.properties) == null ? void 0 : A.wind) == null ? void 0 : M.spd) >= 41.5 && ((O = (j = E.properties) == null ? void 0 : j.wind) == null ? void 0 : O.spd) < 51 ? $ = "#f903d0" : ((H = (F = E.properties) == null ? void 0 : F.wind) == null ? void 0 : H.spd) >= 51 ? $ = "#8702f9" : $ = "#f44336";
             const ue = `<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">
@@ -4656,74 +4685,74 @@ const Ut = {
       return x.lineToPolygon(i, { properties: t });
     }
   }
-}, Zt = {
+}, Ht = {
   id: "active-tropical",
   class: "active-tropical"
-}, Ht = { class: "header-box" }, Gt = { class: "main" }, Jt = { key: 0 }, Xt = { class: "sub" }, Yt = {
+}, Gt = { class: "header-box" }, Jt = { class: "main" }, Xt = { key: 0 }, Yt = { class: "sub" }, qt = {
   id: "meteoBox",
   class: "main-box"
-}, qt = { class: "content" }, Qt = { class: "row" }, Kt = {
+}, Qt = { class: "content" }, Kt = { class: "row" }, ea = {
   class: "col col-left",
   style: { "justify-content": "flex-start" }
-}, ea = {
+}, ta = {
   class: "col col-right",
   style: { "justify-content": "flex-start" }
-}, ta = { class: "row" }, aa = {
+}, aa = { class: "row" }, ia = {
   class: "col col-24",
   style: { "justify-content": "flex-start" }
-}, ia = { class: "forecast-models" }, ra = ["onClick"], oa = { class: "more" };
-function sa(a, e, t, r, i, o) {
+}, ra = { class: "forecast-models" }, oa = ["onClick"], sa = { class: "more" };
+function na(a, e, t, r, i, o) {
   var s, l, h, d, c, p, f, m, b, y, u, v, g, L, z;
-  return Pe((_(), C("div", Zt, [
-    n("div", Ht, [
+  return Pe((_(), C("div", Ht, [
+    n("div", Gt, [
       n("div", {
         class: "iconfont close-btn",
         onClick: e[0] || (e[0] = (w) => i.showTropicals = !1)
       }, ""),
-      n("div", Gt, [
-        (l = (s = i.activeTropicals) == null ? void 0 : s.history) != null && l.level ? (_(), C("span", Jt, S((d = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : d.level) + " , ", 1)) : B("", !0),
+      n("div", Jt, [
+        (l = (s = i.activeTropicals) == null ? void 0 : s.history) != null && l.level ? (_(), C("span", Xt, S((d = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : d.level) + " , ", 1)) : B("", !0),
         Ie(S((c = i.activeTropicals) == null ? void 0 : c.name), 1)
       ]),
-      n("div", Xt, " Last update: " + S(o.computeTime(((f = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : f.updated) || ((y = (b = (m = i.activeTropicals) == null ? void 0 : m.forecasts) == null ? void 0 : b.filter((w) => !w.disabled)[0]) == null ? void 0 : y.date))), 1)
+      n("div", Yt, " Last update: " + S(o.computeTime(((f = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : f.updated) || ((y = (b = (m = i.activeTropicals) == null ? void 0 : m.forecasts) == null ? void 0 : b.filter((w) => !w.disabled)[0]) == null ? void 0 : y.date))), 1)
     ]),
-    n("div", Yt, [
-      n("div", qt, [
-        n("div", Qt, [
-          n("div", Kt, [
+    n("div", qt, [
+      n("div", Qt, [
+        n("div", Kt, [
+          n("div", ea, [
             e[2] || (e[2] = n("label", null, "Wind speed : ", -1)),
             n("span", null, S(((v = (u = i.activeTropicals) == null ? void 0 : u.history) == null ? void 0 : v.kts) || "-") + "[kts]", 1)
           ]),
-          n("div", ea, [
+          n("div", ta, [
             e[3] || (e[3] = n("label", null, "Pressure : ", -1)),
             n("span", null, S(((L = (g = i.activeTropicals) == null ? void 0 : g.history) == null ? void 0 : L.pressure) || "-") + "[hPa]", 1)
           ])
         ]),
-        n("div", ta, [
-          n("div", aa, [
+        n("div", aa, [
+          n("div", ia, [
             e[4] || (e[4] = n("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
-            n("div", ia, [
+            n("div", ra, [
               (_(!0), C(_e, null, Se((z = i.activeTropicals) == null ? void 0 : z.forecasts, (w, A) => {
-                var M, W, O, F;
+                var M, j, O, F;
                 return _(), C("div", {
                   key: A,
-                  class: j([
+                  class: W([
                     "model",
                     w.disabled ? "" : "active",
-                    A > 0 && A < ((W = (M = i.activeTropicals) == null ? void 0 : M.forecasts) == null ? void 0 : W.length) - 1 && ((F = (O = i.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : F.length) > 2 ? "center-child" : ""
+                    A > 0 && A < ((j = (M = i.activeTropicals) == null ? void 0 : M.forecasts) == null ? void 0 : j.length) - 1 && ((F = (O = i.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : F.length) > 2 ? "center-child" : ""
                   ]),
                   onClick: (H) => o.handleForecastToggle(w)
                 }, [
                   n("span", {
-                    class: j(w.model)
+                    class: W(w.model)
                   }, S(w.model), 3)
-                ], 10, ra);
+                ], 10, oa);
               }), 128))
             ])
           ])
         ]),
         e[5] || (e[5] = Ze('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-f122450c></div><div class="row" style="padding:2px 10px;" data-v-f122450c><div class="legend" data-v-f122450c><div class="icon td" data-v-f122450c></div><div class="label" data-v-f122450c>TD</div></div><div class="legend" data-v-f122450c><div class="icon ts" data-v-f122450c></div><div class="label" data-v-f122450c>TS</div></div><div class="legend" data-v-f122450c><div class="icon sts" data-v-f122450c></div><div class="label" data-v-f122450c>STS</div></div><div class="legend" data-v-f122450c><div class="icon ty" data-v-f122450c></div><div class="label" data-v-f122450c>TY</div></div><div class="legend" data-v-f122450c><div class="icon sty" data-v-f122450c></div><div class="label" data-v-f122450c>STY</div></div><div class="legend" data-v-f122450c><div class="icon supper-ty" data-v-f122450c></div><div class="label" data-v-f122450c>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-f122450c><div class="legend" data-v-f122450c><div class="icon history" data-v-f122450c></div><div class="label" data-v-f122450c>History</div></div><div class="legend" data-v-f122450c><div class="icon r7" data-v-f122450c></div><div class="label" data-v-f122450c>35kts Radii</div></div><div class="legend" data-v-f122450c><div class="icon r10" data-v-f122450c></div><div class="label" data-v-f122450c>50kts Radii</div></div></div>', 3))
       ]),
-      n("div", oa, [
+      n("div", sa, [
         n("div", {
           class: "button",
           onClick: e[1] || (e[1] = (w) => o.handleStrikeProbability(i.activeTropicals))
@@ -4734,8 +4763,8 @@ function sa(a, e, t, r, i, o) {
     [ze, i.showTropicals && !a.$attrs.hideTropicalsLegend]
   ]);
 }
-const Fe = /* @__PURE__ */ T(Ut, [["render", sa], ["__scopeId", "data-v-f122450c"]]);
-const na = {
+const Fe = /* @__PURE__ */ T(Zt, [["render", na], ["__scopeId", "data-v-f122450c"]]);
+const la = {
   name: "IdmPrecip3h",
   props: {
     factor: {
@@ -4836,10 +4865,10 @@ const na = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, la = { key: 0 };
-function ca(a, e, t, r, i, o) {
+}, ca = { key: 0 };
+function ha(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", la, [
+  return (s = t.factor) != null && s.active ? (_(), C("div", ca, [
     n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
@@ -4855,8 +4884,8 @@ function ca(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const ha = /* @__PURE__ */ T(na, [["render", ca], ["__scopeId", "data-v-9708a7a3"]]);
-const da = {
+const da = /* @__PURE__ */ T(la, [["render", ha], ["__scopeId", "data-v-9708a7a3"]]);
+const pa = {
   name: "IdmVisibility",
   props: {
     factor: {
@@ -4950,10 +4979,10 @@ const da = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, pa = { key: 0 };
-function ma(a, e, t, r, i, o) {
+}, ma = { key: 0 };
+function ua(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", pa, [
+  return (s = t.factor) != null && s.active ? (_(), C("div", ma, [
     n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
@@ -4967,8 +4996,8 @@ function ma(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const ua = /* @__PURE__ */ T(da, [["render", ma], ["__scopeId", "data-v-f7b2fb08"]]);
-const ya = {
+const ya = /* @__PURE__ */ T(pa, [["render", ua], ["__scopeId", "data-v-f7b2fb08"]]);
+const fa = {
   name: "IdmWaterTemp",
   props: {
     factor: {
@@ -5070,10 +5099,10 @@ const ya = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, fa = { key: 0 };
-function ga(a, e, t, r, i, o) {
+}, ga = { key: 0 };
+function ba(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", fa, [
+  return (s = t.factor) != null && s.active ? (_(), C("div", ga, [
     n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
@@ -5087,8 +5116,8 @@ function ga(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const ba = /* @__PURE__ */ T(ya, [["render", ga], ["__scopeId", "data-v-7521f582"]]);
-const va = {
+const va = /* @__PURE__ */ T(fa, [["render", ba], ["__scopeId", "data-v-7521f582"]]);
+const wa = {
   name: "IdmTemp",
   props: {
     factor: {
@@ -5193,10 +5222,10 @@ const va = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, wa = { key: 0 };
-function La(a, e, t, r, i, o) {
+}, La = { key: 0 };
+function xa(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", wa, [
+  return (s = t.factor) != null && s.active ? (_(), C("div", La, [
     n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
@@ -5212,8 +5241,8 @@ function La(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const xa = /* @__PURE__ */ T(va, [["render", La], ["__scopeId", "data-v-25daaa82"]]);
-const _a = {
+const _a = /* @__PURE__ */ T(wa, [["render", xa], ["__scopeId", "data-v-25daaa82"]]);
+const Ca = {
   name: "IdmArctic",
   props: {
     factor: {
@@ -5309,10 +5338,10 @@ const _a = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Ca = { key: 0 };
-function ka(a, e, t, r, i, o) {
+}, ka = { key: 0 };
+function Sa(a, e, t, r, i, o) {
   var s;
-  return (s = t.factor) != null && s.active ? (_(), C("div", Ca, [
+  return (s = t.factor) != null && s.active ? (_(), C("div", ka, [
     n("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
@@ -5326,8 +5355,8 @@ function ka(a, e, t, r, i, o) {
     ]), 4)
   ])) : B("", !0);
 }
-const Sa = /* @__PURE__ */ T(_a, [["render", ka], ["__scopeId", "data-v-5bb73794"]]);
-const Pa = {
+const Pa = /* @__PURE__ */ T(Ca, [["render", Sa], ["__scopeId", "data-v-5bb73794"]]);
+const za = {
   name: "IdmPoint",
   emits: ["point", "more"],
   props: {
@@ -5414,56 +5443,56 @@ const Pa = {
       }
     }
   }
-}, za = {
+}, Ta = {
   id: "point-meteo",
   class: "point-meteo"
-}, Ta = { class: "meteo-box" }, Ea = { class: "header-box" }, Ia = { class: "main" }, Ra = { class: "sub" }, Aa = { class: "main-box" }, Da = { class: "flex-space" }, Ma = { class: "flex-space" }, ja = { class: "flex-space" }, Wa = { class: "flex-space" }, Ba = { class: "flex-space" }, Na = { class: "flex-space" }, Oa = { class: "flex-space" }, Fa = { class: "flex-space" }, $a = { class: "flex-space" };
-function Va(a, e, t, r, i, o) {
-  var s, l, h, d, c, p, f, m, b, y, u, v, g, L, z, w, A, M, W, O, F, H, se, ne, le, ce, he, de, pe, te, G, Y, me, q, E, $, ue, Q, ye, ae, ie, re, be, ve, we, Le, xe;
-  return Pe((_(), C("div", za, [
-    n("div", Ta, [
-      n("div", Ea, [
+}, Ea = { class: "meteo-box" }, Ia = { class: "header-box" }, Ra = { class: "main" }, Aa = { class: "sub" }, Da = { class: "main-box" }, Ma = { class: "flex-space" }, Wa = { class: "flex-space" }, ja = { class: "flex-space" }, Ba = { class: "flex-space" }, Na = { class: "flex-space" }, Oa = { class: "flex-space" }, Fa = { class: "flex-space" }, $a = { class: "flex-space" }, Va = { class: "flex-space" };
+function Ua(a, e, t, r, i, o) {
+  var s, l, h, d, c, p, f, m, b, y, u, v, g, L, z, w, A, M, j, O, F, H, se, ne, le, ce, he, de, pe, te, G, Y, me, q, E, $, ue, Q, ye, ae, ie, re, be, ve, we, Le, xe;
+  return Pe((_(), C("div", Ta, [
+    n("div", Ea, [
+      n("div", Ia, [
         n("div", {
           class: "iconfont close",
           onClick: e[0] || (e[0] = (Te) => i.showMeteo = !1)
         }, ""),
-        n("div", Ia, S(o.computeLat((s = t.meteo) == null ? void 0 : s.lat)) + "," + S(o.computeLng((l = t.meteo) == null ? void 0 : l.lng)), 1),
-        n("div", Ra, S(o.computeTime((h = t.meteo) == null ? void 0 : h.utc)), 1)
+        n("div", Ra, S(o.computeLat((s = t.meteo) == null ? void 0 : s.lat)) + "," + S(o.computeLng((l = t.meteo) == null ? void 0 : l.lng)), 1),
+        n("div", Aa, S(o.computeTime((h = t.meteo) == null ? void 0 : h.utc)), 1)
       ]),
-      n("div", Aa, [
-        n("div", Da, [
+      n("div", Da, [
+        n("div", Ma, [
           e[1] || (e[1] = n("label", null, "Wind", -1)),
           n("span", null, S(((c = (d = t.meteo) == null ? void 0 : d.wind) == null ? void 0 : c.direction) || "-") + "/" + S(o.roundPrecision((f = (p = t.meteo) == null ? void 0 : p.wind) == null ? void 0 : f.kts, 1)) + "[kts]/" + S((b = (m = t.meteo) == null ? void 0 : m.wind) == null ? void 0 : b.scale) + "[BF]/" + S(o.roundPrecision((u = (y = t.meteo) == null ? void 0 : y.gusts) == null ? void 0 : u.kts, 1)) + "[kts]", 1)
         ]),
-        n("div", Ma, [
+        n("div", Wa, [
           e[2] || (e[2] = n("label", null, "Wind.Wave", -1)),
-          n("span", null, S(((L = (g = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : g.wd) == null ? void 0 : L.direction) || "-") + "/" + S(o.roundPrecision((A = (w = (z = t.meteo) == null ? void 0 : z.wave) == null ? void 0 : w.wd) == null ? void 0 : A.height, 1)) + "[m]/" + S(o.roundPrecision((O = (W = (M = t.meteo) == null ? void 0 : M.wave) == null ? void 0 : W.wd) == null ? void 0 : O.period, 1)) + "[s]", 1)
+          n("span", null, S(((L = (g = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : g.wd) == null ? void 0 : L.direction) || "-") + "/" + S(o.roundPrecision((A = (w = (z = t.meteo) == null ? void 0 : z.wave) == null ? void 0 : w.wd) == null ? void 0 : A.height, 1)) + "[m]/" + S(o.roundPrecision((O = (j = (M = t.meteo) == null ? void 0 : M.wave) == null ? void 0 : j.wd) == null ? void 0 : O.period, 1)) + "[s]", 1)
         ]),
         n("div", ja, [
           e[3] || (e[3] = n("label", null, "Swell", -1)),
           n("span", null, S(((se = (H = (F = t.meteo) == null ? void 0 : F.wave) == null ? void 0 : H.swell) == null ? void 0 : se.direction) || "-") + "/" + S(o.roundPrecision((ce = (le = (ne = t.meteo) == null ? void 0 : ne.wave) == null ? void 0 : le.swell) == null ? void 0 : ce.height, 1)) + "[m]/" + S(o.roundPrecision((pe = (de = (he = t.meteo) == null ? void 0 : he.wave) == null ? void 0 : de.swell) == null ? void 0 : pe.period, 1)) + "[s]", 1)
         ]),
-        n("div", Wa, [
+        n("div", Ba, [
           e[4] || (e[4] = n("label", null, "Sig.Wave", -1)),
           n("span", null, S(((Y = (G = (te = t.meteo) == null ? void 0 : te.wave) == null ? void 0 : G.sig) == null ? void 0 : Y.direction) || "-") + "/" + S(o.roundPrecision((E = (q = (me = t.meteo) == null ? void 0 : me.wave) == null ? void 0 : q.sig) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((Q = (ue = ($ = t.meteo) == null ? void 0 : $.wave) == null ? void 0 : ue.sig) == null ? void 0 : Q.period, 1)) + "[s]", 1)
         ]),
-        n("div", Ba, [
+        n("div", Na, [
           e[5] || (e[5] = n("label", null, "Current", -1)),
           n("span", null, S(((ae = (ye = t.meteo) == null ? void 0 : ye.current) == null ? void 0 : ae.direction) || "-") + "/" + S(o.roundPrecision((re = (ie = t.meteo) == null ? void 0 : ie.current) == null ? void 0 : re.kts, 2)) + "[kts]", 1)
         ]),
-        n("div", Na, [
+        n("div", Oa, [
           e[6] || (e[6] = n("label", null, "Precip", -1)),
           n("span", null, S(o.roundPrecision((ve = (be = t.meteo) == null ? void 0 : be.precip) == null ? void 0 : ve.inter6h, 2)) + "[mm]", 1)
         ]),
-        n("div", Oa, [
+        n("div", Fa, [
           e[7] || (e[7] = n("label", null, "Visibility", -1)),
           n("span", null, S(o.roundPrecision(((we = t.meteo) == null ? void 0 : we.visibility) / 1852, 0)) + "[nm]", 1)
         ]),
-        n("div", Fa, [
+        n("div", $a, [
           e[8] || (e[8] = n("label", null, "Temp", -1)),
           n("span", null, S(o.roundPrecision((Le = t.meteo) == null ? void 0 : Le.temp, 0)) + "[°C]", 1)
         ]),
-        n("div", $a, [
+        n("div", Va, [
           e[9] || (e[9] = n("label", null, "Water Temp", -1)),
           n("span", null, S(o.roundPrecision((xe = t.meteo) == null ? void 0 : xe.waterTemp, 2)) + "[°C]", 1)
         ])
@@ -5474,7 +5503,7 @@ function Va(a, e, t, r, i, o) {
     [ze, i.showMeteo]
   ]);
 }
-const Ua = /* @__PURE__ */ T(Pa, [["render", Va], ["__scopeId", "data-v-efcf572f"]]), Za = {
+const Za = /* @__PURE__ */ T(za, [["render", Ua], ["__scopeId", "data-v-efcf572f"]]), Ha = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -5564,10 +5593,10 @@ const Ua = /* @__PURE__ */ T(Pa, [["render", Va], ["__scopeId", "data-v-efcf572f
     }
   }
 };
-function Ha(a, e, t, r, i, o) {
+function Ga(a, e, t, r, i, o) {
   return _(), C("div");
 }
-const Ga = /* @__PURE__ */ T(Za, [["render", Ha]]), Ja = {
+const Ja = /* @__PURE__ */ T(Ha, [["render", Ga]]), Xa = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -5687,10 +5716,10 @@ const Ga = /* @__PURE__ */ T(Za, [["render", Ha]]), Ja = {
     }
   }
 };
-function Xa(a, e, t, r, i, o) {
+function Ya(a, e, t, r, i, o) {
   return _(), C("div");
 }
-const Ya = /* @__PURE__ */ T(Ja, [["render", Xa]]), qa = {
+const qa = /* @__PURE__ */ T(Xa, [["render", Ya]]), Qa = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -5778,11 +5807,11 @@ const Ya = /* @__PURE__ */ T(Ja, [["render", Xa]]), qa = {
     }
   }
 };
-function Qa(a, e, t, r, i, o) {
+function Ka(a, e, t, r, i, o) {
   return _(), C("div");
 }
-const Ka = /* @__PURE__ */ T(qa, [["render", Qa]]);
-const ei = {
+const ei = /* @__PURE__ */ T(Qa, [["render", Ka]]);
+const ti = {
   name: "IdmAlertZone",
   props: {
     map: {
@@ -5912,10 +5941,10 @@ const ei = {
       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);
     }
   }
-}, ti = { id: "idm-gl3-zone-info" }, ai = ["innerHTML"];
-function ii(a, e, t, r, i, o) {
+}, ai = { id: "idm-gl3-zone-info" }, ii = ["innerHTML"];
+function ri(a, e, t, r, i, o) {
   var s;
-  return Pe((_(), C("div", ti, [
+  return Pe((_(), C("div", ai, [
     n("div", {
       class: "iconfont close",
       onClick: e[0] || (e[0] = (l) => i.showZone = !1)
@@ -5923,13 +5952,13 @@ function ii(a, e, t, r, i, o) {
     n("div", {
       class: "rich-context",
       innerHTML: (s = i.form) == null ? void 0 : s.name
-    }, null, 8, ai)
+    }, null, 8, ii)
   ], 512)), [
     [ze, i.showZone]
   ]);
 }
-const ri = /* @__PURE__ */ T(ei, [["render", ii]]);
-const oi = {
+const oi = /* @__PURE__ */ T(ti, [["render", ri]]);
+const si = {
   name: "IdmPort",
   props: {
     map: {
@@ -6021,32 +6050,32 @@ const oi = {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, si = { id: "port-info" }, ni = { class: "port-box" }, li = { class: "flex-start" }, ci = { class: "flex-start" }, hi = { class: "flex-start" }, di = {
+}, ni = { id: "port-info" }, li = { class: "port-box" }, ci = { class: "flex-start" }, hi = { class: "flex-start" }, di = { class: "flex-start" }, pi = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
 };
-function pi(a, e, t, r, i, o) {
-  return Pe((_(), C("div", si, [
+function mi(a, e, t, r, i, o) {
+  return Pe((_(), C("div", ni, [
     n("div", {
       class: "close iconfont",
       onClick: e[0] || (e[0] = (s) => i.showPort = !1)
     }, ""),
-    n("div", ni, [
-      n("div", li, [
+    n("div", li, [
+      n("div", ci, [
         e[2] || (e[2] = n("label", null, "Name : ", -1)),
         n("span", {
           onClick: e[1] || (e[1] = (...s) => o.handleEmit && o.handleEmit(...s))
         }, S(i.form.name), 1)
       ]),
-      n("div", ci, [
+      n("div", hi, [
         e[3] || (e[3] = n("label", null, "Position : ", -1)),
         n("span", null, S(o.computeLat(i.form.lat)) + ", " + S(o.computeLng(i.form.lng)), 1)
       ]),
-      n("div", hi, [
+      n("div", di, [
         e[4] || (e[4] = n("label", null, "LoCode : ", -1)),
         n("span", null, S(i.form.loCode || "-"), 1)
       ]),
-      n("div", di, [
+      n("div", pi, [
         e[5] || (e[5] = n("label", null, "Region : ", -1)),
         n("span", null, S(i.form.zoneName || "-"), 1)
       ])
@@ -6055,7 +6084,7 @@ function pi(a, e, t, r, i, o) {
     [ze, i.showPort]
   ]);
 }
-const mi = /* @__PURE__ */ T(oi, [["render", pi], ["__scopeId", "data-v-c07e4c45"]]), ui = {
+const ui = /* @__PURE__ */ T(si, [["render", mi], ["__scopeId", "data-v-c07e4c45"]]), yi = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -6125,10 +6154,10 @@ const mi = /* @__PURE__ */ T(oi, [["render", pi], ["__scopeId", "data-v-c07e4c45
     }
   }
 };
-function yi(a, e, t, r, i, o) {
+function fi(a, e, t, r, i, o) {
   return _(), C("div");
 }
-const fi = /* @__PURE__ */ T(ui, [["render", yi]]), gi = {
+const gi = /* @__PURE__ */ T(yi, [["render", fi]]), bi = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -6293,10 +6322,10 @@ const fi = /* @__PURE__ */ T(ui, [["render", yi]]), gi = {
     }
   }
 };
-function bi(a, e, t, r, i, o) {
+function vi(a, e, t, r, i, o) {
   return _(), C("div");
 }
-const vi = /* @__PURE__ */ T(gi, [["render", bi]]), wi = {
+const wi = /* @__PURE__ */ T(bi, [["render", vi]]), Li = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -6384,10 +6413,10 @@ const vi = /* @__PURE__ */ T(gi, [["render", bi]]), wi = {
     }
   }
 };
-function Li(a, e, t, r, i, o) {
+function xi(a, e, t, r, i, o) {
   return _(), C("div");
 }
-const xi = /* @__PURE__ */ T(wi, [["render", Li]]), _i = {
+const _i = /* @__PURE__ */ T(Li, [["render", xi]]), Ci = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -6477,10 +6506,10 @@ const xi = /* @__PURE__ */ T(wi, [["render", Li]]), _i = {
     }
   }
 };
-function Ci(a, e, t, r, i, o) {
+function ki(a, e, t, r, i, o) {
   return _(), C("div");
 }
-const ki = /* @__PURE__ */ T(_i, [["render", Ci]]), Si = {
+const Si = /* @__PURE__ */ T(Ci, [["render", ki]]), Pi = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -6529,11 +6558,11 @@ const ki = /* @__PURE__ */ T(_i, [["render", Ci]]), Si = {
     }
   }
 };
-function Pi(a, e, t, r, i, o) {
+function zi(a, e, t, r, i, o) {
   return _(), C("div");
 }
-const zi = /* @__PURE__ */ T(Si, [["render", Pi]]);
-const Ti = {
+const Ti = /* @__PURE__ */ T(Pi, [["render", zi]]);
+const Ei = {
   name: "IdmLatLng",
   props: {
     map: {
@@ -6689,7 +6718,7 @@ const Ti = {
     }
   }
 };
-function Ei(a, e, t, r, i, o) {
+function Ii(a, e, t, r, i, o) {
   return i.lngLat ? (_(), C("div", {
     key: 0,
     class: "lat-lng-tip",
@@ -6700,7 +6729,7 @@ function Ei(a, e, t, r, i, o) {
     n("span", null, S(i.lngLat.lng.pretty), 1)
   ], 4)) : B("", !0);
 }
-const $e = /* @__PURE__ */ T(Ti, [["render", Ei], ["__scopeId", "data-v-73241fe7"]]), Ii = {
+const $e = /* @__PURE__ */ T(Ei, [["render", Ii], ["__scopeId", "data-v-73241fe7"]]), Ri = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -6988,11 +7017,11 @@ const $e = /* @__PURE__ */ T(Ti, [["render", Ei], ["__scopeId", "data-v-73241fe7
     }
   }
 };
-function Ri(a, e, t, r, i, o) {
+function Ai(a, e, t, r, i, o) {
   return _(), C("div");
 }
-const Ai = /* @__PURE__ */ T(Ii, [["render", Ri]]);
-const Di = {
+const Di = /* @__PURE__ */ T(Ri, [["render", Ai]]);
+const Mi = {
   name: "IdmENC",
   props: {
     map: {
@@ -7044,10 +7073,10 @@ const Di = {
     }
   },
   methods: {}
-}, Mi = { key: 0 }, ji = { class: "bar-item" };
-function Wi(a, e, t, r, i, o) {
+}, Wi = { key: 0 }, ji = { class: "bar-item" };
+function Bi(a, e, t, r, i, o) {
   const s = P("ElTooltip");
-  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (_(), C("div", Mi, [
+  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (_(), C("div", Wi, [
     n("div", {
       class: "menu-bar-box",
       style: U({ position: "absolute", right: i.right + "px", bottom: t.bottom })
@@ -7061,7 +7090,7 @@ function Wi(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
+              class: W(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
               onClick: e[0] || (e[0] = (l) => i.vendor = "hi")
             }, e[2] || (e[2] = [
               n("span", { class: "iconfont" }, "HI", -1)
@@ -7077,7 +7106,7 @@ function Wi(a, e, t, r, i, o) {
         }, {
           default: X(() => [
             n("div", {
-              class: j(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
+              class: W(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
               onClick: e[1] || (e[1] = (l) => i.vendor = "i4")
             }, e[3] || (e[3] = [
               n("span", { class: "iconfont" }, "I4", -1)
@@ -7089,40 +7118,40 @@ function Wi(a, e, t, r, i, o) {
     ], 4)
   ])) : B("", !0);
 }
-const Bi = /* @__PURE__ */ T(Di, [["render", Wi], ["__scopeId", "data-v-5873cc66"]]);
-const Ni = {
+const Ni = /* @__PURE__ */ T(Mi, [["render", Bi], ["__scopeId", "data-v-5873cc66"]]);
+const Oi = {
   name: "IdmGLV2",
   components: {
-    IdmGlLayer: ut,
-    IdmWindBarb: bt,
-    IdmWindParticle: _t,
-    IdmCurrents: Pt,
-    IdmCurrentParticle: It,
-    IdmSigWave: Dt,
-    IdmSwell: Wt,
-    IdmPrmsl: Ot,
+    IdmGlLayer: yt,
+    IdmWindBarb: vt,
+    IdmWindParticle: Ct,
+    IdmCurrents: zt,
+    IdmCurrentParticle: Rt,
+    IdmSigWave: Mt,
+    IdmSwell: Bt,
+    IdmPrmsl: Ft,
     // IdmIceEdge,
-    IdmIceberg: Vt,
+    IdmIceberg: Ut,
     IdmTropicals: Fe,
-    IdmPrecip3h: ha,
-    IdmVisibility: ua,
-    IdmWaterTemp: ba,
-    IdmTemp: xa,
-    IdmArctic: Sa,
-    IdmWarZone: Ga,
-    IdmGmdssArea: Ya,
-    IdmEcaZone: Ka,
-    IdmAlertZone: ri,
-    IdmPort: mi,
-    IdmLoadLine: fi,
-    IdmTimezone: vi,
-    IdmVRA: xi,
-    IdmSpecialArea: ki,
-    IdmTerminator: zi,
+    IdmPrecip3h: da,
+    IdmVisibility: ya,
+    IdmWaterTemp: va,
+    IdmTemp: _a,
+    IdmArctic: Pa,
+    IdmWarZone: Ja,
+    IdmGmdssArea: qa,
+    IdmEcaZone: ei,
+    IdmAlertZone: oi,
+    IdmPort: ui,
+    IdmLoadLine: gi,
+    IdmTimezone: wi,
+    IdmVRA: _i,
+    IdmSpecialArea: Si,
+    IdmTerminator: Ti,
     IdmLatLng: $e,
-    IdmMeasure: Ai,
-    IdmPoint: Ua,
-    IdmENC: Bi
+    IdmMeasure: Di,
+    IdmPoint: Za,
+    IdmENC: Ni
   },
   props: {
     map: {
@@ -7171,7 +7200,7 @@ const Ni = {
       enc: "",
       // enc: 'i4',
       defaultMeteoToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg",
-      helper: new vt()
+      helper: new wt()
     };
   },
   watch: {
@@ -7283,8 +7312,8 @@ const Ni = {
                 );
               const z = await Promise.all(L);
               this.weatherLayers = {}, z.map((w) => {
-                var W, O, F, H;
-                const A = ((W = w == null ? void 0 : w.data) == null ? void 0 : W.data) || (w == null ? void 0 : w.data), M = (F = (O = w == null ? void 0 : w.config) == null ? void 0 : O.headers) == null ? void 0 : F.key;
+                var j, O, F, H;
+                const A = ((j = w == null ? void 0 : w.data) == null ? void 0 : j.data) || (w == null ? void 0 : w.data), M = (F = (O = w == null ? void 0 : w.config) == null ? void 0 : O.headers) == null ? void 0 : F.key;
                 M && A && (this.weatherLayers[M] = {
                   raw: A,
                   type: ((H = w == null ? void 0 : w.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
@@ -7296,8 +7325,8 @@ const Ni = {
                   key: "tropicals"
                 }
               }).then((w) => {
-                var W, O, F;
-                const A = Oe.convert2Geojson(((W = w == null ? void 0 : w.data) == null ? void 0 : W.data) || (w == null ? void 0 : w.data)), M = (F = (O = w == null ? void 0 : w.config) == null ? void 0 : O.headers) == null ? void 0 : F.key;
+                var j, O, F;
+                const A = Oe.convert2Geojson(((j = w == null ? void 0 : w.data) == null ? void 0 : j.data) || (w == null ? void 0 : w.data)), M = (F = (O = w == null ? void 0 : w.config) == null ? void 0 : O.headers) == null ? void 0 : F.key;
                 this.weatherLayers[M] = {
                   data: A,
                   active: !0,
@@ -7723,14 +7752,14 @@ const Ni = {
       this.$emit("toggleVersion", Math.random());
     }
   }
-}, Oi = {
+}, Fi = {
   key: 0,
   className: "map-gl-home"
 };
-function Fi(a, e, t, r, i, o) {
-  var te, G, Y, me, q, E, $, ue, Q, ye, ae, ie, re, be, ve, we, Le, xe, Te, Ae, De, Me, je, We, Be, Ne;
-  const s = P("IdmGlLayer"), l = P("IdmENC"), h = P("IdmSigWave"), d = P("IdmSwell"), c = P("IdmPrmsl"), p = P("IdmIceberg"), f = P("IdmTropicals"), m = P("IdmCurrents"), b = P("IdmCurrentParticle"), y = P("IdmWindBarb"), u = P("IdmWindParticle"), v = P("IdmPrecip3h"), g = P("IdmVisibility"), L = P("IdmWaterTemp"), z = P("IdmTemp"), w = P("IdmArctic"), A = P("IdmWarZone"), M = P("IdmGmdssArea"), W = P("IdmEcaZone"), O = P("IdmAlertZone"), F = P("IdmPort"), H = P("IdmLoadLine"), se = P("IdmTimezone"), ne = P("IdmVRA"), le = P("IdmSpecialArea"), ce = P("IdmTerminator"), he = P("IdmLatLng"), de = P("IdmMeasure"), pe = P("IdmPoint");
-  return t.map ? (_(), C("div", Oi, [
+function $i(a, e, t, r, i, o) {
+  var te, G, Y, me, q, E, $, ue, Q, ye, ae, ie, re, be, ve, we, Le, xe, Te, Ae, De, Me, We, je, Be, Ne;
+  const s = P("IdmGlLayer"), l = P("IdmENC"), h = P("IdmSigWave"), d = P("IdmSwell"), c = P("IdmPrmsl"), p = P("IdmIceberg"), f = P("IdmTropicals"), m = P("IdmCurrents"), b = P("IdmCurrentParticle"), y = P("IdmWindBarb"), u = P("IdmWindParticle"), v = P("IdmPrecip3h"), g = P("IdmVisibility"), L = P("IdmWaterTemp"), z = P("IdmTemp"), w = P("IdmArctic"), A = P("IdmWarZone"), M = P("IdmGmdssArea"), j = P("IdmEcaZone"), O = P("IdmAlertZone"), F = P("IdmPort"), H = P("IdmLoadLine"), se = P("IdmTimezone"), ne = P("IdmVRA"), le = P("IdmSpecialArea"), ce = P("IdmTerminator"), he = P("IdmLatLng"), de = P("IdmMeasure"), pe = P("IdmPoint");
+  return t.map ? (_(), C("div", Fi, [
     k(s, I({
       ref: "layer",
       map: t.map,
@@ -7760,13 +7789,15 @@ function Fi(a, e, t, r, i, o) {
     k(h, I({
       map: t.map,
       "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"]),
+      "before-layer": t.beforeLayer,
+      activeWeatherLayers: i.activeWeatherLayers
+    }, a.$attrs), null, 16, ["map", "sig-wave", "before-layer", "activeWeatherLayers"]),
     k(d, I({
       map: t.map,
       swell: (Y = i.weatherLayers) == null ? void 0 : Y.swell,
-      "before-layer": t.beforeLayer
-    }, a.$attrs), null, 16, ["map", "swell", "before-layer"]),
+      "before-layer": t.beforeLayer,
+      activeWeatherLayers: i.activeWeatherLayers
+    }, a.$attrs), null, 16, ["map", "swell", "before-layer", "activeWeatherLayers"]),
     k(c, I({
       map: t.map,
       prmsl: (me = i.weatherLayers) == null ? void 0 : me.prmsl,
@@ -7865,7 +7896,7 @@ function Fi(a, e, t, r, i, o) {
       area: (xe = i.otherLayers) == null ? void 0 : xe["gmdss-areas"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    k(W, I({
+    k(j, I({
       map: t.map,
       zone: (Te = i.otherLayers) == null ? void 0 : Te["eca-zones"],
       "before-layer": t.beforeLayer
@@ -7887,12 +7918,12 @@ function Fi(a, e, t, r, i, o) {
     }, a.$attrs), null, 16, ["map", "line", "before-layer"]),
     k(se, I({
       map: t.map,
-      zone: (je = i.otherLayers) == null ? void 0 : je["time-zones"],
+      zone: (We = i.otherLayers) == null ? void 0 : We["time-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
     k(ne, I({
       map: t.map,
-      area: (We = i.otherLayers) == null ? void 0 : We["voluntary-reporting-area"],
+      area: (je = i.otherLayers) == null ? void 0 : je["voluntary-reporting-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
     k(le, I({
@@ -7920,16 +7951,16 @@ function Fi(a, e, t, r, i, o) {
     }, a.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
   ])) : B("", !0);
 }
-const $i = /* @__PURE__ */ T(Ni, [["render", Fi]]), Yi = {
+const Vi = /* @__PURE__ */ T(Oi, [["render", $i]]), qi = {
   install(a) {
-    a.component("MapboxGL", $i), a.component("TropicalGL", Fe), a.component("LatLngGL", $e);
+    a.component("MapboxGL", Vi), a.component("TropicalGL", Fe), a.component("LatLngGL", $e);
   }
 };
 export {
   $e as LatLngGL,
-  $i as MapboxGL,
-  Yi as MapboxGLPlugin,
-  vt as MapboxHelper,
+  Vi as MapboxGL,
+  qi as MapboxGLPlugin,
+  wt as MapboxHelper,
   V as ParticleSchema,
   Fe as TropicalGL,
   Re as Viewport,