@idmwx/idmui-gl3 3.6.5 → 3.6.6

package/dist/index.js

@@ -530,8 +530,8 @@ class Ge {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    const e = this.map.getBounds(), a = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, n] = this.convertNLng(r[0]), [s, c] = this.convertNLng(i[0]), [h, d] = this.mercator.px([o, r[1]], a), [p, y] = this.mercator.px([s, i[1]], a), m = Math.round(this.mercator.size * Math.pow(2, a) * (n + c));
-    return [p, y, h + m, d];
+    const e = this.map.getBounds(), a = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, n] = this.convertNLng(r[0]), [s, c] = this.convertNLng(i[0]), [h, d] = this.mercator.px([o, r[1]], a), [p, f] = this.mercator.px([s, i[1]], a), m = Math.round(this.mercator.size * Math.pow(2, a) * (n + c));
+    return [p, f, h + m, d];
   }
   /**
    * [视窗边界像素宽度]
@@ -702,14 +702,14 @@ class ve {
     if (a && r) {
       e.resize(), a == null || a.viewport(0, 0, (c = a == null ? void 0 : a.canvas) == null ? void 0 : c.width, (h = a == null ? void 0 : a.canvas) == null ? void 0 : h.height), a.clearColor(0, 0, 0, 0), a.clear(a.COLOR_BUFFER_BIT | a.DEPTH_BUFFER_BIT);
       try {
-        const d = a.getUniformLocation(r, "u_resolution"), p = a.getUniformLocation(r, "u_image"), y = a.getUniformLocation(r, "u_color");
-        if (a.useProgram(r), a.uniform2f(d, a.canvas.width * e.ratio, a.canvas.height * e.ratio), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, i), a.uniform1i(p, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), a.uniform1i(y, 1), s != null && s.uvRange && (s != null && s.sRange)) {
+        const d = a.getUniformLocation(r, "u_resolution"), p = a.getUniformLocation(r, "u_image"), f = a.getUniformLocation(r, "u_color");
+        if (a.useProgram(r), a.uniform2f(d, a.canvas.width * e.ratio, a.canvas.height * e.ratio), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, i), a.uniform1i(p, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), a.uniform1i(f, 1), s != null && s.uvRange && (s != null && s.sRange)) {
           const u = a.getUniformLocation(r, "u_range_u_v"), v = a.getUniformLocation(r, "u_range_s");
           a.uniform2f(u, s.uvRange[0], s.uvRange[1]), a.uniform2f(v, s.sRange[0], s.sRange[1]);
         }
-        const m = e.getBoundPixel(), g = e.map.getZoom() + 1, f = e.getWorldCopy(m, g);
-        for (const u of f) {
-          const v = (u[0] - m[0]) * e.ratio, b = (u[1] - m[3]) * e.ratio, w = u[2] * e.ratio, [k, _, I, D] = [v, w + v, b, w + b], $ = new Float32Array([k, I, _, I, k, D, k, D, _, I, _, D]);
+        const m = e.getBoundPixel(), b = e.map.getZoom() + 1, y = e.getWorldCopy(m, b);
+        for (const u of y) {
+          const v = (u[0] - m[0]) * e.ratio, g = (u[1] - m[3]) * e.ratio, w = u[2] * e.ratio, [k, _, I, D] = [v, w + v, g, w + g], $ = new Float32Array([k, I, _, I, k, D, k, D, _, I, _, D]);
           a.bindBuffer(a.ARRAY_BUFFER, n), a.bufferData(a.ARRAY_BUFFER, $, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
         }
       } catch (d) {
@@ -3181,15 +3181,15 @@ const Ea = /* @__PURE__ */ T(_a, [["render", Ia], ["__scopeId", "data-v-a182db4f
             },
             paint: {
               "fill-outline-color": "#888",
-              "fill-opacity": 0.6,
+              "fill-opacity": 0.5,
               "fill-color": [
                 "step",
                 ["get", "val"],
-                "#7bf9f7",
+                "#9af8bf",
                 3,
-                "#7bf9d1",
+                "#84f9ad",
                 4,
-                "#81f98d",
+                "#83f981",
                 5,
                 "#c2fb63",
                 6,
@@ -3651,19 +3651,19 @@ const Ua = {
           var h;
           let n = 0, s;
           const c = t.filter((d) => {
-            var p, y;
-            return ((y = (p = d.properties) == null ? void 0 : p.category) == null ? void 0 : y.split("-")[0]) === o;
+            var p, f;
+            return ((f = (p = d.properties) == null ? void 0 : p.category) == null ? void 0 : f.split("-")[0]) === o;
           });
           (h = c.filter((d) => {
-            var p, y;
-            return ((p = d.geometry) == null ? void 0 : p.type) === "LineString" && ((y = d.properties) == null ? void 0 : y.type) === "forecast";
+            var p, f;
+            return ((p = d.geometry) == null ? void 0 : p.type) === "LineString" && ((f = d.properties) == null ? void 0 : f.type) === "forecast";
           })[0]) == null || h.properties.model, c.forEach((d, p) => {
-            var y, m, g, f, u, v;
-            ((y = d.geometry) == null ? void 0 : y.type) === "Point" && ((m = d.properties) == null ? void 0 : m.type) === "history" && (n = p, s = s === void 0 ? p : s), ((g = d.geometry) == null ? void 0 : g.type) === "Point" && ((f = d.properties) == null ? void 0 : f.type) === "forecast" && s === void 0 && (s = p), ((u = d.geometry) == null ? void 0 : u.type) === "LineString" && ((v = d.properties) == null || v.type);
+            var f, m, b, y, u, v;
+            ((f = d.geometry) == null ? void 0 : f.type) === "Point" && ((m = d.properties) == null ? void 0 : m.type) === "history" && (n = p, s = s === void 0 ? p : s), ((b = d.geometry) == null ? void 0 : b.type) === "Point" && ((y = d.properties) == null ? void 0 : y.type) === "forecast" && s === void 0 && (s = p), ((u = d.geometry) == null ? void 0 : u.type) === "LineString" && ((v = d.properties) == null || v.type);
           }), c.map((d, p) => {
-            var y, m, g, f, u, v, b, w;
-            if (((y = d.geometry) == null ? void 0 : y.type) === "LineString" && ((m = d.properties) == null || m.type), ((g = d.geometry) == null ? void 0 : g.type) === "Point" && ((f = d.properties) == null ? void 0 : f.type) === "forecast" && (d.properties.name = o), ((u = d.geometry) == null ? void 0 : u.type) === "Point" && ((v = d.properties) == null ? void 0 : v.type) === "history") {
-              const k = ((w = (b = d.properties) == null ? void 0 : b.format) == null ? void 0 : w.slice(7, 12)) === ee().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm") + "Z";
+            var f, m, b, y, u, v, g, w;
+            if (((f = d.geometry) == null ? void 0 : f.type) === "LineString" && ((m = d.properties) == null || m.type), ((b = d.geometry) == null ? void 0 : b.type) === "Point" && ((y = d.properties) == null ? void 0 : y.type) === "forecast" && (d.properties.name = o), ((u = d.geometry) == null ? void 0 : u.type) === "Point" && ((v = d.properties) == null ? void 0 : v.type) === "history") {
+              const k = ((w = (g = d.properties) == null ? void 0 : g.format) == null ? void 0 : w.slice(7, 12)) === ee().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm") + "Z";
               d.properties.showHistoryLabel = k || p === n, d.properties.showNameLabel = p === n, d.properties.name = o;
             }
             return d;
@@ -3712,8 +3712,8 @@ const Ua = {
       else {
         if (this.tropicals) {
           const p = (/* @__PURE__ */ new Date()).valueOf();
-          let y = 0, m = 0;
-          (t = this.map) != null && t.getSource(this.source) ? ((a = this.map) == null || a.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), m = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropicals] update elapsed: ", m, ", total: ", y += m)) : (this.map.addSource(this.source, {
+          let f = 0, m = 0;
+          (t = this.map) != null && t.getSource(this.source) ? ((a = this.map) == null || a.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropicals] update elapsed: ", m, ", total: ", f += m)) : (this.map.addSource(this.source, {
             type: "geojson",
             data: (r = this.tropicals) != null && r.active ? (i = this.tropicals) == null ? void 0 : i.data : this.empty
           }), this.map.addLayer({
@@ -3810,7 +3810,7 @@ const Ua = {
               ],
               "text-halo-width": 4
             }
-          }), m = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] add elapsed: ", m, ", total: ", y += m)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((s = this.map) == null || s.getSource(this.clusterSource).setData((n = this.tropicals) != null && n.active ? this.tropicals.data : this.empty), m = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] update elapsed: ", m, ", total: ", y += m)) : (this.map.addSource(this.clusterSource, {
+          }), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropical] add elapsed: ", m, ", total: ", f += m)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((s = this.map) == null || s.getSource(this.clusterSource).setData((n = this.tropicals) != null && n.active ? this.tropicals.data : this.empty), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropical] update elapsed: ", m, ", total: ", f += m)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
             data: (c = this.tropicals) != null && c.active ? (h = this.tropicals) == null ? void 0 : h.data : this.empty
             // cluster: true,
@@ -3925,24 +3925,24 @@ const Ua = {
               "text-halo-color": "#146bf5",
               "text-halo-width": 4
             }
-          }), m = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] add elapsed: ", m, ", total: ", y += m));
+          }), m = (/* @__PURE__ */ new Date()).valueOf() - (p + f), console.log("[tropical] add elapsed: ", m, ", total: ", f += m));
         }
         if (this.handleDrawCircle(), !((d = this.tropicals) != null && d.cached)) {
-          const p = et.interpolate(this.tropicals, 1), y = JSON.parse(JSON.stringify(p)), m = [];
-          y.forEach((g) => {
-            var f, u, v;
-            (f = g.properties) != null && f.name && !m.includes((u = g.properties) == null ? void 0 : u.name) && m.push((v = g.properties) == null ? void 0 : v.name);
-          }), m.forEach((g) => {
+          const p = et.interpolate(this.tropicals, 1), f = JSON.parse(JSON.stringify(p)), m = [];
+          f.forEach((b) => {
+            var y, u, v;
+            (y = b.properties) != null && y.name && !m.includes((u = b.properties) == null ? void 0 : u.name) && m.push((v = b.properties) == null ? void 0 : v.name);
+          }), m.forEach((b) => {
             var v;
-            const u = (v = y.filter((b) => {
+            const u = (v = f.filter((g) => {
               var w;
-              return ((w = b.properties) == null ? void 0 : w.name) === g;
+              return ((w = g.properties) == null ? void 0 : w.name) === b;
             })[0]) == null ? void 0 : v.properties.model;
-            y.map((b, w) => {
+            f.map((g, w) => {
               var k, _;
-              return ((k = b.properties) == null ? void 0 : k.name) === g && (b.properties.disabled = ((_ = b.properties) == null ? void 0 : _.model) !== u), b;
+              return ((k = g.properties) == null ? void 0 : k.name) === b && (g.properties.disabled = ((_ = g.properties) == null ? void 0 : _.model) !== u), g;
             });
-          }), this.interpolateData = JSON.parse(JSON.stringify(y));
+          }), this.interpolateData = JSON.parse(JSON.stringify(f));
         }
         this.handleDateChange();
       }
@@ -3952,7 +3952,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), (t = this.interpolateMarkers) == null || t.forEach((e) => e == null ? void 0 : e.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource));
     },
     handleDateChange() {
-      var t, e, a, r, i, o, n, s, c, h, d, p, y, m, g, f, u, v, b, w, k, _, I, D, $, W, O, U, ae, de, pe, me, ue, ye;
+      var t, e, a, r, i, o, n, s, c, h, d, p, f, m, b, y, u, v, g, w, k, _, I, D, $, W, O, U, ae, de, pe, me, ue, ye;
       if ((t = this.interpolateMarkers) == null || t.forEach((X) => X == null ? void 0 : X.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const X = ee(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), q = this.interpolateData.filter((R) => R.properties.date === X.format() && !R.properties.disabled), fe = this.handleComputePolygons(q), Y = C.featureCollection([...q]);
         fe.forEach((R) => {
@@ -3974,7 +3974,7 @@ const Ua = {
         for (const R of q)
           if (!R.properties.disabled) {
             let F = "#f44336";
-            ((s = (n = R.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 ? F = "#03f869" : ((h = (c = R.properties) == null ? void 0 : c.wind) == null ? void 0 : h.spd) >= 17.2 && ((p = (d = R.properties) == null ? void 0 : d.wind) == null ? void 0 : p.spd) < 24.5 ? F = "#f2f202" : ((m = (y = R.properties) == null ? void 0 : y.wind) == null ? void 0 : m.spd) >= 24.5 && ((f = (g = R.properties) == null ? void 0 : g.wind) == null ? void 0 : f.spd) < 32.7 ? F = "#ff9100" : ((v = (u = R.properties) == null ? void 0 : u.wind) == null ? void 0 : v.spd) >= 32.7 && ((w = (b = R.properties) == null ? void 0 : b.wind) == null ? void 0 : w.spd) < 41.5 ? F = "#f44336" : ((_ = (k = R.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) >= 41.5 && ((D = (I = R.properties) == null ? void 0 : I.wind) == null ? void 0 : D.spd) < 51 ? F = "#c604a4" : ((W = ($ = R.properties) == null ? void 0 : $.wind) == null ? void 0 : W.spd) >= 51 ? F = "#6b05bb" : F = "#f44336";
+            ((s = (n = R.properties) == null ? void 0 : n.wind) == null ? void 0 : s.spd) < 17.2 ? F = "#03f869" : ((h = (c = R.properties) == null ? void 0 : c.wind) == null ? void 0 : h.spd) >= 17.2 && ((p = (d = R.properties) == null ? void 0 : d.wind) == null ? void 0 : p.spd) < 24.5 ? F = "#f2f202" : ((m = (f = R.properties) == null ? void 0 : f.wind) == null ? void 0 : m.spd) >= 24.5 && ((y = (b = R.properties) == null ? void 0 : b.wind) == null ? void 0 : y.spd) < 32.7 ? F = "#ff9100" : ((v = (u = R.properties) == null ? void 0 : u.wind) == null ? void 0 : v.spd) >= 32.7 && ((w = (g = R.properties) == null ? void 0 : g.wind) == null ? void 0 : w.spd) < 41.5 ? F = "#f44336" : ((_ = (k = R.properties) == null ? void 0 : k.wind) == null ? void 0 : _.spd) >= 41.5 && ((D = (I = R.properties) == null ? void 0 : I.wind) == null ? void 0 : D.spd) < 51 ? F = "#c604a4" : ((W = ($ = R.properties) == null ? void 0 : $.wind) == null ? void 0 : W.spd) >= 51 ? F = "#6b05bb" : F = "#f44336";
             const ge = `<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">
@@ -4008,28 +4008,28 @@ const Ua = {
         (ue = this.map) != null && ue.getSource(this.interpolateSource) && ((ye = this.map) == null || ye.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var o, n, s, c, h, d, p, y;
+      var o, n, s, c, h, d, p, f;
       const e = t.features[0], a = (n = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : n.features.filter(
         (m) => {
-          var g;
-          return m.geometry.type === "LineString" && m.properties.type === "forecast" && m.properties.name === ((g = e == null ? void 0 : e.properties) == null ? void 0 : g.name);
+          var b;
+          return m.geometry.type === "LineString" && m.properties.type === "forecast" && m.properties.name === ((b = e == null ? void 0 : e.properties) == null ? void 0 : b.name);
         }
       );
-      a.sort((m, g) => {
-        var f, u, v, b;
-        return ((f = m.properties) == null ? void 0 : f.model) === "cma" ? -1 : ((u = m.properties) == null ? void 0 : u.model) === "jma" ? ((v = g.properties) == null ? void 0 : v.model) === "cma" ? 1 : -1 : m.properties.model === "ecmwf" ? ["jma", "cma"].includes((b = g.properties) == null ? void 0 : b.model) ? 1 : -1 : 0;
+      a.sort((m, b) => {
+        var y, u, v, g;
+        return ((y = m.properties) == null ? void 0 : y.model) === "cma" ? -1 : ((u = m.properties) == null ? void 0 : u.model) === "jma" ? ((v = b.properties) == null ? void 0 : v.model) === "cma" ? 1 : -1 : m.properties.model === "ecmwf" ? ["jma", "cma"].includes((g = b.properties) == null ? void 0 : g.model) ? 1 : -1 : 0;
       });
       const r = (c = (s = this.tropicals) == null ? void 0 : s.data) == null ? void 0 : c.features.filter(
         (m) => {
-          var g;
-          return m.geometry.type === "LineString" && m.properties.type === "history" && m.properties.name === ((g = e == null ? void 0 : e.properties) == null ? void 0 : g.name);
+          var b;
+          return m.geometry.type === "LineString" && m.properties.type === "history" && m.properties.name === ((b = e == null ? void 0 : e.properties) == null ? void 0 : b.name);
         }
       );
       this.activeTropicals = {
         name: (h = e == null ? void 0 : e.properties) == null ? void 0 : h.name,
         forecasts: a.map((m) => m.properties),
         history: (d = r[0]) == null ? void 0 : d.properties,
-        showCircle: (y = (p = a[0]) == null ? void 0 : p.properties) == null ? void 0 : y.showCircle
+        showCircle: (f = (p = a[0]) == null ? void 0 : p.properties) == null ? void 0 : f.showCircle
       }, this.showTropicals = !0;
       const i = document.getElementById("active-tropical");
       this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.activeTropicalsMarker = new ne.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
@@ -4137,7 +4137,7 @@ const Ua = {
   style: { "justify-content": "flex-start" }
 }, hi = /* @__PURE__ */ Ne(() => /* @__PURE__ */ l("label", { style: { width: "max-content" } }, "showCircles : ", -1)), di = /* @__PURE__ */ lt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-6751acd3></div><div class="row" style="padding:2px 10px;" data-v-6751acd3><div class="legend" data-v-6751acd3><div class="icon td" data-v-6751acd3></div><div class="label" data-v-6751acd3>TD</div></div><div class="legend" data-v-6751acd3><div class="icon ts" data-v-6751acd3></div><div class="label" data-v-6751acd3>TS</div></div><div class="legend" data-v-6751acd3><div class="icon sts" data-v-6751acd3></div><div class="label" data-v-6751acd3>STS</div></div><div class="legend" data-v-6751acd3><div class="icon ty" data-v-6751acd3></div><div class="label" data-v-6751acd3>TY</div></div><div class="legend" data-v-6751acd3><div class="icon sty" data-v-6751acd3></div><div class="label" data-v-6751acd3>STY</div></div><div class="legend" data-v-6751acd3><div class="icon supper-ty" data-v-6751acd3></div><div class="label" data-v-6751acd3>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-6751acd3><div class="legend" data-v-6751acd3><div class="icon history" data-v-6751acd3></div><div class="label" data-v-6751acd3>History</div></div><div class="legend" data-v-6751acd3><div class="icon r7" data-v-6751acd3></div><div class="label" data-v-6751acd3>35kts Radii</div></div><div class="legend" data-v-6751acd3><div class="icon r10" data-v-6751acd3></div><div class="label" data-v-6751acd3>50kts Radii</div></div></div>', 3), pi = { class: "more" };
 function mi(t, e, a, r, i, o) {
-  var n, s, c, h, d, p, y, m, g, f, u, v, b, w, k, _;
+  var n, s, c, h, d, p, f, m, b, y, u, v, g, w, k, _;
   return $e((L(), x("div", Ga, [
     l("div", Ha, [
       l("div", {
@@ -4148,7 +4148,7 @@ function mi(t, e, a, 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((d = i.activeTropicals) == null ? void 0 : d.name), 1)
       ]),
-      l("div", Ja, " Last update: " + S(o.computeTime(((y = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : y.updated) || ((f = (g = (m = i.activeTropicals) == null ? void 0 : m.forecasts) == null ? void 0 : g.filter((I) => !I.disabled)[0]) == null ? void 0 : f.date))), 1)
+      l("div", Ja, " Last update: " + S(o.computeTime(((f = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : f.updated) || ((y = (b = (m = i.activeTropicals) == null ? void 0 : m.forecasts) == null ? void 0 : b.filter((I) => !I.disabled)[0]) == null ? void 0 : y.date))), 1)
     ]),
     l("div", qa, [
       l("div", Ya, [
@@ -4159,7 +4159,7 @@ function mi(t, e, a, r, i, o) {
           ]),
           l("div", ti, [
             ai,
-            l("span", null, S(((w = (b = i.activeTropicals) == null ? void 0 : b.history) == null ? void 0 : w.pressure) || "-") + "[hPa]", 1)
+            l("span", null, S(((w = (g = i.activeTropicals) == null ? void 0 : g.history) == null ? void 0 : w.pressure) || "-") + "[hPa]", 1)
           ])
         ]),
         l("div", ii, [
@@ -4895,7 +4895,7 @@ const vr = {
   Gr
 ];
 function Zr(t, e, a, r, i, o) {
-  var n, s, c, h, d, p, y, m, g, f, u, v, b, w, k, _, I, D, $, W, O, U, ae, de, pe, me, ue, ye, X, q, fe, Y, R, F, ge, Q, be, ie, re, oe, Se, ke, ze, Pe, Te, Ie, Ee;
+  var n, s, c, h, d, p, f, m, b, y, u, v, g, w, k, _, I, D, $, W, O, U, ae, de, pe, me, ue, ye, X, q, fe, Y, R, F, ge, Q, be, ie, re, oe, Se, ke, ze, Pe, Te, Ie, Ee;
   return $e((L(), x("div", _r, [
     l("div", wr, [
       l("div", Lr, [
@@ -4909,11 +4909,11 @@ function Zr(t, e, a, r, i, o) {
       l("div", Sr, [
         l("div", kr, [
           zr,
-          l("span", null, S(((d = (h = a.meteo) == null ? void 0 : h.wind) == null ? void 0 : d.direction) || "-") + "/" + S(o.roundPrecision((y = (p = a.meteo) == null ? void 0 : p.wind) == null ? void 0 : y.kts, 1)) + "[kts]/" + S((g = (m = a.meteo) == null ? void 0 : m.wind) == null ? void 0 : g.scale) + "[BF]/" + S(o.roundPrecision((u = (f = a.meteo) == null ? void 0 : f.gusts) == null ? void 0 : u.kts, 1)) + "[kts]", 1)
+          l("span", null, S(((d = (h = a.meteo) == null ? void 0 : h.wind) == null ? void 0 : d.direction) || "-") + "/" + S(o.roundPrecision((f = (p = a.meteo) == null ? void 0 : p.wind) == null ? void 0 : f.kts, 1)) + "[kts]/" + S((b = (m = a.meteo) == null ? void 0 : m.wind) == null ? void 0 : b.scale) + "[BF]/" + S(o.roundPrecision((u = (y = a.meteo) == null ? void 0 : y.gusts) == null ? void 0 : u.kts, 1)) + "[kts]", 1)
         ]),
         l("div", Pr, [
           Tr,
-          l("span", null, S(((w = (b = (v = a.meteo) == null ? void 0 : v.wave) == null ? void 0 : b.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((I = (_ = (k = a.meteo) == null ? void 0 : k.wave) == null ? void 0 : _.wd) == null ? void 0 : I.height, 1)) + "[m]/" + S(o.roundPrecision((W = ($ = (D = a.meteo) == null ? void 0 : D.wave) == null ? void 0 : $.wd) == null ? void 0 : W.period, 1)) + "[s]", 1)
+          l("span", null, S(((w = (g = (v = a.meteo) == null ? void 0 : v.wave) == null ? void 0 : g.wd) == null ? void 0 : w.direction) || "-") + "/" + S(o.roundPrecision((I = (_ = (k = a.meteo) == null ? void 0 : k.wave) == null ? void 0 : _.wd) == null ? void 0 : I.height, 1)) + "[m]/" + S(o.roundPrecision((W = ($ = (D = a.meteo) == null ? void 0 : D.wave) == null ? void 0 : $.wd) == null ? void 0 : W.period, 1)) + "[s]", 1)
         ]),
         l("div", Ir, [
           Er,
@@ -6234,24 +6234,24 @@ const at = /* @__PURE__ */ T(No, [["render", jo], ["__scopeId", "data-v-51cc4052
       var a, r, i, o, n, s, c, h, d, p;
       const e = (r = (a = t.target) == null ? void 0 : a._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const y = this.geojson.filter((u) => u.id === e.split("-")[0])[0];
-        this.pointMarkers[y.id].filter((u) => {
+        const f = this.geojson.filter((u) => u.id === e.split("-")[0])[0];
+        this.pointMarkers[f.id].filter((u) => {
           var v;
           return ((v = u._element) == null ? void 0 : v.id) === e;
         })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (s = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : s.lat]);
-        let g;
-        y.features.forEach((u, v) => {
+        let b;
+        f.features.forEach((u, v) => {
           if (u.geometry.type === "Point" && u.properties.id == e.split("-")[1]) {
-            g = v;
+            b = v;
             return;
           }
         });
-        const f = y.features.filter((u) => u.geometry.type === "Point");
+        const y = f.features.filter((u) => u.geometry.type === "Point");
         this.handleTmpPointUpdate(
-          y,
-          f[g - 1],
-          { lng: (h = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, lat: (p = (d = t.target) == null ? void 0 : d._lngLat) == null ? void 0 : p.lat, properties: f[g].properties },
-          g === f.length - 1 ? void 0 : f[g + 1]
+          f,
+          y[b - 1],
+          { lng: (h = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, lat: (p = (d = t.target) == null ? void 0 : d._lngLat) == null ? void 0 : p.lat, properties: y[b].properties },
+          b === y.length - 1 ? void 0 : y[b + 1]
         );
       }
     },
@@ -6259,13 +6259,13 @@ const at = /* @__PURE__ */ T(No, [["render", jo], ["__scopeId", "data-v-51cc4052
       var a, r, i, o, n, s, c, h, d, p;
       const e = (r = (a = t.target) == null ? void 0 : a._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const y = this.geojson.filter((f) => f.id === e.split("-")[0])[0];
-        this.pointMarkers[y.id].filter((f) => {
+        const f = this.geojson.filter((y) => y.id === e.split("-")[0])[0];
+        this.pointMarkers[f.id].filter((y) => {
           var u;
-          return ((u = f._element) == null ? void 0 : u.id) === e;
+          return ((u = y._element) == null ? void 0 : u.id) === e;
         })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (s = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : s.lat]);
-        const g = y.features.filter((f) => f.geometry.type === "Point" && f.properties.id == e.split("-")[1])[0];
-        g.geometry.coordinates = [(h = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, (p = (d = t.target) == null ? void 0 : d._lngLat) == null ? void 0 : p.lat], y.features = y.features.filter((f) => f.geometry.type === "Point"), this.handlePointUpdate(y);
+        const b = f.features.filter((y) => y.geometry.type === "Point" && y.properties.id == e.split("-")[1])[0];
+        b.geometry.coordinates = [(h = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : h.lng, (p = (d = t.target) == null ? void 0 : d._lngLat) == null ? void 0 : p.lat], f.features = f.features.filter((y) => y.geometry.type === "Point"), this.handlePointUpdate(f);
       }
     },
     handleContextmenu(t) {
@@ -6314,9 +6314,9 @@ const at = /* @__PURE__ */ T(No, [["render", jo], ["__scopeId", "data-v-51cc4052
         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] }, d = je(c, h, s.mode === "RL", 2), p = Fe(c, h, s.mode === "RL", 2);
           a = te.roundPrecision(a + d, 2);
-          let y;
-          s.mode === "RL" ? y = we([c, h]) : y = we(Ve(c, h, 200));
-          const m = C.lineString(y.map((g) => [g.lng, g.lat]));
+          let f;
+          s.mode === "RL" ? f = we([c, h]) : f = we(Ve(c, h, 200));
+          const m = C.lineString(f.map((b) => [b.lng, b.lat]));
           m.properties.dist = d, m.properties.bearing = p, m.properties.total = a, r.push(m);
         }
         e.push(...r), t.total = a;
@@ -6331,16 +6331,16 @@ const at = /* @__PURE__ */ T(No, [["render", jo], ["__scopeId", "data-v-51cc4052
         o = je(h, d, c.mode === "RL", 2), n = Fe(h, d, c.mode === "RL", 2);
         let p;
         c.mode === "RL" ? p = we([h, d]) : p = we(Ve(h, d, 200));
-        const y = C.lineString(p.map((m) => [m.lng, m.lat]));
-        y.properties.dist = o, y.properties.bearing = n, i.features.push(y);
+        const f = C.lineString(p.map((m) => [m.lng, m.lat]));
+        f.properties.dist = o, f.properties.bearing = n, i.features.push(f);
       }
       if (r) {
         const c = a.properties, h = a, d = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
         o = je(h, d, c.mode === "RL", 2), n = Fe(h, d, c.mode === "RL", 2);
         let p;
         c.mode === "RL" ? p = we([h, d]) : p = we(Ve(h, d, 200));
-        const y = C.lineString(p.map((m) => [m.lng, m.lat]));
-        y.properties.dist = o, y.properties.bearing = n, i.features.push(y);
+        const f = C.lineString(p.map((m) => [m.lng, m.lat]));
+        f.properties.dist = o, f.properties.bearing = n, i.features.push(f);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(i) : this.map.addSource(this.tmpSource, {
         type: "geojson",
@@ -6452,11 +6452,11 @@ const at = /* @__PURE__ */ T(No, [["render", jo], ["__scopeId", "data-v-51cc4052
       }
     },
     handleClear(t, e = !0) {
-      var o, n, s, c, h, d, p, y, m;
+      var o, n, s, c, h, d, p, f, m;
       const a = `${t.id}-${this.source}`, r = `${t.id}-${this.layer}`, i = `${t.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[t.id]) == null || h.remove(), this.closeMarkers[t.id] = void 0, (d = this.pointMarkers[t.id]) == null || d.forEach((g) => {
-        g == null || g.remove();
-      }), this.pointMarkers[t.id] = [], (p = this.tipMarker) == null || p.remove(), this.tipMarker = void 0, e && ((y = this.map) != null && y.getSource(a)) && this.map.removeSource(a), e && ((m = this.map) != null && m.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      (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[t.id]) == null || h.remove(), this.closeMarkers[t.id] = void 0, (d = this.pointMarkers[t.id]) == null || d.forEach((b) => {
+        b == null || b.remove();
+      }), this.pointMarkers[t.id] = [], (p = this.tipMarker) == null || p.remove(), this.tipMarker = void 0, e && ((f = this.map) != null && f.getSource(a)) && this.map.removeSource(a), e && ((m = this.map) != null && m.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
@@ -6630,8 +6630,10 @@ const es = {
     },
     map: {
       handler() {
-        var t, e, a, r, i, o, n, s, c, h, d, p, y, m, g;
-        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ge(this.map), this.handleRampColorInitial(), this.activeWeatherLayers.length > 0 ? (console.log(1111, this.activeWeatherLayers.length), (e = (t = this.map) == null ? void 0 : t.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none"), (r = (a = this.map) == null ? void 0 : a.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || r.setLayoutProperty("visibility", "visible"), (i = this.map) != null && i.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id) && ((n = this.map) == null || n.moveLayer((o = this.viewport) == null ? void 0 : o.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (c = this.map) != null && c.getLayer((s = this.viewport) == null ? void 0 : s.particleLayer) && ((d = this.map) == null || d.moveLayer((h = this.viewport) == null ? void 0 : h.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (console.log(2222, this.activeWeatherLayers.length), (y = (p = this.map) == null ? void 0 : p.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (g = (m = this.map) == null ? void 0 : m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || g.setLayoutProperty("visibility", "none")));
+        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ge(this.map), this.handleRampColorInitial(), setTimeout(() => {
+          var t, e, a, r, i, o, n, s, c, h, d, p, f, m, b, y, u, v, g;
+          this.activeWeatherLayers.length > 0 ? (console.log(1111, this.activeWeatherLayers.length, (e = this.map) == null ? void 0 : e.getLayer((t = this.viewport) == null ? void 0 : t.rampColorLayer)), (r = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || r.setLayoutProperty("visibility", "none"), (o = (i = this.map) == null ? void 0 : i.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || o.setLayoutProperty("visibility", "visible"), (n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id) && ((c = this.map) == null || c.moveLayer((s = this.viewport) == null ? void 0 : s.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (d = this.map) != null && d.getLayer((h = this.viewport) == null ? void 0 : h.particleLayer) && ((f = this.map) == null || f.moveLayer((p = this.viewport) == null ? void 0 : p.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (console.log(2222, this.activeWeatherLayers.length, (b = this.map) == null ? void 0 : b.getLayer((m = this.viewport) == null ? void 0 : m.rampColorLayer)), (u = (y = this.map) == null ? void 0 : y.getLayer(this.enc)) == null || u.setLayoutProperty("visibility", "visible"), (g = (v = this.map) == null ? void 0 : v.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || g.setLayoutProperty("visibility", "none"));
+        }, 500));
       },
       immediate: !0
     },
@@ -6643,10 +6645,10 @@ const es = {
     },
     activeWeatherLayers: {
       handler() {
-        var t, e, a, r, i, o, n, s, c, h, d, p, y, m, g;
+        var t, e, a, r, i, o, n, s, c, h, d, p, f, m, b, y, u, v, g;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.length > 0 ? (console.log(3333, this.activeWeatherLayers.length), (e = (t = this.map) == null ? void 0 : t.getLayer(this.enc)) == null || e.setLayoutProperty("visibility", "none"), (r = (a = this.map) == null ? void 0 : a.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || r.setLayoutProperty("visibility", "visible"), (i = this.map) != null && i.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id) && ((n = this.map) == null || n.moveLayer((o = this.viewport) == null ? void 0 : o.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (c = this.map) != null && c.getLayer((s = this.viewport) == null ? void 0 : s.particleLayer) && ((d = this.map) == null || d.moveLayer((h = this.viewport) == null ? void 0 : h.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (console.log(444, this.activeWeatherLayers.length), (y = (p = this.map) == null ? void 0 : p.getLayer(this.enc)) == null || y.setLayoutProperty("visibility", "visible"), (g = (m = this.map) == null ? void 0 : m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || g.setLayoutProperty("visibility", "none"));
+        this.activeWeatherLayers.length > 0 ? (console.log(3333, this.activeWeatherLayers.length, (e = this.map) == null ? void 0 : e.getLayer((t = this.viewport) == null ? void 0 : t.rampColorLayer)), (r = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || r.setLayoutProperty("visibility", "none"), (o = (i = this.map) == null ? void 0 : i.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || o.setLayoutProperty("visibility", "visible"), (n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id) && ((c = this.map) == null || c.moveLayer((s = this.viewport) == null ? void 0 : s.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (d = this.map) != null && d.getLayer((h = this.viewport) == null ? void 0 : h.particleLayer) && ((f = this.map) == null || f.moveLayer((p = this.viewport) == null ? void 0 : p.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (console.log(444, this.activeWeatherLayers.length, (b = this.map) == null ? void 0 : b.getLayer((m = this.viewport) == null ? void 0 : m.rampColorLayer)), (u = (y = this.map) == null ? void 0 : y.getLayer(this.enc)) == null || u.setLayoutProperty("visibility", "visible"), (g = (v = this.map) == null ? void 0 : v.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || g.setLayoutProperty("visibility", "none"));
       },
       immediate: !0
     }
@@ -6697,32 +6699,32 @@ const es = {
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let a = 0, r = 0;
       if (this.map) {
-        const y = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, m = (o = this.map) == null ? void 0 : o.getBounds(), g = `${m._sw.lng},${m._sw.lat},${m._ne.lng},${m._ne.lat}`;
+        const f = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, m = (o = this.map) == null ? void 0 : o.getBounds(), b = `${m._sw.lng},${m._sw.lat},${m._ne.lng},${m._ne.lat}`;
         if (this.handleRampColorState(), this.particleFactor) {
-          const f = Ue.WEATHER_LAYERS.find((u) => {
+          const y = Ue.WEATHER_LAYERS.find((u) => {
             var v;
             return ((v = u.peer) == null ? void 0 : v.weight) === this.particleFactor.weight;
           });
-          this.particleFactor.particle ? this.weatherWeight = this.weatherWeight & f.weight ? this.weatherWeight : this.weatherWeight + f.weight : this.weatherWeight = this.weatherWeight & f.weight ? this.weatherWeight - f.weight : this.weatherWeight;
+          this.particleFactor.particle ? this.weatherWeight = this.weatherWeight & y.weight ? this.weatherWeight : this.weatherWeight + y.weight : this.weatherWeight = this.weatherWeight & y.weight ? this.weatherWeight - y.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
-          let f = this.weatherWeight, u;
-          if (t.tropicals || this.weatherWeight & 256 && (u = this.weatherLayers.tropicals, u && (f -= 256, u.version = Math.random() + 1)), f > 0) {
-            const v = await se.get(`${this.gateway}/api/arc/weather/layers/links?l=${f}&v=${this.source}&z=${y}&bbox=${g}&t=${this.ts}`, {
+          let y = this.weatherWeight, u;
+          if (t.tropicals || this.weatherWeight & 256 && (u = this.weatherLayers.tropicals, u && (y -= 256, u.version = Math.random() + 1)), y > 0) {
+            const v = await se.get(`${this.gateway}/api/arc/weather/layers/links?l=${y}&v=${this.source}&z=${f}&bbox=${b}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
             });
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + a), console.log("weather links elapsed: ", r, ", total: ", a += r), ((n = v == null ? void 0 : v.data) == null ? void 0 : n.code) === 0) {
-              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(
-                  se.get(b[_], {
+              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(
+                  se.get(g[_], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
                       key: _
                     },
-                    responseType: /\.(jpg|png)$/.test(b[_]) ? "blob" : "json"
+                    responseType: /\.(jpg|png)$/.test(g[_]) ? "blob" : "json"
                   }).catch((I) => {
                     console.log(`[${_}] fetch layer error: ${I}`);
                   })
@@ -6736,7 +6738,7 @@ const es = {
                   type: ((U = _ == null ? void 0 : _.config) == null ? void 0 : U.responseType) === "blob" ? "image" : "json",
                   etime: this.ts
                 });
-              }), b.tropicals && se.get(b.tropicals, {
+              }), g.tropicals && se.get(g.tropicals, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken,
                   key: "tropicals"
@@ -6755,19 +6757,19 @@ const es = {
               });
             }
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + a), console.log("weather layers elapsed: ", r, ", total: ", a += r), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const b = (c = this.weatherLayers["swell-direction"]) == null ? void 0 : c.raw, w = (h = this.weatherLayers["swell-height"]) == null ? void 0 : h.raw;
+              const g = (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: b,
+                direction: g,
                 height: { raw: w },
                 etime: this.ts
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const b = (d = this.weatherLayers["current-direction"]) == null ? void 0 : d.raw, w = (p = this.weatherLayers["current-speed"]) == null ? void 0 : p.raw;
+              const g = (d = this.weatherLayers["current-direction"]) == null ? void 0 : d.raw, w = (p = this.weatherLayers["current-speed"]) == null ? void 0 : p.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
-                direction: b,
+                direction: g,
                 speed: { raw: w },
                 etime: this.ts
               };
@@ -6805,9 +6807,9 @@ const es = {
                   );
                 const d = await Promise.all(h);
                 this.otherLayers = { enc: n }, d.map((p) => {
-                  var g, f, u;
-                  const y = ((g = p == null ? void 0 : p.data) == null ? void 0 : g.data) || (p == null ? void 0 : p.data), m = (u = (f = p == null ? void 0 : p.config) == null ? void 0 : f.headers) == null ? void 0 : u.key;
-                  this.otherLayers[m] = y;
+                  var b, y, u;
+                  const f = ((b = p == null ? void 0 : p.data) == null ? void 0 : b.data) || (p == null ? void 0 : p.data), m = (u = (y = p == null ? void 0 : p.config) == null ? void 0 : y.headers) == null ? void 0 : u.key;
+                  this.otherLayers[m] = f;
                 });
               }
             } else if (t.dayNight && o & 1024) {
@@ -6828,9 +6830,9 @@ const es = {
                     })
                   );
                 (await Promise.all(h)).map((p) => {
-                  var g, f, u;
-                  const y = ((g = p == null ? void 0 : p.data) == null ? void 0 : g.data) || (p == null ? void 0 : p.data), m = (u = (f = p == null ? void 0 : p.config) == null ? void 0 : f.headers) == null ? void 0 : u.key;
-                  this.otherLayers[m] = y;
+                  var b, y, u;
+                  const f = ((b = p == null ? void 0 : p.data) == null ? void 0 : b.data) || (p == null ? void 0 : p.data), m = (u = (y = p == null ? void 0 : p.config) == null ? void 0 : y.headers) == null ? void 0 : u.key;
+                  this.otherLayers[m] = f;
                 });
               }
             }
@@ -6885,36 +6887,36 @@ const es = {
       );
     },
     handleDragEndWithZoom4Json() {
-      var h, d, p, y;
+      var h, d, p, f;
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, a = 0;
       const r = (h = this.map) == null ? void 0 : h.getBounds(), i = this.map.getZoom(), o = Re(r._sw.lng), n = Re(r._ne.lng), s = Math.floor(r._sw.lat), c = Math.ceil(r._ne.lat);
       for (const m in this.weatherLayers)
         if (this.weatherLayers[m].active && this.weatherLayers[m].type === "json") {
           this.weatherLayers[m].active = !1, this.weatherLayers[m].version = Math.random() + 1;
-          let g = [];
+          let b = [];
           if (["swell", "current"].includes(m)) {
-            const f = ((d = this.weatherLayers[m]) == null ? void 0 : d.direction) || {};
-            for (const u in f)
+            const y = ((d = this.weatherLayers[m]) == null ? void 0 : d.direction) || {};
+            for (const u in y)
               if (u > s && u < c && (!(i <= this.zoom) || u % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                const v = f[u].lng;
-                o > n ? v.forEach((b, w) => {
+                const v = y[u].lng;
+                o > n ? v.forEach((g, w) => {
                   var k;
-                  if ((b >= o && b <= 180 || b >= -180 && b <= n) && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([b, u], {
-                      val: f[u].val[w],
-                      spd: (k = f[u].spd) == null ? void 0 : k[w]
+                  if ((g >= o && g <= 180 || g >= -180 && g <= n) && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const _ = C.point([g, u], {
+                      val: y[u].val[w],
+                      spd: (k = y[u].spd) == null ? void 0 : k[w]
                     });
-                    g.push(_);
+                    b.push(_);
                   }
-                }) : v.forEach((b, w) => {
+                }) : v.forEach((g, w) => {
                   var k;
-                  if (b >= o && b <= n && (!(i <= this.zoom) || b % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const _ = C.point([b, u], {
-                      val: f[u].val[w],
-                      spd: (k = f[u].spd) == null ? void 0 : k[w]
+                  if (g >= o && g <= n && (!(i <= this.zoom) || g % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const _ = C.point([g, u], {
+                      val: y[u].val[w],
+                      spd: (k = y[u].spd) == null ? void 0 : k[w]
                     });
-                    g.push(_);
+                    b.push(_);
                   }
                 });
               }
@@ -6923,12 +6925,12 @@ const es = {
               if (u) {
                 if (!u.data) {
                   const v = [];
-                  for (const b in (p = u.raw) == null ? void 0 : p.LineString) {
-                    const w = u.raw.LineString[b];
+                  for (const g in (p = u.raw) == null ? void 0 : p.LineString) {
+                    const w = u.raw.LineString[g];
                     for (const k of w)
                       v.push(
                         C.lineString(k, {
-                          val: Number(b)
+                          val: Number(g)
                         })
                       );
                     u.data = C.featureCollection(v);
@@ -6936,7 +6938,7 @@ const es = {
                 }
                 if (u.data) {
                   const v = this.handleBboxClip(u.data, r);
-                  g = g.concat(v);
+                  b = b.concat(v);
                 }
                 a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("height elapsed: ", a, ", total: ", e += a);
               }
@@ -6945,117 +6947,117 @@ const es = {
               const u = this.weatherLayers[m].speed;
               if (u) {
                 if (!u.data) {
-                  const b = [];
-                  for (const w in (y = u.raw) == null ? void 0 : y.Polygon) {
+                  const g = [];
+                  for (const w in (f = u.raw) == null ? void 0 : f.Polygon) {
                     const k = u.raw.Polygon[w];
                     for (const _ of k)
-                      b.push(
+                      g.push(
                         C.polygon(_, {
                           val: Number(w)
                         })
                       );
                   }
-                  u.data = C.featureCollection(b);
+                  u.data = C.featureCollection(g);
                 }
-                const v = i < this.zoom ? u.data.features.filter((b) => b.properties.val > 0.5) : u.data.features;
-                g = g.concat(v), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("speed elapsed: ", a, ", total: ", e += a);
+                const v = i < this.zoom ? u.data.features.filter((g) => g.properties.val > 0.5) : u.data.features;
+                b = b.concat(v), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("speed elapsed: ", a, ", total: ", e += a);
               }
             }
           } else if (m === "wind") {
-            const f = this.weatherLayers.wind.raw;
-            for (const u in f)
+            const y = this.weatherLayers.wind.raw;
+            for (const u in y)
               if (u > s && u < c && (!(i <= this.zoom) || u % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                const v = f[u].lng;
-                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, u], {
-                      val: f[u].val[w],
-                      spd: f[u].spd[w]
+                const v = y[u].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, u], {
+                      val: y[u].val[w],
+                      spd: y[u].spd[w]
                     });
-                    g.push(k);
+                    b.push(k);
                   }
-                }) : 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, u], {
-                      val: f[u].val[w],
-                      spd: f[u].spd[w]
+                }) : 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, u], {
+                      val: y[u].val[w],
+                      spd: y[u].spd[w]
                     });
-                    g.push(k);
+                    b.push(k);
                   }
                 });
               }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("wind barb elapsed: ", a, ", total: ", e += a);
           } else if (m === "sig-wave-height") {
             if (this.weatherLayers[m].data)
-              g = this.weatherLayers[m].data;
+              b = this.weatherLayers[m].data;
             else {
-              const f = this.weatherLayers[m].raw;
-              if (f) {
+              const y = this.weatherLayers[m].raw;
+              if (y) {
                 const u = [];
-                for (const v in f.Polygon) {
-                  const b = f.Polygon[v];
-                  for (const w of b)
+                for (const v in y.Polygon) {
+                  const g = y.Polygon[v];
+                  for (const w of g)
                     u.push(
                       C.polygon(w, {
                         val: Number(v)
                       })
                     );
                 }
-                g = g.concat(u);
+                b = b.concat(u);
               }
             }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("sigWave elapsed: ", a, ", total: ", e += a);
           } else if (m === "prmsl") {
             if (this.weatherLayers[m].data)
-              g = this.weatherLayers[m].data;
+              b = this.weatherLayers[m].data;
             else {
-              const f = this.weatherLayers[m].raw;
-              if (f) {
+              const y = this.weatherLayers[m].raw;
+              if (y) {
                 const u = [];
-                for (const v in f.LineString) {
-                  const b = f.LineString[v];
-                  for (const w of b)
+                for (const v in y.LineString) {
+                  const g = y.LineString[v];
+                  for (const w of g)
                     u.push(
                       C.lineString(w, {
                         val: Number(v)
                       })
                     );
                 }
-                for (const v in f.Point)
-                  f.Point[v].lng.forEach((b, w) => {
-                    b = Re(b), u.push(
-                      C.point([b, v], {
-                        val: f.Point[v].val[w],
-                        type: f.Point[v].type[w]
+                for (const v in y.Point)
+                  y.Point[v].lng.forEach((g, w) => {
+                    g = Re(g), u.push(
+                      C.point([g, v], {
+                        val: y.Point[v].val[w],
+                        type: y.Point[v].type[w]
                       })
                     );
                   });
-                g = g.concat(u);
+                b = b.concat(u);
               }
             }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", a, ", total: ", e += a);
           } else if (m === "arctic" || m === "iceberg") {
             if (this.weatherLayers[m].data)
-              g = this.weatherLayers[m].data;
+              b = this.weatherLayers[m].data;
             else {
-              const f = this.weatherLayers[m].raw;
-              if (f) {
+              const y = this.weatherLayers[m].raw;
+              if (y) {
                 const u = [];
-                for (const v in f.LineString) {
-                  const b = f.LineString[v];
-                  for (const w of b)
+                for (const v in y.LineString) {
+                  const g = y.LineString[v];
+                  for (const w of g)
                     u.push(
                       C.lineString(w, {
                         val: Number(v)
                       })
                     );
                 }
-                g = g.concat(u);
+                b = b.concat(u);
               }
             }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e);
           }
-          console.log(m, " elapsed: ", a, ", total: ", e += a), g.length && (this.weatherLayers[m].data = C.featureCollection(g)), this.weatherLayers[m].active = !0, this.weatherLayers[m].version = Math.random() + 1;
+          console.log(m, " elapsed: ", a, ", total: ", e += a), b.length && (this.weatherLayers[m].data = C.featureCollection(b)), this.weatherLayers[m].active = !0, this.weatherLayers[m].version = Math.random() + 1;
         }
     },
     handleDragEndWithZoom4Image() {
@@ -7088,8 +7090,8 @@ const es = {
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var t, e, a, r, i, o, n, s, c, h, d, p, y;
-      (t = this.map) != null && t.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (a = this.otherLayers) != null && a["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (n = this.otherLayers) != null && n["time-zones"] || (s = this.otherLayers) != null && s.pirates || (c = this.otherLayers) != null && c.ports || (h = this.otherLayers) != null && h.enc || (d = this.otherLayers) != null && d["voluntary-reporting-area"] || (p = this.otherLayers) != null && p["eca-zones"] || (y = this.otherLayers) != null && y["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var t, e, a, r, i, o, n, s, c, h, d, p, f;
+      (t = this.map) != null && t.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (a = this.otherLayers) != null && a["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (o = this.otherLayers) != null && o["high-risk-area"] || (n = this.otherLayers) != null && n["time-zones"] || (s = this.otherLayers) != null && s.pirates || (c = this.otherLayers) != null && c.ports || (h = this.otherLayers) != null && h.enc || (d = this.otherLayers) != null && d["voluntary-reporting-area"] || (p = this.otherLayers) != null && p["eca-zones"] || (f = this.otherLayers) != null && f["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
     handleDateChange(t = { tropicals: !1 }) {
       this.fetchWeatherLayers(t), this.fetchOtherLayers({ dayNight: !0 });
@@ -7148,7 +7150,7 @@ const es = {
 };
 function as(t, e, a, r, i, o) {
   var q, fe, Y, R, F, ge, Q, be, ie, re, oe, Se, ke, ze, Pe, Te, Ie, Ee, Oe, He, Ze, Xe, Je, qe, Ye, Qe;
-  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), d = z("IdmPrmsl"), p = z("IdmIceberg"), y = z("IdmTropicals"), m = z("IdmCurrents"), g = z("IdmCurrentParticle"), f = z("IdmWindBarb"), u = z("IdmWindParticle"), v = z("IdmPrecip3h"), b = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), I = z("IdmWarZone"), D = z("IdmGmdssArea"), $ = z("IdmEcaZone"), W = z("IdmAlertZone"), O = z("IdmPort"), U = z("IdmLoadLine"), ae = z("IdmTimezone"), de = z("IdmVRA"), pe = z("IdmSpecialArea"), me = z("IdmTerminator"), ue = z("IdmLatLng"), ye = z("IdmMeasure"), X = z("IdmPoint");
+  const n = z("IdmGlLayer"), s = z("IdmENC"), c = z("IdmSigWave"), h = z("IdmSwell"), d = z("IdmPrmsl"), p = z("IdmIceberg"), f = z("IdmTropicals"), m = z("IdmCurrents"), b = z("IdmCurrentParticle"), y = z("IdmWindBarb"), u = z("IdmWindParticle"), v = z("IdmPrecip3h"), g = z("IdmVisibility"), w = z("IdmWaterTemp"), k = z("IdmTemp"), _ = z("IdmArctic"), I = z("IdmWarZone"), D = z("IdmGmdssArea"), $ = z("IdmEcaZone"), W = z("IdmAlertZone"), O = z("IdmPort"), U = z("IdmLoadLine"), ae = z("IdmTimezone"), de = z("IdmVRA"), pe = z("IdmSpecialArea"), me = z("IdmTerminator"), ue = z("IdmLatLng"), ye = z("IdmMeasure"), X = z("IdmPoint");
   return a.map ? (L(), x("div", ts, [
     P(n, E({
       ref: "layer",
@@ -7192,7 +7194,7 @@ function as(t, e, a, r, i, o) {
       iceberg: (F = i.weatherLayers) == null ? void 0 : F.iceberg,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "iceberg", "before-layer"]),
-    P(y, E({
+    P(f, E({
       map: a.map,
       date: a.ts,
       tropicals: (ge = i.weatherLayers) == null ? void 0 : ge.tropicals,
@@ -7207,13 +7209,13 @@ function as(t, e, a, r, i, o) {
       "toggle-version": i.toggleVersion,
       "weather-layers": i.weatherLayers
     }, t.$attrs, { onParticle: o.handleParticle }), null, 16, ["map", "current", "before-layer", "show-particle", "margin-bottom", "toggle-version", "weather-layers", "onParticle"]),
-    P(g, E({
+    P(b, E({
       viewport: i.viewport,
       factor: (be = i.weatherLayers) == null ? void 0 : be["current-particle"],
       "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(f, E({
+    P(y, E({
       ref: "windBarb",
       map: a.map,
       wind: (ie = i.weatherLayers) == null ? void 0 : ie.wind,
@@ -7238,7 +7240,7 @@ function as(t, e, a, r, i, o) {
       "before-layer": a.beforeLayer,
       "toggle-version": i.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    P(b, E({
+    P(g, E({
       viewport: i.viewport,
       factor: (ke = i.weatherLayers) == null ? void 0 : ke.visibility,
       "before-layer": a.beforeLayer,