@idmwx/idmui-gl3 6.2.9 → 6.3.5

package/dist/index.js

@@ -1,15 +1,15 @@
 var mt = Object.defineProperty;
 var ut = (a, e, t) => e in a ? mt(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var ae = (a, e, t) => (ut(a, typeof e != "symbol" ? e + "" : e, t), t);
+var ie = (a, e, t) => (ut(a, typeof e != "symbol" ? e + "" : e, t), t);
 import { LayerHelper as Ze, CompanyHelper as qe } from "@idm-plugin/tag";
 import ee from "moment";
 import Qe from "axios";
 import Ye from "moment-timezone";
-import { resolveComponent as R, openBlock as m, createElementBlock as g, createElementVNode as o, normalizeStyle as he, createVNode as H, withCtx as Ie, normalizeClass as Z, Fragment as V, renderList as $, toDisplayString as I, createCommentVNode as J, createBlock as gt, createTextVNode as le, withDirectives as Fe, createStaticVNode as yt, vShow as Oe, defineComponent as ft, withModifiers as Ve, mergeProps as X } from "vue";
-import * as S from "@turf/turf";
+import { resolveComponent as R, openBlock as u, createElementBlock as g, createElementVNode as o, normalizeStyle as de, createVNode as F, withCtx as Ie, normalizeClass as Z, Fragment as V, renderList as $, toDisplayString as k, createCommentVNode as J, createBlock as gt, createTextVNode as ce, withDirectives as Fe, createStaticVNode as yt, vShow as Oe, defineComponent as ft, withModifiers as Ve, mergeProps as X } from "vue";
+import * as T from "@turf/turf";
 import At from "@mapbox/sphericalmercator";
-import je from "mapbox-gl";
-import { TropicalHelper as ct, LngLatHelper as oe, LaneHelper as Re } from "@idm-plugin/geo";
+import Re from "mapbox-gl";
+import { TropicalHelper as ct, LngLatHelper as ne, LaneHelper as je } from "@idm-plugin/geo";
 import { TidesAssist as $e, Meteo2Assist as Ke } from "@idm-plugin/meteo";
 const U = (a, e) => {
   const t = a.__vccOpts || a;
@@ -301,14 +301,14 @@ const U = (a, e) => {
   class: "radio-tip"
 };
 function aa(a, e, t, r, i, s) {
-  const n = R("ElTooltip"), l = R("ElRadio"), c = R("ElRadioGroup"), p = R("ElScrollbar");
-  return m(), g("div", vt, [
+  const n = R("ElTooltip"), l = R("ElRadio"), c = R("ElRadioGroup"), d = R("ElScrollbar");
+  return u(), g("div", vt, [
     o("div", {
       class: "menu-bar-box",
-      style: he({ top: t.top + 10 + "px", right: i.right + "px" })
+      style: de({ top: t.top + 10 + "px", right: i.right + "px" })
     }, [
       o("div", bt, [
-        H(n, {
+        F(n, {
           placement: "left",
           effect: "light",
           content: "Menu",
@@ -328,10 +328,10 @@ function aa(a, e, t, r, i, s) {
     ], 4),
     o("div", {
       class: "menu-bar-box",
-      style: he({ top: t.top + 160 + "px", right: i.right + "px" })
+      style: de({ top: t.top + 160 + "px", right: i.right + "px" })
     }, [
       o("div", Lt, [
-        H(n, {
+        F(n, {
           placement: "left",
           effect: "light",
           content: "Measure",
@@ -347,7 +347,7 @@ function aa(a, e, t, r, i, s) {
           ]),
           _: 1
         }),
-        H(n, {
+        F(n, {
           placement: "left",
           effect: "light",
           content: "Point Meteo",
@@ -363,7 +363,7 @@ function aa(a, e, t, r, i, s) {
           ]),
           _: 1
         }),
-        H(n, {
+        F(n, {
           placement: "left",
           effect: "light",
           content: "Grid",
@@ -379,7 +379,7 @@ function aa(a, e, t, r, i, s) {
           ]),
           _: 1
         }),
-        H(n, {
+        F(n, {
           placement: "left",
           effect: "light",
           content: "3D",
@@ -397,10 +397,10 @@ function aa(a, e, t, r, i, s) {
         })
       ])
     ], 4),
-    s.hasCollectedLayers ? (m(), g("div", {
+    s.hasCollectedLayers ? (u(), g("div", {
       key: 0,
       class: "active-layers",
-      style: he({ right: i.right + "px", bottom: "100px" })
+      style: de({ right: i.right + "px", bottom: "100px" })
     }, [
       o("div", Ct, [
         e[22] || (e[22] = o("div", { style: { margin: "2px 5px" } }, "Weather Layers", -1)),
@@ -409,46 +409,46 @@ function aa(a, e, t, r, i, s) {
           style: { "font-size": "28px", "margin-right": "0" },
           onClick: e[5] || (e[5] = (...h) => s.toggleAutoActive && s.toggleAutoActive(...h))
         }, [
-          i.autoActive ? (m(), g("i", xt, "")) : (m(), g("i", _t, ""))
+          i.autoActive ? (u(), g("i", xt, "")) : (u(), g("i", _t, ""))
         ])
       ]),
-      (m(!0), g(V, null, $(i.layers.weather.filter((h) => h.collected), (h) => (m(), g("div", {
+      (u(!0), g(V, null, $(i.layers.weather.filter((h) => h.collected), (h) => (u(), g("div", {
         key: h.key,
         class: Z(s.computeLayerClass(h, i.activeWeatherLayersCollected))
       }, [
         o("div", {
           class: "checkbox",
-          onClick: (d) => s.handleWeatherLayerPick(h)
+          onClick: (p) => s.handleWeatherLayerPick(h)
         }, null, 8, Bt),
         o("span", {
           class: "name",
-          onClick: (d) => s.handleWeatherLayerPick(h)
-        }, I(h.name), 9, It),
-        h.key === "wind" && i.activeWeatherLayersCollected.some((d) => d.key === h.key) ? (m(), g("div", Et, [
+          onClick: (p) => s.handleWeatherLayerPick(h)
+        }, k(h.name), 9, It),
+        h.key === "wind" && i.activeWeatherLayersCollected.some((p) => p.key === h.key) ? (u(), g("div", Et, [
           o("i", {
             class: Z(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
-            onClick: e[6] || (e[6] = (d) => s.handleToggleWindParticle())
+            onClick: e[6] || (e[6] = (p) => s.handleToggleWindParticle())
           }, "", 2),
           o("i", {
             class: Z(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
-            onClick: e[7] || (e[7] = (d) => s.handleToggleWindFeather())
+            onClick: e[7] || (e[7] = (p) => s.handleToggleWindFeather())
           }, "", 2)
         ])) : J("", !0),
-        h.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === h.key) ? (m(), g("div", kt, [
+        h.key === "current" && i.activeWeatherLayersCollected.some((p) => p.key === h.key) ? (u(), g("div", kt, [
           o("i", {
             class: Z(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
-            onClick: e[8] || (e[8] = (d) => s.handleToggleCurrentParticle())
+            onClick: e[8] || (e[8] = (p) => s.handleToggleCurrentParticle())
           }, "", 2),
           o("i", {
             class: Z(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
-            onClick: e[9] || (e[9] = (d) => s.handleToggleCurrentIsoband())
+            onClick: e[9] || (e[9] = (p) => s.handleToggleCurrentIsoband())
           }, "", 2)
         ])) : J("", !0)
       ], 2))), 128))
     ], 4)) : J("", !0),
     o("div", {
       class: "available-layers flex-center",
-      style: he({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
+      style: de({ top: t.top + "px", right: t.layerToggle ? "0px" : "-240px" })
     }, [
       o("div", {
         class: Z(["list-box", t.layerToggle ? "right-bar" : ""])
@@ -460,7 +460,7 @@ function aa(a, e, t, r, i, s) {
             onClick: e[10] || (e[10] = (...h) => s.handleMenuToggle && s.handleMenuToggle(...h))
           }, "")
         ]),
-        H(p, { style: { flex: "1" } }, {
+        F(d, { style: { flex: "1" } }, {
           default: Ie(() => [
             o("div", zt, [
               o("div", Pt, [
@@ -470,51 +470,51 @@ function aa(a, e, t, r, i, s) {
                   style: { "margin-right": "0" },
                   onClick: e[11] || (e[11] = (...h) => s.toggleAutoActive && s.toggleAutoActive(...h))
                 }, [
-                  i.autoActive ? (m(), g("i", Mt, "")) : (m(), g("i", St, ""))
+                  i.autoActive ? (u(), g("i", Mt, "")) : (u(), g("i", St, ""))
                 ])
               ]),
               o("div", Tt, [
-                (m(!0), g(V, null, $(i.layers.weather, (h) => (m(), g(V, {
+                (u(!0), g(V, null, $(i.layers.weather, (h) => (u(), g(V, {
                   key: h.key
                 }, [
-                  h.hide ? J("", !0) : (m(), g("div", {
+                  h.hide ? J("", !0) : (u(), g("div", {
                     key: 0,
                     class: Z(s.computeLayerClass(h, i.activeWeatherLayersCollected))
                   }, [
                     o("div", Qt, [
                       o("div", {
                         class: "checkbox",
-                        onClick: (d) => s.handleWeatherLayerPick(h)
+                        onClick: (p) => s.handleWeatherLayerPick(h)
                       }, null, 8, Ht),
                       o("span", {
                         class: "name",
-                        onClick: (d) => s.handleWeatherLayerPick(h)
-                      }, I(h.name), 9, Nt),
-                      h.key === "wind" && i.activeWeatherLayersCollected.some((d) => d.key === h.key) ? (m(), g("div", Ft, [
+                        onClick: (p) => s.handleWeatherLayerPick(h)
+                      }, k(h.name), 9, Nt),
+                      h.key === "wind" && i.activeWeatherLayersCollected.some((p) => p.key === h.key) ? (u(), g("div", Ft, [
                         o("i", {
                           class: Z(["iconfont sub-layer-icon", i.showWindParticleCollected ? "active" : ""]),
-                          onClick: e[12] || (e[12] = (d) => s.handleToggleWindParticle())
+                          onClick: e[12] || (e[12] = (p) => s.handleToggleWindParticle())
                         }, "", 2),
                         o("i", {
                           class: Z(["iconfont sub-layer-icon", i.showWindFeatherCollected ? "active" : ""]),
-                          onClick: e[13] || (e[13] = (d) => s.handleToggleWindFeather())
+                          onClick: e[13] || (e[13] = (p) => s.handleToggleWindFeather())
                         }, "", 2)
                       ])) : J("", !0),
-                      h.key === "current" && i.activeWeatherLayersCollected.some((d) => d.key === h.key) ? (m(), g("div", Ot, [
+                      h.key === "current" && i.activeWeatherLayersCollected.some((p) => p.key === h.key) ? (u(), g("div", Ot, [
                         o("i", {
                           class: Z(["iconfont sub-layer-icon", i.showCurrentParticleCollected ? "active" : ""]),
-                          onClick: e[14] || (e[14] = (d) => s.handleToggleCurrentParticle())
+                          onClick: e[14] || (e[14] = (p) => s.handleToggleCurrentParticle())
                         }, "", 2),
                         o("i", {
                           class: Z(["iconfont sub-layer-icon", i.showCurrentIsobandCollected ? "active" : ""]),
-                          onClick: e[15] || (e[15] = (d) => s.handleToggleCurrentIsoband())
+                          onClick: e[15] || (e[15] = (p) => s.handleToggleCurrentIsoband())
                         }, "", 2)
                       ])) : J("", !0)
                     ]),
                     o("div", {
-                      onClick: (d) => s.handleWeatherLayerCollect(h)
+                      onClick: (p) => s.handleWeatherLayerCollect(h)
                     }, [
-                      h.collected ? (m(), g("i", jt, "")) : (m(), g("i", Wt, ""))
+                      h.collected ? (u(), g("i", jt, "")) : (u(), g("i", Wt, ""))
                     ], 8, Rt)
                   ], 2))
                 ], 64))), 128)),
@@ -530,18 +530,18 @@ function aa(a, e, t, r, i, s) {
             o("div", Gt, [
               e[26] || (e[26] = o("div", { class: "layers-title" }, "Other Layers", -1)),
               o("div", Ut, [
-                (m(!0), g(V, null, $(i.layers.other, (h) => {
-                  var d;
-                  return m(), g("div", {
+                (u(!0), g(V, null, $(i.layers.other, (h) => {
+                  var p;
+                  return u(), g("div", {
                     key: h.key,
                     class: Z(["layer flex-between", s.computeLayerClass(h, i.activeOtherLayers)]),
-                    onClick: (A) => s.handleOtherLayerPick(h)
+                    onClick: (b) => s.handleOtherLayerPick(h)
                   }, [
                     o("div", Kt, [
                       o("div", Xt, [
-                        (d = s.computeLayerClass(h, i.activeOtherLayers)) != null && d.includes("active") ? (m(), g("i", Jt, "")) : (m(), g("i", qt, ""))
+                        (p = s.computeLayerClass(h, i.activeOtherLayers)) != null && p.includes("active") ? (u(), g("i", Jt, "")) : (u(), g("i", qt, ""))
                       ]),
-                      o("span", null, I(h.name), 1)
+                      o("span", null, k(h.name), 1)
                     ])
                   ], 10, Yt);
                 }), 128))
@@ -550,23 +550,23 @@ function aa(a, e, t, r, i, s) {
             o("div", Vt, [
               e[27] || (e[27] = o("span", { class: "layers-title" }, "Forecast Model", -1)),
               o("div", Zt, [
-                H(c, {
+                F(c, {
                   modelValue: i.source,
                   "onUpdate:modelValue": e[16] || (e[16] = (h) => i.source = h),
                   class: "layer-radio flex-col-start-start",
                   style: { width: "180px", "align-items": "flex-start" }
                 }, {
                   default: Ie(() => [
-                    (m(!0), g(V, null, $(i.sourceList, (h, d) => (m(), gt(l, {
+                    (u(!0), g(V, null, $(i.sourceList, (h, p) => (u(), gt(l, {
                       key: `source${h.name}`,
                       value: h.name
                     }, {
                       default: Ie(() => {
-                        var A, b, E, w, k, _;
+                        var b, x, E, A, B, _;
                         return [
-                          le(I(h.name) + " ", 1),
-                          d !== 0 ? (m(), g("span", $t, I(h.resolution) + "km " + I(h.length) + "days", 1)) : J("", !0),
-                          d === 0 ? (m(), g("div", ea, "Provides the best forecast")) : (E = (b = (A = h == null ? void 0 : h.update) == null ? void 0 : A.default) == null ? void 0 : b.meta) != null && E.initialisationTime ? (m(), g("div", ta, "Update: " + I(s.computeDateZ((_ = (k = (w = h == null ? void 0 : h.update) == null ? void 0 : w.default) == null ? void 0 : k.meta) == null ? void 0 : _.initialisationTime)), 1)) : J("", !0)
+                          ce(k(h.name) + " ", 1),
+                          p !== 0 ? (u(), g("span", $t, k(h.resolution) + "km " + k(h.length) + "days", 1)) : J("", !0),
+                          p === 0 ? (u(), g("div", ea, "Provides the best forecast")) : (E = (x = (b = h == null ? void 0 : h.update) == null ? void 0 : b.default) == null ? void 0 : x.meta) != null && E.initialisationTime ? (u(), g("div", ta, "Update: " + k(s.computeDateZ((_ = (B = (A = h == null ? void 0 : h.update) == null ? void 0 : A.default) == null ? void 0 : B.meta) == null ? void 0 : _.initialisationTime)), 1)) : J("", !0)
                         ];
                       }),
                       _: 2
@@ -622,7 +622,7 @@ const ra = {
     return {
       source: "wind-barb-source",
       barbs: [0, 2, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100, 105],
-      empty: S.featureCollection([]),
+      empty: T.featureCollection([]),
       right: 10,
       bottom: 125,
       windBarbLoaded: !1
@@ -667,22 +667,22 @@ const ra = {
         else {
           this.map.addSource(this.source, { type: "geojson", data: l });
           for (let c = 0; c < (this.barbs ?? []).length - 1; c++) {
-            const p = (this.barbs ?? [])[c] || 0, h = (this.barbs ?? [])[c + 1] || 0, d = p < 10 ? `00${p}kts` : p < 100 ? `0${p}kts` : `${p}kts`;
+            const d = (this.barbs ?? [])[c] || 0, h = (this.barbs ?? [])[c + 1] || 0, p = d < 10 ? `00${d}kts` : d < 100 ? `0${d}kts` : `${d}kts`;
             this.map.addLayer(
               {
-                id: d,
+                id: p,
                 type: "symbol",
                 filter: [
                   "all",
                   // @ts-ignore
-                  [">=", "spd", p],
+                  [">=", "spd", d],
                   // @ts-ignore
                   ["<", "spd", h]
                 ],
                 source: this.source,
                 layout: {
                   "symbol-placement": "point",
-                  "icon-image": d,
+                  "icon-image": p,
                   // mapbox sprite
                   "icon-size": 0.14,
                   "icon-offset": [0, -20],
@@ -732,15 +732,15 @@ function sa(a, e, t, r, i, s) {
 const oa = /* @__PURE__ */ U(ra, [["render", sa]]);
 class et {
   constructor(e) {
-    ae(this, "map");
-    ae(this, "mercator");
-    ae(this, "rampColorLayer");
-    ae(this, "rampColorSource");
-    ae(this, "particleLayer");
-    ae(this, "particleSource");
-    ae(this, "rampColorCanvas");
-    ae(this, "particleCanvas");
-    ae(this, "ratio");
+    ie(this, "map");
+    ie(this, "mercator");
+    ie(this, "rampColorLayer");
+    ie(this, "rampColorSource");
+    ie(this, "particleLayer");
+    ie(this, "particleSource");
+    ie(this, "rampColorCanvas");
+    ie(this, "particleCanvas");
+    ie(this, "ratio");
     this.map = e, this.mercator = new At(), this.rampColorLayer = "ramp-color-layer", this.rampColorSource = "ramp-color-source", this.particleLayer = "particle-layer", this.particleSource = "particle-source", this.rampColorCanvas = document.createElement("canvas"), this.particleCanvas = document.createElement("canvas"), this.ratio = window.devicePixelRatio;
   }
   /**
@@ -775,8 +775,8 @@ class et {
    * @param [lb.x, lb.y, rt.x, rt.y]
    */
   getBoundPixel() {
-    const e = this.map.getBounds(), t = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [s, n] = this.convertNLng(r[0]), [l, c] = this.convertNLng(i[0]), [p, h] = this.mercator.px([s, r[1]], t), [d, A] = this.mercator.px([l, i[1]], t), b = Math.round(this.mercator.size * Math.pow(2, t) * (n + c));
-    return [d, A, p + b, h];
+    const e = this.map.getBounds(), t = this.map.getZoom() + 1, r = [e._ne.lng, e._ne.lat], i = [e._sw.lng, e._sw.lat], [s, n] = this.convertNLng(r[0]), [l, c] = this.convertNLng(i[0]), [d, h] = this.mercator.px([s, r[1]], t), [p, b] = this.mercator.px([l, i[1]], t), x = Math.round(this.mercator.size * Math.pow(2, t) * (n + c));
+    return [p, b, d + x, h];
   }
   /**
    * [视窗边界像素宽度]
@@ -793,11 +793,11 @@ class et {
   getWorldCopy(e, t) {
     const r = 2 ** t, [i, s, n, l] = e.map((h) => ~~(h / (r * 256))), c = [];
     for (let h = l; h <= s; h++)
-      for (let d = i; d <= n; d++)
-        c.push([d, h]);
+      for (let p = i; p <= n; p++)
+        c.push([p, h]);
     return c.map((h) => {
-      const d = 2 ** t * 256;
-      return [h[0] * d, h[1] * d, d];
+      const p = 2 ** t * 256;
+      return [h[0] * p, h[1] * p, p];
     });
   }
   resize() {
@@ -879,13 +879,13 @@ class We {
     if (i) {
       const s = { program: i }, n = e.getProgramParameter(i, e.ACTIVE_ATTRIBUTES);
       for (let c = 0; c < n; c++) {
-        const p = e.getActiveAttrib(i, c);
-        s[p.name] = e.getAttribLocation(i, p.name);
+        const d = e.getActiveAttrib(i, c);
+        s[d.name] = e.getAttribLocation(i, d.name);
       }
       const l = e.getProgramParameter(i, e.ACTIVE_UNIFORMS);
       for (let c = 0; c < l; c++) {
-        const p = e.getActiveUniform(i, c);
-        s[p.name] = e.getUniformLocation(i, p.name);
+        const d = e.getActiveUniform(i, c);
+        s[d.name] = e.getUniformLocation(i, d.name);
       }
       return s;
     }
@@ -900,8 +900,8 @@ class We {
     const l = n.getContext("2d");
     if (l && e) {
       const c = l == null ? void 0 : l.createLinearGradient(0, 0, 256, 0);
-      return t.forEach(([p, h]) => {
-        c.addColorStop(p, h);
+      return t.forEach(([d, h]) => {
+        c.addColorStop(d, h);
       }), l.fillStyle = c, l.fillRect(0, 0, 256, 1), {
         canvas: n,
         texture: this.createTexture(
@@ -923,8 +923,8 @@ class We {
     const n = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, s, r, r), l = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, s, r, r), c = new Float32Array(i);
     for (let h = 0; h < i; h++)
       c[h] = h;
-    const p = this.createDataBuffer(e, "array", c);
-    return { resolution: r, total: i, texture0: n, texture1: l, indexBuffer: p };
+    const d = this.createDataBuffer(e, "array", c);
+    return { resolution: r, total: i, texture0: n, texture1: l, indexBuffer: d };
   }
   bind(e, t, r) {
     const i = this.createProgram(e, t, r);
@@ -939,13 +939,13 @@ class We {
     return {};
   }
   bindParticle(e, t, r, i, s, n) {
-    const l = this.createProgramWrapper(e, t, r), c = this.createProgramWrapper(e, i, s), p = this.createProgramWrapper(e, i, n), h = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), d = e.createFramebuffer();
-    return { particle: l, screen: c, update: p, quadBuffer: h, frameBuffer: d };
+    const l = this.createProgramWrapper(e, t, r), c = this.createProgramWrapper(e, i, s), d = this.createProgramWrapper(e, i, n), h = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), p = e.createFramebuffer();
+    return { particle: l, screen: c, update: d, quadBuffer: h, frameBuffer: p };
   }
   draw(e, t, r, i, s, n, l) {
-    var c, p;
+    var c, d;
     if (t && r) {
-      e.resize(), t == null || t.viewport(0, 0, (c = t == null ? void 0 : t.canvas) == null ? void 0 : c.width, (p = t == null ? void 0 : t.canvas) == null ? void 0 : p.height), t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT | t.DEPTH_BUFFER_BIT);
+      e.resize(), t == null || t.viewport(0, 0, (c = t == null ? void 0 : t.canvas) == null ? void 0 : c.width, (d = t == null ? void 0 : t.canvas) == null ? void 0 : d.height), t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT | t.DEPTH_BUFFER_BIT);
       try {
         t.useProgram(r);
         const h = {
@@ -957,9 +957,9 @@ class We {
           sRange: t.getUniformLocation(r, "u_range_s")
         };
         h.resolution && t.uniform2f(h.resolution, t.canvas.width * e.ratio, t.canvas.height * e.ratio), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, i), h.image && t.uniform1i(h.image, 0), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, s), h.color && t.uniform1i(h.color, 1), l != null && l.uvRange && (l != null && l.sRange) && (h.uvRange && t.uniform2f(h.uvRange, l.uvRange[0], l.uvRange[1]), h.sRange && t.uniform2f(h.sRange, l.sRange[0], l.sRange[1])), h.scale && t.uniform1f(h.scale, (l == null ? void 0 : l.scale) || 1);
-        const d = e.getBoundPixel(), A = e.map.getZoom() + 1, b = e.getWorldCopy(d, A);
-        for (const E of b) {
-          const w = (E[0] - d[0]) * e.ratio, k = (E[1] - d[3]) * e.ratio, _ = E[2] * e.ratio, [f, v, u, C] = [w, _ + w, k, _ + k], y = new Float32Array([f, u, v, u, f, C, f, C, v, u, v, C]);
+        const p = e.getBoundPixel(), b = e.map.getZoom() + 1, x = e.getWorldCopy(p, b);
+        for (const E of x) {
+          const A = (E[0] - p[0]) * e.ratio, B = (E[1] - p[3]) * e.ratio, _ = E[2] * e.ratio, [f, v, m, L] = [A, _ + A, B, _ + B], y = new Float32Array([f, m, v, m, f, L, f, L, v, m, v, L]);
           t.bindBuffer(t.ARRAY_BUFFER, n), t.bufferData(t.ARRAY_BUFFER, y, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
       } catch (h) {
@@ -1008,10 +1008,10 @@ class We {
     });
   }
 }
-class ne {
+class le {
 }
 // 顶点渲染
-ae(ne, "vertexSchema", `
+ie(le, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -1026,7 +1026,7 @@ ae(ne, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-ae(ne, "uvFragmentSchema", `
+ie(le, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -1046,7 +1046,7 @@ ae(ne, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-ae(ne, "fragmentSchema", `
+ie(le, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -1059,7 +1059,7 @@ ae(ne, "fragmentSchema", `
     }`);
 class Ce {
 }
-ae(Ce, "vertexSchema", `
+ie(Ce, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -1083,7 +1083,7 @@ ae(Ce, "vertexSchema", `
       gl_PointSize = 1.0;
       // gl_PointSize = u_point;
       gl_Position = vec4(2.0 * v_particle_pos.x - 1.0, 1.0 - 2.0 * v_particle_pos.y, 0, 1);
-    }`), ae(Ce, "fragmentSchema", `
+    }`), ie(Ce, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -1105,7 +1105,7 @@ ae(Ce, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), ae(Ce, "quadVertSchema", `
+    }`), ie(Ce, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -1115,7 +1115,7 @@ ae(Ce, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), ae(Ce, "screenFragmentSchema", `
+    }`), ie(Ce, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -1127,7 +1127,7 @@ ae(Ce, "vertexSchema", `
       vec4 color = texture2D(u_screen, 1.0 - v_tex_pos);
       // a hack to guarantee opacity fade out even with a value close to 1.0
       gl_FragColor = vec4(floor(255.0 * color * u_opacity) / 255.0);
-    }`), ae(Ce, "updateFragmentSchema", `
+    }`), ie(Ce, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -1208,12 +1208,12 @@ ae(Ce, "vertexSchema", `
     }`);
 class na {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
-    ae(this, "token");
-    ae(this, "mapboxCustomer");
-    ae(this, "i4");
-    ae(this, "hi");
-    ae(this, "td");
-    ae(this, "windy");
+    ie(this, "token");
+    ie(this, "mapboxCustomer");
+    ie(this, "i4");
+    ie(this, "hi");
+    ie(this, "td");
+    ie(this, "windy");
     this.token = e, this.mapboxCustomer = {
       source: this.initialOnlineStyle().sources.composite,
       layers: {
@@ -3210,7 +3210,7 @@ const la = {
           [1, "rgb(91, 136, 161)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, ne.vertexSchema, ne.uvFragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, le.vertexSchema, le.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -3261,10 +3261,10 @@ const la = {
 }, ha = { key: 0 };
 function ca(a, e, t, r, i, s) {
   var n;
-  return (n = t.factor) != null && n.active ? (m(), g("div", ha, [
+  return (n = t.factor) != null && n.active ? (u(), g("div", ha, [
     o("div", {
       class: "legend-bars flex-center",
-      style: he([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: de([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       o("span", null, "kts", -1),
       o("span", null, "0", -1),
@@ -3319,7 +3319,7 @@ const pa = {
       directionLayer: "current-direction-layer",
       speedLayer: "current-speed-layer",
       speedLabelLayer: "current-speed-label-layer",
-      empty: S.featureCollection([]),
+      empty: T.featureCollection([]),
       right: 10,
       bottom: 95
     };
@@ -3538,7 +3538,7 @@ const ga = {
           [1, "rgb(195,194,194)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, ne.vertexSchema, ne.uvFragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, le.vertexSchema, le.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
       this.handleParticleSetup();
@@ -3594,10 +3594,10 @@ const ga = {
 }, ya = { key: 0 };
 function fa(a, e, t, r, i, s) {
   var n;
-  return (n = t.factor) != null && n.active ? (m(), g("div", ya, [
+  return (n = t.factor) != null && n.active ? (u(), g("div", ya, [
     o("div", {
       class: "legend-bars flex-center",
-      style: he([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: de([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       o("span", null, "kts", -1),
       o("span", null, "0", -1),
@@ -3630,7 +3630,7 @@ const Aa = /* @__PURE__ */ U(ga, [["render", fa], ["__scopeId", "data-v-c2962e63
       source: "sig-wave-source",
       heightLayer: "sig-wave-height-layer",
       heightLabelLayer: "sig-wave-height-label-layer",
-      empty: S.featureCollection([])
+      empty: T.featureCollection([])
     };
   },
   watch: {
@@ -3738,7 +3738,7 @@ const Aa = /* @__PURE__ */ U(ga, [["render", fa], ["__scopeId", "data-v-c2962e63
   }
 };
 function va(a, e, t, r, i, s) {
-  return m(), g("div");
+  return u(), g("div");
 }
 const ba = /* @__PURE__ */ U(wa, [["render", va]]), La = {
   name: "IdmSwell",
@@ -3762,7 +3762,7 @@ const ba = /* @__PURE__ */ U(wa, [["render", va]]), La = {
       directionLayer: "swell-direction-layer",
       heightLayer: "swell-height-layer",
       heightLabelLayer: "swell-height-label-layer",
-      empty: S.featureCollection([])
+      empty: T.featureCollection([])
     };
   },
   watch: {
@@ -3896,7 +3896,7 @@ const ba = /* @__PURE__ */ U(wa, [["render", va]]), La = {
   }
 };
 function Ca(a, e, t, r, i, s) {
-  return m(), g("div");
+  return u(), g("div");
 }
 const xa = /* @__PURE__ */ U(La, [["render", Ca]]), _a = {
   name: "IdmPrmsl",
@@ -3923,7 +3923,7 @@ const xa = /* @__PURE__ */ U(La, [["render", Ca]]), _a = {
       layer: "prmsl-layer",
       labelLayer: "prmsl-label-layer",
       pointLabelLayer: "prmsl-point-label-layer",
-      empty: S.featureCollection([])
+      empty: T.featureCollection([])
     };
   },
   watch: {
@@ -4034,7 +4034,7 @@ const xa = /* @__PURE__ */ U(La, [["render", Ca]]), _a = {
   }
 };
 function Ba(a, e, t, r, i, s) {
-  return m(), g("div");
+  return u(), g("div");
 }
 const Ia = /* @__PURE__ */ U(_a, [["render", Ba]]);
 const Ea = {
@@ -4125,7 +4125,7 @@ const Ea = {
           // 100%
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4141,10 +4141,10 @@ const Ea = {
 }, ka = { key: 0 };
 function Da(a, e, t, r, i, s) {
   var n;
-  return (n = t.factor) != null && n.active ? (m(), g("div", ka, [
+  return (n = t.factor) != null && n.active ? (u(), g("div", ka, [
     o("div", {
       class: "legend-bars flex-center",
-      style: he([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: de([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       o("span", null, null, -1),
       o("span", { style: { display: "inline-block", position: "relative", left: "-10px" } }, "%", -1),
@@ -4241,7 +4241,7 @@ const Pa = {
           // 100%
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4257,10 +4257,10 @@ const Pa = {
 }, Ma = { key: 0 };
 function Sa(a, e, t, r, i, s) {
   var n;
-  return (n = t.factor) != null && n.active ? (m(), g("div", Ma, [
+  return (n = t.factor) != null && n.active ? (u(), g("div", Ma, [
     o("div", {
       class: "legend-bars flex-center",
-      style: he([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: de([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       o("span", null, "%", -1),
       o("span", null, "20", -1),
@@ -4359,7 +4359,7 @@ const Qa = {
           // 4m
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -4375,10 +4375,10 @@ const Qa = {
 }, Ha = { key: 0 };
 function Na(a, e, t, r, i, s) {
   var n;
-  return (n = t.factor) != null && n.active ? (m(), g("div", Ha, [
+  return (n = t.factor) != null && n.active ? (u(), g("div", Ha, [
     o("div", {
       class: "legend-bars flex-center",
-      style: he([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: de([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       o("span", null, "m", -1),
       o("span", null, "0", -1),
@@ -4708,19 +4708,19 @@ class ht {
     const i = e.toLowerCase().split(","), s = [], n = [];
     for (const l of i) {
       let c = Xe.find((h) => {
-        var d, A, b;
-        return ((d = h.models) == null ? void 0 : d.includes(l)) || ((A = h.alias) == null ? void 0 : A.toLowerCase()) === l || ((b = h.name) == null ? void 0 : b.toLowerCase()) === l;
-      }), p = Je.find((h) => {
-        var d, A, b;
-        return ((d = h.models) == null ? void 0 : d.includes(l)) || ((A = h.alias) == null ? void 0 : A.toLowerCase()) === l || ((b = h.name) == null ? void 0 : b.toLowerCase()) === l;
+        var p, b, x;
+        return ((p = h.models) == null ? void 0 : p.includes(l)) || ((b = h.alias) == null ? void 0 : b.toLowerCase()) === l || ((x = h.name) == null ? void 0 : x.toLowerCase()) === l;
+      }), d = Je.find((h) => {
+        var p, b, x;
+        return ((p = h.models) == null ? void 0 : p.includes(l)) || ((b = h.alias) == null ? void 0 : b.toLowerCase()) === l || ((x = h.name) == null ? void 0 : x.toLowerCase()) === l;
       });
       c = c || Xe.find((h) => {
-        var d, A;
-        return ((d = h.alias) == null ? void 0 : d.toLowerCase()) === ((A = p == null ? void 0 : p.alias) == null ? void 0 : A.toLowerCase());
-      }), p = p || Je.find((h) => {
-        var d, A;
-        return ((d = h.alias) == null ? void 0 : d.toLowerCase()) === ((A = c == null ? void 0 : c.alias) == null ? void 0 : A.toLowerCase());
-      }), c = c || Xe[0], p = p || Je[0], s.push((t = c.models) != null && t.includes(l) ? l : c.model), n.push((r = p.models) != null && r.includes(l) ? l : p.model);
+        var p, b;
+        return ((p = h.alias) == null ? void 0 : p.toLowerCase()) === ((b = d == null ? void 0 : d.alias) == null ? void 0 : b.toLowerCase());
+      }), d = d || Je.find((h) => {
+        var p, b;
+        return ((p = h.alias) == null ? void 0 : p.toLowerCase()) === ((b = c == null ? void 0 : c.alias) == null ? void 0 : b.toLowerCase());
+      }), c = c || Xe[0], d = d || Je[0], s.push((t = c.models) != null && t.includes(l) ? l : c.model), n.push((r = d.models) != null && r.includes(l) ? l : d.model);
     }
     return {
       weatherModels: s.join(","),
@@ -4737,24 +4737,24 @@ class ht {
     }), i;
   }
   static pickHourly(e, t) {
-    var r, i, s, n, l, c, p, h, d, A, b, E, w, k, _, f, v, u, C, y, L, T, D, F, N, j, G, W, me, re, ue, we, ge, ve, ye, Y, te, fe, pe, Ae, xe, be, _e, B, ze, Le, Pe, Ee, He, ke;
-    const se = typeof t == "string" ? ee(t) : t, ce = e == null ? void 0 : e.weather, Q = e == null ? void 0 : e.marine, Be = ee((i = (r = ce == null ? void 0 : ce[0]) == null ? void 0 : r.hourly) == null ? void 0 : i.date).utc(), K = Be.clone().add((l = (n = (s = ce == null ? void 0 : ce[0]) == null ? void 0 : s.hourly) == null ? void 0 : n.time) == null ? void 0 : l.at(0), "h"), q = Be.clone().add((h = (p = (c = ce == null ? void 0 : ce[0]) == null ? void 0 : c.hourly) == null ? void 0 : p.time) == null ? void 0 : h.at(-1), "h"), Me = [];
-    if (se.isBetween(K, q, "millisecond", "[]")) {
-      const P = se.utc().diff(K, "h", !1);
-      let de, De;
-      if (ce) {
+    var r, i, s, n, l, c, d, h, p, b, x, E, A, B, _, f, v, m, L, y, w, M, D, N, Q, j, G, W, he, te, pe, ye, se, ve, fe, Y, ae, Ae, ge, we, xe, be, _e, I, ze, Le, Pe, Ee, He, ke;
+    const oe = typeof t == "string" ? ee(t) : t, me = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, Be = ee((i = (r = me == null ? void 0 : me[0]) == null ? void 0 : r.hourly) == null ? void 0 : i.date).utc(), K = Be.clone().add((l = (n = (s = me == null ? void 0 : me[0]) == null ? void 0 : s.hourly) == null ? void 0 : n.time) == null ? void 0 : l.at(0), "h"), q = Be.clone().add((h = (d = (c = me == null ? void 0 : me[0]) == null ? void 0 : c.hourly) == null ? void 0 : d.time) == null ? void 0 : h.at(-1), "h"), Me = [];
+    if (oe.isBetween(K, q, "millisecond", "[]")) {
+      const P = oe.utc().diff(K, "h", !1);
+      let ue, De;
+      if (me) {
         let Se = 0, Te = 0;
-        for (const z of ce) {
+        for (const z of me) {
           const O = z == null ? void 0 : z.hourly;
           for (let Ne = P - (P - 1) % 3; Ne <= P; Ne++)
-            Se += (d = O == null ? void 0 : O.precipitation) == null ? void 0 : d.at(Ne);
+            Se += (p = O == null ? void 0 : O.precipitation) == null ? void 0 : p.at(Ne);
           for (let Ne = P - (P - 1) % 6; Ne <= P; Ne++)
-            Te += (A = O == null ? void 0 : O.precipitation) == null ? void 0 : A.at(Ne);
-          de = {
-            temp: (b = O == null ? void 0 : O.temperature_2m) == null ? void 0 : b.at(P),
+            Te += (b = O == null ? void 0 : O.precipitation) == null ? void 0 : b.at(Ne);
+          ue = {
+            temp: (x = O == null ? void 0 : O.temperature_2m) == null ? void 0 : x.at(P),
             apparentTemp: (E = O == null ? void 0 : O.apparent_temperature) == null ? void 0 : E.at(P),
-            rh: (w = O == null ? void 0 : O.relative_humidity_2m) == null ? void 0 : w.at(P),
-            dp: (k = O == null ? void 0 : O.dew_point_2m) == null ? void 0 : k.at(P),
+            rh: (A = O == null ? void 0 : O.relative_humidity_2m) == null ? void 0 : A.at(P),
+            dp: (B = O == null ? void 0 : O.dew_point_2m) == null ? void 0 : B.at(P),
             precip: {
               probability: (_ = O == null ? void 0 : O.precipitation_probability) == null ? void 0 : _.at(P),
               sum: (f = O == null ? void 0 : O.precipitation) == null ? void 0 : f.at(P),
@@ -4762,51 +4762,51 @@ class ht {
               sum6Hours: Math.round(Te * 100) / 100
             },
             pmsl: (v = O == null ? void 0 : O.pressure_msl) == null ? void 0 : v.at(P),
-            psurf: (u = O == null ? void 0 : O.surface_pressure) == null ? void 0 : u.at(P),
-            code: (C = O == null ? void 0 : O.weather_code) == null ? void 0 : C.at(P),
+            psurf: (m = O == null ? void 0 : O.surface_pressure) == null ? void 0 : m.at(P),
+            code: (L = O == null ? void 0 : O.weather_code) == null ? void 0 : L.at(P),
             visibility: this.m2nm((y = O == null ? void 0 : O.visibility) == null ? void 0 : y.at(P)),
             wind: {
-              speed: (L = O == null ? void 0 : O.wind_speed_10m) == null ? void 0 : L.at(P),
-              kts: (T = O == null ? void 0 : O.wind_speed_10m) == null ? void 0 : T.at(P),
+              speed: (w = O == null ? void 0 : O.wind_speed_10m) == null ? void 0 : w.at(P),
+              kts: (M = O == null ? void 0 : O.wind_speed_10m) == null ? void 0 : M.at(P),
               degree: (D = O == null ? void 0 : O.wind_direction_10m) == null ? void 0 : D.at(P),
-              bearing: ((F = O == null ? void 0 : O.wind_direction_10m) == null ? void 0 : F.at(P)) !== null ? (((N = O == null ? void 0 : O.wind_direction_10m) == null ? void 0 : N.at(P)) + 180) % 360 : null,
+              bearing: ((N = O == null ? void 0 : O.wind_direction_10m) == null ? void 0 : N.at(P)) !== null ? (((Q = O == null ? void 0 : O.wind_direction_10m) == null ? void 0 : Q.at(P)) + 180) % 360 : null,
               gusts: (j = O == null ? void 0 : O.wind_gusts_10m) == null ? void 0 : j.at(P)
             },
             isDay: (G = O == null ? void 0 : O.is_day) == null ? void 0 : G.at(P)
           };
-          const { name: Ge, url: Ue, bg: ie } = this.parseWeatherCode(de.code, de.isDay);
-          de.name = Ge, de.url = Ue, de.bg = ie, de.wind.scale = this.beaufort(this.kts2ms(de.wind.kts)), de.wind.direction = this.degree2Direction(de.wind.degree), Me.push({
+          const { name: Ge, url: Ue, bg: re } = this.parseWeatherCode(ue.code, ue.isDay);
+          ue.name = Ge, ue.url = Ue, ue.bg = re, ue.wind.scale = this.beaufort(this.kts2ms(ue.wind.kts)), ue.wind.direction = this.degree2Direction(ue.wind.degree), Me.push({
             utc: K.add(P, "h").format(),
             model: z.model,
-            weather: { ...de }
+            weather: { ...ue }
           });
         }
       }
-      if (Q) {
+      if (H) {
         let Se = 0;
-        for (const Te of Q) {
+        for (const Te of H) {
           const z = Te == null ? void 0 : Te.hourly;
           De = {
             wave: {
               sig: {
                 height: (W = z == null ? void 0 : z.wave_height) == null ? void 0 : W.at(P),
-                degree: (me = z == null ? void 0 : z.wave_direction) == null ? void 0 : me.at(P),
-                bearing: ((re = z == null ? void 0 : z.wave_direction) == null ? void 0 : re.at(P)) !== null ? (((ue = z == null ? void 0 : z.wave_direction) == null ? void 0 : ue.at(P)) + 180) % 360 : null,
-                period: (we = z == null ? void 0 : z.wave_period) == null ? void 0 : we.at(P)
+                degree: (he = z == null ? void 0 : z.wave_direction) == null ? void 0 : he.at(P),
+                bearing: ((te = z == null ? void 0 : z.wave_direction) == null ? void 0 : te.at(P)) !== null ? (((pe = z == null ? void 0 : z.wave_direction) == null ? void 0 : pe.at(P)) + 180) % 360 : null,
+                period: (ye = z == null ? void 0 : z.wave_period) == null ? void 0 : ye.at(P)
               },
               swell: {
-                height: (ge = z == null ? void 0 : z.swell_wave_height) == null ? void 0 : ge.at(P),
+                height: (se = z == null ? void 0 : z.swell_wave_height) == null ? void 0 : se.at(P),
                 degree: (ve = z == null ? void 0 : z.swell_wave_direction) == null ? void 0 : ve.at(P),
-                bearing: ((ye = z == null ? void 0 : z.swell_wave_direction) == null ? void 0 : ye.at(P)) !== null ? (((Y = z == null ? void 0 : z.swell_wave_direction) == null ? void 0 : Y.at(P)) + 180) % 360 : null,
-                period: (te = z == null ? void 0 : z.swell_wave_period) == null ? void 0 : te.at(P),
-                peakPeriod: (fe = z == null ? void 0 : z.swell_wave_peak_period) == null ? void 0 : fe.at(P)
+                bearing: ((fe = z == null ? void 0 : z.swell_wave_direction) == null ? void 0 : fe.at(P)) !== null ? (((Y = z == null ? void 0 : z.swell_wave_direction) == null ? void 0 : Y.at(P)) + 180) % 360 : null,
+                period: (ae = z == null ? void 0 : z.swell_wave_period) == null ? void 0 : ae.at(P),
+                peakPeriod: (Ae = z == null ? void 0 : z.swell_wave_peak_period) == null ? void 0 : Ae.at(P)
               },
               wd: {
-                height: (pe = z == null ? void 0 : z.wind_wave_height) == null ? void 0 : pe.at(P),
-                degree: (Ae = z == null ? void 0 : z.wind_wave_direction) == null ? void 0 : Ae.at(P),
+                height: (ge = z == null ? void 0 : z.wind_wave_height) == null ? void 0 : ge.at(P),
+                degree: (we = z == null ? void 0 : z.wind_wave_direction) == null ? void 0 : we.at(P),
                 bearing: ((xe = z == null ? void 0 : z.wind_wave_direction) == null ? void 0 : xe.at(P)) !== null ? (((be = z == null ? void 0 : z.wind_wave_direction) == null ? void 0 : be.at(P)) + 180) % 360 : null,
                 period: (_e = z == null ? void 0 : z.wind_wave_period) == null ? void 0 : _e.at(P),
-                peakPeriod: (B = z == null ? void 0 : z.wind_wave_peak_period) == null ? void 0 : B.at(P)
+                peakPeriod: (I = z == null ? void 0 : z.wind_wave_peak_period) == null ? void 0 : I.at(P)
               }
             },
             current: {
@@ -4817,14 +4817,14 @@ class ht {
             },
             sst: (He = z == null ? void 0 : z.sea_surface_temperature) == null ? void 0 : He.at(P),
             height: (ke = z == null ? void 0 : z.sea_level_height_msl) == null ? void 0 : ke.at(P)
-          }, De.wave = this.parseWave(De.wave, de == null ? void 0 : de.wind), De.current.direction = this.degree2Direction(De.current.degree), Object.assign(Me[Se], De), Se++;
+          }, De.wave = this.parseWave(De.wave, ue == null ? void 0 : ue.wind), De.current.direction = this.degree2Direction(De.current.degree), Object.assign(Me[Se], De), Se++;
         }
       }
     }
     return Me;
   }
   static toLegacy(e) {
-    var t, r, i, s, n, l, c, p, h, d;
+    var t, r, i, s, n, l, c, d, h, p;
     return {
       wind: (t = e == null ? void 0 : e.weather) == null ? void 0 : t.wind,
       visibility: (r = e == null ? void 0 : e.weather) == null ? void 0 : r.visibility,
@@ -4834,9 +4834,9 @@ class ht {
         kts: (l = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.wind) == null ? void 0 : l.gusts
       },
       precip: (c = e == null ? void 0 : e.weather) == null ? void 0 : c.precip,
-      code: (p = e == null ? void 0 : e.weather) == null ? void 0 : p.code,
+      code: (d = e == null ? void 0 : e.weather) == null ? void 0 : d.code,
       name: (h = e == null ? void 0 : e.weather) == null ? void 0 : h.name,
-      url: (d = e == null ? void 0 : e.weather) == null ? void 0 : d.url,
+      url: (p = e == null ? void 0 : e.weather) == null ? void 0 : p.url,
       wave: e == null ? void 0 : e.wave,
       current: e == null ? void 0 : e.current,
       sst: e == null ? void 0 : e.sst,
@@ -4846,82 +4846,82 @@ class ht {
     };
   }
   static pickDaily(e, t) {
-    var r, i, s, n, l, c, p, h, d, A, b, E, w, k, _, f, v, u, C, y, L, T, D, F, N, j, G, W, me, re, ue, we, ge, ve, ye, Y, te, fe, pe, Ae, xe, be, _e, B;
+    var r, i, s, n, l, c, d, h, p, b, x, E, A, B, _, f, v, m, L, y, w, M, D, N, Q, j, G, W, he, te, pe, ye, se, ve, fe, Y, ae, Ae, ge, we, xe, be, _e, I;
     const ze = typeof t == "string" ? ee(t) : t, Le = e == null ? void 0 : e.weather, Pe = e == null ? void 0 : e.marine, Ee = ee((s = (i = (r = Le == null ? void 0 : Le[0]) == null ? void 0 : r.daily) == null ? void 0 : i.time) == null ? void 0 : s.at(0)), He = ee((c = (l = (n = Le == null ? void 0 : Le[0]) == null ? void 0 : n.daily) == null ? void 0 : l.time) == null ? void 0 : c.at(-1)), ke = [];
     if (ze.isBetween(Ee, He, "millisecond", "[]")) {
-      let se, ce;
-      const Q = ze.diff(Ee, "d", !1);
+      let oe, me;
+      const H = ze.diff(Ee, "d", !1);
       if (Le)
         for (const Be of Le) {
           const K = Be.daily;
-          se = {
-            code: (p = K.weather_code) == null ? void 0 : p.at(Q),
+          oe = {
+            code: (d = K.weather_code) == null ? void 0 : d.at(H),
             temp: {
-              max: (h = K.temperature_2m_max) == null ? void 0 : h.at(Q),
-              min: (d = K.temperature_2m_min) == null ? void 0 : d.at(Q),
-              mean: (A = K.temperature_2m_mean) == null ? void 0 : A.at(Q)
+              max: (h = K.temperature_2m_max) == null ? void 0 : h.at(H),
+              min: (p = K.temperature_2m_min) == null ? void 0 : p.at(H),
+              mean: (b = K.temperature_2m_mean) == null ? void 0 : b.at(H)
             },
             apparentTemp: {
-              max: (b = K.apparent_temperature_max) == null ? void 0 : b.at(Q),
-              min: (E = K.apparent_temperature_min) == null ? void 0 : E.at(Q)
+              max: (x = K.apparent_temperature_max) == null ? void 0 : x.at(H),
+              min: (E = K.apparent_temperature_min) == null ? void 0 : E.at(H)
             },
             precip: {
-              sum: (w = K.precipitation_sum) == null ? void 0 : w.at(Q),
-              rainSum: (k = K.rain_sum) == null ? void 0 : k.at(Q),
-              snowfallSum: (_ = K.snowfall_sum) == null ? void 0 : _.at(Q),
-              showersSum: (f = K.showers_sum) == null ? void 0 : f.at(Q),
-              hours: (v = K.precipitation_hours) == null ? void 0 : v.at(Q),
-              probability: (u = K.precipitation_probability_max) == null ? void 0 : u.at(Q)
+              sum: (A = K.precipitation_sum) == null ? void 0 : A.at(H),
+              rainSum: (B = K.rain_sum) == null ? void 0 : B.at(H),
+              snowfallSum: (_ = K.snowfall_sum) == null ? void 0 : _.at(H),
+              showersSum: (f = K.showers_sum) == null ? void 0 : f.at(H),
+              hours: (v = K.precipitation_hours) == null ? void 0 : v.at(H),
+              probability: (m = K.precipitation_probability_max) == null ? void 0 : m.at(H)
             },
             rh: {
-              max: (C = K.relative_humidity_2m_max) == null ? void 0 : C.at(Q),
-              min: (y = K.relative_humidity_2m_min) == null ? void 0 : y.at(Q),
-              mean: (L = K.relative_humidity_2m_mean) == null ? void 0 : L.at(Q)
+              max: (L = K.relative_humidity_2m_max) == null ? void 0 : L.at(H),
+              min: (y = K.relative_humidity_2m_min) == null ? void 0 : y.at(H),
+              mean: (w = K.relative_humidity_2m_mean) == null ? void 0 : w.at(H)
             },
             wind: {
-              speed: (T = K.wind_speed_10m_max) == null ? void 0 : T.at(Q),
-              kts: (D = K.wind_speed_10m_max) == null ? void 0 : D.at(Q),
-              degree: (F = K.wind_direction_10m_dominant) == null ? void 0 : F.at(Q),
-              gusts: (N = K.wind_gusts_10m_max) == null ? void 0 : N.at(Q),
-              bearing: ((j = K.wind_direction_10m_dominant) == null ? void 0 : j.at(Q)) !== null ? (((G = K.wind_direction_10m_dominant) == null ? void 0 : G.at(Q)) + 180) % 360 : null
+              speed: (M = K.wind_speed_10m_max) == null ? void 0 : M.at(H),
+              kts: (D = K.wind_speed_10m_max) == null ? void 0 : D.at(H),
+              degree: (N = K.wind_direction_10m_dominant) == null ? void 0 : N.at(H),
+              gusts: (Q = K.wind_gusts_10m_max) == null ? void 0 : Q.at(H),
+              bearing: ((j = K.wind_direction_10m_dominant) == null ? void 0 : j.at(H)) !== null ? (((G = K.wind_direction_10m_dominant) == null ? void 0 : G.at(H)) + 180) % 360 : null
             }
           };
-          const { name: q, url: Me, bg: P } = this.parseWeatherCode(se.code, !0);
-          se.name = q, se.url = Me, se.bg = P, se.wind.scale = this.beaufort(this.kts2ms(se.wind.kts)), se.wind.direction = this.degree2Direction(se.wind.degree), ke.push({
-            utc: Ee.add(Q, "d").utc().format(),
+          const { name: q, url: Me, bg: P } = this.parseWeatherCode(oe.code, !0);
+          oe.name = q, oe.url = Me, oe.bg = P, oe.wind.scale = this.beaufort(this.kts2ms(oe.wind.kts)), oe.wind.direction = this.degree2Direction(oe.wind.degree), ke.push({
+            utc: Ee.add(H, "d").utc().format(),
             model: Be.model,
-            weather: { ...se }
+            weather: { ...oe }
           });
         }
       if (Pe) {
         let Be = 0;
         for (const K of Pe) {
           const q = K.daily;
-          ce = {
+          me = {
             wave: {
               sig: {
-                height: (W = q.wave_height_max) == null ? void 0 : W.at(Q),
-                degree: (me = q.wave_direction_dominant) == null ? void 0 : me.at(Q),
-                period: (re = q.wave_period_max) == null ? void 0 : re.at(Q),
-                bearing: ((ue = q.wave_direction_dominant) == null ? void 0 : ue.at(Q)) !== null ? (((we = q.wave_direction_dominant) == null ? void 0 : we.at(Q)) + 180) % 360 : null
+                height: (W = q.wave_height_max) == null ? void 0 : W.at(H),
+                degree: (he = q.wave_direction_dominant) == null ? void 0 : he.at(H),
+                period: (te = q.wave_period_max) == null ? void 0 : te.at(H),
+                bearing: ((pe = q.wave_direction_dominant) == null ? void 0 : pe.at(H)) !== null ? (((ye = q.wave_direction_dominant) == null ? void 0 : ye.at(H)) + 180) % 360 : null
               },
               swell: {
-                height: (ge = q.swell_wave_height_max) == null ? void 0 : ge.at(Q),
-                degree: (ve = q.swell_wave_direction_dominant) == null ? void 0 : ve.at(Q),
-                period: (ye = q.swell_wave_period_max) == null ? void 0 : ye.at(Q),
-                peakPeriod: (Y = q.swell_wave_peak_period_max) == null ? void 0 : Y.at(Q),
+                height: (se = q.swell_wave_height_max) == null ? void 0 : se.at(H),
+                degree: (ve = q.swell_wave_direction_dominant) == null ? void 0 : ve.at(H),
+                period: (fe = q.swell_wave_period_max) == null ? void 0 : fe.at(H),
+                peakPeriod: (Y = q.swell_wave_peak_period_max) == null ? void 0 : Y.at(H),
                 // bearing: daily.swell_wave_direction_dominant?.at(day) !== null ? (daily.swell_wave_direction_dominant?.at(day) + 180) % 360 : null,
-                bearing: ((te = q.swell_wave_direction_dominant) == null ? void 0 : te.at(Q)) !== null ? ((fe = q.swell_wave_direction_dominant) == null ? void 0 : fe.at(Q)) % 360 : null
+                bearing: ((ae = q.swell_wave_direction_dominant) == null ? void 0 : ae.at(H)) !== null ? ((Ae = q.swell_wave_direction_dominant) == null ? void 0 : Ae.at(H)) % 360 : null
               },
               wd: {
-                height: (pe = q.wind_wave_height_max) == null ? void 0 : pe.at(Q),
-                degree: (Ae = q.wind_wave_direction_dominant) == null ? void 0 : Ae.at(Q),
-                period: (xe = q.wind_wave_period_max) == null ? void 0 : xe.at(Q),
-                peakPeriod: (be = q.wind_wave_peak_period_max) == null ? void 0 : be.at(Q),
-                bearing: ((_e = q.wind_wave_direction_dominant) == null ? void 0 : _e.at(Q)) !== null ? (((B = q.wind_wave_direction_dominant) == null ? void 0 : B.at(Q)) + 180) % 360 : null
+                height: (ge = q.wind_wave_height_max) == null ? void 0 : ge.at(H),
+                degree: (we = q.wind_wave_direction_dominant) == null ? void 0 : we.at(H),
+                period: (xe = q.wind_wave_period_max) == null ? void 0 : xe.at(H),
+                peakPeriod: (be = q.wind_wave_peak_period_max) == null ? void 0 : be.at(H),
+                bearing: ((_e = q.wind_wave_direction_dominant) == null ? void 0 : _e.at(H)) !== null ? (((I = q.wind_wave_direction_dominant) == null ? void 0 : I.at(H)) + 180) % 360 : null
               }
             }
-          }, ce.wave = this.parseWave(ce.wave, se == null ? void 0 : se.wind), Object.assign(ke[Be], ce), Be++;
+          }, me.wave = this.parseWave(me.wave, oe == null ? void 0 : oe.wind), Object.assign(ke[Be], me), Be++;
         }
       }
     }
@@ -5344,6 +5344,10 @@ const Oa = {
     },
     permission: {
       type: Number
+    },
+    fromTropicalReport: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["tropical", "tropicalProbability", "tropicalNotification"],
@@ -5367,10 +5371,11 @@ const Oa = {
       showTropicals: !1,
       activeTropicals: void 0,
       activeTropicalsMarker: void 0,
-      empty: S.featureCollection([]),
+      empty: T.featureCollection([]),
       circleSource: "circle-source",
-      circleSourceData: S.featureCollection([]),
-      circleLayer: "tropical-circle-layer"
+      circleSourceData: T.featureCollection([]),
+      circleLayer: "tropical-circle-layer",
+      labelMarkers: []
     };
   },
   computed: {
@@ -5462,16 +5467,16 @@ const Oa = {
       ));
     },
     handleRender() {
-      var a, e, t, r, i, s, n, l, c, p;
+      var a, e, t, r, i, s, n, l, c, d, h, p, b;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
         }, 500);
       else {
         if (this.tropicals) {
-          const d = (/* @__PURE__ */ new Date()).valueOf();
-          let A = 0, b = 0;
-          (a = this.map) != null && a.getSource(this.source) ? ((t = this.map) == null || t.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), b = (/* @__PURE__ */ new Date()).valueOf() - (d + A), console.log("[tropicals] update elapsed: ", b, ", total: ", A += b)) : (this.map.addSource(this.source, {
+          const E = (/* @__PURE__ */ new Date()).valueOf();
+          let A = 0, B = 0;
+          if ((a = this.map) != null && a.getSource(this.source) ? ((t = this.map) == null || t.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), B = (/* @__PURE__ */ new Date()).valueOf() - (E + A), console.log("[tropicals] update elapsed: ", B, ", total: ", A += 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({
@@ -5568,143 +5573,182 @@ const Oa = {
               ],
               "text-halo-width": 4
             }
-          }), b = (/* @__PURE__ */ new Date()).valueOf() - (d + A), console.log("[tropical] add elapsed: ", b, ", total: ", A += b)), (s = this.map) != null && s.getSource(this.clusterSource) ? ((l = this.map) == null || l.getSource(this.clusterSource).setData((n = this.tropicals) != null && n.active ? this.tropicals.data : this.empty), b = (/* @__PURE__ */ new Date()).valueOf() - (d + A), console.log("[tropical] update elapsed: ", b, ", total: ", A += b)) : (this.map.addSource(this.clusterSource, {
-            type: "geojson",
-            data: (c = this.tropicals) != null && c.active ? (p = this.tropicals) == null ? void 0 : p.data : this.empty
-            // cluster: true,
-            // clusterRadius: 10, // 聚合半径
-          }), this.map.addLayer({
-            id: this.pointCircleLayer + "-border",
-            type: "circle",
-            source: this.clusterSource,
-            filter: ["all", ["==", "$type", "Point"], ["==", "type", "forecast"], ["!=", "disabled", !0]],
-            paint: {
-              "circle-radius": 6,
-              "circle-color": "#fff"
-            }
-          }), this.map.addLayer({
-            id: this.pointCircleLayer,
-            type: "circle",
-            source: this.clusterSource,
-            filter: ["all", ["==", "$type", "Point"], ["==", "type", "forecast"], ["!=", "disabled", !0]],
-            paint: {
-              "circle-radius": 4,
-              "circle-color": [
-                "case",
-                ["boolean", ["==", ["get", "kts", ["get", "wind"]], null]],
-                "#03f869",
-                ["boolean", ["<", ["get", "kts", ["get", "wind"]], 32]],
-                "#03f869",
-                ["boolean", ["<", ["get", "kts", ["get", "wind"]], 47]],
-                "#f2f202",
-                ["boolean", ["<", ["get", "kts", ["get", "wind"]], 63]],
-                "#ff9100",
-                ["boolean", ["<", ["get", "kts", ["get", "wind"]], 79]],
-                "#f44336",
-                ["boolean", ["<", ["get", "kts", ["get", "wind"]], 94]],
-                "#f903d0",
-                ["boolean", [">=", ["get", "kts", ["get", "wind"]], 94]],
-                "#8702f9",
-                "#fff"
-              ]
-            }
-          }), this.map.addLayer({
-            id: this.pointLabelLayer,
-            type: "symbol",
-            source: this.clusterSource,
-            filter: ["all", ["==", "$type", "Point"], ["==", "type", "forecast"], ["!=", "disabled", !0]],
-            layout: {
-              "text-field": ["get", "format"],
-              "text-offset": [0, -0.5],
-              "text-anchor": "bottom-left",
-              "text-size": 12
-            },
-            paint: {
-              "text-color": "rgba(0, 0, 0, 1)",
-              "text-halo-color": "#fff",
-              "text-halo-width": 1
-            }
-          }), this.map.addLayer({
-            id: this.historyPointCircleLayer + "-border",
-            type: "circle",
-            source: this.clusterSource,
-            filter: ["all", ["==", "$type", "Point"], ["==", "type", "history"], ["==", "important", !0], ["!=", "disabled", !0]],
-            paint: {
-              "circle-radius": 7,
-              "circle-color": "#fff"
-            }
-          }), this.map.addLayer({
-            id: this.historyPointCircleLayer,
-            type: "circle",
-            source: this.clusterSource,
-            filter: ["all", ["==", "$type", "Point"], ["==", "type", "history"], ["==", "important", !0], ["!=", "disabled", !0]],
-            paint: {
-              "circle-radius": 5,
-              "circle-color": "rgba(0,0,0,0.7)"
-            }
-          }), this.map.addLayer({
-            id: this.historyPointCircleLayer + "-inner",
-            type: "circle",
-            source: this.clusterSource,
-            filter: ["all", ["==", "$type", "Point"], ["==", "type", "history"], ["==", "important", !0], ["!=", "disabled", !0]],
-            paint: {
-              "circle-radius": 3,
-              "circle-color": "#fff"
-            }
-          }), this.map.addLayer({
-            id: this.historyPointLabelLayer,
-            type: "symbol",
-            source: this.clusterSource,
-            filter: ["all", ["==", "$type", "Point"], ["==", "type", "history"], ["==", "important", !0], ["!=", "disabled", !0]],
-            layout: {
-              "text-field": ["get", "format"],
-              "text-offset": [0, -0.5],
-              "text-anchor": "bottom-left",
-              "text-size": 14
-            },
-            paint: {
-              "text-color": "rgba(0, 0, 0, 1)",
-              "text-halo-color": "#fff",
-              "text-halo-width": 1
-            }
-          }), this.map.addLayer({
-            id: this.forecastNameLayer,
-            type: "symbol",
-            source: this.clusterSource,
-            filter: ["all", ["==", "$type", "Point"], ["==", "type", "forecast"], ["==", "important", !0]],
-            layout: {
-              "text-field": ["get", "name"],
-              "text-offset": [0, 1.5],
-              "text-anchor": "bottom",
-              "text-size": 16,
-              "text-allow-overlap": !0,
-              "text-ignore-placement": !0
-            },
-            paint: {
-              "text-color": "#fff",
-              "text-halo-color": "#0033ff",
-              "text-halo-width": 4
-            }
-          }), b = (/* @__PURE__ */ new Date()).valueOf() - (d + A), console.log("[tropical] add elapsed: ", b, ", total: ", A += b));
+          }), B = (/* @__PURE__ */ new Date()).valueOf() - (E + A), console.log("[tropical] add elapsed: ", B, ", total: ", A += B)), (s = this.map) != null && s.getSource(this.clusterSource))
+            (l = this.map) == null || l.getSource(this.clusterSource).setData((n = this.tropicals) != null && n.active ? this.tropicals.data : this.empty), B = (/* @__PURE__ */ new Date()).valueOf() - (E + A), console.log("[tropical] update elapsed: ", B, ", total: ", A += B);
+          else {
+            if (this.map.addSource(this.clusterSource, {
+              type: "geojson",
+              data: (c = this.tropicals) != null && c.active ? (d = this.tropicals) == null ? void 0 : d.data : this.empty
+              // cluster: true,
+              // clusterRadius: 10, // 聚合半径
+            }), this.map.addLayer({
+              id: this.pointCircleLayer + "-border",
+              type: "circle",
+              source: this.clusterSource,
+              filter: ["all", ["==", "$type", "Point"], ["==", "type", "forecast"], ["!=", "disabled", !0]],
+              paint: {
+                "circle-radius": 6,
+                "circle-color": "#fff"
+              }
+            }), this.map.addLayer({
+              id: this.pointCircleLayer,
+              type: "circle",
+              source: this.clusterSource,
+              filter: ["all", ["==", "$type", "Point"], ["==", "type", "forecast"], ["!=", "disabled", !0]],
+              paint: {
+                "circle-radius": 4,
+                "circle-color": [
+                  "case",
+                  ["boolean", ["==", ["get", "kts", ["get", "wind"]], null]],
+                  "#03f869",
+                  ["boolean", ["<", ["get", "kts", ["get", "wind"]], 32]],
+                  "#03f869",
+                  ["boolean", ["<", ["get", "kts", ["get", "wind"]], 47]],
+                  "#f2f202",
+                  ["boolean", ["<", ["get", "kts", ["get", "wind"]], 63]],
+                  "#ff9100",
+                  ["boolean", ["<", ["get", "kts", ["get", "wind"]], 79]],
+                  "#f44336",
+                  ["boolean", ["<", ["get", "kts", ["get", "wind"]], 94]],
+                  "#f903d0",
+                  ["boolean", [">=", ["get", "kts", ["get", "wind"]], 94]],
+                  "#8702f9",
+                  "#fff"
+                ]
+              }
+            }), this.fromTropicalReport) {
+              const _ = (h = this.tropicals.data.features) == null ? void 0 : h.filter((m) => m.geometry.type === "Point" && m.properties.type === "forecast" && m.properties.name === "fengshen" && m.properties.model === "jma");
+              let f = 0, v = (b = (p = this.findClosestToNumber(_, "hour", 12)) == null ? void 0 : p.properties) == null ? void 0 : b.hour;
+              _.forEach((m, L) => {
+                var M, D, N, Q, j, G, W, he, te;
+                let y;
+                const w = this.findClosestToNumber(_, "hour", v + f * 24);
+                if (w && ((M = w == null ? void 0 : w.properties) == null ? void 0 : M.hour) === ((D = m.properties) == null ? void 0 : D.hour) && (y = w), y) {
+                  const pe = f % 2 === 0 ? [-60, -40] : [60, 40], ye = f % 2 === 0 ? "position: absolute;width: 20px;margin-left: 98px;margin-top: 12px;height: 2px;transform: rotate(45deg);background-color: rgba(0, 0, 0, 0.3);" : "position: absolute;width: 20px;margin-left: -8px;margin-top: -54px;height: 2px;transform: rotate(45deg);background-color: rgba(0, 0, 0, 0.3);", se = document.createElement("div");
+                  se.style.cssText = "width: 130px;font-size: 12px; color: #000; background-color: rgba(255, 255, 255, 0.8); border: 2px solid rgba(0, 0, 0, 0.3); padding: 4px 8px; border-radius: 6px;", se.innerHTML = `
+                      <div style="">
+                        <span>${((N = m.properties) == null ? void 0 : N.format) || "-"}</span>
+                        <span> [${((G = (j = (Q = m.properties) == null ? void 0 : Q.wind) == null ? void 0 : j.en) == null ? void 0 : G.toUpperCase()) || "-"}]</span>
+                      </div>
+                      <div>
+                        <span>BF${((he = (W = m.properties) == null ? void 0 : W.wind) == null ? void 0 : he.bf) || "-"}</span> / 
+                        <span>${((te = m.properties) == null ? void 0 : te.pressure) || "-"} kPa</span>
+                      </div>
+                      <div style="${ye}"></div>
+                    `, this.labelMarkers.push(new Re.Marker(se).setLngLat(m.geometry.coordinates).setOffset(pe).addTo(this.map)), f = f + 1;
+                }
+              });
+            } else
+              this.map.addLayer({
+                id: this.pointLabelLayer,
+                type: "symbol",
+                source: this.clusterSource,
+                filter: ["all", ["==", "$type", "Point"], ["==", "type", "forecast"], ["!=", "disabled", !0]],
+                layout: {
+                  "text-field": ["get", "format"],
+                  "text-offset": [0, -0.5],
+                  "text-anchor": "bottom-left",
+                  "text-size": 12
+                },
+                paint: {
+                  "text-color": "rgba(0, 0, 0, 1)",
+                  "text-halo-color": "#fff",
+                  "text-halo-width": 1
+                }
+              });
+            this.map.addLayer({
+              id: this.historyPointCircleLayer + "-border",
+              type: "circle",
+              source: this.clusterSource,
+              filter: ["all", ["==", "$type", "Point"], ["==", "type", "history"], ["==", "important", !0], ["!=", "disabled", !0]],
+              paint: {
+                "circle-radius": 7,
+                "circle-color": "#fff"
+              }
+            }), this.map.addLayer({
+              id: this.historyPointCircleLayer,
+              type: "circle",
+              source: this.clusterSource,
+              filter: ["all", ["==", "$type", "Point"], ["==", "type", "history"], ["==", "important", !0], ["!=", "disabled", !0]],
+              paint: {
+                "circle-radius": 5,
+                "circle-color": "rgba(0,0,0,0.7)"
+              }
+            }), this.map.addLayer({
+              id: this.historyPointCircleLayer + "-inner",
+              type: "circle",
+              source: this.clusterSource,
+              filter: ["all", ["==", "$type", "Point"], ["==", "type", "history"], ["==", "important", !0], ["!=", "disabled", !0]],
+              paint: {
+                "circle-radius": 3,
+                "circle-color": "#fff"
+              }
+            }), this.map.addLayer({
+              id: this.historyPointLabelLayer,
+              type: "symbol",
+              source: this.clusterSource,
+              filter: ["all", ["==", "$type", "Point"], ["==", "type", "history"], ["==", "important", !0], ["!=", "disabled", !0]],
+              layout: {
+                "text-field": ["get", "format"],
+                "text-offset": [0, -0.5],
+                "text-anchor": "bottom-left",
+                "text-size": 14
+              },
+              paint: {
+                "text-color": "rgba(0, 0, 0, 1)",
+                "text-halo-color": "#fff",
+                "text-halo-width": 1
+              }
+            }), this.map.addLayer({
+              id: this.forecastNameLayer,
+              type: "symbol",
+              source: this.clusterSource,
+              filter: ["all", ["==", "$type", "Point"], ["==", "type", "forecast"], ["==", "important", !0]],
+              layout: {
+                "text-field": ["get", "name"],
+                "text-offset": [0, 1.5],
+                "text-anchor": "bottom",
+                "text-size": 16,
+                "text-allow-overlap": !0,
+                "text-ignore-placement": !0
+              },
+              paint: {
+                "text-color": "#fff",
+                "text-halo-color": "#0033ff",
+                "text-halo-width": 4
+              }
+            }), B = (/* @__PURE__ */ new Date()).valueOf() - (E + A), console.log("[tropical] add elapsed: ", B, ", total: ", A += B);
+          }
         }
         this.handleDrawCircle();
-        const h = ct.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(h)), this.handleDateChange();
+        const x = ct.interpolate(this.tropicals, 1);
+        this.interpolateData = JSON.parse(JSON.stringify(x)), this.handleDateChange();
+      }
+    },
+    findClosestToNumber(a, e, t) {
+      var s, n;
+      if (!a.length)
+        return null;
+      let r = a[0], i = Math.abs(((s = r == null ? void 0 : r.properties) == null ? void 0 : s[e]) - t);
+      for (let l = 1; l < a.length; l++) {
+        const c = a[l], d = Math.abs(Number((n = c == null ? void 0 : c.properties) == null ? void 0 : n.hour) - t);
+        d < i && (i = d, r = c);
       }
+      return r;
     },
     handleClear() {
       var a;
-      this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (a = this.interpolateMarkers) == null || a.forEach((e) => e == null ? void 0 : e.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource));
+      this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (a = this.interpolateMarkers) == null || a.forEach((e) => e == null ? void 0 : e.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource), this.labelMarkers.forEach((e) => e == null ? void 0 : e.remove()), this.labelMarkers = []);
     },
     handleDateChange() {
-      var a, e, t, r, i, s, n, l, c, p, h, d, A, b, E, w, k, _, f, v, u, C, y, L, T, D, F, N, j, G, W, me;
-      if ((a = this.interpolateMarkers) == null || a.forEach((re) => re == null ? void 0 : re.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const re = ee(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), ue = ee.utc().add(1, "hour").set({ minute: 0, second: 0, millisecond: 0 }), we = re.isBefore(ue) && ue.diff(re, "h") < 2 ? ue.format() : re.format(), ge = this.interpolateData.filter((Y) => Y.properties.date === we && !Y.properties.disabled), ve = this.handleComputePolygons(ge), ye = S.featureCollection([...ge]);
+      var a, e, t, r, i, s, n, l, c, d, h, p, b, x, E, A, B, _, f, v, m, L, y, w, M, D, N, Q, j, G, W, he;
+      if ((a = this.interpolateMarkers) == null || a.forEach((te) => te == null ? void 0 : te.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
+        const te = ee(this.date).utc().set({ minute: 0, second: 0, millisecond: 0 }), pe = ee.utc().add(1, "hour").set({ minute: 0, second: 0, millisecond: 0 }), ye = te.isBefore(pe) && pe.diff(te, "h") < 2 ? pe.format() : te.format(), se = this.interpolateData.filter((Y) => Y.properties.date === ye && !Y.properties.disabled), ve = this.handleComputePolygons(se), fe = T.featureCollection([...se]);
         ve.forEach((Y) => {
-          ye.features.push(Y);
-        }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(ye) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
+          fe.features.push(Y);
+        }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (r = this.map) == null || r.getSource(this.interpolateSource).setData(fe) : ((i = this.map) == null || i.addSource(this.interpolateSource, {
           type: "geojson",
-          data: ye
+          data: fe
         }), (s = this.map) == null || s.addLayer({
           id: this.interpolateLineLayer,
           type: "line",
@@ -5716,17 +5760,17 @@ const Oa = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const Y of ge)
+        for (const Y of se)
           if (!Y.properties.disabled) {
-            let te = "#f44336";
-            ((l = (n = Y.properties) == null ? void 0 : n.wind) == null ? void 0 : l.kts) < 32 || !((p = (c = Y.properties) == null ? void 0 : c.wind) != null && p.kts) ? te = "#03f869" : ((d = (h = Y.properties) == null ? void 0 : h.wind) == null ? void 0 : d.kts) >= 32 && ((b = (A = Y.properties) == null ? void 0 : A.wind) == null ? void 0 : b.kts) < 47 ? te = "#f2f202" : ((w = (E = Y.properties) == null ? void 0 : E.wind) == null ? void 0 : w.kts) >= 47 && ((_ = (k = Y.properties) == null ? void 0 : k.wind) == null ? void 0 : _.kts) < 63 ? te = "#ff9100" : ((v = (f = Y.properties) == null ? void 0 : f.wind) == null ? void 0 : v.kts) >= 63 && ((C = (u = Y.properties) == null ? void 0 : u.wind) == null ? void 0 : C.kts) < 79 ? te = "#f44336" : ((L = (y = Y.properties) == null ? void 0 : y.wind) == null ? void 0 : L.kts) >= 79 && ((D = (T = Y.properties) == null ? void 0 : T.wind) == null ? void 0 : D.kts) < 94 ? te = "#f903d0" : ((N = (F = Y.properties) == null ? void 0 : F.wind) == null ? void 0 : N.kts) >= 94 ? te = "#8702f9" : te = "#f44336";
-            const fe = `<svg t="1719918955501"
+            let ae = "#f44336";
+            ((l = (n = Y.properties) == null ? void 0 : n.wind) == null ? void 0 : l.kts) < 32 || !((d = (c = Y.properties) == null ? void 0 : c.wind) != null && d.kts) ? ae = "#03f869" : ((p = (h = Y.properties) == null ? void 0 : h.wind) == null ? void 0 : p.kts) >= 32 && ((x = (b = Y.properties) == null ? void 0 : b.wind) == null ? void 0 : x.kts) < 47 ? ae = "#f2f202" : ((A = (E = Y.properties) == null ? void 0 : E.wind) == null ? void 0 : A.kts) >= 47 && ((_ = (B = Y.properties) == null ? void 0 : B.wind) == null ? void 0 : _.kts) < 63 ? ae = "#ff9100" : ((v = (f = Y.properties) == null ? void 0 : f.wind) == null ? void 0 : v.kts) >= 63 && ((L = (m = Y.properties) == null ? void 0 : m.wind) == null ? void 0 : L.kts) < 79 ? ae = "#f44336" : ((w = (y = Y.properties) == null ? void 0 : y.wind) == null ? void 0 : w.kts) >= 79 && ((D = (M = Y.properties) == null ? void 0 : M.wind) == null ? void 0 : D.kts) < 94 ? ae = "#f903d0" : ((Q = (N = Y.properties) == null ? void 0 : N.wind) == null ? void 0 : Q.kts) >= 94 ? ae = "#8702f9" : ae = "#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">
                           	<path
                           		d="M515.17000001 169.34666667c41-77.73 95.33-96 95.33-96-240 0-434.5 194.53-434.5 434.5 0 186.47 150.78 337.7 337.06 338.48C472.11000001 923.66666667 418.00000001 941.83666667 418.00000001 941.83666667c240 0 434.5-194.54 434.5-434.5l0.5 0.5C853.00000001 321.10666667 701.81000001 169.66666667 515.17000001 169.34666667z m-0.67 468A129.5 129.5 0 1 1 644.00000001 507.83666667a129.5 129.5 0 0 1-129.5 129.5z"
-                          		fill="${te}" p-id="18383"></path>
-                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${te}"
+                          		fill="${ae}" p-id="18383"></path>
+                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${ae}"
                           		p-id="18384"></path>
                           	<path
                           		d="M517.16666667 654.67c-80.23 0-145.5-65.27-145.5-145.5s65.27-145.5 145.5-145.5S662.66666667 428.94 662.66666667 509.17s-65.27 145.5-145.5 145.5z m0-259A113.5 113.5 0 1 0 630.66666667 509.17a113.63 113.63 0 0 0-113.5-113.5z"
@@ -5734,45 +5778,45 @@ const Oa = {
                           	<path
                           		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>`, pe = document.createElement("div");
-            pe.className = "hurricane-hourly-marker", pe.innerHTML = `<div class="${Y.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${fe}</div>`;
-            const Ae = new je.Marker(pe).setLngLat(Y.geometry.coordinates).addTo(this.map);
-            this.interpolateMarkers.push(Ae), (G = (j = this.map) == null ? void 0 : j.getSource(this.circleSource)) == null || G.setData(this.circleSourceData);
+                          </svg>`, ge = document.createElement("div");
+            ge.className = "hurricane-hourly-marker", ge.innerHTML = `<div class="${Y.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${Ae}</div>`;
+            const we = new Re.Marker(ge).setLngLat(Y.geometry.coordinates).addTo(this.map);
+            this.interpolateMarkers.push(we), (G = (j = this.map) == null ? void 0 : j.getSource(this.circleSource)) == null || G.setData(this.circleSourceData);
           }
       } else
-        (W = this.map) != null && W.getSource(this.interpolateSource) && ((me = this.map) == null || me.getSource(this.interpolateSource).setData(this.empty));
+        (W = this.map) != null && W.getSource(this.interpolateSource) && ((he = this.map) == null || he.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(a) {
-      var s, n, l, c, p, h, d, A;
+      var s, n, l, c, d, h, p, b;
       const e = a.features[0], t = (n = (s = this.tropicals) == null ? void 0 : s.data) == null ? void 0 : n.features.filter(
-        (b) => {
+        (x) => {
           var E;
-          return b.geometry.type === "LineString" && b.properties.type === "forecast" && b.properties.name === ((E = e == null ? void 0 : e.properties) == null ? void 0 : E.name);
+          return x.geometry.type === "LineString" && x.properties.type === "forecast" && x.properties.name === ((E = e == null ? void 0 : e.properties) == null ? void 0 : E.name);
         }
       ), r = (c = (l = this.tropicals) == null ? void 0 : l.data) == null ? void 0 : c.features.filter(
-        (b) => {
+        (x) => {
           var E;
-          return b.geometry.type === "LineString" && b.properties.type === "history" && b.properties.name === ((E = e == null ? void 0 : e.properties) == null ? void 0 : E.name);
+          return x.geometry.type === "LineString" && x.properties.type === "history" && x.properties.name === ((E = e == null ? void 0 : e.properties) == null ? void 0 : E.name);
         }
       );
       this.activeTropicals = {
-        name: (p = e == null ? void 0 : e.properties) == null ? void 0 : p.name,
-        forecasts: t.map((b) => b.properties),
+        name: (d = e == null ? void 0 : e.properties) == null ? void 0 : d.name,
+        forecasts: t.map((x) => x.properties),
         history: (h = r[0]) == null ? void 0 : h.properties,
-        showCircle: (A = (d = t[0]) == null ? void 0 : d.properties) == null ? void 0 : A.showCircle
+        showCircle: (b = (p = t[0]) == null ? void 0 : p.properties) == null ? void 0 : b.showCircle
       }, this.showTropicals = !0;
       const i = document.getElementById("idm-tropical-gl3");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new je.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.activeTropicalsMarker = new Re.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(a) {
       var r, i, s, n, l, c;
       a.disabled = !a.disabled;
       const e = `${a.name}-${a.model}`, t = (i = (r = this.map) == null ? void 0 : r.getSource(this.source)._data) == null ? void 0 : i.features;
-      t.forEach((p) => {
-        p.properties.category === e && (p.properties.disabled = a.disabled);
-      }), this.interpolateData.forEach((p) => {
-        p.properties.category === e && (p.properties.disabled = a.disabled);
-      }), (n = (s = this.map) == null ? void 0 : s.getSource(this.source)) == null || n.setData(S.featureCollection(t)), (c = (l = this.map) == null ? void 0 : l.getSource(this.clusterSource)) == null || c.setData(S.featureCollection(t)), this.handleDateChange();
+      t.forEach((d) => {
+        d.properties.category === e && (d.properties.disabled = a.disabled);
+      }), this.interpolateData.forEach((d) => {
+        d.properties.category === e && (d.properties.disabled = a.disabled);
+      }), (n = (s = this.map) == null ? void 0 : s.getSource(this.source)) == null || n.setData(T.featureCollection(t)), (c = (l = this.map) == null ? void 0 : l.getSource(this.clusterSource)) == null || c.setData(T.featureCollection(t)), this.handleDateChange();
     },
     handleStrikeProbability(a) {
       this.$emit("tropicalProbability", a);
@@ -5832,22 +5876,22 @@ const Oa = {
         let c;
         switch (n) {
           case "ne":
-            c = S.lineArc(a, l, 0, 90, { steps: l > 0 ? 32 : 1, units: "nauticalmiles" });
+            c = T.lineArc(a, l, 0, 90, { steps: l > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "se":
-            c = S.lineArc(a, l, 90, 180, { steps: l > 0 ? 32 : 1, units: "nauticalmiles" });
+            c = T.lineArc(a, l, 90, 180, { steps: l > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "sw":
-            c = S.lineArc(a, l, 180, 270, { steps: l > 0 ? 32 : 1, units: "nauticalmiles" });
+            c = T.lineArc(a, l, 180, 270, { steps: l > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "nw":
-            c = S.lineArc(a, l, 270, 360, { steps: l > 0 ? 32 : 1, units: "nauticalmiles" });
+            c = T.lineArc(a, l, 270, 360, { steps: l > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
         }
         r.push(...(s = c == null ? void 0 : c.geometry) == null ? void 0 : s.coordinates);
       }
-      const i = S.lineString(r);
-      return S.lineToPolygon(i, { properties: t });
+      const i = T.lineString(r);
+      return T.lineToPolygon(i, { properties: t });
     }
   }
 }, Ra = {
@@ -5873,60 +5917,60 @@ const Oa = {
   style: { "justify-content": "flex-start" }
 }, ai = { class: "forecast-models" }, ii = ["onClick"], ri = { class: "more" };
 function si(a, e, t, r, i, s) {
-  var n, l, c, p, h, d, A, b, E, w, k, _, f, v, u, C, y, L, T;
-  return Fe((m(), g("div", Ra, [
+  var n, l, c, d, h, p, b, x, E, A, B, _, f, v, m, L, y, w, M;
+  return Fe((u(), g("div", Ra, [
     o("div", ja, [
       o("div", {
         class: "iconfont close-btn",
         onClick: e[0] || (e[0] = (D) => i.showTropicals = !1)
       }, ""),
       o("div", Wa, [
-        (l = (n = i.activeTropicals) == null ? void 0 : n.history) != null && l.level ? (m(), g("span", Ga, I((p = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : p.level) + " , ", 1)) : J("", !0),
-        le(I((h = i.activeTropicals) == null ? void 0 : h.name), 1)
+        (l = (n = i.activeTropicals) == null ? void 0 : n.history) != null && l.level ? (u(), g("span", Ga, k((d = (c = i.activeTropicals) == null ? void 0 : c.history) == null ? void 0 : d.level) + " , ", 1)) : J("", !0),
+        ce(k((h = i.activeTropicals) == null ? void 0 : h.name), 1)
       ]),
-      o("div", Ua, " Last update: " + I(s.computeTime(((A = (d = i.activeTropicals) == null ? void 0 : d.history) == null ? void 0 : A.updated) || ((w = (E = (b = i.activeTropicals) == null ? void 0 : b.forecasts) == null ? void 0 : E.filter((D) => !D.disabled)[0]) == null ? void 0 : w.date))), 1)
+      o("div", Ua, " Last update: " + k(s.computeTime(((b = (p = i.activeTropicals) == null ? void 0 : p.history) == null ? void 0 : b.updated) || ((A = (E = (x = i.activeTropicals) == null ? void 0 : x.forecasts) == null ? void 0 : E.filter((D) => !D.disabled)[0]) == null ? void 0 : A.date))), 1)
     ]),
     o("div", Ya, [
       o("div", Ka, [
         o("div", Xa, [
           o("div", Ja, [
             e[3] || (e[3] = o("label", null, "Wind speed : ", -1)),
-            o("span", null, I(((_ = (k = i.activeTropicals) == null ? void 0 : k.history) == null ? void 0 : _.kts) || "-") + " [kts]", 1),
-            o("span", null, ", BF " + I(s.computeBF(((v = (f = i.activeTropicals) == null ? void 0 : f.history) == null ? void 0 : v.kts) || 0)), 1)
+            o("span", null, k(((_ = (B = i.activeTropicals) == null ? void 0 : B.history) == null ? void 0 : _.kts) || "-") + " [kts]", 1),
+            o("span", null, ", BF " + k(s.computeBF(((v = (f = i.activeTropicals) == null ? void 0 : f.history) == null ? void 0 : v.kts) || 0)), 1)
           ]),
           o("div", qa, [
             e[4] || (e[4] = o("label", null, "Pressure : ", -1)),
-            o("span", null, I(((C = (u = i.activeTropicals) == null ? void 0 : u.history) == null ? void 0 : C.pressure) || "-") + " [hPa]", 1)
+            o("span", null, k(((L = (m = i.activeTropicals) == null ? void 0 : m.history) == null ? void 0 : L.pressure) || "-") + " [hPa]", 1)
           ])
         ]),
         o("div", Va, [
           o("div", Za, [
             e[5] || (e[5] = o("label", null, "Move Speed: ", -1)),
-            o("span", null, I((y = s.computeMovement(i.activeTropicals)) == null ? void 0 : y.kts) + " [kts]", 1)
+            o("span", null, k((y = s.computeMovement(i.activeTropicals)) == null ? void 0 : y.kts) + " [kts]", 1)
           ]),
           o("div", $a, [
             e[6] || (e[6] = o("label", null, "Move Dir: ", -1)),
-            o("span", null, I((L = s.computeMovement(i.activeTropicals)) == null ? void 0 : L.deg) + " [°]", 1)
+            o("span", null, k((w = s.computeMovement(i.activeTropicals)) == null ? void 0 : w.deg) + " [°]", 1)
           ])
         ]),
         o("div", ei, [
           o("div", ti, [
             e[7] || (e[7] = o("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
             o("div", ai, [
-              (m(!0), g(V, null, $((T = i.activeTropicals) == null ? void 0 : T.forecasts, (D, F) => {
-                var N, j, G, W;
-                return m(), g("div", {
-                  key: F,
+              (u(!0), g(V, null, $((M = i.activeTropicals) == null ? void 0 : M.forecasts, (D, N) => {
+                var Q, j, G, W;
+                return u(), g("div", {
+                  key: N,
                   class: Z([
                     "model",
                     D.disabled ? "" : "active",
-                    F > 0 && F < ((j = (N = i.activeTropicals) == null ? void 0 : N.forecasts) == null ? void 0 : j.length) - 1 && ((W = (G = i.activeTropicals) == null ? void 0 : G.forecasts) == null ? void 0 : W.length) > 2 ? "center-child" : ""
+                    N > 0 && N < ((j = (Q = i.activeTropicals) == null ? void 0 : Q.forecasts) == null ? void 0 : j.length) - 1 && ((W = (G = i.activeTropicals) == null ? void 0 : G.forecasts) == null ? void 0 : W.length) > 2 ? "center-child" : ""
                   ]),
-                  onClick: (me) => s.handleForecastToggle(D)
+                  onClick: (he) => s.handleForecastToggle(D)
                 }, [
                   o("span", {
                     class: Z(D.model)
-                  }, I(D.model), 3)
+                  }, k(D.model), 3)
                 ], 10, ii);
               }), 128))
             ])
@@ -5935,7 +5979,7 @@ function si(a, e, t, r, i, s) {
         e[8] || (e[8] = yt('<div class="row" style="padding:0;height:1px;margin:10px 0;background:var(--idm-black-1);"></div><div class="row" style="padding:2px 10px;"><div class="legend"><div class="icon td"></div><div class="label">TD</div></div><div class="legend"><div class="icon ts"></div><div class="label">TS</div></div><div class="legend"><div class="icon sts"></div><div class="label">STS</div></div><div class="legend"><div class="icon ty"></div><div class="label">TY</div></div><div class="legend"><div class="icon sty"></div><div class="label">STY</div></div><div class="legend"><div class="icon supper-ty"></div><div class="label">Super TY</div></div></div><div class="row" style="padding:2px 10px;"><div class="legend"><div class="icon history"></div><div class="label">History</div></div><div class="legend"><div class="icon r7"></div><div class="label">35kts Radii</div></div><div class="legend"><div class="icon r10"></div><div class="label">50kts Radii</div></div></div>', 3))
       ]),
       o("div", ri, [
-        t.permission & i.helper.LEVEL.Supper ? (m(), g("div", {
+        t.permission & i.helper.LEVEL.Supper ? (u(), g("div", {
           key: 0,
           class: "button",
           style: { "margin-right": "10px" },
@@ -6040,7 +6084,7 @@ const oi = {
           [1, "rgba(197,5,58,0.8)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -6056,10 +6100,10 @@ const oi = {
 }, ni = { key: 0 };
 function li(a, e, t, r, i, s) {
   var n;
-  return (n = t.factor) != null && n.active ? (m(), g("div", ni, [
+  return (n = t.factor) != null && n.active ? (u(), g("div", ni, [
     o("div", {
       class: "legend-bars flex-center",
-      style: he([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: de([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       o("span", null, "mm", -1),
       o("span", null, "1.5", -1),
@@ -6154,7 +6198,7 @@ const ci = {
           [1, "rgba(144,144,144,0)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -6170,10 +6214,10 @@ const ci = {
 }, di = { key: 0 };
 function pi(a, e, t, r, i, s) {
   var n;
-  return (n = t.factor) != null && n.active ? (m(), g("div", di, [
+  return (n = t.factor) != null && n.active ? (u(), g("div", di, [
     o("div", {
       class: "legend-bars flex-center",
-      style: he([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
+      style: de([{ position: "absolute" }, { right: a.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       o("span", null, "nm", -1),
       o("span", null, "0", -1),
@@ -6274,7 +6318,7 @@ const ui = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -6290,10 +6334,10 @@ const ui = {
 }, gi = { key: 0 };
 function yi(a, e, t, r, i, s) {
   var n;
-  return (n = t.factor) != null && n.active ? (m(), g("div", gi, [
+  return (n = t.factor) != null && n.active ? (u(), g("div", gi, [
     o("div", {
       class: "legend-bars flex-center",
-      style: he([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: de([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       o("span", null, "°C", -1),
       o("span", null, "0", -1),
@@ -6397,7 +6441,7 @@ const Ai = {
           [1, "rgb(138, 43, 10)"]
         ];
         this.rampColor = this.webgl.setup(this.context, a);
-        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, ne.vertexSchema, ne.fragmentSchema);
+        const { program: e, aPositionBuffer: t } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = t;
       }
     },
@@ -6413,10 +6457,10 @@ const Ai = {
 }, wi = { key: 0 };
 function vi(a, e, t, r, i, s) {
   var n;
-  return (n = t.factor) != null && n.active ? (m(), g("div", wi, [
+  return (n = t.factor) != null && n.active ? (u(), g("div", wi, [
     o("div", {
       class: "legend-bars flex-center",
-      style: he([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
+      style: de([{ position: "absolute" }, { right: i.right + "px", bottom: t.bottom }])
     }, e[0] || (e[0] = [
       o("span", null, "°C", -1),
       o("span", null, "-20", -1),
@@ -6435,7 +6479,7 @@ var Li = /* @__PURE__ */ ft({
   name: "LocationFilled",
   __name: "location-filled",
   setup(a) {
-    return (e, t) => (m(), g("svg", {
+    return (e, t) => (u(), g("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -6592,17 +6636,17 @@ const _i = {
     },
     computeLat() {
       return function(a, e = 4) {
-        return oe.lat2pretty(a, e).pretty;
+        return ne.lat2pretty(a, e).pretty;
       };
     },
     computeLng() {
       return function(a, e = 4) {
-        return oe.lng2pretty(a, e).pretty;
+        return ne.lng2pretty(a, e).pretty;
       };
     },
     roundPrecision() {
       return function(a, e = 4) {
-        return isNaN(a) ? "-" : oe.roundPrecision(a, e);
+        return isNaN(a) ? "-" : ne.roundPrecision(a, e);
       };
     }
   },
@@ -6643,9 +6687,9 @@ const _i = {
       (n == null ? void 0 : n.data.code) === 0 && (this.meteoData = n == null ? void 0 : n.data.data, this.loading = !1);
     },
     initTableData(a) {
-      var e, t, r, i, s, n, l, c, p;
-      this.clearTable(), this.positionGmt = (t = (e = a == null ? void 0 : a.weather) == null ? void 0 : e[0]) == null ? void 0 : t.timezone, this.positionOffset = (i = (r = a == null ? void 0 : a.weather) == null ? void 0 : r[0]) == null ? void 0 : i.offset, this.localDate = (n = (s = Ye(this.ts)) == null ? void 0 : s.tz(this.positionGmt)) == null ? void 0 : n.format("MMM-DD/HHmm[LT]"), this.currentHourData = (l = Ke.pickHourly(a, ee(this.ts))) == null ? void 0 : l[0], ((p = (c = this.currentHourData) == null ? void 0 : c.weather) == null ? void 0 : p.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
-        var d, A, b, E, w, k, _, f, v, u, C, y, L, T, D, F, N, j, G, W, me, re, ue, we, ge, ve, ye, Y, te, fe, pe, Ae, xe;
+      var e, t, r, i, s, n, l, c, d;
+      this.clearTable(), this.positionGmt = (t = (e = a == null ? void 0 : a.weather) == null ? void 0 : e[0]) == null ? void 0 : t.timezone, this.positionOffset = (i = (r = a == null ? void 0 : a.weather) == null ? void 0 : r[0]) == null ? void 0 : i.offset, this.localDate = (n = (s = Ye(this.ts)) == null ? void 0 : s.tz(this.positionGmt)) == null ? void 0 : n.format("MMM-DD/HHmm[LT]"), this.currentHourData = (l = Ke.pickHourly(a, ee(this.ts))) == null ? void 0 : l[0], ((d = (c = this.currentHourData) == null ? void 0 : c.weather) == null ? void 0 : d.isDay) === 0 ? this.isDay = !1 : this.isDay = !0, this.$nextTick(() => {
+        var p, b, x, E, A, B, _, f, v, m, L, y, w, M, D, N, Q, j, G, W, he, te, pe, ye, se, ve, fe, Y, ae, Ae, ge, we, xe;
         if (!document.getElementById("meteoMainBox"))
           return !1;
         if (!this.currentHourData)
@@ -6653,8 +6697,8 @@ const _i = {
         for (let be = 0; be < 8; be++) {
           const _e = Ye(this.ts).tz(this.positionGmt).add(3 * be, "h").format();
           this.tableData.hours.push(_e);
-          const B = ((d = Ke.pickHourly(a, _e)) == null ? void 0 : d[0]) || {};
-          this.tableData.temp.push(this.roundPrecision((A = B == null ? void 0 : B.weather) == null ? void 0 : A.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((E = (b = B == null ? void 0 : B.weather) == null ? void 0 : b.precip) == null ? void 0 : E.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((k = (w = B == null ? void 0 : B.weather) == null ? void 0 : w.precip) == null ? void 0 : k.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((_ = B == null ? void 0 : B.weather) == null ? void 0 : _.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((v = (f = B == null ? void 0 : B.weather) == null ? void 0 : f.wind) == null ? void 0 : v.kts, 1) ?? "-"), this.tableData.windDir.push((C = (u = B == null ? void 0 : B.weather) == null ? void 0 : u.wind) == null ? void 0 : C.bearing), this.tableData.windGust.push(this.roundPrecision((L = (y = B == null ? void 0 : B.weather) == null ? void 0 : y.wind) == null ? void 0 : L.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((D = (T = B == null ? void 0 : B.wave) == null ? void 0 : T.sig) == null ? void 0 : D.height, 1) ?? "-"), this.tableData.sigwaveDir.push((N = (F = B == null ? void 0 : B.wave) == null ? void 0 : F.sig) == null ? void 0 : N.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((G = (j = B == null ? void 0 : B.wave) == null ? void 0 : j.wd) == null ? void 0 : G.height, 1) ?? "-"), this.tableData.windwaveDir.push((me = (W = B == null ? void 0 : B.wave) == null ? void 0 : W.wd) == null ? void 0 : me.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((ue = (re = B == null ? void 0 : B.wave) == null ? void 0 : re.wd) == null ? void 0 : ue.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((ge = (we = B == null ? void 0 : B.wave) == null ? void 0 : we.swell) == null ? void 0 : ge.height, 1) ?? "-"), this.tableData.swellDir.push((ye = (ve = B == null ? void 0 : B.wave) == null ? void 0 : ve.swell) == null ? void 0 : ye.bearing), this.tableData.swellPeriod.push(this.roundPrecision((te = (Y = B == null ? void 0 : B.wave) == null ? void 0 : Y.swell) == null ? void 0 : te.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((fe = B == null ? void 0 : B.current) == null ? void 0 : fe.speed, 1) ?? "-"), this.tableData.currentDir.push((pe = B == null ? void 0 : B.current) == null ? void 0 : pe.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(((xe = B == null ? void 0 : B.weather) == null ? void 0 : xe.name) ?? "-");
+          const I = ((p = Ke.pickHourly(a, _e)) == null ? void 0 : p[0]) || {};
+          this.tableData.temp.push(this.roundPrecision((b = I == null ? void 0 : I.weather) == null ? void 0 : b.temp, 0) ?? "-"), this.tableData.precipProbability.push(this.roundPrecision((E = (x = I == null ? void 0 : I.weather) == null ? void 0 : x.precip) == null ? void 0 : E.probability, 0) ?? "-"), this.tableData.precip1h.push(this.roundPrecision((B = (A = I == null ? void 0 : I.weather) == null ? void 0 : A.precip) == null ? void 0 : B.sum, 0) ?? "-"), this.tableData.visibility.push(this.roundPrecision((_ = I == null ? void 0 : I.weather) == null ? void 0 : _.visibility, 0) ?? "-"), this.tableData.windSpeed.push(this.roundPrecision((v = (f = I == null ? void 0 : I.weather) == null ? void 0 : f.wind) == null ? void 0 : v.kts, 1) ?? "-"), this.tableData.windDir.push((L = (m = I == null ? void 0 : I.weather) == null ? void 0 : m.wind) == null ? void 0 : L.bearing), this.tableData.windGust.push(this.roundPrecision((w = (y = I == null ? void 0 : I.weather) == null ? void 0 : y.wind) == null ? void 0 : w.gusts, 1) ?? "-"), this.tableData.sigwaveHeight.push(this.roundPrecision((D = (M = I == null ? void 0 : I.wave) == null ? void 0 : M.sig) == null ? void 0 : D.height, 1) ?? "-"), this.tableData.sigwaveDir.push((Q = (N = I == null ? void 0 : I.wave) == null ? void 0 : N.sig) == null ? void 0 : Q.bearing), this.tableData.windwaveHeight.push(this.roundPrecision((G = (j = I == null ? void 0 : I.wave) == null ? void 0 : j.wd) == null ? void 0 : G.height, 1) ?? "-"), this.tableData.windwaveDir.push((he = (W = I == null ? void 0 : I.wave) == null ? void 0 : W.wd) == null ? void 0 : he.bearing), this.tableData.windwavePeriod.push(this.roundPrecision((pe = (te = I == null ? void 0 : I.wave) == null ? void 0 : te.wd) == null ? void 0 : pe.period, 1) ?? "-"), this.tableData.swellHeight.push(this.roundPrecision((se = (ye = I == null ? void 0 : I.wave) == null ? void 0 : ye.swell) == null ? void 0 : se.height, 1) ?? "-"), this.tableData.swellDir.push((fe = (ve = I == null ? void 0 : I.wave) == null ? void 0 : ve.swell) == null ? void 0 : fe.bearing), this.tableData.swellPeriod.push(this.roundPrecision((ae = (Y = I == null ? void 0 : I.wave) == null ? void 0 : Y.swell) == null ? void 0 : ae.period, 1) ?? "-"), this.tableData.currentSpeed.push(this.roundPrecision((Ae = I == null ? void 0 : I.current) == null ? void 0 : Ae.speed, 1) ?? "-"), this.tableData.currentDir.push((ge = I == null ? void 0 : I.current) == null ? void 0 : ge.bearing), this.tableData.seaLevel.push(this.roundPrecision(I == null ? void 0 : I.height, 1) ?? "-"), this.tableData.seaTemp.push(this.roundPrecision(I == null ? void 0 : I.sst, 0) ?? "-"), this.tableData.weatherUrls.push((we = I == null ? void 0 : I.weather) == null ? void 0 : we.url), this.tableData.weatherNames.push(((xe = I == null ? void 0 : I.weather) == null ? void 0 : xe.name) ?? "-");
         }
       });
     },
@@ -6731,7 +6775,7 @@ const _i = {
       this.$nextTick(() => {
         var e;
         const a = document.getElementById("point-meteo");
-        this.point && (this.meteoMarker ? (e = this.meteoMarker) == null || e.setLngLat([this.point.lng, this.point.lat]) : this.meteoMarker = new je.Marker(a).setLngLat([this.point.lng, this.point.lat]).addTo(this.map));
+        this.point && (this.meteoMarker ? (e = this.meteoMarker) == null || e.setLngLat([this.point.lng, this.point.lat]) : this.meteoMarker = new Re.Marker(a).setLngLat([this.point.lng, this.point.lat]).addTo(this.map));
       });
     }
   }
@@ -6780,110 +6824,110 @@ const _i = {
   class: "main-box flex-center"
 };
 function Qr(a, e, t, r, i, s) {
-  var p, h, d, A, b, E, w, k, _, f, v, u, C, y, L, T, D, F, N, j, G, W, me, re, ue, we, ge, ve, ye, Y, te, fe, pe, Ae, xe, be, _e, B, ze, Le, Pe, Ee, He, ke, se, ce, Q, Be, K, q, Me, P, de, De, Se, Te, z, O, Ge, Ue, ie, Ne, tt, at, it, rt, st, ot;
+  var d, h, p, b, x, E, A, B, _, f, v, m, L, y, w, M, D, N, Q, j, G, W, he, te, pe, ye, se, ve, fe, Y, ae, Ae, ge, we, xe, be, _e, I, ze, Le, Pe, Ee, He, ke, oe, me, H, Be, K, q, Me, P, ue, De, Se, Te, z, O, Ge, Ue, re, Ne, tt, at, it, rt, st, ot;
   const n = R("LocationFilled"), l = R("ElIcon"), c = R("ElTooltip");
-  return Fe((m(), g("div", Bi, [
+  return Fe((u(), g("div", Bi, [
     o("div", Ii, [
       o("div", Ei, [
         o("div", ki, [
-          H(l, { size: "22" }, {
+          F(l, { size: "22" }, {
             default: Ie(() => [
-              H(n)
+              F(n)
             ]),
             _: 1
           }),
-          o("div", Di, I(s.computeLat((p = i.point) == null ? void 0 : p.lat)) + "," + I(s.computeLng((h = i.point) == null ? void 0 : h.lng)), 1)
+          o("div", Di, k(s.computeLat((d = i.point) == null ? void 0 : d.lat)) + "," + k(s.computeLng((h = i.point) == null ? void 0 : h.lng)), 1)
         ]),
         o("div", zi, [
-          i.showTables ? (m(), g("div", {
+          i.showTables ? (u(), g("div", {
             key: 0,
             class: "iconfont toggle",
-            onClick: e[0] || (e[0] = (x) => i.showTables = !i.showTables)
-          }, "")) : (m(), g("div", {
+            onClick: e[0] || (e[0] = (C) => i.showTables = !i.showTables)
+          }, "")) : (u(), g("div", {
             key: 1,
             class: "iconfont toggle",
-            onClick: e[1] || (e[1] = (x) => i.showTables = !i.showTables)
+            onClick: e[1] || (e[1] = (C) => i.showTables = !i.showTables)
           }, "")),
           o("div", {
             class: "iconfont close",
-            onClick: e[2] || (e[2] = (...x) => s.handleCloseMeteo && s.handleCloseMeteo(...x))
+            onClick: e[2] || (e[2] = (...C) => s.handleCloseMeteo && s.handleCloseMeteo(...C))
           }, "")
         ])
       ]),
-      i.loading ? (m(), g("div", Tr, e[43] || (e[43] = [
+      i.loading ? (u(), g("div", Tr, e[43] || (e[43] = [
         o("img", {
           src: xi,
           alt: ""
         }, null, -1)
-      ]))) : (m(), g("div", {
+      ]))) : (u(), g("div", {
         key: 0,
         class: Z(["main-box", i.isDay ? "day-bg" : "night-bg"]),
         id: "meteoMainBox"
       }, [
         o("div", Pi, [
           o("div", Mi, [
-            H(c, {
+            F(c, {
               placement: "top",
               effect: "light",
-              content: (A = (d = i.currentHourData) == null ? void 0 : d.weather) == null ? void 0 : A.name,
+              content: (b = (p = i.currentHourData) == null ? void 0 : p.weather) == null ? void 0 : b.name,
               "show-after": 1e3
             }, {
               default: Ie(() => {
-                var x, M, nt, lt;
+                var C, S, nt, lt;
                 return [
-                  (M = (x = i.currentHourData) == null ? void 0 : x.weather) != null && M.url ? (m(), g("img", {
+                  (S = (C = i.currentHourData) == null ? void 0 : C.weather) != null && S.url ? (u(), g("img", {
                     key: 0,
                     class: "iconfont icon",
                     style: { "margin-right": "5px" },
                     src: (lt = (nt = i.currentHourData) == null ? void 0 : nt.weather) == null ? void 0 : lt.url
-                  }, null, 8, Si)) : (m(), g("span", Ti))
+                  }, null, 8, Si)) : (u(), g("span", Ti))
                 ];
               }),
               _: 1
             }, 8, ["content"]),
             o("div", Qi, [
               o("div", null, [
-                le(I(s.roundPrecision((E = (b = i.currentHourData) == null ? void 0 : b.weather) == null ? void 0 : E.temp, 0)), 1),
+                ce(k(s.roundPrecision((E = (x = i.currentHourData) == null ? void 0 : x.weather) == null ? void 0 : E.temp, 0)), 1),
                 e[9] || (e[9] = o("span", { style: { "font-size": "14px" } }, "°C", -1))
               ])
             ]),
             o("div", Hi, [
               o("div", Ni, [
                 e[10] || (e[10] = o("label", null, "Precip : ", -1)),
-                o("span", null, I(s.roundPrecision((_ = (k = (w = i.currentHourData) == null ? void 0 : w.weather) == null ? void 0 : k.precip) == null ? void 0 : _.sum, 0)) + " mm", 1)
+                o("span", null, k(s.roundPrecision((_ = (B = (A = i.currentHourData) == null ? void 0 : A.weather) == null ? void 0 : B.precip) == null ? void 0 : _.sum, 0)) + " mm", 1)
               ]),
               o("div", Fi, [
                 e[11] || (e[11] = o("label", null, "Visibility : ", -1)),
-                o("span", null, I(s.roundPrecision((v = (f = i.currentHourData) == null ? void 0 : f.weather) == null ? void 0 : v.visibility, 0)) + " nm", 1)
+                o("span", null, k(s.roundPrecision((v = (f = i.currentHourData) == null ? void 0 : f.weather) == null ? void 0 : v.visibility, 0)) + " nm", 1)
               ]),
               o("div", Oi, [
                 e[12] || (e[12] = o("label", null, "Wind : ", -1)),
-                o("span", null, I(s.roundPrecision((y = (C = (u = i.currentHourData) == null ? void 0 : u.weather) == null ? void 0 : C.wind) == null ? void 0 : y.kts, 1)) + " kts", 1)
+                o("span", null, k(s.roundPrecision((y = (L = (m = i.currentHourData) == null ? void 0 : m.weather) == null ? void 0 : L.wind) == null ? void 0 : y.kts, 1)) + " kts", 1)
               ])
             ])
           ]),
           o("div", Ri, [
-            o("div", ji, I(i.localDate), 1),
-            o("div", Wi, "( UTC " + I(i.positionOffset) + " )", 1)
+            o("div", ji, k(i.localDate), 1),
+            o("div", Wi, "( UTC " + k(i.positionOffset) + " )", 1)
           ])
         ]),
         Fe(o("div", Gi, [
           o("div", Ui, [
             o("div", {
               class: Z(["menu-item", i.activeIndex === 1 ? "active" : ""]),
-              onClick: e[3] || (e[3] = Ve((x) => s.handleSelectTab(1), ["prevent"]))
+              onClick: e[3] || (e[3] = Ve((C) => s.handleSelectTab(1), ["prevent"]))
             }, "Basis", 2),
             o("div", {
               class: Z(["menu-item", i.activeIndex === 2 ? "active" : ""]),
-              onClick: e[4] || (e[4] = Ve((x) => s.handleSelectTab(2), ["prevent"]))
+              onClick: e[4] || (e[4] = Ve((C) => s.handleSelectTab(2), ["prevent"]))
             }, "Wave & Current", 2),
             o("div", {
               class: Z(["menu-item", i.activeIndex === 3 ? "active" : ""]),
-              onClick: e[5] || (e[5] = Ve((x) => s.handleSelectTab(3), ["prevent"]))
+              onClick: e[5] || (e[5] = Ve((C) => s.handleSelectTab(3), ["prevent"]))
             }, "Sea Surface", 2),
             o("div", {
               class: Z(["menu-item", i.activeIndex === 4 ? "active" : ""]),
-              onClick: e[6] || (e[6] = Ve((x) => s.handleSelectTab(4), ["prevent"]))
+              onClick: e[6] || (e[6] = Ve((C) => s.handleSelectTab(4), ["prevent"]))
             }, "Tides", 2)
           ]),
           Fe(o("table", Yi, [
@@ -6893,14 +6937,14 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("Hours"),
+                ce("Hours"),
                 o("span", { class: "unit" }, "(LT)")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.hours, (x) => (m(), g("th", {
+              (u(!0), g(V, null, $(i.tableData.hours, (C) => (u(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `HourL${x}`
-              }, I(s.computeHourL(x)), 1))), 128))
+                key: `HourL${C}`
+              }, k(s.computeHourL(C)), 1))), 128))
             ]),
             o("tr", Xi, [
               e[14] || (e[14] = o("th", {
@@ -6908,14 +6952,14 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("UTC"),
+                ce("UTC"),
                 o("span", { class: "unit" })
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.hours, (x) => (m(), g("th", {
+              (u(!0), g(V, null, $(i.tableData.hours, (C) => (u(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `HourZ${x}`
-              }, I(s.computeHourZ(x)), 1))), 128))
+                key: `HourZ${C}`
+              }, k(s.computeHourZ(C)), 1))), 128))
             ]),
             o("tr", Ji, [
               e[15] || (e[15] = o("th", {
@@ -6923,22 +6967,22 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, null, -1)),
-              (m(!0), g(V, null, $(i.tableData.weatherUrls, (x, M) => (m(), g("th", {
+              (u(!0), g(V, null, $(i.tableData.weatherUrls, (C, S) => (u(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `weatherUrls${M}${x}`
+                key: `weatherUrls${S}${C}`
               }, [
-                H(c, {
+                F(c, {
                   placement: "top",
                   effect: "light",
-                  content: i.tableData.weatherNames[M],
+                  content: i.tableData.weatherNames[S],
                   "show-after": 500
                 }, {
                   default: Ie(() => [
-                    x ? (m(), g("img", {
+                    C ? (u(), g("img", {
                       key: 0,
                       class: "iconfont weather-icon",
-                      src: x,
+                      src: C,
                       alt: ""
                     }, null, 8, qi)) : J("", !0)
                   ]),
@@ -6952,14 +6996,14 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("Temp"),
+                ce("Temp"),
                 o("span", { class: "unit" }, "°C")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.temp, (x, M) => (m(), g("td", {
+              (u(!0), g(V, null, $(i.tableData.temp, (C, S) => (u(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `weatherUrls${M}${x}`
-              }, I(x), 1))), 128))
+                key: `weatherUrls${S}${C}`
+              }, k(C), 1))), 128))
             ]),
             o("tr", Zi, [
               e[17] || (e[17] = o("td", {
@@ -6967,14 +7011,14 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("Precip"),
+                ce("Precip"),
                 o("span", { class: "unit" }, "mm")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.precip1h, (x, M) => (m(), g("td", {
+              (u(!0), g(V, null, $(i.tableData.precip1h, (C, S) => (u(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `precip1h${M}${x}`
-              }, I(x), 1))), 128))
+                key: `precip1h${S}${C}`
+              }, k(C), 1))), 128))
             ]),
             o("tr", $i, [
               e[18] || (e[18] = o("td", {
@@ -6982,14 +7026,14 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("Visibility"),
+                ce("Visibility"),
                 o("span", { class: "unit" }, "nm")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.visibility, (x, M) => (m(), g("td", {
+              (u(!0), g(V, null, $(i.tableData.visibility, (C, S) => (u(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `visibility${M}${x}`
-              }, I(x), 1))), 128))
+                key: `visibility${S}${C}`
+              }, k(C), 1))), 128))
             ]),
             o("tr", er, [
               e[19] || (e[19] = o("td", {
@@ -6997,15 +7041,15 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("Wind gust"),
+                ce("Wind gust"),
                 o("span", { class: "unit" }, "kts")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.windGust, (x, M) => (m(), g("td", {
+              (u(!0), g(V, null, $(i.tableData.windGust, (C, S) => (u(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `windGust${M}${x}`
+                key: `windGust${S}${C}`
               }, [
-                o("span", null, I(x), 1)
+                o("span", null, k(C), 1)
               ]))), 128))
             ])
           ], 512), [
@@ -7018,14 +7062,14 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("Hours"),
+                ce("Hours"),
                 o("span", { class: "unit" }, "(LT)")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.hours, (x, M) => (m(), g("th", {
+              (u(!0), g(V, null, $(i.tableData.hours, (C, S) => (u(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `currenthoursL${M}${x}`
-              }, I(s.computeHourL(x)), 1))), 128))
+                key: `currenthoursL${S}${C}`
+              }, k(s.computeHourL(C)), 1))), 128))
             ]),
             o("tr", ir, [
               e[21] || (e[21] = o("th", {
@@ -7033,14 +7077,14 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("UTC"),
+                ce("UTC"),
                 o("span", { class: "unit" })
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.hours, (x, M) => (m(), g("th", {
+              (u(!0), g(V, null, $(i.tableData.hours, (C, S) => (u(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `currenthoursZ${M}${x}`
-              }, I(s.computeHourZ(x)), 1))), 128))
+                key: `currenthoursZ${S}${C}`
+              }, k(s.computeHourZ(C)), 1))), 128))
             ]),
             o("tr", rr, [
               e[22] || (e[22] = o("td", {
@@ -7048,20 +7092,20 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("Wind"),
+                ce("Wind"),
                 o("span", { class: "unit" }, "kts")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.windSpeed, (x, M) => (m(), g("td", {
+              (u(!0), g(V, null, $(i.tableData.windSpeed, (C, S) => (u(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `windSpeed${M}${x}`
+                key: `windSpeed${S}${C}`
               }, [
-                isNaN(i.tableData.windDir[M]) ? J("", !0) : (m(), g("span", {
+                isNaN(i.tableData.windDir[S]) ? J("", !0) : (u(), g("span", {
                   key: 0,
                   class: "iconfont icon wind",
-                  style: he({ display: "inline-block", transform: `rotate(${i.tableData.windDir[M]}deg)` })
+                  style: de({ display: "inline-block", transform: `rotate(${i.tableData.windDir[S]}deg)` })
                 }, "", 4)),
-                o("span", null, I(x), 1)
+                o("span", null, k(C), 1)
               ]))), 128))
             ]),
             o("tr", sr, [
@@ -7070,20 +7114,20 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("Sig Wave"),
+                ce("Sig Wave"),
                 o("span", { class: "unit" }, "m")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.sigwaveHeight, (x, M) => (m(), g("td", {
+              (u(!0), g(V, null, $(i.tableData.sigwaveHeight, (C, S) => (u(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `sigwaveHeight${M}${x}`
+                key: `sigwaveHeight${S}${C}`
               }, [
-                isNaN(i.tableData.sigwaveDir[M]) ? J("", !0) : (m(), g("span", {
+                isNaN(i.tableData.sigwaveDir[S]) ? J("", !0) : (u(), g("span", {
                   key: 0,
                   class: "iconfont icon sigwave",
-                  style: he({ display: "inline-block", transform: `rotate(${i.tableData.sigwaveDir[M]}deg)` })
+                  style: de({ display: "inline-block", transform: `rotate(${i.tableData.sigwaveDir[S]}deg)` })
                 }, "", 4)),
-                o("span", null, I(x), 1)
+                o("span", null, k(C), 1)
               ]))), 128))
             ]),
             o("tr", or, [
@@ -7092,20 +7136,20 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("Wind Wave"),
+                ce("Wind Wave"),
                 o("span", { class: "unit" }, "m")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.windwaveHeight, (x, M) => (m(), g("td", {
+              (u(!0), g(V, null, $(i.tableData.windwaveHeight, (C, S) => (u(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `windwaveHeight${M}${x}`
+                key: `windwaveHeight${S}${C}`
               }, [
-                isNaN(i.tableData.sigwaveDir[M]) ? J("", !0) : (m(), g("span", {
+                isNaN(i.tableData.sigwaveDir[S]) ? J("", !0) : (u(), g("span", {
                   key: 0,
                   class: "iconfont icon windwave",
-                  style: he({ display: "inline-block", transform: `rotate(${i.tableData.windwaveDir[M]}deg)` })
+                  style: de({ display: "inline-block", transform: `rotate(${i.tableData.windwaveDir[S]}deg)` })
                 }, "", 4)),
-                o("span", null, I(x), 1)
+                o("span", null, k(C), 1)
               ]))), 128))
             ]),
             o("tr", nr, [
@@ -7114,20 +7158,20 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("Swell"),
+                ce("Swell"),
                 o("span", { class: "unit" }, "m")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.swellHeight, (x, M) => (m(), g("td", {
+              (u(!0), g(V, null, $(i.tableData.swellHeight, (C, S) => (u(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `swellHeight${M}${x}`
+                key: `swellHeight${S}${C}`
               }, [
-                isNaN(i.tableData.swellDir[M]) ? J("", !0) : (m(), g("span", {
+                isNaN(i.tableData.swellDir[S]) ? J("", !0) : (u(), g("span", {
                   key: 0,
                   class: "iconfont icon swell",
-                  style: he({ display: "inline-block", transform: `rotate(${i.tableData.swellDir[M]}deg)` })
+                  style: de({ display: "inline-block", transform: `rotate(${i.tableData.swellDir[S]}deg)` })
                 }, "", 4)),
-                o("span", null, I(x), 1)
+                o("span", null, k(C), 1)
               ]))), 128))
             ]),
             o("tr", lr, [
@@ -7136,21 +7180,21 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("Current"),
+                ce("Current"),
                 o("span", { class: "unit" }, "kts")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.currentSpeed, (x, M) => (m(), g("td", {
+              (u(!0), g(V, null, $(i.tableData.currentSpeed, (C, S) => (u(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `currentSpeed${M}${x}`
+                key: `currentSpeed${S}${C}`
               }, [
-                isNaN(i.tableData.currentDir[M]) ? J("", !0) : (m(), g("span", {
+                isNaN(i.tableData.currentDir[S]) ? J("", !0) : (u(), g("span", {
                   key: 0,
                   class: "iconfont icon current",
                   id: "meteoGrayIcon",
-                  style: he({ display: "inline-block", transform: `rotate(${i.tableData.currentDir[M]}deg)` })
+                  style: de({ display: "inline-block", transform: `rotate(${i.tableData.currentDir[S]}deg)` })
                 }, "", 4)),
-                o("span", null, I(x), 1)
+                o("span", null, k(C), 1)
               ]))), 128))
             ])
           ], 512), [
@@ -7163,14 +7207,14 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("Hours"),
+                ce("Hours"),
                 o("span", { class: "unit" }, "(LT)")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.hours, (x, M) => (m(), g("th", {
+              (u(!0), g(V, null, $(i.tableData.hours, (C, S) => (u(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `seahoursL${M}${x}`
-              }, I(s.computeHourL(x)), 1))), 128))
+                key: `seahoursL${S}${C}`
+              }, k(s.computeHourL(C)), 1))), 128))
             ]),
             o("tr", dr, [
               e[28] || (e[28] = o("th", {
@@ -7178,14 +7222,14 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("UTC"),
+                ce("UTC"),
                 o("span", { class: "unit" })
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.hours, (x, M) => (m(), g("th", {
+              (u(!0), g(V, null, $(i.tableData.hours, (C, S) => (u(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `seahoursZ${M}${x}`
-              }, I(s.computeHourZ(x)), 1))), 128))
+                key: `seahoursZ${S}${C}`
+              }, k(s.computeHourZ(C)), 1))), 128))
             ]),
             o("tr", pr, [
               e[29] || (e[29] = o("td", {
@@ -7193,14 +7237,14 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("SeaLevel"),
+                ce("SeaLevel"),
                 o("span", { class: "unit" }, "m")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.seaLevel, (x, M) => (m(), g("td", {
+              (u(!0), g(V, null, $(i.tableData.seaLevel, (C, S) => (u(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `SeaLevel${M}${x}`
-              }, I(x), 1))), 128))
+                key: `SeaLevel${S}${C}`
+              }, k(C), 1))), 128))
             ]),
             o("tr", mr, [
               e[30] || (e[30] = o("td", {
@@ -7208,42 +7252,42 @@ function Qr(a, e, t, r, i, s) {
                 colspan: "1",
                 class: "tr-title"
               }, [
-                le("SeaTemp"),
+                ce("SeaTemp"),
                 o("span", { class: "unit" }, "°C")
               ], -1)),
-              (m(!0), g(V, null, $(i.tableData.seaTemp, (x, M) => (m(), g("td", {
+              (u(!0), g(V, null, $(i.tableData.seaTemp, (C, S) => (u(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `SeaTemp${M}${x}`
-              }, I(x), 1))), 128))
+                key: `SeaTemp${S}${C}`
+              }, k(C), 1))), 128))
             ])
           ], 512), [
             [Oe, i.activeIndex === 3]
           ]),
-          i.activeIndex === 3 ? (m(), g("div", ur, e[31] || (e[31] = [
+          i.activeIndex === 3 ? (u(), g("div", ur, e[31] || (e[31] = [
             o("p", { style: { "font-size": "12px", padding: "12px 20px 0 20px", "line-height": "16px" } }, "*Sea level height accounts for tides, barometer effects, and global variations. Based on mean sea level, accuracy is limited in coastal areas. For coastal navigation, use data from Tides Tab.", -1)
           ]))) : J("", !0),
           Fe(o("table", gr, [
             o("tr", yr, [
-              (m(!0), g(V, null, $(i.tideTableData, (x, M) => (m(), g("th", {
+              (u(!0), g(V, null, $(i.tideTableData, (C, S) => (u(), g("th", {
                 rowspan: "1",
                 colspan: "1",
-                key: `Tide-tr-${M}${x}`
-              }, I(x.type) + " Tide", 1))), 128))
+                key: `Tide-tr-${S}${C}`
+              }, k(C.type) + " Tide", 1))), 128))
             ]),
             o("tr", fr, [
-              (m(!0), g(V, null, $(i.tideTableData, (x, M) => (m(), g("td", {
+              (u(!0), g(V, null, $(i.tideTableData, (C, S) => (u(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `Tide-date-${M}${x}`
-              }, I(s.computeHourHmmLT(x == null ? void 0 : x.date)), 1))), 128))
+                key: `Tide-date-${S}${C}`
+              }, k(s.computeHourHmmLT(C == null ? void 0 : C.date)), 1))), 128))
             ]),
             o("tr", Ar, [
-              (m(!0), g(V, null, $(i.tideTableData, (x, M) => (m(), g("td", {
+              (u(!0), g(V, null, $(i.tideTableData, (C, S) => (u(), g("td", {
                 rowspan: "1",
                 colspan: "1",
-                key: `Tide-height-${M}${x}`
-              }, I(s.roundPrecision(x == null ? void 0 : x.height, 2)) + " m", 1))), 128))
+                key: `Tide-height-${S}${C}`
+              }, k(s.roundPrecision(C == null ? void 0 : C.height, 2)) + " m", 1))), 128))
             ]),
             e[32] || (e[32] = o("tr", { class: "tr-tide flex-center info" }, [
               o("td", null, [
@@ -7254,57 +7298,57 @@ function Qr(a, e, t, r, i, s) {
             [Oe, i.activeIndex === 4]
           ])
         ], 512), [
-          [Oe, ((T = (L = i.tableData) == null ? void 0 : L.hours) == null ? void 0 : T.length) > 0 && i.showTables]
+          [Oe, ((M = (w = i.tableData) == null ? void 0 : w.hours) == null ? void 0 : M.length) > 0 && i.showTables]
         ]),
         Fe(o("div", wr, [
           o("div", vr, [
             o("div", br, [
               e[33] || (e[33] = o("div", null, "Wind", -1)),
-              o("div", null, I((N = (F = (D = i.currentHourData) == null ? void 0 : D.weather) == null ? void 0 : F.wind) == null ? void 0 : N.direction) + "/" + I(s.roundPrecision((W = (G = (j = i.currentHourData) == null ? void 0 : j.weather) == null ? void 0 : G.wind) == null ? void 0 : W.kts, 1)) + "kts/BF" + I((ue = (re = (me = i.currentHourData) == null ? void 0 : me.weather) == null ? void 0 : re.wind) == null ? void 0 : ue.scale) + "/" + I(s.roundPrecision((ve = (ge = (we = i.currentHourData) == null ? void 0 : we.weather) == null ? void 0 : ge.wind) == null ? void 0 : ve.gusts, 1)) + " kts", 1)
+              o("div", null, k((Q = (N = (D = i.currentHourData) == null ? void 0 : D.weather) == null ? void 0 : N.wind) == null ? void 0 : Q.direction) + "/" + k(s.roundPrecision((W = (G = (j = i.currentHourData) == null ? void 0 : j.weather) == null ? void 0 : G.wind) == null ? void 0 : W.kts, 1)) + "kts/BF" + k((pe = (te = (he = i.currentHourData) == null ? void 0 : he.weather) == null ? void 0 : te.wind) == null ? void 0 : pe.scale) + "/" + k(s.roundPrecision((ve = (se = (ye = i.currentHourData) == null ? void 0 : ye.weather) == null ? void 0 : se.wind) == null ? void 0 : ve.gusts, 1)) + " kts", 1)
             ]),
             o("div", Lr, [
               e[34] || (e[34] = o("div", null, "Sig wave", -1)),
-              o("div", null, I((te = (Y = (ye = i.currentHourData) == null ? void 0 : ye.wave) == null ? void 0 : Y.sig) == null ? void 0 : te.direction) + "/" + I(s.roundPrecision((Ae = (pe = (fe = i.currentHourData) == null ? void 0 : fe.wave) == null ? void 0 : pe.sig) == null ? void 0 : Ae.height, 1)) + "m/" + I(s.roundPrecision((_e = (be = (xe = i.currentHourData) == null ? void 0 : xe.wave) == null ? void 0 : be.sig) == null ? void 0 : _e.period, 1)) + "s", 1)
+              o("div", null, k((ae = (Y = (fe = i.currentHourData) == null ? void 0 : fe.wave) == null ? void 0 : Y.sig) == null ? void 0 : ae.direction) + "/" + k(s.roundPrecision((we = (ge = (Ae = i.currentHourData) == null ? void 0 : Ae.wave) == null ? void 0 : ge.sig) == null ? void 0 : we.height, 1)) + "m/" + k(s.roundPrecision((_e = (be = (xe = i.currentHourData) == null ? void 0 : xe.wave) == null ? void 0 : be.sig) == null ? void 0 : _e.period, 1)) + "s", 1)
             ])
           ]),
           o("div", Cr, [
             o("div", xr, [
               e[35] || (e[35] = o("div", null, "Wind wave", -1)),
-              o("div", null, I((Le = (ze = (B = i.currentHourData) == null ? void 0 : B.wave) == null ? void 0 : ze.wd) == null ? void 0 : Le.direction) + "/" + I(s.roundPrecision((He = (Ee = (Pe = i.currentHourData) == null ? void 0 : Pe.wave) == null ? void 0 : Ee.wd) == null ? void 0 : He.height, 1)) + "m/" + I(s.roundPrecision((ce = (se = (ke = i.currentHourData) == null ? void 0 : ke.wave) == null ? void 0 : se.wd) == null ? void 0 : ce.period, 1)) + "s", 1)
+              o("div", null, k((Le = (ze = (I = i.currentHourData) == null ? void 0 : I.wave) == null ? void 0 : ze.wd) == null ? void 0 : Le.direction) + "/" + k(s.roundPrecision((He = (Ee = (Pe = i.currentHourData) == null ? void 0 : Pe.wave) == null ? void 0 : Ee.wd) == null ? void 0 : He.height, 1)) + "m/" + k(s.roundPrecision((me = (oe = (ke = i.currentHourData) == null ? void 0 : ke.wave) == null ? void 0 : oe.wd) == null ? void 0 : me.period, 1)) + "s", 1)
             ]),
             o("div", _r, [
               e[36] || (e[36] = o("div", null, "Swell", -1)),
-              o("div", null, I((K = (Be = (Q = i.currentHourData) == null ? void 0 : Q.wave) == null ? void 0 : Be.swell) == null ? void 0 : K.direction) + "/" + I(s.roundPrecision((P = (Me = (q = i.currentHourData) == null ? void 0 : q.wave) == null ? void 0 : Me.swell) == null ? void 0 : P.height, 1)) + "m/" + I(s.roundPrecision((Se = (De = (de = i.currentHourData) == null ? void 0 : de.wave) == null ? void 0 : De.swell) == null ? void 0 : Se.period, 1)) + "s", 1)
+              o("div", null, k((K = (Be = (H = i.currentHourData) == null ? void 0 : H.wave) == null ? void 0 : Be.swell) == null ? void 0 : K.direction) + "/" + k(s.roundPrecision((P = (Me = (q = i.currentHourData) == null ? void 0 : q.wave) == null ? void 0 : Me.swell) == null ? void 0 : P.height, 1)) + "m/" + k(s.roundPrecision((Se = (De = (ue = i.currentHourData) == null ? void 0 : ue.wave) == null ? void 0 : De.swell) == null ? void 0 : Se.period, 1)) + "s", 1)
             ])
           ]),
           o("div", Br, [
             o("div", Ir, [
               e[37] || (e[37] = o("div", null, "Current", -1)),
-              o("div", null, I((z = (Te = i.currentHourData) == null ? void 0 : Te.current) == null ? void 0 : z.direction) + "/" + I(s.roundPrecision((Ge = (O = i.currentHourData) == null ? void 0 : O.current) == null ? void 0 : Ge.kts, 2)) + "kts", 1)
+              o("div", null, k((z = (Te = i.currentHourData) == null ? void 0 : Te.current) == null ? void 0 : z.direction) + "/" + k(s.roundPrecision((Ge = (O = i.currentHourData) == null ? void 0 : O.current) == null ? void 0 : Ge.kts, 2)) + "kts", 1)
             ]),
             o("div", Er, [
               e[38] || (e[38] = o("div", null, "Sea level", -1)),
-              o("div", null, I(s.roundPrecision((Ue = i.currentHourData) == null ? void 0 : Ue.height, 1)) + "m", 1)
+              o("div", null, k(s.roundPrecision((Ue = i.currentHourData) == null ? void 0 : Ue.height, 1)) + "m", 1)
             ])
           ]),
           o("div", kr, [
             o("div", Dr, [
               e[39] || (e[39] = o("div", null, "Sea Temp", -1)),
-              o("div", null, I(s.roundPrecision((ie = i.currentHourData) == null ? void 0 : ie.sst, 1)) + "°C", 1)
+              o("div", null, k(s.roundPrecision((re = i.currentHourData) == null ? void 0 : re.sst, 1)) + "°C", 1)
             ]),
             o("div", zr, [
               e[40] || (e[40] = o("div", null, "Visibility", -1)),
-              o("div", null, I(s.roundPrecision((tt = (Ne = i.currentHourData) == null ? void 0 : Ne.weather) == null ? void 0 : tt.visibility, 1)) + "nm", 1)
+              o("div", null, k(s.roundPrecision((tt = (Ne = i.currentHourData) == null ? void 0 : Ne.weather) == null ? void 0 : tt.visibility, 1)) + "nm", 1)
             ])
           ]),
           o("div", Pr, [
             o("div", Mr, [
               e[41] || (e[41] = o("div", null, "Temp", -1)),
-              o("div", null, I(s.roundPrecision((it = (at = i.currentHourData) == null ? void 0 : at.weather) == null ? void 0 : it.temp, 1)) + "°C", 1)
+              o("div", null, k(s.roundPrecision((it = (at = i.currentHourData) == null ? void 0 : at.weather) == null ? void 0 : it.temp, 1)) + "°C", 1)
             ]),
             o("div", Sr, [
               e[42] || (e[42] = o("div", null, "Precip", -1)),
-              o("div", null, I(s.roundPrecision((ot = (st = (rt = i.currentHourData) == null ? void 0 : rt.weather) == null ? void 0 : st.precip) == null ? void 0 : ot.sum3Hours, 1)) + "mm", 1)
+              o("div", null, k(s.roundPrecision((ot = (st = (rt = i.currentHourData) == null ? void 0 : rt.weather) == null ? void 0 : st.precip) == null ? void 0 : ot.sum3Hours, 1)) + "mm", 1)
             ])
           ])
         ], 512), [
@@ -7313,14 +7357,14 @@ function Qr(a, e, t, r, i, s) {
         o("div", {
           class: Z(["action", i.isDay ? "day" : "night"])
         }, [
-          t.permission & i.helper.LEVEL.Supper ? (m(), g("div", {
+          t.permission & i.helper.LEVEL.Supper ? (u(), g("div", {
             key: 0,
             class: "button",
             style: { "margin-right": "10px" },
-            onClick: e[7] || (e[7] = (...x) => s.handleNotify && s.handleNotify(...x))
+            onClick: e[7] || (e[7] = (...C) => s.handleNotify && s.handleNotify(...C))
           }, "Notify")) : J("", !0),
           o("div", {
-            onClick: e[8] || (e[8] = (...x) => s.handleMeteoMore && s.handleMeteoMore(...x))
+            onClick: e[8] || (e[8] = (...C) => s.handleMeteoMore && s.handleMeteoMore(...C))
           }, "More >>")
         ], 2)
       ], 2))
@@ -7423,7 +7467,7 @@ const Hr = /* @__PURE__ */ U(_i, [["render", Qr], ["__scopeId", "data-v-3afdcf26
   }
 };
 function Fr(a, e, t, r, i, s) {
-  return m(), g("div");
+  return u(), g("div");
 }
 const Or = /* @__PURE__ */ U(Nr, [["render", Fr]]), Rr = {
   name: "IdmGmdssArea",
@@ -7549,7 +7593,7 @@ const Or = /* @__PURE__ */ U(Nr, [["render", Fr]]), Rr = {
   }
 };
 function jr(a, e, t, r, i, s) {
-  return m(), g("div");
+  return u(), g("div");
 }
 const Wr = /* @__PURE__ */ U(Rr, [["render", jr]]), Gr = {
   name: "IdmEcaZone",
@@ -7646,7 +7690,7 @@ const Wr = /* @__PURE__ */ U(Rr, [["render", jr]]), Gr = {
   }
 };
 function Ur(a, e, t, r, i, s) {
-  return m(), g("div");
+  return u(), g("div");
 }
 const Yr = /* @__PURE__ */ U(Gr, [["render", Ur]]);
 const Kr = {
@@ -7692,7 +7736,7 @@ const Kr = {
       if (t) {
         this.showZone = !0, this.form = { ...t.properties };
         const i = document.getElementById("idm-gl3-zone-info");
-        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new je.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new Re.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
       }
     },
     handleRender() {
@@ -7785,7 +7829,7 @@ const Kr = {
 }, Xr = { id: "idm-gl3-zone-info" }, Jr = ["innerHTML"];
 function qr(a, e, t, r, i, s) {
   var n;
-  return Fe((m(), g("div", Xr, [
+  return Fe((u(), g("div", Xr, [
     o("div", {
       class: "iconfont close",
       onClick: e[0] || (e[0] = (l) => i.showZone = !1)
@@ -7828,12 +7872,12 @@ const Zr = {
   computed: {
     computeLat() {
       return function(a) {
-        return oe.lat2pretty(a, 4).pretty;
+        return ne.lat2pretty(a, 4).pretty;
       };
     },
     computeLng() {
       return function(a) {
-        return oe.lng2pretty(a, 4).pretty;
+        return ne.lng2pretty(a, 4).pretty;
       };
     }
   },
@@ -7855,7 +7899,7 @@ const Zr = {
       if (t) {
         this.showPort = !0, this.form = { ...t.properties }, this.form.lng = t.geometry.coordinates[0], this.form.lat = t.geometry.coordinates[1];
         const i = document.getElementById("port-info");
-        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new je.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([a.lngLat.lng, a.lngLat.lat]) : this.marker = new Re.Marker(i).setLngLat([a.lngLat.lng, a.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
       }
     },
     handleRender() {
@@ -7902,7 +7946,7 @@ const Zr = {
   style: { "align-items": "flex-start" }
 }, ss = { class: "meteo-forecast flex-end" };
 function os(a, e, t, r, i, s) {
-  return Fe((m(), g("div", $r, [
+  return Fe((u(), g("div", $r, [
     o("div", {
       class: "close iconfont",
       onClick: e[0] || (e[0] = (n) => i.showPort = !1)
@@ -7910,19 +7954,19 @@ function os(a, e, t, r, i, s) {
     o("div", es, [
       o("div", ts, [
         e[2] || (e[2] = o("label", null, "Name : ", -1)),
-        o("span", null, I(i.form.name), 1)
+        o("span", null, k(i.form.name), 1)
       ]),
       o("div", as, [
         e[3] || (e[3] = o("label", null, "Position : ", -1)),
-        o("span", null, I(s.computeLat(i.form.lat)) + ", " + I(s.computeLng(i.form.lng)), 1)
+        o("span", null, k(s.computeLat(i.form.lat)) + ", " + k(s.computeLng(i.form.lng)), 1)
       ]),
       o("div", is, [
         e[4] || (e[4] = o("label", null, "LoCode : ", -1)),
-        o("span", null, I(i.form.loCode || "-"), 1)
+        o("span", null, k(i.form.loCode || "-"), 1)
       ]),
       o("div", rs, [
         e[5] || (e[5] = o("label", null, "Region : ", -1)),
-        o("span", null, I(i.form.zoneName || "-"), 1)
+        o("span", null, k(i.form.zoneName || "-"), 1)
       ]),
       o("div", ss, [
         o("span", {
@@ -8008,7 +8052,7 @@ const ns = /* @__PURE__ */ U(Zr, [["render", os], ["__scopeId", "data-v-39da1804
   }
 };
 function hs(a, e, t, r, i, s) {
-  return m(), g("div");
+  return u(), g("div");
 }
 const cs = /* @__PURE__ */ U(ls, [["render", hs]]), ds = {
   name: "IdmTimezone",
@@ -8179,7 +8223,7 @@ const cs = /* @__PURE__ */ U(ls, [["render", hs]]), ds = {
   }
 };
 function ps(a, e, t, r, i, s) {
-  return m(), g("div");
+  return u(), g("div");
 }
 const ms = /* @__PURE__ */ U(ds, [["render", ps]]), us = {
   name: "IdmVoluntaryReportingArea",
@@ -8273,7 +8317,7 @@ const ms = /* @__PURE__ */ U(ds, [["render", ps]]), us = {
   }
 };
 function gs(a, e, t, r, i, s) {
-  return m(), g("div");
+  return u(), g("div");
 }
 const ys = /* @__PURE__ */ U(us, [["render", gs]]), fs = {
   name: "IdmSpecialArea",
@@ -8305,7 +8349,7 @@ const ys = /* @__PURE__ */ U(us, [["render", gs]]), fs = {
   methods: {
     handleRender() {
       this.map ? (this.handleClear(), this.area && (this.area.features.forEach((a) => {
-        a.geometry.type === "Polygon" && a.geometry.coordinates.forEach((e) => oe.convertToMonotonicLng2(e));
+        a.geometry.type === "Polygon" && a.geometry.coordinates.forEach((e) => ne.convertToMonotonicLng2(e));
       }), this.map.addSource(this.source, {
         type: "geojson",
         data: this.area
@@ -8369,7 +8413,7 @@ const ys = /* @__PURE__ */ U(us, [["render", gs]]), fs = {
   }
 };
 function As(a, e, t, r, i, s) {
-  return m(), g("div");
+  return u(), g("div");
 }
 const ws = /* @__PURE__ */ U(fs, [["render", As]]), vs = {
   name: "IdmTerminator",
@@ -8424,7 +8468,7 @@ const ws = /* @__PURE__ */ U(fs, [["render", As]]), vs = {
   }
 };
 function bs(a, e, t, r, i, s) {
-  return m(), g("div");
+  return u(), g("div");
 }
 const Ls = /* @__PURE__ */ U(vs, [["render", bs]]);
 const Cs = {
@@ -8485,13 +8529,12 @@ const Cs = {
       this.show ? ((a = this.map) == null || a.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (e = this.map) == null || e.off("zoomend", this.handleZoomEnd));
     },
     handleMouseMove(a) {
-      const e = a.lngLat, t = oe.lng2pretty(e.lng, 2), r = oe.lat2pretty(e.lat, 2);
+      const e = a.lngLat, t = ne.lng2pretty(e.lng, 2), r = ne.lat2pretty(e.lat, 2);
       this.lngLat = { lng: t, lat: r };
     },
     handleComputeLatLngs() {
       var r;
       const a = (r = this.map) == null ? void 0 : r.getZoom();
-      console.log(a);
       let e = 30;
       a > 4 ? e = 10 : a > 3 && (e = 15);
       const t = [];
@@ -8534,7 +8577,7 @@ const Cs = {
     handleZoomEnd() {
       var e;
       const a = this.handleComputeLatLngs();
-      (e = this.map) == null || e.getSource(this.source).setData(S.featureCollection(a));
+      (e = this.map) == null || e.getSource(this.source).setData(T.featureCollection(a));
     },
     handleRender() {
       if (this.map) {
@@ -8584,17 +8627,17 @@ const Cs = {
   }
 };
 function xs(a, e, t, r, i, s) {
-  return i.lngLat ? (m(), g("div", {
+  return i.lngLat ? (u(), g("div", {
     key: 0,
     class: "lat-lng-tip",
-    style: he({ right: i.right + "px", bottom: t.bottom })
+    style: de({ right: i.right + "px", bottom: t.bottom })
   }, [
-    o("span", null, I(i.lngLat.lat.pretty), 1),
+    o("span", null, k(i.lngLat.lat.pretty), 1),
     e[0] || (e[0] = o("span", null, ", ", -1)),
-    o("span", null, I(i.lngLat.lng.pretty), 1)
+    o("span", null, k(i.lngLat.lng.pretty), 1)
   ], 4)) : J("", !0);
 }
-const pt = /* @__PURE__ */ U(Cs, [["render", xs], ["__scopeId", "data-v-73241fe7"]]), _s = {
+const pt = /* @__PURE__ */ U(Cs, [["render", xs], ["__scopeId", "data-v-747fb3c8"]]), _s = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -8629,7 +8672,7 @@ const pt = /* @__PURE__ */ U(Cs, [["render", xs], ["__scopeId", "data-v-73241fe7
         else {
           (a = this.map) == null || a.getCanvas().removeEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.off("mousemove", this.handleMove), (t = this.map) == null || t.off("dblclick", this.handleDblClick), this.map && (this.map.getCanvas().style.cursor = "grab");
           let r = this.geojson.find((i) => !i.closed);
-          r && this.handleClear(r, !0), this.geojson = this.geojson.filter((i) => !!i.closed), r = S.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(r);
+          r && this.handleClear(r, !0), this.geojson = this.geojson.filter((i) => !!i.closed), r = T.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(r);
         }
       },
       immediate: !0
@@ -8660,41 +8703,41 @@ const pt = /* @__PURE__ */ U(Cs, [["render", xs], ["__scopeId", "data-v-73241fe7
       }
     },
     handleDrag(a) {
-      var t, r, i, s, n, l, c, p, h, d;
+      var t, r, i, s, n, l, c, d, h, p;
       const e = (r = (t = a.target) == null ? void 0 : t._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const A = this.geojson.filter((k) => k.id === e.split("-")[0])[0];
-        this.pointMarkers[A.id].filter((k) => {
+        const b = this.geojson.filter((B) => B.id === e.split("-")[0])[0];
+        this.pointMarkers[b.id].filter((B) => {
           var _;
-          return ((_ = k._element) == null ? void 0 : _.id) === e;
+          return ((_ = B._element) == null ? void 0 : _.id) === e;
         })[0].setLngLat([(s = (i = a.target) == null ? void 0 : i._lngLat) == null ? void 0 : s.lng, (l = (n = a.target) == null ? void 0 : n._lngLat) == null ? void 0 : l.lat]);
         let E;
-        A.features.forEach((k, _) => {
-          if (k.geometry.type === "Point" && k.properties.id == e.split("-")[1]) {
+        b.features.forEach((B, _) => {
+          if (B.geometry.type === "Point" && B.properties.id == e.split("-")[1]) {
             E = _;
             return;
           }
         });
-        const w = A.features.filter((k) => k.geometry.type === "Point");
+        const A = b.features.filter((B) => B.geometry.type === "Point");
         this.handleTmpPointUpdate(
-          A,
-          w[E - 1],
-          { lng: (p = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : p.lng, lat: (d = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : d.lat, properties: w[E].properties },
-          E === w.length - 1 ? void 0 : w[E + 1]
+          b,
+          A[E - 1],
+          { lng: (d = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : d.lng, lat: (p = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lat, properties: A[E].properties },
+          E === A.length - 1 ? void 0 : A[E + 1]
         );
       }
     },
     handleDragEnd(a) {
-      var t, r, i, s, n, l, c, p, h, d;
+      var t, r, i, s, n, l, c, d, h, p;
       const e = (r = (t = a.target) == null ? void 0 : t._element) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const A = this.geojson.filter((w) => w.id === e.split("-")[0])[0];
-        this.pointMarkers[A.id].filter((w) => {
-          var k;
-          return ((k = w._element) == null ? void 0 : k.id) === e;
+        const b = this.geojson.filter((A) => A.id === e.split("-")[0])[0];
+        this.pointMarkers[b.id].filter((A) => {
+          var B;
+          return ((B = A._element) == null ? void 0 : B.id) === e;
         })[0].setLngLat([(s = (i = a.target) == null ? void 0 : i._lngLat) == null ? void 0 : s.lng, (l = (n = a.target) == null ? void 0 : n._lngLat) == null ? void 0 : l.lat]);
-        const E = A.features.filter((w) => w.geometry.type === "Point" && w.properties.id == e.split("-")[1])[0];
-        E.geometry.coordinates = [(p = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : p.lng, (d = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : d.lat], A.features = A.features.filter((w) => w.geometry.type === "Point"), this.handlePointUpdate(A);
+        const E = b.features.filter((A) => A.geometry.type === "Point" && A.properties.id == e.split("-")[1])[0];
+        E.geometry.coordinates = [(d = (c = a.target) == null ? void 0 : c._lngLat) == null ? void 0 : d.lng, (p = (h = a.target) == null ? void 0 : h._lngLat) == null ? void 0 : p.lat], b.features = b.features.filter((A) => A.geometry.type === "Point"), this.handlePointUpdate(b);
       }
     },
     handleContextmenu(a) {
@@ -8703,9 +8746,9 @@ const pt = /* @__PURE__ */ U(Cs, [["render", xs], ["__scopeId", "data-v-73241fe7
       const e = (s = (i = (r = a.originalEvent) == null ? void 0 : r.target) == null ? void 0 : i.parentElement) == null ? void 0 : s.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const l = this.geojson.filter((c) => c.id === e.split("-")[0])[0].features.filter((c) => c.geometry.type === "Point");
-        if (l.length > 2 && l.filter((p) => p.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
-          const p = document.createElement("div");
-          p.className = "point-contextmenu-marker", p.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new je.Marker(p).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
+        if (l.length > 2 && l.filter((d) => d.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
+          const d = document.createElement("div");
+          d.className = "point-contextmenu-marker", d.innerHTML = `<span id="del-${e}" class="del-point">Del</span>`, this.contextmenu = new Re.Marker(d).setOffset([24, 0]).setLngLat([a.lngLat.lng, a.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -8714,15 +8757,15 @@ const pt = /* @__PURE__ */ U(Cs, [["render", xs], ["__scopeId", "data-v-73241fe7
       (t = this.contextmenu) == null || t.remove();
       const e = a.originalEvent.target.className;
       if (e === "marker-close") {
-        const c = (i = (r = a.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, p = this.geojson.filter((h) => h.id === c)[0];
-        p && this.handleClear(p, !0), this.geojson = this.geojson.filter((h) => h.id !== c), !this.show && !((s = this.geojson) != null && s.some((h) => h.closed)) && this.handleUnbind();
+        const c = (i = (r = a.originalEvent) == null ? void 0 : r.srcElement) == null ? void 0 : i.id, d = this.geojson.filter((h) => h.id === c)[0];
+        d && this.handleClear(d, !0), this.geojson = this.geojson.filter((h) => h.id !== c), !this.show && !((s = this.geojson) != null && s.some((h) => h.closed)) && this.handleUnbind();
       } else if (e === "del-point") {
-        const c = (l = (n = a.originalEvent.target.id) == null ? void 0 : n.replace("del-", "")) == null ? void 0 : l.split("-"), p = this.geojson.filter((h) => h.id === c[0])[0];
-        p.features = p.features.filter((h) => h.geometry.type === "Point" && h.properties.id !== c[1]), this.handlePointUpdate(p);
+        const c = (l = (n = a.originalEvent.target.id) == null ? void 0 : n.replace("del-", "")) == null ? void 0 : l.split("-"), d = this.geojson.filter((h) => h.id === c[0])[0];
+        d.features = d.features.filter((h) => h.geometry.type === "Point" && h.properties.id !== c[1]), this.handlePointUpdate(d);
       } else if (e !== "marker-label" && this.show) {
         let c = this.geojson.at(-1);
-        c || (c = S.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(c)), c.features = c.features.filter((h) => h.geometry.type === "Point");
-        const p = S.feature(
+        c || (c = T.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(c)), c.features = c.features.filter((h) => h.geometry.type === "Point");
+        const d = T.feature(
           {
             type: "Point",
             coordinates: [a.lngLat.lng, a.lngLat.lat]
@@ -8732,7 +8775,7 @@ const pt = /* @__PURE__ */ U(Cs, [["render", xs], ["__scopeId", "data-v-73241fe7
             mode: this.navigation
           }
         );
-        c.features.push(p), this.handlePointUpdate(c);
+        c.features.push(d), this.handlePointUpdate(c);
       }
     },
     handlePointUpdate(a) {
@@ -8741,35 +8784,35 @@ const pt = /* @__PURE__ */ U(Cs, [["render", xs], ["__scopeId", "data-v-73241fe7
         let t = 0;
         const r = [];
         for (let i = 1; i < e.length; i++) {
-          const s = e[i - 1], n = e[i], l = s.properties, c = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, p = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, h = Re.calculateDistance(c, p, l.mode === "RL", 4), d = Re.calculateBearing(c, p, l.mode === "RL", 2);
-          t = oe.roundPrecision(t + h, 2);
-          let A;
-          l.mode === "RL" ? A = oe.convertToMonotonicLng([c, p]) : A = oe.convertToMonotonicLng(Re.interpolateCoordinates(c, p, 200));
-          const b = S.lineString(A.map((E) => [E.lng, E.lat]));
-          b.properties.dist = h, b.properties.bearing = d, b.properties.total = t, r.push(b);
+          const s = e[i - 1], n = e[i], l = s.properties, c = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, d = { lng: n.geometry.coordinates[0], lat: n.geometry.coordinates[1] }, h = je.calculateDistance(c, d, l.mode === "RL", 4), p = je.calculateBearing(c, d, l.mode === "RL", 2);
+          t = ne.roundPrecision(t + h, 2);
+          let b;
+          l.mode === "RL" ? b = ne.convertToMonotonicLng([c, d]) : b = ne.convertToMonotonicLng(je.interpolateCoordinates(c, d, 200));
+          const x = T.lineString(b.map((E) => [E.lng, E.lat]));
+          x.properties.dist = h, x.properties.bearing = p, x.properties.total = t, r.push(x);
         }
         e.push(...r), a.total = t;
       }
       return this.handleRender(a), a;
     },
     handleTmpPointUpdate(a, e, t, r) {
-      const i = S.featureCollection([]);
+      const i = T.featureCollection([]);
       let s, n;
       if (e) {
-        const c = e.properties, p = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, h = { lng: t.lng, lat: t.lat };
-        s = Re.calculateDistance(p, h, c.mode === "RL", 4), n = Re.calculateBearing(p, h, c.mode === "RL", 2);
-        let d;
-        c.mode === "RL" ? d = oe.convertToMonotonicLng([p, h]) : d = oe.convertToMonotonicLng(Re.interpolateCoordinates(p, h, 200));
-        const A = S.lineString(d.map((b) => [b.lng, b.lat]));
-        A.properties.dist = s, A.properties.bearing = n, i.features.push(A);
+        const c = e.properties, d = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, h = { lng: t.lng, lat: t.lat };
+        s = je.calculateDistance(d, h, c.mode === "RL", 4), n = je.calculateBearing(d, h, c.mode === "RL", 2);
+        let p;
+        c.mode === "RL" ? p = ne.convertToMonotonicLng([d, h]) : p = ne.convertToMonotonicLng(je.interpolateCoordinates(d, h, 200));
+        const b = T.lineString(p.map((x) => [x.lng, x.lat]));
+        b.properties.dist = s, b.properties.bearing = n, i.features.push(b);
       }
       if (r) {
-        const c = t.properties, p = t, h = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
-        s = Re.calculateDistance(p, h, c.mode === "RL", 4), n = Re.calculateBearing(p, h, c.mode === "RL", 2);
-        let d;
-        c.mode === "RL" ? d = oe.convertToMonotonicLng([p, h]) : d = oe.convertToMonotonicLng(Re.interpolateCoordinates(p, h, 200));
-        const A = S.lineString(d.map((b) => [b.lng, b.lat]));
-        A.properties.dist = s, A.properties.bearing = n, i.features.push(A);
+        const c = t.properties, d = t, h = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] };
+        s = je.calculateDistance(d, h, c.mode === "RL", 4), n = je.calculateBearing(d, h, c.mode === "RL", 2);
+        let p;
+        c.mode === "RL" ? p = ne.convertToMonotonicLng([d, h]) : p = ne.convertToMonotonicLng(je.interpolateCoordinates(d, h, 200));
+        const b = T.lineString(p.map((x) => [x.lng, x.lat]));
+        b.properties.dist = s, b.properties.bearing = n, i.features.push(b);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(i) : this.map.addSource(this.tmpSource, {
         type: "geojson",
@@ -8809,24 +8852,24 @@ const pt = /* @__PURE__ */ U(Cs, [["render", xs], ["__scopeId", "data-v-73241fe7
         }
       });
       let l;
-      if (r ? l = '<div class="marker-label">Drag and drop</div>' : l = `<div class="marker-label">Total distance: <b>${oe.roundPrecision((a.total ?? 0) + s, 1)}</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 ? l = '<div class="marker-label">Drag and drop</div>' : l = `<div class="marker-label">Total distance: <b>${ne.roundPrecision((a.total ?? 0) + s, 1)}</b>nm, bearing: <b>${n}</b>°</div><div class="marker-label">${this.navigation === "RL" ? "RL" : "GC"} mode, using 'Shift' to switch</div><div class="marker-label">Double click to end</div>`, this.tipMarker)
         this.tipMarker._element.innerHTML = l, this.tipMarker.setLngLat([t.lng, t.lat]);
       else {
         const c = document.createElement("div");
-        c.className = "tip-marker", c.innerHTML = l, this.tipMarker = new je.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
+        c.className = "tip-marker", c.innerHTML = l, this.tipMarker = new Re.Marker(c).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
       }
     },
     handleMove(a) {
       this.map.getCanvas().style.cursor = "crosshair";
       let e = this.geojson.at(-1);
-      e || (e = S.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
+      e || (e = T.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
       const t = e.features.filter((r) => r.geometry.type === "Point");
       t != null && t.length && this.handleTmpPointUpdate(e, t.at(-1), { lng: a.lngLat.lng, lat: a.lngLat.lat });
     },
     handleDblClick(a) {
       a.preventDefault();
       let e = this.geojson.at(-1);
-      e.closed = !0, this.handleRender(e), e = S.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e);
+      e.closed = !0, this.handleRender(e), e = T.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e);
     },
     handleRender(a) {
       var e;
@@ -8871,26 +8914,26 @@ const pt = /* @__PURE__ */ U(Cs, [["render", xs], ["__scopeId", "data-v-73241fe7
         for (const n of s) {
           const l = document.createElement("div");
           l.id = `${a.id}-${n.properties.id}`, l.className = `${a.closed ? "point-marker closed" : "point-marker"}`, l.innerHTML = '<div class="marker-circle"></div>';
-          const c = new je.Marker({ element: l, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
+          const c = new Re.Marker({ element: l, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
           c.on("drag", this.handleDrag), c.on("dragend", this.handleDragEnd), this.pointMarkers[a.id] ? this.pointMarkers[a.id].push(c) : this.pointMarkers[a.id] = [c];
         }
         if (a.closed) {
-          const n = s.at(-1), c = a.features.filter((h) => h.geometry.type === "LineString").at(-1), p = document.createElement("div");
-          p.className = "point-summary-marker", p.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Total: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new je.Marker(p).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
+          const n = s.at(-1), c = a.features.filter((h) => h.geometry.type === "LineString").at(-1), d = document.createElement("div");
+          d.className = "point-summary-marker", d.innerHTML = `<div id="${a.id}" class="marker-close">×</div><div class="marker-label">Total: ${c.properties.total}nm</div>`, this.closeMarkers[a.id] = new Re.Marker(d).setOffset([60, 0]).setLngLat(n.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(a, e = !0) {
-      var s, n, l, c, p, h, d, A, b;
+      var s, n, l, c, d, h, p, b, x;
       const t = `${a.id}-${this.source}`, r = `${a.id}-${this.layer}`, i = `${a.id}-${this.labelLayer}`;
-      (s = this.map) != null && s.getLayer(r) && this.map.removeLayer(r), (n = this.map) != null && n.getLayer(i) && this.map.removeLayer(i), (l = this.map) != null && l.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (c = this.map) != null && c.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (p = this.closeMarkers[a.id]) == null || p.remove(), this.closeMarkers[a.id] = void 0, (h = this.pointMarkers[a.id]) == null || h.forEach((E) => {
+      (s = this.map) != null && s.getLayer(r) && this.map.removeLayer(r), (n = this.map) != null && n.getLayer(i) && this.map.removeLayer(i), (l = this.map) != null && l.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (c = this.map) != null && c.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (d = this.closeMarkers[a.id]) == null || d.remove(), this.closeMarkers[a.id] = void 0, (h = this.pointMarkers[a.id]) == null || h.forEach((E) => {
         E == null || E.remove();
-      }), this.pointMarkers[a.id] = [], (d = this.tipMarker) == null || d.remove(), this.tipMarker = void 0, e && ((A = this.map) != null && A.getSource(t)) && this.map.removeSource(t), e && ((b = this.map) != null && b.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      }), this.pointMarkers[a.id] = [], (p = this.tipMarker) == null || p.remove(), this.tipMarker = void 0, e && ((b = this.map) != null && b.getSource(t)) && this.map.removeSource(t), e && ((x = this.map) != null && x.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 };
 function Bs(a, e, t, r, i, s) {
-  return m(), g("div");
+  return u(), g("div");
 }
 const Is = /* @__PURE__ */ U(_s, [["render", Bs]]);
 const Es = {
@@ -8951,13 +8994,13 @@ const Es = {
 }, ks = { key: 0 }, Ds = { class: "bar-item" };
 function zs(a, e, t, r, i, s) {
   const n = R("ElTooltip");
-  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (m(), g("div", ks, [
+  return t.enabled && t.permission & i.helper.LEVEL.Supper ? (u(), g("div", ks, [
     o("div", {
       class: "menu-bar-box",
-      style: he({ position: "absolute", right: i.right + "px", bottom: t.bottom })
+      style: de({ position: "absolute", right: i.right + "px", bottom: t.bottom })
     }, [
       o("div", Ds, [
-        H(n, {
+        F(n, {
           placement: "left",
           effect: "light",
           content: "Hifleet",
@@ -8973,7 +9016,7 @@ function zs(a, e, t, r, i, s) {
           ]),
           _: 1
         }),
-        H(n, {
+        F(n, {
           placement: "left",
           effect: "light",
           content: "I4insight",
@@ -9250,17 +9293,17 @@ const js = {
     },
     enc: {
       handler(a, e) {
-        var t, r, i, s, n, l, c, p;
-        a && this.map.getZoom() > 3 ? ((r = (t = this.map) == null ? void 0 : t.getLayer(a)) == null || r.setLayoutProperty("visibility", "visible"), (s = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || s.setLayoutProperty("visibility", "none")) : ((l = (n = this.map) == null ? void 0 : n.getLayer("i4")) == null || l.setLayoutProperty("visibility", "none"), (p = (c = this.map) == null ? void 0 : c.getLayer("hi")) == null || p.setLayoutProperty("visibility", "none"));
+        var t, r, i, s, n, l, c, d;
+        a && this.map.getZoom() > 3 ? ((r = (t = this.map) == null ? void 0 : t.getLayer(a)) == null || r.setLayoutProperty("visibility", "visible"), (s = (i = this.map) == null ? void 0 : i.getLayer(e)) == null || s.setLayoutProperty("visibility", "none")) : ((l = (n = this.map) == null ? void 0 : n.getLayer("i4")) == null || l.setLayoutProperty("visibility", "none"), (d = (c = this.map) == null ? void 0 : c.getLayer("hi")) == null || d.setLayoutProperty("visibility", "none"));
       }
     },
     activeWeatherLayers: {
       handler() {
-        var t, r, i, s, n, l, c, p, h, d, A, b, E, w, k, _, f, v, u, C, y, L, T;
+        var t, r, i, s, n, l, c, d, h, p, b, x, E, A, B, _, f, v, m, L, y, w, M;
         if (!this.map)
           return !1;
         const a = this.activeWeatherLayers.some((D) => D.key === "wind" && D.particle === !0 || D.key === "current" && D.particle === !0 || D.key === "ice-edge" || D.key === "ice-thickness" || D.key === "ice-cover" || D.key === "temp" || D.key === "water-temp"), e = this.activeWeatherLayers.some((D) => D.key === "visibility" || D.key === "precip3h");
-        this.activeWeatherLayers.length > 0 ? (!a && this.map.getZoom() > 3 && this.enc ? (r = (t = this.map) == null ? void 0 : t.getLayer(this.enc)) == null || r.setLayoutProperty("visibility", "visible") : ((s = (i = this.map) == null ? void 0 : i.getLayer("i4")) == null || s.setLayoutProperty("visibility", "none"), (l = (n = this.map) == null ? void 0 : n.getLayer("hi")) == null || l.setLayoutProperty("visibility", "none")), (p = (c = this.map) == null ? void 0 : c.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || p.setLayoutProperty("visibility", "visible"), (d = this.map) != null && d.getLayer((h = this.viewport) == null ? void 0 : h.rampColorLayer) && ((A = this.map) != null && A.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((E = this.map) == null || E.moveLayer((b = this.viewport) == null ? void 0 : b.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), e && ((k = this.map) == null || k.moveLayer(this.helper.mapboxCustomer.layers.countryBoundary.id, (w = this.viewport) == null ? void 0 : w.rampColorLayer))) : ((f = (_ = this.map) == null ? void 0 : _.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || f.setLayoutProperty("visibility", "none"), this.enc && this.map.getZoom() > 3 ? (u = (v = this.map) == null ? void 0 : v.getLayer(this.enc)) == null || u.setLayoutProperty("visibility", "visible") : ((y = (C = this.map) == null ? void 0 : C.getLayer("i4")) == null || y.setLayoutProperty("visibility", "none"), (T = (L = this.map) == null ? void 0 : L.getLayer("hi")) == null || T.setLayoutProperty("visibility", "none"))), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
+        this.activeWeatherLayers.length > 0 ? (!a && this.map.getZoom() > 3 && this.enc ? (r = (t = this.map) == null ? void 0 : t.getLayer(this.enc)) == null || r.setLayoutProperty("visibility", "visible") : ((s = (i = this.map) == null ? void 0 : i.getLayer("i4")) == null || s.setLayoutProperty("visibility", "none"), (l = (n = this.map) == null ? void 0 : n.getLayer("hi")) == null || l.setLayoutProperty("visibility", "none")), (d = (c = this.map) == null ? void 0 : c.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || d.setLayoutProperty("visibility", "visible"), (p = this.map) != null && p.getLayer((h = this.viewport) == null ? void 0 : h.rampColorLayer) && ((b = this.map) != null && b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && this.mapProjection === "mercator" && ((E = this.map) == null || E.moveLayer((x = this.viewport) == null ? void 0 : x.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), e && ((B = this.map) == null || B.moveLayer(this.helper.mapboxCustomer.layers.countryBoundary.id, (A = this.viewport) == null ? void 0 : A.rampColorLayer))) : ((f = (_ = this.map) == null ? void 0 : _.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) == null || f.setLayoutProperty("visibility", "none"), this.enc && this.map.getZoom() > 3 ? (m = (v = this.map) == null ? void 0 : v.getLayer(this.enc)) == null || m.setLayoutProperty("visibility", "visible") : ((y = (L = this.map) == null ? void 0 : L.getLayer("i4")) == null || y.setLayoutProperty("visibility", "none"), (M = (w = this.map) == null ? void 0 : w.getLayer("hi")) == null || M.setLayoutProperty("visibility", "none"))), this.$emit("activeWeatherLayers", this.activeWeatherLayers);
       },
       immediate: !0
     },
@@ -9312,59 +9355,59 @@ const js = {
   },
   methods: {
     async fetchWeatherLayers(a = { tropicals: !1 }) {
-      var i, s, n, l, c, p, h, d, A;
+      var i, s, n, l, c, d, h, p, b;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let t = 0, r = 0;
       if (this.map) {
-        const b = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, E = (s = this.map) == null ? void 0 : s.getBounds(), w = `${E._sw.lng},${E._sw.lat},${E._ne.lng},${E._ne.lat}`;
+        const x = ((i = this.map) == null ? void 0 : i.getZoom()) + 1, E = (s = this.map) == null ? void 0 : s.getBounds(), A = `${E._sw.lng},${E._sw.lat},${E._ne.lng},${E._ne.lat}`;
         if (this.particleFactor && ((n = this.$refs.layer) != null && n.autoActive)) {
-          const k = Ze.WEATHER_LAYERS.find((_) => {
+          const B = Ze.WEATHER_LAYERS.find((_) => {
             var f;
             return ((f = _.peer) == null ? void 0 : f.weight) === this.particleFactor.weight;
           });
-          this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & k.weight ? this.weatherWeight : this.weatherWeight + k.weight : this.weatherWeight = this.weatherWeight & k.weight ? this.weatherWeight - k.weight : this.weatherWeight;
+          this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & B.weight ? this.weatherWeight : this.weatherWeight + B.weight : this.weatherWeight = this.weatherWeight & B.weight ? this.weatherWeight - B.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
-          let k = this.weatherWeight, _;
-          if (a.tropicals || this.weatherWeight & 256 && (_ = this.weatherLayers.tropicals, _ && (k -= 256, _.version = Math.random() + 1)), k > 0) {
-            const f = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], v = await Qe.get(`${f}/api/arc/weather/layers2/links?l=${k}&v=${this.source}&z=${b}&bbox=${w}&t=${this.ts}`, {
+          let B = this.weatherWeight, _;
+          if (a.tropicals || this.weatherWeight & 256 && (_ = this.weatherLayers.tropicals, _ && (B -= 256, _.version = Math.random() + 1)), B > 0) {
+            const f = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], v = await Qe.get(`${f}/api/arc/weather/layers2/links?l=${B}&v=${this.source}&z=${x}&bbox=${A}&t=${this.ts}`, {
               headers: {
                 Authorization: this.token || this.defaultMeteoToken
               }
             });
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather links elapsed: ", r, ", total: ", t += r), ((l = v == null ? void 0 : v.data) == null ? void 0 : l.code) === 0) {
-              const u = (c = v == null ? void 0 : v.data) == null ? void 0 : c.data, C = [];
-              for (const L in u)
-                L !== "tropicals" && C.push(
-                  Qe.get(u[L], {
+              const m = (c = v == null ? void 0 : v.data) == null ? void 0 : c.data, L = [];
+              for (const w in m)
+                w !== "tropicals" && L.push(
+                  Qe.get(m[w], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
-                      key: L
+                      key: w
                     },
-                    responseType: /\.(jpg|png)$/.test(u[L]) ? "blob" : "json"
-                  }).catch((T) => {
-                    console.log(`[${L}] fetch layer error: ${T}`);
+                    responseType: /\.(jpg|png)$/.test(m[w]) ? "blob" : "json"
+                  }).catch((M) => {
+                    console.log(`[${w}] fetch layer error: ${M}`);
                   })
                 );
-              const y = await Promise.all(C);
-              this.weatherLayers = {}, y.map((L) => {
-                var F, N, j, G;
-                const T = ((F = L == null ? void 0 : L.data) == null ? void 0 : F.data) || (L == null ? void 0 : L.data), D = (j = (N = L == null ? void 0 : L.config) == null ? void 0 : N.headers) == null ? void 0 : j.key;
-                D && T && (this.weatherLayers[D] = {
-                  raw: T,
-                  type: ((G = L == null ? void 0 : L.config) == null ? void 0 : G.responseType) === "blob" ? "image" : "json",
+              const y = await Promise.all(L);
+              this.weatherLayers = {}, y.map((w) => {
+                var N, Q, j, G;
+                const M = ((N = w == null ? void 0 : w.data) == null ? void 0 : N.data) || (w == null ? void 0 : w.data), D = (j = (Q = w == null ? void 0 : w.config) == null ? void 0 : Q.headers) == null ? void 0 : j.key;
+                D && M && (this.weatherLayers[D] = {
+                  raw: M,
+                  type: ((G = w == null ? void 0 : w.config) == null ? void 0 : G.responseType) === "blob" ? "image" : "json",
                   etime: v.data.etime
                 });
-              }), u.tropicals && Qe.get(u.tropicals, {
+              }), m.tropicals && Qe.get(m.tropicals, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken,
                   key: "tropicals"
                 }
-              }).then((L) => {
-                var F, N, j;
-                const T = ct.convert2Geojson(((F = L == null ? void 0 : L.data) == null ? void 0 : F.data) || (L == null ? void 0 : L.data)), D = (j = (N = L == null ? void 0 : L.config) == null ? void 0 : N.headers) == null ? void 0 : j.key;
+              }).then((w) => {
+                var N, Q, j;
+                const M = ct.convert2Geojson(((N = w == null ? void 0 : w.data) == null ? void 0 : N.data) || (w == null ? void 0 : w.data)), D = (j = (Q = w == null ? void 0 : w.config) == null ? void 0 : Q.headers) == null ? void 0 : j.key;
                 this.weatherLayers[D] = {
-                  data: T,
+                  data: M,
                   active: !0,
                   cached: !1,
                   type: "json",
@@ -9374,20 +9417,20 @@ const js = {
               });
             }
             if (r = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather layers elapsed: ", r, ", total: ", t += r), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const u = (p = this.weatherLayers["swell-direction"]) == null ? void 0 : p.raw, C = (h = this.weatherLayers["swell-height"]) == null ? void 0 : h.raw;
+              const m = (d = this.weatherLayers["swell-direction"]) == null ? void 0 : d.raw, L = (h = this.weatherLayers["swell-height"]) == null ? void 0 : h.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
-                direction: u,
-                height: { raw: C },
+                direction: m,
+                height: { raw: L },
                 etime: v.data.etime
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const u = (d = this.weatherLayers["current-direction"]) == null ? void 0 : d.raw, C = (A = this.weatherLayers["current-speed"]) == null ? void 0 : A.raw;
+              const m = (p = this.weatherLayers["current-direction"]) == null ? void 0 : p.raw, L = (b = this.weatherLayers["current-speed"]) == null ? void 0 : b.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
-                direction: u,
-                speed: { raw: C },
+                direction: m,
+                speed: { raw: L },
                 etime: v.data.etime
               };
             }
@@ -9403,58 +9446,58 @@ const js = {
       if (this.map) {
         let s = this.otherWeight;
         if (s) {
-          let n = !1, l = !1, c = !1, p = !1;
-          if (this.otherWeight & 2048 && (s = this.otherWeight - 2048, n = !0), this.otherWeight & 8192 && (s = s - 8192, l = !0), this.otherWeight & 16384 && (s = s - 16384, c = !0), this.otherWeight & 32768 && (s = s - 32768, p = !0), s) {
+          let n = !1, l = !1, c = !1, d = !1;
+          if (this.otherWeight & 2048 && (s = this.otherWeight - 2048, n = !0), this.otherWeight & 8192 && (s = s - 8192, l = !0), this.otherWeight & 16384 && (s = s - 16384, c = !0), this.otherWeight & 32768 && (s = s - 32768, d = !0), s) {
             if (a.all) {
-              const h = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], d = await Qe.get(`${h}/api/arc/other/layers/links?l=${s}&t=${this.ts}`, {
+              const h = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], p = await Qe.get(`${h}/api/arc/other/layers/links?l=${s}&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
-              if (((e = d == null ? void 0 : d.data) == null ? void 0 : e.code) === 0) {
-                const A = (t = d == null ? void 0 : d.data) == null ? void 0 : t.data, b = [];
-                for (const w in A)
-                  b.push(
-                    Qe.get(A[w], {
+              if (((e = p == null ? void 0 : p.data) == null ? void 0 : e.code) === 0) {
+                const b = (t = p == null ? void 0 : p.data) == null ? void 0 : t.data, x = [];
+                for (const A in b)
+                  x.push(
+                    Qe.get(b[A], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: w
+                        key: A
                       }
                     })
                   );
-                const E = await Promise.all(b);
-                this.otherLayers = { enc: n, world12nm: l, worldMarine: c, chinaRoute: p }, E.map((w) => {
-                  var f, v, u;
-                  const k = ((f = w == null ? void 0 : w.data) == null ? void 0 : f.data) || (w == null ? void 0 : w.data), _ = (u = (v = w == null ? void 0 : w.config) == null ? void 0 : v.headers) == null ? void 0 : u.key;
-                  this.otherLayers[_] = k;
+                const E = await Promise.all(x);
+                this.otherLayers = { enc: n, world12nm: l, worldMarine: c, chinaRoute: d }, E.map((A) => {
+                  var f, v, m;
+                  const B = ((f = A == null ? void 0 : A.data) == null ? void 0 : f.data) || (A == null ? void 0 : A.data), _ = (m = (v = A == null ? void 0 : A.config) == null ? void 0 : v.headers) == null ? void 0 : m.key;
+                  this.otherLayers[_] = B;
                 });
               }
             } else if (a.dayNight && s & 1024) {
-              const h = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], d = await Qe.get(`${h}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
+              const h = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], p = await Qe.get(`${h}/api/arc/other/layers/links?l=1024&t=${this.ts}`, {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
                 }
               });
-              if (((r = d == null ? void 0 : d.data) == null ? void 0 : r.code) === 0) {
-                const A = (i = d == null ? void 0 : d.data) == null ? void 0 : i.data, b = [];
-                for (const w in A)
-                  b.push(
-                    Qe.get(A[w], {
+              if (((r = p == null ? void 0 : p.data) == null ? void 0 : r.code) === 0) {
+                const b = (i = p == null ? void 0 : p.data) == null ? void 0 : i.data, x = [];
+                for (const A in b)
+                  x.push(
+                    Qe.get(b[A], {
                       headers: {
                         Authorization: this.token || this.defaultMeteoToken,
-                        key: w
+                        key: A
                       }
                     })
                   );
-                (await Promise.all(b)).map((w) => {
-                  var f, v, u;
-                  const k = ((f = w == null ? void 0 : w.data) == null ? void 0 : f.data) || (w == null ? void 0 : w.data), _ = (u = (v = w == null ? void 0 : w.config) == null ? void 0 : v.headers) == null ? void 0 : u.key;
-                  this.otherLayers[_] = k;
+                (await Promise.all(x)).map((A) => {
+                  var f, v, m;
+                  const B = ((f = A == null ? void 0 : A.data) == null ? void 0 : f.data) || (A == null ? void 0 : A.data), _ = (m = (v = A == null ? void 0 : A.config) == null ? void 0 : v.headers) == null ? void 0 : m.key;
+                  this.otherLayers[_] = B;
                 });
               }
             }
           } else
-            this.otherLayers = { enc: n, world12nm: l, worldMarine: c, chinaRoute: p };
+            this.otherLayers = { enc: n, world12nm: l, worldMarine: c, chinaRoute: d };
         } else
           this.otherLayers = {};
         this.handleBeforeLayerToggle();
@@ -9470,7 +9513,7 @@ const js = {
       this.activeWindLayer = !!this.activeWeatherLayers.find((e) => e.key === "wind"), this.$refs.layer && (this.$refs.layer.activeWeatherLayers = this.activeWeatherLayers);
     },
     handleRampColorInitial() {
-      var a, e, t, r, i, s, n, l, c, p, h, d;
+      var a, e, t, r, i, s, n, l, c, d, h, p;
       this.viewport.map.getSource((a = this.viewport) == null ? void 0 : a.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
         type: "canvas",
         canvas: (t = this.viewport) == null ? void 0 : t.rampColorCanvas,
@@ -9491,11 +9534,11 @@ const js = {
         canvas: (c = this.viewport) == null ? void 0 : c.particleCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
-      }), this.viewport.map.getLayer((p = this.viewport) == null ? void 0 : p.particleLayer) || this.viewport.map.addLayer(
+      }), this.viewport.map.getLayer((d = this.viewport) == null ? void 0 : d.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
           id: (h = this.viewport) == null ? void 0 : h.particleLayer,
-          source: (d = this.viewport) == null ? void 0 : d.particleSource,
+          source: (p = this.viewport) == null ? void 0 : p.particleSource,
           layout: {
             visibility: "none"
           }
@@ -9504,214 +9547,214 @@ const js = {
       );
     },
     handleDrawWeather4Json() {
-      var p, h, d, A, b, E;
+      var d, h, p, b, x, E;
       const a = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, t = 0;
-      const r = (p = this.map) == null ? void 0 : p.getBounds(), i = this.map.getZoom(), s = oe.convertToStdLng(r._sw.lng), n = oe.convertToStdLng(r._ne.lng), l = Math.floor(r._sw.lat), c = Math.ceil(r._ne.lat);
-      for (const w in this.weatherLayers) {
-        let k = !1;
-        if (this.weatherLayers[w].active && this.weatherLayers[w].type === "json") {
+      const r = (d = this.map) == null ? void 0 : d.getBounds(), i = this.map.getZoom(), s = ne.convertToStdLng(r._sw.lng), n = ne.convertToStdLng(r._ne.lng), l = Math.floor(r._sw.lat), c = Math.ceil(r._ne.lat);
+      for (const A in this.weatherLayers) {
+        let B = !1;
+        if (this.weatherLayers[A].active && this.weatherLayers[A].type === "json") {
           let _ = [];
-          if (w === "swell") {
-            k = !0;
-            const f = ((h = this.weatherLayers[w]) == null ? void 0 : h.direction) || {};
-            for (const u in f)
-              if (u > l && u < c && (!(i <= this.zoom) || u % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
-                const C = f[u].lng;
-                s > n ? C.forEach((y, L) => {
-                  var T, D, F, N, j, G;
+          if (A === "swell") {
+            B = !0;
+            const f = ((h = this.weatherLayers[A]) == null ? void 0 : h.direction) || {};
+            for (const m in f)
+              if (m > l && m < c && (!(i <= this.zoom) || m % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
+                const L = f[m].lng;
+                s > n ? L.forEach((y, w) => {
+                  var M, D, N, Q, j, G;
                   if (i < 2) {
                     if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && y % 10 === 0) {
-                      const W = S.point([y, u], {
-                        val: ((T = f[u].val) == null ? void 0 : T[L]) || ((D = f[u].dir) == null ? void 0 : D[L]),
-                        spd: (F = f[u].spd) == null ? void 0 : F[L]
+                      const W = T.point([y, m], {
+                        val: ((M = f[m].val) == null ? void 0 : M[w]) || ((D = f[m].dir) == null ? void 0 : D[w]),
+                        spd: (N = f[m].spd) == null ? void 0 : N[w]
                       });
                       _.push(W);
                     }
                   } else if ((y >= s && y <= 180 || y >= -180 && y <= n) && (!(i <= this.zoom) || y % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
-                    const W = S.point([y, u], {
-                      val: ((N = f[u].val) == null ? void 0 : N[L]) || ((j = f[u].dir) == null ? void 0 : j[L]),
-                      spd: (G = f[u].spd) == null ? void 0 : G[L]
+                    const W = T.point([y, m], {
+                      val: ((Q = f[m].val) == null ? void 0 : Q[w]) || ((j = f[m].dir) == null ? void 0 : j[w]),
+                      spd: (G = f[m].spd) == null ? void 0 : G[w]
                     });
                     _.push(W);
                   }
-                }) : C.forEach((y, L) => {
-                  var T, D, F, N, j, G;
+                }) : L.forEach((y, w) => {
+                  var M, D, N, Q, j, G;
                   if (s < 2) {
                     if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && y % 10 === 0) {
-                      const W = S.point([y, u], {
-                        val: ((T = f[u].val) == null ? void 0 : T[L]) || ((D = f[u].dir) == null ? void 0 : D[L]),
-                        spd: (F = f[u].spd) == null ? void 0 : F[L]
+                      const W = T.point([y, m], {
+                        val: ((M = f[m].val) == null ? void 0 : M[w]) || ((D = f[m].dir) == null ? void 0 : D[w]),
+                        spd: (N = f[m].spd) == null ? void 0 : N[w]
                       });
                       _.push(W);
                     }
                   } else if (y >= s && y <= n && (!(i <= this.zoom) || y % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
-                    const W = S.point([y, u], {
-                      val: ((N = f[u].val) == null ? void 0 : N[L]) || ((j = f[u].dir) == null ? void 0 : j[L]),
-                      spd: (G = f[u].spd) == null ? void 0 : G[L]
+                    const W = T.point([y, m], {
+                      val: ((Q = f[m].val) == null ? void 0 : Q[w]) || ((j = f[m].dir) == null ? void 0 : j[w]),
+                      spd: (G = f[m].spd) == null ? void 0 : G[w]
                     });
                     _.push(W);
                   }
                 });
               }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("swell direction elapsed: ", t, ", total: ", e += t);
-            const v = this.weatherLayers[w].height;
+            const v = this.weatherLayers[A].height;
             if (v) {
               if (!v.data) {
-                const u = [];
-                for (const C in (d = v.raw) == null ? void 0 : d.LineString) {
-                  const y = v.raw.LineString[C];
-                  for (const L of y)
-                    u.push(
-                      S.lineString(L, {
-                        val: Number(C)
+                const m = [];
+                for (const L in (p = v.raw) == null ? void 0 : p.LineString) {
+                  const y = v.raw.LineString[L];
+                  for (const w of y)
+                    m.push(
+                      T.lineString(w, {
+                        val: Number(L)
                       })
                     );
-                  v.data = S.featureCollection(u);
+                  v.data = T.featureCollection(m);
                 }
               }
               if (v.data) {
-                const u = this.handleBboxClip(v.data, r);
-                _ = _.concat(u);
+                const m = this.handleBboxClip(v.data, r);
+                _ = _.concat(m);
               }
               t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("swell height elapsed: ", t, ", total: ", e += t);
             }
-          } else if (w === "current" && this.showCurrentIsoband) {
-            k = !0;
-            const f = ((A = this.weatherLayers[w]) == null ? void 0 : A.direction) || {};
-            for (const u in f)
-              if (u > l && u < c && (!(i <= this.zoom) || u % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
-                const C = f[u].lng;
-                s > n ? C.forEach((y, L) => {
-                  var T, D, F, N, j, G;
+          } else if (A === "current" && this.showCurrentIsoband) {
+            B = !0;
+            const f = ((b = this.weatherLayers[A]) == null ? void 0 : b.direction) || {};
+            for (const m in f)
+              if (m > l && m < c && (!(i <= this.zoom) || m % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
+                const L = f[m].lng;
+                s > n ? L.forEach((y, w) => {
+                  var M, D, N, Q, j, G;
                   if (i < 2) {
                     if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && y % 10 === 0) {
-                      const W = S.point([y, u], {
-                        val: ((T = f[u].val) == null ? void 0 : T[L]) || ((D = f[u].dir) == null ? void 0 : D[L]),
-                        spd: (F = f[u].spd) == null ? void 0 : F[L]
+                      const W = T.point([y, m], {
+                        val: ((M = f[m].val) == null ? void 0 : M[w]) || ((D = f[m].dir) == null ? void 0 : D[w]),
+                        spd: (N = f[m].spd) == null ? void 0 : N[w]
                       });
                       _.push(W);
                     }
                   } else if ((y >= s && y <= 180 || y >= -180 && y <= n) && (!(i <= this.zoom) || y % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
-                    const W = S.point([y, u], {
-                      val: ((N = f[u].val) == null ? void 0 : N[L]) || ((j = f[u].dir) == null ? void 0 : j[L]),
-                      spd: (G = f[u].spd) == null ? void 0 : G[L]
+                    const W = T.point([y, m], {
+                      val: ((Q = f[m].val) == null ? void 0 : Q[w]) || ((j = f[m].dir) == null ? void 0 : j[w]),
+                      spd: (G = f[m].spd) == null ? void 0 : G[w]
                     });
                     _.push(W);
                   }
-                }) : C.forEach((y, L) => {
-                  var T, D, F, N, j, G;
+                }) : L.forEach((y, w) => {
+                  var M, D, N, Q, j, G;
                   if (s < 2) {
                     if ((y >= 0 && y <= 360 || y >= -360 && y <= 0) && y % 10 === 0) {
-                      const W = S.point([y, u], {
-                        val: ((T = f[u].val) == null ? void 0 : T[L]) || ((D = f[u].dir) == null ? void 0 : D[L]),
-                        spd: (F = f[u].spd) == null ? void 0 : F[L]
+                      const W = T.point([y, m], {
+                        val: ((M = f[m].val) == null ? void 0 : M[w]) || ((D = f[m].dir) == null ? void 0 : D[w]),
+                        spd: (N = f[m].spd) == null ? void 0 : N[w]
                       });
                       _.push(W);
                     }
                   } else if (y >= s && y <= n && (!(i <= this.zoom) || y % (i < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const W = S.point([y, u], {
-                      val: ((N = f[u].val) == null ? void 0 : N[L]) || ((j = f[u].dir) == null ? void 0 : j[L]),
-                      spd: (G = f[u].spd) == null ? void 0 : G[L]
+                    const W = T.point([y, m], {
+                      val: ((Q = f[m].val) == null ? void 0 : Q[w]) || ((j = f[m].dir) == null ? void 0 : j[w]),
+                      spd: (G = f[m].spd) == null ? void 0 : G[w]
                     });
                     _.push(W);
                   }
                 });
               }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("current direction elapsed: ", t, ", total: ", e += t);
-            const v = this.weatherLayers[w].speed;
+            const v = this.weatherLayers[A].speed;
             if (v) {
               if (!v.data) {
-                const C = [];
-                for (const y in (b = v.raw) == null ? void 0 : b.Polygon) {
-                  const L = v.raw.Polygon[y];
-                  for (const T of L)
-                    C.push(
-                      S.polygon(T, {
+                const L = [];
+                for (const y in (x = v.raw) == null ? void 0 : x.Polygon) {
+                  const w = v.raw.Polygon[y];
+                  for (const M of w)
+                    L.push(
+                      T.polygon(M, {
                         val: Number(y)
                       })
                     );
                 }
-                v.data = S.featureCollection(C);
+                v.data = T.featureCollection(L);
               }
-              const u = i < this.zoom ? v.data.features.filter((C) => C.properties.val > 0.5) : v.data.features;
-              _ = _.concat(u), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("current speed elapsed: ", t, ", total: ", e += t);
+              const m = i < this.zoom ? v.data.features.filter((L) => L.properties.val > 0.5) : v.data.features;
+              _ = _.concat(m), t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("current speed elapsed: ", t, ", total: ", e += t);
             }
-          } else if (w === "wind" && this.showWindFeather) {
-            k = !0;
+          } else if (A === "wind" && this.showWindFeather) {
+            B = !0;
             const f = this.weatherLayers.wind.raw;
             for (const v in f)
               if (v > l && v < c && (!(i <= this.zoom) || v % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
-                const u = f[v].lng;
-                s > n ? u.forEach((C, y) => {
-                  var L, T, D, F;
+                const m = f[v].lng;
+                s > n ? m.forEach((L, y) => {
+                  var w, M, D, N;
                   if (i < 2) {
-                    if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
-                      const N = S.point([C, v], {
-                        dir: ((L = f[v].val) == null ? void 0 : L[y]) || ((T = f[v].dir) == null ? void 0 : T[y]),
+                    if ((L >= 0 && L <= 360 || L >= -360 && L <= 0) && L % 10 === 0) {
+                      const Q = T.point([L, v], {
+                        dir: ((w = f[v].val) == null ? void 0 : w[y]) || ((M = f[v].dir) == null ? void 0 : M[y]),
                         spd: f[v].spd[y]
                       });
-                      _.push(N);
+                      _.push(Q);
                     }
-                  } else if ((C >= s && C <= 180 || C >= -180 && C <= n) && (!(i <= this.zoom) || C % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
-                    const N = S.point([C, v], {
-                      dir: ((D = f[v].val) == null ? void 0 : D[y]) || ((F = f[v].dir) == null ? void 0 : F[y]),
+                  } else if ((L >= s && L <= 180 || L >= -180 && L <= n) && (!(i <= this.zoom) || L % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
+                    const Q = T.point([L, v], {
+                      dir: ((D = f[v].val) == null ? void 0 : D[y]) || ((N = f[v].dir) == null ? void 0 : N[y]),
                       spd: f[v].spd[y]
                     });
-                    _.push(N);
+                    _.push(Q);
                   }
-                }) : u.forEach((C, y) => {
-                  var L, T, D, F;
+                }) : m.forEach((L, y) => {
+                  var w, M, D, N;
                   if (i < 2) {
-                    if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
-                      const N = S.point([C, v], {
-                        dir: ((L = f[v].val) == null ? void 0 : L[y]) || ((T = f[v].dir) == null ? void 0 : T[y]),
+                    if ((L >= 0 && L <= 360 || L >= -360 && L <= 0) && L % 10 === 0) {
+                      const Q = T.point([L, v], {
+                        dir: ((w = f[v].val) == null ? void 0 : w[y]) || ((M = f[v].dir) == null ? void 0 : M[y]),
                         spd: f[v].spd[y]
                       });
-                      _.push(N);
+                      _.push(Q);
                     }
-                  } else if (C >= s && C <= n && (!(i <= this.zoom) || C % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
-                    const N = S.point([C, v], {
-                      dir: ((D = f[v].val) == null ? void 0 : D[y]) || ((F = f[v].dir) == null ? void 0 : F[y]),
+                  } else if (L >= s && L <= n && (!(i <= this.zoom) || L % (i < 2 ? 10 : i < 4 ? 5 : 3) === 0)) {
+                    const Q = T.point([L, v], {
+                      dir: ((D = f[v].val) == null ? void 0 : D[y]) || ((N = f[v].dir) == null ? void 0 : N[y]),
                       spd: f[v].spd[y]
                     });
-                    _.push(N);
+                    _.push(Q);
                   }
                 });
               }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("wind barb elapsed: ", t, ", total: ", e += t);
-          } else if (w === "sig-wave-height") {
-            if (this.weatherLayers[w].data)
-              _ = this.weatherLayers[w].data;
+          } else if (A === "sig-wave-height") {
+            if (this.weatherLayers[A].data)
+              _ = this.weatherLayers[A].data;
             else {
-              k = !0;
-              const f = this.weatherLayers[w].raw;
+              B = !0;
+              const f = this.weatherLayers[A].raw;
               if (f) {
                 const v = [];
-                for (const u in f.Polygon) {
-                  const C = f.Polygon[u];
-                  for (const y of C)
+                for (const m in f.Polygon) {
+                  const L = f.Polygon[m];
+                  for (const y of L)
                     v.push(
-                      S.polygon(y, {
-                        val: Number(u)
+                      T.polygon(y, {
+                        val: Number(m)
                       })
                     );
                 }
-                for (const u in f.MultiPolygon) {
-                  const C = f.MultiPolygon[u];
-                  for (const y of C)
+                for (const m in f.MultiPolygon) {
+                  const L = f.MultiPolygon[m];
+                  for (const y of L)
                     v.push(
-                      S.multiPolygon(y, {
-                        val: Number(u)
+                      T.multiPolygon(y, {
+                        val: Number(m)
                       })
                     );
                 }
-                for (const u in f.Point) {
-                  const C = f.Point[u];
-                  for (let y = 0; y < ((E = C.lng) == null ? void 0 : E.length); y++)
+                for (const m in f.Point) {
+                  const L = f.Point[m];
+                  for (let y = 0; y < ((E = L.lng) == null ? void 0 : E.length); y++)
                     v.push(
-                      S.point([C.lng[y], u], {
-                        val: Number(C.val[y])
+                      T.point([L.lng[y], m], {
+                        val: Number(L.val[y])
                       })
                     );
                 }
@@ -9719,29 +9762,29 @@ const js = {
               }
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("sigWave elapsed: ", t, ", total: ", e += t);
-          } else if (w === "prmsl") {
-            if (this.weatherLayers[w].data)
-              _ = this.weatherLayers[w].data;
+          } else if (A === "prmsl") {
+            if (this.weatherLayers[A].data)
+              _ = this.weatherLayers[A].data;
             else {
-              k = !0;
-              const f = this.weatherLayers[w].raw;
+              B = !0;
+              const f = this.weatherLayers[A].raw;
               if (f) {
                 const v = [];
-                for (const u in f.LineString) {
-                  const C = f.LineString[u];
-                  for (const y of C)
+                for (const m in f.LineString) {
+                  const L = f.LineString[m];
+                  for (const y of L)
                     v.push(
-                      S.lineString(y, {
-                        val: Number(u)
+                      T.lineString(y, {
+                        val: Number(m)
                       })
                     );
                 }
-                for (const u in f.Point)
-                  f.Point[u].lng.forEach((C, y) => {
-                    C = oe.convertToStdLng(C), v.push(
-                      S.point([C, u], {
-                        val: f.Point[u].val[y],
-                        type: f.Point[u].type[y]
+                for (const m in f.Point)
+                  f.Point[m].lng.forEach((L, y) => {
+                    L = ne.convertToStdLng(L), v.push(
+                      T.point([L, m], {
+                        val: f.Point[m].val[y],
+                        type: f.Point[m].type[y]
                       })
                     );
                   });
@@ -9750,7 +9793,7 @@ const js = {
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (a + e), console.log("prmsl elapsed: ", t, ", total: ", e += t);
           }
-          _.length && (this.weatherLayers[w].data = S.featureCollection(_)), k && (this.weatherLayers[w].version = Math.random() + 1);
+          _.length && (this.weatherLayers[A].data = T.featureCollection(_)), B && (this.weatherLayers[A].version = Math.random() + 1);
         }
       }
     },
@@ -9761,14 +9804,14 @@ const js = {
       this.handleDrawWeather4Json(), !this.activeWeatherLayers.some((l) => l.key === "wind" && l.particle === !0 || l.key === "current" && l.particle === !0 || l.key === "ice-edge" || l.key === "ice-thickness" || l.key === "ice-cover" || l.key === "temp" || l.key === "water-temp") && this.map.getZoom() > 3 && this.enc ? (t = (e = this.map) == null ? void 0 : e.getLayer(this.enc)) == null || t.setLayoutProperty("visibility", "visible") : ((i = (r = this.map) == null ? void 0 : r.getLayer("i4")) == null || i.setLayoutProperty("visibility", "none"), (n = (s = this.map) == null ? void 0 : s.getLayer("hi")) == null || n.setLayoutProperty("visibility", "none"));
     },
     handleBboxClip(a, e) {
-      const t = [], r = oe.convertToStdLng(e._sw.lng), i = oe.convertToStdLng(e._ne.lng);
+      const t = [], r = ne.convertToStdLng(e._sw.lng), i = ne.convertToStdLng(e._ne.lng);
       return a.features.forEach((s) => {
         if (s.geometry.type !== "Point")
           if (r > i) {
-            let n = [r, e._sw.lat, 180, e._ne.lat], l = S.bboxClip(s, n);
-            l.geometry.coordinates.length && t.push(l), n = [-180, e._sw.lat, i, e._ne.lat], l = S.bboxClip(s, n), l.geometry.coordinates.length && t.push(l);
+            let n = [r, e._sw.lat, 180, e._ne.lat], l = T.bboxClip(s, n);
+            l.geometry.coordinates.length && t.push(l), n = [-180, e._sw.lat, i, e._ne.lat], l = T.bboxClip(s, n), l.geometry.coordinates.length && t.push(l);
           } else {
-            const n = [r, e._sw.lat, i, e._ne.lat], l = S.bboxClip(s, n);
+            const n = [r, e._sw.lat, i, e._ne.lat], l = T.bboxClip(s, n);
             l.geometry.coordinates.length && t.push(l);
           }
         else
@@ -9786,8 +9829,8 @@ const js = {
       this.handleBeforeLayerToggle();
     },
     handleBeforeLayerToggle() {
-      var a, e, t, r, i, s, n, l, c, p, h, d, A, b, E, w;
-      (a = this.map) != null && a.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (t = this.otherLayers) != null && t["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (s = this.otherLayers) != null && s["high-risk-area"] || (n = this.otherLayers) != null && n["time-zones"] || (l = this.otherLayers) != null && l.pirates || (c = this.otherLayers) != null && c.ports || (p = this.otherLayers) != null && p.enc || (h = this.otherLayers) != null && h.world12nm || (d = this.otherLayers) != null && d.worldMarine || (A = this.otherLayers) != null && A.chinaRoute || (b = this.otherLayers) != null && b["voluntary-reporting-area"] || (E = this.otherLayers) != null && E["eca-zones"] || (w = this.otherLayers) != null && w["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
+      var a, e, t, r, i, s, n, l, c, d, h, p, b, x, E, A;
+      (a = this.map) != null && a.getLayer(this.beforeLayer) && ((e = this.activeWeatherLayers) != null && e.length || (t = this.otherLayers) != null && t["war-zones"] || (r = this.otherLayers) != null && r["gmdss-areas"] || (i = this.otherLayers) != null && i["load-lines"] || (s = this.otherLayers) != null && s["high-risk-area"] || (n = this.otherLayers) != null && n["time-zones"] || (l = this.otherLayers) != null && l.pirates || (c = this.otherLayers) != null && c.ports || (d = this.otherLayers) != null && d.enc || (h = this.otherLayers) != null && h.world12nm || (p = this.otherLayers) != null && p.worldMarine || (b = this.otherLayers) != null && b.chinaRoute || (x = this.otherLayers) != null && x["voluntary-reporting-area"] || (E = this.otherLayers) != null && E["eca-zones"] || (A = this.otherLayers) != null && A["special-area"]) && this.map.setLayoutProperty(this.beforeLayer, "visibility", "visible");
     },
     handleDateChange(a = { tropicals: !1 }) {
       this.fetchWeatherLayers(a), this.fetchOtherLayers({ dayNight: !0 });
@@ -9821,8 +9864,8 @@ const js = {
       }
     },
     handle3dToggle(a) {
-      var e, t, r, i, s, n, l, c, p, h, d, A, b, E, w, k, _, f, v, u;
-      a ? (this.map.setProjection("globe"), this.mapProjection = "globe", (t = this.map) != null && t.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((s = this.map) == null || s.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (l = this.map) != null && l.getLayer((n = this.viewport) == null ? void 0 : n.particleLayer) && ((c = this.map) != null && c.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((h = this.map) == null || h.moveLayer((p = this.viewport) == null ? void 0 : p.particleLayer, this.helper.mapboxCustomer.layers.water.id))) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", (A = this.map) != null && A.getLayer((d = this.viewport) == null ? void 0 : d.rampColorLayer) && ((b = this.map) != null && b.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((w = this.map) == null || w.moveLayer((E = this.viewport) == null ? void 0 : E.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (_ = this.map) != null && _.getLayer((k = this.viewport) == null ? void 0 : k.particleLayer) && ((f = this.map) != null && f.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((u = this.map) == null || u.moveLayer((v = this.viewport) == null ? void 0 : v.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
+      var e, t, r, i, s, n, l, c, d, h, p, b, x, E, A, B, _, f, v, m;
+      a ? (this.map.setProjection("globe"), this.mapProjection = "globe", (t = this.map) != null && t.getLayer((e = this.viewport) == null ? void 0 : e.rampColorLayer) && ((r = this.map) != null && r.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((s = this.map) == null || s.moveLayer((i = this.viewport) == null ? void 0 : i.rampColorLayer, this.helper.mapboxCustomer.layers.water.id)), (l = this.map) != null && l.getLayer((n = this.viewport) == null ? void 0 : n.particleLayer) && ((c = this.map) != null && c.getLayer(this.helper.mapboxCustomer.layers.water.id)) && ((h = this.map) == null || h.moveLayer((d = this.viewport) == null ? void 0 : d.particleLayer, this.helper.mapboxCustomer.layers.water.id))) : (this.map.setProjection("mercator"), this.mapProjection = "mercator", (b = this.map) != null && b.getLayer((p = this.viewport) == null ? void 0 : p.rampColorLayer) && ((x = this.map) != null && x.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((A = this.map) == null || A.moveLayer((E = this.viewport) == null ? void 0 : E.rampColorLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)), (_ = this.map) != null && _.getLayer((B = this.viewport) == null ? void 0 : B.particleLayer) && ((f = this.map) != null && f.getLayer(this.helper.mapboxCustomer.layers.countryBoundary.id)) && ((m = this.map) == null || m.moveLayer((v = this.viewport) == null ? void 0 : v.particleLayer, this.helper.mapboxCustomer.layers.countryBoundary.id)));
     },
     handleParticle(a) {
       this.particleFactor = a, this.weatherLayers[a.key] && (this.weatherLayers[a.key].particle = a.particle), this.activeWeatherLayers.map((r) => {
@@ -9846,10 +9889,10 @@ const js = {
   class: "map-gl-home"
 };
 function Gs(a, e, t, r, i, s) {
-  var te, fe, pe, Ae, xe, be, _e, B, ze, Le, Pe, Ee, He, ke, se, ce, Q, Be, K, q, Me, P, de, De, Se, Te, z, O, Ge, Ue;
-  const n = R("IdmGlLayer"), l = R("IdmENC"), c = R("IdmWorld12nm"), p = R("IdmWorldMarine"), h = R("IdmChinaRoute"), d = R("IdmSigWave"), A = R("IdmSwell"), b = R("IdmPrmsl"), E = R("IdmIceEdge"), w = R("IdmIceCover"), k = R("IdmIceThickness"), _ = R("IdmTropicals"), f = R("IdmCurrents"), v = R("IdmCurrentParticle"), u = R("IdmWindBarb"), C = R("IdmWindParticle"), y = R("IdmPrecip3h"), L = R("IdmVisibility"), T = R("IdmWaterTemp"), D = R("IdmTemp"), F = R("IdmWarZone"), N = R("IdmGmdssArea"), j = R("IdmEcaZone"), G = R("IdmAlertZone"), W = R("IdmPort"), me = R("IdmLoadLine"), re = R("IdmTimezone"), ue = R("IdmVRA"), we = R("IdmSpecialArea"), ge = R("IdmTerminator"), ve = R("IdmLatLng"), ye = R("IdmMeasure"), Y = R("IdmPoint");
-  return t.map ? (m(), g("div", Ws, [
-    H(n, X({
+  var ae, Ae, ge, we, xe, be, _e, I, ze, Le, Pe, Ee, He, ke, oe, me, H, Be, K, q, Me, P, ue, De, Se, Te, z, O, Ge, Ue;
+  const n = R("IdmGlLayer"), l = R("IdmENC"), c = R("IdmWorld12nm"), d = R("IdmWorldMarine"), h = R("IdmChinaRoute"), p = R("IdmSigWave"), b = R("IdmSwell"), x = R("IdmPrmsl"), E = R("IdmIceEdge"), A = R("IdmIceCover"), B = R("IdmIceThickness"), _ = R("IdmTropicals"), f = R("IdmCurrents"), v = R("IdmCurrentParticle"), m = R("IdmWindBarb"), L = R("IdmWindParticle"), y = R("IdmPrecip3h"), w = R("IdmVisibility"), M = R("IdmWaterTemp"), D = R("IdmTemp"), N = R("IdmWarZone"), Q = R("IdmGmdssArea"), j = R("IdmEcaZone"), G = R("IdmAlertZone"), W = R("IdmPort"), he = R("IdmLoadLine"), te = R("IdmTimezone"), pe = R("IdmVRA"), ye = R("IdmSpecialArea"), se = R("IdmTerminator"), ve = R("IdmLatLng"), fe = R("IdmMeasure"), Y = R("IdmPoint");
+  return t.map ? (u(), g("div", Ws, [
+    F(n, X({
       ref: "layer",
       map: t.map,
       "toggle-version": t.toggleVersion,
@@ -9864,91 +9907,91 @@ function Gs(a, e, t, r, i, s) {
       "forecast-model": t.forecastModel,
       onWeather: s.handleWeatherLayerChange,
       onOther: s.handleOtherLayerChange,
-      onToggleWindParticle: e[0] || (e[0] = (ie) => i.showWindParticle = ie),
-      onToggleWindFeather: e[1] || (e[1] = (ie) => {
-        (i.showWindFeather = ie) && s.handleDrawWeather4Json();
+      onToggleWindParticle: e[0] || (e[0] = (re) => i.showWindParticle = re),
+      onToggleWindFeather: e[1] || (e[1] = (re) => {
+        (i.showWindFeather = re) && s.handleDrawWeather4Json();
       }),
-      onToggleCurrentParticle: e[2] || (e[2] = (ie) => i.showCurrentParticle = ie),
-      onToggleCurrentIsoband: e[3] || (e[3] = (ie) => {
-        (i.showCurrentIsoband = ie) && s.handleDrawWeather4Json();
+      onToggleCurrentParticle: e[2] || (e[2] = (re) => i.showCurrentParticle = re),
+      onToggleCurrentIsoband: e[3] || (e[3] = (re) => {
+        (i.showCurrentIsoband = re) && s.handleDrawWeather4Json();
       }),
-      onToggleWindParticeVersion: e[4] || (e[4] = (ie) => i.toggleWindParticeVersion = Math.random()),
-      onToggleCurrentParticeVersion: e[5] || (e[5] = (ie) => i.toggleCurrentParticeVersion = Math.random()),
-      onCoordinate: e[6] || (e[6] = (ie) => i.showCoord = ie),
-      onMeasure: e[7] || (e[7] = (ie) => i.showMeasure = ie),
-      onPoint: e[8] || (e[8] = (ie) => i.showPoint = ie),
+      onToggleWindParticeVersion: e[4] || (e[4] = (re) => i.toggleWindParticeVersion = Math.random()),
+      onToggleCurrentParticeVersion: e[5] || (e[5] = (re) => i.toggleCurrentParticeVersion = Math.random()),
+      onCoordinate: e[6] || (e[6] = (re) => i.showCoord = re),
+      onMeasure: e[7] || (e[7] = (re) => i.showMeasure = re),
+      onPoint: e[8] || (e[8] = (re) => i.showPoint = re),
       on3d: s.handle3dToggle,
       onHandleToggleVersion: s.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"]),
-    H(l, X({
+    F(l, X({
       map: t.map,
       token: t.token,
-      enabled: (te = i.otherLayers) == null ? void 0 : te.enc,
+      enabled: (ae = i.otherLayers) == null ? void 0 : ae.enc,
       "toggle-version": t.toggleVersion
     }, a.$attrs, {
-      onEnc: e[9] || (e[9] = (ie) => i.enc = ie)
+      onEnc: e[9] || (e[9] = (re) => i.enc = re)
     }), null, 16, ["map", "token", "enabled", "toggle-version"]),
-    H(c, X({
+    F(c, X({
       map: t.map,
       token: t.token,
       "weather-layers": i.weatherLayers,
-      enabled: (fe = i.otherLayers) == null ? void 0 : fe.world12nm
+      enabled: (Ae = i.otherLayers) == null ? void 0 : Ae.world12nm
     }, a.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
-    H(p, X({
+    F(d, X({
       map: t.map,
       token: t.token,
       "weather-layers": i.weatherLayers,
-      enabled: (pe = i.otherLayers) == null ? void 0 : pe.worldMarine
+      enabled: (ge = i.otherLayers) == null ? void 0 : ge.worldMarine
     }, a.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
-    H(h, X({
+    F(h, X({
       map: t.map,
       token: t.token,
       "weather-layers": i.weatherLayers,
-      enabled: (Ae = i.otherLayers) == null ? void 0 : Ae.chinaRoute
+      enabled: (we = i.otherLayers) == null ? void 0 : we.chinaRoute
     }, a.$attrs), null, 16, ["map", "token", "weather-layers", "enabled"]),
-    H(d, X({
+    F(p, X({
       map: t.map,
       "sig-wave": (xe = i.weatherLayers) == null ? void 0 : xe["sig-wave-height"],
       "before-layer": t.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, a.$attrs), null, 16, ["map", "sig-wave", "before-layer", "active-weather-layers"]),
-    H(A, X({
+    F(b, X({
       map: t.map,
       swell: (be = i.weatherLayers) == null ? void 0 : be.swell,
       "before-layer": t.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, a.$attrs), null, 16, ["map", "swell", "before-layer", "active-weather-layers"]),
-    H(b, X({
+    F(x, X({
       map: t.map,
       prmsl: (_e = i.weatherLayers) == null ? void 0 : _e.prmsl,
       "before-layer": t.beforeLayer,
       "active-weather-layers": i.activeWeatherLayers
     }, a.$attrs), null, 16, ["map", "prmsl", "before-layer", "active-weather-layers"]),
-    H(E, X({
+    F(E, X({
       viewport: i.viewport,
-      factor: (B = i.weatherLayers) == null ? void 0 : B["ice-edge"],
+      factor: (I = i.weatherLayers) == null ? void 0 : I["ice-edge"],
       "toggle-version": t.toggleVersion,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["viewport", "factor", "toggle-version", "before-layer"]),
-    H(w, X({
+    F(A, X({
       viewport: i.viewport,
       factor: (ze = i.weatherLayers) == null ? void 0 : ze["ice-cover"],
       "toggle-version": t.toggleVersion,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["viewport", "factor", "toggle-version", "before-layer"]),
-    H(k, X({
+    F(B, X({
       viewport: i.viewport,
       factor: (Le = i.weatherLayers) == null ? void 0 : Le["ice-thickness"],
       "toggle-version": t.toggleVersion,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["viewport", "factor", "toggle-version", "before-layer"]),
-    H(_, X({
+    F(_, X({
       map: t.map,
       date: t.ts,
       tropicals: (Pe = i.weatherLayers) == null ? void 0 : Pe.tropicals,
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "date", "tropicals", "before-layer"]),
-    H(f, X({
+    F(f, X({
       map: t.map,
       "map-projection": i.mapProjection,
       current: (Ee = i.weatherLayers) == null ? void 0 : Ee.current,
@@ -9963,18 +10006,18 @@ function Gs(a, e, t, r, i, s) {
       onParticle: s.handleParticle,
       onHandleToggleVersion: s.handleToggleVersion
     }), 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"]),
-    H(v, X({
+    F(v, X({
       viewport: i.viewport,
       factor: (He = i.weatherLayers) == null ? void 0 : He["current-particle"],
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    H(u, X({
+    F(m, X({
       ref: "windBarb",
       map: t.map,
       "map-projection": i.mapProjection,
       wind: (ke = i.weatherLayers) == null ? void 0 : ke.wind,
-      current: (se = i.weatherLayers) == null ? void 0 : se.current,
+      current: (oe = i.weatherLayers) == null ? void 0 : oe.current,
       "before-layer": t.beforeLayer,
       "margin-bottom": i.showRampColor ? "56px" : "30px",
       "show-wind-feather": i.showWindFeather,
@@ -9985,96 +10028,96 @@ function Gs(a, e, t, r, i, s) {
       "weather-layers": i.weatherLayers,
       onParticle: s.handleParticle
     }), 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"]),
-    H(C, X({
+    F(L, X({
       viewport: i.viewport,
-      factor: (ce = i.weatherLayers) == null ? void 0 : ce["wind-particle"],
+      factor: (me = i.weatherLayers) == null ? void 0 : me["wind-particle"],
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    H(y, X({
+    F(y, X({
       viewport: i.viewport,
-      factor: (Q = i.weatherLayers) == null ? void 0 : Q.precip3h,
+      factor: (H = i.weatherLayers) == null ? void 0 : H.precip3h,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    H(L, X({
+    F(w, X({
       viewport: i.viewport,
       factor: (Be = i.weatherLayers) == null ? void 0 : Be.visibility,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    H(T, X({
+    F(M, X({
       viewport: i.viewport,
       factor: (K = i.weatherLayers) == null ? void 0 : K["water-temp"],
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    H(D, X({
+    F(D, X({
       viewport: i.viewport,
       factor: (q = i.weatherLayers) == null ? void 0 : q.temp,
       "before-layer": t.beforeLayer,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["viewport", "factor", "before-layer", "toggle-version"]),
-    H(F, X({
+    F(N, X({
       map: t.map,
       zone: (Me = i.otherLayers) == null ? void 0 : Me["war-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    H(N, X({
+    F(Q, X({
       map: t.map,
       area: (P = i.otherLayers) == null ? void 0 : P["gmdss-areas"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    H(j, X({
+    F(j, X({
       map: t.map,
-      zone: (de = i.otherLayers) == null ? void 0 : de["eca-zones"],
+      zone: (ue = i.otherLayers) == null ? void 0 : ue["eca-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    H(G, X({
+    F(G, X({
       map: t.map,
       zone: (De = i.otherLayers) == null ? void 0 : De["alert-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    H(W, X({
+    F(W, X({
       map: t.map,
       port: (Se = i.otherLayers) == null ? void 0 : Se.ports,
       "before-layer": t.beforeLayer,
       "forecast-model": t.forecastModel
     }, a.$attrs), null, 16, ["map", "port", "before-layer", "forecast-model"]),
-    H(me, X({
+    F(he, X({
       map: t.map,
       line: (Te = i.otherLayers) == null ? void 0 : Te["load-lines"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "line", "before-layer"]),
-    H(re, X({
+    F(te, X({
       map: t.map,
       zone: (z = i.otherLayers) == null ? void 0 : z["time-zones"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "zone", "before-layer"]),
-    H(ue, X({
+    F(pe, X({
       map: t.map,
       area: (O = i.otherLayers) == null ? void 0 : O["voluntary-reporting-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    H(we, X({
+    F(ye, X({
       map: t.map,
       area: (Ge = i.otherLayers) == null ? void 0 : Ge["special-area"],
       "before-layer": t.beforeLayer
     }, a.$attrs), null, 16, ["map", "area", "before-layer"]),
-    H(ge, X({
+    F(se, X({
       map: t.map,
       area: (Ue = i.otherLayers) == null ? void 0 : Ue["day-night"]
     }, a.$attrs), null, 16, ["map", "area"]),
-    H(ve, X({
+    F(ve, X({
       map: t.map,
       show: i.showCoord,
       "toggle-version": t.toggleVersion
     }, a.$attrs), null, 16, ["map", "show", "toggle-version"]),
-    H(ye, X({
+    F(fe, X({
       map: t.map,
       show: i.showMeasure
     }, a.$attrs), null, 16, ["map", "show"]),
-    H(Y, X({
+    F(Y, X({
       ref: "idmPoint",
       map: t.map,
       show: i.showPoint,
@@ -10100,5 +10143,5 @@ export {
   dt as TropicalGL,
   et as Viewport,
   We as WebGL,
-  ne as WebGLSchema
+  le as WebGLSchema
 };