@idmwx/idmui-gl3 3.5.4 → 3.5.6

package/dist/index.js

@@ -140,7 +140,7 @@ const T = (a, e) => {
       this.source = a, this.handleConfirm();
     }
   }
-}, Z = (a) => (U("data-v-4df358dd"), a = a(), G(), a), dt = { class: "idm-gl-layer" }, pt = { class: "bar-item layer-bars" }, mt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), ut = [
+}, Z = (a) => (U("data-v-66a5718f"), a = a(), G(), a), dt = { class: "idm-gl-layer" }, pt = { class: "bar-item layer-bars" }, mt = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), ut = [
   mt
 ], yt = { class: "bar-item tool-bars" }, ft = /* @__PURE__ */ Z(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "", -1)), gt = [
   ft
@@ -275,7 +275,7 @@ function Ft(a, e, t, r, i, o) {
     ], 4)
   ]);
 }
-const Vt = /* @__PURE__ */ T(ht, [["render", Ft], ["__scopeId", "data-v-4df358dd"]]);
+const Vt = /* @__PURE__ */ T(ht, [["render", Ft], ["__scopeId", "data-v-66a5718f"]]);
 const Ut = {
   name: "IdmWindBarb",
   props: {
@@ -483,7 +483,7 @@ function qt(a, e, t, r, i, o) {
     ], 4)
   ])) : N("", !0);
 }
-const Yt = /* @__PURE__ */ T(Ut, [["render", qt], ["__scopeId", "data-v-fc7a24ef"]]);
+const Yt = /* @__PURE__ */ T(Ut, [["render", qt], ["__scopeId", "data-v-f285f28f"]]);
 class Ue {
   constructor(e) {
     R(this, "map");
@@ -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) {
@@ -1020,7 +1020,7 @@ class Qt {
             visibility: "visible"
           },
           paint: {
-            "fill-color": "#ebeaea"
+            "fill-color": "#d9d8d8"
           }
         },
         countryAdmin0BoundaryBg: {
@@ -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-a083279c"), 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-a083279c"]]);
+const da = /* @__PURE__ */ T(Kt, [["render", ha], ["__scopeId", "data-v-6e0050df"]]);
 const pa = {
   name: "IdmCurrent",
   props: {
@@ -2948,7 +2948,7 @@ function ba(a, e, t, r, i, o) {
     ], 4)
   ])) : N("", !0);
 }
-const va = /* @__PURE__ */ T(pa, [["render", ba], ["__scopeId", "data-v-ce5e09b8"]]);
+const va = /* @__PURE__ */ T(pa, [["render", ba], ["__scopeId", "data-v-dbab881d"]]);
 const _a = {
   name: "IdmCurrentParticle",
   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-f196de0e"), 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-f196de0e"]]), Ra = {
+const Ea = /* @__PURE__ */ T(_a, [["render", Ia], ["__scopeId", "data-v-3bf73a1b"]]), Ra = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3452,7 +3452,9 @@ const Ba = /* @__PURE__ */ T($a, [["render", Ma]]), Na = {
             },
             paint: {
               "text-color": "black",
-              "text-opacity": 0.7
+              "text-opacity": 0.9,
+              "text-halo-color": "rgba(255,255,255,1)",
+              "text-halo-width": 1
             }
           },
           this.beforeLayer
@@ -3633,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;
             }
@@ -3911,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));
         }
@@ -3934,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, $, W, O, 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) => {
@@ -3956,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" : ((W = ($ = A.properties) == null ? void 0 : $.wind) == null ? void 0 : W.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">
@@ -3988,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) => {
@@ -4064,7 +4066,7 @@ const Ua = {
       return C.lineToPolygon(i, { properties: t });
     }
   }
-}, Ge = (a) => (U("data-v-bb8414b4"), a = a(), G(), a), Ga = {
+}, Ge = (a) => (U("data-v-cc6ebaba"), a = a(), G(), a), Ga = {
   id: "active-tropical",
   class: "active-tropical"
 }, Ha = { class: "header-box" }, Za = { class: "main" }, Xa = { key: 0 }, Ja = { class: "sub" }, qa = {
@@ -4079,9 +4081,9 @@ const Ua = {
 }, ai = /* @__PURE__ */ Ge(() => /* @__PURE__ */ l("label", null, "Pressure : ", -1)), ii = { class: "row" }, ri = {
   class: "col col-24",
   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-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), ci = { class: "more" };
+}, 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", {
@@ -4092,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, [
@@ -4103,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, [
@@ -4142,7 +4144,7 @@ function hi(a, e, t, r, i, o) {
     [Me, i.showTropicals]
   ]);
 }
-const tt = /* @__PURE__ */ T(Ua, [["render", hi], ["__scopeId", "data-v-bb8414b4"]]);
+const tt = /* @__PURE__ */ T(Ua, [["render", hi], ["__scopeId", "data-v-cc6ebaba"]]);
 const di = {
   name: "IdmPrecip3h",
   props: {
@@ -4244,7 +4246,7 @@ const di = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, oe = (a) => (U("data-v-42b977ed"), a = a(), G(), a), pi = { key: 0 }, mi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "mm", -1)), ui = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "1.5", -1)), yi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "2", -1)), fi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "3", -1)), gi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "7", -1)), bi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "10", -1)), vi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "20", -1)), _i = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "30", -1)), wi = [
+}, oe = (a) => (U("data-v-dec867b8"), a = a(), G(), a), pi = { key: 0 }, mi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "mm", -1)), ui = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "1.5", -1)), yi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "2", -1)), fi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "3", -1)), gi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "7", -1)), bi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "10", -1)), vi = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "20", -1)), _i = /* @__PURE__ */ oe(() => /* @__PURE__ */ l("span", null, "30", -1)), wi = [
   mi,
   ui,
   yi,
@@ -4263,7 +4265,7 @@ function Li(a, e, t, r, i, o) {
     }, wi, 4)
   ])) : N("", !0);
 }
-const xi = /* @__PURE__ */ T(di, [["render", Li], ["__scopeId", "data-v-42b977ed"]]);
+const xi = /* @__PURE__ */ T(di, [["render", Li], ["__scopeId", "data-v-dec867b8"]]);
 const Ci = {
   name: "IdmVisibility",
   props: {
@@ -4358,7 +4360,7 @@ const Ci = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, me = (a) => (U("data-v-2a5fbadd"), a = a(), G(), a), Si = { key: 0 }, ki = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "nm", -1)), zi = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "0", -1)), Pi = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Ti = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "1.5", -1)), Ii = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "3", -1)), Ei = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "9", -1)), Ri = [
+}, me = (a) => (U("data-v-952dee5c"), a = a(), G(), a), Si = { key: 0 }, ki = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "nm", -1)), zi = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "0", -1)), Pi = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "0.5", -1)), Ti = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "1.5", -1)), Ii = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "3", -1)), Ei = /* @__PURE__ */ me(() => /* @__PURE__ */ l("span", null, "9", -1)), Ri = [
   ki,
   zi,
   Pi,
@@ -4375,7 +4377,7 @@ function Ai(a, e, t, r, i, o) {
     }, Ri, 4)
   ])) : N("", !0);
 }
-const Di = /* @__PURE__ */ T(Ci, [["render", Ai], ["__scopeId", "data-v-2a5fbadd"]]);
+const Di = /* @__PURE__ */ T(Ci, [["render", Ai], ["__scopeId", "data-v-952dee5c"]]);
 const $i = {
   name: "IdmWaterTemp",
   props: {
@@ -4478,7 +4480,7 @@ 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-5b28deaf"), 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 = [
+}, 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,
   Wi,
@@ -4495,7 +4497,7 @@ function Ui(a, e, t, r, i, o) {
     }, Vi, 4)
   ])) : N("", !0);
 }
-const Gi = /* @__PURE__ */ T($i, [["render", Ui], ["__scopeId", "data-v-5b28deaf"]]);
+const Gi = /* @__PURE__ */ T($i, [["render", Ui], ["__scopeId", "data-v-67e5094b"]]);
 const Hi = {
   name: "IdmTemp",
   props: {
@@ -4601,7 +4603,7 @@ const Hi = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, se = (a) => (U("data-v-72cd9cf1"), a = a(), G(), a), Zi = { key: 0 }, Xi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "°C", -1)), Ji = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "-20", -1)), qi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "-10", -1)), Yi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "0", -1)), Qi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "10", -1)), Ki = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "20", -1)), er = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "30", -1)), tr = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "40", -1)), ar = [
+}, se = (a) => (U("data-v-389ea886"), a = a(), G(), a), Zi = { key: 0 }, Xi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "°C", -1)), Ji = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "-20", -1)), qi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "-10", -1)), Yi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "0", -1)), Qi = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "10", -1)), Ki = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "20", -1)), er = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "30", -1)), tr = /* @__PURE__ */ se(() => /* @__PURE__ */ l("span", null, "40", -1)), ar = [
   Xi,
   Ji,
   qi,
@@ -4620,7 +4622,7 @@ function ir(a, e, t, r, i, o) {
     }, ar, 4)
   ])) : N("", !0);
 }
-const rr = /* @__PURE__ */ T(Hi, [["render", ir], ["__scopeId", "data-v-72cd9cf1"]]);
+const rr = /* @__PURE__ */ T(Hi, [["render", ir], ["__scopeId", "data-v-389ea886"]]);
 const or = {
   name: "IdmArctic",
   props: {
@@ -4717,7 +4719,7 @@ const or = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, ye = (a) => (U("data-v-2092df03"), a = a(), G(), a), sr = { key: 0 }, nr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "m", -1)), lr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "0", -1)), cr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "0.5", -1)), hr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "1", -1)), dr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "1.5", -1)), pr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "2", -1)), mr = [
+}, ye = (a) => (U("data-v-db805141"), a = a(), G(), a), sr = { key: 0 }, nr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "m", -1)), lr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "0", -1)), cr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "0.5", -1)), hr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "1", -1)), dr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "1.5", -1)), pr = /* @__PURE__ */ ye(() => /* @__PURE__ */ l("span", null, "2", -1)), mr = [
   nr,
   lr,
   cr,
@@ -4734,7 +4736,7 @@ function ur(a, e, t, r, i, o) {
     }, mr, 4)
   ])) : N("", !0);
 }
-const yr = /* @__PURE__ */ T(or, [["render", ur], ["__scopeId", "data-v-2092df03"]]);
+const yr = /* @__PURE__ */ T(or, [["render", ur], ["__scopeId", "data-v-db805141"]]);
 const fr = {
   name: "IdmPoint",
   emits: ["point", "more"],
@@ -4814,7 +4816,7 @@ const fr = {
       }
     }
   }
-}, J = (a) => (U("data-v-a7923724"), a = a(), G(), a), gr = {
+}, 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)), Wr = { class: "flex-space" }, Or = /* @__PURE__ */ J(() => /* @__PURE__ */ l("label", null, "Water Temp", -1)), jr = {
@@ -4825,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, $, 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;
+  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, [
@@ -4839,11 +4841,11 @@ 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((W = ($ = (D = t.meteo) == null ? void 0 : D.wave) == null ? void 0 : $.wd) == null ? void 0 : W.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,
@@ -4880,7 +4882,7 @@ function Ur(a, e, t, r, i, o) {
     [Me, i.showMeteo]
   ]);
 }
-const Gr = /* @__PURE__ */ T(fr, [["render", Ur], ["__scopeId", "data-v-a7923724"]]), Hr = {
+const Gr = /* @__PURE__ */ T(fr, [["render", Ur], ["__scopeId", "data-v-fb5b12d6"]]), Hr = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -5330,7 +5332,7 @@ function ro(a, e, t, r, i, o) {
     [Me, i.showZone]
   ]);
 }
-const oo = /* @__PURE__ */ T(to, [["render", ro], ["__scopeId", "data-v-d1cb4e6e"]]);
+const oo = /* @__PURE__ */ T(to, [["render", ro], ["__scopeId", "data-v-c0864afc"]]);
 const so = {
   name: "IdmPort",
   props: {
@@ -5423,7 +5425,7 @@ const so = {
       this.showPort = !1, this.map.getLayer(this.layer) && this.map.removeLayer(this.layer), this.map.getSource(this.source) && this.map.removeSource(this.source);
     }
   }
-}, Be = (a) => (U("data-v-6fdfee96"), a = a(), G(), a), no = { id: "port-info" }, lo = { class: "port-box" }, co = { class: "flex-start" }, ho = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), po = { class: "flex-start" }, mo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), uo = { class: "flex-start" }, yo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), fo = {
+}, Be = (a) => (U("data-v-30e545a2"), a = a(), G(), a), no = { id: "port-info" }, lo = { class: "port-box" }, co = { class: "flex-start" }, ho = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Name : ", -1)), po = { class: "flex-start" }, mo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Position : ", -1)), uo = { class: "flex-start" }, yo = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "LoCode : ", -1)), fo = {
   class: "flex-start",
   style: { "align-items": "flex-start" }
 }, go = /* @__PURE__ */ Be(() => /* @__PURE__ */ l("label", null, "Region : ", -1));
@@ -5457,7 +5459,7 @@ function bo(a, e, t, r, i, o) {
     [Me, i.showPort]
   ]);
 }
-const vo = /* @__PURE__ */ T(so, [["render", bo], ["__scopeId", "data-v-6fdfee96"]]), _o = {
+const vo = /* @__PURE__ */ T(so, [["render", bo], ["__scopeId", "data-v-30e545a2"]]), _o = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -6090,7 +6092,7 @@ const $o = {
       (a = this.map) != null && a.getLayer(this.layer) && ((e = this.map) == null || e.removeLayer(this.layer)), (t = this.map) != null && t.getLayer(this.labelLayer) && ((r = this.map) == null || r.removeLayer(this.labelLayer)), (i = this.map) != null && i.getSource(this.source) && ((o = this.map) == null || o.removeSource(this.source));
     }
   }
-}, Mo = (a) => (U("data-v-9f51b3f9"), a = a(), G(), a), Bo = /* @__PURE__ */ Mo(() => /* @__PURE__ */ l("span", null, ", ", -1));
+}, Mo = (a) => (U("data-v-51cc4052"), a = a(), G(), a), Bo = /* @__PURE__ */ Mo(() => /* @__PURE__ */ l("span", null, ", ", -1));
 function No(a, e, t, r, i, o) {
   return i.lngLat ? (L(), x("div", {
     key: 0,
@@ -6102,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-9f51b3f9"]]), Wo = {
+const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-51cc4052"]]), Wo = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -6169,19 +6171,19 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-9f51b3f9
           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]
         );
       }
     },
@@ -6194,8 +6196,8 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-9f51b3f9
           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) {
@@ -6246,7 +6248,7 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-9f51b3f9
           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;
@@ -6384,8 +6386,8 @@ const at = /* @__PURE__ */ T($o, [["render", No], ["__scopeId", "data-v-9f51b3f9
     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);
     }
   }
@@ -6446,7 +6448,7 @@ const Fo = {
     }
   },
   methods: {}
-}, it = (a) => (U("data-v-2d85e33b"), a = a(), G(), a), Vo = { key: 0 }, Uo = { class: "bar-item" }, Go = /* @__PURE__ */ it(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), Ho = [
+}, it = (a) => (U("data-v-ab627b83"), a = a(), G(), a), Vo = { key: 0 }, Uo = { class: "bar-item" }, Go = /* @__PURE__ */ it(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "HI", -1)), Ho = [
   Go
 ], Zo = /* @__PURE__ */ it(() => /* @__PURE__ */ l("span", { class: "iconfont" }, "I4", -1)), Xo = [
   Zo
@@ -6470,7 +6472,7 @@ function Jo(a, e, t, r, i, o) {
     ], 4)
   ])) : N("", !0);
 }
-const qo = /* @__PURE__ */ T(Fo, [["render", Jo], ["__scopeId", "data-v-2d85e33b"]]);
+const qo = /* @__PURE__ */ T(Fo, [["render", Jo], ["__scopeId", "data-v-ab627b83"]]);
 const Yo = {
   name: "IdmGLV2",
   components: {
@@ -6543,6 +6545,7 @@ const Yo = {
       showCurrentParticle: !1,
       toggleVersion: 0,
       enc: "",
+      // enc: 'i4',
       defaultMeteoToken: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg",
       helper: new Qt()
     };
@@ -6558,23 +6561,23 @@ const Yo = {
     },
     map: {
       handler() {
-        var a, e, t, r, i, o, n, s, c, h, y, d, m, u, b, 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((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")));
+        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 ? (console.log(11111), (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")) : (console.log(2222), (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"));
+        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
     },
@@ -6587,7 +6590,6 @@ const Yo = {
     /** for offline map**/
     // activeWeatherLayers: {
     //   handler() {
-    //
     //     if (!this.map) {
     //       return false
     //     }
@@ -6595,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,
@@ -6620,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')
     //     }
     //   },
     // },
@@ -6640,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;
@@ -6651,21 +6645,21 @@ 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}`);
                   })
@@ -6679,7 +6673,7 @@ const Yo = {
                   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"
@@ -6698,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
               };
@@ -6748,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;
                 });
               }
@@ -6771,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;
                 });
               }
@@ -6835,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(_);
                   }
                 });
               }
@@ -6866,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);
@@ -6879,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);
               }
@@ -6888,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") {
@@ -6909,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)
@@ -6965,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() {
@@ -7091,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"), 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");
+  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",
@@ -7149,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,
@@ -7180,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,