@idmwx/idmui-gl3 4.4.4 → 4.4.6

package/dist/index.js

@@ -1,7 +1,7 @@
 var at = Object.defineProperty;
 var it = (a, e, t) => e in a ? at(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var R = (a, e, t) => (it(a, typeof e != "symbol" ? e + "" : e, t), t);
-import { resolveComponent as P, openBlock as x, createElementBlock as C, createElementVNode as l, normalizeStyle as U, createVNode as k, withCtx as K, normalizeClass as j, Fragment as Ae, renderList as $e, toDisplayString as S, createCommentVNode as B, createTextVNode as Fe, pushScopeId as H, popScopeId as G, withDirectives as je, vShow as Ne, createStaticVNode as rt, mergeProps as E } from "vue";
+import { resolveComponent as z, openBlock as x, createElementBlock as C, createElementVNode as l, normalizeStyle as U, createVNode as k, withCtx as Y, normalizeClass as N, Fragment as Ae, renderList as $e, toDisplayString as S, createCommentVNode as j, createTextVNode as Fe, pushScopeId as H, popScopeId as G, withDirectives as je, vShow as Ne, createStaticVNode as rt, mergeProps as E } from "vue";
 import * as L from "@turf/turf";
 import ot from "@mapbox/sphericalmercator";
 import Z from "moment";
@@ -646,7 +646,8 @@ const T = (a, e) => {
   /* @__PURE__ */ l("i", { class: "iconfont close" }, "")
 ], -1), Ot = { class: "source-layers card-bg" }, Ft = /* @__PURE__ */ l("span", { class: "layers-title" }, "Forecast Model", -1), Vt = { class: "layers-body" };
 function Ut(a, e, t, r, i, o) {
-  const s = P("ElTooltip"), n = P("ElRadio"), c = P("ElRadioGroup"), d = P("ElScrollbar");
+  var p;
+  const s = z("ElTooltip"), n = z("ElRadio"), c = z("ElRadioGroup"), d = z("ElScrollbar");
   return x(), C("div", ct, [
     l("div", {
       class: "menu-bar-box",
@@ -656,11 +657,12 @@ function Ut(a, e, t, r, i, o) {
         k(s, {
           placement: "left",
           effect: "light",
-          content: "Menu"
+          content: "Menu",
+          "show-after": 2e3
         }, {
-          default: K(() => [
+          default: Y(() => [
             l("div", {
-              class: j(t.layerToggle ? "menu-icon active" : "menu-icon"),
+              class: N(t.layerToggle ? "menu-icon active" : "menu-icon"),
               onClick: e[0] || (e[0] = (...h) => o.handleMenuToggle && o.handleMenuToggle(...h))
             }, pt, 2)
           ]),
@@ -676,11 +678,12 @@ function Ut(a, e, t, r, i, o) {
         k(s, {
           placement: "left",
           effect: "light",
-          content: "Measure"
+          content: "Measure",
+          "show-after": 2e3
         }, {
-          default: K(() => [
+          default: Y(() => [
             l("div", {
-              class: j(i.showMeasure ? "menu-icon active" : "menu-icon"),
+              class: N(i.showMeasure ? "menu-icon active" : "menu-icon"),
               onClick: e[1] || (e[1] = (...h) => o.handleMeasureToggle && o.handleMeasureToggle(...h))
             }, yt, 2)
           ]),
@@ -689,11 +692,12 @@ function Ut(a, e, t, r, i, o) {
         k(s, {
           placement: "left",
           effect: "light",
-          content: "Point Meteo"
+          content: "Point Meteo",
+          "show-after": 2e3
         }, {
-          default: K(() => [
+          default: Y(() => [
             l("div", {
-              class: j(i.showPoint ? "menu-icon active" : "menu-icon"),
+              class: N(i.showPoint ? "menu-icon active" : "menu-icon"),
               onClick: e[2] || (e[2] = (...h) => o.handlePointToggle && o.handlePointToggle(...h))
             }, gt, 2)
           ]),
@@ -702,11 +706,12 @@ function Ut(a, e, t, r, i, o) {
         k(s, {
           placement: "left",
           effect: "light",
-          content: "Grid"
+          content: "Grid",
+          "show-after": 2e3
         }, {
-          default: K(() => [
+          default: Y(() => [
             l("div", {
-              class: j(i.showCoord ? "menu-icon active" : "menu-icon"),
+              class: N(i.showCoord ? "menu-icon active" : "menu-icon"),
               onClick: e[3] || (e[3] = (...h) => o.handleCoordToggle && o.handleCoordToggle(...h))
             }, vt, 2)
           ]),
@@ -715,11 +720,12 @@ function Ut(a, e, t, r, i, o) {
         k(s, {
           placement: "left",
           effect: "light",
-          content: "3D"
+          content: "3D",
+          "show-after": 2e3
         }, {
-          default: K(() => [
+          default: Y(() => [
             l("div", {
-              class: j(i.show3d ? "menu-icon active" : "menu-icon"),
+              class: N(i.show3d ? "menu-icon active" : "menu-icon"),
               onClick: e[4] || (e[4] = (...h) => o.handle3DToggle && o.handle3DToggle(...h))
             }, _t, 2)
           ]),
@@ -727,25 +733,26 @@ function Ut(a, e, t, r, i, o) {
         })
       ])
     ], 4),
-    l("div", {
+    ((p = i.layers.weather.filter((h) => h.collected)) == null ? void 0 : p.length) > 0 ? (x(), C("div", {
+      key: 0,
       class: "active-layers",
       style: U({ right: i.right + "px", bottom: "100px" })
     }, [
       (x(!0), C(Ae, null, $e(i.layers.weather.filter((h) => h.collected), (h) => (x(), C("div", {
         key: h.key,
-        class: j(o.computeLayerClass(h, i.activeWeatherLayers)),
-        onClick: (p) => o.handleActiveWeatherLayerPick(h)
+        class: N(o.computeLayerClass(h, i.activeWeatherLayers)),
+        onClick: (g) => o.handleActiveWeatherLayerPick(h)
       }, [
         xt,
         l("span", null, S(h.name), 1)
       ], 10, Lt))), 128))
-    ], 4),
+    ], 4)) : j("", !0),
     l("div", {
       class: "available-layers flex-center",
       style: U({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
     }, [
       l("div", {
-        class: j(["list-box", t.layerToggle ? "right-bar" : ""])
+        class: N(["list-box", t.layerToggle ? "right-bar" : ""])
       }, [
         l("div", Ct, [
           kt,
@@ -755,26 +762,26 @@ function Ut(a, e, t, r, i, o) {
           }, "")
         ]),
         k(d, { style: { flex: "1" } }, {
-          default: K(() => [
+          default: Y(() => [
             l("div", St, [
               zt,
               l("div", Pt, [
                 (x(!0), C(Ae, null, $e(i.layers.weather, (h) => (x(), C(Ae, {
                   key: h.key
                 }, [
-                  h.hide ? B("", !0) : (x(), C("div", {
+                  h.hide ? j("", !0) : (x(), C("div", {
                     key: 0,
-                    class: j(o.computeLayerClass(h, i.weatherLayers))
+                    class: N(o.computeLayerClass(h, i.weatherLayers))
                   }, [
                     l("div", {
                       class: "flex-start",
-                      onClick: (p) => o.handleWeatherLayerPick(h)
+                      onClick: (g) => o.handleWeatherLayerPick(h)
                     }, [
                       It,
                       l("span", null, S(h.name), 1)
                     ], 8, Tt),
                     l("div", {
-                      onClick: (p) => o.handleWeatherLayerCollect(h)
+                      onClick: (g) => o.handleWeatherLayerCollect(h)
                     }, [
                       h.collected ? (x(), C("i", Rt, "")) : (x(), C("i", At, ""))
                     ], 8, Et)
@@ -788,8 +795,8 @@ function Ut(a, e, t, r, i, o) {
               l("div", jt, [
                 (x(!0), C(Ae, null, $e(i.layers.other, (h) => (x(), C("div", {
                   key: h.key,
-                  class: j(o.computeLayerClass(h, i.otherLayers)),
-                  onClick: (p) => o.handleOtherLayerPick(h)
+                  class: N(o.computeLayerClass(h, i.otherLayers)),
+                  onClick: (g) => o.handleOtherLayerPick(h)
                 }, [
                   l("div", Bt, [
                     Wt,
@@ -806,15 +813,15 @@ function Ut(a, e, t, r, i, o) {
                   "onUpdate:modelValue": e[6] || (e[6] = (h) => i.source = h),
                   class: "layer-radio flex-col-center-start"
                 }, {
-                  default: K(() => [
+                  default: Y(() => [
                     k(n, { value: "GFS" }, {
-                      default: K(() => [
+                      default: Y(() => [
                         Fe("GFS")
                       ]),
                       _: 1
                     }),
                     k(n, { value: "CMEMS" }, {
-                      default: K(() => [
+                      default: Y(() => [
                         Fe("CMEMS")
                       ]),
                       _: 1
@@ -893,7 +900,7 @@ const Ht = {
     toggleVersion: {
       handler() {
         var a, e, t, r;
-        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10, this.bottom = (e = this.current) != null && e.active ? (((t = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : t.clientHeight) || 0) + 138 : (((r = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : r.clientHeight) || 0) + 108;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10, this.bottom = (e = this.current) != null && e.active ? (((t = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : t.clientHeight) || 0) + 148 : (((r = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : r.clientHeight) || 0) + 110;
       },
       immediate: !0
     }
@@ -916,22 +923,22 @@ const Ht = {
         else {
           this.map.addSource(this.source, { type: "geojson", data: n });
           for (let c = 0; c < (this.barbs ?? []).length - 1; c++) {
-            const d = (this.barbs ?? [])[c] || 0, h = (this.barbs ?? [])[c + 1] || 0, p = d < 10 ? `00${d}kts` : d < 100 ? `0${d}kts` : `${d}kts`;
+            const d = (this.barbs ?? [])[c] || 0, p = (this.barbs ?? [])[c + 1] || 0, h = d < 10 ? `00${d}kts` : d < 100 ? `0${d}kts` : `${d}kts`;
             this.map.addLayer(
               {
-                id: p,
+                id: h,
                 type: "symbol",
                 filter: [
                   "all",
                   // @ts-ignore
                   [">=", "spd", d],
                   // @ts-ignore
-                  ["<", "spd", h]
+                  ["<", "spd", p]
                 ],
                 source: this.source,
                 layout: {
                   "symbol-placement": "point",
-                  "icon-image": p,
+                  "icon-image": h,
                   // mapbox sprite
                   "icon-size": 0.14,
                   "icon-offset": [0, -20],
@@ -990,15 +997,15 @@ function ea(a, e, t, r, i, o) {
     }, [
       t.mapProjection === "mercator" ? (x(), C("div", {
         key: 0,
-        class: j(["item-bar flex-start", t.showParticle ? "active" : "inactive"]),
+        class: N(["item-bar flex-start", t.showParticle ? "active" : "inactive"]),
         onClick: e[0] || (e[0] = (...n) => o.handleParticle && o.handleParticle(...n))
-      }, Yt, 2)) : B("", !0),
+      }, Yt, 2)) : j("", !0),
       l("div", {
-        class: j(["item-bar flex-start", i.showFeather ? "active" : "inactive"]),
+        class: N(["item-bar flex-start", i.showFeather ? "active" : "inactive"]),
         onClick: e[1] || (e[1] = (n) => i.showFeather = !i.showFeather)
       }, Kt, 2)
     ], 4)
-  ])) : B("", !0);
+  ])) : j("", !0);
 }
 const ta = /* @__PURE__ */ T(Ht, [["render", ea]]);
 class Ve {
@@ -1046,8 +1053,8 @@ class Ve {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    const e = this.map.getBounds(), t = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, s] = this.convertNLng(r[0]), [n, c] = this.convertNLng(i[0]), [d, h] = this.mercator.px([o, r[1]], t), [p, g] = this.mercator.px([n, i[1]], t), u = Math.round(this.mercator.size * Math.pow(2, t) * (s + c));
-    return [p, g, d + u, h];
+    const e = this.map.getBounds(), t = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, s] = this.convertNLng(r[0]), [n, c] = this.convertNLng(i[0]), [d, p] = this.mercator.px([o, r[1]], t), [h, g] = this.mercator.px([n, i[1]], t), u = Math.round(this.mercator.size * Math.pow(2, t) * (s + c));
+    return [h, g, d + u, p];
   }
   /**
    * [视窗边界像素宽度]
@@ -1062,13 +1069,13 @@ class Ve {
    * @param zoom
    */
   getWorldCopy(e, t) {
-    const r = 2 ** t, [i, o, s, n] = e.map((h) => ~~(h / (r * 256))), c = [];
-    for (let h = n; h <= o; h++)
-      for (let p = i; p <= s; p++)
-        c.push([p, h]);
-    return c.map((h) => {
-      const p = 2 ** t * 256;
-      return [h[0] * p, h[1] * p, p];
+    const r = 2 ** t, [i, o, s, n] = e.map((p) => ~~(p / (r * 256))), c = [];
+    for (let p = n; p <= o; p++)
+      for (let h = i; h <= s; h++)
+        c.push([h, p]);
+    return c.map((p) => {
+      const h = 2 ** t * 256;
+      return [p[0] * h, p[1] * h, h];
     });
   }
   resize() {
@@ -1171,8 +1178,8 @@ class Le {
     const n = s.getContext("2d");
     if (n && e) {
       const c = n == null ? void 0 : n.createLinearGradient(0, 0, 256, 0);
-      return t.forEach(([d, h]) => {
-        c.addColorStop(d, h);
+      return t.forEach(([d, p]) => {
+        c.addColorStop(d, p);
       }), n.fillStyle = c, n.fillRect(0, 0, 256, 1), {
         canvas: s,
         texture: this.createTexture(
@@ -1189,11 +1196,11 @@ class Le {
   }
   setupParticle(e, t = 1e3) {
     const r = Math.ceil(Math.sqrt(t)), i = r * r, o = new Uint8Array(i * 4);
-    for (let h = 0; h < o.length; h++)
-      o[h] = Math.floor(Math.random() * 256);
+    for (let p = 0; p < o.length; p++)
+      o[p] = Math.floor(Math.random() * 256);
     const s = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), n = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), c = new Float32Array(i);
-    for (let h = 0; h < i; h++)
-      c[h] = h;
+    for (let p = 0; p < i; p++)
+      c[p] = p;
     const d = this.createDataBuffer(e, "array", c);
     return { resolution: r, total: i, texture0: s, texture1: n, indexBuffer: d };
   }
@@ -1210,26 +1217,26 @@ class Le {
     return {};
   }
   bindParticle(e, t, r, i, o, s) {
-    const n = this.createProgramWrapper(e, t, r), c = this.createProgramWrapper(e, i, o), d = this.createProgramWrapper(e, i, s), h = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), p = e.createFramebuffer();
-    return { particle: n, screen: c, update: d, quadBuffer: h, frameBuffer: p };
+    const n = this.createProgramWrapper(e, t, r), c = this.createProgramWrapper(e, i, o), d = this.createProgramWrapper(e, i, s), p = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), h = e.createFramebuffer();
+    return { particle: n, screen: c, update: d, quadBuffer: p, frameBuffer: h };
   }
   draw(e, t, r, i, o, s, n) {
     var c, d;
     if (t && r) {
       e.resize(), t == null || t.viewport(0, 0, (c = t == null ? void 0 : t.canvas) == null ? void 0 : c.width, (d = t == null ? void 0 : t.canvas) == null ? void 0 : d.height), t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT | t.DEPTH_BUFFER_BIT);
       try {
-        const h = t.getUniformLocation(r, "u_resolution"), p = t.getUniformLocation(r, "u_image"), g = t.getUniformLocation(r, "u_color");
-        if (t.useProgram(r), t.uniform2f(h, t.canvas.width * e.ratio, t.canvas.height * e.ratio), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, i), t.uniform1i(p, 0), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, o), t.uniform1i(g, 1), n != null && n.uvRange && (n != null && n.sRange)) {
+        const p = t.getUniformLocation(r, "u_resolution"), h = t.getUniformLocation(r, "u_image"), g = t.getUniformLocation(r, "u_color");
+        if (t.useProgram(r), t.uniform2f(p, t.canvas.width * e.ratio, t.canvas.height * e.ratio), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, i), t.uniform1i(h, 0), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, o), t.uniform1i(g, 1), n != null && n.uvRange && (n != null && n.sRange)) {
           const m = t.getUniformLocation(r, "u_range_u_v"), v = t.getUniformLocation(r, "u_range_s");
           t.uniform2f(m, n.uvRange[0], n.uvRange[1]), t.uniform2f(v, n.sRange[0], n.sRange[1]);
         }
         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, _ = m[2] * e.ratio, [z, w, A, M] = [v, _ + v, b, _ + b], $ = new Float32Array([z, A, w, A, z, M, z, M, w, A, w, M]);
+          const v = (m[0] - u[0]) * e.ratio, b = (m[1] - u[3]) * e.ratio, _ = m[2] * e.ratio, [P, w, A, M] = [v, _ + v, b, _ + b], $ = new Float32Array([P, A, w, A, P, M, P, M, w, A, w, M]);
           t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, $, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
-      } catch (h) {
-        console.log(`render failed...${h}`);
+      } catch (p) {
+        console.log(`render failed...${p}`);
       }
     }
   }
@@ -1274,10 +1281,10 @@ class Le {
     });
   }
 }
-class N {
+class B {
 }
 // 顶点渲染
-R(N, "vertexSchema", `
+R(B, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -1292,7 +1299,7 @@ R(N, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-R(N, "uvFragmentSchema", `
+R(B, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -1311,7 +1318,7 @@ R(N, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-R(N, "fragmentSchema", `
+R(B, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -3189,7 +3196,7 @@ const ia = {
           [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, B.vertexSchema, B.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -3254,7 +3261,7 @@ function ua(a, e, t, r, i, o) {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, ma, 4)
-  ])) : B("", !0);
+  ])) : j("", !0);
 }
 const ya = /* @__PURE__ */ T(ia, [["render", ua], ["__scopeId", "data-v-64887571"]]);
 const fa = {
@@ -3320,7 +3327,7 @@ const fa = {
     toggleVersion: {
       handler() {
         var a, e;
-        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10, this.bottom = (((e = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : e.clientHeight) || 0) + 108;
+        this.right = (((a = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : a.clientWidth) || 0) + 10, this.bottom = (((e = document.getElementsByClassName("active-layers")[0]) == null ? void 0 : e.clientHeight) || 0) + 110;
       },
       immediate: !0
     }
@@ -3423,15 +3430,15 @@ function Ca(a, e, t, r, i, o) {
     }, [
       t.mapProjection === "mercator" ? (x(), C("div", {
         key: 0,
-        class: j(["flex-start item-bar", t.showParticle ? "active" : "inactive"]),
+        class: N(["flex-start item-bar", t.showParticle ? "active" : "inactive"]),
         onClick: e[0] || (e[0] = (n) => o.handleParticle(!t.showParticle))
-      }, wa, 2)) : B("", !0),
+      }, wa, 2)) : j("", !0),
       l("div", {
-        class: j(["flex-start item-bar", i.showJson ? "active" : "inactive"]),
+        class: N(["flex-start item-bar", i.showJson ? "active" : "inactive"]),
         onClick: e[1] || (e[1] = (n) => i.showJson = !i.showJson)
       }, xa, 2)
     ], 4)
-  ])) : B("", !0);
+  ])) : j("", !0);
 }
 const ka = /* @__PURE__ */ T(fa, [["render", Ca]]);
 const Sa = {
@@ -3539,7 +3546,7 @@ const Sa = {
           [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, B.vertexSchema, B.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -3607,7 +3614,7 @@ function $a(a, e, t, r, i, o) {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, Ma, 4)
-  ])) : B("", !0);
+  ])) : j("", !0);
 }
 const ja = /* @__PURE__ */ T(Sa, [["render", $a], ["__scopeId", "data-v-6d4fd206"]]), Na = {
   name: "IdmSigWave",
@@ -4145,24 +4152,24 @@ const Ya = {
       }), t.forEach((o) => {
         var d;
         let s = 0, n;
-        const c = a.filter((h) => {
-          var p, g;
-          return ((g = (p = h.properties) == null ? void 0 : p.category) == null ? void 0 : g.split("-")[0]) === o;
+        const c = a.filter((p) => {
+          var h, g;
+          return ((g = (h = p.properties) == null ? void 0 : h.category) == null ? void 0 : g.split("-")[0]) === o;
         });
-        (d = c.filter((h) => {
-          var p, g;
-          return ((p = h.geometry) == null ? void 0 : p.type) === "LineString" && ((g = h.properties) == null ? void 0 : g.type) === "forecast";
-        })[0]) == null || d.properties.model, c.forEach((h, p) => {
+        (d = c.filter((p) => {
+          var h, g;
+          return ((h = p.geometry) == null ? void 0 : h.type) === "LineString" && ((g = p.properties) == null ? void 0 : g.type) === "forecast";
+        })[0]) == null || d.properties.model, c.forEach((p, h) => {
           var g, u, y, f, m, v;
-          ((g = h.geometry) == null ? void 0 : g.type) === "Point" && ((u = h.properties) == null ? void 0 : u.type) === "history" && (s = p, n = n === void 0 ? p : n), ((y = h.geometry) == null ? void 0 : y.type) === "Point" && ((f = h.properties) == null ? void 0 : f.type) === "forecast" && n === void 0 && (n = p), ((m = h.geometry) == null ? void 0 : m.type) === "LineString" && ((v = h.properties) == null || v.type);
-        }), c.map((h, p) => {
+          ((g = p.geometry) == null ? void 0 : g.type) === "Point" && ((u = p.properties) == null ? void 0 : u.type) === "history" && (s = h, n = n === void 0 ? h : n), ((y = p.geometry) == null ? void 0 : y.type) === "Point" && ((f = p.properties) == null ? void 0 : f.type) === "forecast" && n === void 0 && (n = h), ((m = p.geometry) == null ? void 0 : m.type) === "LineString" && ((v = p.properties) == null || v.type);
+        }), c.map((p, h) => {
           var g, u, y, f, m, v, b;
-          if (((g = h.geometry) == null ? void 0 : g.type) === "LineString" && ((u = h.properties) == null || u.type), ((y = h.geometry) == null ? void 0 : y.type) === "Point" && ((f = h.properties) == null ? void 0 : f.type) === "forecast" && (h.properties.name = o, h.properties.format = Z(h.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((m = h.geometry) == null ? void 0 : m.type) === "Point" && ((v = h.properties) == null ? void 0 : v.type) === "history") {
-            h.properties.format = Z(h.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
-            const _ = Z((b = h.properties) == null ? void 0 : b.date).utc().format("HHmm") === Z().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
-            h.properties.showHistoryLabel = _ || p === s, h.properties.showNameLabel = p === s, h.properties.name = o;
+          if (((g = p.geometry) == null ? void 0 : g.type) === "LineString" && ((u = p.properties) == null || u.type), ((y = p.geometry) == null ? void 0 : y.type) === "Point" && ((f = p.properties) == null ? void 0 : f.type) === "forecast" && (p.properties.name = o, p.properties.format = Z(p.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((m = p.geometry) == null ? void 0 : m.type) === "Point" && ((v = p.properties) == null ? void 0 : v.type) === "history") {
+            p.properties.format = Z(p.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
+            const _ = Z((b = p.properties) == null ? void 0 : b.date).utc().format("HHmm") === Z().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
+            p.properties.showHistoryLabel = _ || h === s, p.properties.showNameLabel = h === s, p.properties.name = o;
           }
-          return h;
+          return p;
         });
       }), this.handleInit();
     },
@@ -4423,10 +4430,10 @@ const Ya = {
           }), y = (/* @__PURE__ */ new Date()).valueOf() - (g + u), console.log("[tropical] add elapsed: ", y, ", total: ", u += y));
         }
         this.handleDrawCircle();
-        const h = Qe.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(h));
-        const p = this.interpolateData.filter((g) => g.properties.name === "kristy" && g.properties.model === "ecmwf");
-        console.log(p), this.handleDateChange();
+        const p = Qe.interpolate(this.tropicals, 1);
+        this.interpolateData = JSON.parse(JSON.stringify(p));
+        const h = this.interpolateData.filter((g) => g.properties.name === "kristy" && g.properties.model === "ecmwf");
+        console.log(h), this.handleDateChange();
       }
     },
     handleClear() {
@@ -4434,14 +4441,14 @@ const Ya = {
       this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (a = this.interpolateMarkers) == null || a.forEach((e) => e == null ? void 0 : e.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource));
     },
     handleDateChange() {
-      var a, e, t, r, i, o, s, n, c, d, h, p, g, u, y, f, m, v, b, _, z, w, A, M, $, W, O, J, de, pe, me, ue, ye, fe, ge, ie;
+      var a, e, t, r, i, o, s, n, c, d, p, h, g, u, y, f, m, v, b, _, P, w, A, M, $, W, O, J, de, pe, me, ue, ye, fe, ge, ie;
       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((I) => I.properties.date === X.format() && !I.properties.disabled), be = this.handleComputePolygons(Y), q = L.featureCollection([...Y]);
+        const X = Z(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), q = this.interpolateData.filter((I) => I.properties.date === X.format() && !I.properties.disabled), be = this.handleComputePolygons(q), Q = L.featureCollection([...q]);
         be.forEach((I) => {
-          q.features.push(I);
-        }), (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, {
+          Q.features.push(I);
+        }), (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, {
           type: "geojson",
-          data: q
+          data: Q
         }), (o = this.map) == null || o.addLayer({
           id: this.interpolateLineLayer,
           type: "line",
@@ -4453,10 +4460,10 @@ const Ya = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const I of Y)
+        for (const I of q)
           if (!I.properties.disabled) {
             let F = "#f44336";
-            ((n = (s = I.properties) == null ? void 0 : s.wind) == null ? void 0 : n.spd) < 17.2 || !((d = (c = I.properties) == null ? void 0 : c.wind) != null && d.spd) ? F = "#03f869" : ((p = (h = I.properties) == null ? void 0 : h.wind) == null ? void 0 : p.spd) >= 17.2 && ((u = (g = I.properties) == null ? void 0 : g.wind) == null ? void 0 : u.spd) < 24.5 ? F = "#f2f202" : ((f = (y = I.properties) == null ? void 0 : y.wind) == null ? void 0 : f.spd) >= 24.5 && ((v = (m = I.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? F = "#ff9100" : ((_ = (b = I.properties) == null ? void 0 : b.wind) == null ? void 0 : _.spd) >= 32.7 && ((w = (z = I.properties) == null ? void 0 : z.wind) == null ? void 0 : w.spd) < 41.5 ? F = "#f44336" : ((M = (A = I.properties) == null ? void 0 : A.wind) == null ? void 0 : M.spd) >= 41.5 && ((W = ($ = I.properties) == null ? void 0 : $.wind) == null ? void 0 : W.spd) < 51 ? F = "#f903d0" : ((J = (O = I.properties) == null ? void 0 : O.wind) == null ? void 0 : J.spd) >= 51 ? F = "#8702f9" : F = "#f44336";
+            ((n = (s = I.properties) == null ? void 0 : s.wind) == null ? void 0 : n.spd) < 17.2 || !((d = (c = I.properties) == null ? void 0 : c.wind) != null && d.spd) ? F = "#03f869" : ((h = (p = I.properties) == null ? void 0 : p.wind) == null ? void 0 : h.spd) >= 17.2 && ((u = (g = I.properties) == null ? void 0 : g.wind) == null ? void 0 : u.spd) < 24.5 ? F = "#f2f202" : ((f = (y = I.properties) == null ? void 0 : y.wind) == null ? void 0 : f.spd) >= 24.5 && ((v = (m = I.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? F = "#ff9100" : ((_ = (b = I.properties) == null ? void 0 : b.wind) == null ? void 0 : _.spd) >= 32.7 && ((w = (P = I.properties) == null ? void 0 : P.wind) == null ? void 0 : w.spd) < 41.5 ? F = "#f44336" : ((M = (A = I.properties) == null ? void 0 : A.wind) == null ? void 0 : M.spd) >= 41.5 && ((W = ($ = I.properties) == null ? void 0 : $.wind) == null ? void 0 : W.spd) < 51 ? F = "#f903d0" : ((J = (O = I.properties) == null ? void 0 : O.wind) == null ? void 0 : J.spd) >= 51 ? F = "#8702f9" : F = "#f44336";
             const ve = `<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">
@@ -4471,9 +4478,9 @@ const Ya = {
                           	<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>`, Q = document.createElement("div");
-            Q.className = "hurricane-hourly-marker", Q.innerHTML = `<div class="${I.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ve}</div>`;
-            const we = new te.Marker(Q).setLngLat(I.geometry.coordinates).addTo(this.map);
+                          </svg>`, K = document.createElement("div");
+            K.className = "hurricane-hourly-marker", K.innerHTML = `<div class="${I.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ve}</div>`;
+            const we = new te.Marker(K).setLngLat(I.geometry.coordinates).addTo(this.map);
             if (this.interpolateMarkers.push(we), (de = I.properties) != null && de.showCircle) {
               const re = { radius: 100, coordinates: I.geometry.coordinates }, oe = { radius: 200, coordinates: I.geometry.coordinates }, se = { radius: 500, coordinates: I.geometry.coordinates };
               (pe = this.circleSourceData) == null || pe.features.push(
@@ -4490,7 +4497,7 @@ const Ya = {
         (ge = this.map) != null && ge.getSource(this.interpolateSource) && ((ie = this.map) == null || ie.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(a) {
-      var o, s, n, c, d, h, p, g;
+      var o, s, n, c, d, p, h, g;
       const e = a.features[0], t = (s = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : s.features.filter(
         (u) => {
           var y;
@@ -4510,8 +4517,8 @@ const Ya = {
       this.activeTropicals = {
         name: (d = e == null ? void 0 : e.properties) == null ? void 0 : d.name,
         forecasts: t.map((u) => u.properties),
-        history: (h = r[0]) == null ? void 0 : h.properties,
-        showCircle: (g = (p = t[0]) == null ? void 0 : p.properties) == null ? void 0 : g.showCircle
+        history: (p = r[0]) == null ? void 0 : p.properties,
+        showCircle: (g = (h = t[0]) == null ? void 0 : h.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 te.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
@@ -4599,7 +4606,7 @@ const Ya = {
       return L.lineToPolygon(i, { properties: t });
     }
   }
-}, Ue = (a) => (H("data-v-35ea0576"), a = a(), G(), a), qa = {
+}, Ue = (a) => (H("data-v-f0e05b29"), a = a(), G(), a), qa = {
   id: "active-tropical",
   class: "active-tropical"
 }, Qa = { class: "header-box" }, Ka = { class: "main" }, ei = { key: 0 }, ti = { class: "sub" }, ai = {
@@ -4614,9 +4621,9 @@ const Ya = {
 }, li = /* @__PURE__ */ Ue(() => /* @__PURE__ */ l("label", null, "Pressure : ", -1)), ci = { class: "row" }, hi = {
   class: "col col-24",
   style: { "justify-content": "flex-start" }
-}, di = /* @__PURE__ */ Ue(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), pi = { class: "forecast-models" }, mi = ["onClick"], ui = /* @__PURE__ */ rt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-35ea0576></div><div class="row" style="padding:2px 10px;" data-v-35ea0576><div class="legend" data-v-35ea0576><div class="icon td" data-v-35ea0576></div><div class="label" data-v-35ea0576>TD</div></div><div class="legend" data-v-35ea0576><div class="icon ts" data-v-35ea0576></div><div class="label" data-v-35ea0576>TS</div></div><div class="legend" data-v-35ea0576><div class="icon sts" data-v-35ea0576></div><div class="label" data-v-35ea0576>STS</div></div><div class="legend" data-v-35ea0576><div class="icon ty" data-v-35ea0576></div><div class="label" data-v-35ea0576>TY</div></div><div class="legend" data-v-35ea0576><div class="icon sty" data-v-35ea0576></div><div class="label" data-v-35ea0576>STY</div></div><div class="legend" data-v-35ea0576><div class="icon supper-ty" data-v-35ea0576></div><div class="label" data-v-35ea0576>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-35ea0576><div class="legend" data-v-35ea0576><div class="icon history" data-v-35ea0576></div><div class="label" data-v-35ea0576>History</div></div><div class="legend" data-v-35ea0576><div class="icon r7" data-v-35ea0576></div><div class="label" data-v-35ea0576>35kts Radii</div></div><div class="legend" data-v-35ea0576><div class="icon r10" data-v-35ea0576></div><div class="label" data-v-35ea0576>50kts Radii</div></div></div>', 3), yi = { class: "more" };
+}, di = /* @__PURE__ */ Ue(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), pi = { class: "forecast-models" }, mi = ["onClick"], ui = /* @__PURE__ */ rt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-f0e05b29></div><div class="row" style="padding:2px 10px;" data-v-f0e05b29><div class="legend" data-v-f0e05b29><div class="icon td" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>TD</div></div><div class="legend" data-v-f0e05b29><div class="icon ts" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>TS</div></div><div class="legend" data-v-f0e05b29><div class="icon sts" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>STS</div></div><div class="legend" data-v-f0e05b29><div class="icon ty" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>TY</div></div><div class="legend" data-v-f0e05b29><div class="icon sty" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>STY</div></div><div class="legend" data-v-f0e05b29><div class="icon supper-ty" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-f0e05b29><div class="legend" data-v-f0e05b29><div class="icon history" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>History</div></div><div class="legend" data-v-f0e05b29><div class="icon r7" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>35kts Radii</div></div><div class="legend" data-v-f0e05b29><div class="icon r10" data-v-f0e05b29></div><div class="label" data-v-f0e05b29>50kts Radii</div></div></div>', 3), yi = { class: "more" };
 function fi(a, e, t, r, i, o) {
-  var s, n, c, d, h, p, g, u, y, f, m, v, b, _, z;
+  var s, n, c, d, p, h, g, u, y, f, m, v, b, _, P;
   return je((x(), C("div", qa, [
     l("div", Qa, [
       l("div", {
@@ -4624,10 +4631,10 @@ function fi(a, e, t, r, i, o) {
         onClick: e[0] || (e[0] = (w) => i.showTropicals = !1)
       }, ""),
       l("div", Ka, [
-        (n = (s = i.activeTropicals) == null ? void 0 : s.history) != null && n.level ? (x(), C("span", ei, S((d = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : d.level) + " , ", 1)) : B("", !0),
-        Fe(S((h = i.activeTropicals) == null ? void 0 : h.name), 1)
+        (n = (s = i.activeTropicals) == null ? void 0 : s.history) != null && n.level ? (x(), C("span", ei, S((d = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : d.level) + " , ", 1)) : j("", !0),
+        Fe(S((p = i.activeTropicals) == null ? void 0 : p.name), 1)
       ]),
-      l("div", ti, " 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((w) => !w.disabled)[0]) == null ? void 0 : f.date))), 1)
+      l("div", ti, " Last update: " + S(o.computeTime(((g = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : g.updated) || ((f = (y = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : y.filter((w) => !w.disabled)[0]) == null ? void 0 : f.date))), 1)
     ]),
     l("div", ai, [
       l("div", ii, [
@@ -4645,11 +4652,11 @@ function fi(a, e, t, r, i, o) {
           l("div", hi, [
             di,
             l("div", pi, [
-              (x(!0), C(Ae, null, $e((z = i.activeTropicals) == null ? void 0 : z.forecasts, (w, A) => {
+              (x(!0), C(Ae, null, $e((P = i.activeTropicals) == null ? void 0 : P.forecasts, (w, A) => {
                 var M, $, W, O;
                 return x(), C("div", {
                   key: A,
-                  class: j([
+                  class: N([
                     "model",
                     w.disabled ? "" : "active",
                     A > 0 && A < (($ = (M = i.activeTropicals) == null ? void 0 : M.forecasts) == null ? void 0 : $.length) - 1 && ((O = (W = i.activeTropicals) == null ? void 0 : W.forecasts) == null ? void 0 : O.length) > 2 ? "center-child" : ""
@@ -4657,7 +4664,7 @@ function fi(a, e, t, r, i, o) {
                   onClick: (J) => o.handleForecastToggle(w)
                 }, [
                   l("span", {
-                    class: j(w.model)
+                    class: N(w.model)
                   }, S(w.model), 3)
                 ], 10, mi);
               }), 128))
@@ -4677,7 +4684,7 @@ function fi(a, e, t, r, i, o) {
     [Ne, i.showTropicals && !a.$attrs.hideTropicalsLegend]
   ]);
 }
-const Ke = /* @__PURE__ */ T(Ya, [["render", fi], ["__scopeId", "data-v-35ea0576"]]);
+const Ke = /* @__PURE__ */ T(Ya, [["render", fi], ["__scopeId", "data-v-f0e05b29"]]);
 const gi = {
   name: "IdmPrecip3h",
   props: {
@@ -4766,7 +4773,7 @@ const gi = {
           [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, B.vertexSchema, B.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4796,7 +4803,7 @@ function Pi(a, e, t, r, i, o) {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, zi, 4)
-  ])) : B("", !0);
+  ])) : j("", !0);
 }
 const Ti = /* @__PURE__ */ T(gi, [["render", Pi], ["__scopeId", "data-v-9708a7a3"]]);
 const Ii = {
@@ -4880,7 +4887,7 @@ const Ii = {
           [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, B.vertexSchema, B.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4908,7 +4915,7 @@ function Bi(a, e, t, r, i, o) {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
     }, Ni, 4)
-  ])) : B("", !0);
+  ])) : j("", !0);
 }
 const Wi = /* @__PURE__ */ T(Ii, [["render", Bi], ["__scopeId", "data-v-f7b2fb08"]]);
 const Oi = {
@@ -5000,7 +5007,7 @@ const Oi = {
           //
         ];
         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, B.vertexSchema, B.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -5028,7 +5035,7 @@ function Yi(a, e, t, r, i, o) {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, Xi, 4)
-  ])) : B("", !0);
+  ])) : j("", !0);
 }
 const qi = /* @__PURE__ */ T(Oi, [["render", Yi], ["__scopeId", "data-v-7521f582"]]);
 const Qi = {
@@ -5123,7 +5130,7 @@ const Qi = {
           [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, B.vertexSchema, B.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -5153,7 +5160,7 @@ function cr(a, e, t, r, i, o) {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, lr, 4)
-  ])) : B("", !0);
+  ])) : j("", !0);
 }
 const hr = /* @__PURE__ */ T(Qi, [["render", cr], ["__scopeId", "data-v-25daaa82"]]);
 const dr = {
@@ -5239,7 +5246,7 @@ const dr = {
           // 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, B.vertexSchema, B.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -5267,7 +5274,7 @@ function wr(a, e, t, r, i, o) {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, vr, 4)
-  ])) : B("", !0);
+  ])) : j("", !0);
 }
 const _r = /* @__PURE__ */ T(dr, [["render", wr], ["__scopeId", "data-v-5bb73794"]]);
 const Lr = {
@@ -5357,12 +5364,12 @@ const Lr = {
       }
     }
   }
-}, ae = (a) => (H("data-v-d13117a4"), a = a(), G(), a), xr = {
+}, ae = (a) => (H("data-v-efcf572f"), a = a(), G(), a), xr = {
   id: "point-meteo",
   class: "point-meteo"
 }, Cr = { class: "meteo-box" }, kr = { class: "header-box" }, Sr = { class: "main" }, zr = { class: "sub" }, Pr = { class: "main-box" }, Tr = { class: "flex-space" }, Ir = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Wind", -1)), Er = { class: "flex-space" }, Rr = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), Ar = { class: "flex-space" }, Dr = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Mr = { class: "flex-space" }, $r = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), jr = { class: "flex-space" }, Nr = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Current", -1)), Br = { class: "flex-space" }, Wr = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Precip", -1)), Or = { class: "flex-space" }, Fr = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Vr = { class: "flex-space" }, Ur = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Zr = { class: "flex-space" }, Hr = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Water Temp", -1));
 function Gr(a, e, t, r, i, o) {
-  var s, n, c, d, h, p, g, u, y, f, m, v, b, _, z, w, A, M, $, W, O, J, de, pe, me, ue, ye, fe, ge, ie, X, Y, be, q, I, F, ve, Q, we, re, oe, se, Pe, Te, Ie, Ee, Re;
+  var s, n, c, d, p, h, g, u, y, f, m, v, b, _, P, w, A, M, $, W, O, J, de, pe, me, ue, ye, fe, ge, ie, X, q, be, Q, I, F, ve, K, we, re, oe, se, Pe, Te, Ie, Ee, Re;
   return je((x(), C("div", xr, [
     l("div", Cr, [
       l("div", kr, [
@@ -5376,11 +5383,11 @@ function Gr(a, e, t, r, i, o) {
       l("div", Pr, [
         l("div", Tr, [
           Ir,
-          l("span", null, S(((h = (d = t.meteo) == null ? void 0 : d.wind) == null ? void 0 : h.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("span", null, S(((p = (d = t.meteo) == null ? void 0 : d.wind) == null ? void 0 : p.direction) || "-") + "/" + S(o.roundPrecision((g = (h = t.meteo) == null ? void 0 : h.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", Er, [
           Rr,
-          l("span", null, S(((_ = (b = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : _.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((W = ($ = (M = t.meteo) == null ? void 0 : M.wave) == null ? void 0 : $.wd) == null ? void 0 : W.period, 1)) + "[s]", 1)
+          l("span", null, S(((_ = (b = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : _.direction) || "-") + "/" + S(o.roundPrecision((A = (w = (P = t.meteo) == null ? void 0 : P.wave) == null ? void 0 : w.wd) == null ? void 0 : A.height, 1)) + "[m]/" + S(o.roundPrecision((W = ($ = (M = t.meteo) == null ? void 0 : M.wave) == null ? void 0 : $.wd) == null ? void 0 : W.period, 1)) + "[s]", 1)
         ]),
         l("div", Ar, [
           Dr,
@@ -5388,7 +5395,7 @@ function Gr(a, e, t, r, i, o) {
         ]),
         l("div", Mr, [
           $r,
-          l("span", null, S(((Y = (X = (ie = t.meteo) == null ? void 0 : ie.wave) == null ? void 0 : X.sig) == null ? void 0 : Y.direction) || "-") + "/" + S(o.roundPrecision((I = (q = (be = t.meteo) == null ? void 0 : be.wave) == null ? void 0 : q.sig) == null ? void 0 : I.height, 1)) + "[m]/" + S(o.roundPrecision((Q = (ve = (F = t.meteo) == null ? void 0 : F.wave) == null ? void 0 : ve.sig) == null ? void 0 : Q.period, 1)) + "[s]", 1)
+          l("span", null, S(((q = (X = (ie = t.meteo) == null ? void 0 : ie.wave) == null ? void 0 : X.sig) == null ? void 0 : q.direction) || "-") + "/" + S(o.roundPrecision((I = (Q = (be = t.meteo) == null ? void 0 : be.wave) == null ? void 0 : Q.sig) == null ? void 0 : I.height, 1)) + "[m]/" + S(o.roundPrecision((K = (ve = (F = t.meteo) == null ? void 0 : F.wave) == null ? void 0 : ve.sig) == null ? void 0 : K.period, 1)) + "[s]", 1)
         ]),
         l("div", jr, [
           Nr,
@@ -5411,13 +5418,13 @@ function Gr(a, e, t, r, i, o) {
           l("span", null, S(o.roundPrecision((Re = t.meteo) == null ? void 0 : Re.waterTemp, 2)) + "[°C]", 1)
         ])
       ]),
-      B("", !0)
+      j("", !0)
     ])
   ], 512)), [
     [Ne, i.showMeteo]
   ]);
 }
-const Jr = /* @__PURE__ */ T(Lr, [["render", Gr], ["__scopeId", "data-v-d13117a4"]]), Xr = {
+const Jr = /* @__PURE__ */ T(Lr, [["render", Gr], ["__scopeId", "data-v-efcf572f"]]), Xr = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -5812,7 +5819,7 @@ const ro = {
         layout: {
           "symbol-placement": "point",
           "icon-image": "alert",
-          "icon-size": 0.1,
+          "icon-size": 0.08,
           "icon-allow-overlap": !0,
           "icon-rotation-alignment": "viewport"
         },
@@ -5827,7 +5834,7 @@ const ro = {
         layout: {
           "symbol-placement": "line-center",
           "icon-image": "alert",
-          "icon-size": 0.1,
+          "icon-size": 0.08,
           "icon-allow-overlap": !0,
           "icon-rotation-alignment": "viewport"
         },
@@ -5842,7 +5849,7 @@ const ro = {
         layout: {
           "symbol-placement": "point",
           "icon-image": "alert",
-          "icon-size": 0.1
+          "icon-size": 0.08
         },
         paint: {
           "icon-opacity": 0.8
@@ -5964,7 +5971,7 @@ const co = {
       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-035470f6"), a = a(), G(), a), ho = { id: "port-info" }, po = { class: "port-box" }, mo = { class: "flex-start" }, uo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), yo = { class: "flex-start" }, fo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), go = { class: "flex-start" }, bo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), vo = {
+}, Be = (a) => (H("data-v-c07e4c45"), a = a(), G(), a), ho = { id: "port-info" }, po = { class: "port-box" }, mo = { class: "flex-start" }, uo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), yo = { class: "flex-start" }, fo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), go = { class: "flex-start" }, bo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), vo = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
 }, wo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Region : ", -1));
@@ -5998,7 +6005,7 @@ function _o(a, e, t, r, i, o) {
     [Ne, i.showPort]
   ]);
 }
-const Lo = /* @__PURE__ */ T(co, [["render", _o], ["__scopeId", "data-v-035470f6"]]), xo = {
+const Lo = /* @__PURE__ */ T(co, [["render", _o], ["__scopeId", "data-v-c07e4c45"]]), xo = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -6641,7 +6648,7 @@ function Oo(a, e, t, r, i, o) {
     l("span", null, S(i.lngLat.lat.pretty), 1),
     Wo,
     l("span", null, S(i.lngLat.lng.pretty), 1)
-  ], 4)) : B("", !0);
+  ], 4)) : j("", !0);
 }
 const et = /* @__PURE__ */ T(No, [["render", Oo], ["__scopeId", "data-v-73241fe7"]]), Fo = {
   name: "IdmMeasure",
@@ -6689,8 +6696,8 @@ const et = /* @__PURE__ */ T(No, [["render", Oo], ["__scopeId", "data-v-73241fe7
         (a = this.map) == null || a.getCanvas().addEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.on("mousemove", this.handleMove), (t = this.map) == null || t.on("dblclick", this.handleDblClick), (r = this.map) == null || r.on("click", this.handleClick), (i = this.map) == null || i.on("contextmenu", this.handleContextmenu), this.map && (this.map.getCanvas().style.cursor = "crosshair");
       else {
         (o = this.map) == null || o.getCanvas().removeEventListener("keydown", this.handleKeydown), (s = this.map) == null || s.off("mousemove", this.handleMove), (n = this.map) == null || n.off("dblclick", this.handleDblClick), (c = this.map) == null || c.off("click", this.handleClick), (d = this.map) == null || d.off("contextmenu", this.handleContextmenu);
-        for (const h of this.geojson)
-          this.handleClear(h, !0);
+        for (const p of this.geojson)
+          this.handleClear(p, !0);
         this.geojson = [], this.map && (this.map.getCanvas().style.cursor = "grab");
       }
     },
@@ -6702,7 +6709,7 @@ const et = /* @__PURE__ */ T(No, [["render", Oo], ["__scopeId", "data-v-73241fe7
       }
     },
     handleDrag(a) {
-      var t, r, i, o, s, n, c, d, h, p;
+      var t, r, i, o, s, n, c, d, p, h;
       const e = (r = (t = a.target) == null ? void 0 : t._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const g = this.geojson.filter((m) => m.id === e.split("-")[0])[0];
@@ -6721,13 +6728,13 @@ const et = /* @__PURE__ */ T(No, [["render", Oo], ["__scopeId", "data-v-73241fe7
         this.handleTmpPointUpdate(
           g,
           f[y - 1],
-          { lng: (d = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : d.lng, lat: (p = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lat, properties: f[y].properties },
+          { lng: (d = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : d.lng, lat: (h = (p = a.target) == null ? void 0 : p._lngLat) == null ? void 0 : h.lat, properties: f[y].properties },
           y === f.length - 1 ? void 0 : f[y + 1]
         );
       }
     },
     handleDragEnd(a) {
-      var t, r, i, o, s, n, c, d, h, p;
+      var t, r, i, o, s, n, c, d, p, h;
       const e = (r = (t = a.target) == null ? void 0 : t._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const g = this.geojson.filter((f) => f.id === e.split("-")[0])[0];
@@ -6736,7 +6743,7 @@ const et = /* @__PURE__ */ T(No, [["render", Oo], ["__scopeId", "data-v-73241fe7
           return ((m = f._element) == null ? void 0 : m.id) === e;
         })[0].setLngLat([(o = (i = a.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (n = (s = a.target) == null ? void 0 : s._lngLat) == null ? void 0 : n.lat]);
         const y = g.features.filter((f) => f.geometry.type === "Point" && f.properties.id == e.split("-")[1])[0];
-        y.geometry.coordinates = [(d = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : d.lng, (p = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lat], g.features = g.features.filter((f) => f.geometry.type === "Point"), this.handlePointUpdate(g);
+        y.geometry.coordinates = [(d = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : d.lng, (h = (p = a.target) == null ? void 0 : p._lngLat) == null ? void 0 : h.lat], g.features = g.features.filter((f) => f.geometry.type === "Point"), this.handlePointUpdate(g);
       }
     },
     handleContextmenu(a) {
@@ -6783,12 +6790,12 @@ const et = /* @__PURE__ */ T(No, [["render", Oo], ["__scopeId", "data-v-73241fe7
         let t = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const o = e[i - 1], s = e[i], n = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, d = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, h = ee.calculateDistance(c, d, n.mode === "RL", 2), p = ee.calculateBearing(c, d, n.mode === "RL", 2);
-          t = D.roundPrecision(t + h, 2);
+          const o = e[i - 1], s = e[i], n = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, d = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, p = ee.calculateDistance(c, d, n.mode === "RL", 2), h = ee.calculateBearing(c, d, n.mode === "RL", 2);
+          t = D.roundPrecision(t + p, 2);
           let g;
           n.mode === "RL" ? g = D.convertToMonotonicLng([c, d]) : g = D.convertToMonotonicLng(ee.interpolateCoordinates(c, d, 200));
           const u = L.lineString(g.map((y) => [y.lng, y.lat]));
-          u.properties.dist = h, u.properties.bearing = p, u.properties.total = t, r.push(u);
+          u.properties.dist = p, u.properties.bearing = h, u.properties.total = t, r.push(u);
         }
         e.push(...r), a.total = t;
       }
@@ -6798,19 +6805,19 @@ const et = /* @__PURE__ */ T(No, [["render", Oo], ["__scopeId", "data-v-73241fe7
       const i = L.featureCollection([]);
       let o, s;
       if (e) {
-        const c = e.properties, d = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, h = { lng: t.lng, lat: t.lat };
-        o = ee.calculateDistance(d, h, c.mode === "RL", 2), s = ee.calculateBearing(d, h, c.mode === "RL", 2);
-        let p;
-        c.mode === "RL" ? p = D.convertToMonotonicLng([d, h]) : p = D.convertToMonotonicLng(ee.interpolateCoordinates(d, h, 200));
-        const g = L.lineString(p.map((u) => [u.lng, u.lat]));
+        const c = e.properties, d = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, p = { lng: t.lng, lat: t.lat };
+        o = ee.calculateDistance(d, p, c.mode === "RL", 2), s = ee.calculateBearing(d, p, c.mode === "RL", 2);
+        let h;
+        c.mode === "RL" ? h = D.convertToMonotonicLng([d, p]) : h = D.convertToMonotonicLng(ee.interpolateCoordinates(d, p, 200));
+        const g = L.lineString(h.map((u) => [u.lng, u.lat]));
         g.properties.dist = o, g.properties.bearing = s, i.features.push(g);
       }
       if (r) {
-        const c = t.properties, d = t, h = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = ee.calculateDistance(d, h, c.mode === "RL", 2), s = ee.calculateBearing(d, h, c.mode === "RL", 2);
-        let p;
-        c.mode === "RL" ? p = D.convertToMonotonicLng([d, h]) : p = D.convertToMonotonicLng(ee.interpolateCoordinates(d, h, 200));
-        const g = L.lineString(p.map((u) => [u.lng, u.lat]));
+        const c = t.properties, d = t, p = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
+        o = ee.calculateDistance(d, p, c.mode === "RL", 2), s = ee.calculateBearing(d, p, c.mode === "RL", 2);
+        let h;
+        c.mode === "RL" ? h = D.convertToMonotonicLng([d, p]) : h = D.convertToMonotonicLng(ee.interpolateCoordinates(d, p, 200));
+        const g = L.lineString(h.map((u) => [u.lng, u.lat]));
         g.properties.dist = o, g.properties.bearing = s, i.features.push(g);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(i) : this.map.addSource(this.tmpSource, {
@@ -6917,17 +6924,17 @@ const et = /* @__PURE__ */ T(No, [["render", Oo], ["__scopeId", "data-v-73241fe7
           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 s = o.at(-1), c = a.features.filter((h) => h.geometry.type === "LineString").at(-1), d = document.createElement("div");
+          const s = o.at(-1), c = a.features.filter((p) => p.geometry.type === "LineString").at(-1), d = document.createElement("div");
           d.className = "point-summary-marker", d.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Tol: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new te.Marker(d).setOffset([60, 0]).setLngLat(s.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(a, e = !0) {
-      var o, s, n, c, d, h, p, g, u;
+      var o, s, n, c, d, p, h, g, u;
       const t = `${a.id}-${this.source}`, r = `${a.id}-${this.layer}`, i = `${a.id}-${this.labelLayer}`;
-      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (s = this.map) != null && s.getLayer(i) && this.map.removeLayer(i), (n = this.map) != null && n.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (c = this.map) != null && c.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (d = this.closeMarkers[a.id]) == null || d.remove(), this.closeMarkers[a.id] = void 0, (h = this.pointMarkers[a.id]) == null || h.forEach((y) => {
+      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (s = this.map) != null && s.getLayer(i) && this.map.removeLayer(i), (n = this.map) != null && n.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (c = this.map) != null && c.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (d = this.closeMarkers[a.id]) == null || d.remove(), this.closeMarkers[a.id] = void 0, (p = this.pointMarkers[a.id]) == null || p.forEach((y) => {
         y == null || y.remove();
-      }), this.pointMarkers[a.id] = [], (p = this.tipMarker) == null || p.remove(), this.tipMarker = void 0, e && ((g = this.map) != null && g.getSource(t)) && this.map.removeSource(t), e && ((u = this.map) != null && u.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      }), this.pointMarkers[a.id] = [], (h = this.tipMarker) == null || h.remove(), this.tipMarker = void 0, e && ((g = this.map) != null && g.getSource(t)) && this.map.removeSource(t), e && ((u = this.map) != null && u.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
@@ -6987,31 +6994,52 @@ const Zo = {
     }
   },
   methods: {}
-}, tt = (a) => (H("data-v-cda8e470"), a = a(), G(), a), Ho = { key: 0 }, Go = { class: "bar-item" }, Jo = /* @__PURE__ */ tt(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), Xo = [
+}, tt = (a) => (H("data-v-8928221f"), a = a(), G(), a), Ho = { key: 0 }, Go = { class: "bar-item" }, Jo = /* @__PURE__ */ tt(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), Xo = [
   Jo
 ], Yo = /* @__PURE__ */ tt(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "I4", -1)), qo = [
   Yo
 ];
 function Qo(a, e, t, r, i, o) {
+  const s = z("ElTooltip");
   return t.enabled && t.permission & i.helper.LEVEL.Supper ? (x(), C("div", Ho, [
     l("div", {
       class: "menu-bar-box",
       style: U({ position: "absolute", right: i.right + "px", bottom: t.bottom })
     }, [
       l("div", Go, [
-        l("div", {
-          class: j(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
-          onClick: e[0] || (e[0] = (s) => i.vendor = "hi")
-        }, Xo, 2),
-        l("div", {
-          class: j(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
-          onClick: e[1] || (e[1] = (s) => i.vendor = "i4")
-        }, qo, 2)
+        k(s, {
+          placement: "left",
+          effect: "light",
+          content: "Hifleet",
+          "show-after": 2e3
+        }, {
+          default: Y(() => [
+            l("div", {
+              class: N(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
+              onClick: e[0] || (e[0] = (n) => i.vendor = "hi")
+            }, Xo, 2)
+          ]),
+          _: 1
+        }),
+        k(s, {
+          placement: "left",
+          effect: "light",
+          content: "I4insight",
+          "show-after": 2e3
+        }, {
+          default: Y(() => [
+            l("div", {
+              class: N(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
+              onClick: e[1] || (e[1] = (n) => i.vendor = "i4")
+            }, qo, 2)
+          ]),
+          _: 1
+        })
       ])
     ], 4)
-  ])) : B("", !0);
+  ])) : j("", !0);
 }
-const Ko = /* @__PURE__ */ T(Zo, [["render", Qo], ["__scopeId", "data-v-cda8e470"]]);
+const Ko = /* @__PURE__ */ T(Zo, [["render", Qo], ["__scopeId", "data-v-8928221f"]]);
 const es = {
   name: "IdmGLV2",
   components: {
@@ -7117,10 +7145,10 @@ const es = {
     },
     activeWeatherLayers: {
       handler() {
-        var a, e, t, r, i, o, s, n, c, d, h, p, g, u, y, f, m, v;
+        var a, e, t, r, i, o, s, n, c, d, p, h, g, u, y, f, m, v;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.length > 0 ? ((e = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none"), (r = (t = this.map) == null ? void 0 : t.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || r.setLayoutProperty("visibility", "visible"), (o = this.map) != null && o.getLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer) && ((s = this.map) != null && s.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((c = this.map) == null || c.moveLayer((n = this.viewport) == null ? void 0 : n.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (h = this.map) != null && h.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) && ((p = this.map) != null && p.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((u = this.map) == null || u.moveLayer((g = this.viewport) == null ? void 0 : g.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((f = (y = this.map) == null ? void 0 : y.getLayer(this.enc)) == null || f.setLayoutProperty("visibility", "visible"), (v = (m = this.map) == null ? void 0 : m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none"));
+        this.activeWeatherLayers.length > 0 ? ((e = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none"), (r = (t = this.map) == null ? void 0 : t.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || r.setLayoutProperty("visibility", "visible"), (o = this.map) != null && o.getLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer) && ((s = this.map) != null && s.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((c = this.map) == null || c.moveLayer((n = this.viewport) == null ? void 0 : n.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (p = this.map) != null && p.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((u = this.map) == null || u.moveLayer((g = this.viewport) == null ? void 0 : g.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((f = (y = this.map) == null ? void 0 : y.getLayer(this.enc)) == null || f.setLayoutProperty("visibility", "visible"), (v = (m = this.map) == null ? void 0 : m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none"));
       },
       immediate: !0
     }
@@ -7167,7 +7195,7 @@ const es = {
   },
   methods: {
     async fetchWeatherLayers(a = { tropicals: !1 }) {
-      var i, o, s, n, c, d, h, p;
+      var i, o, s, n, c, d, p, h;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let t = 0, r = 0;
       if (this.map) {
@@ -7201,8 +7229,8 @@ const es = {
                     console.log(`[${w}] fetch layer error: ${A}`);
                   })
                 );
-              const z = await Promise.all(_);
-              this.weatherLayers = {}, z.map((w) => {
+              const P = await Promise.all(_);
+              this.weatherLayers = {}, P.map((w) => {
                 var $, W, O, J;
                 const A = (($ = w == null ? void 0 : w.data) == null ? void 0 : $.data) || (w == null ? void 0 : w.data), M = (O = (W = w == null ? void 0 : w.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
                 M && A && (this.weatherLayers[M] = {
@@ -7238,7 +7266,7 @@ const es = {
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const b = (h = this.weatherLayers["current-direction"]) == null ? void 0 : h.raw, _ = (p = this.weatherLayers["current-speed"]) == null ? void 0 : p.raw;
+              const b = (p = this.weatherLayers["current-direction"]) == null ? void 0 : p.raw, _ = (h = this.weatherLayers["current-speed"]) == null ? void 0 : h.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
                 direction: b,
@@ -7268,19 +7296,19 @@ const es = {
               });
               if (((e = n == null ? void 0 : n.data) == null ? void 0 : e.code) === 0) {
                 const c = (t = n == null ? void 0 : n.data) == null ? void 0 : t.data, d = [];
-                for (const p in c)
+                for (const h in c)
                   d.push(
-                    ne.get(c[p], {
+                    ne.get(c[h], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: p
+                        key: h
                       }
                     })
                   );
-                const h = await Promise.all(d);
-                this.otherLayers = { enc: s }, h.map((p) => {
+                const p = await Promise.all(d);
+                this.otherLayers = { enc: s }, p.map((h) => {
                   var y, f, m;
-                  const g = ((y = p == null ? void 0 : p.data) == null ? void 0 : y.data) || (p == null ? void 0 : p.data), u = (m = (f = p == null ? void 0 : p.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
+                  const g = ((y = h == null ? void 0 : h.data) == null ? void 0 : y.data) || (h == null ? void 0 : h.data), u = (m = (f = h == null ? void 0 : h.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
                   this.otherLayers[u] = g;
                 });
               }
@@ -7292,18 +7320,18 @@ const es = {
               });
               if (((r = n == null ? void 0 : n.data) == null ? void 0 : r.code) === 0) {
                 const c = (i = n == null ? void 0 : n.data) == null ? void 0 : i.data, d = [];
-                for (const p in c)
+                for (const h in c)
                   d.push(
-                    ne.get(c[p], {
+                    ne.get(c[h], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: p
+                        key: h
                       }
                     })
                   );
-                (await Promise.all(d)).map((p) => {
+                (await Promise.all(d)).map((h) => {
                   var y, f, m;
-                  const g = ((y = p == null ? void 0 : p.data) == null ? void 0 : y.data) || (p == null ? void 0 : p.data), u = (m = (f = p == null ? void 0 : p.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
+                  const g = ((y = h == null ? void 0 : h.data) == null ? void 0 : y.data) || (h == null ? void 0 : h.data), u = (m = (f = h == null ? void 0 : h.config) == null ? void 0 : f.headers) == null ? void 0 : m.key;
                   this.otherLayers[u] = g;
                 });
               }
@@ -7325,7 +7353,7 @@ const es = {
       this.activeWindLayer = !!this.activeWeatherLayers.find((e) => e.key === "wind"), this.$refs.layer && (this.$refs.layer.activeWeatherLayers = this.activeWeatherLayers);
     },
     handleRampColorInitial() {
-      var a, e, t, r, i, o, s, n, c, d, h, p;
+      var a, e, t, r, i, o, s, n, c, d, p, h;
       this.viewport.map.getSource((a = this.viewport) == null ? void 0 : a.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
         type: "canvas",
         canvas: (t = this.viewport) == null ? void 0 : t.rampColorCanvas,
@@ -7349,8 +7377,8 @@ const es = {
       }), this.viewport.map.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
-          id: (h = this.viewport) == null ? void 0 : h.particleLayer,
-          source: (p = this.viewport) == null ? void 0 : p.particleSource,
+          id: (p = this.viewport) == null ? void 0 : p.particleLayer,
+          source: (h = this.viewport) == null ? void 0 : h.particleSource,
           layout: {
             visibility: "none"
           }
@@ -7359,7 +7387,7 @@ const es = {
       );
     },
     handleDragEndWithZoom4Json() {
-      var d, h, p, g;
+      var d, p, h, g;
       const a = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, t = 0;
       const r = (d = this.map) == null ? void 0 : d.getBounds(), i = this.map.getZoom(), o = D.convertToStdLng(r._sw.lng), s = D.convertToStdLng(r._ne.lng), n = Math.floor(r._sw.lat), c = Math.ceil(r._ne.lat);
@@ -7368,25 +7396,25 @@ const es = {
           this.weatherLayers[u].active = !1, this.weatherLayers[u].version = Math.random() + 1;
           let y = [];
           if (["swell", "current"].includes(u)) {
-            const f = ((h = this.weatherLayers[u]) == null ? void 0 : h.direction) || {};
+            const f = ((p = this.weatherLayers[u]) == null ? void 0 : p.direction) || {};
             for (const m in f)
               if (m > n && m < c && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = f[m].lng;
                 o > s ? v.forEach((b, _) => {
-                  var z;
+                  var P;
                   if ((b >= o && b <= 180 || b >= -180 && b <= s) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                     const w = L.point([b, m], {
                       val: f[m].val[_],
-                      spd: (z = f[m].spd) == null ? void 0 : z[_]
+                      spd: (P = f[m].spd) == null ? void 0 : P[_]
                     });
                     y.push(w);
                   }
                 }) : v.forEach((b, _) => {
-                  var z;
+                  var P;
                   if (b >= o && b <= s && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                     const w = L.point([b, m], {
                       val: f[m].val[_],
-                      spd: (z = f[m].spd) == null ? void 0 : z[_]
+                      spd: (P = f[m].spd) == null ? void 0 : P[_]
                     });
                     y.push(w);
                   }
@@ -7397,11 +7425,11 @@ const es = {
               if (m) {
                 if (!m.data) {
                   const v = [];
-                  for (const b in (p = m.raw) == null ? void 0 : p.LineString) {
+                  for (const b in (h = m.raw) == null ? void 0 : h.LineString) {
                     const _ = m.raw.LineString[b];
-                    for (const z of _)
+                    for (const P of _)
                       v.push(
-                        L.lineString(z, {
+                        L.lineString(P, {
                           val: Number(b)
                         })
                       );
@@ -7421,8 +7449,8 @@ const es = {
                 if (!m.data) {
                   const b = [];
                   for (const _ in (g = m.raw) == null ? void 0 : g.Polygon) {
-                    const z = m.raw.Polygon[_];
-                    for (const w of z)
+                    const P = m.raw.Polygon[_];
+                    for (const w of P)
                       b.push(
                         L.polygon(w, {
                           val: Number(_)
@@ -7442,19 +7470,19 @@ const es = {
                 const v = f[m].lng;
                 o > s ? v.forEach((b, _) => {
                   if ((b >= o && b <= 180 || b >= -180 && b <= s) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const z = L.point([b, m], {
+                    const P = L.point([b, m], {
                       val: f[m].val[_],
                       spd: f[m].spd[_]
                     });
-                    y.push(z);
+                    y.push(P);
                   }
                 }) : v.forEach((b, _) => {
                   if (b >= o && b <= s && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const z = L.point([b, m], {
+                    const P = L.point([b, m], {
                       val: f[m].val[_],
                       spd: f[m].spd[_]
                     });
-                    y.push(z);
+                    y.push(P);
                   }
                 });
               }
@@ -7571,8 +7599,8 @@ const es = {
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var a, e, t, r, i, o, s, n, c, d, h, p, g;
-      (a = this.map) != null && a.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (t = this.otherLayers) != null && t["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (s = this.otherLayers) != null && s["time-zones"] || (n = this.otherLayers) != null && n.pirates || (c = this.otherLayers) != null && c.ports || (d = this.otherLayers) != null && d.enc || (h = this.otherLayers) != null && h["voluntary-reporting-area"] || (p = this.otherLayers) != null && p["eca-zones"] || (g = this.otherLayers) != null && g["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var a, e, t, r, i, o, s, n, c, d, p, h, g;
+      (a = this.map) != null && a.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (t = this.otherLayers) != null && t["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (s = this.otherLayers) != null && s["time-zones"] || (n = this.otherLayers) != null && n.pirates || (c = this.otherLayers) != null && c.ports || (d = this.otherLayers) != null && d.enc || (p = this.otherLayers) != null && p["voluntary-reporting-area"] || (h = this.otherLayers) != null && h["eca-zones"] || (g = this.otherLayers) != null && g["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
     handleDateChange(a = { tropicals: !1 }) {
       this.fetchWeatherLayers(a), this.fetchOtherLayers({ dayNight: !0 });
@@ -7626,8 +7654,8 @@ const es = {
       });
     },
     handle3dToggle(a) {
-      var e, t, r, i, o, s, n, c, d, h, p, g, u, y, f, m, v, b, _, z;
-      a ? (this.map.setProjection("globe"), this.mapProjection = "globe", (t = this.map) != null && t.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (n = this.map) != null && n.getLayer((s = this.viewport) == null ? void 0 : s.particleLayer) && ((c = this.map) != null && c.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((h = this.map) == null || h.moveLayer((d = this.viewport) == null ? void 0 : d.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (g = this.map) != null && g.getLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((f = this.map) == null || f.moveLayer((y = this.viewport) == null ? void 0 : y.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((m = this.viewport) == null ? void 0 : m.particleLayer) && ((b = this.map) != null && b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((z = this.map) == null || z.moveLayer((_ = this.viewport) == null ? void 0 : _.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+      var e, t, r, i, o, s, n, c, d, p, h, g, u, y, f, m, v, b, _, P;
+      a ? (this.map.setProjection("globe"), this.mapProjection = "globe", (t = this.map) != null && t.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (n = this.map) != null && n.getLayer((s = this.viewport) == null ? void 0 : s.particleLayer) && ((c = this.map) != null && c.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((p = this.map) == null || p.moveLayer((d = this.viewport) == null ? void 0 : d.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (g = this.map) != null && g.getLayer((h = this.viewport) == null ? void 0 : h.rampColorLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((f = this.map) == null || f.moveLayer((y = this.viewport) == null ? void 0 : y.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((m = this.viewport) == null ? void 0 : m.particleLayer) && ((b = this.map) != null && b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((P = this.map) == null || P.moveLayer((_ = this.viewport) == null ? void 0 : _.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
     },
     handleParticle(a) {
       this.particleFactor = a, this.weatherLayers[a.key] && (this.weatherLayers[a.key].particle = a.particle), this.activeWeatherLayers.forEach((r) => {
@@ -7648,8 +7676,8 @@ const es = {
   className: "map-gl-home"
 };
 function as(a, e, t, r, i, o) {
-  var ie, X, Y, be, q, I, F, ve, Q, we, re, oe, se, Pe, Te, Ie, Ee, Re, We, Ze, He, Ge, Je, Xe, Ye, qe;
-  const s = P("IdmGlLayer"), n = P("IdmENC"), c = P("IdmSigWave"), d = P("IdmSwell"), h = P("IdmPrmsl"), p = P("IdmIceberg"), g = P("IdmTropicals"), u = P("IdmCurrents"), y = P("IdmCurrentParticle"), f = P("IdmWindBarb"), m = P("IdmWindParticle"), v = P("IdmPrecip3h"), b = P("IdmVisibility"), _ = P("IdmWaterTemp"), z = P("IdmTemp"), w = P("IdmArctic"), A = P("IdmWarZone"), M = P("IdmGmdssArea"), $ = P("IdmEcaZone"), W = P("IdmAlertZone"), O = P("IdmPort"), J = P("IdmLoadLine"), de = P("IdmTimezone"), pe = P("IdmVRA"), me = P("IdmSpecialArea"), ue = P("IdmTerminator"), ye = P("IdmLatLng"), fe = P("IdmMeasure"), ge = P("IdmPoint");
+  var ie, X, q, be, Q, I, F, ve, K, we, re, oe, se, Pe, Te, Ie, Ee, Re, We, Ze, He, Ge, Je, Xe, Ye, qe;
+  const s = z("IdmGlLayer"), n = z("IdmENC"), c = z("IdmSigWave"), d = z("IdmSwell"), p = z("IdmPrmsl"), h = z("IdmIceberg"), g = z("IdmTropicals"), u = z("IdmCurrents"), y = z("IdmCurrentParticle"), f = z("IdmWindBarb"), m = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), _ = z("IdmWaterTemp"), P = z("IdmTemp"), w = z("IdmArctic"), A = z("IdmWarZone"), M = z("IdmGmdssArea"), $ = 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 ? (x(), C("div", ts, [
     k(s, E({
       ref: "layer",
@@ -7680,18 +7708,18 @@ function as(a, e, t, r, i, o) {
     }, a.$attrs), null, 16, ["map", "sig-wave", "before-layer"]),
     k(d, E({
       map: t.map,
-      swell: (Y = i.weatherLayers) == null ? void 0 : Y.swell,
+      swell: (q = i.weatherLayers) == null ? void 0 : q.swell,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "swell", "before-layer"]),
-    k(h, E({
+    k(p, E({
       map: t.map,
       prmsl: (be = i.weatherLayers) == null ? void 0 : be.prmsl,
       "before-layer": t.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, a.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
-    k(p, E({
+    k(h, E({
       map: t.map,
-      iceberg: (q = i.weatherLayers) == null ? void 0 : q.iceberg,
+      iceberg: (Q = i.weatherLayers) == null ? void 0 : Q.iceberg,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
     k(g, E({
@@ -7723,7 +7751,7 @@ function as(a, e, t, r, i, o) {
       ref: "windBarb",
       map: t.map,
       "map-projection": i.mapProjection,
-      wind: (Q = i.weatherLayers) == null ? void 0 : Q.wind,
+      wind: (K = i.weatherLayers) == null ? void 0 : K.wind,
       current: (we = i.weatherLayers) == null ? void 0 : we.current,
       "before-layer": t.beforeLayer,
       "margin-bottom": i.showRampColor ? "56px" : "30px",
@@ -7757,7 +7785,7 @@ function as(a, e, t, r, i, o) {
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(z, E({
+    k(P, E({
       viewport: i.viewport,
       factor: (Te = i.weatherLayers) == null ? void 0 : Te.temp,
       "before-layer": t.beforeLayer,
@@ -7832,7 +7860,7 @@ function as(a, e, t, r, i, o) {
       show: i.showPoint,
       meteo: i.meteo
     }, a.$attrs, { onPoint: o.handlePointChange }), null, 16, ["map", "show", "meteo", "onPoint"])
-  ])) : B("", !0);
+  ])) : j("", !0);
 }
 const is = /* @__PURE__ */ T(es, [["render", as]]), ds = {
   install(a) {
@@ -7848,5 +7876,5 @@ export {
   Ke as TropicalGL,
   Ve as Viewport,
   Le as WebGL,
-  N as WebGLSchema
+  B as WebGLSchema
 };