@idmwx/idmui-gl4 0.8.2 → 0.8.4

package/dist/index.js

@@ -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";
@@ -408,9 +408,9 @@ const Va = {
         source: this.source,
         filter: ["all", ["==", "$type", "Polygon"], ["!=", "disabled", !0]],
         paint: {
-          "fill-outline-color": this.Theme.current.value.colors["map-warning"],
+          "fill-outline-color": this.Theme.current.value.colors["map-red"],
           "fill-opacity": 0.4,
-          "fill-color": this.Theme.current.value.colors["map-warning"]
+          "fill-color": this.Theme.current.value.colors["map-red"]
         }
       }, this.beforeLayer), this.map.addLayer({
         id: this.polygonLayer + "-border",
@@ -419,7 +419,7 @@ const Va = {
         filter: ["all", ["==", "$type", "Polygon"], ["!=", "disabled", !0]],
         paint: {
           "line-width": 1,
-          "line-color": this.Theme.current.value.colors["map-warning"]
+          "line-color": this.Theme.current.value.colors["map-red"]
         }
       }, this.beforeLayer), this.map.addLayer({
         id: this.lineLayer,
@@ -427,7 +427,7 @@ const Va = {
         source: this.source,
         filter: ["all", ["==", "$type", "LineString"], ["!=", "disabled", !0]],
         paint: {
-          "line-color": this.Theme.current.value.colors["map-warning"],
+          "line-color": this.Theme.current.value.colors["map-red"],
           "line-width": 2
         }
       }, this.beforeLayer), this.map.addLayer({
@@ -488,30 +488,26 @@ function Za(t, e, o, i, a, r) {
     class: "scroll",
     id: "idm-gl4-zone-info"
   }, {
-    default: g(() => [
+    default: u(() => [
       m(n, null, {
-        default: g(() => {
-          var u;
+        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"), n = w("v-card-text"), c = 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(() => [
+    default: u(() => [
       m(n, { class: "pr-8" }, {
-        default: g(() => [
+        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]
@@ -677,15 +669,15 @@ function ti(t, e, o, i, a, r) {
       }),
       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: {
@@ -1435,21 +1427,17 @@ const Ci = {
 function Ri(t, e, o, i, a, r) {
   const s = w("VBtn"), n = w("v-card-text"), c = w("v-card");
   return He((b(), j(c, { id: "tidal-station-info" }, {
-    default: g(() => [
+    default: u(() => [
       m(n, { class: "pr-8" }, {
-        default: g(() => [
+        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: {
@@ -1877,9 +1865,9 @@ const Fi = {
             }
           });
           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, u = [];
+            const c = (i = n == null ? void 0 : n.data) == null ? void 0 : i.data, g = [];
             for (const d in c)
-              u.push(
+              g.push(
                 Be.get(c[d], {
                   headers: {
                     Authorization: this.token || this.defaultMeteoToken,
@@ -1887,7 +1875,7 @@ const Fi = {
                   }
                 })
               );
-            (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;
@@ -1900,9 +1888,9 @@ const Fi = {
             }
           });
           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, u = [];
+            const c = (r = n == null ? void 0 : n.data) == null ? void 0 : r.data, g = [];
             for (const d in c)
-              u.push(
+              g.push(
                 Be.get(c[d], {
                   headers: {
                     Authorization: this.token || this.defaultMeteoToken,
@@ -1910,7 +1898,7 @@ const Fi = {
                   }
                 })
               );
-            (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,7 +1931,7 @@ 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"), n = w("VTooltip"), c = 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",
@@ -1953,7 +1941,7 @@ function Ji(t, e, o, i, a, r) {
         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(() => [
+          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(() => [
+          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(() => [
+          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(() => [
+          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]), [n, c] = this.convertNLng(a[0]), [u, 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, 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];
   }
   /**
    * [视窗边界像素宽度]
@@ -2424,13 +2408,13 @@ class Ne {
     if (a) {
       const r = { program: a }, s = e.getProgramParameter(a, e.ACTIVE_ATTRIBUTES);
       for (let c = 0; c < s; c++) {
-        const u = e.getActiveAttrib(a, c);
-        r[u.name] = e.getAttribLocation(a, u.name);
+        const g = e.getActiveAttrib(a, c);
+        r[g.name] = e.getAttribLocation(a, g.name);
       }
       const n = e.getProgramParameter(a, e.ACTIVE_UNIFORMS);
       for (let c = 0; c < n; c++) {
-        const u = e.getActiveUniform(a, c);
-        r[u.name] = e.getUniformLocation(a, u.name);
+        const g = e.getActiveUniform(a, c);
+        r[g.name] = e.getUniformLocation(a, g.name);
       }
       return r;
     }
@@ -2445,8 +2429,8 @@ class Ne {
     const n = s.getContext("2d");
     if (n && e) {
       const c = n == null ? void 0 : n.createLinearGradient(0, 0, 256, 0);
-      return o.forEach(([u, p]) => {
-        c.addColorStop(u, p);
+      return o.forEach(([g, p]) => {
+        c.addColorStop(g, p);
       }), n.fillStyle = c, n.fillRect(0, 0, 256, 1), {
         canvas: s,
         texture: this.createTexture(
@@ -2468,8 +2452,8 @@ class Ne {
     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++)
       c[p] = p;
-    const u = this.createDataBuffer(e, "array", c);
-    return { resolution: i, total: a, texture0: s, texture1: n, indexBuffer: u };
+    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);
@@ -2484,13 +2468,13 @@ class Ne {
     return {};
   }
   bindParticle(e, o, i, a, r, s) {
-    const n = this.createProgramWrapper(e, o, i), c = 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: n, screen: c, 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, n) {
-    var c, u;
+    var c, g;
     if (o && i) {
-      e.resize(), o == null || o.viewport(0, 0, (c = o == null ? void 0 : o.canvas) == null ? void 0 : c.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 = {
@@ -2855,7 +2839,7 @@ const er = {
         else {
           this.map.addSource(this.source, { type: "geojson", data: n });
           for (let c = 0; c < (this.barbs ?? []).length - 1; c++) {
-            const u = (this.barbs ?? [])[c] || 0, p = (this.barbs ?? [])[c + 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])));
+            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]
                   ],
@@ -3218,16 +3202,16 @@ const sr = /* @__PURE__ */ Z(ir, [["render", lr]]), nr = {
           const s = new Image(48, 48);
           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 u = new Image(48, 48);
+          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>`, c = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(n))), u.src = c;
-          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",
@@ -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",
@@ -4050,8 +4035,8 @@ function Cr(t, e, o, i, a, r) {
         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,
@@ -5149,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, n, c, 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) {
@@ -5199,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,
@@ -5239,7 +5224,7 @@ const al = {
       }, 500);
     },
     handleRampColorInitial() {
-      var t, e, o, i, a, r, s, n, c, 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,
@@ -5260,7 +5245,7 @@ const al = {
         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,
@@ -5273,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), n = Math.floor(i._sw.lat), c = 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") {
@@ -5562,7 +5547,7 @@ 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"), n = w("VTooltip"), c = 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",
@@ -5572,7 +5557,7 @@ function El(t, e, o, i, a, r) {
         text: t.$t("weather.weatherLayers"),
         location: "left"
       }, {
-        activator: g(({ props: H }) => [
+        activator: u(({ props: H }) => [
           m(s, B(H, {
             "min-width": "32",
             width: "32",
@@ -5580,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,
@@ -5599,7 +5584,7 @@ function El(t, e, o, i, a, r) {
           text: "Legend",
           location: "left"
         }, {
-          activator: g(({ props: H }) => [
+          activator: u(({ props: H }) => [
             m(s, B(H, {
               "min-width": "32",
               width: "32",
@@ -5607,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,
@@ -5624,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(() => [
+              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]]),
@@ -5655,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(() => [
+                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,
@@ -5687,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(() => [
+                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", {
@@ -5741,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]
@@ -5763,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
@@ -5779,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,
@@ -5803,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
@@ -5819,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
                 }, [
@@ -5875,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",
@@ -5885,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
@@ -5899,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
@@ -5918,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
@@ -5934,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),
@@ -6388,17 +6369,17 @@ class Ca {
       let c = eo.find((p) => {
         var d, f, z;
         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;
-      }), u = to.find((p) => {
+      }), g = to.find((p) => {
         var d, f, z;
         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;
       });
       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 = c == null ? void 0 : c.alias) == null ? void 0 : f.toLowerCase());
-      }), c = c || eo[0], u = u || to[0], r.push((o = c.models) != null && o.includes(n) ? n : c.model), s.push((i = u.models) != null && i.includes(n) ? n : u.model);
+      }), 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(","),
@@ -6415,8 +6396,8 @@ class Ca {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, s, n, c, 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((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 = (u = (c = ge == null ? void 0 : ge[0]) == null ? void 0 : c.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;
@@ -6502,7 +6483,7 @@ class Ca {
     return Re;
   }
   static toLegacy(e) {
-    var o, i, a, r, s, n, c, 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,
@@ -6512,7 +6493,7 @@ class Ca {
         kts: (n = (s = e == null ? void 0 : e.weather) == null ? void 0 : s.wind) == null ? void 0 : n.gusts
       },
       precip: (c = e == null ? void 0 : e.weather) == null ? void 0 : c.precip,
-      code: (u = e == null ? void 0 : e.weather) == null ? void 0 : u.code,
+      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,
@@ -6524,7 +6505,7 @@ class Ca {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, s, n, c, 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;
+    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;
@@ -6533,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),
@@ -7156,13 +7137,13 @@ const Nl = {
           }
         });
         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 u = (s = c == null ? void 0 : c.data) == null ? void 0 : s.data;
-          await Be.get(u.tropicals, {
+          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));
@@ -7189,7 +7170,7 @@ const Nl = {
       }), this.handleInit();
     },
     handleInit() {
-      var t, e, o, i, a, r, s, n, c, u;
+      var t, e, o, i, a, r, s, n, c, g;
       this.tropicals && (this.handleRender(), (t = this.map) == null || t.on(
         "click",
         [
@@ -7203,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 = (c = (n = this.$parent) == null ? void 0 : n.$refs) == null ? void 0 : c.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, n, c, u;
+      var t, e, o, i, a, r, s, n, c, g;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -7314,7 +7295,7 @@ const Nl = {
             }
           }), 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: (c = this.tropicals) != null && c.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({
@@ -7453,7 +7434,7 @@ const Nl = {
       ), this.showTropicalsInfo = !1;
     },
     handleDateChange() {
-      var t, e, o, i, a, r, s, n, c, 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) => {
@@ -7475,7 +7456,7 @@ const Nl = {
         for (const K of de)
           if (!K.properties.disabled) {
             let ie = "#f44336";
-            ((n = (s = K.properties) == null ? void 0 : s.wind) == null ? void 0 : n.kts) < 32 || !((u = (c = K.properties) == null ? void 0 : c.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">
@@ -7499,7 +7480,7 @@ 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, n, c, 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;
@@ -7512,7 +7493,7 @@ const Nl = {
         }
       );
       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
@@ -7524,10 +7505,10 @@ const Nl = {
       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);
+      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) {
@@ -7617,7 +7598,7 @@ 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"), n = w("VTooltip"), c = 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",
@@ -7627,7 +7608,7 @@ function is(t, e, o, i, a, r) {
         text: t.$t("tropical.tropicals"),
         location: "left"
       }, {
-        activator: g(({ props: f }) => [
+        activator: u(({ props: f }) => [
           m(s, B(f, {
             "min-width": "32",
             width: "32",
@@ -7635,8 +7616,8 @@ 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] = [
-              l("i", { class: "iconfont icon-a-Tropicalcyclone text-h4" }, null, -1)
+            default: u(() => e[4] || (e[4] = [
+              l("i", { class: "iconfont icon-Tropical text-h4" }, null, -1)
             ])),
             _: 2,
             __: [4]
@@ -7650,9 +7631,9 @@ function is(t, e, o, i, a, r) {
         width: "400",
         elevation: "16"
       }, {
-        default: g(() => [
+        default: u(() => [
           m(c, null, {
-            default: g(() => {
+            default: u(() => {
               var f, z, x, S, C, N, M, L, v, _;
               return [
                 l("div", Wl, [
@@ -7660,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(g),
           m(c, { class: "text-body-1" }, {
-            default: g(() => {
+            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)),
@@ -7715,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
@@ -7726,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": "",
@@ -7737,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, {
@@ -7754,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",
@@ -7767,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]
                 })
               ])
             ]),
@@ -7785,10 +7770,10 @@ function is(t, e, o, i, a, r) {
           width: "400",
           elevation: "16"
         }, {
-          default: g(() => [
+          default: u(() => [
             m(c, null, {
-              default: g(() => [
-                He(l("div", os, e[15] || (e[15] = [
+              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")
@@ -7816,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")
@@ -8011,7 +7996,7 @@ const rs = {
   style: { height: "56px" }
 };
 function ms(t, e, o, i, a, r) {
-  const s = w("VBtn"), n = w("VDatePicker"), c = 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: "",
@@ -8019,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
@@ -8028,9 +8013,9 @@ 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(n, {
                 modelValue: a.currentDate,
@@ -8053,7 +8038,7 @@ function ms(t, e, o, i, a, r) {
             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,
@@ -8063,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
@@ -8088,14 +8073,14 @@ function ms(t, e, o, i, a, r) {
           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,
@@ -8108,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,
@@ -8307,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,
@@ -8320,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 = [];
@@ -8357,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, n, c, 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((n = e == null ? void 0 : e.weather) == null ? void 0 : n.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((u = (c = e == null ? void 0 : e.weather) == null ? void 0 : c.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;
@@ -8409,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);
@@ -8430,7 +8419,7 @@ 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"), n = w("VTooltip"), c = 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",
@@ -8440,7 +8429,7 @@ function Cs(t, e, o, i, a, r) {
         text: t.$t("spot.spotsMeteo"),
         location: "left"
       }, {
-        activator: g(({ props: v }) => [
+        activator: u(({ props: v }) => [
           m(s, B(v, {
             "min-width": "32",
             width: "32",
@@ -8448,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,
@@ -8463,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(() => [
+      default: u(() => [
         m(c, { class: "d-flex justify-space-between align-center" }, {
-          default: g(() => [
+          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]
@@ -8489,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", {
@@ -8508,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),
@@ -8532,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),
@@ -8552,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",
@@ -8563,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
@@ -8583,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),
@@ -8610,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),
@@ -8630,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",
@@ -8641,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
@@ -8655,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
@@ -8682,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),
@@ -8703,7 +8688,7 @@ function Cs(t, e, o, i, a, r) {
                           density: "compact",
                           group: ""
                         }, {
-                          default: g(() => [
+                          default: u(() => [
                             m(s, {
                               density: "compact",
                               height: "30",
@@ -8712,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,
@@ -8726,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,
@@ -8741,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,
@@ -8764,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,
@@ -8787,9 +8772,9 @@ function Cs(t, e, o, i, a, r) {
       class: "spot-meteo",
       style: { width: "490px", "z-index": "9" }
     }, {
-      default: g(() => [
+      default: u(() => [
         m(c, { class: "d-flex justify-space-between align-center" }, {
-          default: g(() => {
+          default: u(() => {
             var v, _;
             return [
               l("div", Ls, [
@@ -8798,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]
@@ -8816,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,
@@ -8835,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)
@@ -8847,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,
@@ -8862,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)
@@ -8874,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,
@@ -8889,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
@@ -8898,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,
@@ -8908,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
@@ -8917,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,
@@ -8932,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
@@ -8941,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,
@@ -8951,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
@@ -8960,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,
@@ -8975,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
@@ -8984,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,
@@ -8994,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
@@ -9005,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",
@@ -9015,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,
@@ -9031,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,
@@ -9138,7 +9119,7 @@ const Ms = {
       }
     },
     handleDrag(t) {
-      var o, i, a, r, s, n, c, 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];
@@ -9157,13 +9138,13 @@ const Ms = {
         this.handleTmpPointUpdate(
           f,
           S[x - 1],
-          { lng: (u = (c = t.target) == null ? void 0 : c._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, n, c, 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];
@@ -9172,7 +9153,7 @@ const Ms = {
           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, (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 = (c = t.target) == null ? void 0 : c._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) {
@@ -9181,9 +9162,9 @@ const Ms = {
       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 n = this.geojson.filter((c) => c.id === e.split("-")[0])[0].features.filter((c) => c.geometry.type === "Point");
-        if (n.length > 2 && n.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);
+        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);
         }
       }
     },
@@ -9192,15 +9173,15 @@ const Ms = {
       (o = this.contextmenu) == null || o.remove();
       const e = t.originalEvent.target.className;
       if (e === "marker-close") {
-        const c = (a = (i = t.originalEvent) == null ? void 0 : i.srcElement) == null ? void 0 : a.id, u = this.geojson.filter((p) => p.id === c)[0];
-        u && this.handleClear(u, !0), this.geojson = this.geojson.filter((p) => p.id !== c), !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 c = (n = (s = t.originalEvent.target.id) == null ? void 0 : s.replace("del-", "")) == null ? void 0 : n.split("-"), u = this.geojson.filter((p) => p.id === c[0])[0];
-        u.features = u.features.filter((p) => p.geometry.type === "Point" && p.properties.id !== c[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 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 u = E.feature(
+        const g = E.feature(
           {
             type: "Point",
             coordinates: [t.lngLat.lng, t.lngLat.lat]
@@ -9211,7 +9192,7 @@ const Ms = {
             sumLabel: "Start"
           }
         );
-        c.features.push(u), this.handlePointUpdate(c);
+        c.features.push(g), this.handlePointUpdate(c);
       }
     },
     handlePointUpdate(t) {
@@ -9220,10 +9201,10 @@ const Ms = {
         let o = 0;
         const i = [];
         for (let a = 1; a < e.length; a++) {
-          const r = e[a - 1], s = e[a], n = r.properties, c = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, u = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, p = Fe.calculateDistance(c, u, n.mode === "RL", 4), d = Fe.calculateBearing(c, u, n.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;
-          n.mode === "RL" ? f = oe.convertToMonotonicLng([c, u]) : f = oe.convertToMonotonicLng(Fe.interpolateCoordinates(c, 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];
@@ -9237,18 +9218,18 @@ const Ms = {
       const a = E.featureCollection([]);
       let r, s;
       if (e) {
-        const c = 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, c.mode === "RL", 4), s = Fe.calculateBearing(u, p, c.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;
-        c.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 c = o.properties, u = o, p = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
-        r = Fe.calculateDistance(u, p, c.mode === "RL", 4), s = Fe.calculateBearing(u, p, c.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;
-        c.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);
       }
@@ -9381,19 +9362,19 @@ const Ms = {
         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 u = new we.Marker({ element: c, draggable: !0, contextmenu: !0 }).setLngLat(n.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 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 n = 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(n.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, n, c, 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), (n = this.map) != null && n.getLayer(a) && this.map.removeLayer(a), (c = this.map) != null && c.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);
     }
@@ -9410,7 +9391,7 @@ function Is(t, e, o, i, a, r) {
         text: t.$t("measure.measure"),
         location: "left"
       }, {
-        activator: g(({ props: c }) => [
+        activator: u(({ props: c }) => [
           m(s, B(c, {
             "min-width": "32",
             width: "32",
@@ -9418,7 +9399,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[0] || (e[0] = [
+            default: u(() => e[0] || (e[0] = [
               l("i", { class: "iconfont icon-a-Measuredistance text-h4" }, null, -1)
             ])),
             _: 2,
@@ -9553,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"), n = w("VListItemTitle"), c = 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,
@@ -9577,12 +9558,12 @@ 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(() => [
+              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,
@@ -9595,11 +9576,11 @@ function Gs(t, e, o, i, a, r) {
                       "min-width": "30",
                       class: "pa-0 text-center text-body-1"
                     }, {
-                      default: g(() => [
+                      default: u(() => [
                         m(n, {
                           onClick: (C) => a.intervalHour = x
                         }, {
-                          default: g(() => [
+                          default: u(() => [
                             G(y(x) + "h", 1)
                           ]),
                           _: 2
@@ -9630,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,
@@ -9643,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,
@@ -9657,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,
@@ -9670,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,
@@ -9683,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,
@@ -9700,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, {
@@ -9712,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,
@@ -9726,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, {
@@ -9738,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
@@ -9751,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, {
@@ -9763,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
@@ -9776,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",
@@ -9785,8 +9766,8 @@ function Gs(t, e, o, i, a, r) {
               "min-width": "24",
               onClick: r.handleClickFastMore
             }), {
-              default: g(() => [
-                l("i", B(x, { class: "iconfont icon-Weather-11" }), null, 16)
+              default: u(() => [
+                l("i", B(x, { class: "iconfont icon-dots-align" }), null, 16)
               ]),
               _: 2
             }, 1040, ["onClick"])
@@ -9807,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,
@@ -9820,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,
@@ -9848,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
@@ -9924,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"), n = w("IdmWeatherLayer"), c = 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",
@@ -9973,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"]),
@@ -10005,7 +9986,7 @@ class qs {
     se(this, "hi");
     se(this, "td");
     se(this, "windy");
-    var o, i, a, r, s, n, c, 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",
@@ -28280,7 +28261,7 @@ class qs {
           (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"),
           (n = (s = this.originStyle) == null ? void 0 : s.light.layers) == null ? void 0 : n.find((h) => h.id === "ice-area-fill"),
-          (u = (c = this.originStyle) == null ? void 0 : c.light.layers) == null ? void 0 : u.find((h) => h.id === "ice-area-line"),
+          (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"),
@@ -28554,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,
@@ -28568,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,