@idmwx/idmui-gl4 2.5.8 → 2.6.0

package/dist/{index-8d8b51b7.js → index-223dd25b.js}

@@ -3,7 +3,7 @@ var zr = (e, t, o) => t in e ? _r(e, t, { enumerable: !0, configurable: !0, writ
 var we = (e, t, o) => (zr(e, typeof t != "symbol" ? t + "" : t, o), o);
 import Xe from "axios";
 import { useTheme as Fe } from "vuetify";
-import { openBlock as P, createElementBlock as D, resolveComponent as R, createBlock as Z, normalizeClass as _e, withCtx as C, createVNode as L, withModifiers as Se, createElementVNode as n, createCommentVNode as N, toDisplayString as b, createTextVNode as de, Fragment as Ie, renderList as De, withDirectives as Qe, vShow as et, mergeProps as Y, normalizeStyle as ue } from "vue";
+import { openBlock as C, createElementBlock as D, resolveComponent as R, createBlock as Z, normalizeClass as _e, withCtx as P, createVNode as L, withModifiers as Se, createElementVNode as n, createCommentVNode as N, toDisplayString as b, createTextVNode as de, Fragment as Ie, renderList as De, withDirectives as Qe, vShow as et, mergeProps as Y, normalizeStyle as ue } from "vue";
 import Ae from "mapbox-gl";
 import G from "moment";
 import { LngLatHelper as ce, TropicalHelper as Ii, LaneHelper as Je } from "@idm-plugin/geo";
@@ -114,7 +114,7 @@ const ne = (e, t) => {
   }
 };
 function Tr(e, t, o, i, a, r) {
-  return P(), D("div");
+  return C(), D("div");
 }
 const Rr = /* @__PURE__ */ ne(Sr, [["render", Tr]]), Ir = {
   name: "IdmGmdssArea",
@@ -241,7 +241,7 @@ const Rr = /* @__PURE__ */ ne(Sr, [["render", Tr]]), Ir = {
   }
 };
 function Dr(e, t, o, i, a, r) {
-  return P(), D("div");
+  return C(), D("div");
 }
 const Ar = /* @__PURE__ */ ne(Ir, [["render", Dr]]), Gr = {
   name: "IdmEcaZone",
@@ -337,7 +337,7 @@ const Ar = /* @__PURE__ */ ne(Ir, [["render", Dr]]), Gr = {
   }
 };
 function Wr(e, t, o, i, a, r) {
-  return P(), D("div");
+  return C(), D("div");
 }
 const Fr = /* @__PURE__ */ ne(Gr, [["render", Wr]]);
 const Nr = {
@@ -499,14 +499,14 @@ const Nr = {
 }, Br = ["innerHTML"];
 function Zr(e, t, o, i, a, r) {
   const l = R("VBtn"), c = R("v-card-text"), s = R("v-card");
-  return a.showMakerInfo ? (P(), Z(s, {
+  return a.showMakerInfo ? (C(), Z(s, {
     key: 0,
     class: _e(["idm-gl4-zone-info overflow-auto scroll", o.simple ? "page" : "dialog"]),
     id: "idm-gl4-zone-info"
   }, {
-    default: C(() => [
+    default: P(() => [
       L(c, null, {
-        default: C(() => {
+        default: P(() => {
           var d;
           return [
             L(l, {
@@ -516,7 +516,7 @@ function Zr(e, t, o, i, a, r) {
               class: "close",
               onClick: Se(r.handleRemoveMarker, ["stop"])
             }, {
-              default: C(() => t[0] || (t[0] = [
+              default: P(() => t[0] || (t[0] = [
                 n("i", { class: "iconfont icon-close text-h4" }, null, -1)
               ])),
               _: 1,
@@ -1721,14 +1721,14 @@ const Or = {
 }, El = { class: "px-1 text-center" }, Ol = { class: "px-1 text-center" }, Xl = { class: "px-1 text-center" };
 function jl(e, t, o, i, a, r) {
   const l = R("VBtn"), c = R("VCardTitle"), s = R("VDivider"), d = R("VBtnToggle"), m = R("VCard");
-  return P(), Z(m, {
+  return C(), Z(m, {
     class: _e(["port-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
   }, {
-    default: C(() => {
+    default: P(() => {
       var g, p, y;
       return [
         L(c, { class: "w-100" }, {
-          default: C(() => {
+          default: P(() => {
             var f, h, u, x, v, w;
             return [
               n("div", Xr, [
@@ -1739,11 +1739,11 @@ function jl(e, t, o, i, a, r) {
                   }, null, 2),
                   n("div", null, b((x = o.port) == null ? void 0 : x.name), 1)
                 ]),
-                o.simple ? (P(), D("div", Vr, [
+                o.simple ? (C(), D("div", Vr, [
                   (v = o.followList) != null && v.some((k) => {
                     var S;
                     return ((S = k.port) == null ? void 0 : S.id) === o.portId;
-                  }) ? (P(), Z(l, {
+                  }) ? (C(), Z(l, {
                     key: 0,
                     class: "text-none rounded-circle",
                     variant: "text",
@@ -1753,12 +1753,12 @@ function jl(e, t, o, i, a, r) {
                     "min-width": "28",
                     onClick: r.handleCancelFollow
                   }, {
-                    default: C(() => t[2] || (t[2] = [
+                    default: P(() => t[2] || (t[2] = [
                       n("i", { class: "iconfont icon-yishoucang text-h4 text-warning" }, null, -1)
                     ])),
                     _: 1,
                     __: [2]
-                  }, 8, ["onClick"])) : (P(), Z(l, {
+                  }, 8, ["onClick"])) : (C(), Z(l, {
                     key: 1,
                     class: "text-none rounded-circle",
                     variant: "plain",
@@ -1768,7 +1768,7 @@ function jl(e, t, o, i, a, r) {
                     "min-width": "28",
                     onClick: r.handleFollow
                   }, {
-                    default: C(() => t[3] || (t[3] = [
+                    default: P(() => t[3] || (t[3] = [
                       n("i", { class: "iconfont icon-weishoucang text-h4" }, null, -1)
                     ])),
                     _: 1,
@@ -1781,13 +1781,13 @@ function jl(e, t, o, i, a, r) {
                     class: "",
                     onClick: r.handleClose
                   }, {
-                    default: C(() => t[4] || (t[4] = [
+                    default: P(() => t[4] || (t[4] = [
                       n("i", { class: "iconfont icon-close text-h4" }, null, -1)
                     ])),
                     _: 1,
                     __: [4]
                   }, 8, ["onClick"])
-                ])) : (P(), D("div", Hr, [
+                ])) : (C(), D("div", Hr, [
                   L(l, {
                     icon: "",
                     density: "compact",
@@ -1795,7 +1795,7 @@ function jl(e, t, o, i, a, r) {
                     class: "",
                     onClick: r.handleClose
                   }, {
-                    default: C(() => t[5] || (t[5] = [
+                    default: P(() => t[5] || (t[5] = [
                       n("i", { class: "iconfont icon-close text-h4" }, null, -1)
                     ])),
                     _: 1,
@@ -1815,11 +1815,11 @@ function jl(e, t, o, i, a, r) {
           _: 1
         }),
         L(s, { class: "w-100" }),
-        o.simple ? N("", !0) : (P(), D("div", Ur, [
+        o.simple ? N("", !0) : (C(), D("div", Ur, [
           (g = o.followList) != null && g.some((f) => {
             var h;
             return ((h = f.port) == null ? void 0 : h.id) === o.portId;
-          }) ? (P(), Z(l, {
+          }) ? (C(), Z(l, {
             key: 0,
             class: "text-none text-body-1 rounded flex-1-1-0 btn-bg-3",
             variant: "tonal",
@@ -1827,14 +1827,14 @@ function jl(e, t, o, i, a, r) {
             height: "32",
             onClick: r.handleCancelFollow
           }, {
-            prepend: C(() => t[7] || (t[7] = [
+            prepend: P(() => t[7] || (t[7] = [
               n("i", { class: "iconfont icon-yishoucang text-h6 text-warning" }, null, -1)
             ])),
-            default: C(() => [
+            default: P(() => [
               de(" " + b(e.$t("actions.unfollow")), 1)
             ]),
             _: 1
-          }, 8, ["onClick"])) : (P(), Z(l, {
+          }, 8, ["onClick"])) : (C(), Z(l, {
             key: 1,
             class: "text-none text-body-1 rounded flex-1-1-0 btn-bg-3",
             variant: "tonal",
@@ -1842,10 +1842,10 @@ function jl(e, t, o, i, a, r) {
             height: "32",
             onClick: r.handleFollow
           }, {
-            prepend: C(() => t[8] || (t[8] = [
+            prepend: P(() => t[8] || (t[8] = [
               n("i", { class: "iconfont icon-weishoucang text-h6" }, null, -1)
             ])),
-            default: C(() => [
+            default: P(() => [
               de(b(e.$t("actions.follow")) + " ", 1)
             ]),
             _: 1
@@ -1857,7 +1857,7 @@ function jl(e, t, o, i, a, r) {
             height: "32",
             onClick: r.handleMeteoMore
           }, {
-            default: C(() => [
+            default: P(() => [
               de(b(e.$t("actions.7dayForcast")), 1)
             ]),
             _: 1
@@ -1870,7 +1870,7 @@ function jl(e, t, o, i, a, r) {
           n("div", Jr, [
             n("div", Kr, [
               n("div", $r, [
-                (P(), D("svg", qr, [
+                (C(), D("svg", qr, [
                   n("use", {
                     "xlink:href": `#icon-title-${o.theme}`
                   }, null, 8, Qr)
@@ -1897,7 +1897,7 @@ function jl(e, t, o, i, a, r) {
           n("div", ml, [
             n("div", dl, [
               n("div", hl, [
-                (P(), D("svg", ul, [
+                (C(), D("svg", ul, [
                   n("use", {
                     "xlink:href": `#icon-title-${o.theme}`
                   }, null, 8, pl)
@@ -1919,15 +1919,15 @@ function jl(e, t, o, i, a, r) {
                 "min-height": "26",
                 rounded: "1"
               }, {
-                default: C(() => [
-                  (P(!0), D(Ie, null, De(r.dateList, (f) => (P(), Z(l, {
+                default: P(() => [
+                  (C(!0), D(Ie, null, De(r.dateList, (f) => (C(), Z(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
                     height: "26",
                     value: f.index
                   }, {
-                    default: C(() => [
+                    default: P(() => [
                       de(b(f.label), 1)
                     ]),
                     _: 2
@@ -1937,40 +1937,40 @@ function jl(e, t, o, i, a, r) {
               }, 8, ["modelValue"]),
               n("table", gl, [
                 n("tbody", null, [
-                  (P(!0), D(Ie, null, De(a.tableData, (f) => (P(), D("tr", {
+                  (C(!0), D(Ie, null, De(a.tableData, (f) => (C(), D("tr", {
                     key: f.id
                   }, [
                     n("th", fl, [
                       de(b(e.$t(`${f.key}`)) + " ", 1),
-                      f.unit ? (P(), D("span", yl, " ( " + b(f.unit) + " )", 1)) : N("", !0)
+                      f.unit ? (C(), D("span", yl, " ( " + b(f.unit) + " )", 1)) : N("", !0)
                     ]),
                     n("td", bl, [
-                      f.img ? (P(), D("img", {
+                      f.img ? (C(), D("img", {
                         key: 0,
                         src: f == null ? void 0 : f.value0,
                         style: { height: "30px" }
-                      }, null, 8, wl)) : (P(), D("span", xl, b((f == null ? void 0 : f.value0) ?? "-"), 1))
+                      }, null, 8, wl)) : (C(), D("span", xl, b((f == null ? void 0 : f.value0) ?? "-"), 1))
                     ]),
                     n("td", vl, [
-                      f.img ? (P(), D("img", {
+                      f.img ? (C(), D("img", {
                         key: 0,
                         src: f == null ? void 0 : f.value1,
                         style: { height: "30px" }
-                      }, null, 8, kl)) : (P(), D("span", _l, b((f == null ? void 0 : f.value1) ?? "-"), 1))
+                      }, null, 8, kl)) : (C(), D("span", _l, b((f == null ? void 0 : f.value1) ?? "-"), 1))
                     ]),
                     n("td", zl, [
-                      f.img ? (P(), D("img", {
+                      f.img ? (C(), D("img", {
                         key: 0,
                         src: f == null ? void 0 : f.value2,
                         style: { height: "30px" }
-                      }, null, 8, Ll)) : (P(), D("span", Pl, b((f == null ? void 0 : f.value2) ?? "-"), 1))
+                      }, null, 8, Ll)) : (C(), D("span", Pl, b((f == null ? void 0 : f.value2) ?? "-"), 1))
                     ]),
                     n("td", Cl, [
-                      f.img ? (P(), D("img", {
+                      f.img ? (C(), D("img", {
                         key: 0,
                         src: f == null ? void 0 : f.value3,
                         style: { height: "30px" }
-                      }, null, 8, Ml)) : (P(), D("span", Sl, b((f == null ? void 0 : f.value3) ?? "-"), 1))
+                      }, null, 8, Ml)) : (C(), D("span", Sl, b((f == null ? void 0 : f.value3) ?? "-"), 1))
                     ])
                   ]))), 128))
                 ])
@@ -1980,7 +1980,7 @@ function jl(e, t, o, i, a, r) {
           n("div", Tl, [
             n("div", Rl, [
               n("div", Il, [
-                (P(), D("svg", Dl, [
+                (C(), D("svg", Dl, [
                   n("use", {
                     "xlink:href": `#icon-title-${o.theme}`
                   }, null, 8, Al)
@@ -1988,14 +1988,14 @@ function jl(e, t, o, i, a, r) {
                 n("div", null, b(e.$t("tide.tideTimes")), 1)
               ]),
               n("div", Gl, [
-                a.showTideDetail ? (P(), Z(l, {
+                a.showTideDetail ? (C(), Z(l, {
                   key: 0,
                   icon: "mdi-eye-off-outline",
                   density: "compact",
                   variant: "plain",
                   size: "small",
                   onClick: t[1] || (t[1] = (f) => a.showTideDetail = !1)
-                })) : (P(), Z(l, {
+                })) : (C(), Z(l, {
                   key: 1,
                   icon: "mdi-eye-outline",
                   density: "compact",
@@ -2005,7 +2005,7 @@ function jl(e, t, o, i, a, r) {
                 }, null, 8, ["onClick"]))
               ])
             ]),
-            a.showTideDetail ? (P(), D("div", {
+            a.showTideDetail ? (C(), D("div", {
               key: 0,
               class: _e(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4"])
             }, [
@@ -2017,9 +2017,9 @@ function jl(e, t, o, i, a, r) {
                     n("th", Bl, b(e.$t("time.time")) + " ( LT ) ", 1),
                     n("th", Zl, b(e.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (P(!0), D(Ie, null, De(a.tideTableData, (f, h) => {
+                  (C(!0), D(Ie, null, De(a.tideTableData, (f, h) => {
                     var u;
-                    return P(), D("tr", { key: h }, [
+                    return C(), D("tr", { key: h }, [
                       n("td", El, b(e.$t(`tide.${(u = f == null ? void 0 : f.type) == null ? void 0 : u.toLowerCase()}`)) + " " + b(e.$t("tide.tide")), 1),
                       n("td", Ol, b(r.computeLocalTime(f == null ? void 0 : f.date, o.port, "MM-DD HH:mm")), 1),
                       n("td", Xl, b((f == null ? void 0 : f.height) ?? "-") + " m", 1)
@@ -2145,14 +2145,14 @@ const Vl = {
 }, Hl = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, Yl = { class: "d-flex justify-start align-center text-label" }, Ul = { class: "d-flex justify-start align-center text-label" };
 function Jl(e, t, o, i, a, r) {
   const l = R("VCardText"), c = R("VCard"), s = R("PortDetail");
-  return P(), D("div", null, [
+  return C(), D("div", null, [
     Qe(L(c, {
       id: "idmPortInfo",
       ref: "idmPortInfo"
     }, {
-      default: C(() => [
+      default: P(() => [
         L(l, { class: "text-body-1 pr-8" }, {
-          default: C(() => [
+          default: P(() => [
             n("div", Hl, [
               n("div", null, b(e.$t("port.port")), 1),
               n("div", Yl, [
@@ -2171,7 +2171,7 @@ function Jl(e, t, o, i, a, r) {
     }, 512), [
       [et, a.showInfo]
     ]),
-    a.showDetail ? (P(), Z(s, Y({
+    a.showDetail ? (C(), Z(s, Y({
       key: 0,
       portId: a.portId,
       port: a.port,
@@ -2223,7 +2223,7 @@ const Kl = /* @__PURE__ */ ne(Vl, [["render", Jl], ["__scopeId", "data-v-0c0f27d
   }
 };
 function ql(e, t, o, i, a, r) {
-  return P(), D("div");
+  return C(), D("div");
 }
 const Ql = /* @__PURE__ */ ne($l, [["render", ql]]), en = {
   name: "IdmTimezone",
@@ -2429,7 +2429,7 @@ const Ql = /* @__PURE__ */ ne($l, [["render", ql]]), en = {
   }
 };
 function tn(e, t, o, i, a, r) {
-  return P(), D("div");
+  return C(), D("div");
 }
 const on = /* @__PURE__ */ ne(en, [["render", tn]]), an = {
   name: "IdmVoluntaryReportingArea",
@@ -2524,7 +2524,7 @@ const on = /* @__PURE__ */ ne(en, [["render", tn]]), an = {
   }
 };
 function rn(e, t, o, i, a, r) {
-  return P(), D("div");
+  return C(), D("div");
 }
 const ln = /* @__PURE__ */ ne(an, [["render", rn]]), nn = {
   name: "IdmSpecialArea",
@@ -2619,7 +2619,7 @@ const ln = /* @__PURE__ */ ne(an, [["render", rn]]), nn = {
   }
 };
 function sn(e, t, o, i, a, r) {
-  return P(), D("div");
+  return C(), D("div");
 }
 const cn = /* @__PURE__ */ ne(nn, [["render", sn]]), mn = {
   name: "IdmTerminator",
@@ -2673,7 +2673,7 @@ const cn = /* @__PURE__ */ ne(nn, [["render", sn]]), mn = {
   }
 };
 function dn(e, t, o, i, a, r) {
-  return P(), D("div");
+  return C(), D("div");
 }
 const hn = /* @__PURE__ */ ne(mn, [["render", dn]]), un = {
   name: "IdmWorld12nm",
@@ -3101,14 +3101,14 @@ const kn = {
 }, $n = { class: "px-1 text-center" }, qn = { class: "px-1 text-center" }, Qn = { class: "px-1 text-center" };
 function es(e, t, o, i, a, r) {
   const l = R("VBtn"), c = R("v-card-title"), s = R("v-divider"), d = R("VBtnToggle"), m = R("v-card");
-  return P(), Z(m, {
+  return C(), Z(m, {
     class: _e(["tide-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
   }, {
-    default: C(() => {
+    default: P(() => {
       var g, p;
       return [
         L(c, { class: "w-100" }, {
-          default: C(() => {
+          default: P(() => {
             var y;
             return [
               n("div", _n, [
@@ -3122,7 +3122,7 @@ function es(e, t, o, i, a, r) {
                   class: "",
                   onClick: r.handleClose
                 }, {
-                  default: C(() => t[1] || (t[1] = [
+                  default: P(() => t[1] || (t[1] = [
                     n("i", { class: "iconfont icon-close text-h4" }, null, -1)
                   ])),
                   _: 1,
@@ -3143,7 +3143,7 @@ function es(e, t, o, i, a, r) {
           n("div", Pn, [
             n("div", Cn, [
               n("div", Mn, [
-                (P(), D("svg", Sn, [
+                (C(), D("svg", Sn, [
                   n("use", {
                     "xlink:href": `#icon-title-${o.theme}`
                   }, null, 8, Tn)
@@ -3169,7 +3169,7 @@ function es(e, t, o, i, a, r) {
           n("div", En, [
             n("div", On, [
               n("div", Xn, [
-                (P(), D("svg", jn, [
+                (C(), D("svg", jn, [
                   n("use", {
                     "xlink:href": `#icon-title-${o.theme}`
                   }, null, 8, Vn)
@@ -3191,15 +3191,15 @@ function es(e, t, o, i, a, r) {
                 "min-height": "26",
                 rounded: "1"
               }, {
-                default: C(() => [
-                  (P(!0), D(Ie, null, De(r.dateList, (y) => (P(), Z(l, {
+                default: P(() => [
+                  (C(!0), D(Ie, null, De(r.dateList, (y) => (C(), Z(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
                     height: "26",
                     value: y.index
                   }, {
-                    default: C(() => [
+                    default: P(() => [
                       de(b(y.label), 1)
                     ]),
                     _: 2
@@ -3215,9 +3215,9 @@ function es(e, t, o, i, a, r) {
                     n("th", Jn, b(e.$t("time.time")) + " ( LT ) ", 1),
                     n("th", Kn, b(e.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (P(!0), D(Ie, null, De(a.tideTableData, (y, f) => {
+                  (C(!0), D(Ie, null, De(a.tideTableData, (y, f) => {
                     var h;
-                    return P(), D("tr", { key: f }, [
+                    return C(), D("tr", { key: f }, [
                       n("td", $n, b(e.$t(`tide.${(h = y == null ? void 0 : y.type) == null ? void 0 : h.toLowerCase()}`)) + " " + b(e.$t("tide.tide")), 1),
                       n("td", qn, b(r.computeLocalTime(y == null ? void 0 : y.date, o.station, "MM-DD HH:mm")), 1),
                       n("td", Qn, b((y == null ? void 0 : y.height) ?? "-") + " m", 1)
@@ -3312,11 +3312,11 @@ const os = {
 }, as = { class: "station-box d-flex flex-column justify-center align-start ga-1" }, is = { class: "d-flex justify-start align-center" }, rs = { class: "d-flex justify-start align-center" }, ls = { class: "text-label" };
 function ns(e, t, o, i, a, r) {
   const l = R("v-card-text"), c = R("v-card"), s = R("TideDetail");
-  return P(), D("div", null, [
+  return C(), D("div", null, [
     Qe(L(c, { id: "idmTidalInfo" }, {
-      default: C(() => [
+      default: P(() => [
         L(l, { class: "pr-8 text-body-1" }, {
-          default: C(() => {
+          default: P(() => {
             var d, m;
             return [
               n("div", as, [
@@ -3334,7 +3334,7 @@ function ns(e, t, o, i, a, r) {
     }, 512), [
       [et, a.showInfo]
     ]),
-    a.showDetail ? (P(), Z(s, Y({
+    a.showDetail ? (C(), Z(s, Y({
       key: 0,
       station: a.station,
       onClose: r.handleCloseDetail
@@ -3559,7 +3559,7 @@ const hs = {
 };
 function us(e, t, o, i, a, r) {
   var l, c, s;
-  return o.simple ? N("", !0) : (P(), D("div", {
+  return o.simple ? N("", !0) : (C(), D("div", {
     key: 0,
     class: "idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",
     style: ue({ right: a.right + "px" })
@@ -4482,14 +4482,14 @@ const ps = {
 }, gs = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, fs = { class: "d-flex justify-start align-center text-label" }, ys = { class: "d-flex justify-start align-center text-label" };
 function bs(e, t, o, i, a, r) {
   const l = R("v-card-text"), c = R("v-card"), s = R("PortDetail");
-  return P(), D("div", null, [
+  return C(), D("div", null, [
     Qe(L(c, {
       id: "idmFollowPortInfo",
       ref: "idmFollowPortInfo"
     }, {
-      default: C(() => [
+      default: P(() => [
         L(l, { class: "text-body-1 pr-8" }, {
-          default: C(() => [
+          default: P(() => [
             n("div", gs, [
               n("div", null, b(e.$t("port.port")), 1),
               n("div", fs, [
@@ -4508,7 +4508,7 @@ function bs(e, t, o, i, a, r) {
     }, 512), [
       [et, a.showInfo]
     ]),
-    a.showDetail ? (P(), Z(s, Y({
+    a.showDetail ? (C(), Z(s, Y({
       key: 0,
       portId: a.portId,
       port: a.port,
@@ -5441,19 +5441,19 @@ const xs = {
 };
 function zs(e, t, o, i, a, r) {
   const l = R("v-card-text"), c = R("v-card");
-  return Qe((P(), Z(c, {
+  return Qe((C(), Z(c, {
     id: "idmFollowPositionInfo",
     ref: "idmFollowPositionInfo"
   }, {
-    default: C(() => [
+    default: P(() => [
       L(l, { class: "text-body-1 pr-8" }, {
-        default: C(() => [
+        default: P(() => [
           n("div", vs, [
             t[0] || (t[0] = n("div", null, "Location", -1)),
             n("div", ks, [
               n("span", null, b(r.computePosition(a.position)), 1)
             ]),
-            a.position.remark ? (P(), D("div", _s, [
+            a.position.remark ? (C(), D("div", _s, [
               n("span", null, b(a.position.remark ?? "-"), 1)
             ])) : N("", !0)
           ])
@@ -5695,7 +5695,7 @@ const Ps = {
 function Fs(e, t, o, i, a, r) {
   var ee, he, I, H, U, te, X, O, $;
   const l = R("VBtn"), c = R("VTooltip"), s = R("VCardTitle"), d = R("VCardItem"), m = R("VCheckbox"), g = R("VCardText"), p = R("VCard"), y = R("IdmLatLng"), f = R("IdmTerminator"), h = R("IdmTimezone"), u = R("IdmPort"), x = R("IdmAlertZone"), v = R("IdmTideStations"), w = R("IdmEcaZone"), k = R("IdmWarZone"), S = R("IdmGmdssArea"), _ = R("IdmLoadLine"), M = R("IdmWorldMarine"), T = R("IdmVRA"), W = R("IdmSpecialArea"), F = R("IdmWorld12nm"), E = R("IdmChinaRoute"), V = R("IdmIceAreas"), J = R("IdmFollowPort"), Q = R("IdmFollowPosition");
-  return P(), D("div", Cs, [
+  return C(), D("div", Cs, [
     n("div", {
       class: _e(["menu-bar-box transition px-1 rounded", o.simple ? "simple" : ""]),
       style: ue({ top: o.top + 10 + "px", right: a.right + "px", paddingTop: o.paddingTop + "px", height: o.menuHeight + "px" })
@@ -5708,7 +5708,7 @@ function Fs(e, t, o, i, a, r) {
         "open-on-focus": !o.simple,
         "open-on-hover": !o.simple
       }, {
-        activator: C(({ props: A }) => [
+        activator: P(({ props: A }) => [
           L(l, Y(A, {
             "min-width": "32",
             width: "32",
@@ -5716,7 +5716,7 @@ function Fs(e, t, o, i, a, r) {
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: C(() => t[5] || (t[5] = [
+            default: P(() => t[5] || (t[5] = [
               n("i", { class: "iconfont icon-Layer text-h4" }, null, -1)
             ])),
             _: 2,
@@ -5739,7 +5739,7 @@ function Fs(e, t, o, i, a, r) {
           class: "mr-n2",
           onClick: r.handleMenuToggle
         }, {
-          default: C(() => t[6] || (t[6] = [
+          default: P(() => t[6] || (t[6] = [
             n("i", { class: "iconfont icon-close text-h4" }, null, -1)
           ])),
           _: 1,
@@ -5753,11 +5753,11 @@ function Fs(e, t, o, i, a, r) {
           class: "block-bg mx-auto mb-2",
           elevation: "0"
         }, {
-          default: C(() => [
+          default: P(() => [
             L(d, { class: "border-b-thin" }, {
-              default: C(() => [
+              default: P(() => [
                 L(s, { class: "text-h6" }, {
-                  default: C(() => [
+                  default: P(() => [
                     de(b(e.$t("layer.mapFeathers")), 1)
                   ]),
                   _: 1
@@ -5766,9 +5766,9 @@ function Fs(e, t, o, i, a, r) {
               _: 1
             }),
             L(g, { class: "pb-2" }, {
-              default: C(() => [
+              default: P(() => [
                 n("div", Ts, [
-                  (P(!0), D(Ie, null, De(a.mapFeathers, (A) => (P(), D("div", {
+                  (C(!0), D(Ie, null, De(a.mapFeathers, (A) => (C(), D("div", {
                     key: A.value,
                     class: "mb-4 feather-item",
                     onClick: (ie) => r.handleToggleMapFeather(A)
@@ -5776,12 +5776,12 @@ function Fs(e, t, o, i, a, r) {
                     n("div", {
                       class: _e([a.mapFeather === A.value ? "active" : "", "img-box"])
                     }, [
-                      A.value === "dark" ? (P(), D("img", Is)) : A.value === "nautical" ? (P(), D("img", Ds)) : A.value === "satellite" ? (P(), D("img", As)) : (P(), D("img", Gs))
+                      A.value === "dark" ? (C(), D("img", Is)) : A.value === "nautical" ? (C(), D("img", Ds)) : A.value === "satellite" ? (C(), D("img", As)) : (C(), D("img", Gs))
                     ], 2),
                     n("div", Ws, b(e.$t(`layer.${A.locale}`)), 1)
                   ], 8, Rs))), 128))
                 ]),
-                (P(!0), D(Ie, null, De(a.tagLayers.filter((A) => ["graticule", "day-night", "time-zones"].includes(A.key)), (A) => (P(), Z(m, {
+                (C(!0), D(Ie, null, De(a.tagLayers.filter((A) => ["graticule", "day-night", "time-zones"].includes(A.key)), (A) => (C(), Z(m, {
                   key: A.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": t[0] || (t[0] = (ie) => a.checkList = ie),
@@ -5803,11 +5803,11 @@ function Fs(e, t, o, i, a, r) {
           class: "block-bg mx-auto mb-2",
           elevation: "0"
         }, {
-          default: C(() => [
+          default: P(() => [
             L(d, { class: "border-b-thin" }, {
-              default: C(() => [
+              default: P(() => [
                 L(s, { class: "text-h6" }, {
-                  default: C(() => [
+                  default: P(() => [
                     de(b(e.$t("layer.pointsOfInteresting")), 1)
                   ]),
                   _: 1
@@ -5816,8 +5816,8 @@ function Fs(e, t, o, i, a, r) {
               _: 1
             }),
             L(g, { class: "py-2 mx-n1" }, {
-              default: C(() => [
-                (P(!0), D(Ie, null, De(a.tagLayers.filter((A) => ["ports", "alert-zones", "tidal-stations"].includes(A.key)), (A) => (P(), Z(m, {
+              default: P(() => [
+                (C(!0), D(Ie, null, De(a.tagLayers.filter((A) => ["ports", "alert-zones", "tidal-stations"].includes(A.key)), (A) => (C(), Z(m, {
                   key: A.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": t[1] || (t[1] = (ie) => a.checkList = ie),
@@ -5839,11 +5839,11 @@ function Fs(e, t, o, i, a, r) {
           class: "block-bg mx-auto mb-2",
           elevation: "0"
         }, {
-          default: C(() => [
+          default: P(() => [
             L(d, { class: "border-b-thin" }, {
-              default: C(() => [
+              default: P(() => [
                 L(s, { class: "text-h6" }, {
-                  default: C(() => [
+                  default: P(() => [
                     de(b(e.$t("layer.otherLayers")), 1)
                   ]),
                   _: 1
@@ -5852,8 +5852,8 @@ function Fs(e, t, o, i, a, r) {
               _: 1
             }),
             L(g, { class: "py-2 mx-n1" }, {
-              default: C(() => [
-                (P(!0), D(Ie, null, De(a.tagLayers.filter((A) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(A.key)), (A) => (P(), Z(m, {
+              default: P(() => [
+                (C(!0), D(Ie, null, De(a.tagLayers.filter((A) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(A.key)), (A) => (C(), Z(m, {
                   key: A.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": t[2] || (t[2] = (ie) => a.checkList = ie),
@@ -5875,11 +5875,11 @@ function Fs(e, t, o, i, a, r) {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
-          default: C(() => [
+          default: P(() => [
             L(d, { class: "border-b-thin" }, {
-              default: C(() => [
+              default: P(() => [
                 L(s, { class: "text-h6" }, {
-                  default: C(() => [
+                  default: P(() => [
                     de(b(e.$t("layer.myFollows")), 1)
                   ]),
                   _: 1
@@ -5888,7 +5888,7 @@ function Fs(e, t, o, i, a, r) {
               _: 1
             }),
             L(g, { class: "py-2 mx-n1" }, {
-              default: C(() => [
+              default: P(() => [
                 L(m, {
                   modelValue: a.checkList,
                   "onUpdate:modelValue": t[3] || (t[3] = (A) => a.checkList = A),
@@ -5919,25 +5919,25 @@ function Fs(e, t, o, i, a, r) {
         })
       ], 2)
     ], 6),
-    o.map ? (P(), Z(y, Y({
+    o.map ? (C(), Z(y, Y({
       key: 0,
       simple: o.simple,
       map: o.map,
       "menu-toggle": o.menuToggle,
       show: a.checkList.includes("graticule")
     }, e.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["simple", "map", "menu-toggle", "show"])) : N("", !0),
-    o.map ? (P(), Z(f, Y({
+    o.map ? (C(), Z(f, Y({
       key: 1,
       map: o.map,
       area: (ee = a.otherLayers) == null ? void 0 : ee["day-night"]
     }, e.$attrs, { "before-layer": "empty-layer-2" }), null, 16, ["map", "area"])) : N("", !0),
-    o.map ? (P(), Z(h, Y({
+    o.map ? (C(), Z(h, Y({
       key: 2,
       map: o.map,
       zone: (he = a.otherLayers) == null ? void 0 : he["time-zones"],
       "real-time": o.realTime
     }, e.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "zone", "real-time"])) : N("", !0),
-    o.map ? (P(), Z(u, Y({
+    o.map ? (C(), Z(u, Y({
       key: 3,
       ref: "idmPorts",
       simple: o.simple,
@@ -5949,7 +5949,7 @@ function Fs(e, t, o, i, a, r) {
       "real-time": o.realTime,
       theme: o.theme
     }, e.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["simple", "map", "ports", "gateway", "token", "forecast-model", "real-time", "theme"])) : N("", !0),
-    o.map ? (P(), Z(x, Y({
+    o.map ? (C(), Z(x, Y({
       key: 4,
       map: o.map,
       simple: o.simple,
@@ -5958,7 +5958,7 @@ function Fs(e, t, o, i, a, r) {
       "before-layer": "empty-layer-3",
       theme: o.theme
     }), null, 16, ["map", "simple", "zone", "theme"])) : N("", !0),
-    o.map ? (P(), Z(v, Y({
+    o.map ? (C(), Z(v, Y({
       key: 5,
       ref: "idmIideStation",
       simple: o.simple,
@@ -5972,60 +5972,60 @@ function Fs(e, t, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "before-layer": "empty-layer-3"
     }, e.$attrs), null, 16, ["simple", "map", "gateway", "token", "default-meteo-token", "show", "theme", "real-time", "forecast-model"])) : N("", !0),
-    o.map ? (P(), Z(w, Y({
+    o.map ? (C(), Z(w, Y({
       key: 6,
       map: o.map,
       zone: (U = a.otherLayers) == null ? void 0 : U["eca-zones"]
     }, e.$attrs), null, 16, ["map", "zone"])) : N("", !0),
-    o.map ? (P(), Z(k, Y({
+    o.map ? (C(), Z(k, Y({
       key: 7,
       map: o.map,
       zone: (te = a.otherLayers) == null ? void 0 : te["war-zones"]
     }, e.$attrs), null, 16, ["map", "zone"])) : N("", !0),
-    o.map ? (P(), Z(S, Y({
+    o.map ? (C(), Z(S, Y({
       key: 8,
       map: o.map,
       area: (X = a.otherLayers) == null ? void 0 : X["gmdss-areas"]
     }, e.$attrs), null, 16, ["map", "area"])) : N("", !0),
-    o.map ? (P(), Z(_, Y({
+    o.map ? (C(), Z(_, Y({
       key: 9,
       map: o.map,
       show: a.checkList.includes("load-lines")
     }, e.$attrs), null, 16, ["map", "show"])) : N("", !0),
-    o.map ? (P(), Z(M, Y({
+    o.map ? (C(), Z(M, Y({
       key: 10,
       map: o.map,
       token: o.token,
       show: a.checkList.includes("worldMarine")
     }, e.$attrs), null, 16, ["map", "token", "show"])) : N("", !0),
-    o.map ? (P(), Z(T, Y({
+    o.map ? (C(), Z(T, Y({
       key: 11,
       map: o.map,
       area: (O = a.otherLayers) == null ? void 0 : O["voluntary-reporting-area"]
     }, e.$attrs), null, 16, ["map", "area"])) : N("", !0),
-    o.map ? (P(), Z(W, Y({
+    o.map ? (C(), Z(W, Y({
       key: 12,
       map: o.map,
       area: ($ = a.otherLayers) == null ? void 0 : $["special-area"]
     }, e.$attrs), null, 16, ["map", "area"])) : N("", !0),
-    o.map ? (P(), Z(F, Y({
+    o.map ? (C(), Z(F, Y({
       key: 13,
       map: o.map,
       token: o.token,
       show: a.checkList.includes("world12nm")
     }, e.$attrs), null, 16, ["map", "token", "show"])) : N("", !0),
-    o.map ? (P(), Z(E, Y({
+    o.map ? (C(), Z(E, Y({
       key: 14,
       map: o.map,
       token: o.token,
       show: a.checkList.includes("chinaRoute")
     }, e.$attrs), null, 16, ["map", "token", "show"])) : N("", !0),
-    o.map ? (P(), Z(V, Y({
+    o.map ? (C(), Z(V, Y({
       key: 15,
       map: o.map,
       show: a.checkList.includes("ice-areas")
     }, e.$attrs), null, 16, ["map", "show"])) : N("", !0),
-    o.map ? (P(), Z(J, Y({
+    o.map ? (C(), Z(J, Y({
       key: 16,
       ref: "idmFollowPort",
       simple: o.simple,
@@ -6036,7 +6036,7 @@ function Fs(e, t, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "real-time": o.realTime
     }, e.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["simple", "map", "show", "gateway", "token", "forecast-model", "real-time"])) : N("", !0),
-    o.map ? (P(), Z(Q, Y({
+    o.map ? (C(), Z(Q, Y({
       key: 17,
       ref: "idmFollowPosition",
       simple: o.simple,
@@ -6863,7 +6863,7 @@ const Xs = {
 }, js = { key: 0 };
 function Vs(e, t, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (P(), D("div", js, [
+  return (l = o.factor) != null && l.active ? (C(), D("div", js, [
     n("div", {
       class: "legend-bars-gl4 wind",
       style: ue({ right: a.right + "px" })
@@ -7205,7 +7205,7 @@ const Ks = {
 }, $s = { key: 0 };
 function qs(e, t, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (P(), D("div", $s, [
+  return (l = o.factor) != null && l.active ? (C(), D("div", $s, [
     n("div", {
       class: "legend-bars-gl4 current",
       style: ue({ right: a.right + "px" })
@@ -7333,7 +7333,7 @@ const ec = {
 }, tc = { key: 0 };
 function oc(e, t, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (P(), D("div", tc, [
+  return (l = o.factor) != null && l.active ? (C(), D("div", tc, [
     n("div", {
       class: "legend-bars-gl4 sig-wave",
       style: ue({ right: a.right + "px" })
@@ -7600,7 +7600,7 @@ const nc = {
 }, sc = { key: 0 };
 function cc(e, t, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (P(), D("div", sc, [
+  return (l = o.factor) != null && l.active ? (C(), D("div", sc, [
     n("div", {
       class: "legend-bars-gl4 swell",
       style: ue({ right: a.right + "px" })
@@ -7860,7 +7860,7 @@ const pc = {
 }, gc = { key: 0 };
 function fc(e, t, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (P(), D("div", gc, [
+  return (l = o.factor) != null && l.active ? (C(), D("div", gc, [
     n("div", {
       class: "legend-bars-gl4 ice-edge",
       style: ue({ right: a.right + "px" })
@@ -7977,7 +7977,7 @@ const bc = {
 }, wc = { key: 0 };
 function xc(e, t, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (P(), D("div", wc, [
+  return (l = o.factor) != null && l.active ? (C(), D("div", wc, [
     n("div", {
       class: "legend-bars-gl4 ice-cover",
       style: ue({ right: a.right + "px" })
@@ -8095,7 +8095,7 @@ const kc = {
 }, _c = { key: 0 };
 function zc(e, t, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (P(), D("div", _c, [
+  return (l = o.factor) != null && l.active ? (C(), D("div", _c, [
     n("div", {
       class: "legend-bars-gl4 ice-thickness",
       style: ue({ right: a.right + "px" })
@@ -8215,7 +8215,7 @@ const Pc = {
 }, Cc = { key: 0 };
 function Mc(e, t, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (P(), D("div", Cc, [
+  return (l = o.factor) != null && l.active ? (C(), D("div", Cc, [
     n("div", {
       class: "legend-bars-gl4 precip3h",
       style: ue({ right: a.right + "px" })
@@ -8326,7 +8326,7 @@ const Tc = {
 }, Rc = { key: 0 };
 function Ic(e, t, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (P(), D("div", Rc, [
+  return (l = o.factor) != null && l.active ? (C(), D("div", Rc, [
     n("div", {
       class: "legend-bars-gl4 visibility",
       style: ue({ right: a.right + "px" })
@@ -8438,7 +8438,7 @@ const Ac = {
 }, Gc = { key: 0 };
 function Wc(e, t, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (P(), D("div", Gc, [
+  return (l = o.factor) != null && l.active ? (C(), D("div", Gc, [
     n("div", {
       class: "legend-bars-gl4 water-temp",
       style: ue({ right: a.right + "px" })
@@ -8561,7 +8561,7 @@ const Nc = {
 }, Bc = { key: 0 };
 function Zc(e, t, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (P(), D("div", Bc, [
+  return (l = o.factor) != null && l.active ? (C(), D("div", Bc, [
     n("div", {
       class: "legend-bars-gl4 temp",
       style: ue({ right: a.right + "px" })
@@ -9287,7 +9287,7 @@ const Oc = {
 function Cm(e, t, o, i, a, r) {
   var H, U, te, X, O, $, A, ie, ge, xe, ke, se, fe, ve, Me;
   const l = R("VBtn"), c = R("VTooltip"), s = R("VCol"), d = R("VRow"), m = R("VCardText"), g = R("VDivider"), p = R("VCard"), y = R("VSwitch"), f = R("VBtnToggle"), h = R("VCardTitle"), u = R("VCardItem"), x = R("VCheckbox"), v = R("VRadio"), w = R("IdmWindBarb"), k = R("IdmSigWaveHeight"), S = R("IdmCurrentDirection"), _ = R("IdmPrmsl"), M = R("IdmWindParticle"), T = R("IdmCurrentParticle"), W = R("IdmWave"), F = R("IdmSwell"), E = R("IdmIceEdge"), V = R("IdmIceCover"), J = R("IdmIceThickness"), Q = R("IdmPrecip3h"), ee = R("IdmVisibility"), he = R("IdmWaterTemp"), I = R("IdmTemp");
-  return P(), D("div", Xc, [
+  return C(), D("div", Xc, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: ue({ top: o.top + o.paddingTop + 46 + "px", right: a.right + "px" })
@@ -9300,7 +9300,7 @@ function Cm(e, t, o, i, a, r) {
         "open-on-focus": !o.simple,
         "open-on-hover": !o.simple
       }, {
-        activator: C(({ props: K }) => [
+        activator: P(({ props: K }) => [
           L(l, Y(K, {
             "min-width": "32",
             width: "32",
@@ -9308,7 +9308,7 @@ function Cm(e, t, o, i, a, r) {
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: C(() => t[9] || (t[9] = [
+            default: P(() => t[9] || (t[9] = [
               n("i", { class: "iconfont icon-Weather text-h4" }, null, -1)
             ])),
             _: 2,
@@ -9318,7 +9318,7 @@ function Cm(e, t, o, i, a, r) {
         _: 1
       }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 4),
-    r.showTipMenu ? (P(), D("div", jc, [
+    r.showTipMenu ? (C(), D("div", jc, [
       n("div", {
         class: _e(["menu-bar-box pa-1 rounded", o.simple ? "simple" : ""]),
         style: ue({ right: a.right + "px", top: o.simple ? "354px" : "450px" })
@@ -9331,7 +9331,7 @@ function Cm(e, t, o, i, a, r) {
           "open-on-focus": !o.simple,
           "open-on-hover": !o.simple
         }, {
-          activator: C(({ props: K }) => [
+          activator: P(({ props: K }) => [
             L(l, Y(K, {
               "min-width": "32",
               width: "32",
@@ -9339,7 +9339,7 @@ function Cm(e, t, o, i, a, r) {
               class: ["text-none pa-0", a.legendToggle ? "bg-primary active-border" : ""],
               onClick: t[0] || (t[0] = (me) => a.legendToggle = !a.legendToggle)
             }), {
-              default: C(() => t[10] || (t[10] = [
+              default: P(() => t[10] || (t[10] = [
                 n("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
               ])),
               _: 2,
@@ -9349,27 +9349,27 @@ function Cm(e, t, o, i, a, r) {
           _: 1
         }, 8, ["text", "open-on-focus", "open-on-hover"])
       ], 6),
-      a.legendToggle ? (P(), Z(p, {
+      a.legendToggle ? (C(), Z(p, {
         key: 0,
         elevation: "16",
         class: "card-info d-flex justify-center align-start",
         style: ue({ position: "absolute", top: o.simple ? "200px" : "340px", right: a.right + 50 + "px" })
       }, {
-        default: C(() => [
+        default: P(() => [
           L(m, {
             class: "d-flex flex-column justify-center align-start text-label px-2",
             style: { width: "110px" }
           }, {
-            default: C(() => [
+            default: P(() => [
               t[11] || (t[11] = n("div", { class: "text-body-2 font-weight-600 mb-2" }, "Wind Level", -1)),
               L(d, { class: "ma-0 ml-n1 text-body-2" }, {
-                default: C(() => [
-                  (P(!0), D(Ie, null, De(a.legend.barbs, (K, me) => (P(), Z(s, {
+                default: P(() => [
+                  (C(!0), D(Ie, null, De(a.legend.barbs, (K, me) => (C(), Z(s, {
                     key: K,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
-                    default: C(() => [
+                    default: P(() => [
                       n("div", Vc, [
                         n("i", {
                           class: _e(["iconfont", r.barbsIconName[me]]),
@@ -9392,18 +9392,18 @@ function Cm(e, t, o, i, a, r) {
             class: "d-flex flex-column justify-center align-start text-label px-2",
             style: { width: "100px" }
           }, {
-            default: C(() => [
+            default: P(() => [
               t[12] || (t[12] = n("div", { class: "text-body-2 font-weight-600 mb-2" }, "Wave Height", -1)),
               L(d, { class: "ma-0" }, {
-                default: C(() => [
-                  (P(!0), D(Ie, null, De(a.legend.sigWaveHeight, (K, me) => (P(), Z(s, {
+                default: P(() => [
+                  (C(!0), D(Ie, null, De(a.legend.sigWaveHeight, (K, me) => (C(), Z(s, {
                     key: me,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
-                    default: C(() => [
+                    default: P(() => [
                       n("div", Yc, [
-                        me === 0 ? (P(), D("div", Uc)) : (P(), D("div", {
+                        me === 0 ? (C(), D("div", Uc)) : (C(), D("div", {
                           key: 1,
                           style: ue({ width: "24px", height: "12px", background: K.color })
                         }, null, 4)),
@@ -9424,16 +9424,16 @@ function Cm(e, t, o, i, a, r) {
             class: "d-flex flex-column justify-center align-start text-label px-2",
             style: { width: "90px" }
           }, {
-            default: C(() => [
+            default: P(() => [
               t[13] || (t[13] = n("div", { class: "text-body-2 font-weight-600 mb-2" }, "Current", -1)),
               L(d, { class: "ma-0 ml-n4" }, {
-                default: C(() => [
-                  (P(!0), D(Ie, null, De(a.legend.current, (K, me) => (P(), Z(s, {
+                default: P(() => [
+                  (C(!0), D(Ie, null, De(a.legend.current, (K, me) => (C(), Z(s, {
                     key: me,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
                   }, {
-                    default: C(() => [
+                    default: P(() => [
                       n("div", Kc, [
                         n("div", $c, [
                           n("i", {
@@ -9483,14 +9483,14 @@ function Cm(e, t, o, i, a, r) {
           class: "mr-n2",
           onClick: r.handleMenuToggle
         }, {
-          default: C(() => t[14] || (t[14] = [
+          default: P(() => t[14] || (t[14] = [
             n("i", { class: "iconfont icon-close text-h4" }, null, -1)
           ])),
           _: 1,
           __: [14]
         }, 8, ["onClick"])
       ], 2),
-      o.simple ? (P(), D("div", tm, [
+      o.simple ? (C(), D("div", tm, [
         n("div", null, b(e.$t("weather.forecastModel")), 1),
         L(f, {
           modelValue: a.currentModel,
@@ -9500,7 +9500,7 @@ function Cm(e, t, o, i, a, r) {
           density: "compact",
           group: ""
         }, {
-          default: C(() => [
+          default: P(() => [
             L(l, {
               density: "compact",
               height: "28",
@@ -9509,7 +9509,7 @@ function Cm(e, t, o, i, a, r) {
               color: a.currentModel === "GFS" ? "primary" : "",
               "base-color": ""
             }, {
-              default: C(() => t[15] || (t[15] = [
+              default: P(() => t[15] || (t[15] = [
                 de("NOAA", -1)
               ])),
               _: 1,
@@ -9523,7 +9523,7 @@ function Cm(e, t, o, i, a, r) {
               "base-color": "",
               value: "ECMWF"
             }, {
-              default: C(() => t[16] || (t[16] = [
+              default: P(() => t[16] || (t[16] = [
                 de("ECMWF", -1)
               ])),
               _: 1,
@@ -9540,11 +9540,11 @@ function Cm(e, t, o, i, a, r) {
           class: "block-bg mx-auto mb-2",
           elevation: "0"
         }, {
-          default: C(() => [
+          default: P(() => [
             L(u, { class: "border-b-thin" }, {
-              default: C(() => [
+              default: P(() => [
                 L(h, { class: "text-h6" }, {
-                  default: C(() => [
+                  default: P(() => [
                     de(b(e.$t("weather.overlays")), 1)
                   ]),
                   _: 1
@@ -9553,8 +9553,8 @@ function Cm(e, t, o, i, a, r) {
               _: 1
             }),
             L(m, { class: "py-2 mx-n1" }, {
-              default: C(() => [
-                (P(!0), D(Ie, null, De(a.tagLayers.filter((K) => K.overlays), (K) => (P(), Z(x, {
+              default: P(() => [
+                (C(!0), D(Ie, null, De(a.tagLayers.filter((K) => K.overlays), (K) => (C(), Z(x, {
                   key: K.key,
                   modelValue: a.checkList,
                   "onUpdate:modelValue": t[3] || (t[3] = (me) => a.checkList = me),
@@ -9577,11 +9577,11 @@ function Cm(e, t, o, i, a, r) {
           class: "block-bg mx-auto mb-2",
           elevation: "0"
         }, {
-          default: C(() => [
+          default: P(() => [
             L(u, { class: "border-b-thin" }, {
-              default: C(() => [
+              default: P(() => [
                 L(h, { class: "text-h6" }, {
-                  default: C(() => [
+                  default: P(() => [
                     de(b(e.$t("weather.renders")), 1)
                   ]),
                   _: 1
@@ -9590,8 +9590,8 @@ function Cm(e, t, o, i, a, r) {
               _: 1
             }),
             L(m, { class: "py-2 mx-n1" }, {
-              default: C(() => [
-                (P(!0), D(Ie, null, De(a.tagLayers.filter((K) => !K.overlays), (K) => (P(), D(Ie, {
+              default: P(() => [
+                (C(!0), D(Ie, null, De(a.tagLayers.filter((K) => !K.overlays), (K) => (C(), D(Ie, {
                   key: K.key
                 }, [
                   L(v, {
@@ -9607,7 +9607,7 @@ function Cm(e, t, o, i, a, r) {
                     "hide-details": "",
                     onClick: (me) => a.renderKey = a.renderKey === K.key ? "" : K.key
                   }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
-                  a.renderKey === "wind-particle" && K.key === "wind-particle" ? (P(), D("div", om, [
+                  a.renderKey === "wind-particle" && K.key === "wind-particle" ? (C(), D("div", om, [
                     n("span", null, b(e.$t("weather.particleAnimatiom")), 1),
                     L(y, {
                       modelValue: a.showWindParticle,
@@ -9622,7 +9622,7 @@ function Cm(e, t, o, i, a, r) {
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
                   ])) : N("", !0),
-                  a.renderKey === "current-particle" && K.key === "current-particle" ? (P(), D("div", am, [
+                  a.renderKey === "current-particle" && K.key === "current-particle" ? (C(), D("div", am, [
                     n("span", null, b(e.$t("weather.particleAnimatiom")), 1),
                     L(y, {
                       modelValue: a.showCurrentParticle,
@@ -9637,7 +9637,7 @@ function Cm(e, t, o, i, a, r) {
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
                   ])) : N("", !0),
-                  a.renderKey === "wave-group" && K.key === "wave-group" ? (P(), Z(f, {
+                  a.renderKey === "wave-group" && K.key === "wave-group" ? (C(), Z(f, {
                     key: 2,
                     modelValue: a.waveToggleValue,
                     "onUpdate:modelValue": t[7] || (t[7] = (me) => a.waveToggleValue = me),
@@ -9648,7 +9648,7 @@ function Cm(e, t, o, i, a, r) {
                     group: "",
                     disabled: !a.autoActive
                   }, {
-                    default: C(() => [
+                    default: P(() => [
                       L(l, {
                         density: "compact",
                         height: "30",
@@ -9658,7 +9658,7 @@ function Cm(e, t, o, i, a, r) {
                         "base-color": "grey-lighten-1",
                         disabled: !a.autoActive
                       }, {
-                        default: C(() => [
+                        default: P(() => [
                           de(b(e.$t("weather.significant")), 1)
                         ]),
                         _: 1
@@ -9672,7 +9672,7 @@ function Cm(e, t, o, i, a, r) {
                         disabled: !a.autoActive,
                         value: "swell"
                       }, {
-                        default: C(() => [
+                        default: P(() => [
                           de(b(e.$t("weather.swell")), 1)
                         ]),
                         _: 1
@@ -9680,7 +9680,7 @@ function Cm(e, t, o, i, a, r) {
                     ]),
                     _: 1
                   }, 8, ["modelValue", "disabled"])) : N("", !0),
-                  a.renderKey === "ice-forecast" && K.key === "ice-forecast" ? (P(), Z(f, {
+                  a.renderKey === "ice-forecast" && K.key === "ice-forecast" ? (C(), Z(f, {
                     key: 3,
                     modelValue: a.iceToggleValue,
                     "onUpdate:modelValue": t[8] || (t[8] = (me) => a.iceToggleValue = me),
@@ -9691,7 +9691,7 @@ function Cm(e, t, o, i, a, r) {
                     group: "",
                     disabled: !a.autoActive
                   }, {
-                    default: C(() => [
+                    default: P(() => [
                       L(l, {
                         density: "compact",
                         height: "30",
@@ -9701,7 +9701,7 @@ function Cm(e, t, o, i, a, r) {
                         "base-color": "grey-lighten-1",
                         disabled: !a.autoActive
                       }, {
-                        default: C(() => [
+                        default: P(() => [
                           de(b(e.$t("weather.coverage")), 1)
                         ]),
                         _: 1
@@ -9715,7 +9715,7 @@ function Cm(e, t, o, i, a, r) {
                         disabled: !a.autoActive,
                         value: "ice-thickness"
                       }, {
-                        default: C(() => [
+                        default: P(() => [
                           de(b(e.$t("weather.thickness")), 1)
                         ]),
                         _: 1
@@ -9734,11 +9734,11 @@ function Cm(e, t, o, i, a, r) {
           class: "block-bg mx-auto mb-2",
           elevation: "0"
         }, {
-          default: C(() => [
+          default: P(() => [
             L(u, { class: "border-b-thin" }, {
-              default: C(() => [
+              default: P(() => [
                 L(h, { class: "text-h6" }, {
-                  default: C(() => [
+                  default: P(() => [
                     de(b(e.$t("weather.forecastModel")), 1)
                   ]),
                   _: 1
@@ -9747,7 +9747,7 @@ function Cm(e, t, o, i, a, r) {
               _: 1
             }),
             L(m, { class: "" }, {
-              default: C(() => {
+              default: P(() => {
                 var K, me, je, Ne, Le, Te, oe, Pe, pe, ye, Ze, He, Ve, j, be, Re, Ee, Oe, q, Be, re, tt, ot, at, Ge, ct, mt, dt, ht, ut, pt, gt, ft, yt, bt, wt, xt, vt, kt, _t, zt, Lt, Pt, Ct, Mt, St, Tt, Rt, It, Dt, At, Gt, Wt, Ft, Nt, Bt, Zt, Et, Ot, Xt, jt, Vt, Ht, Yt, Ut, Jt, Kt, qt, Qt, eo, to, oo, ao, io, ro, lo, no, so, co, mo, ho, uo, po, go, fo, yo, bo, wo, xo, vo, ko, _o, zo, Lo, Po, Co, Mo, So, To, Ro, Io, Do, Ao, Go, Wo;
                 return [
                   n("div", im, b(e.$t("weather.atmospheric")), 1),
@@ -9784,7 +9784,7 @@ function Cm(e, t, o, i, a, r) {
         })
       ], 2)
     ], 6),
-    o.map ? (P(), Z(w, Y({
+    o.map ? (C(), Z(w, Y({
       key: 1,
       ref: "windBarb",
       map: o.map,
@@ -9793,7 +9793,7 @@ function Cm(e, t, o, i, a, r) {
       wind: (H = a.weatherLayers) == null ? void 0 : H.wind,
       "menu-toggle": o.menuToggle
     }, e.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : N("", !0),
-    o.map ? (P(), Z(k, Y({
+    o.map ? (C(), Z(k, Y({
       key: 2,
       map: o.map,
       "before-layer": "empty-layer-2",
@@ -9801,7 +9801,7 @@ function Cm(e, t, o, i, a, r) {
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, e.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : N("", !0),
-    o.map ? (P(), Z(S, Y({
+    o.map ? (C(), Z(S, Y({
       key: 3,
       map: o.map,
       "map-feather": o.mapFeather,
@@ -9809,7 +9809,7 @@ function Cm(e, t, o, i, a, r) {
       current: (te = a.weatherLayers) == null ? void 0 : te.current,
       "menu-toggle": o.menuToggle
     }, e.$attrs), null, 16, ["map", "map-feather", "current", "menu-toggle"])) : N("", !0),
-    o.map ? (P(), Z(_, Y({
+    o.map ? (C(), Z(_, Y({
       key: 4,
       map: o.map,
       "before-layer": "empty-layer-3",
@@ -9817,28 +9817,28 @@ function Cm(e, t, o, i, a, r) {
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, e.$attrs, { theme: o.theme }), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers", "theme"])) : N("", !0),
-    o.map ? (P(), Z(M, Y({
+    o.map ? (C(), Z(M, Y({
       key: 5,
       viewport: a.viewport,
       factor: (O = a.weatherLayers) == null ? void 0 : O["wind-particle"],
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, e.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : N("", !0),
-    o.map ? (P(), Z(T, Y({
+    o.map ? (C(), Z(T, Y({
       key: 6,
       viewport: a.viewport,
       factor: ($ = a.weatherLayers) == null ? void 0 : $["current-particle"],
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, e.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : N("", !0),
-    o.map ? (P(), Z(W, Y({
+    o.map ? (C(), Z(W, Y({
       key: 7,
       viewport: a.viewport,
       factor: (A = a.weatherLayers) == null ? void 0 : A["sig-wave"],
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, e.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : N("", !0),
-    o.map ? (P(), Z(F, Y({
+    o.map ? (C(), Z(F, Y({
       key: 8,
       map: o.map,
       viewport: a.viewport,
@@ -9847,49 +9847,49 @@ function Cm(e, t, o, i, a, r) {
       "active-weather-layers": a.activeWeatherLayers,
       simple: o.simple
     }, e.$attrs), null, 16, ["map", "viewport", "factor", "menu-toggle", "active-weather-layers", "simple"])) : N("", !0),
-    o.map ? (P(), Z(E, Y({
+    o.map ? (C(), Z(E, Y({
       key: 9,
       viewport: a.viewport,
       factor: (ge = a.weatherLayers) == null ? void 0 : ge["ice-edge"],
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, e.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : N("", !0),
-    o.map ? (P(), Z(V, Y({
+    o.map ? (C(), Z(V, Y({
       key: 10,
       viewport: a.viewport,
       factor: (xe = a.weatherLayers) == null ? void 0 : xe["ice-cover"],
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, e.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : N("", !0),
-    o.map ? (P(), Z(J, Y({
+    o.map ? (C(), Z(J, Y({
       key: 11,
       viewport: a.viewport,
       factor: (ke = a.weatherLayers) == null ? void 0 : ke["ice-thickness"],
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, e.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : N("", !0),
-    o.map ? (P(), Z(Q, Y({
+    o.map ? (C(), Z(Q, Y({
       key: 12,
       viewport: a.viewport,
       factor: (se = a.weatherLayers) == null ? void 0 : se.precip3h,
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, e.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : N("", !0),
-    o.map ? (P(), Z(ee, Y({
+    o.map ? (C(), Z(ee, Y({
       key: 13,
       viewport: a.viewport,
       factor: (fe = a.weatherLayers) == null ? void 0 : fe.visibility,
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, e.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : N("", !0),
-    o.map ? (P(), Z(he, Y({
+    o.map ? (C(), Z(he, Y({
       key: 14,
       viewport: a.viewport,
       factor: (ve = a.weatherLayers) == null ? void 0 : ve["water-temp"],
       "menu-toggle": o.menuToggle,
       simple: o.simple
     }, e.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : N("", !0),
-    o.map ? (P(), Z(I, Y({
+    o.map ? (C(), Z(I, Y({
       key: 15,
       viewport: a.viewport,
       factor: (Me = a.weatherLayers) == null ? void 0 : Me.temp,
@@ -11558,7 +11558,7 @@ const Sm = {
 }, nh = { class: "text-label pr-1" }, sh = { class: "d-flex justify-start align-center" }, ch = { class: "text-label pr-1" };
 function mh(e, t, o, i, a, r) {
   const l = R("VBtn"), c = R("VTooltip"), s = R("VCardText"), d = R("VDivider"), m = R("VCardActions"), g = R("VCard"), p = R("v-card-title"), y = R("v-divider");
-  return P(), D("div", Tm, [
+  return C(), D("div", Tm, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: ue({ top: o.top + o.paddingTop + 86 + "px", right: a.right + "px" })
@@ -11571,7 +11571,7 @@ function mh(e, t, o, i, a, r) {
         "open-on-focus": !o.simple,
         "open-on-hover": !o.simple
       }, {
-        activator: C(({ props: f }) => [
+        activator: P(({ props: f }) => [
           L(l, Y(f, {
             "min-width": "32",
             width: "32",
@@ -11579,7 +11579,7 @@ function mh(e, t, o, i, a, r) {
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: C(() => t[3] || (t[3] = [
+            default: P(() => t[3] || (t[3] = [
               n("i", { class: "iconfont icon-Tropical text-h4" }, null, -1)
             ])),
             _: 2,
@@ -11589,7 +11589,7 @@ function mh(e, t, o, i, a, r) {
         _: 1
       }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 4),
-    a.showTropicalsInfo && !e.$attrs.hideTropicalsLegend ? (P(), D("div", {
+    a.showTropicalsInfo && !e.$attrs.hideTropicalsLegend ? (C(), D("div", {
       key: 0,
       ref: "tropicalsInfo",
       id: "idm-tropical-gl4-info",
@@ -11599,14 +11599,14 @@ function mh(e, t, o, i, a, r) {
         class: _e(["w-100", o.simple ? "rounded-t-4 bg-none" : ""]),
         elevation: o.simple ? 0 : 16
       }, {
-        default: C(() => [
+        default: P(() => [
           L(s, null, {
-            default: C(() => {
+            default: P(() => {
               var f, h, u, x, v, w, k, S, _, M, T, W;
               return [
                 n("div", Rm, [
                   n("span", Im, b(o.locale === "en" ? (f = a.activeTropicals) == null ? void 0 : f.Name : ((h = a.activeTropicals) == null ? void 0 : h.nameCn) || ((u = a.activeTropicals) == null ? void 0 : u.Name) || "-"), 1),
-                  (v = (x = a.activeTropicals) == null ? void 0 : x.history) != null && v.levelI18n ? (P(), D("span", Dm, " , " + b(e.$t("tropical." + ((k = (w = a.activeTropicals) == null ? void 0 : w.history) == null ? void 0 : k.levelI18n))), 1)) : N("", !0)
+                  (v = (x = a.activeTropicals) == null ? void 0 : x.history) != null && v.levelI18n ? (C(), D("span", Dm, " , " + b(e.$t("tropical." + ((k = (w = a.activeTropicals) == null ? void 0 : w.history) == null ? void 0 : k.levelI18n))), 1)) : N("", !0)
                 ]),
                 L(l, {
                   icon: "",
@@ -11615,7 +11615,7 @@ function mh(e, t, o, i, a, r) {
                   class: "close",
                   onClick: Se(r.handleCloseInfoMarker, ["stop"])
                 }, {
-                  default: C(() => t[4] || (t[4] = [
+                  default: P(() => t[4] || (t[4] = [
                     n("i", { class: "iconfont icon-close text-h4" }, null, -1)
                   ])),
                   _: 1,
@@ -11631,7 +11631,7 @@ function mh(e, t, o, i, a, r) {
           }),
           L(d),
           L(s, { class: "text-body-1 py-3" }, {
-            default: C(() => {
+            default: P(() => {
               var f, h, u, x, v, w, k, S, _;
               return [
                 n("div", Wm, [
@@ -11658,7 +11658,7 @@ function mh(e, t, o, i, a, r) {
                 n("div", Hm, [
                   n("label", Ym, b(e.$t("tropical.models")) + " : ", 1),
                   n("div", Um, [
-                    (P(!0), D(Ie, null, De((_ = a.activeTropicals) == null ? void 0 : _.forecasts, (M, T) => (P(), Z(l, {
+                    (C(!0), D(Ie, null, De((_ = a.activeTropicals) == null ? void 0 : _.forecasts, (M, T) => (C(), Z(l, {
                       key: T,
                       density: "compact",
                       variant: M.disabled ? "text" : "flat",
@@ -11667,7 +11667,7 @@ function mh(e, t, o, i, a, r) {
                       class: _e(["model text-none text-body-1 px-1", M.disabled ? "btn-border-1 btn-bg-1" : ""]),
                       onClick: Se((W) => r.handleForecastToggle(M), ["stop"])
                     }, {
-                      default: C(() => [
+                      default: P(() => [
                         de(b(M.model), 1)
                       ]),
                       _: 2
@@ -11679,11 +11679,11 @@ function mh(e, t, o, i, a, r) {
             _: 1
           }),
           L(d),
-          o.simple ? N("", !0) : (P(), Z(m, {
+          o.simple ? N("", !0) : (C(), Z(m, {
             key: 0,
             class: "d-flex justify-space-between"
           }, {
-            default: C(() => [
+            default: P(() => [
               L(l, {
                 density: "compact",
                 "prepend-icon": "",
@@ -11692,23 +11692,23 @@ function mh(e, t, o, i, a, r) {
                 class: "text-none text-body-1",
                 onClick: t[0] || (t[0] = Se((f) => a.showLegend = !a.showLegend, ["stop"]))
               }, {
-                prepend: C(() => t[5] || (t[5] = [
+                prepend: P(() => t[5] || (t[5] = [
                   n("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
                 ])),
-                default: C(() => [
+                default: P(() => [
                   de(" " + b(e.$t("weather.legend")), 1)
                 ]),
                 _: 1
               }, 8, ["color"]),
               n("div", Jm, [
-                o.permission & a.helper.LEVEL.Supper ? (P(), Z(l, {
+                o.permission & a.helper.LEVEL.Supper ? (C(), Z(l, {
                   key: 0,
                   variant: "text",
                   density: "compact",
                   class: "text-none text-body-1",
                   onClick: t[1] || (t[1] = Se((f) => r.handleNotification(a.activeTropicals), ["stop"]))
                 }, {
-                  default: C(() => [
+                  default: P(() => [
                     de(b(e.$t("actions.notify")), 1)
                   ]),
                   _: 1
@@ -11720,7 +11720,7 @@ function mh(e, t, o, i, a, r) {
                   class: "text-none text-body-1",
                   onClick: t[2] || (t[2] = Se((f) => r.handleStrikeProbability(a.activeTropicals), ["stop"]))
                 }, {
-                  default: C(() => [
+                  default: P(() => [
                     de(b(e.$t("actions.viewReport")), 1)
                   ]),
                   _: 1
@@ -11732,7 +11732,7 @@ function mh(e, t, o, i, a, r) {
         ]),
         _: 1
       }, 8, ["class", "elevation"]),
-      o.simple ? (P(), D("div", Km, [
+      o.simple ? (C(), D("div", Km, [
         n("div", $m, [
           n("div", qm, [
             t[6] || (t[6] = n("div", { class: "icon td" }, null, -1)),
@@ -11777,11 +11777,11 @@ function mh(e, t, o, i, a, r) {
             n("div", bd, "50kts " + b(e.$t("tropical.radii")), 1)
           ])
         ])
-      ])) : (P(), D("div", wd, [
+      ])) : (C(), D("div", wd, [
         Qe(L(g, { elevation: "16" }, {
-          default: C(() => [
+          default: P(() => [
             L(s, null, {
-              default: C(() => [
+              default: P(() => [
                 Qe(n("div", {
                   class: _e(["pa-1 d-flex justify-space-between align-center flex-wrap", o.locale === "zhHans" ? " ga-2" : " ga-3"])
                 }, [
@@ -11843,9 +11843,9 @@ function mh(e, t, o, i, a, r) {
       elevation: "16",
       "max-width": "280"
     }, {
-      default: C(() => [
+      default: P(() => [
         L(p, null, {
-          default: C(() => {
+          default: P(() => {
             var f, h, u, x;
             return [
               n("div", Zd, [
@@ -11858,31 +11858,31 @@ function mh(e, t, o, i, a, r) {
         }),
         L(y),
         L(s, { class: "text-body-1" }, {
-          default: C(() => {
+          default: P(() => {
             var f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, I;
             return [
               n("div", Xd, [
-                ((f = a.hoverPoint) == null ? void 0 : f.type) === "forecast" ? (P(), D("div", jd, [
+                ((f = a.hoverPoint) == null ? void 0 : f.type) === "forecast" ? (C(), D("div", jd, [
                   n("label", Vd, b(e.$t("tropical.updated")) + " : ", 1),
                   n("span", null, b(r.computeTzTime((h = a.hoverPoint) == null ? void 0 : h.update, o.timeZone)), 1)
                 ])) : N("", !0),
-                ((u = a.hoverPoint) == null ? void 0 : u.type) === "forecast" ? (P(), D("div", Hd, [
+                ((u = a.hoverPoint) == null ? void 0 : u.type) === "forecast" ? (C(), D("div", Hd, [
                   n("label", Yd, b(e.$t("tropical.forecast")) + " : ", 1),
                   n("span", null, b(r.computeTzTime((x = a.hoverPoint) == null ? void 0 : x.date, o.timeZone)), 1)
                 ])) : N("", !0),
-                ((v = a.hoverPoint) == null ? void 0 : v.type) === "history" ? (P(), D("div", Ud, [
+                ((v = a.hoverPoint) == null ? void 0 : v.type) === "history" ? (C(), D("div", Ud, [
                   n("label", Jd, b(e.$t("tropical.forecast")) + " : ", 1),
                   n("span", null, b(r.computeTzTime((w = a.hoverPoint) == null ? void 0 : w.date, o.timeZone)), 1)
                 ])) : N("", !0),
-                ((k = a.hoverPoint) == null ? void 0 : k.type) === "forecast" ? (P(), D("div", Kd, [
+                ((k = a.hoverPoint) == null ? void 0 : k.type) === "forecast" ? (C(), D("div", Kd, [
                   n("label", $d, b(e.$t("tropical.model")) + " : ", 1),
                   n("span", null, b(((S = a.hoverPoint) == null ? void 0 : S.model) ?? "-"), 1)
                 ])) : N("", !0),
-                ((_ = a.hoverPoint) == null ? void 0 : _.type) === "forecast" ? (P(), D("div", qd, [
+                ((_ = a.hoverPoint) == null ? void 0 : _.type) === "forecast" ? (C(), D("div", qd, [
                   n("label", Qd, b(e.$t("weather.wind")) + " : ", 1),
                   n("span", null, b(((T = JSON.parse((M = a.hoverPoint) == null ? void 0 : M.wind)) == null ? void 0 : T.kts) ?? "-") + " kts", 1)
                 ])) : N("", !0),
-                ((W = a.hoverPoint) == null ? void 0 : W.type) === "history" ? (P(), D("div", eh, [
+                ((W = a.hoverPoint) == null ? void 0 : W.type) === "history" ? (C(), D("div", eh, [
                   n("label", th, b(e.$t("weather.wind")) + " : ", 1),
                   n("span", null, b(((F = a.hoverPoint) == null ? void 0 : F.kts) ?? "-") + " kts", 1)
                 ])) : N("", !0),
@@ -11890,11 +11890,11 @@ function mh(e, t, o, i, a, r) {
                   n("label", ah, b(e.$t("weather.pressure")) + " : ", 1),
                   n("span", null, b(((E = a.hoverPoint) == null ? void 0 : E.pressure) ?? "-") + " hPa", 1)
                 ]),
-                ((V = a.hoverPoint) == null ? void 0 : V.type) === "history" ? (P(), D("div", ih, [
+                ((V = a.hoverPoint) == null ? void 0 : V.type) === "history" ? (C(), D("div", ih, [
                   n("label", rh, b(e.$t("tropical.moveSpeed")) + " : ", 1),
                   n("span", null, b(((Q = JSON.parse((J = a.hoverPoint) == null ? void 0 : J.movement)) == null ? void 0 : Q.kts) ?? "-") + " kts", 1)
                 ])) : N("", !0),
-                ((ee = a.hoverPoint) == null ? void 0 : ee.type) === "history" ? (P(), D("div", lh, [
+                ((ee = a.hoverPoint) == null ? void 0 : ee.type) === "history" ? (C(), D("div", lh, [
                   n("label", nh, b(e.$t("tropical.moveDir")) + " : ", 1),
                   n("span", null, b(((I = JSON.parse((he = a.hoverPoint) == null ? void 0 : he.movement)) == null ? void 0 : I.deg) ?? "-") + " °", 1)
                 ])) : N("", !0),
@@ -12115,20 +12115,20 @@ const dh = {
 };
 function fh(e, t, o, i, a, r) {
   const l = R("VDatePicker"), c = R("VDivider"), s = R("VListItemTitle"), d = R("VListItem"), m = R("VList"), g = R("VCardText"), p = R("VBtn"), y = R("VCardActions"), f = R("VCard");
-  return P(), D("div", hh, [
+  return C(), D("div", hh, [
     n("div", {
       style: ue({ height: o.height + "px", width: o.width ? o.width + "px" : "auto" }),
       class: _e([o.bgClass, "rounded text-body-1 btn-border-1 btn-bg-1 d-flex align-center justify-center px-2 cursor-pointer"]),
       onClick: t[0] || (t[0] = (...h) => r.handleOpenDatePicker && r.handleOpenDatePicker(...h))
     }, b(a.currentDateTime) + " | UTC " + b(o.timeZone < 0 ? o.timeZone : "+" + o.timeZone), 7),
-    a.showDatePicker ? (P(), Z(f, {
+    a.showDatePicker ? (C(), Z(f, {
       key: 0,
       class: "card-box d-flex flex-column border",
       style: ue(r.getStyle)
     }, {
-      default: C(() => [
+      default: P(() => [
         L(g, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
-          default: C(() => [
+          default: P(() => [
             n("div", uh, [
               L(l, {
                 modelValue: a.currentDate,
@@ -12151,8 +12151,8 @@ function fh(e, t, o, i, a, r) {
             n("div", ph, [
               n("div", gh, b(a.currentTime), 1),
               L(m, { class: "pa-0 flex-1-1-0 scroll" }, {
-                default: C(() => [
-                  (P(!0), D(Ie, null, De(r.hourOptions, (h, u) => (P(), Z(d, {
+                default: P(() => [
+                  (C(!0), D(Ie, null, De(r.hourOptions, (h, u) => (C(), Z(d, {
                     key: u,
                     value: h,
                     color: "primary",
@@ -12161,12 +12161,12 @@ function fh(e, t, o, i, a, r) {
                     height: "26",
                     "min-height": "26"
                   }, {
-                    default: C(() => [
+                    default: P(() => [
                       L(s, {
                         class: "text-body-2 font-weight-600 text-center",
                         onClick: (x) => a.currentTime = h
                       }, {
-                        default: C(() => [
+                        default: P(() => [
                           de(b(h), 1)
                         ]),
                         _: 2
@@ -12186,14 +12186,14 @@ function fh(e, t, o, i, a, r) {
           class: "justify-end pa-0 pr-4",
           style: { height: "50px" }
         }, {
-          default: C(() => [
+          default: P(() => [
             L(p, {
               size: "small",
               variant: "tonal",
               class: "text-none text-body-2",
               onClick: r.handleCancelDate
             }, {
-              default: C(() => [
+              default: P(() => [
                 de(b(e.$t("actions.cancel")), 1)
               ]),
               _: 1
@@ -12205,7 +12205,7 @@ function fh(e, t, o, i, a, r) {
               class: "text-none text-body-2",
               onClick: r.handleConfirmDate
             }, {
-              default: C(() => [
+              default: P(() => [
                 de(b(e.$t("actions.confirm")), 1)
               ]),
               _: 1
@@ -12410,28 +12410,28 @@ const yh = {
 }, wh = { class: "flex-1-1-0" }, xh = { class: "pa-0" };
 function vh(e, t, o, i, a, r) {
   const l = R("VIcon"), c = R("VDatePicker"), s = R("VCardText"), d = R("VDivider"), m = R("VBtn"), g = R("VCardActions"), p = R("VCard");
-  return P(), D("div", bh, [
+  return C(), D("div", bh, [
     n("div", {
       style: ue({ 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: t[0] || (t[0] = (...y) => r.handleOpenDatePicker && r.handleOpenDatePicker(...y))
     }, [
       n("span", wh, b(a.dateRangeStr), 1),
-      a.dateRangeStr ? (P(), Z(l, {
+      a.dateRangeStr ? (C(), Z(l, {
         key: 0,
         class: "text-h5",
         icon: "mdi-close-circle text-label",
         onClick: Se(r.handleClearDate, ["stop"])
       }, null, 8, ["onClick"])) : N("", !0)
     ], 4),
-    a.showDatePicker ? (P(), Z(p, {
+    a.showDatePicker ? (C(), Z(p, {
       key: 0,
       class: "card-box d-flex flex-column border",
       style: ue(r.getStyle)
     }, {
-      default: C(() => [
+      default: P(() => [
         L(s, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
-          default: C(() => [
+          default: P(() => [
             n("div", xh, [
               L(c, {
                 modelValue: a.dateRange,
@@ -12456,14 +12456,14 @@ function vh(e, t, o, i, a, r) {
           class: "justify-end pa-0 pr-4",
           style: { height: "50px" }
         }, {
-          default: C(() => [
+          default: P(() => [
             L(m, {
               size: "small",
               variant: "tonal",
               class: "text-none text-body-2",
               onClick: r.handleCancelDate
             }, {
-              default: C(() => [
+              default: P(() => [
                 de(b(e.$t("actions.cancel")), 1)
               ]),
               _: 1
@@ -12475,7 +12475,7 @@ function vh(e, t, o, i, a, r) {
               class: "text-none text-body-2",
               onClick: r.handleConfirmDate
             }, {
-              default: C(() => [
+              default: P(() => [
                 de(b(e.$t("actions.confirm")), 1)
               ]),
               _: 1
@@ -13662,7 +13662,7 @@ const kh = {
 }, Pu = ["xlink:href"];
 function Cu(e, t, o, i, a, r) {
   const l = R("VBtn"), c = R("VTooltip"), s = R("VCardTitle"), d = R("VDivider"), m = R("VTextField"), g = R("VCol"), p = R("VRow"), y = R("DateTimePicker"), f = R("VBtnToggle"), h = R("VCardText"), u = R("VCardActions"), x = R("VForm"), v = R("VCard");
-  return P(), D("div", _h, [
+  return C(), D("div", _h, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: ue({ top: o.top + o.paddingTop + 126 + "px", right: a.right + "px" })
@@ -13675,7 +13675,7 @@ function Cu(e, t, o, i, a, r) {
         "open-on-focus": !o.simple,
         "open-on-hover": !o.simple
       }, {
-        activator: C(({ props: w }) => [
+        activator: P(({ props: w }) => [
           L(l, Y(w, {
             "min-width": "32",
             width: "32",
@@ -13683,7 +13683,7 @@ function Cu(e, t, o, i, a, r) {
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: C(() => t[8] || (t[8] = [
+            default: P(() => t[8] || (t[8] = [
               n("i", { class: "iconfont icon-a-Spotweather text-h4" }, null, -1)
             ])),
             _: 2,
@@ -13693,14 +13693,14 @@ function Cu(e, t, o, i, a, r) {
         _: 1
       }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 4),
-    a.showForm && !o.simple ? (P(), Z(v, {
+    a.showForm && !o.simple ? (C(), Z(v, {
       key: 0,
       class: "spot-form-card",
       style: ue({ top: o.top + o.paddingTop + 126 + "px", right: a.right + 50 + "px" })
     }, {
-      default: C(() => [
+      default: P(() => [
         L(s, { class: "d-flex justify-space-between align-center" }, {
-          default: C(() => [
+          default: P(() => [
             n("div", zh, [
               n("div", Lh, b(e.$t("spot.spotWeather")), 1)
             ]),
@@ -13711,7 +13711,7 @@ function Cu(e, t, o, i, a, r) {
               class: "mr-n2",
               onClick: r.handleCloseForm
             }, {
-              default: C(() => t[9] || (t[9] = [
+              default: P(() => t[9] || (t[9] = [
                 n("i", { class: "iconfont icon-close text-h4" }, null, -1)
               ])),
               _: 1,
@@ -13727,11 +13727,11 @@ function Cu(e, t, o, i, a, r) {
           class: "form-box",
           onSubmit: Se(r.submitForm, ["prevent"])
         }, {
-          default: C(() => [
+          default: P(() => [
             L(h, { class: "text-body-1 py-1" }, {
-              default: C(() => [
+              default: P(() => [
                 n("div", Ph, [
-                  (P(), D("svg", Ch, [
+                  (C(), D("svg", Ch, [
                     n("use", {
                       "xlink:href": `#icon-lng-${o.theme}`
                     }, null, 8, Mh)
@@ -13739,12 +13739,12 @@ function Cu(e, t, o, i, a, r) {
                   n("div", null, b(e.$t("spot.lng")), 1)
                 ]),
                 L(p, { class: "ma-0" }, {
-                  default: C(() => [
+                  default: P(() => [
                     L(g, {
                       cols: "4",
                       class: "pa-0 d-flex"
                     }, {
-                      default: C(() => [
+                      default: P(() => [
                         L(m, {
                           modelValue: a.form.lngDegree,
                           "onUpdate:modelValue": t[0] || (t[0] = (w) => a.form.lngDegree = w),
@@ -13764,7 +13764,7 @@ function Cu(e, t, o, i, a, r) {
                       cols: "6",
                       class: "pa-0 d-flex"
                     }, {
-                      default: C(() => [
+                      default: P(() => [
                         L(m, {
                           modelValue: a.form.lngMinute,
                           "onUpdate:modelValue": t[1] || (t[1] = (w) => a.form.lngMinute = w),
@@ -13785,7 +13785,7 @@ function Cu(e, t, o, i, a, r) {
                       cols: "2",
                       class: "pa-0"
                     }, {
-                      default: C(() => [
+                      default: P(() => [
                         L(l, {
                           variant: "outlined",
                           density: "compact",
@@ -13796,7 +13796,7 @@ function Cu(e, t, o, i, a, r) {
                           style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
                           onClick: t[2] || (t[2] = (w) => a.form.lngDirection = a.form.lngDirection === "E" ? "W" : "E")
                         }, {
-                          default: C(() => [
+                          default: P(() => [
                             de(b(a.form.lngDirection), 1)
                           ]),
                           _: 1
@@ -13808,7 +13808,7 @@ function Cu(e, t, o, i, a, r) {
                   _: 1
                 }),
                 n("div", Sh, [
-                  (P(), D("svg", Th, [
+                  (C(), D("svg", Th, [
                     n("use", {
                       "xlink:href": `#icon-lng-${o.theme}`
                     }, null, 8, Rh)
@@ -13816,12 +13816,12 @@ function Cu(e, t, o, i, a, r) {
                   n("div", null, b(e.$t("spot.lat")), 1)
                 ]),
                 L(p, { class: "ma-0" }, {
-                  default: C(() => [
+                  default: P(() => [
                     L(g, {
                       cols: "4",
                       class: "pa-0 d-flex"
                     }, {
-                      default: C(() => [
+                      default: P(() => [
                         L(m, {
                           modelValue: a.form.latDegree,
                           "onUpdate:modelValue": t[3] || (t[3] = (w) => a.form.latDegree = w),
@@ -13844,7 +13844,7 @@ function Cu(e, t, o, i, a, r) {
                       cols: "6",
                       class: "pa-0 d-flex"
                     }, {
-                      default: C(() => [
+                      default: P(() => [
                         L(m, {
                           modelValue: a.form.latMinute,
                           "onUpdate:modelValue": t[4] || (t[4] = (w) => a.form.latMinute = w),
@@ -13865,7 +13865,7 @@ function Cu(e, t, o, i, a, r) {
                       cols: "2",
                       class: "pa-0"
                     }, {
-                      default: C(() => [
+                      default: P(() => [
                         L(l, {
                           variant: "outlined",
                           density: "compact",
@@ -13876,7 +13876,7 @@ function Cu(e, t, o, i, a, r) {
                           style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
                           onClick: t[5] || (t[5] = (w) => a.form.latDirection = a.form.latDirection === "N" ? "S" : "N")
                         }, {
-                          default: C(() => [
+                          default: P(() => [
                             de(b(a.form.latDirection), 1)
                           ]),
                           _: 1
@@ -13888,7 +13888,7 @@ function Cu(e, t, o, i, a, r) {
                   _: 1
                 }),
                 n("div", Ih, [
-                  (P(), D("svg", Dh, [
+                  (C(), D("svg", Dh, [
                     n("use", {
                       "xlink:href": `#icon-date-time-${o.theme}`
                     }, null, 8, Ah)
@@ -13896,12 +13896,12 @@ function Cu(e, t, o, i, a, r) {
                   n("div", null, b(e.$t("spot.dateTime")), 1)
                 ]),
                 L(p, { class: "ma-0 mb-4" }, {
-                  default: C(() => [
+                  default: P(() => [
                     L(g, {
                       cols: "12",
                       class: "pa-0"
                     }, {
-                      default: C(() => [
+                      default: P(() => [
                         L(y, Y({
                           "date-time": a.form.dateTime,
                           "time-zone": o.timeZone
@@ -13915,7 +13915,7 @@ function Cu(e, t, o, i, a, r) {
                   _: 1
                 }),
                 n("div", Gh, [
-                  (P(), D("svg", Wh, [
+                  (C(), D("svg", Wh, [
                     n("use", {
                       "xlink:href": `#icon-forecast-model-${o.theme}`
                     }, null, 8, Fh)
@@ -13923,12 +13923,12 @@ function Cu(e, t, o, i, a, r) {
                   n("div", null, b(e.$t("weather.forecastModel")), 1)
                 ]),
                 L(p, { class: "ma-0 mb-2" }, {
-                  default: C(() => [
+                  default: P(() => [
                     L(g, {
                       cols: "12",
                       class: "pa-0"
                     }, {
-                      default: C(() => [
+                      default: P(() => [
                         L(f, {
                           modelValue: a.form.forecastModel,
                           "onUpdate:modelValue": t[7] || (t[7] = (w) => a.form.forecastModel = w),
@@ -13938,7 +13938,7 @@ function Cu(e, t, o, i, a, r) {
                           density: "compact",
                           group: ""
                         }, {
-                          default: C(() => [
+                          default: P(() => [
                             L(l, {
                               density: "compact",
                               height: "30",
@@ -13947,7 +13947,7 @@ function Cu(e, t, o, i, a, r) {
                               color: a.form.forecastModel === "GFS" ? "primary" : "",
                               "base-color": ""
                             }, {
-                              default: C(() => t[14] || (t[14] = [
+                              default: P(() => t[14] || (t[14] = [
                                 de("NOAA", -1)
                               ])),
                               _: 1,
@@ -13961,7 +13961,7 @@ function Cu(e, t, o, i, a, r) {
                               "base-color": "",
                               value: "ECMWF"
                             }, {
-                              default: C(() => t[15] || (t[15] = [
+                              default: P(() => t[15] || (t[15] = [
                                 de("ECMWF", -1)
                               ])),
                               _: 1,
@@ -13981,14 +13981,14 @@ function Cu(e, t, o, i, a, r) {
             }),
             L(d),
             L(u, { class: "d-flex justify-end align-center ga-4" }, {
-              default: C(() => [
+              default: P(() => [
                 L(l, {
                   size: "small",
                   variant: "outlined",
                   class: "text-none text-body-1 btn-border-1 btn-bg-1",
                   onClick: r.cancelForm
                 }, {
-                  default: C(() => [
+                  default: P(() => [
                     de(b(e.$t("actions.clear")), 1)
                   ]),
                   _: 1
@@ -14002,7 +14002,7 @@ function Cu(e, t, o, i, a, r) {
                   type: "submit",
                   class: "text-none text-body-1"
                 }, {
-                  default: C(() => [
+                  default: P(() => [
                     de(b(e.$t("actions.confirm")), 1)
                   ]),
                   _: 1
@@ -14016,15 +14016,15 @@ function Cu(e, t, o, i, a, r) {
       ]),
       _: 1
     }, 8, ["style"])) : N("", !0),
-    a.showMeteo && !o.simple ? (P(), Z(v, {
+    a.showMeteo && !o.simple ? (C(), Z(v, {
       key: 1,
       id: "idm-gl4-spot-meteo",
       class: "spot-meteo",
       style: { width: "490px", "z-index": "9" }
     }, {
-      default: C(() => [
+      default: P(() => [
         L(s, { class: "d-flex justify-space-between align-center" }, {
-          default: C(() => [
+          default: P(() => [
             n("div", Nh, [
               t[16] || (t[16] = n("i", { class: "iconfont icon-a-Spotweather text-h5 map-icon-aqua" }, null, -1)),
               n("div", Bh, b(r.computePosition(a.form || a.currentHourData)), 1)
@@ -14036,7 +14036,7 @@ function Cu(e, t, o, i, a, r) {
               variant: "plain",
               onClick: Se(r.handleCloseMeteo, ["stop"])
             }, {
-              default: C(() => t[17] || (t[17] = [
+              default: P(() => t[17] || (t[17] = [
                 n("i", { class: "iconfont icon-close text-h4" }, null, -1)
               ])),
               _: 1,
@@ -14047,7 +14047,7 @@ function Cu(e, t, o, i, a, r) {
         }),
         L(d),
         L(h, { class: "text-body-1 px-0 py-1" }, {
-          default: C(() => {
+          default: P(() => {
             var w, k;
             return [
               n("div", Zh, [
@@ -14085,13 +14085,13 @@ function Cu(e, t, o, i, a, r) {
         }),
         L(d),
         L(u, { class: "d-flex justify-space-between align-center" }, {
-          default: C(() => {
+          default: P(() => {
             var w;
             return [
               (w = o.followList) != null && w.some((k) => {
                 var S, _;
                 return (k == null ? void 0 : k.id) === a.form.followId || ((S = k == null ? void 0 : k.coordinate) == null ? void 0 : S.lng) === a.form.lng && ((_ = k == null ? void 0 : k.coordinate) == null ? void 0 : _.lat) === a.form.lat;
-              }) ? (P(), Z(l, {
+              }) ? (C(), Z(l, {
                 key: 0,
                 class: "text-none text-body-1",
                 id: "idm-gl4-spot-meteo-follow",
@@ -14100,14 +14100,14 @@ function Cu(e, t, o, i, a, r) {
                 height: "32",
                 onClick: Se(r.handleCancelFollow, ["stop"])
               }, {
-                prepend: C(() => t[19] || (t[19] = [
+                prepend: P(() => t[19] || (t[19] = [
                   n("i", { class: "iconfont icon-yishoucang text-h6 text-warning" }, null, -1)
                 ])),
-                default: C(() => [
+                default: P(() => [
                   de(" " + b(e.$t("actions.unfollow")), 1)
                 ]),
                 _: 1
-              }, 8, ["onClick"])) : (P(), Z(l, {
+              }, 8, ["onClick"])) : (C(), Z(l, {
                 key: 1,
                 id: "idm-gl4-spot-meteo-unfollow",
                 class: "text-none text-body-1",
@@ -14116,10 +14116,10 @@ function Cu(e, t, o, i, a, r) {
                 height: "32",
                 onClick: Se(r.handleFollow, ["stop"])
               }, {
-                prepend: C(() => t[20] || (t[20] = [
+                prepend: P(() => t[20] || (t[20] = [
                   n("i", { class: "iconfont icon-weishoucang text-h6" }, null, -1)
                 ])),
-                default: C(() => [
+                default: P(() => [
                   de(b(e.$t("actions.follow")) + " ", 1)
                 ]),
                 _: 1
@@ -14132,7 +14132,7 @@ function Cu(e, t, o, i, a, r) {
                 class: "text-none text-body-1",
                 onClick: Se(r.handleMeteoMore, ["stop"])
               }, {
-                default: C(() => [
+                default: P(() => [
                   de(b(e.$t("spot.forecast")), 1)
                 ]),
                 _: 1
@@ -14144,15 +14144,15 @@ function Cu(e, t, o, i, a, r) {
       ]),
       _: 1
     })) : N("", !0),
-    a.showMeteo && o.simple ? (P(), Z(v, {
+    a.showMeteo && o.simple ? (C(), Z(v, {
       key: 2,
       ref: "spotMeteo",
       class: "position-absolute bottom-0 rounded-t-4",
       style: { width: "100vw", "z-index": "1001" }
     }, {
-      default: C(() => [
+      default: P(() => [
         L(s, null, {
-          default: C(() => {
+          default: P(() => {
             var w;
             return [
               n("div", lu, [
@@ -14164,7 +14164,7 @@ function Cu(e, t, o, i, a, r) {
                   (w = o.followList) != null && w.some((k) => {
                     var S, _;
                     return (k == null ? void 0 : k.id) === a.form.followId || ((S = k == null ? void 0 : k.coordinate) == null ? void 0 : S.lng) === a.form.lng && ((_ = k == null ? void 0 : k.coordinate) == null ? void 0 : _.lat) === a.form.lat;
-                  }) ? (P(), Z(l, {
+                  }) ? (C(), Z(l, {
                     key: 0,
                     class: "text-none text-body-1 rounded-circle",
                     variant: "text",
@@ -14174,12 +14174,12 @@ function Cu(e, t, o, i, a, r) {
                     "min-width": "28",
                     onClick: Se(r.handleCancelFollow, ["stop"])
                   }, {
-                    default: C(() => t[22] || (t[22] = [
+                    default: P(() => t[22] || (t[22] = [
                       n("i", { class: "iconfont icon-yishoucang text-h4 text-warning" }, null, -1)
                     ])),
                     _: 1,
                     __: [22]
-                  }, 8, ["onClick"])) : (P(), Z(l, {
+                  }, 8, ["onClick"])) : (C(), Z(l, {
                     key: 1,
                     class: "text-none text-body-1 rounded-circle",
                     variant: "plain",
@@ -14189,7 +14189,7 @@ function Cu(e, t, o, i, a, r) {
                     "min-width": "28",
                     onClick: Se(r.handleFollow, ["stop"])
                   }, {
-                    default: C(() => t[23] || (t[23] = [
+                    default: P(() => t[23] || (t[23] = [
                       n("i", { class: "iconfont icon-weishoucang text-h4" }, null, -1)
                     ])),
                     _: 1,
@@ -14202,7 +14202,7 @@ function Cu(e, t, o, i, a, r) {
                     variant: "plain",
                     onClick: Se(r.handleCloseMeteo, ["stop"])
                   }, {
-                    default: C(() => t[24] || (t[24] = [
+                    default: P(() => t[24] || (t[24] = [
                       n("i", { class: "iconfont icon-close text-h4" }, null, -1)
                     ])),
                     _: 1,
@@ -14218,7 +14218,7 @@ function Cu(e, t, o, i, a, r) {
         }),
         L(d),
         L(h, { class: "text-body-1 px-0 py-2" }, {
-          default: C(() => {
+          default: P(() => {
             var w, k;
             return [
               n("div", mu, [
@@ -14270,7 +14270,7 @@ function Cu(e, t, o, i, a, r) {
       _: 1
     }, 512)) : N("", !0),
     Qe(n("div", zu, [
-      (P(), D("svg", Lu, [
+      (C(), D("svg", Lu, [
         n("use", {
           "xlink:href": `#icon-spot-${o.theme}`
         }, null, 8, Pu)
@@ -14642,7 +14642,7 @@ const Su = {
 }, Tu = { class: "idm-gl4-measure" };
 function Ru(e, t, o, i, a, r) {
   const l = R("VBtn"), c = R("VTooltip");
-  return P(), D("div", Tu, [
+  return C(), D("div", Tu, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: ue({ top: o.top + o.paddingTop + 166 + "px", right: a.right + "px" })
@@ -14655,7 +14655,7 @@ function Ru(e, t, o, i, a, r) {
         "open-on-focus": !o.simple,
         "open-on-hover": !o.simple
       }, {
-        activator: C(({ props: s }) => [
+        activator: P(({ props: s }) => [
           L(l, Y(s, {
             "min-width": "32",
             width: "32",
@@ -14663,7 +14663,7 @@ function Ru(e, t, o, i, a, r) {
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: C(() => t[0] || (t[0] = [
+            default: P(() => t[0] || (t[0] = [
               n("i", { class: "iconfont icon-a-Measuredistance text-h4" }, null, -1)
             ])),
             _: 2,
@@ -17554,52 +17554,52 @@ Ce.capture = async (e, t, o) => {
   if (o !== xr)
     throw new Error("[snapdom.capture] is internal. Use snapdom(...) instead.");
   let i = await wr(e, t), a = { img: async (f, h) => {
-    let { toImg: u } = await import("./toImg-1fca4794.js");
+    let { toImg: u } = await import("./toImg-a6072aec.js");
     return u(i, { ...f, ...h || {} });
   }, svg: async (f, h) => {
-    let { toSvg: u } = await import("./toImg-1fca4794.js");
+    let { toSvg: u } = await import("./toImg-a6072aec.js");
     return u(i, { ...f, ...h || {} });
   }, canvas: async (f, h) => {
-    let { toCanvas: u } = await import("./toCanvas-1a3c253a.js");
+    let { toCanvas: u } = await import("./toCanvas-562c3f18.js");
     return u(i, { ...f, ...h || {} });
   }, blob: async (f, h) => {
-    let { toBlob: u } = await import("./toBlob-5b0ee821.js");
+    let { toBlob: u } = await import("./toBlob-1f919cd5.js");
     return u(i, { ...f, ...h || {} });
   }, png: async (f, h) => {
-    let { rasterize: u } = await import("./rasterize-JS5G2XHH-881e388b.js");
+    let { rasterize: u } = await import("./rasterize-JS5G2XHH-aa148d42.js");
     return u(i, { ...f, ...h || {}, format: "png" });
   }, jpeg: async (f, h) => {
-    let { rasterize: u } = await import("./rasterize-JS5G2XHH-881e388b.js");
+    let { rasterize: u } = await import("./rasterize-JS5G2XHH-aa148d42.js");
     return u(i, { ...f, ...h || {}, format: "jpeg" });
   }, webp: async (f, h) => {
-    let { rasterize: u } = await import("./rasterize-JS5G2XHH-881e388b.js");
+    let { rasterize: u } = await import("./rasterize-JS5G2XHH-aa148d42.js");
     return u(i, { ...f, ...h || {}, format: "webp" });
   }, download: async (f, h) => {
-    let { download: u } = await import("./download-7a12fc1b.js");
+    let { download: u } = await import("./download-3d119985.js");
     return u(i, { ...f, ...h || {} });
   } }, r = { ...t, export: { url: i }, exports: { svg: async (f) => {
-    let { toSvg: h } = await import("./toImg-1fca4794.js");
+    let { toSvg: h } = await import("./toImg-a6072aec.js");
     return h(i, { ...t, ...f || {}, [$e]: !0 });
   }, canvas: async (f) => {
-    let { toCanvas: h } = await import("./toCanvas-1a3c253a.js");
+    let { toCanvas: h } = await import("./toCanvas-562c3f18.js");
     return h(i, { ...t, ...f || {}, [$e]: !0 });
   }, png: async (f) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-881e388b.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-aa148d42.js");
     return h(i, { ...t, ...f || {}, format: "png", [$e]: !0 });
   }, jpeg: async (f) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-881e388b.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-aa148d42.js");
     return h(i, { ...t, ...f || {}, format: "jpeg", [$e]: !0 });
   }, jpg: async (f) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-881e388b.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-aa148d42.js");
     return h(i, { ...t, ...f || {}, format: "jpeg", [$e]: !0 });
   }, webp: async (f) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-881e388b.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-aa148d42.js");
     return h(i, { ...t, ...f || {}, format: "webp", [$e]: !0 });
   }, blob: async (f) => {
-    let { toBlob: h } = await import("./toBlob-5b0ee821.js");
+    let { toBlob: h } = await import("./toBlob-1f919cd5.js");
     return h(i, { ...t, ...f || {}, [$e]: !0 });
   }, img: async (f) => {
-    let { toImg: h } = await import("./toImg-1fca4794.js");
+    let { toImg: h } = await import("./toImg-a6072aec.js");
     return h(i, { ...t, ...f || {}, [$e]: !0 });
   } } }, l = await _p("defineExports", r), c = Object.assign({}, ...l.filter((f) => f && typeof f == "object")), s = { ...a, ...c };
   s.jpeg && !s.jpg && (s.jpg = (f, h) => s.jpeg(f, h));
@@ -18160,7 +18160,7 @@ const a0 = {
   data() {
     return {
       recorder: null,
-      actionStatus: 1,
+      actionStatus: 0,
       // 1 ready, 2 dragging, 3 dragend, 4 confirmed, 5 recording, 6 saving, 7 stop
       startX: 0,
       startY: 0,
@@ -18195,21 +18195,16 @@ const a0 = {
           await this.finishGifGeneration();
         }, 2e3));
       }
+    },
+    enabled: {
+      handler(e) {
+        e ? this.actionStatus = 1 : this.clear();
+      }
     }
-    // enabled: {
-    //   handler(newVal) {
-    //     if (!newVal) {
-    //       this.clear()
-    //     }
-    //   },
-    // },
   },
   async mounted() {
     this.ossClient = await Mr.create(this.token);
   },
-  beforeUnmount() {
-    this.clear();
-  },
   methods: {
     //鼠标选取区域
     handleMouseDown(e) {
@@ -18272,7 +18267,7 @@ const a0 = {
     clear() {
       this.actionStatus === 5 && this.recorder ? (console.log("[BottomBar] 等待最后一帧截图完成..."), setTimeout(async () => {
         await this.finishGifGeneration();
-      }, 2e3)) : (this.actionStatus = 1, this.frameCount = 0, this.blob = null, this.recorder && (this.recorder.reset(), this.recorder = null), this.$emit("closeRecord"));
+      }, 2e3)) : (this.actionStatus = 0, this.frameCount = 0, this.blob = null, this.recorder && (this.recorder.reset(), this.recorder = null), this.$emit("closeRecord"));
     },
     async handleUpload(e) {
       var a;
@@ -18282,7 +18277,7 @@ const a0 = {
       }, o = await this.ossClient.put2HZ("/share", [t]);
       console.log("[BottomBar] streams:", o);
       const i = ((a = o == null ? void 0 : o[0]) == null ? void 0 : a.url) || "";
-      this.$emit("preview", i), this.handleDownload(), this.clear();
+      this.$emit("preview", i), this.clear();
     },
     handleDownload() {
       const t = `ORM-Record-${G().format("yyyyMMDD-HHmm")}.gif`;
@@ -18301,22 +18296,22 @@ const a0 = {
 }, h0 = { class: "text-body-2" };
 function u0(e, t, o, i, a, r) {
   const l = R("VBtn");
-  return P(), D("div", i0, [
-    a.actionStatus > 0 && a.actionStatus < 4 ? (P(), D("div", {
+  return C(), D("div", i0, [
+    a.actionStatus > 0 && a.actionStatus < 4 ? (C(), D("div", {
       key: 0,
       class: "capture-selector",
       onMousedown: t[2] || (t[2] = (...c) => r.handleMouseDown && r.handleMouseDown(...c)),
       onMousemove: t[3] || (t[3] = (...c) => r.handleMouseMove && r.handleMouseMove(...c)),
       onMouseup: t[4] || (t[4] = (...c) => r.handleMouseUp && r.handleMouseUp(...c))
     }, [
-      a.actionStatus === 1 ? (P(), D("div", r0, b(e.$t("tips.crossHairText")), 1)) : N("", !0),
-      a.actionStatus >= 2 ? (P(), D("div", {
+      a.actionStatus === 1 ? (C(), D("div", r0, b(e.$t("tips.crossHairText")), 1)) : N("", !0),
+      a.actionStatus >= 2 ? (C(), D("div", {
         key: 1,
         class: "selection-box",
         style: ue(r.selectionStyle)
       }, [
         n("div", l0, b(Math.round(a.selection.width)) + " × " + b(Math.round(a.selection.height)), 1),
-        a.actionStatus === 3 ? (P(), D("div", {
+        a.actionStatus === 3 ? (C(), D("div", {
           key: 0,
           class: "action-buttons px-2 rounded font-weight-bold bg-background d-flex justify-end ga-4",
           onMousedown: t[0] || (t[0] = Se(() => {
@@ -18341,7 +18336,7 @@ function u0(e, t, o, i, a, r) {
         ], 32)) : N("", !0)
       ], 4)) : N("", !0)
     ], 32)) : N("", !0),
-    a.actionStatus >= 4 && a.actionStatus < 7 ? (P(), D("div", {
+    a.actionStatus >= 4 && a.actionStatus < 7 ? (C(), D("div", {
       key: 1,
       class: _e(["capture-frame", { recording: a.actionStatus === 5 }]),
       style: ue(r.selectionStyle)
@@ -18356,11 +18351,11 @@ function u0(e, t, o, i, a, r) {
         onMouseup: t[6] || (t[6] = Se(() => {
         }, ["stop"]))
       }, [
-        a.actionStatus === 5 ? (P(), D("div", c0, [
+        a.actionStatus === 5 ? (C(), D("div", c0, [
           t[7] || (t[7] = n("div", { class: "dot bg-danger" }, null, -1)),
           n("div", m0, b(e.$t("tips.recordingText")), 1)
         ])) : N("", !0),
-        a.actionStatus === 6 ? (P(), D("div", d0, [
+        a.actionStatus === 6 ? (C(), D("div", d0, [
           t[8] || (t[8] = n("div", { class: "dot bg-success" }, null, -1)),
           n("div", h0, b(e.$t("tips.savingText")), 1)
         ])) : N("", !0)
@@ -18368,7 +18363,7 @@ function u0(e, t, o, i, a, r) {
     ], 6)) : N("", !0)
   ]);
 }
-const p0 = /* @__PURE__ */ ne(a0, [["render", u0], ["__scopeId", "data-v-e4852901"]]);
+const p0 = /* @__PURE__ */ ne(a0, [["render", u0], ["__scopeId", "data-v-561badd1"]]);
 const g0 = {
   name: "IdmBottomBar",
   components: { DateTimePicker: ta, IdmCapture: p0 },
@@ -18508,9 +18503,8 @@ const g0 = {
 }, k0 = ["onClick"], _0 = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, z0 = { class: "text-body-1" };
 function L0(e, t, o, i, a, r) {
   const l = R("IdmCapture"), c = R("DateTimePicker"), s = R("VListItemTitle"), d = R("VListItem"), m = R("VList"), g = R("VMenu"), p = R("VBtn"), y = R("VDivider"), f = R("VTooltip");
-  return P(), D("div", f0, [
-    a.gifEnabled ? (P(), Z(l, Y({
-      key: 0,
+  return C(), D("div", f0, [
+    L(l, Y({
       ref: "capture",
       isPlaying: !a.paused,
       enabled: a.gifEnabled,
@@ -18519,7 +18513,7 @@ function L0(e, t, o, i, a, r) {
       onCloseRecord: t[0] || (t[0] = (h) => {
         a.gifEnabled = !1, a.paused = !0;
       })
-    }, e.$attrs), null, 16, ["isPlaying", "enabled", "frequency", "currentTimestamp"])) : N("", !0),
+    }, e.$attrs), null, 16, ["isPlaying", "enabled", "frequency", "currentTimestamp"]),
     n("div", {
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
       style: ue({ right: a.right + 146 + "px", bottom: Object.values(a.show).includes(!0) ? "10px" : "-100px" })
@@ -18544,13 +18538,13 @@ function L0(e, t, o, i, a, r) {
           class: "text-none elevation-0 btn-border-1 btn-bg-1 text-body-1",
           "min-width": "30"
         }, {
-          default: C(() => [
+          default: P(() => [
             de(b(a.intervalHour) + " h ", 1),
             L(g, { activator: "parent" }, {
-              default: C(() => [
+              default: P(() => [
                 L(m, { class: "pa-1" }, {
-                  default: C(() => [
-                    (P(!0), D(Ie, null, De(a.intervalOptions, (h, u) => (P(), Z(d, {
+                  default: P(() => [
+                    (C(!0), D(Ie, null, De(a.intervalOptions, (h, u) => (C(), Z(d, {
                       key: u,
                       value: h,
                       variant: a.intervalHour === h ? "tonal" : "text",
@@ -18562,11 +18556,11 @@ function L0(e, t, o, i, a, r) {
                       "min-width": "30",
                       class: "pa-0 text-center text-body-1"
                     }, {
-                      default: C(() => [
+                      default: P(() => [
                         L(s, {
                           onClick: (x) => a.intervalHour = h
                         }, {
-                          default: C(() => [
+                          default: P(() => [
                             de(b(h) + "h", 1)
                           ]),
                           _: 2
@@ -18594,7 +18588,7 @@ function L0(e, t, o, i, a, r) {
           text: e.$t("actions.record"),
           location: "top"
         }, {
-          activator: C(({ props: h }) => [
+          activator: P(({ props: h }) => [
             L(p, Y(h, {
               icon: "",
               size: "small",
@@ -18604,7 +18598,7 @@ function L0(e, t, o, i, a, r) {
               class: "mr-1",
               onClick: t[5] || (t[5] = (u) => a.gifEnabled = !a.gifEnabled)
             }), {
-              default: C(() => t[12] || (t[12] = [
+              default: P(() => t[12] || (t[12] = [
                 n("i", {
                   class: "mdi mdi-radiobox-marked",
                   style: { "font-size": "22px" }
@@ -18620,7 +18614,7 @@ function L0(e, t, o, i, a, r) {
           text: e.$t("actions.reset"),
           location: "top"
         }, {
-          activator: C(({ props: h }) => [
+          activator: P(({ props: h }) => [
             L(p, Y(h, {
               icon: "",
               size: "small",
@@ -18628,7 +18622,7 @@ function L0(e, t, o, i, a, r) {
               variant: "text",
               onClick: r.handleReset
             }), {
-              default: C(() => t[13] || (t[13] = [
+              default: P(() => t[13] || (t[13] = [
                 n("i", { class: "iconfont icon-Reset" }, null, -1)
               ])),
               _: 2,
@@ -18641,7 +18635,7 @@ function L0(e, t, o, i, a, r) {
           text: e.$t("actions.backward"),
           location: "top"
         }, {
-          activator: C(({ props: h }) => [
+          activator: P(({ props: h }) => [
             L(p, Y(h, {
               icon: "",
               size: "small",
@@ -18649,7 +18643,7 @@ function L0(e, t, o, i, a, r) {
               variant: "text",
               onClick: r.handleBackward
             }), {
-              default: C(() => t[14] || (t[14] = [
+              default: P(() => t[14] || (t[14] = [
                 n("i", { class: "iconfont icon-Backward" }, null, -1)
               ])),
               _: 2,
@@ -18662,15 +18656,15 @@ function L0(e, t, o, i, a, r) {
           text: e.$t("actions.play"),
           location: "top"
         }, {
-          activator: C(({ props: h }) => [
-            a.paused ? (P(), Z(p, Y({ key: 0 }, h, {
+          activator: P(({ props: h }) => [
+            a.paused ? (C(), Z(p, Y({ key: 0 }, h, {
               icon: "",
               size: "small",
               density: "comfortable",
               variant: "text",
               onClick: r.handlePlay
             }), {
-              default: C(() => t[15] || (t[15] = [
+              default: P(() => t[15] || (t[15] = [
                 n("i", { class: "iconfont icon-Play" }, null, -1)
               ])),
               _: 2,
@@ -18683,15 +18677,15 @@ function L0(e, t, o, i, a, r) {
           text: e.$t("actions.pause"),
           location: "top"
         }, {
-          activator: C(({ props: h }) => [
-            a.paused ? N("", !0) : (P(), Z(p, Y({ key: 0 }, h, {
+          activator: P(({ props: h }) => [
+            a.paused ? N("", !0) : (C(), Z(p, Y({ key: 0 }, h, {
               icon: "",
               size: "small",
               density: "comfortable",
               variant: "text",
               onClick: r.handlePause
             }), {
-              default: C(() => t[16] || (t[16] = [
+              default: P(() => t[16] || (t[16] = [
                 n("i", { class: "iconfont icon-Pause" }, null, -1)
               ])),
               _: 2,
@@ -18704,7 +18698,7 @@ function L0(e, t, o, i, a, r) {
           text: e.$t("actions.forward"),
           location: "top"
         }, {
-          activator: C(({ props: h }) => [
+          activator: P(({ props: h }) => [
             L(p, Y(h, {
               icon: "",
               size: "small",
@@ -18712,7 +18706,7 @@ function L0(e, t, o, i, a, r) {
               variant: "text",
               onClick: r.handleForward
             }), {
-              default: C(() => t[17] || (t[17] = [
+              default: P(() => t[17] || (t[17] = [
                 n("i", { class: "iconfont icon-Forward" }, null, -1)
               ])),
               _: 2,
@@ -18732,7 +18726,7 @@ function L0(e, t, o, i, a, r) {
           text: e.$t("weather.windBarbs"),
           location: "top"
         }, {
-          activator: C(({ props: h }) => {
+          activator: P(({ props: h }) => {
             var u, x;
             return [
               L(p, Y(h, {
@@ -18744,7 +18738,7 @@ function L0(e, t, o, i, a, r) {
                 "min-width": "24",
                 onClick: t[6] || (t[6] = (v) => r.handleClickFastWeather("wind"))
               }), {
-                default: C(() => t[18] || (t[18] = [
+                default: P(() => t[18] || (t[18] = [
                   n("i", { class: "iconfont icon-a-WindLevel" }, null, -1)
                 ])),
                 _: 2,
@@ -18758,7 +18752,7 @@ function L0(e, t, o, i, a, r) {
           text: e.$t("weather.sigWaveHeight"),
           location: "top"
         }, {
-          activator: C(({ props: h }) => {
+          activator: P(({ props: h }) => {
             var u, x;
             return [
               L(p, Y(h, {
@@ -18770,7 +18764,7 @@ function L0(e, t, o, i, a, r) {
                 "min-width": "24",
                 onClick: t[7] || (t[7] = (v) => r.handleClickFastWeather("sig-wave-height"))
               }), {
-                default: C(() => [
+                default: P(() => [
                   n("i", Y(h, { class: "iconfont icon-a-WaveHeight" }), null, 16)
                 ]),
                 _: 2
@@ -18783,7 +18777,7 @@ function L0(e, t, o, i, a, r) {
           text: e.$t("weather.currentDirection"),
           location: "top"
         }, {
-          activator: C(({ props: h }) => {
+          activator: P(({ props: h }) => {
             var u, x;
             return [
               L(p, Y(h, {
@@ -18795,7 +18789,7 @@ function L0(e, t, o, i, a, r) {
                 "min-width": "24",
                 onClick: t[8] || (t[8] = (v) => r.handleClickFastWeather("current-direction"))
               }), {
-                default: C(() => [
+                default: P(() => [
                   n("i", Y(h, { class: "iconfont icon-Current" }), null, 16)
                 ]),
                 _: 2
@@ -18808,7 +18802,7 @@ function L0(e, t, o, i, a, r) {
           text: e.$t("weather.weatherLayers"),
           location: "top"
         }, {
-          activator: C(({ props: h }) => [
+          activator: P(({ props: h }) => [
             L(p, Y(h, {
               class: "pa-1 d-flex",
               variant: "text",
@@ -18817,7 +18811,7 @@ function L0(e, t, o, i, a, r) {
               "min-width": "24",
               onClick: r.handleClickFastMore
             }), {
-              default: C(() => [
+              default: P(() => [
                 n("i", Y(h, { class: "iconfont icon-dots-align" }), null, 16)
               ]),
               _: 2
@@ -18839,7 +18833,7 @@ function L0(e, t, o, i, a, r) {
           color: a.source === "GFS" ? "primary" : "",
           onClick: t[9] || (t[9] = (h) => a.source = "GFS")
         }, {
-          default: C(() => t[19] || (t[19] = [
+          default: P(() => t[19] || (t[19] = [
             de("NOAA", -1)
           ])),
           _: 1,
@@ -18852,7 +18846,7 @@ function L0(e, t, o, i, a, r) {
           color: a.source === "ECMWF" ? "primary" : "",
           onClick: t[10] || (t[10] = (h) => a.source = "ECMWF")
         }, {
-          default: C(() => t[20] || (t[20] = [
+          default: P(() => t[20] || (t[20] = [
             de("ECMWF", -1)
           ])),
           _: 1,
@@ -18864,8 +18858,8 @@ function L0(e, t, o, i, a, r) {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
       style: ue({ right: a.right + "px" })
     }, [
-      a.showTimezone ? (P(), D("div", v0, [
-        (P(!0), D(Ie, null, De(a.offsets, (h) => (P(), D("div", {
+      a.showTimezone ? (C(), D("div", v0, [
+        (C(!0), D(Ie, null, De(a.offsets, (h) => (C(), D("div", {
           key: h,
           class: "item rounded text-body-2 hover-active",
           onClick: (u) => a.timeZone = h
@@ -18880,7 +18874,7 @@ function L0(e, t, o, i, a, r) {
           color: "primary",
           onClick: t[11] || (t[11] = (h) => a.showTimezone = !a.showTimezone)
         }, {
-          default: C(() => [
+          default: P(() => [
             de(" UTC " + b(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
           ]),
           _: 1
@@ -19002,7 +18996,7 @@ const C0 = {
 }, M0 = { class: "w-100 timeline-box d-flex justify-space-around align-center rounded px-2" };
 function S0(e, t, o, i, a, r) {
   const l = R("VBtn"), c = R("DateTimePicker");
-  return P(), D("div", {
+  return C(), D("div", {
     class: "idm-time-player-gl4 d-flex justify-center align-center",
     style: ue({ bottom: Object.values(a.show).includes(!0) ? o.playerBottom + "px" : "-100px" })
   }, [
@@ -19016,7 +19010,7 @@ function S0(e, t, o, i, a, r) {
         height: "30",
         onClick: r.handleReset
       }, {
-        default: C(() => t[4] || (t[4] = [
+        default: P(() => t[4] || (t[4] = [
           n("i", { class: "iconfont icon-Reset" }, null, -1)
         ])),
         _: 1,
@@ -19031,7 +19025,7 @@ function S0(e, t, o, i, a, r) {
         height: "30",
         onClick: r.handleBackward
       }, {
-        default: C(() => t[5] || (t[5] = [
+        default: P(() => t[5] || (t[5] = [
           n("i", { class: "iconfont icon-Backward" }, null, -1)
         ])),
         _: 1,
@@ -19059,13 +19053,13 @@ function S0(e, t, o, i, a, r) {
         height: "30",
         onClick: r.handleForward
       }, {
-        default: C(() => t[6] || (t[6] = [
+        default: P(() => t[6] || (t[6] = [
           n("i", { class: "iconfont icon-Forward" }, null, -1)
         ])),
         _: 1,
         __: [6]
       }, 8, ["onClick"]),
-      a.paused ? (P(), Z(l, {
+      a.paused ? (C(), Z(l, {
         key: 0,
         size: "small",
         density: "compact",
@@ -19075,12 +19069,12 @@ function S0(e, t, o, i, a, r) {
         height: "30",
         onClick: r.handlePlay
       }, {
-        default: C(() => t[7] || (t[7] = [
+        default: P(() => t[7] || (t[7] = [
           n("i", { class: "iconfont icon-Play" }, null, -1)
         ])),
         _: 1,
         __: [7]
-      }, 8, ["onClick"])) : (P(), Z(l, {
+      }, 8, ["onClick"])) : (C(), Z(l, {
         key: 1,
         size: "small",
         density: "compact",
@@ -19090,7 +19084,7 @@ function S0(e, t, o, i, a, r) {
         height: "30",
         onClick: r.handlePause
       }, {
-        default: C(() => t[8] || (t[8] = [
+        default: P(() => t[8] || (t[8] = [
           n("i", { class: "iconfont icon-Pause" }, null, -1)
         ])),
         _: 1,
@@ -19171,7 +19165,7 @@ const kr = /* @__PURE__ */ ne(C0, [["render", S0]]), T0 = {
 };
 function I0(e, t, o, i, a, r) {
   const l = R("IdmOtherLayer"), c = R("IdmWeatherLayer"), s = R("IdmTropicals"), d = R("IdmMeasure"), m = R("IdmSpot"), g = R("IdmBottomBar"), p = R("IdmTimePlayer");
-  return P(), D("div", R0, [
+  return C(), D("div", R0, [
     L(l, Y({
       ref: "idmOtherLayers",
       simple: o.simple,
@@ -19235,7 +19229,7 @@ function I0(e, t, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, e.$attrs), null, 16, ["simple", "map", "token", "default-meteo-token", "gateway", "forecast-model", "map-feather"]),
-    o.simple ? N("", !0) : (P(), Z(g, Y({
+    o.simple ? N("", !0) : (C(), Z(g, Y({
       key: 0,
       ref: "idmBottomBar",
       "forecast-model": o.forecastModel,
@@ -19245,7 +19239,7 @@ function I0(e, t, o, i, a, r) {
       "default-meteo-token": a.defaultMeteoToken,
       token: o.token
     }, e.$attrs), null, 16, ["forecast-model", "weather-check-list", "map-feather", "gateway", "default-meteo-token", "token"])),
-    o.simple ? (P(), Z(p, Y({
+    o.simple ? (C(), Z(p, Y({
       key: 1,
       ref: "idmBottomBar",
       playerBottom: a.playerBottom,
@@ -38243,13 +38237,13 @@ const G0 = {
 };
 function Z0(e, t, o, i, a, r) {
   const l = R("VBtn");
-  return P(), D("div", {
+  return C(), D("div", {
     class: "mapbox-initial-gl4 gif-container",
     id: "mapbox-initial-gl4",
     style: ue({ height: o.height, width: o.width })
   }, [
     t[6] || (t[6] = n("div", { id: "map" }, null, -1)),
-    o.simple ? (P(), D("div", {
+    o.simple ? (C(), D("div", {
       key: 0,
       class: "menu-bar-box transition px-1 rounded d-flex flex-column pa-1 simple",
       style: ue({ top: o.top + 254 + "px", right: a.right + "px", height: "40px" })
@@ -38262,7 +38256,7 @@ function Z0(e, t, o, i, a, r) {
           class: "pa-0 elevation-0",
           onClick: r.initOnlineMap
         }, {
-          default: C(() => t[0] || (t[0] = [
+          default: P(() => t[0] || (t[0] = [
             n("i", { class: "iconfont icon-shuaxin text-h4" }, null, -1)
           ])),
           _: 1,
@@ -38270,7 +38264,7 @@ function Z0(e, t, o, i, a, r) {
         }, 8, ["onClick"])
       ])
     ], 4)) : N("", !0),
-    o.simple ? N("", !0) : (P(), D("div", {
+    o.simple ? N("", !0) : (C(), D("div", {
       key: 1,
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
       style: ue({ top: o.top + 268 + "px", right: a.right + "px", height: "112px" })
@@ -38283,7 +38277,7 @@ function Z0(e, t, o, i, a, r) {
           class: "pa-0 elevation-0",
           onClick: r.handleZoomIn
         }, {
-          default: C(() => t[1] || (t[1] = [
+          default: P(() => t[1] || (t[1] = [
             n("i", { class: "iconfont icon-a-Zoomin text-h4" }, null, -1)
           ])),
           _: 1,
@@ -38297,7 +38291,7 @@ function Z0(e, t, o, i, a, r) {
           class: "elevation-0 pa-0",
           onClick: r.handleZoomOut
         }, {
-          default: C(() => t[2] || (t[2] = [
+          default: P(() => t[2] || (t[2] = [
             n("i", { class: "iconfont icon-a-Zoomout text-h4" }, null, -1)
           ])),
           _: 1,
@@ -38305,7 +38299,7 @@ function Z0(e, t, o, i, a, r) {
         }, 8, ["onClick"])
       ])
     ], 4)),
-    o.simple ? N("", !0) : (P(), D("div", B0, [
+    o.simple ? N("", !0) : (C(), D("div", B0, [
       t[3] || (t[3] = n("span", null, "© 2023", -1)),
       n("span", null, "-" + b(r.computeYear), 1),
       t[4] || (t[4] = n("span", { class: "text-uppercase ma-2" }, "ormwx.com", -1)),