@idmwx/idmui-gl4 2.6.2 → 2.6.4

package/dist/{index-d9f40f62.js → index-f05d7c33.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 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 { openBlock as P, createElementBlock as I, resolveComponent as R, createBlock as B, 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 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 C(), D("div");
+  return P(), I("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 C(), D("div");
+  return P(), I("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 C(), D("div");
+  return P(), I("div");
 }
 const Fr = /* @__PURE__ */ ne(Gr, [["render", Wr]]);
 const Nr = {
@@ -496,17 +496,17 @@ const Nr = {
       this.showMakerInfo = !1, (e = this.marker) == null || e.remove();
     }
   }
-}, Br = ["innerHTML"];
-function Zr(e, t, o, i, a, r) {
+}, Zr = ["innerHTML"];
+function Br(e, t, o, i, a, r) {
   const l = R("VBtn"), c = R("v-card-text"), s = R("v-card");
-  return a.showMakerInfo ? (C(), Z(s, {
+  return a.showMakerInfo ? (P(), B(s, {
     key: 0,
     class: _e(["idm-gl4-zone-info overflow-auto scroll", o.simple ? "page" : "dialog"]),
     id: "idm-gl4-zone-info"
   }, {
-    default: P(() => [
+    default: C(() => [
       L(c, null, {
-        default: P(() => {
+        default: C(() => {
           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: P(() => t[0] || (t[0] = [
+              default: C(() => t[0] || (t[0] = [
                 n("i", { class: "iconfont icon-close text-h4" }, null, -1)
               ])),
               _: 1,
@@ -525,7 +525,7 @@ function Zr(e, t, o, i, a, r) {
             n("div", {
               class: "rich-context",
               innerHTML: (d = a.form) == null ? void 0 : d.name
-            }, null, 8, Br)
+            }, null, 8, Zr)
           ];
         }),
         _: 1
@@ -534,7 +534,7 @@ function Zr(e, t, o, i, a, r) {
     _: 1
   }, 8, ["class"])) : N("", !0);
 }
-const Er = /* @__PURE__ */ ne(Nr, [["render", Zr]]);
+const Er = /* @__PURE__ */ ne(Nr, [["render", Br]]);
 const Or = {
   name: "PortDetail",
   props: {
@@ -1513,10 +1513,10 @@ const Or = {
         { label: "Swell", key: "weather.swell", unit: "m" },
         { label: "Current", key: "weather.current", unit: "kts" }
       ], (o = (t = this.dateList) == null ? void 0 : t[this.currentIndex]) == null || o.dateTimeList.forEach((i, a) => {
-        var c, s, d, m, g, p, y, f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, I, H, U, te, X, O, $, A, ie, ge, xe, ke;
+        var c, s, d, m, g, p, y, f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, D, H, U, te, X, O, $, A, ie, ge, xe, ke;
         let r = {};
         const l = ((c = Xo.pickHourly(e, G(i))) == null ? void 0 : c[0]) || {};
-        r.utc = l.utc, r.lat = e.lat, r.lng = e.lng, r.weatherUrl = (s = l.weather) == null ? void 0 : s.url, r.temp = this.computeRoundPrecision((d = l == null ? void 0 : l.weather) == null ? void 0 : d.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((g = (m = l == null ? void 0 : l.weather) == null ? void 0 : m.precip) == null ? void 0 : g.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((y = (p = l == null ? void 0 : l.weather) == null ? void 0 : p.precip) == null ? void 0 : y.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((f = l == null ? void 0 : l.weather) == null ? void 0 : f.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((u = (h = l == null ? void 0 : l.weather) == null ? void 0 : h.wind) == null ? void 0 : u.kts, 1) ?? "-", r.windDir = (v = (x = l == null ? void 0 : l.weather) == null ? void 0 : x.wind) == null ? void 0 : v.direction, r.windLevel = this.computeRoundPrecision((k = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.wind) == null ? void 0 : k.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((_ = (S = l == null ? void 0 : l.weather) == null ? void 0 : S.wind) == null ? void 0 : _.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((T = (M = l == null ? void 0 : l.wave) == null ? void 0 : M.sig) == null ? void 0 : T.height, 1) ?? "-", r.sigwaveDir = (F = (W = l == null ? void 0 : l.wave) == null ? void 0 : W.sig) == null ? void 0 : F.direction, r.sigwavePeriod = this.computeRoundPrecision((V = (E = l == null ? void 0 : l.wave) == null ? void 0 : E.sig) == null ? void 0 : V.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((Q = (J = l == null ? void 0 : l.wave) == null ? void 0 : J.wd) == null ? void 0 : Q.height, 1) ?? "-", r.windwaveDir = (he = (ee = l == null ? void 0 : l.wave) == null ? void 0 : ee.wd) == null ? void 0 : he.direction, r.windwavePeriod = this.computeRoundPrecision((H = (I = l == null ? void 0 : l.wave) == null ? void 0 : I.wd) == null ? void 0 : H.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((te = (U = l == null ? void 0 : l.wave) == null ? void 0 : U.swell) == null ? void 0 : te.height, 1) ?? "-", r.swellDir = (O = (X = l == null ? void 0 : l.wave) == null ? void 0 : X.swell) == null ? void 0 : O.direction, r.swellPeriod = this.computeRoundPrecision((A = ($ = l == null ? void 0 : l.wave) == null ? void 0 : $.swell) == null ? void 0 : A.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((ie = l == null ? void 0 : l.current) == null ? void 0 : ie.speed, 1) ?? "-", r.currentDir = (ge = l == null ? void 0 : l.current) == null ? void 0 : ge.direction, r.currentSpeed = this.computeRoundPrecision((xe = l == null ? void 0 : l.current) == null ? void 0 : xe.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(l == null ? void 0 : l.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(l == null ? void 0 : l.sst, 0) ?? "-", r.weatherUrls = (ke = l == null ? void 0 : l.weather) == null ? void 0 : ke.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = r.weatherUrl, this.tableData[2][`value${a}`] = r.temp, this.tableData[3][`value${a}`] = r.precip1h, this.tableData[4][`value${a}`] = r.visibility, this.tableData[5][`value${a}`] = r.windSpeed, this.tableData[6][`value${a}`] = r.sigwaveHeight, this.tableData[7][`value${a}`] = r.swellHeight, this.tableData[8][`value${a}`] = r.currentSpeed;
+        r.utc = l.utc, r.lat = e.lat, r.lng = e.lng, r.weatherUrl = (s = l.weather) == null ? void 0 : s.url, r.temp = this.computeRoundPrecision((d = l == null ? void 0 : l.weather) == null ? void 0 : d.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((g = (m = l == null ? void 0 : l.weather) == null ? void 0 : m.precip) == null ? void 0 : g.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((y = (p = l == null ? void 0 : l.weather) == null ? void 0 : p.precip) == null ? void 0 : y.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((f = l == null ? void 0 : l.weather) == null ? void 0 : f.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((u = (h = l == null ? void 0 : l.weather) == null ? void 0 : h.wind) == null ? void 0 : u.kts, 1) ?? "-", r.windDir = (v = (x = l == null ? void 0 : l.weather) == null ? void 0 : x.wind) == null ? void 0 : v.direction, r.windLevel = this.computeRoundPrecision((k = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.wind) == null ? void 0 : k.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((_ = (S = l == null ? void 0 : l.weather) == null ? void 0 : S.wind) == null ? void 0 : _.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((T = (M = l == null ? void 0 : l.wave) == null ? void 0 : M.sig) == null ? void 0 : T.height, 1) ?? "-", r.sigwaveDir = (F = (W = l == null ? void 0 : l.wave) == null ? void 0 : W.sig) == null ? void 0 : F.direction, r.sigwavePeriod = this.computeRoundPrecision((V = (E = l == null ? void 0 : l.wave) == null ? void 0 : E.sig) == null ? void 0 : V.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((Q = (J = l == null ? void 0 : l.wave) == null ? void 0 : J.wd) == null ? void 0 : Q.height, 1) ?? "-", r.windwaveDir = (he = (ee = l == null ? void 0 : l.wave) == null ? void 0 : ee.wd) == null ? void 0 : he.direction, r.windwavePeriod = this.computeRoundPrecision((H = (D = l == null ? void 0 : l.wave) == null ? void 0 : D.wd) == null ? void 0 : H.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((te = (U = l == null ? void 0 : l.wave) == null ? void 0 : U.swell) == null ? void 0 : te.height, 1) ?? "-", r.swellDir = (O = (X = l == null ? void 0 : l.wave) == null ? void 0 : X.swell) == null ? void 0 : O.direction, r.swellPeriod = this.computeRoundPrecision((A = ($ = l == null ? void 0 : l.wave) == null ? void 0 : $.swell) == null ? void 0 : A.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((ie = l == null ? void 0 : l.current) == null ? void 0 : ie.speed, 1) ?? "-", r.currentDir = (ge = l == null ? void 0 : l.current) == null ? void 0 : ge.direction, r.currentSpeed = this.computeRoundPrecision((xe = l == null ? void 0 : l.current) == null ? void 0 : xe.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(l == null ? void 0 : l.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(l == null ? void 0 : l.sst, 0) ?? "-", r.weatherUrls = (ke = l == null ? void 0 : l.weather) == null ? void 0 : ke.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = r.weatherUrl, this.tableData[2][`value${a}`] = r.temp, this.tableData[3][`value${a}`] = r.precip1h, this.tableData[4][`value${a}`] = r.visibility, this.tableData[5][`value${a}`] = r.windSpeed, this.tableData[6][`value${a}`] = r.sigwaveHeight, this.tableData[7][`value${a}`] = r.swellHeight, this.tableData[8][`value${a}`] = r.currentSpeed;
       });
     },
     handleTide() {
@@ -1712,23 +1712,23 @@ const Or = {
 }, Nl = {
   class: "px-1 text-center text-label font-weight-400",
   width: "120"
-}, Bl = {
+}, Zl = {
   class: "px-1 text-center text-label font-weight-400",
   width: "120"
-}, Zl = {
+}, Bl = {
   class: "px-1 text-center text-label font-weight-400",
   width: "120"
 }, 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 C(), Z(m, {
+  return P(), B(m, {
     class: _e(["port-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
   }, {
-    default: P(() => {
+    default: C(() => {
       var g, p, y;
       return [
         L(c, { class: "w-100" }, {
-          default: P(() => {
+          default: C(() => {
             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 ? (C(), D("div", Vr, [
+                o.simple ? (P(), I("div", Vr, [
                   (v = o.followList) != null && v.some((k) => {
                     var S;
                     return ((S = k.port) == null ? void 0 : S.id) === o.portId;
-                  }) ? (C(), Z(l, {
+                  }) ? (P(), B(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: P(() => t[2] || (t[2] = [
+                    default: C(() => t[2] || (t[2] = [
                       n("i", { class: "iconfont icon-yishoucang text-h4 text-warning" }, null, -1)
                     ])),
                     _: 1,
                     __: [2]
-                  }, 8, ["onClick"])) : (C(), Z(l, {
+                  }, 8, ["onClick"])) : (P(), B(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: P(() => t[3] || (t[3] = [
+                    default: C(() => 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: P(() => t[4] || (t[4] = [
+                    default: C(() => t[4] || (t[4] = [
                       n("i", { class: "iconfont icon-close text-h4" }, null, -1)
                     ])),
                     _: 1,
                     __: [4]
                   }, 8, ["onClick"])
-                ])) : (C(), D("div", Hr, [
+                ])) : (P(), I("div", Hr, [
                   L(l, {
                     icon: "",
                     density: "compact",
@@ -1795,7 +1795,7 @@ function jl(e, t, o, i, a, r) {
                     class: "",
                     onClick: r.handleClose
                   }, {
-                    default: P(() => t[5] || (t[5] = [
+                    default: C(() => 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) : (C(), D("div", Ur, [
+        o.simple ? N("", !0) : (P(), I("div", Ur, [
           (g = o.followList) != null && g.some((f) => {
             var h;
             return ((h = f.port) == null ? void 0 : h.id) === o.portId;
-          }) ? (C(), Z(l, {
+          }) ? (P(), B(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: P(() => t[7] || (t[7] = [
+            prepend: C(() => t[7] || (t[7] = [
               n("i", { class: "iconfont icon-yishoucang text-h6 text-warning" }, null, -1)
             ])),
-            default: P(() => [
+            default: C(() => [
               de(" " + b(e.$t("actions.unfollow")), 1)
             ]),
             _: 1
-          }, 8, ["onClick"])) : (C(), Z(l, {
+          }, 8, ["onClick"])) : (P(), B(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: P(() => t[8] || (t[8] = [
+            prepend: C(() => t[8] || (t[8] = [
               n("i", { class: "iconfont icon-weishoucang text-h6" }, null, -1)
             ])),
-            default: P(() => [
+            default: C(() => [
               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: P(() => [
+            default: C(() => [
               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, [
-                (C(), D("svg", qr, [
+                (P(), I("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, [
-                (C(), D("svg", ul, [
+                (P(), I("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: P(() => [
-                  (C(!0), D(Ie, null, De(r.dateList, (f) => (C(), Z(l, {
+                default: C(() => [
+                  (P(!0), I(Ie, null, De(r.dateList, (f) => (P(), B(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
                     height: "26",
                     value: f.index
                   }, {
-                    default: P(() => [
+                    default: C(() => [
                       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, [
-                  (C(!0), D(Ie, null, De(a.tableData, (f) => (C(), D("tr", {
+                  (P(!0), I(Ie, null, De(a.tableData, (f) => (P(), I("tr", {
                     key: f.id
                   }, [
                     n("th", fl, [
                       de(b(e.$t(`${f.key}`)) + " ", 1),
-                      f.unit ? (C(), D("span", yl, " ( " + b(f.unit) + " )", 1)) : N("", !0)
+                      f.unit ? (P(), I("span", yl, " ( " + b(f.unit) + " )", 1)) : N("", !0)
                     ]),
                     n("td", bl, [
-                      f.img ? (C(), D("img", {
+                      f.img ? (P(), I("img", {
                         key: 0,
                         src: f == null ? void 0 : f.value0,
                         style: { height: "30px" }
-                      }, null, 8, wl)) : (C(), D("span", xl, b((f == null ? void 0 : f.value0) ?? "-"), 1))
+                      }, null, 8, wl)) : (P(), I("span", xl, b((f == null ? void 0 : f.value0) ?? "-"), 1))
                     ]),
                     n("td", vl, [
-                      f.img ? (C(), D("img", {
+                      f.img ? (P(), I("img", {
                         key: 0,
                         src: f == null ? void 0 : f.value1,
                         style: { height: "30px" }
-                      }, null, 8, kl)) : (C(), D("span", _l, b((f == null ? void 0 : f.value1) ?? "-"), 1))
+                      }, null, 8, kl)) : (P(), I("span", _l, b((f == null ? void 0 : f.value1) ?? "-"), 1))
                     ]),
                     n("td", zl, [
-                      f.img ? (C(), D("img", {
+                      f.img ? (P(), I("img", {
                         key: 0,
                         src: f == null ? void 0 : f.value2,
                         style: { height: "30px" }
-                      }, null, 8, Ll)) : (C(), D("span", Pl, b((f == null ? void 0 : f.value2) ?? "-"), 1))
+                      }, null, 8, Ll)) : (P(), I("span", Pl, b((f == null ? void 0 : f.value2) ?? "-"), 1))
                     ]),
                     n("td", Cl, [
-                      f.img ? (C(), D("img", {
+                      f.img ? (P(), I("img", {
                         key: 0,
                         src: f == null ? void 0 : f.value3,
                         style: { height: "30px" }
-                      }, null, 8, Ml)) : (C(), D("span", Sl, b((f == null ? void 0 : f.value3) ?? "-"), 1))
+                      }, null, 8, Ml)) : (P(), I("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, [
-                (C(), D("svg", Dl, [
+                (P(), I("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 ? (C(), Z(l, {
+                a.showTideDetail ? (P(), B(l, {
                   key: 0,
                   icon: "mdi-eye-off-outline",
                   density: "compact",
                   variant: "plain",
                   size: "small",
                   onClick: t[1] || (t[1] = (f) => a.showTideDetail = !1)
-                })) : (C(), Z(l, {
+                })) : (P(), B(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 ? (C(), D("div", {
+            a.showTideDetail ? (P(), I("div", {
               key: 0,
               class: _e(["w-100 gray-bg-2 rounded", o.simple ? "pa-2" : "pa-4"])
             }, [
@@ -2014,12 +2014,12 @@ function jl(e, t, o, i, a, r) {
                 n("tbody", null, [
                   n("tr", null, [
                     n("th", Nl, b(e.$t("tide.tide")), 1),
-                    n("th", Bl, b(e.$t("time.time")) + " ( LT ) ", 1),
-                    n("th", Zl, b(e.$t("tide.height")) + " ( m )", 1)
+                    n("th", Zl, b(e.$t("time.time")) + " ( LT ) ", 1),
+                    n("th", Bl, b(e.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (C(!0), D(Ie, null, De(a.tideTableData, (f, h) => {
+                  (P(!0), I(Ie, null, De(a.tideTableData, (f, h) => {
                     var u;
-                    return C(), D("tr", { key: h }, [
+                    return P(), I("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 C(), D("div", null, [
+  return P(), I("div", null, [
     Qe(L(c, {
       id: "idmPortInfo",
       ref: "idmPortInfo"
     }, {
-      default: P(() => [
+      default: C(() => [
         L(l, { class: "text-body-1 pr-8" }, {
-          default: P(() => [
+          default: C(() => [
             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 ? (C(), Z(s, Y({
+    a.showDetail ? (P(), B(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 C(), D("div");
+  return P(), I("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 C(), D("div");
+  return P(), I("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 C(), D("div");
+  return P(), I("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 C(), D("div");
+  return P(), I("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 C(), D("div");
+  return P(), I("div");
 }
 const hn = /* @__PURE__ */ ne(mn, [["render", dn]]), un = {
   name: "IdmWorld12nm",
@@ -3078,7 +3078,7 @@ const kn = {
 }, _n = { class: "d-flex justify-space-between align-center" }, zn = { class: "d-flex justify-start text-h5 my-2" }, Ln = { class: "d-flex justify-start align-center text-body-1 text-label ga-3" }, Pn = { class: "summary-box w-100" }, Cn = { class: "d-flex justify-space-between align-center py-2" }, Mn = { class: "d-flex justify-center align-center text-h6 ga-2" }, Sn = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, Tn = ["xlink:href"], Rn = { class: "gray-bg-2 rounded d-flex flex-column ga-4 pa-4" }, In = { class: "w-100 d-flex justify-start align-center" }, Dn = { class: "w-30 text-label font-weight-400" }, An = { class: "flex-1-1-0" }, Gn = { class: "w-100 d-flex justify-start align-center" }, Wn = { class: "w-30 text-label font-weight-400" }, Fn = { class: "flex-1-1-0" }, Nn = { class: "w-100 d-flex justify-start align-center" }, Bn = { class: "w-30 text-label font-weight-400" }, Zn = { class: "flex-1-1-0" }, En = { class: "table-box w-100 mt-2 mb-4 d-flex flex-column justify-start align-center" }, On = { class: "w-100 d-flex justify-space-between align-center py-2" }, Xn = { class: "d-flex justify-center align-center text-h6 ga-2" }, jn = {
+}, Tn = ["xlink:href"], Rn = { class: "gray-bg-2 rounded d-flex flex-column ga-4 pa-4" }, In = { class: "w-100 d-flex justify-start align-center" }, Dn = { class: "w-30 text-label font-weight-400" }, An = { class: "flex-1-1-0" }, Gn = { class: "w-100 d-flex justify-start align-center" }, Wn = { class: "w-30 text-label font-weight-400" }, Fn = { class: "flex-1-1-0" }, Nn = { class: "w-100 d-flex justify-start align-center" }, Zn = { class: "w-30 text-label font-weight-400" }, Bn = { class: "flex-1-1-0" }, En = { class: "table-box w-100 mt-2 mb-4 d-flex flex-column justify-start align-center" }, On = { class: "w-100 d-flex justify-space-between align-center py-2" }, Xn = { class: "d-flex justify-center align-center text-h6 ga-2" }, jn = {
   class: "multi-color-icon",
   "aria-hidden": "true"
 }, Vn = ["xlink:href"], Hn = {
@@ -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 C(), Z(m, {
+  return P(), B(m, {
     class: _e(["tide-detail-container d-flex flex-column justify-start align-center", o.simple ? "page" : "dialog"])
   }, {
-    default: P(() => {
+    default: C(() => {
       var g, p;
       return [
         L(c, { class: "w-100" }, {
-          default: P(() => {
+          default: C(() => {
             var y;
             return [
               n("div", _n, [
@@ -3122,7 +3122,7 @@ function es(e, t, o, i, a, r) {
                   class: "",
                   onClick: r.handleClose
                 }, {
-                  default: P(() => t[1] || (t[1] = [
+                  default: C(() => 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, [
-                (C(), D("svg", Sn, [
+                (P(), I("svg", Sn, [
                   n("use", {
                     "xlink:href": `#icon-title-${o.theme}`
                   }, null, 8, Tn)
@@ -3161,15 +3161,15 @@ function es(e, t, o, i, a, r) {
                 n("div", Fn, b(r.computePosition(o.station)), 1)
               ]),
               n("div", Nn, [
-                n("div", Bn, b(e.$t("time.localTime")), 1),
-                n("div", Zn, b(r.computeLocalTime(o.realTime, o.station)) + " " + b(r.computeTimeOffset(o.station)), 1)
+                n("div", Zn, b(e.$t("time.localTime")), 1),
+                n("div", Bn, b(r.computeLocalTime(o.realTime, o.station)) + " " + b(r.computeTimeOffset(o.station)), 1)
               ])
             ])
           ]),
           n("div", En, [
             n("div", On, [
               n("div", Xn, [
-                (C(), D("svg", jn, [
+                (P(), I("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: P(() => [
-                  (C(!0), D(Ie, null, De(r.dateList, (y) => (C(), Z(l, {
+                default: C(() => [
+                  (P(!0), I(Ie, null, De(r.dateList, (y) => (P(), B(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
                     height: "26",
                     value: y.index
                   }, {
-                    default: P(() => [
+                    default: C(() => [
                       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)
                   ]),
-                  (C(!0), D(Ie, null, De(a.tideTableData, (y, f) => {
+                  (P(!0), I(Ie, null, De(a.tideTableData, (y, f) => {
                     var h;
-                    return C(), D("tr", { key: f }, [
+                    return P(), I("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 C(), D("div", null, [
+  return P(), I("div", null, [
     Qe(L(c, { id: "idmTidalInfo" }, {
-      default: P(() => [
+      default: C(() => [
         L(l, { class: "pr-8 text-body-1" }, {
-          default: P(() => {
+          default: C(() => {
             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 ? (C(), Z(s, Y({
+    a.showDetail ? (P(), B(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) : (C(), D("div", {
+  return o.simple ? N("", !0) : (P(), I("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 C(), D("div", null, [
+  return P(), I("div", null, [
     Qe(L(c, {
       id: "idmFollowPortInfo",
       ref: "idmFollowPortInfo"
     }, {
-      default: P(() => [
+      default: C(() => [
         L(l, { class: "text-body-1 pr-8" }, {
-          default: P(() => [
+          default: C(() => [
             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 ? (C(), Z(s, Y({
+    a.showDetail ? (P(), B(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((C(), Z(c, {
+  return Qe((P(), B(c, {
     id: "idmFollowPositionInfo",
     ref: "idmFollowPositionInfo"
   }, {
-    default: P(() => [
+    default: C(() => [
       L(l, { class: "text-body-1 pr-8" }, {
-        default: P(() => [
+        default: C(() => [
           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 ? (C(), D("div", _s, [
+            a.position.remark ? (P(), I("div", _s, [
               n("span", null, b(a.position.remark ?? "-"), 1)
             ])) : N("", !0)
           ])
@@ -5693,9 +5693,9 @@ const Ps = {
   class: "border rounded-sm"
 }, Ws = { class: "text-body-2 text-center pt-2" };
 function Fs(e, t, o, i, a, r) {
-  var ee, he, I, H, U, te, X, O, $;
+  var ee, he, D, 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 C(), D("div", Cs, [
+  return P(), I("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: P(({ props: A }) => [
+        activator: C(({ 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: P(() => t[5] || (t[5] = [
+            default: C(() => 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: P(() => t[6] || (t[6] = [
+          default: C(() => 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: P(() => [
+          default: C(() => [
             L(d, { class: "border-b-thin" }, {
-              default: P(() => [
+              default: C(() => [
                 L(s, { class: "text-h6" }, {
-                  default: P(() => [
+                  default: C(() => [
                     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: P(() => [
+              default: C(() => [
                 n("div", Ts, [
-                  (C(!0), D(Ie, null, De(a.mapFeathers, (A) => (C(), D("div", {
+                  (P(!0), I(Ie, null, De(a.mapFeathers, (A) => (P(), I("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" ? (C(), D("img", Is)) : A.value === "nautical" ? (C(), D("img", Ds)) : A.value === "satellite" ? (C(), D("img", As)) : (C(), D("img", Gs))
+                      A.value === "dark" ? (P(), I("img", Is)) : A.value === "nautical" ? (P(), I("img", Ds)) : A.value === "satellite" ? (P(), I("img", As)) : (P(), I("img", Gs))
                     ], 2),
                     n("div", Ws, b(e.$t(`layer.${A.locale}`)), 1)
                   ], 8, Rs))), 128))
                 ]),
-                (C(!0), D(Ie, null, De(a.tagLayers.filter((A) => ["graticule", "day-night", "time-zones"].includes(A.key)), (A) => (C(), Z(m, {
+                (P(!0), I(Ie, null, De(a.tagLayers.filter((A) => ["graticule", "day-night", "time-zones"].includes(A.key)), (A) => (P(), B(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: P(() => [
+          default: C(() => [
             L(d, { class: "border-b-thin" }, {
-              default: P(() => [
+              default: C(() => [
                 L(s, { class: "text-h6" }, {
-                  default: P(() => [
+                  default: C(() => [
                     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: P(() => [
-                (C(!0), D(Ie, null, De(a.tagLayers.filter((A) => ["ports", "alert-zones", "tidal-stations"].includes(A.key)), (A) => (C(), Z(m, {
+              default: C(() => [
+                (P(!0), I(Ie, null, De(a.tagLayers.filter((A) => ["ports", "alert-zones", "tidal-stations"].includes(A.key)), (A) => (P(), B(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: P(() => [
+          default: C(() => [
             L(d, { class: "border-b-thin" }, {
-              default: P(() => [
+              default: C(() => [
                 L(s, { class: "text-h6" }, {
-                  default: P(() => [
+                  default: C(() => [
                     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: 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, {
+              default: C(() => [
+                (P(!0), I(Ie, null, De(a.tagLayers.filter((A) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(A.key)), (A) => (P(), B(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: P(() => [
+          default: C(() => [
             L(d, { class: "border-b-thin" }, {
-              default: P(() => [
+              default: C(() => [
                 L(s, { class: "text-h6" }, {
-                  default: P(() => [
+                  default: C(() => [
                     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: P(() => [
+              default: C(() => [
                 L(m, {
                   modelValue: a.checkList,
                   "onUpdate:modelValue": t[3] || (t[3] = (A) => a.checkList = A),
@@ -5919,37 +5919,37 @@ function Fs(e, t, o, i, a, r) {
         })
       ], 2)
     ], 6),
-    o.map ? (C(), Z(y, Y({
+    o.map ? (P(), B(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 ? (C(), Z(f, Y({
+    o.map ? (P(), B(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 ? (C(), Z(h, Y({
+    o.map ? (P(), B(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 ? (C(), Z(u, Y({
+    o.map ? (P(), B(u, Y({
       key: 3,
       ref: "idmPorts",
       simple: o.simple,
       map: o.map,
-      ports: (I = a.otherLayers) == null ? void 0 : I.ports,
+      ports: (D = a.otherLayers) == null ? void 0 : D.ports,
       gateway: o.gateway,
       token: o.token,
       "forecast-model": o.forecastModel,
       "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 ? (C(), Z(x, Y({
+    o.map ? (P(), B(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 ? (C(), Z(v, Y({
+    o.map ? (P(), B(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 ? (C(), Z(w, Y({
+    o.map ? (P(), B(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 ? (C(), Z(k, Y({
+    o.map ? (P(), B(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 ? (C(), Z(S, Y({
+    o.map ? (P(), B(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 ? (C(), Z(_, Y({
+    o.map ? (P(), B(_, Y({
       key: 9,
       map: o.map,
       show: a.checkList.includes("load-lines")
     }, e.$attrs), null, 16, ["map", "show"])) : N("", !0),
-    o.map ? (C(), Z(M, Y({
+    o.map ? (P(), B(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 ? (C(), Z(T, Y({
+    o.map ? (P(), B(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 ? (C(), Z(W, Y({
+    o.map ? (P(), B(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 ? (C(), Z(F, Y({
+    o.map ? (P(), B(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 ? (C(), Z(E, Y({
+    o.map ? (P(), B(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 ? (C(), Z(V, Y({
+    o.map ? (P(), B(V, Y({
       key: 15,
       map: o.map,
       show: a.checkList.includes("ice-areas")
     }, e.$attrs), null, 16, ["map", "show"])) : N("", !0),
-    o.map ? (C(), Z(J, Y({
+    o.map ? (P(), B(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 ? (C(), Z(Q, Y({
+    o.map ? (P(), B(Q, Y({
       key: 17,
       ref: "idmFollowPosition",
       simple: o.simple,
@@ -6531,7 +6531,7 @@ we(We, "vertexSchema", `
         fract(pos * 255.0),
         floor(pos * 255.0) / 255.0);
     }`);
-const Bs = {
+const Zs = {
   "000kts": '<svg t="1756203850656" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4213" width="200" height="200"><path d="M729.6 512a217.6 217.6 0 1 0-217.6 217.6v59.733333a277.333333 277.333333 0 1 1 0-554.666666 277.333333 277.333333 0 0 1 0 554.666666v-59.733333a217.6 217.6 0 0 0 217.6-217.6z" fill="#ffffff" p-id="4214"></path><path d="M558.933333 512a46.933333 46.933333 0 1 0-46.933333 46.933333v59.733334a106.666667 106.666667 0 1 1 0-213.333334 106.666667 106.666667 0 0 1 0 213.333334v-59.733334a46.933333 46.933333 0 0 0 46.933333-46.933333z" fill="#ffffff" p-id="4215"></path></svg>',
   "002kts": '<svg t="1756203870666" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4371" width="200" height="200"><path d="M511.975255 4.26646a29.865223 29.865223 0 0 1 29.865223 29.865224v897.791273l58.151856-46.504419a29.907888 29.907888 0 0 1 37.288864 46.717742l-106.661511 85.329209a29.865223 29.865223 0 0 1-37.288865 0l-106.661511-85.329209a29.865223 29.865223 0 0 1 37.288864-46.675077l58.151856 46.461754V34.131684a29.865223 29.865223 0 0 1 29.865224-29.865224z" fill="#ffffff" p-id="4372"></path></svg>',
   "005kts": '<svg t="1756203883896" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4528" width="200" height="200"><path d="M511.825979 4.265216a29.856515 29.856515 0 0 1 29.856516 29.856516v102.706413l145.443882-97.673458a29.856515 29.856515 0 0 1 33.268689 49.604468l-174.873877 117.378758c-1.194261 0.853043-2.55913 1.364869-3.838694 2.004652v723.508674l58.1349-46.49086a29.899168 29.899168 0 0 1 37.277993 46.70412l-106.630413 85.30433a29.856515 29.856515 0 0 1-37.277992 0l-106.630412-85.30433a29.856515 29.856515 0 0 1 37.277992-46.661468l58.134901 46.448208V34.121732a29.856515 29.856515 0 0 1 29.856515-29.856516z" fill="#ffffff" p-id="4529"></path></svg>',
@@ -6555,7 +6555,7 @@ const Bs = {
   "095kts": '<svg t="1756204086889" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7354" width="200" height="200"><path d="M699.676193 0a29.864228 29.864228 0 0 1 29.864228 29.864228c0 0.426632-0.170653 0.853264-0.170653 1.237232a29.736238 29.736238 0 0 1-13.908197 26.237857l-170.65273 106.743283c-0.93859 0.597285-1.962506 0.981253-2.986423 1.450548v45.222974l146.334716-91.043232a29.864228 29.864228 0 0 1 31.570755 50.683861L541.822418 281.150373V330.213033l146.334716-91.043232a29.864228 29.864228 0 1 1 31.570755 50.683861L541.822418 400.564621v49.105323l146.334716-91.043232a29.864228 29.864228 0 1 1 31.570755 50.683861l-177.905471 110.710959v49.062659l146.334716-91.000568a29.864228 29.864228 0 1 1 31.570755 50.683861l-177.905471 110.668295v42.577857l73.764642-46.076238a29.864228 29.864228 0 0 1 31.656082 50.683861l-105.378061 65.871954v179.398682l58.064591-46.502868a29.906891 29.906891 0 0 1 37.372948 46.716184l-106.657956 85.326365a29.864228 29.864228 0 0 1-37.372948 0l-106.657956-85.326365a29.864228 29.864228 0 0 1 37.372948-46.673521l58.107254 46.460205V34.130546c0-0.725274 0.12799-1.407885 0.213316-2.133159C482.221952 31.272113 482.093962 30.589502 482.093962 29.864228A29.864228 29.864228 0 0 1 511.95819 0h187.718003z" fill="#ffffff" p-id="7355"></path></svg>',
   "100kts": '<svg t="1756204093086" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7511" width="200" height="200"><path d="M699.699515 0a29.865223 29.865223 0 0 1 29.865223 29.865223c0 0.426646-0.170658 0.853292-0.170659 1.237274a29.737229 29.737229 0 0 1-13.908661 26.238732L568.420526 149.326116H699.699515a29.865223 29.865223 0 0 1 29.865223 29.865223c0 0.426646-0.170658 0.853292-0.170659 1.237274a29.737229 29.737229 0 0 1-13.908661 26.238731l-170.573089 106.746841c-0.981286 0.597304-2.047901 0.981286-3.071851 1.450597v617.058175l58.151856-46.504419a29.907888 29.907888 0 0 1 37.288864 46.717742l-106.661511 85.329209a29.865223 29.865223 0 0 1-37.288865 0l-106.661511-85.329209a29.865223 29.865223 0 0 1 37.288864-46.675077l58.151856 46.461754V34.131684c0-0.725298 0.127994-1.407932 0.213323-2.133231C482.238025 31.273155 482.110031 30.590521 482.110031 29.865223A29.865223 29.865223 0 0 1 511.975255 0h187.72426z" fill="#ffffff" p-id="7512"></path></svg>',
   "105kts": '<svg t="1756204103259" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7668" width="200" height="200"><path d="M699.699515 0a29.865223 29.865223 0 0 1 29.865223 29.865223c0 0.426646-0.170658 0.853292-0.170659 1.237274a29.737229 29.737229 0 0 1-13.908661 26.238732L568.420526 149.326116H699.699515a29.865223 29.865223 0 0 1 29.865223 29.865223c0 0.426646-0.170658 0.853292-0.170659 1.237274a29.737229 29.737229 0 0 1-13.908661 26.238731l-170.658418 106.746841c-0.938621 0.597304-1.962572 0.981286-2.986522 1.450597v79.356164l146.339593-91.046266a29.865223 29.865223 0 1 1 31.571808 50.68555l-177.911401 110.714649v467.348078l58.151856-46.504419a29.907888 29.907888 0 0 1 37.288864 46.717742l-106.661511 85.329209a29.865223 29.865223 0 0 1-37.288865 0l-106.661511-85.329209a29.865223 29.865223 0 0 1 37.288864-46.675077l58.151856 46.461754V34.131684c0-0.725298 0.127994-1.407932 0.213323-2.133231C482.238025 31.273155 482.110031 30.590521 482.110031 29.865223A29.865223 29.865223 0 0 1 511.975255 0h187.72426z" fill="#ffffff" p-id="7669"></path></svg>'
-}, Zs = {
+}, Bs = {
   name: "IdmWindBarb",
   props: {
     map: {
@@ -6591,7 +6591,7 @@ const Bs = {
       right: 10,
       bottom: 125,
       windBarbLoaded: !1,
-      svgs: Bs
+      svgs: Zs
     };
   },
   computed: {
@@ -6692,7 +6692,7 @@ const Bs = {
 function Es(e, t, o, i, a, r) {
   return null;
 }
-const Os = /* @__PURE__ */ ne(Zs, [["render", Es]]);
+const Os = /* @__PURE__ */ ne(Bs, [["render", Es]]);
 const Xs = {
   name: "IdmWindParticle",
   props: {
@@ -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 ? (C(), D("div", js, [
+  return (l = o.factor) != null && l.active ? (P(), I("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 ? (C(), D("div", $s, [
+  return (l = o.factor) != null && l.active ? (P(), I("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 ? (C(), D("div", tc, [
+  return (l = o.factor) != null && l.active ? (P(), I("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 ? (C(), D("div", sc, [
+  return (l = o.factor) != null && l.active ? (P(), I("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 ? (C(), D("div", gc, [
+  return (l = o.factor) != null && l.active ? (P(), I("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 ? (C(), D("div", wc, [
+  return (l = o.factor) != null && l.active ? (P(), I("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 ? (C(), D("div", _c, [
+  return (l = o.factor) != null && l.active ? (P(), I("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 ? (C(), D("div", Cc, [
+  return (l = o.factor) != null && l.active ? (P(), I("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 ? (C(), D("div", Rc, [
+  return (l = o.factor) != null && l.active ? (P(), I("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 ? (C(), D("div", Gc, [
+  return (l = o.factor) != null && l.active ? (P(), I("div", Gc, [
     n("div", {
       class: "legend-bars-gl4 water-temp",
       style: ue({ right: a.right + "px" })
@@ -8558,10 +8558,10 @@ const Nc = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Bc = { key: 0 };
-function Zc(e, t, o, i, a, r) {
+}, Zc = { key: 0 };
+function Bc(e, t, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (C(), D("div", Bc, [
+  return (l = o.factor) != null && l.active ? (P(), I("div", Zc, [
     n("div", {
       class: "legend-bars-gl4 temp",
       style: ue({ right: a.right + "px" })
@@ -8577,7 +8577,7 @@ function Zc(e, t, o, i, a, r) {
     ]), 4)
   ])) : N("", !0);
 }
-const Ec = /* @__PURE__ */ ne(Nc, [["render", Zc]]);
+const Ec = /* @__PURE__ */ ne(Nc, [["render", Bc]]);
 const Oc = {
   name: "IdmGlLayer",
   components: {
@@ -8939,7 +8939,7 @@ const Oc = {
         }
         this.handleWeatherLayerToggle(), this.handleDrawWeather4Json(), this.$nextTick(() => {
           var u, x, v, w, k;
-          (k = (w = (v = (x = (u = this.$parent) == null ? void 0 : u.$refs) == null ? void 0 : x.idmBottomBar) == null ? void 0 : v.$refs) == null ? void 0 : w.capture) == null || k.handleWeatherRendered();
+          (k = (w = (v = (x = (u = this.$parent) == null ? void 0 : u.$refs) == null ? void 0 : x.idmBottomBar) == null ? void 0 : v.$refs) == null ? void 0 : w.capture) == null || k.captureCurrentFrame();
         });
       }
     },
@@ -9286,8 +9286,8 @@ const Oc = {
 }, im = { class: "text-body-1 py-2" }, rm = { class: "text-body-1 font-weight-medium" }, lm = { class: "text-body-2 text-label" }, nm = { class: "text-body-2 text-label" }, sm = { class: "text-body-2 text-label mb-3" }, cm = { class: "text-body-1 font-weight-medium" }, mm = { class: "text-body-2 text-label" }, dm = { class: "text-body-2 text-label" }, hm = { class: "text-body-2 text-label mb-3" }, um = { class: "text-body-1 py-2" }, pm = { class: "text-body-1 font-weight-medium" }, gm = { class: "text-body-2 text-label" }, fm = { class: "text-body-2 text-label" }, ym = { class: "text-body-2 text-label mb-3" }, bm = { class: "text-body-1 font-weight-medium" }, wm = { class: "text-body-2 text-label" }, xm = { class: "text-body-2 text-label" }, vm = { class: "text-body-2 text-label mb-3" }, km = { class: "text-body-1 py-2" }, _m = { class: "text-body-1 font-weight-medium" }, zm = { class: "text-body-2 text-label" }, Lm = { class: "text-body-2 text-label" }, Pm = { class: "text-body-2 text-label mb-3" };
 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 C(), D("div", Xc, [
+  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"), D = R("IdmTemp");
+  return P(), I("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: P(({ props: K }) => [
+        activator: C(({ 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: P(() => t[9] || (t[9] = [
+            default: C(() => 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 ? (C(), D("div", jc, [
+    r.showTipMenu ? (P(), I("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: P(({ props: K }) => [
+          activator: C(({ 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: P(() => t[10] || (t[10] = [
+              default: C(() => 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 ? (C(), Z(p, {
+      a.legendToggle ? (P(), B(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: P(() => [
+        default: C(() => [
           L(m, {
             class: "d-flex flex-column justify-center align-start text-label px-2",
             style: { width: "110px" }
           }, {
-            default: P(() => [
+            default: C(() => [
               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: P(() => [
-                  (C(!0), D(Ie, null, De(a.legend.barbs, (K, me) => (C(), Z(s, {
+                default: C(() => [
+                  (P(!0), I(Ie, null, De(a.legend.barbs, (K, me) => (P(), B(s, {
                     key: K,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
-                    default: P(() => [
+                    default: C(() => [
                       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: P(() => [
+            default: C(() => [
               t[12] || (t[12] = n("div", { class: "text-body-2 font-weight-600 mb-2" }, "Wave Height", -1)),
               L(d, { class: "ma-0" }, {
-                default: P(() => [
-                  (C(!0), D(Ie, null, De(a.legend.sigWaveHeight, (K, me) => (C(), Z(s, {
+                default: C(() => [
+                  (P(!0), I(Ie, null, De(a.legend.sigWaveHeight, (K, me) => (P(), B(s, {
                     key: me,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
-                    default: P(() => [
+                    default: C(() => [
                       n("div", Yc, [
-                        me === 0 ? (C(), D("div", Uc)) : (C(), D("div", {
+                        me === 0 ? (P(), I("div", Uc)) : (P(), I("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: P(() => [
+            default: C(() => [
               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: P(() => [
-                  (C(!0), D(Ie, null, De(a.legend.current, (K, me) => (C(), Z(s, {
+                default: C(() => [
+                  (P(!0), I(Ie, null, De(a.legend.current, (K, me) => (P(), B(s, {
                     key: me,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
                   }, {
-                    default: P(() => [
+                    default: C(() => [
                       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: P(() => t[14] || (t[14] = [
+          default: C(() => t[14] || (t[14] = [
             n("i", { class: "iconfont icon-close text-h4" }, null, -1)
           ])),
           _: 1,
           __: [14]
         }, 8, ["onClick"])
       ], 2),
-      o.simple ? (C(), D("div", tm, [
+      o.simple ? (P(), I("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: P(() => [
+          default: C(() => [
             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: P(() => t[15] || (t[15] = [
+              default: C(() => 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: P(() => t[16] || (t[16] = [
+              default: C(() => 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: P(() => [
+          default: C(() => [
             L(u, { class: "border-b-thin" }, {
-              default: P(() => [
+              default: C(() => [
                 L(h, { class: "text-h6" }, {
-                  default: P(() => [
+                  default: C(() => [
                     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: P(() => [
-                (C(!0), D(Ie, null, De(a.tagLayers.filter((K) => K.overlays), (K) => (C(), Z(x, {
+              default: C(() => [
+                (P(!0), I(Ie, null, De(a.tagLayers.filter((K) => K.overlays), (K) => (P(), B(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: P(() => [
+          default: C(() => [
             L(u, { class: "border-b-thin" }, {
-              default: P(() => [
+              default: C(() => [
                 L(h, { class: "text-h6" }, {
-                  default: P(() => [
+                  default: C(() => [
                     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: P(() => [
-                (C(!0), D(Ie, null, De(a.tagLayers.filter((K) => !K.overlays), (K) => (C(), D(Ie, {
+              default: C(() => [
+                (P(!0), I(Ie, null, De(a.tagLayers.filter((K) => !K.overlays), (K) => (P(), I(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" ? (C(), D("div", om, [
+                  a.renderKey === "wind-particle" && K.key === "wind-particle" ? (P(), I("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" ? (C(), D("div", am, [
+                  a.renderKey === "current-particle" && K.key === "current-particle" ? (P(), I("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" ? (C(), Z(f, {
+                  a.renderKey === "wave-group" && K.key === "wave-group" ? (P(), B(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: P(() => [
+                    default: C(() => [
                       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: P(() => [
+                        default: C(() => [
                           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: P(() => [
+                        default: C(() => [
                           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" ? (C(), Z(f, {
+                  a.renderKey === "ice-forecast" && K.key === "ice-forecast" ? (P(), B(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: P(() => [
+                    default: C(() => [
                       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: P(() => [
+                        default: C(() => [
                           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: P(() => [
+                        default: C(() => [
                           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: P(() => [
+          default: C(() => [
             L(u, { class: "border-b-thin" }, {
-              default: P(() => [
+              default: C(() => [
                 L(h, { class: "text-h6" }, {
-                  default: P(() => [
+                  default: C(() => [
                     de(b(e.$t("weather.forecastModel")), 1)
                   ]),
                   _: 1
@@ -9747,15 +9747,15 @@ function Cm(e, t, o, i, a, r) {
               _: 1
             }),
             L(m, { class: "" }, {
-              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;
+              default: C(() => {
+                var K, me, je, Ne, Le, Te, oe, Pe, pe, ye, Be, He, Ve, j, be, Re, Ee, Oe, q, Ze, 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, Zt, Bt, 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),
                   n("div", rm, b((je = (me = (K = a.models) == null ? void 0 : K.weather) == null ? void 0 : me.NOAA) == null ? void 0 : je.source) + " " + b((Te = (Le = (Ne = a.models) == null ? void 0 : Ne.weather) == null ? void 0 : Le.NOAA) == null ? void 0 : Te.spatialResolution) + b(e.$t("units.km")) + " " + b((ye = (pe = (Pe = (oe = a.models) == null ? void 0 : oe.weather) == null ? void 0 : Pe.NOAA) == null ? void 0 : pe.meta) == null ? void 0 : ye.days) + b(e.$t("units.days")), 1),
                   n("div", lm, b(e.$t("weather.source")) + ": NOAA", 1),
-                  n("div", nm, b(e.$t("weather.lastUpdate")) + ": " + b(r.computeDateUpdate((j = (Ve = (He = (Ze = a.models) == null ? void 0 : Ze.weather) == null ? void 0 : He.NOAA) == null ? void 0 : Ve.meta) == null ? void 0 : j.availabilityTime)), 1),
+                  n("div", nm, b(e.$t("weather.lastUpdate")) + ": " + b(r.computeDateUpdate((j = (Ve = (He = (Be = a.models) == null ? void 0 : Be.weather) == null ? void 0 : He.NOAA) == null ? void 0 : Ve.meta) == null ? void 0 : j.availabilityTime)), 1),
                   n("div", sm, b(e.$t("weather.referenceTime")) + ": " + b(r.computeDateZ((Oe = (Ee = (Re = (be = a.models) == null ? void 0 : be.weather) == null ? void 0 : Re.NOAA) == null ? void 0 : Ee.meta) == null ? void 0 : Oe.initialisationTime)), 1),
-                  n("div", cm, b((re = (Be = (q = a.models) == null ? void 0 : q.weather) == null ? void 0 : Be.ECMWF) == null ? void 0 : re.source) + " " + b((at = (ot = (tt = a.models) == null ? void 0 : tt.weather) == null ? void 0 : ot.ECMWF) == null ? void 0 : at.spatialResolution) + b(e.$t("units.km")) + " " + b((dt = (mt = (ct = (Ge = a.models) == null ? void 0 : Ge.weather) == null ? void 0 : ct.ECMWF) == null ? void 0 : mt.meta) == null ? void 0 : dt.days) + b(e.$t("units.days")), 1),
+                  n("div", cm, b((re = (Ze = (q = a.models) == null ? void 0 : q.weather) == null ? void 0 : Ze.ECMWF) == null ? void 0 : re.source) + " " + b((at = (ot = (tt = a.models) == null ? void 0 : tt.weather) == null ? void 0 : ot.ECMWF) == null ? void 0 : at.spatialResolution) + b(e.$t("units.km")) + " " + b((dt = (mt = (ct = (Ge = a.models) == null ? void 0 : Ge.weather) == null ? void 0 : ct.ECMWF) == null ? void 0 : mt.meta) == null ? void 0 : dt.days) + b(e.$t("units.days")), 1),
                   n("div", mm, b(e.$t("weather.source")) + ": ECMWF", 1),
                   n("div", dm, b(e.$t("weather.lastUpdate")) + ": " + b(r.computeDateUpdate((gt = (pt = (ut = (ht = a.models) == null ? void 0 : ht.weather) == null ? void 0 : ut.ECMWF) == null ? void 0 : pt.meta) == null ? void 0 : gt.availabilityTime)), 1),
                   n("div", hm, b(e.$t("weather.referenceTime")) + ": " + b(r.computeDateZ((wt = (bt = (yt = (ft = a.models) == null ? void 0 : ft.weather) == null ? void 0 : yt.ECMWF) == null ? void 0 : bt.meta) == null ? void 0 : wt.initialisationTime)), 1),
@@ -9764,7 +9764,7 @@ function Cm(e, t, o, i, a, r) {
                   n("div", pm, b((_t = (kt = (vt = (xt = a.models) == null ? void 0 : xt.marine) == null ? void 0 : vt.wave) == null ? void 0 : kt.NOAA) == null ? void 0 : _t.source) + " " + b((Ct = (Pt = (Lt = (zt = a.models) == null ? void 0 : zt.marine) == null ? void 0 : Lt.wave) == null ? void 0 : Pt.NOAA) == null ? void 0 : Ct.spatialResolution) + b(e.$t("units.km")) + " " + b((It = (Rt = (Tt = (St = (Mt = a.models) == null ? void 0 : Mt.marine) == null ? void 0 : St.wave) == null ? void 0 : Tt.NOAA) == null ? void 0 : Rt.meta) == null ? void 0 : It.days) + b(e.$t("units.days")), 1),
                   n("div", gm, b(e.$t("weather.source")) + ": NOAA", 1),
                   n("div", fm, b(e.$t("weather.lastUpdate")) + ": " + b(r.computeDateUpdate((Ft = (Wt = (Gt = (At = (Dt = a.models) == null ? void 0 : Dt.marine) == null ? void 0 : At.wave) == null ? void 0 : Gt.NOAA) == null ? void 0 : Wt.meta) == null ? void 0 : Ft.availabilityTime)), 1),
-                  n("div", ym, b(e.$t("weather.referenceTime")) + ": " + b(r.computeDateZ((Ot = (Et = (Zt = (Bt = (Nt = a.models) == null ? void 0 : Nt.marine) == null ? void 0 : Bt.wave) == null ? void 0 : Zt.NOAA) == null ? void 0 : Et.meta) == null ? void 0 : Ot.initialisationTime)), 1),
+                  n("div", ym, b(e.$t("weather.referenceTime")) + ": " + b(r.computeDateZ((Ot = (Et = (Bt = (Zt = (Nt = a.models) == null ? void 0 : Nt.marine) == null ? void 0 : Zt.wave) == null ? void 0 : Bt.NOAA) == null ? void 0 : Et.meta) == null ? void 0 : Ot.initialisationTime)), 1),
                   n("div", bm, b((Ht = (Vt = (jt = (Xt = a.models) == null ? void 0 : Xt.marine) == null ? void 0 : jt.wave) == null ? void 0 : Vt.ECMWF) == null ? void 0 : Ht.source) + " " + b((Kt = (Jt = (Ut = (Yt = a.models) == null ? void 0 : Yt.marine) == null ? void 0 : Ut.wave) == null ? void 0 : Jt.ECMWF) == null ? void 0 : Kt.spatialResolution) + b(e.$t("units.km")) + " " + b((oo = (to = (eo = (Qt = (qt = a.models) == null ? void 0 : qt.marine) == null ? void 0 : Qt.wave) == null ? void 0 : eo.ECMWF) == null ? void 0 : to.meta) == null ? void 0 : oo.days) + b(e.$t("units.days")), 1),
                   n("div", wm, b(e.$t("weather.source")) + ": ECMWF", 1),
                   n("div", xm, b(e.$t("weather.lastUpdate")) + ": " + b(r.computeDateUpdate((no = (lo = (ro = (io = (ao = a.models) == null ? void 0 : ao.marine) == null ? void 0 : io.wave) == null ? void 0 : ro.ECMWF) == null ? void 0 : lo.meta) == null ? void 0 : no.availabilityTime)), 1),
@@ -9784,7 +9784,7 @@ function Cm(e, t, o, i, a, r) {
         })
       ], 2)
     ], 6),
-    o.map ? (C(), Z(w, Y({
+    o.map ? (P(), B(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 ? (C(), Z(k, Y({
+    o.map ? (P(), B(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 ? (C(), Z(S, Y({
+    o.map ? (P(), B(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 ? (C(), Z(_, Y({
+    o.map ? (P(), B(_, 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 ? (C(), Z(M, Y({
+    o.map ? (P(), B(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 ? (C(), Z(T, Y({
+    o.map ? (P(), B(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 ? (C(), Z(W, Y({
+    o.map ? (P(), B(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 ? (C(), Z(F, Y({
+    o.map ? (P(), B(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 ? (C(), Z(E, Y({
+    o.map ? (P(), B(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 ? (C(), Z(V, Y({
+    o.map ? (P(), B(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 ? (C(), Z(J, Y({
+    o.map ? (P(), B(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 ? (C(), Z(Q, Y({
+    o.map ? (P(), B(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 ? (C(), Z(ee, Y({
+    o.map ? (P(), B(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 ? (C(), Z(he, Y({
+    o.map ? (P(), B(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 ? (C(), Z(I, Y({
+    o.map ? (P(), B(D, Y({
       key: 15,
       viewport: a.viewport,
       factor: (Me = a.weatherLayers) == null ? void 0 : Me.temp,
@@ -10245,15 +10245,15 @@ let Di = class {
     }), a;
   }
   static pickHourly(t, o) {
-    var i, a, r, l, c, s, d, m, g, p, y, f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, I, H, U, te, X, O, $, A, ie, ge, xe, ke, se, fe, ve, Me, K, me, je, Ne, Le, Te;
-    const oe = typeof o == "string" ? G(o) : o, Pe = t == null ? void 0 : t.weather, pe = t == null ? void 0 : t.marine, ye = G((a = (i = Pe == null ? void 0 : Pe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), Ze = ye.clone().add((c = (l = (r = Pe == null ? void 0 : Pe[0]) == null ? void 0 : r.hourly) == null ? void 0 : l.time) == null ? void 0 : c.at(0), "h"), He = ye.clone().add((m = (d = (s = Pe == null ? void 0 : Pe[0]) == null ? void 0 : s.hourly) == null ? void 0 : d.time) == null ? void 0 : m.at(-1), "h"), Ve = [];
-    if (oe.isBetween(Ze, He, "millisecond", "[]")) {
-      const j = oe.utc().diff(Ze, "h", !1);
+    var i, a, r, l, c, s, d, m, g, p, y, f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, D, H, U, te, X, O, $, A, ie, ge, xe, ke, se, fe, ve, Me, K, me, je, Ne, Le, Te;
+    const oe = typeof o == "string" ? G(o) : o, Pe = t == null ? void 0 : t.weather, pe = t == null ? void 0 : t.marine, ye = G((a = (i = Pe == null ? void 0 : Pe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), Be = ye.clone().add((c = (l = (r = Pe == null ? void 0 : Pe[0]) == null ? void 0 : r.hourly) == null ? void 0 : l.time) == null ? void 0 : c.at(0), "h"), He = ye.clone().add((m = (d = (s = Pe == null ? void 0 : Pe[0]) == null ? void 0 : s.hourly) == null ? void 0 : d.time) == null ? void 0 : m.at(-1), "h"), Ve = [];
+    if (oe.isBetween(Be, He, "millisecond", "[]")) {
+      const j = oe.utc().diff(Be, "h", !1);
       let be, Re;
       if (Pe) {
         let Ee = 0, Oe = 0, q = 0;
-        for (const Be of Pe) {
-          const re = Be == null ? void 0 : Be.hourly;
+        for (const Ze of Pe) {
+          const re = Ze == null ? void 0 : Ze.hourly;
           for (let Ge = j - (j - 1) % 3; Ge <= j; Ge++)
             Ee += (g = re == null ? void 0 : re.precipitation) == null ? void 0 : g.at(Ge);
           for (let Ge = j - (j - 1) % 6; Ge <= j; Ge++)
@@ -10288,8 +10288,8 @@ let Di = class {
           };
           const { name: tt, url: ot, bg: at } = this.parseWeatherCode(be.code, be.isDay);
           be.name = tt, be.url = ot, be.bg = at, be.wind.scale = this.beaufort(this.kts2ms(be.wind.kts)), be.wind.direction = this.degree2Direction(be.wind.degree), Ve.push({
-            utc: Ze.add(j, "h").format(),
-            model: Be.model,
+            utc: Be.add(j, "h").format(),
+            model: Ze.model,
             weather: { ...be }
           });
         }
@@ -10302,7 +10302,7 @@ let Di = class {
             wave: {
               sig: {
                 height: (he = q == null ? void 0 : q.wave_height) == null ? void 0 : he.at(j),
-                degree: (I = q == null ? void 0 : q.wave_direction) == null ? void 0 : I.at(j),
+                degree: (D = q == null ? void 0 : q.wave_direction) == null ? void 0 : D.at(j),
                 bearing: ((H = q == null ? void 0 : q.wave_direction) == null ? void 0 : H.at(j)) !== null ? (((U = q == null ? void 0 : q.wave_direction) == null ? void 0 : U.at(j)) + 180) % 360 : null,
                 period: (te = q == null ? void 0 : q.wave_period) == null ? void 0 : te.at(j)
               },
@@ -10358,7 +10358,7 @@ let Di = class {
     };
   }
   static pickDaily(t, o) {
-    var i, a, r, l, c, s, d, m, g, p, y, f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, I, H, U, te, X, O, $, A, ie, ge, xe, ke, se, fe;
+    var i, a, r, l, c, s, d, m, g, p, y, f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, D, H, U, te, X, O, $, A, ie, ge, xe, ke, se, fe;
     const ve = typeof o == "string" ? G(o) : o, Me = t == null ? void 0 : t.weather, K = t == null ? void 0 : t.marine, me = G((r = (a = (i = Me == null ? void 0 : Me[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), je = G((s = (c = (l = Me == null ? void 0 : Me[0]) == null ? void 0 : l.daily) == null ? void 0 : c.time) == null ? void 0 : s.at(-1)), Ne = [];
     if (ve.isBetween(me, je, "millisecond", "[]")) {
       let Le, Te;
@@ -10398,8 +10398,8 @@ let Di = class {
               bearing: ((V = pe.wind_direction_10m_dominant) == null ? void 0 : V.at(oe)) !== null ? (((J = pe.wind_direction_10m_dominant) == null ? void 0 : J.at(oe)) + 180) % 360 : null
             }
           };
-          const { name: ye, url: Ze, bg: He } = this.parseWeatherCode(Le.code, !0);
-          Le.name = ye, Le.url = Ze, Le.bg = He, Le.wind.scale = this.beaufort(this.kts2ms(Le.wind.kts)), Le.wind.direction = this.degree2Direction(Le.wind.degree), Ne.push({
+          const { name: ye, url: Be, bg: He } = this.parseWeatherCode(Le.code, !0);
+          Le.name = ye, Le.url = Be, Le.bg = He, Le.wind.scale = this.beaufort(this.kts2ms(Le.wind.kts)), Le.wind.direction = this.degree2Direction(Le.wind.degree), Ne.push({
             utc: me.add(oe, "d").utc().format(),
             model: Pe.model,
             weather: { ...Le }
@@ -10415,7 +10415,7 @@ let Di = class {
                 height: (Q = ye.wave_height_max) == null ? void 0 : Q.at(oe),
                 degree: (ee = ye.wave_direction_dominant) == null ? void 0 : ee.at(oe),
                 period: (he = ye.wave_period_max) == null ? void 0 : he.at(oe),
-                bearing: ((I = ye.wave_direction_dominant) == null ? void 0 : I.at(oe)) !== null ? (((H = ye.wave_direction_dominant) == null ? void 0 : H.at(oe)) + 180) % 360 : null
+                bearing: ((D = ye.wave_direction_dominant) == null ? void 0 : D.at(oe)) !== null ? (((H = ye.wave_direction_dominant) == null ? void 0 : H.at(oe)) + 180) % 360 : null
               },
               swell: {
                 height: (U = ye.swell_wave_height_max) == null ? void 0 : U.at(oe),
@@ -11320,7 +11320,7 @@ const Sm = {
       this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (e = this.interpolateMarkers) == null || e.forEach((a) => a == null ? void 0 : a.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource)), (t = this.map) == null || t.off("click", this.clickLayers, this.handleClick), (o = this.map) == null || o.off("mousemove", this.hoverLayers, this.handleHover), (i = this.map) == null || i.off("mouseleave", this.hoverLayers, this.handleLeave), this.handleCloseInfoMarker();
     },
     handleDateChange() {
-      var e, t, o, i, a, r, l, c, s, d, m, g, p, y, f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, I, H;
+      var e, t, o, i, a, r, l, c, s, d, m, g, p, y, f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, D, H;
       if ((e = this.interpolateMarkers) == null || e.forEach((U) => U == null ? void 0 : U.remove()), (t = this.interpolateData) != null && t.length && this.tropicals.active) {
         const U = G(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), te = this.interpolateData.filter((A) => A.properties.date === (U == null ? void 0 : U.format()) && !A.properties.disabled), X = this.handleComputePolygons(te), O = ae.featureCollection([...te]);
         X.forEach((A) => {
@@ -11383,7 +11383,7 @@ const Sm = {
           }
         this.$emit("tropicalCenterPoints", $);
       } else
-        (I = this.map) != null && I.getSource(this.interpolateSource) && ((H = this.map) == null || H.getSource(this.interpolateSource).setData(this.empty));
+        (D = this.map) != null && D.getSource(this.interpolateSource) && ((H = this.map) == null || H.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(e) {
       var a, r, l, c, s, d, m, g, p, y, f;
@@ -11521,7 +11521,7 @@ const Sm = {
 }, Tm = { class: "idm-tropical-gl4" }, Rm = { class: "pb-1" }, Im = { class: "text-h5 font-weight-600" }, Dm = {
   key: 0,
   class: "text-h5 font-weight-600"
-}, Am = { class: "text-body-1" }, Gm = { class: "text-label" }, Wm = { class: "d-flex justify-space-between align-center" }, Fm = { class: "w-60" }, Nm = { class: "text-label pr-1" }, Bm = { class: "flex-1-1-0" }, Zm = { class: "text-label pr-1" }, Em = { class: "py-2 d-flex justify-space-between align-center" }, Om = { class: "w-60" }, Xm = { class: "text-label pr-1" }, jm = { class: "flex-1-1-0" }, Vm = { class: "text-label pr-1" }, Hm = { class: "d-flex align-center flex-1-1-100 justify-space-between mt-n1" }, Ym = {
+}, Am = { class: "text-body-1" }, Gm = { class: "text-label" }, Wm = { class: "d-flex justify-space-between align-center" }, Fm = { class: "w-60" }, Nm = { class: "text-label pr-1" }, Zm = { class: "flex-1-1-0" }, Bm = { class: "text-label pr-1" }, Em = { class: "py-2 d-flex justify-space-between align-center" }, Om = { class: "w-60" }, Xm = { class: "text-label pr-1" }, jm = { class: "flex-1-1-0" }, Vm = { class: "text-label pr-1" }, Hm = { class: "d-flex align-center flex-1-1-100 justify-space-between mt-n1" }, Ym = {
   class: "text-label pr-1",
   style: { width: "70px" }
 }, Um = { class: "model-box d-flex justify-end align-center flex-wrap ga-1 pa-1" }, Jm = { class: "more" }, Km = {
@@ -11531,7 +11531,7 @@ const Sm = {
   key: 1,
   class: "my-3 w-100",
   style: { height: "80px" }
-}, xd = { class: "legend d-flex justify-start align-center" }, vd = { class: "label" }, kd = { class: "legend d-flex justify-start align-center" }, _d = { class: "label" }, zd = { class: "legend d-flex justify-start align-center" }, Ld = { class: "label" }, Pd = { class: "legend d-flex justify-start align-center" }, Cd = { class: "label" }, Md = { class: "legend d-flex justify-start align-center" }, Sd = { class: "label" }, Td = { class: "legend d-flex justify-start align-center" }, Rd = { class: "label" }, Id = { class: "legend d-flex justify-start align-center" }, Dd = { class: "label" }, Ad = { class: "legend d-flex justify-start align-center" }, Gd = { class: "label" }, Wd = { class: "legend d-flex justify-start align-center" }, Fd = { class: "label" }, Nd = { class: "legend d-flex justify-start align-center" }, Bd = { class: "label" }, Zd = { class: "d-flex justify-star align-center" }, Ed = { class: "font-weight-600 mr-1" }, Od = { class: "" }, Xd = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, jd = {
+}, xd = { class: "legend d-flex justify-start align-center" }, vd = { class: "label" }, kd = { class: "legend d-flex justify-start align-center" }, _d = { class: "label" }, zd = { class: "legend d-flex justify-start align-center" }, Ld = { class: "label" }, Pd = { class: "legend d-flex justify-start align-center" }, Cd = { class: "label" }, Md = { class: "legend d-flex justify-start align-center" }, Sd = { class: "label" }, Td = { class: "legend d-flex justify-start align-center" }, Rd = { class: "label" }, Id = { class: "legend d-flex justify-start align-center" }, Dd = { class: "label" }, Ad = { class: "legend d-flex justify-start align-center" }, Gd = { class: "label" }, Wd = { class: "legend d-flex justify-start align-center" }, Fd = { class: "label" }, Nd = { class: "legend d-flex justify-start align-center" }, Zd = { class: "label" }, Bd = { class: "d-flex justify-star align-center" }, Ed = { class: "font-weight-600 mr-1" }, Od = { class: "" }, Xd = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, jd = {
   key: 0,
   class: "d-flex justify-start align-center"
 }, Vd = { class: "text-label pr-1" }, Hd = {
@@ -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 C(), D("div", Tm, [
+  return P(), I("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: P(({ props: f }) => [
+        activator: C(({ 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: P(() => t[3] || (t[3] = [
+            default: C(() => 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 ? (C(), D("div", {
+    a.showTropicalsInfo && !e.$attrs.hideTropicalsLegend ? (P(), I("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: P(() => [
+        default: C(() => [
           L(s, null, {
-            default: P(() => {
+            default: C(() => {
               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 ? (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)
+                  (v = (x = a.activeTropicals) == null ? void 0 : x.history) != null && v.levelI18n ? (P(), I("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: P(() => t[4] || (t[4] = [
+                  default: C(() => 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: P(() => {
+            default: C(() => {
               var f, h, u, x, v, w, k, S, _;
               return [
                 n("div", Wm, [
@@ -11640,8 +11640,8 @@ function mh(e, t, o, i, a, r) {
                     n("span", null, b(((h = (f = a.activeTropicals) == null ? void 0 : f.history) == null ? void 0 : h.kts) || "-") + " kts", 1),
                     n("span", null, ", BF " + b(r.computeBF(((x = (u = a.activeTropicals) == null ? void 0 : u.history) == null ? void 0 : x.kts) || "-")), 1)
                   ]),
-                  n("div", Bm, [
-                    n("label", Zm, b(e.$t("weather.pressure")) + " : ", 1),
+                  n("div", Zm, [
+                    n("label", Bm, b(e.$t("weather.pressure")) + " : ", 1),
                     n("span", null, b(((w = (v = a.activeTropicals) == null ? void 0 : v.history) == null ? void 0 : w.pressure) || "-") + " hPa", 1)
                   ])
                 ]),
@@ -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, [
-                    (C(!0), D(Ie, null, De((_ = a.activeTropicals) == null ? void 0 : _.forecasts, (M, T) => (C(), Z(l, {
+                    (P(!0), I(Ie, null, De((_ = a.activeTropicals) == null ? void 0 : _.forecasts, (M, T) => (P(), B(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: P(() => [
+                      default: C(() => [
                         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) : (C(), Z(m, {
+          o.simple ? N("", !0) : (P(), B(m, {
             key: 0,
             class: "d-flex justify-space-between"
           }, {
-            default: P(() => [
+            default: C(() => [
               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: P(() => t[5] || (t[5] = [
+                prepend: C(() => t[5] || (t[5] = [
                   n("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
                 ])),
-                default: P(() => [
+                default: C(() => [
                   de(" " + b(e.$t("weather.legend")), 1)
                 ]),
                 _: 1
               }, 8, ["color"]),
               n("div", Jm, [
-                o.permission & a.helper.LEVEL.Supper ? (C(), Z(l, {
+                o.permission & a.helper.LEVEL.Supper ? (P(), B(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: P(() => [
+                  default: C(() => [
                     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: P(() => [
+                  default: C(() => [
                     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 ? (C(), D("div", Km, [
+      o.simple ? (P(), I("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)
           ])
         ])
-      ])) : (C(), D("div", wd, [
+      ])) : (P(), I("div", wd, [
         Qe(L(g, { elevation: "16" }, {
-          default: P(() => [
+          default: C(() => [
             L(s, null, {
-              default: P(() => [
+              default: C(() => [
                 Qe(n("div", {
                   class: _e(["pa-1 d-flex justify-space-between align-center flex-wrap", o.locale === "zhHans" ? " ga-2" : " ga-3"])
                 }, [
@@ -11823,7 +11823,7 @@ function mh(e, t, o, i, a, r) {
                   ]),
                   n("div", Nd, [
                     t[25] || (t[25] = n("div", { class: "icon r10" }, null, -1)),
-                    n("div", Bd, "50kts " + b(e.$t("tropical.radii")), 1)
+                    n("div", Zd, "50kts " + b(e.$t("tropical.radii")), 1)
                   ])
                 ], 2), [
                   [et, a.showLegend]
@@ -11843,12 +11843,12 @@ function mh(e, t, o, i, a, r) {
       elevation: "16",
       "max-width": "280"
     }, {
-      default: P(() => [
+      default: C(() => [
         L(p, null, {
-          default: P(() => {
+          default: C(() => {
             var f, h, u, x;
             return [
-              n("div", Zd, [
+              n("div", Bd, [
                 n("span", Ed, b(o.locale === "en" ? (f = a.hoverPoint) == null ? void 0 : f.Name : ((h = a.hoverPoint) == null ? void 0 : h.nameCn) || ((u = a.hoverPoint) == null ? void 0 : u.Name)), 1),
                 n("span", Od, " [" + b(e.$t("tropical." + ((x = a.hoverPoint) == null ? void 0 : x.levelI18n))) + "]", 1)
               ])
@@ -11858,31 +11858,31 @@ function mh(e, t, o, i, a, r) {
         }),
         L(y),
         L(s, { class: "text-body-1" }, {
-          default: P(() => {
-            var f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, I;
+          default: C(() => {
+            var f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, D;
             return [
               n("div", Xd, [
-                ((f = a.hoverPoint) == null ? void 0 : f.type) === "forecast" ? (C(), D("div", jd, [
+                ((f = a.hoverPoint) == null ? void 0 : f.type) === "forecast" ? (P(), I("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" ? (C(), D("div", Hd, [
+                ((u = a.hoverPoint) == null ? void 0 : u.type) === "forecast" ? (P(), I("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" ? (C(), D("div", Ud, [
+                ((v = a.hoverPoint) == null ? void 0 : v.type) === "history" ? (P(), I("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" ? (C(), D("div", Kd, [
+                ((k = a.hoverPoint) == null ? void 0 : k.type) === "forecast" ? (P(), I("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" ? (C(), D("div", qd, [
+                ((_ = a.hoverPoint) == null ? void 0 : _.type) === "forecast" ? (P(), I("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" ? (C(), D("div", eh, [
+                ((W = a.hoverPoint) == null ? void 0 : W.type) === "history" ? (P(), I("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,13 +11890,13 @@ 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" ? (C(), D("div", ih, [
+                ((V = a.hoverPoint) == null ? void 0 : V.type) === "history" ? (P(), I("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" ? (C(), D("div", lh, [
+                ((ee = a.hoverPoint) == null ? void 0 : ee.type) === "history" ? (P(), I("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("span", null, b(((D = JSON.parse((he = a.hoverPoint) == null ? void 0 : he.movement)) == null ? void 0 : D.deg) ?? "-") + " °", 1)
                 ])) : N("", !0),
                 n("div", sh, [
                   n("label", ch, b(e.$t("tropical.position")) + " : ", 1),
@@ -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 C(), D("div", hh, [
+  return P(), I("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 ? (C(), Z(f, {
+    a.showDatePicker ? (P(), B(f, {
       key: 0,
       class: "card-box d-flex flex-column border",
       style: ue(r.getStyle)
     }, {
-      default: P(() => [
+      default: C(() => [
         L(g, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
-          default: P(() => [
+          default: C(() => [
             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: P(() => [
-                  (C(!0), D(Ie, null, De(r.hourOptions, (h, u) => (C(), Z(d, {
+                default: C(() => [
+                  (P(!0), I(Ie, null, De(r.hourOptions, (h, u) => (P(), B(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: P(() => [
+                    default: C(() => [
                       L(s, {
                         class: "text-body-2 font-weight-600 text-center",
                         onClick: (x) => a.currentTime = h
                       }, {
-                        default: P(() => [
+                        default: C(() => [
                           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: P(() => [
+          default: C(() => [
             L(p, {
               size: "small",
               variant: "tonal",
               class: "text-none text-body-2",
               onClick: r.handleCancelDate
             }, {
-              default: P(() => [
+              default: C(() => [
                 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: P(() => [
+              default: C(() => [
                 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 C(), D("div", bh, [
+  return P(), I("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 ? (C(), Z(l, {
+      a.dateRangeStr ? (P(), B(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 ? (C(), Z(p, {
+    a.showDatePicker ? (P(), B(p, {
       key: 0,
       class: "card-box d-flex flex-column border",
       style: ue(r.getStyle)
     }, {
-      default: P(() => [
+      default: C(() => [
         L(s, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
-          default: P(() => [
+          default: C(() => [
             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: P(() => [
+          default: C(() => [
             L(m, {
               size: "small",
               variant: "tonal",
               class: "text-none text-body-2",
               onClick: r.handleCancelDate
             }, {
-              default: P(() => [
+              default: C(() => [
                 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: P(() => [
+              default: C(() => [
                 de(b(e.$t("actions.confirm")), 1)
               ]),
               _: 1
@@ -13537,10 +13537,10 @@ const kh = {
       }), this.loading = !1;
     },
     initTableData(e) {
-      var o, i, a, r, l, c, s, d, m, g, p, y, f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, I, H, U, te, X, O, $, A, ie, ge;
+      var o, i, a, r, l, c, s, d, m, g, p, y, f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, D, H, U, te, X, O, $, A, ie, ge;
       this.currentHourData = {}, this.positionGmt = (i = (o = e == null ? void 0 : e.weather) == null ? void 0 : o[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (a = e == null ? void 0 : e.weather) == null ? void 0 : a[0]) == null ? void 0 : r.offset;
       const t = ((l = Xo.pickHourly(e, G(this.form.dateTime))) == null ? void 0 : l[0]) || {};
-      this.currentHourData.utc = t.utc, this.currentHourData.lat = e.lat, this.currentHourData.lng = e.lng, this.currentHourData.temp = this.computeRoundPrecision((c = t == null ? void 0 : t.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((d = (s = t == null ? void 0 : t.weather) == null ? void 0 : s.precip) == null ? void 0 : d.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((g = (m = t == null ? void 0 : t.weather) == null ? void 0 : m.precip) == null ? void 0 : g.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((p = t == null ? void 0 : t.weather) == null ? void 0 : p.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((f = (y = t == null ? void 0 : t.weather) == null ? void 0 : y.wind) == null ? void 0 : f.kts, 1) ?? "-", this.currentHourData.windDir = ((u = (h = t == null ? void 0 : t.weather) == null ? void 0 : h.wind) == null ? void 0 : u.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((v = (x = t == null ? void 0 : t.weather) == null ? void 0 : x.wind) == null ? void 0 : v.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((k = (w = t == null ? void 0 : t.weather) == null ? void 0 : w.wind) == null ? void 0 : k.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((_ = (S = t == null ? void 0 : t.wave) == null ? void 0 : S.sig) == null ? void 0 : _.height, 1) ?? "-", this.currentHourData.sigwaveDir = (T = (M = t == null ? void 0 : t.wave) == null ? void 0 : M.sig) == null ? void 0 : T.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((F = (W = t == null ? void 0 : t.wave) == null ? void 0 : W.sig) == null ? void 0 : F.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((V = (E = t == null ? void 0 : t.wave) == null ? void 0 : E.wd) == null ? void 0 : V.height, 1) ?? "-", this.currentHourData.windwaveDir = (Q = (J = t == null ? void 0 : t.wave) == null ? void 0 : J.wd) == null ? void 0 : Q.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((he = (ee = t == null ? void 0 : t.wave) == null ? void 0 : ee.wd) == null ? void 0 : he.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((H = (I = t == null ? void 0 : t.wave) == null ? void 0 : I.swell) == null ? void 0 : H.height, 1) ?? "-", this.currentHourData.swellDir = (te = (U = t == null ? void 0 : t.wave) == null ? void 0 : U.swell) == null ? void 0 : te.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((O = (X = t == null ? void 0 : t.wave) == null ? void 0 : X.swell) == null ? void 0 : O.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision(($ = t == null ? void 0 : t.current) == null ? void 0 : $.speed, 1) ?? "-", this.currentHourData.currentDir = (A = t == null ? void 0 : t.current) == null ? void 0 : A.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((ie = t == null ? void 0 : t.current) == null ? void 0 : ie.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(t == null ? void 0 : t.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(t == null ? void 0 : t.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ge = t == null ? void 0 : t.weather) == null ? void 0 : ge.url;
+      this.currentHourData.utc = t.utc, this.currentHourData.lat = e.lat, this.currentHourData.lng = e.lng, this.currentHourData.temp = this.computeRoundPrecision((c = t == null ? void 0 : t.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((d = (s = t == null ? void 0 : t.weather) == null ? void 0 : s.precip) == null ? void 0 : d.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((g = (m = t == null ? void 0 : t.weather) == null ? void 0 : m.precip) == null ? void 0 : g.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((p = t == null ? void 0 : t.weather) == null ? void 0 : p.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((f = (y = t == null ? void 0 : t.weather) == null ? void 0 : y.wind) == null ? void 0 : f.kts, 1) ?? "-", this.currentHourData.windDir = ((u = (h = t == null ? void 0 : t.weather) == null ? void 0 : h.wind) == null ? void 0 : u.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((v = (x = t == null ? void 0 : t.weather) == null ? void 0 : x.wind) == null ? void 0 : v.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((k = (w = t == null ? void 0 : t.weather) == null ? void 0 : w.wind) == null ? void 0 : k.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((_ = (S = t == null ? void 0 : t.wave) == null ? void 0 : S.sig) == null ? void 0 : _.height, 1) ?? "-", this.currentHourData.sigwaveDir = (T = (M = t == null ? void 0 : t.wave) == null ? void 0 : M.sig) == null ? void 0 : T.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((F = (W = t == null ? void 0 : t.wave) == null ? void 0 : W.sig) == null ? void 0 : F.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((V = (E = t == null ? void 0 : t.wave) == null ? void 0 : E.wd) == null ? void 0 : V.height, 1) ?? "-", this.currentHourData.windwaveDir = (Q = (J = t == null ? void 0 : t.wave) == null ? void 0 : J.wd) == null ? void 0 : Q.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((he = (ee = t == null ? void 0 : t.wave) == null ? void 0 : ee.wd) == null ? void 0 : he.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((H = (D = t == null ? void 0 : t.wave) == null ? void 0 : D.swell) == null ? void 0 : H.height, 1) ?? "-", this.currentHourData.swellDir = (te = (U = t == null ? void 0 : t.wave) == null ? void 0 : U.swell) == null ? void 0 : te.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((O = (X = t == null ? void 0 : t.wave) == null ? void 0 : X.swell) == null ? void 0 : O.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision(($ = t == null ? void 0 : t.current) == null ? void 0 : $.speed, 1) ?? "-", this.currentHourData.currentDir = (A = t == null ? void 0 : t.current) == null ? void 0 : A.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((ie = t == null ? void 0 : t.current) == null ? void 0 : ie.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(t == null ? void 0 : t.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(t == null ? void 0 : t.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ge = t == null ? void 0 : t.weather) == null ? void 0 : ge.url;
     },
     handleBind() {
       var e, t;
@@ -13613,7 +13613,7 @@ const kh = {
 }, Ah = ["xlink:href"], Gh = { class: "d-flex justify-start align-center ga-1 mb-1" }, Wh = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, Fh = ["xlink:href"], Nh = { class: "d-flex justify-start align-center" }, Bh = { class: "mx-2" }, Zh = { class: "mx-0 py-2 d-flex align-center justify-start" }, Eh = {
+}, Fh = ["xlink:href"], Nh = { class: "d-flex justify-start align-center" }, Zh = { class: "mx-2" }, Bh = { class: "mx-0 py-2 d-flex align-center justify-start" }, Eh = {
   style: { width: "100px" },
   class: "pa-0 pr-2 text-right opacity-50"
 }, Oh = { class: "pa-0 px-0" }, Xh = { class: "mx-0 py-2 d-flex align-center justify-start" }, jh = {
@@ -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 C(), D("div", _h, [
+  return P(), I("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: P(({ props: w }) => [
+        activator: C(({ 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: P(() => t[8] || (t[8] = [
+            default: C(() => 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 ? (C(), Z(v, {
+    a.showForm && !o.simple ? (P(), B(v, {
       key: 0,
       class: "spot-form-card",
       style: ue({ top: o.top + o.paddingTop + 126 + "px", right: a.right + 50 + "px" })
     }, {
-      default: P(() => [
+      default: C(() => [
         L(s, { class: "d-flex justify-space-between align-center" }, {
-          default: P(() => [
+          default: C(() => [
             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: P(() => t[9] || (t[9] = [
+              default: C(() => 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: P(() => [
+          default: C(() => [
             L(h, { class: "text-body-1 py-1" }, {
-              default: P(() => [
+              default: C(() => [
                 n("div", Ph, [
-                  (C(), D("svg", Ch, [
+                  (P(), I("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: P(() => [
+                  default: C(() => [
                     L(g, {
                       cols: "4",
                       class: "pa-0 d-flex"
                     }, {
-                      default: P(() => [
+                      default: C(() => [
                         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: P(() => [
+                      default: C(() => [
                         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: P(() => [
+                      default: C(() => [
                         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: P(() => [
+                          default: C(() => [
                             de(b(a.form.lngDirection), 1)
                           ]),
                           _: 1
@@ -13808,7 +13808,7 @@ function Cu(e, t, o, i, a, r) {
                   _: 1
                 }),
                 n("div", Sh, [
-                  (C(), D("svg", Th, [
+                  (P(), I("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: P(() => [
+                  default: C(() => [
                     L(g, {
                       cols: "4",
                       class: "pa-0 d-flex"
                     }, {
-                      default: P(() => [
+                      default: C(() => [
                         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: P(() => [
+                      default: C(() => [
                         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: P(() => [
+                      default: C(() => [
                         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: P(() => [
+                          default: C(() => [
                             de(b(a.form.latDirection), 1)
                           ]),
                           _: 1
@@ -13888,7 +13888,7 @@ function Cu(e, t, o, i, a, r) {
                   _: 1
                 }),
                 n("div", Ih, [
-                  (C(), D("svg", Dh, [
+                  (P(), I("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: P(() => [
+                  default: C(() => [
                     L(g, {
                       cols: "12",
                       class: "pa-0"
                     }, {
-                      default: P(() => [
+                      default: C(() => [
                         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, [
-                  (C(), D("svg", Wh, [
+                  (P(), I("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: P(() => [
+                  default: C(() => [
                     L(g, {
                       cols: "12",
                       class: "pa-0"
                     }, {
-                      default: P(() => [
+                      default: C(() => [
                         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: P(() => [
+                          default: C(() => [
                             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: P(() => t[14] || (t[14] = [
+                              default: C(() => 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: P(() => t[15] || (t[15] = [
+                              default: C(() => 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: P(() => [
+              default: C(() => [
                 L(l, {
                   size: "small",
                   variant: "outlined",
                   class: "text-none text-body-1 btn-border-1 btn-bg-1",
                   onClick: r.cancelForm
                 }, {
-                  default: P(() => [
+                  default: C(() => [
                     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: P(() => [
+                  default: C(() => [
                     de(b(e.$t("actions.confirm")), 1)
                   ]),
                   _: 1
@@ -14016,18 +14016,18 @@ function Cu(e, t, o, i, a, r) {
       ]),
       _: 1
     }, 8, ["style"])) : N("", !0),
-    a.showMeteo && !o.simple ? (C(), Z(v, {
+    a.showMeteo && !o.simple ? (P(), B(v, {
       key: 1,
       id: "idm-gl4-spot-meteo",
       class: "spot-meteo",
       style: { width: "490px", "z-index": "9" }
     }, {
-      default: P(() => [
+      default: C(() => [
         L(s, { class: "d-flex justify-space-between align-center" }, {
-          default: P(() => [
+          default: C(() => [
             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)
+              n("div", Zh, b(r.computePosition(a.form || a.currentHourData)), 1)
             ]),
             L(l, {
               class: "mr-n2",
@@ -14036,7 +14036,7 @@ function Cu(e, t, o, i, a, r) {
               variant: "plain",
               onClick: Se(r.handleCloseMeteo, ["stop"])
             }, {
-              default: P(() => t[17] || (t[17] = [
+              default: C(() => t[17] || (t[17] = [
                 n("i", { class: "iconfont icon-close text-h4" }, null, -1)
               ])),
               _: 1,
@@ -14047,10 +14047,10 @@ function Cu(e, t, o, i, a, r) {
         }),
         L(d),
         L(h, { class: "text-body-1 px-0 py-1" }, {
-          default: P(() => {
+          default: C(() => {
             var w, k;
             return [
-              n("div", Zh, [
+              n("div", Bh, [
                 n("div", Eh, b(e.$t("time.time")), 1),
                 n("div", Oh, b(r.computedTzTime((w = a.currentHourData) == null ? void 0 : w.utc)), 1)
               ]),
@@ -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: P(() => {
+          default: C(() => {
             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;
-              }) ? (C(), Z(l, {
+              }) ? (P(), B(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: P(() => t[19] || (t[19] = [
+                prepend: C(() => t[19] || (t[19] = [
                   n("i", { class: "iconfont icon-yishoucang text-h6 text-warning" }, null, -1)
                 ])),
-                default: P(() => [
+                default: C(() => [
                   de(" " + b(e.$t("actions.unfollow")), 1)
                 ]),
                 _: 1
-              }, 8, ["onClick"])) : (C(), Z(l, {
+              }, 8, ["onClick"])) : (P(), B(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: P(() => t[20] || (t[20] = [
+                prepend: C(() => t[20] || (t[20] = [
                   n("i", { class: "iconfont icon-weishoucang text-h6" }, null, -1)
                 ])),
-                default: P(() => [
+                default: C(() => [
                   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: P(() => [
+                default: C(() => [
                   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 ? (C(), Z(v, {
+    a.showMeteo && o.simple ? (P(), B(v, {
       key: 2,
       ref: "spotMeteo",
       class: "position-absolute bottom-0 rounded-t-4",
       style: { width: "100vw", "z-index": "1001" }
     }, {
-      default: P(() => [
+      default: C(() => [
         L(s, null, {
-          default: P(() => {
+          default: C(() => {
             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;
-                  }) ? (C(), Z(l, {
+                  }) ? (P(), B(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: P(() => t[22] || (t[22] = [
+                    default: C(() => t[22] || (t[22] = [
                       n("i", { class: "iconfont icon-yishoucang text-h4 text-warning" }, null, -1)
                     ])),
                     _: 1,
                     __: [22]
-                  }, 8, ["onClick"])) : (C(), Z(l, {
+                  }, 8, ["onClick"])) : (P(), B(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: P(() => t[23] || (t[23] = [
+                    default: C(() => 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: P(() => t[24] || (t[24] = [
+                    default: C(() => 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: P(() => {
+          default: C(() => {
             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, [
-      (C(), D("svg", Lu, [
+      (P(), I("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 C(), D("div", Tu, [
+  return P(), I("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: P(({ props: s }) => [
+        activator: C(({ 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: P(() => t[0] || (t[0] = [
+            default: C(() => t[0] || (t[0] = [
               n("i", { class: "iconfont icon-a-Measuredistance text-h4" }, null, -1)
             ])),
             _: 2,
@@ -14676,25 +14676,25 @@ function Ru(e, t, o, i, a, r) {
   ]);
 }
 const Iu = /* @__PURE__ */ ne(Su, [["render", Ru]]);
-var B = { image: /* @__PURE__ */ new Map(), background: /* @__PURE__ */ new Map(), resource: /* @__PURE__ */ new Map(), defaultStyle: /* @__PURE__ */ new Map(), baseStyle: /* @__PURE__ */ new Map(), computedStyle: /* @__PURE__ */ new WeakMap(), font: /* @__PURE__ */ new Set(), session: { styleMap: /* @__PURE__ */ new Map(), styleCache: /* @__PURE__ */ new WeakMap(), nodeMap: /* @__PURE__ */ new Map() } };
+var Z = { image: /* @__PURE__ */ new Map(), background: /* @__PURE__ */ new Map(), resource: /* @__PURE__ */ new Map(), defaultStyle: /* @__PURE__ */ new Map(), baseStyle: /* @__PURE__ */ new Map(), computedStyle: /* @__PURE__ */ new WeakMap(), font: /* @__PURE__ */ new Set(), session: { styleMap: /* @__PURE__ */ new Map(), styleCache: /* @__PURE__ */ new WeakMap(), nodeMap: /* @__PURE__ */ new Map() } };
 function Du(e = "soft") {
-  switch (B.session.__counterEpoch = (B.session.__counterEpoch || 0) + 1, e) {
+  switch (Z.session.__counterEpoch = (Z.session.__counterEpoch || 0) + 1, e) {
     case "auto": {
-      B.session.styleMap = /* @__PURE__ */ new Map(), B.session.nodeMap = /* @__PURE__ */ new Map();
+      Z.session.styleMap = /* @__PURE__ */ new Map(), Z.session.nodeMap = /* @__PURE__ */ new Map();
       return;
     }
     case "soft": {
-      B.session.styleMap = /* @__PURE__ */ new Map(), B.session.nodeMap = /* @__PURE__ */ new Map(), B.session.styleCache = /* @__PURE__ */ new WeakMap();
+      Z.session.styleMap = /* @__PURE__ */ new Map(), Z.session.nodeMap = /* @__PURE__ */ new Map(), Z.session.styleCache = /* @__PURE__ */ new WeakMap();
       return;
     }
     case "full":
       return;
     case "disabled": {
-      B.session.styleMap = /* @__PURE__ */ new Map(), B.session.nodeMap = /* @__PURE__ */ new Map(), B.session.styleCache = /* @__PURE__ */ new WeakMap(), B.computedStyle = /* @__PURE__ */ new WeakMap(), B.baseStyle = /* @__PURE__ */ new Map(), B.defaultStyle = /* @__PURE__ */ new Map(), B.image = /* @__PURE__ */ new Map(), B.background = /* @__PURE__ */ new Map(), B.resource = /* @__PURE__ */ new Map(), B.font = /* @__PURE__ */ new Set();
+      Z.session.styleMap = /* @__PURE__ */ new Map(), Z.session.nodeMap = /* @__PURE__ */ new Map(), Z.session.styleCache = /* @__PURE__ */ new WeakMap(), Z.computedStyle = /* @__PURE__ */ new WeakMap(), Z.baseStyle = /* @__PURE__ */ new Map(), Z.defaultStyle = /* @__PURE__ */ new Map(), Z.image = /* @__PURE__ */ new Map(), Z.background = /* @__PURE__ */ new Map(), Z.resource = /* @__PURE__ */ new Map(), Z.font = /* @__PURE__ */ new Set();
       return;
     }
     default: {
-      B.session.styleMap = /* @__PURE__ */ new Map(), B.session.nodeMap = /* @__PURE__ */ new Map(), B.session.styleCache = /* @__PURE__ */ new WeakMap();
+      Z.session.styleMap = /* @__PURE__ */ new Map(), Z.session.nodeMap = /* @__PURE__ */ new Map(), Z.session.styleCache = /* @__PURE__ */ new WeakMap();
       return;
     }
   }
@@ -14769,7 +14769,7 @@ function Nu(e, t) {
     return !!t;
   }
 }
-function Bu(e, t) {
+function Zu(e, t) {
   if (!t)
     return e;
   if (t.includes("{url}"))
@@ -14789,7 +14789,7 @@ function Gi(e) {
     i.onload = () => t(String(i.result || "")), i.onerror = () => o(new Error("read_failed")), i.readAsDataURL(e);
   });
 }
-function Zu(e, t) {
+function Bu(e, t) {
   return [t.as || "blob", t.timeout ?? 3e3, t.useProxy || "", t.errorTTL ?? 8e3, e].join("|");
 }
 async function Ue(e, t = {}) {
@@ -14817,14 +14817,14 @@ async function Ue(e, t = {}) {
     }
   if (/^about:blank$/i.test(e))
     return o === "dataURL" ? { ok: !0, data: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg==", status: 200, url: e, fromCache: !1, mime: "image/png" } : { ok: !0, data: o === "text" ? "" : new Blob([]), status: 200, url: e, fromCache: !1 };
-  let s = Zu(e, { as: o, timeout: i, useProxy: a, errorTTL: r }), d = Ho.get(s);
+  let s = Bu(e, { as: o, timeout: i, useProxy: a, errorTTL: r }), d = Ho.get(s);
   if (d && d.until > Date.now())
     return { ...d.result, fromCache: !0 };
   d && Ho.delete(s);
   let m = aa.get(s);
   if (m)
     return m;
-  let g = Nu(e, a) ? Bu(e, a) : e, p = t.credentials;
+  let g = Nu(e, a) ? Zu(e, a) : e, p = t.credentials;
   if (!p)
     try {
       let u = typeof location < "u" && location.href ? location.href : "http://localhost/", x = new URL(e, u);
@@ -14867,25 +14867,25 @@ async function ir(e, t = {}) {
   if (!o)
     return e;
   let i = Qo(o);
-  if (B.background.has(i)) {
-    let a = B.background.get(i);
+  if (Z.background.has(i)) {
+    let a = Z.background.get(i);
     return a ? `url("${a}")` : "none";
   }
   try {
     let a = await Ue(i, { as: "dataURL", useProxy: t.useProxy });
-    return a.ok ? (B.background.set(i, a.data), `url("${a.data}")`) : (B.background.set(i, null), "none");
+    return a.ok ? (Z.background.set(i, a.data), `url("${a.data}")`) : (Z.background.set(i, null), "none");
   } catch {
-    return B.background.set(i, null), "none";
+    return Z.background.set(i, null), "none";
   }
 }
 var Eu = /* @__PURE__ */ new Set(["meta", "script", "noscript", "title", "link", "template"]), ba = /* @__PURE__ */ new Set(["meta", "link", "style", "title", "noscript", "script", "template", "g", "defs", "use", "marker", "mask", "clipPath", "pattern", "path", "polygon", "polyline", "line", "circle", "ellipse", "rect", "filter", "lineargradient", "radialgradient", "stop"]);
 function Ou(e) {
   if (e = String(e).toLowerCase(), ba.has(e)) {
     let r = {};
-    return B.defaultStyle.set(e, r), r;
+    return Z.defaultStyle.set(e, r), r;
   }
-  if (B.defaultStyle.has(e))
-    return B.defaultStyle.get(e);
+  if (Z.defaultStyle.has(e))
+    return Z.defaultStyle.get(e);
   let t = document.getElementById("snapdom-sandbox");
   t || (t = document.createElement("div"), t.id = "snapdom-sandbox", t.setAttribute("data-snapdom-sandbox", "true"), t.setAttribute("aria-hidden", "true"), t.style.position = "absolute", t.style.left = "-9999px", t.style.top = "-9999px", t.style.width = "0px", t.style.height = "0px", t.style.overflow = "hidden", document.body.appendChild(t));
   let o = document.createElement(e);
@@ -14897,7 +14897,7 @@ function Ou(e) {
     let l = i.getPropertyValue(r);
     a[r] = l;
   }
-  return t.removeChild(o), B.defaultStyle.set(e, a), a;
+  return t.removeChild(o), Z.defaultStyle.set(e, a), a;
 }
 var Xu = /(?:^|-)(animation|transition)(?:-|$)/i, ju = /^(--|view-timeline|scroll-timeline|animation-trigger|offset-|position-try|app-region|interactivity|overlay|view-transition|-webkit-locale|-webkit-user-(?:drag|modify)|-webkit-tap-highlight-color|-webkit-text-security)$/i, Vu = /* @__PURE__ */ new Set(["cursor", "pointer-events", "touch-action", "user-select", "print-color-adjust", "speak", "reading-flow", "reading-order", "anchor-name", "anchor-scope", "container-name", "container-type", "timeline-scope"]);
 function rr(e) {
@@ -14923,7 +14923,7 @@ function Hu(e) {
 function Yu(e) {
   let t = /* @__PURE__ */ new Map();
   for (let i of e) {
-    let a = B.defaultStyle.get(i);
+    let a = Z.defaultStyle.get(i);
     if (!a)
       continue;
     let r = Object.entries(a).map(([l, c]) => `${l}:${c};`).sort().join("");
@@ -14944,8 +14944,8 @@ function Uu(e) {
 function lr(e, t = null) {
   if (!(e instanceof Element))
     return window.getComputedStyle(e, t);
-  let o = B.computedStyle.get(e);
-  if (o || (o = /* @__PURE__ */ new Map(), B.computedStyle.set(e, o)), !o.has(t)) {
+  let o = Z.computedStyle.get(e);
+  if (o || (o = /* @__PURE__ */ new Map(), Z.computedStyle.set(e, o)), !o.has(t)) {
     let i = window.getComputedStyle(e, t);
     o.set(t, i);
   }
@@ -15282,16 +15282,16 @@ async function dr(e, t, o = "") {
       } catch {
       }
     if (!Ke(g)) {
-      if ((a = B.resource) != null && a.has(g)) {
-        (r = B.font) == null || r.add(g), i = i.replace(d[0], `url(${B.resource.get(g)})`);
+      if ((a = Z.resource) != null && a.has(g)) {
+        (r = Z.font) == null || r.add(g), i = i.replace(d[0], `url(${Z.resource.get(g)})`);
         continue;
       }
-      if (!((l = B.font) != null && l.has(g)))
+      if (!((l = Z.font) != null && l.has(g)))
         try {
           let p = await Ue(g, { as: "dataURL", useProxy: o, silent: !0 });
           if (p.ok && typeof p.data == "string") {
             let y = p.data;
-            (c = B.resource) == null || c.set(g, y), (s = B.font) == null || s.add(g), i = i.replace(d[0], `url(${y})`);
+            (c = Z.resource) == null || c.set(g, y), (s = Z.font) == null || s.add(g), i = i.replace(d[0], `url(${y})`);
           }
         } catch {
           console.warn("[snapDOM] Failed to fetch font resource:", g);
@@ -15306,7 +15306,7 @@ function pp(e) {
   let t = (l, c) => e.some(([s, d]) => !(d < l || s > c)), o = t(0, 255) || t(305, 305), i = t(256, 591) || t(7680, 7935), a = t(880, 1023), r = t(1024, 1279);
   return t(7840, 7929) || t(258, 259) || t(416, 417) || t(431, 432) ? "vietnamese" : r ? "cyrillic" : a ? "greek" : i ? "latin-ext" : o ? "latin" : null;
 }
-function Bi(e = {}) {
+function Zi(e = {}) {
   let t = new Set((e.families || []).map((a) => String(a).toLowerCase())), o = new Set((e.domains || []).map((a) => String(a).toLowerCase())), i = new Set((e.subsets || []).map((a) => String(a).toLowerCase()));
   return (a, r) => {
     if (t.size && t.has(a.family.toLowerCase()))
@@ -15399,17 +15399,17 @@ async function yp({ required: e, usedCodepoints: t, exclude: o = void 0, localFo
   var h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he;
   e instanceof Set || (e = /* @__PURE__ */ new Set()), t instanceof Set || (t = /* @__PURE__ */ new Set());
   let r = /* @__PURE__ */ new Map();
-  for (let I of e) {
-    let [H, U, te, X] = String(I).split("__");
+  for (let D of e) {
+    let [H, U, te, X] = String(D).split("__");
     if (!H)
       continue;
     let O = r.get(H) || [];
     O.push({ w: parseInt(U, 10), s: te, st: parseInt(X, 10) }), r.set(H, O);
   }
-  function l(I, H, U, te) {
-    if (!r.has(I))
+  function l(D, H, U, te) {
+    if (!r.has(D))
       return !1;
-    let X = r.get(I), O = np(U), $ = sp(H), A = cp(te), ie = O.min !== O.max, ge = O.min, xe = (se) => $.kind === "normal" && se === "normal" || $.kind !== "normal" && (se === "italic" || se === "oblique"), ke = !1;
+    let X = r.get(D), O = np(U), $ = sp(H), A = cp(te), ie = O.min !== O.max, ge = O.min, xe = (se) => $.kind === "normal" && se === "normal" || $.kind !== "normal" && (se === "italic" || se === "oblique"), ke = !1;
     for (let se of X) {
       let fe = ie ? se.w >= O.min && se.w <= O.max : se.w === ge, ve = xe(Ko(se.s)), Me = se.st >= A.min && se.st <= A.max;
       if (fe && ve && Me) {
@@ -15433,37 +15433,37 @@ async function yp({ required: e, usedCodepoints: t, exclude: o = void 0, localFo
       }
     return !1;
   }
-  let c = Bi(o), s = fp(e, o, i, a);
-  if ((h = B.resource) != null && h.has(s))
-    return B.resource.get(s);
+  let c = Zi(o), s = fp(e, o, i, a);
+  if ((h = Z.resource) != null && h.has(s))
+    return Z.resource.get(s);
   let d = dp(e), m = [], g = sa;
-  for (let I of document.querySelectorAll("style")) {
-    let H = I.textContent || "";
+  for (let D of document.querySelectorAll("style")) {
+    let H = D.textContent || "";
     for (let U of H.matchAll(g)) {
       let te = (U[2] || U[4] || "").trim();
       !te || Ke(te) || document.querySelector(`link[rel="stylesheet"][href="${te}"]`) || m.push(te);
     }
   }
-  m.length && await Promise.all(m.map((I) => new Promise((H) => {
-    if (document.querySelector(`link[rel="stylesheet"][href="${I}"]`))
+  m.length && await Promise.all(m.map((D) => new Promise((H) => {
+    if (document.querySelector(`link[rel="stylesheet"][href="${D}"]`))
       return H(null);
     let U = document.createElement("link");
-    U.rel = "stylesheet", U.href = I, U.setAttribute("data-snapdom", "injected-import"), U.onload = () => H(U), U.onerror = () => H(null), document.head.appendChild(U);
+    U.rel = "stylesheet", U.href = D, U.setAttribute("data-snapdom", "injected-import"), U.onload = () => H(U), U.onerror = () => H(null), document.head.appendChild(U);
   })));
-  let p = "", y = Array.from(document.querySelectorAll('link[rel="stylesheet"]')).filter((I) => !!I.href);
-  for (let I of y)
+  let p = "", y = Array.from(document.querySelectorAll('link[rel="stylesheet"]')).filter((D) => !!D.href);
+  for (let D of y)
     try {
-      if (Ke(I.href))
+      if (Ke(D.href))
         continue;
       let H = "", U = !1;
       try {
-        U = new URL(I.href, location.href).origin === location.origin;
+        U = new URL(D.href, location.href).origin === location.origin;
       } catch {
       }
-      if (!U && !mp(I.href, d))
+      if (!U && !mp(D.href, d))
         continue;
       if (U) {
-        let X = Array.from(document.styleSheets).find((O) => O.href === I.href);
+        let X = Array.from(document.styleSheets).find((O) => O.href === D.href);
         if (X)
           try {
             let O = X.cssRules || [];
@@ -15471,82 +15471,82 @@ async function yp({ required: e, usedCodepoints: t, exclude: o = void 0, localFo
           } catch {
           }
       }
-      if (!H && (H = (await Ue(I.href, { as: "text", useProxy: a })).data, Ke(I.href)))
+      if (!H && (H = (await Ue(D.href, { as: "text", useProxy: a })).data, Ke(D.href)))
         continue;
-      H = await hp(H, I.href, a);
+      H = await hp(H, D.href, a);
       let te = "";
       for (let X of H.match(up) || []) {
         let O = (((u = X.match(/font-family:\s*([^;]+);/i)) == null ? void 0 : u[1]) || "").trim(), $ = oa(O);
         if (!$ || Ke($))
           continue;
-        let A = (((x = X.match(/font-weight:\s*([^;]+);/i)) == null ? void 0 : x[1]) || "400").trim(), ie = (((v = X.match(/font-style:\s*([^;]+);/i)) == null ? void 0 : v[1]) || "normal").trim(), ge = (((w = X.match(/font-stretch:\s*([^;]+);/i)) == null ? void 0 : w[1]) || "100%").trim(), xe = (((k = X.match(/unicode-range:\s*([^;]+);/i)) == null ? void 0 : k[1]) || "").trim(), ke = (((S = X.match(/src\s*:\s*([^;}]+)[;}]/i)) == null ? void 0 : S[1]) || "").trim(), se = wa(ke, I.href);
+        let A = (((x = X.match(/font-weight:\s*([^;]+);/i)) == null ? void 0 : x[1]) || "400").trim(), ie = (((v = X.match(/font-style:\s*([^;]+);/i)) == null ? void 0 : v[1]) || "normal").trim(), ge = (((w = X.match(/font-stretch:\s*([^;]+);/i)) == null ? void 0 : w[1]) || "100%").trim(), xe = (((k = X.match(/unicode-range:\s*([^;]+);/i)) == null ? void 0 : k[1]) || "").trim(), ke = (((S = X.match(/src\s*:\s*([^;}]+)[;}]/i)) == null ? void 0 : S[1]) || "").trim(), se = wa(ke, D.href);
         if (!l($, ie, A, ge))
           continue;
         let fe = cr(xe);
         if (!mr(t, fe))
           continue;
-        let ve = { family: $, weightSpec: A, styleSpec: ie, stretchSpec: ge, unicodeRange: xe, srcRaw: ke, srcUrls: se, href: I.href };
+        let ve = { family: $, weightSpec: A, styleSpec: ie, stretchSpec: ge, unicodeRange: xe, srcRaw: ke, srcUrls: se, href: D.href };
         if (o && c(ve, fe))
           continue;
-        let Me = /url\(/i.test(ke) ? await dr(X, I.href, a) : X;
+        let Me = /url\(/i.test(ke) ? await dr(X, D.href, a) : X;
         te += Me;
       }
       te.trim() && (p += te);
     } catch {
-      console.warn("[snapDOM] Failed to process stylesheet:", I.href);
+      console.warn("[snapDOM] Failed to process stylesheet:", D.href);
     }
-  let f = { requiredIndex: r, usedCodepoints: t, faceMatchesRequired: l, simpleExcluder: o ? Bi(o) : null, useProxy: a, visitedSheets: /* @__PURE__ */ new Set(), depth: 0 };
-  for (let I of document.styleSheets)
-    if (!(I.href && y.some((H) => H.href === I.href)))
+  let f = { requiredIndex: r, usedCodepoints: t, faceMatchesRequired: l, simpleExcluder: o ? Zi(o) : null, useProxy: a, visitedSheets: /* @__PURE__ */ new Set(), depth: 0 };
+  for (let D of document.styleSheets)
+    if (!(D.href && y.some((H) => H.href === D.href)))
       try {
-        let H = I.href || location.href;
-        H && f.visitedSheets.add(H), await hr(I, H, async (U) => {
+        let H = D.href || location.href;
+        H && f.visitedSheets.add(H), await hr(D, H, async (U) => {
           p += U;
         }, f);
       } catch {
       }
   try {
-    for (let I of document.fonts || []) {
-      if (!I || !I.family || I.status !== "loaded" || !I._snapdomSrc)
+    for (let D of document.fonts || []) {
+      if (!D || !D.family || D.status !== "loaded" || !D._snapdomSrc)
         continue;
-      let H = String(I.family).replace(/^['"]+|['"]+$/g, "");
+      let H = String(D.family).replace(/^['"]+|['"]+$/g, "");
       if (Ke(H) || !r.has(H) || o != null && o.families && o.families.some((te) => String(te).toLowerCase() === H.toLowerCase()))
         continue;
-      let U = I._snapdomSrc;
+      let U = D._snapdomSrc;
       if (!String(U).startsWith("data:")) {
-        if ((_ = B.resource) != null && _.has(I._snapdomSrc))
-          U = B.resource.get(I._snapdomSrc), (M = B.font) == null || M.add(I._snapdomSrc);
-        else if (!((T = B.font) != null && T.has(I._snapdomSrc)))
+        if ((_ = Z.resource) != null && _.has(D._snapdomSrc))
+          U = Z.resource.get(D._snapdomSrc), (M = Z.font) == null || M.add(D._snapdomSrc);
+        else if (!((T = Z.font) != null && T.has(D._snapdomSrc)))
           try {
-            let te = await Ue(I._snapdomSrc, { as: "dataURL", useProxy: a, silent: !0 });
+            let te = await Ue(D._snapdomSrc, { as: "dataURL", useProxy: a, silent: !0 });
             if (te.ok && typeof te.data == "string")
-              U = te.data, (W = B.resource) == null || W.set(I._snapdomSrc, U), (F = B.font) == null || F.add(I._snapdomSrc);
+              U = te.data, (W = Z.resource) == null || W.set(D._snapdomSrc, U), (F = Z.font) == null || F.add(D._snapdomSrc);
             else
               continue;
           } catch {
-            console.warn("[snapDOM] Failed to fetch dynamic font src:", I._snapdomSrc);
+            console.warn("[snapDOM] Failed to fetch dynamic font src:", D._snapdomSrc);
             continue;
           }
       }
-      p += `@font-face{font-family:'${H}';src:url(${U});font-style:${I.style || "normal"};font-weight:${I.weight || "normal"};}`;
+      p += `@font-face{font-family:'${H}';src:url(${U});font-style:${D.style || "normal"};font-weight:${D.weight || "normal"};}`;
     }
   } catch {
   }
-  for (let I of i) {
-    if (!I || typeof I != "object")
+  for (let D of i) {
+    if (!D || typeof D != "object")
       continue;
-    let H = String(I.family || "").replace(/^['"]+|['"]+$/g, "");
+    let H = String(D.family || "").replace(/^['"]+|['"]+$/g, "");
     if (!H || Ke(H) || !r.has(H) || o != null && o.families && o.families.some((A) => String(A).toLowerCase() === H.toLowerCase()))
       continue;
-    let U = I.weight != null ? String(I.weight) : "normal", te = I.style != null ? String(I.style) : "normal", X = I.stretchPct != null ? `${I.stretchPct}%` : "100%", O = String(I.src || ""), $ = O;
+    let U = D.weight != null ? String(D.weight) : "normal", te = D.style != null ? String(D.style) : "normal", X = D.stretchPct != null ? `${D.stretchPct}%` : "100%", O = String(D.src || ""), $ = O;
     if (!$.startsWith("data:")) {
-      if ((E = B.resource) != null && E.has(O))
-        $ = B.resource.get(O), (V = B.font) == null || V.add(O);
-      else if (!((J = B.font) != null && J.has(O)))
+      if ((E = Z.resource) != null && E.has(O))
+        $ = Z.resource.get(O), (V = Z.font) == null || V.add(O);
+      else if (!((J = Z.font) != null && J.has(O)))
         try {
           let A = await Ue(O, { as: "dataURL", useProxy: a, silent: !0 });
           if (A.ok && typeof A.data == "string")
-            $ = A.data, (Q = B.resource) == null || Q.set(O, $), (ee = B.font) == null || ee.add(O);
+            $ = A.data, (Q = Z.resource) == null || Q.set(O, $), (ee = Z.font) == null || ee.add(O);
           else
             continue;
         } catch {
@@ -15556,7 +15556,7 @@ async function yp({ required: e, usedCodepoints: t, exclude: o = void 0, localFo
     }
     p += `@font-face{font-family:'${H}';src:url(${$});font-style:${te};font-weight:${U};font-stretch:${X};}`;
   }
-  return p && (p = gp(p), (he = B.resource) == null || he.set(s, p)), p;
+  return p && (p = gp(p), (he = Z.resource) == null || he.set(s, p)), p;
 }
 function bp(e) {
   let t = /* @__PURE__ */ new Set();
@@ -15674,7 +15674,7 @@ function lt(e, { fast: t = !1 } = {}) {
     return e();
   "requestIdleCallback" in window ? requestIdleCallback(e, { timeout: 50 }) : setTimeout(e, 1);
 }
-function Zo() {
+function Bo() {
   if (typeof navigator > "u")
     return !1;
   let e = navigator.userAgent || "", t = e.toLowerCase(), o = t.includes("safari") && !t.includes("chrome") && !t.includes("crios") && !t.includes("fxios") && !t.includes("android"), i = /applewebkit/i.test(e), a = /mobile/i.test(e), r = !/safari/i.test(e), l = i && a && r, c = /(micromessenger|wxwork|wecom|windowswechat|macwechat)/i.test(e), s = /(baiduboxapp|baidubrowser|baidusearch|baiduboxlite)/i.test(t), d = /ipad|iphone|ipod/.test(t) && i;
@@ -15743,7 +15743,7 @@ function zp(e) {
 function Lp(e, t, o = !1) {
   return !e || e.plugins && !o || (e.plugins = zp(t)), e;
 }
-var Zi = /* @__PURE__ */ new WeakMap(), ca = /* @__PURE__ */ new Map(), ma = 0;
+var Bi = /* @__PURE__ */ new WeakMap(), ca = /* @__PURE__ */ new Map(), ma = 0;
 function Eo() {
   ma++;
 }
@@ -15800,14 +15800,14 @@ function Mp(e) {
   return t || (t = Object.entries(e).sort((o, i) => o[0] < i[0] ? -1 : o[0] > i[0] ? 1 : 0).map(([o, i]) => `${o}:${i}`).join(";"), Oi.set(e, t), t);
 }
 function Sp(e, t = null, o = {}) {
-  let i = Zi.get(e);
+  let i = Bi.get(e);
   if (i && i.epoch === ma)
     return i.snapshot;
   let a = t || getComputedStyle(e), r = Cp(a, o);
-  return Gp(e, a, r), Zi.set(e, { epoch: ma, snapshot: r }), r;
+  return Gp(e, a, r), Bi.set(e, { epoch: ma, snapshot: r }), r;
 }
 function Tp(e, t) {
-  return e && e.session && e.persist ? e : e && (e.styleMap || e.styleCache || e.nodeMap) ? { session: e, persist: { snapshotKeyCache: ca, defaultStyle: B.defaultStyle, baseStyle: B.baseStyle, image: B.image, resource: B.resource, background: B.background, font: B.font }, options: t || {} } : { session: B.session, persist: { snapshotKeyCache: ca, defaultStyle: B.defaultStyle, baseStyle: B.baseStyle, image: B.image, resource: B.resource, background: B.background, font: B.font }, options: e || t || {} };
+  return e && e.session && e.persist ? e : e && (e.styleMap || e.styleCache || e.nodeMap) ? { session: e, persist: { snapshotKeyCache: ca, defaultStyle: Z.defaultStyle, baseStyle: Z.baseStyle, image: Z.image, resource: Z.resource, background: Z.background, font: Z.font }, options: t || {} } : { session: Z.session, persist: { snapshotKeyCache: ca, defaultStyle: Z.defaultStyle, baseStyle: Z.baseStyle, image: Z.image, resource: Z.resource, background: Z.background, font: Z.font }, options: e || t || {} };
 }
 async function nt(e, t, o, i) {
   var p, y, f;
@@ -15965,7 +15965,7 @@ function ia(e, t, o) {
 function Np(e) {
   return e = e.trim(), !e || /:not\(\s*\[data-sd-slotted\]\s*\)\s*$/.test(e) ? e : `${e}:not([data-sd-slotted])`;
 }
-function Bp(e, t, o = !0) {
+function Zp(e, t, o = !0) {
   return e.split(",").map((i) => i.trim()).filter(Boolean).map((i) => {
     if (i.startsWith(":where(") || i.startsWith("@"))
       return i;
@@ -15973,9 +15973,9 @@ function Bp(e, t, o = !0) {
     return `:where(${t} ${a})`;
   }).join(", ");
 }
-function Zp(e, t) {
+function Bp(e, t) {
   return e ? (e = e.replace(/:host\(([^)]+)\)/g, (o, i) => `:where(${t}:is(${i.trim()}))`), e = e.replace(/:host\b/g, `:where(${t})`), e = e.replace(/:host-context\(([^)]+)\)/g, (o, i) => `:where(:where(${i.trim()}) ${t})`), e = e.replace(/::slotted\(([^)]+)\)/g, (o, i) => `:where(${t} ${i.trim()})`), e = e.replace(/(^|})(\s*)([^@}{]+){/g, (o, i, a, r) => {
-    let l = Bp(r, t, !0);
+    let l = Zp(r, t, !0);
     return `${i}${a}${l}{`;
   }), e) : "";
 }
@@ -16102,26 +16102,26 @@ async function qp(e, t, o) {
   let g = document.createElement("div");
   return t.nodeMap.set(g, e), nt(e, g, t, o), g.style.overflow = "hidden", g.style.display = "block", g.style.width || (g.style.width = `${Math.round(l.width)}px`), g.style.height || (g.style.height = `${Math.round(l.height)}px`), g.appendChild(m), g;
 }
-var Bo = /* @__PURE__ */ new Map();
+var Zo = /* @__PURE__ */ new Map();
 async function Oo(e) {
   var o;
-  if ((o = B.resource) != null && o.has(e))
-    return B.resource.get(e);
-  if (Bo.has(e))
-    return Bo.get(e);
+  if ((o = Z.resource) != null && o.has(e))
+    return Z.resource.get(e);
+  if (Zo.has(e))
+    return Zo.get(e);
   let t = (async () => {
     var a;
     let i = await Ue(e, { as: "dataURL", silent: !0 });
     if (!i.ok || typeof i.data != "string")
       throw new Error(`[snapDOM] Failed to read blob URL: ${e}`);
-    return (a = B.resource) == null || a.set(e, i.data), i.data;
+    return (a = Z.resource) == null || a.set(e, i.data), i.data;
   })();
-  Bo.set(e, t);
+  Zo.set(e, t);
   try {
     let i = await t;
-    return Bo.set(e, i), i;
+    return Zo.set(e, i), i;
   } catch (i) {
-    throw Bo.delete(e), i;
+    throw Zo.delete(e), i;
   }
 }
 var Qp = /\bblob:[^)"'\s]+/g;
@@ -16379,7 +16379,7 @@ async function $o(e, t, o) {
       l.setAttribute("data-sd", u);
     } catch {
     }
-    let v = Op(e.shadowRoot), w = Zp(v, x), k = Vp(v), S = Yp(e, k, x);
+    let v = Op(e.shadowRoot), w = Bp(v, x), k = Vp(v), S = Yp(e, k, x);
     Xp(l, S + w, u);
     let _ = document.createDocumentFragment(), M = await ia(Array.from(e.shadowRoot.childNodes), h, o.fast);
     _.append(...M.filter((T) => !!T)), l.appendChild(_);
@@ -16451,7 +16451,7 @@ function Yi(e, t) {
 function rg(e) {
   let t = () => {
     var p;
-    return ((p = B == null ? void 0 : B.session) == null ? void 0 : p.__counterEpoch) ?? 0;
+    return ((p = Z == null ? void 0 : Z.session) == null ? void 0 : p.__counterEpoch) ?? 0;
   }, o = t(), i = /* @__PURE__ */ new WeakMap(), a = e instanceof Document ? e.documentElement : e, r = (p) => p && p.tagName === "LI", l = (p) => {
     let y = 0, f = p == null ? void 0 : p.parentElement;
     if (!f)
@@ -16734,7 +16734,7 @@ async function yr(e, t, o, i) {
   let a = e.ownerDocument || document;
   if (!ng(a, o))
     return;
-  let r = ((d = B == null ? void 0 : B.session) == null ? void 0 : d.__counterEpoch) ?? 0;
+  let r = ((d = Z == null ? void 0 : Z.session) == null ? void 0 : d.__counterEpoch) ?? 0;
   if ($i !== r && (st = /* @__PURE__ */ new WeakMap(), o && (o.__counterCtx = null), $i = r), !o.__counterCtx)
     try {
       o.__counterCtx = rg(e.ownerDocument || document);
@@ -16781,37 +16781,37 @@ async function yr(e, t, o, i) {
         }
         continue;
       }
-      let I = document.createElement("span");
-      I.dataset.snapdomPseudo = p, I.style.pointerEvents = "none";
+      let D = document.createElement("span");
+      D.dataset.snapdomPseudo = p, D.style.pointerEvents = "none";
       let H = Wi(y), U = la(H, "span");
-      if (o.styleMap.set(I, U), E && u && u.length === 1) {
+      if (o.styleMap.set(D, U), E && u && u.length === 1) {
         let { dataUrl: X, width: O, height: $ } = await ip(u, k, _, S, M), A = document.createElement("img");
-        A.src = X, A.style = `height:${S}px;width:${O / $ * S}px;object-fit:contain;`, I.appendChild(A), t.dataset.snapdomHasIcon = "true";
+        A.src = X, A.style = `height:${S}px;width:${O / $ * S}px;object-fit:contain;`, D.appendChild(A), t.dataset.snapdomHasIcon = "true";
       } else if (u && u.startsWith("url(")) {
         let X = ya(u);
         if (X != null && X.trim())
           try {
             let O = document.createElement("img"), $ = await Ue(Qo(X), { as: "dataURL", useProxy: i.useProxy });
-            O.src = $.data, O.style = `width:${S}px;height:auto;object-fit:contain;`, I.appendChild(O);
+            O.src = $.data, O.style = `width:${S}px;height:auto;object-fit:contain;`, D.appendChild(O);
           } catch (O) {
             console.error(`[snapdom] Error in pseudo ${p} for`, e, O);
           }
       } else
-        !E && V && (I.textContent = u);
-      I.style.backgroundImage = "none", "maskImage" in I.style && (I.style.maskImage = "none"), "webkitMaskImage" in I.style && (I.style.webkitMaskImage = "none");
+        !E && V && (D.textContent = u);
+      D.style.backgroundImage = "none", "maskImage" in D.style && (D.style.maskImage = "none"), "webkitMaskImage" in D.style && (D.style.webkitMaskImage = "none");
       try {
-        I.style.backgroundRepeat = y.backgroundRepeat, I.style.backgroundSize = y.backgroundSize, y.backgroundPositionX && y.backgroundPositionY ? (I.style.backgroundPositionX = y.backgroundPositionX, I.style.backgroundPositionY = y.backgroundPositionY) : I.style.backgroundPosition = y.backgroundPosition, I.style.backgroundOrigin = y.backgroundOrigin, I.style.backgroundClip = y.backgroundClip, I.style.backgroundAttachment = y.backgroundAttachment, I.style.backgroundBlendMode = y.backgroundBlendMode;
+        D.style.backgroundRepeat = y.backgroundRepeat, D.style.backgroundSize = y.backgroundSize, y.backgroundPositionX && y.backgroundPositionY ? (D.style.backgroundPositionX = y.backgroundPositionX, D.style.backgroundPositionY = y.backgroundPositionY) : D.style.backgroundPosition = y.backgroundPosition, D.style.backgroundOrigin = y.backgroundOrigin, D.style.backgroundClip = y.backgroundClip, D.style.backgroundAttachment = y.backgroundAttachment, D.style.backgroundBlendMode = y.backgroundBlendMode;
       } catch {
       }
       if (J)
         try {
           let X = nr(v), O = await Promise.all(X.map(ir));
-          I.style.backgroundImage = O.join(", ");
+          D.style.backgroundImage = O.join(", ");
         } catch (X) {
           console.warn(`[snapdom] Failed to inline background-image for ${p}`, X);
         }
-      Q && (I.style.backgroundColor = w);
-      let te = I.childNodes.length > 0 || ((g = I.textContent) == null ? void 0 : g.trim()) !== "" || J || Q || ee || he;
+      Q && (D.style.backgroundColor = w);
+      let te = D.childNodes.length > 0 || ((g = D.textContent) == null ? void 0 : g.trim()) !== "" || J || Q || ee || he;
       if (x && x.length && e.parentElement) {
         let X = st.get(e.parentElement) || /* @__PURE__ */ new Map(), O = ha(e, l), $ = ua(e, getComputedStyle(e, p), O);
         for (let { name: A } of x) {
@@ -16824,7 +16824,7 @@ async function yr(e, t, o, i) {
       }
       if (!te)
         continue;
-      p === "::before" ? t.insertBefore(I, t.firstChild) : t.appendChild(I);
+      p === "::before" ? t.insertBefore(D, t.firstChild) : t.appendChild(D);
     } catch (y) {
       console.warn(`[snapdom] Failed to capture ${p} for`, e, y);
     }
@@ -16998,7 +16998,7 @@ function fg(e) {
 }
 async function yg(e, t = {}) {
   var s, d;
-  let o = { styleMap: B.session.styleMap, styleCache: B.session.styleCache, nodeMap: B.session.nodeMap }, i, a = "", r = "";
+  let o = { styleMap: Z.session.styleMap, styleCache: Z.session.styleCache, nodeMap: Z.session.nodeMap }, i, a = "", r = "";
   fg(e);
   try {
     dg(e);
@@ -17289,7 +17289,7 @@ function Ng(e) {
   let t = Math.ceil(parseFloat(e.outlineWidth || "0") || 0);
   return { top: t, right: t, bottom: t, left: t };
 }
-function Bg(e) {
+function Zg(e) {
   var s;
   let t = `${e.filter || ""} ${e.webkitFilter || ""}`.trim();
   if (!t || t === "none")
@@ -17302,7 +17302,7 @@ function Bg(e) {
   }
   return { bleed: { top: le(i), right: le(a), bottom: le(r), left: le(l) }, has: c };
 }
-function Zg(e, t) {
+function Bg(e, t) {
   if (!e || !t || !t.style)
     return null;
   let o = getComputedStyle(e);
@@ -17442,7 +17442,7 @@ async function wr(e, t) {
   await qe("beforeSnap", r), await qe("beforeClone", r);
   let f = xg(r.element);
   try {
-    ({ clone: l, classCSS: c, styleCache: s } = await yg(r.element, r.options)), !i && l && (y = Zg(r.element, l)), !a && l && Lg(r.element, l);
+    ({ clone: l, classCSS: c, styleCache: s } = await yg(r.element, r.options)), !i && l && (y = Bg(r.element, l)), !a && l && Lg(r.element, l);
   } finally {
     f();
   }
@@ -17467,7 +17467,7 @@ async function wr(e, t) {
   }), t.embedFonts && await new Promise((w) => {
     lt(async () => {
       let k = bp(r.element), S = wp(r.element);
-      if (Zo()) {
+      if (Bo()) {
         let _ = new Set(Array.from(k).map((M) => String(M).split("__")[0]).filter(Boolean));
         await xp(_, 1);
       }
@@ -17475,9 +17475,9 @@ async function wr(e, t) {
     }, { fast: o });
   });
   let h = Hu(r.clone).sort(), u = h.join(",");
-  B.baseStyle.has(u) ? m = B.baseStyle.get(u) : await new Promise((w) => {
+  Z.baseStyle.has(u) ? m = Z.baseStyle.get(u) : await new Promise((w) => {
     lt(() => {
-      m = Yu(h), B.baseStyle.set(u, m), w();
+      m = Yu(h), Z.baseStyle.set(u, m), w();
     }, { fast: o });
   }), r = { fontsCSS: d, baseCSS: m, ...r }, await qe("beforeRender", r), await new Promise((w) => {
     lt(() => {
@@ -17492,17 +17492,17 @@ async function wr(e, t) {
         return Number.isFinite(Re) ? Re : be;
       }, W = T(r.options.width), F = T(r.options.height), E = _, V = M, J = Number.isFinite(W), Q = Number.isFinite(F), ee = M > 0 ? _ / M : 1;
       J && Q ? (E = Math.max(1, le(W)), V = Math.max(1, le(F))) : J ? (E = Math.max(1, le(W)), V = Math.max(1, le(E / (ee || 1)))) : Q ? (V = Math.max(1, le(F)), E = Math.max(1, le(V * (ee || 1)))) : (E = _, V = M);
-      let he = 0, I = 0, H = _, U = M;
+      let he = 0, D = 0, H = _, U = M;
       if (!i && y && Number.isFinite(y.a)) {
         let j = { a: y.a, b: y.b || 0, c: y.c || 0, d: y.d || 1, e: 0, f: 0 }, be = Qi(_, M, j, 0, 0);
-        he = le(be.minX), I = le(be.minY), H = le(be.maxX), U = le(be.maxY);
+        he = le(be.minX), D = le(be.minY), H = le(be.maxX), U = le(be.maxY);
       } else if (i && Hg(r.element)) {
-        let j = k.transform && k.transform !== "none" ? k.transform : "", be = Og(r.element), Re = jg({ baseTransform: j, rotate: be.rotate || "0deg", scale: be.scale, translate: be.translate }), { ox: Ee, oy: Oe } = Eg(k, _, M), q = Re.is2D ? Re : new DOMMatrix(Re.toString()), Be = Qi(_, M, q, Ee, Oe);
-        he = le(Be.minX), I = le(Be.minY), H = le(Be.maxX), U = le(Be.maxY);
+        let j = k.transform && k.transform !== "none" ? k.transform : "", be = Og(r.element), Re = jg({ baseTransform: j, rotate: be.rotate || "0deg", scale: be.scale, translate: be.translate }), { ox: Ee, oy: Oe } = Eg(k, _, M), q = Re.is2D ? Re : new DOMMatrix(Re.toString()), Ze = Qi(_, M, q, Ee, Oe);
+        he = le(Ze.minX), D = le(Ze.minY), H = le(Ze.maxX), U = le(Ze.maxY);
       }
-      let te = Wg(k), X = Fg(k), O = Ng(k), $ = Bg(k), A = a ? { top: le(te.top + X.top + O.top + $.bleed.top), right: le(te.right + X.right + O.right + $.bleed.right), bottom: le(te.bottom + X.bottom + O.bottom + $.bleed.bottom), left: le(te.left + X.left + O.left + $.bleed.left) } : { top: 0, right: 0, bottom: 0, left: 0 };
-      he = le(he - A.left), I = le(I - A.top), H = le(H + A.right), U = le(U + A.bottom);
-      let ie = Math.max(1, le(H - he)), ge = Math.max(1, le(U - I)), xe = J || Q ? le(E / _) : 1, ke = Q || J ? le(V / M) : 1, se = Math.max(1, le(ie * xe)), fe = Math.max(1, le(ge * ke)), ve = "http://www.w3.org/2000/svg", Me = Zo() ? 1 : 0, K = le(Me + (i ? 0 : 1)), me = document.createElementNS(ve, "foreignObject"), je = le(he), Ne = le(I);
+      let te = Wg(k), X = Fg(k), O = Ng(k), $ = Zg(k), A = a ? { top: le(te.top + X.top + O.top + $.bleed.top), right: le(te.right + X.right + O.right + $.bleed.right), bottom: le(te.bottom + X.bottom + O.bottom + $.bleed.bottom), left: le(te.left + X.left + O.left + $.bleed.left) } : { top: 0, right: 0, bottom: 0, left: 0 };
+      he = le(he - A.left), D = le(D - A.top), H = le(H + A.right), U = le(U + A.bottom);
+      let ie = Math.max(1, le(H - he)), ge = Math.max(1, le(U - D)), xe = J || Q ? le(E / _) : 1, ke = Q || J ? le(V / M) : 1, se = Math.max(1, le(ie * xe)), fe = Math.max(1, le(ge * ke)), ve = "http://www.w3.org/2000/svg", Me = Bo() ? 1 : 0, K = le(Me + (i ? 0 : 1)), me = document.createElementNS(ve, "foreignObject"), je = le(he), Ne = le(D);
       me.setAttribute("x", String(le(-(je - K)))), me.setAttribute("y", String(le(-(Ne - K)))), me.setAttribute("width", String(le(_ + K * 2))), me.setAttribute("height", String(le(M + K * 2))), me.style.overflow = "visible";
       let Le = document.createElement("style");
       Le.textContent = r.baseCSS + r.fontsCSS + "svg{overflow:visible;} foreignObject{overflow:visible;}" + r.classCSS, me.appendChild(Le);
@@ -17510,8 +17510,8 @@ async function wr(e, t) {
       Te.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), Te.style.width = `${le(_)}px`, Te.style.height = `${le(M)}px`, Te.style.overflow = "visible", r.clone.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), Te.appendChild(r.clone), me.appendChild(Te);
       let oe = new XMLSerializer().serializeToString(me), Pe = le(ie + K * 2), pe = le(ge + K * 2), ye = J || Q;
       t.meta = { w0: _, h0: M, vbW: Pe, vbH: pe, targetW: E, targetH: V };
-      let Ze = Zo() && ye ? Pe : le(se + K * 2), He = Zo() && ye ? pe : le(fe + K * 2);
-      p = `<svg xmlns="${ve}" width="${Ze}" height="${He}" viewBox="0 0 ${Pe} ${pe}">` + oe + "</svg>", g = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(p)}`, r = { svgString: p, dataURL: g, ...r }, w();
+      let Be = Bo() && ye ? Pe : le(se + K * 2), He = Bo() && ye ? pe : le(fe + K * 2);
+      p = `<svg xmlns="${ve}" width="${Be}" height="${He}" viewBox="0 0 ${Pe} ${pe}">` + oe + "</svg>", g = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(p)}`, r = { svgString: p, dataURL: g, ...r }, w();
     }, { fast: o });
   }), await qe("afterRender", r);
   let x = document.getElementById("snapdom-sandbox");
@@ -17542,7 +17542,7 @@ async function Kg(e, t) {
   if (!e)
     throw new Error("Element cannot be null or undefined");
   let o = Ug(t);
-  if (Lp(o, t && t.plugins), Zo() && (o.embedFonts === !0 || qg(e)))
+  if (Lp(o, t && t.plugins), Bo() && (o.embedFonts === !0 || qg(e)))
     for (let i = 0; i < 3; i++)
       try {
         await $g(e, t), pa = !1;
@@ -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-a7edbb61.js");
+    let { toImg: u } = await import("./toImg-2cffe07a.js");
     return u(i, { ...f, ...h || {} });
   }, svg: async (f, h) => {
-    let { toSvg: u } = await import("./toImg-a7edbb61.js");
+    let { toSvg: u } = await import("./toImg-2cffe07a.js");
     return u(i, { ...f, ...h || {} });
   }, canvas: async (f, h) => {
-    let { toCanvas: u } = await import("./toCanvas-6f621445.js");
+    let { toCanvas: u } = await import("./toCanvas-d57ef46f.js");
     return u(i, { ...f, ...h || {} });
   }, blob: async (f, h) => {
-    let { toBlob: u } = await import("./toBlob-2d6b873a.js");
+    let { toBlob: u } = await import("./toBlob-60a7613b.js");
     return u(i, { ...f, ...h || {} });
   }, png: async (f, h) => {
-    let { rasterize: u } = await import("./rasterize-JS5G2XHH-98439d5d.js");
+    let { rasterize: u } = await import("./rasterize-JS5G2XHH-5c492e33.js");
     return u(i, { ...f, ...h || {}, format: "png" });
   }, jpeg: async (f, h) => {
-    let { rasterize: u } = await import("./rasterize-JS5G2XHH-98439d5d.js");
+    let { rasterize: u } = await import("./rasterize-JS5G2XHH-5c492e33.js");
     return u(i, { ...f, ...h || {}, format: "jpeg" });
   }, webp: async (f, h) => {
-    let { rasterize: u } = await import("./rasterize-JS5G2XHH-98439d5d.js");
+    let { rasterize: u } = await import("./rasterize-JS5G2XHH-5c492e33.js");
     return u(i, { ...f, ...h || {}, format: "webp" });
   }, download: async (f, h) => {
-    let { download: u } = await import("./download-9f10d85c.js");
+    let { download: u } = await import("./download-101a4a1f.js");
     return u(i, { ...f, ...h || {} });
   } }, r = { ...t, export: { url: i }, exports: { svg: async (f) => {
-    let { toSvg: h } = await import("./toImg-a7edbb61.js");
+    let { toSvg: h } = await import("./toImg-2cffe07a.js");
     return h(i, { ...t, ...f || {}, [$e]: !0 });
   }, canvas: async (f) => {
-    let { toCanvas: h } = await import("./toCanvas-6f621445.js");
+    let { toCanvas: h } = await import("./toCanvas-d57ef46f.js");
     return h(i, { ...t, ...f || {}, [$e]: !0 });
   }, png: async (f) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-98439d5d.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-5c492e33.js");
     return h(i, { ...t, ...f || {}, format: "png", [$e]: !0 });
   }, jpeg: async (f) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-98439d5d.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-5c492e33.js");
     return h(i, { ...t, ...f || {}, format: "jpeg", [$e]: !0 });
   }, jpg: async (f) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-98439d5d.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-5c492e33.js");
     return h(i, { ...t, ...f || {}, format: "jpeg", [$e]: !0 });
   }, webp: async (f) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-98439d5d.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-5c492e33.js");
     return h(i, { ...t, ...f || {}, format: "webp", [$e]: !0 });
   }, blob: async (f) => {
-    let { toBlob: h } = await import("./toBlob-2d6b873a.js");
+    let { toBlob: h } = await import("./toBlob-60a7613b.js");
     return h(i, { ...t, ...f || {}, [$e]: !0 });
   }, img: async (f) => {
-    let { toImg: h } = await import("./toImg-a7edbb61.js");
+    let { toImg: h } = await import("./toImg-2cffe07a.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));
@@ -18032,23 +18032,32 @@ class o0 {
     }
   }
   processImage(t, o) {
+    const i = window.devicePixelRatio || 1, a = this.captureRect.x * i, r = this.captureRect.y * i, l = this.captureRect.width * i, c = this.captureRect.height * i;
     this.ctx.drawImage(
       t,
-      this.captureRect.x,
-      this.captureRect.y,
-      this.captureRect.width,
-      this.captureRect.height,
+      a,
+      // 源图像x坐标（实际像素）
+      r,
+      // 源图像y坐标（实际像素）
+      l,
+      // 源图像宽度（实际像素）
+      c,
+      // 源图像高度（实际像素）
       0,
+      // 目标画布x坐标（CSS像素）
       0,
+      // 目标画布y坐标（CSS像素）
       this.captureRect.width,
+      // 目标画布宽度（CSS像素）
       this.captureRect.height
+      // 目标画布高度（CSS像素）
     );
-    const i = o, a = Math.max(this.captureRect.width / 48, this.captureRect.height / 48), r = 8, l = 12;
-    this.ctx.font = `bold ${a}px Arial, sans-serif`, this.ctx.textAlign = "center", this.ctx.textBaseline = "top";
-    const s = this.ctx.measureText(i).width, d = a, m = (this.captureRect.width - s) / 2 - r * 2, g = l, p = s + r * 4, y = d + r * 2;
-    this.ctx.fillStyle = "rgba(0, 0, 0, 0.6)", this.ctx.beginPath(), this.ctx.roundRect(m, g, p, y, 16), this.ctx.fill(), this.ctx.fillStyle = "#ffffff", this.ctx.fillText(i, this.captureRect.width / 2, l + r);
-    const f = this.ctx.getImageData(0, 0, this.captureRect.width, this.captureRect.height);
-    this.frames.push(f), console.log("[GifRecorder] 帧添加成功, 当前帧数:", this.frames.length);
+    const s = o, d = 18, m = 8, g = 12;
+    this.ctx.font = `bold ${d}px Arial, sans-serif`, this.ctx.textAlign = "center", this.ctx.textBaseline = "top";
+    const y = this.ctx.measureText(s).width, f = d, h = (this.captureRect.width - y) / 2 - m * 2, u = g, x = y + m * 4, v = f + m * 2;
+    this.ctx.fillStyle = "rgba(0, 0, 0, 0.6)", this.ctx.beginPath(), this.ctx.roundRect(h, u, x, v, 16), this.ctx.fill(), this.ctx.fillStyle = "#ffffff", this.ctx.fillText(s, this.captureRect.width / 2, g + m);
+    const w = this.ctx.getImageData(0, 0, this.captureRect.width, this.captureRect.height);
+    this.frames.push(w), console.log("[GifRecorder] 帧添加成功, 当前帧数:", this.frames.length);
   }
   /**
    * 获取当前帧数
@@ -18143,17 +18152,9 @@ const a0 = {
       type: Number,
       default: void 0
     },
-    gateway: {
-      type: String,
-      default: ""
-    },
     token: {
       type: String,
       default: ""
-    },
-    defaultMeteoToken: {
-      type: String,
-      default: ""
     }
   },
   emits: ["closeRecord", "preview"],
@@ -18161,7 +18162,7 @@ const a0 = {
     return {
       recorder: null,
       actionStatus: 0,
-      // 1 ready, 2 dragging, 3 dragend, 4 confirmed, 5 recording, 6 saving, 7 stop
+      // 1 ready, 2 dragging, 3 dragend, 4 confirmed, 5 stopped, 6 generated， 7uploaded
       startX: 0,
       startY: 0,
       selection: {
@@ -18172,7 +18173,8 @@ const a0 = {
       },
       frameCount: 0,
       blob: null,
-      ossClient: null
+      ossClient: null,
+      gifUrl: ""
     };
   },
   computed: {
@@ -18191,14 +18193,16 @@ const a0 = {
   watch: {
     isPlaying: {
       handler(e) {
-        e ? this.actionStatus === 4 && this.recorder && (this.recorder.startRecording(), this.actionStatus = 5, this.frameCount = 0, console.log("[BottomBar] GIF 模式开始，使用正常播放 + 事件截图")) : this.actionStatus === 5 && this.recorder && (console.log("[BottomBar] 等待最后一帧截图完成..."), setTimeout(async () => {
-          await this.finishGifGeneration();
-        }, 2e3));
       }
     },
     enabled: {
       handler(e) {
-        e && (this.actionStatus = 1);
+        e ? this.actionStatus = 1 : this.actionStatus = 5;
+      }
+    },
+    actionStatus: {
+      handler(e) {
+        this.actionStatus === 4 && this.startRecord(), this.actionStatus === 5 && this.recorder && this.createGif(), this.actionStatus === 6 && this.handleUpload(this.blob), this.actionStatus === 7 && this.$emit("preview", this.gifUrl);
       }
     }
   },
@@ -18206,7 +18210,6 @@ const a0 = {
     this.ossClient = await Mr.create(this.token);
   },
   methods: {
-    //鼠标选取区域
     handleMouseDown(e) {
       this.actionStatus >= 2 && e.clientX >= this.selection.x && e.clientX <= this.selection.x + this.selection.width && e.clientY >= this.selection.y && e.clientY <= this.selection.y + this.selection.height || (this.actionStatus = 2, this.startX = e.clientX, this.startY = e.clientY, this.selection = {
         x: e.clientX,
@@ -18227,57 +18230,56 @@ const a0 = {
       };
     },
     handleMouseUp() {
-      this.selection.width > 20 && this.selection.height > 20 ? this.actionStatus = 3 : this.actionStatus = 1;
+      var e, t;
+      ((e = this.selection) == null ? void 0 : e.width) > 20 && ((t = this.selection) == null ? void 0 : t.height) > 20 ? this.actionStatus = 3 : this.actionStatus = 1;
     },
     handleConfirm() {
-      this.actionStatus = 4, this.recorder = new o0(), this.recorder.setArea(this.selection), this.recorder.setFrameDelay(this.frequency), this.isPlaying && (this.recorder.startRecording(), this.actionStatus = 5, this.frameCount = 0, console.log("[BottomBar] GIF 模式开始，使用正常播放 + 事件截图"));
+      this.actionStatus = 4;
     },
     handleCancel() {
       this.actionStatus = 1, this.recorder = null, this.selection = { x: 0, y: 0, width: 0, height: 0 };
     },
-    // 外部调用：气象图层渲染完成时
-    handleWeatherRendered() {
-      console.log("[BottomBar] 收到气象渲染完成事件, actionStatus:", this.actionStatus), this.recorder && (this.actionStatus === 4 || this.actionStatus === 5) && (console.log("[BottomBar] 气象加载完成，开始截图"), this.captureCurrentFrame());
+    startRecord() {
+      var e, t, o;
+      this.frameCount = 0, this.recorder = new o0(), (e = this.recorder) == null || e.setArea(this.selection), (t = this.recorder) == null || t.setFrameDelay(this.frequency), (o = this.recorder) == null || o.startRecording(), console.log("[BottomBar] 录制准备就绪");
     },
-    // 捕获当前帧
     async captureCurrentFrame() {
-      var e;
-      if (!this.recorder || !this.actionStatus === 4 || !this.actionStatus === 5) {
-        console.log("[BottomBar] 截图跳过:", { isCapturing: this.actionStatus === 5, hasRecorder: !!this.recorder, hasRect: !!this.actionStatus === 4 });
-        return;
-      }
-      try {
-        const t = (e = document.getElementsByClassName("gif-container")) == null ? void 0 : e[0];
-        console.log("[BottomBar] 开始截图, element:", !!t), t && (await this.recorder.captureFrame(t, this.computedUTCTime(this.currentTimestamp)), this.frameCount = this.recorder.getFrameCount(), console.log("[BottomBar] 截图完成, 帧数:", this.frameCount));
-      } catch (t) {
-        console.error("[BottomBar] 截图失败:", t);
-      }
-    },
-    // 完成 GIF 生成
-    async finishGifGeneration() {
-      if (this.recorder) {
-        this.recorder.stopRecording(), console.log("[BottomBar] GIF 停止录制，帧数:", this.frameCount);
+      var e, t, o;
+      if (!(!this.recorder || this.actionStatus !== 4)) {
+        console.log("[BottomBar] 开始截第" + (this.frameCount + 1) + "帧截图");
         try {
-          this.blob = await this.recorder.generateGif(), console.log("[BottomBar] GIF 生成完成:", this.blob), this.blob && (this.actionStatus = 6, await this.handleUpload(this.blob));
-        } catch (e) {
-          console.error("[BottomBar] GIF 生成失败:", e), this.clear();
+          const i = (e = document.getElementsByClassName("gif-container")) == null ? void 0 : e[0];
+          i && (await ((t = this.recorder) == null ? void 0 : t.captureFrame(i, this.computedUTCTime(this.currentTimestamp))), this.frameCount = (o = this.recorder) == null ? void 0 : o.getFrameCount(), console.log("[BottomBar] 截图总帧数:", this.frameCount));
+        } catch (i) {
+          console.error("[BottomBar] 截图失败:", i);
         }
       }
     },
+    async createGif() {
+      console.log("[BottomBar] 等待最后一帧截图完成..."), setTimeout(async () => {
+        var e, t;
+        if (this.recorder) {
+          (e = this.recorder) == null || e.stopRecording(), console.log("[BottomBar] 停止录制，总帧数:", this.frameCount);
+          try {
+            this.blob = await ((t = this.recorder) == null ? void 0 : t.generateGif()), console.log("[BottomBar] GIF生成完成:", this.blob), this.blob && (this.actionStatus = 6);
+          } catch (o) {
+            console.error("[BottomBar] GIF生成失败:", o), this.clear();
+          }
+        }
+      }, 2e3);
+    },
     clear() {
-      this.actionStatus === 5 && this.recorder ? (console.log("[BottomBar] 等待最后一帧截图完成..."), setTimeout(async () => {
-        await this.finishGifGeneration();
-      }, 2e3)) : (this.actionStatus = 0, this.frameCount = 0, this.blob = null, this.recorder && (this.recorder.reset(), this.recorder = null), this.$emit("closeRecord"));
+      var e;
+      this.actionStatus = 0, this.frameCount = 0, this.blob = null, this.gifUrl = "", this.recorder && ((e = this.recorder) == null || e.reset(), this.recorder = null), this.$emit("closeRecord"), console.log("[BottomBar] 关闭录制功能，清空数据");
     },
     async handleUpload(e) {
-      var a;
+      var i, a;
+      console.log("[BottomBar] 开始上传");
       const t = {
         stream: e,
         ext: "gif"
-      }, 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.actionStatus = 7;
+      }, o = await ((i = this.ossClient) == null ? void 0 : i.put2HZ("/share", [t]));
+      this.gifUrl = ((a = o == null ? void 0 : o[0]) == null ? void 0 : a.url) || "", console.log("[BottomBar] 上传成功"), this.actionStatus = 7;
     },
     handleDownload() {
       const t = `ORM-Record-${G().format("yyyyMMDD-HHmm")}.gif`;
@@ -18296,22 +18298,22 @@ const a0 = {
 }, h0 = { class: "text-body-2" };
 function u0(e, t, o, i, a, r) {
   const l = R("VBtn");
-  return C(), D("div", i0, [
-    a.actionStatus > 0 && a.actionStatus < 4 ? (C(), D("div", {
+  return P(), I("div", i0, [
+    a.actionStatus > 0 && a.actionStatus < 4 ? (P(), I("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 ? (C(), D("div", r0, b(e.$t("tips.crossHairText")), 1)) : N("", !0),
-      a.actionStatus >= 2 ? (C(), D("div", {
+      a.actionStatus === 1 ? (P(), I("div", r0, b(e.$t("tips.crossHairText")), 1)) : N("", !0),
+      a.actionStatus >= 2 ? (P(), I("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 ? (C(), D("div", {
+        a.actionStatus === 3 ? (P(), I("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(() => {
@@ -18336,7 +18338,7 @@ function u0(e, t, o, i, a, r) {
         ], 32)) : N("", !0)
       ], 4)) : N("", !0)
     ], 32)) : N("", !0),
-    a.actionStatus >= 4 && a.actionStatus < 7 ? (C(), D("div", {
+    a.actionStatus >= 4 && a.actionStatus <= 6 ? (P(), I("div", {
       key: 1,
       class: _e(["capture-frame", { recording: a.actionStatus === 5 }]),
       style: ue(r.selectionStyle)
@@ -18351,11 +18353,11 @@ function u0(e, t, o, i, a, r) {
         onMouseup: t[6] || (t[6] = Se(() => {
         }, ["stop"]))
       }, [
-        a.actionStatus === 5 ? (C(), D("div", c0, [
+        a.actionStatus === 4 ? (P(), I("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 ? (C(), D("div", d0, [
+        a.actionStatus === 5 || a.actionStatus === 6 ? (P(), I("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)
@@ -18363,7 +18365,7 @@ function u0(e, t, o, i, a, r) {
     ], 6)) : N("", !0)
   ]);
 }
-const p0 = /* @__PURE__ */ ne(a0, [["render", u0], ["__scopeId", "data-v-a4c89b31"]]);
+const p0 = /* @__PURE__ */ ne(a0, [["render", u0], ["__scopeId", "data-v-a6fb44ac"]]);
 const g0 = {
   name: "IdmBottomBar",
   components: { DateTimePicker: ta, IdmCapture: p0 },
@@ -18497,13 +18499,19 @@ const g0 = {
       this.$parent.$refs.idmWeatherLayers.handleMenuToggle();
     }
   }
-}, f0 = { class: "idm-bottom-bar-gl4" }, y0 = { class: "date-box d-flex ga-2 mr-2" }, b0 = { class: "play-btns-box d-flex justify-center align-center cursor-pointer" }, w0 = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, x0 = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, v0 = {
+}, f0 = { class: "idm-bottom-bar-gl4" }, y0 = { class: "date-box d-flex ga-2 mr-2" }, b0 = { class: "play-btns-box d-flex justify-center align-center cursor-pointer ga-1" }, w0 = {
+  key: 0,
+  class: "iconfont icon-record"
+}, x0 = {
+  key: 1,
+  class: "iconfont icon-stop-record text-danger"
+}, v0 = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, k0 = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, _0 = {
   key: 0,
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
-}, 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) {
+}, z0 = ["onClick"], L0 = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, P0 = { class: "text-body-1" };
+function C0(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 C(), D("div", f0, [
+  return P(), I("div", f0, [
     L(l, Y({
       ref: "capture",
       isPlaying: !a.paused,
@@ -18538,13 +18546,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: P(() => [
+          default: C(() => [
             de(b(a.intervalHour) + " h ", 1),
             L(g, { activator: "parent" }, {
-              default: P(() => [
+              default: C(() => [
                 L(m, { class: "pa-1" }, {
-                  default: P(() => [
-                    (C(!0), D(Ie, null, De(a.intervalOptions, (h, u) => (C(), Z(d, {
+                  default: C(() => [
+                    (P(!0), I(Ie, null, De(a.intervalOptions, (h, u) => (P(), B(d, {
                       key: u,
                       value: h,
                       variant: a.intervalHour === h ? "tonal" : "text",
@@ -18556,11 +18564,11 @@ function L0(e, t, o, i, a, r) {
                       "min-width": "30",
                       class: "pa-0 text-center text-body-1"
                     }, {
-                      default: P(() => [
+                      default: C(() => [
                         L(s, {
                           onClick: (x) => a.intervalHour = h
                         }, {
-                          default: P(() => [
+                          default: C(() => [
                             de(b(h) + "h", 1)
                           ]),
                           _: 2
@@ -18586,35 +18594,33 @@ function L0(e, t, o, i, a, r) {
       n("div", b0, [
         L(f, {
           text: e.$t("actions.record"),
-          location: "top"
+          location: "top",
+          interactive: !0,
+          "open-on-click": !1
         }, {
-          activator: P(({ props: h }) => [
+          activator: C(({ props: h }) => [
             L(p, Y(h, {
               icon: "",
               size: "small",
               density: "comfortable",
               variant: "text",
-              color: a.gifEnabled ? "primary" : "",
-              class: "mr-1",
               onClick: t[5] || (t[5] = (u) => a.gifEnabled = !a.gifEnabled)
             }), {
-              default: P(() => t[12] || (t[12] = [
-                n("i", {
-                  class: "mdi mdi-radiobox-marked",
-                  style: { "font-size": "22px" }
-                }, null, -1)
-              ])),
-              _: 2,
-              __: [12]
-            }, 1040, ["color"])
+              default: C(() => [
+                a.gifEnabled ? (P(), I("i", x0)) : (P(), I("i", w0))
+              ]),
+              _: 2
+            }, 1040)
           ]),
           _: 1
         }, 8, ["text"]),
         L(f, {
           text: e.$t("actions.reset"),
-          location: "top"
+          location: "top",
+          interactive: !0,
+          "open-on-click": !1
         }, {
-          activator: P(({ props: h }) => [
+          activator: C(({ props: h }) => [
             L(p, Y(h, {
               icon: "",
               size: "small",
@@ -18622,20 +18628,22 @@ function L0(e, t, o, i, a, r) {
               variant: "text",
               onClick: r.handleReset
             }), {
-              default: P(() => t[13] || (t[13] = [
+              default: C(() => t[12] || (t[12] = [
                 n("i", { class: "iconfont icon-Reset" }, null, -1)
               ])),
               _: 2,
-              __: [13]
+              __: [12]
             }, 1040, ["onClick"])
           ]),
           _: 1
         }, 8, ["text"]),
         L(f, {
           text: e.$t("actions.backward"),
-          location: "top"
+          location: "top",
+          interactive: !0,
+          "open-on-click": !1
         }, {
-          activator: P(({ props: h }) => [
+          activator: C(({ props: h }) => [
             L(p, Y(h, {
               icon: "",
               size: "small",
@@ -18643,62 +18651,68 @@ function L0(e, t, o, i, a, r) {
               variant: "text",
               onClick: r.handleBackward
             }), {
-              default: P(() => t[14] || (t[14] = [
+              default: C(() => t[13] || (t[13] = [
                 n("i", { class: "iconfont icon-Backward" }, null, -1)
               ])),
               _: 2,
-              __: [14]
+              __: [13]
             }, 1040, ["onClick"])
           ]),
           _: 1
         }, 8, ["text"]),
         L(f, {
           text: e.$t("actions.play"),
-          location: "top"
+          location: "top",
+          interactive: !0,
+          "open-on-click": !1
         }, {
-          activator: P(({ props: h }) => [
-            a.paused ? (C(), Z(p, Y({ key: 0 }, h, {
+          activator: C(({ props: h }) => [
+            a.paused ? (P(), B(p, Y({ key: 0 }, h, {
               icon: "",
               size: "small",
               density: "comfortable",
               variant: "text",
               onClick: r.handlePlay
             }), {
-              default: P(() => t[15] || (t[15] = [
+              default: C(() => t[14] || (t[14] = [
                 n("i", { class: "iconfont icon-Play" }, null, -1)
               ])),
               _: 2,
-              __: [15]
+              __: [14]
             }, 1040, ["onClick"])) : N("", !0)
           ]),
           _: 1
         }, 8, ["text"]),
         L(f, {
           text: e.$t("actions.pause"),
-          location: "top"
+          location: "top",
+          interactive: !0,
+          "open-on-click": !1
         }, {
-          activator: P(({ props: h }) => [
-            a.paused ? N("", !0) : (C(), Z(p, Y({ key: 0 }, h, {
+          activator: C(({ props: h }) => [
+            a.paused ? N("", !0) : (P(), B(p, Y({ key: 0 }, h, {
               icon: "",
               size: "small",
               density: "comfortable",
               variant: "text",
               onClick: r.handlePause
             }), {
-              default: P(() => t[16] || (t[16] = [
+              default: C(() => t[15] || (t[15] = [
                 n("i", { class: "iconfont icon-Pause" }, null, -1)
               ])),
               _: 2,
-              __: [16]
+              __: [15]
             }, 1040, ["onClick"]))
           ]),
           _: 1
         }, 8, ["text"]),
         L(f, {
           text: e.$t("actions.forward"),
-          location: "top"
+          location: "top",
+          interactive: !0,
+          "open-on-click": !1
         }, {
-          activator: P(({ props: h }) => [
+          activator: C(({ props: h }) => [
             L(p, Y(h, {
               icon: "",
               size: "small",
@@ -18706,11 +18720,11 @@ function L0(e, t, o, i, a, r) {
               variant: "text",
               onClick: r.handleForward
             }), {
-              default: P(() => t[17] || (t[17] = [
+              default: C(() => t[16] || (t[16] = [
                 n("i", { class: "iconfont icon-Forward" }, null, -1)
               ])),
               _: 2,
-              __: [17]
+              __: [16]
             }, 1040, ["onClick"])
           ]),
           _: 1
@@ -18721,12 +18735,12 @@ function L0(e, t, o, i, a, r) {
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      n("div", w0, [
+      n("div", v0, [
         L(f, {
           text: e.$t("weather.windBarbs"),
           location: "top"
         }, {
-          activator: P(({ props: h }) => {
+          activator: C(({ props: h }) => {
             var u, x;
             return [
               L(p, Y(h, {
@@ -18738,11 +18752,11 @@ function L0(e, t, o, i, a, r) {
                 "min-width": "24",
                 onClick: t[6] || (t[6] = (v) => r.handleClickFastWeather("wind"))
               }), {
-                default: P(() => t[18] || (t[18] = [
+                default: C(() => t[17] || (t[17] = [
                   n("i", { class: "iconfont icon-a-WindLevel" }, null, -1)
                 ])),
                 _: 2,
-                __: [18]
+                __: [17]
               }, 1040, ["color", "variant"])
             ];
           }),
@@ -18752,7 +18766,7 @@ function L0(e, t, o, i, a, r) {
           text: e.$t("weather.sigWaveHeight"),
           location: "top"
         }, {
-          activator: P(({ props: h }) => {
+          activator: C(({ props: h }) => {
             var u, x;
             return [
               L(p, Y(h, {
@@ -18764,7 +18778,7 @@ function L0(e, t, o, i, a, r) {
                 "min-width": "24",
                 onClick: t[7] || (t[7] = (v) => r.handleClickFastWeather("sig-wave-height"))
               }), {
-                default: P(() => [
+                default: C(() => [
                   n("i", Y(h, { class: "iconfont icon-a-WaveHeight" }), null, 16)
                 ]),
                 _: 2
@@ -18777,7 +18791,7 @@ function L0(e, t, o, i, a, r) {
           text: e.$t("weather.currentDirection"),
           location: "top"
         }, {
-          activator: P(({ props: h }) => {
+          activator: C(({ props: h }) => {
             var u, x;
             return [
               L(p, Y(h, {
@@ -18789,7 +18803,7 @@ function L0(e, t, o, i, a, r) {
                 "min-width": "24",
                 onClick: t[8] || (t[8] = (v) => r.handleClickFastWeather("current-direction"))
               }), {
-                default: P(() => [
+                default: C(() => [
                   n("i", Y(h, { class: "iconfont icon-Current" }), null, 16)
                 ]),
                 _: 2
@@ -18802,7 +18816,7 @@ function L0(e, t, o, i, a, r) {
           text: e.$t("weather.weatherLayers"),
           location: "top"
         }, {
-          activator: P(({ props: h }) => [
+          activator: C(({ props: h }) => [
             L(p, Y(h, {
               class: "pa-1 d-flex",
               variant: "text",
@@ -18811,7 +18825,7 @@ function L0(e, t, o, i, a, r) {
               "min-width": "24",
               onClick: r.handleClickFastMore
             }), {
-              default: P(() => [
+              default: C(() => [
                 n("i", Y(h, { class: "iconfont icon-dots-align" }), null, 16)
               ]),
               _: 2
@@ -18825,7 +18839,7 @@ function L0(e, t, o, i, a, r) {
         class: "mx-2 mr-3 my-3",
         style: { height: "16px" }
       }),
-      n("div", x0, [
+      n("div", k0, [
         L(p, {
           text: "",
           height: "30",
@@ -18833,11 +18847,11 @@ function L0(e, t, o, i, a, r) {
           color: a.source === "GFS" ? "primary" : "",
           onClick: t[9] || (t[9] = (h) => a.source = "GFS")
         }, {
-          default: P(() => t[19] || (t[19] = [
+          default: C(() => t[18] || (t[18] = [
             de("NOAA", -1)
           ])),
           _: 1,
-          __: [19]
+          __: [18]
         }, 8, ["color"]),
         L(p, {
           text: "",
@@ -18846,11 +18860,11 @@ function L0(e, t, o, i, a, r) {
           color: a.source === "ECMWF" ? "primary" : "",
           onClick: t[10] || (t[10] = (h) => a.source = "ECMWF")
         }, {
-          default: P(() => t[20] || (t[20] = [
+          default: C(() => t[19] || (t[19] = [
             de("ECMWF", -1)
           ])),
           _: 1,
-          __: [20]
+          __: [19]
         }, 8, ["color"])
       ])
     ], 4),
@@ -18858,14 +18872,14 @@ 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 ? (C(), D("div", v0, [
-        (C(!0), D(Ie, null, De(a.offsets, (h) => (C(), D("div", {
+      a.showTimezone ? (P(), I("div", _0, [
+        (P(!0), I(Ie, null, De(a.offsets, (h) => (P(), I("div", {
           key: h,
           class: "item rounded text-body-2 hover-active",
           onClick: (u) => a.timeZone = h
-        }, b(h < 0 ? h : "+" + h), 9, k0))), 128))
+        }, b(h < 0 ? h : "+" + h), 9, z0))), 128))
       ])) : N("", !0),
-      n("div", _0, [
+      n("div", L0, [
         L(p, {
           text: "",
           variant: "flat",
@@ -18874,18 +18888,18 @@ function L0(e, t, o, i, a, r) {
           color: "primary",
           onClick: t[11] || (t[11] = (h) => a.showTimezone = !a.showTimezone)
         }, {
-          default: P(() => [
+          default: C(() => [
             de(" UTC " + b(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
           ]),
           _: 1
         }),
-        n("span", z0, b(a.currentRealTime), 1)
+        n("span", P0, b(a.currentRealTime), 1)
       ])
     ], 4)
   ]);
 }
-const P0 = /* @__PURE__ */ ne(g0, [["render", L0]]);
-const C0 = {
+const M0 = /* @__PURE__ */ ne(g0, [["render", C0]]);
+const S0 = {
   name: "IdmTimePlayer",
   components: { DateTimePicker: ta },
   props: {
@@ -18993,14 +19007,14 @@ const C0 = {
       this.step = Math.floor(t / this.frequency), this.animation = requestAnimationFrame(this.animateSpeeds);
     }
   }
-}, M0 = { class: "w-100 timeline-box d-flex justify-space-around align-center rounded px-2" };
-function S0(e, t, o, i, a, r) {
+}, T0 = { class: "w-100 timeline-box d-flex justify-space-around align-center rounded px-2" };
+function R0(e, t, o, i, a, r) {
   const l = R("VBtn"), c = R("DateTimePicker");
-  return C(), D("div", {
+  return P(), I("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" })
   }, [
-    n("div", M0, [
+    n("div", T0, [
       L(l, {
         size: "small",
         density: "compact",
@@ -19010,7 +19024,7 @@ function S0(e, t, o, i, a, r) {
         height: "30",
         onClick: r.handleReset
       }, {
-        default: P(() => t[4] || (t[4] = [
+        default: C(() => t[4] || (t[4] = [
           n("i", { class: "iconfont icon-Reset" }, null, -1)
         ])),
         _: 1,
@@ -19025,7 +19039,7 @@ function S0(e, t, o, i, a, r) {
         height: "30",
         onClick: r.handleBackward
       }, {
-        default: P(() => t[5] || (t[5] = [
+        default: C(() => t[5] || (t[5] = [
           n("i", { class: "iconfont icon-Backward" }, null, -1)
         ])),
         _: 1,
@@ -19053,13 +19067,13 @@ function S0(e, t, o, i, a, r) {
         height: "30",
         onClick: r.handleForward
       }, {
-        default: P(() => t[6] || (t[6] = [
+        default: C(() => t[6] || (t[6] = [
           n("i", { class: "iconfont icon-Forward" }, null, -1)
         ])),
         _: 1,
         __: [6]
       }, 8, ["onClick"]),
-      a.paused ? (C(), Z(l, {
+      a.paused ? (P(), B(l, {
         key: 0,
         size: "small",
         density: "compact",
@@ -19069,12 +19083,12 @@ function S0(e, t, o, i, a, r) {
         height: "30",
         onClick: r.handlePlay
       }, {
-        default: P(() => t[7] || (t[7] = [
+        default: C(() => t[7] || (t[7] = [
           n("i", { class: "iconfont icon-Play" }, null, -1)
         ])),
         _: 1,
         __: [7]
-      }, 8, ["onClick"])) : (C(), Z(l, {
+      }, 8, ["onClick"])) : (P(), B(l, {
         key: 1,
         size: "small",
         density: "compact",
@@ -19084,7 +19098,7 @@ function S0(e, t, o, i, a, r) {
         height: "30",
         onClick: r.handlePause
       }, {
-        default: P(() => t[8] || (t[8] = [
+        default: C(() => t[8] || (t[8] = [
           n("i", { class: "iconfont icon-Pause" }, null, -1)
         ])),
         _: 1,
@@ -19093,7 +19107,7 @@ function S0(e, t, o, i, a, r) {
     ])
   ], 4);
 }
-const kr = /* @__PURE__ */ ne(C0, [["render", S0]]), T0 = {
+const kr = /* @__PURE__ */ ne(S0, [["render", R0]]), I0 = {
   name: "IdmGL4",
   components: {
     IdmOtherLayer: Ns,
@@ -19101,7 +19115,7 @@ const kr = /* @__PURE__ */ ne(C0, [["render", S0]]), T0 = {
     IdmTropicals: or,
     IdmMeasure: Iu,
     IdmSpot: Mu,
-    IdmBottomBar: P0,
+    IdmBottomBar: M0,
     IdmTimePlayer: kr
   },
   props: {
@@ -19158,14 +19172,14 @@ const kr = /* @__PURE__ */ ne(C0, [["render", S0]]), T0 = {
     }
   },
   methods: {}
-}, R0 = {
+}, D0 = {
   ref: "mapHomeGl4",
   class: "map-gl4-home",
   id: "map-gl4-home"
 };
-function I0(e, t, o, i, a, r) {
+function A0(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 C(), D("div", R0, [
+  return P(), I("div", D0, [
     L(l, Y({
       ref: "idmOtherLayers",
       simple: o.simple,
@@ -19229,7 +19243,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) : (C(), Z(g, Y({
+    o.simple ? N("", !0) : (P(), B(g, Y({
       key: 0,
       ref: "idmBottomBar",
       "forecast-model": o.forecastModel,
@@ -19239,7 +19253,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 ? (C(), Z(p, Y({
+    o.simple ? (P(), B(p, Y({
       key: 1,
       ref: "idmBottomBar",
       playerBottom: a.playerBottom,
@@ -19249,8 +19263,8 @@ function I0(e, t, o, i, a, r) {
     }, e.$attrs), null, 16, ["playerBottom", "bgClass", "weather-check-list", "map-feather"])) : N("", !0)
   ], 512);
 }
-const D0 = /* @__PURE__ */ ne(T0, [["render", I0]]);
-class A0 {
+const G0 = /* @__PURE__ */ ne(I0, [["render", A0]]);
+class W0 {
   constructor(t = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     we(this, "originStyle");
     we(this, "mapboxStyle");
@@ -19258,7 +19272,7 @@ class A0 {
     we(this, "hi");
     we(this, "td");
     we(this, "windy");
-    var o, i, a, r, l, c, s, d, m, g, p, y, f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, I, H, U, te, X, O, $, A, ie, ge, xe, ke, se, fe, ve, Me, 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, xa, va, ka, _a, za, La, Pa, Ca, Ma, Sa, Ta, Ra, Ia, Da, Aa, Ga, Wa, Fa, Na, Ba, Za, Ea, Oa, Xa, ja, Va, Ha, Ya, Ua, Ja, Ka, $a, qa, Qa, ei, ti, oi, ai, ii, ri, li, ni, si, ci, mi, di, hi, ui, pi, gi, fi, yi, bi, wi, xi, vi, ki, _i, zi, Li, Pi, Ci, Mi, Si, Ti, Ri;
+    var o, i, a, r, l, c, s, d, m, g, p, y, f, h, u, x, v, w, k, S, _, M, T, W, F, E, V, J, Q, ee, he, D, H, U, te, X, O, $, A, ie, ge, xe, ke, se, fe, ve, Me, K, me, je, Ne, Le, Te, oe, Pe, pe, ye, Be, He, Ve, j, be, Re, Ee, Oe, q, Ze, 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, Zt, Bt, 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, xa, va, ka, _a, za, La, Pa, Ca, Ma, Sa, Ta, Ra, Ia, Da, Aa, Ga, Wa, Fa, Na, Za, Ba, Ea, Oa, Xa, ja, Va, Ha, Ya, Ua, Ja, Ka, $a, qa, Qa, ei, ti, oi, ai, ii, ri, li, ni, si, ci, mi, di, hi, ui, pi, gi, fi, yi, bi, wi, xi, vi, ki, _i, zi, Li, Pi, Ci, Mi, Si, Ti, Ri;
     this.i4 = {
       source: {
         type: "raster",
@@ -37914,7 +37928,7 @@ class A0 {
           (E = (F = this.originStyle) == null ? void 0 : F.light.layers) == null ? void 0 : E.find((z) => z.id === "water-line-label"),
           (J = (V = this.originStyle) == null ? void 0 : V.light.layers) == null ? void 0 : J.find((z) => z.id === "water-point-label"),
           (ee = (Q = this.originStyle) == null ? void 0 : Q.light.layers) == null ? void 0 : ee.find((z) => z.id === "world-12nm-v4-20231025"),
-          (I = (he = this.originStyle) == null ? void 0 : he.light.layers) == null ? void 0 : I.find((z) => z.id === "ne-10m-outline"),
+          (D = (he = this.originStyle) == null ? void 0 : he.light.layers) == null ? void 0 : D.find((z) => z.id === "ne-10m-outline"),
           (U = (H = this.originStyle) == null ? void 0 : H.light.layers) == null ? void 0 : U.find((z) => z.id === "ne-10m-label"),
           (X = (te = this.originStyle) == null ? void 0 : te.light.layers) == null ? void 0 : X.find((z) => z.id === "china-route-line"),
           ($ = (O = this.originStyle) == null ? void 0 : O.light.layers) == null ? void 0 : $.find((z) => z.id === "china-route-fill"),
@@ -37941,7 +37955,7 @@ class A0 {
         fog: {
           range: [0.5, 10]
         },
-        sources: (Ze = this.originStyle) == null ? void 0 : Ze.dark.sources,
+        sources: (Be = this.originStyle) == null ? void 0 : Be.dark.sources,
         sprite: (He = this.originStyle) == null ? void 0 : He.dark.sprite,
         glyphs: (Ve = this.originStyle) == null ? void 0 : Ve.dark.glyphs,
         projection: (j = this.originStyle) == null ? void 0 : j.dark.projection,
@@ -37953,7 +37967,7 @@ class A0 {
         layers: [
           (Re = (be = this.originStyle) == null ? void 0 : be.dark.layers) == null ? void 0 : Re.find((z) => z.id === "land"),
           (Oe = (Ee = this.originStyle) == null ? void 0 : Ee.dark.layers) == null ? void 0 : Oe.find((z) => z.id === "water"),
-          (Be = (q = this.originStyle) == null ? void 0 : q.dark.layers) == null ? void 0 : Be.find((z) => z.id === "ice-area-fill"),
+          (Ze = (q = this.originStyle) == null ? void 0 : q.dark.layers) == null ? void 0 : Ze.find((z) => z.id === "ice-area-fill"),
           (tt = (re = this.originStyle) == null ? void 0 : re.dark.layers) == null ? void 0 : tt.find((z) => z.id === "ice-area-line"),
           (at = (ot = this.originStyle) == null ? void 0 : ot.dark.layers) == null ? void 0 : at.find((z) => z.id === "loadlines-label"),
           (ct = (Ge = this.originStyle) == null ? void 0 : Ge.dark.layers) == null ? void 0 : ct.find((z) => z.id === "loadlines-fill"),
@@ -37971,8 +37985,8 @@ class A0 {
           (Dt = (It = this.originStyle) == null ? void 0 : It.dark.layers) == null ? void 0 : Dt.find((z) => z.id === "china-route-fill"),
           (Gt = (At = this.originStyle) == null ? void 0 : At.dark.layers) == null ? void 0 : Gt.find((z) => z.id === "china-route-label"),
           (Ft = (Wt = this.originStyle) == null ? void 0 : Wt.dark.layers) == null ? void 0 : Ft.find((z) => z.id === "admin-0-boundary-bg"),
-          (Bt = (Nt = this.originStyle) == null ? void 0 : Nt.dark.layers) == null ? void 0 : Bt.find((z) => z.id === "admin-0-boundary"),
-          (Et = (Zt = this.originStyle) == null ? void 0 : Zt.dark.layers) == null ? void 0 : Et.find((z) => z.id === "admin-0-boundary-disputed"),
+          (Zt = (Nt = this.originStyle) == null ? void 0 : Nt.dark.layers) == null ? void 0 : Zt.find((z) => z.id === "admin-0-boundary"),
+          (Et = (Bt = this.originStyle) == null ? void 0 : Bt.dark.layers) == null ? void 0 : Et.find((z) => z.id === "admin-0-boundary-disputed"),
           (Xt = (Ot = this.originStyle) == null ? void 0 : Ot.dark.layers) == null ? void 0 : Xt.find((z) => z.id === "country-label"),
           (Vt = (jt = this.originStyle) == null ? void 0 : jt.dark.layers) == null ? void 0 : Vt.find((z) => z.id === "continent-label"),
           (Yt = (Ht = this.originStyle) == null ? void 0 : Ht.dark.layers) == null ? void 0 : Yt.find((z) => z.id === "tide-stations"),
@@ -38084,8 +38098,8 @@ class A0 {
           (Ga = (Aa = this.originStyle) == null ? void 0 : Aa.light.layers) == null ? void 0 : Ga.find((z) => z.id === "land"),
           (Fa = (Wa = this.originStyle) == null ? void 0 : Wa.light.layers) == null ? void 0 : Fa.find((z) => z.id === "water"),
           this.i4.layer,
-          (Ba = (Na = this.originStyle) == null ? void 0 : Na.light.layers) == null ? void 0 : Ba.find((z) => z.id === "ice-area-fill"),
-          (Ea = (Za = this.originStyle) == null ? void 0 : Za.light.layers) == null ? void 0 : Ea.find((z) => z.id === "ice-area-line"),
+          (Za = (Na = this.originStyle) == null ? void 0 : Na.light.layers) == null ? void 0 : Za.find((z) => z.id === "ice-area-fill"),
+          (Ea = (Ba = this.originStyle) == null ? void 0 : Ba.light.layers) == null ? void 0 : Ea.find((z) => z.id === "ice-area-line"),
           (Xa = (Oa = this.originStyle) == null ? void 0 : Oa.light.layers) == null ? void 0 : Xa.find((z) => z.id === "loadlines-label"),
           (Va = (ja = this.originStyle) == null ? void 0 : ja.light.layers) == null ? void 0 : Va.find((z) => z.id === "loadlines-fill"),
           (Ya = (Ha = this.originStyle) == null ? void 0 : Ha.light.layers) == null ? void 0 : Ya.find((z) => z.id === "empty-layer-0"),
@@ -38115,7 +38129,7 @@ class A0 {
     };
   }
 }
-const G0 = {
+const F0 = {
   name: "MapInitial",
   props: {
     token: {
@@ -38188,7 +38202,7 @@ const G0 = {
   },
   methods: {
     async initOnlineMap() {
-      this.helper = new A0(this.token), Ae.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      this.helper = new W0(this.token), Ae.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
       const e = new Ae.Map({
         container: "map",
         // style: 'mapbox://styles/neatchenheng/cmd894dwn036m01rf7anc0k0d', //light
@@ -38231,24 +38245,24 @@ const G0 = {
       this.zoom > 2 && (this.zoom = Math.floor(this.zoom) - 1, (e = this.map) == null || e.flyTo({ zoom: this.zoom, duration: 500 }));
     }
   }
-}, W0 = { class: "v-btn--variant-elevated rounded" }, F0 = { class: "v-btn--variant-elevated rounded" }, N0 = { class: "zoom" }, B0 = {
+}, N0 = { class: "v-btn--variant-elevated rounded" }, Z0 = { class: "v-btn--variant-elevated rounded" }, B0 = { class: "zoom" }, E0 = {
   key: 2,
   class: "position-absolute left-0 bottom-0 ma-2 my-1 text-caption text-label opacity-70"
 };
-function Z0(e, t, o, i, a, r) {
+function O0(e, t, o, i, a, r) {
   const l = R("VBtn");
-  return C(), D("div", {
+  return P(), I("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 ? (C(), D("div", {
+    o.simple ? (P(), I("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" })
     }, [
-      n("div", W0, [
+      n("div", N0, [
         L(l, {
           "min-width": "32",
           width: "32",
@@ -38256,7 +38270,7 @@ function Z0(e, t, o, i, a, r) {
           class: "pa-0 elevation-0",
           onClick: r.initOnlineMap
         }, {
-          default: P(() => t[0] || (t[0] = [
+          default: C(() => t[0] || (t[0] = [
             n("i", { class: "iconfont icon-shuaxin text-h4" }, null, -1)
           ])),
           _: 1,
@@ -38264,12 +38278,12 @@ function Z0(e, t, o, i, a, r) {
         }, 8, ["onClick"])
       ])
     ], 4)) : N("", !0),
-    o.simple ? N("", !0) : (C(), D("div", {
+    o.simple ? N("", !0) : (P(), I("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" })
     }, [
-      n("div", F0, [
+      n("div", Z0, [
         L(l, {
           "min-width": "32",
           width: "32",
@@ -38277,13 +38291,13 @@ function Z0(e, t, o, i, a, r) {
           class: "pa-0 elevation-0",
           onClick: r.handleZoomIn
         }, {
-          default: P(() => t[1] || (t[1] = [
+          default: C(() => t[1] || (t[1] = [
             n("i", { class: "iconfont icon-a-Zoomin text-h4" }, null, -1)
           ])),
           _: 1,
           __: [1]
         }, 8, ["onClick"]),
-        n("div", N0, b(a.zoom ? Math.floor(a.zoom) : 0), 1),
+        n("div", B0, b(a.zoom ? Math.floor(a.zoom) : 0), 1),
         L(l, {
           "min-width": "32",
           width: "32",
@@ -38291,7 +38305,7 @@ function Z0(e, t, o, i, a, r) {
           class: "elevation-0 pa-0",
           onClick: r.handleZoomOut
         }, {
-          default: P(() => t[2] || (t[2] = [
+          default: C(() => t[2] || (t[2] = [
             n("i", { class: "iconfont icon-a-Zoomout text-h4" }, null, -1)
           ])),
           _: 1,
@@ -38299,7 +38313,7 @@ function Z0(e, t, o, i, a, r) {
         }, 8, ["onClick"])
       ])
     ], 4)),
-    o.simple ? N("", !0) : (C(), D("div", B0, [
+    o.simple ? N("", !0) : (P(), I("div", E0, [
       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)),
@@ -38311,25 +38325,25 @@ function Z0(e, t, o, i, a, r) {
     ]))
   ], 4);
 }
-const E0 = /* @__PURE__ */ ne(G0, [["render", Z0]]), tf = {
+const X0 = /* @__PURE__ */ ne(F0, [["render", O0]]), af = {
   install(e) {
-    e.component("MapInitial", E0), e.component("MapboxGL", D0), e.component("TropicalGL", or), e.component("LatLngGL", tr), e.component("DateTimePicker", ta), e.component("DateRangePicker", ar), e.component("PortDetail", ga), e.component("TimePlayer", kr);
+    e.component("MapInitial", X0), e.component("MapboxGL", G0), e.component("TropicalGL", or), e.component("LatLngGL", tr), e.component("DateTimePicker", ta), e.component("DateRangePicker", ar), e.component("PortDetail", ga), e.component("TimePlayer", kr);
   }
 };
 export {
   ta as D,
   tr as L,
-  tf as M,
+  af as M,
   ga as P,
   or as T,
   fa as V,
   Ye as W,
-  E0 as a,
-  D0 as b,
+  X0 as a,
+  G0 as b,
   ar as c,
   kr as d,
   ze as e,
   We as f,
-  A0 as g,
-  Zo as l
+  W0 as g,
+  Bo as l
 };