@idmwx/idmui-gl3 5.6.5 → 5.6.7

package/dist/index.js

@@ -307,7 +307,7 @@ const S = (t, e) => {
   class: "radio-tip"
 };
 function $t(t, e, a, r, i, o) {
-  const l = z("ElTooltip"), c = z("ElRadio"), h = z("ElRadioGroup"), p = z("ElScrollbar");
+  const l = z("ElTooltip"), c = z("ElRadio"), h = z("ElRadioGroup"), d = z("ElScrollbar");
   return m(), g("div", ft, [
     s("div", {
       class: "menu-bar-box",
@@ -424,30 +424,30 @@ function $t(t, e, a, r, i, o) {
       }, [
         s("div", {
           class: "checkbox",
-          onClick: (d) => o.handleWeatherLayerPick(n)
+          onClick: (p) => o.handleWeatherLayerPick(n)
         }, null, 8, Ct),
         s("span", {
           class: "name",
-          onClick: (d) => o.handleWeatherLayerPick(n)
+          onClick: (p) => o.handleWeatherLayerPick(n)
         }, I(n.name), 9, xt),
-        n.key === "wind" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (m(), g("div", Bt, [
+        n.key === "wind" && i.activeWeatherLayersCollected.some((p) => p.key === n.key) ? (m(), g("div", Bt, [
           s("i", {
             class: F(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
-            onClick: e[6] || (e[6] = (d) => o.handleToggleWindParticle())
+            onClick: e[6] || (e[6] = (p) => o.handleToggleWindParticle())
           }, "", 2),
           s("i", {
             class: F(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
-            onClick: e[7] || (e[7] = (d) => o.handleToggleWindFeather())
+            onClick: e[7] || (e[7] = (p) => o.handleToggleWindFeather())
           }, "", 2)
         ])) : j("", !0),
-        n.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (m(), g("div", It, [
+        n.key === "current" && i.activeWeatherLayersCollected.some((p) => p.key === n.key) ? (m(), g("div", It, [
           s("i", {
             class: F(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
-            onClick: e[8] || (e[8] = (d) => o.handleToggleCurrentParticle())
+            onClick: e[8] || (e[8] = (p) => o.handleToggleCurrentParticle())
           }, "", 2),
           s("i", {
             class: F(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
-            onClick: e[9] || (e[9] = (d) => o.handleToggleCurrentIsoband())
+            onClick: e[9] || (e[9] = (p) => o.handleToggleCurrentIsoband())
           }, "", 2)
         ])) : j("", !0)
       ], 2))), 128))
@@ -466,7 +466,7 @@ function $t(t, e, a, r, i, o) {
             onClick: e[10] || (e[10] = (...n) => o.handleMenuToggle && o.handleMenuToggle(...n))
           }, "")
         ]),
-        M(p, { style: { flex: "1" } }, {
+        M(d, { style: { flex: "1" } }, {
           default: ae(() => [
             s("div", Dt, [
               s("div", Pt, [
@@ -490,35 +490,35 @@ function $t(t, e, a, r, i, o) {
                     s("div", Tt, [
                       s("div", {
                         class: "checkbox",
-                        onClick: (d) => o.handleWeatherLayerPick(n)
+                        onClick: (p) => o.handleWeatherLayerPick(n)
                       }, null, 8, Qt),
                       s("span", {
                         class: "name",
-                        onClick: (d) => o.handleWeatherLayerPick(n)
+                        onClick: (p) => o.handleWeatherLayerPick(n)
                       }, I(n.name), 9, St),
-                      n.key === "wind" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (m(), g("div", _t, [
+                      n.key === "wind" && i.activeWeatherLayersCollected.some((p) => p.key === n.key) ? (m(), g("div", _t, [
                         s("i", {
                           class: F(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
-                          onClick: e[12] || (e[12] = (d) => o.handleToggleWindParticle())
+                          onClick: e[12] || (e[12] = (p) => o.handleToggleWindParticle())
                         }, "", 2),
                         s("i", {
                           class: F(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
-                          onClick: e[13] || (e[13] = (d) => o.handleToggleWindFeather())
+                          onClick: e[13] || (e[13] = (p) => o.handleToggleWindFeather())
                         }, "", 2)
                       ])) : j("", !0),
-                      n.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (m(), g("div", Ht, [
+                      n.key === "current" && i.activeWeatherLayersCollected.some((p) => p.key === n.key) ? (m(), g("div", Ht, [
                         s("i", {
                           class: F(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
-                          onClick: e[14] || (e[14] = (d) => o.handleToggleCurrentParticle())
+                          onClick: e[14] || (e[14] = (p) => o.handleToggleCurrentParticle())
                         }, "", 2),
                         s("i", {
                           class: F(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
-                          onClick: e[15] || (e[15] = (d) => o.handleToggleCurrentIsoband())
+                          onClick: e[15] || (e[15] = (p) => o.handleToggleCurrentIsoband())
                         }, "", 2)
                       ])) : j("", !0)
                     ]),
                     s("div", {
-                      onClick: (d) => o.handleWeatherLayerCollect(n)
+                      onClick: (p) => o.handleWeatherLayerCollect(n)
                     }, [
                       n.collected ? (m(), g("i", Nt, "")) : (m(), g("i", jt, ""))
                     ], 8, Ot)
@@ -537,7 +537,7 @@ function $t(t, e, a, r, i, o) {
               e[26] || (e[26] = s("div", { class: "layers-title" }, "Other Layers", -1)),
               s("div", Ft, [
                 (m(!0), g(R, null, G(i.layers.other, (n) => {
-                  var d;
+                  var p;
                   return m(), g("div", {
                     key: n.key,
                     class: F(["layer flex-between", o.computeLayerClass(n, i.activeOtherLayers)]),
@@ -545,7 +545,7 @@ function $t(t, e, a, r, i, o) {
                   }, [
                     s("div", Wt, [
                       s("div", Ut, [
-                        (d = o.computeLayerClass(n, i.activeOtherLayers)) != null && d.includes("active") ? (m(), g("i", Yt, "")) : (m(), g("i", Kt, ""))
+                        (p = o.computeLayerClass(n, i.activeOtherLayers)) != null && p.includes("active") ? (m(), g("i", Yt, "")) : (m(), g("i", Kt, ""))
                       ]),
                       s("span", null, I(n.name), 1)
                     ])
@@ -563,7 +563,7 @@ function $t(t, e, a, r, i, o) {
                   style: { width: "180px", "align-items": "flex-start" }
                 }, {
                   default: ae(() => [
-                    (m(!0), g(R, null, G(i.sourceList, (n, d) => (m(), pt(c, {
+                    (m(!0), g(R, null, G(i.sourceList, (n, p) => (m(), pt(c, {
                       key: `source${n.name}`,
                       value: n.name
                     }, {
@@ -571,8 +571,8 @@ function $t(t, e, a, r, i, o) {
                         var w, b, A, E, v, f;
                         return [
                           q(I(n.name) + " ", 1),
-                          d !== 0 ? (m(), g("span", qt, I(n.resolution) + "km " + I(n.length) + "days", 1)) : j("", !0),
-                          d === 0 ? (m(), g("div", Vt, "Provides the best forecast")) : (A = (b = (w = n == null ? void 0 : n.update) == null ? void 0 : w.default) == null ? void 0 : b.meta) != null && A.initialisationTime ? (m(), g("div", Zt, "Update: " + I(o.computeDateZ((f = (v = (E = n == null ? void 0 : n.update) == null ? void 0 : E.default) == null ? void 0 : v.meta) == null ? void 0 : f.initialisationTime)), 1)) : j("", !0)
+                          p !== 0 ? (m(), g("span", qt, I(n.resolution) + "km " + I(n.length) + "days", 1)) : j("", !0),
+                          p === 0 ? (m(), g("div", Vt, "Provides the best forecast")) : (A = (b = (w = n == null ? void 0 : n.update) == null ? void 0 : w.default) == null ? void 0 : b.meta) != null && A.initialisationTime ? (m(), g("div", Zt, "Update: " + I(o.computeDateZ((f = (v = (E = n == null ? void 0 : n.update) == null ? void 0 : E.default) == null ? void 0 : v.meta) == null ? void 0 : f.initialisationTime)), 1)) : j("", !0)
                         ];
                       }),
                       _: 2
@@ -673,22 +673,22 @@ const ta = {
         else {
           this.map.addSource(this.source, { type: "geojson", data: c });
           for (let h = 0; h < (this.barbs ?? []).length - 1; h++) {
-            const p = (this.barbs ?? [])[h] || 0, n = (this.barbs ?? [])[h + 1] || 0, d = p < 10 ? `00${p}kts` : p < 100 ? `0${p}kts` : `${p}kts`;
+            const d = (this.barbs ?? [])[h] || 0, n = (this.barbs ?? [])[h + 1] || 0, p = d < 10 ? `00${d}kts` : d < 100 ? `0${d}kts` : `${d}kts`;
             this.map.addLayer(
               {
-                id: d,
+                id: p,
                 type: "symbol",
                 filter: [
                   "all",
                   // @ts-ignore
-                  [">=", "spd", p],
+                  [">=", "spd", d],
                   // @ts-ignore
                   ["<", "spd", n]
                 ],
                 source: this.source,
                 layout: {
                   "symbol-placement": "point",
-                  "icon-image": d,
+                  "icon-image": p,
                   // mapbox sprite
                   "icon-size": 0.14,
                   "icon-offset": [0, -20],
@@ -781,8 +781,8 @@ class Je {
    * @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, l] = this.convertNLng(r[0]), [c, h] = this.convertNLng(i[0]), [p, n] = this.mercator.px([o, r[1]], a), [d, w] = this.mercator.px([c, i[1]], a), b = Math.round(this.mercator.size * Math.pow(2, a) * (l + h));
-    return [d, w, p + b, n];
+    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, l] = this.convertNLng(r[0]), [c, h] = this.convertNLng(i[0]), [d, n] = this.mercator.px([o, r[1]], a), [p, w] = this.mercator.px([c, i[1]], a), b = Math.round(this.mercator.size * Math.pow(2, a) * (l + h));
+    return [p, w, d + b, n];
   }
   /**
    * [视窗边界像素宽度]
@@ -799,11 +799,11 @@ class Je {
   getWorldCopy(e, a) {
     const r = 2 ** a, [i, o, l, c] = e.map((n) => ~~(n / (r * 256))), h = [];
     for (let n = c; n <= o; n++)
-      for (let d = i; d <= l; d++)
-        h.push([d, n]);
+      for (let p = i; p <= l; p++)
+        h.push([p, n]);
     return h.map((n) => {
-      const d = 2 ** a * 256;
-      return [n[0] * d, n[1] * d, d];
+      const p = 2 ** a * 256;
+      return [n[0] * p, n[1] * p, p];
     });
   }
   resize() {
@@ -885,13 +885,13 @@ class Ce {
     if (i) {
       const o = { program: i }, l = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
       for (let h = 0; h < l; h++) {
-        const p = e.getActiveAttrib(i, h);
-        o[p.name] = e.getAttribLocation(i, p.name);
+        const d = e.getActiveAttrib(i, h);
+        o[d.name] = e.getAttribLocation(i, d.name);
       }
       const c = e.getProgramParameter(i, e.ACTIVE_UNIFORMS);
       for (let h = 0; h < c; h++) {
-        const p = e.getActiveUniform(i, h);
-        o[p.name] = e.getUniformLocation(i, p.name);
+        const d = e.getActiveUniform(i, h);
+        o[d.name] = e.getUniformLocation(i, d.name);
       }
       return o;
     }
@@ -906,8 +906,8 @@ class Ce {
     const c = l.getContext("2d");
     if (c && e) {
       const h = c == null ? void 0 : c.createLinearGradient(0, 0, 256, 0);
-      return a.forEach(([p, n]) => {
-        h.addColorStop(p, n);
+      return a.forEach(([d, n]) => {
+        h.addColorStop(d, n);
       }), c.fillStyle = h, c.fillRect(0, 0, 256, 1), {
         canvas: l,
         texture: this.createTexture(
@@ -929,8 +929,8 @@ class Ce {
     const l = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), c = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, o, r, r), h = new Float32Array(i);
     for (let n = 0; n < i; n++)
       h[n] = n;
-    const p = this.createDataBuffer(e, "array", h);
-    return { resolution: r, total: i, texture0: l, texture1: c, indexBuffer: p };
+    const d = this.createDataBuffer(e, "array", h);
+    return { resolution: r, total: i, texture0: l, texture1: c, indexBuffer: d };
   }
   bind(e, a, r) {
     const i = this.createProgram(e, a, r);
@@ -945,13 +945,13 @@ class Ce {
     return {};
   }
   bindParticle(e, a, r, i, o, l) {
-    const c = this.createProgramWrapper(e, a, r), h = this.createProgramWrapper(e, i, o), p = this.createProgramWrapper(e, i, l), n = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), d = e.createFramebuffer();
-    return { particle: c, screen: h, update: p, quadBuffer: n, frameBuffer: d };
+    const c = this.createProgramWrapper(e, a, r), h = this.createProgramWrapper(e, i, o), d = this.createProgramWrapper(e, i, l), n = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), p = e.createFramebuffer();
+    return { particle: c, screen: h, update: d, quadBuffer: n, frameBuffer: p };
   }
   draw(e, a, r, i, o, l, c) {
-    var h, p;
+    var h, d;
     if (a && r) {
-      e.resize(), a == null || a.viewport(0, 0, (h = a == null ? void 0 : a.canvas) == null ? void 0 : h.width, (p = a == null ? void 0 : a.canvas) == null ? void 0 : p.height), a.clearColor(0, 0, 0, 0), a.clear(a.COLOR_BUFFER_BIT | a.DEPTH_BUFFER_BIT);
+      e.resize(), a == null || a.viewport(0, 0, (h = a == null ? void 0 : a.canvas) == null ? void 0 : h.width, (d = a == null ? void 0 : a.canvas) == null ? void 0 : d.height), a.clearColor(0, 0, 0, 0), a.clear(a.COLOR_BUFFER_BIT | a.DEPTH_BUFFER_BIT);
       try {
         a.useProgram(r);
         const n = {
@@ -963,9 +963,9 @@ class Ce {
           sRange: a.getUniformLocation(r, "u_range_s")
         };
         n.resolution && a.uniform2f(n.resolution, a.canvas.width * e.ratio, a.canvas.height * e.ratio), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, i), n.image && a.uniform1i(n.image, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), n.color && a.uniform1i(n.color, 1), c != null && c.uvRange && (c != null && c.sRange) && (n.uvRange && a.uniform2f(n.uvRange, c.uvRange[0], c.uvRange[1]), n.sRange && a.uniform2f(n.sRange, c.sRange[0], c.sRange[1])), n.scale && a.uniform1f(n.scale, (c == null ? void 0 : c.scale) || 1);
-        const d = e.getBoundPixel(), w = e.map.getZoom() + 1, b = e.getWorldCopy(d, w);
+        const p = e.getBoundPixel(), w = e.map.getZoom() + 1, b = e.getWorldCopy(p, w);
         for (const A of b) {
-          const E = (A[0] - d[0]) * e.ratio, v = (A[1] - d[3]) * e.ratio, f = A[2] * e.ratio, [u, C, y, B] = [E, f + E, v, f + v], D = new Float32Array([u, y, C, y, u, B, u, B, C, y, C, B]);
+          const E = (A[0] - p[0]) * e.ratio, v = (A[1] - p[3]) * e.ratio, f = A[2] * e.ratio, [u, C, y, B] = [E, f + E, v, f + v], D = new Float32Array([u, y, C, y, u, B, u, B, C, y, C, B]);
           a.bindBuffer(a.ARRAY_BUFFER, l), a.bufferData(a.ARRAY_BUFFER, D, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
         }
       } catch (n) {
@@ -4288,24 +4288,24 @@ const Ta = {
         var l, c, h;
         (l = o.properties) != null && l.name && !a.includes((c = o.properties) == null ? void 0 : c.name) && a.push((h = o.properties) == null ? void 0 : h.name);
       }), a.forEach((o) => {
-        var p;
+        var d;
         let l = 0, c;
         const h = t.filter((n) => {
-          var d, w;
-          return ((w = (d = n.properties) == null ? void 0 : d.category) == null ? void 0 : w.split("-")[0]) === o;
+          var p, w;
+          return ((w = (p = n.properties) == null ? void 0 : p.category) == null ? void 0 : w.split("-")[0]) === o;
         });
-        (p = h.filter((n) => {
-          var d, w;
-          return ((d = n.geometry) == null ? void 0 : d.type) === "LineString" && ((w = n.properties) == null ? void 0 : w.type) === "forecast";
-        })[0]) == null || p.properties.model, h.forEach((n, d) => {
+        (d = h.filter((n) => {
+          var p, w;
+          return ((p = n.geometry) == null ? void 0 : p.type) === "LineString" && ((w = n.properties) == null ? void 0 : w.type) === "forecast";
+        })[0]) == null || d.properties.model, h.forEach((n, p) => {
           var w, b, A, E, v, f;
-          ((w = n.geometry) == null ? void 0 : w.type) === "Point" && ((b = n.properties) == null ? void 0 : b.type) === "history" && (l = d, c = c === void 0 ? d : c), ((A = n.geometry) == null ? void 0 : A.type) === "Point" && ((E = n.properties) == null ? void 0 : E.type) === "forecast" && c === void 0 && (c = d), ((v = n.geometry) == null ? void 0 : v.type) === "LineString" && ((f = n.properties) == null || f.type);
-        }), h.map((n, d) => {
+          ((w = n.geometry) == null ? void 0 : w.type) === "Point" && ((b = n.properties) == null ? void 0 : b.type) === "history" && (l = p, c = c === void 0 ? p : c), ((A = n.geometry) == null ? void 0 : A.type) === "Point" && ((E = n.properties) == null ? void 0 : E.type) === "forecast" && c === void 0 && (c = p), ((v = n.geometry) == null ? void 0 : v.type) === "LineString" && ((f = n.properties) == null || f.type);
+        }), h.map((n, p) => {
           var w, b, A, E, v, f, u;
           if (((w = n.geometry) == null ? void 0 : w.type) === "LineString" && ((b = n.properties) == null || b.type), ((A = n.geometry) == null ? void 0 : A.type) === "Point" && ((E = n.properties) == null ? void 0 : E.type) === "forecast" && (n.properties.name = o, n.properties.format = U(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((v = n.geometry) == null ? void 0 : v.type) === "Point" && ((f = n.properties) == null ? void 0 : f.type) === "history") {
             n.properties.format = U(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
             const C = U((u = n.properties) == null ? void 0 : u.date).utc().format("HHmm") === U().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
-            n.properties.showHistoryLabel = C || d === l, n.properties.showNameLabel = d === l, n.properties.name = o;
+            n.properties.showHistoryLabel = C || p === l, n.properties.showNameLabel = p === l, n.properties.name = o;
           }
           return n;
         });
@@ -4342,16 +4342,16 @@ const Ta = {
       ));
     },
     handleRender() {
-      var t, e, a, r, i, o, l, c, h, p;
+      var t, e, a, r, i, o, l, c, h, d;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else {
         if (this.tropicals) {
-          const d = (/* @__PURE__ */ new Date()).valueOf();
+          const p = (/* @__PURE__ */ new Date()).valueOf();
           let w = 0, b = 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), b = (/* @__PURE__ */ new Date()).valueOf() - (d + w), console.log("[tropicals] update elapsed: ", b, ", total: ", w += b)) : (this.map.addSource(this.source, {
+          (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), b = (/* @__PURE__ */ new Date()).valueOf() - (p + w), console.log("[tropicals] update elapsed: ", b, ", total: ", w += b)) : (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({
@@ -4448,9 +4448,9 @@ const Ta = {
               ],
               "text-halo-width": 4
             }
-          }), b = (/* @__PURE__ */ new Date()).valueOf() - (d + w), console.log("[tropical] add elapsed: ", b, ", total: ", w += b)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((l = this.tropicals) != null && l.active ? this.tropicals.data : this.empty), b = (/* @__PURE__ */ new Date()).valueOf() - (d + w), console.log("[tropical] update elapsed: ", b, ", total: ", w += b)) : (this.map.addSource(this.clusterSource, {
+          }), b = (/* @__PURE__ */ new Date()).valueOf() - (p + w), console.log("[tropical] add elapsed: ", b, ", total: ", w += b)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((l = this.tropicals) != null && l.active ? this.tropicals.data : this.empty), b = (/* @__PURE__ */ new Date()).valueOf() - (p + w), console.log("[tropical] update elapsed: ", b, ", total: ", w += b)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
-            data: (h = this.tropicals) != null && h.active ? (p = this.tropicals) == null ? void 0 : p.data : this.empty
+            data: (h = this.tropicals) != null && h.active ? (d = this.tropicals) == null ? void 0 : d.data : this.empty
             // cluster: true,
             // clusterRadius: 10, // 聚合半径
           }), this.map.addLayer({
@@ -4471,19 +4471,19 @@ const Ta = {
               "circle-radius": 4,
               "circle-color": [
                 "case",
-                ["boolean", ["==", ["get", "spd", ["get", "wind"]], null]],
+                ["boolean", ["==", ["get", "kts", ["get", "wind"]], null]],
                 "#03f869",
-                ["boolean", ["<", ["get", "spd", ["get", "wind"]], 17.2]],
+                ["boolean", ["<", ["get", "kts", ["get", "wind"]], 32]],
                 "#03f869",
-                ["boolean", ["<=", ["get", "spd", ["get", "wind"]], 24.5]],
+                ["boolean", ["<=", ["get", "kts", ["get", "wind"]], 47]],
                 "#f2f202",
-                ["boolean", ["<=", ["get", "spd", ["get", "wind"]], 32.7]],
+                ["boolean", ["<=", ["get", "kts", ["get", "wind"]], 63]],
                 "#ff9100",
-                ["boolean", ["<=", ["get", "spd", ["get", "wind"]], 41.5]],
+                ["boolean", ["<=", ["get", "kts", ["get", "wind"]], 79]],
                 "#f44336",
-                ["boolean", ["<", ["get", "spd", ["get", "wind"]], 51]],
+                ["boolean", ["<", ["get", "kts", ["get", "wind"]], 94]],
                 "#f903d0",
-                ["boolean", [">=", ["get", "spd", ["get", "wind"]], 51]],
+                ["boolean", [">=", ["get", "kts", ["get", "wind"]], 94]],
                 "#8702f9",
                 "#fff"
               ]
@@ -4565,11 +4565,11 @@ const Ta = {
               "text-halo-color": "#0033ff",
               "text-halo-width": 4
             }
-          }), b = (/* @__PURE__ */ new Date()).valueOf() - (d + w), console.log("[tropical] add elapsed: ", b, ", total: ", w += b));
+          }), b = (/* @__PURE__ */ new Date()).valueOf() - (p + w), console.log("[tropical] add elapsed: ", b, ", total: ", w += b));
         }
         this.handleDrawCircle();
         const n = nt.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(n)), this.interpolateData.filter((d) => d.properties.name === "kristy" && d.properties.model === "ecmwf"), this.handleDateChange();
+        this.interpolateData = JSON.parse(JSON.stringify(n)), this.handleDateChange();
       }
     },
     handleClear() {
@@ -4577,7 +4577,7 @@ const Ta = {
       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, l, c, h, p, n, d, w, b, A, E, v, f, u, C, y, B, D, T, N, O, Q, Y, K, ce, he, de, pe, ue, me, ge;
+      var t, e, a, r, i, o, l, c, h, d, n, p, w, b, A, E, v, f, u, C, y, B, D, T, N, O, Q, Y, K, ce, he, de, pe, ue, me, ge;
       if ((t = this.interpolateMarkers) == null || t.forEach((te) => te == null ? void 0 : te.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const te = U(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), oe = this.interpolateData.filter((_) => _.properties.date === te.format() && !_.properties.disabled), Ae = this.handleComputePolygons(oe), ie = k.featureCollection([...oe]);
         Ae.forEach((_) => {
@@ -4599,7 +4599,7 @@ const Ta = {
         for (const _ of oe)
           if (!_.properties.disabled) {
             let $ = "#f44336";
-            ((c = (l = _.properties) == null ? void 0 : l.wind) == null ? void 0 : c.spd) < 17.2 || !((p = (h = _.properties) == null ? void 0 : h.wind) != null && p.spd) ? $ = "#03f869" : ((d = (n = _.properties) == null ? void 0 : n.wind) == null ? void 0 : d.spd) >= 17.2 && ((b = (w = _.properties) == null ? void 0 : w.wind) == null ? void 0 : b.spd) < 24.5 ? $ = "#f2f202" : ((E = (A = _.properties) == null ? void 0 : A.wind) == null ? void 0 : E.spd) >= 24.5 && ((f = (v = _.properties) == null ? void 0 : v.wind) == null ? void 0 : f.spd) < 32.7 ? $ = "#ff9100" : ((C = (u = _.properties) == null ? void 0 : u.wind) == null ? void 0 : C.spd) >= 32.7 && ((B = (y = _.properties) == null ? void 0 : y.wind) == null ? void 0 : B.spd) < 41.5 ? $ = "#f44336" : ((T = (D = _.properties) == null ? void 0 : D.wind) == null ? void 0 : T.spd) >= 41.5 && ((O = (N = _.properties) == null ? void 0 : N.wind) == null ? void 0 : O.spd) < 51 ? $ = "#f903d0" : ((Y = (Q = _.properties) == null ? void 0 : Q.wind) == null ? void 0 : Y.spd) >= 51 ? $ = "#8702f9" : $ = "#f44336";
+            ((c = (l = _.properties) == null ? void 0 : l.wind) == null ? void 0 : c.kts) < 32 || !((d = (h = _.properties) == null ? void 0 : h.wind) != null && d.kts) ? $ = "#03f869" : ((p = (n = _.properties) == null ? void 0 : n.wind) == null ? void 0 : p.kts) >= 32 && ((b = (w = _.properties) == null ? void 0 : w.wind) == null ? void 0 : b.kts) < 47 ? $ = "#f2f202" : ((E = (A = _.properties) == null ? void 0 : A.wind) == null ? void 0 : E.kts) >= 47 && ((f = (v = _.properties) == null ? void 0 : v.wind) == null ? void 0 : f.kts) < 63 ? $ = "#ff9100" : ((C = (u = _.properties) == null ? void 0 : u.wind) == null ? void 0 : C.kts) >= 63 && ((B = (y = _.properties) == null ? void 0 : y.wind) == null ? void 0 : B.kts) < 79 ? $ = "#f44336" : ((T = (D = _.properties) == null ? void 0 : D.wind) == null ? void 0 : T.kts) >= 79 && ((O = (N = _.properties) == null ? void 0 : N.wind) == null ? void 0 : O.kts) < 94 ? $ = "#f903d0" : ((Y = (Q = _.properties) == null ? void 0 : Q.wind) == null ? void 0 : Y.kts) >= 94 ? $ = "#8702f9" : $ = "#f44336";
             const fe = `<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">
@@ -4633,7 +4633,7 @@ const Ta = {
         (me = this.map) != null && me.getSource(this.interpolateSource) && ((ge = this.map) == null || ge.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var o, l, c, h, p, n, d, w;
+      var o, l, c, h, d, n, p, w;
       const e = t.features[0], a = (l = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : l.features.filter(
         (b) => {
           var A;
@@ -4651,22 +4651,22 @@ const Ta = {
         }
       );
       this.activeTropicals = {
-        name: (p = e == null ? void 0 : e.properties) == null ? void 0 : p.name,
+        name: (d = e == null ? void 0 : e.properties) == null ? void 0 : d.name,
         forecasts: a.map((b) => b.properties),
         history: (n = r[0]) == null ? void 0 : n.properties,
-        showCircle: (w = (d = a[0]) == null ? void 0 : d.properties) == null ? void 0 : w.showCircle
+        showCircle: (w = (p = a[0]) == null ? void 0 : p.properties) == null ? void 0 : w.showCircle
       }, this.showTropicals = !0;
-      const i = document.getElementById("active-tropical");
+      const i = document.getElementById("idm-tropical-gl3");
       this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.activeTropicalsMarker = new ve.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(t) {
       var r, i, o, l, c, h;
       t.disabled = !t.disabled;
       const e = `${t.name}-${t.model}`, a = (i = (r = this.map) == null ? void 0 : r.getSource(this.source)._data) == null ? void 0 : i.features;
-      a.forEach((p) => {
-        p.properties.category === e && (p.properties.disabled = t.disabled);
-      }), this.interpolateData.forEach((p) => {
-        p.properties.category === e && (p.properties.disabled = t.disabled);
+      a.forEach((d) => {
+        d.properties.category === e && (d.properties.disabled = t.disabled);
+      }), this.interpolateData.forEach((d) => {
+        d.properties.category === e && (d.properties.disabled = t.disabled);
       }), (l = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || l.setData(k.featureCollection(a)), (h = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || h.setData(k.featureCollection(a)), this.handleDateChange();
     },
     handleStrikeProbability(t) {
@@ -4743,8 +4743,8 @@ const Ta = {
     }
   }
 }, Qa = {
-  id: "active-tropical",
-  class: "active-tropical"
+  id: "idm-tropical-gl3",
+  class: "idm-tropical-gl3"
 }, Sa = { class: "header-box" }, _a = { class: "main" }, Ha = { key: 0 }, Oa = { class: "sub" }, Na = {
   id: "meteoBox",
   class: "main-box"
@@ -4759,7 +4759,7 @@ const Ta = {
   style: { "justify-content": "flex-start" }
 }, Ya = { class: "forecast-models" }, Ka = ["onClick"], Xa = { class: "more" };
 function Ja(t, e, a, r, i, o) {
-  var l, c, h, p, n, d, w, b, A, E, v, f, u, C, y;
+  var l, c, h, d, n, p, w, b, A, E, v, f, u, C, y;
   return ye((m(), g("div", Qa, [
     s("div", Sa, [
       s("div", {
@@ -4767,10 +4767,10 @@ function Ja(t, e, a, r, i, o) {
         onClick: e[0] || (e[0] = (B) => i.showTropicals = !1)
       }, ""),
       s("div", _a, [
-        (c = (l = i.activeTropicals) == null ? void 0 : l.history) != null && c.level ? (m(), g("span", Ha, I((p = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : p.level) + " , ", 1)) : j("", !0),
+        (c = (l = i.activeTropicals) == null ? void 0 : l.history) != null && c.level ? (m(), g("span", Ha, I((d = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : d.level) + " , ", 1)) : j("", !0),
         q(I((n = i.activeTropicals) == null ? void 0 : n.name), 1)
       ]),
-      s("div", Oa, " Last update: " + I(o.computeTime(((w = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : w.updated) || ((E = (A = (b = i.activeTropicals) == null ? void 0 : b.forecasts) == null ? void 0 : A.filter((B) => !B.disabled)[0]) == null ? void 0 : E.date))), 1)
+      s("div", Oa, " Last update: " + I(o.computeTime(((w = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : w.updated) || ((E = (A = (b = i.activeTropicals) == null ? void 0 : b.forecasts) == null ? void 0 : A.filter((B) => !B.disabled)[0]) == null ? void 0 : E.date))), 1)
     ]),
     s("div", Na, [
       s("div", ja, [
@@ -4807,7 +4807,7 @@ function Ja(t, e, a, r, i, o) {
             ])
           ])
         ]),
-        e[5] || (e[5] = ut('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-44a4e671></div><div class="row" style="padding:2px 10px;" data-v-44a4e671><div class="legend" data-v-44a4e671><div class="icon td" data-v-44a4e671></div><div class="label" data-v-44a4e671>TD</div></div><div class="legend" data-v-44a4e671><div class="icon ts" data-v-44a4e671></div><div class="label" data-v-44a4e671>TS</div></div><div class="legend" data-v-44a4e671><div class="icon sts" data-v-44a4e671></div><div class="label" data-v-44a4e671>STS</div></div><div class="legend" data-v-44a4e671><div class="icon ty" data-v-44a4e671></div><div class="label" data-v-44a4e671>TY</div></div><div class="legend" data-v-44a4e671><div class="icon sty" data-v-44a4e671></div><div class="label" data-v-44a4e671>STY</div></div><div class="legend" data-v-44a4e671><div class="icon supper-ty" data-v-44a4e671></div><div class="label" data-v-44a4e671>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-44a4e671><div class="legend" data-v-44a4e671><div class="icon history" data-v-44a4e671></div><div class="label" data-v-44a4e671>History</div></div><div class="legend" data-v-44a4e671><div class="icon r7" data-v-44a4e671></div><div class="label" data-v-44a4e671>35kts Radii</div></div><div class="legend" data-v-44a4e671><div class="icon r10" data-v-44a4e671></div><div class="label" data-v-44a4e671>50kts Radii</div></div></div>', 3))
+        e[5] || (e[5] = ut('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);" data-v-3a107ba1></div><div class="row" style="padding:2px 10px;" data-v-3a107ba1><div class="legend" data-v-3a107ba1><div class="icon td" data-v-3a107ba1></div><div class="label" data-v-3a107ba1>TD</div></div><div class="legend" data-v-3a107ba1><div class="icon ts" data-v-3a107ba1></div><div class="label" data-v-3a107ba1>TS</div></div><div class="legend" data-v-3a107ba1><div class="icon sts" data-v-3a107ba1></div><div class="label" data-v-3a107ba1>STS</div></div><div class="legend" data-v-3a107ba1><div class="icon ty" data-v-3a107ba1></div><div class="label" data-v-3a107ba1>TY</div></div><div class="legend" data-v-3a107ba1><div class="icon sty" data-v-3a107ba1></div><div class="label" data-v-3a107ba1>STY</div></div><div class="legend" data-v-3a107ba1><div class="icon supper-ty" data-v-3a107ba1></div><div class="label" data-v-3a107ba1>Super TY</div></div></div><div class="row" style="padding:2px 10px;" data-v-3a107ba1><div class="legend" data-v-3a107ba1><div class="icon history" data-v-3a107ba1></div><div class="label" data-v-3a107ba1>History</div></div><div class="legend" data-v-3a107ba1><div class="icon r7" data-v-3a107ba1></div><div class="label" data-v-3a107ba1>35kts Radii</div></div><div class="legend" data-v-3a107ba1><div class="icon r10" data-v-3a107ba1></div><div class="label" data-v-3a107ba1>50kts Radii</div></div></div>', 3))
       ]),
       s("div", Xa, [
         s("div", {
@@ -4820,7 +4820,7 @@ function Ja(t, e, a, r, i, o) {
     [we, i.showTropicals && !t.$attrs.hideTropicalsLegend]
   ]);
 }
-const lt = /* @__PURE__ */ S(Ta, [["render", Ja], ["__scopeId", "data-v-44a4e671"]]);
+const lt = /* @__PURE__ */ S(Ta, [["render", Ja], ["__scopeId", "data-v-3a107ba1"]]);
 const qa = {
   name: "IdmPrecip3h",
   props: {
@@ -5508,9 +5508,9 @@ const gi = {
       (l == null ? void 0 : l.data.code) === 0 && (this.meteoData = l == null ? void 0 : l.data.data, this.loading = !1);
     },
     initTableData(t) {
-      var e, a, r, i, o, l, c, h, p;
-      this.clearTable(), this.positionGmt = (a = (e = t == null ? void 0 : t.weather) == null ? void 0 : e[0]) == null ? void 0 : a.timezone, this.positionOffset = (i = (r = t == null ? void 0 : t.weather) == null ? void 0 : r[0]) == null ? void 0 : i.offset, this.localDate = (l = (o = Ge(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : l.format("MMM-DD/HHmm[LT]"), this.currentHourData = (c = We.pickHourly(t, U(this.ts))) == null ? void 0 : c[0], ((p = (h = this.currentHourData) == null ? void 0 : h.weather) == null ? void 0 : p.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
-        var d, w, b, A, E, v, f, u, C, y, B, D, T, N, O, Q, Y, K, ce, he, de, pe, ue, me, ge, te, oe, Ae, ie, _, $, fe, re;
+      var e, a, r, i, o, l, c, h, d;
+      this.clearTable(), this.positionGmt = (a = (e = t == null ? void 0 : t.weather) == null ? void 0 : e[0]) == null ? void 0 : a.timezone, this.positionOffset = (i = (r = t == null ? void 0 : t.weather) == null ? void 0 : r[0]) == null ? void 0 : i.offset, this.localDate = (l = (o = Ge(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : l.format("MMM-DD/HHmm[LT]"), this.currentHourData = (c = We.pickHourly(t, U(this.ts))) == null ? void 0 : c[0], ((d = (h = this.currentHourData) == null ? void 0 : h.weather) == null ? void 0 : d.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
+        var p, w, b, A, E, v, f, u, C, y, B, D, T, N, O, Q, Y, K, ce, he, de, pe, ue, me, ge, te, oe, Ae, ie, _, $, fe, re;
         if (!document.getElementById("meteoMainBox"))
           return !1;
         if (!this.currentHourData)
@@ -5518,7 +5518,7 @@ const gi = {
         for (let se = 0; se < 8; se++) {
           const ne = Ge(this.ts).tz(this.positionGmt).add(3 * se, "h").format();
           this.tableData.hours.push(ne);
-          const x = ((d = We.pickHourly(t, ne)) == null ? void 0 : d[0]) || {};
+          const x = ((p = We.pickHourly(t, ne)) == null ? void 0 : p[0]) || {};
           this.tableData.temp.push(this.roundPrecision((w = x == null ? void 0 : x.weather) == null ? void 0 : w.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((A = (b = x == null ? void 0 : x.weather) == null ? void 0 : b.precip) == null ? void 0 : A.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((v = (E = x == null ? void 0 : x.weather) == null ? void 0 : E.precip) == null ? void 0 : v.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((f = x == null ? void 0 : x.weather) == null ? void 0 : f.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((C = (u = x == null ? void 0 : x.weather) == null ? void 0 : u.wind) == null ? void 0 : C.kts, 1) ?? "-"), this.tableData.windDir.push((B = (y = x == null ? void 0 : x.weather) == null ? void 0 : y.wind) == null ? void 0 : B.bearing), this.tableData.windGust.push(this.roundPrecision((T = (D = x == null ? void 0 : x.weather) == null ? void 0 : D.wind) == null ? void 0 : T.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((O = (N = x == null ? void 0 : x.wave) == null ? void 0 : N.sig) == null ? void 0 : O.height, 1) ?? "-"), this.tableData.sigwaveDir.push((Y = (Q = x == null ? void 0 : x.wave) == null ? void 0 : Q.sig) == null ? void 0 : Y.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((ce = (K = x == null ? void 0 : x.wave) == null ? void 0 : K.wd) == null ? void 0 : ce.height, 1) ?? "-"), this.tableData.windwaveDir.push((de = (he = x == null ? void 0 : x.wave) == null ? void 0 : he.wd) == null ? void 0 : de.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((ue = (pe = x == null ? void 0 : x.wave) == null ? void 0 : pe.wd) == null ? void 0 : ue.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ge = (me = x == null ? void 0 : x.wave) == null ? void 0 : me.swell) == null ? void 0 : ge.height, 1) ?? "-"), this.tableData.swellDir.push((oe = (te = x == null ? void 0 : x.wave) == null ? void 0 : te.swell) == null ? void 0 : oe.bearing), this.tableData.swellPeriod.push(this.roundPrecision((ie = (Ae = x == null ? void 0 : x.wave) == null ? void 0 : Ae.swell) == null ? void 0 : ie.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((_ = x == null ? void 0 : x.current) == null ? void 0 : _.speed, 1) ?? "-"), this.tableData.currentDir.push(($ = x == null ? void 0 : x.current) == null ? void 0 : $.bearing), this.tableData.seaLevel.push(this.roundPrecision(x == null ? void 0 : x.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(x == null ? void 0 : x.sst, 0) ?? "-"), this.tableData.weatherUrls.push((fe = x == null ? void 0 : x.weather) == null ? void 0 : fe.url), this.tableData.weatherNames.push(((re = x == null ? void 0 : x.weather) == null ? void 0 : re.name) ?? "-");
         }
       });
@@ -5642,7 +5642,7 @@ const gi = {
   class: "main-box flex-center"
 };
 function Ir(t, e, a, r, i, o) {
-  var p, n, d, w, b, A, E, v, f, u, C, y, B, D, T, N, O, Q, Y, K, ce, he, de, pe, ue, me, ge, te, oe, Ae, ie, _, $, fe, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, Me, ze, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, J, qe, Ve, Ze, $e, et, tt, at, it, rt;
+  var d, n, p, w, b, A, E, v, f, u, C, y, B, D, T, N, O, Q, Y, K, ce, he, de, pe, ue, me, ge, te, oe, Ae, ie, _, $, fe, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, Me, ze, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, J, qe, Ve, Ze, $e, et, tt, at, it, rt;
   const l = z("LocationFilled"), c = z("ElIcon"), h = z("ElTooltip");
   return ye((m(), g("div", Ai, [
     s("div", fi, [
@@ -5654,7 +5654,7 @@ function Ir(t, e, a, r, i, o) {
             ]),
             _: 1
           }),
-          s("div", bi, I(o.computeLat((p = i.point) == null ? void 0 : p.lat)) + "," + I(o.computeLng((n = i.point) == null ? void 0 : n.lng)), 1)
+          s("div", bi, I(o.computeLat((d = i.point) == null ? void 0 : d.lat)) + "," + I(o.computeLng((n = i.point) == null ? void 0 : n.lng)), 1)
         ]),
         s("div", vi, [
           i.showTables ? (m(), g("div", {
@@ -5684,7 +5684,7 @@ function Ir(t, e, a, r, i, o) {
             M(h, {
               placement: "top",
               effect: "light",
-              content: (w = (d = i.currentHourData) == null ? void 0 : d.weather) == null ? void 0 : w.name,
+              content: (w = (p = i.currentHourData) == null ? void 0 : p.weather) == null ? void 0 : w.name,
               "show-after": 1e3
             }, {
               default: ae(() => {
@@ -7482,7 +7482,7 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
       }
     },
     handleDrag(t) {
-      var a, r, i, o, l, c, h, p, n, d;
+      var a, r, i, o, l, c, h, d, n, 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 w = this.geojson.filter((v) => v.id === e.split("-")[0])[0];
@@ -7501,13 +7501,13 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
         this.handleTmpPointUpdate(
           w,
           E[A - 1],
-          { lng: (p = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lng, lat: (d = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : d.lat, properties: E[A].properties },
+          { lng: (d = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : d.lng, lat: (p = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : p.lat, properties: E[A].properties },
           A === E.length - 1 ? void 0 : E[A + 1]
         );
       }
     },
     handleDragEnd(t) {
-      var a, r, i, o, l, c, h, p, n, d;
+      var a, r, i, o, l, c, h, d, n, 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 w = this.geojson.filter((E) => E.id === e.split("-")[0])[0];
@@ -7516,7 +7516,7 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
           return ((v = E._element) == null ? void 0 : v.id) === e;
         })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (c = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : c.lat]);
         const A = w.features.filter((E) => E.geometry.type === "Point" && E.properties.id == e.split("-")[1])[0];
-        A.geometry.coordinates = [(p = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lng, (d = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : d.lat], w.features = w.features.filter((E) => E.geometry.type === "Point"), this.handlePointUpdate(w);
+        A.geometry.coordinates = [(d = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : d.lng, (p = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : p.lat], w.features = w.features.filter((E) => E.geometry.type === "Point"), this.handlePointUpdate(w);
       }
     },
     handleContextmenu(t) {
@@ -7525,9 +7525,9 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
       const e = (o = (i = (r = t.originalEvent) == null ? void 0 : r.target) == null ? void 0 : i.parentElement) == null ? void 0 : o.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const c = this.geojson.filter((h) => h.id === e.split("-")[0])[0].features.filter((h) => h.geometry.type === "Point");
-        if (c.length > 2 && c.filter((p) => p.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
-          const p = document.createElement("div");
-          p.className = "point-contextmenu-marker", p.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new ve.Marker(p).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
+        if (c.length > 2 && c.filter((d) => d.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
+          const d = document.createElement("div");
+          d.className = "point-contextmenu-marker", d.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new ve.Marker(d).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -7536,15 +7536,15 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
       (a = this.contextmenu) == null || a.remove();
       const e = t.originalEvent.target.className;
       if (e === "marker-close") {
-        const h = (i = (r = t.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, p = this.geojson.filter((n) => n.id === h)[0];
-        p && this.handleClear(p, !0), this.geojson = this.geojson.filter((n) => n.id !== h), !this.show && !((o = this.geojson) != null && o.some((n) => n.closed)) && this.handleUnbind();
+        const h = (i = (r = t.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, d = this.geojson.filter((n) => n.id === h)[0];
+        d && this.handleClear(d, !0), this.geojson = this.geojson.filter((n) => n.id !== h), !this.show && !((o = this.geojson) != null && o.some((n) => n.closed)) && this.handleUnbind();
       } else if (e === "del-point") {
-        const h = (c = (l = t.originalEvent.target.id) == null ? void 0 : l.replace("del-", "")) == null ? void 0 : c.split("-"), p = this.geojson.filter((n) => n.id === h[0])[0];
-        p.features = p.features.filter((n) => n.geometry.type === "Point" && n.properties.id !== h[1]), this.handlePointUpdate(p);
+        const h = (c = (l = t.originalEvent.target.id) == null ? void 0 : l.replace("del-", "")) == null ? void 0 : c.split("-"), d = this.geojson.filter((n) => n.id === h[0])[0];
+        d.features = d.features.filter((n) => n.geometry.type === "Point" && n.properties.id !== h[1]), this.handlePointUpdate(d);
       } else if (e !== "marker-label" && this.show) {
         let h = this.geojson.at(-1);
         h || (h = k.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(h)), h.features = h.features.filter((n) => n.geometry.type === "Point");
-        const p = k.feature(
+        const d = k.feature(
           {
             type: "Point",
             coordinates: [t.lngLat.lng, t.lngLat.lat]
@@ -7554,7 +7554,7 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
             mode: this.navigation
           }
         );
-        h.features.push(p), this.handlePointUpdate(h);
+        h.features.push(d), this.handlePointUpdate(h);
       }
     },
     handlePointUpdate(t) {
@@ -7563,12 +7563,12 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
         let a = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const o = e[i - 1], l = e[i], c = o.properties, h = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, p = { lng: l.geometry.coordinates[0], lat: l.geometry.coordinates[1] }, n = be.calculateDistance(h, p, c.mode === "RL", 2), d = be.calculateBearing(h, p, c.mode === "RL", 2);
+          const o = e[i - 1], l = e[i], c = o.properties, h = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, d = { lng: l.geometry.coordinates[0], lat: l.geometry.coordinates[1] }, n = be.calculateDistance(h, d, c.mode === "RL", 2), p = be.calculateBearing(h, d, c.mode === "RL", 2);
           a = X.roundPrecision(a + n, 2);
           let w;
-          c.mode === "RL" ? w = X.convertToMonotonicLng([h, p]) : w = X.convertToMonotonicLng(be.interpolateCoordinates(h, p, 200));
+          c.mode === "RL" ? w = X.convertToMonotonicLng([h, d]) : w = X.convertToMonotonicLng(be.interpolateCoordinates(h, d, 200));
           const b = k.lineString(w.map((A) => [A.lng, A.lat]));
-          b.properties.dist = n, b.properties.bearing = d, b.properties.total = a, r.push(b);
+          b.properties.dist = n, b.properties.bearing = p, b.properties.total = a, r.push(b);
         }
         e.push(...r), t.total = a;
       }
@@ -7578,19 +7578,19 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
       const i = k.featureCollection([]);
       let o, l;
       if (e) {
-        const h = e.properties, p = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, n = { lng: a.lng, lat: a.lat };
-        o = be.calculateDistance(p, n, h.mode === "RL", 2), l = be.calculateBearing(p, n, h.mode === "RL", 2);
-        let d;
-        h.mode === "RL" ? d = X.convertToMonotonicLng([p, n]) : d = X.convertToMonotonicLng(be.interpolateCoordinates(p, n, 200));
-        const w = k.lineString(d.map((b) => [b.lng, b.lat]));
+        const h = e.properties, d = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, n = { lng: a.lng, lat: a.lat };
+        o = be.calculateDistance(d, n, h.mode === "RL", 2), l = be.calculateBearing(d, n, h.mode === "RL", 2);
+        let p;
+        h.mode === "RL" ? p = X.convertToMonotonicLng([d, n]) : p = X.convertToMonotonicLng(be.interpolateCoordinates(d, n, 200));
+        const w = k.lineString(p.map((b) => [b.lng, b.lat]));
         w.properties.dist = o, w.properties.bearing = l, i.features.push(w);
       }
       if (r) {
-        const h = a.properties, p = a, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = be.calculateDistance(p, n, h.mode === "RL", 2), l = be.calculateBearing(p, n, h.mode === "RL", 2);
-        let d;
-        h.mode === "RL" ? d = X.convertToMonotonicLng([p, n]) : d = X.convertToMonotonicLng(be.interpolateCoordinates(p, n, 200));
-        const w = k.lineString(d.map((b) => [b.lng, b.lat]));
+        const h = a.properties, d = a, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
+        o = be.calculateDistance(d, n, h.mode === "RL", 2), l = be.calculateBearing(d, n, h.mode === "RL", 2);
+        let p;
+        h.mode === "RL" ? p = X.convertToMonotonicLng([d, n]) : p = X.convertToMonotonicLng(be.interpolateCoordinates(d, n, 200));
+        const w = k.lineString(p.map((b) => [b.lng, b.lat]));
         w.properties.dist = o, w.properties.bearing = l, i.features.push(w);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(i) : this.map.addSource(this.tmpSource, {
@@ -7697,17 +7697,17 @@ const ct = /* @__PURE__ */ S(mo, [["render", go], ["__scopeId", "data-v-ad66a24c
           h.on("drag", this.handleDrag), h.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(h) : this.pointMarkers[t.id] = [h];
         }
         if (t.closed) {
-          const l = o.at(-1), h = t.features.filter((n) => n.geometry.type === "LineString").at(-1), p = document.createElement("div");
-          p.className = "point-summary-marker", p.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">Tol: ${h.properties.total}nm</div>`, this.closeMarkers[t.id] = new ve.Marker(p).setOffset([60, 0]).setLngLat(l.geometry.coordinates).addTo(this.map);
+          const l = o.at(-1), h = t.features.filter((n) => n.geometry.type === "LineString").at(-1), d = document.createElement("div");
+          d.className = "point-summary-marker", d.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">Tol: ${h.properties.total}nm</div>`, this.closeMarkers[t.id] = new ve.Marker(d).setOffset([60, 0]).setLngLat(l.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(t, e = !0) {
-      var o, l, c, h, p, n, d, w, b;
+      var o, l, c, h, d, n, p, w, b;
       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), (l = this.map) != null && l.getLayer(i) && this.map.removeLayer(i), (c = this.map) != null && c.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (h = this.map) != null && h.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (p = this.closeMarkers[t.id]) == null || p.remove(), this.closeMarkers[t.id] = void 0, (n = this.pointMarkers[t.id]) == null || n.forEach((A) => {
+      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (l = this.map) != null && l.getLayer(i) && this.map.removeLayer(i), (c = this.map) != null && c.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (h = this.map) != null && h.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (d = this.closeMarkers[t.id]) == null || d.remove(), this.closeMarkers[t.id] = void 0, (n = this.pointMarkers[t.id]) == null || n.forEach((A) => {
         A == null || A.remove();
-      }), this.pointMarkers[t.id] = [], (d = this.tipMarker) == null || d.remove(), this.tipMarker = void 0, e && ((w = this.map) != null && w.getSource(a)) && this.map.removeSource(a), e && ((b = this.map) != null && b.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      }), this.pointMarkers[t.id] = [], (p = this.tipMarker) == null || p.remove(), this.tipMarker = void 0, e && ((w = this.map) != null && w.getSource(a)) && this.map.removeSource(a), e && ((b = this.map) != null && b.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
@@ -8055,23 +8055,23 @@ const To = {
     },
     map: {
       handler() {
-        this.map && (this.map.on("moveend", this.handleMove4Weather), this.viewport = new Je(this.map), this.handleRampColorInitial());
+        this.map && (this.map.on("move", this.handleMove4Weather), this.viewport = new Je(this.map), this.handleRampColorInitial());
       },
       immediate: !0
     },
     enc: {
       handler(t, e) {
-        var a, r, i, o, l, c, h, p;
-        t ? ((r = (a = this.map) == null ? void 0 : a.getLayer(t)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : ((c = (l = this.map) == null ? void 0 : l.getLayer("i4")) == null || c.setLayoutProperty("visibility", "none"), (p = (h = this.map) == null ? void 0 : h.getLayer("hi")) == null || p.setLayoutProperty("visibility", "none"));
+        var a, r, i, o, l, c, h, d;
+        t ? ((r = (a = this.map) == null ? void 0 : a.getLayer(t)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || o.setLayoutProperty("visibility", "none")) : ((c = (l = this.map) == null ? void 0 : l.getLayer("i4")) == null || c.setLayoutProperty("visibility", "none"), (d = (h = this.map) == null ? void 0 : h.getLayer("hi")) == null || d.setLayoutProperty("visibility", "none"));
       }
     },
     activeWeatherLayers: {
       handler() {
-        var a, r, i, o, l, c, h, p, n, d, w, b, A, E, v, f, u;
+        var a, r, i, o, l, c, h, d, n, p, w, b, A, E, v, f, u;
         if (!this.map)
           return !1;
         const t = this.activeWeatherLayers.some((C) => C.key === "wind" && C.particle === !0 || C.key === "current" && C.particle === !0 || C.key === "ice-thickness" || C.key === "ice-cover" || C.key === "temp" || C.key === "water-temp"), e = this.activeWeatherLayers.some((C) => C.key === "visibility" || C.key === "precip3h");
-        this.activeWeatherLayers.length > 0 ? (t ? (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.enc)) == null || o.setLayoutProperty("visibility", "visible"), (c = (l = this.map) == null ? void 0 : l.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || c.setLayoutProperty("visibility", "visible"), (p = this.map) != null && p.getLayer((h = this.viewport) == null ? void 0 : h.rampColorLayer) && ((n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((w = this.map) == null || w.moveLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), e && ((A = this.map) == null || A.moveLayer(this.helper.mapboxCustomer.layers.countryBoundary.id, (b = this.viewport) == null ? void 0 : b.rampColorLayer))) : ((v = (E = this.map) == null ? void 0 : E.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none"), (u = (f = this.map) == null ? void 0 : f.getLayer(this.enc)) == null || u.setLayoutProperty("visibility", "visible")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
+        this.activeWeatherLayers.length > 0 ? (t ? (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.enc)) == null || o.setLayoutProperty("visibility", "visible"), (c = (l = this.map) == null ? void 0 : l.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || c.setLayoutProperty("visibility", "visible"), (d = this.map) != null && d.getLayer((h = this.viewport) == null ? void 0 : h.rampColorLayer) && ((n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((w = this.map) == null || w.moveLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), e && ((A = this.map) == null || A.moveLayer(this.helper.mapboxCustomer.layers.countryBoundary.id, (b = this.viewport) == null ? void 0 : b.rampColorLayer))) : ((v = (E = this.map) == null ? void 0 : E.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none"), (u = (f = this.map) == null ? void 0 : f.getLayer(this.enc)) == null || u.setLayoutProperty("visibility", "visible")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
       },
       immediate: !0
     },
@@ -8123,7 +8123,7 @@ const To = {
   },
   methods: {
     async fetchWeatherLayers(t = { tropicals: !1 }) {
-      var i, o, l, c, h, p, n, d, w;
+      var i, o, l, c, h, d, n, p, w;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let a = 0, r = 0;
       if (this.map) {
@@ -8185,7 +8185,7 @@ const To = {
               });
             }
             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 C = (p = this.weatherLayers["swell-direction"]) == null ? void 0 : p.raw, y = (n = this.weatherLayers["swell-height"]) == null ? void 0 : n.raw;
+              const C = (d = this.weatherLayers["swell-direction"]) == null ? void 0 : d.raw, y = (n = this.weatherLayers["swell-height"]) == null ? void 0 : n.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
                 direction: C,
@@ -8194,7 +8194,7 @@ const To = {
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const C = (d = this.weatherLayers["current-direction"]) == null ? void 0 : d.raw, y = (w = this.weatherLayers["current-speed"]) == null ? void 0 : w.raw;
+              const C = (p = this.weatherLayers["current-direction"]) == null ? void 0 : p.raw, y = (w = this.weatherLayers["current-speed"]) == null ? void 0 : w.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
                 direction: C,
@@ -8214,8 +8214,8 @@ const To = {
       if (this.map) {
         let o = this.otherWeight;
         if (o) {
-          let l = !1, c = !1, h = !1, p = !1;
-          if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, l = !0), this.otherWeight & 8192 && (o = o - 8192, c = !0), this.otherWeight & 16384 && (o = o - 16384, h = !0), this.otherWeight & 32768 && (o = o - 32768, p = !0), o) {
+          let l = !1, c = !1, h = !1, d = !1;
+          if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, l = !0), this.otherWeight & 8192 && (o = o - 8192, c = !0), this.otherWeight & 16384 && (o = o - 16384, h = !0), this.otherWeight & 32768 && (o = o - 32768, d = !0), o) {
             if (t.all) {
               const n = await le.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
@@ -8223,10 +8223,10 @@ const To = {
                 }
               });
               if (((e = n == null ? void 0 : n.data) == null ? void 0 : e.code) === 0) {
-                const d = (a = n == null ? void 0 : n.data) == null ? void 0 : a.data, w = [];
-                for (const A in d)
+                const p = (a = n == null ? void 0 : n.data) == null ? void 0 : a.data, w = [];
+                for (const A in p)
                   w.push(
-                    le.get(d[A], {
+                    le.get(p[A], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: A
@@ -8234,7 +8234,7 @@ const To = {
                     })
                   );
                 const b = await Promise.all(w);
-                this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: p }, b.map((A) => {
+                this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: d }, b.map((A) => {
                   var f, u, C;
                   const E = ((f = A == null ? void 0 : A.data) == null ? void 0 : f.data) || (A == null ? void 0 : A.data), v = (C = (u = A == null ? void 0 : A.config) == null ? void 0 : u.headers) == null ? void 0 : C.key;
                   this.otherLayers[v] = E;
@@ -8247,10 +8247,10 @@ const To = {
                 }
               });
               if (((r = n == null ? void 0 : n.data) == null ? void 0 : r.code) === 0) {
-                const d = (i = n == null ? void 0 : n.data) == null ? void 0 : i.data, w = [];
-                for (const A in d)
+                const p = (i = n == null ? void 0 : n.data) == null ? void 0 : i.data, w = [];
+                for (const A in p)
                   w.push(
-                    le.get(d[A], {
+                    le.get(p[A], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: A
@@ -8265,7 +8265,7 @@ const To = {
               }
             }
           } else
-            this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: p };
+            this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: d };
         } else
           this.otherLayers = {};
         this.handleBeforeLayerToggle();
@@ -8281,7 +8281,7 @@ const To = {
       this.activeWindLayer = !!this.activeWeatherLayers.find((e) => e.key === "wind"), this.$refs.layer && (this.$refs.layer.activeWeatherLayers = this.activeWeatherLayers);
     },
     handleRampColorInitial() {
-      var t, e, a, r, i, o, l, c, h, p, n, d;
+      var t, e, a, r, i, o, l, c, h, d, n, p;
       this.viewport.map.getSource((t = this.viewport) == null ? void 0 : t.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
         type: "canvas",
         canvas: (a = this.viewport) == null ? void 0 : a.rampColorCanvas,
@@ -8302,11 +8302,11 @@ const To = {
         canvas: (h = this.viewport) == null ? void 0 : h.particleCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
-      }), this.viewport.map.getLayer((p = this.viewport) == null ? void 0 : p.particleLayer) || this.viewport.map.addLayer(
+      }), this.viewport.map.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
           id: (n = this.viewport) == null ? void 0 : n.particleLayer,
-          source: (d = this.viewport) == null ? void 0 : d.particleSource,
+          source: (p = this.viewport) == null ? void 0 : p.particleSource,
           layout: {
             visibility: "none"
           }
@@ -8315,10 +8315,10 @@ const To = {
       );
     },
     handleDrawWeather4Json() {
-      var p, n, d, w, b;
+      var d, n, p, w, b;
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, a = 0;
-      const r = (p = this.map) == null ? void 0 : p.getBounds(), i = this.map.getZoom(), o = X.convertToStdLng(r._sw.lng), l = X.convertToStdLng(r._ne.lng), c = Math.floor(r._sw.lat), h = Math.ceil(r._ne.lat);
+      const r = (d = this.map) == null ? void 0 : d.getBounds(), i = this.map.getZoom(), o = X.convertToStdLng(r._sw.lng), l = X.convertToStdLng(r._ne.lng), c = Math.floor(r._sw.lat), h = Math.ceil(r._ne.lat);
       for (const A in this.weatherLayers) {
         let E = !1;
         if (this.weatherLayers[A].active && this.weatherLayers[A].type === "json") {
@@ -8370,7 +8370,7 @@ const To = {
               if (u) {
                 if (!u.data) {
                   const C = [];
-                  for (const y in (d = u.raw) == null ? void 0 : d.LineString) {
+                  for (const y in (p = u.raw) == null ? void 0 : p.LineString) {
                     const B = u.raw.LineString[y];
                     for (const D of B)
                       C.push(
@@ -8547,8 +8547,8 @@ const To = {
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var t, e, a, r, i, o, l, c, h, p, n, d, w, b, A, E;
-      (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"] || (l = this.otherLayers) != null && l["time-zones"] || (c = this.otherLayers) != null && c.pirates || (h = this.otherLayers) != null && h.ports || (p = this.otherLayers) != null && p.enc || (n = this.otherLayers) != null && n.world12nm || (d = this.otherLayers) != null && d.worldMarine || (w = this.otherLayers) != null && w.chinaRoute || (b = this.otherLayers) != null && b["voluntary-reporting-area"] || (A = this.otherLayers) != null && A["eca-zones"] || (E = this.otherLayers) != null && E["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var t, e, a, r, i, o, l, c, h, d, n, p, w, b, A, E;
+      (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"] || (l = this.otherLayers) != null && l["time-zones"] || (c = this.otherLayers) != null && c.pirates || (h = this.otherLayers) != null && h.ports || (d = this.otherLayers) != null && d.enc || (n = this.otherLayers) != null && n.world12nm || (p = this.otherLayers) != null && p.worldMarine || (w = this.otherLayers) != null && w.chinaRoute || (b = this.otherLayers) != null && b["voluntary-reporting-area"] || (A = this.otherLayers) != null && A["eca-zones"] || (E = this.otherLayers) != null && E["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
     handleDateChange(t = { tropicals: !1 }) {
       this.fetchWeatherLayers(t), this.fetchOtherLayers({ dayNight: !0 });
@@ -8582,8 +8582,8 @@ const To = {
       }
     },
     handle3dToggle(t) {
-      var e, a, r, i, o, l, c, h, p, n, d, w, b, A, E, v, f, u, C, y;
-      t ? (this.map.setProjection("globe"), this.mapProjection = "globe", (a = this.map) != null && a.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (c = this.map) != null && c.getLayer((l = this.viewport) == null ? void 0 : l.particleLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((n = this.map) == null || n.moveLayer((p = this.viewport) == null ? void 0 : p.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("move", this.handleDraWeather4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("move", this.handleDraWeather4Image), this.handleDraWeather4Image(), (w = this.map) != null && w.getLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer) && ((b = this.map) != null && b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((E = this.map) == null || E.moveLayer((A = this.viewport) == null ? void 0 : A.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (f = this.map) != null && f.getLayer((v = this.viewport) == null ? void 0 : v.particleLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((y = this.map) == null || y.moveLayer((C = this.viewport) == null ? void 0 : C.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+      var e, a, r, i, o, l, c, h, d, n, p, w, b, A, E, v, f, u, C, y;
+      t ? (this.map.setProjection("globe"), this.mapProjection = "globe", (a = this.map) != null && a.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((o = this.map) == null || o.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (c = this.map) != null && c.getLayer((l = this.viewport) == null ? void 0 : l.particleLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((n = this.map) == null || n.moveLayer((d = this.viewport) == null ? void 0 : d.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("move", this.handleDraWeather4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("move", this.handleDraWeather4Image), this.handleDraWeather4Image(), (w = this.map) != null && w.getLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer) && ((b = this.map) != null && b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((E = this.map) == null || E.moveLayer((A = this.viewport) == null ? void 0 : A.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (f = this.map) != null && f.getLayer((v = this.viewport) == null ? void 0 : v.particleLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((y = this.map) == null || y.moveLayer((C = this.viewport) == null ? void 0 : C.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
     },
     handleParticle(t) {
       this.particleFactor = t, this.weatherLayers[t.key] && (this.weatherLayers[t.key].particle = t.particle), this.activeWeatherLayers.map((r) => {
@@ -8608,7 +8608,7 @@ const To = {
 };
 function So(t, e, a, r, i, o) {
   var Ae, ie, _, $, fe, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, Me, ze, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe;
-  const l = z("IdmGlLayer"), c = z("IdmENC"), h = z("IdmWorld12nm"), p = z("IdmWorldMarine"), n = z("IdmChinaRoute"), d = z("IdmSigWave"), w = z("IdmSwell"), b = z("IdmPrmsl"), A = z("IdmIceCover"), E = z("IdmIceThickness"), v = z("IdmTropicals"), f = z("IdmCurrents"), u = z("IdmCurrentParticle"), C = z("IdmWindBarb"), y = z("IdmWindParticle"), B = z("IdmPrecip3h"), D = z("IdmVisibility"), T = z("IdmWaterTemp"), N = z("IdmTemp"), O = z("IdmWarZone"), Q = z("IdmGmdssArea"), Y = z("IdmEcaZone"), K = z("IdmAlertZone"), ce = z("IdmPort"), he = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), ue = z("IdmSpecialArea"), me = z("IdmTerminator"), ge = z("IdmLatLng"), te = z("IdmMeasure"), oe = z("IdmPoint");
+  const l = z("IdmGlLayer"), c = z("IdmENC"), h = z("IdmWorld12nm"), d = z("IdmWorldMarine"), n = z("IdmChinaRoute"), p = z("IdmSigWave"), w = z("IdmSwell"), b = z("IdmPrmsl"), A = z("IdmIceCover"), E = z("IdmIceThickness"), v = z("IdmTropicals"), f = z("IdmCurrents"), u = z("IdmCurrentParticle"), C = z("IdmWindBarb"), y = z("IdmWindParticle"), B = z("IdmPrecip3h"), D = z("IdmVisibility"), T = z("IdmWaterTemp"), N = z("IdmTemp"), O = z("IdmWarZone"), Q = z("IdmGmdssArea"), Y = z("IdmEcaZone"), K = z("IdmAlertZone"), ce = z("IdmPort"), he = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), ue = z("IdmSpecialArea"), me = z("IdmTerminator"), ge = z("IdmLatLng"), te = z("IdmMeasure"), oe = z("IdmPoint");
   return a.map ? (m(), g("div", Qo, [
     M(l, H({
       ref: "layer",
@@ -8651,7 +8651,7 @@ function So(t, e, a, r, i, o) {
       "weather-layers": i.weatherLayers,
       enabled: (ie = i.otherLayers) == null ? void 0 : ie.world12nm
     }, t.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
-    M(p, H({
+    M(d, H({
       map: a.map,
       token: a.token,
       "weather-layers": i.weatherLayers,
@@ -8663,7 +8663,7 @@ function So(t, e, a, r, i, o) {
       "weather-layers": i.weatherLayers,
       enabled: ($ = i.otherLayers) == null ? void 0 : $.chinaRoute
     }, t.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
-    M(d, H({
+    M(p, H({
       map: a.map,
       "sig-wave": (fe = i.weatherLayers) == null ? void 0 : fe["sig-wave-height"],
       "before-layer": a.beforeLayer,