@idmwx/idmui-gl3 4.4.5 → 4.4.7

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 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 { resolveComponent as z, openBlock as x, createElementBlock as C, createElementVNode as l, normalizeStyle as U, createVNode as k, withCtx as Y, normalizeClass as W, 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 We, createStaticVNode as rt, mergeProps as E } from "vue";
 import * as L from "@turf/turf";
 import ot from "@mapbox/sphericalmercator";
 import Z from "moment";
@@ -641,7 +641,7 @@ const T = (a, e) => {
     style: { "align-self": "flex-start", padding: "5px 5px 0 0" }
   }, ""),
   /* @__PURE__ */ l("div", null, "Bookmark your favorite layer to homepage(Max 6)")
-], -1), Mt = { class: "other-layers card-bg" }, $t = /* @__PURE__ */ l("div", { class: "layers-title" }, "Other Layers", -1), jt = { class: "layers-body" }, Nt = ["onClick"], Bt = { class: "flex-start" }, Wt = /* @__PURE__ */ l("div", { class: "switch flex-center" }, [
+], -1), Mt = { class: "other-layers card-bg" }, $t = /* @__PURE__ */ l("div", { class: "layers-title" }, "Other Layers", -1), jt = { class: "layers-body" }, Wt = ["onClick"], Nt = { class: "flex-start" }, Bt = /* @__PURE__ */ l("div", { class: "switch flex-center" }, [
   /* @__PURE__ */ l("i", { class: "iconfont open" }, ""),
   /* @__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" };
@@ -662,7 +662,7 @@ function Ut(a, e, t, r, i, o) {
         }, {
           default: Y(() => [
             l("div", {
-              class: N(t.layerToggle ? "menu-icon active" : "menu-icon"),
+              class: W(t.layerToggle ? "menu-icon active" : "menu-icon"),
               onClick: e[0] || (e[0] = (...h) => o.handleMenuToggle && o.handleMenuToggle(...h))
             }, pt, 2)
           ]),
@@ -678,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: Y(() => [
             l("div", {
-              class: N(i.showMeasure ? "menu-icon active" : "menu-icon"),
+              class: W(i.showMeasure ? "menu-icon active" : "menu-icon"),
               onClick: e[1] || (e[1] = (...h) => o.handleMeasureToggle && o.handleMeasureToggle(...h))
             }, yt, 2)
           ]),
@@ -691,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: Y(() => [
             l("div", {
-              class: N(i.showPoint ? "menu-icon active" : "menu-icon"),
+              class: W(i.showPoint ? "menu-icon active" : "menu-icon"),
               onClick: e[2] || (e[2] = (...h) => o.handlePointToggle && o.handlePointToggle(...h))
             }, gt, 2)
           ]),
@@ -704,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: Y(() => [
             l("div", {
-              class: N(i.showCoord ? "menu-icon active" : "menu-icon"),
+              class: W(i.showCoord ? "menu-icon active" : "menu-icon"),
               onClick: e[3] || (e[3] = (...h) => o.handleCoordToggle && o.handleCoordToggle(...h))
             }, vt, 2)
           ]),
@@ -717,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: Y(() => [
             l("div", {
-              class: N(i.show3d ? "menu-icon active" : "menu-icon"),
+              class: W(i.show3d ? "menu-icon active" : "menu-icon"),
               onClick: e[4] || (e[4] = (...h) => o.handle3DToggle && o.handle3DToggle(...h))
             }, _t, 2)
           ]),
@@ -736,7 +740,7 @@ function Ut(a, e, t, r, i, o) {
     }, [
       (x(!0), C(Ae, null, $e(i.layers.weather.filter((h) => h.collected), (h) => (x(), C("div", {
         key: h.key,
-        class: N(o.computeLayerClass(h, i.activeWeatherLayers)),
+        class: W(o.computeLayerClass(h, i.activeWeatherLayers)),
         onClick: (g) => o.handleActiveWeatherLayerPick(h)
       }, [
         xt,
@@ -748,7 +752,7 @@ function Ut(a, e, t, r, i, o) {
       style: U({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
     }, [
       l("div", {
-        class: N(["list-box", t.layerToggle ? "right-bar" : ""])
+        class: W(["list-box", t.layerToggle ? "right-bar" : ""])
       }, [
         l("div", Ct, [
           kt,
@@ -767,7 +771,7 @@ function Ut(a, e, t, r, i, o) {
                 }, [
                   h.hide ? j("", !0) : (x(), C("div", {
                     key: 0,
-                    class: N(o.computeLayerClass(h, i.weatherLayers))
+                    class: W(o.computeLayerClass(h, i.weatherLayers))
                   }, [
                     l("div", {
                       class: "flex-start",
@@ -791,14 +795,14 @@ 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: N(o.computeLayerClass(h, i.otherLayers)),
+                  class: W(o.computeLayerClass(h, i.otherLayers)),
                   onClick: (g) => o.handleOtherLayerPick(h)
                 }, [
-                  l("div", Bt, [
-                    Wt,
+                  l("div", Nt, [
+                    Bt,
                     l("span", null, S(h.name), 1)
                   ])
-                ], 10, Nt))), 128))
+                ], 10, Wt))), 128))
               ])
             ]),
             l("div", Ot, [
@@ -993,11 +997,11 @@ function ea(a, e, t, r, i, o) {
     }, [
       t.mapProjection === "mercator" ? (x(), C("div", {
         key: 0,
-        class: N(["item-bar flex-start", t.showParticle ? "active" : "inactive"]),
+        class: W(["item-bar flex-start", t.showParticle ? "active" : "inactive"]),
         onClick: e[0] || (e[0] = (...n) => o.handleParticle && o.handleParticle(...n))
       }, Yt, 2)) : j("", !0),
       l("div", {
-        class: N(["item-bar flex-start", i.showFeather ? "active" : "inactive"]),
+        class: W(["item-bar flex-start", i.showFeather ? "active" : "inactive"]),
         onClick: e[1] || (e[1] = (n) => i.showFeather = !i.showFeather)
       }, Kt, 2)
     ], 4)
@@ -1277,10 +1281,10 @@ class Le {
     });
   }
 }
-class B {
+class N {
 }
 // 顶点渲染
-R(B, "vertexSchema", `
+R(N, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -1295,7 +1299,7 @@ R(B, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-R(B, "uvFragmentSchema", `
+R(N, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -1314,7 +1318,7 @@ R(B, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-R(B, "fragmentSchema", `
+R(N, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -3192,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, B.vertexSchema, B.uvFragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -3426,11 +3430,11 @@ function Ca(a, e, t, r, i, o) {
     }, [
       t.mapProjection === "mercator" ? (x(), C("div", {
         key: 0,
-        class: N(["flex-start item-bar", t.showParticle ? "active" : "inactive"]),
+        class: W(["flex-start item-bar", t.showParticle ? "active" : "inactive"]),
         onClick: e[0] || (e[0] = (n) => o.handleParticle(!t.showParticle))
       }, wa, 2)) : j("", !0),
       l("div", {
-        class: N(["flex-start item-bar", i.showJson ? "active" : "inactive"]),
+        class: W(["flex-start item-bar", i.showJson ? "active" : "inactive"]),
         onClick: e[1] || (e[1] = (n) => i.showJson = !i.showJson)
       }, xa, 2)
     ], 4)
@@ -3542,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, B.vertexSchema, B.uvFragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -3612,7 +3616,7 @@ function $a(a, e, t, r, i, o) {
     }, Ma, 4)
   ])) : j("", !0);
 }
-const ja = /* @__PURE__ */ T(Sa, [["render", $a], ["__scopeId", "data-v-6d4fd206"]]), Na = {
+const ja = /* @__PURE__ */ T(Sa, [["render", $a], ["__scopeId", "data-v-6d4fd206"]]), Wa = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3723,10 +3727,10 @@ const ja = /* @__PURE__ */ T(Sa, [["render", $a], ["__scopeId", "data-v-6d4fd206
     }
   }
 };
-function Ba(a, e, t, r, i, o) {
+function Na(a, e, t, r, i, o) {
   return x(), C("div");
 }
-const Wa = /* @__PURE__ */ T(Na, [["render", Ba]]), Oa = {
+const Ba = /* @__PURE__ */ T(Wa, [["render", Na]]), Oa = {
   name: "IdmSwell",
   props: {
     map: {
@@ -4437,7 +4441,7 @@ const Ya = {
       this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (a = this.interpolateMarkers) == null || a.forEach((e) => e == null ? void 0 : e.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource));
     },
     handleDateChange() {
-      var a, e, t, r, i, 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;
+      var a, e, t, r, i, o, s, n, c, d, p, h, g, u, y, f, m, v, b, _, P, w, A, M, $, B, 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 }), q = this.interpolateData.filter((I) => I.properties.date === X.format() && !I.properties.disabled), be = this.handleComputePolygons(q), Q = L.featureCollection([...q]);
         be.forEach((I) => {
@@ -4459,7 +4463,7 @@ const Ya = {
         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" : ((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";
+            ((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 && ((B = ($ = I.properties) == null ? void 0 : $.wind) == null ? void 0 : B.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">
@@ -4649,18 +4653,18 @@ function fi(a, e, t, r, i, o) {
             di,
             l("div", pi, [
               (x(!0), C(Ae, null, $e((P = i.activeTropicals) == null ? void 0 : P.forecasts, (w, A) => {
-                var M, $, W, O;
+                var M, $, B, O;
                 return x(), C("div", {
                   key: A,
-                  class: N([
+                  class: W([
                     "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" : ""
+                    A > 0 && A < (($ = (M = i.activeTropicals) == null ? void 0 : M.forecasts) == null ? void 0 : $.length) - 1 && ((O = (B = i.activeTropicals) == null ? void 0 : B.forecasts) == null ? void 0 : O.length) > 2 ? "center-child" : ""
                   ]),
                   onClick: (J) => o.handleForecastToggle(w)
                 }, [
                   l("span", {
-                    class: N(w.model)
+                    class: W(w.model)
                   }, S(w.model), 3)
                 ], 10, mi);
               }), 128))
@@ -4677,7 +4681,7 @@ function fi(a, e, t, r, i, o) {
       ])
     ])
   ], 512)), [
-    [Ne, i.showTropicals && !a.$attrs.hideTropicalsLegend]
+    [We, i.showTropicals && !a.$attrs.hideTropicalsLegend]
   ]);
 }
 const Ke = /* @__PURE__ */ T(Ya, [["render", fi], ["__scopeId", "data-v-f0e05b29"]]);
@@ -4769,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, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4883,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, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4896,7 +4900,7 @@ const Ii = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ke = (a) => (H("data-v-f7b2fb08"), a = a(), G(), a), Ei = { key: 0 }, Ri = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "nm", -1)), Ai = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "0", -1)), Di = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Mi = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "1.5", -1)), $i = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "3", -1)), ji = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "9", -1)), Ni = [
+}, ke = (a) => (H("data-v-f7b2fb08"), a = a(), G(), a), Ei = { key: 0 }, Ri = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "nm", -1)), Ai = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "0", -1)), Di = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Mi = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "1.5", -1)), $i = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "3", -1)), ji = /* @__PURE__ */ ke(() => /* @__PURE__ */ l("span", null, "9", -1)), Wi = [
   Ri,
   Ai,
   Di,
@@ -4904,16 +4908,16 @@ const Ii = {
   $i,
   ji
 ];
-function Bi(a, e, t, r, i, o) {
+function Ni(a, e, t, r, i, o) {
   var s;
   return (s = t.factor) != null && s.active ? (x(), C("div", Ei, [
     l("div", {
       class: "legend-bars flex-center",
       style: U([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
-    }, Ni, 4)
+    }, Wi, 4)
   ])) : j("", !0);
 }
-const Wi = /* @__PURE__ */ T(Ii, [["render", Bi], ["__scopeId", "data-v-f7b2fb08"]]);
+const Bi = /* @__PURE__ */ T(Ii, [["render", Ni], ["__scopeId", "data-v-f7b2fb08"]]);
 const Oi = {
   name: "IdmWaterTemp",
   props: {
@@ -5003,7 +5007,7 @@ const Oi = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -5126,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, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -5242,7 +5246,7 @@ const dr = {
           // 2m
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, B.vertexSchema, B.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, N.vertexSchema, N.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -5363,15 +5367,15 @@ const Lr = {
 }, 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));
+}, 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" }, Wr = /* @__PURE__ */ ae(() => /* @__PURE__ */ l("label", null, "Current", -1)), Nr = { class: "flex-space" }, Br = /* @__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, 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;
+  var s, n, c, d, p, h, g, u, y, f, m, v, b, _, P, w, A, M, $, B, 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, [
         l("div", {
           class: "iconfont close",
-          onClick: e[0] || (e[0] = (We) => i.showMeteo = !1)
+          onClick: e[0] || (e[0] = (Be) => i.showMeteo = !1)
         }, ""),
         l("div", Sr, S(o.computeLat((s = t.meteo) == null ? void 0 : s.lat)) + "," + S(o.computeLng((n = t.meteo) == null ? void 0 : n.lng)), 1),
         l("div", zr, S(o.computeTime((c = t.meteo) == null ? void 0 : c.utc)), 1)
@@ -5383,7 +5387,7 @@ function Gr(a, e, t, r, i, o) {
         ]),
         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 = (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("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((B = ($ = (M = t.meteo) == null ? void 0 : M.wave) == null ? void 0 : $.wd) == null ? void 0 : B.period, 1)) + "[s]", 1)
         ]),
         l("div", Ar, [
           Dr,
@@ -5394,11 +5398,11 @@ function Gr(a, e, t, r, i, o) {
           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,
+          Wr,
           l("span", null, S(((re = (we = t.meteo) == null ? void 0 : we.current) == null ? void 0 : re.direction) || "-") + "/" + S(o.roundPrecision((se = (oe = t.meteo) == null ? void 0 : oe.current) == null ? void 0 : se.kts, 2)) + "[kts]", 1)
         ]),
-        l("div", Br, [
-          Wr,
+        l("div", Nr, [
+          Br,
           l("span", null, S(o.roundPrecision((Te = (Pe = t.meteo) == null ? void 0 : Pe.precip) == null ? void 0 : Te.inter6h, 2)) + "[mm]", 1)
         ]),
         l("div", Or, [
@@ -5417,7 +5421,7 @@ function Gr(a, e, t, r, i, o) {
       j("", !0)
     ])
   ], 512)), [
-    [Ne, i.showMeteo]
+    [We, i.showMeteo]
   ]);
 }
 const Jr = /* @__PURE__ */ T(Lr, [["render", Gr], ["__scopeId", "data-v-efcf572f"]]), Xr = {
@@ -5871,7 +5875,7 @@ function no(a, e, t, r, i, o) {
       innerHTML: (s = i.form) == null ? void 0 : s.name
     }, null, 8, so)
   ], 512)), [
-    [Ne, i.showZone]
+    [We, i.showZone]
   ]);
 }
 const lo = /* @__PURE__ */ T(ro, [["render", no]]);
@@ -5967,10 +5971,10 @@ 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-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 = {
+}, Ne = (a) => (H("data-v-c07e4c45"), a = a(), G(), a), ho = { id: "port-info" }, po = { class: "port-box" }, mo = { class: "flex-start" }, uo = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), yo = { class: "flex-start" }, fo = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), go = { class: "flex-start" }, bo = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), vo = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
-}, wo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Region : ", -1));
+}, wo = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", null, "Region : ", -1));
 function _o(a, e, t, r, i, o) {
   return je((x(), C("div", ho, [
     l("div", {
@@ -5998,7 +6002,7 @@ function _o(a, e, t, r, i, o) {
       ])
     ])
   ], 512)), [
-    [Ne, i.showPort]
+    [We, i.showPort]
   ]);
 }
 const Lo = /* @__PURE__ */ T(co, [["render", _o], ["__scopeId", "data-v-c07e4c45"]]), xo = {
@@ -6479,7 +6483,7 @@ function $o(a, e, t, r, i, o) {
   return x(), C("div");
 }
 const jo = /* @__PURE__ */ T(Mo, [["render", $o]]);
-const No = {
+const Wo = {
   name: "IdmLatLng",
   props: {
     map: {
@@ -6634,7 +6638,7 @@ const No = {
       (a = this.map) != null && a.getLayer(this.layer) && ((e = this.map) == null || e.removeLayer(this.layer)), (t = this.map) != null && t.getLayer(this.labelLayer) && ((r = this.map) == null || r.removeLayer(this.labelLayer)), (i = this.map) != null && i.getSource(this.source) && ((o = this.map) == null || o.removeSource(this.source));
     }
   }
-}, Bo = (a) => (H("data-v-73241fe7"), a = a(), G(), a), Wo = /* @__PURE__ */ Bo(() => /* @__PURE__ */ l("span", null, ", ", -1));
+}, No = (a) => (H("data-v-73241fe7"), a = a(), G(), a), Bo = /* @__PURE__ */ No(() => /* @__PURE__ */ l("span", null, ", ", -1));
 function Oo(a, e, t, r, i, o) {
   return i.lngLat ? (x(), C("div", {
     key: 0,
@@ -6642,11 +6646,11 @@ function Oo(a, e, t, r, i, o) {
     style: U({ right: i.right + "px", bottom: t.bottom })
   }, [
     l("span", null, S(i.lngLat.lat.pretty), 1),
-    Wo,
+    Bo,
     l("span", null, S(i.lngLat.lng.pretty), 1)
   ], 4)) : j("", !0);
 }
-const et = /* @__PURE__ */ T(No, [["render", Oo], ["__scopeId", "data-v-73241fe7"]]), Fo = {
+const et = /* @__PURE__ */ T(Wo, [["render", Oo], ["__scopeId", "data-v-73241fe7"]]), Fo = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -7011,7 +7015,7 @@ function Qo(a, e, t, r, i, o) {
         }, {
           default: Y(() => [
             l("div", {
-              class: N(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
+              class: W(i.vendor === "hi" ? "menu-icon active" : "menu-icon"),
               onClick: e[0] || (e[0] = (n) => i.vendor = "hi")
             }, Xo, 2)
           ]),
@@ -7025,7 +7029,7 @@ function Qo(a, e, t, r, i, o) {
         }, {
           default: Y(() => [
             l("div", {
-              class: N(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
+              class: W(i.vendor === "i4" ? "menu-icon active" : "menu-icon"),
               onClick: e[1] || (e[1] = (n) => i.vendor = "i4")
             }, qo, 2)
           ]),
@@ -7044,14 +7048,14 @@ const es = {
     IdmWindParticle: ya,
     IdmCurrents: ka,
     IdmCurrentParticle: ja,
-    IdmSigWave: Wa,
+    IdmSigWave: Ba,
     IdmSwell: Va,
     IdmPrmsl: Ha,
     // IdmIceEdge,
     IdmIceberg: Xa,
     IdmTropicals: Ke,
     IdmPrecip3h: Ti,
-    IdmVisibility: Wi,
+    IdmVisibility: Bi,
     IdmWaterTemp: qi,
     IdmTemp: hr,
     IdmArctic: _r,
@@ -7089,7 +7093,7 @@ const es = {
       type: Number
     }
   },
-  emits: ["toggleVersion"],
+  emits: ["toggleVersion", "activeWeatherLayers"],
   data() {
     return {
       weatherLayers: {},
@@ -7144,7 +7148,7 @@ const es = {
         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)), (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"));
+        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")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
       },
       immediate: !0
     }
@@ -7227,8 +7231,8 @@ const es = {
                 );
               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;
+                var $, B, O, J;
+                const A = (($ = w == null ? void 0 : w.data) == null ? void 0 : $.data) || (w == null ? void 0 : w.data), M = (O = (B = w == null ? void 0 : w.config) == null ? void 0 : B.headers) == null ? void 0 : O.key;
                 M && A && (this.weatherLayers[M] = {
                   raw: A,
                   type: ((J = w == null ? void 0 : w.config) == null ? void 0 : J.responseType) === "blob" ? "image" : "json",
@@ -7240,8 +7244,8 @@ const es = {
                   key: "tropicals"
                 }
               }).then((w) => {
-                var $, W, O;
-                const A = Qe.convert2Geojson((($ = 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;
+                var $, B, O;
+                const A = Qe.convert2Geojson((($ = w == null ? void 0 : w.data) == null ? void 0 : $.data) || (w == null ? void 0 : w.data)), M = (O = (B = w == null ? void 0 : w.config) == null ? void 0 : B.headers) == null ? void 0 : O.key;
                 this.weatherLayers[M] = {
                   data: A,
                   active: !0,
@@ -7672,8 +7676,8 @@ const es = {
   className: "map-gl-home"
 };
 function as(a, e, t, r, i, o) {
-  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");
+  var ie, X, q, be, Q, I, F, ve, K, we, re, oe, se, Pe, Te, Ie, Ee, Re, Be, 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"), B = 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",
@@ -7805,10 +7809,10 @@ function as(a, e, t, r, i, o) {
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
     k($, E({
       map: t.map,
-      zone: (We = i.otherLayers) == null ? void 0 : We["eca-zones"],
+      zone: (Be = i.otherLayers) == null ? void 0 : Be["eca-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(W, E({
+    k(B, E({
       map: t.map,
       zone: (Ze = i.otherLayers) == null ? void 0 : Ze["alert-zones"],
       "before-layer": t.beforeLayer
@@ -7872,5 +7876,5 @@ export {
   Ke as TropicalGL,
   Ve as Viewport,
   Le as WebGL,
-  B as WebGLSchema
+  N as WebGLSchema
 };