@idmwx/idmui-gl3 5.6.2 → 5.6.3

package/dist/index.js

@@ -5,13 +5,13 @@ import { LayerHelper as Je, CompanyHelper as qe } from "@idm-plugin/tag";
 import Y from "moment";
 import le from "axios";
 import Ue from "moment-timezone";
-import { resolveComponent as z, openBlock as A, createElementBlock as f, createElementVNode as s, normalizeStyle as X, createVNode as k, withCtx as ae, normalizeClass as R, Fragment as j, renderList as F, toDisplayString as I, createCommentVNode as N, createBlock as pt, createTextVNode as V, withDirectives as fe, createStaticVNode as ut, vShow as ye, defineComponent as mt, withModifiers as Ke, mergeProps as H } from "vue";
+import { resolveComponent as z, openBlock as A, createElementBlock as f, createElementVNode as s, normalizeStyle as X, createVNode as k, withCtx as ae, normalizeClass as R, Fragment as j, renderList as F, toDisplayString as I, createCommentVNode as N, createBlock as pt, createTextVNode as V, withDirectives as fe, createStaticVNode as ut, vShow as ye, defineComponent as mt, withModifiers as Ke, mergeProps as S } from "vue";
 import * as P from "@turf/turf";
 import gt from "@mapbox/sphericalmercator";
 import ve from "mapbox-gl";
 import { TropicalHelper as nt, LngLatHelper as K, LaneHelper as be } from "@idm-plugin/geo";
 import { TidesAssist as Xe, Meteo2Assist as Ye } from "@idm-plugin/meteo";
-const _ = (t, e) => {
+const T = (t, e) => {
   const a = t.__vccOpts || t;
   for (const [r, i] of e)
     a[r] = i;
@@ -307,14 +307,14 @@ const _ = (t, e) => {
   class: "radio-tip"
 };
 function $t(t, e, a, r, i, o) {
-  const n = z("ElTooltip"), c = z("ElRadio"), h = z("ElRadioGroup"), u = z("ElScrollbar");
+  const l = z("ElTooltip"), c = z("ElRadio"), h = z("ElRadioGroup"), u = z("ElScrollbar");
   return A(), f("div", ft, [
     s("div", {
       class: "menu-bar-box",
       style: X({ top: a.top + 10 + "px", right: i.right + "px" })
     }, [
       s("div", yt, [
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "Menu",
@@ -323,7 +323,7 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: R(a.layerToggle ? "menu-icon active" : "menu-icon"),
-              onClick: e[0] || (e[0] = (...l) => o.handleMenuToggle && o.handleMenuToggle(...l))
+              onClick: e[0] || (e[0] = (...n) => o.handleMenuToggle && o.handleMenuToggle(...n))
             }, e[17] || (e[17] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
@@ -337,7 +337,7 @@ function $t(t, e, a, r, i, o) {
       style: X({ top: a.top + 160 + "px", right: i.right + "px" })
     }, [
       s("div", wt, [
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "Measure",
@@ -346,14 +346,14 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: R(i.showMeasure ? "menu-icon active" : "menu-icon"),
-              onClick: e[1] || (e[1] = (...l) => o.handleMeasureToggle && o.handleMeasureToggle(...l))
+              onClick: e[1] || (e[1] = (...n) => o.handleMeasureToggle && o.handleMeasureToggle(...n))
             }, e[18] || (e[18] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
           _: 1
         }),
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "Point Meteo",
@@ -362,14 +362,14 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: R(i.showPoint ? "menu-icon active" : "menu-icon"),
-              onClick: e[2] || (e[2] = (...l) => o.handlePointToggle && o.handlePointToggle(...l))
+              onClick: e[2] || (e[2] = (...n) => o.handlePointToggle && o.handlePointToggle(...n))
             }, e[19] || (e[19] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
           _: 1
         }),
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "Grid",
@@ -378,14 +378,14 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: R(i.showCoord ? "menu-icon active" : "menu-icon"),
-              onClick: e[3] || (e[3] = (...l) => o.handleCoordToggle && o.handleCoordToggle(...l))
+              onClick: e[3] || (e[3] = (...n) => o.handleCoordToggle && o.handleCoordToggle(...n))
             }, e[20] || (e[20] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
           ]),
           _: 1
         }),
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "3D",
@@ -394,7 +394,7 @@ function $t(t, e, a, r, i, o) {
           default: ae(() => [
             s("div", {
               class: R(i.show3d ? "menu-icon active" : "menu-icon"),
-              onClick: e[4] || (e[4] = (...l) => o.handle3DToggle && o.handle3DToggle(...l))
+              onClick: e[4] || (e[4] = (...n) => o.handle3DToggle && o.handle3DToggle(...n))
             }, e[21] || (e[21] = [
               s("span", { class: "iconfont" }, "", -1)
             ]), 2)
@@ -413,41 +413,41 @@ 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] = (...l) => o.toggleAutoActive && o.toggleAutoActive(...l))
+          onClick: e[5] || (e[5] = (...n) => o.toggleAutoActive && o.toggleAutoActive(...n))
         }, [
           i.autoActive ? (A(), f("i", vt, "")) : (A(), f("i", Lt, ""))
         ])
       ]),
-      (A(!0), f(j, null, F(i.layers.weather.filter((l) => l.collected), (l) => (A(), f("div", {
-        key: l.key,
-        class: R(o.computeLayerClass(l, i.activeWeatherLayersCollected))
+      (A(!0), f(j, null, F(i.layers.weather.filter((n) => n.collected), (n) => (A(), f("div", {
+        key: n.key,
+        class: R(o.computeLayerClass(n, i.activeWeatherLayersCollected))
       }, [
         s("div", {
           class: "checkbox",
-          onClick: (p) => o.handleWeatherLayerPick(l)
+          onClick: (d) => o.handleWeatherLayerPick(n)
         }, null, 8, Ct),
         s("span", {
           class: "name",
-          onClick: (p) => o.handleWeatherLayerPick(l)
-        }, I(l.name), 9, xt),
-        l.key === "wind" && i.activeWeatherLayersCollected.some((p) => p.key === l.key) ? (A(), f("div", Bt, [
+          onClick: (d) => o.handleWeatherLayerPick(n)
+        }, I(n.name), 9, xt),
+        n.key === "wind" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (A(), f("div", Bt, [
           s("i", {
             class: R(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
-            onClick: e[6] || (e[6] = (p) => o.handleToggleWindParticle())
+            onClick: e[6] || (e[6] = (d) => o.handleToggleWindParticle())
           }, "", 2),
           s("i", {
             class: R(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
-            onClick: e[7] || (e[7] = (p) => o.handleToggleWindFeather())
+            onClick: e[7] || (e[7] = (d) => o.handleToggleWindFeather())
           }, "", 2)
         ])) : N("", !0),
-        l.key === "current" && i.activeWeatherLayersCollected.some((p) => p.key === l.key) ? (A(), f("div", It, [
+        n.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (A(), f("div", It, [
           s("i", {
             class: R(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
-            onClick: e[8] || (e[8] = (p) => o.handleToggleCurrentParticle())
+            onClick: e[8] || (e[8] = (d) => o.handleToggleCurrentParticle())
           }, "", 2),
           s("i", {
             class: R(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
-            onClick: e[9] || (e[9] = (p) => o.handleToggleCurrentIsoband())
+            onClick: e[9] || (e[9] = (d) => o.handleToggleCurrentIsoband())
           }, "", 2)
         ])) : N("", !0)
       ], 2))), 128))
@@ -463,7 +463,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] = (...l) => o.handleMenuToggle && o.handleMenuToggle(...l))
+            onClick: e[10] || (e[10] = (...n) => o.handleMenuToggle && o.handleMenuToggle(...n))
           }, "")
         ]),
         k(u, { style: { flex: "1" } }, {
@@ -474,53 +474,53 @@ function $t(t, e, a, r, i, o) {
                 s("div", {
                   class: "switch flex-center",
                   style: { "margin-right": "0" },
-                  onClick: e[11] || (e[11] = (...l) => o.toggleAutoActive && o.toggleAutoActive(...l))
+                  onClick: e[11] || (e[11] = (...n) => o.toggleAutoActive && o.toggleAutoActive(...n))
                 }, [
                   i.autoActive ? (A(), f("i", kt, "")) : (A(), f("i", Mt, ""))
                 ])
               ]),
               s("div", zt, [
-                (A(!0), f(j, null, F(i.layers.weather, (l) => (A(), f(j, {
-                  key: l.key
+                (A(!0), f(j, null, F(i.layers.weather, (n) => (A(), f(j, {
+                  key: n.key
                 }, [
-                  l.hide ? N("", !0) : (A(), f("div", {
+                  n.hide ? N("", !0) : (A(), f("div", {
                     key: 0,
-                    class: R(o.computeLayerClass(l, i.activeWeatherLayersCollected))
+                    class: R(o.computeLayerClass(n, i.activeWeatherLayersCollected))
                   }, [
                     s("div", Tt, [
                       s("div", {
                         class: "checkbox",
-                        onClick: (p) => o.handleWeatherLayerPick(l)
+                        onClick: (d) => o.handleWeatherLayerPick(n)
                       }, null, 8, Qt),
                       s("span", {
                         class: "name",
-                        onClick: (p) => o.handleWeatherLayerPick(l)
-                      }, I(l.name), 9, St),
-                      l.key === "wind" && i.activeWeatherLayersCollected.some((p) => p.key === l.key) ? (A(), f("div", _t, [
+                        onClick: (d) => o.handleWeatherLayerPick(n)
+                      }, I(n.name), 9, St),
+                      n.key === "wind" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (A(), f("div", _t, [
                         s("i", {
                           class: R(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
-                          onClick: e[12] || (e[12] = (p) => o.handleToggleWindParticle())
+                          onClick: e[12] || (e[12] = (d) => o.handleToggleWindParticle())
                         }, "", 2),
                         s("i", {
                           class: R(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
-                          onClick: e[13] || (e[13] = (p) => o.handleToggleWindFeather())
+                          onClick: e[13] || (e[13] = (d) => o.handleToggleWindFeather())
                         }, "", 2)
                       ])) : N("", !0),
-                      l.key === "current" && i.activeWeatherLayersCollected.some((p) => p.key === l.key) ? (A(), f("div", Ht, [
+                      n.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === n.key) ? (A(), f("div", Ht, [
                         s("i", {
                           class: R(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
-                          onClick: e[14] || (e[14] = (p) => o.handleToggleCurrentParticle())
+                          onClick: e[14] || (e[14] = (d) => o.handleToggleCurrentParticle())
                         }, "", 2),
                         s("i", {
                           class: R(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
-                          onClick: e[15] || (e[15] = (p) => o.handleToggleCurrentIsoband())
+                          onClick: e[15] || (e[15] = (d) => o.handleToggleCurrentIsoband())
                         }, "", 2)
                       ])) : N("", !0)
                     ]),
                     s("div", {
-                      onClick: (p) => o.handleWeatherLayerCollect(l)
+                      onClick: (d) => o.handleWeatherLayerCollect(n)
                     }, [
-                      l.collected ? (A(), f("i", Nt, "")) : (A(), f("i", jt, ""))
+                      n.collected ? (A(), f("i", Nt, "")) : (A(), f("i", jt, ""))
                     ], 8, Ot)
                   ], 2))
                 ], 64))), 128)),
@@ -536,18 +536,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, [
-                (A(!0), f(j, null, F(i.layers.other, (l) => {
-                  var p;
+                (A(!0), f(j, null, F(i.layers.other, (n) => {
+                  var d;
                   return A(), f("div", {
-                    key: l.key,
-                    class: R(["layer flex-between", o.computeLayerClass(l, i.activeOtherLayers)]),
-                    onClick: (w) => o.handleOtherLayerPick(l)
+                    key: n.key,
+                    class: R(["layer flex-between", o.computeLayerClass(n, i.activeOtherLayers)]),
+                    onClick: (w) => o.handleOtherLayerPick(n)
                   }, [
                     s("div", Wt, [
                       s("div", Ut, [
-                        (p = o.computeLayerClass(l, i.activeOtherLayers)) != null && p.includes("active") ? (A(), f("i", Yt, "")) : (A(), f("i", Kt, ""))
+                        (d = o.computeLayerClass(n, i.activeOtherLayers)) != null && d.includes("active") ? (A(), f("i", Yt, "")) : (A(), f("i", Kt, ""))
                       ]),
-                      s("span", null, I(l.name), 1)
+                      s("span", null, I(n.name), 1)
                     ])
                   ], 10, Gt);
                 }), 128))
@@ -558,21 +558,21 @@ function $t(t, e, a, r, i, o) {
               s("div", Jt, [
                 k(h, {
                   modelValue: i.source,
-                  "onUpdate:modelValue": e[16] || (e[16] = (l) => i.source = l),
+                  "onUpdate:modelValue": e[16] || (e[16] = (n) => i.source = n),
                   class: "layer-radio flex-col-start-start",
                   style: { width: "180px", "align-items": "flex-start" }
                 }, {
                   default: ae(() => [
-                    (A(!0), f(j, null, F(i.sourceList, (l, p) => (A(), pt(c, {
-                      key: `source${l.name}`,
-                      value: l.name
+                    (A(!0), f(j, null, F(i.sourceList, (n, d) => (A(), pt(c, {
+                      key: `source${n.name}`,
+                      value: n.name
                     }, {
                       default: ae(() => {
-                        var w, b, g, v, y, d;
+                        var w, b, g, v, y, p;
                         return [
-                          V(I(l.name) + " ", 1),
-                          p !== 0 ? (A(), f("span", qt, I(l.resolution) + "km " + I(l.length) + "days", 1)) : N("", !0),
-                          p === 0 ? (A(), f("div", Vt, "Provides the best forecast")) : (g = (b = (w = l == null ? void 0 : l.update) == null ? void 0 : w.default) == null ? void 0 : b.meta) != null && g.initialisationTime ? (A(), f("div", Zt, "Update: " + I(o.computeDateZ((d = (y = (v = l == null ? void 0 : l.update) == null ? void 0 : v.default) == null ? void 0 : y.meta) == null ? void 0 : d.initialisationTime)), 1)) : N("", !0)
+                          V(I(n.name) + " ", 1),
+                          d !== 0 ? (A(), f("span", qt, I(n.resolution) + "km " + I(n.length) + "days", 1)) : N("", !0),
+                          d === 0 ? (A(), f("div", Vt, "Provides the best forecast")) : (g = (b = (w = n == null ? void 0 : n.update) == null ? void 0 : w.default) == null ? void 0 : b.meta) != null && g.initialisationTime ? (A(), f("div", Zt, "Update: " + I(o.computeDateZ((p = (y = (v = n == null ? void 0 : n.update) == null ? void 0 : v.default) == null ? void 0 : y.meta) == null ? void 0 : p.initialisationTime)), 1)) : N("", !0)
                         ];
                       }),
                       _: 2
@@ -589,7 +589,7 @@ function $t(t, e, a, r, i, o) {
     ], 4)
   ]);
 }
-const ea = /* @__PURE__ */ _(At, [["render", $t]]);
+const ea = /* @__PURE__ */ T(At, [["render", $t]]);
 const ta = {
   name: "IdmWindBarb",
   props: {
@@ -667,28 +667,28 @@ const ta = {
         }, 500);
       else if (this.wind) {
         const i = (/* @__PURE__ */ new Date()).valueOf();
-        let o = 0, n = 0, c = this.empty;
+        let o = 0, l = 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), n = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] update elapsed: ", n, ", total: ", o += n);
+          (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);
         else {
           this.map.addSource(this.source, { type: "geojson", data: c });
           for (let h = 0; h < (this.barbs ?? []).length - 1; h++) {
-            const u = (this.barbs ?? [])[h] || 0, l = (this.barbs ?? [])[h + 1] || 0, p = u < 10 ? `00${u}kts` : u < 100 ? `0${u}kts` : `${u}kts`;
+            const u = (this.barbs ?? [])[h] || 0, n = (this.barbs ?? [])[h + 1] || 0, d = u < 10 ? `00${u}kts` : u < 100 ? `0${u}kts` : `${u}kts`;
             this.map.addLayer(
               {
-                id: p,
+                id: d,
                 type: "symbol",
                 filter: [
                   "all",
                   // @ts-ignore
                   [">=", "spd", u],
                   // @ts-ignore
-                  ["<", "spd", l]
+                  ["<", "spd", n]
                 ],
                 source: this.source,
                 layout: {
                   "symbol-placement": "point",
-                  "icon-image": p,
+                  "icon-image": d,
                   // mapbox sprite
                   "icon-size": 0.14,
                   "icon-offset": [0, -20],
@@ -710,7 +710,7 @@ const ta = {
               this.beforeLayer
             );
           }
-          this.windBarbLoaded = !0, n = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] add elapsed: ", n, ", total: ", o += n);
+          this.windBarbLoaded = !0, l = (/* @__PURE__ */ new Date()).valueOf() - (i + o), console.log("[wind] add elapsed: ", l, ", total: ", o += l);
         }
       }
     },
@@ -735,7 +735,7 @@ const ta = {
 function aa(t, e, a, r, i, o) {
   return null;
 }
-const ia = /* @__PURE__ */ _(ta, [["render", aa]]);
+const ia = /* @__PURE__ */ T(ta, [["render", aa]]);
 class Ve {
   constructor(e) {
     U(this, "map");
@@ -781,8 +781,8 @@ class Ve {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    const e = this.map.getBounds(), a = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [o, n] = this.convertNLng(r[0]), [c, h] = this.convertNLng(i[0]), [u, l] = this.mercator.px([o, r[1]], a), [p, w] = this.mercator.px([c, i[1]], a), b = Math.round(this.mercator.size * Math.pow(2, a) * (n + h));
-    return [p, w, u + b, l];
+    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]), [u, n] = this.mercator.px([o, r[1]], a), [d, w] = this.mercator.px([c, i[1]], a), b = Math.round(this.mercator.size * Math.pow(2, a) * (l + h));
+    return [d, w, u + b, n];
   }
   /**
    * [视窗边界像素宽度]
@@ -797,13 +797,13 @@ class Ve {
    * @param zoom
    */
   getWorldCopy(e, a) {
-    const r = 2 ** a, [i, o, n, c] = e.map((l) => ~~(l / (r * 256))), h = [];
-    for (let l = c; l <= o; l++)
-      for (let p = i; p <= n; p++)
-        h.push([p, l]);
-    return h.map((l) => {
-      const p = 2 ** a * 256;
-      return [l[0] * p, l[1] * p, p];
+    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 d = 2 ** a * 256;
+      return [n[0] * d, n[1] * d, d];
     });
   }
   resize() {
@@ -844,9 +844,9 @@ class Le {
    * @param width??
    * @param height??
    */
-  createTexture(e, a, r, i, o, n, c) {
+  createTexture(e, a, r, i, o, l, 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, 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;
+    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;
   }
   /**
    * 创建数据资源
@@ -869,8 +869,8 @@ class Le {
    * @param fragmentSchema
    */
   createProgram(e, a, r) {
-    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)))
+    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)))
       throw new Error(e.getProgramInfoLog(i) || "error happened while creating ramp color program");
     return i;
   }
@@ -883,8 +883,8 @@ class Le {
   createProgramWrapper(e, a, r) {
     const i = this.createProgram(e, a, r);
     if (i) {
-      const o = { program: i }, n = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
-      for (let h = 0; h < n; h++) {
+      const o = { program: i }, l = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
+      for (let h = 0; h < l; h++) {
         const u = e.getActiveAttrib(i, h);
         o[u.name] = e.getAttribLocation(i, u.name);
       }
@@ -901,21 +901,21 @@ class Le {
    * @param colors
    */
   setup(e, a, r = !1, i, o) {
-    const n = document.createElement("canvas");
-    n.width = 256, n.height = 1;
-    const c = n.getContext("2d");
+    const l = document.createElement("canvas");
+    l.width = 256, l.height = 1;
+    const c = l.getContext("2d");
     if (c && e) {
       const h = c == null ? void 0 : c.createLinearGradient(0, 0, 256, 0);
-      return a.forEach(([u, l]) => {
-        h.addColorStop(u, l);
+      return a.forEach(([u, n]) => {
+        h.addColorStop(u, n);
       }), c.fillStyle = h, c.fillRect(0, 0, 256, 1), {
-        canvas: n,
+        canvas: l,
         texture: this.createTexture(
           e,
           e.LINEAR,
           e.LINEAR,
           e.CLAMP_TO_EDGE,
-          r ? new Uint8Array(c.getImageData(0, 0, 256, 1).data) : n,
+          r ? new Uint8Array(c.getImageData(0, 0, 256, 1).data) : l,
           i,
           o
         )
@@ -924,19 +924,19 @@ class Le {
   }
   setupParticle(e, a = 1e3) {
     const r = Math.ceil(Math.sqrt(a)), i = r * r, o = new Uint8Array(i * 4);
-    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;
+    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;
     const u = this.createDataBuffer(e, "array", h);
-    return { resolution: r, total: i, texture0: n, texture1: c, indexBuffer: u };
+    return { resolution: r, total: i, texture0: l, texture1: c, indexBuffer: u };
   }
   bind(e, a, r) {
     const i = this.createProgram(e, a, r);
     if (i) {
-      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 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 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");
@@ -944,35 +944,38 @@ class Le {
     }
     return {};
   }
-  bindParticle(e, a, r, i, o, n) {
-    const c = this.createProgramWrapper(e, a, r), h = this.createProgramWrapper(e, i, o), u = this.createProgramWrapper(e, i, n), l = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), p = e.createFramebuffer();
-    return { particle: c, screen: h, update: u, quadBuffer: l, frameBuffer: p };
+  bindParticle(e, a, r, i, o, l) {
+    const c = this.createProgramWrapper(e, a, r), h = this.createProgramWrapper(e, i, o), u = 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: u, quadBuffer: n, frameBuffer: d };
   }
-  draw(e, a, r, i, o, n, c) {
+  draw(e, a, r, i, o, l, c) {
     var h, u;
     if (a && r) {
       e.resize(), a == null || a.viewport(0, 0, (h = a == null ? void 0 : a.canvas) == null ? void 0 : h.width, (u = a == null ? void 0 : a.canvas) == null ? void 0 : u.height), a.clearColor(0, 0, 0, 0), a.clear(a.COLOR_BUFFER_BIT | a.DEPTH_BUFFER_BIT);
       try {
-        const l = a.getUniformLocation(r, "u_resolution"), p = a.getUniformLocation(r, "u_image"), w = 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(p, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), a.uniform1i(w, 1), c != null && c.uvRange && (c != null && c.sRange)) {
-          const d = a.getUniformLocation(r, "u_range_u_v"), C = a.getUniformLocation(r, "u_range_s");
-          a.uniform2f(d, c.uvRange[0], c.uvRange[1]), a.uniform2f(C, c.sRange[0], c.sRange[1]);
-        }
-        const b = a.getUniformLocation(r, "u_scale");
-        a.uniform1f(b, (c == null ? void 0 : c.scale) || 1);
-        const g = e.getBoundPixel(), v = e.map.getZoom() + 1, y = e.getWorldCopy(g, v);
-        for (const d of y) {
-          const C = (d[0] - g[0]) * e.ratio, m = (d[1] - g[3]) * e.ratio, x = d[2] * e.ratio, [M, E, T, S] = [C, x + C, m, x + m], Q = new Float32Array([M, T, E, T, M, S, M, S, E, T, E, S]);
-          a.bindBuffer(a.ARRAY_BUFFER, n), a.bufferData(a.ARRAY_BUFFER, Q, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
+        a.useProgram(r);
+        const n = {
+          resolution: a.getUniformLocation(r, "u_resolution"),
+          image: a.getUniformLocation(r, "u_image"),
+          color: a.getUniformLocation(r, "u_color"),
+          scale: a.getUniformLocation(r, "u_scale"),
+          uvRange: a.getUniformLocation(r, "u_range_u_v"),
+          sRange: a.getUniformLocation(r, "u_range_s")
+        };
+        n.resolution && a.uniform2f(n.resolution, a.canvas.width * e.ratio, a.canvas.height * e.ratio), a.activeTexture(a.TEXTURE0), a.bindTexture(a.TEXTURE_2D, i), n.image && a.uniform1i(n.image, 0), a.activeTexture(a.TEXTURE1), a.bindTexture(a.TEXTURE_2D, o), n.color && a.uniform1i(n.color, 1), c != null && c.uvRange && (c != null && c.sRange) && (n.uvRange && a.uniform2f(n.uvRange, c.uvRange[0], c.uvRange[1]), n.sRange && a.uniform2f(n.sRange, c.sRange[0], c.sRange[1])), n.scale && a.uniform1f(n.scale, (c == null ? void 0 : c.scale) || 1);
+        const d = e.getBoundPixel(), w = e.map.getZoom() + 1, b = e.getWorldCopy(d, w);
+        for (const g of b) {
+          const v = (g[0] - d[0]) * e.ratio, y = (g[1] - d[3]) * e.ratio, p = g[2] * e.ratio, [C, m, x, M] = [v, p + v, y, p + y], E = new Float32Array([C, x, m, x, C, M, C, M, m, x, m, M]);
+          a.bindBuffer(a.ARRAY_BUFFER, l), a.bufferData(a.ARRAY_BUFFER, E, a.STATIC_DRAW), a.drawArrays(a.TRIANGLES, 0, 6);
         }
-      } catch (l) {
-        console.log(`render failed...${l}`);
+      } catch (n) {
+        console.log(`render failed...${n}`);
       }
     }
   }
   drawParticle(e, a, r, 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));
+    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));
   }
   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);
@@ -990,11 +993,11 @@ class Le {
     }
   }
   updateParticles(e, a, r, i) {
-    var n, c;
+    var l, 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, (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);
+      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);
     }
     const o = r.texture0;
     r.texture0 = r.texture1, r.texture1 = o;
@@ -1392,23 +1395,8 @@ class ra {
           paint: {
             "line-color": "hsl(2, 88%, 55%)",
             "line-opacity": 0.62,
-            "line-width": [
-              "interpolate",
-              [
-                "linear"
-              ],
-              [
-                "zoom"
-              ],
-              0,
-              2,
-              22,
-              2
-            ],
-            "line-translate": [
-              0,
-              0
-            ]
+            "line-width": ["interpolate", ["linear"], ["zoom"], 0, 2, 22, 2],
+            "line-translate": [0, 0]
           }
         },
         worldMarineLine: {
@@ -1424,23 +1412,8 @@ class ra {
           paint: {
             "line-color": "hsl(0, 0.60%, 34.70%)",
             "line-opacity": 1,
-            "line-width": [
-              "interpolate",
-              [
-                "linear"
-              ],
-              [
-                "zoom"
-              ],
-              0,
-              2,
-              22,
-              2
-            ],
-            "line-translate": [
-              0,
-              0
-            ]
+            "line-width": ["interpolate", ["linear"], ["zoom"], 0, 2, 22, 2],
+            "line-translate": [0, 0]
           }
         },
         worldMarineLabel: {
@@ -1450,13 +1423,7 @@ class ra {
           "source-layer": "ne_10m_geography_marine_polys-3968bv",
           minzoom: 1,
           layout: {
-            "text-field": [
-              "to-string",
-              [
-                "get",
-                "name"
-              ]
-            ],
+            "text-field": ["to-string", ["get", "name"]],
             "text-size": 13,
             visibility: "none"
           },
@@ -1475,19 +1442,7 @@ class ra {
             visibility: "none"
           },
           paint: {
-            "line-color": [
-              "interpolate",
-              [
-                "linear"
-              ],
-              [
-                "zoom"
-              ],
-              0,
-              "rgb(2,196,140)",
-              22,
-              "rgb(2,196,140)"
-            ],
+            "line-color": ["interpolate", ["linear"], ["zoom"], 0, "rgb(2,196,140)", 22, "rgb(2,196,140)"],
             "line-width": 2
           }
         },
@@ -1496,18 +1451,7 @@ class ra {
           type: "fill",
           source: "composite",
           "source-layer": "china_route-bdtx5d",
-          filter: [
-            "match",
-            [
-              "get",
-              "featureType"
-            ],
-            [
-              "route"
-            ],
-            !0,
-            !1
-          ],
+          filter: ["match", ["get", "featureType"], ["route"], !0, !1],
           layout: {
             visibility: "none"
           },
@@ -1522,13 +1466,7 @@ class ra {
           source: "composite",
           "source-layer": "china_route-bdtx5d",
           layout: {
-            "text-field": [
-              "to-string",
-              [
-                "get",
-                "RouteName"
-              ]
-            ],
+            "text-field": ["to-string", ["get", "RouteName"]],
             "text-size": 12,
             visibility: "none"
           },
@@ -3005,23 +2943,8 @@ class ra {
           paint: {
             "line-color": "hsl(2, 88%, 55%)",
             "line-opacity": 0.62,
-            "line-width": [
-              "interpolate",
-              [
-                "linear"
-              ],
-              [
-                "zoom"
-              ],
-              0,
-              2,
-              22,
-              2
-            ],
-            "line-translate": [
-              0,
-              0
-            ]
+            "line-width": ["interpolate", ["linear"], ["zoom"], 0, 2, 22, 2],
+            "line-translate": [0, 0]
           }
         },
         {
@@ -3036,19 +2959,7 @@ class ra {
           paint: {
             "line-color": "hsl(2, 88%, 55%)",
             "line-opacity": 0.62,
-            "line-width": [
-              "interpolate",
-              [
-                "linear"
-              ],
-              [
-                "zoom"
-              ],
-              0,
-              2,
-              22,
-              2
-            ]
+            "line-width": ["interpolate", ["linear"], ["zoom"], 0, 2, 22, 2]
           }
         },
         {
@@ -3069,13 +2980,7 @@ class ra {
           source: "composite",
           "source-layer": "ne_10m_geography_marine_polys-3968bv",
           layout: {
-            "text-field": [
-              "to-string",
-              [
-                "get",
-                "name"
-              ]
-            ],
+            "text-field": ["to-string", ["get", "name"]],
             "text-size": 13,
             visibility: "none"
           },
@@ -3094,19 +2999,7 @@ class ra {
             visibility: "none"
           },
           paint: {
-            "line-color": [
-              "interpolate",
-              [
-                "linear"
-              ],
-              [
-                "zoom"
-              ],
-              0,
-              "rgb(11, 168, 121)",
-              22,
-              "rgb(11, 168, 121)"
-            ],
+            "line-color": ["interpolate", ["linear"], ["zoom"], 0, "rgb(11, 168, 121)", 22, "rgb(11, 168, 121)"],
             "line-width": 2
           }
         },
@@ -3115,18 +3008,7 @@ class ra {
           type: "fill",
           source: "composite",
           "source-layer": "china_route-bdtx5d",
-          filter: [
-            "match",
-            [
-              "get",
-              "featureType"
-            ],
-            [
-              "route"
-            ],
-            !0,
-            !1
-          ],
+          filter: ["match", ["get", "featureType"], ["route"], !0, !1],
           layout: {
             visibility: "none"
           },
@@ -3141,13 +3023,7 @@ class ra {
           source: "composite",
           "source-layer": "china_route-bdtx5d",
           layout: {
-            "text-field": [
-              "to-string",
-              [
-                "get",
-                "RouteName"
-              ]
-            ],
+            "text-field": ["to-string", ["get", "RouteName"]],
             "text-size": 12,
             visibility: "none"
           },
@@ -3239,8 +3115,8 @@ const oa = {
       }
     },
     handleClear() {
-      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();
+      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();
     },
     handleSetup() {
       if (!this.context) {
@@ -3298,15 +3174,18 @@ const oa = {
       }
     },
     async handleDraw() {
-      this.handleSetup(), this.etime = this.factor.etime;
-      const t = await this.webgl.loadImg(this.factor.raw);
-      this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t), this.particleTexture = this.webgl.createTexture(
-        this.particleContext,
-        this.particleContext.NEAREST,
-        this.particleContext.LINEAR,
-        this.particleContext.CLAMP_TO_EDGE,
-        t
-      ), this.wrapper.image = t, this.initial && (this.initial = !1, this.handlePlay()), this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer, this.particleOptions), this.viewport.toggle(!0);
+      if (this.handleSetup(), this.etime !== this.factor.etime) {
+        this.etime = this.factor.etime;
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t), this.particleTexture = this.webgl.createTexture(
+          this.particleContext,
+          this.particleContext.NEAREST,
+          this.particleContext.LINEAR,
+          this.particleContext.CLAMP_TO_EDGE,
+          t
+        ), this.wrapper.image = t;
+      }
+      this.initial && (this.initial = !1, this.handlePlay()), this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer, this.particleOptions), this.viewport.toggle(!0);
     },
     handleResize() {
       this.wrapper = { ...this.wrapper, ...this.webgl.resize(this.viewport, this.particleContext) };
@@ -3322,8 +3201,8 @@ const oa = {
   }
 }, sa = { key: 0 };
 function na(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (A(), f("div", sa, [
+  var l;
+  return (l = a.factor) != null && l.active ? (A(), f("div", sa, [
     s("div", {
       class: "legend-bars flex-center",
       style: X([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -3339,7 +3218,7 @@ function na(t, e, a, r, i, o) {
     ]), 4)
   ])) : N("", !0);
 }
-const la = /* @__PURE__ */ _(oa, [["render", na], ["__scopeId", "data-v-a19c3da9"]]);
+const la = /* @__PURE__ */ T(oa, [["render", na], ["__scopeId", "data-v-14070127"]]);
 const ca = {
   name: "IdmCurrent",
   props: {
@@ -3493,7 +3372,7 @@ const ca = {
 function ha(t, e, a, r, i, o) {
   return null;
 }
-const da = /* @__PURE__ */ _(ca, [["render", ha]]);
+const da = /* @__PURE__ */ T(ca, [["render", ha]]);
 const pa = {
   name: "IdmCurrentParticle",
   props: {
@@ -3573,8 +3452,8 @@ const pa = {
       }
     },
     handleClear() {
-      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();
+      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();
     },
     handleSetup() {
       if (!this.context) {
@@ -3628,15 +3507,18 @@ const pa = {
       }
     },
     async handleDraw() {
-      this.handleSetup(), this.etime = this.factor.etime;
-      const t = await this.webgl.loadImg(this.factor.raw);
-      this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t), this.particleTexture = this.webgl.createTexture(
-        this.particleContext,
-        this.particleContext.NEAREST,
-        this.particleContext.LINEAR,
-        this.particleContext.CLAMP_TO_EDGE,
-        t
-      ), this.wrapper.image = t, this.initial && (this.initial = !1, this.handlePlay()), this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer, this.particleOptions), this.viewport.toggle(!0);
+      if (this.handleSetup(), this.etime !== this.factor.etime) {
+        this.etime = this.factor.etime;
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t), this.particleTexture = this.webgl.createTexture(
+          this.particleContext,
+          this.particleContext.NEAREST,
+          this.particleContext.LINEAR,
+          this.particleContext.CLAMP_TO_EDGE,
+          t
+        ), this.wrapper.image = t;
+      }
+      this.initial && (this.initial = !1, this.handlePlay()), this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer, this.particleOptions), this.viewport.toggle(!0);
     },
     handleResize() {
       this.wrapper = { ...this.wrapper, ...this.webgl.resize(this.viewport, this.particleContext) };
@@ -3652,8 +3534,8 @@ const pa = {
   }
 }, ua = { key: 0 };
 function ma(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (A(), f("div", ua, [
+  var l;
+  return (l = a.factor) != null && l.active ? (A(), f("div", ua, [
     s("div", {
       class: "legend-bars flex-center",
       style: X([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -3668,7 +3550,7 @@ function ma(t, e, a, r, i, o) {
     ]), 4)
   ])) : N("", !0);
 }
-const ga = /* @__PURE__ */ _(pa, [["render", ma], ["__scopeId", "data-v-a9741758"]]), Aa = {
+const ga = /* @__PURE__ */ T(pa, [["render", ma], ["__scopeId", "data-v-02a8206f"]]), Aa = {
   name: "IdmSigWave",
   props: {
     map: {
@@ -3789,7 +3671,7 @@ const ga = /* @__PURE__ */ _(pa, [["render", ma], ["__scopeId", "data-v-a9741758
 function fa(t, e, a, r, i, o) {
   return A(), f("div");
 }
-const ya = /* @__PURE__ */ _(Aa, [["render", fa]]), wa = {
+const ya = /* @__PURE__ */ T(Aa, [["render", fa]]), wa = {
   name: "IdmSwell",
   props: {
     map: {
@@ -3947,7 +3829,7 @@ const ya = /* @__PURE__ */ _(Aa, [["render", fa]]), wa = {
 function ba(t, e, a, r, i, o) {
   return A(), f("div");
 }
-const va = /* @__PURE__ */ _(wa, [["render", ba]]), La = {
+const va = /* @__PURE__ */ T(wa, [["render", ba]]), La = {
   name: "IdmPrmsl",
   props: {
     map: {
@@ -4002,8 +3884,8 @@ const va = /* @__PURE__ */ _(wa, [["render", ba]]), La = {
         }, 500);
       else if (this.prmsl) {
         const r = (/* @__PURE__ */ new Date()).valueOf();
-        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(
+        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(
           {
             id: this.layer,
             type: "line",
@@ -4086,7 +3968,7 @@ const va = /* @__PURE__ */ _(wa, [["render", ba]]), La = {
 function Ca(t, e, a, r, i, o) {
   return A(), f("div");
 }
-const xa = /* @__PURE__ */ _(La, [["render", Ca]]);
+const xa = /* @__PURE__ */ T(La, [["render", Ca]]);
 const Ba = {
   name: "IdmCover",
   props: {
@@ -4181,8 +4063,8 @@ const Ba = {
   }
 }, Ia = { key: 0 };
 function Ea(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (A(), f("div", Ia, [
+  var l;
+  return (l = a.factor) != null && l.active ? (A(), f("div", Ia, [
     s("div", {
       class: "legend-bars flex-center",
       style: X([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -4196,7 +4078,7 @@ function Ea(t, e, a, r, i, o) {
     ]), 4)
   ])) : N("", !0);
 }
-const Da = /* @__PURE__ */ _(Ba, [["render", Ea], ["__scopeId", "data-v-efce05ef"]]);
+const Da = /* @__PURE__ */ T(Ba, [["render", Ea], ["__scopeId", "data-v-efce05ef"]]);
 const Pa = {
   name: "IdmThickness",
   props: {
@@ -4289,15 +4171,18 @@ const Pa = {
       }
     },
     async handleDraw() {
-      this.handleSetup(), this.etime = this.factor.etime;
-      const t = await this.webgl.loadImg(this.factor.raw);
-      this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t), this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
+      if (this.handleSetup(), this.etime !== this.factor.etime) {
+        this.etime = this.factor.etime;
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t);
+      }
+      this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
 }, ka = { key: 0 };
 function Ma(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (A(), f("div", ka, [
+  var l;
+  return (l = a.factor) != null && l.active ? (A(), f("div", ka, [
     s("div", {
       class: "legend-bars flex-center",
       style: X([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -4312,7 +4197,7 @@ function Ma(t, e, a, r, i, o) {
     ]), 4)
   ])) : N("", !0);
 }
-const za = /* @__PURE__ */ _(Pa, [["render", Ma], ["__scopeId", "data-v-5c274172"]]);
+const za = /* @__PURE__ */ T(Pa, [["render", Ma], ["__scopeId", "data-v-348d48fb"]]);
 const Ta = {
   name: "IdmTropicals",
   props: {
@@ -4400,29 +4285,29 @@ const Ta = {
       var r, i;
       const t = ((i = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : i.features) || [], e = Y().utc().hour(), a = [];
       t.forEach((o) => {
-        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);
+        var l, c, h;
+        (l = o.properties) != null && l.name && !a.includes((c = o.properties) == null ? void 0 : c.name) && a.push((h = o.properties) == null ? void 0 : h.name);
       }), a.forEach((o) => {
         var u;
-        let n = 0, c;
-        const h = t.filter((l) => {
-          var p, w;
-          return ((w = (p = l.properties) == null ? void 0 : p.category) == null ? void 0 : w.split("-")[0]) === o;
+        let l = 0, c;
+        const h = t.filter((n) => {
+          var d, w;
+          return ((w = (d = n.properties) == null ? void 0 : d.category) == null ? void 0 : w.split("-")[0]) === o;
         });
-        (u = h.filter((l) => {
-          var p, w;
-          return ((p = l.geometry) == null ? void 0 : p.type) === "LineString" && ((w = l.properties) == null ? void 0 : w.type) === "forecast";
-        })[0]) == null || u.properties.model, h.forEach((l, p) => {
-          var w, b, g, v, y, d;
-          ((w = l.geometry) == null ? void 0 : w.type) === "Point" && ((b = l.properties) == null ? void 0 : b.type) === "history" && (n = p, c = c === void 0 ? p : c), ((g = l.geometry) == null ? void 0 : g.type) === "Point" && ((v = l.properties) == null ? void 0 : v.type) === "forecast" && c === void 0 && (c = p), ((y = l.geometry) == null ? void 0 : y.type) === "LineString" && ((d = l.properties) == null || d.type);
-        }), h.map((l, p) => {
-          var w, b, g, v, y, d, C;
-          if (((w = l.geometry) == null ? void 0 : w.type) === "LineString" && ((b = l.properties) == null || b.type), ((g = l.geometry) == null ? void 0 : g.type) === "Point" && ((v = l.properties) == null ? void 0 : v.type) === "forecast" && (l.properties.name = o, l.properties.format = Y(l.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((y = l.geometry) == null ? void 0 : y.type) === "Point" && ((d = l.properties) == null ? void 0 : d.type) === "history") {
-            l.properties.format = Y(l.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
-            const m = Y((C = l.properties) == null ? void 0 : C.date).utc().format("HHmm") === Y().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
-            l.properties.showHistoryLabel = m || p === n, l.properties.showNameLabel = p === n, l.properties.name = o;
+        (u = h.filter((n) => {
+          var d, w;
+          return ((d = n.geometry) == null ? void 0 : d.type) === "LineString" && ((w = n.properties) == null ? void 0 : w.type) === "forecast";
+        })[0]) == null || u.properties.model, h.forEach((n, d) => {
+          var w, b, g, v, y, p;
+          ((w = n.geometry) == null ? void 0 : w.type) === "Point" && ((b = n.properties) == null ? void 0 : b.type) === "history" && (l = d, c = c === void 0 ? d : c), ((g = n.geometry) == null ? void 0 : g.type) === "Point" && ((v = n.properties) == null ? void 0 : v.type) === "forecast" && c === void 0 && (c = d), ((y = n.geometry) == null ? void 0 : y.type) === "LineString" && ((p = n.properties) == null || p.type);
+        }), h.map((n, d) => {
+          var w, b, g, v, y, p, C;
+          if (((w = n.geometry) == null ? void 0 : w.type) === "LineString" && ((b = n.properties) == null || b.type), ((g = n.geometry) == null ? void 0 : g.type) === "Point" && ((v = n.properties) == null ? void 0 : v.type) === "forecast" && (n.properties.name = o, n.properties.format = Y(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`)), ((y = n.geometry) == null ? void 0 : y.type) === "Point" && ((p = n.properties) == null ? void 0 : p.type) === "history") {
+            n.properties.format = Y(n.properties.date).utcOffset(this.timeZone).format(`MMM-DD,HHmm [(utc ${this.computeTimezone})]`);
+            const m = Y((C = n.properties) == null ? void 0 : C.date).utc().format("HHmm") === Y().utc().hour(Math.floor(e / 6) * 6).minute("00").format("HHmm");
+            n.properties.showHistoryLabel = m || d === l, n.properties.showNameLabel = d === l, n.properties.name = o;
           }
-          return l;
+          return n;
         });
       }), this.handleInit();
     },
@@ -4457,16 +4342,16 @@ const Ta = {
       ));
     },
     handleRender() {
-      var t, e, a, r, i, o, n, c, h, u;
+      var t, e, a, r, i, o, l, c, h, u;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else {
         if (this.tropicals) {
-          const p = (/* @__PURE__ */ new Date()).valueOf();
+          const d = (/* @__PURE__ */ new Date()).valueOf();
           let w = 0, b = 0;
-          (t = this.map) != null && t.getSource(this.source) ? ((a = this.map) == null || a.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), b = (/* @__PURE__ */ new Date()).valueOf() - (p + w), console.log("[tropicals] update elapsed: ", b, ", total: ", w += b)) : (this.map.addSource(this.source, {
+          (t = this.map) != null && t.getSource(this.source) ? ((a = this.map) == null || a.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), b = (/* @__PURE__ */ new Date()).valueOf() - (d + w), console.log("[tropicals] update elapsed: ", b, ", total: ", w += b)) : (this.map.addSource(this.source, {
             type: "geojson",
             data: (r = this.tropicals) != null && r.active ? (i = this.tropicals) == null ? void 0 : i.data : this.empty
           }), this.map.addLayer({
@@ -4563,7 +4448,7 @@ const Ta = {
               ],
               "text-halo-width": 4
             }
-          }), b = (/* @__PURE__ */ new Date()).valueOf() - (p + w), console.log("[tropical] add elapsed: ", b, ", total: ", w += b)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((n = this.tropicals) != null && n.active ? this.tropicals.data : this.empty), b = (/* @__PURE__ */ new Date()).valueOf() - (p + w), console.log("[tropical] update elapsed: ", b, ", total: ", w += b)) : (this.map.addSource(this.clusterSource, {
+          }), b = (/* @__PURE__ */ new Date()).valueOf() - (d + w), console.log("[tropical] add elapsed: ", b, ", total: ", w += b)), (o = this.map) != null && o.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((l = this.tropicals) != null && l.active ? this.tropicals.data : this.empty), b = (/* @__PURE__ */ new Date()).valueOf() - (d + w), console.log("[tropical] update elapsed: ", b, ", total: ", w += b)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
             data: (h = this.tropicals) != null && h.active ? (u = this.tropicals) == null ? void 0 : u.data : this.empty
             // cluster: true,
@@ -4680,11 +4565,11 @@ const Ta = {
               "text-halo-color": "#0033ff",
               "text-halo-width": 4
             }
-          }), b = (/* @__PURE__ */ new Date()).valueOf() - (p + w), console.log("[tropical] add elapsed: ", b, ", total: ", w += b));
+          }), b = (/* @__PURE__ */ new Date()).valueOf() - (d + w), console.log("[tropical] add elapsed: ", b, ", total: ", w += b));
         }
         this.handleDrawCircle();
-        const l = nt.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(l)), this.interpolateData.filter((p) => p.properties.name === "kristy" && p.properties.model === "ecmwf"), this.handleDateChange();
+        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();
       }
     },
     handleClear() {
@@ -4692,11 +4577,11 @@ const Ta = {
       this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (t = this.interpolateMarkers) == null || t.forEach((e) => e == null ? void 0 : e.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource));
     },
     handleDateChange() {
-      var t, e, a, r, i, o, n, c, h, u, l, p, w, b, g, v, y, d, C, m, x, M, E, T, S, Q, G, W, ee, ce, he, de, pe, ue, me, ge;
+      var t, e, a, r, i, o, l, c, h, u, n, d, w, b, g, v, y, p, C, m, x, M, E, _, O, Q, G, W, ee, ce, he, de, pe, ue, me, ge;
       if ((t = this.interpolateMarkers) == null || t.forEach((te) => te == null ? void 0 : te.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const te = Y(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), oe = this.interpolateData.filter((O) => O.properties.date === te.format() && !O.properties.disabled), we = this.handleComputePolygons(oe), ie = P.featureCollection([...oe]);
-        we.forEach((O) => {
-          ie.features.push(O);
+        const te = Y(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), oe = this.interpolateData.filter((H) => H.properties.date === te.format() && !H.properties.disabled), we = this.handleComputePolygons(oe), ie = P.featureCollection([...oe]);
+        we.forEach((H) => {
+          ie.features.push(H);
         }), (a = this.map) != null && a.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(ie) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
           type: "geojson",
           data: ie
@@ -4711,10 +4596,10 @@ const Ta = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const O of oe)
-          if (!O.properties.disabled) {
+        for (const H of oe)
+          if (!H.properties.disabled) {
             let Z = "#f44336";
-            ((c = (n = O.properties) == null ? void 0 : n.wind) == null ? void 0 : c.spd) < 17.2 || !((u = (h = O.properties) == null ? void 0 : h.wind) != null && u.spd) ? Z = "#03f869" : ((p = (l = O.properties) == null ? void 0 : l.wind) == null ? void 0 : p.spd) >= 17.2 && ((b = (w = O.properties) == null ? void 0 : w.wind) == null ? void 0 : b.spd) < 24.5 ? Z = "#f2f202" : ((v = (g = O.properties) == null ? void 0 : g.wind) == null ? void 0 : v.spd) >= 24.5 && ((d = (y = O.properties) == null ? void 0 : y.wind) == null ? void 0 : d.spd) < 32.7 ? Z = "#ff9100" : ((m = (C = O.properties) == null ? void 0 : C.wind) == null ? void 0 : m.spd) >= 32.7 && ((M = (x = O.properties) == null ? void 0 : x.wind) == null ? void 0 : M.spd) < 41.5 ? Z = "#f44336" : ((T = (E = O.properties) == null ? void 0 : E.wind) == null ? void 0 : T.spd) >= 41.5 && ((Q = (S = O.properties) == null ? void 0 : S.wind) == null ? void 0 : Q.spd) < 51 ? Z = "#f903d0" : ((W = (G = O.properties) == null ? void 0 : G.wind) == null ? void 0 : W.spd) >= 51 ? Z = "#8702f9" : Z = "#f44336";
+            ((c = (l = H.properties) == null ? void 0 : l.wind) == null ? void 0 : c.spd) < 17.2 || !((u = (h = H.properties) == null ? void 0 : h.wind) != null && u.spd) ? Z = "#03f869" : ((d = (n = H.properties) == null ? void 0 : n.wind) == null ? void 0 : d.spd) >= 17.2 && ((b = (w = H.properties) == null ? void 0 : w.wind) == null ? void 0 : b.spd) < 24.5 ? Z = "#f2f202" : ((v = (g = H.properties) == null ? void 0 : g.wind) == null ? void 0 : v.spd) >= 24.5 && ((p = (y = H.properties) == null ? void 0 : y.wind) == null ? void 0 : p.spd) < 32.7 ? Z = "#ff9100" : ((m = (C = H.properties) == null ? void 0 : C.wind) == null ? void 0 : m.spd) >= 32.7 && ((M = (x = H.properties) == null ? void 0 : x.wind) == null ? void 0 : M.spd) < 41.5 ? Z = "#f44336" : ((_ = (E = H.properties) == null ? void 0 : E.wind) == null ? void 0 : _.spd) >= 41.5 && ((Q = (O = H.properties) == null ? void 0 : O.wind) == null ? void 0 : Q.spd) < 51 ? Z = "#f903d0" : ((W = (G = H.properties) == null ? void 0 : G.wind) == null ? void 0 : W.spd) >= 51 ? Z = "#8702f9" : Z = "#f44336";
             const Ae = `<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">
@@ -4730,10 +4615,10 @@ const Ta = {
                           		d="M420.66666667 959.17a16.08 16.08 0 0 1-15.91-13.49A15.89 15.89 0 0 1 415.50666667 928c1.49-0.55 38.88-14.76 72.79-65.52A354.55 354.55 0 0 1 162.66666667 509.17a450.14 450.14 0 0 1 450.5-450.5 16.07 16.07 0 0 1 15.91 13.48 15.88 15.88 0 0 1-10.75 17.66c-1.58 0.58-39.13 14.9-73.07 65.95A354.22 354.22 0 0 1 871.66666667 509.17a16 16 0 0 1-0.52 4.05A450.14 450.14 0 0 1 420.66666667 959.17zM554.80666667 94.72C351.57666667 123.2 194.66666667 298.21 194.66666667 509.17c0 177.08 144.06 321.74 321.13 322.48a16 16 0 0 1 14.07 23.49c-16.11 30.42-34.27 52.37-50.85 68C682.25666667 894.63 839.16666667 719.63 839.16666667 508.67a15.94 15.94 0 0 1 0.47-3.86C837.30666667 329.33 693.82666667 187 517.80666667 186.67A16 16 0 0 1 503.66666667 163.21c16.21-30.69 34.47-52.79 51.14-68.49z"
                           		fill="#ffffff" p-id="18386"></path>
                           </svg>`, re = document.createElement("div");
-            re.className = "hurricane-hourly-marker", re.innerHTML = `<div class="${O.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${Ae}</div>`;
-            const se = new ve.Marker(re).setLngLat(O.geometry.coordinates).addTo(this.map);
-            if (this.interpolateMarkers.push(se), (ee = O.properties) != null && ee.showCircle) {
-              const ne = { radius: 100, coordinates: O.geometry.coordinates }, B = { radius: 200, coordinates: O.geometry.coordinates }, Ce = { radius: 500, coordinates: O.geometry.coordinates };
+            re.className = "hurricane-hourly-marker", re.innerHTML = `<div class="${H.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${Ae}</div>`;
+            const se = new ve.Marker(re).setLngLat(H.geometry.coordinates).addTo(this.map);
+            if (this.interpolateMarkers.push(se), (ee = H.properties) != null && ee.showCircle) {
+              const ne = { radius: 100, coordinates: H.geometry.coordinates }, B = { radius: 200, coordinates: H.geometry.coordinates }, Ce = { radius: 500, coordinates: H.geometry.coordinates };
               (ce = this.circleSourceData) == null || ce.features.push(
                 P.circle(ne.coordinates, ne.radius, { steps: 100, units: "kilometers", properties: { type: "tropicalCircle" } })
               ), (he = this.circleSourceData) == null || he.features.push(
@@ -4748,16 +4633,16 @@ const Ta = {
         (me = this.map) != null && me.getSource(this.interpolateSource) && ((ge = this.map) == null || ge.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var o, n, c, h, u, l, p, w;
-      const e = t.features[0], a = (n = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : n.features.filter(
+      var o, l, c, h, u, n, d, w;
+      const e = t.features[0], a = (l = (o = this.tropicals) == null ? void 0 : o.data) == null ? void 0 : l.features.filter(
         (b) => {
           var g;
           return b.geometry.type === "LineString" && b.properties.type === "forecast" && b.properties.name === ((g = e == null ? void 0 : e.properties) == null ? void 0 : g.name);
         }
       );
       a.sort((b, g) => {
-        var v, y, d, C;
-        return ((v = b.properties) == null ? void 0 : v.model) === "cma" ? -1 : ((y = b.properties) == null ? void 0 : y.model) === "jma" ? ((d = g.properties) == null ? void 0 : d.model) === "cma" ? 1 : -1 : b.properties.model === "ecmwf" ? ["jma", "cma"].includes((C = g.properties) == null ? void 0 : C.model) ? 1 : -1 : 0;
+        var v, y, p, C;
+        return ((v = b.properties) == null ? void 0 : v.model) === "cma" ? -1 : ((y = b.properties) == null ? void 0 : y.model) === "jma" ? ((p = g.properties) == null ? void 0 : p.model) === "cma" ? 1 : -1 : b.properties.model === "ecmwf" ? ["jma", "cma"].includes((C = g.properties) == null ? void 0 : C.model) ? 1 : -1 : 0;
       });
       const r = (h = (c = this.tropicals) == null ? void 0 : c.data) == null ? void 0 : h.features.filter(
         (b) => {
@@ -4768,21 +4653,21 @@ const Ta = {
       this.activeTropicals = {
         name: (u = e == null ? void 0 : e.properties) == null ? void 0 : u.name,
         forecasts: a.map((b) => b.properties),
-        history: (l = r[0]) == null ? void 0 : l.properties,
-        showCircle: (w = (p = a[0]) == null ? void 0 : p.properties) == null ? void 0 : w.showCircle
+        history: (n = r[0]) == null ? void 0 : n.properties,
+        showCircle: (w = (d = a[0]) == null ? void 0 : d.properties) == null ? void 0 : w.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, n, c, h;
+      var r, i, o, l, c, h;
       t.disabled = !t.disabled;
       const e = `${t.name}-${t.model}`, a = (i = (r = this.map) == null ? void 0 : r.getSource(this.source)._data) == null ? void 0 : i.features;
       a.forEach((u) => {
         u.properties.category === e && (u.properties.disabled = t.disabled);
       }), this.interpolateData.forEach((u) => {
         u.properties.category === e && (u.properties.disabled = t.disabled);
-      }), (n = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || n.setData(P.featureCollection(a)), (h = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || h.setData(P.featureCollection(a)), this.handleDateChange();
+      }), (l = (o = this.map) == null ? void 0 : o.getSource(this.source)) == null || l.setData(P.featureCollection(a)), (h = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || h.setData(P.featureCollection(a)), this.handleDateChange();
     },
     handleStrikeProbability(t) {
       this.$emit("tropicalProbability", t);
@@ -4821,12 +4706,12 @@ const Ta = {
           nw: r.r7nw >= 0 ? r.r7nw : void 0
         }, o = this.handleComputeArc(a.geometry.coordinates, i, { ...a.properties, level: 7 });
         e.push(o);
-        const n = {
+        const l = {
           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, n, { ...a.properties, level: 10 });
+        }, c = this.handleComputeArc(a.geometry.coordinates, l, { ...a.properties, level: 10 });
         e.push(c);
       }
       return e;
@@ -4834,10 +4719,10 @@ const Ta = {
     handleComputeArc(t, e, a) {
       var o;
       const r = [];
-      for (const n in e) {
-        const c = e[n] ?? 0;
+      for (const l in e) {
+        const c = e[l] ?? 0;
         let h;
-        switch (n) {
+        switch (l) {
           case "ne":
             h = P.lineArc(t, c * 1.852, 0, 90, { steps: c > 0 ? 64 : 1 });
             break;
@@ -4874,7 +4759,7 @@ const Ta = {
   style: { "justify-content": "flex-start" }
 }, Ya = { class: "forecast-models" }, Ka = ["onClick"], Xa = { class: "more" };
 function Ja(t, e, a, r, i, o) {
-  var n, c, h, u, l, p, w, b, g, v, y, d, C, m, x;
+  var l, c, h, u, n, d, w, b, g, v, y, p, C, m, x;
   return fe((A(), f("div", Qa, [
     s("div", Sa, [
       s("div", {
@@ -4882,17 +4767,17 @@ function Ja(t, e, a, r, i, o) {
         onClick: e[0] || (e[0] = (M) => i.showTropicals = !1)
       }, ""),
       s("div", _a, [
-        (c = (n = i.activeTropicals) == null ? void 0 : n.history) != null && c.level ? (A(), f("span", Ha, I((u = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : u.level) + " , ", 1)) : N("", !0),
-        V(I((l = i.activeTropicals) == null ? void 0 : l.name), 1)
+        (c = (l = i.activeTropicals) == null ? void 0 : l.history) != null && c.level ? (A(), f("span", Ha, I((u = (h = i.activeTropicals) == null ? void 0 : h.history) == null ? void 0 : u.level) + " , ", 1)) : N("", !0),
+        V(I((n = i.activeTropicals) == null ? void 0 : n.name), 1)
       ]),
-      s("div", Oa, " Last update: " + I(o.computeTime(((w = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : w.updated) || ((v = (g = (b = i.activeTropicals) == null ? void 0 : b.forecasts) == null ? void 0 : g.filter((M) => !M.disabled)[0]) == null ? void 0 : v.date))), 1)
+      s("div", Oa, " Last update: " + I(o.computeTime(((w = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : w.updated) || ((v = (g = (b = i.activeTropicals) == null ? void 0 : b.forecasts) == null ? void 0 : g.filter((M) => !M.disabled)[0]) == null ? void 0 : v.date))), 1)
     ]),
     s("div", Na, [
       s("div", ja, [
         s("div", Ra, [
           s("div", Fa, [
             e[2] || (e[2] = s("label", null, "Wind speed : ", -1)),
-            s("span", null, I(((d = (y = i.activeTropicals) == null ? void 0 : y.history) == null ? void 0 : d.kts) || "-") + "[kts]", 1)
+            s("span", null, I(((p = (y = i.activeTropicals) == null ? void 0 : y.history) == null ? void 0 : p.kts) || "-") + "[kts]", 1)
           ]),
           s("div", Ga, [
             e[3] || (e[3] = s("label", null, "Pressure : ", -1)),
@@ -4904,13 +4789,13 @@ function Ja(t, e, a, r, i, o) {
             e[4] || (e[4] = s("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
             s("div", Ya, [
               (A(!0), f(j, null, F((x = i.activeTropicals) == null ? void 0 : x.forecasts, (M, E) => {
-                var T, S, Q, G;
+                var _, O, Q, G;
                 return A(), f("div", {
                   key: E,
                   class: R([
                     "model",
                     M.disabled ? "" : "active",
-                    E > 0 && E < ((S = (T = i.activeTropicals) == null ? void 0 : T.forecasts) == null ? void 0 : S.length) - 1 && ((G = (Q = i.activeTropicals) == null ? void 0 : Q.forecasts) == null ? void 0 : G.length) > 2 ? "center-child" : ""
+                    E > 0 && E < ((O = (_ = i.activeTropicals) == null ? void 0 : _.forecasts) == null ? void 0 : O.length) - 1 && ((G = (Q = i.activeTropicals) == null ? void 0 : Q.forecasts) == null ? void 0 : G.length) > 2 ? "center-child" : ""
                   ]),
                   onClick: (W) => o.handleForecastToggle(M)
                 }, [
@@ -4935,7 +4820,7 @@ function Ja(t, e, a, r, i, o) {
     [ye, i.showTropicals && !t.$attrs.hideTropicalsLegend]
   ]);
 }
-const lt = /* @__PURE__ */ _(Ta, [["render", Ja], ["__scopeId", "data-v-44a4e671"]]);
+const lt = /* @__PURE__ */ T(Ta, [["render", Ja], ["__scopeId", "data-v-44a4e671"]]);
 const qa = {
   name: "IdmPrecip3h",
   props: {
@@ -5029,15 +4914,18 @@ const qa = {
       }
     },
     async handleDraw() {
-      this.handleSetup(), this.etime = this.factor.etime;
-      const t = await this.webgl.loadImg(this.factor.raw);
-      this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t), this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
+      if (this.handleSetup(), this.etime !== this.factor.etime) {
+        this.etime = this.factor.etime;
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t);
+      }
+      this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
 }, Va = { key: 0 };
 function Za(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (A(), f("div", Va, [
+  var l;
+  return (l = a.factor) != null && l.active ? (A(), f("div", Va, [
     s("div", {
       class: "legend-bars flex-center",
       style: X([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -5053,7 +4941,7 @@ function Za(t, e, a, r, i, o) {
     ]), 4)
   ])) : N("", !0);
 }
-const $a = /* @__PURE__ */ _(qa, [["render", Za], ["__scopeId", "data-v-0e299352"]]);
+const $a = /* @__PURE__ */ T(qa, [["render", Za], ["__scopeId", "data-v-e83717bd"]]);
 const ei = {
   name: "IdmVisibility",
   props: {
@@ -5140,15 +5028,18 @@ const ei = {
       }
     },
     async handleDraw() {
-      this.handleSetup(), this.etime = this.factor.etime;
-      const t = await this.webgl.loadImg(this.factor.raw);
-      this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t), this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
+      if (this.handleSetup(), this.etime !== this.factor.etime) {
+        this.etime = this.factor.etime;
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t);
+      }
+      this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
 }, ti = { key: 0 };
 function ai(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (A(), f("div", ti, [
+  var l;
+  return (l = a.factor) != null && l.active ? (A(), f("div", ti, [
     s("div", {
       class: "legend-bars flex-center",
       style: X([{ position: "absolute" }, { right: t.right + "px", bottom: a.bottom }])
@@ -5162,7 +5053,7 @@ function ai(t, e, a, r, i, o) {
     ]), 4)
   ])) : N("", !0);
 }
-const ii = /* @__PURE__ */ _(ei, [["render", ai], ["__scopeId", "data-v-46d62c81"]]);
+const ii = /* @__PURE__ */ T(ei, [["render", ai], ["__scopeId", "data-v-1c8a9237"]]);
 const ri = {
   name: "IdmWaterTemp",
   props: {
@@ -5257,15 +5148,18 @@ const ri = {
       }
     },
     async handleDraw() {
-      this.handleSetup(), this.etime = this.factor.etime;
-      const t = await this.webgl.loadImg(this.factor.raw);
-      this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t), this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
+      if (this.handleSetup(), this.etime !== this.factor.etime) {
+        this.etime = this.factor.etime;
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t);
+      }
+      this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
 }, oi = { key: 0 };
 function si(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (A(), f("div", oi, [
+  var l;
+  return (l = a.factor) != null && l.active ? (A(), f("div", oi, [
     s("div", {
       class: "legend-bars flex-center",
       style: X([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -5279,7 +5173,7 @@ function si(t, e, a, r, i, o) {
     ]), 4)
   ])) : N("", !0);
 }
-const ni = /* @__PURE__ */ _(ri, [["render", si], ["__scopeId", "data-v-839d844f"]]);
+const ni = /* @__PURE__ */ T(ri, [["render", si], ["__scopeId", "data-v-8974924d"]]);
 const li = {
   name: "IdmTemp",
   props: {
@@ -5377,15 +5271,18 @@ const li = {
       }
     },
     async handleDraw() {
-      this.handleSetup(), this.etime = this.factor.etime;
-      const t = await this.webgl.loadImg(this.factor.raw);
-      this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t), this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
+      if (this.handleSetup(), this.etime !== this.factor.etime) {
+        this.etime = this.factor.etime;
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t);
+      }
+      this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
 }, ci = { key: 0 };
 function hi(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (A(), f("div", ci, [
+  var l;
+  return (l = a.factor) != null && l.active ? (A(), f("div", ci, [
     s("div", {
       class: "legend-bars flex-center",
       style: X([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -5401,7 +5298,7 @@ function hi(t, e, a, r, i, o) {
     ]), 4)
   ])) : N("", !0);
 }
-const di = /* @__PURE__ */ _(li, [["render", hi], ["__scopeId", "data-v-1573eb2b"]]);
+const di = /* @__PURE__ */ T(li, [["render", hi], ["__scopeId", "data-v-d709ba86"]]);
 const pi = {
   name: "IdmArctic",
   props: {
@@ -5490,15 +5387,18 @@ const pi = {
       }
     },
     async handleDraw() {
-      this.handleSetup(), this.etime = this.factor.etime;
-      const t = await this.webgl.loadImg(this.factor.raw);
-      this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t), this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
+      if (this.handleSetup(), this.etime !== this.factor.etime) {
+        this.etime = this.factor.etime;
+        const t = await this.webgl.loadImg(this.factor.raw);
+        this.texture = this.webgl.createTexture(this.context, this.context.NEAREST, this.context.LINEAR, this.context.CLAMP_TO_EDGE, t);
+      }
+      this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
 }, ui = { key: 0 };
 function mi(t, e, a, r, i, o) {
-  var n;
-  return (n = a.factor) != null && n.active ? (A(), f("div", ui, [
+  var l;
+  return (l = a.factor) != null && l.active ? (A(), f("div", ui, [
     s("div", {
       class: "legend-bars flex-center",
       style: X([{ position: "absolute" }, { right: i.right + "px", bottom: a.bottom }])
@@ -5512,7 +5412,7 @@ function mi(t, e, a, r, i, o) {
     ]), 4)
   ])) : N("", !0);
 }
-const gi = /* @__PURE__ */ _(pi, [["render", mi], ["__scopeId", "data-v-5215043b"]]);
+const gi = /* @__PURE__ */ T(pi, [["render", mi], ["__scopeId", "data-v-71587f65"]]);
 /*! Element Plus Icons Vue v2.3.1 */
 var Ai = /* @__PURE__ */ mt({
   name: "LocationFilled",
@@ -5642,8 +5542,8 @@ const wi = {
         if (this.showMeteo && this.ts) {
           const e = Y(), a = (t = Y(this.ts)) == null ? void 0 : t.diff(e, "d", !0), i = [0, 1, 2, 3, 4, 5, 6, 7].every((o) => {
             var c;
-            const n = Ue(this.ts).tz(this.positionGmt).add(3 * o, "h").format();
-            return (c = Ye.pickHourly(this.meteoData, n)) == null ? void 0 : c[0];
+            const l = Ue(this.ts).tz(this.positionGmt).add(3 * o, "h").format();
+            return (c = Ye.pickHourly(this.meteoData, l)) == 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 = Xe.pickDailyExtremes(this.tideData, this.ts);
@@ -5690,14 +5590,14 @@ const wi = {
       this.loading = !0, this.meteoData = [];
       let r = e ? Y(e).utc().format() : Y().utc().format();
       const { weatherModels: i, marineModels: o } = Ye.autoPickMeteoModel(this.forecastModel);
-      let n = {
+      let l = {
         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`, n, {
+      }, c = await le.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, l, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
@@ -5714,17 +5614,17 @@ const wi = {
         pastDays: 1,
         weatherModels: r,
         marineModels: i
-      }, n = await le.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, o, {
+      }, l = await le.post(`${this.gateway}/api/arc/meteo2/spot/forecast`, o, {
         headers: {
           Authorization: this.token || this.defaultMeteoToken
         }
       });
-      (n == null ? void 0 : n.data.code) === 0 && (this.meteoData = n == null ? void 0 : n.data.data, this.loading = !1);
+      (l == null ? void 0 : l.data.code) === 0 && (this.meteoData = l == null ? void 0 : l.data.data, this.loading = !1);
     },
     initTableData(t) {
-      var e, a, r, i, o, n, c, h, u;
-      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 = Ue(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : n.format("MMM-DD/HHmm[LT]"), this.currentHourData = (c = Ye.pickHourly(t, Y(this.ts))) == null ? void 0 : c[0], ((u = (h = this.currentHourData) == null ? void 0 : h.weather) == null ? void 0 : u.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
-        var p, w, b, g, v, y, d, C, m, x, M, E, T, S, Q, G, W, ee, ce, he, de, pe, ue, me, ge, te, oe, we, ie, O, Z, Ae, re;
+      var e, a, r, i, o, l, c, h, u;
+      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 = Ue(this.ts)) == null ? void 0 : o.tz(this.positionGmt)) == null ? void 0 : l.format("MMM-DD/HHmm[LT]"), this.currentHourData = (c = Ye.pickHourly(t, Y(this.ts))) == null ? void 0 : c[0], ((u = (h = this.currentHourData) == null ? void 0 : h.weather) == null ? void 0 : u.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
+        var d, w, b, g, v, y, p, C, m, x, M, E, _, O, Q, G, W, ee, ce, he, de, pe, ue, me, ge, te, oe, we, ie, H, Z, Ae, re;
         if (!document.getElementById("meteoMainBox"))
           return !1;
         if (!this.currentHourData)
@@ -5732,8 +5632,8 @@ const wi = {
         for (let se = 0; se < 8; se++) {
           const ne = Ue(this.ts).tz(this.positionGmt).add(3 * se, "h").format();
           this.tableData.hours.push(ne);
-          const B = ((p = Ye.pickHourly(t, ne)) == null ? void 0 : p[0]) || {};
-          this.tableData.temp.push(this.roundPrecision((w = B == null ? void 0 : B.weather) == null ? void 0 : w.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((g = (b = B == null ? void 0 : B.weather) == null ? void 0 : b.precip) == null ? void 0 : g.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((y = (v = B == null ? void 0 : B.weather) == null ? void 0 : v.precip) == null ? void 0 : y.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((d = B == null ? void 0 : B.weather) == null ? void 0 : d.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((m = (C = B == null ? void 0 : B.weather) == null ? void 0 : C.wind) == null ? void 0 : m.kts, 1) ?? "-"), this.tableData.windDir.push((M = (x = B == null ? void 0 : B.weather) == null ? void 0 : x.wind) == null ? void 0 : M.bearing), this.tableData.windGust.push(this.roundPrecision((T = (E = B == null ? void 0 : B.weather) == null ? void 0 : E.wind) == null ? void 0 : T.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((Q = (S = B == null ? void 0 : B.wave) == null ? void 0 : S.sig) == null ? void 0 : Q.height, 1) ?? "-"), this.tableData.sigwaveDir.push((W = (G = B == null ? void 0 : B.wave) == null ? void 0 : G.sig) == null ? void 0 : W.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((ce = (ee = B == null ? void 0 : B.wave) == null ? void 0 : ee.wd) == null ? void 0 : ce.height, 1) ?? "-"), this.tableData.windwaveDir.push((de = (he = B == null ? void 0 : B.wave) == null ? void 0 : he.wd) == null ? void 0 : de.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((ue = (pe = B == null ? void 0 : B.wave) == null ? void 0 : pe.wd) == null ? void 0 : ue.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ge = (me = B == null ? void 0 : B.wave) == null ? void 0 : me.swell) == null ? void 0 : ge.height, 1) ?? "-"), this.tableData.swellDir.push((oe = (te = B == null ? void 0 : B.wave) == null ? void 0 : te.swell) == null ? void 0 : oe.bearing), this.tableData.swellPeriod.push(this.roundPrecision((ie = (we = B == null ? void 0 : B.wave) == null ? void 0 : we.swell) == null ? void 0 : ie.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((O = B == null ? void 0 : B.current) == null ? void 0 : O.speed, 1) ?? "-"), this.tableData.currentDir.push((Z = B == null ? void 0 : B.current) == null ? void 0 : Z.bearing), this.tableData.seaLevel.push(this.roundPrecision(B == null ? void 0 : B.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(B == null ? void 0 : B.sst, 0) ?? "-"), this.tableData.weatherUrls.push((Ae = B == null ? void 0 : B.weather) == null ? void 0 : Ae.url), this.tableData.weatherNames.push(((re = B == null ? void 0 : B.weather) == null ? void 0 : re.name) ?? "-");
+          const B = ((d = Ye.pickHourly(t, ne)) == null ? void 0 : d[0]) || {};
+          this.tableData.temp.push(this.roundPrecision((w = B == null ? void 0 : B.weather) == null ? void 0 : w.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((g = (b = B == null ? void 0 : B.weather) == null ? void 0 : b.precip) == null ? void 0 : g.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((y = (v = B == null ? void 0 : B.weather) == null ? void 0 : v.precip) == null ? void 0 : y.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((p = B == null ? void 0 : B.weather) == null ? void 0 : p.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((m = (C = B == null ? void 0 : B.weather) == null ? void 0 : C.wind) == null ? void 0 : m.kts, 1) ?? "-"), this.tableData.windDir.push((M = (x = B == null ? void 0 : B.weather) == null ? void 0 : x.wind) == null ? void 0 : M.bearing), this.tableData.windGust.push(this.roundPrecision((_ = (E = B == null ? void 0 : B.weather) == null ? void 0 : E.wind) == null ? void 0 : _.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((Q = (O = B == null ? void 0 : B.wave) == null ? void 0 : O.sig) == null ? void 0 : Q.height, 1) ?? "-"), this.tableData.sigwaveDir.push((W = (G = B == null ? void 0 : B.wave) == null ? void 0 : G.sig) == null ? void 0 : W.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((ce = (ee = B == null ? void 0 : B.wave) == null ? void 0 : ee.wd) == null ? void 0 : ce.height, 1) ?? "-"), this.tableData.windwaveDir.push((de = (he = B == null ? void 0 : B.wave) == null ? void 0 : he.wd) == null ? void 0 : de.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((ue = (pe = B == null ? void 0 : B.wave) == null ? void 0 : pe.wd) == null ? void 0 : ue.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ge = (me = B == null ? void 0 : B.wave) == null ? void 0 : me.swell) == null ? void 0 : ge.height, 1) ?? "-"), this.tableData.swellDir.push((oe = (te = B == null ? void 0 : B.wave) == null ? void 0 : te.swell) == null ? void 0 : oe.bearing), this.tableData.swellPeriod.push(this.roundPrecision((ie = (we = B == null ? void 0 : B.wave) == null ? void 0 : we.swell) == null ? void 0 : ie.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((H = B == null ? void 0 : B.current) == null ? void 0 : H.speed, 1) ?? "-"), this.tableData.currentDir.push((Z = B == null ? void 0 : B.current) == null ? void 0 : Z.bearing), this.tableData.seaLevel.push(this.roundPrecision(B == null ? void 0 : B.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(B == null ? void 0 : B.sst, 0) ?? "-"), this.tableData.weatherUrls.push((Ae = B == null ? void 0 : B.weather) == null ? void 0 : Ae.url), this.tableData.weatherNames.push(((re = B == null ? void 0 : B.weather) == null ? void 0 : re.name) ?? "-");
         }
       });
     },
@@ -5783,8 +5683,8 @@ const wi = {
       });
       if ((o == null ? void 0 : o.data.code) === 0) {
         this.tideData = (o == null ? void 0 : o.data.data) || {}, this.tideLoading = !1;
-        const n = Xe.pickDailyExtremes(this.tideData, this.ts);
-        this.tideTableData = n;
+        const l = Xe.pickDailyExtremes(this.tideData, this.ts);
+        this.tideTableData = l;
       }
     },
     handleBind() {
@@ -5856,19 +5756,19 @@ const wi = {
   class: "main-box flex-center"
 };
 function kr(t, e, a, r, i, o) {
-  var u, l, p, w, b, g, v, y, d, C, m, x, M, E, T, S, Q, G, W, ee, ce, he, de, pe, ue, me, ge, te, oe, we, ie, O, Z, Ae, re, se, ne, B, Ce, xe, Be, Ie, Ee, De, Pe, ke, Me, ze, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, Ge, We, q, Ze, $e, et, tt, at, it, rt;
-  const n = z("LocationFilled"), c = z("ElIcon"), h = z("ElTooltip");
+  var u, n, d, w, b, g, v, y, p, C, m, x, M, E, _, O, Q, G, W, ee, ce, he, de, pe, ue, me, ge, te, oe, we, ie, H, Z, Ae, re, se, ne, B, Ce, xe, Be, Ie, Ee, De, Pe, ke, Me, ze, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, Ge, We, q, Ze, $e, et, tt, at, it, rt;
+  const l = z("LocationFilled"), c = z("ElIcon"), h = z("ElTooltip");
   return fe((A(), f("div", bi, [
     s("div", vi, [
       s("div", Li, [
         s("div", Ci, [
           k(c, { size: "22" }, {
             default: ae(() => [
-              k(n)
+              k(l)
             ]),
             _: 1
           }),
-          s("div", xi, I(o.computeLat((u = i.point) == null ? void 0 : u.lat)) + "," + I(o.computeLng((l = i.point) == null ? void 0 : l.lng)), 1)
+          s("div", xi, I(o.computeLat((u = i.point) == null ? void 0 : u.lat)) + "," + I(o.computeLng((n = i.point) == null ? void 0 : n.lng)), 1)
         ]),
         s("div", Bi, [
           i.showTables ? (A(), f("div", {
@@ -5898,7 +5798,7 @@ function kr(t, e, a, r, i, o) {
             k(h, {
               placement: "top",
               effect: "light",
-              content: (w = (p = i.currentHourData) == null ? void 0 : p.weather) == null ? void 0 : w.name,
+              content: (w = (d = i.currentHourData) == null ? void 0 : d.weather) == null ? void 0 : w.name,
               "show-after": 1e3
             }, {
               default: ae(() => {
@@ -5923,7 +5823,7 @@ function kr(t, e, a, r, i, o) {
             s("div", Mi, [
               s("div", zi, [
                 e[9] || (e[9] = s("label", null, "Precip : ", -1)),
-                s("span", null, I(o.roundPrecision((d = (y = (v = i.currentHourData) == null ? void 0 : v.weather) == null ? void 0 : y.precip) == null ? void 0 : d.sum, 0)) + " mm", 1)
+                s("span", null, I(o.roundPrecision((p = (y = (v = i.currentHourData) == null ? void 0 : v.weather) == null ? void 0 : y.precip) == null ? void 0 : p.sum, 0)) + " mm", 1)
               ]),
               s("div", Ti, [
                 e[10] || (e[10] = s("label", null, "Visibility : ", -1)),
@@ -6329,7 +6229,7 @@ function kr(t, e, a, r, i, o) {
             [ye, i.activeIndex === 4]
           ])
         ], 512), [
-          [ye, ((S = (T = i.tableData) == null ? void 0 : T.hours) == null ? void 0 : S.length) > 0 && i.showTables]
+          [ye, ((O = (_ = i.tableData) == null ? void 0 : _.hours) == null ? void 0 : O.length) > 0 && i.showTables]
         ]),
         fe(s("div", ur, [
           s("div", mr, [
@@ -6339,7 +6239,7 @@ function kr(t, e, a, r, i, o) {
             ]),
             s("div", Ar, [
               e[33] || (e[33] = s("div", null, "Sig wave", -1)),
-              s("div", null, I((ie = (we = (oe = i.currentHourData) == null ? void 0 : oe.wave) == null ? void 0 : we.sig) == null ? void 0 : ie.direction) + "/" + I(o.roundPrecision((Ae = (Z = (O = i.currentHourData) == null ? void 0 : O.wave) == null ? void 0 : Z.sig) == null ? void 0 : Ae.height, 1)) + "m/" + I(o.roundPrecision((ne = (se = (re = i.currentHourData) == null ? void 0 : re.wave) == null ? void 0 : se.sig) == null ? void 0 : ne.period, 1)) + "s", 1)
+              s("div", null, I((ie = (we = (oe = i.currentHourData) == null ? void 0 : oe.wave) == null ? void 0 : we.sig) == null ? void 0 : ie.direction) + "/" + I(o.roundPrecision((Ae = (Z = (H = i.currentHourData) == null ? void 0 : H.wave) == null ? void 0 : Z.sig) == null ? void 0 : Ae.height, 1)) + "m/" + I(o.roundPrecision((ne = (se = (re = i.currentHourData) == null ? void 0 : re.wave) == null ? void 0 : se.sig) == null ? void 0 : ne.period, 1)) + "s", 1)
             ])
           ]),
           s("div", fr, [
@@ -6395,7 +6295,7 @@ function kr(t, e, a, r, i, o) {
     [ye, i.showMeteo]
   ]);
 }
-const Mr = /* @__PURE__ */ _(wi, [["render", kr], ["__scopeId", "data-v-cdc6da70"]]), zr = {
+const Mr = /* @__PURE__ */ T(wi, [["render", kr], ["__scopeId", "data-v-cdc6da70"]]), zr = {
   name: "IdmWarZone",
   props: {
     map: {
@@ -6488,7 +6388,7 @@ const Mr = /* @__PURE__ */ _(wi, [["render", kr], ["__scopeId", "data-v-cdc6da70
 function Tr(t, e, a, r, i, o) {
   return A(), f("div");
 }
-const Qr = /* @__PURE__ */ _(zr, [["render", Tr]]), Sr = {
+const Qr = /* @__PURE__ */ T(zr, [["render", Tr]]), Sr = {
   name: "IdmGmdssArea",
   props: {
     map: {
@@ -6611,7 +6511,7 @@ const Qr = /* @__PURE__ */ _(zr, [["render", Tr]]), Sr = {
 function _r(t, e, a, r, i, o) {
   return A(), f("div");
 }
-const Hr = /* @__PURE__ */ _(Sr, [["render", _r]]), Or = {
+const Hr = /* @__PURE__ */ T(Sr, [["render", _r]]), Or = {
   name: "IdmEcaZone",
   props: {
     map: {
@@ -6702,7 +6602,7 @@ const Hr = /* @__PURE__ */ _(Sr, [["render", _r]]), Or = {
 function Nr(t, e, a, r, i, o) {
   return A(), f("div");
 }
-const jr = /* @__PURE__ */ _(Or, [["render", Nr]]);
+const jr = /* @__PURE__ */ T(Or, [["render", Nr]]);
 const Rr = {
   name: "IdmAlertZone",
   props: {
@@ -6835,7 +6735,7 @@ const Rr = {
   }
 }, Fr = { id: "idm-gl3-zone-info" }, Gr = ["innerHTML"];
 function Wr(t, e, a, r, i, o) {
-  var n;
+  var l;
   return fe((A(), f("div", Fr, [
     s("div", {
       class: "iconfont close",
@@ -6843,13 +6743,13 @@ function Wr(t, e, a, r, i, o) {
     }, ""),
     s("div", {
       class: "rich-context",
-      innerHTML: (n = i.form) == null ? void 0 : n.name
+      innerHTML: (l = i.form) == null ? void 0 : l.name
     }, null, 8, Gr)
   ], 512)), [
     [ye, i.showZone]
   ]);
 }
-const Ur = /* @__PURE__ */ _(Rr, [["render", Wr]]);
+const Ur = /* @__PURE__ */ T(Rr, [["render", Wr]]);
 const Yr = {
   name: "IdmPort",
   props: {
@@ -6956,7 +6856,7 @@ function eo(t, e, a, r, i, o) {
   return fe((A(), f("div", Kr, [
     s("div", {
       class: "close iconfont",
-      onClick: e[0] || (e[0] = (n) => i.showPort = !1)
+      onClick: e[0] || (e[0] = (l) => i.showPort = !1)
     }, ""),
     s("div", Xr, [
       s("div", Jr, [
@@ -6977,7 +6877,7 @@ function eo(t, e, a, r, i, o) {
       ]),
       s("div", $r, [
         s("span", {
-          onClick: e[1] || (e[1] = (n) => o.handleClickMeteo(i.form))
+          onClick: e[1] || (e[1] = (l) => o.handleClickMeteo(i.form))
         }, "Meteo Forecast")
       ])
     ])
@@ -6985,7 +6885,7 @@ function eo(t, e, a, r, i, o) {
     [ye, i.showPort]
   ]);
 }
-const to = /* @__PURE__ */ _(Yr, [["render", eo], ["__scopeId", "data-v-2fc5fc5e"]]), ao = {
+const to = /* @__PURE__ */ T(Yr, [["render", eo], ["__scopeId", "data-v-2fc5fc5e"]]), ao = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -7058,7 +6958,7 @@ const to = /* @__PURE__ */ _(Yr, [["render", eo], ["__scopeId", "data-v-2fc5fc5e
 function io(t, e, a, r, i, o) {
   return A(), f("div");
 }
-const ro = /* @__PURE__ */ _(ao, [["render", io]]), oo = {
+const ro = /* @__PURE__ */ T(ao, [["render", io]]), oo = {
   name: "IdmTimezone",
   props: {
     map: {
@@ -7226,7 +7126,7 @@ const ro = /* @__PURE__ */ _(ao, [["render", io]]), oo = {
 function so(t, e, a, r, i, o) {
   return A(), f("div");
 }
-const no = /* @__PURE__ */ _(oo, [["render", so]]), lo = {
+const no = /* @__PURE__ */ T(oo, [["render", so]]), lo = {
   name: "IdmVoluntaryReportingArea",
   props: {
     map: {
@@ -7317,7 +7217,7 @@ const no = /* @__PURE__ */ _(oo, [["render", so]]), lo = {
 function co(t, e, a, r, i, o) {
   return A(), f("div");
 }
-const ho = /* @__PURE__ */ _(lo, [["render", co]]), po = {
+const ho = /* @__PURE__ */ T(lo, [["render", co]]), po = {
   name: "IdmSpecialArea",
   props: {
     map: {
@@ -7410,7 +7310,7 @@ const ho = /* @__PURE__ */ _(lo, [["render", co]]), po = {
 function uo(t, e, a, r, i, o) {
   return A(), f("div");
 }
-const mo = /* @__PURE__ */ _(po, [["render", uo]]), go = {
+const mo = /* @__PURE__ */ T(po, [["render", uo]]), go = {
   name: "IdmTerminator",
   props: {
     map: {
@@ -7462,7 +7362,7 @@ const mo = /* @__PURE__ */ _(po, [["render", uo]]), go = {
 function Ao(t, e, a, r, i, o) {
   return A(), f("div");
 }
-const fo = /* @__PURE__ */ _(go, [["render", Ao]]);
+const fo = /* @__PURE__ */ T(go, [["render", Ao]]);
 const yo = {
   name: "IdmLatLng",
   props: {
@@ -7630,7 +7530,7 @@ function wo(t, e, a, r, i, o) {
     s("span", null, I(i.lngLat.lng.pretty), 1)
   ], 4)) : N("", !0);
 }
-const ct = /* @__PURE__ */ _(yo, [["render", wo], ["__scopeId", "data-v-ad66a24c"]]), bo = {
+const ct = /* @__PURE__ */ T(yo, [["render", wo], ["__scopeId", "data-v-ad66a24c"]]), bo = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -7696,18 +7596,18 @@ const ct = /* @__PURE__ */ _(yo, [["render", wo], ["__scopeId", "data-v-ad66a24c
       }
     },
     handleDrag(t) {
-      var a, r, i, o, n, c, h, u, l, p;
+      var a, r, i, o, l, c, h, u, n, 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 w = this.geojson.filter((y) => y.id === e.split("-")[0])[0];
         this.pointMarkers[w.id].filter((y) => {
-          var d;
-          return ((d = y._element) == null ? void 0 : d.id) === e;
-        })[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]);
+          var p;
+          return ((p = y._element) == null ? void 0 : p.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]);
         let g;
-        w.features.forEach((y, d) => {
+        w.features.forEach((y, p) => {
           if (y.geometry.type === "Point" && y.properties.id == e.split("-")[1]) {
-            g = d;
+            g = p;
             return;
           }
         });
@@ -7715,22 +7615,22 @@ const ct = /* @__PURE__ */ _(yo, [["render", wo], ["__scopeId", "data-v-ad66a24c
         this.handleTmpPointUpdate(
           w,
           v[g - 1],
-          { lng: (u = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : u.lng, lat: (p = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : p.lat, properties: v[g].properties },
+          { lng: (u = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : u.lng, lat: (d = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : d.lat, properties: v[g].properties },
           g === v.length - 1 ? void 0 : v[g + 1]
         );
       }
     },
     handleDragEnd(t) {
-      var a, r, i, o, n, c, h, u, l, p;
+      var a, r, i, o, l, c, h, u, n, 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 w = this.geojson.filter((v) => v.id === e.split("-")[0])[0];
         this.pointMarkers[w.id].filter((v) => {
           var y;
           return ((y = v._element) == null ? void 0 : y.id) === e;
-        })[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]);
+        })[0].setLngLat([(o = (i = t.target) == null ? void 0 : i._lngLat) == null ? void 0 : o.lng, (c = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : c.lat]);
         const g = w.features.filter((v) => v.geometry.type === "Point" && v.properties.id == e.split("-")[1])[0];
-        g.geometry.coordinates = [(u = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : u.lng, (p = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : p.lat], w.features = w.features.filter((v) => v.geometry.type === "Point"), this.handlePointUpdate(w);
+        g.geometry.coordinates = [(u = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : u.lng, (d = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : d.lat], w.features = w.features.filter((v) => v.geometry.type === "Point"), this.handlePointUpdate(w);
       }
     },
     handleContextmenu(t) {
@@ -7746,18 +7646,18 @@ const ct = /* @__PURE__ */ _(yo, [["render", wo], ["__scopeId", "data-v-ad66a24c
       }
     },
     handleClick(t) {
-      var a, r, i, o, n, c;
+      var a, r, i, o, l, 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, u = this.geojson.filter((l) => l.id === h)[0];
-        u && this.handleClear(u, !0), this.geojson = this.geojson.filter((l) => l.id !== h), !this.show && !((o = this.geojson) != null && o.some((l) => l.closed)) && this.handleUnbind();
+        const h = (i = (r = t.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, u = this.geojson.filter((n) => n.id === h)[0];
+        u && this.handleClear(u, !0), this.geojson = this.geojson.filter((n) => n.id !== h), !this.show && !((o = this.geojson) != null && o.some((n) => n.closed)) && this.handleUnbind();
       } else if (e === "del-point") {
-        const h = (c = (n = t.originalEvent.target.id) == null ? void 0 : n.replace("del-", "")) == null ? void 0 : c.split("-"), u = this.geojson.filter((l) => l.id === h[0])[0];
-        u.features = u.features.filter((l) => l.geometry.type === "Point" && l.properties.id !== h[1]), this.handlePointUpdate(u);
+        const h = (c = (l = t.originalEvent.target.id) == null ? void 0 : l.replace("del-", "")) == null ? void 0 : c.split("-"), u = this.geojson.filter((n) => n.id === h[0])[0];
+        u.features = u.features.filter((n) => n.geometry.type === "Point" && n.properties.id !== h[1]), this.handlePointUpdate(u);
       } else if (e !== "marker-label" && this.show) {
         let h = this.geojson.at(-1);
-        h || (h = P.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(h)), h.features = h.features.filter((l) => l.geometry.type === "Point");
+        h || (h = P.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(h)), h.features = h.features.filter((n) => n.geometry.type === "Point");
         const u = P.feature(
           {
             type: "Point",
@@ -7777,12 +7677,12 @@ const ct = /* @__PURE__ */ _(yo, [["render", wo], ["__scopeId", "data-v-ad66a24c
         let a = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const o = e[i - 1], n = e[i], c = o.properties, h = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, u = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, l = be.calculateDistance(h, u, c.mode === "RL", 2), p = be.calculateBearing(h, u, c.mode === "RL", 2);
-          a = K.roundPrecision(a + l, 2);
+          const o = e[i - 1], l = e[i], c = o.properties, h = { lng: o.geometry.coordinates[0], lat: o.geometry.coordinates[1] }, u = { lng: l.geometry.coordinates[0], lat: l.geometry.coordinates[1] }, n = be.calculateDistance(h, u, c.mode === "RL", 2), d = be.calculateBearing(h, u, c.mode === "RL", 2);
+          a = K.roundPrecision(a + n, 2);
           let w;
           c.mode === "RL" ? w = K.convertToMonotonicLng([h, u]) : w = K.convertToMonotonicLng(be.interpolateCoordinates(h, u, 200));
           const b = P.lineString(w.map((g) => [g.lng, g.lat]));
-          b.properties.dist = l, b.properties.bearing = p, b.properties.total = a, r.push(b);
+          b.properties.dist = n, b.properties.bearing = d, b.properties.total = a, r.push(b);
         }
         e.push(...r), t.total = a;
       }
@@ -7790,22 +7690,22 @@ const ct = /* @__PURE__ */ _(yo, [["render", wo], ["__scopeId", "data-v-ad66a24c
     },
     handleTmpPointUpdate(t, e, a, r) {
       const i = P.featureCollection([]);
-      let o, n;
+      let o, l;
       if (e) {
-        const h = e.properties, u = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, l = { lng: a.lng, lat: a.lat };
-        o = be.calculateDistance(u, l, h.mode === "RL", 2), n = be.calculateBearing(u, l, h.mode === "RL", 2);
-        let p;
-        h.mode === "RL" ? p = K.convertToMonotonicLng([u, l]) : p = K.convertToMonotonicLng(be.interpolateCoordinates(u, l, 200));
-        const w = P.lineString(p.map((b) => [b.lng, b.lat]));
-        w.properties.dist = o, w.properties.bearing = n, i.features.push(w);
+        const h = e.properties, u = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, n = { lng: a.lng, lat: a.lat };
+        o = be.calculateDistance(u, n, h.mode === "RL", 2), l = be.calculateBearing(u, n, h.mode === "RL", 2);
+        let d;
+        h.mode === "RL" ? d = K.convertToMonotonicLng([u, n]) : d = K.convertToMonotonicLng(be.interpolateCoordinates(u, n, 200));
+        const w = P.lineString(d.map((b) => [b.lng, b.lat]));
+        w.properties.dist = o, w.properties.bearing = l, i.features.push(w);
       }
       if (r) {
-        const h = a.properties, u = a, l = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        o = be.calculateDistance(u, l, h.mode === "RL", 2), n = be.calculateBearing(u, l, h.mode === "RL", 2);
-        let p;
-        h.mode === "RL" ? p = K.convertToMonotonicLng([u, l]) : p = K.convertToMonotonicLng(be.interpolateCoordinates(u, l, 200));
-        const w = P.lineString(p.map((b) => [b.lng, b.lat]));
-        w.properties.dist = o, w.properties.bearing = n, i.features.push(w);
+        const h = a.properties, u = a, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
+        o = be.calculateDistance(u, n, h.mode === "RL", 2), l = be.calculateBearing(u, n, h.mode === "RL", 2);
+        let d;
+        h.mode === "RL" ? d = K.convertToMonotonicLng([u, n]) : d = K.convertToMonotonicLng(be.interpolateCoordinates(u, n, 200));
+        const w = P.lineString(d.map((b) => [b.lng, b.lat]));
+        w.properties.dist = o, w.properties.bearing = l, i.features.push(w);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(i) : this.map.addSource(this.tmpSource, {
         type: "geojson",
@@ -7845,7 +7745,7 @@ const ct = /* @__PURE__ */ _(yo, [["render", wo], ["__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>${K.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)
+      if (r ? c = '<div class="marker-label">Drag and drop</div>' : c = `<div class="marker-label">Total distance: <b>${K.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)
         this.tipMarker._element.innerHTML = c, this.tipMarker.setLngLat([a.lng, a.lat]);
       else {
         const h = document.createElement("div");
@@ -7903,32 +7803,32 @@ const ct = /* @__PURE__ */ _(yo, [["render", wo], ["__scopeId", "data-v-ad66a24c
             "text-halo-blur": 0
           }
         });
-        const o = t.features.filter((n) => n.geometry.type === "Point");
-        for (const n of o) {
+        const o = t.features.filter((l) => l.geometry.type === "Point");
+        for (const l of o) {
           const c = document.createElement("div");
-          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);
+          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);
           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 n = o.at(-1), h = t.features.filter((l) => l.geometry.type === "LineString").at(-1), u = document.createElement("div");
-          u.className = "point-summary-marker", u.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(u).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
+          const l = o.at(-1), h = t.features.filter((n) => n.geometry.type === "LineString").at(-1), u = document.createElement("div");
+          u.className = "point-summary-marker", u.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(u).setOffset([60, 0]).setLngLat(l.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(t, e = !0) {
-      var o, n, c, h, u, l, p, w, b;
+      var o, l, c, h, u, n, d, w, b;
       const a = `${t.id}-${this.source}`, r = `${t.id}-${this.layer}`, i = `${t.id}-${this.labelLayer}`;
-      (o = this.map) != null && o.getLayer(r) && this.map.removeLayer(r), (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), (u = this.closeMarkers[t.id]) == null || u.remove(), this.closeMarkers[t.id] = void 0, (l = this.pointMarkers[t.id]) == null || l.forEach((g) => {
+      (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), (u = this.closeMarkers[t.id]) == null || u.remove(), this.closeMarkers[t.id] = void 0, (n = this.pointMarkers[t.id]) == null || n.forEach((g) => {
         g == null || g.remove();
-      }), this.pointMarkers[t.id] = [], (p = this.tipMarker) == null || p.remove(), this.tipMarker = void 0, e && ((w = this.map) != null && w.getSource(a)) && this.map.removeSource(a), e && ((b = this.map) != null && b.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      }), this.pointMarkers[t.id] = [], (d = this.tipMarker) == null || d.remove(), this.tipMarker = void 0, e && ((w = this.map) != null && w.getSource(a)) && this.map.removeSource(a), e && ((b = this.map) != null && b.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
 function vo(t, e, a, r, i, o) {
   return A(), f("div");
 }
-const Lo = /* @__PURE__ */ _(bo, [["render", vo]]);
+const Lo = /* @__PURE__ */ T(bo, [["render", vo]]);
 const Co = {
   name: "IdmENC",
   props: {
@@ -7983,14 +7883,14 @@ const Co = {
   methods: {}
 }, xo = { key: 0 }, Bo = { class: "bar-item" };
 function Io(t, e, a, r, i, o) {
-  const n = z("ElTooltip");
+  const l = z("ElTooltip");
   return a.enabled && a.permission & i.helper.LEVEL.Supper ? (A(), f("div", xo, [
     s("div", {
       class: "menu-bar-box",
       style: X({ position: "absolute", right: i.right + "px", bottom: a.bottom })
     }, [
       s("div", Bo, [
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "Hifleet",
@@ -8006,7 +7906,7 @@ function Io(t, e, a, r, i, o) {
           ]),
           _: 1
         }),
-        k(n, {
+        k(l, {
           placement: "left",
           effect: "light",
           content: "I4insight",
@@ -8026,7 +7926,7 @@ function Io(t, e, a, r, i, o) {
     ], 4)
   ])) : N("", !0);
 }
-const Eo = /* @__PURE__ */ _(Co, [["render", Io], ["__scopeId", "data-v-7301123d"]]), Do = {
+const Eo = /* @__PURE__ */ T(Co, [["render", Io], ["__scopeId", "data-v-7301123d"]]), Do = {
   name: "IdmWorld12nm",
   props: {
     map: {
@@ -8085,7 +7985,7 @@ const Eo = /* @__PURE__ */ _(Co, [["render", Io], ["__scopeId", "data-v-7301123d
 function Po(t, e, a, r, i, o) {
   return null;
 }
-const ko = /* @__PURE__ */ _(Do, [["render", Po]]);
+const ko = /* @__PURE__ */ T(Do, [["render", Po]]);
 const Mo = {
   name: "IdmWorldMarine",
   props: {
@@ -8126,7 +8026,7 @@ const Mo = {
 function zo(t, e, a, r, i, o) {
   return null;
 }
-const To = /* @__PURE__ */ _(Mo, [["render", zo]]), Qo = {
+const To = /* @__PURE__ */ T(Mo, [["render", zo]]), Qo = {
   name: "IdmChinaRoute",
   props: {
     map: {
@@ -8167,7 +8067,7 @@ const To = /* @__PURE__ */ _(Mo, [["render", zo]]), Qo = {
 function So(t, e, a, r, i, o) {
   return null;
 }
-const _o = /* @__PURE__ */ _(Qo, [["render", So]]);
+const _o = /* @__PURE__ */ T(Qo, [["render", So]]);
 const Ho = {
   name: "IdmGLV2",
   components: {
@@ -8270,23 +8170,23 @@ const Ho = {
     },
     map: {
       handler() {
-        this.map && (this.map.on("zoomend", this.handleDragEndWithZoom4Json), this.map.on("dragend", this.handleDragEndWithZoom4Json), this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ve(this.map), this.handleRampColorInitial());
+        this.map && (this.map.on("move", this.handleDragEndWithZoom4Image), this.viewport = new Ve(this.map), this.handleRampColorInitial());
       },
       immediate: !0
     },
     enc: {
       handler(t, e) {
-        var a, r, i, o, n, c, h, u;
-        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"), (u = (h = this.map) == null ? void 0 : h.getLayer("hi")) == null || u.setLayoutProperty("visibility", "none"));
+        var a, r, i, o, l, c, h, u;
+        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"), (u = (h = this.map) == null ? void 0 : h.getLayer("hi")) == null || u.setLayoutProperty("visibility", "none"));
       }
     },
     activeWeatherLayers: {
       handler() {
-        var a, r, i, o, n, c, h, u, l, p, w, b, g, v, y, d, C;
+        var a, r, i, o, l, c, h, u, n, d, w, b, g, v, y, p, C;
         if (!this.map)
           return !1;
         const t = this.activeWeatherLayers.some((m) => m.key === "wind" && m.particle === !0 || m.key === "current" && m.particle === !0 || m.key === "ice-thickness" || m.key === "ice-cover" || m.key === "temp" || m.key === "water-temp"), e = this.activeWeatherLayers.some((m) => m.key === "visibility" || m.key === "precip3h");
-        this.activeWeatherLayers.length > 0 ? (t ? (r = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || r.setLayoutProperty("visibility", "none") : (o = (i = this.map) == null ? void 0 : i.getLayer(this.enc)) == null || o.setLayoutProperty("visibility", "visible"), (c = (n = this.map) == null ? void 0 : n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || c.setLayoutProperty("visibility", "visible"), (u = this.map) != null && u.getLayer((h = this.viewport) == null ? void 0 : h.rampColorLayer) && ((l = this.map) != null && l.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((w = this.map) == null || w.moveLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), e && ((g = this.map) == null || g.moveLayer(this.helper.mapboxCustomer.layers.countryBoundary.id, (b = this.viewport) == null ? void 0 : b.rampColorLayer))) : ((y = (v = this.map) == null ? void 0 : v.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || y.setLayoutProperty("visibility", "none"), (C = (d = this.map) == null ? void 0 : d.getLayer(this.enc)) == null || C.setLayoutProperty("visibility", "visible")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
+        this.activeWeatherLayers.length > 0 ? (t ? (r = (a = this.map) == null ? void 0 : a.getLayer(this.enc)) == null || r.setLayoutProperty("visibility", "none") : (o = (i = this.map) == null ? void 0 : i.getLayer(this.enc)) == null || o.setLayoutProperty("visibility", "visible"), (c = (l = this.map) == null ? void 0 : l.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || c.setLayoutProperty("visibility", "visible"), (u = this.map) != null && u.getLayer((h = this.viewport) == null ? void 0 : h.rampColorLayer) && ((n = this.map) != null && n.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((w = this.map) == null || w.moveLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), e && ((g = this.map) == null || g.moveLayer(this.helper.mapboxCustomer.layers.countryBoundary.id, (b = this.viewport) == null ? void 0 : b.rampColorLayer))) : ((y = (v = this.map) == null ? void 0 : v.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || y.setLayoutProperty("visibility", "none"), (C = (p = this.map) == null ? void 0 : p.getLayer(this.enc)) == null || C.setLayoutProperty("visibility", "visible")), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
       },
       immediate: !0
     },
@@ -8338,21 +8238,21 @@ const Ho = {
   },
   methods: {
     async fetchWeatherLayers(t = { tropicals: !1 }) {
-      var i, o, n, c, h, u, l, p, w;
+      var i, o, l, c, h, u, n, d, w;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let a = 0, r = 0;
       if (this.map) {
         const b = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, g = (o = this.map) == null ? void 0 : o.getBounds(), v = `${g._sw.lng},${g._sw.lat},${g._ne.lng},${g._ne.lat}`;
-        if (this.particleFactor && ((n = this.$refs.layer) != null && n.autoActive)) {
-          const y = Je.WEATHER_LAYERS.find((d) => {
+        if (this.particleFactor && ((l = this.$refs.layer) != null && l.autoActive)) {
+          const y = Je.WEATHER_LAYERS.find((p) => {
             var C;
-            return ((C = d.peer) == null ? void 0 : C.weight) === this.particleFactor.weight;
+            return ((C = p.peer) == null ? void 0 : C.weight) === this.particleFactor.weight;
           });
           this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & y.weight ? this.weatherWeight : this.weatherWeight + y.weight : this.weatherWeight = this.weatherWeight & y.weight ? this.weatherWeight - y.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
-          let y = this.weatherWeight, d;
-          if (t.tropicals || this.weatherWeight & 256 && (d = this.weatherLayers.tropicals, d && (y -= 256, d.version = Math.random() + 1)), y > 0) {
+          let y = this.weatherWeight, p;
+          if (t.tropicals || this.weatherWeight & 256 && (p = this.weatherLayers.tropicals, p && (y -= 256, p.version = Math.random() + 1)), y > 0) {
             const C = await le.get(`${this.gateway}/api/arc/weather/layers2/links?l=${y}&v=${this.source}&z=${b}&bbox=${v}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
@@ -8368,18 +8268,18 @@ const Ho = {
                       key: E
                     },
                     responseType: /\.(jpg|png)$/.test(m[E]) ? "blob" : "json"
-                  }).catch((T) => {
-                    console.log(`[${E}] fetch layer error: ${T}`);
+                  }).catch((_) => {
+                    console.log(`[${E}] fetch layer error: ${_}`);
                   })
                 );
               const M = await Promise.all(x);
               this.weatherLayers = {}, M.map((E) => {
                 var Q, G, W, ee;
-                const T = ((Q = E == null ? void 0 : E.data) == null ? void 0 : Q.data) || (E == null ? void 0 : E.data), S = (W = (G = E == null ? void 0 : E.config) == null ? void 0 : G.headers) == null ? void 0 : W.key;
-                S && T && (this.weatherLayers[S] = {
-                  raw: T,
+                const _ = ((Q = E == null ? void 0 : E.data) == null ? void 0 : Q.data) || (E == null ? void 0 : E.data), O = (W = (G = E == null ? void 0 : E.config) == null ? void 0 : G.headers) == null ? void 0 : W.key;
+                O && _ && (this.weatherLayers[O] = {
+                  raw: _,
                   type: ((ee = E == null ? void 0 : E.config) == null ? void 0 : ee.responseType) === "blob" ? "image" : "json",
-                  etime: this.ts
+                  etime: C.data.etime
                 });
               }), m.tropicals && le.get(m.tropicals, {
                 headers: {
@@ -8388,37 +8288,37 @@ const Ho = {
                 }
               }).then((E) => {
                 var Q, G, W;
-                const T = nt.convert2Geojson(((Q = E == null ? void 0 : E.data) == null ? void 0 : Q.data) || (E == null ? void 0 : E.data)), S = (W = (G = E == null ? void 0 : E.config) == null ? void 0 : G.headers) == null ? void 0 : W.key;
-                this.weatherLayers[S] = {
-                  data: T,
+                const _ = nt.convert2Geojson(((Q = E == null ? void 0 : E.data) == null ? void 0 : Q.data) || (E == null ? void 0 : E.data)), O = (W = (G = E == null ? void 0 : E.config) == null ? void 0 : G.headers) == null ? void 0 : W.key;
+                this.weatherLayers[O] = {
+                  data: _,
                   active: !0,
                   cached: !1,
                   type: "json",
-                  etime: this.ts,
+                  etime: C.data.etime,
                   version: Math.random() + 1
                 };
               });
             }
             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 m = (u = this.weatherLayers["swell-direction"]) == null ? void 0 : u.raw, x = (l = this.weatherLayers["swell-height"]) == null ? void 0 : l.raw;
+              const m = (u = this.weatherLayers["swell-direction"]) == null ? void 0 : u.raw, x = (n = this.weatherLayers["swell-height"]) == null ? void 0 : n.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
                 direction: m,
                 height: { raw: x },
-                etime: this.ts
+                etime: C.data.etime
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const m = (p = this.weatherLayers["current-direction"]) == null ? void 0 : p.raw, x = (w = this.weatherLayers["current-speed"]) == null ? void 0 : w.raw;
+              const m = (d = this.weatherLayers["current-direction"]) == null ? void 0 : d.raw, x = (w = this.weatherLayers["current-speed"]) == null ? void 0 : w.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
                 direction: m,
                 speed: { raw: x },
-                etime: this.ts
+                etime: C.data.etime
               };
             }
           }
-          d && (d.etime = this.ts, d.cached = !0, this.weatherLayers.tropicals = d);
+          p && (p.etime = this.ts, p.cached = !0, this.weatherLayers.tropicals = p);
         }
         this.handleWeatherLayerToggle(), this.handleDragEndWithZoom4Json();
       }
@@ -8429,19 +8329,19 @@ const Ho = {
       if (this.map) {
         let o = this.otherWeight;
         if (o) {
-          let n = !1, c = !1, h = !1, u = !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, u = !0), o) {
+          let l = !1, c = !1, h = !1, u = !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, u = !0), o) {
             if (t.all) {
-              const l = await le.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
+              const n = await le.get(`${this.gateway}/api/arc/other/layers/links?l=${o}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
-              if (((e = l == null ? void 0 : l.data) == null ? void 0 : e.code) === 0) {
-                const p = (a = l == null ? void 0 : l.data) == null ? void 0 : a.data, w = [];
-                for (const g in p)
+              if (((e = n == null ? void 0 : n.data) == null ? void 0 : e.code) === 0) {
+                const d = (a = n == null ? void 0 : n.data) == null ? void 0 : a.data, w = [];
+                for (const g in d)
                   w.push(
-                    le.get(p[g], {
+                    le.get(d[g], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: g
@@ -8449,23 +8349,23 @@ const Ho = {
                     })
                   );
                 const b = await Promise.all(w);
-                this.otherLayers = { enc: n, world12nm: c, worldMarine: h, chinaRoute: u }, b.map((g) => {
-                  var d, C, m;
-                  const v = ((d = g == null ? void 0 : g.data) == null ? void 0 : d.data) || (g == null ? void 0 : g.data), y = (m = (C = g == null ? void 0 : g.config) == null ? void 0 : C.headers) == null ? void 0 : m.key;
+                this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: u }, b.map((g) => {
+                  var p, C, m;
+                  const v = ((p = g == null ? void 0 : g.data) == null ? void 0 : p.data) || (g == null ? void 0 : g.data), y = (m = (C = g == null ? void 0 : g.config) == null ? void 0 : C.headers) == null ? void 0 : m.key;
                   this.otherLayers[y] = v;
                 });
               }
             } else if (t.dayNight && o & 1024) {
-              const l = await le.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const n = await le.get(`${this.gateway}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
-              if (((r = l == null ? void 0 : l.data) == null ? void 0 : r.code) === 0) {
-                const p = (i = l == null ? void 0 : l.data) == null ? void 0 : i.data, w = [];
-                for (const g in p)
+              if (((r = n == null ? void 0 : n.data) == null ? void 0 : r.code) === 0) {
+                const d = (i = n == null ? void 0 : n.data) == null ? void 0 : i.data, w = [];
+                for (const g in d)
                   w.push(
-                    le.get(p[g], {
+                    le.get(d[g], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
                         key: g
@@ -8473,14 +8373,14 @@ const Ho = {
                     })
                   );
                 (await Promise.all(w)).map((g) => {
-                  var d, C, m;
-                  const v = ((d = g == null ? void 0 : g.data) == null ? void 0 : d.data) || (g == null ? void 0 : g.data), y = (m = (C = g == null ? void 0 : g.config) == null ? void 0 : C.headers) == null ? void 0 : m.key;
+                  var p, C, m;
+                  const v = ((p = g == null ? void 0 : g.data) == null ? void 0 : p.data) || (g == null ? void 0 : g.data), y = (m = (C = g == null ? void 0 : g.config) == null ? void 0 : C.headers) == null ? void 0 : m.key;
                   this.otherLayers[y] = v;
                 });
               }
             }
           } else
-            this.otherLayers = { enc: n, world12nm: c, worldMarine: h, chinaRoute: u };
+            this.otherLayers = { enc: l, world12nm: c, worldMarine: h, chinaRoute: u };
         } else
           this.otherLayers = {};
         this.handleBeforeLayerToggle();
@@ -8496,7 +8396,7 @@ const Ho = {
       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, n, c, h, u, l, p;
+      var t, e, a, r, i, o, l, c, h, u, n, 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,
@@ -8512,7 +8412,7 @@ const Ho = {
           }
         },
         this.beforeLayer
-      ), this.viewport.map.getSource((n = this.viewport) == null ? void 0 : n.particleSource) || this.viewport.map.addSource((c = this.viewport) == null ? void 0 : c.particleSource, {
+      ), this.viewport.map.getSource((l = this.viewport) == null ? void 0 : l.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,
@@ -8520,8 +8420,8 @@ const Ho = {
       }), this.viewport.map.getLayer((u = this.viewport) == null ? void 0 : u.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
-          id: (l = this.viewport) == null ? void 0 : l.particleLayer,
-          source: (p = this.viewport) == null ? void 0 : p.particleSource,
+          id: (n = this.viewport) == null ? void 0 : n.particleLayer,
+          source: (d = this.viewport) == null ? void 0 : d.particleSource,
           layout: {
             visibility: "none"
           }
@@ -8530,85 +8430,85 @@ const Ho = {
       );
     },
     handleDragEndWithZoom4Json() {
-      var u, l, p, w, b;
+      var u, n, d, w, b;
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, a = 0;
-      const r = (u = this.map) == null ? void 0 : u.getBounds(), i = this.map.getZoom(), o = K.convertToStdLng(r._sw.lng), n = K.convertToStdLng(r._ne.lng), c = Math.floor(r._sw.lat), h = Math.ceil(r._ne.lat);
+      const r = (u = this.map) == null ? void 0 : u.getBounds(), i = this.map.getZoom(), o = K.convertToStdLng(r._sw.lng), l = K.convertToStdLng(r._ne.lng), c = Math.floor(r._sw.lat), h = Math.ceil(r._ne.lat);
       for (const g in this.weatherLayers)
         if (this.weatherLayers[g].active && this.weatherLayers[g].type === "json") {
           this.weatherLayers[g].active = !1, this.weatherLayers[g].version = Math.random() + 1;
           let v = [];
           if (["swell", "current"].includes(g)) {
-            const y = ((l = this.weatherLayers[g]) == null ? void 0 : l.direction) || {};
-            for (const d in y)
-              if (d > c && d < h && (!(i <= this.zoom) || d % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                const C = y[d].lng;
-                o > n ? C.forEach((m, x) => {
-                  var M, E, T, S, Q, G;
+            const y = ((n = this.weatherLayers[g]) == null ? void 0 : n.direction) || {};
+            for (const p in y)
+              if (p > c && p < h && (!(i <= this.zoom) || p % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                const C = y[p].lng;
+                o > l ? C.forEach((m, x) => {
+                  var M, E, _, O, Q, G;
                   if (i < 2) {
                     if ((m >= 0 && m <= 360 || m >= -360 && m <= 0) && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const W = P.point([m, d], {
-                        val: ((M = y[d].val) == null ? void 0 : M[x]) || ((E = y[d].dir) == null ? void 0 : E[x]),
-                        spd: (T = y[d].spd) == null ? void 0 : T[x]
+                      const W = P.point([m, p], {
+                        val: ((M = y[p].val) == null ? void 0 : M[x]) || ((E = y[p].dir) == null ? void 0 : E[x]),
+                        spd: (_ = y[p].spd) == null ? void 0 : _[x]
                       });
                       v.push(W);
                     }
-                  } else if ((m >= o && m <= 180 || m >= -180 && m <= n) && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const W = P.point([m, d], {
-                      val: ((S = y[d].val) == null ? void 0 : S[x]) || ((Q = y[d].dir) == null ? void 0 : Q[x]),
-                      spd: (G = y[d].spd) == null ? void 0 : G[x]
+                  } else if ((m >= o && m <= 180 || m >= -180 && m <= l) && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const W = P.point([m, p], {
+                      val: ((O = y[p].val) == null ? void 0 : O[x]) || ((Q = y[p].dir) == null ? void 0 : Q[x]),
+                      spd: (G = y[p].spd) == null ? void 0 : G[x]
                     });
                     v.push(W);
                   }
                 }) : C.forEach((m, x) => {
-                  var M, E, T, S, Q, G;
+                  var M, E, _, O, Q, G;
                   if (o < 2) {
                     if ((m >= 0 && m <= 360 || m >= -360 && m <= 0) && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const W = P.point([m, d], {
-                        val: ((M = y[d].val) == null ? void 0 : M[x]) || ((E = y[d].dir) == null ? void 0 : E[x]),
-                        spd: (T = y[d].spd) == null ? void 0 : T[x]
+                      const W = P.point([m, p], {
+                        val: ((M = y[p].val) == null ? void 0 : M[x]) || ((E = y[p].dir) == null ? void 0 : E[x]),
+                        spd: (_ = y[p].spd) == null ? void 0 : _[x]
                       });
                       v.push(W);
                     }
-                  } else if (m >= o && m <= n && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const W = P.point([m, d], {
-                      val: ((S = y[d].val) == null ? void 0 : S[x]) || ((Q = y[d].dir) == null ? void 0 : Q[x]),
-                      spd: (G = y[d].spd) == null ? void 0 : G[x]
+                  } else if (m >= o && m <= l && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const W = P.point([m, p], {
+                      val: ((O = y[p].val) == null ? void 0 : O[x]) || ((Q = y[p].dir) == null ? void 0 : Q[x]),
+                      spd: (G = y[p].spd) == null ? void 0 : G[x]
                     });
                     v.push(W);
                   }
                 });
               }
             if (a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("direction elapsed: ", a, ", total: ", e += a), g === "swell") {
-              const d = this.weatherLayers[g].height;
-              if (d) {
-                if (!d.data) {
+              const p = this.weatherLayers[g].height;
+              if (p) {
+                if (!p.data) {
                   const C = [];
-                  for (const m in (p = d.raw) == null ? void 0 : p.LineString) {
-                    const x = d.raw.LineString[m];
+                  for (const m in (d = p.raw) == null ? void 0 : d.LineString) {
+                    const x = p.raw.LineString[m];
                     for (const M of x)
                       C.push(
                         P.lineString(M, {
                           val: Number(m)
                         })
                       );
-                    d.data = P.featureCollection(C);
+                    p.data = P.featureCollection(C);
                   }
                 }
-                if (d.data) {
-                  const C = this.handleBboxClip(d.data, r);
+                if (p.data) {
+                  const C = this.handleBboxClip(p.data, r);
                   v = v.concat(C);
                 }
                 a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("height elapsed: ", a, ", total: ", e += a);
               }
             }
             if (g === "current") {
-              const d = this.weatherLayers[g].speed;
-              if (d) {
-                if (!d.data) {
+              const p = this.weatherLayers[g].speed;
+              if (p) {
+                if (!p.data) {
                   const m = [];
-                  for (const x in (w = d.raw) == null ? void 0 : w.Polygon) {
-                    const M = d.raw.Polygon[x];
+                  for (const x in (w = p.raw) == null ? void 0 : w.Polygon) {
+                    const M = p.raw.Polygon[x];
                     for (const E of M)
                       m.push(
                         P.polygon(E, {
@@ -8616,48 +8516,48 @@ const Ho = {
                         })
                       );
                   }
-                  d.data = P.featureCollection(m);
+                  p.data = P.featureCollection(m);
                 }
-                const C = i < this.zoom ? d.data.features.filter((m) => m.properties.val > 0.5) : d.data.features;
+                const C = i < this.zoom ? p.data.features.filter((m) => m.properties.val > 0.5) : p.data.features;
                 v = v.concat(C), a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("speed elapsed: ", a, ", total: ", e += a);
               }
             }
           } else if (g === "wind") {
             const y = this.weatherLayers.wind.raw;
-            for (const d in y)
-              if (d > c && d < h && (!(i <= this.zoom) || d % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                const C = y[d].lng;
-                o > n ? C.forEach((m, x) => {
-                  var M, E, T, S;
+            for (const p in y)
+              if (p > c && p < h && (!(i <= this.zoom) || p % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                const C = y[p].lng;
+                o > l ? C.forEach((m, x) => {
+                  var M, E, _, O;
                   if (i < 2) {
                     if ((m >= 0 && m <= 360 || m >= -360 && m <= 0) && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const Q = P.point([m, d], {
-                        dir: ((M = y[d].val) == null ? void 0 : M[x]) || ((E = y[d].dir) == null ? void 0 : E[x]),
-                        spd: y[d].spd[x]
+                      const Q = P.point([m, p], {
+                        dir: ((M = y[p].val) == null ? void 0 : M[x]) || ((E = y[p].dir) == null ? void 0 : E[x]),
+                        spd: y[p].spd[x]
                       });
                       v.push(Q);
                     }
-                  } else if ((m >= o && m <= 180 || m >= -180 && m <= n) && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const Q = P.point([m, d], {
-                      dir: ((T = y[d].val) == null ? void 0 : T[x]) || ((S = y[d].dir) == null ? void 0 : S[x]),
-                      spd: y[d].spd[x]
+                  } else if ((m >= o && m <= 180 || m >= -180 && m <= l) && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const Q = P.point([m, p], {
+                      dir: ((_ = y[p].val) == null ? void 0 : _[x]) || ((O = y[p].dir) == null ? void 0 : O[x]),
+                      spd: y[p].spd[x]
                     });
                     v.push(Q);
                   }
                 }) : C.forEach((m, x) => {
-                  var M, E, T, S;
+                  var M, E, _, O;
                   if (i < 2) {
                     if ((m >= 0 && m <= 360 || m >= -360 && m <= 0) && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const Q = P.point([m, d], {
-                        dir: ((M = y[d].val) == null ? void 0 : M[x]) || ((E = y[d].dir) == null ? void 0 : E[x]),
-                        spd: y[d].spd[x]
+                      const Q = P.point([m, p], {
+                        dir: ((M = y[p].val) == null ? void 0 : M[x]) || ((E = y[p].dir) == null ? void 0 : E[x]),
+                        spd: y[p].spd[x]
                       });
                       v.push(Q);
                     }
-                  } else if (m >= o && m <= n && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const Q = P.point([m, d], {
-                      dir: ((T = y[d].val) == null ? void 0 : T[x]) || ((S = y[d].dir) == null ? void 0 : S[x]),
-                      spd: y[d].spd[x]
+                  } else if (m >= o && m <= l && (!(i <= this.zoom) || m % (i < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const Q = P.point([m, p], {
+                      dir: ((_ = y[p].val) == null ? void 0 : _[x]) || ((O = y[p].dir) == null ? void 0 : O[x]),
+                      spd: y[p].spd[x]
                     });
                     v.push(Q);
                   }
@@ -8670,11 +8570,11 @@ const Ho = {
             else {
               const y = this.weatherLayers[g].raw;
               if (y) {
-                const d = [];
+                const p = [];
                 for (const C in y.Polygon) {
                   const m = y.Polygon[C];
                   for (const x of m)
-                    d.push(
+                    p.push(
                       P.polygon(x, {
                         val: Number(C)
                       })
@@ -8683,13 +8583,13 @@ const Ho = {
                 for (const C in y.Point) {
                   const m = y.Point[C];
                   for (let x = 0; x < ((b = m.lng) == null ? void 0 : b.length); x++)
-                    d.push(
+                    p.push(
                       P.point([m.lng[x], C], {
                         val: Number(m.val[x])
                       })
                     );
                 }
-                v = v.concat(d);
+                v = v.concat(p);
               }
             }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("sigWave elapsed: ", a, ", total: ", e += a);
@@ -8699,11 +8599,11 @@ const Ho = {
             else {
               const y = this.weatherLayers[g].raw;
               if (y) {
-                const d = [];
+                const p = [];
                 for (const C in y.LineString) {
                   const m = y.LineString[C];
                   for (const x of m)
-                    d.push(
+                    p.push(
                       P.lineString(x, {
                         val: Number(C)
                       })
@@ -8711,14 +8611,14 @@ const Ho = {
                 }
                 for (const C in y.Point)
                   y.Point[C].lng.forEach((m, x) => {
-                    m = K.convertToStdLng(m), d.push(
+                    m = K.convertToStdLng(m), p.push(
                       P.point([m, C], {
                         val: y.Point[C].val[x],
                         type: y.Point[C].type[x]
                       })
                     );
                   });
-                v = v.concat(d);
+                v = v.concat(p);
               }
             }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", a, ", total: ", e += a);
@@ -8728,17 +8628,17 @@ const Ho = {
             else {
               const y = this.weatherLayers[g].raw;
               if (y) {
-                const d = [];
+                const p = [];
                 for (const C in y.LineString) {
                   const m = y.LineString[C];
                   for (const x of m)
-                    d.push(
+                    p.push(
                       P.lineString(x, {
                         val: Number(C)
                       })
                     );
                 }
-                v = v.concat(d);
+                v = v.concat(p);
               }
             }
             a = (/* @__PURE__ */ new Date()).valueOf() - (t + e);
@@ -8755,10 +8655,10 @@ const Ho = {
       return t.features.forEach((o) => {
         if (o.geometry.type !== "Point")
           if (r > i) {
-            let n = [r, e._sw.lat, 180, e._ne.lat], c = P.bboxClip(o, n);
-            c.geometry.coordinates.length && a.push(c), n = [-180, e._sw.lat, i, e._ne.lat], c = P.bboxClip(o, n), c.geometry.coordinates.length && a.push(c);
+            let l = [r, e._sw.lat, 180, e._ne.lat], c = P.bboxClip(o, l);
+            c.geometry.coordinates.length && a.push(c), l = [-180, e._sw.lat, i, e._ne.lat], c = P.bboxClip(o, l), c.geometry.coordinates.length && a.push(c);
           } else {
-            const n = [r, e._sw.lat, i, e._ne.lat], c = P.bboxClip(o, n);
+            const l = [r, e._sw.lat, i, e._ne.lat], c = P.bboxClip(o, l);
             c.geometry.coordinates.length && a.push(c);
           }
         else
@@ -8776,8 +8676,8 @@ const Ho = {
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var t, e, a, r, i, o, n, c, h, u, l, p, w, b, g, v;
-      (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 || (u = this.otherLayers) != null && u.enc || (l = this.otherLayers) != null && l.world12nm || (p = this.otherLayers) != null && p.worldMarine || (w = this.otherLayers) != null && w.chinaRoute || (b = this.otherLayers) != null && b["voluntary-reporting-area"] || (g = this.otherLayers) != null && g["eca-zones"] || (v = this.otherLayers) != null && v["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var t, e, a, r, i, o, l, c, h, u, n, d, w, b, g, v;
+      (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 || (u = this.otherLayers) != null && u.enc || (n = this.otherLayers) != null && n.world12nm || (d = this.otherLayers) != null && d.worldMarine || (w = this.otherLayers) != null && w.chinaRoute || (b = this.otherLayers) != null && b["voluntary-reporting-area"] || (g = this.otherLayers) != null && g["eca-zones"] || (v = this.otherLayers) != null && v["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
     handleDateChange(t = { tropicals: !1 }) {
       this.fetchWeatherLayers(t), this.fetchOtherLayers({ dayNight: !0 });
@@ -8787,14 +8687,14 @@ const Ho = {
         this.activeWeatherLayers = JSON.parse(JSON.stringify(t));
         const a = this.activeWeatherLayers.some(
           (o) => {
-            var n;
-            return ["wind", "current"].includes(o.key) && (!((n = Object.keys(o)) != null && n.some((c) => c === "particle")) || !!o.particle);
+            var l;
+            return ["wind", "current"].includes(o.key) && (!((l = Object.keys(o)) != null && l.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, n) => o + (o & (n == null ? void 0 : n.weight) ? 0 : n == null ? void 0 : n.weight), 0);
+        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);
         this.weatherWeight !== i || this.source !== e ? (this.source = e, this.weatherWeight = i, this.fetchWeatherLayers({ tropicals: !1 })) : this.handleWeatherLayerToggle();
       }) : setTimeout(() => {
         this.handleWeatherLayerChange(t, e);
@@ -8811,8 +8711,8 @@ const Ho = {
       }
     },
     handle3dToggle(t) {
-      var e, a, r, i, o, n, c, h, u, l, p, w, b, g, v, y, d, C, m, x;
-      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((u = this.viewport) == null ? void 0 : u.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(), (w = this.map) != null && w.getLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer) && ((b = this.map) != null && b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((v = this.map) == null || v.moveLayer((g = this.viewport) == null ? void 0 : g.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (d = this.map) != null && d.getLayer((y = this.viewport) == null ? void 0 : y.particleLayer) && ((C = this.map) != null && C.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((x = this.map) == null || x.moveLayer((m = this.viewport) == null ? void 0 : m.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+      var e, a, r, i, o, l, c, h, u, n, d, w, b, g, v, y, p, C, m, x;
+      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((u = this.viewport) == null ? void 0 : u.particleLayer, this.helper.mapboxCustomer.layers.water.id)), this.map.off("move", this.handleDragEndWithZoom4Image)) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", this.map.on("move", this.handleDragEndWithZoom4Image), this.handleDragEndWithZoom4Image(), (w = this.map) != null && w.getLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer) && ((b = this.map) != null && b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((v = this.map) == null || v.moveLayer((g = this.viewport) == null ? void 0 : g.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (p = this.map) != null && p.getLayer((y = this.viewport) == null ? void 0 : y.particleLayer) && ((C = this.map) != null && C.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((x = this.map) == null || x.moveLayer((m = this.viewport) == null ? void 0 : m.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) => {
@@ -8836,10 +8736,10 @@ const Ho = {
   className: "map-gl-home"
 };
 function No(t, e, a, r, i, o) {
-  var ie, O, Z, Ae, re, se, ne, B, Ce, xe, Be, Ie, Ee, De, Pe, ke, Me, ze, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, Ge, We;
-  const n = z("IdmGlLayer"), c = z("IdmENC"), h = z("IdmWorld12nm"), u = z("IdmWorldMarine"), l = z("IdmChinaRoute"), p = z("IdmSigWave"), w = z("IdmSwell"), b = z("IdmPrmsl"), g = z("IdmIceCover"), v = z("IdmIceThickness"), y = z("IdmTropicals"), d = z("IdmCurrents"), C = z("IdmCurrentParticle"), m = z("IdmWindBarb"), x = z("IdmWindParticle"), M = z("IdmPrecip3h"), E = z("IdmVisibility"), T = z("IdmWaterTemp"), S = z("IdmTemp"), Q = z("IdmArctic"), G = z("IdmWarZone"), W = z("IdmGmdssArea"), ee = z("IdmEcaZone"), ce = z("IdmAlertZone"), he = z("IdmPort"), de = z("IdmLoadLine"), pe = z("IdmTimezone"), ue = z("IdmVRA"), me = z("IdmSpecialArea"), ge = z("IdmTerminator"), te = z("IdmLatLng"), oe = z("IdmMeasure"), we = z("IdmPoint");
+  var ie, H, Z, Ae, re, se, ne, B, Ce, xe, Be, Ie, Ee, De, Pe, ke, Me, ze, Te, Qe, Se, _e, He, Oe, Ne, je, Re, Fe, Ge, We;
+  const l = z("IdmGlLayer"), c = z("IdmENC"), h = z("IdmWorld12nm"), u = z("IdmWorldMarine"), n = z("IdmChinaRoute"), d = z("IdmSigWave"), w = z("IdmSwell"), b = z("IdmPrmsl"), g = z("IdmIceCover"), v = z("IdmIceThickness"), y = z("IdmTropicals"), p = z("IdmCurrents"), C = z("IdmCurrentParticle"), m = z("IdmWindBarb"), x = z("IdmWindParticle"), M = z("IdmPrecip3h"), E = z("IdmVisibility"), _ = z("IdmWaterTemp"), O = z("IdmTemp"), Q = z("IdmArctic"), G = z("IdmWarZone"), W = z("IdmGmdssArea"), ee = z("IdmEcaZone"), ce = z("IdmAlertZone"), he = z("IdmPort"), de = z("IdmLoadLine"), pe = z("IdmTimezone"), ue = z("IdmVRA"), me = z("IdmSpecialArea"), ge = z("IdmTerminator"), te = z("IdmLatLng"), oe = z("IdmMeasure"), we = z("IdmPoint");
   return a.map ? (A(), f("div", Oo, [
-    k(n, H({
+    k(l, S({
       ref: "layer",
       map: a.map,
       "toggle-version": a.toggleVersion,
@@ -8866,7 +8766,7 @@ function No(t, e, a, r, i, o) {
       on3d: o.handle3dToggle,
       onHandleToggleVersion: o.handleToggleVersion
     }), null, 16, ["map", "toggle-version", "map-projection", "show-wind-feather", "show-wind-particle", "show-current-isoband", "show-current-particle", "token", "gateway", "forecast-model", "onWeather", "onOther", "on3d", "onHandleToggleVersion"]),
-    k(c, H({
+    k(c, S({
       map: a.map,
       token: a.token,
       enabled: (ie = i.otherLayers) == null ? void 0 : ie.enc,
@@ -8874,82 +8774,82 @@ function No(t, e, a, r, i, o) {
     }, t.$attrs, {
       onEnc: e[9] || (e[9] = (q) => i.enc = q)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
-    k(h, H({
+    k(h, S({
       map: a.map,
       token: a.token,
       "weather-layers": i.weatherLayers,
-      enabled: (O = i.otherLayers) == null ? void 0 : O.world12nm
+      enabled: (H = i.otherLayers) == null ? void 0 : H.world12nm
     }, t.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
-    k(u, H({
+    k(u, S({
       map: a.map,
       token: a.token,
       "weather-layers": i.weatherLayers,
       enabled: (Z = i.otherLayers) == null ? void 0 : Z.worldMarine
     }, t.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
-    k(l, H({
+    k(n, S({
       map: a.map,
       token: a.token,
       "weather-layers": i.weatherLayers,
       enabled: (Ae = i.otherLayers) == null ? void 0 : Ae.chinaRoute
     }, t.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
-    k(p, H({
+    k(d, S({
       map: a.map,
       "sig-wave": (re = i.weatherLayers) == null ? void 0 : re["sig-wave-height"],
       "before-layer": a.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "sig-wave", "before-layer", "active-weather-layers"]),
-    k(w, H({
+    k(w, S({
       map: a.map,
       swell: (se = i.weatherLayers) == null ? void 0 : se.swell,
       "before-layer": a.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "swell", "before-layer", "active-weather-layers"]),
-    k(b, H({
+    k(b, S({
       map: a.map,
       prmsl: (ne = i.weatherLayers) == null ? void 0 : ne.prmsl,
       "before-layer": a.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
-    k(g, H({
+    k(g, S({
       viewport: i.viewport,
       factor: (B = i.weatherLayers) == null ? void 0 : B["ice-cover"],
       "toggle-version": a.toggleVersion,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["viewport", "factor", "toggle-version", "before-layer"]),
-    k(v, H({
+    k(v, S({
       viewport: i.viewport,
       factor: (Ce = i.weatherLayers) == null ? void 0 : Ce["ice-thickness"],
       "toggle-version": a.toggleVersion,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["viewport", "factor", "toggle-version", "before-layer"]),
-    k(y, H({
+    k(y, S({
       map: a.map,
       date: a.ts,
       tropicals: (xe = i.weatherLayers) == null ? void 0 : xe.tropicals,
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
-    k(d, H({
+    k(p, S({
       map: a.map,
       "map-projection": i.mapProjection,
       current: (Be = i.weatherLayers) == null ? void 0 : Be.current,
       "before-layer": a.beforeLayer,
       "show-current-isoband": i.showCurrentIsoband,
       "show-current-particle": i.showCurrentParticle,
-      toggleParticeVersion: i.toggleCurrentParticeVersion,
+      "toggle-partice-version": i.toggleCurrentParticeVersion,
       "margin-bottom": i.activeWindLayer ? i.showRampColor ? "84px" : "56px" : i.showRampColor ? "56px" : "30px",
       "toggle-version": a.toggleVersion,
       "weather-layers": i.weatherLayers
     }, t.$attrs, {
       onParticle: o.handleParticle,
       onHandleToggleVersion: o.handleToggleVersion
-    }), null, 16, ["map", "map-projection", "current", "before-layer", "show-current-isoband", "show-current-particle", "toggleParticeVersion", "margin-bottom", "toggle-version", "weather-layers", "onParticle", "onHandleToggleVersion"]),
-    k(C, H({
+    }), null, 16, ["map", "map-projection", "current", "before-layer", "show-current-isoband", "show-current-particle", "toggle-partice-version", "margin-bottom", "toggle-version", "weather-layers", "onParticle", "onHandleToggleVersion"]),
+    k(C, S({
       viewport: i.viewport,
       factor: (Ie = i.weatherLayers) == null ? void 0 : Ie["current-particle"],
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(m, H({
+    k(m, S({
       ref: "windBarb",
       map: a.map,
       "map-projection": i.mapProjection,
@@ -8959,108 +8859,108 @@ function No(t, e, a, r, i, o) {
       "margin-bottom": i.showRampColor ? "56px" : "30px",
       "show-wind-feather": i.showWindFeather,
       "show-wind-particle": i.showWindParticle,
-      toggleParticeVersion: i.toggleWindParticeVersion
+      "toggle-partice-version": i.toggleWindParticeVersion
     }, t.$attrs, {
       "toggle-version": a.toggleVersion,
       "weather-layers": i.weatherLayers,
       onParticle: o.handleParticle
-    }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "show-wind-feather", "show-wind-particle", "toggleParticeVersion", "toggle-version", "weather-layers", "onParticle"]),
-    k(x, H({
+    }), null, 16, ["map", "map-projection", "wind", "current", "before-layer", "margin-bottom", "show-wind-feather", "show-wind-particle", "toggle-partice-version", "toggle-version", "weather-layers", "onParticle"]),
+    k(x, S({
       viewport: i.viewport,
       factor: (Pe = i.weatherLayers) == null ? void 0 : Pe["wind-particle"],
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(M, H({
+    k(M, S({
       viewport: i.viewport,
       factor: (ke = i.weatherLayers) == null ? void 0 : ke.precip3h,
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(E, H({
+    k(E, S({
       viewport: i.viewport,
       factor: (Me = i.weatherLayers) == null ? void 0 : Me.visibility,
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(T, H({
+    k(_, S({
       viewport: i.viewport,
       factor: (ze = i.weatherLayers) == null ? void 0 : ze["water-temp"],
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(S, H({
+    k(O, S({
       viewport: i.viewport,
       factor: (Te = i.weatherLayers) == null ? void 0 : Te.temp,
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(Q, H({
+    k(Q, S({
       viewport: i.viewport,
       factor: (Qe = i.weatherLayers) == null ? void 0 : Qe.arctic,
       "before-layer": a.beforeLayer,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    k(G, H({
+    k(G, S({
       map: a.map,
       zone: (Se = i.otherLayers) == null ? void 0 : Se["war-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(W, H({
+    k(W, S({
       map: a.map,
       area: (_e = i.otherLayers) == null ? void 0 : _e["gmdss-areas"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
-    k(ee, H({
+    k(ee, S({
       map: a.map,
       zone: (He = i.otherLayers) == null ? void 0 : He["eca-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(ce, H({
+    k(ce, S({
       map: a.map,
       zone: (Oe = i.otherLayers) == null ? void 0 : Oe["alert-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(he, H({
+    k(he, S({
       map: a.map,
       port: (Ne = i.otherLayers) == null ? void 0 : Ne.ports,
       "before-layer": a.beforeLayer,
       "forecast-model": a.forecastModel
     }, t.$attrs), null, 16, ["map", "port", "before-layer", "forecast-model"]),
-    k(de, H({
+    k(de, S({
       map: a.map,
       line: (je = i.otherLayers) == null ? void 0 : je["load-lines"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "line", "before-layer"]),
-    k(pe, H({
+    k(pe, S({
       map: a.map,
       zone: (Re = i.otherLayers) == null ? void 0 : Re["time-zones"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    k(ue, H({
+    k(ue, S({
       map: a.map,
       area: (Fe = i.otherLayers) == null ? void 0 : Fe["voluntary-reporting-area"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
-    k(me, H({
+    k(me, S({
       map: a.map,
       area: (Ge = i.otherLayers) == null ? void 0 : Ge["special-area"],
       "before-layer": a.beforeLayer
     }, t.$attrs), null, 16, ["map", "area", "before-layer"]),
-    k(ge, H({
+    k(ge, S({
       map: a.map,
       area: (We = i.otherLayers) == null ? void 0 : We["day-night"]
     }, t.$attrs), null, 16, ["map", "area"]),
-    k(te, H({
+    k(te, S({
       map: a.map,
       show: i.showCoord,
       "toggle-version": a.toggleVersion
     }, t.$attrs), null, 16, ["map", "show", "toggle-version"]),
-    k(oe, H({
+    k(oe, S({
       map: a.map,
       show: i.showMeasure
     }, t.$attrs), null, 16, ["map", "show"]),
-    k(we, H({
+    k(we, S({
       ref: "idmPoint",
       map: a.map,
       show: i.showPoint,
@@ -9072,7 +8972,7 @@ function No(t, e, a, r, i, o) {
     }, t.$attrs), null, 16, ["map", "show", "meteo", "ts", "token", "gateway", "forecast-model"])
   ], 512)) : N("", !0);
 }
-const jo = /* @__PURE__ */ _(Ho, [["render", No]]), Vo = {
+const jo = /* @__PURE__ */ T(Ho, [["render", No]]), Vo = {
   install(t) {
     t.component("MapboxGL", jo), t.component("TropicalGL", lt), t.component("LatLngGL", ct);
   }