@idmwx/idmui-gl3 3.5.5 → 3.5.6

package/dist/index.js

@@ -1,7 +1,7 @@
 var rt = Object.defineProperty;
 var ot = (a, e, t) => e in a ? rt(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var R = (a, e, t) => (ot(a, typeof e != "symbol" ? e + "" : e, t), t);
-import { LayerHelper as Fe, CompanyHelper as Ve, LngLatHelper as K, convertToMonotonicLng2 as st, calculateDistance as Oe, calculateBearing as We, convertToMonotonicLng as pe, interpolateCoordinates as je, convertToStandardLng as Re } from "@idmwx/idmwx-base";
+import { LayerHelper as Fe, CompanyHelper as Ve, LngLatHelper as K, convertToMonotonicLng2 as st, calculateDistance as We, calculateBearing as Oe, convertToMonotonicLng as pe, interpolateCoordinates as je, convertToStandardLng as Re } from "@idmwx/idmwx-base";
 import { resolveComponent as z, openBlock as L, createElementBlock as x, createElementVNode as l, normalizeStyle as j, normalizeClass as M, Fragment as Ae, renderList as De, toDisplayString as S, createVNode as P, withCtx as nt, createTextVNode as Ke, createCommentVNode as N, pushScopeId as U, popScopeId as G, withDirectives as $e, vShow as Me, createStaticVNode as lt, mergeProps as I } from "vue";
 import * as C from "@turf/turf";
 import ct from "@mapbox/sphericalmercator";
@@ -155,7 +155,7 @@ const T = (a, e) => {
 ], Pt = { class: "weather-layers" }, Tt = {
   class: "layers-title",
   style: { display: "flex", "align-items": "center", "justify-content": "space-between" }
-}, It = { style: { "font-size": "12px" } }, Et = { class: "layers-body" }, Rt = ["onClick"], At = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1)), Dt = { class: "other-layers" }, $t = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "layers-title" }, "Other Layers", -1)), Mt = { class: "layers-body" }, Bt = ["onClick"], Nt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1)), Ot = { class: "source-layers" }, Wt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "layers-title" }, "Forecast Model", -1)), jt = { class: "layers-body model-box" };
+}, It = { style: { "font-size": "12px" } }, Et = { class: "layers-body" }, Rt = ["onClick"], At = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1)), Dt = { class: "other-layers" }, $t = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "layers-title" }, "Other Layers", -1)), Mt = { class: "layers-body" }, Bt = ["onClick"], Nt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("div", { class: "checkbox" }, null, -1)), Wt = { class: "source-layers" }, Ot = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "layers-title" }, "Forecast Model", -1)), jt = { class: "layers-body model-box" };
 function Ft(a, e, t, r, i, o) {
   const n = z("ElScrollbar");
   return L(), x("div", dt, [
@@ -255,8 +255,8 @@ function Ft(a, e, t, r, i, o) {
                 ], 10, Bt))), 128))
               ])
             ]),
-            l("div", Ot, [
-              Wt,
+            l("div", Wt, [
+              Ot,
               l("div", jt, [
                 l("span", {
                   class: M(i.source === "GFS" ? "text active" : "text"),
@@ -706,9 +706,9 @@ class le {
           const p = t.getUniformLocation(r, "u_range_u_v"), v = t.getUniformLocation(r, "u_range_s");
           t.uniform2f(p, s.uvRange[0], s.uvRange[1]), t.uniform2f(v, s.sRange[0], s.sRange[1]);
         }
-        const u = e.getBoundPixel(), b = e.map.getZoom() + 1, f = e.getWorldCopy(u, b);
+        const u = e.getBoundPixel(), g = e.map.getZoom() + 1, f = e.getWorldCopy(u, g);
         for (const p of f) {
-          const v = (p[0] - u[0]) * e.ratio, g = (p[1] - u[3]) * e.ratio, w = p[2] * e.ratio, [k, _, E, D] = [v, w + v, g, w + g], $ = new Float32Array([k, E, _, E, k, D, k, D, _, E, _, D]);
+          const v = (p[0] - u[0]) * e.ratio, b = (p[1] - u[3]) * e.ratio, w = p[2] * e.ratio, [k, _, E, D] = [v, w + v, b, w + b], $ = new Float32Array([k, E, _, E, k, D, k, D, _, E, _, D]);
           t.bindBuffer(t.ARRAY_BUFFER, n), t.bufferData(t.ARRAY_BUFFER, $, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
       } catch (y) {
@@ -2681,8 +2681,8 @@ const Kt = {
       if (!this.particleContext) {
         this.particleContext = this.viewport.particleCanvas.getContext("webgl");
         const a = [
-          [0, "rgb(205,255,255)"],
-          [1, "rgb(235,255,255)"]
+          [0, "rgb(183,224,224)"],
+          [1, "rgb(217,220,220)"]
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
@@ -2720,7 +2720,7 @@ const Kt = {
       });
     }
   }
-}, re = (a) => (U("data-v-bc5ff165"), a = a(), G(), a), ea = { key: 0 }, ta = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "kts", -1)), aa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "0", -1)), ia = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "5", -1)), ra = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "10", -1)), oa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "20", -1)), sa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "30", -1)), na = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "40", -1)), la = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "60", -1)), ca = [
+}, re = (a) => (U("data-v-6e0050df"), a = a(), G(), a), ea = { key: 0 }, ta = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "kts", -1)), aa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "0", -1)), ia = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "5", -1)), ra = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "10", -1)), oa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "20", -1)), sa = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "30", -1)), na = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "40", -1)), la = /* @__PURE__ */ re(() => /* @__PURE__ */ l("span", null, "60", -1)), ca = [
   ta,
   aa,
   ia,
@@ -2739,7 +2739,7 @@ function ha(a, e, t, r, i, o) {
     }, ca, 4)
   ])) : N("", !0);
 }
-const da = /* @__PURE__ */ T(Kt, [["render", ha], ["__scopeId", "data-v-bc5ff165"]]);
+const da = /* @__PURE__ */ T(Kt, [["render", ha], ["__scopeId", "data-v-6e0050df"]]);
 const pa = {
   name: "IdmCurrent",
   props: {
@@ -3067,8 +3067,8 @@ const _a = {
       if (!this.particleContext) {
         this.particleContext = this.viewport.particleCanvas.getContext("webgl");
         const a = [
-          [0, "rgb(205,255,255)"],
-          [1, "rgb(235,255,255)"]
+          [0, "rgb(183,224,224)"],
+          [1, "rgb(199,202,202)"]
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
@@ -3110,7 +3110,7 @@ const _a = {
       });
     }
   }
-}, ce = (a) => (U("data-v-5f45c14c"), a = a(), G(), a), wa = { key: 0 }, La = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "kts", -1)), xa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0", -1)), Ca = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0.4", -1)), Sa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0.8", -1)), ka = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "1.6", -1)), za = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "2", -1)), Pa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ta = [
+}, ce = (a) => (U("data-v-3bf73a1b"), a = a(), G(), a), wa = { key: 0 }, La = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "kts", -1)), xa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0", -1)), Ca = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0.4", -1)), Sa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "0.8", -1)), ka = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "1.6", -1)), za = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "2", -1)), Pa = /* @__PURE__ */ ce(() => /* @__PURE__ */ l("span", null, "3.2", -1)), Ta = [
   La,
   xa,
   Ca,
@@ -3128,7 +3128,7 @@ function Ia(a, e, t, r, i, o) {
     }, Ta, 4)
   ])) : N("", !0);
 }
-const Ea = /* @__PURE__ */ T(_a, [["render", Ia], ["__scopeId", "data-v-5f45c14c"]]), Ra = {
+const Ea = /* @__PURE__ */ T(_a, [["render", Ia], ["__scopeId", "data-v-3bf73a1b"]]), Ra = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3500,10 +3500,10 @@ const Ba = /* @__PURE__ */ T($a, [["render", Ma]]), Na = {
     }
   }
 };
-function Oa(a, e, t, r, i, o) {
+function Wa(a, e, t, r, i, o) {
   return L(), x("div");
 }
-const Wa = /* @__PURE__ */ T(Na, [["render", Oa]]), ja = {
+const Oa = /* @__PURE__ */ T(Na, [["render", Wa]]), ja = {
   name: "IdmIceberg",
   props: {
     map: {
@@ -3635,18 +3635,18 @@ const Ua = {
           var d;
           let n = 0, s, c = "", h = "";
           const y = a.filter((m) => {
-            var u, b;
-            return ((b = (u = m.properties) == null ? void 0 : u.category) == null ? void 0 : b.split("-")[0]) === o;
+            var u, g;
+            return ((g = (u = m.properties) == null ? void 0 : u.category) == null ? void 0 : g.split("-")[0]) === o;
           });
           c = (d = y.filter((m) => {
-            var u, b;
-            return ((u = m.geometry) == null ? void 0 : u.type) === "LineString" && ((b = m.properties) == null ? void 0 : b.type) === "forecast";
+            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, y.forEach((m, u) => {
-            var b, f, p, v, g, w;
-            ((b = m.geometry) == null ? void 0 : b.type) === "Point" && ((f = m.properties) == null ? void 0 : f.type) === "history" && (n = u, s = s === void 0 ? u : s), ((p = m.geometry) == null ? void 0 : p.type) === "Point" && ((v = m.properties) == null ? void 0 : v.type) === "forecast" && s === void 0 && (s = u), ((g = m.geometry) == null ? void 0 : g.type) === "LineString" && ((w = m.properties) == null ? void 0 : w.type) === "forecast" && (h = `${o}-${c}`);
+            var g, f, p, v, b, w;
+            ((g = m.geometry) == null ? void 0 : g.type) === "Point" && ((f = m.properties) == null ? void 0 : f.type) === "history" && (n = u, s = s === void 0 ? u : s), ((p = m.geometry) == null ? void 0 : p.type) === "Point" && ((v = m.properties) == null ? void 0 : v.type) === "forecast" && s === void 0 && (s = u), ((b = m.geometry) == null ? void 0 : b.type) === "LineString" && ((w = m.properties) == null ? void 0 : w.type) === "forecast" && (h = `${o}-${c}`);
           }), y.map((m, u) => {
-            var b, f, p, v, g, w, k, _, E, D;
-            if (((b = m.geometry) == null ? void 0 : b.type) === "LineString" && ((f = m.properties) == null ? void 0 : f.type) === "forecast" && (m.properties.disabled = ((p = m.properties) == null ? void 0 : p.model) !== c), ((v = m.geometry) == null ? void 0 : v.type) === "Point" && ((g = m.properties) == null ? void 0 : g.type) === "forecast" && (m.properties.disabled = ((w = m.properties) == null ? void 0 : w.category) !== h, m.properties.name = o), ((k = m.geometry) == null ? void 0 : k.type) === "Point" && ((_ = m.properties) == null ? void 0 : _.type) === "history") {
+            var g, f, p, v, b, w, k, _, E, D;
+            if (((g = m.geometry) == null ? void 0 : g.type) === "LineString" && ((f = m.properties) == null ? void 0 : f.type) === "forecast" && (m.properties.disabled = ((p = m.properties) == null ? void 0 : p.model) !== c), ((v = m.geometry) == null ? void 0 : v.type) === "Point" && ((b = m.properties) == null ? void 0 : b.type) === "forecast" && (m.properties.disabled = ((w = m.properties) == null ? void 0 : w.category) !== h, m.properties.name = o), ((k = m.geometry) == null ? void 0 : k.type) === "Point" && ((_ = m.properties) == null ? void 0 : _.type) === "history") {
               const $ = ((D = (E = m.properties) == null ? void 0 : E.format) == null ? void 0 : D.slice(7, 12)) === Q().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm") + "Z";
               m.properties.showHistoryLabel = $ || u === n, m.properties.showNameLabel = u === n, m.properties.name = o;
             }
@@ -3913,18 +3913,18 @@ const Ua = {
         }
         if (!((y = this.tropicals) != null && y.cached)) {
           const d = et.interpolate(this.tropicals, 1), m = JSON.parse(JSON.stringify(d)), u = [];
-          m.forEach((b) => {
+          m.forEach((g) => {
             var f, p, v;
-            (f = b.properties) != null && f.name && !u.includes((p = b.properties) == null ? void 0 : p.name) && u.push((v = b.properties) == null ? void 0 : v.name);
-          }), u.forEach((b) => {
+            (f = g.properties) != null && f.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 v;
-            const p = (v = m.filter((g) => {
+            const p = (v = m.filter((b) => {
               var w;
-              return ((w = g.properties) == null ? void 0 : w.name) === b;
+              return ((w = b.properties) == null ? void 0 : w.name) === g;
             })[0]) == null ? void 0 : v.properties.model;
-            m.map((g, w) => {
+            m.map((b, w) => {
               var k, _;
-              return ((k = g.properties) == null ? void 0 : k.name) === b && (g.properties.disabled = ((_ = g.properties) == null ? void 0 : _.model) !== p), g;
+              return ((k = b.properties) == null ? void 0 : k.name) === g && (b.properties.disabled = ((_ = b.properties) == null ? void 0 : _.model) !== p), b;
             });
           }), this.interpolateData = JSON.parse(JSON.stringify(m));
         }
@@ -3936,7 +3936,7 @@ const Ua = {
       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));
     },
     handleDateChange() {
-      var a, e, t, r, i, o, n, s, c, h, y, d, m, u, b, f, p, v, g, w, k, _, E, D, $, O, W, H;
+      var a, e, t, r, i, o, n, s, c, h, y, d, m, u, g, f, p, v, b, w, k, _, E, D, $, W, O, H;
       if ((a = this.interpolateMarkers) == null || a.forEach((X) => X == null ? void 0 : X.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const X = Q(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), ee = this.interpolateData.filter((A) => A.properties.date === X.format() && !A.properties.disabled), he = this.handleComputePolygons(ee), te = C.featureCollection([...ee]);
         he.forEach((A) => {
@@ -3958,7 +3958,7 @@ const Ua = {
         for (const A of ee)
           if (!A.properties.disabled) {
             let V = "#f44336";
-            ((s = (n = A.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 ? V = "#03f869" : ((h = (c = A.properties) == null ? void 0 : c.wind) == null ? void 0 : h.spd) >= 17.2 && ((d = (y = A.properties) == null ? void 0 : y.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 && ((f = (b = A.properties) == null ? void 0 : b.wind) == null ? void 0 : f.spd) < 32.7 ? V = "#ff9100" : ((v = (p = A.properties) == null ? void 0 : p.wind) == null ? void 0 : v.spd) >= 32.7 && ((w = (g = A.properties) == null ? void 0 : g.wind) == null ? void 0 : w.spd) < 41.5 ? V = "#f44336" : ((_ = (k = A.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) >= 41.5 && ((D = (E = A.properties) == null ? void 0 : E.wind) == null ? void 0 : D.spd) < 51 ? V = "#c604a4" : ((O = ($ = A.properties) == null ? void 0 : $.wind) == null ? void 0 : O.spd) >= 51 ? V = "#6b05bb" : V = "#f44336";
+            ((s = (n = A.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 ? V = "#03f869" : ((h = (c = A.properties) == null ? void 0 : c.wind) == null ? void 0 : h.spd) >= 17.2 && ((d = (y = A.properties) == null ? void 0 : y.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 && ((f = (g = A.properties) == null ? void 0 : g.wind) == null ? void 0 : f.spd) < 32.7 ? V = "#ff9100" : ((v = (p = A.properties) == null ? void 0 : p.wind) == null ? void 0 : v.spd) >= 32.7 && ((w = (b = A.properties) == null ? void 0 : b.wind) == null ? void 0 : w.spd) < 41.5 ? V = "#f44336" : ((_ = (k = A.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) >= 41.5 && ((D = (E = A.properties) == null ? void 0 : E.wind) == null ? void 0 : D.spd) < 51 ? V = "#c604a4" : ((W = ($ = A.properties) == null ? void 0 : $.wind) == null ? void 0 : W.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">
@@ -3979,7 +3979,7 @@ const Ua = {
             this.interpolateMarkers.push(ne);
           }
       } else
-        (W = this.map) != null && W.getSource(this.interpolateSource) && ((H = this.map) == null || H.getSource(this.interpolateSource).setData(this.empty));
+        (O = this.map) != null && O.getSource(this.interpolateSource) && ((H = this.map) == null || H.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(a) {
       var o, n, s, c, h, y;
@@ -3990,8 +3990,8 @@ const Ua = {
         }
       );
       t.sort((d, m) => {
-        var u, b, f, p;
-        return ((u = d.properties) == null ? void 0 : u.model) === "cma" ? -1 : ((b = d.properties) == null ? void 0 : b.model) === "jma" ? ((f = m.properties) == null ? void 0 : f.model) === "cma" ? 1 : -1 : d.properties.model === "ecmwf" ? ["jma", "cma"].includes((p = m.properties) == null ? void 0 : p.model) ? 1 : -1 : 0;
+        var u, g, f, p;
+        return ((u = d.properties) == null ? void 0 : u.model) === "cma" ? -1 : ((g = d.properties) == null ? void 0 : g.model) === "jma" ? ((f = m.properties) == null ? void 0 : f.model) === "cma" ? 1 : -1 : d.properties.model === "ecmwf" ? ["jma", "cma"].includes((p = m.properties) == null ? void 0 : p.model) ? 1 : -1 : 0;
       });
       const r = (c = (s = this.tropicals) == null ? void 0 : s.data) == null ? void 0 : c.features.filter(
         (d) => {
@@ -4083,7 +4083,7 @@ const Ua = {
   style: { "justify-content": "flex-start" }
 }, oi = /* @__PURE__ */ Ge(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)), si = { class: "forecast-models" }, ni = ["onClick"], li = /* @__PURE__ */ lt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-cc6ebaba></div><div class="row" style="padding:2px 10px;" data-v-cc6ebaba><div class="legend" data-v-cc6ebaba><div class="icon td" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>TD</div></div><div class="legend" data-v-cc6ebaba><div class="icon ts" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>TS</div></div><div class="legend" data-v-cc6ebaba><div class="icon sts" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>STS</div></div><div class="legend" data-v-cc6ebaba><div class="icon ty" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>TY</div></div><div class="legend" data-v-cc6ebaba><div class="icon sty" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>STY</div></div><div class="legend" data-v-cc6ebaba><div class="icon supper-ty" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-cc6ebaba><div class="legend" data-v-cc6ebaba><div class="icon history" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>History</div></div><div class="legend" data-v-cc6ebaba><div class="icon r7" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>35kts Radii</div></div><div class="legend" data-v-cc6ebaba><div class="icon r10" data-v-cc6ebaba></div><div class="label" data-v-cc6ebaba>50kts Radii</div></div></div>', 3), ci = { class: "more" };
 function hi(a, e, t, r, i, o) {
-  var n, s, c, h, y, d, m, u, b, f, p, v, g, w, k;
+  var n, s, c, h, y, d, m, u, g, f, p, v, b, w, k;
   return $e((L(), x("div", Ga, [
     l("div", Ha, [
       l("div", {
@@ -4094,7 +4094,7 @@ function hi(a, e, t, r, i, o) {
         (s = (n = i.activeTropicals) == null ? void 0 : n.history) != null && s.level ? (L(), x("span", Xa, S((h = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : h.level) + " , ", 1)) : N("", !0),
         Ke(S((y = i.activeTropicals) == null ? void 0 : y.name), 1)
       ]),
-      l("div", Ja, " Last update: " + S(o.computeTime(((m = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : m.updated) || ((f = (b = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : b.filter((_) => !_.disabled)[0]) == null ? void 0 : f.date))), 1)
+      l("div", Ja, " Last update: " + S(o.computeTime(((m = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : m.updated) || ((f = (g = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : g.filter((_) => !_.disabled)[0]) == null ? void 0 : f.date))), 1)
     ]),
     l("div", qa, [
       l("div", Ya, [
@@ -4105,7 +4105,7 @@ function hi(a, e, t, r, i, o) {
           ]),
           l("div", ti, [
             ai,
-            l("span", null, S(((w = (g = i.activeTropicals) == null ? void 0 : g.history) == null ? void 0 : w.pressure) || "-") + "[hPa]", 1)
+            l("span", null, S(((w = (b = i.activeTropicals) == null ? void 0 : b.history) == null ? void 0 : w.pressure) || "-") + "[hPa]", 1)
           ])
         ]),
         l("div", ii, [
@@ -4113,13 +4113,13 @@ function hi(a, e, t, r, i, o) {
             oi,
             l("div", si, [
               (L(!0), x(Ae, null, De((k = i.activeTropicals) == null ? void 0 : k.forecasts, (_, E) => {
-                var D, $, O, W;
+                var D, $, W, O;
                 return L(), x("div", {
                   key: E,
                   class: M([
                     "model",
                     _.disabled ? "" : "active",
-                    E > 0 && E < (($ = (D = i.activeTropicals) == null ? void 0 : D.forecasts) == null ? void 0 : $.length) - 1 && ((W = (O = i.activeTropicals) == null ? void 0 : O.forecasts) == null ? void 0 : W.length) > 2 ? "center-child" : ""
+                    E > 0 && E < (($ = (D = i.activeTropicals) == null ? void 0 : D.forecasts) == null ? void 0 : $.length) - 1 && ((O = (W = i.activeTropicals) == null ? void 0 : W.forecasts) == null ? void 0 : O.length) > 2 ? "center-child" : ""
                   ]),
                   onClick: (H) => o.handleForecastToggle(_)
                 }, [
@@ -4480,11 +4480,11 @@ const $i = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ue = (a) => (U("data-v-67e5094b"), a = a(), G(), a), Mi = { key: 0 }, Bi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "°C", -1)), Ni = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "0", -1)), Oi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "10", -1)), Wi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "20", -1)), ji = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "30", -1)), Fi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "40", -1)), Vi = [
+}, ue = (a) => (U("data-v-67e5094b"), a = a(), G(), a), Mi = { key: 0 }, Bi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "°C", -1)), Ni = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "0", -1)), Wi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "10", -1)), Oi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "20", -1)), ji = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "30", -1)), Fi = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("span", null, "40", -1)), Vi = [
   Bi,
   Ni,
-  Oi,
   Wi,
+  Oi,
   ji,
   Fi
 ];
@@ -4819,7 +4819,7 @@ const fr = {
 }, J = (a) => (U("data-v-fb5b12d6"), a = a(), G(), a), gr = {
   id: "point-meteo",
   class: "point-meteo"
-}, br = { class: "meteo-box" }, vr = { class: "header-box" }, _r = { class: "main" }, wr = { class: "sub" }, Lr = { class: "main-box" }, xr = { class: "flex-space" }, Cr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind", -1)), Sr = { class: "flex-space" }, kr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), zr = { class: "flex-space" }, Pr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Tr = { class: "flex-space" }, Ir = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), Er = { class: "flex-space" }, Rr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Current", -1)), Ar = { class: "flex-space" }, Dr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Precip", -1)), $r = { class: "flex-space" }, Mr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Br = { class: "flex-space" }, Nr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Or = { class: "flex-space" }, Wr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Water Temp", -1)), jr = {
+}, br = { class: "meteo-box" }, vr = { class: "header-box" }, _r = { class: "main" }, wr = { class: "sub" }, Lr = { class: "main-box" }, xr = { class: "flex-space" }, Cr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind", -1)), Sr = { class: "flex-space" }, kr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Wind.Wave", -1)), zr = { class: "flex-space" }, Pr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Swell", -1)), Tr = { class: "flex-space" }, Ir = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Sig.Wave", -1)), Er = { class: "flex-space" }, Rr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Current", -1)), Ar = { class: "flex-space" }, Dr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Precip", -1)), $r = { class: "flex-space" }, Mr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Visibility", -1)), Br = { class: "flex-space" }, Nr = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Temp", -1)), Wr = { class: "flex-space" }, Or = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Water Temp", -1)), jr = {
   key: 0,
   class: "flex-space",
   style: { "justify-content": "flex-end" }
@@ -4827,7 +4827,7 @@ const fr = {
   Fr
 ];
 function Ur(a, e, t, r, i, o) {
-  var n, s, c, h, y, d, m, u, b, f, p, v, g, w, k, _, E, D, $, O, W, H, X, ee, he, te, A, V, de, q, ne, fe, ge, be, ve, _e, we, Le, xe, Ce, Se, ke, ze, Pe, Te, Ie, Ee;
+  var n, s, c, h, y, d, m, u, g, f, p, v, b, w, k, _, E, D, $, W, O, H, X, ee, he, te, A, V, de, q, ne, fe, ge, be, ve, _e, we, Le, xe, Ce, Se, ke, ze, Pe, Te, Ie, Ee;
   return $e((L(), x("div", gr, [
     l("div", br, [
       l("div", vr, [
@@ -4841,15 +4841,15 @@ function Ur(a, e, t, r, i, o) {
       l("div", Lr, [
         l("div", xr, [
           Cr,
-          l("span", null, S(((y = (h = t.meteo) == null ? void 0 : h.wind) == null ? void 0 : y.direction) || "-") + "/" + S(o.roundPrecision((m = (d = t.meteo) == null ? void 0 : d.wind) == null ? void 0 : m.kts, 1)) + "[kts]/" + S((b = (u = t.meteo) == null ? void 0 : u.wind) == null ? void 0 : b.scale) + "[BF]/" + S(o.roundPrecision((p = (f = t.meteo) == null ? void 0 : f.gusts) == null ? void 0 : p.kts, 1)) + "[kts]", 1)
+          l("span", null, S(((y = (h = t.meteo) == null ? void 0 : h.wind) == null ? void 0 : y.direction) || "-") + "/" + S(o.roundPrecision((m = (d = t.meteo) == null ? void 0 : d.wind) == null ? void 0 : m.kts, 1)) + "[kts]/" + S((g = (u = t.meteo) == null ? void 0 : u.wind) == null ? void 0 : g.scale) + "[BF]/" + S(o.roundPrecision((p = (f = t.meteo) == null ? void 0 : f.gusts) == null ? void 0 : p.kts, 1)) + "[kts]", 1)
         ]),
         l("div", Sr, [
           kr,
-          l("span", null, S(((w = (g = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : g.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((E = (_ = (k = t.meteo) == null ? void 0 : k.wave) == null ? void 0 : _.wd) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((O = ($ = (D = t.meteo) == null ? void 0 : D.wave) == null ? void 0 : $.wd) == null ? void 0 : O.period, 1)) + "[s]", 1)
+          l("span", null, S(((w = (b = (v = t.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((E = (_ = (k = t.meteo) == null ? void 0 : k.wave) == null ? void 0 : _.wd) == null ? void 0 : E.height, 1)) + "[m]/" + S(o.roundPrecision((W = ($ = (D = t.meteo) == null ? void 0 : D.wave) == null ? void 0 : $.wd) == null ? void 0 : W.period, 1)) + "[s]", 1)
         ]),
         l("div", zr, [
           Pr,
-          l("span", null, S(((X = (H = (W = t.meteo) == null ? void 0 : W.wave) == null ? void 0 : H.swell) == null ? void 0 : X.direction) || "-") + "/" + S(o.roundPrecision((te = (he = (ee = t.meteo) == null ? void 0 : ee.wave) == null ? void 0 : he.swell) == null ? void 0 : te.height, 1)) + "[m]/" + S(o.roundPrecision((de = (V = (A = t.meteo) == null ? void 0 : A.wave) == null ? void 0 : V.swell) == null ? void 0 : de.period, 1)) + "[s]", 1)
+          l("span", null, S(((X = (H = (O = t.meteo) == null ? void 0 : O.wave) == null ? void 0 : H.swell) == null ? void 0 : X.direction) || "-") + "/" + S(o.roundPrecision((te = (he = (ee = t.meteo) == null ? void 0 : ee.wave) == null ? void 0 : he.swell) == null ? void 0 : te.height, 1)) + "[m]/" + S(o.roundPrecision((de = (V = (A = t.meteo) == null ? void 0 : A.wave) == null ? void 0 : V.swell) == null ? void 0 : de.period, 1)) + "[s]", 1)
         ]),
         l("div", Tr, [
           Ir,
@@ -4871,8 +4871,8 @@ function Ur(a, e, t, r, i, o) {
           Nr,
           l("span", null, S(o.roundPrecision((Ie = t.meteo) == null ? void 0 : Ie.temp, 0)) + "[°C]", 1)
         ]),
-        l("div", Or, [
-          Wr,
+        l("div", Wr, [
+          Or,
           l("span", null, S(o.roundPrecision((Ee = t.meteo) == null ? void 0 : Ee.waterTemp, 2)) + "[°C]", 1)
         ])
       ]),
@@ -6104,7 +6104,7 @@ function No(a, e, t, r, i, o) {
     l("span", null, S(i.lngLat.lng.pretty), 1)
   ], 4)) : N("", !0);
 }
-const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052"]]), Oo = {
+const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052"]]), Wo = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -6171,19 +6171,19 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052
           var v;
           return ((v = p._element) == null ? void 0 : v.id) === e;
         })[0].setLngLat([(o = (i = a.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (s = (n = a.target) == null ? void 0 : n._lngLat) == null ? void 0 : s.lat]);
-        let b;
+        let g;
         m.features.forEach((p, v) => {
           if (p.geometry.type === "Point" && p.properties.id == e.split("-")[1]) {
-            b = v;
+            g = v;
             return;
           }
         });
         const f = m.features.filter((p) => p.geometry.type === "Point");
         this.handleTmpPointUpdate(
           m,
-          f[b - 1],
-          { lng: (h = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, lat: (d = (y = a.target) == null ? void 0 : y._lngLat) == null ? void 0 : d.lat, properties: f[b].properties },
-          b === f.length - 1 ? void 0 : f[b + 1]
+          f[g - 1],
+          { lng: (h = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, lat: (d = (y = a.target) == null ? void 0 : y._lngLat) == null ? void 0 : d.lat, properties: f[g].properties },
+          g === f.length - 1 ? void 0 : f[g + 1]
         );
       }
     },
@@ -6196,8 +6196,8 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052
           var p;
           return ((p = f._element) == null ? void 0 : p.id) === e;
         })[0].setLngLat([(o = (i = a.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (s = (n = a.target) == null ? void 0 : n._lngLat) == null ? void 0 : s.lat]);
-        const b = m.features.filter((f) => f.geometry.type === "Point" && f.properties.id == e.split("-")[1])[0];
-        b.geometry.coordinates = [(h = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, (d = (y = a.target) == null ? void 0 : y._lngLat) == null ? void 0 : d.lat], m.features = m.features.filter((f) => f.geometry.type === "Point"), this.handlePointUpdate(m);
+        const g = m.features.filter((f) => f.geometry.type === "Point" && f.properties.id == e.split("-")[1])[0];
+        g.geometry.coordinates = [(h = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, (d = (y = a.target) == null ? void 0 : y._lngLat) == null ? void 0 : d.lat], m.features = m.features.filter((f) => f.geometry.type === "Point"), this.handlePointUpdate(m);
       }
     },
     handleContextmenu(a) {
@@ -6244,11 +6244,11 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052
         let t = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const o = e[i - 1], n = e[i], s = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, h = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, y = Oe(c, h, s.mode === "RL", 2), d = We(c, h, s.mode === "RL", 2);
+          const o = e[i - 1], n = e[i], s = o.properties, c = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, h = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, y = We(c, h, s.mode === "RL", 2), d = Oe(c, h, s.mode === "RL", 2);
           t = K.roundPrecision(t + y, 2);
           let m;
           s.mode === "RL" ? m = pe([c, h]) : m = pe(je(c, h, 200));
-          const u = C.lineString(m.map((b) => [b.lng, b.lat]));
+          const u = C.lineString(m.map((g) => [g.lng, g.lat]));
           u.properties.dist = y, u.properties.bearing = d, u.properties.total = t, r.push(u);
         }
         e.push(...r), a.total = t;
@@ -6260,7 +6260,7 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052
       let o, n;
       if (e) {
         const c = e.properties, h = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, y = { lng: t.lng, lat: t.lat };
-        o = Oe(h, y, c.mode === "RL", 2), n = We(h, y, c.mode === "RL", 2);
+        o = We(h, y, c.mode === "RL", 2), n = Oe(h, y, c.mode === "RL", 2);
         let d;
         c.mode === "RL" ? d = pe([h, y]) : d = pe(je(h, y, 200));
         const m = C.lineString(d.map((u) => [u.lng, u.lat]));
@@ -6268,7 +6268,7 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052
       }
       if (r) {
         const c = t.properties, h = t, y = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = Oe(h, y, c.mode === "RL", 2), n = We(h, y, c.mode === "RL", 2);
+        o = We(h, y, c.mode === "RL", 2), n = Oe(h, y, c.mode === "RL", 2);
         let d;
         c.mode === "RL" ? d = pe([h, y]) : d = pe(je(h, y, 200));
         const m = C.lineString(d.map((u) => [u.lng, u.lat]));
@@ -6386,16 +6386,16 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052
     handleClear(a, e = !0) {
       var o, n, s, c, h, y, d, m, 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), (n = this.map) != null && n.getLayer(i) && this.map.removeLayer(i), (s = this.map) != null && s.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (c = this.map) != null && c.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (h = this.closeMarkers[a.id]) == null || h.remove(), this.closeMarkers[a.id] = void 0, (y = this.pointMarkers[a.id]) == null || y.forEach((b) => {
-        b == null || b.remove();
+      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (n = this.map) != null && n.getLayer(i) && this.map.removeLayer(i), (s = this.map) != null && s.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (c = this.map) != null && c.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (h = this.closeMarkers[a.id]) == null || h.remove(), this.closeMarkers[a.id] = void 0, (y = this.pointMarkers[a.id]) == null || y.forEach((g) => {
+        g == null || g.remove();
       }), this.pointMarkers[a.id] = [], (d = this.tipMarker) == null || d.remove(), this.tipMarker = void 0, e && ((m = this.map) != null && m.getSource(t)) && this.map.removeSource(t), e && ((u = this.map) != null && u.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
-function Wo(a, e, t, r, i, o) {
+function Oo(a, e, t, r, i, o) {
   return L(), x("div");
 }
-const jo = /* @__PURE__ */ T(Oo, [["render", Wo]]);
+const jo = /* @__PURE__ */ T(Wo, [["render", Oo]]);
 const Fo = {
   name: "IdmENC",
   props: {
@@ -6483,7 +6483,7 @@ const Yo = {
     IdmCurrentParticle: Ea,
     IdmSigWave: Da,
     IdmSwell: Ba,
-    IdmPrmsl: Wa,
+    IdmPrmsl: Oa,
     // IdmIceEdge,
     IdmIceberg: Va,
     IdmTropicals: tt,
@@ -6545,6 +6545,7 @@ const Yo = {
       showCurrentParticle: !1,
       toggleVersion: 0,
       enc: "",
+      // enc: 'i4',
       defaultMeteoToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg",
       helper: new Qt()
     };
@@ -6560,31 +6561,35 @@ const Yo = {
     },
     map: {
       handler() {
-        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ue(this.map), this.handleRampColorInitial());
+        var a, e, t, r, i, o, n, s, c, h, y, d, m, u, g, f, p, v;
+        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ue(this.map), this.handleRampColorInitial(), this.activeWeatherLayers.some((b) => ["wind", "current"].includes(b.key)) && ((a = this.particleFactor) != null && a.particle) || this.activeWeatherLayers.some((b) => ["temp", "water-temp"].includes(b.key)) ? ((t = (e = this.map) == null ? void 0 : e.getLayer("i4")) == null || t.setLayoutProperty("visibility", "none"), (i = (r = this.map) == null ? void 0 : r.getLayer("hi")) == null || i.setLayoutProperty("visibility", "none"), (n = (o = this.map) == null ? void 0 : o.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || n.setLayoutProperty("visibility", "visible"), (s = this.map) != null && s.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id) && ((h = this.map) == null || h.moveLayer((c = this.viewport) == null ? void 0 : c.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (d = this.map) != null && d.getLayer((y = this.viewport) == null ? void 0 : y.particleLayer) && ((u = this.map) == null || u.moveLayer((m = this.viewport) == null ? void 0 : m.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((f = (g = this.map) == null ? void 0 : g.getLayer(this.enc)) == null || f.setLayoutProperty("visibility", "visible"), (v = (p = this.map) == null ? void 0 : p.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none")));
       },
       immediate: !0
     },
     enc: {
       handler(a, e) {
+        var t, r, i, o, n, s, c, h;
+        a ? ((r = (t = this.map) == null ? void 0 : t.getLayer(a)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : ((s = (n = this.map) == null ? void 0 : n.getLayer("i4")) == null || s.setLayoutProperty("visibility", "none"), (h = (c = this.map) == null ? void 0 : c.getLayer("hi")) == null || h.setLayoutProperty("visibility", "none"));
       }
     },
     activeWeatherLayers: {
       handler() {
-        var a, e, t, r, i, o, n, s, c, h, y, d, m, u, b, f, p, v;
+        var a, e, t, r, i, o, n, s, c, h, y, d, m, u, g, f;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.some((g) => ["wind", "current"].includes(g.key)) && ((a = this.particleFactor) != null && a.particle) || this.activeWeatherLayers.some((g) => ["temp", "water-temp"].includes(g.key)) ? (console.log(3333), (t = (e = this.map) == null ? void 0 : e.getLayer("i4")) == null || t.setLayoutProperty("visibility", "none"), (i = (r = this.map) == null ? void 0 : r.getLayer("hi")) == null || i.setLayoutProperty("visibility", "none"), (n = (o = this.map) == null ? void 0 : o.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || n.setLayoutProperty("visibility", "visible"), (s = this.map) != null && s.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id) && ((h = this.map) == null || h.moveLayer((c = this.viewport) == null ? void 0 : c.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (d = this.map) != null && d.getLayer((y = this.viewport) == null ? void 0 : y.particleLayer) && ((u = this.map) == null || u.moveLayer((m = this.viewport) == null ? void 0 : m.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (console.log(44444), (f = (b = this.map) == null ? void 0 : b.getLayer(this.enc)) == null || f.setLayoutProperty("visibility", "visible"), (v = (p = this.map) == null ? void 0 : p.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none"));
+        this.activeWeatherLayers.some((p) => ["wind", "current"].includes(p.key)) && ((a = this.particleFactor) != null && a.particle) || this.activeWeatherLayers.some((p) => ["temp", "water-temp"].includes(p.key)) ? ((t = (e = this.map) == null ? void 0 : e.getLayer(this.enc)) == null || t.setLayoutProperty("visibility", "none"), (i = (r = this.map) == null ? void 0 : r.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || i.setLayoutProperty("visibility", "visible"), (o = this.map) != null && o.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id) && ((s = this.map) == null || s.moveLayer((n = this.viewport) == null ? void 0 : n.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (h = this.map) != null && h.getLayer((c = this.viewport) == null ? void 0 : c.particleLayer) && ((d = this.map) == null || d.moveLayer((y = this.viewport) == null ? void 0 : y.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : ((u = (m = this.map) == null ? void 0 : m.getLayer(this.enc)) == null || u.setLayoutProperty("visibility", "visible"), (f = (g = this.map) == null ? void 0 : g.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || f.setLayoutProperty("visibility", "none"));
       },
       immediate: !0
     },
     "particleFactor.particle": {
       handler() {
+        var a, e, t, r, i;
+        this.activeWeatherLayers.some((o) => ["wind", "current"].includes(o.key)) && !((a = this.particleFactor) != null && a.particle) && !this.activeWeatherLayers.some((o) => ["temp", "water-temp"].includes(o.key)) && ((t = this.map) == null || t.moveLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer, null), (i = (r = this.map) == null ? void 0 : r.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || i.setLayoutProperty("visibility", "none"));
       }
     }
     /** for offline map**/
     // activeWeatherLayers: {
     //   handler() {
-    //
     //     if (!this.map) {
     //       return false
     //     }
@@ -6592,19 +6597,18 @@ const Yo = {
     //       (this.activeWeatherLayers.some((item) => ['wind', 'current'].includes(item.key)) && this.particleFactor?.particle) ||
     //       this.activeWeatherLayers.some((item) => ['temp', 'water-temp'].includes(item.key))
     //     ) {
-    //       this.map?.setLayoutProperty(this.helper.windy.grayland.layer.id, 'visibility', 'visible')
-    //       this.map?.setLayoutProperty(this.helper.windy.darkmap.layer.id, 'visibility', 'visible')
-    //       this.map?.setLayoutProperty(this.helper.countryBoundary.layer.id, 'visibility', 'visible')
-    //       this.map?.setLayoutProperty(this.helper.i4.layer.id, 'visibility', 'none')
-    //       this.map?.setLayoutProperty(this.helper.hi.layer.id, 'visibility', 'none')
+    //       this.map?.getLayer(this.helper.windy.grayland.layer.id)?.setLayoutProperty('visibility', 'visible')
+    //       this.map?.getLayer(this.helper.windy.darkmap.layer.id)?.setLayoutProperty('visibility', 'visible')
+    //       this.map?.setLayoutProperty(this.helper.mapboxCustomer.layers.countryLabel.id, 'visibility', 'visible')
+    //       this.map?.getLayer(this.enc)?.setLayoutProperty('visibility', 'none')
     //       this.map?.getLayer(this.helper.windy.grayland.layer.id) && this.map?.moveLayer(this.viewport?.rampColorLayer, this.helper.windy.grayland.layer.id)
     //       this.map?.getLayer(this.helper.windy.grayland.layer.id) && this.map?.moveLayer(this.viewport?.particleLayer, this.helper.windy.grayland.layer.id)
     //     } else {
     //       this.map?.moveLayer(this.viewport?.rampColorLayer, null)
-    //       this.map?.setLayoutProperty(this.helper.i4.layer.id, 'visibility', 'visible')
-    //       this.map?.setLayoutProperty(this.helper.countryBoundary.layer.id, 'visibility', 'none')
-    //       this.map?.setLayoutProperty(this.helper.windy.grayland.layer.id, 'visibility', 'none')
-    //       this.map?.setLayoutProperty(this.helper.windy.darkmap.layer.id, 'visibility', 'none')
+    //       this.map?.getLayer(this.enc)?.setLayoutProperty('visibility', 'visible')
+    //       this.map?.setLayoutProperty(this.helper.mapboxCustomer.layers.countryLabel.id, 'visibility', 'none')
+    //       this.map?.getLayer(this.helper.windy.grayland.layer.id)?.setLayoutProperty('visibility', 'none')
+    //       this.map?.getLayer(this.helper.windy.darkmap.layer.id)?.setLayoutProperty('visibility', 'none')
     //     }
     //   },
     //   immediate: true,
@@ -6617,16 +6621,9 @@ const Yo = {
     //       !this.activeWeatherLayers.some((item) => ['temp', 'water-temp'].includes(item.key))
     //     ) {
     //       this.map?.moveLayer(this.viewport?.rampColorLayer, null)
-    //       this.map?.getLayer('grayland')?.setLayoutProperty('visibility', 'none')
-    //       this.map?.getLayer('darkmap')?.setLayoutProperty('visibility', 'none')
-    //     }
-    //   },
-    // },
-    // enc: {
-    //   handler(newV, oldV) {
-    //     if (!this.activeWeatherLayers.some((item) => ['wind', 'temp', 'current'].includes(item.key))) {
-    //       this.map?.getLayer(newV)?.setLayoutProperty('visibility', 'visible')
-    //       this.map?.getLayer(oldV)?.setLayoutProperty('visibility', 'none')
+    //       this.map?.getLayer(this.helper.windy.grayland.layer.id)?.setLayoutProperty('visibility', 'none')
+    //       this.map?.getLayer(this.helper.windy.darkmap.layer.id)?.setLayoutProperty('visibility', 'none')
+    //       this.map?.getLayer(this.enc)?.setLayoutProperty('visibility', 'visible')
     //     }
     //   },
     // },
@@ -6637,7 +6634,7 @@ const Yo = {
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let t = 0, r = 0;
       if (this.map) {
-        const m = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, u = (o = this.map) == null ? void 0 : o.getBounds(), b = `${u._sw.lng},${u._sw.lat},${u._ne.lng},${u._ne.lat}`;
+        const m = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, u = (o = this.map) == null ? void 0 : o.getBounds(), g = `${u._sw.lng},${u._sw.lat},${u._ne.lng},${u._ne.lat}`;
         if (this.handleRampColorState(), this.particleFactor) {
           const f = Fe.WEATHER_LAYERS.find((p) => {
             var v;
@@ -6648,42 +6645,42 @@ const Yo = {
         if (this.weatherWeight > 0) {
           let f = this.weatherWeight, p;
           if (a.tropicals || this.weatherWeight & 256 && (p = this.weatherLayers.tropicals, p && (f -= 256, p.version = Math.random() + 1)), f > 0) {
-            const v = await ae.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${m}&bbox=${b}&t=${this.ts}`, {
+            const v = await ae.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&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 = v == null ? void 0 : v.data) == null ? void 0 : n.code) === 0) {
-              const g = (s = v == null ? void 0 : v.data) == null ? void 0 : s.data, w = [];
-              for (const _ in g)
-                _ === "ice-edge" && (g[_] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), _ !== "tropicals" && w.push(
-                  ae.get(g[_], {
+              const b = (s = v == null ? void 0 : v.data) == null ? void 0 : s.data, w = [];
+              for (const _ in b)
+                _ === "ice-edge" && (b[_] = "https://idm-hz.oss-cn-hangzhou.aliyuncs.com/test/sea_ice_contours.geojson"), _ !== "tropicals" && w.push(
+                  ae.get(b[_], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
                       key: _
                     },
-                    responseType: /\.(jpg|png)$/.test(g[_]) ? "blob" : "json"
+                    responseType: /\.(jpg|png)$/.test(b[_]) ? "blob" : "json"
                   }).catch((E) => {
                     console.log(`[${_}] fetch layer error: ${E}`);
                   })
                 );
               const k = await Promise.all(w);
               this.weatherLayers = {}, k.map((_) => {
-                var $, O, W, H;
-                const E = (($ = _ == null ? void 0 : _.data) == null ? void 0 : $.data) || (_ == null ? void 0 : _.data), D = (W = (O = _ == null ? void 0 : _.config) == null ? void 0 : O.headers) == null ? void 0 : W.key;
+                var $, W, O, H;
+                const E = (($ = _ == null ? void 0 : _.data) == null ? void 0 : $.data) || (_ == null ? void 0 : _.data), D = (O = (W = _ == null ? void 0 : _.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
                 D && E && (this.weatherLayers[D] = {
                   raw: E,
                   type: ((H = _ == null ? void 0 : _.config) == null ? void 0 : H.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
-              }), g.tropicals && ae.get(g.tropicals, {
+              }), b.tropicals && ae.get(b.tropicals, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken,
                   key: "tropicals"
                 }
               }).then((_) => {
-                var $, O, W;
-                const E = et.convert2Geojson((($ = _ == null ? void 0 : _.data) == null ? void 0 : $.data) || (_ == null ? void 0 : _.data)), D = (W = (O = _ == null ? void 0 : _.config) == null ? void 0 : O.headers) == null ? void 0 : W.key;
+                var $, W, O;
+                const E = et.convert2Geojson((($ = _ == null ? void 0 : _.data) == null ? void 0 : $.data) || (_ == null ? void 0 : _.data)), D = (O = (W = _ == null ? void 0 : _.config) == null ? void 0 : W.headers) == null ? void 0 : O.key;
                 this.weatherLayers[D] = {
                   data: E,
                   active: !0,
@@ -6695,19 +6692,19 @@ const Yo = {
               });
             }
             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 g = (c = this.weatherLayers["swell-direction"]) == null ? void 0 : c.raw, w = (h = this.weatherLayers["swell-height"]) == null ? void 0 : h.raw;
+              const b = (c = this.weatherLayers["swell-direction"]) == null ? void 0 : c.raw, w = (h = this.weatherLayers["swell-height"]) == null ? void 0 : h.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
-                direction: g,
+                direction: b,
                 height: { raw: w },
                 etime: this.ts
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const g = (y = this.weatherLayers["current-direction"]) == null ? void 0 : y.raw, w = (d = this.weatherLayers["current-speed"]) == null ? void 0 : d.raw;
+              const b = (y = this.weatherLayers["current-direction"]) == null ? void 0 : y.raw, w = (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: g,
+                direction: b,
                 speed: { raw: w },
                 etime: this.ts
               };
@@ -6745,8 +6742,8 @@ const Yo = {
                   );
                 const y = await Promise.all(h);
                 this.otherLayers = { enc: n }, y.map((d) => {
-                  var b, f, p;
-                  const m = ((b = d == null ? void 0 : d.data) == null ? void 0 : b.data) || (d == null ? void 0 : d.data), u = (p = (f = d == null ? void 0 : d.config) == null ? void 0 : f.headers) == null ? void 0 : p.key;
+                  var g, f, p;
+                  const m = ((g = d == null ? void 0 : d.data) == null ? void 0 : g.data) || (d == null ? void 0 : d.data), u = (p = (f = d == null ? void 0 : d.config) == null ? void 0 : f.headers) == null ? void 0 : p.key;
                   this.otherLayers[u] = m;
                 });
               }
@@ -6768,8 +6765,8 @@ const Yo = {
                     })
                   );
                 (await Promise.all(h)).map((d) => {
-                  var b, f, p;
-                  const m = ((b = d == null ? void 0 : d.data) == null ? void 0 : b.data) || (d == null ? void 0 : d.data), u = (p = (f = d == null ? void 0 : d.config) == null ? void 0 : f.headers) == null ? void 0 : p.key;
+                  var g, f, p;
+                  const m = ((g = d == null ? void 0 : d.data) == null ? void 0 : g.data) || (d == null ? void 0 : d.data), u = (p = (f = d == null ? void 0 : d.config) == null ? void 0 : f.headers) == null ? void 0 : p.key;
                   this.otherLayers[u] = m;
                 });
               }
@@ -6832,29 +6829,29 @@ const Yo = {
       for (const u in this.weatherLayers)
         if (this.weatherLayers[u].active && this.weatherLayers[u].type === "json") {
           this.weatherLayers[u].active = !1, this.weatherLayers[u].version = Math.random() + 1;
-          let b = [];
+          let g = [];
           if (["swell", "current"].includes(u)) {
             const f = ((y = this.weatherLayers[u]) == null ? void 0 : y.direction) || {};
             for (const p in f)
               if (p > s && p < c && (!(i <= this.zoom) || p % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = f[p].lng;
-                o > n ? v.forEach((g, w) => {
+                o > n ? v.forEach((b, w) => {
                   var k;
-                  if ((g >= o && g <= 180 || g >= -180 && g <= n) && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([g, p], {
+                  if ((b >= o && b <= 180 || b >= -180 && b <= n) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const _ = C.point([b, p], {
                       val: f[p].val[w],
                       spd: (k = f[p].spd) == null ? void 0 : k[w]
                     });
-                    b.push(_);
+                    g.push(_);
                   }
-                }) : v.forEach((g, w) => {
+                }) : v.forEach((b, w) => {
                   var k;
-                  if (g >= o && g <= n && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([g, p], {
+                  if (b >= o && b <= n && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const _ = C.point([b, p], {
                       val: f[p].val[w],
                       spd: (k = f[p].spd) == null ? void 0 : k[w]
                     });
-                    b.push(_);
+                    g.push(_);
                   }
                 });
               }
@@ -6863,12 +6860,12 @@ const Yo = {
               if (p) {
                 if (!p.data) {
                   const v = [];
-                  for (const g in (d = p.raw) == null ? void 0 : d.LineString) {
-                    const w = p.raw.LineString[g];
+                  for (const b in (d = p.raw) == null ? void 0 : d.LineString) {
+                    const w = p.raw.LineString[b];
                     for (const k of w)
                       v.push(
                         C.lineString(k, {
-                          val: Number(g)
+                          val: Number(b)
                         })
                       );
                     p.data = C.featureCollection(v);
@@ -6876,7 +6873,7 @@ const Yo = {
                 }
                 if (p.data) {
                   const v = this.handleBboxClip(p.data, r);
-                  b = b.concat(v);
+                  g = g.concat(v);
                 }
                 t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("height elapsed: ", t, ", total: ", e += t);
               }
@@ -6885,20 +6882,20 @@ const Yo = {
               const p = this.weatherLayers[u].speed;
               if (p) {
                 if (!p.data) {
-                  const g = [];
+                  const b = [];
                   for (const w in (m = p.raw) == null ? void 0 : m.Polygon) {
                     const k = p.raw.Polygon[w];
                     for (const _ of k)
-                      g.push(
+                      b.push(
                         C.polygon(_, {
                           val: Number(w)
                         })
                       );
                   }
-                  p.data = C.featureCollection(g);
+                  p.data = C.featureCollection(b);
                 }
-                const v = i < this.zoom ? p.data.features.filter((g) => g.properties.val > 0.5) : p.data.features;
-                b = b.concat(v), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("speed elapsed: ", t, ", total: ", e += t);
+                const v = i < this.zoom ? p.data.features.filter((b) => b.properties.val > 0.5) : p.data.features;
+                g = g.concat(v), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("speed elapsed: ", t, ", total: ", e += t);
               }
             }
           } else if (u === "wind") {
@@ -6906,55 +6903,55 @@ const Yo = {
             for (const p in f)
               if (p > s && p < c && (!(i <= this.zoom) || p % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = f[p].lng;
-                o > n ? v.forEach((g, w) => {
-                  if ((g >= o && g <= 180 || g >= -180 && g <= n) && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const k = C.point([g, p], {
+                o > n ? v.forEach((b, w) => {
+                  if ((b >= o && b <= 180 || b >= -180 && b <= n) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const k = C.point([b, p], {
                       val: f[p].val[w],
                       spd: f[p].spd[w]
                     });
-                    b.push(k);
+                    g.push(k);
                   }
-                }) : v.forEach((g, w) => {
-                  if (g >= o && g <= n && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const k = C.point([g, p], {
+                }) : v.forEach((b, w) => {
+                  if (b >= o && b <= n && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const k = C.point([b, p], {
                       val: f[p].val[w],
                       spd: f[p].spd[w]
                     });
-                    b.push(k);
+                    g.push(k);
                   }
                 });
               }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("wind barb elapsed: ", t, ", total: ", e += t);
           } else if (u === "sig-wave-height") {
             if (this.weatherLayers[u].data)
-              b = this.weatherLayers[u].data;
+              g = this.weatherLayers[u].data;
             else {
               const f = this.weatherLayers[u].raw;
               if (f) {
                 const p = [];
                 for (const v in f.Polygon) {
-                  const g = f.Polygon[v];
-                  for (const w of g)
+                  const b = f.Polygon[v];
+                  for (const w of b)
                     p.push(
                       C.polygon(w, {
                         val: Number(v)
                       })
                     );
                 }
-                b = b.concat(p);
+                g = g.concat(p);
               }
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("sigWave elapsed: ", t, ", total: ", e += t);
           } else if (u === "prmsl") {
             if (this.weatherLayers[u].data)
-              b = this.weatherLayers[u].data;
+              g = this.weatherLayers[u].data;
             else {
               const f = this.weatherLayers[u].raw;
               if (f) {
                 const p = [];
                 for (const v in f.LineString) {
-                  const g = f.LineString[v];
-                  for (const w of g)
+                  const b = f.LineString[v];
+                  for (const w of b)
                     p.push(
                       C.lineString(w, {
                         val: Number(v)
@@ -6962,40 +6959,40 @@ const Yo = {
                     );
                 }
                 for (const v in f.Point)
-                  f.Point[v].lng.forEach((g, w) => {
-                    g = Re(g), p.push(
-                      C.point([g, v], {
+                  f.Point[v].lng.forEach((b, w) => {
+                    b = Re(b), p.push(
+                      C.point([b, v], {
                         val: f.Point[v].val[w],
                         type: f.Point[v].type[w]
                       })
                     );
                   });
-                b = b.concat(p);
+                g = g.concat(p);
               }
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("prmsl elapsed: ", t, ", total: ", e += t);
           } else if (u === "arctic" || u === "iceberg") {
             if (this.weatherLayers[u].data)
-              b = this.weatherLayers[u].data;
+              g = this.weatherLayers[u].data;
             else {
               const f = this.weatherLayers[u].raw;
               if (f) {
                 const p = [];
                 for (const v in f.LineString) {
-                  const g = f.LineString[v];
-                  for (const w of g)
+                  const b = f.LineString[v];
+                  for (const w of b)
                     p.push(
                       C.lineString(w, {
                         val: Number(v)
                       })
                     );
                 }
-                b = b.concat(p);
+                g = g.concat(p);
               }
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e);
           }
-          console.log(u, " elapsed: ", t, ", total: ", e += t), b.length && (this.weatherLayers[u].data = C.featureCollection(b)), this.weatherLayers[u].active = !0, this.weatherLayers[u].version = Math.random() + 1;
+          console.log(u, " elapsed: ", t, ", total: ", e += t), g.length && (this.weatherLayers[u].data = C.featureCollection(g)), this.weatherLayers[u].active = !0, this.weatherLayers[u].version = Math.random() + 1;
         }
     },
     handleDragEndWithZoom4Image() {
@@ -7088,7 +7085,7 @@ const Yo = {
 };
 function Ko(a, e, t, r, i, o) {
   var q, ne, fe, ge, be, ve, _e, we, Le, xe, Ce, Se, ke, ze, Pe, Te, Ie, Ee, Ne, He, Ze, Xe, Je, qe, Ye, Qe;
-  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), y = z("IdmPrmsl"), d = z("IdmIceberg"), m = z("IdmTropicals"), u = z("IdmCurrents"), b = z("IdmCurrentParticle"), f = z("IdmWindBarb"), p = z("IdmWindParticle"), v = z("IdmPrecip3h"), g = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), E = z("IdmWarZone"), D = z("IdmGmdssArea"), $ = z("IdmEcaZone"), O = z("IdmAlertZone"), W = z("IdmPort"), H = z("IdmLoadLine"), X = z("IdmTimezone"), ee = z("IdmVRA"), he = z("IdmSpecialArea"), te = z("IdmTerminator"), A = z("IdmLatLng"), V = z("IdmMeasure"), de = z("IdmPoint");
+  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), y = z("IdmPrmsl"), d = z("IdmIceberg"), m = z("IdmTropicals"), u = z("IdmCurrents"), g = z("IdmCurrentParticle"), f = z("IdmWindBarb"), p = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), E = z("IdmWarZone"), D = z("IdmGmdssArea"), $ = z("IdmEcaZone"), W = z("IdmAlertZone"), O = z("IdmPort"), H = z("IdmLoadLine"), X = z("IdmTimezone"), ee = z("IdmVRA"), he = z("IdmSpecialArea"), te = z("IdmTerminator"), A = z("IdmLatLng"), V = z("IdmMeasure"), de = z("IdmPoint");
   return t.map ? (L(), x("div", Qo, [
     P(n, I({
       ref: "layer",
@@ -7146,7 +7143,7 @@ function Ko(a, e, t, r, i, o) {
       "toggle-version": i.toggleVersion,
       "weather-layers": i.weatherLayers
     }, a.$attrs, { onParticle: o.handleParticle }), null, 16, ["map", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle"]),
-    P(b, I({
+    P(g, I({
       viewport: i.viewport,
       factor: (we = i.weatherLayers) == null ? void 0 : we["current-particle"],
       "before-layer": t.beforeLayer,
@@ -7177,7 +7174,7 @@ function Ko(a, e, t, r, i, o) {
       "before-layer": t.beforeLayer,
       "toggle-version": i.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(g, I({
+    P(b, I({
       viewport: i.viewport,
       factor: (ke = i.weatherLayers) == null ? void 0 : ke.visibility,
       "before-layer": t.beforeLayer,
@@ -7216,12 +7213,12 @@ function Ko(a, e, t, r, i, o) {
       zone: (Ne = i.otherLayers) == null ? void 0 : Ne["eca-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(O, I({
+    P(W, I({
       map: t.map,
       zone: (He = i.otherLayers) == null ? void 0 : He["alert-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    P(W, I({
+    P(O, I({
       map: t.map,
       port: (Ze = i.otherLayers) == null ? void 0 : Ze.ports,
       "before-layer": t.beforeLayer