npm - @idmwx/idmui-gl4 - Versions diffs - 0.8.1 → 0.8.3 - Mend

@idmwx/idmui-gl4 0.8.1 → 0.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.js +481 -498
package/dist/index.umd.cjs +6 -6
package/dist/mapbox/src/components/spot/index.vue.d.ts +1 -0
package/dist/style.css +1 -1
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -3,7 +3,7 @@ var Ia = (t, e, o) => e in t ? Ta(t, e, { enumerable: !0, configurable: !0, writ
 var se = (t, e, o) => (Ia(t, typeof e != "symbol" ? e + "" : e, o), o);
 import Be from "axios";
 import { useTheme as Ee } from "vuetify";
-import { openBlock as b, createElementBlock as T, resolveComponent as w, withDirectives as He, createBlock as j, withCtx as g, createVNode as m, createElementVNode as l, vShow as We, toDisplayString as y, createTextVNode as G, normalizeStyle as ae, mergeProps as B, normalizeClass as Ge, Fragment as ke, renderList as Le, createCommentVNode as O, withModifiers as Aa } from "vue";
+import { openBlock as b, createElementBlock as T, resolveComponent as w, withDirectives as He, createBlock as j, withCtx as u, createVNode as m, createElementVNode as l, vShow as We, toDisplayString as y, createTextVNode as G, normalizeStyle as ae, mergeProps as B, normalizeClass as Ge, Fragment as ke, renderList as Le, createCommentVNode as O, withModifiers as Aa } from "vue";
 import we from "mapbox-gl";
 import { LngLatHelper as oe, TropicalHelper as Pa, LaneHelper as Fe } from "@idm-plugin/geo";
 import * as E from "@turf/turf";
@@ -483,35 +483,31 @@ const Va = {
   }
 }, Ya = ["innerHTML"];
 function Za(t, e, o, i, a, r) {
-  const s = w("VBtn"), c = w("v-card-text"), n = w("v-card");
-  return He((b(), j(n, {
+  const s = w("VBtn"), n = w("v-card-text"), c = w("v-card");
+  return He((b(), j(c, {
     class: "scroll",
     id: "idm-gl4-zone-info"
   }, {
-    default: g(() => [
-      m(c, null, {
-        default: g(() => {
-          var u;
+    default: u(() => [
+      m(n, null, {
+        default: u(() => {
+          var g;
           return [
             m(s, {
               icon: "",
-              density: "comfortable",
-              variant: "plain",
-              class: "mr-n2 close",
+              density: "compact",
+              class: "close",
               onClick: e[0] || (e[0] = (p) => a.showZone = !1)
             }, {
-              default: g(() => e[1] || (e[1] = [
-                l("i", {
-                  class: "iconfont icon-close",
-                  style: { "font-size": "16px" }
-                }, null, -1)
+              default: u(() => e[1] || (e[1] = [
+                l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
               ])),
               _: 1,
               __: [1]
             }),
             l("div", {
               class: "rich-context",
-              innerHTML: (u = a.form) == null ? void 0 : u.name
+              innerHTML: (g = a.form) == null ? void 0 : g.name
             }, null, 8, Ya)
           ];
         }),
@@ -630,26 +626,22 @@ const qa = {
   }
 }, Ka = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, Qa = { class: "d-flex justify-start align-center" }, Ja = { class: "d-flex justify-start align-center" }, $a = { class: "d-flex justify-start align-center" }, ei = { class: "d-flex justify-start align-center" };
 function ti(t, e, o, i, a, r) {
-  const s = w("VBtn"), c = w("v-card-text"), n = w("v-divider"), u = w("v-btn"), p = w("v-card-actions"), d = w("v-card");
+  const s = w("VBtn"), n = w("v-card-text"), c = w("v-divider"), g = w("v-btn"), p = w("v-card-actions"), d = w("v-card");
   return He((b(), j(d, {
     id: "port-info",
     ref: "idmPortInfo"
   }, {
-    default: g(() => [
-      m(c, { class: "pr-8" }, {
-        default: g(() => [
+    default: u(() => [
+      m(n, { class: "pr-8" }, {
+        default: u(() => [
           m(s, {
             icon: "",
             density: "compact",
-            variant: "plain",
             class: "mr-n2 close",
             onClick: e[0] || (e[0] = (f) => a.showInfo = !1)
           }, {
-            default: g(() => e[2] || (e[2] = [
-              l("i", {
-                class: "iconfont icon-close",
-                style: { "font-size": "16px" }
-              }, null, -1)
+            default: u(() => e[2] || (e[2] = [
+              l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
             ])),
             _: 1,
             __: [2]
@@ -675,17 +667,17 @@ function ti(t, e, o, i, a, r) {
         ]),
         _: 1
       }),
-      m(n),
+      m(c),
       m(p, { class: "d-flex justify-end align-center" }, {
-        default: g(() => [
-          m(u, {
+        default: u(() => [
+          m(g, {
             variant: "text",
             density: "compact",
             "append-icon": "mdi-chevron-right",
             class: "meteo-forecast flex-end text-none",
             onClick: e[1] || (e[1] = (f) => r.handleClickMeteo(a.form))
           }, {
-            default: g(() => e[7] || (e[7] = [
+            default: u(() => e[7] || (e[7] = [
               G(" Meteo Forecast ", -1)
             ])),
             _: 1,
@@ -700,7 +692,7 @@ function ti(t, e, o, i, a, r) {
     [We, a.showInfo]
   ]);
 }
-const oi = /* @__PURE__ */ Z(qa, [["render", ti], ["__scopeId", "data-v-0cf4535a"]]), ai = {
+const oi = /* @__PURE__ */ Z(qa, [["render", ti], ["__scopeId", "data-v-a856b640"]]), ai = {
   name: "IdmLoadLine",
   props: {
     map: {
@@ -1433,23 +1425,19 @@ const Ci = {
   }
 }, Si = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, Mi = { class: "d-flex justify-start align-center" }, Ti = { class: "d-flex justify-start align-center" }, Ii = { class: "d-flex justify-start align-center" }, Ai = { class: "d-flex justify-start align-center" };
 function Ri(t, e, o, i, a, r) {
-  const s = w("VBtn"), c = w("v-card-text"), n = w("v-card");
-  return He((b(), j(n, { id: "tidal-station-info" }, {
-    default: g(() => [
-      m(c, { class: "pr-8" }, {
-        default: g(() => [
+  const s = w("VBtn"), n = w("v-card-text"), c = w("v-card");
+  return He((b(), j(c, { id: "tidal-station-info" }, {
+    default: u(() => [
+      m(n, { class: "pr-8" }, {
+        default: u(() => [
           m(s, {
             icon: "",
             density: "compact",
-            variant: "plain",
             class: "mr-n2 close",
-            onClick: e[0] || (e[0] = (u) => a.showInfo = !1)
+            onClick: e[0] || (e[0] = (g) => a.showInfo = !1)
           }, {
-            default: g(() => e[1] || (e[1] = [
-              l("i", {
-                class: "iconfont icon-close",
-                style: { "font-size": "16px" }
-              }, null, -1)
+            default: u(() => e[1] || (e[1] = [
+              l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
             ])),
             _: 1,
             __: [1]
@@ -1481,7 +1469,7 @@ function Ri(t, e, o, i, a, r) {
     [We, a.showInfo]
   ]);
 }
-const Di = /* @__PURE__ */ Z(Ci, [["render", Ri], ["__scopeId", "data-v-fb4aeed3"]]), Oi = {
+const Di = /* @__PURE__ */ Z(Ci, [["render", Ri], ["__scopeId", "data-v-ca81f9bd"]]), Oi = {
   name: "IdmIceAreas",
   props: {
     map: {
@@ -1693,14 +1681,14 @@ const ji = {
   }
 };
 function Ni(t, e, o, i, a, r) {
-  var s, c, n;
+  var s, n, c;
   return b(), T("div", {
     class: "idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",
     style: ae({ right: a.right + "px" })
   }, [
     l("div", null, y((s = a.lngLat) == null ? void 0 : s.lat), 1),
-    l("div", null, y((c = a.lngLat) == null ? void 0 : c.lng), 1),
-    l("div", null, y((n = a.lngLat) == null ? void 0 : n.str), 1)
+    l("div", null, y((n = a.lngLat) == null ? void 0 : n.lng), 1),
+    l("div", null, y((c = a.lngLat) == null ? void 0 : c.str), 1)
   ], 4);
 }
 const Sa = /* @__PURE__ */ Z(ji, [["render", Ni]]);
@@ -1871,46 +1859,46 @@ const Fi = {
       let e = this.layerWeight;
       if (e) {
         if (t.all) {
-          const s = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], c = await Be.get(`${s}/api/arc/other/layers/links?l=${e}&t=${this.realTime}`, {
+          const s = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], n = await Be.get(`${s}/api/arc/other/layers/links?l=${e}&t=${this.realTime}`, {
             headers: {
               Authorization: this.token || this.defaultMeteoToken
             }
           });
-          if (((o = c == null ? void 0 : c.data) == null ? void 0 : o.code) === 0) {
-            const n = (i = c == null ? void 0 : c.data) == null ? void 0 : i.data, u = [];
-            for (const d in n)
-              u.push(
-                Be.get(n[d], {
+          if (((o = n == null ? void 0 : n.data) == null ? void 0 : o.code) === 0) {
+            const c = (i = n == null ? void 0 : n.data) == null ? void 0 : i.data, g = [];
+            for (const d in c)
+              g.push(
+                Be.get(c[d], {
                   headers: {
                     Authorization: this.token || this.defaultMeteoToken,
                     key: d
                   }
                 })
               );
-            (await Promise.all(u)).map((d) => {
+            (await Promise.all(g)).map((d) => {
               var x, S, C;
               const f = ((x = d == null ? void 0 : d.data) == null ? void 0 : x.data) || (d == null ? void 0 : d.data), z = (C = (S = d == null ? void 0 : d.config) == null ? void 0 : S.headers) == null ? void 0 : C.key;
               this.otherLayers[z] = f;
             });
           }
         } else if (t.dayNight && e & 1024) {
-          const s = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], c = await Be.get(`${s}/api/arc/other/layers/links?l=1024&t=${this.realTime}`, {
+          const s = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], n = await Be.get(`${s}/api/arc/other/layers/links?l=1024&t=${this.realTime}`, {
             headers: {
               Authorization: this.token || this.defaultMeteoToken
             }
           });
-          if (((a = c == null ? void 0 : c.data) == null ? void 0 : a.code) === 0) {
-            const n = (r = c == null ? void 0 : c.data) == null ? void 0 : r.data, u = [];
-            for (const d in n)
-              u.push(
-                Be.get(n[d], {
+          if (((a = n == null ? void 0 : n.data) == null ? void 0 : a.code) === 0) {
+            const c = (r = n == null ? void 0 : n.data) == null ? void 0 : r.data, g = [];
+            for (const d in c)
+              g.push(
+                Be.get(c[d], {
                   headers: {
                     Authorization: this.token || this.defaultMeteoToken,
                     key: d
                   }
                 })
               );
-            (await Promise.all(u)).map((d) => {
+            (await Promise.all(g)).map((d) => {
               var x, S, C;
               const f = ((x = d == null ? void 0 : d.data) == null ? void 0 : x.data) || (d == null ? void 0 : d.data), z = (C = (S = d == null ? void 0 : d.config) == null ? void 0 : S.headers) == null ? void 0 : C.key;
               this.otherLayers[z] = f;
@@ -1943,17 +1931,17 @@ const Fi = {
 }, Qi = { class: "text-body-2 text-center pt-1" };
 function Ji(t, e, o, i, a, r) {
   var $, ee, Q, le, de, pe, me, K, ie, ue;
-  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VCardItem"), p = w("VCheckbox"), d = w("VCardText"), f = w("VCard"), z = w("IdmTideStations"), x = w("IdmIceAreas"), S = w("IdmWorld12nm"), C = w("IdmWorldMarine"), N = w("IdmChinaRoute"), M = w("IdmWarZone"), L = w("IdmGmdssArea"), v = w("IdmEcaZone"), _ = w("IdmAlertZone"), P = w("IdmPort"), k = w("IdmLoadLine"), I = w("IdmTimezone"), V = w("IdmVRA"), X = w("IdmSpecialArea"), q = w("IdmTerminator"), Y = w("IdmLatLng");
+  const s = w("VBtn"), n = w("VTooltip"), c = w("VCardTitle"), g = w("VCardItem"), p = w("VCheckbox"), d = w("VCardText"), f = w("VCard"), z = w("IdmTideStations"), x = w("IdmIceAreas"), S = w("IdmWorld12nm"), C = w("IdmWorldMarine"), N = w("IdmChinaRoute"), M = w("IdmWarZone"), L = w("IdmGmdssArea"), v = w("IdmEcaZone"), _ = w("IdmAlertZone"), P = w("IdmPort"), k = w("IdmLoadLine"), I = w("IdmTimezone"), V = w("IdmVRA"), X = w("IdmSpecialArea"), q = w("IdmTerminator"), Y = w("IdmLatLng");
   return b(), T("div", Hi, [
     l("div", {
       class: "menu-bar-box transition px-1 rounded",
       style: ae({ top: o.top + 10 + "px", right: a.right + "px" })
     }, [
-      m(c, {
+      m(n, {
         text: t.$t("layer.mapLayers"),
         location: "left"
       }, {
-        activator: g(({ props: F }) => [
+        activator: u(({ props: F }) => [
           m(s, B(F, {
             "min-width": "32",
             width: "32",
@@ -1961,7 +1949,7 @@ function Ji(t, e, o, i, a, r) {
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: g(() => e[5] || (e[5] = [
+            default: u(() => e[5] || (e[5] = [
               l("i", { class: "iconfont icon-Layer text-h4" }, null, -1)
             ])),
             _: 2,
@@ -1979,16 +1967,12 @@ function Ji(t, e, o, i, a, r) {
         l("div", Gi, y(t.$t("layer.layers")), 1),
         m(s, {
           icon: "",
-          density: "comfortable",
-          variant: "plain",
+          density: "compact",
           class: "mr-n2",
           onClick: r.handleMenuToggle
         }, {
-          default: g(() => e[6] || (e[6] = [
-            l("i", {
-              class: "iconfont icon-close",
-              style: { "font-size": "20px" }
-            }, null, -1)
+          default: u(() => e[6] || (e[6] = [
+            l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
           ])),
           _: 1,
           __: [6]
@@ -1999,14 +1983,14 @@ function Ji(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: g(() => [
-            m(u, { class: "border-b-thin" }, {
-              default: g(() => [
-                m(n, {
+          default: u(() => [
+            m(g, { class: "border-b-thin" }, {
+              default: u(() => [
+                m(c, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: g(() => [
+                  default: u(() => [
                     G(y(t.$t("layer.mapFeathers")), 1)
                   ]),
                   _: 1
@@ -2015,7 +1999,7 @@ function Ji(t, e, o, i, a, r) {
               _: 1
             }),
             m(d, { class: "pb-2" }, {
-              default: g(() => [
+              default: u(() => [
                 l("div", Vi, [
                   (b(!0), T(ke, null, Le(a.mapFeathers, (F) => (b(), T("div", {
                     key: F.value,
@@ -2052,14 +2036,14 @@ function Ji(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: g(() => [
-            m(u, { class: "border-b-thin" }, {
-              default: g(() => [
-                m(n, {
+          default: u(() => [
+            m(g, { class: "border-b-thin" }, {
+              default: u(() => [
+                m(c, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: g(() => [
+                  default: u(() => [
                     G(y(t.$t("layer.pointsOfInteresting")), 1)
                   ]),
                   _: 1
@@ -2068,7 +2052,7 @@ function Ji(t, e, o, i, a, r) {
               _: 1
             }),
             m(d, { class: "py-2" }, {
-              default: g(() => [
+              default: u(() => [
                 (b(!0), T(ke, null, Le(a.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (b(), j(p, {
                   key: F.key,
                   modelValue: a.checkList,
@@ -2091,14 +2075,14 @@ function Ji(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: g(() => [
-            m(u, { class: "border-b-thin" }, {
-              default: g(() => [
-                m(n, {
+          default: u(() => [
+            m(g, { class: "border-b-thin" }, {
+              default: u(() => [
+                m(c, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: g(() => [
+                  default: u(() => [
                     G(y(t.$t("layer.otherLayers")), 1)
                   ]),
                   _: 1
@@ -2107,7 +2091,7 @@ function Ji(t, e, o, i, a, r) {
               _: 1
             }),
             m(d, { class: "py-2" }, {
-              default: g(() => [
+              default: u(() => [
                 (b(!0), T(ke, null, Le(a.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (b(), j(p, {
                   key: F.key,
                   modelValue: a.checkList,
@@ -2130,14 +2114,14 @@ function Ji(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: g(() => [
-            m(u, { class: "border-b-thin" }, {
-              default: g(() => [
-                m(n, {
+          default: u(() => [
+            m(g, { class: "border-b-thin" }, {
+              default: u(() => [
+                m(c, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: g(() => [
+                  default: u(() => [
                     G(y(t.$t("layer.myFollows")), 1)
                   ]),
                   _: 1
@@ -2146,7 +2130,7 @@ function Ji(t, e, o, i, a, r) {
               _: 1
             }),
             m(d, { class: "py-2" }, {
-              default: g(() => [
+              default: u(() => [
                 m(p, {
                   modelValue: a.followList,
                   "onUpdate:modelValue": e[3] || (e[3] = (F) => a.followList = F),
@@ -2318,8 +2302,8 @@ class io {
     const e = (x = this.map) == null ? void 0 : x.getBounds();
     if (!e)
       return [];
-    const o = ((S = this.map) == null ? void 0 : S.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, s] = this.convertNLng(i[0]), [c, n] = this.convertNLng(a[0]), [u, p] = this.mercator.px([r, i[1]], o), [d, f] = this.mercator.px([c, a[1]], o), z = Math.round(this.mercator.size * Math.pow(2, o) * (s + n));
-    return [d, f, u + z, p];
+    const o = ((S = this.map) == null ? void 0 : S.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, s] = this.convertNLng(i[0]), [n, c] = this.convertNLng(a[0]), [g, p] = this.mercator.px([r, i[1]], o), [d, f] = this.mercator.px([n, a[1]], o), z = Math.round(this.mercator.size * Math.pow(2, o) * (s + c));
+    return [d, f, g + z, p];
   }
   /**
    * [视窗边界像素宽度]
@@ -2334,11 +2318,11 @@ class io {
    * @param zoom
    */
   getWorldCopy(e, o) {
-    const i = 2 ** o, [a, r, s, c] = e.map((p) => ~~(p / (i * 256))), n = [];
-    for (let p = c; p <= r; p++)
+    const i = 2 ** o, [a, r, s, n] = e.map((p) => ~~(p / (i * 256))), c = [];
+    for (let p = n; p <= r; p++)
       for (let d = a; d <= s; d++)
-        n.push([d, p]);
-    return n.map((p) => {
+        c.push([d, p]);
+    return c.map((p) => {
       const d = 2 ** o * 256;
       return [p[0] * d, p[1] * d, d];
     });
@@ -2383,9 +2367,9 @@ class Ne {
    * @param width??
    * @param height??
    */
-  createTexture(e, o, i, a, r, s, c) {
-    const n = e.createTexture();
-    return e.bindTexture(e.TEXTURE_2D, n), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, o), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, i), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, a), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, a), r instanceof Uint8Array ? e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, s, c, 0, e.RGBA, e.UNSIGNED_BYTE, r) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, r), e.bindTexture(e.TEXTURE_2D, null), n;
+  createTexture(e, o, i, a, r, s, n) {
+    const c = e.createTexture();
+    return e.bindTexture(e.TEXTURE_2D, c), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, o), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, i), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, a), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, a), r instanceof Uint8Array ? e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, s, n, 0, e.RGBA, e.UNSIGNED_BYTE, r) : e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, r), e.bindTexture(e.TEXTURE_2D, null), c;
   }
   /**
    * 创建数据资源
@@ -2423,14 +2407,14 @@ class Ne {
     const a = this.createProgram(e, o, i);
     if (a) {
       const r = { program: a }, s = e.getProgramParameter(a, e.ACTIVE_ATTRIBUTES);
-      for (let n = 0; n < s; n++) {
-        const u = e.getActiveAttrib(a, n);
-        r[u.name] = e.getAttribLocation(a, u.name);
+      for (let c = 0; c < s; c++) {
+        const g = e.getActiveAttrib(a, c);
+        r[g.name] = e.getAttribLocation(a, g.name);
       }
-      const c = e.getProgramParameter(a, e.ACTIVE_UNIFORMS);
-      for (let n = 0; n < c; n++) {
-        const u = e.getActiveUniform(a, n);
-        r[u.name] = e.getUniformLocation(a, u.name);
+      const n = e.getProgramParameter(a, e.ACTIVE_UNIFORMS);
+      for (let c = 0; c < n; c++) {
+        const g = e.getActiveUniform(a, c);
+        r[g.name] = e.getUniformLocation(a, g.name);
       }
       return r;
     }
@@ -2442,19 +2426,19 @@ class Ne {
   setup(e, o, i = !1, a, r) {
     const s = document.createElement("canvas");
     s.width = 256, s.height = 1;
-    const c = s.getContext("2d");
-    if (c && e) {
-      const n = c == null ? void 0 : c.createLinearGradient(0, 0, 256, 0);
-      return o.forEach(([u, p]) => {
-        n.addColorStop(u, p);
-      }), c.fillStyle = n, c.fillRect(0, 0, 256, 1), {
+    const n = s.getContext("2d");
+    if (n && e) {
+      const c = n == null ? void 0 : n.createLinearGradient(0, 0, 256, 0);
+      return o.forEach(([g, p]) => {
+        c.addColorStop(g, p);
+      }), n.fillStyle = c, n.fillRect(0, 0, 256, 1), {
         canvas: s,
         texture: this.createTexture(
           e,
           e.LINEAR,
           e.LINEAR,
           e.CLAMP_TO_EDGE,
-          i ? new Uint8Array(c.getImageData(0, 0, 256, 1).data) : s,
+          i ? new Uint8Array(n.getImageData(0, 0, 256, 1).data) : s,
           a,
           r
         )
@@ -2465,32 +2449,32 @@ class Ne {
     const i = Math.ceil(Math.sqrt(o)), a = i * i, r = new Uint8Array(a * 4);
     for (let p = 0; p < r.length; p++)
       r[p] = Math.floor(Math.random() * 256);
-    const s = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), c = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), n = new Float32Array(a);
+    const s = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), n = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), c = new Float32Array(a);
     for (let p = 0; p < a; p++)
-      n[p] = p;
-    const u = this.createDataBuffer(e, "array", n);
-    return { resolution: i, total: a, texture0: s, texture1: c, indexBuffer: u };
+      c[p] = p;
+    const g = this.createDataBuffer(e, "array", c);
+    return { resolution: i, total: a, texture0: s, texture1: n, indexBuffer: g };
   }
   bind(e, o, i) {
     const a = this.createProgram(e, o, i);
     if (a) {
       const r = this.createDataBuffer(e, "array", void 0), s = e.getAttribLocation(a, "a_position");
       e.enableVertexAttribArray(s), e.vertexAttribPointer(s, 2, e.FLOAT, !1, 0, 0);
-      const c = new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]);
-      this.createDataBuffer(e, "array", c);
-      const n = e.getAttribLocation(a, "a_texCoord");
-      return e.enableVertexAttribArray(n), e.vertexAttribPointer(n, 2, e.FLOAT, !1, 0, 0), { program: a, aPositionBuffer: r };
+      const n = new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]);
+      this.createDataBuffer(e, "array", n);
+      const c = e.getAttribLocation(a, "a_texCoord");
+      return e.enableVertexAttribArray(c), e.vertexAttribPointer(c, 2, e.FLOAT, !1, 0, 0), { program: a, aPositionBuffer: r };
     }
     return {};
   }
   bindParticle(e, o, i, a, r, s) {
-    const c = this.createProgramWrapper(e, o, i), n = this.createProgramWrapper(e, a, r), u = this.createProgramWrapper(e, a, s), p = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), d = e.createFramebuffer();
-    return { particle: c, screen: n, update: u, quadBuffer: p, frameBuffer: d };
+    const n = this.createProgramWrapper(e, o, i), c = this.createProgramWrapper(e, a, r), g = this.createProgramWrapper(e, a, s), p = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), d = e.createFramebuffer();
+    return { particle: n, screen: c, update: g, quadBuffer: p, frameBuffer: d };
   }
-  draw(e, o, i, a, r, s, c) {
-    var n, u;
+  draw(e, o, i, a, r, s, n) {
+    var c, g;
     if (o && i) {
-      e.resize(), o == null || o.viewport(0, 0, (n = o == null ? void 0 : o.canvas) == null ? void 0 : n.width, (u = o == null ? void 0 : o.canvas) == null ? void 0 : u.height), o.clearColor(0, 0, 0, 0), o.clear(o.COLOR_BUFFER_BIT | o.DEPTH_BUFFER_BIT);
+      e.resize(), o == null || o.viewport(0, 0, (c = o == null ? void 0 : o.canvas) == null ? void 0 : c.width, (g = o == null ? void 0 : o.canvas) == null ? void 0 : g.height), o.clearColor(0, 0, 0, 0), o.clear(o.COLOR_BUFFER_BIT | o.DEPTH_BUFFER_BIT);
       try {
         o.useProgram(i);
         const p = {
@@ -2501,7 +2485,7 @@ class Ne {
           uvRange: o.getUniformLocation(i, "u_range_u_v"),
           sRange: o.getUniformLocation(i, "u_range_s")
         };
-        p.resolution && o.uniform2f(p.resolution, o.canvas.width * e.ratio, o.canvas.height * e.ratio), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, a), p.image && o.uniform1i(p.image, 0), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, r), p.color && o.uniform1i(p.color, 1), c != null && c.uvRange && (c != null && c.sRange) && (p.uvRange && o.uniform2f(p.uvRange, c.uvRange[0], c.uvRange[1]), p.sRange && o.uniform2f(p.sRange, c.sRange[0], c.sRange[1])), p.scale && o.uniform1f(p.scale, (c == null ? void 0 : c.scale) || 1);
+        p.resolution && o.uniform2f(p.resolution, o.canvas.width * e.ratio, o.canvas.height * e.ratio), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, a), p.image && o.uniform1i(p.image, 0), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, r), p.color && o.uniform1i(p.color, 1), n != null && n.uvRange && (n != null && n.sRange) && (p.uvRange && o.uniform2f(p.uvRange, n.uvRange[0], n.uvRange[1]), p.sRange && o.uniform2f(p.sRange, n.sRange[0], n.sRange[1])), p.scale && o.uniform1f(p.scale, (n == null ? void 0 : n.scale) || 1);
         const d = e.getBoundPixel(), f = e.map.getZoom() + 1, z = e.getWorldCopy(d, f);
         for (const x of z) {
           const S = (x[0] - d[0]) * e.ratio, C = (x[1] - d[3]) * e.ratio, N = x[2] * e.ratio, [M, L, v, _] = [S, N + S, C, N + C], P = new Float32Array([M, v, L, v, M, _, M, _, L, v, L, _]);
@@ -2513,8 +2497,8 @@ class Ne {
     }
   }
   drawParticle(e, o, i, a, r) {
-    var s, c;
-    o && (o == null || o.viewport(0, 0, (s = o == null ? void 0 : o.canvas) == null ? void 0 : s.width, (c = o == null ? void 0 : o.canvas) == null ? void 0 : c.height), o.disable(o.DEPTH_TEST), o.disable(o.STENCIL_TEST), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, i), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, a.texture0), this.renderScreen(e, o, a, r), this.updateParticles(e, o, a, r));
+    var s, n;
+    o && (o == null || o.viewport(0, 0, (s = o == null ? void 0 : o.canvas) == null ? void 0 : s.width, (n = o == null ? void 0 : o.canvas) == null ? void 0 : n.height), o.disable(o.DEPTH_TEST), o.disable(o.STENCIL_TEST), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, i), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, a.texture0), this.renderScreen(e, o, a, r), this.updateParticles(e, o, a, r));
   }
   renderScreen(e, o, i, a) {
     o.bindFramebuffer(o.FRAMEBUFFER, i.frameBuffer), o.framebufferTexture2D(o.FRAMEBUFFER, o.COLOR_ATTACHMENT0, o.TEXTURE_2D, i.screenTexture, 0), o.viewport(0, 0, o.canvas.width, o.canvas.height), this.renderScreenTexture(o, i.backgroundTexture, i.screen, i.quadBuffer, 0.95), this.renderParticles(e, o, i, a), o.bindFramebuffer(o.FRAMEBUFFER, null), this.renderScreenTexture(o, i.screenTexture, i.screen, i.quadBuffer, 1);
@@ -2532,11 +2516,11 @@ class Ne {
     }
   }
   updateParticles(e, o, i, a) {
-    var s, c;
+    var s, n;
     if (o) {
       o.bindFramebuffer(o.FRAMEBUFFER, i.frameBuffer), o.framebufferTexture2D(o.FRAMEBUFFER, o.COLOR_ATTACHMENT0, o.TEXTURE_2D, i.texture1, 0), o.viewport(0, 0, i.resolution, i.resolution), o.useProgram(i.update.program), o.bindBuffer(o.ARRAY_BUFFER, i.quadBuffer), o.enableVertexAttribArray(i.update.a_pos), o.vertexAttribPointer(i.update.a_pos, 2, o.FLOAT, !1, 0, 0), o.uniform1i(i.update.u_factor, 0), o.uniform1i(i.update.u_particles, 1);
-      const n = e.getBoundRange();
-      o.uniform4f(i.update.u_viewport, n[0], n[1], n[2], n[3]), o.uniform1f(i.update.u_rand_seed, Math.random()), o.uniform2f(i.update.u_factor_res, (s = i == null ? void 0 : i.image) == null ? void 0 : s.width, (c = i == null ? void 0 : i.image) == null ? void 0 : c.height), o.uniform2f(i.update.u_factor_min, a.uvRange[0], a.uvRange[0]), o.uniform2f(i.update.u_factor_max, a.uvRange[1], a.uvRange[1]), o.uniform1f(i.update.u_speed_factor, a.speedFactor * e.ratio), o.uniform1f(i.update.u_drop_rate, a.dropRate), o.uniform1f(i.update.u_drop_rate_bump, a.dropRateBump), o.drawArrays(o.TRIANGLES, 0, 6);
+      const c = e.getBoundRange();
+      o.uniform4f(i.update.u_viewport, c[0], c[1], c[2], c[3]), o.uniform1f(i.update.u_rand_seed, Math.random()), o.uniform2f(i.update.u_factor_res, (s = i == null ? void 0 : i.image) == null ? void 0 : s.width, (n = i == null ? void 0 : i.image) == null ? void 0 : n.height), o.uniform2f(i.update.u_factor_min, a.uvRange[0], a.uvRange[0]), o.uniform2f(i.update.u_factor_max, a.uvRange[1], a.uvRange[1]), o.uniform1f(i.update.u_speed_factor, a.speedFactor * e.ratio), o.uniform1f(i.update.u_drop_rate, a.dropRate), o.uniform1f(i.update.u_drop_rate_bump, a.dropRateBump), o.drawArrays(o.TRIANGLES, 0, 6);
     }
     const r = i.texture0;
     i.texture0 = i.texture1, i.texture1 = r;
@@ -2849,13 +2833,13 @@ const er = {
         }, 500);
       else if (this.wind) {
         const a = (/* @__PURE__ */ new Date()).valueOf();
-        let r = 0, s = 0, c = this.empty;
-        if ((t = this.wind) != null && t.active && (c = (e = this.wind) == null ? void 0 : e.data), (o = this.map) != null && o.getSource(this.source))
-          (i = this.map) == null || i.getSource(this.source).setData(c), s = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[windBarbs] update elapsed: ", s, ", total: ", r += s);
+        let r = 0, s = 0, n = this.empty;
+        if ((t = this.wind) != null && t.active && (n = (e = this.wind) == null ? void 0 : e.data), (o = this.map) != null && o.getSource(this.source))
+          (i = this.map) == null || i.getSource(this.source).setData(n), s = (/* @__PURE__ */ new Date()).valueOf() - (a + r), console.log("[windBarbs] update elapsed: ", s, ", total: ", r += s);
         else {
-          this.map.addSource(this.source, { type: "geojson", data: c });
-          for (let n = 0; n < (this.barbs ?? []).length - 1; n++) {
-            const u = (this.barbs ?? [])[n] || 0, p = (this.barbs ?? [])[n + 1] || 0, d = u < 10 ? `00${u}kts` : u < 100 ? `0${u}kts` : `${u}kts`, f = new Image(48, 48), z = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(this.svgs[d])));
+          this.map.addSource(this.source, { type: "geojson", data: n });
+          for (let c = 0; c < (this.barbs ?? []).length - 1; c++) {
+            const g = (this.barbs ?? [])[c] || 0, p = (this.barbs ?? [])[c + 1] || 0, d = g < 10 ? `00${g}kts` : g < 100 ? `0${g}kts` : `${g}kts`, f = new Image(48, 48), z = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(this.svgs[d])));
             f.src = z, f.onload = () => {
               this.map.hasImage(d + "-icon") || this.map.addImage(d + "-icon", f), this.map.addLayer(
                 {
@@ -2864,7 +2848,7 @@ const er = {
                   filter: [
                     "all",
                     // @ts-ignore
-                    [">=", "spd", u],
+                    [">=", "spd", g],
                     // @ts-ignore
                     ["<", "spd", p]
                   ],
@@ -3216,18 +3200,18 @@ const sr = /* @__PURE__ */ Z(ir, [["render", lr]]), nr = {
             this.beforeLayer
           );
           const s = new Image(48, 48);
-          let c = '<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" p-id="12518" width="200" height="200"><path d="M481.386772 959.514313 481.386772 334.713224c-56.000432 37.288255-92.523253 55.876612-142.312216 57.787124 85.834924-84.884272 130.528845-195.161888 172.552961-328.434218 40.259936 133.272329 89.39296 238.731196 172.622546 328.434218-54.105269-5.729491-86.780459-21.201881-146.338926-58.965973l0 625.979938L481.386772 959.514313z" p-id="12519" fill="#ffffff"></path></svg>', n = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(c)));
-          s.src = n;
-          const u = new Image(48, 48);
-          c = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+          let n = '<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" p-id="12518" width="200" height="200"><path d="M481.386772 959.514313 481.386772 334.713224c-56.000432 37.288255-92.523253 55.876612-142.312216 57.787124 85.834924-84.884272 130.528845-195.161888 172.552961-328.434218 40.259936 133.272329 89.39296 238.731196 172.622546 328.434218-54.105269-5.729491-86.780459-21.201881-146.338926-58.965973l0 625.979938L481.386772 959.514313z" p-id="12519" fill="#ffffff"></path></svg>', c = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(n)));
+          s.src = c;
+          const g = new Image(48, 48);
+          n = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                   <path d="M10 2.5V17.5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                   <path d="M5 7.5L10 2.5L15 7.5" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-                  </svg>`, n = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(c))), u.src = n;
-          const p = [u];
+                  </svg>`, c = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(n))), g.src = c;
+          const p = [g];
           let d = 0;
           p.forEach((f) => {
             f.onload = () => {
-              d++, this.map.hasImage("currentDirIcon") || this.map.addImage("currentDirIcon", u), d === 1 && this.map.addLayer(
+              d++, this.map.hasImage("currentDirIcon") || this.map.addImage("currentDirIcon", g), d === 1 && this.map.addLayer(
                 {
                   id: this.directionLayer,
                   type: "symbol",
@@ -3836,8 +3820,8 @@ const vr = /* @__PURE__ */ Z(wr, [["render", xr]]), _r = {
             }
           }, this.beforeLayer);
           const s = new Image(72, 72);
-          let c = '<svg t="1752721890391" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12518" width="200" height="200"><path d="M481.386772 959.514313 481.386772 334.713224c-56.000432 37.288255-92.523253 55.876612-142.312216 57.787124 85.834924-84.884272 130.528845-195.161888 172.552961-328.434218 40.259936 133.272329 89.39296 238.731196 172.622546 328.434218-54.105269-5.729491-86.780459-21.201881-146.338926-58.965973l0 625.979938L481.386772 959.514313z" p-id="12519" fill="#ffffff"></path></svg>', n = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(c)));
-          s.src = n, s.onload = () => {
+          let n = '<svg t="1752721890391" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12518" width="200" height="200"><path d="M481.386772 959.514313 481.386772 334.713224c-56.000432 37.288255-92.523253 55.876612-142.312216 57.787124 85.834924-84.884272 130.528845-195.161888 172.552961-328.434218 40.259936 133.272329 89.39296 238.731196 172.622546 328.434218-54.105269-5.729491-86.780459-21.201881-146.338926-58.965973l0 625.979938L481.386772 959.514313z" p-id="12519" fill="#ffffff"></path></svg>', c = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(n)));
+          s.src = c, s.onload = () => {
             this.map.hasImage("swellDirIconWhite") || this.map.addImage("swellDirIconWhite", s), this.map.addLayer(
               {
                 id: this.directionLayer,
@@ -3982,6 +3966,7 @@ const zr = /* @__PURE__ */ Z(_r, [["render", kr]]), Lr = {
               filter: ["==", "$type", "Point"],
               layout: {
                 "symbol-placement": "point",
+                "text-allow-overlap": !0,
                 "text-field": ["format", ["get", "type"], { "font-scale": 1.03 }, `
 `, ["get", "val"], { "font-scale": 1 }],
                 "text-rotation-alignment": "map",
@@ -4039,19 +4024,19 @@ const zr = /* @__PURE__ */ Z(_r, [["render", kr]]), Lr = {
   class: "legend-tip-btn-gl4"
 };
 function Cr(t, e, o, i, a, r) {
-  var n;
-  const s = w("VBtn"), c = w("VTooltip");
-  return (n = o.prmsl) != null && n.active ? (b(), T("div", Pr, [
+  var c;
+  const s = w("VBtn"), n = w("VTooltip");
+  return (c = o.prmsl) != null && c.active ? (b(), T("div", Pr, [
     l("div", {
       class: "menu-bar-box pa-1 rounded",
       style: ae({ right: a.right + "px" })
     }, [
-      m(c, {
+      m(n, {
         text: "Map Layers",
         location: "left"
       }, {
-        activator: g(({ props: u }) => [
-          m(s, B(u, {
+        activator: u(({ props: g }) => [
+          m(s, B(g, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -4059,7 +4044,7 @@ function Cr(t, e, o, i, a, r) {
             color: a.toggle ? "primary" : "",
             onClick: r.handleMenuToggle
           }), {
-            default: g(() => e[0] || (e[0] = [
+            default: u(() => e[0] || (e[0] = [
               l("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
             ])),
             _: 2,
@@ -5074,12 +5059,14 @@ const al = {
     },
     checkList: {
       handler(t, e) {
-        this.handleCheckListChange(t, e), this.$emit("weatherCheckList", t), this.autoActive && this.checkList.length ? this.$parent.$refs.idmBottomBar.handleToggle("weather", !0) : this.$parent.$refs.idmBottomBar.handleToggle("weather", !1);
+        var o, i, a, r, s, n;
+        this.handleCheckListChange(t, e), this.$emit("weatherCheckList", t), this.autoActive && this.checkList.length ? (a = (i = (o = this.$parent) == null ? void 0 : o.$refs) == null ? void 0 : i.idmBottomBar) == null || a.handleToggle("weather", !0) : (n = (s = (r = this.$parent) == null ? void 0 : r.$refs) == null ? void 0 : s.idmBottomBar) == null || n.handleToggle("weather", !1);
       }
     },
     autoActive: {
       handler(t) {
-        localStorage.setItem(this.cache.autoActiveKey, this.autoActive), this.activeWeatherLayers = this.autoActive ? this.allLayers.filter((e) => this.checkList.includes(e.key)) : [], this.handleWeatherLayerChange(), this.autoActive && this.checkList.length ? this.$parent.$refs.idmBottomBar.handleToggle("weather", !0) : this.$parent.$refs.idmBottomBar.handleToggle("weather", !1), this.$emit("autoActive", this.autoActive);
+        var e, o, i, a, r, s;
+        localStorage.setItem(this.cache.autoActiveKey, this.autoActive), this.activeWeatherLayers = this.autoActive ? this.allLayers.filter((n) => this.checkList.includes(n.key)) : [], this.handleWeatherLayerChange(), this.autoActive && this.checkList.length ? (i = (o = (e = this.$parent) == null ? void 0 : e.$refs) == null ? void 0 : o.idmBottomBar) == null || i.handleToggle("weather", !0) : (s = (r = (a = this.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmBottomBar) == null || s.handleToggle("weather", !1), this.$emit("autoActive", this.autoActive);
       }
     },
     iceToggleValue: {
@@ -5147,7 +5134,7 @@ const al = {
       (t == null ? void 0 : t.data.code) === 0 && (this.models = t == null ? void 0 : t.data.data);
     },
     async fetchWeatherLayers(t = {}) {
-      var a, r, s, c, n, u, p, d, f;
+      var a, r, s, n, c, g, p, d, f;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let o = 0, i = 0;
       if (this.map) {
@@ -5170,8 +5157,8 @@ const al = {
                 }
               }
             );
-            if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather links elapsed: ", i, ", total: ", o += i), ((c = M == null ? void 0 : M.data) == null ? void 0 : c.code) === 0) {
-              const L = (n = M == null ? void 0 : M.data) == null ? void 0 : n.data, v = [];
+            if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather links elapsed: ", i, ", total: ", o += i), ((n = M == null ? void 0 : M.data) == null ? void 0 : n.code) === 0) {
+              const L = (c = M == null ? void 0 : M.data) == null ? void 0 : c.data, v = [];
               for (const P in L)
                 v.push(
                   Be.get(L[P], {
@@ -5197,7 +5184,7 @@ const al = {
               });
             }
             if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather layers elapsed: ", i, ", total: ", o += i), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const L = (u = this.weatherLayers["swell-direction"]) == null ? void 0 : u.raw, v = (p = this.weatherLayers["swell-height"]) == null ? void 0 : p.raw;
+              const L = (g = this.weatherLayers["swell-direction"]) == null ? void 0 : g.raw, v = (p = this.weatherLayers["swell-height"]) == null ? void 0 : p.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
                 direction: L,
@@ -5237,7 +5224,7 @@ const al = {
       }, 500);
     },
     handleRampColorInitial() {
-      var t, e, o, i, a, r, s, c, n, u, p, d;
+      var t, e, o, i, a, r, s, n, c, g, p, d;
       this.viewport.map.getSource((t = this.viewport) == null ? void 0 : t.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
         type: "canvas",
         canvas: (o = this.viewport) == null ? void 0 : o.rampColorCanvas,
@@ -5253,12 +5240,12 @@ const al = {
           }
         },
         this.beforeLayer
-      ), this.viewport.map.getSource((s = this.viewport) == null ? void 0 : s.particleSource) || this.viewport.map.addSource((c = this.viewport) == null ? void 0 : c.particleSource, {
+      ), this.viewport.map.getSource((s = this.viewport) == null ? void 0 : s.particleSource) || this.viewport.map.addSource((n = this.viewport) == null ? void 0 : n.particleSource, {
         type: "canvas",
-        canvas: (n = this.viewport) == null ? void 0 : n.particleCanvas,
+        canvas: (c = this.viewport) == null ? void 0 : c.particleCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
-      }), this.viewport.map.getLayer((u = this.viewport) == null ? void 0 : u.particleLayer) || this.viewport.map.addLayer(
+      }), this.viewport.map.getLayer((g = this.viewport) == null ? void 0 : g.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
           id: (p = this.viewport) == null ? void 0 : p.particleLayer,
@@ -5271,10 +5258,10 @@ const al = {
       );
     },
     handleDrawWeather4Json() {
-      var u, p, d, f, z, x, S;
+      var g, p, d, f, z, x, S;
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, o = 0;
-      const i = (u = this.map) == null ? void 0 : u.getBounds(), a = (p = this.map) == null ? void 0 : p.getZoom(), r = oe.convertToStdLng(i._sw.lng), s = oe.convertToStdLng(i._ne.lng), c = Math.floor(i._sw.lat), n = Math.ceil(i._ne.lat);
+      const i = (g = this.map) == null ? void 0 : g.getBounds(), a = (p = this.map) == null ? void 0 : p.getZoom(), r = oe.convertToStdLng(i._sw.lng), s = oe.convertToStdLng(i._ne.lng), n = Math.floor(i._sw.lat), c = Math.ceil(i._ne.lat);
       for (const C in this.weatherLayers) {
         let N = !1;
         if (this.weatherLayers[C].active && this.weatherLayers[C].type === "json") {
@@ -5283,7 +5270,7 @@ const al = {
             N = !0;
             const L = ((d = this.weatherLayers[C]) == null ? void 0 : d.direction) || {};
             for (const _ in L)
-              if (_ > c && _ < n && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+              if (_ > n && _ < c && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                 const P = L[_].lng;
                 r > s ? P.forEach((k, I) => {
                   var V, X, q, Y, $, ee;
@@ -5347,7 +5334,7 @@ const al = {
             N = !0;
             const L = ((z = this.weatherLayers[C]) == null ? void 0 : z.direction) || {};
             for (const _ in L)
-              if (_ > c && _ < n && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+              if (_ > n && _ < c && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                 const P = L[_].lng;
                 r > s ? P.forEach((k, I) => {
                   var V, X, q, Y, $, ee;
@@ -5408,7 +5395,7 @@ const al = {
             N = !0;
             const L = this.weatherLayers.wind.raw;
             for (const v in L)
-              if (v > c && v < n && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+              if (v > n && v < c && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                 const _ = L[v].lng;
                 r > s ? _.forEach((P, k) => {
                   var I, V, X, q;
@@ -5531,11 +5518,11 @@ const al = {
       return t.features.forEach((r) => {
         if (r.geometry.type !== "Point")
           if (i > a) {
-            let s = [i, e._sw.lat, 180, e._ne.lat], c = E.bboxClip(r, s);
-            c.geometry.coordinates.length && o.push(c), s = [-180, e._sw.lat, a, e._ne.lat], c = E.bboxClip(r, s), c.geometry.coordinates.length && o.push(c);
+            let s = [i, e._sw.lat, 180, e._ne.lat], n = E.bboxClip(r, s);
+            n.geometry.coordinates.length && o.push(n), s = [-180, e._sw.lat, a, e._ne.lat], n = E.bboxClip(r, s), n.geometry.coordinates.length && o.push(n);
           } else {
-            const s = [i, e._sw.lat, a, e._ne.lat], c = E.bboxClip(r, s);
-            c.geometry.coordinates.length && o.push(c);
+            const s = [i, e._sw.lat, a, e._ne.lat], n = E.bboxClip(r, s);
+            n.geometry.coordinates.length && o.push(n);
           }
         else
           o.push(r);
@@ -5560,17 +5547,17 @@ const al = {
 }, wl = { class: "text-body-1 py-2" }, xl = { class: "text-body-1 font-weight-medium" }, vl = { class: "text-body-2 opacity-70" }, _l = { class: "text-body-2 opacity-70 mb-3" }, kl = { class: "text-body-1 font-weight-medium" }, zl = { class: "text-body-2 opacity-70" }, Ll = { class: "text-body-2 opacity-70 mb-3" }, Pl = { class: "text-body-1 py-2" }, Cl = { class: "text-body-1 font-weight-medium" }, Sl = { class: "text-body-2 opacity-70" }, Ml = { class: "text-body-2 opacity-70 mb-3" }, Tl = { class: "text-body-1 font-weight-medium" }, Il = { class: "text-body-2 opacity-70" }, Al = { class: "text-body-2 opacity-70 mb-3" }, Rl = { class: "text-body-1 py-2" }, Dl = { class: "text-body-1 font-weight-medium" }, Ol = { class: "text-body-2 opacity-70" }, Bl = { class: "text-body-2 opacity-70 mb-3" };
 function El(t, e, o, i, a, r) {
   var pe, me, K, ie, ue, F, ne, xe, ve, Se, Me, Te, Ie, Ae, ye;
-  const s = w("VBtn"), c = w("VTooltip"), n = w("VCol"), u = w("VRow"), p = w("VCardText"), d = w("VDivider"), f = w("VCard"), z = w("VSwitch"), x = w("VCardTitle"), S = w("VCardItem"), C = w("VCheckbox"), N = w("VRadio"), M = w("VBtnToggle"), L = w("IdmWindBarb"), v = w("IdmSigWaveHeight"), _ = w("IdmCurrentDirection"), P = w("IdmPrmsl"), k = w("IdmWindParticle"), I = w("IdmCurrentParticle"), V = w("IdmWave"), X = w("IdmSwell"), q = w("IdmIceEdge"), Y = w("IdmIceCover"), $ = w("IdmIceThickness"), ee = w("IdmPrecip3h"), Q = w("IdmVisibility"), le = w("IdmWaterTemp"), de = w("IdmTemp");
+  const s = w("VBtn"), n = w("VTooltip"), c = w("VCol"), g = w("VRow"), p = w("VCardText"), d = w("VDivider"), f = w("VCard"), z = w("VSwitch"), x = w("VCardTitle"), S = w("VCardItem"), C = w("VCheckbox"), N = w("VRadio"), M = w("VBtnToggle"), L = w("IdmWindBarb"), v = w("IdmSigWaveHeight"), _ = w("IdmCurrentDirection"), P = w("IdmPrmsl"), k = w("IdmWindParticle"), I = w("IdmCurrentParticle"), V = w("IdmWave"), X = w("IdmSwell"), q = w("IdmIceEdge"), Y = w("IdmIceCover"), $ = w("IdmIceThickness"), ee = w("IdmPrecip3h"), Q = w("IdmVisibility"), le = w("IdmWaterTemp"), de = w("IdmTemp");
   return b(), T("div", il, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ae({ top: o.top + 94 + "px", right: a.right + "px" })
     }, [
-      m(c, {
+      m(n, {
         text: t.$t("weather.weatherLayers"),
         location: "left"
       }, {
-        activator: g(({ props: H }) => [
+        activator: u(({ props: H }) => [
           m(s, B(H, {
             "min-width": "32",
             width: "32",
@@ -5578,7 +5565,7 @@ function El(t, e, o, i, a, r) {
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: g(() => e[7] || (e[7] = [
+            default: u(() => e[7] || (e[7] = [
               l("i", { class: "iconfont icon-Weather text-h4" }, null, -1)
             ])),
             _: 2,
@@ -5593,11 +5580,11 @@ function El(t, e, o, i, a, r) {
         class: "menu-bar-box pa-1 rounded",
         style: ae({ right: a.right + "px" })
       }, [
-        m(c, {
+        m(n, {
           text: "Legend",
           location: "left"
         }, {
-          activator: g(({ props: H }) => [
+          activator: u(({ props: H }) => [
             m(s, B(H, {
               "min-width": "32",
               width: "32",
@@ -5605,7 +5592,7 @@ function El(t, e, o, i, a, r) {
               class: ["text-none pa-0", a.legendToggle ? "bg-primary active-border" : ""],
               onClick: e[0] || (e[0] = (te) => a.legendToggle = !a.legendToggle)
             }), {
-              default: g(() => e[8] || (e[8] = [
+              default: u(() => e[8] || (e[8] = [
                 l("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
               ])),
               _: 2,
@@ -5622,18 +5609,18 @@ function El(t, e, o, i, a, r) {
         class: "card-info d-flex justify-center align-start",
         style: ae({ position: "absolute", top: "340px", right: a.right + 50 + "px" })
       }, {
-        default: g(() => [
+        default: u(() => [
           m(p, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
-            default: g(() => [
+            default: u(() => [
               e[9] || (e[9] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wind Level", -1)),
-              m(u, { class: "ma-0 ml-n1 text-body-2" }, {
-                default: g(() => [
-                  (b(!0), T(ke, null, Le(a.legend.barbs, (H, te) => (b(), j(n, {
+              m(g, { class: "ma-0 ml-n1 text-body-2" }, {
+                default: u(() => [
+                  (b(!0), T(ke, null, Le(a.legend.barbs, (H, te) => (b(), j(c, {
                     key: H,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
-                    default: g(() => [
+                    default: u(() => [
                       l("div", ll, [
                         l("i", {
                           class: Ge(["iconfont", r.barbsIconName[te]]),
@@ -5653,19 +5640,19 @@ function El(t, e, o, i, a, r) {
           }),
           m(d, { vertical: "" }),
           m(p, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
-            default: g(() => [
+            default: u(() => [
               e[10] || (e[10] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wave Height", -1)),
-              m(u, {
+              m(g, {
                 class: "ma-0 ml-1",
                 style: { width: "100px" }
               }, {
-                default: g(() => [
-                  (b(!0), T(ke, null, Le(a.legend.sigWaveHeight, (H, te) => (b(), j(n, {
+                default: u(() => [
+                  (b(!0), T(ke, null, Le(a.legend.sigWaveHeight, (H, te) => (b(), j(c, {
                     key: te,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
-                    default: g(() => [
+                    default: u(() => [
                       l("div", nl, [
                         te === 0 ? (b(), T("div", cl)) : (b(), T("div", {
                           key: 1,
@@ -5685,19 +5672,19 @@ function El(t, e, o, i, a, r) {
           }),
           m(d, { vertical: "" }),
           m(p, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
-            default: g(() => [
+            default: u(() => [
               e[11] || (e[11] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Current", -1)),
-              m(u, {
+              m(g, {
                 class: "ma-0 ml-n5",
                 style: { width: "110px" }
               }, {
-                default: g(() => [
-                  (b(!0), T(ke, null, Le(a.legend.current, (H, te) => (b(), j(n, {
+                default: u(() => [
+                  (b(!0), T(ke, null, Le(a.legend.current, (H, te) => (b(), j(c, {
                     key: te,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
                   }, {
-                    default: g(() => [
+                    default: u(() => [
                       l("div", hl, [
                         l("div", dl, [
                           l("i", {
@@ -5739,16 +5726,12 @@ function El(t, e, o, i, a, r) {
         ]),
         m(s, {
           icon: "",
-          density: "comfortable",
-          variant: "plain",
+          density: "compact",
           class: "mr-n2",
           onClick: r.handleMenuToggle
         }, {
-          default: g(() => e[12] || (e[12] = [
-            l("i", {
-              class: "iconfont icon-close",
-              style: { "font-size": "20px" }
-            }, null, -1)
+          default: u(() => e[12] || (e[12] = [
+            l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
           ])),
           _: 1,
           __: [12]
@@ -5761,14 +5744,14 @@ function El(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: g(() => [
+          default: u(() => [
             m(S, { class: "border-b-thin" }, {
-              default: g(() => [
+              default: u(() => [
                 m(x, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: g(() => [
+                  default: u(() => [
                     G(y(t.$t("weather.overlays")), 1)
                   ]),
                   _: 1
@@ -5777,7 +5760,7 @@ function El(t, e, o, i, a, r) {
               _: 1
             }),
             m(p, { class: "py-2" }, {
-              default: g(() => [
+              default: u(() => [
                 (b(!0), T(ke, null, Le(a.tagLayers.filter((H) => H.overlays), (H) => (b(), j(C, {
                   key: H.key,
                   modelValue: a.checkList,
@@ -5801,14 +5784,14 @@ function El(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: g(() => [
+          default: u(() => [
             m(S, { class: "border-b-thin" }, {
-              default: g(() => [
+              default: u(() => [
                 m(x, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: g(() => [
+                  default: u(() => [
                     G(y(t.$t("weather.renders")), 1)
                   ]),
                   _: 1
@@ -5817,7 +5800,7 @@ function El(t, e, o, i, a, r) {
               _: 1
             }),
             m(p, { class: "py-2" }, {
-              default: g(() => [
+              default: u(() => [
                 (b(!0), T(ke, null, Le(a.tagLayers.filter((H) => !H.overlays && H.key !== "ice-thickness"), (H) => (b(), T(ke, {
                   key: H.key
                 }, [
@@ -5873,7 +5856,7 @@ function El(t, e, o, i, a, r) {
                     group: "",
                     disabled: !a.autoActive
                   }, {
-                    default: g(() => [
+                    default: u(() => [
                       m(s, {
                         density: "compact",
                         height: "30",
@@ -5883,7 +5866,7 @@ function El(t, e, o, i, a, r) {
                         "base-color": "grey-lighten-1",
                         disabled: !a.autoActive
                       }, {
-                        default: g(() => [
+                        default: u(() => [
                           G(y(t.$t("weather.coverage")), 1)
                         ]),
                         _: 1
@@ -5897,7 +5880,7 @@ function El(t, e, o, i, a, r) {
                         disabled: !a.autoActive,
                         value: "ice-thickness"
                       }, {
-                        default: g(() => [
+                        default: u(() => [
                           G(y(t.$t("weather.thickness")), 1)
                         ]),
                         _: 1
@@ -5916,14 +5899,14 @@ function El(t, e, o, i, a, r) {
           class: "menu-card mx-auto mb-3",
           elevation: "0"
         }, {
-          default: g(() => [
+          default: u(() => [
             m(S, { class: "border-b-thin" }, {
-              default: g(() => [
+              default: u(() => [
                 m(x, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
-                  default: g(() => [
+                  default: u(() => [
                     G(y(t.$t("weather.forecastModel")), 1)
                   ]),
                   _: 1
@@ -5932,7 +5915,7 @@ function El(t, e, o, i, a, r) {
               _: 1
             }),
             m(p, { class: "" }, {
-              default: g(() => {
+              default: u(() => {
                 var H, te, je, Pe, he, ge, W, _e, J, re, Re, R, fe, Ce, De, Oe, A, U, Ue, Ve, Ye, ze, Ze, Xe, qe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, It, At, Rt, Dt, Ot, Bt, Et, jt, Nt, Ft, Ht, Wt, Gt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Qt, Jt;
                 return [
                   l("div", wl, y(t.$t("weather.atmospheric")), 1),
@@ -6382,21 +6365,21 @@ class Ca {
     var o, i;
     e = e == null ? void 0 : e.toLowerCase(), e = e === "ec" ? "ecmwf" : e;
     const a = e.toLowerCase().split(","), r = [], s = [];
-    for (const c of a) {
-      let n = eo.find((p) => {
+    for (const n of a) {
+      let c = eo.find((p) => {
         var d, f, z;
-        return ((d = p.models) == null ? void 0 : d.includes(c)) || ((f = p.alias) == null ? void 0 : f.toLowerCase()) === c || ((z = p.name) == null ? void 0 : z.toLowerCase()) === c;
-      }), u = to.find((p) => {
+        return ((d = p.models) == null ? void 0 : d.includes(n)) || ((f = p.alias) == null ? void 0 : f.toLowerCase()) === n || ((z = p.name) == null ? void 0 : z.toLowerCase()) === n;
+      }), g = to.find((p) => {
         var d, f, z;
-        return ((d = p.models) == null ? void 0 : d.includes(c)) || ((f = p.alias) == null ? void 0 : f.toLowerCase()) === c || ((z = p.name) == null ? void 0 : z.toLowerCase()) === c;
+        return ((d = p.models) == null ? void 0 : d.includes(n)) || ((f = p.alias) == null ? void 0 : f.toLowerCase()) === n || ((z = p.name) == null ? void 0 : z.toLowerCase()) === n;
       });
-      n = n || eo.find((p) => {
+      c = c || eo.find((p) => {
         var d, f;
-        return ((d = p.alias) == null ? void 0 : d.toLowerCase()) === ((f = u == null ? void 0 : u.alias) == null ? void 0 : f.toLowerCase());
-      }), u = u || to.find((p) => {
+        return ((d = p.alias) == null ? void 0 : d.toLowerCase()) === ((f = g == null ? void 0 : g.alias) == null ? void 0 : f.toLowerCase());
+      }), g = g || to.find((p) => {
         var d, f;
-        return ((d = p.alias) == null ? void 0 : d.toLowerCase()) === ((f = n == null ? void 0 : n.alias) == null ? void 0 : f.toLowerCase());
-      }), n = n || eo[0], u = u || to[0], r.push((o = n.models) != null && o.includes(c) ? c : n.model), s.push((i = u.models) != null && i.includes(c) ? c : u.model);
+        return ((d = p.alias) == null ? void 0 : d.toLowerCase()) === ((f = c == null ? void 0 : c.alias) == null ? void 0 : f.toLowerCase());
+      }), c = c || eo[0], g = g || to[0], r.push((o = c.models) != null && o.includes(n) ? n : c.model), s.push((i = g.models) != null && i.includes(n) ? n : g.model);
     }
     return {
       weatherModels: r.join(","),
@@ -6413,8 +6396,8 @@ class Ca {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, s, c, n, u, p, d, f, z, x, S, C, N, M, L, v, _, P, k, I, V, X, q, Y, $, ee, Q, le, de, pe, me, K, ie, ue, F, ne, xe, ve, Se, Me, Te, Ie, Ae, ye, H, te, je, Pe;
-    const he = typeof o == "string" ? D(o) : o, ge = e == null ? void 0 : e.weather, W = e == null ? void 0 : e.marine, _e = D((a = (i = ge == null ? void 0 : ge[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), J = _e.clone().add((c = (s = (r = ge == null ? void 0 : ge[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), re = _e.clone().add((p = (u = (n = ge == null ? void 0 : ge[0]) == null ? void 0 : n.hourly) == null ? void 0 : u.time) == null ? void 0 : p.at(-1), "h"), Re = [];
+    var i, a, r, s, n, c, g, p, d, f, z, x, S, C, N, M, L, v, _, P, k, I, V, X, q, Y, $, ee, Q, le, de, pe, me, K, ie, ue, F, ne, xe, ve, Se, Me, Te, Ie, Ae, ye, H, te, je, Pe;
+    const he = typeof o == "string" ? D(o) : o, ge = e == null ? void 0 : e.weather, W = e == null ? void 0 : e.marine, _e = D((a = (i = ge == null ? void 0 : ge[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), J = _e.clone().add((n = (s = (r = ge == null ? void 0 : ge[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : n.at(0), "h"), re = _e.clone().add((p = (g = (c = ge == null ? void 0 : ge[0]) == null ? void 0 : c.hourly) == null ? void 0 : g.time) == null ? void 0 : p.at(-1), "h"), Re = [];
     if (he.isBetween(J, re, "millisecond", "[]")) {
       const R = he.utc().diff(J, "h", !1);
       let fe, Ce;
@@ -6500,17 +6483,17 @@ class Ca {
     return Re;
   }
   static toLegacy(e) {
-    var o, i, a, r, s, c, n, u, p, d;
+    var o, i, a, r, s, n, c, g, p, d;
     return {
       wind: (o = e == null ? void 0 : e.weather) == null ? void 0 : o.wind,
       visibility: (i = e == null ? void 0 : e.weather) == null ? void 0 : i.visibility,
       temp: (a = e == null ? void 0 : e.weather) == null ? void 0 : a.temp,
       prmsl: (r = e == null ? void 0 : e.weather) == null ? void 0 : r.pmsl,
       gusts: {
-        kts: (c = (s = e == null ? void 0 : e.weather) == null ? void 0 : s.wind) == null ? void 0 : c.gusts
+        kts: (n = (s = e == null ? void 0 : e.weather) == null ? void 0 : s.wind) == null ? void 0 : n.gusts
       },
-      precip: (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip,
-      code: (u = e == null ? void 0 : e.weather) == null ? void 0 : u.code,
+      precip: (c = e == null ? void 0 : e.weather) == null ? void 0 : c.precip,
+      code: (g = e == null ? void 0 : e.weather) == null ? void 0 : g.code,
       name: (p = e == null ? void 0 : e.weather) == null ? void 0 : p.name,
       url: (d = e == null ? void 0 : e.weather) == null ? void 0 : d.url,
       wave: e == null ? void 0 : e.wave,
@@ -6522,8 +6505,8 @@ class Ca {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, s, c, n, u, p, d, f, z, x, S, C, N, M, L, v, _, P, k, I, V, X, q, Y, $, ee, Q, le, de, pe, me, K, ie, ue, F, ne, xe, ve, Se, Me, Te, Ie;
-    const Ae = typeof o == "string" ? D(o) : o, ye = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, te = D((r = (a = (i = ye == null ? void 0 : ye[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), je = D((n = (c = (s = ye == null ? void 0 : ye[0]) == null ? void 0 : s.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Pe = [];
+    var i, a, r, s, n, c, g, p, d, f, z, x, S, C, N, M, L, v, _, P, k, I, V, X, q, Y, $, ee, Q, le, de, pe, me, K, ie, ue, F, ne, xe, ve, Se, Me, Te, Ie;
+    const Ae = typeof o == "string" ? D(o) : o, ye = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, te = D((r = (a = (i = ye == null ? void 0 : ye[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), je = D((c = (n = (s = ye == null ? void 0 : ye[0]) == null ? void 0 : s.daily) == null ? void 0 : n.time) == null ? void 0 : c.at(-1)), Pe = [];
     if (Ae.isBetween(te, je, "millisecond", "[]")) {
       let he, ge;
       const W = Ae.diff(te, "d", !1);
@@ -6531,7 +6514,7 @@ class Ca {
         for (const _e of ye) {
           const J = _e.daily;
           he = {
-            code: (u = J.weather_code) == null ? void 0 : u.at(W),
+            code: (g = J.weather_code) == null ? void 0 : g.at(W),
             temp: {
               max: (p = J.temperature_2m_max) == null ? void 0 : p.at(W),
               min: (d = J.temperature_2m_min) == null ? void 0 : d.at(W),
@@ -7146,21 +7129,21 @@ const Nl = {
     async fetchTropicals() {
       var a, r, s;
       const t = (/* @__PURE__ */ new Date()).valueOf();
-      let e = 0, o = 0, i = (a = oo.WEATHER_LAYERS.find((c) => c.key === "tropicals")) == null ? void 0 : a.weight;
+      let e = 0, o = 0, i = (a = oo.WEATHER_LAYERS.find((n) => n.key === "tropicals")) == null ? void 0 : a.weight;
       if (i > 0) {
-        const c = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], n = await Be.get(`${c}/api/arc/weather/layers2/links?l=${i}&v=${this.forecastModel}&t=${this.realTime}`, {
+        const n = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], c = await Be.get(`${n}/api/arc/weather/layers2/links?l=${i}&v=${this.forecastModel}&t=${this.realTime}`, {
           headers: {
             Authorization: this.token || this.defaultMeteoToken
           }
         });
-        if (o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("weather links elapsed: ", o, ", total: ", e += o), ((r = n == null ? void 0 : n.data) == null ? void 0 : r.code) === 0) {
-          const u = (s = n == null ? void 0 : n.data) == null ? void 0 : s.data;
-          await Be.get(u.tropicals, {
+        if (o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("weather links elapsed: ", o, ", total: ", e += o), ((r = c == null ? void 0 : c.data) == null ? void 0 : r.code) === 0) {
+          const g = (s = c == null ? void 0 : c.data) == null ? void 0 : s.data;
+          await Be.get(g.tropicals, {
             headers: {
               Authorization: this.token || this.defaultMeteoToken,
               key: "tropicals"
             },
-            responseType: /\.(jpg|png)$/.test(u.tropicals) ? "blob" : "json"
+            responseType: /\.(jpg|png)$/.test(g.tropicals) ? "blob" : "json"
           }).then((p) => {
             var z, x, S;
             const d = Pa.convert2Geojson(((z = p == null ? void 0 : p.data) == null ? void 0 : z.data) || (p == null ? void 0 : p.data));
@@ -7169,7 +7152,7 @@ const Nl = {
               active: !0,
               cached: !0,
               type: "json",
-              etime: n.data.etime,
+              etime: c.data.etime,
               version: Math.random() + 1
             }, this.handleInit());
           }).catch((p) => {
@@ -7182,12 +7165,12 @@ const Nl = {
     handleRefresh() {
       var e, o;
       (((o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) || []).forEach((i) => {
-        var a, r, s, c;
-        ((a = i.geometry) == null ? void 0 : a.type) === "Point" && ((r = i.properties) != null && r.important) && (i.properties.format = (c = (s = D(i.properties.date)) == null ? void 0 : s.utcOffset(this.timeZone)) == null ? void 0 : c.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`));
+        var a, r, s, n;
+        ((a = i.geometry) == null ? void 0 : a.type) === "Point" && ((r = i.properties) != null && r.important) && (i.properties.format = (n = (s = D(i.properties.date)) == null ? void 0 : s.utcOffset(this.timeZone)) == null ? void 0 : n.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`));
       }), this.handleInit();
     },
     handleInit() {
-      var t, e, o, i, a, r, s, c, n, u;
+      var t, e, o, i, a, r, s, n, c, g;
       this.tropicals && (this.handleRender(), (t = this.map) == null || t.on(
         "click",
         [
@@ -7201,10 +7184,10 @@ const Nl = {
           this.historyPointLabelLayer
         ],
         this.handleClick
-      )), ((i = (o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) == null ? void 0 : i.length) > 0 ? (s = (r = (a = this.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmBottomBar) == null || s.handleToggle("tropical", !0) : (u = (n = (c = this.$parent) == null ? void 0 : c.$refs) == null ? void 0 : n.idmBottomBar) == null || u.handleToggle("tropical", !1);
+      )), ((i = (o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) == null ? void 0 : i.length) > 0 ? (s = (r = (a = this.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmBottomBar) == null || s.handleToggle("tropical", !0) : (g = (c = (n = this.$parent) == null ? void 0 : n.$refs) == null ? void 0 : c.idmBottomBar) == null || g.handleToggle("tropical", !1);
     },
     handleRender() {
-      var t, e, o, i, a, r, s, c, n, u;
+      var t, e, o, i, a, r, s, n, c, g;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -7310,9 +7293,9 @@ const Nl = {
               ],
               "text-halo-width": 4
             }
-          }), z = (/* @__PURE__ */ new Date()).valueOf() - (d + f), console.log("[tropical] add elapsed: ", z, ", total: ", f += z)), (r = this.map) != null && r.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((s = this.tropicals) != null && s.active ? this.tropicals.data : this.empty), z = (/* @__PURE__ */ new Date()).valueOf() - (d + f), console.log("[tropical] update elapsed: ", z, ", total: ", f += z)) : (this.map.addSource(this.clusterSource, {
+          }), z = (/* @__PURE__ */ new Date()).valueOf() - (d + f), console.log("[tropical] add elapsed: ", z, ", total: ", f += z)), (r = this.map) != null && r.getSource(this.clusterSource) ? ((n = this.map) == null || n.getSource(this.clusterSource).setData((s = this.tropicals) != null && s.active ? this.tropicals.data : this.empty), z = (/* @__PURE__ */ new Date()).valueOf() - (d + f), console.log("[tropical] update elapsed: ", z, ", total: ", f += z)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
-            data: (n = this.tropicals) != null && n.active ? (u = this.tropicals) == null ? void 0 : u.data : this.empty
+            data: (c = this.tropicals) != null && c.active ? (g = this.tropicals) == null ? void 0 : g.data : this.empty
             // cluster: true,
             // clusterRadius: 10, // 聚合半径
           }), this.map.addLayer({
@@ -7451,7 +7434,7 @@ const Nl = {
       ), this.showTropicalsInfo = !1;
     },
     handleDateChange() {
-      var t, e, o, i, a, r, s, c, n, u, p, d, f, z, x, S, C, N, M, L, v, _, P, k, I, V, X, q, Y, $, ee, Q;
+      var t, e, o, i, a, r, s, n, c, g, p, d, f, z, x, S, C, N, M, L, v, _, P, k, I, V, X, q, Y, $, ee, Q;
       if ((t = this.interpolateMarkers) == null || t.forEach((le) => le == null ? void 0 : le.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const le = D(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), de = this.interpolateData.filter((K) => K.properties.date === (le == null ? void 0 : le.format()) && !K.properties.disabled), pe = this.handleComputePolygons(de), me = E.featureCollection([...de]);
         pe.forEach((K) => {
@@ -7473,7 +7456,7 @@ const Nl = {
         for (const K of de)
           if (!K.properties.disabled) {
             let ie = "#f44336";
-            ((c = (s = K.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((u = (n = K.properties) == null ? void 0 : n.wind) != null && u.kts) ? ie = "#03f869" : ((d = (p = K.properties) == null ? void 0 : p.wind) == null ? void 0 : d.kts) >= 32 && ((z = (f = K.properties) == null ? void 0 : f.wind) == null ? void 0 : z.kts) < 47 ? ie = "#f2f202" : ((S = (x = K.properties) == null ? void 0 : x.wind) == null ? void 0 : S.kts) >= 47 && ((N = (C = K.properties) == null ? void 0 : C.wind) == null ? void 0 : N.kts) < 63 ? ie = "#ff9100" : ((L = (M = K.properties) == null ? void 0 : M.wind) == null ? void 0 : L.kts) >= 63 && ((_ = (v = K.properties) == null ? void 0 : v.wind) == null ? void 0 : _.kts) < 79 ? ie = "#f44336" : ((k = (P = K.properties) == null ? void 0 : P.wind) == null ? void 0 : k.kts) >= 79 && ((V = (I = K.properties) == null ? void 0 : I.wind) == null ? void 0 : V.kts) < 94 ? ie = "#f903d0" : ((q = (X = K.properties) == null ? void 0 : X.wind) == null ? void 0 : q.kts) >= 94 ? ie = "#8702f9" : ie = "#f44336";
+            ((n = (s = K.properties) == null ? void 0 : s.wind) == null ? void 0 : n.kts) < 32 || !((g = (c = K.properties) == null ? void 0 : c.wind) != null && g.kts) ? ie = "#03f869" : ((d = (p = K.properties) == null ? void 0 : p.wind) == null ? void 0 : d.kts) >= 32 && ((z = (f = K.properties) == null ? void 0 : f.wind) == null ? void 0 : z.kts) < 47 ? ie = "#f2f202" : ((S = (x = K.properties) == null ? void 0 : x.wind) == null ? void 0 : S.kts) >= 47 && ((N = (C = K.properties) == null ? void 0 : C.wind) == null ? void 0 : N.kts) < 63 ? ie = "#ff9100" : ((L = (M = K.properties) == null ? void 0 : M.wind) == null ? void 0 : L.kts) >= 63 && ((_ = (v = K.properties) == null ? void 0 : v.wind) == null ? void 0 : _.kts) < 79 ? ie = "#f44336" : ((k = (P = K.properties) == null ? void 0 : P.wind) == null ? void 0 : k.kts) >= 79 && ((V = (I = K.properties) == null ? void 0 : I.wind) == null ? void 0 : V.kts) < 94 ? ie = "#f903d0" : ((q = (X = K.properties) == null ? void 0 : X.wind) == null ? void 0 : q.kts) >= 94 ? ie = "#8702f9" : ie = "#f44336";
             const ue = `<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">
@@ -7497,20 +7480,20 @@ const Nl = {
         (ee = this.map) != null && ee.getSource(this.interpolateSource) && ((Q = this.map) == null || Q.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var r, s, c, n, u, p, d, f;
+      var r, s, n, c, g, p, d, f;
       const e = t.features[0], o = (s = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : s.features.filter(
         (z) => {
           var x;
           return z.geometry.type === "LineString" && z.properties.type === "forecast" && z.properties.name === ((x = e == null ? void 0 : e.properties) == null ? void 0 : x.name);
         }
-      ), i = (n = (c = this.tropicals) == null ? void 0 : c.data) == null ? void 0 : n.features.filter(
+      ), i = (c = (n = this.tropicals) == null ? void 0 : n.data) == null ? void 0 : c.features.filter(
         (z) => {
           var x;
           return z.geometry.type === "LineString" && z.properties.type === "history" && z.properties.name === ((x = e == null ? void 0 : e.properties) == null ? void 0 : x.name);
         }
       );
       this.activeTropicals = {
-        name: (u = e == null ? void 0 : e.properties) == null ? void 0 : u.name,
+        name: (g = e == null ? void 0 : e.properties) == null ? void 0 : g.name,
         forecasts: o.map((z) => z.properties),
         history: (p = i[0]) == null ? void 0 : p.properties,
         showCircle: (f = (d = o[0]) == null ? void 0 : d.properties) == null ? void 0 : f.showCircle
@@ -7519,14 +7502,14 @@ const Nl = {
       this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]) : this.activeTropicalsMarker = new we.Marker(a).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(t) {
-      var i, a, r, s, c, n;
+      var i, a, r, s, n, c;
       t.disabled = !t.disabled;
       const e = `${t.name}-${t.model}`, o = (a = (i = this.map) == null ? void 0 : i.getSource(this.source)._data) == null ? void 0 : a.features;
-      o.forEach((u) => {
-        u.properties.category === e && (u.properties.disabled = t.disabled);
-      }), this.interpolateData.forEach((u) => {
-        u.properties.category === e && (u.properties.disabled = t.disabled);
-      }), (s = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || s.setData(E.featureCollection(o)), (n = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || n.setData(E.featureCollection(o)), this.handleDateChange();
+      o.forEach((g) => {
+        g.properties.category === e && (g.properties.disabled = t.disabled);
+      }), this.interpolateData.forEach((g) => {
+        g.properties.category === e && (g.properties.disabled = t.disabled);
+      }), (s = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || s.setData(E.featureCollection(o)), (c = (n = this.map) == null ? void 0 : n.getSource(this.clusterSource)) == null || c.setData(E.featureCollection(o)), this.handleDateChange();
     },
     handleStrikeProbability(t) {
       this.$emit("tropicalProbability", t);
@@ -7570,8 +7553,8 @@ const Nl = {
           se: i.r10se >= 0 ? i.r10se : void 0,
           sw: i.r10sw >= 0 ? i.r10sw : void 0,
           nw: i.r10nw >= 0 ? i.r10nw : void 0
-        }, c = this.handleComputeArc(o.geometry.coordinates, s, { ...o.properties, level: 10 });
-        e.push(c);
+        }, n = this.handleComputeArc(o.geometry.coordinates, s, { ...o.properties, level: 10 });
+        e.push(n);
       }
       return e;
     },
@@ -7579,23 +7562,23 @@ const Nl = {
       var r;
       const i = [];
       for (const s in e) {
-        const c = e[s] ?? 0;
-        let n;
+        const n = e[s] ?? 0;
+        let c;
         switch (s) {
           case "ne":
-            n = E.lineArc(t, c, 0, 90, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            c = E.lineArc(t, n, 0, 90, { steps: n > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "se":
-            n = E.lineArc(t, c, 90, 180, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            c = E.lineArc(t, n, 90, 180, { steps: n > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "sw":
-            n = E.lineArc(t, c, 180, 270, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            c = E.lineArc(t, n, 180, 270, { steps: n > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "nw":
-            n = E.lineArc(t, c, 270, 360, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            c = E.lineArc(t, n, 270, 360, { steps: n > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
         }
-        i.push(...(r = n == null ? void 0 : n.geometry) == null ? void 0 : r.coordinates);
+        i.push(...(r = c == null ? void 0 : c.geometry) == null ? void 0 : r.coordinates);
       }
       const a = E.lineString(i);
       return E.lineToPolygon(a, { properties: o });
@@ -7615,17 +7598,17 @@ const Nl = {
   style: { height: "80px" }
 }, os = { class: "pa-1 d-flex justify-space-between align-center" }, as = { class: "pa-1 d-flex justify-space-between align-center" };
 function is(t, e, o, i, a, r) {
-  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardText"), u = w("VDivider"), p = w("VCardActions"), d = w("VCard");
+  const s = w("VBtn"), n = w("VTooltip"), c = w("VCardText"), g = w("VDivider"), p = w("VCardActions"), d = w("VCard");
   return b(), T("div", Fl, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ae({ top: o.top + 134 + "px", right: a.right + "px" })
     }, [
-      m(c, {
+      m(n, {
         text: t.$t("tropical.tropicals"),
         location: "left"
       }, {
-        activator: g(({ props: f }) => [
+        activator: u(({ props: f }) => [
           m(s, B(f, {
             "min-width": "32",
             width: "32",
@@ -7633,7 +7616,7 @@ function is(t, e, o, i, a, r) {
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: g(() => e[4] || (e[4] = [
+            default: u(() => e[4] || (e[4] = [
               l("i", { class: "iconfont icon-a-Tropicalcyclone text-h4" }, null, -1)
             ])),
             _: 2,
@@ -7648,9 +7631,9 @@ function is(t, e, o, i, a, r) {
         width: "400",
         elevation: "16"
       }, {
-        default: g(() => [
-          m(n, null, {
-            default: g(() => {
+        default: u(() => [
+          m(c, null, {
+            default: u(() => {
               var f, z, x, S, C, N, M, L, v, _;
               return [
                 l("div", Wl, [
@@ -7658,49 +7641,53 @@ function is(t, e, o, i, a, r) {
                   (x = (z = a.activeTropicals) == null ? void 0 : z.history) != null && x.level ? (b(), T("span", Ul, ", " + y((C = (S = a.activeTropicals) == null ? void 0 : S.history) == null ? void 0 : C.level), 1)) : O("", !0)
                 ]),
                 m(s, {
-                  icon: "$close",
-                  size: "small",
+                  icon: "",
                   density: "compact",
-                  variant: "text",
                   class: "close",
                   onClick: e[0] || (e[0] = (P) => a.showTropicalsInfo = !1)
+                }, {
+                  default: u(() => e[5] || (e[5] = [
+                    l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
+                  ])),
+                  _: 1,
+                  __: [5]
                 }),
                 l("div", Vl, [
-                  e[5] || (e[5] = l("span", { class: "opacity-70" }, "Last update: ", -1)),
+                  e[6] || (e[6] = l("span", { class: "opacity-70" }, "Last update: ", -1)),
                   l("span", null, y(r.computeTime(((M = (N = a.activeTropicals) == null ? void 0 : N.history) == null ? void 0 : M.updated) || ((_ = (v = (L = a.activeTropicals) == null ? void 0 : L.forecasts) == null ? void 0 : v.filter((P) => !P.disabled)[0]) == null ? void 0 : _.date))), 1)
                 ])
               ];
             }),
             _: 1
           }),
-          m(u),
-          m(n, { class: "text-body-1" }, {
-            default: g(() => {
+          m(g),
+          m(c, { class: "text-body-1" }, {
+            default: u(() => {
               var f, z, x, S, C, N, M, L, v;
               return [
                 l("div", Yl, [
                   l("div", Zl, [
-                    e[6] || (e[6] = l("label", { class: "opacity-70 pr-1" }, "Wind speed : ", -1)),
+                    e[7] || (e[7] = l("label", { class: "opacity-70 pr-1" }, "Wind speed : ", -1)),
                     l("span", null, y(((z = (f = a.activeTropicals) == null ? void 0 : f.history) == null ? void 0 : z.kts) || "-") + " kts", 1),
                     l("span", null, ", BF " + y(r.computeBF(((S = (x = a.activeTropicals) == null ? void 0 : x.history) == null ? void 0 : S.kts) || "-")), 1)
                   ]),
                   l("div", Xl, [
-                    e[7] || (e[7] = l("label", { class: "opacity-70 pr-1" }, "Pressure : ", -1)),
+                    e[8] || (e[8] = l("label", { class: "opacity-70 pr-1" }, "Pressure : ", -1)),
                     l("span", null, y(((N = (C = a.activeTropicals) == null ? void 0 : C.history) == null ? void 0 : N.pressure) || "-") + " hPa", 1)
                   ])
                 ]),
                 l("div", ql, [
                   l("div", Kl, [
-                    e[8] || (e[8] = l("label", { class: "opacity-70 pr-1" }, "Move Speed : ", -1)),
+                    e[9] || (e[9] = l("label", { class: "opacity-70 pr-1" }, "Move Speed : ", -1)),
                     l("span", null, y(((M = r.computeMovement(a.activeTropicals)) == null ? void 0 : M.kts) || "-") + " kts", 1)
                   ]),
                   l("div", Ql, [
-                    e[9] || (e[9] = l("label", { class: "opacity-70 pr-1" }, "Move Dir : ", -1)),
+                    e[10] || (e[10] = l("label", { class: "opacity-70 pr-1" }, "Move Dir : ", -1)),
                     l("span", null, y(((L = r.computeMovement(a.activeTropicals)) == null ? void 0 : L.deg) || "-") + "°", 1)
                   ])
                 ]),
                 l("div", Jl, [
-                  e[10] || (e[10] = l("label", {
+                  e[11] || (e[11] = l("label", {
                     class: "opacity-70 pr-1",
                     style: { width: "max-content" }
                   }, "Forecast Models : ", -1)),
@@ -7713,7 +7700,7 @@ function is(t, e, o, i, a, r) {
                       class: Ge(["model text-none text-body-1", _.disabled ? "" : "btn-border-2"]),
                       onClick: (k) => r.handleForecastToggle(_)
                     }, {
-                      default: g(() => [
+                      default: u(() => [
                         G(y(_.model), 1)
                       ]),
                       _: 2
@@ -7724,9 +7711,9 @@ function is(t, e, o, i, a, r) {
             }),
             _: 1
           }),
-          m(u),
+          m(g),
           m(p, { class: "d-flex justify-space-between" }, {
-            default: g(() => [
+            default: u(() => [
               m(s, {
                 density: "compact",
                 "prepend-icon": "",
@@ -7735,14 +7722,14 @@ function is(t, e, o, i, a, r) {
                 class: "text-none text-body-1",
                 onClick: e[1] || (e[1] = (f) => a.showLegend = !a.showLegend)
               }, {
-                prepend: g(() => e[11] || (e[11] = [
+                prepend: u(() => e[12] || (e[12] = [
                   l("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
                 ])),
-                default: g(() => [
-                  e[12] || (e[12] = G(" Legend ", -1))
+                default: u(() => [
+                  e[13] || (e[13] = G(" Legend ", -1))
                 ]),
                 _: 1,
-                __: [12]
+                __: [13]
               }, 8, ["color"]),
               l("div", es, [
                 o.permission & a.helper.LEVEL.Supper ? (b(), j(s, {
@@ -7752,11 +7739,11 @@ function is(t, e, o, i, a, r) {
                   class: "text-none text-body-1",
                   onClick: e[2] || (e[2] = (f) => r.handleNotification(a.activeTropicals))
                 }, {
-                  default: g(() => e[13] || (e[13] = [
+                  default: u(() => e[14] || (e[14] = [
                     G("Notify", -1)
                   ])),
                   _: 1,
-                  __: [13]
+                  __: [14]
                 })) : O("", !0),
                 m(s, {
                   variant: "text",
@@ -7765,11 +7752,11 @@ function is(t, e, o, i, a, r) {
                   class: "text-none text-body-1",
                   onClick: e[3] || (e[3] = (f) => r.handleStrikeProbability(a.activeTropicals))
                 }, {
-                  default: g(() => e[14] || (e[14] = [
+                  default: u(() => e[15] || (e[15] = [
                     G("View Report", -1)
                   ])),
                   _: 1,
-                  __: [14]
+                  __: [15]
                 })
               ])
             ]),
@@ -7783,10 +7770,10 @@ function is(t, e, o, i, a, r) {
           width: "400",
           elevation: "16"
         }, {
-          default: g(() => [
-            m(n, null, {
-              default: g(() => [
-                He(l("div", os, e[15] || (e[15] = [
+          default: u(() => [
+            m(c, null, {
+              default: u(() => [
+                He(l("div", os, e[16] || (e[16] = [
                   l("div", { class: "legend d-flex justify-start align-center" }, [
                     l("div", { class: "icon td" }),
                     l("div", { class: "label" }, "TD")
@@ -7814,7 +7801,7 @@ function is(t, e, o, i, a, r) {
                 ]), 512), [
                   [We, a.showLegend]
                 ]),
-                He(l("div", as, e[16] || (e[16] = [
+                He(l("div", as, e[17] || (e[17] = [
                   l("div", { class: "legend d-flex justify-start align-center" }, [
                     l("div", { class: "icon history" }),
                     l("div", { class: "label" }, "History")
@@ -8009,7 +7996,7 @@ const rs = {
   style: { height: "56px" }
 };
 function ms(t, e, o, i, a, r) {
-  const s = w("VBtn"), c = w("VDatePicker"), n = w("VDivider"), u = w("VListItemTitle"), p = w("VListItem"), d = w("VList"), f = w("VCardText"), z = w("VCardActions"), x = w("VCard");
+  const s = w("VBtn"), n = w("VDatePicker"), c = w("VDivider"), g = w("VListItemTitle"), p = w("VListItem"), d = w("VList"), f = w("VCardText"), z = w("VCardActions"), x = w("VCard");
   return b(), T("div", ls, [
     m(s, {
       text: "",
@@ -8017,7 +8004,7 @@ function ms(t, e, o, i, a, r) {
       class: "elevation-0 text-body-1 px-2 btn-border-1",
       onClick: r.handleOpenDatePicker
     }, {
-      default: g(() => [
+      default: u(() => [
         G(y(a.currentDateTime) + " | UTC " + y(o.timeZone < 0 ? o.timeZone : "+" + o.timeZone), 1)
       ]),
       _: 1
@@ -8026,11 +8013,11 @@ function ms(t, e, o, i, a, r) {
       key: 0,
       class: "card-box d-flex flex-column"
     }, {
-      default: g(() => [
+      default: u(() => [
         m(f, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
-          default: g(() => [
+          default: u(() => [
             l("div", ss, [
-              m(c, {
+              m(n, {
                 modelValue: a.currentDate,
                 "onUpdate:modelValue": e[0] || (e[0] = (S) => a.currentDate = S),
                 min: a.dateRange[0],
@@ -8044,14 +8031,14 @@ function ms(t, e, o, i, a, r) {
                 "onUpdate:month": r.handleUpdateMonth
               }, null, 8, ["modelValue", "min", "max", "mode-icon", "onUpdate:month"])
             ]),
-            m(n, {
+            m(c, {
               class: "h-100",
               vertical: ""
             }),
             l("div", ns, [
               l("div", cs, y(a.currentTime), 1),
               m(d, { class: "pa-0 flex-1-1-0" }, {
-                default: g(() => [
+                default: u(() => [
                   (b(!0), T(ke, null, Le(r.hourOptions, (S, C) => (b(), j(p, {
                     key: C,
                     value: S,
@@ -8061,12 +8048,12 @@ function ms(t, e, o, i, a, r) {
                     height: "26",
                     "min-height": "26"
                   }, {
-                    default: g(() => [
-                      m(u, {
+                    default: u(() => [
+                      m(g, {
                         class: "text-body-2 text-center",
                         onClick: (N) => a.currentTime = S
                       }, {
-                        default: g(() => [
+                        default: u(() => [
                           G(y(S), 1)
                         ]),
                         _: 2
@@ -8081,19 +8068,19 @@ function ms(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        m(n),
+        m(c),
         m(z, {
           class: "justify-end pa-0 pr-4",
           style: { height: "50px" }
         }, {
-          default: g(() => [
+          default: u(() => [
             m(s, {
               size: "small",
               variant: "tonal",
               class: "text-none",
               onClick: r.handleCancelDate
             }, {
-              default: g(() => e[1] || (e[1] = [
+              default: u(() => e[1] || (e[1] = [
                 G("Cancel", -1)
               ])),
               _: 1,
@@ -8106,7 +8093,7 @@ function ms(t, e, o, i, a, r) {
               class: "text-none",
               onClick: r.handleConfirmDate
             }, {
-              default: g(() => e[2] || (e[2] = [
+              default: u(() => e[2] || (e[2] = [
                 G("Confirm", -1)
               ])),
               _: 1,
@@ -8305,9 +8292,9 @@ const hs = {
         }
       });
     },
-    handleCloseForm() {
-      var t, e;
-      this.showForm = !1, (t = this.$refs.spotForm) == null || t.reset(), this.form = {
+    cancelForm() {
+      var t;
+      (t = this.$refs.spotForm) == null || t.reset(), this.form = {
         lng: void 0,
         lngDegree: void 0,
         lngMinute: void 0,
@@ -8318,7 +8305,11 @@ const hs = {
         latDirection: "N",
         dateTime: void 0,
         forecastModel: this.forecastModel
-      }, !this.showForm && !this.showMeteo && (this.toggle = !1), (e = this.positionMarker) == null || e.remove(), this.positionMarker = void 0;
+      };
+    },
+    handleCloseForm() {
+      var t;
+      this.showForm = !1, this.cancelForm(), !this.showForm && !this.showMeteo && (this.toggle = !1), (t = this.positionMarker) == null || t.remove(), this.positionMarker = void 0;
     },
     async fetchMeteoData(t) {
       this.loading = !0, this.meteoData = [];
@@ -8355,10 +8346,10 @@ const hs = {
       (a == null ? void 0 : a.data.code) === 0 && (this.meteoData = a == null ? void 0 : a.data.data), this.loading = !1;
     },
     initTableData(t) {
-      var o, i, a, r, s, c, n, u, p, d, f, z, x, S, C, N, M, L, v, _, P, k, I, V, X, q, Y, $, ee, Q, le, de, pe, me, K, ie, ue, F, ne, xe, ve;
+      var o, i, a, r, s, n, c, g, p, d, f, z, x, S, C, N, M, L, v, _, P, k, I, V, X, q, Y, $, ee, Q, le, de, pe, me, K, ie, ue, F, ne, xe, ve;
       this.currentHourData = {}, this.positionGmt = (i = (o = t == null ? void 0 : t.weather) == null ? void 0 : o[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (a = t == null ? void 0 : t.weather) == null ? void 0 : a[0]) == null ? void 0 : r.offset;
       const e = ((s = ao.pickHourly(t, D(this.form.dateTime))) == null ? void 0 : s[0]) || {};
-      this.currentHourData.utc = e.utc, this.currentHourData.lat = this.form.lat, this.currentHourData.lng = this.form.lng, this.currentHourData.temp = this.roundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((u = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : u.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((d = (p = e == null ? void 0 : e.weather) == null ? void 0 : p.precip) == null ? void 0 : d.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((f = e == null ? void 0 : e.weather) == null ? void 0 : f.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((x = (z = e == null ? void 0 : e.weather) == null ? void 0 : z.wind) == null ? void 0 : x.kts, 1) ?? "-", this.currentHourData.windDir = (C = (S = e == null ? void 0 : e.weather) == null ? void 0 : S.wind) == null ? void 0 : C.direction, this.currentHourData.windLevel = this.roundPrecision((M = (N = e == null ? void 0 : e.weather) == null ? void 0 : N.wind) == null ? void 0 : M.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((v = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : v.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((P = (_ = e == null ? void 0 : e.wave) == null ? void 0 : _.sig) == null ? void 0 : P.height, 1) ?? "-", this.currentHourData.sigwaveDir = (I = (k = e == null ? void 0 : e.wave) == null ? void 0 : k.sig) == null ? void 0 : I.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((X = (V = e == null ? void 0 : e.wave) == null ? void 0 : V.sig) == null ? void 0 : X.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((Y = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : Y.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.roundPrecision((le = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : le.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((pe = (de = e == null ? void 0 : e.wave) == null ? void 0 : de.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = (K = (me = e == null ? void 0 : e.wave) == null ? void 0 : me.swell) == null ? void 0 : K.direction, this.currentHourData.swellPeriod = this.roundPrecision((ue = (ie = e == null ? void 0 : e.wave) == null ? void 0 : ie.swell) == null ? void 0 : ue.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((F = e == null ? void 0 : e.current) == null ? void 0 : F.speed, 1) ?? "-", this.currentHourData.currentDir = (ne = e == null ? void 0 : e.current) == null ? void 0 : ne.direction, this.currentHourData.currentSpeed = this.roundPrecision((xe = e == null ? void 0 : e.current) == null ? void 0 : xe.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ve = e == null ? void 0 : e.weather) == null ? void 0 : ve.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = this.form.lat, this.currentHourData.lng = this.form.lng, this.currentHourData.temp = this.roundPrecision((n = e == null ? void 0 : e.weather) == null ? void 0 : n.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((g = (c = e == null ? void 0 : e.weather) == null ? void 0 : c.precip) == null ? void 0 : g.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((d = (p = e == null ? void 0 : e.weather) == null ? void 0 : p.precip) == null ? void 0 : d.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((f = e == null ? void 0 : e.weather) == null ? void 0 : f.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((x = (z = e == null ? void 0 : e.weather) == null ? void 0 : z.wind) == null ? void 0 : x.kts, 1) ?? "-", this.currentHourData.windDir = (C = (S = e == null ? void 0 : e.weather) == null ? void 0 : S.wind) == null ? void 0 : C.direction, this.currentHourData.windLevel = this.roundPrecision((M = (N = e == null ? void 0 : e.weather) == null ? void 0 : N.wind) == null ? void 0 : M.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((v = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : v.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((P = (_ = e == null ? void 0 : e.wave) == null ? void 0 : _.sig) == null ? void 0 : P.height, 1) ?? "-", this.currentHourData.sigwaveDir = (I = (k = e == null ? void 0 : e.wave) == null ? void 0 : k.sig) == null ? void 0 : I.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((X = (V = e == null ? void 0 : e.wave) == null ? void 0 : V.sig) == null ? void 0 : X.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((Y = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : Y.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.roundPrecision((le = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : le.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((pe = (de = e == null ? void 0 : e.wave) == null ? void 0 : de.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = (K = (me = e == null ? void 0 : e.wave) == null ? void 0 : me.swell) == null ? void 0 : K.direction, this.currentHourData.swellPeriod = this.roundPrecision((ue = (ie = e == null ? void 0 : e.wave) == null ? void 0 : ie.swell) == null ? void 0 : ue.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((F = e == null ? void 0 : e.current) == null ? void 0 : F.speed, 1) ?? "-", this.currentHourData.currentDir = (ne = e == null ? void 0 : e.current) == null ? void 0 : ne.direction, this.currentHourData.currentSpeed = this.roundPrecision((xe = e == null ? void 0 : e.current) == null ? void 0 : xe.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ve = e == null ? void 0 : e.weather) == null ? void 0 : ve.url;
     },
     handleBind() {
       var t, e;
@@ -8407,8 +8398,8 @@ const hs = {
       this.point.forecastModel = this.forecastModel, this.$emit("meteoMore", this.point);
     },
     handleCloseMeteo() {
-      var t;
-      this.showMeteo = !1, (t = this.meteoMarker) == null || t.remove(), this.meteoMarker = void 0, !this.showForm && !this.showMeteo && (this.toggle = !1);
+      var t, e;
+      this.showMeteo = !1, (t = this.meteoMarker) == null || t.remove(), this.meteoMarker = void 0, (e = this.positionMarker) == null || e.remove(), this.positionMarker = void 0, !this.showForm && !this.showMeteo && (this.toggle = !1);
     },
     handleFollow() {
       this.$emit("follow", "point", this.point);
@@ -8428,17 +8419,17 @@ const hs = {
   "aria-hidden": "true"
 }, zs = ["xlink:href"], Ls = { class: "d-flex justify-start align-center" }, Ps = { class: "mx-2" };
 function Cs(t, e, o, i, a, r) {
-  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VDivider"), p = w("VTextField"), d = w("VCol"), f = w("VRow"), z = w("DateTimePicker"), x = w("VBtnToggle"), S = w("VCardActions"), C = w("VForm"), N = w("VCardText"), M = w("VCard"), L = w("VIcon");
+  const s = w("VBtn"), n = w("VTooltip"), c = w("VCardTitle"), g = w("VDivider"), p = w("VTextField"), d = w("VCol"), f = w("VRow"), z = w("DateTimePicker"), x = w("VBtnToggle"), S = w("VCardActions"), C = w("VForm"), N = w("VCardText"), M = w("VCard"), L = w("VIcon");
   return b(), T("div", ds, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ae({ top: o.top + 174 + "px", right: a.right + "px" })
     }, [
-      m(c, {
+      m(n, {
         text: t.$t("spot.spotsMeteo"),
         location: "left"
       }, {
-        activator: g(({ props: v }) => [
+        activator: u(({ props: v }) => [
           m(s, B(v, {
             "min-width": "32",
             width: "32",
@@ -8446,7 +8437,7 @@ function Cs(t, e, o, i, a, r) {
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: g(() => e[8] || (e[8] = [
+            default: u(() => e[8] || (e[8] = [
               l("i", { class: "iconfont icon-a-Spotweather text-h4" }, null, -1)
             ])),
             _: 2,
@@ -8461,24 +8452,20 @@ function Cs(t, e, o, i, a, r) {
       class: "spot-form-card",
       style: ae({ top: o.top + 174 + "px", right: a.right + 50 + "px" })
     }, {
-      default: g(() => [
-        m(n, { class: "d-flex justify-space-between align-center" }, {
-          default: g(() => [
+      default: u(() => [
+        m(c, { class: "d-flex justify-space-between align-center" }, {
+          default: u(() => [
             e[10] || (e[10] = l("div", { class: "d-flex justify-start align-center" }, [
               l("div", { class: "text-h6 font-weight-600 mx-2" }, "Spot Weather")
             ], -1)),
             m(s, {
               icon: "",
-              density: "comfortable",
-              variant: "plain",
+              density: "compact",
               class: "mr-n2",
               onClick: r.handleCloseForm
             }, {
-              default: g(() => e[9] || (e[9] = [
-                l("i", {
-                  class: "iconfont icon-close",
-                  style: { "font-size": "20px" }
-                }, null, -1)
+              default: u(() => e[9] || (e[9] = [
+                l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
               ])),
               _: 1,
               __: [9]
@@ -8487,16 +8474,16 @@ function Cs(t, e, o, i, a, r) {
           _: 1,
           __: [10]
         }),
-        m(u),
+        m(g),
         m(N, { class: "text-body-1 py-1" }, {
-          default: g(() => [
+          default: u(() => [
             m(C, {
               ref: "spotForm",
               autocomplete: "off",
               class: "form-box",
               onSubmit: Aa(r.submitForm, ["prevent"])
             }, {
-              default: g(() => [
+              default: u(() => [
                 l("div", ps, [
                   (b(), T("svg", us, [
                     l("use", {
@@ -8506,12 +8493,12 @@ function Cs(t, e, o, i, a, r) {
                   e[11] || (e[11] = l("div", null, "Lng", -1))
                 ]),
                 m(f, { class: "ma-0" }, {
-                  default: g(() => [
+                  default: u(() => [
                     m(d, {
                       cols: "4",
                       class: "pa-0 d-flex"
                     }, {
-                      default: g(() => [
+                      default: u(() => [
                         m(p, {
                           modelValue: a.form.lngDegree,
                           "onUpdate:modelValue": e[0] || (e[0] = (v) => a.form.lngDegree = v),
@@ -8530,7 +8517,7 @@ function Cs(t, e, o, i, a, r) {
                       cols: "6",
                       class: "pa-0 d-flex"
                     }, {
-                      default: g(() => [
+                      default: u(() => [
                         m(p, {
                           modelValue: a.form.lngMinute,
                           "onUpdate:modelValue": e[1] || (e[1] = (v) => a.form.lngMinute = v),
@@ -8550,7 +8537,7 @@ function Cs(t, e, o, i, a, r) {
                       cols: "2",
                       class: "pa-0"
                     }, {
-                      default: g(() => [
+                      default: u(() => [
                         m(s, {
                           variant: "outlined",
                           density: "compact",
@@ -8561,7 +8548,7 @@ function Cs(t, e, o, i, a, r) {
                           style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
                           onClick: e[2] || (e[2] = (v) => a.form.lngDirection = a.form.lngDirection === "E" ? "W" : "E")
                         }, {
-                          default: g(() => [
+                          default: u(() => [
                             G(y(a.form.lngDirection), 1)
                           ]),
                           _: 1
@@ -8581,12 +8568,12 @@ function Cs(t, e, o, i, a, r) {
                   e[14] || (e[14] = l("div", null, "Lat", -1))
                 ]),
                 m(f, { class: "ma-0" }, {
-                  default: g(() => [
+                  default: u(() => [
                     m(d, {
                       cols: "4",
                       class: "pa-0 d-flex"
                     }, {
-                      default: g(() => [
+                      default: u(() => [
                         m(p, {
                           modelValue: a.form.latDegree,
                           "onUpdate:modelValue": e[3] || (e[3] = (v) => a.form.latDegree = v),
@@ -8608,7 +8595,7 @@ function Cs(t, e, o, i, a, r) {
                       cols: "6",
                       class: "pa-0 d-flex"
                     }, {
-                      default: g(() => [
+                      default: u(() => [
                         m(p, {
                           modelValue: a.form.latMinute,
                           "onUpdate:modelValue": e[4] || (e[4] = (v) => a.form.latMinute = v),
@@ -8628,7 +8615,7 @@ function Cs(t, e, o, i, a, r) {
                       cols: "2",
                       class: "pa-0"
                     }, {
-                      default: g(() => [
+                      default: u(() => [
                         m(s, {
                           variant: "outlined",
                           density: "compact",
@@ -8639,7 +8626,7 @@ function Cs(t, e, o, i, a, r) {
                           style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
                           onClick: e[5] || (e[5] = (v) => a.form.latDirection = a.form.latDirection === "N" ? "S" : "N")
                         }, {
-                          default: g(() => [
+                          default: u(() => [
                             G(y(a.form.latDirection), 1)
                           ]),
                           _: 1
@@ -8653,18 +8640,18 @@ function Cs(t, e, o, i, a, r) {
                 l("div", ws, [
                   (b(), T("svg", xs, [
                     l("use", {
-                      "xlink:href": `#icon-a-DateTime-${o.theme}`
+                      "xlink:href": `#icon-date-time-${o.theme}`
                     }, null, 8, vs)
                   ])),
                   e[17] || (e[17] = l("div", null, "Date Time", -1))
                 ]),
                 m(f, { class: "ma-0 mb-4" }, {
-                  default: g(() => [
+                  default: u(() => [
                     m(d, {
                       cols: "12",
                       class: "pa-0"
                     }, {
-                      default: g(() => [
+                      default: u(() => [
                         m(z, B({
                           "date-time": a.form.dateTime,
                           "time-zone": o.timeZone
@@ -8680,18 +8667,18 @@ function Cs(t, e, o, i, a, r) {
                 l("div", _s, [
                   (b(), T("svg", ks, [
                     l("use", {
-                      "xlink:href": `#icon-a-ForecastModel-${o.theme}`
+                      "xlink:href": `#icon-forecast-model-${o.theme}`
                     }, null, 8, zs)
                   ])),
                   e[18] || (e[18] = l("div", null, "Forecast Model", -1))
                 ]),
                 m(f, { class: "ma-0 mb-2" }, {
-                  default: g(() => [
+                  default: u(() => [
                     m(d, {
                       cols: "12",
                       class: "pa-0"
                     }, {
-                      default: g(() => [
+                      default: u(() => [
                         m(x, {
                           modelValue: a.form.forecastModel,
                           "onUpdate:modelValue": e[7] || (e[7] = (v) => a.form.forecastModel = v),
@@ -8701,7 +8688,7 @@ function Cs(t, e, o, i, a, r) {
                           density: "compact",
                           group: ""
                         }, {
-                          default: g(() => [
+                          default: u(() => [
                             m(s, {
                               density: "compact",
                               height: "30",
@@ -8710,7 +8697,7 @@ function Cs(t, e, o, i, a, r) {
                               color: a.form.forecastModel === "GFS" ? "primary" : "",
                               "base-color": ""
                             }, {
-                              default: g(() => e[19] || (e[19] = [
+                              default: u(() => e[19] || (e[19] = [
                                 G("NOAA", -1)
                               ])),
                               _: 1,
@@ -8724,7 +8711,7 @@ function Cs(t, e, o, i, a, r) {
                               "base-color": "",
                               value: "ECMWF"
                             }, {
-                              default: g(() => e[20] || (e[20] = [
+                              default: u(() => e[20] || (e[20] = [
                                 G("ECMWF", -1)
                               ])),
                               _: 1,
@@ -8739,16 +8726,16 @@ function Cs(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                m(u),
+                m(g),
                 m(S, { class: "d-flex justify-end align-center ga-4" }, {
-                  default: g(() => [
+                  default: u(() => [
                     m(s, {
                       size: "small",
                       variant: "outlined",
                       class: "text-none text-body-1",
-                      onClick: r.handleCloseForm
+                      onClick: r.cancelForm
                     }, {
-                      default: g(() => e[21] || (e[21] = [
+                      default: u(() => e[21] || (e[21] = [
                         G("Clear", -1)
                       ])),
                       _: 1,
@@ -8762,7 +8749,7 @@ function Cs(t, e, o, i, a, r) {
                       type: "submit",
                       class: "text-none text-body-1"
                     }, {
-                      default: g(() => e[22] || (e[22] = [
+                      default: u(() => e[22] || (e[22] = [
                         G("Confirm", -1)
                       ])),
                       _: 1,
@@ -8785,9 +8772,9 @@ function Cs(t, e, o, i, a, r) {
       class: "spot-meteo",
       style: { width: "490px", "z-index": "9" }
     }, {
-      default: g(() => [
-        m(n, { class: "d-flex justify-space-between align-center" }, {
-          default: g(() => {
+      default: u(() => [
+        m(c, { class: "d-flex justify-space-between align-center" }, {
+          default: u(() => {
             var v, _;
             return [
               l("div", Ls, [
@@ -8796,16 +8783,12 @@ function Cs(t, e, o, i, a, r) {
               ]),
               m(s, {
                 icon: "",
-                density: "comfortable",
-                variant: "plain",
+                density: "compact",
                 class: "mr-n2",
                 onClick: r.handleCloseMeteo
               }, {
-                default: g(() => e[24] || (e[24] = [
-                  l("i", {
-                    class: "iconfont icon-close",
-                    style: { "font-size": "20px" }
-                  }, null, -1)
+                default: u(() => e[24] || (e[24] = [
+                  l("i", { class: "iconfont icon-close opacity-70" }, null, -1)
                 ])),
                 _: 1,
                 __: [24]
@@ -8814,16 +8797,16 @@ function Cs(t, e, o, i, a, r) {
           }),
           _: 1
         }),
-        m(u),
+        m(g),
         m(N, { class: "text-body-1 ml-n8" }, {
-          default: g(() => [
+          default: u(() => [
             m(f, null, {
-              default: g(() => [
+              default: u(() => [
                 m(d, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
-                  default: g(() => e[25] || (e[25] = [
+                  default: u(() => e[25] || (e[25] = [
                     G("Time", -1)
                   ])),
                   _: 1,
@@ -8833,7 +8816,7 @@ function Cs(t, e, o, i, a, r) {
                   cols: "9",
                   class: "pa-2 px-0"
                 }, {
-                  default: g(() => {
+                  default: u(() => {
                     var v;
                     return [
                       G(y(r.computedTzTime((v = a.currentHourData) == null ? void 0 : v.utc)), 1)
@@ -8845,12 +8828,12 @@ function Cs(t, e, o, i, a, r) {
               _: 1
             }),
             m(f, null, {
-              default: g(() => [
+              default: u(() => [
                 m(d, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
-                  default: g(() => e[26] || (e[26] = [
+                  default: u(() => e[26] || (e[26] = [
                     G("LT", -1)
                   ])),
                   _: 1,
@@ -8860,7 +8843,7 @@ function Cs(t, e, o, i, a, r) {
                   cols: "9",
                   class: "pa-2 px-0"
                 }, {
-                  default: g(() => {
+                  default: u(() => {
                     var v;
                     return [
                       G(y(r.computedLocalTime((v = a.currentHourData) == null ? void 0 : v.utc)), 1)
@@ -8872,12 +8855,12 @@ function Cs(t, e, o, i, a, r) {
               _: 1
             }),
             m(f, null, {
-              default: g(() => [
+              default: u(() => [
                 m(d, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
-                  default: g(() => e[27] || (e[27] = [
+                  default: u(() => e[27] || (e[27] = [
                     G("Wind", -1)
                   ])),
                   _: 1,
@@ -8887,7 +8870,7 @@ function Cs(t, e, o, i, a, r) {
                   cols: "4",
                   class: "pa-2 px-0 text-left"
                 }, {
-                  default: g(() => [
+                  default: u(() => [
                     G(y(a.currentHourData.windDir) + " / " + y(a.currentHourData.windSpeed) + "kts / BF" + y(a.currentHourData.windLevel), 1)
                   ]),
                   _: 1
@@ -8896,7 +8879,7 @@ function Cs(t, e, o, i, a, r) {
                   cols: "2",
                   class: "pa-2 pl-0 ml-n4 text-right opacity-50"
                 }, {
-                  default: g(() => e[28] || (e[28] = [
+                  default: u(() => e[28] || (e[28] = [
                     G("Sig Wave", -1)
                   ])),
                   _: 1,
@@ -8906,7 +8889,7 @@ function Cs(t, e, o, i, a, r) {
                   cols: "3",
                   class: "pa-2 px-0 text-left"
                 }, {
-                  default: g(() => [
+                  default: u(() => [
                     G(y(a.currentHourData.sigwaveDir) + " / " + y(a.currentHourData.sigwaveHeight) + "m / " + y(a.currentHourData.sigwavePeriod) + "s", 1)
                   ]),
                   _: 1
@@ -8915,12 +8898,12 @@ function Cs(t, e, o, i, a, r) {
               _: 1
             }),
             m(f, null, {
-              default: g(() => [
+              default: u(() => [
                 m(d, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
-                  default: g(() => e[29] || (e[29] = [
+                  default: u(() => e[29] || (e[29] = [
                     G("Wind Wave", -1)
                   ])),
                   _: 1,
@@ -8930,7 +8913,7 @@ function Cs(t, e, o, i, a, r) {
                   cols: "4",
                   class: "pa-2 px-0 text-left"
                 }, {
-                  default: g(() => [
+                  default: u(() => [
                     G(y(a.currentHourData.windwaveDir) + " / " + y(a.currentHourData.windwaveHeight) + "m / " + y(a.currentHourData.windwavePeriod) + "s", 1)
                   ]),
                   _: 1
@@ -8939,7 +8922,7 @@ function Cs(t, e, o, i, a, r) {
                   cols: "2",
                   class: "pa-2 pl-0 ml-n4 text-right opacity-50"
                 }, {
-                  default: g(() => e[30] || (e[30] = [
+                  default: u(() => e[30] || (e[30] = [
                     G("Swell", -1)
                   ])),
                   _: 1,
@@ -8949,7 +8932,7 @@ function Cs(t, e, o, i, a, r) {
                   cols: "3",
                   class: "pa-2 px-0 text-left"
                 }, {
-                  default: g(() => [
+                  default: u(() => [
                     G(y(a.currentHourData.swellDir) + " / " + y(a.currentHourData.swellHeight) + "m / " + y(a.currentHourData.swellPeriod) + "s", 1)
                   ]),
                   _: 1
@@ -8958,12 +8941,12 @@ function Cs(t, e, o, i, a, r) {
               _: 1
             }),
             m(f, null, {
-              default: g(() => [
+              default: u(() => [
                 m(d, {
                   cols: "3",
                   class: "pa-2 pl-0 text-right opacity-50"
                 }, {
-                  default: g(() => e[31] || (e[31] = [
+                  default: u(() => e[31] || (e[31] = [
                     G("Current", -1)
                   ])),
                   _: 1,
@@ -8973,7 +8956,7 @@ function Cs(t, e, o, i, a, r) {
                   cols: "4",
                   class: "pa-2 px-0 text-left"
                 }, {
-                  default: g(() => [
+                  default: u(() => [
                     G(y(a.currentHourData.currentDir) + " / " + y(a.currentHourData.currentSpeed) + "kts", 1)
                   ]),
                   _: 1
@@ -8982,7 +8965,7 @@ function Cs(t, e, o, i, a, r) {
                   cols: "2",
                   class: "pa-2 pl-0 ml-n4 text-right opacity-50"
                 }, {
-                  default: g(() => e[32] || (e[32] = [
+                  default: u(() => e[32] || (e[32] = [
                     G("Visibility", -1)
                   ])),
                   _: 1,
@@ -8992,7 +8975,7 @@ function Cs(t, e, o, i, a, r) {
                   cols: "3",
                   class: "pa-2 px-0 text-left"
                 }, {
-                  default: g(() => [
+                  default: u(() => [
                     G(y(a.currentHourData.visibility) + " nm", 1)
                   ]),
                   _: 1
@@ -9003,9 +8986,9 @@ function Cs(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        m(u),
+        m(g),
         m(S, { class: "d-flex justify-space-between align-center" }, {
-          default: g(() => [
+          default: u(() => [
             m(s, {
               vvariant: "text",
               density: "compact",
@@ -9013,10 +8996,10 @@ function Cs(t, e, o, i, a, r) {
               class: "text-none text-body-1",
               onClick: r.handleFollow
             }, {
-              prepend: g(() => [
+              prepend: u(() => [
                 m(L, { color: "warning" })
               ]),
-              default: g(() => [
+              default: u(() => [
                 e[33] || (e[33] = G(" Follow", -1))
               ]),
               _: 1,
@@ -9029,7 +9012,7 @@ function Cs(t, e, o, i, a, r) {
               class: "text-none text-body-1",
               onClick: r.handleMeteoMore
             }, {
-              default: g(() => e[34] || (e[34] = [
+              default: u(() => e[34] || (e[34] = [
                 G("Forecast", -1)
               ])),
               _: 1,
@@ -9136,14 +9119,14 @@ const Ms = {
       }
     },
     handleDrag(t) {
-      var o, i, a, r, s, c, n, u, p, d;
+      var o, i, a, r, s, n, c, g, p, d;
       const e = (i = (o = t.target) == null ? void 0 : o._element) == null ? void 0 : i.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const f = this.geojson.filter((C) => C.id === e.split("-")[0])[0];
         this.pointMarkers[f.id].filter((C) => {
           var N;
           return ((N = C._element) == null ? void 0 : N.id) === e;
-        })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (s = t.target) == null ? void 0 : s._lngLat) == null ? void 0 : c.lat]);
+        })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (n = (s = t.target) == null ? void 0 : s._lngLat) == null ? void 0 : n.lat]);
         let x;
         f.features.forEach((C, N) => {
           if (C.geometry.type === "Point" && C.properties.id === e.split("-")[1]) {
@@ -9155,22 +9138,22 @@ const Ms = {
         this.handleTmpPointUpdate(
           f,
           S[x - 1],
-          { lng: (u = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : u.lng, lat: (d = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : d.lat, properties: S[x].properties },
+          { lng: (g = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : g.lng, lat: (d = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : d.lat, properties: S[x].properties },
           x === S.length - 1 ? void 0 : S[x + 1]
         );
       }
     },
     handleDragEnd(t) {
-      var o, i, a, r, s, c, n, u, p, d;
+      var o, i, a, r, s, n, c, g, p, d;
       const e = (i = (o = t.target) == null ? void 0 : o._element) == null ? void 0 : i.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const f = this.geojson.filter((S) => S.id === e.split("-")[0])[0];
         this.pointMarkers[f.id].filter((S) => {
           var C;
           return ((C = S._element) == null ? void 0 : C.id) === e;
-        })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (s = t.target) == null ? void 0 : s._lngLat) == null ? void 0 : c.lat]);
+        })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (n = (s = t.target) == null ? void 0 : s._lngLat) == null ? void 0 : n.lat]);
         const x = f.features.filter((S) => S.geometry.type === "Point" && S.properties.id === e.split("-")[1])[0];
-        x.geometry.coordinates = [(u = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : u.lng, (d = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : d.lat], f.features = f.features.filter((S) => S.geometry.type === "Point"), this.handlePointUpdate(f);
+        x.geometry.coordinates = [(g = (c = t.target) == null ? void 0 : c._lngLat) == null ? void 0 : g.lng, (d = (p = t.target) == null ? void 0 : p._lngLat) == null ? void 0 : d.lat], f.features = f.features.filter((S) => S.geometry.type === "Point"), this.handlePointUpdate(f);
       }
     },
     handleContextmenu(t) {
@@ -9178,27 +9161,27 @@ const Ms = {
       t.preventDefault(), (o = this.contextmenu) == null || o.remove();
       const e = (r = (a = (i = t.originalEvent) == null ? void 0 : i.target) == null ? void 0 : a.parentElement) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const c = this.geojson.filter((n) => n.id === e.split("-")[0])[0].features.filter((n) => n.geometry.type === "Point");
-        if (c.length > 2 && c.filter((u) => u.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
-          const u = document.createElement("div");
-          u.className = "idm-gl4-measure-contextmenu-marker", u.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new we.Marker(u).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
+        const n = this.geojson.filter((c) => c.id === e.split("-")[0])[0].features.filter((c) => c.geometry.type === "Point");
+        if (n.length > 2 && n.filter((g) => g.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
+          const g = document.createElement("div");
+          g.className = "idm-gl4-measure-contextmenu-marker", g.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new we.Marker(g).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
         }
       }
     },
     handleClick(t) {
-      var o, i, a, r, s, c;
+      var o, i, a, r, s, n;
       (o = this.contextmenu) == null || o.remove();
       const e = t.originalEvent.target.className;
       if (e === "marker-close") {
-        const n = (a = (i = t.originalEvent) == null ? void 0 : i.srcElement) == null ? void 0 : a.id, u = this.geojson.filter((p) => p.id === n)[0];
-        u && this.handleClear(u, !0), this.geojson = this.geojson.filter((p) => p.id !== n), !this.toggle && !((r = this.geojson) != null && r.some((p) => p.closed)) && this.handleUnbind();
+        const c = (a = (i = t.originalEvent) == null ? void 0 : i.srcElement) == null ? void 0 : a.id, g = this.geojson.filter((p) => p.id === c)[0];
+        g && this.handleClear(g, !0), this.geojson = this.geojson.filter((p) => p.id !== c), !this.toggle && !((r = this.geojson) != null && r.some((p) => p.closed)) && this.handleUnbind();
       } else if (e === "del-point") {
-        const n = (c = (s = t.originalEvent.target.id) == null ? void 0 : s.replace("del-", "")) == null ? void 0 : c.split("-"), u = this.geojson.filter((p) => p.id === n[0])[0];
-        u.features = u.features.filter((p) => p.geometry.type === "Point" && p.properties.id !== n[1]), this.handlePointUpdate(u);
+        const c = (n = (s = t.originalEvent.target.id) == null ? void 0 : s.replace("del-", "")) == null ? void 0 : n.split("-"), g = this.geojson.filter((p) => p.id === c[0])[0];
+        g.features = g.features.filter((p) => p.geometry.type === "Point" && p.properties.id !== c[1]), this.handlePointUpdate(g);
       } else if (e !== "marker-label" && this.toggle) {
-        let n = this.geojson.at(-1);
-        n || (n = E.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(n)), n.features = n.features.filter((p) => p.geometry.type === "Point");
-        const u = E.feature(
+        let c = this.geojson.at(-1);
+        c || (c = E.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(c)), c.features = c.features.filter((p) => p.geometry.type === "Point");
+        const g = E.feature(
           {
             type: "Point",
             coordinates: [t.lngLat.lng, t.lngLat.lat]
@@ -9209,7 +9192,7 @@ const Ms = {
             sumLabel: "Start"
           }
         );
-        n.features.push(u), this.handlePointUpdate(n);
+        c.features.push(g), this.handlePointUpdate(c);
       }
     },
     handlePointUpdate(t) {
@@ -9218,14 +9201,14 @@ const Ms = {
         let o = 0;
         const i = [];
         for (let a = 1; a < e.length; a++) {
-          const r = e[a - 1], s = e[a], c = r.properties, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, u = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, p = Fe.calculateDistance(n, u, c.mode === "RL", 4), d = Fe.calculateBearing(n, u, c.mode === "RL", 2);
+          const r = e[a - 1], s = e[a], n = r.properties, c = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, g = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, p = Fe.calculateDistance(c, g, n.mode === "RL", 4), d = Fe.calculateBearing(c, g, n.mode === "RL", 2);
           o = oe.roundPrecision(o + p, 4);
           let f;
-          c.mode === "RL" ? f = oe.convertToMonotonicLng([n, u]) : f = oe.convertToMonotonicLng(Fe.interpolateCoordinates(n, u, 200));
+          n.mode === "RL" ? f = oe.convertToMonotonicLng([c, g]) : f = oe.convertToMonotonicLng(Fe.interpolateCoordinates(c, g, 200));
           const z = E.lineString(f.map((S) => [S.lng, S.lat]));
           z.properties.dist = p, z.properties.bearing = d, z.properties.total = o, z.properties.name = "Line " + this.currentLineIndex, i.push(z);
           const x = e[a];
-          x.properties.totalDist = oe.roundPrecision((c.totalDist ? c.totalDist : 0) + p, 4), x.properties.sumLabel = x.properties.totalDist + " nm";
+          x.properties.totalDist = oe.roundPrecision((n.totalDist ? n.totalDist : 0) + p, 4), x.properties.sumLabel = x.properties.totalDist + " nm";
         }
         e.push(...i), t.total = o;
       }
@@ -9235,18 +9218,18 @@ const Ms = {
       const a = E.featureCollection([]);
       let r, s;
       if (e) {
-        const n = e.properties, u = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, p = { lng: o.lng, lat: o.lat };
-        r = Fe.calculateDistance(u, p, n.mode === "RL", 4), s = Fe.calculateBearing(u, p, n.mode === "RL", 2);
+        const c = e.properties, g = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, p = { lng: o.lng, lat: o.lat };
+        r = Fe.calculateDistance(g, p, c.mode === "RL", 4), s = Fe.calculateBearing(g, p, c.mode === "RL", 2);
         let d;
-        n.mode === "RL" ? d = oe.convertToMonotonicLng([u, p]) : d = oe.convertToMonotonicLng(Fe.interpolateCoordinates(u, p, 200));
+        c.mode === "RL" ? d = oe.convertToMonotonicLng([g, p]) : d = oe.convertToMonotonicLng(Fe.interpolateCoordinates(g, p, 200));
         const f = E.lineString(d.map((z) => [z.lng, z.lat]));
         f.properties.dist = r, f.properties.bearing = s, a.features.push(f);
       }
       if (i) {
-        const n = o.properties, u = o, p = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
-        r = Fe.calculateDistance(u, p, n.mode === "RL", 4), s = Fe.calculateBearing(u, p, n.mode === "RL", 2);
+        const c = o.properties, g = o, p = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
+        r = Fe.calculateDistance(g, p, c.mode === "RL", 4), s = Fe.calculateBearing(g, p, c.mode === "RL", 2);
         let d;
-        n.mode === "RL" ? d = oe.convertToMonotonicLng([u, p]) : d = oe.convertToMonotonicLng(Fe.interpolateCoordinates(u, p, 200));
+        c.mode === "RL" ? d = oe.convertToMonotonicLng([g, p]) : d = oe.convertToMonotonicLng(Fe.interpolateCoordinates(g, p, 200));
         const f = E.lineString(d.map((z) => [z.lng, z.lat]));
         f.properties.dist = r, f.properties.bearing = s, a.features.push(f);
       }
@@ -9288,22 +9271,22 @@ const Ms = {
           // 'text-halo-blur': 0,
         }
       });
-      let c;
+      let n;
       if (i)
-        c = `<div class="marker-label">${this.$t("measure.dragTips")}</div>`;
+        n = `<div class="marker-label">${this.$t("measure.dragTips")}</div>`;
       else {
-        const n = oe.roundPrecision((t.total ?? 0) + r, 1);
-        c = `<div class="marker-label">${this.$t("measure.totalDistance")}: <b>${n}</b>nm, ${this.$t(
+        const c = oe.roundPrecision((t.total ?? 0) + r, 1);
+        n = `<div class="marker-label">${this.$t("measure.totalDistance")}: <b>${c}</b>nm, ${this.$t(
           "measure.bearing"
         )}: <b>${s}</b>°</div><div class="marker-label"> ${this.$t("measure.mode")}${this.navigation === "RL" ? "RL" : "GC"}, ${this.$t(
           "measure.switchTips"
         )}</div><div class="marker-label">${this.$t("measure.clickTips")}</div>`;
       }
       if (this.tipMarker)
-        this.tipMarker._element.innerHTML = c, this.tipMarker.setLngLat([o.lng, o.lat]);
+        this.tipMarker._element.innerHTML = n, this.tipMarker.setLngLat([o.lng, o.lat]);
       else {
-        const n = document.createElement("div");
-        n.className = "idm-gl4-measure-tip-marker", n.innerHTML = c, this.tipMarker = new we.Marker(n).setOffset([140, 0]).setLngLat([o.lng, o.lat]).addTo(this.map);
+        const c = document.createElement("div");
+        c.className = "idm-gl4-measure-tip-marker", c.innerHTML = n, this.tipMarker = new we.Marker(c).setOffset([140, 0]).setLngLat([o.lng, o.lat]).addTo(this.map);
       }
     },
     handleMove(t) {
@@ -9375,48 +9358,48 @@ const Ms = {
             // 'text-halo-blur': 0,
           }
         });
-        const s = t.features.filter((c) => c.geometry.type === "Point");
-        for (const c of s) {
-          const n = document.createElement("div");
-          n.id = `${t.id}-${c.properties.id}`, n.className = `${t.closed ? "idm-gl4-measure-marker closed" : "idm-gl4-measure-marker"}`, n.innerHTML = '<div class="marker-circle"></div>';
-          const u = new we.Marker({ element: n, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
-          u.on("drag", this.handleDrag), u.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(u) : this.pointMarkers[t.id] = [u];
+        const s = t.features.filter((n) => n.geometry.type === "Point");
+        for (const n of s) {
+          const c = document.createElement("div");
+          c.id = `${t.id}-${n.properties.id}`, c.className = `${t.closed ? "idm-gl4-measure-marker closed" : "idm-gl4-measure-marker"}`, c.innerHTML = '<div class="marker-circle"></div>';
+          const g = new we.Marker({ element: c, draggable: !0, contextmenu: !0 }).setLngLat(n.geometry.coordinates).addTo(this.map);
+          g.on("drag", this.handleDrag), g.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(g) : this.pointMarkers[t.id] = [g];
         }
         if (t.closed) {
-          const c = s.at(-1), u = t.features.filter((d) => d.geometry.type === "LineString").at(-1), p = document.createElement("div");
-          p.className = "idm-gl4-measure-summary-marker", p.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${u.properties.name}</div>`, this.closeMarkers[t.id] = new we.Marker(p).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
+          const n = s.at(-1), g = t.features.filter((d) => d.geometry.type === "LineString").at(-1), p = document.createElement("div");
+          p.className = "idm-gl4-measure-summary-marker", p.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${g.properties.name}</div>`, this.closeMarkers[t.id] = new we.Marker(p).setOffset([0, -30]).setLngLat(n.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(t, e = !0) {
-      var s, c, n, u, p, d, f, z, x, S;
+      var s, n, c, g, p, d, f, z, x, S;
       const o = `${t.id}-${this.source}`, i = `${t.id}-${this.layer}`, a = `${t.id}-${this.labelLayer}`, r = `${t.id}-${this.sumLayer}`;
-      (s = this.map) != null && s.getLayer(i) && this.map.removeLayer(i), (c = this.map) != null && c.getLayer(a) && this.map.removeLayer(a), (n = this.map) != null && n.getLayer(r) && this.map.removeLayer(r), (u = this.map) != null && u.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (p = this.map) != null && p.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (d = this.closeMarkers[t.id]) == null || d.remove(), this.closeMarkers[t.id] = void 0, (f = this.pointMarkers[t.id]) == null || f.forEach((C) => {
+      (s = this.map) != null && s.getLayer(i) && this.map.removeLayer(i), (n = this.map) != null && n.getLayer(a) && this.map.removeLayer(a), (c = this.map) != null && c.getLayer(r) && this.map.removeLayer(r), (g = this.map) != null && g.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (p = this.map) != null && p.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (d = this.closeMarkers[t.id]) == null || d.remove(), this.closeMarkers[t.id] = void 0, (f = this.pointMarkers[t.id]) == null || f.forEach((C) => {
         C == null || C.remove();
       }), this.pointMarkers[t.id] = [], (z = this.tipMarker) == null || z.remove(), this.tipMarker = void 0, e && ((x = this.map) != null && x.getSource(o)) && this.map.removeSource(o), e && ((S = this.map) != null && S.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
 }, Ts = { class: "idm-gl4-measure" };
 function Is(t, e, o, i, a, r) {
-  const s = w("VBtn"), c = w("VTooltip");
+  const s = w("VBtn"), n = w("VTooltip");
   return b(), T("div", Ts, [
     l("div", {
       class: "menu-bar-box transition pa-1",
       style: ae({ top: o.top + 214 + "px", right: a.right + "px" })
     }, [
-      m(c, {
+      m(n, {
         text: t.$t("measure.measure"),
         location: "left"
       }, {
-        activator: g(({ props: n }) => [
-          m(s, B(n, {
+        activator: u(({ props: c }) => [
+          m(s, B(c, {
             "min-width": "32",
             width: "32",
             height: "32",
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: g(() => e[0] || (e[0] = [
+            default: u(() => e[0] || (e[0] = [
               l("i", { class: "iconfont icon-a-Measuredistance text-h4" }, null, -1)
             ])),
             _: 2,
@@ -9551,7 +9534,7 @@ const Rs = {
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
 }, Fs = ["onClick"], Hs = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, Ws = { class: "text-body-1" };
 function Gs(t, e, o, i, a, r) {
-  const s = w("DateTimePicker"), c = w("VListItemTitle"), n = w("VListItem"), u = w("VList"), p = w("VMenu"), d = w("VBtn"), f = w("VDivider"), z = w("VTooltip");
+  const s = w("DateTimePicker"), n = w("VListItemTitle"), c = w("VListItem"), g = w("VList"), p = w("VMenu"), d = w("VBtn"), f = w("VDivider"), z = w("VTooltip");
   return b(), T("div", Ds, [
     Object.values(a.show).includes(!0) ? (b(), T("div", {
       key: 0,
@@ -9575,13 +9558,13 @@ function Gs(t, e, o, i, a, r) {
           class: "text-none elevation-0 btn-border-1 text-body-1",
           "min-width": "30"
         }, {
-          default: g(() => [
+          default: u(() => [
             G(y(a.intervalHour) + " h ", 1),
             m(p, { activator: "parent" }, {
-              default: g(() => [
-                m(u, { class: "pa-1" }, {
-                  default: g(() => [
-                    (b(!0), T(ke, null, Le(a.intervalOptions, (x, S) => (b(), j(n, {
+              default: u(() => [
+                m(g, { class: "pa-1" }, {
+                  default: u(() => [
+                    (b(!0), T(ke, null, Le(a.intervalOptions, (x, S) => (b(), j(c, {
                       key: S,
                       value: x,
                       variant: a.intervalHour === x ? "tonal" : "text",
@@ -9593,11 +9576,11 @@ function Gs(t, e, o, i, a, r) {
                       "min-width": "30",
                       class: "pa-0 text-center text-body-1"
                     }, {
-                      default: g(() => [
-                        m(c, {
+                      default: u(() => [
+                        m(n, {
                           onClick: (C) => a.intervalHour = x
                         }, {
-                          default: g(() => [
+                          default: u(() => [
                             G(y(x) + "h", 1)
                           ]),
                           _: 2
@@ -9628,7 +9611,7 @@ function Gs(t, e, o, i, a, r) {
           variant: "text",
           onClick: r.handleReset
         }, {
-          default: g(() => e[9] || (e[9] = [
+          default: u(() => e[9] || (e[9] = [
             l("i", { class: "iconfont icon-Reset" }, null, -1)
           ])),
           _: 1,
@@ -9641,7 +9624,7 @@ function Gs(t, e, o, i, a, r) {
           variant: "text",
           onClick: r.handleBackward
         }, {
-          default: g(() => e[10] || (e[10] = [
+          default: u(() => e[10] || (e[10] = [
             l("i", { class: "iconfont icon-Backward" }, null, -1)
           ])),
           _: 1,
@@ -9655,7 +9638,7 @@ function Gs(t, e, o, i, a, r) {
           variant: "text",
           onClick: r.handlePlay
         }, {
-          default: g(() => e[11] || (e[11] = [
+          default: u(() => e[11] || (e[11] = [
             l("i", { class: "iconfont icon-Play" }, null, -1)
           ])),
           _: 1,
@@ -9668,7 +9651,7 @@ function Gs(t, e, o, i, a, r) {
           variant: "text",
           onClick: r.handlePause
         }, {
-          default: g(() => e[12] || (e[12] = [
+          default: u(() => e[12] || (e[12] = [
             l("i", { class: "iconfont icon-Pause" }, null, -1)
           ])),
           _: 1,
@@ -9681,7 +9664,7 @@ function Gs(t, e, o, i, a, r) {
           variant: "text",
           onClick: r.handleForward
         }, {
-          default: g(() => e[13] || (e[13] = [
+          default: u(() => e[13] || (e[13] = [
             l("i", { class: "iconfont icon-Forward" }, null, -1)
           ])),
           _: 1,
@@ -9698,7 +9681,7 @@ function Gs(t, e, o, i, a, r) {
           text: t.$t("weather.windBarbs"),
           location: "top"
         }, {
-          activator: g(({ props: x }) => {
+          activator: u(({ props: x }) => {
             var S, C;
             return [
               m(d, B(x, {
@@ -9710,7 +9693,7 @@ function Gs(t, e, o, i, a, r) {
                 "min-width": "24",
                 onClick: e[3] || (e[3] = (N) => r.handleClickFastWeather("wind"))
               }), {
-                default: g(() => e[14] || (e[14] = [
+                default: u(() => e[14] || (e[14] = [
                   l("i", { class: "iconfont icon-a-WindLevel" }, null, -1)
                 ])),
                 _: 2,
@@ -9724,7 +9707,7 @@ function Gs(t, e, o, i, a, r) {
           text: t.$t("weather.sigWaveHeight"),
           location: "top"
         }, {
-          activator: g(({ props: x }) => {
+          activator: u(({ props: x }) => {
             var S, C;
             return [
               m(d, B(x, {
@@ -9736,7 +9719,7 @@ function Gs(t, e, o, i, a, r) {
                 "min-width": "24",
                 onClick: e[4] || (e[4] = (N) => r.handleClickFastWeather("sig-wave-height"))
               }), {
-                default: g(() => [
+                default: u(() => [
                   l("i", B(x, { class: "iconfont icon-a-WaveHeight" }), null, 16)
                 ]),
                 _: 2
@@ -9749,7 +9732,7 @@ function Gs(t, e, o, i, a, r) {
           text: t.$t("weather.currentDirection"),
           location: "top"
         }, {
-          activator: g(({ props: x }) => {
+          activator: u(({ props: x }) => {
             var S, C;
             return [
               m(d, B(x, {
@@ -9761,7 +9744,7 @@ function Gs(t, e, o, i, a, r) {
                 "min-width": "24",
                 onClick: e[5] || (e[5] = (N) => r.handleClickFastWeather("current-direction"))
               }), {
-                default: g(() => [
+                default: u(() => [
                   l("i", B(x, { class: "iconfont icon-Current" }), null, 16)
                 ]),
                 _: 2
@@ -9774,7 +9757,7 @@ function Gs(t, e, o, i, a, r) {
           text: t.$t("weather.weatherLayers"),
           location: "top"
         }, {
-          activator: g(({ props: x }) => [
+          activator: u(({ props: x }) => [
             m(d, B(x, {
               class: "pa-1 d-flex",
               variant: "text",
@@ -9783,7 +9766,7 @@ function Gs(t, e, o, i, a, r) {
               "min-width": "24",
               onClick: r.handleClickFastMore
             }), {
-              default: g(() => [
+              default: u(() => [
                 l("i", B(x, { class: "iconfont icon-Weather-11" }), null, 16)
               ]),
               _: 2
@@ -9805,7 +9788,7 @@ function Gs(t, e, o, i, a, r) {
           color: a.source === "GFS" ? "primary" : "",
           onClick: e[6] || (e[6] = (x) => a.source = "GFS")
         }, {
-          default: g(() => e[15] || (e[15] = [
+          default: u(() => e[15] || (e[15] = [
             G("NOAA", -1)
           ])),
           _: 1,
@@ -9818,7 +9801,7 @@ function Gs(t, e, o, i, a, r) {
           color: a.source === "ECMWF" ? "primary" : "",
           onClick: e[7] || (e[7] = (x) => a.source = "ECMWF")
         }, {
-          default: g(() => e[16] || (e[16] = [
+          default: u(() => e[16] || (e[16] = [
             G("ECMWF", -1)
           ])),
           _: 1,
@@ -9846,7 +9829,7 @@ function Gs(t, e, o, i, a, r) {
           color: "primary",
           onClick: e[8] || (e[8] = (x) => a.showTimezone = !a.showTimezone)
         }, {
-          default: g(() => [
+          default: u(() => [
             G(" UTC " + y(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
           ]),
           _: 1
@@ -9922,7 +9905,7 @@ const Us = /* @__PURE__ */ Z(Rs, [["render", Gs]]), Vs = {
   class: "map-gl4-home"
 };
 function Zs(t, e, o, i, a, r) {
-  const s = w("IdmOtherLayer"), c = w("IdmWeatherLayer"), n = w("IdmTropicals"), u = w("IdmMeasure"), p = w("IdmSpot"), d = w("IdmBottomBar");
+  const s = w("IdmOtherLayer"), n = w("IdmWeatherLayer"), c = w("IdmTropicals"), g = w("IdmMeasure"), p = w("IdmSpot"), d = w("IdmBottomBar");
   return b(), T("div", Ys, [
     m(s, B({
       ref: "idmOtherLayers",
@@ -9940,7 +9923,7 @@ function Zs(t, e, o, i, a, r) {
         a.otherCheckList = f, a.layerVersion = a.layerVersion + 1;
       })
     }), null, 16, ["token", "default-meteo-token", "map", "real-time", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
-    m(c, B({
+    m(n, B({
       ref: "idmWeatherLayers",
       map: o.map,
       "before-layer": "empty-layer-2",
@@ -9959,7 +9942,7 @@ function Zs(t, e, o, i, a, r) {
         a.weatherCheckList = f, a.layerVersion = a.layerVersion + 1;
       })
     }), null, 16, ["map", "real-time", "token", "default-meteo-token", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
-    m(n, B({
+    m(c, B({
       map: o.map,
       token: o.token,
       "default-meteo-token": a.defaultMeteoToken,
@@ -9971,7 +9954,7 @@ function Zs(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["map", "token", "default-meteo-token", "tropicals", "real-time", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
-    m(u, B({
+    m(g, B({
       map: o.map,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["map", "map-feather"]),
@@ -10003,7 +9986,7 @@ class qs {
     se(this, "hi");
     se(this, "td");
     se(this, "windy");
-    var o, i, a, r, s, c, n, u, p, d, f, z, x, S, C, N, M, L, v, _, P, k, I, V, X, q, Y, $, ee, Q, le, de, pe, me, K, ie, ue, F, ne, xe, ve, Se, Me, Te, Ie, Ae, ye, H, te, je, Pe, he, ge, W, _e, J, re, Re, R, fe, Ce, De, Oe, A, U, Ue, Ve, Ye, ze, Ze, Xe, qe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, It, At, Rt, Dt, Ot, Bt, Et, jt, Nt, Ft, Ht, Wt, Gt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Qt, Jt, lo, so, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, So, Mo, To, Io, Ao, Ro, Do, Oo, Bo, Eo, jo, No, Fo, Ho, Wo, Go, Uo, Vo, Yo, Zo, Xo, qo, Ko, Qo, Jo, $o, ea, ta, oa, aa, ia, ra, la, sa, na, ca, ma, ha, da, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La;
+    var o, i, a, r, s, n, c, g, p, d, f, z, x, S, C, N, M, L, v, _, P, k, I, V, X, q, Y, $, ee, Q, le, de, pe, me, K, ie, ue, F, ne, xe, ve, Se, Me, Te, Ie, Ae, ye, H, te, je, Pe, he, ge, W, _e, J, re, Re, R, fe, Ce, De, Oe, A, U, Ue, Ve, Ye, ze, Ze, Xe, qe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, It, At, Rt, Dt, Ot, Bt, Et, jt, Nt, Ft, Ht, Wt, Gt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Qt, Jt, lo, so, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, So, Mo, To, Io, Ao, Ro, Do, Oo, Bo, Eo, jo, No, Fo, Ho, Wo, Go, Uo, Vo, Yo, Zo, Xo, qo, Ko, Qo, Jo, $o, ea, ta, oa, aa, ia, ra, la, sa, na, ca, ma, ha, da, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La;
     this.i4 = {
       source: {
         type: "raster",
@@ -28277,8 +28260,8 @@ class qs {
         layers: [
           (i = (o = this.originStyle) == null ? void 0 : o.light.layers) == null ? void 0 : i.find((h) => h.id === "land"),
           (r = (a = this.originStyle) == null ? void 0 : a.light.layers) == null ? void 0 : r.find((h) => h.id === "water"),
-          (c = (s = this.originStyle) == null ? void 0 : s.light.layers) == null ? void 0 : c.find((h) => h.id === "ice-area-fill"),
-          (u = (n = this.originStyle) == null ? void 0 : n.light.layers) == null ? void 0 : u.find((h) => h.id === "ice-area-line"),
+          (n = (s = this.originStyle) == null ? void 0 : s.light.layers) == null ? void 0 : n.find((h) => h.id === "ice-area-fill"),
+          (g = (c = this.originStyle) == null ? void 0 : c.light.layers) == null ? void 0 : g.find((h) => h.id === "ice-area-line"),
           (d = (p = this.originStyle) == null ? void 0 : p.light.layers) == null ? void 0 : d.find((h) => h.id === "empty-layer-0"),
           (z = (f = this.originStyle) == null ? void 0 : f.light.layers) == null ? void 0 : z.find((h) => h.id === "empty-layer-1"),
           (S = (x = this.originStyle) == null ? void 0 : x.light.layers) == null ? void 0 : S.find((h) => h.id === "country-boundaries"),
@@ -28552,7 +28535,7 @@ function en(t, e, o, i, a, r) {
           class: "pa-0 elevation-0",
           onClick: r.handleZoomIn
         }, {
-          default: g(() => e[0] || (e[0] = [
+          default: u(() => e[0] || (e[0] = [
             l("i", { class: "iconfont icon-a-Zoomin text-h4" }, null, -1)
           ])),
           _: 1,
@@ -28566,7 +28549,7 @@ function en(t, e, o, i, a, r) {
           class: "elevation-0 pa-0",
           onClick: r.handleZoomOut
         }, {
-          default: g(() => e[1] || (e[1] = [
+          default: u(() => e[1] || (e[1] = [
             l("i", { class: "iconfont icon-a-Zoomout text-h4" }, null, -1)
           ])),
           _: 1,