@idmwx/idmui-gl3 5.5.1 → 5.5.2

package/dist/index.js

@@ -293,14 +293,14 @@ const T = (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 n = z("ElTooltip"), c = z("ElRadio"), h = z("ElRadioGroup"), p = z("ElScrollbar");
   return g(), y("div", yt, [
     s("div", {
       class: "menu-bar-box",
       style: J({ top: a.top + 10 + "px", right: i.right + "px" })
     }, [
       s("div", ft, [
-        k(l, {
+        k(n, {
           placement: "left",
           effect: "light",
           content: "Menu",
@@ -309,7 +309,7 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: H(a.layerToggle ? "menu-icon active" : "menu-icon"),
-              onClick: e[0] || (e[0] = (...n) => o.handleMenuToggle && o.handleMenuToggle(...n))
+              onClick: e[0] || (e[0] = (...l) => o.handleMenuToggle && o.handleMenuToggle(...l))
             }, e[17] || (e[17] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
@@ -323,7 +323,7 @@ function $t(t, e, a, r, i, o) {
       style: J({ top: a.top + 160 + "px", right: i.right + "px" })
     }, [
       s("div", wt, [
-        k(l, {
+        k(n, {
           placement: "left",
           effect: "light",
           content: "Measure",
@@ -332,14 +332,14 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: H(i.showMeasure ? "menu-icon active" : "menu-icon"),
-              onClick: e[1] || (e[1] = (...n) => o.handleMeasureToggle && o.handleMeasureToggle(...n))
+              onClick: e[1] || (e[1] = (...l) => o.handleMeasureToggle && o.handleMeasureToggle(...l))
             }, e[18] || (e[18] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
           _: 1
         }),
-        k(l, {
+        k(n, {
           placement: "left",
           effect: "light",
           content: "Point Meteo",
@@ -348,14 +348,14 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: H(i.showPoint ? "menu-icon active" : "menu-icon"),
-              onClick: e[2] || (e[2] = (...n) => o.handlePointToggle && o.handlePointToggle(...n))
+              onClick: e[2] || (e[2] = (...l) => o.handlePointToggle && o.handlePointToggle(...l))
             }, e[19] || (e[19] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
           _: 1
         }),
-        k(l, {
+        k(n, {
           placement: "left",
           effect: "light",
           content: "Grid",
@@ -364,14 +364,14 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: H(i.showCoord ? "menu-icon active" : "menu-icon"),
-              onClick: e[3] || (e[3] = (...n) => o.handleCoordToggle && o.handleCoordToggle(...n))
+              onClick: e[3] || (e[3] = (...l) => o.handleCoordToggle && o.handleCoordToggle(...l))
             }, e[20] || (e[20] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
           _: 1
         }),
-        k(l, {
+        k(n, {
           placement: "left",
           effect: "light",
           content: "3D",
@@ -380,7 +380,7 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: H(i.show3d ? "menu-icon active" : "menu-icon"),
-              onClick: e[4] || (e[4] = (...n) => o.handle3DToggle && o.handle3DToggle(...n))
+              onClick: e[4] || (e[4] = (...l) => o.handle3DToggle && o.handle3DToggle(...l))
             }, e[21] || (e[21] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
@@ -399,24 +399,24 @@ function $t(t, e, a, r, i, o) {
         s("div", {
           class: "switch flex-center",
           style: { "font-size": "28px", "margin-right": "0" },
-          onClick: e[5] || (e[5] = (...n) => o.toggleAutoActive && o.toggleAutoActive(...n))
+          onClick: e[5] || (e[5] = (...l) => o.toggleAutoActive && o.toggleAutoActive(...l))
         }, [
           i.autoActive ? (g(), y("i", vt, "")) : (g(), y("i", Lt, ""))
         ])
       ]),
-      (g(!0), y(_, null, N(i.layers.weather.filter((n) => n.collected), (n) => (g(), y("div", {
-        key: n.key,
-        class: H(o.computeLayerClass(n, i.activeWeatherLayers))
+      (g(!0), y(_, null, N(i.layers.weather.filter((l) => l.collected), (l) => (g(), y("div", {
+        key: l.key,
+        class: H(o.computeLayerClass(l, i.activeWeatherLayers))
       }, [
         s("div", {
           class: "checkbox",
-          onClick: (d) => o.handleWeatherLayerPick(n)
+          onClick: (d) => o.handleWeatherLayerPick(l)
         }, null, 8, Ct),
         s("span", {
           class: "name",
-          onClick: (d) => o.handleWeatherLayerPick(n)
-        }, B(n.name), 9, xt),
-        n.key === "wind" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), y("div", Bt, [
+          onClick: (d) => o.handleWeatherLayerPick(l)
+        }, B(l.name), 9, xt),
+        l.key === "wind" && i.activeWeatherLayers.some((d) => d.key === l.key) ? (g(), y("div", Bt, [
           s("i", {
             class: H(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
             onClick: e[6] || (e[6] = (d) => o.handleToggleWindParticle())
@@ -426,7 +426,7 @@ function $t(t, e, a, r, i, o) {
             onClick: e[7] || (e[7] = (d) => o.handleToggleWindFeather())
           }, "", 2)
         ])) : O("", !0),
-        n.key === "current" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), y("div", It, [
+        l.key === "current" && i.activeWeatherLayers.some((d) => d.key === l.key) ? (g(), y("div", It, [
           s("i", {
             class: H(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
             onClick: e[8] || (e[8] = (d) => o.handleToggleCurrentParticle())
@@ -449,7 +449,7 @@ function $t(t, e, a, r, i, o) {
           e[23] || (e[23] = s("div", null, "Layers", -1)),
           s("div", {
             class: "iconfont close-btn",
-            onClick: e[10] || (e[10] = (...n) => o.handleMenuToggle && o.handleMenuToggle(...n))
+            onClick: e[10] || (e[10] = (...l) => o.handleMenuToggle && o.handleMenuToggle(...l))
           }, "")
         ]),
         k(p, { style: { flex: "1" } }, {
@@ -460,29 +460,29 @@ function $t(t, e, a, r, i, o) {
                 s("div", {
                   class: "switch flex-center",
                   style: { "margin-right": "0" },
-                  onClick: e[11] || (e[11] = (...n) => o.toggleAutoActive && o.toggleAutoActive(...n))
+                  onClick: e[11] || (e[11] = (...l) => o.toggleAutoActive && o.toggleAutoActive(...l))
                 }, [
                   i.autoActive ? (g(), y("i", kt, "")) : (g(), y("i", zt, ""))
                 ])
               ]),
               s("div", Mt, [
-                (g(!0), y(_, null, N(i.layers.weather, (n) => (g(), y(_, {
-                  key: n.key
+                (g(!0), y(_, null, N(i.layers.weather, (l) => (g(), y(_, {
+                  key: l.key
                 }, [
-                  n.hide ? O("", !0) : (g(), y("div", {
+                  l.hide ? O("", !0) : (g(), y("div", {
                     key: 0,
-                    class: H(o.computeLayerClass(n, i.activeWeatherLayers))
+                    class: H(o.computeLayerClass(l, i.activeWeatherLayers))
                   }, [
                     s("div", Tt, [
                       s("div", {
                         class: "checkbox",
-                        onClick: (d) => o.handleWeatherLayerPick(n)
+                        onClick: (d) => o.handleWeatherLayerPick(l)
                       }, null, 8, Qt),
                       s("span", {
                         class: "name",
-                        onClick: (d) => o.handleWeatherLayerPick(n)
-                      }, B(n.name), 9, St),
-                      n.key === "wind" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), y("div", _t, [
+                        onClick: (d) => o.handleWeatherLayerPick(l)
+                      }, B(l.name), 9, St),
+                      l.key === "wind" && i.activeWeatherLayers.some((d) => d.key === l.key) ? (g(), y("div", _t, [
                         s("i", {
                           class: H(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
                           onClick: e[12] || (e[12] = (d) => o.handleToggleWindParticle())
@@ -492,7 +492,7 @@ function $t(t, e, a, r, i, o) {
                           onClick: e[13] || (e[13] = (d) => o.handleToggleWindFeather())
                         }, "", 2)
                       ])) : O("", !0),
-                      n.key === "current" && i.activeWeatherLayers.some((d) => d.key === n.key) ? (g(), y("div", Ht, [
+                      l.key === "current" && i.activeWeatherLayers.some((d) => d.key === l.key) ? (g(), y("div", Ht, [
                         s("i", {
                           class: H(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
                           onClick: e[14] || (e[14] = (d) => o.handleToggleCurrentParticle())
@@ -504,9 +504,9 @@ function $t(t, e, a, r, i, o) {
                       ])) : O("", !0)
                     ]),
                     s("div", {
-                      onClick: (d) => o.handleWeatherLayerCollect(n)
+                      onClick: (d) => o.handleWeatherLayerCollect(l)
                     }, [
-                      n.collected ? (g(), y("i", Nt, "")) : (g(), y("i", jt, ""))
+                      l.collected ? (g(), y("i", Nt, "")) : (g(), y("i", jt, ""))
                     ], 8, Ot)
                   ], 2))
                 ], 64))), 128)),
@@ -522,18 +522,18 @@ function $t(t, e, a, r, i, o) {
             s("div", Rt, [
               e[26] || (e[26] = s("div", { class: "layers-title" }, "Other Layers", -1)),
               s("div", Ft, [
-                (g(!0), y(_, null, N(i.layers.other, (n) => {
+                (g(!0), y(_, null, N(i.layers.other, (l) => {
                   var d;
                   return g(), y("div", {
-                    key: n.key,
-                    class: H(["layer flex-between", o.computeLayerClass(n, i.activeOtherLayers)]),
-                    onClick: (b) => o.handleOtherLayerPick(n)
+                    key: l.key,
+                    class: H(["layer flex-between", o.computeLayerClass(l, i.activeOtherLayers)]),
+                    onClick: (b) => o.handleOtherLayerPick(l)
                   }, [
                     s("div", Wt, [
                       s("div", Ut, [
-                        (d = o.computeLayerClass(n, i.activeOtherLayers)) != null && d.includes("active") ? (g(), y("i", Yt, "")) : (g(), y("i", Kt, ""))
+                        (d = o.computeLayerClass(l, i.activeOtherLayers)) != null && d.includes("active") ? (g(), y("i", Yt, "")) : (g(), y("i", Kt, ""))
                       ]),
-                      s("span", null, B(n.name), 1)
+                      s("span", null, B(l.name), 1)
                     ])
                   ], 10, Gt);
                 }), 128))
@@ -544,21 +544,21 @@ function $t(t, e, a, r, i, o) {
               s("div", Jt, [
                 k(h, {
                   modelValue: i.source,
-                  "onUpdate:modelValue": e[16] || (e[16] = (n) => i.source = n),
+                  "onUpdate:modelValue": e[16] || (e[16] = (l) => i.source = l),
                   class: "layer-radio flex-col-start-start",
                   style: { width: "180px", "align-items": "flex-start" }
                 }, {
                   default: ae(() => [
-                    (g(!0), y(_, null, N(i.sourceList, (n, d) => (g(), pt(c, {
-                      key: `source${n.name}`,
-                      value: n.name
+                    (g(!0), y(_, null, N(i.sourceList, (l, d) => (g(), pt(c, {
+                      key: `source${l.name}`,
+                      value: l.name
                     }, {
                       default: ae(() => {
                         var b, u, A, w, m, v;
                         return [
-                          U(B(n.name) + " ", 1),
-                          d !== 0 ? (g(), y("span", qt, B(n.resolution) + "km " + B(n.length) + "days", 1)) : O("", !0),
-                          d === 0 ? (g(), y("div", Vt, "Provides the best forecast")) : (A = (u = (b = n == null ? void 0 : n.update) == null ? void 0 : b.default) == null ? void 0 : u.meta) != null && A.initialisationTime ? (g(), y("div", Zt, "Update: " + B(o.computeDateZ((v = (m = (w = n == null ? void 0 : n.update) == null ? void 0 : w.default) == null ? void 0 : m.meta) == null ? void 0 : v.initialisationTime)), 1)) : O("", !0)
+                          U(B(l.name) + " ", 1),
+                          d !== 0 ? (g(), y("span", qt, B(l.resolution) + "km " + B(l.length) + "days", 1)) : O("", !0),
+                          d === 0 ? (g(), y("div", Vt, "Provides the best forecast")) : (A = (u = (b = l == null ? void 0 : l.update) == null ? void 0 : b.default) == null ? void 0 : u.meta) != null && A.initialisationTime ? (g(), y("div", Zt, "Update: " + B(o.computeDateZ((v = (m = (w = l == null ? void 0 : l.update) == null ? void 0 : w.default) == null ? void 0 : m.meta) == null ? void 0 : v.initialisationTime)), 1)) : O("", !0)
                         ];
                       }),
                       _: 2
@@ -653,13 +653,13 @@ const ta = {
         }, 500);
       else if (this.wind) {
         const i = (/* @__PURE__ */ new Date()).valueOf();
-        let o = 0, l = 0, c = this.empty;
+        let o = 0, n = 0, c = this.empty;
         if ((t = this.wind) != null && t.active && (c = (e = this.wind) == null ? void 0 : e.data), (a = this.map) != null && a.getSource(this.source))
-          (r = this.map) == null || r.getSource(this.source).setData(c), l = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] update elapsed: ", l, ", total: ", o += l);
+          (r = this.map) == null || r.getSource(this.source).setData(c), n = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] update elapsed: ", n, ", total: ", o += n);
         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 p = (this.barbs ?? [])[h] || 0, l = (this.barbs ?? [])[h + 1] || 0, d = p < 10 ? `00${p}kts` : p < 100 ? `0${p}kts` : `${p}kts`;
             this.map.addLayer(
               {
                 id: d,
@@ -669,7 +669,7 @@ const ta = {
                   // @ts-ignore
                   [">=", "spd", p],
                   // @ts-ignore
-                  ["<", "spd", n]
+                  ["<", "spd", l]
                 ],
                 source: this.source,
                 layout: {
@@ -696,7 +696,7 @@ const ta = {
               this.beforeLayer
             );
           }
-          this.windBarbLoaded = !0, l = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] add elapsed: ", l, ", total: ", o += l);
+          this.windBarbLoaded = !0, n = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] add elapsed: ", n, ", total: ", o += n);
         }
       }
     },
@@ -767,8 +767,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, b] = this.mercator.px([c, i[1]], a), u = Math.round(this.mercator.size * Math.pow(2, a) * (l + h));
-    return [d, b, p + u, 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, n] = this.convertNLng(r[0]), [c, h] = this.convertNLng(i[0]), [p, l] = this.mercator.px([o, r[1]], a), [d, b] = this.mercator.px([c, i[1]], a), u = Math.round(this.mercator.size * Math.pow(2, a) * (n + h));
+    return [d, b, p + u, l];
   }
   /**
    * [视窗边界像素宽度]
@@ -783,13 +783,13 @@ class Je {
    * @param zoom
    */
   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]);
-    return h.map((n) => {
+    const r = 2 ** a, [i, o, n, c] = e.map((l) => ~~(l / (r * 256))), h = [];
+    for (let l = c; l <= o; l++)
+      for (let d = i; d <= n; d++)
+        h.push([d, l]);
+    return h.map((l) => {
       const d = 2 ** a * 256;
-      return [n[0] * d, n[1] * d, d];
+      return [l[0] * d, l[1] * d, d];
     });
   }
   resize() {
@@ -830,9 +830,9 @@ class Ce {
    * @param width??
    * @param height??
    */
-  createTexture(e, a, r, i, o, l, c) {
+  createTexture(e, a, r, i, o, n, c) {
     const h = e.createTexture();
-    return e.bindTexture(e.TEXTURE_2D, h), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, a), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, r), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, i), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, i), o instanceof Uint8Array ? e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, l, c, 0, e.RGBA, e.UNSIGNED_BYTE, o) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, o), e.bindTexture(e.TEXTURE_2D, null), h;
+    return e.bindTexture(e.TEXTURE_2D, h), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, a), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, r), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, i), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, i), o instanceof Uint8Array ? e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, n, c, 0, e.RGBA, e.UNSIGNED_BYTE, o) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, o), e.bindTexture(e.TEXTURE_2D, null), h;
   }
   /**
    * 创建数据资源
@@ -855,8 +855,8 @@ class Ce {
    * @param fragmentSchema
    */
   createProgram(e, a, r) {
-    const i = e.createProgram(), o = this.createShader(e, e.VERTEX_SHADER, a), l = this.createShader(e, e.FRAGMENT_SHADER, r);
-    if (i && o && l && (e.attachShader(i, o), e.attachShader(i, l), e.linkProgram(i), !e.getProgramParameter(i, e.LINK_STATUS)))
+    const i = e.createProgram(), o = this.createShader(e, e.VERTEX_SHADER, a), n = this.createShader(e, e.FRAGMENT_SHADER, r);
+    if (i && o && n && (e.attachShader(i, o), e.attachShader(i, n), e.linkProgram(i), !e.getProgramParameter(i, e.LINK_STATUS)))
       throw new Error(e.getProgramInfoLog(i) || "error happened while creating ramp color program");
     return i;
   }
@@ -869,8 +869,8 @@ class Ce {
   createProgramWrapper(e, a, r) {
     const i = this.createProgram(e, a, r);
     if (i) {
-      const o = { program: i }, l = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
-      for (let h = 0; h < l; h++) {
+      const o = { program: i }, n = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
+      for (let h = 0; h < n; h++) {
         const p = e.getActiveAttrib(i, h);
         o[p.name] = e.getAttribLocation(i, p.name);
       }
@@ -887,21 +887,21 @@ class Ce {
    * @param colors
    */
   setup(e, a, r = !1, i, o) {
-    const l = document.createElement("canvas");
-    l.width = 256, l.height = 1;
-    const c = l.getContext("2d");
+    const n = document.createElement("canvas");
+    n.width = 256, n.height = 1;
+    const c = n.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(([p, l]) => {
+        h.addColorStop(p, l);
       }), c.fillStyle = h, c.fillRect(0, 0, 256, 1), {
-        canvas: l,
+        canvas: n,
         texture: this.createTexture(
           e,
           e.LINEAR,
           e.LINEAR,
           e.CLAMP_TO_EDGE,
-          r ? new Uint8Array(c.getImageData(0, 0, 256, 1).data) : l,
+          r ? new Uint8Array(c.getImageData(0, 0, 256, 1).data) : n,
           i,
           o
         )
@@ -910,19 +910,19 @@ class Ce {
   }
   setupParticle(e, a = 1e3) {
     const r = Math.ceil(Math.sqrt(a)), i = r * r, o = new Uint8Array(i * 4);
-    for (let n = 0; n < o.length; n++)
-      o[n] = Math.floor(Math.random() * 256);
-    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;
+    for (let l = 0; l < o.length; l++)
+      o[l] = Math.floor(Math.random() * 256);
+    const n = 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 l = 0; l < i; l++)
+      h[l] = l;
     const p = this.createDataBuffer(e, "array", h);
-    return { resolution: r, total: i, texture0: l, texture1: c, indexBuffer: p };
+    return { resolution: r, total: i, texture0: n, texture1: c, indexBuffer: p };
   }
   bind(e, a, r) {
     const i = this.createProgram(e, a, r);
     if (i) {
-      const o = this.createDataBuffer(e, "array", void 0), l = e.getAttribLocation(i, "a_position");
-      e.enableVertexAttribArray(l), e.vertexAttribPointer(l, 2, e.FLOAT, !1, 0, 0);
+      const o = this.createDataBuffer(e, "array", void 0), n = e.getAttribLocation(i, "a_position");
+      e.enableVertexAttribArray(n), e.vertexAttribPointer(n, 2, e.FLOAT, !1, 0, 0);
       const c = new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]);
       this.createDataBuffer(e, "array", c);
       const h = e.getAttribLocation(i, "a_texCoord");
@@ -930,33 +930,33 @@ 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 };
+  bindParticle(e, a, r, i, o, n) {
+    const c = this.createProgramWrapper(e, a, r), h = this.createProgramWrapper(e, i, o), p = this.createProgramWrapper(e, i, n), l = 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: l, frameBuffer: d };
   }
-  draw(e, a, r, i, o, l, c) {
+  draw(e, a, r, i, o, n, c) {
     var h, p;
     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);
       try {
-        const n = a.getUniformLocation(r, "u_resolution"), d = a.getUniformLocation(r, "u_image"), b = a.getUniformLocation(r, "u_color");
-        if (a.useProgram(r), a.uniform2f(n, a.canvas.width * e.ratio, a.canvas.height * e.ratio), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, i), a.uniform1i(d, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), a.uniform1i(b, 1), c != null && c.uvRange && (c != null && c.sRange)) {
+        const l = a.getUniformLocation(r, "u_resolution"), d = a.getUniformLocation(r, "u_image"), b = a.getUniformLocation(r, "u_color");
+        if (a.useProgram(r), a.uniform2f(l, a.canvas.width * e.ratio, a.canvas.height * e.ratio), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, i), a.uniform1i(d, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), a.uniform1i(b, 1), c != null && c.uvRange && (c != null && c.sRange)) {
           const m = a.getUniformLocation(r, "u_range_u_v"), v = a.getUniformLocation(r, "u_range_s");
           a.uniform2f(m, c.uvRange[0], c.uvRange[1]), a.uniform2f(v, c.sRange[0], c.sRange[1]);
         }
         const u = e.getBoundPixel(), A = e.map.getZoom() + 1, w = e.getWorldCopy(u, A);
         for (const m of w) {
           const v = (m[0] - u[0]) * e.ratio, f = (m[1] - u[3]) * e.ratio, L = m[2] * e.ratio, [P, M, I, j] = [v, L + v, f, L + f], W = new Float32Array([P, I, M, I, P, j, P, j, M, I, M, j]);
-          a.bindBuffer(a.ARRAY_BUFFER, l), a.bufferData(a.ARRAY_BUFFER, W, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
+          a.bindBuffer(a.ARRAY_BUFFER, n), a.bufferData(a.ARRAY_BUFFER, W, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
         }
-      } catch (n) {
-        console.log(`render failed...${n}`);
+      } catch (l) {
+        console.log(`render failed...${l}`);
       }
     }
   }
   drawParticle(e, a, r, i, o) {
-    var l, c;
-    a && (a == null || a.viewport(0, 0, (l = a == null ? void 0 : a.canvas) == null ? void 0 : l.width, (c = a == null ? void 0 : a.canvas) == null ? void 0 : c.height), a.disable(a.DEPTH_TEST), a.disable(a.STENCIL_TEST), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, r), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, i.texture0), this.renderScreen(e, a, i, o), this.updateParticles(e, a, i, o));
+    var n, c;
+    a && (a == null || a.viewport(0, 0, (n = a == null ? void 0 : a.canvas) == null ? void 0 : n.width, (c = a == null ? void 0 : a.canvas) == null ? void 0 : c.height), a.disable(a.DEPTH_TEST), a.disable(a.STENCIL_TEST), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, r), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, i.texture0), this.renderScreen(e, a, i, o), this.updateParticles(e, a, i, o));
   }
   renderScreen(e, a, r, i) {
     a.bindFramebuffer(a.FRAMEBUFFER, r.frameBuffer), a.framebufferTexture2D(a.FRAMEBUFFER, a.COLOR_ATTACHMENT0, a.TEXTURE_2D, r.screenTexture, 0), a.viewport(0, 0, a.canvas.width, a.canvas.height), this.renderScreenTexture(a, r.backgroundTexture, r.screen, r.quadBuffer, 0.95), this.renderParticles(e, a, r, i), a.bindFramebuffer(a.FRAMEBUFFER, null), this.renderScreenTexture(a, r.screenTexture, r.screen, r.quadBuffer, 1);
@@ -974,11 +974,11 @@ class Ce {
     }
   }
   updateParticles(e, a, r, i) {
-    var l, c;
+    var n, c;
     if (a) {
       a.bindFramebuffer(a.FRAMEBUFFER, r.frameBuffer), a.framebufferTexture2D(a.FRAMEBUFFER, a.COLOR_ATTACHMENT0, a.TEXTURE_2D, r.texture1, 0), a.viewport(0, 0, r.resolution, r.resolution), a.useProgram(r.update.program), a.bindBuffer(a.ARRAY_BUFFER, r.quadBuffer), a.enableVertexAttribArray(r.update.a_pos), a.vertexAttribPointer(r.update.a_pos, 2, a.FLOAT, !1, 0, 0), a.uniform1i(r.update.u_factor, 0), a.uniform1i(r.update.u_particles, 1);
       const h = e.getBoundRange();
-      a.uniform4f(r.update.u_viewport, h[0], h[1], h[2], h[3]), a.uniform1f(r.update.u_rand_seed, Math.random()), a.uniform2f(r.update.u_factor_res, (l = r == null ? void 0 : r.image) == null ? void 0 : l.width, (c = r == null ? void 0 : r.image) == null ? void 0 : c.height), a.uniform2f(r.update.u_factor_min, i.uvRange[0], i.uvRange[0]), a.uniform2f(r.update.u_factor_max, i.uvRange[1], i.uvRange[1]), a.uniform1f(r.update.u_speed_factor, i.speedFactor * e.ratio), a.uniform1f(r.update.u_drop_rate, i.dropRate), a.uniform1f(r.update.u_drop_rate_bump, i.dropRateBump), a.drawArrays(a.TRIANGLES, 0, 6);
+      a.uniform4f(r.update.u_viewport, h[0], h[1], h[2], h[3]), a.uniform1f(r.update.u_rand_seed, Math.random()), a.uniform2f(r.update.u_factor_res, (n = r == null ? void 0 : r.image) == null ? void 0 : n.width, (c = r == null ? void 0 : r.image) == null ? void 0 : c.height), a.uniform2f(r.update.u_factor_min, i.uvRange[0], i.uvRange[0]), a.uniform2f(r.update.u_factor_max, i.uvRange[1], i.uvRange[1]), a.uniform1f(r.update.u_speed_factor, i.speedFactor * e.ratio), a.uniform1f(r.update.u_drop_rate, i.dropRate), a.uniform1f(r.update.u_drop_rate_bump, i.dropRateBump), a.drawArrays(a.TRIANGLES, 0, 6);
     }
     const o = r.texture0;
     r.texture0 = r.texture1, r.texture1 = o;
@@ -3222,8 +3222,8 @@ const oa = {
       }
     },
     handleClear() {
-      var t, e, a, r, i, o, l, c;
-      (t = this.viewport) == null || t.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (a = this.viewport) == null ? void 0 : a.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (c = (l = this.viewport) == null ? void 0 : l.map) == null || c.off("moveend", this.handlePlay), this.handlePause();
+      var t, e, a, r, i, o, n, c;
+      (t = this.viewport) == null || t.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (a = this.viewport) == null ? void 0 : a.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (c = (n = this.viewport) == null ? void 0 : n.map) == null || c.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
@@ -3308,8 +3308,8 @@ const oa = {
   }
 }, sa = { key: 0 };
 function na(t, e, a, r, i, o) {
-  var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", sa, [
+  var n;
+  return (n = a.factor) != null && n.active ? (g(), y("div", sa, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -3558,8 +3558,8 @@ const pa = {
       }
     },
     handleClear() {
-      var t, e, a, r, i, o, l, c;
-      (t = this.viewport) == null || t.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (a = this.viewport) == null ? void 0 : a.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (c = (l = this.viewport) == null ? void 0 : l.map) == null || c.off("moveend", this.handlePlay), this.handlePause();
+      var t, e, a, r, i, o, n, c;
+      (t = this.viewport) == null || t.toggle(!1), (e = this.viewport) == null || e.toggleParticle(!1), this.context = void 0, this.particleContext = void 0, this.etime = void 0, this.initial = !0, (r = (a = this.viewport) == null ? void 0 : a.map) == null || r.off("resize", this.handleResize), (o = (i = this.viewport) == null ? void 0 : i.map) == null || o.off("movestart", this.handlePause), (c = (n = this.viewport) == null ? void 0 : n.map) == null || c.off("moveend", this.handlePlay), this.handlePause();
     },
     handleSetup() {
       if (!this.context) {
@@ -3639,8 +3639,8 @@ const pa = {
   }
 }, ma = { key: 0 };
 function ua(t, e, a, r, i, o) {
-  var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", ma, [
+  var n;
+  return (n = a.factor) != null && n.active ? (g(), y("div", ma, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -3990,8 +3990,8 @@ const va = /* @__PURE__ */ T(wa, [["render", ba]]), La = {
         }, 500);
       else if (this.prmsl) {
         const r = (/* @__PURE__ */ new Date()).valueOf();
-        let i = 0, o = 0, l = this.empty;
-        this.prmsl.active && (l = this.prmsl.data), (t = this.map) != null && t.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(l), o = (/* @__PURE__ */ new Date()).valueOf() - (r + i), console.log("[prmsl] update elapsed: ", o, ", total: ", i += o)) : (this.map.addSource(this.source, { type: "geojson", data: l }), this.map.addLayer(
+        let i = 0, o = 0, n = this.empty;
+        this.prmsl.active && (n = this.prmsl.data), (t = this.map) != null && t.getSource(this.source) ? ((e = this.map) == null || e.getSource(this.source).setData(n), o = (/* @__PURE__ */ new Date()).valueOf() - (r + i), console.log("[prmsl] update elapsed: ", o, ", total: ", i += o)) : (this.map.addSource(this.source, { type: "geojson", data: n }), this.map.addLayer(
           {
             id: this.layer,
             type: "line",
@@ -4222,29 +4222,29 @@ const Da = {
       var r, i;
       const t = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = F().utc().hour(), a = [];
       t.forEach((o) => {
-        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);
+        var n, c, h;
+        (n = o.properties) != null && n.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;
-        let l = 0, c;
-        const h = t.filter((n) => {
+        let n = 0, c;
+        const h = t.filter((l) => {
           var d, b;
-          return ((b = (d = n.properties) == null ? void 0 : d.category) == null ? void 0 : b.split("-")[0]) === o;
+          return ((b = (d = l.properties) == null ? void 0 : d.category) == null ? void 0 : b.split("-")[0]) === o;
         });
-        (p = h.filter((n) => {
+        (p = h.filter((l) => {
           var d, b;
-          return ((d = n.geometry) == null ? void 0 : d.type) === "LineString" && ((b = n.properties) == null ? void 0 : b.type) === "forecast";
-        })[0]) == null || p.properties.model, h.forEach((n, d) => {
+          return ((d = l.geometry) == null ? void 0 : d.type) === "LineString" && ((b = l.properties) == null ? void 0 : b.type) === "forecast";
+        })[0]) == null || p.properties.model, h.forEach((l, d) => {
           var b, u, A, w, m, v;
-          ((b = n.geometry) == null ? void 0 : b.type) === "Point" && ((u = n.properties) == null ? void 0 : u.type) === "history" && (l = d, c = c === void 0 ? d : c), ((A = n.geometry) == null ? void 0 : A.type) === "Point" && ((w = n.properties) == null ? void 0 : w.type) === "forecast" && c === void 0 && (c = d), ((m = n.geometry) == null ? void 0 : m.type) === "LineString" && ((v = n.properties) == null || v.type);
-        }), h.map((n, d) => {
+          ((b = l.geometry) == null ? void 0 : b.type) === "Point" && ((u = l.properties) == null ? void 0 : u.type) === "history" && (n = d, c = c === void 0 ? d : c), ((A = l.geometry) == null ? void 0 : A.type) === "Point" && ((w = l.properties) == null ? void 0 : w.type) === "forecast" && c === void 0 && (c = d), ((m = l.geometry) == null ? void 0 : m.type) === "LineString" && ((v = l.properties) == null || v.type);
+        }), h.map((l, d) => {
           var b, u, A, w, m, v, f;
-          if (((b = n.geometry) == null ? void 0 : b.type) === "LineString" && ((u = n.properties) == null || u.type), ((A = n.geometry) == null ? void 0 : A.type) === "Point" && ((w = n.properties) == null ? void 0 : w.type) === "forecast" && (n.properties.name = o, n.properties.format = F(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((m = n.geometry) == null ? void 0 : m.type) === "Point" && ((v = n.properties) == null ? void 0 : v.type) === "history") {
-            n.properties.format = F(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
-            const L = F((f = n.properties) == null ? void 0 : f.date).utc().format("HHmm") === F().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
-            n.properties.showHistoryLabel = L || d === l, n.properties.showNameLabel = d === l, n.properties.name = o;
+          if (((b = l.geometry) == null ? void 0 : b.type) === "LineString" && ((u = l.properties) == null || u.type), ((A = l.geometry) == null ? void 0 : A.type) === "Point" && ((w = l.properties) == null ? void 0 : w.type) === "forecast" && (l.properties.name = o, l.properties.format = F(l.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((m = l.geometry) == null ? void 0 : m.type) === "Point" && ((v = l.properties) == null ? void 0 : v.type) === "history") {
+            l.properties.format = F(l.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
+            const L = F((f = l.properties) == null ? void 0 : f.date).utc().format("HHmm") === F().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
+            l.properties.showHistoryLabel = L || d === n, l.properties.showNameLabel = d === n, l.properties.name = o;
           }
-          return n;
+          return l;
         });
       }), this.handleInit();
     },
@@ -4279,7 +4279,7 @@ const Da = {
       ));
     },
     handleRender() {
-      var t, e, a, r, i, o, l, c, h, p;
+      var t, e, a, r, i, o, n, c, h, p;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -4385,7 +4385,7 @@ const Da = {
               ],
               "text-halo-width": 4
             }
-          }), u = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] add elapsed: ", u, ", total: ", b += u)), (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), u = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] update elapsed: ", u, ", total: ", b += u)) : (this.map.addSource(this.clusterSource, {
+          }), u = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] add elapsed: ", u, ", total: ", b += u)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((n = this.tropicals) != null && n.active ? this.tropicals.data : this.empty), u = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] update elapsed: ", u, ", total: ", b += u)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
             data: (h = this.tropicals) != null && h.active ? (p = this.tropicals) == null ? void 0 : p.data : this.empty
             // cluster: true,
@@ -4505,8 +4505,8 @@ const Da = {
           }), u = (/* @__PURE__ */ new Date()).valueOf() - (d + b), console.log("[tropical] add elapsed: ", u, ", total: ", b += u));
         }
         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();
+        const l = nt.interpolate(this.tropicals, 1);
+        this.interpolateData = JSON.parse(JSON.stringify(l)), this.interpolateData.filter((d) => d.properties.name === "kristy" && d.properties.model === "ecmwf"), this.handleDateChange();
       }
     },
     handleClear() {
@@ -4514,7 +4514,7 @@ const Da = {
       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, b, u, A, w, m, v, f, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge;
+      var t, e, a, r, i, o, n, c, h, p, l, d, b, u, A, w, m, v, f, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, 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 = F(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), oe = this.interpolateData.filter((Q) => Q.properties.date === te.format() && !Q.properties.disabled), Ae = this.handleComputePolygons(oe), ie = D.featureCollection([...oe]);
         Ae.forEach((Q) => {
@@ -4536,7 +4536,7 @@ const Da = {
         for (const Q of oe)
           if (!Q.properties.disabled) {
             let q = "#f44336";
-            ((c = (l = Q.properties) == null ? void 0 : l.wind) == null ? void 0 : c.spd) < 17.2 || !((p = (h = Q.properties) == null ? void 0 : h.wind) != null && p.spd) ? q = "#03f869" : ((d = (n = Q.properties) == null ? void 0 : n.wind) == null ? void 0 : d.spd) >= 17.2 && ((u = (b = Q.properties) == null ? void 0 : b.wind) == null ? void 0 : u.spd) < 24.5 ? q = "#f2f202" : ((w = (A = Q.properties) == null ? void 0 : A.wind) == null ? void 0 : w.spd) >= 24.5 && ((v = (m = Q.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? q = "#ff9100" : ((L = (f = Q.properties) == null ? void 0 : f.wind) == null ? void 0 : L.spd) >= 32.7 && ((M = (P = Q.properties) == null ? void 0 : P.wind) == null ? void 0 : M.spd) < 41.5 ? q = "#f44336" : ((j = (I = Q.properties) == null ? void 0 : I.wind) == null ? void 0 : j.spd) >= 41.5 && ((Y = (W = Q.properties) == null ? void 0 : W.wind) == null ? void 0 : Y.spd) < 51 ? q = "#f903d0" : ((V = (K = Q.properties) == null ? void 0 : K.wind) == null ? void 0 : V.spd) >= 51 ? q = "#8702f9" : q = "#f44336";
+            ((c = (n = Q.properties) == null ? void 0 : n.wind) == null ? void 0 : c.spd) < 17.2 || !((p = (h = Q.properties) == null ? void 0 : h.wind) != null && p.spd) ? q = "#03f869" : ((d = (l = Q.properties) == null ? void 0 : l.wind) == null ? void 0 : d.spd) >= 17.2 && ((u = (b = Q.properties) == null ? void 0 : b.wind) == null ? void 0 : u.spd) < 24.5 ? q = "#f2f202" : ((w = (A = Q.properties) == null ? void 0 : A.wind) == null ? void 0 : w.spd) >= 24.5 && ((v = (m = Q.properties) == null ? void 0 : m.wind) == null ? void 0 : v.spd) < 32.7 ? q = "#ff9100" : ((L = (f = Q.properties) == null ? void 0 : f.wind) == null ? void 0 : L.spd) >= 32.7 && ((M = (P = Q.properties) == null ? void 0 : P.wind) == null ? void 0 : M.spd) < 41.5 ? q = "#f44336" : ((j = (I = Q.properties) == null ? void 0 : I.wind) == null ? void 0 : j.spd) >= 41.5 && ((Y = (W = Q.properties) == null ? void 0 : W.wind) == null ? void 0 : Y.spd) < 51 ? q = "#f903d0" : ((V = (K = Q.properties) == null ? void 0 : K.wind) == null ? void 0 : V.spd) >= 51 ? q = "#8702f9" : q = "#f44336";
             const ye = `<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">
@@ -4570,8 +4570,8 @@ const Da = {
         (ue = this.map) != null && ue.getSource(this.interpolateSource) && ((ge = this.map) == null || ge.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var o, l, c, h, p, n, d, b;
-      const e = t.features[0], a = (l = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : l.features.filter(
+      var o, n, c, h, p, l, d, b;
+      const e = t.features[0], a = (n = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : n.features.filter(
         (u) => {
           var A;
           return u.geometry.type === "LineString" && u.properties.type === "forecast" && u.properties.name === ((A = e == null ? void 0 : e.properties) == null ? void 0 : A.name);
@@ -4590,21 +4590,21 @@ const Da = {
       this.activeTropicals = {
         name: (p = e == null ? void 0 : e.properties) == null ? void 0 : p.name,
         forecasts: a.map((u) => u.properties),
-        history: (n = r[0]) == null ? void 0 : n.properties,
+        history: (l = r[0]) == null ? void 0 : l.properties,
         showCircle: (b = (d = a[0]) == null ? void 0 : d.properties) == null ? void 0 : b.showCircle
       }, this.showTropicals = !0;
       const i = document.getElementById("active-tropical");
       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;
+      var r, i, o, n, 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);
-      }), (l = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || l.setData(D.featureCollection(a)), (h = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || h.setData(D.featureCollection(a)), this.handleDateChange();
+      }), (n = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || n.setData(D.featureCollection(a)), (h = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || h.setData(D.featureCollection(a)), this.handleDateChange();
     },
     handleStrikeProbability(t) {
       this.$emit("tropicalProbability", t);
@@ -4643,12 +4643,12 @@ const Da = {
           nw: r.r7nw >= 0 ? r.r7nw : void 0
         }, o = this.handleComputeArc(a.geometry.coordinates, i, { ...a.properties, level: 7 });
         e.push(o);
-        const l = {
+        const n = {
           ne: r.r10ne >= 0 ? r.r10ne : void 0,
           se: r.r10se >= 0 ? r.r10se : void 0,
           sw: r.r10sw >= 0 ? r.r10sw : void 0,
           nw: r.r10nw >= 0 ? r.r10nw : void 0
-        }, c = this.handleComputeArc(a.geometry.coordinates, l, { ...a.properties, level: 10 });
+        }, c = this.handleComputeArc(a.geometry.coordinates, n, { ...a.properties, level: 10 });
         e.push(c);
       }
       return e;
@@ -4656,10 +4656,10 @@ const Da = {
     handleComputeArc(t, e, a) {
       var o;
       const r = [];
-      for (const l in e) {
-        const c = e[l] ?? 0;
+      for (const n in e) {
+        const c = e[n] ?? 0;
         let h;
-        switch (l) {
+        switch (n) {
           case "ne":
             h = D.lineArc(t, c * 1.852, 0, 90, { steps: c > 0 ? 64 : 1 });
             break;
@@ -4696,7 +4696,7 @@ const Da = {
   style: { "justify-content": "flex-start" }
 }, Ra = { class: "forecast-models" }, Fa = ["onClick"], Ga = { class: "more" };
 function Wa(t, e, a, r, i, o) {
-  var l, c, h, p, n, d, b, u, A, w, m, v, f, L, P;
+  var n, c, h, p, l, d, b, u, A, w, m, v, f, L, P;
   return fe((g(), y("div", Pa, [
     s("div", ka, [
       s("div", {
@@ -4704,8 +4704,8 @@ function Wa(t, e, a, r, i, o) {
         onClick: e[0] || (e[0] = (M) => i.showTropicals = !1)
       }, ""),
       s("div", za, [
-        (c = (l = i.activeTropicals) == null ? void 0 : l.history) != null && c.level ? (g(), y("span", Ma, B((p = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : p.level) + " , ", 1)) : O("", !0),
-        U(B((n = i.activeTropicals) == null ? void 0 : n.name), 1)
+        (c = (n = i.activeTropicals) == null ? void 0 : n.history) != null && c.level ? (g(), y("span", Ma, B((p = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : p.level) + " , ", 1)) : O("", !0),
+        U(B((l = i.activeTropicals) == null ? void 0 : l.name), 1)
       ]),
       s("div", Ta, " Last update: " + B(o.computeTime(((b = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : b.updated) || ((w = (A = (u = i.activeTropicals) == null ? void 0 : u.forecasts) == null ? void 0 : A.filter((M) => !M.disabled)[0]) == null ? void 0 : w.date))), 1)
     ]),
@@ -4861,8 +4861,8 @@ const Ua = {
   }
 }, Ya = { key: 0 };
 function Ka(t, e, a, r, i, o) {
-  var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", Ya, [
+  var n;
+  return (n = a.factor) != null && n.active ? (g(), y("div", Ya, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -4975,8 +4975,8 @@ const Ja = {
   }
 }, qa = { key: 0 };
 function Va(t, e, a, r, i, o) {
-  var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", qa, [
+  var n;
+  return (n = a.factor) != null && n.active ? (g(), y("div", qa, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: t.right + "px", bottom: a.bottom }])
@@ -5095,8 +5095,8 @@ const $a = {
   }
 }, ei = { key: 0 };
 function ti(t, e, a, r, i, o) {
-  var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", ei, [
+  var n;
+  return (n = a.factor) != null && n.active ? (g(), y("div", ei, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -5218,8 +5218,8 @@ const ii = {
   }
 }, ri = { key: 0 };
 function oi(t, e, a, r, i, o) {
-  var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", ri, [
+  var n;
+  return (n = a.factor) != null && n.active ? (g(), y("div", ri, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -5334,8 +5334,8 @@ const ni = {
   }
 }, li = { key: 0 };
 function ci(t, e, a, r, i, o) {
-  var l;
-  return (l = a.factor) != null && l.active ? (g(), y("div", li, [
+  var n;
+  return (n = a.factor) != null && n.active ? (g(), y("div", li, [
     s("div", {
       class: "legend-bars flex-center",
       style: J([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -5479,8 +5479,8 @@ const ui = {
         if (this.showMeteo && this.ts) {
           const e = F(), a = (t = F(this.ts)) == null ? void 0 : t.diff(e, "d", !0), i = [0, 1, 2, 3, 4, 5, 6, 7].every((o) => {
             var c;
-            const l = Ge(this.ts).tz(this.positionGmt).add(3 * o, "h").format();
-            return (c = We.pickHourly(this.meteoData, l)) == null ? void 0 : c[0];
+            const n = Ge(this.ts).tz(this.positionGmt).add(3 * o, "h").format();
+            return (c = We.pickHourly(this.meteoData, n)) == null ? void 0 : c[0];
           });
           if (this.meteoData && i ? this.initTableData(this.meteoData) : (this.loading || (a >= 0 ? await this.fetchMeteoData(this.point, this.ts, 7) : await this.fetchHistoryData(this.point, this.ts)), this.initTableData(this.meteoData)), this.activeIndex === 4) {
             const o = Ye.pickDailyExtremes(this.tideData, this.ts);
@@ -5527,14 +5527,14 @@ const ui = {
       this.loading = !0, this.meteoData = [];
       let r = e ? F(e).utc().format() : F().utc().format();
       const { weatherModels: i, marineModels: o } = We.autoPickMeteoModel(this.forecastModel);
-      let l = {
+      let n = {
         lat: t.lat,
         lng: t.lng,
         datetime: r,
         forecastDays: a ?? 7,
         weatherModels: i,
         marineModels: o
-      }, c = await le.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, l, {
+      }, c = await le.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, n, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -5551,16 +5551,16 @@ const ui = {
         pastDays: 1,
         weatherModels: r,
         marineModels: i
-      }, l = await le.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, o, {
+      }, n = await le.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, o, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
       });
-      (l == null ? void 0 : l.data.code) === 0 && (this.meteoData = l == null ? void 0 : l.data.data, this.loading = !1);
+      (n == null ? void 0 : n.data.code) === 0 && (this.meteoData = n == null ? void 0 : n.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, F(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 e, a, r, i, o, n, 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 = (n = (o = Ge(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : n.format("MMM-DD/HHmm[LT]"), this.currentHourData = (c = We.pickHourly(t, F(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, b, u, A, w, m, v, f, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re;
         if (!document.getElementById("meteoMainBox"))
           return !1;
@@ -5620,8 +5620,8 @@ const ui = {
       });
       if ((o == null ? void 0 : o.data.code) === 0) {
         this.tideData = (o == null ? void 0 : o.data.data) || {}, this.tideLoading = !1;
-        const l = Ye.pickDailyExtremes(this.tideData, this.ts);
-        this.tideTableData = l;
+        const n = Ye.pickDailyExtremes(this.tideData, this.ts);
+        this.tideTableData = n;
       }
     },
     handleBind() {
@@ -5693,19 +5693,19 @@ const ui = {
   class: "main-box flex-center"
 };
 function Br(t, e, a, r, i, o) {
-  var p, n, d, b, u, A, w, m, v, f, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, ze, Me, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, X, qe, Ve, Ze, $e, et, tt, at, it, rt;
-  const l = z("LocationFilled"), c = z("ElIcon"), h = z("ElTooltip");
+  var p, l, d, b, u, A, w, m, v, f, L, P, M, I, j, W, Y, K, V, ee, ce, he, de, pe, me, ue, ge, te, oe, Ae, ie, Q, q, ye, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, ze, Me, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, X, qe, Ve, Ze, $e, et, tt, at, it, rt;
+  const n = z("LocationFilled"), c = z("ElIcon"), h = z("ElTooltip");
   return fe((g(), y("div", gi, [
     s("div", Ai, [
       s("div", yi, [
         s("div", fi, [
           k(c, { size: "22" }, {
             default: ae(() => [
-              k(l)
+              k(n)
             ]),
             _: 1
           }),
-          s("div", wi, B(o.computeLat((p = i.point) == null ? void 0 : p.lat)) + "," + B(o.computeLng((n = i.point) == null ? void 0 : n.lng)), 1)
+          s("div", wi, B(o.computeLat((p = i.point) == null ? void 0 : p.lat)) + "," + B(o.computeLng((l = i.point) == null ? void 0 : l.lng)), 1)
         ]),
         s("div", bi, [
           i.showTables ? (g(), y("div", {
@@ -6672,7 +6672,7 @@ const _r = {
   }
 }, Hr = { id: "idm-gl3-zone-info" }, Or = ["innerHTML"];
 function Nr(t, e, a, r, i, o) {
-  var l;
+  var n;
   return fe((g(), y("div", Hr, [
     s("div", {
       class: "iconfont close",
@@ -6680,7 +6680,7 @@ function Nr(t, e, a, r, i, o) {
     }, ""),
     s("div", {
       class: "rich-context",
-      innerHTML: (l = i.form) == null ? void 0 : l.name
+      innerHTML: (n = i.form) == null ? void 0 : n.name
     }, null, 8, Or)
   ], 512)), [
     [we, i.showZone]
@@ -6793,7 +6793,7 @@ function Jr(t, e, a, r, i, o) {
   return fe((g(), y("div", Fr, [
     s("div", {
       class: "close iconfont",
-      onClick: e[0] || (e[0] = (l) => i.showPort = !1)
+      onClick: e[0] || (e[0] = (n) => i.showPort = !1)
     }, ""),
     s("div", Gr, [
       s("div", Wr, [
@@ -6814,7 +6814,7 @@ function Jr(t, e, a, r, i, o) {
       ]),
       s("div", Xr, [
         s("span", {
-          onClick: e[1] || (e[1] = (l) => o.handleClickMeteo(i.form))
+          onClick: e[1] || (e[1] = (n) => o.handleClickMeteo(i.form))
         }, "Meteo Forecast")
       ])
     ])
@@ -7533,14 +7533,14 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
       }
     },
     handleDrag(t) {
-      var a, r, i, o, l, c, h, p, n, d;
+      var a, r, i, o, n, c, h, p, l, d;
       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 b = this.geojson.filter((m) => m.id === e.split("-")[0])[0];
         this.pointMarkers[b.id].filter((m) => {
           var v;
           return ((v = m._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]);
+        })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (c = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : c.lat]);
         let A;
         b.features.forEach((m, v) => {
           if (m.geometry.type === "Point" && m.properties.id == e.split("-")[1]) {
@@ -7552,22 +7552,22 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
         this.handleTmpPointUpdate(
           b,
           w[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: w[A].properties },
+          { lng: (p = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lng, lat: (d = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : d.lat, properties: w[A].properties },
           A === w.length - 1 ? void 0 : w[A + 1]
         );
       }
     },
     handleDragEnd(t) {
-      var a, r, i, o, l, c, h, p, n, d;
+      var a, r, i, o, n, c, h, p, l, d;
       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 b = this.geojson.filter((w) => w.id === e.split("-")[0])[0];
         this.pointMarkers[b.id].filter((w) => {
           var m;
           return ((m = w._element) == null ? void 0 : m.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]);
+        })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (c = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : c.lat]);
         const A = b.features.filter((w) => w.geometry.type === "Point" && w.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], b.features = b.features.filter((w) => w.geometry.type === "Point"), this.handlePointUpdate(b);
+        A.geometry.coordinates = [(p = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lng, (d = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : d.lat], b.features = b.features.filter((w) => w.geometry.type === "Point"), this.handlePointUpdate(b);
       }
     },
     handleContextmenu(t) {
@@ -7583,18 +7583,18 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
       }
     },
     handleClick(t) {
-      var a, r, i, o, l, c;
+      var a, r, i, o, n, c;
       (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, p = this.geojson.filter((l) => l.id === h)[0];
+        p && this.handleClear(p, !0), this.geojson = this.geojson.filter((l) => l.id !== h), !this.show && !((o = this.geojson) != null && o.some((l) => l.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 = (n = t.originalEvent.target.id) == null ? void 0 : n.replace("del-", "")) == null ? void 0 : c.split("-"), p = this.geojson.filter((l) => l.id === h[0])[0];
+        p.features = p.features.filter((l) => l.geometry.type === "Point" && l.properties.id !== h[1]), this.handlePointUpdate(p);
       } else if (e !== "marker-label" && this.show) {
         let h = this.geojson.at(-1);
-        h || (h = D.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(h)), h.features = h.features.filter((n) => n.geometry.type === "Point");
+        h || (h = D.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(h)), h.features = h.features.filter((l) => l.geometry.type === "Point");
         const p = D.feature(
           {
             type: "Point",
@@ -7614,12 +7614,12 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__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);
-          a = G.roundPrecision(a + n, 2);
+          const o = e[i - 1], n = e[i], c = o.properties, h = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, p = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, l = be.calculateDistance(h, p, c.mode === "RL", 2), d = be.calculateBearing(h, p, c.mode === "RL", 2);
+          a = G.roundPrecision(a + l, 2);
           let b;
           c.mode === "RL" ? b = G.convertToMonotonicLng([h, p]) : b = G.convertToMonotonicLng(be.interpolateCoordinates(h, p, 200));
           const u = D.lineString(b.map((A) => [A.lng, A.lat]));
-          u.properties.dist = n, u.properties.bearing = d, u.properties.total = a, r.push(u);
+          u.properties.dist = l, u.properties.bearing = d, u.properties.total = a, r.push(u);
         }
         e.push(...r), t.total = a;
       }
@@ -7627,22 +7627,22 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
     },
     handleTmpPointUpdate(t, e, a, r) {
       const i = D.featureCollection([]);
-      let o, l;
+      let o, n;
       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);
+        const h = e.properties, p = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, l = { lng: a.lng, lat: a.lat };
+        o = be.calculateDistance(p, l, h.mode === "RL", 2), n = be.calculateBearing(p, l, h.mode === "RL", 2);
         let d;
-        h.mode === "RL" ? d = G.convertToMonotonicLng([p, n]) : d = G.convertToMonotonicLng(be.interpolateCoordinates(p, n, 200));
+        h.mode === "RL" ? d = G.convertToMonotonicLng([p, l]) : d = G.convertToMonotonicLng(be.interpolateCoordinates(p, l, 200));
         const b = D.lineString(d.map((u) => [u.lng, u.lat]));
-        b.properties.dist = o, b.properties.bearing = l, i.features.push(b);
+        b.properties.dist = o, b.properties.bearing = n, i.features.push(b);
       }
       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);
+        const h = a.properties, p = a, l = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
+        o = be.calculateDistance(p, l, h.mode === "RL", 2), n = be.calculateBearing(p, l, h.mode === "RL", 2);
         let d;
-        h.mode === "RL" ? d = G.convertToMonotonicLng([p, n]) : d = G.convertToMonotonicLng(be.interpolateCoordinates(p, n, 200));
+        h.mode === "RL" ? d = G.convertToMonotonicLng([p, l]) : d = G.convertToMonotonicLng(be.interpolateCoordinates(p, l, 200));
         const b = D.lineString(d.map((u) => [u.lng, u.lat]));
-        b.properties.dist = o, b.properties.bearing = l, i.features.push(b);
+        b.properties.dist = o, b.properties.bearing = n, i.features.push(b);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(i) : this.map.addSource(this.tmpSource, {
         type: "geojson",
@@ -7682,7 +7682,7 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
         }
       });
       let c;
-      if (r ? c = '<div class="marker-label">Drag and drop</div>' : c = `<div class="marker-label">Total distance: <b>${G.roundPrecision((t.total ?? 0) + o, 2)}</b>nm, bearing: <b>${l}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
+      if (r ? c = '<div class="marker-label">Drag and drop</div>' : c = `<div class="marker-label">Total distance: <b>${G.roundPrecision((t.total ?? 0) + o, 2)}</b>nm, bearing: <b>${n}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
         this.tipMarker._element.innerHTML = c, this.tipMarker.setLngLat([a.lng, a.lat]);
       else {
         const h = document.createElement("div");
@@ -7740,23 +7740,23 @@ const ct = /* @__PURE__ */ T(mo, [["render", uo], ["__scopeId", "data-v-ad66a24c
             "text-halo-blur": 0
           }
         });
-        const o = t.features.filter((l) => l.geometry.type === "Point");
-        for (const l of o) {
+        const o = t.features.filter((n) => n.geometry.type === "Point");
+        for (const n of o) {
           const c = document.createElement("div");
-          c.id = `${t.id}-${l.properties.id}`, c.className = `${t.closed ? "point-marker closed" : "point-marker"}`, c.innerHTML = '<div class="marker-circle"></div>';
-          const h = new ve.Marker({ element: c, draggable: !0, contextmenu: !0 }).setLngLat(l.geometry.coordinates).addTo(this.map);
+          c.id = `${t.id}-${n.properties.id}`, c.className = `${t.closed ? "point-marker closed" : "point-marker"}`, c.innerHTML = '<div class="marker-circle"></div>';
+          const h = new ve.Marker({ element: c, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
           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 n = o.at(-1), h = t.features.filter((l) => l.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(n.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(t, e = !0) {
-      var o, l, c, h, p, n, d, b, u;
+      var o, n, c, h, p, l, d, b, u;
       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), (n = this.map) != null && n.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, (l = this.pointMarkers[t.id]) == null || l.forEach((A) => {
         A == null || A.remove();
       }), this.pointMarkers[t.id] = [], (d = this.tipMarker) == null || d.remove(), this.tipMarker = void 0, e && ((b = this.map) != null && b.getSource(a)) && this.map.removeSource(a), e && ((u = this.map) != null && u.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
@@ -7820,14 +7820,14 @@ const fo = {
   methods: {}
 }, wo = { key: 0 }, bo = { class: "bar-item" };
 function vo(t, e, a, r, i, o) {
-  const l = z("ElTooltip");
+  const n = z("ElTooltip");
   return a.enabled && a.permission & i.helper.LEVEL.Supper ? (g(), y("div", wo, [
     s("div", {
       class: "menu-bar-box",
       style: J({ position: "absolute", right: i.right + "px", bottom: a.bottom })
     }, [
       s("div", bo, [
-        k(l, {
+        k(n, {
           placement: "left",
           effect: "light",
           content: "Hifleet",
@@ -7843,7 +7843,7 @@ function vo(t, e, a, r, i, o) {
           ]),
           _: 1
         }),
-        k(l, {
+        k(n, {
           placement: "left",
           effect: "light",
           content: "I4insight",
@@ -8112,16 +8112,16 @@ const Mo = {
     },
     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, n, 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 = (n = this.map) == null ? void 0 : n.getLayer("i4")) == null || c.setLayoutProperty("visibility", "none"), (p = (h = this.map) == null ? void 0 : h.getLayer("hi")) == null || p.setLayoutProperty("visibility", "none"));
       }
     },
     activeWeatherLayers: {
       handler() {
-        var t, e, a, r, i, o, l, c, h, p, n, d, b, u, A, w, m, v;
+        var t, e, a, r, i, o, n, c, h, p, l, d, b, u, A, w, m, v;
         if (!this.map)
           return !1;
-        this.activeWeatherLayers.length > 0 ? (this.activeWeatherLayers.some((L) => L.key === "wind" && L.particle === !0 || L.key === "current" && L.particle === !0 || L.key === "temp" || L.key === "water-temp") ? (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.enc)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || o.setLayoutProperty("visibility", "visible"), (c = this.map) != null && c.getLayer((l = this.viewport) == null ? void 0 : l.rampColorLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((n = this.map) == null || n.moveLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (b = this.map) != null && b.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((w = this.map) == null || w.moveLayer((A = this.viewport) == null ? void 0 : A.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (v = (m = this.map) == null ? void 0 : m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none"), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
+        this.activeWeatherLayers.length > 0 ? (this.activeWeatherLayers.some((L) => L.key === "wind" && L.particle === !0 || L.key === "current" && L.particle === !0 || L.key === "temp" || L.key === "water-temp") ? (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.enc)) == null || r.setLayoutProperty("visibility", "visible"), (o = (i = this.map) == null ? void 0 : i.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || o.setLayoutProperty("visibility", "visible"), (c = this.map) != null && c.getLayer((n = this.viewport) == null ? void 0 : n.rampColorLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((l = this.map) == null || l.moveLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (b = this.map) != null && b.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((w = this.map) == null || w.moveLayer((A = this.viewport) == null ? void 0 : A.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id))) : (v = (m = this.map) == null ? void 0 : m.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || v.setLayoutProperty("visibility", "none"), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
       },
       immediate: !0
     },
@@ -8173,12 +8173,12 @@ const Mo = {
   },
   methods: {
     async fetchWeatherLayers(t = { tropicals: !1 }) {
-      var i, o, l, c, h, p, n, d, b;
+      var i, o, n, c, h, p, l, d, b;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let a = 0, r = 0;
       if (this.map) {
         const u = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, A = (o = this.map) == null ? void 0 : o.getBounds(), w = `${A._sw.lng},${A._sw.lat},${A._ne.lng},${A._ne.lat}`;
-        if (this.particleFactor && ((l = this.$refs.layer) != null && l.autoActive)) {
+        if (this.particleFactor && ((n = this.$refs.layer) != null && n.autoActive)) {
           const m = Ke.WEATHER_LAYERS.find((v) => {
             var f;
             return ((f = v.peer) == null ? void 0 : f.weight) === this.particleFactor.weight;
@@ -8235,7 +8235,7 @@ const Mo = {
               });
             }
             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 L = (p = this.weatherLayers["swell-direction"]) == null ? void 0 : p.raw, P = (n = this.weatherLayers["swell-height"]) == null ? void 0 : n.raw;
+              const L = (p = this.weatherLayers["swell-direction"]) == null ? void 0 : p.raw, P = (l = this.weatherLayers["swell-height"]) == null ? void 0 : l.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
                 direction: L,
@@ -8264,16 +8264,16 @@ const Mo = {
       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 n = !1, c = !1, h = !1, p = !1;
+          if (this.otherWeight & 2048 && (o = this.otherWeight - 2048, n = !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) {
             if (t.all) {
-              const n = await le.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
+              const l = await le.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
-              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, b = [];
+              if (((e = l == null ? void 0 : l.data) == null ? void 0 : e.code) === 0) {
+                const d = (a = l == null ? void 0 : l.data) == null ? void 0 : a.data, b = [];
                 for (const A in d)
                   b.push(
                     le.get(d[A], {
@@ -8284,20 +8284,20 @@ const Mo = {
                     })
                   );
                 const u = await Promise.all(b);
-                this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: p }, u.map((A) => {
+                this.otherLayers = { enc: n, world12nm: c, worldMarine: h, chinaRoute: p }, u.map((A) => {
                   var v, f, L;
                   const w = ((v = A == null ? void 0 : A.data) == null ? void 0 : v.data) || (A == null ? void 0 : A.data), m = (L = (f = A == null ? void 0 : A.config) == null ? void 0 : f.headers) == null ? void 0 : L.key;
                   this.otherLayers[m] = w;
                 });
               }
             } else if (t.dayNight && o & 1024) {
-              const n = await le.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const l = await le.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
-              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, b = [];
+              if (((r = l == null ? void 0 : l.data) == null ? void 0 : r.code) === 0) {
+                const d = (i = l == null ? void 0 : l.data) == null ? void 0 : i.data, b = [];
                 for (const A in d)
                   b.push(
                     le.get(d[A], {
@@ -8315,7 +8315,7 @@ const Mo = {
               }
             }
           } else
-            this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: p };
+            this.otherLayers = { enc: n, world12nm: c, worldMarine: h, chinaRoute: p };
         } else
           this.otherLayers = {};
         this.handleBeforeLayerToggle();
@@ -8331,7 +8331,7 @@ const Mo = {
       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, n, c, h, p, l, d;
       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,
@@ -8347,7 +8347,7 @@ const Mo = {
           }
         },
         this.beforeLayer
-      ), this.viewport.map.getSource((l = this.viewport) == null ? void 0 : l.particleSource) || this.viewport.map.addSource((c = this.viewport) == null ? void 0 : c.particleSource, {
+      ), this.viewport.map.getSource((n = this.viewport) == null ? void 0 : n.particleSource) || this.viewport.map.addSource((c = this.viewport) == null ? void 0 : c.particleSource, {
         type: "canvas",
         canvas: (h = this.viewport) == null ? void 0 : h.particleCanvas,
         animate: !0,
@@ -8355,7 +8355,7 @@ const Mo = {
       }), this.viewport.map.getLayer((p = this.viewport) == null ? void 0 : p.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
-          id: (n = this.viewport) == null ? void 0 : n.particleLayer,
+          id: (l = this.viewport) == null ? void 0 : l.particleLayer,
           source: (d = this.viewport) == null ? void 0 : d.particleSource,
           layout: {
             visibility: "none"
@@ -8365,22 +8365,23 @@ const Mo = {
       );
     },
     handleDragEndWithZoom4Json() {
-      var p, n, d, b;
+      var p, l, d, 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 = G.convertToStdLng(r._sw.lng), l = G.convertToStdLng(r._ne.lng), c = Math.floor(r._sw.lat), h = Math.ceil(r._ne.lat);
+      const r = (p = this.map) == null ? void 0 : p.getBounds(), i = this.map.getZoom(), o = G.convertToStdLng(r._sw.lng), n = G.convertToStdLng(r._ne.lng), c = Math.floor(r._sw.lat), h = Math.ceil(r._ne.lat);
+      console.log(o, n, i);
       for (const u in this.weatherLayers)
         if (this.weatherLayers[u].active && this.weatherLayers[u].type === "json") {
           this.weatherLayers[u].active = !1, this.weatherLayers[u].version = Math.random() + 1;
           let A = [];
           if (["swell", "current"].includes(u)) {
-            const w = ((n = this.weatherLayers[u]) == null ? void 0 : n.direction) || {};
+            const w = ((l = this.weatherLayers[u]) == null ? void 0 : l.direction) || {};
             for (const m in w)
               if (m > c && m < h && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = w[m].lng;
-                o > l ? v.forEach((f, L) => {
+                o > n ? v.forEach((f, L) => {
                   var P, M;
-                  if (i < 1.5) {
+                  if (i < 2) {
                     if ((f >= 0 && f <= 360 || f >= -360 && f <= 0) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                       const I = D.point([f, m], {
                         val: w[m].val[L],
@@ -8388,7 +8389,7 @@ const Mo = {
                       });
                       A.push(I);
                     }
-                  } else if ((f >= o && f <= 180 || f >= -180 && f <= l) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                  } else if ((f >= o && f <= 180 || f >= -180 && f <= n) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                     const I = D.point([f, m], {
                       val: w[m].val[L],
                       spd: (M = w[m].spd) == null ? void 0 : M[L]
@@ -8397,7 +8398,7 @@ const Mo = {
                   }
                 }) : v.forEach((f, L) => {
                   var P, M;
-                  if (o < 1.5) {
+                  if (o < 2) {
                     if ((f >= 0 && f <= 360 || f >= -360 && f <= 0) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                       const I = D.point([f, m], {
                         val: w[m].val[L],
@@ -8405,7 +8406,7 @@ const Mo = {
                       });
                       A.push(I);
                     }
-                  } else if (f >= o && f <= l && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                  } else if (f >= o && f <= n && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                     const I = D.point([f, m], {
                       val: w[m].val[L],
                       spd: (M = w[m].spd) == null ? void 0 : M[L]
@@ -8462,8 +8463,8 @@ const Mo = {
             for (const m in w)
               if (m > c && m < h && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                 const v = w[m].lng;
-                o > l ? v.forEach((f, L) => {
-                  if (i < 1.5) {
+                o > n ? v.forEach((f, L) => {
+                  if (i < 2) {
                     if ((f >= 0 && f <= 360 || f >= -360 && f <= 0) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                       const P = D.point([f, m], {
                         val: w[m].val[L],
@@ -8471,7 +8472,7 @@ const Mo = {
                       });
                       A.push(P);
                     }
-                  } else if ((f >= o && f <= 180 || f >= -180 && f <= l) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                  } else if ((f >= o && f <= 180 || f >= -180 && f <= n) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                     const P = D.point([f, m], {
                       val: w[m].val[L],
                       spd: w[m].spd[L]
@@ -8479,7 +8480,7 @@ const Mo = {
                     A.push(P);
                   }
                 }) : v.forEach((f, L) => {
-                  if (i < 1.5) {
+                  if (i < 2) {
                     if ((f >= 0 && f <= 360 || f >= -360 && f <= 0) && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                       const P = D.point([f, m], {
                         val: w[m].val[L],
@@ -8487,7 +8488,7 @@ const Mo = {
                       });
                       A.push(P);
                     }
-                  } else if (f >= o && f <= l && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                  } else if (f >= o && f <= n && (!(i <= this.zoom) || f % (i < this.zoom / 2 ? 5 : 3) === 0)) {
                     const P = D.point([f, m], {
                       val: w[m].val[L],
                       spd: w[m].spd[L]
@@ -8588,10 +8589,10 @@ const Mo = {
       return t.features.forEach((o) => {
         if (o.geometry.type !== "Point")
           if (r > i) {
-            let l = [r, e._sw.lat, 180, e._ne.lat], c = D.bboxClip(o, l);
-            c.geometry.coordinates.length && a.push(c), l = [-180, e._sw.lat, i, e._ne.lat], c = D.bboxClip(o, l), c.geometry.coordinates.length && a.push(c);
+            let n = [r, e._sw.lat, 180, e._ne.lat], c = D.bboxClip(o, n);
+            c.geometry.coordinates.length && a.push(c), n = [-180, e._sw.lat, i, e._ne.lat], c = D.bboxClip(o, n), c.geometry.coordinates.length && a.push(c);
           } else {
-            const l = [r, e._sw.lat, i, e._ne.lat], c = D.bboxClip(o, l);
+            const n = [r, e._sw.lat, i, e._ne.lat], c = D.bboxClip(o, n);
             c.geometry.coordinates.length && a.push(c);
           }
         else
@@ -8609,8 +8610,8 @@ const Mo = {
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var t, e, a, r, i, o, l, c, h, p, n, d, b, u, A, w;
-      (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 || (b = this.otherLayers) != null && b.chinaRoute || (u = this.otherLayers) != null && u["voluntary-reporting-area"] || (A = this.otherLayers) != null && A["eca-zones"] || (w = this.otherLayers) != null && w["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var t, e, a, r, i, o, n, c, h, p, l, d, b, u, A, w;
+      (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"] || (c = this.otherLayers) != null && c.pirates || (h = this.otherLayers) != null && h.ports || (p = this.otherLayers) != null && p.enc || (l = this.otherLayers) != null && l.world12nm || (d = this.otherLayers) != null && d.worldMarine || (b = this.otherLayers) != null && b.chinaRoute || (u = this.otherLayers) != null && u["voluntary-reporting-area"] || (A = this.otherLayers) != null && A["eca-zones"] || (w = this.otherLayers) != null && w["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
     handleDateChange(t = { tropicals: !1 }) {
       this.fetchWeatherLayers(t), this.fetchOtherLayers({ dayNight: !0 });
@@ -8620,14 +8621,14 @@ const Mo = {
         this.activeWeatherLayers = JSON.parse(JSON.stringify(t));
         const a = this.activeWeatherLayers.some(
           (o) => {
-            var l;
-            return ["wind", "current"].includes(o.key) && (!((l = Object.keys(o)) != null && l.some((c) => c === "particle")) || !!o.particle);
+            var n;
+            return ["wind", "current"].includes(o.key) && (!((n = Object.keys(o)) != null && n.some((c) => c === "particle")) || !!o.particle);
           }
         ), r = this.activeWeatherLayers.some((o) => ["png", "jpg"].includes(o.type));
         a && !r ? (this.activeWeatherLayers.forEach((o) => {
           o.key === "wind" && o.particle && (this.particleFactor = o, this.showWindParticle = !0), o.key === "current" && o.particle && (this.particleFactor = o, this.showCurrentParticle = !0);
         }), this.particleFactor.particle = !0) : r && this.particleFactor && (this.particleFactor.particle = !1);
-        const i = t == null ? void 0 : t.reduce((o, l) => o + (o & (l == null ? void 0 : l.weight) ? 0 : l == null ? void 0 : l.weight), 0);
+        const i = t == null ? void 0 : t.reduce((o, n) => o + (o & (n == null ? void 0 : n.weight) ? 0 : n == null ? void 0 : n.weight), 0);
         this.weatherWeight !== i || this.source !== e ? (this.source = e, this.weatherWeight = i, this.fetchWeatherLayers({ tropicals: !1 })) : this.handleWeatherLayerToggle();
       }) : setTimeout(() => {
         this.handleWeatherLayerChange(t, e);
@@ -8644,8 +8645,8 @@ const Mo = {
       }
     },
     handle3dToggle(t) {
-      var e, a, r, i, o, l, c, h, p, n, d, b, u, A, w, m, v, f, L, P;
-      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("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (b = this.map) != null && b.getLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((w = this.map) == null || w.moveLayer((A = this.viewport) == null ? void 0 : A.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((m = this.viewport) == null ? void 0 : m.particleLayer) && ((f = this.map) != null && f.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((P = this.map) == null || P.moveLayer((L = this.viewport) == null ? void 0 : L.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+      var e, a, r, i, o, n, c, h, p, l, d, b, u, A, w, m, v, f, L, P;
+      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((n = this.viewport) == null ? void 0 : n.particleLayer) && ((h = this.map) != null && h.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((l = this.map) == null || l.moveLayer((p = this.viewport) == null ? void 0 : p.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("zoomend", this.handleDragEndWithZoom4Json), this.map.off("dragend", this.handleDragEndWithZoom4Json), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), this.handleDragEndWithZoom4Json(), (b = this.map) != null && b.getLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer) && ((u = this.map) != null && u.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((w = this.map) == null || w.moveLayer((A = this.viewport) == null ? void 0 : A.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (v = this.map) != null && v.getLayer((m = this.viewport) == null ? void 0 : m.particleLayer) && ((f = this.map) != null && f.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((P = this.map) == null || P.moveLayer((L = this.viewport) == null ? void 0 : L.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) => {
@@ -8670,9 +8671,9 @@ const Mo = {
 };
 function Qo(t, e, a, r, i, o) {
   var Ae, ie, Q, q, ye, re, se, ne, x, Le, xe, Be, Ie, Ee, De, Pe, ke, ze, Me, 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"), b = z("IdmSwell"), u = z("IdmPrmsl"), A = z("IdmIceberg"), w = z("IdmTropicals"), m = z("IdmCurrents"), v = z("IdmCurrentParticle"), f = z("IdmWindBarb"), L = z("IdmWindParticle"), P = z("IdmPrecip3h"), M = z("IdmVisibility"), I = z("IdmWaterTemp"), j = z("IdmTemp"), W = z("IdmArctic"), Y = z("IdmWarZone"), K = z("IdmGmdssArea"), V = z("IdmEcaZone"), ee = z("IdmAlertZone"), ce = z("IdmPort"), he = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), me = z("IdmSpecialArea"), ue = z("IdmTerminator"), ge = z("IdmLatLng"), te = z("IdmMeasure"), oe = z("IdmPoint");
+  const n = z("IdmGlLayer"), c = z("IdmENC"), h = z("IdmWorld12nm"), p = z("IdmWorldMarine"), l = z("IdmChinaRoute"), d = z("IdmSigWave"), b = z("IdmSwell"), u = z("IdmPrmsl"), A = z("IdmIceberg"), w = z("IdmTropicals"), m = z("IdmCurrents"), v = z("IdmCurrentParticle"), f = z("IdmWindBarb"), L = z("IdmWindParticle"), P = z("IdmPrecip3h"), M = z("IdmVisibility"), I = z("IdmWaterTemp"), j = z("IdmTemp"), W = z("IdmArctic"), Y = z("IdmWarZone"), K = z("IdmGmdssArea"), V = z("IdmEcaZone"), ee = z("IdmAlertZone"), ce = z("IdmPort"), he = z("IdmLoadLine"), de = z("IdmTimezone"), pe = z("IdmVRA"), me = z("IdmSpecialArea"), ue = z("IdmTerminator"), ge = z("IdmLatLng"), te = z("IdmMeasure"), oe = z("IdmPoint");
   return a.map ? (g(), y("div", To, [
-    k(l, S({
+    k(n, S({
       ref: "layer",
       map: a.map,
       "toggle-version": a.toggleVersion,
@@ -8718,7 +8719,7 @@ function Qo(t, e, a, r, i, o) {
       "weather-layers": i.weatherLayers,
       enabled: (Q = i.otherLayers) == null ? void 0 : Q.worldMarine
     }, t.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
-    k(n, S({
+    k(l, S({
       map: a.map,
       token: a.token,
       "weather-layers": i.weatherLayers,