@idmwx/idmui-gl4 3.5.0 → 3.5.2

package/dist/{index-1d805cd5.js → index-5073d89a.js}

@@ -3,7 +3,7 @@ var cl = (t, e, o) => e in t ? sl(t, e, { enumerable: !0, configurable: !0, writ
 var ke = (t, e, o) => (cl(t, typeof e != "symbol" ? e + "" : e, o), o);
 import Ie from "axios";
 import { useTheme as Ze } from "vuetify";
-import { openBlock as A, createElementBlock as R, resolveComponent as C, createBlock as G, normalizeClass as ge, withCtx as x, createVNode as b, withModifiers as _e, createElementVNode as n, createCommentVNode as I, toDisplayString as y, createTextVNode as Z, Fragment as Ce, renderList as Me, withDirectives as uo, vShow as po, mergeProps as V, normalizeStyle as pe } from "vue";
+import { openBlock as A, createElementBlock as R, resolveComponent as C, createBlock as G, normalizeClass as ue, withCtx as x, createVNode as b, withModifiers as _e, createElementVNode as n, createCommentVNode as I, toDisplayString as y, createTextVNode as Z, Fragment as Ce, renderList as Me, withDirectives as uo, vShow as po, mergeProps as V, normalizeStyle as ge } from "vue";
 import ve from "mapbox-gl";
 import S from "moment";
 import { LngLatHelper as H, TropicalHelper as bi, LaneHelper as pt, GeoJsonHelper as ut } from "@idm-plugin/geo";
@@ -522,7 +522,7 @@ function _l(t, e, o, i, a, l) {
   return a.showMakerInfo ? (A(), G(s, {
     key: 0,
     id: "idm-gl4-zone-info",
-    class: ge(["idm-gl4-zone-info overflow-auto scroll", o.simple ? "page" : "dialog"])
+    class: ue(["idm-gl4-zone-info overflow-auto scroll", o.simple ? "page" : "dialog"])
   }, {
     default: x(() => [
       b(c, null, {
@@ -916,7 +916,7 @@ const Ml = {
 }, Rl = {
   key: 1,
   class: "d-flex justify-end align-center"
-}, Dl = { class: "d-flex justify-start align-center text-body-1 text-label ga-3" }, Il = {
+}, Dl = { class: "d-flex justify-start align-center text-h6 text-label ga-3" }, Il = {
   key: 0,
   class: "btns-box w-100 d-flex justify-center align-center ga-2 mt-2 px-5",
   style: { height: "48px" }
@@ -960,7 +960,7 @@ const Ml = {
 function Sr(t, e, o, i, a, l) {
   const r = C("VBtn"), c = C("VCardTitle"), s = C("VDivider"), d = C("VBtnToggle"), m = C("VCard");
   return A(), G(m, {
-    class: ge(["port-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
+    class: ue(["port-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
   }, {
     default: x(() => {
       var p, g, w;
@@ -972,7 +972,7 @@ function Sr(t, e, o, i, a, l) {
               n("div", Pl, [
                 n("div", Sl, [
                   n("div", {
-                    class: ge(["fi mr-2 rounded elevation-4", `fi-${(u = o.port) != null && u.cntLoCode ? (f = (h = o.port) == null ? void 0 : h.cntLoCode) == null ? void 0 : f.toLowerCase() : "xx"}`]),
+                    class: ue(["fi mr-2 rounded elevation-4", `fi-${(u = o.port) != null && u.cntLoCode ? (f = (h = o.port) == null ? void 0 : h.cntLoCode) == null ? void 0 : f.toLowerCase() : "xx"}`]),
                     style: { width: "36px", height: "24px" }
                   }, null, 2),
                   n("div", null, y((k = o.port) == null ? void 0 : k.name), 1)
@@ -1103,7 +1103,7 @@ function Sr(t, e, o, i, a, l) {
         ])),
         n("div", {
           ref: "scrollDom",
-          class: ge(["w-100 pt-0 flex-1-1-0 overflow-y-auto scroll mb-4", o.simple ? "px-3" : "px-5"])
+          class: ue(["w-100 pt-0 flex-1-1-0 overflow-y-auto scroll mb-4", o.simple ? "px-3" : "px-5"])
         }, [
           n("div", El, [
             n("div", Fl, [
@@ -1145,12 +1145,12 @@ function Sr(t, e, o, i, a, l) {
               e[10] || (e[10] = n("div", { class: "text-body-2 text-success ga-2" }, null, -1))
             ]),
             n("div", {
-              class: ge(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4"])
+              class: ue(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4 py-2"])
             }, [
               b(d, {
                 modelValue: a.currentIndex,
                 "onUpdate:modelValue": e[0] || (e[0] = (u) => a.currentIndex = u),
-                class: "w-100 gray-bg-1 rounded d-flex justify-space-around align-center ga-0 px-1 mb-2",
+                class: "w-100 d-flex justify-space-around align-center ga-0 mb-2",
                 density: "compact",
                 group: "",
                 height: "26",
@@ -1161,7 +1161,7 @@ function Sr(t, e, o, i, a, l) {
                 default: x(() => [
                   (A(!0), R(Ce, null, Me(l.dateList, (u) => (A(), G(r, {
                     key: u.index,
-                    class: "text-none text-body-1 rounded flex-1-1-0",
+                    class: ue(["text-none text-body-1 flex-1-1-0", `bg-${u.index === a.currentIndex ? "bg-primary" : "gray-bg-2"}`]),
                     density: "compact",
                     color: "primary",
                     height: "26",
@@ -1171,7 +1171,7 @@ function Sr(t, e, o, i, a, l) {
                       Z(y(u.label), 1)
                     ]),
                     _: 2
-                  }, 1032, ["value"]))), 128))
+                  }, 1032, ["class", "value"]))), 128))
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
@@ -1247,7 +1247,7 @@ function Sr(t, e, o, i, a, l) {
             ]),
             a.showTideDetail ? (A(), R("div", {
               key: 0,
-              class: ge(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4"])
+              class: ue(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4"])
             }, [
               n("div", Ar, null, 512),
               n("table", kr, [
@@ -1275,7 +1275,7 @@ function Sr(t, e, o, i, a, l) {
     _: 1
   }, 8, ["class"]);
 }
-const ha = /* @__PURE__ */ re(Ml, [["render", Sr], ["__scopeId", "data-v-df4ebba5"]]);
+const ha = /* @__PURE__ */ re(Ml, [["render", Sr], ["__scopeId", "data-v-0c944618"]]);
 const Tr = {
   name: "IdmPort",
   components: {
@@ -2322,7 +2322,7 @@ const sn = {
       this.$emit("close");
     }
   }
-}, cn = { class: "d-flex justify-space-between align-center" }, mn = { class: "d-flex justify-start text-h5 my-2" }, dn = { class: "d-flex justify-start align-center text-body-1 text-label ga-3" }, hn = { class: "summary-box w-100" }, un = { class: "d-flex justify-space-between align-center py-2" }, pn = { class: "d-flex justify-center align-center text-h6 ga-2" }, gn = {
+}, cn = { class: "d-flex justify-space-between align-center" }, mn = { class: "d-flex justify-start text-h5 my-2" }, dn = { class: "d-flex justify-start align-center text-h6 text-label ga-3" }, hn = { class: "summary-box w-100" }, un = { class: "d-flex justify-space-between align-center py-2" }, pn = { class: "d-flex justify-center align-center text-h6 ga-2" }, gn = {
   class: "multi-color-icon",
   "aria-hidden": "true"
 }, fn = ["xlink:href"], yn = { class: "gray-bg-2 rounded d-flex flex-column ga-4 pa-4" }, bn = { class: "w-100 d-flex justify-start align-center" }, wn = { class: "w-30 text-label font-weight-400" }, xn = { class: "flex-1-1-0" }, vn = { class: "w-100 d-flex justify-start align-center" }, An = { class: "w-30 text-label font-weight-400" }, kn = { class: "flex-1-1-0" }, Ln = { class: "w-100 d-flex justify-start align-center" }, zn = { class: "w-30 text-label font-weight-400" }, _n = { class: "flex-1-1-0" }, Cn = { class: "table-box w-100 mt-2 mb-4 d-flex flex-column justify-start align-center" }, Mn = { class: "w-100 d-flex justify-space-between align-center py-2" }, Pn = { class: "d-flex justify-center align-center text-h6 ga-2" }, Sn = {
@@ -2349,7 +2349,7 @@ const sn = {
 function Nn(t, e, o, i, a, l) {
   const r = C("VBtn"), c = C("VCardTitle"), s = C("VDivider"), d = C("VBtnToggle"), m = C("VCard");
   return A(), G(m, {
-    class: ge(["tide-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
+    class: ue(["tide-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
   }, {
     default: x(() => {
       var p, g;
@@ -2385,7 +2385,7 @@ function Nn(t, e, o, i, a, l) {
         }),
         b(s, { class: "w-100" }),
         n("div", {
-          class: ge(["w-100 pt-0 pb-0 overflow-y-auto scroll", o.simple ? "px-3" : "px-5"])
+          class: ue(["w-100 pt-0 pb-0 overflow-y-auto scroll", o.simple ? "px-3" : "px-5"])
         }, [
           n("div", hn, [
             n("div", un, [
@@ -2426,12 +2426,12 @@ function Nn(t, e, o, i, a, l) {
               e[2] || (e[2] = n("div", { class: "text-body-2 text-success ga-2" }, null, -1))
             ]),
             n("div", {
-              class: ge(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4"])
+              class: ue(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4 py-2"])
             }, [
               b(d, {
                 modelValue: a.currentIndex,
                 "onUpdate:modelValue": e[0] || (e[0] = (w) => a.currentIndex = w),
-                class: "w-100 gray-bg-2 rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",
+                class: "w-100 d-flex justify-space-around align-center ga-0 mb-4",
                 density: "compact",
                 group: "",
                 height: "26",
@@ -2442,7 +2442,7 @@ function Nn(t, e, o, i, a, l) {
                 default: x(() => [
                   (A(!0), R(Ce, null, Me(l.dateList, (w) => (A(), G(r, {
                     key: w.label,
-                    class: "text-none text-body-1 rounded flex-1-1-0",
+                    class: ue(["text-none text-body-1 flex-1-1-0", `bg-${w.index === a.currentIndex ? "bg-primary" : "gray-bg-2"}`]),
                     density: "compact",
                     color: "primary",
                     height: "26",
@@ -2452,7 +2452,7 @@ function Nn(t, e, o, i, a, l) {
                       Z(y(w.label), 1)
                     ]),
                     _: 2
-                  }, 1032, ["value"]))), 128))
+                  }, 1032, ["class", "value"]))), 128))
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
@@ -2482,7 +2482,7 @@ function Nn(t, e, o, i, a, l) {
     _: 1
   }, 8, ["class"]);
 }
-const Zn = /* @__PURE__ */ re(sn, [["render", Nn], ["__scopeId", "data-v-3f9ec7de"]]);
+const Zn = /* @__PURE__ */ re(sn, [["render", Nn], ["__scopeId", "data-v-5c51381d"]]);
 const Wn = {
   name: "IdmTideStations",
   components: {
@@ -2810,7 +2810,7 @@ function $n(t, e, o, i, a, l) {
   return o.simple ? I("", !0) : (A(), R("div", {
     key: 0,
     class: "idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",
-    style: pe({ right: a.right + "px" })
+    style: ge({ right: a.right + "px" })
   }, [
     n("div", null, y((r = a.lngLat) == null ? void 0 : r.lat), 1),
     n("div", null, y((c = a.lngLat) == null ? void 0 : c.lng), 1),
@@ -3382,8 +3382,8 @@ function ks(t, e, o, i, a, l) {
   const r = C("VBtn"), c = C("VTooltip"), s = C("VCardTitle"), d = C("VCardItem"), m = C("VCheckbox"), p = C("VCardText"), g = C("VCard"), w = C("IdmPort"), u = C("IdmTideStations"), h = C("IdmLatLng"), f = C("IdmTerminator"), k = C("IdmTimezone"), v = C("IdmAlertZone"), _ = C("IdmEcaZone"), L = C("IdmWarZone"), P = C("IdmGmdssArea"), z = C("IdmLoadLine"), D = C("IdmWorldMarine"), T = C("IdmVRA"), B = C("IdmSpecialArea"), N = C("IdmWorld12nm"), j = C("IdmChinaRoute"), oe = C("IdmIceAreas"), ae = C("IdmFollowPort"), le = C("IdmFollowPosition");
   return A(), R("div", us, [
     n("div", {
-      class: ge(["menu-bar-box transition px-1 rounded", o.simple ? "simple" : ""]),
-      style: pe({ top: o.top + 10 + "px", right: a.right + "px", paddingTop: o.paddingTop + "px", height: o.menuHeight + "px" })
+      class: ue(["menu-bar-box transition px-1 rounded", o.simple ? "simple" : ""]),
+      style: ge({ top: o.top + 10 + "px", right: a.right + "px", paddingTop: o.paddingTop + "px", height: o.menuHeight + "px" })
     }, [
       b(c, {
         text: t.$t("layer.mapLayers"),
@@ -3412,8 +3412,8 @@ function ks(t, e, o, i, a, l) {
       }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 6),
     n("div", {
-      class: ge(["available-layers transition d-flex flex-column justify-start align-start", a.toggle ? "right-bar" : ""]),
-      style: pe(l.listStyle)
+      class: ue(["available-layers transition d-flex flex-column justify-start align-start", a.toggle ? "right-bar" : ""]),
+      style: ge(l.listStyle)
     }, [
       n("div", ps, [
         n("div", gs, y(t.$t("layer.layers")), 1),
@@ -3432,7 +3432,7 @@ function ks(t, e, o, i, a, l) {
         }, 8, ["onClick"])
       ]),
       n("div", {
-        class: ge(["list-box w-100 flex-1-1-0 scroll overflow-y-auto", o.simple ? "px-3" : "pl-4 pr-2"])
+        class: ue(["list-box w-100 flex-1-1-0 scroll overflow-y-auto", o.simple ? "px-3" : "pl-4 pr-2"])
       }, [
         b(g, {
           class: "block-bg mx-auto mb-2",
@@ -3459,7 +3459,7 @@ function ks(t, e, o, i, a, l) {
                     onClick: (ce) => l.handleToggleMapFeather(E)
                   }, [
                     n("div", {
-                      class: ge([a.mapFeather === E.value ? "active" : "", "img-box"])
+                      class: ue([a.mapFeather === E.value ? "active" : "", "img-box"])
                     }, [
                       E.value === "dark" ? (A(), R("img", bs)) : E.value === "nautical" ? (A(), R("img", ws)) : E.value === "satellite" ? (A(), R("img", xs)) : (A(), R("img", vs))
                     ], 2),
@@ -4539,7 +4539,7 @@ function Ts(t, e, o, i, a, l) {
   return (r = o.factor) != null && r.active ? (A(), R("div", Ss, [
     n("div", {
       class: "legend-bars-gl4 wind",
-      style: pe({ right: a.right + "px" })
+      style: ge({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       n("span", null, "kts", -1),
       n("span", null, "0", -1),
@@ -4881,7 +4881,7 @@ function Bs(t, e, o, i, a, l) {
   return (r = o.factor) != null && r.active ? (A(), R("div", Gs, [
     n("div", {
       class: "legend-bars-gl4 current",
-      style: pe({ right: a.right + "px" })
+      style: ge({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       n("span", null, "kts", -1),
       n("span", null, "0", -1),
@@ -5009,7 +5009,7 @@ function Ws(t, e, o, i, a, l) {
   return (r = o.factor) != null && r.active ? (A(), R("div", Zs, [
     n("div", {
       class: "legend-bars-gl4 sig-wave",
-      style: pe({ right: a.right + "px" })
+      style: ge({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       n("span", null, "m", -1),
       n("span", null, "0.5", -1),
@@ -5276,7 +5276,7 @@ function Js(t, e, o, i, a, l) {
   return (r = o.factor) != null && r.active ? (A(), R("div", Us, [
     n("div", {
       class: "legend-bars-gl4 swell",
-      style: pe({ right: a.right + "px" })
+      style: ge({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       n("span", null, "m", -1),
       n("span", null, "0.5", -1),
@@ -5536,7 +5536,7 @@ function oc(t, e, o, i, a, l) {
   return (r = o.factor) != null && r.active ? (A(), R("div", tc, [
     n("div", {
       class: "legend-bars-gl4 ice-edge",
-      style: pe({ right: a.right + "px" })
+      style: ge({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       n("span", { style: { color: "rgba(var(--v-theme-black), 0.7)" } }, "%", -1),
       n("span", null, null, -1),
@@ -5653,7 +5653,7 @@ function rc(t, e, o, i, a, l) {
   return (r = o.factor) != null && r.active ? (A(), R("div", lc, [
     n("div", {
       class: "legend-bars-gl4 ice-cover",
-      style: pe({ right: a.right + "px" })
+      style: ge({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       n("span", null, "%", -1),
       n("span", null, "20", -1),
@@ -5771,7 +5771,7 @@ function mc(t, e, o, i, a, l) {
   return (r = o.factor) != null && r.active ? (A(), R("div", cc, [
     n("div", {
       class: "legend-bars-gl4 ice-thickness",
-      style: pe({ right: a.right + "px" })
+      style: ge({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       n("span", null, "m", -1),
       n("span", null, "0", -1),
@@ -5891,7 +5891,7 @@ function pc(t, e, o, i, a, l) {
   return (r = o.factor) != null && r.active ? (A(), R("div", uc, [
     n("div", {
       class: "legend-bars-gl4 precip3h",
-      style: pe({ right: a.right + "px" })
+      style: ge({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       n("span", null, "mm", -1),
       n("span", null, "1.5", -1),
@@ -6002,7 +6002,7 @@ function bc(t, e, o, i, a, l) {
   return (r = o.factor) != null && r.active ? (A(), R("div", yc, [
     n("div", {
       class: "legend-bars-gl4 visibility",
-      style: pe({ right: a.right + "px" })
+      style: ge({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       n("span", null, "nm", -1),
       n("span", null, "0", -1),
@@ -6114,7 +6114,7 @@ function Ac(t, e, o, i, a, l) {
   return (r = o.factor) != null && r.active ? (A(), R("div", vc, [
     n("div", {
       class: "legend-bars-gl4 water-temp",
-      style: pe({ right: a.right + "px" })
+      style: ge({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       n("span", null, "°C", -1),
       n("span", null, "0", -1),
@@ -6237,7 +6237,7 @@ function _c(t, e, o, i, a, l) {
   return (r = o.factor) != null && r.active ? (A(), R("div", zc, [
     n("div", {
       class: "legend-bars-gl4 temp",
-      style: pe({ right: a.right + "px" })
+      style: ge({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       n("span", null, "°C", -1),
       n("span", null, "-20", -1),
@@ -6978,7 +6978,7 @@ function fm(t, e, o, i, a, l) {
   return A(), R("div", Pc, [
     n("div", {
       class: "menu-bar-box transition pa-1",
-      style: pe({ top: o.top + o.paddingTop + 46 + "px", right: a.right + "px" })
+      style: ge({ top: o.top + o.paddingTop + 46 + "px", right: a.right + "px" })
     }, [
       b(c, {
         text: t.$t("weather.weatherLayers"),
@@ -7008,8 +7008,8 @@ function fm(t, e, o, i, a, l) {
     ], 4),
     l.showTipMenu ? (A(), R("div", Sc, [
       n("div", {
-        class: ge(["menu-bar-box pa-1 rounded", o.simple ? "simple" : ""]),
-        style: pe({ right: a.right + "px", top: o.simple ? "394px" : "490px" })
+        class: ue(["menu-bar-box pa-1 rounded", o.simple ? "simple" : ""]),
+        style: ge({ right: a.right + "px", top: o.simple ? "394px" : "490px" })
       }, [
         b(c, {
           text: t.$t("weather.legend"),
@@ -7041,7 +7041,7 @@ function fm(t, e, o, i, a, l) {
         key: 0,
         elevation: "16",
         class: "card-info d-flex justify-center align-start",
-        style: pe({ position: "absolute", top: o.simple ? "200px" : "340px", right: a.right + 50 + "px" })
+        style: ge({ position: "absolute", top: o.simple ? "200px" : "340px", right: a.right + 50 + "px" })
       }, {
         default: x(() => [
           b(s, {
@@ -7057,8 +7057,8 @@ function fm(t, e, o, i, a, l) {
                 }, [
                   n("div", Rc, [
                     n("i", {
-                      class: ge(["iconfont", l.barbsIconName[be]]),
-                      style: pe({ color: o.theme === "dark" ? "#fff" : "#000" })
+                      class: ue(["iconfont", l.barbsIconName[be]]),
+                      style: ge({ color: o.theme === "dark" ? "#fff" : "#000" })
                     }, null, 6),
                     n("span", Dc, y(Number(q) < 10 ? `00${q}kts` : Number(q) < 100 ? `0${q}kts` : `${q}kts`), 1)
                   ])
@@ -7083,7 +7083,7 @@ function fm(t, e, o, i, a, l) {
                   n("div", Ec, [
                     be === 0 ? (A(), R("div", Fc)) : (A(), R("div", {
                       key: 1,
-                      style: pe({ width: "24px", height: "12px", background: q.color })
+                      style: ge({ width: "24px", height: "12px", background: q.color })
                     }, null, 4)),
                     n("div", Gc, y(q.label), 1)
                   ])
@@ -7109,7 +7109,7 @@ function fm(t, e, o, i, a, l) {
                     n("div", Nc, [
                       n("i", {
                         class: "iconfont icon-a-direction-arrow text-label",
-                        style: pe({ fontSize: 40 * q.size + "px" })
+                        style: ge({ fontSize: 40 * q.size + "px" })
                       }, null, 4)
                     ]),
                     n("div", Zc, y(q.label), 1)
@@ -7125,11 +7125,11 @@ function fm(t, e, o, i, a, l) {
       }, 8, ["style"])) : I("", !0)
     ])) : I("", !0),
     n("div", {
-      class: ge(["available-layers transition d-flex flex-column justify-start align-start", a.toggle ? "right-bar" : ""]),
-      style: pe(l.listStyle)
+      class: ue(["available-layers transition d-flex flex-column justify-start align-start", a.toggle ? "right-bar" : ""]),
+      style: ge(l.listStyle)
     }, [
       n("div", {
-        class: ge(["header-box w-100 d-flex justify-space-between align-center", o.simple ? "px-3" : "px-4"])
+        class: ue(["header-box w-100 d-flex justify-space-between align-center", o.simple ? "px-3" : "px-4"])
       }, [
         n("div", Wc, [
           n("div", Vc, y(t.$t("weather.weather")), 1),
@@ -7202,7 +7202,7 @@ function fm(t, e, o, i, a, l) {
         }, 8, ["modelValue"])
       ])) : I("", !0),
       n("div", {
-        class: ge(["list-box w-100 scroll overflow-y-auto", [a.autoActive ? "" : "cursor-not-allowed", o.simple ? "px-3" : "pl-4 pr-2"]])
+        class: ue(["list-box w-100 scroll overflow-y-auto", [a.autoActive ? "" : "cursor-not-allowed", o.simple ? "px-3" : "pl-4 pr-2"]])
       }, [
         b(m, {
           class: "block-bg mx-auto mb-2",
@@ -7418,7 +7418,7 @@ function fm(t, e, o, i, a, l) {
             }),
             b(s, { class: "" }, {
               default: x(() => {
-                var q, be, Ee, Fe, $e, et, Je, je, tt, Oe, He, Ke, ot, at, Qe, Te, Re, Ne, it, lt, rt, Ve, bt, wt, xt, vt, At, kt, Lt, zt, _t, Ct, Mt, Pt, St, Tt, Rt, Dt, It, Et, Ft, Gt, Bt, jt, Nt, Zt, Wt, Vt, Xt, Ot, Ht, Yt, Ut, Jt, Kt, Qt, qt, $t, eo, to, oo, Xe, Ye, ao, nt, io, gt, De, st, de, Ge, te, ee, ct, qe, We, U, lo, se, Be, mt, ft, yt, X, dt, J, ht, no, ue, go, fe, vo, Ao, ko, Lo, zo, _o, Co, Mo, Po, So, To, Ro, Do, Io;
+                var q, be, Ee, Fe, $e, et, Je, je, tt, Oe, He, Ke, ot, at, Qe, Te, Re, Ne, it, lt, rt, Ve, bt, wt, xt, vt, At, kt, Lt, zt, _t, Ct, Mt, Pt, St, Tt, Rt, Dt, It, Et, Ft, Gt, Bt, jt, Nt, Zt, Wt, Vt, Xt, Ot, Ht, Yt, Ut, Jt, Kt, Qt, qt, $t, eo, to, oo, Xe, Ye, ao, nt, io, gt, De, st, de, Ge, te, ee, ct, qe, We, U, lo, se, Be, mt, ft, yt, X, dt, J, ht, no, pe, go, fe, vo, Ao, ko, Lo, zo, _o, Co, Mo, Po, So, To, Ro, Do, Io;
                 return [
                   n("div", Yc, y(t.$t("weather.atmospheric")), 1),
                   n("div", Uc, y((Ee = (be = (q = a.models) == null ? void 0 : q.weather) == null ? void 0 : be.NOAA) == null ? void 0 : Ee.source) + " " + y((et = ($e = (Fe = a.models) == null ? void 0 : Fe.weather) == null ? void 0 : $e.NOAA) == null ? void 0 : et.spatialResolution) + y(t.$t("units.km")) + " " + y((Oe = (tt = (je = (Je = a.models) == null ? void 0 : Je.weather) == null ? void 0 : je.NOAA) == null ? void 0 : tt.meta) == null ? void 0 : Oe.days) + y(t.$t("units.days")), 1),
@@ -7441,7 +7441,7 @@ function fm(t, e, o, i, a, l) {
                   n("div", mm, y(t.$t("weather.referenceTime")) + ": " + y(l.computeDateZ((ft = (mt = (Be = (se = (lo = a.models) == null ? void 0 : lo.marine) == null ? void 0 : se.wave) == null ? void 0 : Be.ECMWF) == null ? void 0 : mt.meta) == null ? void 0 : ft.initialisationTime)), 1),
                   b(d),
                   n("div", dm, y(t.$t("weather.currents")), 1),
-                  n("div", hm, y((J = (dt = (X = (yt = a.models) == null ? void 0 : yt.marine) == null ? void 0 : X.current) == null ? void 0 : dt.ECMWF) == null ? void 0 : J.source) + " " + y((go = (ue = (no = (ht = a.models) == null ? void 0 : ht.marine) == null ? void 0 : no.current) == null ? void 0 : ue.ECMWF) == null ? void 0 : go.spatialResolution) + y(t.$t("units.km")) + " " + y((Lo = (ko = (Ao = (vo = (fe = a.models) == null ? void 0 : fe.marine) == null ? void 0 : vo.current) == null ? void 0 : Ao.ECMWF) == null ? void 0 : ko.meta) == null ? void 0 : Lo.days) + y(t.$t("units.days")), 1),
+                  n("div", hm, y((J = (dt = (X = (yt = a.models) == null ? void 0 : yt.marine) == null ? void 0 : X.current) == null ? void 0 : dt.ECMWF) == null ? void 0 : J.source) + " " + y((go = (pe = (no = (ht = a.models) == null ? void 0 : ht.marine) == null ? void 0 : no.current) == null ? void 0 : pe.ECMWF) == null ? void 0 : go.spatialResolution) + y(t.$t("units.km")) + " " + y((Lo = (ko = (Ao = (vo = (fe = a.models) == null ? void 0 : fe.marine) == null ? void 0 : vo.current) == null ? void 0 : Ao.ECMWF) == null ? void 0 : ko.meta) == null ? void 0 : Lo.days) + y(t.$t("units.days")), 1),
                   n("div", um, y(t.$t("weather.source")) + ": ECMWF", 1),
                   n("div", pm, y(t.$t("weather.lastUpdate")) + ": " + y(l.computeDateUpdate((Po = (Mo = (Co = (_o = (zo = a.models) == null ? void 0 : zo.marine) == null ? void 0 : _o.current) == null ? void 0 : Co.ECMWF) == null ? void 0 : Mo.meta) == null ? void 0 : Po.availabilityTime)), 1),
                   n("div", gm, y(t.$t("weather.referenceTime")) + ": " + y(l.computeDateZ((Io = (Do = (Ro = (To = (So = a.models) == null ? void 0 : So.marine) == null ? void 0 : To.current) == null ? void 0 : Ro.ECMWF) == null ? void 0 : Do.meta) == null ? void 0 : Io.initialisationTime)), 1)
@@ -7963,8 +7963,8 @@ let wi = class {
           },
           isDay: (Qe = J == null ? void 0 : J.is_day) == null ? void 0 : Qe.at(se)
         };
-        const { name: no, url: ue, bg: go } = this.parseWeatherCode(Be.code, Be.isDay);
-        Be.name = no, Be.url = ue, Be.bg = go, Be.wind.scale = this.beaufort(this.kts2ms(Be.wind.kts)), Be.wind.direction = this.degree2Direction(Be.wind.degree), lo.push({
+        const { name: no, url: pe, bg: go } = this.parseWeatherCode(Be.code, Be.isDay);
+        Be.name = no, Be.url = pe, Be.bg = go, Be.wind.scale = this.beaufort(this.kts2ms(Be.wind.kts)), Be.wind.direction = this.degree2Direction(Be.wind.degree), lo.push({
           utc: de.utc().format(),
           realUTC: We.add(se, "h").format(),
           model: dt.model,
@@ -7975,41 +7975,41 @@ let wi = class {
     if (ee != null && ee.length) {
       let ft = 0;
       for (const yt of ee) {
-        const X = yt == null ? void 0 : yt.hourly, dt = ((Te = X == null ? void 0 : X.wave_direction) == null ? void 0 : Te.at(se)) ?? ((Ne = (Re = X == null ? void 0 : X.wave_direction) == null ? void 0 : Re.filter((ue) => ue !== null)) == null ? void 0 : Ne.at(-1)), J = ((it = X == null ? void 0 : X.swell_wave_direction) == null ? void 0 : it.at(se)) ?? ((rt = (lt = X == null ? void 0 : X.swell_wave_direction) == null ? void 0 : lt.filter((ue) => ue !== null)) == null ? void 0 : rt.at(-1)), ht = ((Ve = X == null ? void 0 : X.wind_wave_direction) == null ? void 0 : Ve.at(se)) ?? ((wt = (bt = X == null ? void 0 : X.wind_wave_direction) == null ? void 0 : bt.filter((ue) => ue !== null)) == null ? void 0 : wt.at(-1)), no = ((xt = X == null ? void 0 : X.ocean_current_direction) == null ? void 0 : xt.at(se)) ?? ((At = (vt = X == null ? void 0 : X.ocean_current_direction) == null ? void 0 : vt.filter((ue) => ue !== null)) == null ? void 0 : At.at(-1));
+        const X = yt == null ? void 0 : yt.hourly, dt = ((Te = X == null ? void 0 : X.wave_direction) == null ? void 0 : Te.at(se)) ?? ((Ne = (Re = X == null ? void 0 : X.wave_direction) == null ? void 0 : Re.filter((pe) => pe !== null)) == null ? void 0 : Ne.at(-1)), J = ((it = X == null ? void 0 : X.swell_wave_direction) == null ? void 0 : it.at(se)) ?? ((rt = (lt = X == null ? void 0 : X.swell_wave_direction) == null ? void 0 : lt.filter((pe) => pe !== null)) == null ? void 0 : rt.at(-1)), ht = ((Ve = X == null ? void 0 : X.wind_wave_direction) == null ? void 0 : Ve.at(se)) ?? ((wt = (bt = X == null ? void 0 : X.wind_wave_direction) == null ? void 0 : bt.filter((pe) => pe !== null)) == null ? void 0 : wt.at(-1)), no = ((xt = X == null ? void 0 : X.ocean_current_direction) == null ? void 0 : xt.at(se)) ?? ((At = (vt = X == null ? void 0 : X.ocean_current_direction) == null ? void 0 : vt.filter((pe) => pe !== null)) == null ? void 0 : At.at(-1));
         mt = {
           wave: {
             sig: {
-              height: ((kt = X == null ? void 0 : X.wave_height) == null ? void 0 : kt.at(se)) ?? ((zt = (Lt = X == null ? void 0 : X.wave_height) == null ? void 0 : Lt.filter((ue) => ue !== null)) == null ? void 0 : zt.at(-1)),
+              height: ((kt = X == null ? void 0 : X.wave_height) == null ? void 0 : kt.at(se)) ?? ((zt = (Lt = X == null ? void 0 : X.wave_height) == null ? void 0 : Lt.filter((pe) => pe !== null)) == null ? void 0 : zt.at(-1)),
               degree: dt,
               bearing: dt !== null ? Math.round((dt + 180) % 360) : null,
-              period: ((_t = X == null ? void 0 : X.wave_period) == null ? void 0 : _t.at(se)) ?? ((Mt = (Ct = X == null ? void 0 : X.wave_period) == null ? void 0 : Ct.filter((ue) => ue !== null)) == null ? void 0 : Mt.at(-1))
+              period: ((_t = X == null ? void 0 : X.wave_period) == null ? void 0 : _t.at(se)) ?? ((Mt = (Ct = X == null ? void 0 : X.wave_period) == null ? void 0 : Ct.filter((pe) => pe !== null)) == null ? void 0 : Mt.at(-1))
             },
             swell: {
-              height: ((Pt = X == null ? void 0 : X.swell_wave_height) == null ? void 0 : Pt.at(se)) ?? ((Tt = (St = X == null ? void 0 : X.swell_wave_height) == null ? void 0 : St.filter((ue) => ue !== null)) == null ? void 0 : Tt.at(-1)),
+              height: ((Pt = X == null ? void 0 : X.swell_wave_height) == null ? void 0 : Pt.at(se)) ?? ((Tt = (St = X == null ? void 0 : X.swell_wave_height) == null ? void 0 : St.filter((pe) => pe !== null)) == null ? void 0 : Tt.at(-1)),
               degree: J,
               bearing: J !== null ? Math.round((J + 180) % 360) : null,
-              period: ((Rt = X == null ? void 0 : X.swell_wave_period) == null ? void 0 : Rt.at(se)) ?? ((It = (Dt = X == null ? void 0 : X.swell_wave_period) == null ? void 0 : Dt.filter((ue) => ue !== null)) == null ? void 0 : It.at(-1)),
-              peakPeriod: ((Et = X == null ? void 0 : X.swell_wave_peak_period) == null ? void 0 : Et.at(se)) ?? ((Gt = (Ft = X == null ? void 0 : X.swell_wave_peak_period) == null ? void 0 : Ft.filter((ue) => ue !== null)) == null ? void 0 : Gt.at(-1))
+              period: ((Rt = X == null ? void 0 : X.swell_wave_period) == null ? void 0 : Rt.at(se)) ?? ((It = (Dt = X == null ? void 0 : X.swell_wave_period) == null ? void 0 : Dt.filter((pe) => pe !== null)) == null ? void 0 : It.at(-1)),
+              peakPeriod: ((Et = X == null ? void 0 : X.swell_wave_peak_period) == null ? void 0 : Et.at(se)) ?? ((Gt = (Ft = X == null ? void 0 : X.swell_wave_peak_period) == null ? void 0 : Ft.filter((pe) => pe !== null)) == null ? void 0 : Gt.at(-1))
             },
             wd: {
-              height: ((Bt = X == null ? void 0 : X.wind_wave_height) == null ? void 0 : Bt.at(se)) ?? ((Nt = (jt = X == null ? void 0 : X.wind_wave_height) == null ? void 0 : jt.filter((ue) => ue !== null)) == null ? void 0 : Nt.at(-1)),
+              height: ((Bt = X == null ? void 0 : X.wind_wave_height) == null ? void 0 : Bt.at(se)) ?? ((Nt = (jt = X == null ? void 0 : X.wind_wave_height) == null ? void 0 : jt.filter((pe) => pe !== null)) == null ? void 0 : Nt.at(-1)),
               degree: ht,
               bearing: ht !== null ? Math.round((ht + 180) % 360) : null,
-              period: ((Zt = X == null ? void 0 : X.wind_wave_period) == null ? void 0 : Zt.at(se)) ?? ((Vt = (Wt = X == null ? void 0 : X.wind_wave_period) == null ? void 0 : Wt.filter((ue) => ue !== null)) == null ? void 0 : Vt.at(-1)),
-              peakPeriod: ((Xt = X == null ? void 0 : X.wind_wave_peak_period) == null ? void 0 : Xt.at(se)) ?? ((Ht = (Ot = X == null ? void 0 : X.wind_wave_peak_period) == null ? void 0 : Ot.filter((ue) => ue !== null)) == null ? void 0 : Ht.at(-1))
+              period: ((Zt = X == null ? void 0 : X.wind_wave_period) == null ? void 0 : Zt.at(se)) ?? ((Vt = (Wt = X == null ? void 0 : X.wind_wave_period) == null ? void 0 : Wt.filter((pe) => pe !== null)) == null ? void 0 : Vt.at(-1)),
+              peakPeriod: ((Xt = X == null ? void 0 : X.wind_wave_peak_period) == null ? void 0 : Xt.at(se)) ?? ((Ht = (Ot = X == null ? void 0 : X.wind_wave_peak_period) == null ? void 0 : Ot.filter((pe) => pe !== null)) == null ? void 0 : Ht.at(-1))
             }
           },
           current: {
-            speed: ((Yt = X == null ? void 0 : X.ocean_current_velocity) == null ? void 0 : Yt.at(se)) ?? ((Jt = (Ut = X == null ? void 0 : X.ocean_current_velocity) == null ? void 0 : Ut.filter((ue) => ue !== null)) == null ? void 0 : Jt.at(-1)),
-            kts: ((Kt = X == null ? void 0 : X.ocean_current_velocity) == null ? void 0 : Kt.at(se)) ?? ((qt = (Qt = X == null ? void 0 : X.ocean_current_velocity) == null ? void 0 : Qt.filter((ue) => ue !== null)) == null ? void 0 : qt.at(-1)),
+            speed: ((Yt = X == null ? void 0 : X.ocean_current_velocity) == null ? void 0 : Yt.at(se)) ?? ((Jt = (Ut = X == null ? void 0 : X.ocean_current_velocity) == null ? void 0 : Ut.filter((pe) => pe !== null)) == null ? void 0 : Jt.at(-1)),
+            kts: ((Kt = X == null ? void 0 : X.ocean_current_velocity) == null ? void 0 : Kt.at(se)) ?? ((qt = (Qt = X == null ? void 0 : X.ocean_current_velocity) == null ? void 0 : Qt.filter((pe) => pe !== null)) == null ? void 0 : qt.at(-1)),
             degree: no,
             bearing: no
           },
-          sst: (($t = X == null ? void 0 : X.sea_surface_temperature) == null ? void 0 : $t.at(se)) ?? ((to = (eo = X == null ? void 0 : X.sea_surface_temperature) == null ? void 0 : eo.filter((ue) => ue !== null)) == null ? void 0 : to.at(-1)),
-          height: ((oo = X == null ? void 0 : X.sea_level_height_msl) == null ? void 0 : oo.at(se)) ?? ((Ye = (Xe = X == null ? void 0 : X.sea_level_height_msl) == null ? void 0 : Xe.filter((ue) => ue !== null)) == null ? void 0 : Ye.at(-1)),
+          sst: (($t = X == null ? void 0 : X.sea_surface_temperature) == null ? void 0 : $t.at(se)) ?? ((to = (eo = X == null ? void 0 : X.sea_surface_temperature) == null ? void 0 : eo.filter((pe) => pe !== null)) == null ? void 0 : to.at(-1)),
+          height: ((oo = X == null ? void 0 : X.sea_level_height_msl) == null ? void 0 : oo.at(se)) ?? ((Ye = (Xe = X == null ? void 0 : X.sea_level_height_msl) == null ? void 0 : Xe.filter((pe) => pe !== null)) == null ? void 0 : Ye.at(-1)),
           ice: {
-            sit: ((ao = X == null ? void 0 : X.sea_ice_thickness) == null ? void 0 : ao.at(se)) ?? ((io = (nt = X == null ? void 0 : X.sea_ice_thickness) == null ? void 0 : nt.filter((ue) => ue !== null)) == null ? void 0 : io.at(-1)),
-            sic: ((gt = X == null ? void 0 : X.sea_ice_concentration) == null ? void 0 : gt.at(se)) ?? ((st = (De = X == null ? void 0 : X.sea_ice_concentration) == null ? void 0 : De.filter((ue) => ue !== null)) == null ? void 0 : st.at(-1))
+            sit: ((ao = X == null ? void 0 : X.sea_ice_thickness) == null ? void 0 : ao.at(se)) ?? ((io = (nt = X == null ? void 0 : X.sea_ice_thickness) == null ? void 0 : nt.filter((pe) => pe !== null)) == null ? void 0 : io.at(-1)),
+            sic: ((gt = X == null ? void 0 : X.sea_ice_concentration) == null ? void 0 : gt.at(se)) ?? ((st = (De = X == null ? void 0 : X.sea_ice_concentration) == null ? void 0 : De.filter((pe) => pe !== null)) == null ? void 0 : st.at(-1))
           }
         }, mt.wave = this.parseWave(mt.wave, Be == null ? void 0 : Be.wind), mt.current.direction = this.degree2Direction(mt.current.degree), lo[ft] ? Object.assign(lo[ft], mt) : lo.push({
           utc: de.utc().format(),
@@ -9257,7 +9257,7 @@ const bm = {
 }, wm = { class: "idm-tropical-gl4" }, xm = { class: "pb-1" }, vm = { class: "text-h5 font-weight-600" }, Am = {
   key: 0,
   class: "text-h5 font-weight-600"
-}, km = { class: "text-body-1" }, Lm = { class: "text-label" }, zm = { class: "d-flex justify-space-between align-center" }, _m = { class: "w-60" }, Cm = { class: "text-label pr-1" }, Mm = { class: "flex-1-1-0" }, Pm = { class: "text-label pr-1" }, Sm = { class: "py-2 d-flex justify-space-between align-center" }, Tm = { class: "w-60" }, Rm = { class: "text-label pr-1" }, Dm = { class: "flex-1-1-0" }, Im = { class: "text-label pr-1" }, Em = { class: "d-flex align-center flex-1-1-100 justify-space-between mt-n1" }, Fm = {
+}, km = { class: "text-body-1" }, Lm = { class: "text-label" }, zm = { class: "d-flex justify-space-between align-center" }, _m = { class: "w-60" }, Cm = { class: "text-label pr-1" }, Mm = { class: "flex-1-1-0" }, Pm = { class: "text-label pr-1" }, Sm = { class: "py-2 d-flex justify-space-between align-center" }, Tm = { class: "w-60" }, Rm = { class: "text-label pr-1" }, Dm = { class: "flex-1-1-0" }, Im = { class: "text-label pr-1" }, Em = { class: "d-flex align-center flex-1-1-100 justify-start mt-n1" }, Fm = {
   class: "text-label pr-1",
   style: { width: "70px" }
 }, Gm = { class: "model-box d-flex justify-end align-center flex-wrap ga-1 pa-1" }, Bm = { class: "more" }, jm = {
@@ -9267,7 +9267,7 @@ const bm = {
   key: 1,
   class: "my-3 w-100",
   style: { height: "80px" }
-}, cd = { class: "legend d-flex justify-start align-center" }, md = { class: "label" }, dd = { class: "legend d-flex justify-start align-center" }, hd = { class: "label" }, ud = { class: "legend d-flex justify-start align-center" }, pd = { class: "label" }, gd = { class: "legend d-flex justify-start align-center" }, fd = { class: "label" }, yd = { class: "legend d-flex justify-start align-center" }, bd = { class: "label" }, wd = { class: "legend d-flex justify-start align-center" }, xd = { class: "label" }, vd = { class: "legend d-flex justify-start align-center" }, Ad = { class: "label" }, kd = { class: "legend d-flex justify-start align-center" }, Ld = { class: "label" }, zd = { class: "legend d-flex justify-start align-center" }, _d = { class: "label" }, Cd = { class: "legend d-flex justify-start align-center" }, Md = { class: "label" }, Pd = { class: "d-flex justify-star align-center" }, Sd = { class: "font-weight-600 mr-1" }, Td = { class: "" }, Rd = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, Dd = {
+}, cd = { class: "legend d-flex justify-start align-center" }, md = { class: "label" }, dd = { class: "legend d-flex justify-start align-center" }, hd = { class: "label" }, ud = { class: "legend d-flex justify-start align-center" }, pd = { class: "label" }, gd = { class: "legend d-flex justify-start align-center" }, fd = { class: "label" }, yd = { class: "legend d-flex justify-start align-center" }, bd = { class: "label" }, wd = { class: "legend d-flex justify-start align-center" }, xd = { class: "label" }, vd = { class: "legend d-flex justify-start align-center" }, Ad = { class: "label" }, kd = { class: "legend d-flex justify-start align-center" }, Ld = { class: "label" }, zd = { class: "legend d-flex justify-start align-center" }, _d = { class: "label" }, Cd = { class: "legend d-flex justify-start align-center" }, Md = { class: "label" }, Pd = { class: "d-flex justify-star align-center" }, Sd = { class: "font-weight-600 mr-1" }, Td = { class: "" }, Rd = { class: "d-flex flex-column justify-center align-start ga-2" }, Dd = {
   key: 0,
   class: "d-flex justify-start align-center"
 }, Id = { class: "text-label pr-1" }, Ed = {
@@ -9297,7 +9297,7 @@ function $d(t, e, o, i, a, l) {
   return A(), R("div", wm, [
     n("div", {
       class: "menu-bar-box transition pa-1",
-      style: pe({ top: o.top + o.paddingTop + 86 + "px", right: a.right + "px" })
+      style: ge({ top: o.top + o.paddingTop + 86 + "px", right: a.right + "px" })
     }, [
       b(c, {
         text: t.$t("tropical.tropicals"),
@@ -9329,10 +9329,10 @@ function $d(t, e, o, i, a, l) {
       key: 0,
       id: "idm-tropical-gl4-info",
       ref: "tropicalsInfo",
-      class: ge(["idm-tropical-gl4-info", o.simple ? "page" : "dialog"])
+      class: ue(["idm-tropical-gl4-info", o.simple ? "page" : "dialog"])
     }, [
       b(p, {
-        class: ge(["w-100", o.simple ? "rounded-t-4 bg-none" : ""]),
+        class: ue(["w-100", o.simple ? "rounded-t-4 bg-none" : ""]),
         elevation: o.simple ? 0 : 16
       }, {
         default: x(() => [
@@ -9400,7 +9400,7 @@ function $d(t, e, o, i, a, l) {
                       variant: z.disabled ? "text" : "flat",
                       color: z.disabled ? "" : "primary",
                       "min-width": 30,
-                      class: ge(["model text-none text-body-1 px-1", z.disabled ? "btn-border-1 btn-bg-1" : ""]),
+                      class: ue(["model text-none text-body-1 px-1", z.disabled ? "btn-border-1 btn-bg-1" : ""]),
                       onClick: _e((T) => l.handleForecastToggle(z), ["stop"])
                     }, {
                       default: x(() => [
@@ -9507,7 +9507,7 @@ function $d(t, e, o, i, a, l) {
             b(s, null, {
               default: x(() => [
                 uo(n("div", {
-                  class: ge(["pa-1 d-flex justify-space-between align-center flex-wrap", o.locale === "zhHans" ? " ga-2" : " ga-3"])
+                  class: ue(["pa-1 d-flex justify-space-between align-center flex-wrap", o.locale === "zhHans" ? " ga-2" : " ga-3"])
                 }, [
                   n("div", cd, [
                     e[15] || (e[15] = n("div", { class: "icon td" }, null, -1)),
@@ -9565,7 +9565,7 @@ function $d(t, e, o, i, a, l) {
     uo(b(p, {
       id: "tropicalHoverMarkerInfo",
       elevation: "16",
-      "max-width": "280"
+      "max-width": "290"
     }, {
       default: x(() => [
         b(g, null, {
@@ -9834,14 +9834,14 @@ function lh(t, e, o, i, a, l) {
   const r = C("VDatePicker"), c = C("VDivider"), s = C("VListItemTitle"), d = C("VListItem"), m = C("VList"), p = C("VCardText"), g = C("VBtn"), w = C("VCardActions"), u = C("VCard");
   return A(), R("div", th, [
     n("div", {
-      style: pe({ height: o.height + "px", width: o.width ? o.width + "px" : "auto" }),
-      class: ge([[o.bgClass, { "cursor-pointer": !o.disabled }], "rounded text-body-1 btn-border-1 btn-bg-1 d-flex align-center justify-center px-2"]),
+      style: ge({ height: o.height + "px", width: o.width ? o.width + "px" : "auto" }),
+      class: ue([[o.bgClass, { "cursor-pointer": !o.disabled }], "rounded text-body-1 btn-border-1 btn-bg-1 d-flex align-center justify-center px-2"]),
       onClick: e[0] || (e[0] = (...h) => l.handleOpenDatePicker && l.handleOpenDatePicker(...h))
     }, y(a.currentDateTime) + " | UTC " + y(o.timeZone < 0 ? o.timeZone : "+" + o.timeZone), 7),
     a.showDatePicker ? (A(), G(u, {
       key: 0,
       class: "card-box d-flex flex-column border elevation-12",
-      style: pe(l.getStyle)
+      style: ge(l.getStyle)
     }, {
       default: x(() => [
         b(p, { class: "w-100 flex-1-1-0 d-flex pa-0 text-body-1" }, {
@@ -10332,7 +10332,7 @@ function Lu(t, e, o, i, a, l) {
   return A(), R("div", nh, [
     n("div", {
       class: "menu-bar-box transition pa-1",
-      style: pe({ top: o.top + o.paddingTop + 126 + "px", right: a.right + "px" })
+      style: ge({ top: o.top + o.paddingTop + 126 + "px", right: a.right + "px" })
     }, [
       b(c, {
         text: t.$t("spot.spotsMeteo"),
@@ -10363,7 +10363,7 @@ function Lu(t, e, o, i, a, l) {
     a.showForm && !o.simple ? (A(), G(v, {
       key: 0,
       class: "spot-form-card",
-      style: pe({ top: o.top + o.paddingTop + 126 + "px", right: a.right + 50 + "px" })
+      style: ge({ top: o.top + o.paddingTop + 126 + "px", right: a.right + 50 + "px" })
     }, {
       default: x(() => [
         b(s, { class: "d-flex justify-space-between align-center" }, {
@@ -10395,7 +10395,7 @@ function Lu(t, e, o, i, a, l) {
           onSubmit: _e(l.submitForm, ["prevent"])
         }, {
           default: x(() => [
-            b(h, { class: "text-body-1 pa-4" }, {
+            b(h, { class: "text-body-1 pa-4 py-2" }, {
               default: x(() => [
                 n("div", mh, [
                   n("div", dh, [
@@ -10535,7 +10535,7 @@ function Lu(t, e, o, i, a, l) {
                     e[17] || (e[17] = n("span", { class: "text-danger" }, "*", -1))
                   ])
                 ]),
-                b(w, { class: "ma-0 mb-2" }, {
+                b(w, { class: "ma-0" }, {
                   default: x(() => [
                     b(g, {
                       cols: "12",
@@ -10557,7 +10557,7 @@ function Lu(t, e, o, i, a, l) {
                               density: "compact",
                               height: "30",
                               value: "GFS",
-                              class: ge(["text-none flex-1-1-0", a.form.forecastModel === "GFS" ? "" : "btn-border-1 btn-bg-1"]),
+                              class: ue(["text-none flex-1-1-0", a.form.forecastModel === "GFS" ? "" : "btn-border-1 btn-bg-1"]),
                               color: a.form.forecastModel === "GFS" ? "primary" : "",
                               "base-color": ""
                             }, {
@@ -10570,7 +10570,7 @@ function Lu(t, e, o, i, a, l) {
                             b(r, {
                               density: "compact",
                               height: "30",
-                              class: ge(["text-none flex-1-1-0", a.form.forecastModel === "ECMWF" ? "" : "btn-border-1 btn-bg-1"]),
+                              class: ue(["text-none flex-1-1-0", a.form.forecastModel === "ECMWF" ? "" : "btn-border-1 btn-bg-1"]),
                               color: a.form.forecastModel === "ECMWF" ? "primary" : "",
                               "base-color": "",
                               value: "ECMWF"
@@ -10594,7 +10594,7 @@ function Lu(t, e, o, i, a, l) {
               _: 1
             }),
             b(d),
-            b(f, { class: "d-flex justify-end align-center ga-4 pa-4" }, {
+            b(f, { class: "d-flex justify-end align-center ga-4 pa-4 py-2" }, {
               default: x(() => [
                 b(r, {
                   size: "small",
@@ -11273,7 +11273,7 @@ function Mu(t, e, o, i, a, l) {
   return A(), R("div", Cu, [
     n("div", {
       class: "menu-bar-box transition pa-1",
-      style: pe({ top: o.top + o.paddingTop + 166 + "px", right: a.right + "px" })
+      style: ge({ top: o.top + o.paddingTop + 166 + "px", right: a.right + "px" })
     }, [
       b(c, {
         text: t.$t("measure.measure"),
@@ -12182,7 +12182,7 @@ function ip(t, e, o, i, a, l) {
                 default: x(() => [
                   b(r, {
                     value: "Point",
-                    class: ge(["flex-1-1-0 text-none text-body-1", a.markerType === "Point" ? "" : "btn-border-1 btn-bg-1"]),
+                    class: ue(["flex-1-1-0 text-none text-body-1", a.markerType === "Point" ? "" : "btn-border-1 btn-bg-1"]),
                     color: a.markerType === "Point" ? "primary" : "",
                     "base-color": "",
                     height: "32px",
@@ -12195,7 +12195,7 @@ function ip(t, e, o, i, a, l) {
                   }, 8, ["class", "color"]),
                   b(r, {
                     value: "Line",
-                    class: ge(["flex-1-1-0 text-none text-body-1", a.markerType === "Line" ? "" : "btn-border-1 btn-bg-1"]),
+                    class: ue(["flex-1-1-0 text-none text-body-1", a.markerType === "Line" ? "" : "btn-border-1 btn-bg-1"]),
                     style: { "border-left": "0 !important", "border-right": "0 !important" },
                     color: a.markerType === "Line" ? "primary" : "",
                     height: "32px",
@@ -12208,7 +12208,7 @@ function ip(t, e, o, i, a, l) {
                   }, 8, ["class", "color"]),
                   b(r, {
                     value: "Area",
-                    class: ge(["flex-1-1-0 text-none text-body-1", a.markerType === "Area" ? "" : "btn-border-1 btn-bg-1"]),
+                    class: ue(["flex-1-1-0 text-none text-body-1", a.markerType === "Area" ? "" : "btn-border-1 btn-bg-1"]),
                     color: a.markerType === "Area" ? "primary" : "",
                     height: "32px",
                     "min-height": "32px"
@@ -12592,7 +12592,7 @@ function ip(t, e, o, i, a, l) {
                       default: x(() => [
                         b(r, {
                           value: "Polygon",
-                          class: ge(["flex-1-1-0 text-none text-body-1", a.form.areaType === "Polygon" ? "" : "btn-border-1 btn-bg-1"]),
+                          class: ue(["flex-1-1-0 text-none text-body-1", a.form.areaType === "Polygon" ? "" : "btn-border-1 btn-bg-1"]),
                           color: a.form.areaType === "Polygon" ? "primary" : "",
                           "base-color": "",
                           height: "32px",
@@ -12605,7 +12605,7 @@ function ip(t, e, o, i, a, l) {
                         }, 8, ["class", "color"]),
                         b(r, {
                           value: "Circle",
-                          class: ge(["flex-1-1-0 text-none text-body-1", a.form.areaType === "Circle" ? "" : "btn-border-1 btn-bg-1"]),
+                          class: ue(["flex-1-1-0 text-none text-body-1", a.form.areaType === "Circle" ? "" : "btn-border-1 btn-bg-1"]),
                           style: { "border-left": "0 !important", "border-right": "0 !important" },
                           color: a.form.areaType === "Circle" ? "primary" : "",
                           "base-color": "",
@@ -12619,7 +12619,7 @@ function ip(t, e, o, i, a, l) {
                         }, 8, ["class", "color"]),
                         b(r, {
                           value: "Rect",
-                          class: ge(["flex-1-1-0 text-none text-body-1", a.form.areaType === "Rect" ? "" : "btn-border-1 btn-bg-1"]),
+                          class: ue(["flex-1-1-0 text-none text-body-1", a.form.areaType === "Rect" ? "" : "btn-border-1 btn-bg-1"]),
                           color: a.form.areaType === "Rect" ? "primary" : "",
                           "base-color": "",
                           height: "32px",
@@ -13026,7 +13026,7 @@ function xp(t, e, o, i, a, l) {
                 ])
               ]),
               n("div", {
-                class: ge(["upload-area btn-bg-1 d-flex flex-column justify-center align-center pa-4", { "drag-over": a.isDragOver, "upload-error": a.fileError }]),
+                class: ue(["upload-area btn-bg-1 d-flex flex-column justify-center align-center pa-4", { "drag-over": a.isDragOver, "upload-error": a.fileError }]),
                 onDragenter: e[4] || (e[4] = _e((h) => a.isDragOver = !0, ["prevent"])),
                 onDragleave: e[5] || (e[5] = _e((h) => a.isDragOver = !1, ["prevent"])),
                 onDragover: e[6] || (e[6] = _e(() => {
@@ -13785,7 +13785,7 @@ function $p(t, e, o, i, a, l) {
   return A(), R("div", Dp, [
     n("div", {
       class: "menu-bar-box transition pa-1",
-      style: pe({ top: o.top + o.paddingTop + 206 + "px", right: a.right + "px" })
+      style: ge({ top: o.top + o.paddingTop + 206 + "px", right: a.right + "px" })
     }, [
       b(c, {
         text: t.$t("marker.markers"),
@@ -13814,8 +13814,8 @@ function $p(t, e, o, i, a, l) {
       }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 4),
     n("div", {
-      class: ge(["main-box transition d-flex flex-column justify-start align-start", a.toggle ? "right-bar" : ""]),
-      style: pe(l.listStyle)
+      class: ue(["main-box transition d-flex flex-column justify-start align-start", a.toggle ? "right-bar" : ""]),
+      style: ge(l.listStyle)
     }, [
       n("div", Ip, [
         n("div", Ep, [
@@ -13924,7 +13924,7 @@ function $p(t, e, o, i, a, l) {
           var N;
           return A(), R("div", {
             key: T.name,
-            class: ge(["btn-bg-1", T.index === a.layerGroup.length ? "rounded-b" : T.index === 1 ? "rounded-t" : ""])
+            class: ue(["btn-bg-1", T.index === a.layerGroup.length ? "rounded-b" : T.index === 1 ? "rounded-t" : ""])
           }, [
             n("div", Op, [
               n("div", Hp, [
@@ -13947,7 +13947,7 @@ function $p(t, e, o, i, a, l) {
                 })) : (A(), G(g, {
                   key: 2,
                   density: "compact",
-                  variant: "tonal",
+                  variant: "flat",
                   class: "font-weight-600 mr-2",
                   color: "primary",
                   onClick: (j) => T.show = !T.show
@@ -14079,7 +14079,7 @@ function $p(t, e, o, i, a, l) {
                 var oe;
                 return A(), R("div", {
                   key: j.id,
-                  class: ge(["layer-item py-3 px-2 mx-2 rounded cursor-pointer d-flex align-center justify-space-between ga-4", ((oe = a.currentLayer) == null ? void 0 : oe.id) === j.id ? "active" : ""])
+                  class: ue(["layer-item pa-2 mx-2 rounded cursor-pointer d-flex align-center justify-space-between ga-4", ((oe = a.currentLayer) == null ? void 0 : oe.id) === j.id ? "active" : ""])
                 }, [
                   n("div", Kp, [
                     n("span", Qp, y(j == null ? void 0 : j.name), 1)
@@ -17054,52 +17054,52 @@ Se.capture = async (t, e, o) => {
   if (o !== ll)
     throw new Error("[snapdom.capture] is internal. Use snapdom(...) instead.");
   let i = await il(t, e), a = { img: async (u, h) => {
-    let { toImg: f } = await import("./toImg-63945deb.js");
+    let { toImg: f } = await import("./toImg-21049add.js");
     return f(i, { ...u, ...h || {} });
   }, svg: async (u, h) => {
-    let { toSvg: f } = await import("./toImg-63945deb.js");
+    let { toSvg: f } = await import("./toImg-21049add.js");
     return f(i, { ...u, ...h || {} });
   }, canvas: async (u, h) => {
-    let { toCanvas: f } = await import("./toCanvas-7e5ec63b.js");
+    let { toCanvas: f } = await import("./toCanvas-369fa248.js");
     return f(i, { ...u, ...h || {} });
   }, blob: async (u, h) => {
-    let { toBlob: f } = await import("./toBlob-64519f7f.js");
+    let { toBlob: f } = await import("./toBlob-1a9ea2ef.js");
     return f(i, { ...u, ...h || {} });
   }, png: async (u, h) => {
-    let { rasterize: f } = await import("./rasterize-JS5G2XHH-08a25b37.js");
+    let { rasterize: f } = await import("./rasterize-JS5G2XHH-8c7f95b0.js");
     return f(i, { ...u, ...h || {}, format: "png" });
   }, jpeg: async (u, h) => {
-    let { rasterize: f } = await import("./rasterize-JS5G2XHH-08a25b37.js");
+    let { rasterize: f } = await import("./rasterize-JS5G2XHH-8c7f95b0.js");
     return f(i, { ...u, ...h || {}, format: "jpeg" });
   }, webp: async (u, h) => {
-    let { rasterize: f } = await import("./rasterize-JS5G2XHH-08a25b37.js");
+    let { rasterize: f } = await import("./rasterize-JS5G2XHH-8c7f95b0.js");
     return f(i, { ...u, ...h || {}, format: "webp" });
   }, download: async (u, h) => {
-    let { download: f } = await import("./download-d2b0cae0.js");
+    let { download: f } = await import("./download-64c170e7.js");
     return f(i, { ...u, ...h || {} });
   } }, l = { ...e, export: { url: i }, exports: { svg: async (u) => {
-    let { toSvg: h } = await import("./toImg-63945deb.js");
+    let { toSvg: h } = await import("./toImg-21049add.js");
     return h(i, { ...e, ...u || {}, [mo]: !0 });
   }, canvas: async (u) => {
-    let { toCanvas: h } = await import("./toCanvas-7e5ec63b.js");
+    let { toCanvas: h } = await import("./toCanvas-369fa248.js");
     return h(i, { ...e, ...u || {}, [mo]: !0 });
   }, png: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-08a25b37.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-8c7f95b0.js");
     return h(i, { ...e, ...u || {}, format: "png", [mo]: !0 });
   }, jpeg: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-08a25b37.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-8c7f95b0.js");
     return h(i, { ...e, ...u || {}, format: "jpeg", [mo]: !0 });
   }, jpg: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-08a25b37.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-8c7f95b0.js");
     return h(i, { ...e, ...u || {}, format: "jpeg", [mo]: !0 });
   }, webp: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-08a25b37.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-8c7f95b0.js");
     return h(i, { ...e, ...u || {}, format: "webp", [mo]: !0 });
   }, blob: async (u) => {
-    let { toBlob: h } = await import("./toBlob-64519f7f.js");
+    let { toBlob: h } = await import("./toBlob-1a9ea2ef.js");
     return h(i, { ...e, ...u || {}, [mo]: !0 });
   }, img: async (u) => {
-    let { toImg: h } = await import("./toImg-63945deb.js");
+    let { toImg: h } = await import("./toImg-21049add.js");
     return h(i, { ...e, ...u || {}, [mo]: !0 });
   } } }, r = await Og("defineExports", l), c = Object.assign({}, ...r.filter((u) => u && typeof u == "object")), s = { ...a, ...c };
   s.jpeg && !s.jpg && (s.jpg = (u, h) => s.jpeg(u, h));
@@ -17620,7 +17620,7 @@ function Df(t, e, o, i, a, l) {
       a.actionStatus >= 2 ? (A(), R("div", {
         key: 1,
         class: "selection-box",
-        style: pe(l.selectionStyle)
+        style: ge(l.selectionStyle)
       }, [
         n("div", _f, y(Math.round(a.selection.width)) + " × " + y(Math.round(a.selection.height)), 1),
         a.actionStatus === 3 ? (A(), R("div", {
@@ -17650,8 +17650,8 @@ function Df(t, e, o, i, a, l) {
     ], 32)) : I("", !0),
     a.actionStatus >= 4 && a.actionStatus <= 6 ? (A(), R("div", {
       key: 1,
-      class: ge(["capture-frame", { recording: a.actionStatus === 5 }]),
-      style: pe(l.selectionStyle)
+      class: ue(["capture-frame", { recording: a.actionStatus === 5 }]),
+      style: ge(l.selectionStyle)
     }, [
       n("div", Cf, [
         n("div", Mf, y(a.selection.width) + " × " + y(a.selection.height), 1)
@@ -17834,7 +17834,7 @@ function Xf(t, e, o, i, a, l) {
     }), null, 16, ["is-playing", "enabled", "frequency", "current-timestamp"]),
     n("div", {
       class: "time-box px-2 d-flex justify-start align-center rounded",
-      style: pe({ right: a.right + 146 + "px", bottom: Object.values(a.show).includes(!0) ? "10px" : "-100px" })
+      style: ge({ right: a.right + 146 + "px", bottom: Object.values(a.show).includes(!0) ? "10px" : "-100px" })
     }, [
       n("div", Ff, [
         b(c, V({
@@ -18169,7 +18169,7 @@ function Xf(t, e, o, i, a, l) {
         b(g, {
           text: "",
           height: "30",
-          class: ge(["px-2 elevation-0 text-body-1 btn-border-2", a.source === "GFS" ? "bg-primary" : "btn-bg-2"]),
+          class: ue(["px-2 elevation-0 text-body-1 btn-border-2", a.source === "GFS" ? "bg-primary" : "btn-bg-2"]),
           color: a.source === "GFS" ? "primary" : "",
           onClick: e[11] || (e[11] = (h) => a.source = "GFS")
         }, {
@@ -18182,7 +18182,7 @@ function Xf(t, e, o, i, a, l) {
         b(g, {
           text: "",
           height: "30",
-          class: ge(["px-2 elevation-0 text-body-1 btn-border-2", a.source === "ECMWF" ? "bg-primary" : "btn-bg-2"]),
+          class: ue(["px-2 elevation-0 text-body-1 btn-border-2", a.source === "ECMWF" ? "bg-primary" : "btn-bg-2"]),
           color: a.source === "ECMWF" ? "primary" : "",
           onClick: e[12] || (e[12] = (h) => a.source = "ECMWF")
         }, {
@@ -18196,7 +18196,7 @@ function Xf(t, e, o, i, a, l) {
     ], 4),
     n("div", {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
-      style: pe({ right: a.right + "px" })
+      style: ge({ right: a.right + "px" })
     }, [
       a.showTimezone ? (A(), R("div", Nf, [
         (A(!0), R(Ce, null, Me(a.offsets, (h) => (A(), R("div", {
@@ -18338,7 +18338,7 @@ function Uf(t, e, o, i, a, l) {
   const r = C("VBtn"), c = C("DateTimePicker");
   return A(), R("div", {
     class: "idm-time-player-gl4 d-flex justify-center align-center",
-    style: pe({ bottom: Object.values(a.show).includes(!0) ? o.playerBottom + "px" : "-100px" })
+    style: ge({ bottom: Object.values(a.show).includes(!0) ? o.playerBottom + "px" : "-100px" })
   }, [
     n("div", Yf, [
       b(r, {
@@ -18702,7 +18702,7 @@ function u1(t, e, o, i, a, l) {
     }), null, 16, ["is-playing", "enabled", "frequency", "current-timestamp"]),
     n("div", {
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
-      style: pe({ right: a.right + 146 + "px", bottom: Object.values(a.show).includes(!0) ? "10px" : "-100px" })
+      style: ge({ right: a.right + 146 + "px", bottom: Object.values(a.show).includes(!0) ? "10px" : "-100px" })
     }, [
       n("div", Qf, [
         b(s, {
@@ -18917,7 +18917,7 @@ function u1(t, e, o, i, a, l) {
       n("div", $f, [
         n("div", {
           ref: "timelineScroll",
-          class: ge(["timeline-scroll", { dragging: a.isDragging }]),
+          class: ue(["timeline-scroll", { dragging: a.isDragging }]),
           onMousedown: e[4] || (e[4] = (...u) => l.handleDragStart && l.handleDragStart(...u)),
           onMousemove: e[5] || (e[5] = (...u) => l.handleDragMove && l.handleDragMove(...u)),
           onMouseup: e[6] || (e[6] = (...u) => l.handleDragEnd && l.handleDragEnd(...u)),
@@ -18935,8 +18935,8 @@ function u1(t, e, o, i, a, l) {
               n("div", o1, [
                 (A(!0), R(Ce, null, Me(u.hours, (h) => (A(), R("div", {
                   key: h.key,
-                  class: ge(["timeline-hour", { active: h.isActive }]),
-                  style: pe({ width: l.hourWidth + "px" }),
+                  class: ue(["timeline-hour", { active: h.isActive }]),
+                  style: ge({ width: l.hourWidth + "px" }),
                   onClick: (f) => l.handleTimelineClick(h.timestamp)
                 }, [
                   h.isCurrent ? (A(), R("div", i1, [
@@ -19061,7 +19061,7 @@ function u1(t, e, o, i, a, l) {
         b(c, {
           text: "",
           height: "30",
-          class: ge(["px-2 elevation-0 text-body-1 btn-border-2", a.source === "GFS" ? "bg-primary" : "btn-bg-2"]),
+          class: ue(["px-2 elevation-0 text-body-1 btn-border-2", a.source === "GFS" ? "bg-primary" : "btn-bg-2"]),
           color: a.source === "GFS" ? "primary" : "",
           onClick: e[11] || (e[11] = (u) => a.source = "GFS")
         }, {
@@ -19074,7 +19074,7 @@ function u1(t, e, o, i, a, l) {
         b(c, {
           text: "",
           height: "30",
-          class: ge(["px-2 elevation-0 text-body-1 btn-border-2", a.source === "ECMWF" ? "bg-primary" : "btn-bg-2"]),
+          class: ue(["px-2 elevation-0 text-body-1 btn-border-2", a.source === "ECMWF" ? "bg-primary" : "btn-bg-2"]),
           color: a.source === "ECMWF" ? "primary" : "",
           onClick: e[12] || (e[12] = (u) => a.source = "ECMWF")
         }, {
@@ -19088,7 +19088,7 @@ function u1(t, e, o, i, a, l) {
     ], 4),
     n("div", {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
-      style: pe({ right: a.right + "px" })
+      style: ge({ right: a.right + "px" })
     }, [
       a.showTimezone ? (A(), R("div", c1, [
         (A(!0), R(Ce, null, Me(a.offsets, (u) => (A(), R("div", {
@@ -19317,7 +19317,7 @@ class w1 {
     ke(this, "hi");
     ke(this, "td");
     ke(this, "windy");
-    var i, a, l, r, c, s, d, m, p, g, w, u, h, f, k, v, _, L, P, z, D, T, B, N, j, oe, ae, le, we, ye, F, Q, $, ne, K, Y, ie, E, ce, xe, Le, ze, he, Ae, q, be, Ee, Fe, $e, et, Je, je, tt, Oe, He, Ke, ot, at, Qe, Te, Re, Ne, it, lt, rt, Ve, bt, wt, xt, vt, At, kt, Lt, zt, _t, Ct, Mt, Pt, St, Tt, Rt, Dt, It, Et, Ft, Gt, Bt, jt, Nt, Zt, Wt, Vt, Xt, Ot, Ht, Yt, Ut, Jt, Kt, Qt, qt, $t, eo, to, oo, Xe, Ye, ao, nt, io, gt, De, st, de, Ge, te, ee, ct, qe, We, U, lo, se, Be, mt, ft, yt, X, dt, J, ht, no, ue, go, fe, vo, Ao, ko, Lo, zo, _o, Co, Mo, Po, So, To, Ro, Do, Io, ya, ba, wa, xa, va, Aa, ka, La, za, _a, Ca, Ma, Pa, Sa, Ta, Ra, Da, Ia, Ea, Fa, Ga, Ba, ja, Na, Za, Wa, Va, Xa, Oa, Ha, Ya, Ua, Ja, Ka, Qa, qa, $a, ei, ti, oi, ai, ii, li, ri, ni, si, ci, mi, di, hi, ui, pi, gi, fi, yi;
+    var i, a, l, r, c, s, d, m, p, g, w, u, h, f, k, v, _, L, P, z, D, T, B, N, j, oe, ae, le, we, ye, F, Q, $, ne, K, Y, ie, E, ce, xe, Le, ze, he, Ae, q, be, Ee, Fe, $e, et, Je, je, tt, Oe, He, Ke, ot, at, Qe, Te, Re, Ne, it, lt, rt, Ve, bt, wt, xt, vt, At, kt, Lt, zt, _t, Ct, Mt, Pt, St, Tt, Rt, Dt, It, Et, Ft, Gt, Bt, jt, Nt, Zt, Wt, Vt, Xt, Ot, Ht, Yt, Ut, Jt, Kt, Qt, qt, $t, eo, to, oo, Xe, Ye, ao, nt, io, gt, De, st, de, Ge, te, ee, ct, qe, We, U, lo, se, Be, mt, ft, yt, X, dt, J, ht, no, pe, go, fe, vo, Ao, ko, Lo, zo, _o, Co, Mo, Po, So, To, Ro, Do, Io, ya, ba, wa, xa, va, Aa, ka, La, za, _a, Ca, Ma, Pa, Sa, Ta, Ra, Da, Ia, Ea, Fa, Ga, Ba, ja, Na, Za, Wa, Va, Xa, Oa, Ha, Ya, Ua, Ja, Ka, Qa, qa, $a, ei, ti, oi, ai, ii, li, ri, ni, si, ci, mi, di, hi, ui, pi, gi, fi, yi;
     this.i4 = {
       source: {
         type: "raster",
@@ -37947,7 +37947,7 @@ class w1 {
           (X = (yt = this.originStyle) == null ? void 0 : yt.satellite.layers) == null ? void 0 : X.find((M) => M.id === "loadlines-label"),
           (J = (dt = this.originStyle) == null ? void 0 : dt.satellite.layers) == null ? void 0 : J.find((M) => M.id === "loadlines-fill"),
           (no = (ht = this.originStyle) == null ? void 0 : ht.satellite.layers) == null ? void 0 : no.find((M) => M.id === "ice-area-fill"),
-          (go = (ue = this.originStyle) == null ? void 0 : ue.satellite.layers) == null ? void 0 : go.find((M) => M.id === "ice-area-line"),
+          (go = (pe = this.originStyle) == null ? void 0 : pe.satellite.layers) == null ? void 0 : go.find((M) => M.id === "ice-area-line"),
           (vo = (fe = this.originStyle) == null ? void 0 : fe.satellite.layers) == null ? void 0 : vo.find((M) => M.id === "empty-layer-0"),
           (ko = (Ao = this.originStyle) == null ? void 0 : Ao.satellite.layers) == null ? void 0 : ko.find((M) => M.id === "empty-layer-1"),
           (zo = (Lo = this.originStyle) == null ? void 0 : Lo.satellite.layers) == null ? void 0 : zo.find((M) => M.id === "country-boundaries"),
@@ -38131,13 +38131,13 @@ function z1(t, e, o, i, a, l) {
   return A(), R("div", {
     id: "mapbox-initial-gl4",
     class: "mapbox-initial-gl4 gif-container",
-    style: pe({ height: o.height, width: o.width })
+    style: ge({ height: o.height, width: o.width })
   }, [
     e[6] || (e[6] = n("div", { id: "map" }, null, -1)),
     o.simple ? (A(), R("div", {
       key: 0,
       class: "menu-bar-box transition px-1 rounded d-flex flex-column pa-1 simple",
-      style: pe({ top: o.top + 294 + "px", right: a.right + "px", height: "40px" })
+      style: ge({ top: o.top + 294 + "px", right: a.right + "px", height: "40px" })
     }, [
       n("div", v1, [
         b(r, {
@@ -38158,7 +38158,7 @@ function z1(t, e, o, i, a, l) {
     o.simple ? I("", !0) : (A(), R("div", {
       key: 1,
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
-      style: pe({ top: o.top + 308 + "px", right: a.right + "px", height: "112px" })
+      style: ge({ top: o.top + 308 + "px", right: a.right + "px", height: "112px" })
     }, [
       n("div", A1, [
         b(r, {
@@ -38456,7 +38456,7 @@ function D1(t, e, o, i, a, l) {
   const r = C("VIcon"), c = C("VDatePicker"), s = C("VDivider"), d = C("VCardText"), m = C("VBtn"), p = C("VCardActions"), g = C("VCard");
   return A(), R("div", M1, [
     n("div", {
-      style: pe({ height: o.height + "px", width: o.width ? o.width + "px" : "auto" }),
+      style: ge({ height: o.height + "px", width: o.width ? o.width + "px" : "auto" }),
       class: "rounded text-body-1 btn-border-1 btn-bg-1 d-flex align-center justify-space-between px-2 cursor-pointer",
       onClick: e[0] || (e[0] = (...w) => l.handleOpenDatePicker && l.handleOpenDatePicker(...w))
     }, [
@@ -38472,7 +38472,7 @@ function D1(t, e, o, i, a, l) {
     a.showDatePicker ? (A(), G(g, {
       key: 0,
       class: "card-box d-flex flex-column border elevation-12",
-      style: pe(l.getStyle)
+      style: ge(l.getStyle)
     }, {
       default: x(() => [
         b(d, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {