@idmwx/idmui-gl3 3.4.3 → 3.4.5

package/dist/index.js

@@ -144,8 +144,8 @@ const k = (i, e) => {
   mt
 ], ft = { class: "bar-item tool-bars" }, yt = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), gt = [
   yt
-], vt = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), bt = [
-  vt
+], bt = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), vt = [
+  bt
 ], _t = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), Lt = [
   _t
 ], wt = /* @__PURE__ */ X(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), xt = [
@@ -182,7 +182,7 @@ function Ft(i, e, t, r, a, s) {
         l("div", {
           class: z(a.showPoint ? "menu-icon active" : "menu-icon"),
           onClick: e[2] || (e[2] = (...o) => s.handlePointToggle && s.handlePointToggle(...o))
-        }, bt, 2),
+        }, vt, 2),
         l("div", {
           class: z(a.showCoord ? "menu-icon active" : "menu-icon"),
           onClick: e[3] || (e[3] = (...o) => s.handleCoordToggle && s.handleCoordToggle(...o))
@@ -559,10 +559,12 @@ class Ue {
     e.setCoordinates(this.getBoundLngLat()), e = this.map.getSource(this.particleSource), e.setCoordinates(this.getBoundLngLat()), this.rampColorCanvas.width = this.map._canvas.clientWidth, this.rampColorCanvas.height = this.map._canvas.clientHeight, this.particleCanvas.width = this.map._canvas.clientWidth, this.particleCanvas.height = this.map._canvas.clientHeight;
   }
   toggle(e) {
-    this.map.setLayoutProperty(this.rampColorLayer, "visibility", e ? "visible" : "none");
+    const t = this.map.getLayoutProperty(this.rampColorLayer, "visibility"), r = e ? "visible" : "none";
+    t !== r && this.map.setLayoutProperty(this.rampColorLayer, "visibility", r);
   }
   toggleParticle(e) {
-    this.map.setLayoutProperty(this.particleLayer, "visibility", e ? "visible" : "none");
+    const t = this.map.getLayoutProperty(this.particleLayer, "visibility"), r = e ? "visible" : "none";
+    t !== r && this.map.setLayoutProperty(this.particleLayer, "visibility", r);
   }
 }
 class le {
@@ -701,12 +703,12 @@ class le {
       try {
         const f = t.getUniformLocation(r, "u_resolution"), d = t.getUniformLocation(r, "u_image"), m = t.getUniformLocation(r, "u_color");
         if (t.useProgram(r), t.uniform2f(f, t.canvas.width * e.ratio, t.canvas.height * e.ratio), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, a), t.uniform1i(d, 0), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, s), t.uniform1i(m, 1), o != null && o.uvRange && (o != null && o.sRange)) {
-          const p = t.getUniformLocation(r, "u_range_u_v"), b = t.getUniformLocation(r, "u_range_s");
-          t.uniform2f(p, o.uvRange[0], o.uvRange[1]), t.uniform2f(b, o.sRange[0], o.sRange[1]);
+          const p = t.getUniformLocation(r, "u_range_u_v"), v = t.getUniformLocation(r, "u_range_s");
+          t.uniform2f(p, o.uvRange[0], o.uvRange[1]), t.uniform2f(v, o.sRange[0], o.sRange[1]);
         }
         const u = e.getBoundPixel(), g = e.map.getZoom() + 1, y = e.getWorldCopy(u, g);
         for (const p of y) {
-          const b = (p[0] - u[0]) * e.ratio, v = (p[1] - u[3]) * e.ratio, L = p[2] * e.ratio, [P, _, I, $] = [b, L + b, v, L + v], D = new Float32Array([P, I, _, I, P, $, P, $, _, I, _, $]);
+          const v = (p[0] - u[0]) * e.ratio, b = (p[1] - u[3]) * e.ratio, L = p[2] * e.ratio, [P, _, I, $] = [v, L + v, b, L + b], D = new Float32Array([P, I, _, I, P, $, P, $, _, I, _, $]);
           t.bindBuffer(t.ARRAY_BUFFER, n), t.bufferData(t.ARRAY_BUFFER, D, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
       } catch (f) {
@@ -1030,8 +1032,8 @@ const Kt = {
       }
     },
     handleClear() {
-      var i, e, t, r, a, s, n;
-      (i = this.viewport) == null || i.toggle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (t = (e = this.viewport) == null ? void 0 : e.map) == null || t.off("resize", this.handleResize), (a = (r = this.viewport) == null ? void 0 : r.map) == null || a.off("movestart", this.handlePause), (n = (s = this.viewport) == null ? void 0 : s.map) == null || n.off("moveend", this.handlePlay), this.handlePause();
+      var i, e, t, r, a, s, n, o;
+      (i = this.viewport) == null || i.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (t = this.viewport) == null ? void 0 : t.map) == null || r.off("resize", this.handleResize), (s = (a = this.viewport) == null ? void 0 : a.map) == null || s.off("movestart", this.handlePause), (o = (n = this.viewport) == null ? void 0 : n.map) == null || o.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
@@ -1114,7 +1116,7 @@ const Kt = {
       });
     }
   }
-}, re = (i) => (U("data-v-b7e5940e"), i = i(), G(), i), Qt = { key: 0 }, ei = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "kts", -1)), ti = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "0", -1)), ii = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "5", -1)), ai = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "10", -1)), ri = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "20", -1)), si = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "30", -1)), oi = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "40", -1)), ni = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "60", -1)), li = [
+}, re = (i) => (U("data-v-bc5ff165"), i = i(), G(), i), Qt = { key: 0 }, ei = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "kts", -1)), ti = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "0", -1)), ii = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "5", -1)), ai = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "10", -1)), ri = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "20", -1)), si = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "30", -1)), oi = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "40", -1)), ni = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "60", -1)), li = [
   ei,
   ti,
   ii,
@@ -1133,7 +1135,7 @@ function hi(i, e, t, r, a, s) {
     }, li, 4)
   ])) : j("", !0);
 }
-const ci = /* @__PURE__ */ k(Kt, [["render", hi], ["__scopeId", "data-v-b7e5940e"]]);
+const ci = /* @__PURE__ */ k(Kt, [["render", hi], ["__scopeId", "data-v-bc5ff165"]]);
 const di = {
   name: "IdmCurrent",
   props: {
@@ -1342,8 +1344,8 @@ function gi(i, e, t, r, a, s) {
     ], 4)
   ])) : j("", !0);
 }
-const vi = /* @__PURE__ */ k(di, [["render", gi], ["__scopeId", "data-v-ce5e09b8"]]);
-const bi = {
+const bi = /* @__PURE__ */ k(di, [["render", gi], ["__scopeId", "data-v-ce5e09b8"]]);
+const vi = {
   name: "IdmCurrentParticle",
   props: {
     factor: {
@@ -1425,8 +1427,8 @@ const bi = {
       }
     },
     handleClear() {
-      var i, e, t, r, a, s, n;
-      (i = this.viewport) == null || i.toggle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (t = (e = this.viewport) == null ? void 0 : e.map) == null || t.off("resize", this.handleResize), (a = (r = this.viewport) == null ? void 0 : r.map) == null || a.off("movestart", this.handlePause), (n = (s = this.viewport) == null ? void 0 : s.map) == null || n.off("moveend", this.handlePlay), this.handlePause();
+      var i, e, t, r, a, s, n, o;
+      (i = this.viewport) == null || i.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (t = this.viewport) == null ? void 0 : t.map) == null || r.off("resize", this.handleResize), (s = (a = this.viewport) == null ? void 0 : a.map) == null || s.off("movestart", this.handlePause), (o = (n = this.viewport) == null ? void 0 : n.map) == null || o.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
@@ -1504,7 +1506,7 @@ const bi = {
       });
     }
   }
-}, he = (i) => (U("data-v-911e159b"), i = i(), G(), i), _i = { key: 0 }, Li = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "kts", -1)), wi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0", -1)), xi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0.4", -1)), Ci = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0.8", -1)), Si = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "1.6", -1)), Pi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "2", -1)), Ti = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ei = [
+}, he = (i) => (U("data-v-5f45c14c"), i = i(), G(), i), _i = { key: 0 }, Li = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "kts", -1)), wi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0", -1)), xi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0.4", -1)), Ci = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "0.8", -1)), Si = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "1.6", -1)), Pi = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "2", -1)), Ti = /* @__PURE__ */ he(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ei = [
   Li,
   wi,
   xi,
@@ -1522,7 +1524,7 @@ function ki(i, e, t, r, a, s) {
     }, Ei, 4)
   ])) : j("", !0);
 }
-const Ri = /* @__PURE__ */ k(bi, [["render", ki], ["__scopeId", "data-v-911e159b"]]), Ii = {
+const Ri = /* @__PURE__ */ k(vi, [["render", ki], ["__scopeId", "data-v-5f45c14c"]]), Ii = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -1969,7 +1971,7 @@ const Vi = {
       type: String
     }
   },
-  emits: ["tropical"],
+  emits: ["tropical", "tropicalProbability"],
   data() {
     return {
       source: "tropicals-source",
@@ -2034,11 +2036,11 @@ const Vi = {
             var u, g;
             return ((u = m.geometry) == null ? void 0 : u.type) === "LineString" && ((g = m.properties) == null ? void 0 : g.type) === "forecast";
           })[0]) == null ? void 0 : d.properties.model, f.forEach((m, u) => {
-            var g, y, p, b, v, L;
-            ((g = m.geometry) == null ? void 0 : g.type) === "Point" && ((y = m.properties) == null ? void 0 : y.type) === "history" && (n = u, o = o === void 0 ? u : o), ((p = m.geometry) == null ? void 0 : p.type) === "Point" && ((b = m.properties) == null ? void 0 : b.type) === "forecast" && o === void 0 && (o = u), ((v = m.geometry) == null ? void 0 : v.type) === "LineString" && ((L = m.properties) == null ? void 0 : L.type) === "forecast" && (c = `${s}-${h}`);
+            var g, y, p, v, b, L;
+            ((g = m.geometry) == null ? void 0 : g.type) === "Point" && ((y = m.properties) == null ? void 0 : y.type) === "history" && (n = u, o = o === void 0 ? u : o), ((p = m.geometry) == null ? void 0 : p.type) === "Point" && ((v = m.properties) == null ? void 0 : v.type) === "forecast" && o === void 0 && (o = u), ((b = m.geometry) == null ? void 0 : b.type) === "LineString" && ((L = m.properties) == null ? void 0 : L.type) === "forecast" && (c = `${s}-${h}`);
           }), f.map((m, u) => {
-            var g, y, p, b, v, L, P, _, I, $;
-            if (((g = m.geometry) == null ? void 0 : g.type) === "LineString" && ((y = m.properties) == null ? void 0 : y.type) === "forecast" && (m.properties.disabled = ((p = m.properties) == null ? void 0 : p.model) !== h), ((b = m.geometry) == null ? void 0 : b.type) === "Point" && ((v = m.properties) == null ? void 0 : v.type) === "forecast" && (m.properties.disabled = ((L = m.properties) == null ? void 0 : L.category) !== c, m.properties.name = s), ((P = m.geometry) == null ? void 0 : P.type) === "Point" && ((_ = m.properties) == null ? void 0 : _.type) === "history") {
+            var g, y, p, v, b, L, P, _, I, $;
+            if (((g = m.geometry) == null ? void 0 : g.type) === "LineString" && ((y = m.properties) == null ? void 0 : y.type) === "forecast" && (m.properties.disabled = ((p = m.properties) == null ? void 0 : p.model) !== h), ((v = m.geometry) == null ? void 0 : v.type) === "Point" && ((b = m.properties) == null ? void 0 : b.type) === "forecast" && (m.properties.disabled = ((L = m.properties) == null ? void 0 : L.category) !== c, m.properties.name = s), ((P = m.geometry) == null ? void 0 : P.type) === "Point" && ((_ = m.properties) == null ? void 0 : _.type) === "history") {
               const D = (($ = (I = m.properties) == null ? void 0 : I.format) == null ? void 0 : $.slice(7, 12)) === q().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm") + "Z";
               m.properties.showHistoryLabel = D || u === n, m.properties.showNameLabel = u === n, m.properties.name = s;
             }
@@ -2306,17 +2308,17 @@ const Vi = {
         if (!((f = this.tropicals) != null && f.cached)) {
           const d = et.interpolate(this.tropicals, 1), m = JSON.parse(JSON.stringify(d)), u = [];
           m.forEach((g) => {
-            var y, p, b;
-            (y = g.properties) != null && y.name && !u.includes((p = g.properties) == null ? void 0 : p.name) && u.push((b = g.properties) == null ? void 0 : b.name);
+            var y, p, v;
+            (y = g.properties) != null && y.name && !u.includes((p = g.properties) == null ? void 0 : p.name) && u.push((v = g.properties) == null ? void 0 : v.name);
           }), u.forEach((g) => {
-            var b;
-            const p = (b = m.filter((v) => {
+            var v;
+            const p = (v = m.filter((b) => {
               var L;
-              return ((L = v.properties) == null ? void 0 : L.name) === g;
-            })[0]) == null ? void 0 : b.properties.model;
-            m.map((v, L) => {
+              return ((L = b.properties) == null ? void 0 : L.name) === g;
+            })[0]) == null ? void 0 : v.properties.model;
+            m.map((b, L) => {
               var P, _;
-              return ((P = v.properties) == null ? void 0 : P.name) === g && (v.properties.disabled = ((_ = v.properties) == null ? void 0 : _.model) !== p), v;
+              return ((P = b.properties) == null ? void 0 : P.name) === g && (b.properties.disabled = ((_ = b.properties) == null ? void 0 : _.model) !== p), b;
             });
           }), this.interpolateData = JSON.parse(JSON.stringify(m));
         }
@@ -2328,7 +2330,7 @@ const Vi = {
       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), (i = this.interpolateMarkers) == null || i.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));
     },
     handleDateChange() {
-      var i, e, t, r, a, s, n, o, h, c, f, d, m, u, g, y, p, b, v, L, P, _, I, $, D, O, W, H;
+      var i, e, t, r, a, s, n, o, h, c, f, d, m, u, g, y, p, v, b, L, P, _, I, $, D, O, W, H;
       if ((i = this.interpolateMarkers) == null || i.forEach((Z) => Z == null ? void 0 : Z.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const Z = q(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), ee = this.interpolateData.filter((A) => A.properties.date === Z.format() && !A.properties.disabled), ce = this.handleComputePolygons(ee), te = C.featureCollection([...ee]);
         ce.forEach((A) => {
@@ -2350,7 +2352,7 @@ const Vi = {
         for (const A of ee)
           if (!A.properties.disabled) {
             let V = "#f44336";
-            ((o = (n = A.properties) == null ? void 0 : n.wind) == null ? void 0 : o.spd) < 17.2 ? V = "#03f869" : ((c = (h = A.properties) == null ? void 0 : h.wind) == null ? void 0 : c.spd) >= 17.2 && ((d = (f = A.properties) == null ? void 0 : f.wind) == null ? void 0 : d.spd) < 24.5 ? V = "#f2f202" : ((u = (m = A.properties) == null ? void 0 : m.wind) == null ? void 0 : u.spd) >= 24.5 && ((y = (g = A.properties) == null ? void 0 : g.wind) == null ? void 0 : y.spd) < 32.7 ? V = "#ff9100" : ((b = (p = A.properties) == null ? void 0 : p.wind) == null ? void 0 : b.spd) >= 32.7 && ((L = (v = A.properties) == null ? void 0 : v.wind) == null ? void 0 : L.spd) < 41.5 ? V = "#f44336" : ((_ = (P = A.properties) == null ? void 0 : P.wind) == null ? void 0 : _.spd) >= 41.5 && (($ = (I = A.properties) == null ? void 0 : I.wind) == null ? void 0 : $.spd) < 51 ? V = "#c604a4" : ((O = (D = A.properties) == null ? void 0 : D.wind) == null ? void 0 : O.spd) >= 51 ? V = "#6b05bb" : V = "#f44336";
+            ((o = (n = A.properties) == null ? void 0 : n.wind) == null ? void 0 : o.spd) < 17.2 ? V = "#03f869" : ((c = (h = A.properties) == null ? void 0 : h.wind) == null ? void 0 : c.spd) >= 17.2 && ((d = (f = A.properties) == null ? void 0 : f.wind) == null ? void 0 : d.spd) < 24.5 ? V = "#f2f202" : ((u = (m = A.properties) == null ? void 0 : m.wind) == null ? void 0 : u.spd) >= 24.5 && ((y = (g = A.properties) == null ? void 0 : g.wind) == null ? void 0 : y.spd) < 32.7 ? V = "#ff9100" : ((v = (p = A.properties) == null ? void 0 : p.wind) == null ? void 0 : v.spd) >= 32.7 && ((L = (b = A.properties) == null ? void 0 : b.wind) == null ? void 0 : L.spd) < 41.5 ? V = "#f44336" : ((_ = (P = A.properties) == null ? void 0 : P.wind) == null ? void 0 : _.spd) >= 41.5 && (($ = (I = A.properties) == null ? void 0 : I.wind) == null ? void 0 : $.spd) < 51 ? V = "#c604a4" : ((O = (D = A.properties) == null ? void 0 : D.wind) == null ? void 0 : O.spd) >= 51 ? V = "#6b05bb" : V = "#f44336";
             const de = `<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">
@@ -2458,7 +2460,7 @@ const Vi = {
       return C.lineToPolygon(a, { properties: t });
     }
   }
-}, Ge = (i) => (U("data-v-dfdfd5f2"), i = i(), G(), i), Ui = {
+}, Ge = (i) => (U("data-v-bb8414b4"), i = i(), G(), i), Ui = {
   id: "active-tropical",
   class: "active-tropical"
 }, Gi = { class: "header-box" }, Hi = { class: "main" }, Xi = { key: 0 }, Zi = { class: "sub" }, Ji = {
@@ -2473,9 +2475,9 @@ const Vi = {
 }, ta = /* @__PURE__ */ Ge(() => /* @__PURE__ */ l("label", null, "Pressure : ", -1)), ia = { class: "row" }, aa = {
   class: "col col-24",
   style: { "justify-content": "flex-start" }
-}, ra = /* @__PURE__ */ Ge(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), sa = { class: "forecast-models" }, oa = ["onClick"], na = /* @__PURE__ */ lt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-dfdfd5f2></div><div class="row" style="padding:2px 10px;" data-v-dfdfd5f2><div class="legend" data-v-dfdfd5f2><div class="icon td" data-v-dfdfd5f2></div><div class="label" data-v-dfdfd5f2>TD</div></div><div class="legend" data-v-dfdfd5f2><div class="icon ts" data-v-dfdfd5f2></div><div class="label" data-v-dfdfd5f2>TS</div></div><div class="legend" data-v-dfdfd5f2><div class="icon sts" data-v-dfdfd5f2></div><div class="label" data-v-dfdfd5f2>STS</div></div><div class="legend" data-v-dfdfd5f2><div class="icon ty" data-v-dfdfd5f2></div><div class="label" data-v-dfdfd5f2>TY</div></div><div class="legend" data-v-dfdfd5f2><div class="icon sty" data-v-dfdfd5f2></div><div class="label" data-v-dfdfd5f2>STY</div></div><div class="legend" data-v-dfdfd5f2><div class="icon supper-ty" data-v-dfdfd5f2></div><div class="label" data-v-dfdfd5f2>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-dfdfd5f2><div class="legend" data-v-dfdfd5f2><div class="icon history" data-v-dfdfd5f2></div><div class="label" data-v-dfdfd5f2>History</div></div><div class="legend" data-v-dfdfd5f2><div class="icon r7" data-v-dfdfd5f2></div><div class="label" data-v-dfdfd5f2>35kts Radii</div></div><div class="legend" data-v-dfdfd5f2><div class="icon r10" data-v-dfdfd5f2></div><div class="label" data-v-dfdfd5f2>50kts Radii</div></div></div>', 3), la = { class: "more" };
+}, ra = /* @__PURE__ */ Ge(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), sa = { class: "forecast-models" }, oa = ["onClick"], na = /* @__PURE__ */ lt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-bb8414b4></div><div class="row" style="padding:2px 10px;" data-v-bb8414b4><div class="legend" data-v-bb8414b4><div class="icon td" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>TD</div></div><div class="legend" data-v-bb8414b4><div class="icon ts" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>TS</div></div><div class="legend" data-v-bb8414b4><div class="icon sts" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>STS</div></div><div class="legend" data-v-bb8414b4><div class="icon ty" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>TY</div></div><div class="legend" data-v-bb8414b4><div class="icon sty" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>STY</div></div><div class="legend" data-v-bb8414b4><div class="icon supper-ty" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-bb8414b4><div class="legend" data-v-bb8414b4><div class="icon history" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>History</div></div><div class="legend" data-v-bb8414b4><div class="icon r7" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>35kts Radii</div></div><div class="legend" data-v-bb8414b4><div class="icon r10" data-v-bb8414b4></div><div class="label" data-v-bb8414b4>50kts Radii</div></div></div>', 3), la = { class: "more" };
 function ha(i, e, t, r, a, s) {
-  var n, o, h, c, f, d, m, u, g, y, p, b, v, L, P;
+  var n, o, h, c, f, d, m, u, g, y, p, v, b, L, P;
   return ze((w(), x("div", Ui, [
     l("div", Gi, [
       l("div", {
@@ -2493,11 +2495,11 @@ function ha(i, e, t, r, a, s) {
         l("div", qi, [
           l("div", Ki, [
             Qi,
-            l("span", null, S(((b = (p = a.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : b.kts) || "-") + "[kts]", 1)
+            l("span", null, S(((v = (p = a.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : v.kts) || "-") + "[kts]", 1)
           ]),
           l("div", ea, [
             ta,
-            l("span", null, S(((L = (v = a.activeTropicals) == null ? void 0 : v.history) == null ? void 0 : L.pressure) || "-") + "[hPa]", 1)
+            l("span", null, S(((L = (b = a.activeTropicals) == null ? void 0 : b.history) == null ? void 0 : L.pressure) || "-") + "[hPa]", 1)
           ])
         ]),
         l("div", ia, [
@@ -2536,7 +2538,7 @@ function ha(i, e, t, r, a, s) {
     [Me, a.showTropicals]
   ]);
 }
-const tt = /* @__PURE__ */ k(Vi, [["render", ha], ["__scopeId", "data-v-dfdfd5f2"]]);
+const tt = /* @__PURE__ */ k(Vi, [["render", ha], ["__scopeId", "data-v-bb8414b4"]]);
 const ca = {
   name: "IdmPrecip3h",
   props: {
@@ -2638,15 +2640,15 @@ const ca = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, se = (i) => (U("data-v-42b977ed"), i = i(), G(), i), da = { key: 0 }, pa = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "mm", -1)), ma = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "1.5", -1)), ua = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "2", -1)), fa = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "3", -1)), ya = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "7", -1)), ga = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "10", -1)), va = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "20", -1)), ba = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "30", -1)), _a = [
+}, se = (i) => (U("data-v-42b977ed"), i = i(), G(), i), da = { key: 0 }, pa = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "mm", -1)), ma = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "1.5", -1)), ua = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "2", -1)), fa = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "3", -1)), ya = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "7", -1)), ga = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "10", -1)), ba = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "20", -1)), va = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "30", -1)), _a = [
   pa,
   ma,
   ua,
   fa,
   ya,
   ga,
-  va,
-  ba
+  ba,
+  va
 ];
 function La(i, e, t, r, a, s) {
   var n;
@@ -3211,17 +3213,17 @@ const fr = {
 }, Q = (i) => (U("data-v-8b51d938"), i = i(), G(), i), yr = {
   id: "point-meteo",
   class: "point-meteo"
-}, gr = { class: "meteo-box" }, vr = { class: "header-box" }, br = { class: "main" }, _r = { class: "sub" }, Lr = { class: "main-box" }, wr = { class: "flex-space" }, xr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Wind", -1)), Cr = { class: "flex-space" }, Sr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), Pr = { class: "flex-space" }, Tr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Er = { class: "flex-space" }, kr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), Rr = { class: "flex-space" }, Ir = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Current", -1)), Ar = { class: "flex-space" }, $r = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Precip", -1)), Dr = { class: "flex-space" }, zr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Mr = { class: "flex-space" }, Br = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Or = { class: "flex-space" }, Wr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Water Temp", -1));
+}, gr = { class: "meteo-box" }, br = { class: "header-box" }, vr = { class: "main" }, _r = { class: "sub" }, Lr = { class: "main-box" }, wr = { class: "flex-space" }, xr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Wind", -1)), Cr = { class: "flex-space" }, Sr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), Pr = { class: "flex-space" }, Tr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Er = { class: "flex-space" }, kr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), Rr = { class: "flex-space" }, Ir = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Current", -1)), Ar = { class: "flex-space" }, $r = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Precip", -1)), Dr = { class: "flex-space" }, zr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Mr = { class: "flex-space" }, Br = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Or = { class: "flex-space" }, Wr = /* @__PURE__ */ Q(() => /* @__PURE__ */ l("label", null, "Water Temp", -1));
 function Nr(i, e, t, r, a, s) {
-  var n, o, h, c, f, d, m, u, g, y, p, b, v, L, P, _, I, $, D, O, W, H, Z, ee, ce, te, A, V, de, J, ne, ye, ge, ve, be, _e, Le, we, xe, Ce, Se, Pe, Te, Ee, ke, Re, Ie;
+  var n, o, h, c, f, d, m, u, g, y, p, v, b, L, P, _, I, $, D, O, W, H, Z, ee, ce, te, A, V, de, J, ne, ye, ge, be, ve, _e, Le, we, xe, Ce, Se, Pe, Te, Ee, ke, Re, Ie;
   return ze((w(), x("div", yr, [
     l("div", gr, [
-      l("div", vr, [
+      l("div", br, [
         l("div", {
           class: "iconfont close",
           onClick: e[0] || (e[0] = (Oe) => a.showMeteo = !1)
         }, ""),
-        l("div", br, S(s.computeLat((n = t.meteo) == null ? void 0 : n.lat)) + "," + S(s.computeLng((o = t.meteo) == null ? void 0 : o.lng)), 1),
+        l("div", vr, S(s.computeLat((n = t.meteo) == null ? void 0 : n.lat)) + "," + S(s.computeLng((o = t.meteo) == null ? void 0 : o.lng)), 1),
         l("div", _r, S(s.computeTime((h = t.meteo) == null ? void 0 : h.utc)), 1)
       ]),
       l("div", Lr, [
@@ -3231,7 +3233,7 @@ function Nr(i, e, t, r, a, s) {
         ]),
         l("div", Cr, [
           Sr,
-          l("span", null, S(((L = (v = (b = t.meteo) == null ? void 0 : b.wave) == null ? void 0 : v.wd) == null ? void 0 : L.direction) || "-") + "/" + S(s.roundPrecision((I = (_ = (P = t.meteo) == null ? void 0 : P.wave) == null ? void 0 : _.wd) == null ? void 0 : I.height, 1)) + "[m]/" + S(s.roundPrecision((O = (D = ($ = t.meteo) == null ? void 0 : $.wave) == null ? void 0 : D.wd) == null ? void 0 : O.period, 1)) + "[s]", 1)
+          l("span", null, S(((L = (b = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : L.direction) || "-") + "/" + S(s.roundPrecision((I = (_ = (P = t.meteo) == null ? void 0 : P.wave) == null ? void 0 : _.wd) == null ? void 0 : I.height, 1)) + "[m]/" + S(s.roundPrecision((O = (D = ($ = t.meteo) == null ? void 0 : $.wave) == null ? void 0 : D.wd) == null ? void 0 : O.period, 1)) + "[s]", 1)
         ]),
         l("div", Pr, [
           Tr,
@@ -3239,7 +3241,7 @@ function Nr(i, e, t, r, a, s) {
         ]),
         l("div", Er, [
           kr,
-          l("span", null, S(((ye = (ne = (J = t.meteo) == null ? void 0 : J.wave) == null ? void 0 : ne.sig) == null ? void 0 : ye.direction) || "-") + "/" + S(s.roundPrecision((be = (ve = (ge = t.meteo) == null ? void 0 : ge.wave) == null ? void 0 : ve.sig) == null ? void 0 : be.height, 1)) + "[m]/" + S(s.roundPrecision((we = (Le = (_e = t.meteo) == null ? void 0 : _e.wave) == null ? void 0 : Le.sig) == null ? void 0 : we.period, 1)) + "[s]", 1)
+          l("span", null, S(((ye = (ne = (J = t.meteo) == null ? void 0 : J.wave) == null ? void 0 : ne.sig) == null ? void 0 : ye.direction) || "-") + "/" + S(s.roundPrecision((ve = (be = (ge = t.meteo) == null ? void 0 : ge.wave) == null ? void 0 : be.sig) == null ? void 0 : ve.height, 1)) + "[m]/" + S(s.roundPrecision((we = (Le = (_e = t.meteo) == null ? void 0 : _e.wave) == null ? void 0 : Le.sig) == null ? void 0 : we.period, 1)) + "[s]", 1)
         ]),
         l("div", Rr, [
           Ir,
@@ -3917,7 +3919,7 @@ const us = /* @__PURE__ */ k(is, [["render", ms], ["__scopeId", "data-v-6fdfee96
 function ys(i, e, t, r, a, s) {
   return w(), x("div");
 }
-const gs = /* @__PURE__ */ k(fs, [["render", ys]]), vs = {
+const gs = /* @__PURE__ */ k(fs, [["render", ys]]), bs = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -4082,10 +4084,10 @@ const gs = /* @__PURE__ */ k(fs, [["render", ys]]), vs = {
     }
   }
 };
-function bs(i, e, t, r, a, s) {
+function vs(i, e, t, r, a, s) {
   return w(), x("div");
 }
-const _s = /* @__PURE__ */ k(vs, [["render", bs]]), Ls = {
+const _s = /* @__PURE__ */ k(bs, [["render", vs]]), Ls = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -4553,13 +4555,13 @@ const it = /* @__PURE__ */ k(Rs, [["render", $s], ["__scopeId", "data-v-9f51b3f9
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const m = this.geojson.filter((p) => p.id === e.split("-")[0])[0];
         this.pointMarkers[m.id].filter((p) => {
-          var b;
-          return ((b = p._element) == null ? void 0 : b.id) === e;
+          var v;
+          return ((v = p._element) == null ? void 0 : v.id) === e;
         })[0].setLngLat([(s = (a = i.target) == null ? void 0 : a._lngLat) == null ? void 0 : s.lng, (o = (n = i.target) == null ? void 0 : n._lngLat) == null ? void 0 : o.lat]);
         let g;
-        m.features.forEach((p, b) => {
+        m.features.forEach((p, v) => {
           if (p.geometry.type === "Point" && p.properties.id == e.split("-")[1]) {
-            g = b;
+            g = v;
             return;
           }
         });
@@ -4864,7 +4866,7 @@ const Hs = {
     IdmGlLayer: Vt,
     IdmWindBarb: qt,
     IdmWindParticle: ci,
-    IdmCurrents: vi,
+    IdmCurrents: bi,
     IdmCurrentParticle: Ri,
     IdmSigWave: $i,
     IdmSwell: Mi,
@@ -4953,7 +4955,7 @@ const Hs = {
         var i, e, t, r, a, s, n, o, h, c, f, d, m, u, g, y, p;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.some((b) => ["wind", "current"].includes(b.key)) && ((i = this.particleFactor) != null && i.particle) || this.activeWeatherLayers.some((b) => ["temp", "water-temp"].includes(b.key)) ? ((t = (e = this.map) == null ? void 0 : e.getLayer("grayland")) == null || t.setLayoutProperty("visibility", "visible"), (a = (r = this.map) == null ? void 0 : r.getLayer("darkmap")) == null || a.setLayoutProperty("visibility", "visible"), (s = this.map) != null && s.getLayer("grayland") && ((o = this.map) == null || o.moveLayer((n = this.viewport) == null ? void 0 : n.rampColorLayer, "grayland")), (h = this.map) != null && h.getLayer("grayland") && ((f = this.map) == null || f.moveLayer((c = this.viewport) == null ? void 0 : c.particleLayer, "grayland"))) : ((m = this.map) == null || m.moveLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer, null), (g = (u = this.map) == null ? void 0 : u.getLayer("grayland")) == null || g.setLayoutProperty("visibility", "none"), (p = (y = this.map) == null ? void 0 : y.getLayer("darkmap")) == null || p.setLayoutProperty("visibility", "none"));
+        this.activeWeatherLayers.some((v) => ["wind", "current"].includes(v.key)) && ((i = this.particleFactor) != null && i.particle) || this.activeWeatherLayers.some((v) => ["temp", "water-temp"].includes(v.key)) ? ((t = (e = this.map) == null ? void 0 : e.getLayer("grayland")) == null || t.setLayoutProperty("visibility", "visible"), (a = (r = this.map) == null ? void 0 : r.getLayer("darkmap")) == null || a.setLayoutProperty("visibility", "visible"), (s = this.map) != null && s.getLayer("grayland") && ((o = this.map) == null || o.moveLayer((n = this.viewport) == null ? void 0 : n.rampColorLayer, "grayland")), (h = this.map) != null && h.getLayer("grayland") && ((f = this.map) == null || f.moveLayer((c = this.viewport) == null ? void 0 : c.particleLayer, "grayland"))) : ((m = this.map) == null || m.moveLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer, null), (g = (u = this.map) == null ? void 0 : u.getLayer("grayland")) == null || g.setLayoutProperty("visibility", "none"), (p = (y = this.map) == null ? void 0 : y.getLayer("darkmap")) == null || p.setLayoutProperty("visibility", "none"));
       },
       immediate: !0
     },
@@ -4981,29 +4983,29 @@ const Hs = {
         const m = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, u = (s = this.map) == null ? void 0 : s.getBounds(), g = `${u._sw.lng},${u._sw.lat},${u._ne.lng},${u._ne.lat}`;
         if (this.handleRampColorState(), this.particleFactor) {
           const y = Fe.WEATHER_LAYERS.find((p) => {
-            var b;
-            return ((b = p.peer) == null ? void 0 : b.weight) === this.particleFactor.weight;
+            var v;
+            return ((v = p.peer) == null ? void 0 : v.weight) === this.particleFactor.weight;
           });
           this.particleFactor.particle ? this.weatherWeight = this.weatherWeight & y.weight ? this.weatherWeight : this.weatherWeight + y.weight : this.weatherWeight = this.weatherWeight & y.weight ? this.weatherWeight - y.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
           let y = this.weatherWeight, p;
           if (i.tropicals || this.weatherWeight & 256 && (p = this.weatherLayers.tropicals, p && (y -= 256, p.version = Math.random() + 1)), y > 0) {
-            const b = await ie.get(`${this.gateway}/api/arc/weather/layers/links?l=${y}&v=${this.source}&z=${m}&bbox=${g}&t=${this.ts}`, {
+            const v = await ie.get(`${this.gateway}/api/arc/weather/layers/links?l=${y}&v=${this.source}&z=${m}&bbox=${g}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
             });
-            if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather links elapsed: ", r, ", total: ", t += r), ((n = b == null ? void 0 : b.data) == null ? void 0 : n.code) === 0) {
-              const v = (o = b == null ? void 0 : b.data) == null ? void 0 : o.data, L = [];
-              for (const _ in v)
-                _ === "ice-edge" && (v[_] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), _ !== "tropicals" && L.push(
-                  ie.get(v[_], {
+            if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather links elapsed: ", r, ", total: ", t += r), ((n = v == null ? void 0 : v.data) == null ? void 0 : n.code) === 0) {
+              const b = (o = v == null ? void 0 : v.data) == null ? void 0 : o.data, L = [];
+              for (const _ in b)
+                _ === "ice-edge" && (b[_] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), _ !== "tropicals" && L.push(
+                  ie.get(b[_], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
                       key: _
                     },
-                    responseType: /\.(jpg|png)$/.test(v[_]) ? "blob" : "json"
+                    responseType: /\.(jpg|png)$/.test(b[_]) ? "blob" : "json"
                   }).catch((I) => {
                     console.log(`[${_}] fetch layer error: ${I}`);
                   })
@@ -5017,7 +5019,7 @@ const Hs = {
                   type: ((H = _ == null ? void 0 : _.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
-              }), v.tropicals && ie.get(v.tropicals, {
+              }), b.tropicals && ie.get(b.tropicals, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken,
                   key: "tropicals"
@@ -5036,19 +5038,19 @@ const Hs = {
               });
             }
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather layers elapsed: ", r, ", total: ", t += r), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const v = (h = this.weatherLayers["swell-direction"]) == null ? void 0 : h.raw, L = (c = this.weatherLayers["swell-height"]) == null ? void 0 : c.raw;
+              const b = (h = this.weatherLayers["swell-direction"]) == null ? void 0 : h.raw, L = (c = this.weatherLayers["swell-height"]) == null ? void 0 : c.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
-                direction: v,
+                direction: b,
                 height: { raw: L },
                 etime: this.ts
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const v = (f = this.weatherLayers["current-direction"]) == null ? void 0 : f.raw, L = (d = this.weatherLayers["current-speed"]) == null ? void 0 : d.raw;
+              const b = (f = this.weatherLayers["current-direction"]) == null ? void 0 : f.raw, L = (d = this.weatherLayers["current-speed"]) == null ? void 0 : d.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
-                direction: v,
+                direction: b,
                 speed: { raw: L },
                 etime: this.ts
               };
@@ -5178,20 +5180,20 @@ const Hs = {
             const y = ((f = this.weatherLayers[u]) == null ? void 0 : f.direction) || {};
             for (const p in y)
               if (p > o && p < h && (!(a <= this.zoom) || p % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                const b = y[p].lng;
-                s > n ? b.forEach((v, L) => {
+                const v = y[p].lng;
+                s > n ? v.forEach((b, L) => {
                   var P;
-                  if ((v >= s && v <= 180 || v >= -180 && v <= n) && (!(a <= this.zoom) || v % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([v, p], {
+                  if ((b >= s && b <= 180 || b >= -180 && b <= n) && (!(a <= this.zoom) || b % (a < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const _ = C.point([b, p], {
                       val: y[p].val[L],
                       spd: (P = y[p].spd) == null ? void 0 : P[L]
                     });
                     g.push(_);
                   }
-                }) : b.forEach((v, L) => {
+                }) : v.forEach((b, L) => {
                   var P;
-                  if (v >= s && v <= n && (!(a <= this.zoom) || v % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([v, p], {
+                  if (b >= s && b <= n && (!(a <= this.zoom) || b % (a < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const _ = C.point([b, p], {
                       val: y[p].val[L],
                       spd: (P = y[p].spd) == null ? void 0 : P[L]
                     });
@@ -5203,21 +5205,21 @@ const Hs = {
               const p = this.weatherLayers[u].height;
               if (p) {
                 if (!p.data) {
-                  const b = [];
-                  for (const v in (d = p.raw) == null ? void 0 : d.LineString) {
-                    const L = p.raw.LineString[v];
+                  const v = [];
+                  for (const b in (d = p.raw) == null ? void 0 : d.LineString) {
+                    const L = p.raw.LineString[b];
                     for (const P of L)
-                      b.push(
+                      v.push(
                         C.lineString(P, {
-                          val: Number(v)
+                          val: Number(b)
                         })
                       );
-                    p.data = C.featureCollection(b);
+                    p.data = C.featureCollection(v);
                   }
                 }
                 if (p.data) {
-                  const b = this.handleBboxClip(p.data, r);
-                  g = g.concat(b);
+                  const v = this.handleBboxClip(p.data, r);
+                  g = g.concat(v);
                 }
                 t = (/* @__PURE__ */ new Date()).valueOf() - (i + e), console.log("height elapsed: ", t, ", total: ", e += t);
               }
@@ -5226,38 +5228,38 @@ const Hs = {
               const p = this.weatherLayers[u].speed;
               if (p) {
                 if (!p.data) {
-                  const v = [];
+                  const b = [];
                   for (const L in (m = p.raw) == null ? void 0 : m.Polygon) {
                     const P = p.raw.Polygon[L];
                     for (const _ of P)
-                      v.push(
+                      b.push(
                         C.polygon(_, {
                           val: Number(L)
                         })
                       );
                   }
-                  p.data = C.featureCollection(v);
+                  p.data = C.featureCollection(b);
                 }
-                const b = a < this.zoom ? p.data.features.filter((v) => v.properties.val > 0.5) : p.data.features;
-                g = g.concat(b), t = (/* @__PURE__ */ new Date()).valueOf() - (i + e), console.log("speed elapsed: ", t, ", total: ", e += t);
+                const v = a < this.zoom ? p.data.features.filter((b) => b.properties.val > 0.5) : p.data.features;
+                g = g.concat(v), t = (/* @__PURE__ */ new Date()).valueOf() - (i + e), console.log("speed elapsed: ", t, ", total: ", e += t);
               }
             }
           } else if (u === "wind") {
             const y = this.weatherLayers.wind.raw;
             for (const p in y)
               if (p > o && p < h && (!(a <= this.zoom) || p % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                const b = y[p].lng;
-                s > n ? b.forEach((v, L) => {
-                  if ((v >= s && v <= 180 || v >= -180 && v <= n) && (!(a <= this.zoom) || v % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const P = C.point([v, p], {
+                const v = y[p].lng;
+                s > n ? v.forEach((b, L) => {
+                  if ((b >= s && b <= 180 || b >= -180 && b <= n) && (!(a <= this.zoom) || b % (a < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const P = C.point([b, p], {
                       val: y[p].val[L],
                       spd: y[p].spd[L]
                     });
                     g.push(P);
                   }
-                }) : b.forEach((v, L) => {
-                  if (v >= s && v <= n && (!(a <= this.zoom) || v % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const P = C.point([v, p], {
+                }) : v.forEach((b, L) => {
+                  if (b >= s && b <= n && (!(a <= this.zoom) || b % (a < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const P = C.point([b, p], {
                       val: y[p].val[L],
                       spd: y[p].spd[L]
                     });
@@ -5273,12 +5275,12 @@ const Hs = {
               const y = this.weatherLayers[u].raw;
               if (y) {
                 const p = [];
-                for (const b in y.Polygon) {
-                  const v = y.Polygon[b];
-                  for (const L of v)
+                for (const v in y.Polygon) {
+                  const b = y.Polygon[v];
+                  for (const L of b)
                     p.push(
                       C.polygon(L, {
-                        val: Number(b)
+                        val: Number(v)
                       })
                     );
                 }
@@ -5293,21 +5295,21 @@ const Hs = {
               const y = this.weatherLayers[u].raw;
               if (y) {
                 const p = [];
-                for (const b in y.LineString) {
-                  const v = y.LineString[b];
-                  for (const L of v)
+                for (const v in y.LineString) {
+                  const b = y.LineString[v];
+                  for (const L of b)
                     p.push(
                       C.lineString(L, {
-                        val: Number(b)
+                        val: Number(v)
                       })
                     );
                 }
-                for (const b in y.Point)
-                  y.Point[b].lng.forEach((v, L) => {
-                    v = Ae(v), p.push(
-                      C.point([v, b], {
-                        val: y.Point[b].val[L],
-                        type: y.Point[b].type[L]
+                for (const v in y.Point)
+                  y.Point[v].lng.forEach((b, L) => {
+                    b = Ae(b), p.push(
+                      C.point([b, v], {
+                        val: y.Point[v].val[L],
+                        type: y.Point[v].type[L]
                       })
                     );
                   });
@@ -5322,12 +5324,12 @@ const Hs = {
               const y = this.weatherLayers[u].raw;
               if (y) {
                 const p = [];
-                for (const b in y.LineString) {
-                  const v = y.LineString[b];
-                  for (const L of v)
+                for (const v in y.LineString) {
+                  const b = y.LineString[v];
+                  for (const L of b)
                     p.push(
                       C.lineString(L, {
-                        val: Number(b)
+                        val: Number(v)
                       })
                     );
                 }
@@ -5428,8 +5430,8 @@ const Hs = {
   class: "map-gl-home"
 };
 function Zs(i, e, t, r, a, s) {
-  var J, ne, ye, ge, ve, be, _e, Le, we, xe, Ce, Se, Pe, Te, Ee, ke, Re, Ie, Oe, He, Xe, Ze, Je, Ye, qe, Ke;
-  const n = T("IdmGlLayer"), o = T("IdmENC"), h = T("IdmSigWave"), c = T("IdmSwell"), f = T("IdmPrmsl"), d = T("IdmIceberg"), m = T("IdmTropicals"), u = T("IdmCurrents"), g = T("IdmCurrentParticle"), y = T("IdmWindBarb"), p = T("IdmWindParticle"), b = T("IdmPrecip3h"), v = T("IdmVisibility"), L = T("IdmWaterTemp"), P = T("IdmTemp"), _ = T("IdmArctic"), I = T("IdmWarZone"), $ = T("IdmGmdssArea"), D = T("IdmEcaZone"), O = T("IdmAlertZone"), W = T("IdmPort"), H = T("IdmLoadLine"), Z = T("IdmTimezone"), ee = T("IdmVRA"), ce = T("IdmSpecialArea"), te = T("IdmTerminator"), A = T("IdmLatLng"), V = T("IdmMeasure"), de = T("IdmPoint");
+  var J, ne, ye, ge, be, ve, _e, Le, we, xe, Ce, Se, Pe, Te, Ee, ke, Re, Ie, Oe, He, Xe, Ze, Je, Ye, qe, Ke;
+  const n = T("IdmGlLayer"), o = T("IdmENC"), h = T("IdmSigWave"), c = T("IdmSwell"), f = T("IdmPrmsl"), d = T("IdmIceberg"), m = T("IdmTropicals"), u = T("IdmCurrents"), g = T("IdmCurrentParticle"), y = T("IdmWindBarb"), p = T("IdmWindParticle"), v = T("IdmPrecip3h"), b = T("IdmVisibility"), L = T("IdmWaterTemp"), P = T("IdmTemp"), _ = T("IdmArctic"), I = T("IdmWarZone"), $ = T("IdmGmdssArea"), D = T("IdmEcaZone"), O = T("IdmAlertZone"), W = T("IdmPort"), H = T("IdmLoadLine"), Z = T("IdmTimezone"), ee = T("IdmVRA"), ce = T("IdmSpecialArea"), te = T("IdmTerminator"), A = T("IdmLatLng"), V = T("IdmMeasure"), de = T("IdmPoint");
   return t.map ? (w(), x("div", Xs, [
     E(n, R({
       ref: "layer",
@@ -5469,13 +5471,13 @@ function Zs(i, e, t, r, a, s) {
     }, i.$attrs), null, 16, ["map", "prmsl", "before-layer"]),
     E(d, R({
       map: t.map,
-      iceberg: (ve = a.weatherLayers) == null ? void 0 : ve.iceberg,
+      iceberg: (be = a.weatherLayers) == null ? void 0 : be.iceberg,
       "before-layer": t.beforeLayer
     }, i.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
     E(m, R({
       map: t.map,
       date: t.ts,
-      tropicals: (be = a.weatherLayers) == null ? void 0 : be.tropicals,
+      tropicals: (ve = a.weatherLayers) == null ? void 0 : ve.tropicals,
       "before-layer": t.beforeLayer
     }, i.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
     E(u, R({
@@ -5512,13 +5514,13 @@ function Zs(i, e, t, r, a, s) {
       "before-layer": t.beforeLayer,
       "toggle-version": a.toggleVersion
     }, i.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    E(b, R({
+    E(v, R({
       viewport: a.viewport,
       factor: (Se = a.weatherLayers) == null ? void 0 : Se.precip3h,
       "before-layer": t.beforeLayer,
       "toggle-version": a.toggleVersion
     }, i.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    E(v, R({
+    E(b, R({
       viewport: a.viewport,
       factor: (Pe = a.weatherLayers) == null ? void 0 : Pe.visibility,
       "before-layer": t.beforeLayer,