@idmwx/idmui-gl4 3.0.8 → 3.1.0

package/dist/{index-c7a21ff5.js → index-b2992598.js}

@@ -3,8 +3,8 @@ var kr = (t, e, a) => e in t ? vr(t, e, { enumerable: !0, configurable: !0, writ
 var ve = (t, e, a) => (kr(t, typeof e != "symbol" ? e + "" : e, a), a);
 import Ie from "axios";
 import { useTheme as Fe } from "vuetify";
-import { openBlock as k, createElementBlock as I, resolveComponent as P, createBlock as W, normalizeClass as ge, withCtx as x, createVNode as b, withModifiers as Le, createElementVNode as n, createCommentVNode as N, toDisplayString as y, createTextVNode as Z, Fragment as Te, renderList as De, withDirectives as et, vShow as tt, mergeProps as $, normalizeStyle as he } from "vue";
-import be from "mapbox-gl";
+import { openBlock as k, createElementBlock as A, resolveComponent as P, createBlock as W, normalizeClass as ge, withCtx as x, createVNode as b, withModifiers as Le, createElementVNode as n, createCommentVNode as N, toDisplayString as y, createTextVNode as Z, Fragment as Te, renderList as De, withDirectives as et, vShow as tt, mergeProps as $, normalizeStyle as he } from "vue";
+import ye from "mapbox-gl";
 import R from "moment";
 import { LngLatHelper as j, TropicalHelper as Di, LaneHelper as Xe, GeoJsonHelper as je } from "@idm-plugin/geo";
 import { Meteo2Assist as Va, TidesAssist as er } from "@idm-plugin/meteo";
@@ -116,7 +116,7 @@ const ie = (t, e) => {
   }
 };
 function Sr(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const Tr = /* @__PURE__ */ ie(Pr, [["render", Sr]]), Rr = {
   name: "IdmGmdssArea",
@@ -243,7 +243,7 @@ const Tr = /* @__PURE__ */ ie(Pr, [["render", Sr]]), Rr = {
   }
 };
 function Dr(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const Ir = /* @__PURE__ */ ie(Rr, [["render", Dr]]), Ar = {
   name: "IdmEcaZone",
@@ -339,7 +339,7 @@ const Ir = /* @__PURE__ */ ie(Rr, [["render", Dr]]), Ar = {
   }
 };
 function Gr(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const Fr = /* @__PURE__ */ ie(Ar, [["render", Gr]]);
 const Nr = {
@@ -490,7 +490,7 @@ const Nr = {
         const a = (o = document.getElementById("idm-gl4-zone-info")) == null ? void 0 : o.cloneNode(!0), i = (r = a == null ? void 0 : a.children[1]) == null ? void 0 : r.children[0];
         i && (i.onclick = () => {
           this.handleRemoveMarker();
-        }), this.marker = new be.Marker(a).setLngLat(t).setOffset([230, 0]).addTo(this.map);
+        }), this.marker = new ye.Marker(a).setLngLat(t).setOffset([230, 0]).addTo(this.map);
       });
     },
     handleRemoveMarker() {
@@ -1515,10 +1515,10 @@ const Zr = {
         { label: "Swell", key: "weather.swell", unit: "m" },
         { label: "Current", key: "weather.current", unit: "kts" }
       ], (a = (e = this.dateList) == null ? void 0 : e[this.currentIndex]) == null || a.dateTimeList.forEach((i, o) => {
-        var c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze;
+        var c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze;
         let r = {};
         const l = ((c = Va.pickHourly(t, R(i))) == null ? void 0 : c[0]) || {};
-        r.utc = l.utc, r.lat = t.lat, r.lng = t.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((p = (m = l == null ? void 0 : l.weather) == null ? void 0 : m.precip) == null ? void 0 : p.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((w = (f = l == null ? void 0 : l.weather) == null ? void 0 : f.precip) == null ? void 0 : w.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((u = l == null ? void 0 : l.weather) == null ? void 0 : u.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((g = (h = l == null ? void 0 : l.weather) == null ? void 0 : h.wind) == null ? void 0 : g.kts, 1) ?? "-", r.windDir = (T = (_ = l == null ? void 0 : l.weather) == null ? void 0 : _.wind) == null ? void 0 : T.direction, r.windLevel = this.computeRoundPrecision((M = (v = l == null ? void 0 : l.weather) == null ? void 0 : v.wind) == null ? void 0 : M.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((z = (L = l == null ? void 0 : l.weather) == null ? void 0 : L.wind) == null ? void 0 : z.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((D = (S = l == null ? void 0 : l.wave) == null ? void 0 : S.sig) == null ? void 0 : D.height, 1) ?? "-", r.sigwaveDir = (E = (A = l == null ? void 0 : l.wave) == null ? void 0 : A.sig) == null ? void 0 : E.direction, r.sigwavePeriod = this.computeRoundPrecision((O = (X = l == null ? void 0 : l.wave) == null ? void 0 : X.sig) == null ? void 0 : O.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((ae = (q = l == null ? void 0 : l.wave) == null ? void 0 : q.wd) == null ? void 0 : ae.height, 1) ?? "-", r.windwaveDir = (pe = (re = l == null ? void 0 : l.wave) == null ? void 0 : re.wd) == null ? void 0 : pe.direction, r.windwavePeriod = this.computeRoundPrecision((J = (G = l == null ? void 0 : l.wave) == null ? void 0 : G.wd) == null ? void 0 : J.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((oe = (K = l == null ? void 0 : l.wave) == null ? void 0 : K.swell) == null ? void 0 : oe.height, 1) ?? "-", r.swellDir = (H = (Y = l == null ? void 0 : l.wave) == null ? void 0 : Y.swell) == null ? void 0 : H.direction, r.swellPeriod = this.computeRoundPrecision((F = (ee = l == null ? void 0 : l.wave) == null ? void 0 : ee.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((ne = l == null ? void 0 : l.current) == null ? void 0 : ne.speed, 1) ?? "-", r.currentDir = (fe = l == null ? void 0 : l.current) == null ? void 0 : fe.direction, r.currentSpeed = this.computeRoundPrecision((ke = l == null ? void 0 : l.current) == null ? void 0 : ke.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 = (ze = l == null ? void 0 : l.weather) == null ? void 0 : ze.url, this.tableData[0][`value${o}`] = o * this.interval > 10 ? o * this.interval : "0" + o * this.interval, this.tableData[1][`value${o}`] = r.weatherUrl, this.tableData[2][`value${o}`] = r.temp, this.tableData[3][`value${o}`] = r.precip1h, this.tableData[4][`value${o}`] = r.visibility, this.tableData[5][`value${o}`] = r.windSpeed, this.tableData[6][`value${o}`] = r.sigwaveHeight, this.tableData[7][`value${o}`] = r.swellHeight, this.tableData[8][`value${o}`] = r.currentSpeed;
+        r.utc = l.utc, r.lat = t.lat, r.lng = t.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((p = (m = l == null ? void 0 : l.weather) == null ? void 0 : m.precip) == null ? void 0 : p.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((w = (f = l == null ? void 0 : l.weather) == null ? void 0 : f.precip) == null ? void 0 : w.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((u = l == null ? void 0 : l.weather) == null ? void 0 : u.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((g = (h = l == null ? void 0 : l.weather) == null ? void 0 : h.wind) == null ? void 0 : g.kts, 1) ?? "-", r.windDir = (T = (_ = l == null ? void 0 : l.weather) == null ? void 0 : _.wind) == null ? void 0 : T.direction, r.windLevel = this.computeRoundPrecision((M = (v = l == null ? void 0 : l.weather) == null ? void 0 : v.wind) == null ? void 0 : M.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((z = (L = l == null ? void 0 : l.weather) == null ? void 0 : L.wind) == null ? void 0 : z.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((D = (S = l == null ? void 0 : l.wave) == null ? void 0 : S.sig) == null ? void 0 : D.height, 1) ?? "-", r.sigwaveDir = (E = (I = l == null ? void 0 : l.wave) == null ? void 0 : I.sig) == null ? void 0 : E.direction, r.sigwavePeriod = this.computeRoundPrecision((O = (X = l == null ? void 0 : l.wave) == null ? void 0 : X.sig) == null ? void 0 : O.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((ae = (q = l == null ? void 0 : l.wave) == null ? void 0 : q.wd) == null ? void 0 : ae.height, 1) ?? "-", r.windwaveDir = (pe = (re = l == null ? void 0 : l.wave) == null ? void 0 : re.wd) == null ? void 0 : pe.direction, r.windwavePeriod = this.computeRoundPrecision((J = (G = l == null ? void 0 : l.wave) == null ? void 0 : G.wd) == null ? void 0 : J.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((oe = (K = l == null ? void 0 : l.wave) == null ? void 0 : K.swell) == null ? void 0 : oe.height, 1) ?? "-", r.swellDir = (H = (Y = l == null ? void 0 : l.wave) == null ? void 0 : Y.swell) == null ? void 0 : H.direction, r.swellPeriod = this.computeRoundPrecision((F = (ee = l == null ? void 0 : l.wave) == null ? void 0 : ee.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((ne = l == null ? void 0 : l.current) == null ? void 0 : ne.speed, 1) ?? "-", r.currentDir = (fe = l == null ? void 0 : l.current) == null ? void 0 : fe.direction, r.currentSpeed = this.computeRoundPrecision((ke = l == null ? void 0 : l.current) == null ? void 0 : ke.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 = (ze = l == null ? void 0 : l.weather) == null ? void 0 : ze.url, this.tableData[0][`value${o}`] = o * this.interval > 10 ? o * this.interval : "0" + o * this.interval, this.tableData[1][`value${o}`] = r.weatherUrl, this.tableData[2][`value${o}`] = r.temp, this.tableData[3][`value${o}`] = r.precip1h, this.tableData[4][`value${o}`] = r.visibility, this.tableData[5][`value${o}`] = r.windSpeed, this.tableData[6][`value${o}`] = r.sigwaveHeight, this.tableData[7][`value${o}`] = r.swellHeight, this.tableData[8][`value${o}`] = r.currentSpeed;
       });
     },
     handleTide() {
@@ -1741,7 +1741,7 @@ function Vl(t, e, a, i, o, r) {
                   }, null, 2),
                   n("div", null, y((_ = a.port) == null ? void 0 : _.name), 1)
                 ]),
-                a.simple ? (k(), I("div", jr, [
+                a.simple ? (k(), A("div", jr, [
                   (T = a.followList) != null && T.some((M) => {
                     var L;
                     return ((L = M.port) == null ? void 0 : L.id) === a.portId;
@@ -1789,7 +1789,7 @@ function Vl(t, e, a, i, o, r) {
                     _: 1,
                     __: [4]
                   }, 8, ["onClick"])
-                ])) : (k(), I("div", Xr, [
+                ])) : (k(), A("div", Xr, [
                   b(l, {
                     icon: "",
                     density: "compact",
@@ -1817,7 +1817,7 @@ function Vl(t, e, a, i, o, r) {
           _: 1
         }),
         b(s, { class: "w-100" }),
-        a.simple ? N("", !0) : (k(), I("div", Yr, [
+        a.simple ? N("", !0) : (k(), A("div", Yr, [
           (p = a.followList) != null && p.some((u) => {
             var h;
             return ((h = u.port) == null ? void 0 : h.id) === a.portId;
@@ -1872,7 +1872,7 @@ function Vl(t, e, a, i, o, r) {
           n("div", Ur, [
             n("div", $r, [
               n("div", Jr, [
-                (k(), I("svg", Kr, [
+                (k(), A("svg", Kr, [
                   n("use", {
                     "xlink:href": `#icon-title-${a.theme}`
                   }, null, 8, qr)
@@ -1899,7 +1899,7 @@ function Vl(t, e, a, i, o, r) {
           n("div", cl, [
             n("div", ml, [
               n("div", dl, [
-                (k(), I("svg", hl, [
+                (k(), A("svg", hl, [
                   n("use", {
                     "xlink:href": `#icon-title-${a.theme}`
                   }, null, 8, pl)
@@ -1922,7 +1922,7 @@ function Vl(t, e, a, i, o, r) {
                 rounded: "1"
               }, {
                 default: x(() => [
-                  (k(!0), I(Te, null, De(r.dateList, (u) => (k(), W(l, {
+                  (k(!0), A(Te, null, De(r.dateList, (u) => (k(), W(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
@@ -1939,40 +1939,40 @@ function Vl(t, e, a, i, o, r) {
               }, 8, ["modelValue"]),
               n("table", ul, [
                 n("tbody", null, [
-                  (k(!0), I(Te, null, De(o.tableData, (u) => (k(), I("tr", {
+                  (k(!0), A(Te, null, De(o.tableData, (u) => (k(), A("tr", {
                     key: u.id
                   }, [
                     n("th", gl, [
                       Z(y(t.$t(`${u.key}`)) + " ", 1),
-                      u.unit ? (k(), I("span", fl, " ( " + y(u.unit) + " )", 1)) : N("", !0)
+                      u.unit ? (k(), A("span", fl, " ( " + y(u.unit) + " )", 1)) : N("", !0)
                     ]),
                     n("td", yl, [
-                      u.img ? (k(), I("img", {
+                      u.img ? (k(), A("img", {
                         key: 0,
                         src: u == null ? void 0 : u.value0,
                         style: { height: "30px" }
-                      }, null, 8, bl)) : (k(), I("span", wl, y((u == null ? void 0 : u.value0) ?? "-"), 1))
+                      }, null, 8, bl)) : (k(), A("span", wl, y((u == null ? void 0 : u.value0) ?? "-"), 1))
                     ]),
                     n("td", xl, [
-                      u.img ? (k(), I("img", {
+                      u.img ? (k(), A("img", {
                         key: 0,
                         src: u == null ? void 0 : u.value1,
                         style: { height: "30px" }
-                      }, null, 8, vl)) : (k(), I("span", kl, y((u == null ? void 0 : u.value1) ?? "-"), 1))
+                      }, null, 8, vl)) : (k(), A("span", kl, y((u == null ? void 0 : u.value1) ?? "-"), 1))
                     ]),
                     n("td", _l, [
-                      u.img ? (k(), I("img", {
+                      u.img ? (k(), A("img", {
                         key: 0,
                         src: u == null ? void 0 : u.value2,
                         style: { height: "30px" }
-                      }, null, 8, Ll)) : (k(), I("span", zl, y((u == null ? void 0 : u.value2) ?? "-"), 1))
+                      }, null, 8, Ll)) : (k(), A("span", zl, y((u == null ? void 0 : u.value2) ?? "-"), 1))
                     ]),
                     n("td", Cl, [
-                      u.img ? (k(), I("img", {
+                      u.img ? (k(), A("img", {
                         key: 0,
                         src: u == null ? void 0 : u.value3,
                         style: { height: "30px" }
-                      }, null, 8, Ml)) : (k(), I("span", Pl, y((u == null ? void 0 : u.value3) ?? "-"), 1))
+                      }, null, 8, Ml)) : (k(), A("span", Pl, y((u == null ? void 0 : u.value3) ?? "-"), 1))
                     ])
                   ]))), 128))
                 ])
@@ -1982,7 +1982,7 @@ function Vl(t, e, a, i, o, r) {
           n("div", Sl, [
             n("div", Tl, [
               n("div", Rl, [
-                (k(), I("svg", Dl, [
+                (k(), A("svg", Dl, [
                   n("use", {
                     "xlink:href": `#icon-title-${a.theme}`
                   }, null, 8, Il)
@@ -2007,7 +2007,7 @@ function Vl(t, e, a, i, o, r) {
                 }, null, 8, ["onClick"]))
               ])
             ]),
-            o.showTideDetail ? (k(), I("div", {
+            o.showTideDetail ? (k(), A("div", {
               key: 0,
               class: ge(["w-100 gray-bg-2 rounded", a.simple ? "pa-2" : "pa-4"])
             }, [
@@ -2019,9 +2019,9 @@ function Vl(t, e, a, i, o, r) {
                     n("th", Wl, y(t.$t("time.time")) + " ( LT ) ", 1),
                     n("th", El, y(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (k(!0), I(Te, null, De(o.tideTableData, (u, h) => {
+                  (k(!0), A(Te, null, De(o.tideTableData, (u, h) => {
                     var g;
-                    return k(), I("tr", { key: h }, [
+                    return k(), A("tr", { key: h }, [
                       n("td", Bl, y(t.$t(`tide.${(g = u == null ? void 0 : u.type) == null ? void 0 : g.toLowerCase()}`)) + " " + y(t.$t("tide.tide")), 1),
                       n("td", Zl, y(r.computeLocalTime(u == null ? void 0 : u.date, a.port, "MM-DD HH:mm")), 1),
                       n("td", Ol, y((u == null ? void 0 : u.height) ?? "-") + " m", 1)
@@ -2133,7 +2133,7 @@ const jl = {
       if (e.properties.id) {
         this.showInfo = !0, this.hoverPort = e.properties, (i = this.marker) == null || i.remove();
         const r = (o = document.getElementById("idmPortInfo")) == null ? void 0 : o.cloneNode(!0);
-        this.marker = new be.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.marker = new ye.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -2147,7 +2147,7 @@ const jl = {
 }, Xl = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, Hl = { class: "d-flex justify-start align-center text-label" }, Yl = { class: "d-flex justify-start align-center text-label" };
 function Ul(t, e, a, i, o, r) {
   const l = P("VCardText"), c = P("VCard"), s = P("PortDetail");
-  return k(), I("div", null, [
+  return k(), A("div", null, [
     et(b(c, {
       id: "idmPortInfo",
       ref: "idmPortInfo"
@@ -2225,7 +2225,7 @@ const $l = /* @__PURE__ */ ie(jl, [["render", Ul], ["__scopeId", "data-v-0c0f27d
   }
 };
 function Kl(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const ql = /* @__PURE__ */ ie(Jl, [["render", Kl]]), Ql = {
   name: "IdmTimezone",
@@ -2423,7 +2423,7 @@ const ql = /* @__PURE__ */ ie(Jl, [["render", Kl]]), Ql = {
         }), (i = this.map.getSource(this.source)) == null || i.setData(o);
         const r = document.createElement("div");
         r.className = "v-card--variant-elevated rounded px-2 py-1 text-body-1", r.innerHTML = `<div>UTC ${t.features[0].properties.offSet}:00</div>
-          <div>${R.tz(R().format(), this.timeZoneName(t.features[0].properties.offSet)).format("MM-DD HH:mm")}`, this.marker = new be.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -30]).addTo(this.map);
+          <div>${R.tz(R().format(), this.timeZoneName(t.features[0].properties.offSet)).format("MM-DD HH:mm")}`, this.marker = new ye.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -30]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -2431,7 +2431,7 @@ const ql = /* @__PURE__ */ ie(Jl, [["render", Kl]]), Ql = {
   }
 };
 function en(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const tn = /* @__PURE__ */ ie(Ql, [["render", en]]), an = {
   name: "IdmVoluntaryReportingArea",
@@ -2526,7 +2526,7 @@ const tn = /* @__PURE__ */ ie(Ql, [["render", en]]), an = {
   }
 };
 function on(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const rn = /* @__PURE__ */ ie(an, [["render", on]]), ln = {
   name: "IdmSpecialArea",
@@ -2621,7 +2621,7 @@ const rn = /* @__PURE__ */ ie(an, [["render", on]]), ln = {
   }
 };
 function nn(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const sn = /* @__PURE__ */ ie(ln, [["render", nn]]), cn = {
   name: "IdmTerminator",
@@ -2675,7 +2675,7 @@ const sn = /* @__PURE__ */ ie(ln, [["render", nn]]), cn = {
   }
 };
 function mn(t, e, a, i, o, r) {
-  return k(), I("div");
+  return k(), A("div");
 }
 const dn = /* @__PURE__ */ ie(cn, [["render", mn]]), hn = {
   name: "IdmWorld12nm",
@@ -3149,7 +3149,7 @@ function Qn(t, e, a, i, o, r) {
           n("div", zn, [
             n("div", Cn, [
               n("div", Mn, [
-                (k(), I("svg", Pn, [
+                (k(), A("svg", Pn, [
                   n("use", {
                     "xlink:href": `#icon-title-${a.theme}`
                   }, null, 8, Sn)
@@ -3175,7 +3175,7 @@ function Qn(t, e, a, i, o, r) {
           n("div", Bn, [
             n("div", Zn, [
               n("div", On, [
-                (k(), I("svg", Vn, [
+                (k(), A("svg", Vn, [
                   n("use", {
                     "xlink:href": `#icon-title-${a.theme}`
                   }, null, 8, jn)
@@ -3198,7 +3198,7 @@ function Qn(t, e, a, i, o, r) {
                 rounded: "1"
               }, {
                 default: x(() => [
-                  (k(!0), I(Te, null, De(r.dateList, (w) => (k(), W(l, {
+                  (k(!0), A(Te, null, De(r.dateList, (w) => (k(), W(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
@@ -3221,9 +3221,9 @@ function Qn(t, e, a, i, o, r) {
                     n("th", Un, y(t.$t("time.time")) + " ( LT ) ", 1),
                     n("th", $n, y(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (k(!0), I(Te, null, De(o.tideTableData, (w, u) => {
+                  (k(!0), A(Te, null, De(o.tideTableData, (w, u) => {
                     var h;
-                    return k(), I("tr", { key: u }, [
+                    return k(), A("tr", { key: u }, [
                       n("td", Jn, y(t.$t(`tide.${(h = w == null ? void 0 : w.type) == null ? void 0 : h.toLowerCase()}`)) + " " + y(t.$t("tide.tide")), 1),
                       n("td", Kn, y(r.computeLocalTime(w == null ? void 0 : w.date, a.station, "MM-DD HH:mm")), 1),
                       n("td", qn, y((w == null ? void 0 : w.height) ?? "-") + " m", 1)
@@ -3304,7 +3304,7 @@ const ts = {
       if (e.properties) {
         this.showInfo = !0, this.hoverStation = e.properties, this.hoverStation.name = this.locale === "en" ? e.properties.Location_EN : e.properties.Location_CN, this.hoverStation.lng = e.geometry.coordinates[0], this.hoverStation.lat = e.geometry.coordinates[1], (a = this.marker) == null || a.remove();
         const o = (i = document.getElementById("idmTidalInfo")) == null ? void 0 : i.cloneNode(!0);
-        this.marker = new be.Marker(o).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -60]).addTo(this.map);
+        this.marker = new ye.Marker(o).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -60]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -3318,7 +3318,7 @@ const ts = {
 }, as = { class: "station-box d-flex flex-column justify-center align-start ga-1" }, os = { class: "d-flex justify-start align-center" }, is = { class: "d-flex justify-start align-center" }, rs = { class: "text-label" };
 function ls(t, e, a, i, o, r) {
   const l = P("v-card-text"), c = P("v-card"), s = P("TideDetail");
-  return k(), I("div", null, [
+  return k(), A("div", null, [
     et(b(c, { id: "idmTidalInfo" }, {
       default: x(() => [
         b(l, { class: "pr-8 text-body-1" }, {
@@ -3565,7 +3565,7 @@ const ds = {
 };
 function hs(t, e, a, i, o, r) {
   var l, c, s;
-  return a.simple ? N("", !0) : (k(), I("div", {
+  return a.simple ? N("", !0) : (k(), A("div", {
     key: 0,
     class: "idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",
     style: he({ right: o.right + "px" })
@@ -4474,7 +4474,7 @@ const ps = {
       if (e.properties.id) {
         this.showInfo = !0, this.hoverPort = e.properties, (i = this.marker) == null || i.remove();
         const r = (o = document.getElementById("idmFollowPortInfo")) == null ? void 0 : o.cloneNode(!0);
-        this.marker = new be.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.marker = new ye.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -4488,7 +4488,7 @@ const ps = {
 }, us = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, gs = { class: "d-flex justify-start align-center text-label" }, fs = { class: "d-flex justify-start align-center text-label" };
 function ys(t, e, a, i, o, r) {
   const l = P("v-card-text"), c = P("v-card"), s = P("PortDetail");
-  return k(), I("div", null, [
+  return k(), A("div", null, [
     et(b(c, {
       id: "idmFollowPortInfo",
       ref: "idmFollowPortInfo"
@@ -5433,7 +5433,7 @@ const ws = {
       if (e.properties.id) {
         this.showInfo = !0, this.position = e.properties, (a = this.marker) == null || a.remove();
         const i = document.getElementById("idmFollowPositionInfo").cloneNode(!0);
-        this.marker = new be.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.marker = new ye.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -5459,7 +5459,7 @@ function _s(t, e, a, i, o, r) {
             n("div", vs, [
               n("span", null, y(r.computePosition(o.position)), 1)
             ]),
-            o.position.remark ? (k(), I("div", ks, [
+            o.position.remark ? (k(), A("div", ks, [
               n("span", null, y(o.position.remark ?? "-"), 1)
             ])) : N("", !0)
           ])
@@ -5700,8 +5700,8 @@ const zs = {
 }, Gs = { class: "text-body-2 text-center pt-2" };
 function Fs(t, e, a, i, o, r) {
   var re, pe, G, J, K, oe, Y, H, ee;
-  const l = P("VBtn"), c = P("VTooltip"), s = P("VCardTitle"), d = P("VCardItem"), m = P("VCheckbox"), p = P("VCardText"), f = P("VCard"), w = P("IdmPort"), u = P("IdmTideStations"), h = P("IdmLatLng"), g = P("IdmTerminator"), _ = P("IdmTimezone"), T = P("IdmAlertZone"), v = P("IdmEcaZone"), M = P("IdmWarZone"), L = P("IdmGmdssArea"), z = P("IdmLoadLine"), S = P("IdmWorldMarine"), D = P("IdmVRA"), A = P("IdmSpecialArea"), E = P("IdmWorld12nm"), X = P("IdmChinaRoute"), O = P("IdmIceAreas"), q = P("IdmFollowPort"), ae = P("IdmFollowPosition");
-  return k(), I("div", Cs, [
+  const l = P("VBtn"), c = P("VTooltip"), s = P("VCardTitle"), d = P("VCardItem"), m = P("VCheckbox"), p = P("VCardText"), f = P("VCard"), w = P("IdmPort"), u = P("IdmTideStations"), h = P("IdmLatLng"), g = P("IdmTerminator"), _ = P("IdmTimezone"), T = P("IdmAlertZone"), v = P("IdmEcaZone"), M = P("IdmWarZone"), L = P("IdmGmdssArea"), z = P("IdmLoadLine"), S = P("IdmWorldMarine"), D = P("IdmVRA"), I = P("IdmSpecialArea"), E = P("IdmWorld12nm"), X = P("IdmChinaRoute"), O = P("IdmIceAreas"), q = P("IdmFollowPort"), ae = P("IdmFollowPosition");
+  return k(), A("div", Cs, [
     n("div", {
       class: ge(["menu-bar-box transition px-1 rounded", a.simple ? "simple" : ""]),
       style: he({ top: a.top + 10 + "px", right: o.right + "px", paddingTop: a.paddingTop + "px", height: a.menuHeight + "px" })
@@ -5774,7 +5774,7 @@ function Fs(t, e, a, i, o, r) {
             b(p, { class: "pb-2" }, {
               default: x(() => [
                 n("div", Ss, [
-                  (k(!0), I(Te, null, De(o.mapFeathers, (F) => (k(), I("div", {
+                  (k(!0), A(Te, null, De(o.mapFeathers, (F) => (k(), A("div", {
                     key: F.value,
                     class: "mb-4 feather-item",
                     onClick: (ne) => r.handleToggleMapFeather(F)
@@ -5782,12 +5782,12 @@ function Fs(t, e, a, i, o, r) {
                     n("div", {
                       class: ge([o.mapFeather === F.value ? "active" : "", "img-box"])
                     }, [
-                      F.value === "dark" ? (k(), I("img", Rs)) : F.value === "nautical" ? (k(), I("img", Ds)) : F.value === "satellite" ? (k(), I("img", Is)) : (k(), I("img", As))
+                      F.value === "dark" ? (k(), A("img", Rs)) : F.value === "nautical" ? (k(), A("img", Ds)) : F.value === "satellite" ? (k(), A("img", Is)) : (k(), A("img", As))
                     ], 2),
                     n("div", Gs, y(t.$t(`layer.${F.locale}`)), 1)
                   ], 8, Ts))), 128))
                 ]),
-                (k(!0), I(Te, null, De(o.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (k(), W(m, {
+                (k(!0), A(Te, null, De(o.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (k(), W(m, {
                   key: F.key,
                   modelValue: o.checkList,
                   "onUpdate:modelValue": e[0] || (e[0] = (ne) => o.checkList = ne),
@@ -5823,7 +5823,7 @@ function Fs(t, e, a, i, o, r) {
             }),
             b(p, { class: "py-2 mx-n1" }, {
               default: x(() => [
-                (k(!0), I(Te, null, De(o.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (k(), W(m, {
+                (k(!0), A(Te, null, De(o.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (k(), W(m, {
                   key: F.key,
                   modelValue: o.checkList,
                   "onUpdate:modelValue": e[1] || (e[1] = (ne) => o.checkList = ne),
@@ -5859,7 +5859,7 @@ function Fs(t, e, a, i, o, r) {
             }),
             b(p, { class: "py-2 mx-n1" }, {
               default: x(() => [
-                (k(!0), I(Te, null, De(o.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (k(), W(m, {
+                (k(!0), A(Te, null, De(o.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (k(), W(m, {
                   key: F.key,
                   modelValue: o.checkList,
                   "onUpdate:modelValue": e[2] || (e[2] = (ne) => o.checkList = ne),
@@ -6009,7 +6009,7 @@ function Fs(t, e, a, i, o, r) {
       map: a.map,
       area: (H = o.otherLayers) == null ? void 0 : H["voluntary-reporting-area"]
     }, t.$attrs), null, 16, ["map", "area"])) : N("", !0),
-    a.map ? (k(), W(A, $({
+    a.map ? (k(), W(I, $({
       key: 12,
       map: a.map,
       area: (ee = o.otherLayers) == null ? void 0 : ee["special-area"]
@@ -6869,7 +6869,7 @@ const Os = {
 }, Vs = { key: 0 };
 function js(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", Vs, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", Vs, [
     n("div", {
       class: "legend-bars-gl4 wind",
       style: he({ right: o.right + "px" })
@@ -7211,7 +7211,7 @@ const $s = {
 }, Js = { key: 0 };
 function Ks(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", Js, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", Js, [
     n("div", {
       class: "legend-bars-gl4 current",
       style: he({ right: o.right + "px" })
@@ -7339,7 +7339,7 @@ const Qs = {
 }, ec = { key: 0 };
 function tc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", ec, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", ec, [
     n("div", {
       class: "legend-bars-gl4 sig-wave",
       style: he({ right: o.right + "px" })
@@ -7606,7 +7606,7 @@ const lc = {
 }, nc = { key: 0 };
 function sc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", nc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", nc, [
     n("div", {
       class: "legend-bars-gl4 swell",
       style: he({ right: o.right + "px" })
@@ -7866,7 +7866,7 @@ const pc = {
 }, uc = { key: 0 };
 function gc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", uc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", uc, [
     n("div", {
       class: "legend-bars-gl4 ice-edge",
       style: he({ right: o.right + "px" })
@@ -7983,7 +7983,7 @@ const yc = {
 }, bc = { key: 0 };
 function wc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", bc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", bc, [
     n("div", {
       class: "legend-bars-gl4 ice-cover",
       style: he({ right: o.right + "px" })
@@ -8101,7 +8101,7 @@ const vc = {
 }, kc = { key: 0 };
 function _c(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", kc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", kc, [
     n("div", {
       class: "legend-bars-gl4 ice-thickness",
       style: he({ right: o.right + "px" })
@@ -8221,7 +8221,7 @@ const zc = {
 }, Cc = { key: 0 };
 function Mc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", Cc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", Cc, [
     n("div", {
       class: "legend-bars-gl4 precip3h",
       style: he({ right: o.right + "px" })
@@ -8332,7 +8332,7 @@ const Sc = {
 }, Tc = { key: 0 };
 function Rc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", Tc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", Tc, [
     n("div", {
       class: "legend-bars-gl4 visibility",
       style: he({ right: o.right + "px" })
@@ -8444,7 +8444,7 @@ const Ic = {
 }, Ac = { key: 0 };
 function Gc(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", Ac, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", Ac, [
     n("div", {
       class: "legend-bars-gl4 water-temp",
       style: he({ right: o.right + "px" })
@@ -8567,7 +8567,7 @@ const Nc = {
 }, Wc = { key: 0 };
 function Ec(t, e, a, i, o, r) {
   var l;
-  return (l = a.factor) != null && l.active ? (k(), I("div", Wc, [
+  return (l = a.factor) != null && l.active ? (k(), A("div", Wc, [
     n("div", {
       class: "legend-bars-gl4 temp",
       style: he({ right: o.right + "px" })
@@ -8917,8 +8917,8 @@ const Zc = {
                 );
               const L = await Promise.all(M);
               this.weatherLayers = {}, L.map((z) => {
-                var A, E, X, O;
-                const S = ((A = z == null ? void 0 : z.data) == null ? void 0 : A.data) || (z == null ? void 0 : z.data);
+                var I, E, X, O;
+                const S = ((I = z == null ? void 0 : z.data) == null ? void 0 : I.data) || (z == null ? void 0 : z.data);
                 let D = (X = (E = z == null ? void 0 : z.config) == null ? void 0 : E.headers) == null ? void 0 : X.key;
                 D && S && (this.weatherLayers[D] = {
                   raw: S,
@@ -9018,11 +9018,11 @@ const Zc = {
                 if (L > u && L < h && (!(o <= this.zoom) || L % (o < 2 ? 10 : o < 4 ? 5 : 3) === 0)) {
                   const z = v[L].lng;
                   f > w ? z.forEach((S, D) => {
-                    var A, E, X, O, q, ae;
+                    var I, E, X, O, q, ae;
                     if (o < 2) {
                       if ((S >= 0 && S <= 360 || S >= -360 && S <= 0) && S % 10 === 0) {
                         const re = B.point([S, L], {
-                          val: ((A = v[L].val) == null ? void 0 : A[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
+                          val: ((I = v[L].val) == null ? void 0 : I[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
                           spd: (X = v[L].spd) == null ? void 0 : X[D]
                         });
                         T.push(re);
@@ -9035,11 +9035,11 @@ const Zc = {
                       T.push(re);
                     }
                   }) : z.forEach((S, D) => {
-                    var A, E, X, O, q, ae;
+                    var I, E, X, O, q, ae;
                     if (f < 2) {
                       if ((S >= 0 && S <= 360 || S >= -360 && S <= 0) && S % 10 === 0) {
                         const re = B.point([S, L], {
-                          val: ((A = v[L].val) == null ? void 0 : A[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
+                          val: ((I = v[L].val) == null ? void 0 : I[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
                           spd: (X = v[L].spd) == null ? void 0 : X[D]
                         });
                         T.push(re);
@@ -9082,11 +9082,11 @@ const Zc = {
                 if (L > u && L < h && (!(o <= this.zoom) || L % (o < 2 ? 10 : o < 4 ? 5 : 3) === 0)) {
                   const z = v[L].lng;
                   f > w ? z.forEach((S, D) => {
-                    var A, E, X, O, q, ae;
+                    var I, E, X, O, q, ae;
                     if (o < 2) {
                       if ((S >= 0 && S <= 360 || S >= -360 && S <= 0) && S % 10 === 0) {
                         const re = B.point([S, L], {
-                          val: ((A = v[L].val) == null ? void 0 : A[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
+                          val: ((I = v[L].val) == null ? void 0 : I[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
                           spd: (X = v[L].spd) == null ? void 0 : X[D]
                         });
                         T.push(re);
@@ -9099,11 +9099,11 @@ const Zc = {
                       T.push(re);
                     }
                   }) : z.forEach((S, D) => {
-                    var A, E, X, O, q, ae;
+                    var I, E, X, O, q, ae;
                     if (f < 2) {
                       if ((S >= 0 && S <= 360 || S >= -360 && S <= 0) && S % 10 === 0) {
                         const re = B.point([S, L], {
-                          val: ((A = v[L].val) == null ? void 0 : A[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
+                          val: ((I = v[L].val) == null ? void 0 : I[D]) || ((E = v[L].dir) == null ? void 0 : E[D]),
                           spd: (X = v[L].spd) == null ? void 0 : X[D]
                         });
                         T.push(re);
@@ -9124,9 +9124,9 @@ const Zc = {
                   const z = [];
                   for (const S in (m = M.raw) == null ? void 0 : m.Polygon) {
                     const D = M.raw.Polygon[S];
-                    for (const A of D)
+                    for (const I of D)
                       z.push(
-                        B.polygon(A, {
+                        B.polygon(I, {
                           val: Number(S)
                         })
                       );
@@ -9143,11 +9143,11 @@ const Zc = {
                 if (M > u && M < h && (!(o <= this.zoom) || M % (o < 2 ? 10 : o < 4 ? 5 : 3) === 0)) {
                   const L = v[M].lng;
                   f > w ? L.forEach((z, S) => {
-                    var D, A, E, X;
+                    var D, I, E, X;
                     if (o < 2) {
                       if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
                         const O = B.point([z, M], {
-                          dir: ((D = v[M].val) == null ? void 0 : D[S]) || ((A = v[M].dir) == null ? void 0 : A[S]),
+                          dir: ((D = v[M].val) == null ? void 0 : D[S]) || ((I = v[M].dir) == null ? void 0 : I[S]),
                           spd: v[M].spd[S]
                         });
                         T.push(O);
@@ -9160,11 +9160,11 @@ const Zc = {
                       T.push(O);
                     }
                   }) : L.forEach((z, S) => {
-                    var D, A, E, X;
+                    var D, I, E, X;
                     if (o < 2) {
                       if ((z >= 0 && z <= 360 || z >= -360 && z <= 0) && z % 10 === 0) {
                         const O = B.point([z, M], {
-                          dir: ((D = v[M].val) == null ? void 0 : D[S]) || ((A = v[M].dir) == null ? void 0 : A[S]),
+                          dir: ((D = v[M].val) == null ? void 0 : D[S]) || ((I = v[M].dir) == null ? void 0 : I[S]),
                           spd: v[M].spd[S]
                         });
                         T.push(O);
@@ -9295,9 +9295,9 @@ const Zc = {
   class: "d-flex justify-start align-center ga-4 pl-6"
 }, om = { class: "text-body-1 py-2" }, im = { class: "text-body-1 font-weight-medium" }, rm = { class: "text-body-2 text-label" }, lm = { class: "text-body-2 text-label" }, nm = { class: "text-body-2 text-label mb-3" }, sm = { class: "text-body-1 font-weight-medium" }, cm = { class: "text-body-2 text-label" }, mm = { class: "text-body-2 text-label" }, dm = { class: "text-body-2 text-label mb-3" }, hm = { class: "text-body-1 py-2" }, pm = { class: "text-body-1 font-weight-medium" }, um = { class: "text-body-2 text-label" }, gm = { class: "text-body-2 text-label" }, fm = { class: "text-body-2 text-label mb-3" }, ym = { class: "text-body-1 font-weight-medium" }, bm = { class: "text-body-2 text-label" }, wm = { class: "text-body-2 text-label" }, xm = { class: "text-body-2 text-label mb-3" }, vm = { class: "text-body-1 py-2" }, km = { class: "text-body-1 font-weight-medium" }, _m = { class: "text-body-2 text-label" }, Lm = { class: "text-body-2 text-label" }, zm = { class: "text-body-2 text-label mb-3" };
 function Cm(t, e, a, i, o, r) {
-  var J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, ye, _e, Re;
-  const l = P("VBtn"), c = P("VTooltip"), s = P("VCol"), d = P("VRow"), m = P("VCardText"), p = P("VDivider"), f = P("VCard"), w = P("VSwitch"), u = P("VBtnToggle"), h = P("VCardTitle"), g = P("VCardItem"), _ = P("VCheckbox"), T = P("VRadio"), v = P("IdmWindBarb"), M = P("IdmSigWaveHeight"), L = P("IdmCurrentDirection"), z = P("IdmPrmsl"), S = P("IdmWindParticle"), D = P("IdmCurrentParticle"), A = P("IdmWave"), E = P("IdmSwell"), X = P("IdmIceEdge"), O = P("IdmIceCover"), q = P("IdmIceThickness"), ae = P("IdmPrecip3h"), re = P("IdmVisibility"), pe = P("IdmWaterTemp"), G = P("IdmTemp");
-  return k(), I("div", Oc, [
+  var J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, be, _e, Re;
+  const l = P("VBtn"), c = P("VTooltip"), s = P("VCol"), d = P("VRow"), m = P("VCardText"), p = P("VDivider"), f = P("VCard"), w = P("VSwitch"), u = P("VBtnToggle"), h = P("VCardTitle"), g = P("VCardItem"), _ = P("VCheckbox"), T = P("VRadio"), v = P("IdmWindBarb"), M = P("IdmSigWaveHeight"), L = P("IdmCurrentDirection"), z = P("IdmPrmsl"), S = P("IdmWindParticle"), D = P("IdmCurrentParticle"), I = P("IdmWave"), E = P("IdmSwell"), X = P("IdmIceEdge"), O = P("IdmIceCover"), q = P("IdmIceThickness"), ae = P("IdmPrecip3h"), re = P("IdmVisibility"), pe = P("IdmWaterTemp"), G = P("IdmTemp");
+  return k(), A("div", Oc, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: he({ top: a.top + a.paddingTop + 46 + "px", right: o.right + "px" })
@@ -9328,7 +9328,7 @@ function Cm(t, e, a, i, o, r) {
         _: 1
       }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 4),
-    r.showTipMenu ? (k(), I("div", Vc, [
+    r.showTipMenu ? (k(), A("div", Vc, [
       n("div", {
         class: ge(["menu-bar-box pa-1 rounded", a.simple ? "simple" : ""]),
         style: he({ right: o.right + "px", top: a.simple ? "394px" : "490px" })
@@ -9374,7 +9374,7 @@ function Cm(t, e, a, i, o, r) {
               e[11] || (e[11] = n("div", { class: "text-body-2 font-weight-600 mb-2" }, "Wind Level", -1)),
               b(d, { class: "ma-0 ml-n1 text-body-2" }, {
                 default: x(() => [
-                  (k(!0), I(Te, null, De(o.legend.barbs, (Q, de) => (k(), W(s, {
+                  (k(!0), A(Te, null, De(o.legend.barbs, (Q, de) => (k(), W(s, {
                     key: Q,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
@@ -9406,14 +9406,14 @@ function Cm(t, e, a, i, o, r) {
               e[12] || (e[12] = n("div", { class: "text-body-2 font-weight-600 mb-2" }, "Wave Height", -1)),
               b(d, { class: "ma-0" }, {
                 default: x(() => [
-                  (k(!0), I(Te, null, De(o.legend.sigWaveHeight, (Q, de) => (k(), W(s, {
+                  (k(!0), A(Te, null, De(o.legend.sigWaveHeight, (Q, de) => (k(), W(s, {
                     key: de,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
                     default: x(() => [
                       n("div", Hc, [
-                        de === 0 ? (k(), I("div", Yc)) : (k(), I("div", {
+                        de === 0 ? (k(), A("div", Yc)) : (k(), A("div", {
                           key: 1,
                           style: he({ width: "24px", height: "12px", background: Q.color })
                         }, null, 4)),
@@ -9438,7 +9438,7 @@ function Cm(t, e, a, i, o, r) {
               e[13] || (e[13] = n("div", { class: "text-body-2 font-weight-600 mb-2" }, "Current", -1)),
               b(d, { class: "ma-0 ml-n4" }, {
                 default: x(() => [
-                  (k(!0), I(Te, null, De(o.legend.current, (Q, de) => (k(), W(s, {
+                  (k(!0), A(Te, null, De(o.legend.current, (Q, de) => (k(), W(s, {
                     key: de,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
@@ -9500,7 +9500,7 @@ function Cm(t, e, a, i, o, r) {
           __: [14]
         }, 8, ["onClick"])
       ], 2),
-      a.simple ? (k(), I("div", em, [
+      a.simple ? (k(), A("div", em, [
         n("div", null, y(t.$t("weather.forecastModel")), 1),
         b(u, {
           modelValue: o.currentModel,
@@ -9564,7 +9564,7 @@ function Cm(t, e, a, i, o, r) {
             }),
             b(m, { class: "py-2 mx-n1" }, {
               default: x(() => [
-                (k(!0), I(Te, null, De(o.tagLayers.filter((Q) => Q.overlays), (Q) => (k(), W(_, {
+                (k(!0), A(Te, null, De(o.tagLayers.filter((Q) => Q.overlays), (Q) => (k(), W(_, {
                   key: Q.key,
                   modelValue: o.checkList,
                   "onUpdate:modelValue": e[3] || (e[3] = (de) => o.checkList = de),
@@ -9601,7 +9601,7 @@ function Cm(t, e, a, i, o, r) {
             }),
             b(m, { class: "py-2 mx-n1" }, {
               default: x(() => [
-                (k(!0), I(Te, null, De(o.tagLayers.filter((Q) => !Q.overlays), (Q) => (k(), I(Te, {
+                (k(!0), A(Te, null, De(o.tagLayers.filter((Q) => !Q.overlays), (Q) => (k(), A(Te, {
                   key: Q.key
                 }, [
                   b(T, {
@@ -9617,7 +9617,7 @@ function Cm(t, e, a, i, o, r) {
                     "hide-details": "",
                     onClick: (de) => o.renderKey = o.renderKey === Q.key ? "" : Q.key
                   }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
-                  o.renderKey === "wind-particle" && Q.key === "wind-particle" ? (k(), I("div", tm, [
+                  o.renderKey === "wind-particle" && Q.key === "wind-particle" ? (k(), A("div", tm, [
                     n("span", null, y(t.$t("weather.particleAnimatiom")), 1),
                     b(w, {
                       modelValue: o.showWindParticle,
@@ -9632,7 +9632,7 @@ function Cm(t, e, a, i, o, r) {
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
                   ])) : N("", !0),
-                  o.renderKey === "current-particle" && Q.key === "current-particle" ? (k(), I("div", am, [
+                  o.renderKey === "current-particle" && Q.key === "current-particle" ? (k(), A("div", am, [
                     n("span", null, y(t.$t("weather.particleAnimatiom")), 1),
                     b(w, {
                       modelValue: o.showCurrentParticle,
@@ -9841,7 +9841,7 @@ function Cm(t, e, a, i, o, r) {
       "menu-toggle": a.menuToggle,
       simple: a.simple
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : N("", !0),
-    a.map ? (k(), W(A, $({
+    a.map ? (k(), W(I, $({
       key: 7,
       viewport: o.viewport,
       factor: (F = o.weatherLayers) == null ? void 0 : F["sig-wave"],
@@ -9888,7 +9888,7 @@ function Cm(t, e, a, i, o, r) {
     a.map ? (k(), W(re, $({
       key: 13,
       viewport: o.viewport,
-      factor: (ye = o.weatherLayers) == null ? void 0 : ye.visibility,
+      factor: (be = o.weatherLayers) == null ? void 0 : be.visibility,
       "menu-toggle": a.menuToggle,
       simple: a.simple
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle", "simple"])) : N("", !0),
@@ -10255,7 +10255,7 @@ let Ii = class {
     }), o;
   }
   static pickHourly(e, a) {
-    var i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, ye, _e, Re, Q, de, He, Ee, Me, Ae;
+    var i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, be, _e, Re, Q, de, He, Ee, Me, Ae;
     const le = typeof a == "string" ? R(a) : a, Pe = e == null ? void 0 : e.weather, ue = e == null ? void 0 : e.marine, we = R((o = (i = Pe == null ? void 0 : Pe[0]) == null ? void 0 : i.hourly) == null ? void 0 : o.date).utc(), Ze = we.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"), Ue = we.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"), Ye = [];
     if (le.isBetween(Ze, Ue, "millisecond", "[]")) {
       const U = le.utc().diff(Ze, "h", !1);
@@ -10288,7 +10288,7 @@ let Ii = class {
             code: (S = se == null ? void 0 : se.weather_code) == null ? void 0 : S.at(U),
             visibility: this.m2nm((D = se == null ? void 0 : se.visibility) == null ? void 0 : D.at(U)),
             wind: {
-              speed: (A = se == null ? void 0 : se.wind_speed_10m) == null ? void 0 : A.at(U),
+              speed: (I = se == null ? void 0 : se.wind_speed_10m) == null ? void 0 : I.at(U),
               kts: (E = se == null ? void 0 : se.wind_speed_10m) == null ? void 0 : E.at(U),
               degree: (X = se == null ? void 0 : se.wind_direction_10m) == null ? void 0 : X.at(U),
               bearing: ((O = se == null ? void 0 : se.wind_direction_10m) == null ? void 0 : O.at(U)) !== null ? (((q = se == null ? void 0 : se.wind_direction_10m) == null ? void 0 : q.at(U)) + 180) % 360 : null,
@@ -10326,7 +10326,7 @@ let Ii = class {
               wd: {
                 height: (ke = te == null ? void 0 : te.wind_wave_height) == null ? void 0 : ke.at(U),
                 degree: (ze = te == null ? void 0 : te.wind_wave_direction) == null ? void 0 : ze.at(U),
-                bearing: ((me = te == null ? void 0 : te.wind_wave_direction) == null ? void 0 : me.at(U)) !== null ? (((ye = te == null ? void 0 : te.wind_wave_direction) == null ? void 0 : ye.at(U)) + 180) % 360 : null,
+                bearing: ((me = te == null ? void 0 : te.wind_wave_direction) == null ? void 0 : me.at(U)) !== null ? (((be = te == null ? void 0 : te.wind_wave_direction) == null ? void 0 : be.at(U)) + 180) % 360 : null,
                 period: (_e = te == null ? void 0 : te.wind_wave_period) == null ? void 0 : _e.at(U),
                 peakPeriod: (Re = te == null ? void 0 : te.wind_wave_peak_period) == null ? void 0 : Re.at(U)
               }
@@ -10368,7 +10368,7 @@ let Ii = class {
     };
   }
   static pickDaily(e, a) {
-    var i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, ye;
+    var i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, be;
     const _e = typeof a == "string" ? R(a) : a, Re = e == null ? void 0 : e.weather, Q = e == null ? void 0 : e.marine, de = R((r = (o = (i = Re == null ? void 0 : Re[0]) == null ? void 0 : i.daily) == null ? void 0 : o.time) == null ? void 0 : r.at(0)), He = R((s = (c = (l = Re == null ? void 0 : Re[0]) == null ? void 0 : l.daily) == null ? void 0 : c.time) == null ? void 0 : s.at(-1)), Ee = [];
     if (_e.isBetween(de, He, "millisecond", "[]")) {
       let Me, Ae;
@@ -10402,7 +10402,7 @@ let Ii = class {
             },
             wind: {
               speed: (D = ue.wind_speed_10m_max) == null ? void 0 : D.at(le),
-              kts: (A = ue.wind_speed_10m_max) == null ? void 0 : A.at(le),
+              kts: (I = ue.wind_speed_10m_max) == null ? void 0 : I.at(le),
               degree: (E = ue.wind_direction_10m_dominant) == null ? void 0 : E.at(le),
               gusts: (X = ue.wind_gusts_10m_max) == null ? void 0 : X.at(le),
               bearing: ((O = ue.wind_direction_10m_dominant) == null ? void 0 : O.at(le)) !== null ? (((q = ue.wind_direction_10m_dominant) == null ? void 0 : q.at(le)) + 180) % 360 : null
@@ -10440,7 +10440,7 @@ let Ii = class {
                 degree: (fe = we.wind_wave_direction_dominant) == null ? void 0 : fe.at(le),
                 period: (ke = we.wind_wave_period_max) == null ? void 0 : ke.at(le),
                 peakPeriod: (ze = we.wind_wave_peak_period_max) == null ? void 0 : ze.at(le),
-                bearing: ((me = we.wind_wave_direction_dominant) == null ? void 0 : me.at(le)) !== null ? (((ye = we.wind_wave_direction_dominant) == null ? void 0 : ye.at(le)) + 180) % 360 : null
+                bearing: ((me = we.wind_wave_direction_dominant) == null ? void 0 : me.at(le)) !== null ? (((be = we.wind_wave_direction_dominant) == null ? void 0 : be.at(le)) + 180) % 360 : null
               }
             }
           }, Ae.wave = this.parseWave(Ae.wave, Me == null ? void 0 : Me.wind), Object.assign(Ee[Pe], Ae), Pe++;
@@ -11330,7 +11330,7 @@ const Pm = {
       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), (t = this.interpolateMarkers) == null || t.forEach((o) => o == null ? void 0 : o.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)), (e = this.map) == null || e.off("click", this.clickLayers, this.handleClick), (a = this.map) == null || a.off("mousemove", this.hoverLayers, this.handleHover), (i = this.map) == null || i.off("mouseleave", this.hoverLayers, this.handleLeave), this.handleCloseInfoMarker();
     },
     handleDateChange() {
-      var t, e, a, i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G, J;
+      var t, e, a, i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G, J;
       if ((t = this.interpolateMarkers) == null || t.forEach((K) => K == null ? void 0 : K.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const K = R(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), oe = this.interpolateData.filter((F) => F.properties.date === (K == null ? void 0 : K.format()) && !F.properties.disabled), Y = this.handleComputePolygons(oe), H = B.featureCollection([...oe]);
         Y.forEach((F) => {
@@ -11361,17 +11361,17 @@ const Pm = {
         for (const F of oe)
           if (!F.properties.disabled) {
             if (!ee.some((me) => {
-              var ye;
-              return me.properties.name === ((ye = F.properties) == null ? void 0 : ye.name);
+              var be;
+              return me.properties.name === ((be = F.properties) == null ? void 0 : be.name);
             })) {
-              const me = ((c = (l = this.tropicals.data.features.find((ye) => {
+              const me = ((c = (l = this.tropicals.data.features.find((be) => {
                 var _e;
-                return ye.properties.name === ((_e = F.properties) == null ? void 0 : _e.name);
+                return be.properties.name === ((_e = F.properties) == null ? void 0 : _e.name);
               })) == null ? void 0 : l.properties) == null ? void 0 : c.nameCn) || ((s = F.properties) == null ? void 0 : s.Name) || "-";
-              F.properties.nameCn = me, F.properties.Name = ((m = (d = F.properties.name) == null ? void 0 : d.trim()) == null ? void 0 : m.replace(/^./, (ye) => ye.toUpperCase())) || F.properties.nameCn, ee.push(F);
+              F.properties.nameCn = me, F.properties.Name = ((m = (d = F.properties.name) == null ? void 0 : d.trim()) == null ? void 0 : m.replace(/^./, (be) => be.toUpperCase())) || F.properties.nameCn, ee.push(F);
             }
             let ne = this.Theme.current.value.colors["tropicals-ty"];
-            ((f = (p = F.properties) == null ? void 0 : p.wind) == null ? void 0 : f.kts) < 32 || !((u = (w = F.properties) == null ? void 0 : w.wind) != null && u.kts) ? ne = this.Theme.current.value.colors["tropicals-td"] : ((g = (h = F.properties) == null ? void 0 : h.wind) == null ? void 0 : g.kts) >= 32 && ((T = (_ = F.properties) == null ? void 0 : _.wind) == null ? void 0 : T.kts) < 47 ? ne = this.Theme.current.value.colors["tropicals-ts"] : ((M = (v = F.properties) == null ? void 0 : v.wind) == null ? void 0 : M.kts) >= 47 && ((z = (L = F.properties) == null ? void 0 : L.wind) == null ? void 0 : z.kts) < 63 ? ne = this.Theme.current.value.colors["tropicals-sts"] : ((D = (S = F.properties) == null ? void 0 : S.wind) == null ? void 0 : D.kts) >= 63 && ((E = (A = F.properties) == null ? void 0 : A.wind) == null ? void 0 : E.kts) < 79 ? ne = this.Theme.current.value.colors["tropicals-ty"] : ((O = (X = F.properties) == null ? void 0 : X.wind) == null ? void 0 : O.kts) >= 79 && ((ae = (q = F.properties) == null ? void 0 : q.wind) == null ? void 0 : ae.kts) < 94 ? ne = this.Theme.current.value.colors["tropicals-sty"] : ((pe = (re = F.properties) == null ? void 0 : re.wind) == null ? void 0 : pe.kts) >= 94 ? ne = this.Theme.current.value.colors["tropicals-super-ty"] : ne = this.Theme.current.value.colors["tropicals-ty"];
+            ((f = (p = F.properties) == null ? void 0 : p.wind) == null ? void 0 : f.kts) < 32 || !((u = (w = F.properties) == null ? void 0 : w.wind) != null && u.kts) ? ne = this.Theme.current.value.colors["tropicals-td"] : ((g = (h = F.properties) == null ? void 0 : h.wind) == null ? void 0 : g.kts) >= 32 && ((T = (_ = F.properties) == null ? void 0 : _.wind) == null ? void 0 : T.kts) < 47 ? ne = this.Theme.current.value.colors["tropicals-ts"] : ((M = (v = F.properties) == null ? void 0 : v.wind) == null ? void 0 : M.kts) >= 47 && ((z = (L = F.properties) == null ? void 0 : L.wind) == null ? void 0 : z.kts) < 63 ? ne = this.Theme.current.value.colors["tropicals-sts"] : ((D = (S = F.properties) == null ? void 0 : S.wind) == null ? void 0 : D.kts) >= 63 && ((E = (I = F.properties) == null ? void 0 : I.wind) == null ? void 0 : E.kts) < 79 ? ne = this.Theme.current.value.colors["tropicals-ty"] : ((O = (X = F.properties) == null ? void 0 : X.wind) == null ? void 0 : O.kts) >= 79 && ((ae = (q = F.properties) == null ? void 0 : q.wind) == null ? void 0 : ae.kts) < 94 ? ne = this.Theme.current.value.colors["tropicals-sty"] : ((pe = (re = F.properties) == null ? void 0 : re.wind) == null ? void 0 : pe.kts) >= 94 ? ne = this.Theme.current.value.colors["tropicals-super-ty"] : ne = this.Theme.current.value.colors["tropicals-ty"];
             const fe = `<svg t="1719918955501"
                           	class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg" p-id="18382"
                           	xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
@@ -11388,7 +11388,7 @@ const Pm = {
                           		fill="#ffffff" p-id="18386"></path>
                           </svg>`, ke = document.createElement("div");
             ke.className = "idm-tropical-gl4-hourly-marker", ke.innerHTML = `<div class="${F.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${fe}</div>`;
-            const ze = new be.Marker(ke).setLngLat(F.geometry.coordinates).addTo(this.map);
+            const ze = new ye.Marker(ke).setLngLat(F.geometry.coordinates).addTo(this.map);
             this.interpolateMarkers.push(ze);
           }
         this.$emit("tropicalCenterPoints", ee);
@@ -11420,7 +11420,7 @@ const Pm = {
     drawTropicalsInfoMaker(t) {
       this.$nextTick(() => {
         const e = document.getElementById("idm-tropical-gl4-info");
-        this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat(t).setOffset([220, 0]) : this.activeTropicalsMarker = new be.Marker(e).setLngLat(t).setOffset([220, 0]).addTo(this.map);
+        this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat(t).setOffset([220, 0]) : this.activeTropicalsMarker = new ye.Marker(e).setLngLat(t).setOffset([220, 0]).addTo(this.map);
       });
     },
     handleCloseInfoMarker() {
@@ -11520,7 +11520,7 @@ const Pm = {
       );
       this.hoverPoint && (this.hoverPoint.lng = a.geometry.coordinates[0], this.hoverPoint.lat = a.geometry.coordinates[1], this.hoverPoint.update = (c = (l = i == null ? void 0 : i[0]) == null ? void 0 : l.properties) == null ? void 0 : c.date, (s = this.hoverMarker) == null || s.remove(), this.showHoverPoint = !0, this.$nextTick(() => {
         const d = document.getElementById("tropicalHoverMarkerInfo").cloneNode(!0);
-        this.hoverMarker = new be.Marker(d).setLngLat(a.geometry.coordinates).setOffset([160, 0]).addTo(this.map);
+        this.hoverMarker = new ye.Marker(d).setLngLat(a.geometry.coordinates).setOffset([160, 0]).addTo(this.map);
       }));
     },
     handleLeave() {
@@ -11568,7 +11568,7 @@ const Pm = {
 }, lh = { class: "text-label pr-1" }, nh = { class: "d-flex justify-start align-center" }, sh = { class: "text-label pr-1" };
 function ch(t, e, a, i, o, r) {
   const l = P("VBtn"), c = P("VTooltip"), s = P("VCardText"), d = P("VDivider"), m = P("VCardActions"), p = P("VCard"), f = P("v-card-title"), w = P("v-divider");
-  return k(), I("div", Sm, [
+  return k(), A("div", Sm, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: he({ top: a.top + a.paddingTop + 86 + "px", right: o.right + "px" })
@@ -11599,7 +11599,7 @@ function ch(t, e, a, i, o, r) {
         _: 1
       }, 8, ["text", "open-on-focus", "open-on-hover"])
     ], 4),
-    o.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (k(), I("div", {
+    o.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (k(), A("div", {
       key: 0,
       ref: "tropicalsInfo",
       id: "idm-tropical-gl4-info",
@@ -11612,11 +11612,11 @@ function ch(t, e, a, i, o, r) {
         default: x(() => [
           b(s, null, {
             default: x(() => {
-              var u, h, g, _, T, v, M, L, z, S, D, A;
+              var u, h, g, _, T, v, M, L, z, S, D, I;
               return [
                 n("div", Tm, [
                   n("span", Rm, y(a.locale === "en" ? (u = o.activeTropicals) == null ? void 0 : u.Name : ((h = o.activeTropicals) == null ? void 0 : h.nameCn) || ((g = o.activeTropicals) == null ? void 0 : g.Name) || "-"), 1),
-                  (T = (_ = o.activeTropicals) == null ? void 0 : _.history) != null && T.levelI18n ? (k(), I("span", Dm, " , " + y(t.$t("tropical." + ((M = (v = o.activeTropicals) == null ? void 0 : v.history) == null ? void 0 : M.levelI18n))), 1)) : N("", !0)
+                  (T = (_ = o.activeTropicals) == null ? void 0 : _.history) != null && T.levelI18n ? (k(), A("span", Dm, " , " + y(t.$t("tropical." + ((M = (v = o.activeTropicals) == null ? void 0 : v.history) == null ? void 0 : M.levelI18n))), 1)) : N("", !0)
                 ]),
                 b(l, {
                   icon: "",
@@ -11633,7 +11633,7 @@ function ch(t, e, a, i, o, r) {
                 }, 8, ["onClick"]),
                 n("div", Im, [
                   n("span", Am, y(t.$t("actions.lastUpdate")) + ": ", 1),
-                  n("span", null, y(r.computeTime(((z = (L = o.activeTropicals) == null ? void 0 : L.history) == null ? void 0 : z.updated) || ((A = (D = (S = o.activeTropicals) == null ? void 0 : S.forecasts) == null ? void 0 : D.filter((E) => !E.disabled)[0]) == null ? void 0 : A.date), a.timeZone)), 1)
+                  n("span", null, y(r.computeTime(((z = (L = o.activeTropicals) == null ? void 0 : L.history) == null ? void 0 : z.updated) || ((I = (D = (S = o.activeTropicals) == null ? void 0 : S.forecasts) == null ? void 0 : D.filter((E) => !E.disabled)[0]) == null ? void 0 : I.date), a.timeZone)), 1)
                 ])
               ];
             }),
@@ -11668,14 +11668,14 @@ function ch(t, e, a, i, o, r) {
                 n("div", Xm, [
                   n("label", Hm, y(t.$t("tropical.models")) + " : ", 1),
                   n("div", Ym, [
-                    (k(!0), I(Te, null, De((z = o.activeTropicals) == null ? void 0 : z.forecasts, (S, D) => (k(), W(l, {
+                    (k(!0), A(Te, null, De((z = o.activeTropicals) == null ? void 0 : z.forecasts, (S, D) => (k(), W(l, {
                       key: D,
                       density: "compact",
                       variant: S.disabled ? "text" : "flat",
                       color: S.disabled ? "" : "primary",
                       "min-width": 30,
                       class: ge(["model text-none text-body-1 px-1", S.disabled ? "btn-border-1 btn-bg-1" : ""]),
-                      onClick: Le((A) => r.handleForecastToggle(S), ["stop"])
+                      onClick: Le((I) => r.handleForecastToggle(S), ["stop"])
                     }, {
                       default: x(() => [
                         Z(y(S.model), 1)
@@ -11730,7 +11730,7 @@ function ch(t, e, a, i, o, r) {
         ]),
         _: 1
       }, 8, ["class", "elevation"]),
-      a.simple ? (k(), I("div", $m, [
+      a.simple ? (k(), A("div", $m, [
         n("div", Jm, [
           n("div", Km, [
             e[5] || (e[5] = n("div", { class: "icon td" }, null, -1)),
@@ -11775,7 +11775,7 @@ function ch(t, e, a, i, o, r) {
             n("div", yd, "50kts " + y(t.$t("tropical.radii")), 1)
           ])
         ])
-      ])) : (k(), I("div", bd, [
+      ])) : (k(), A("div", bd, [
         et(b(p, { elevation: "16" }, {
           default: x(() => [
             b(s, null, {
@@ -11857,30 +11857,30 @@ function ch(t, e, a, i, o, r) {
         b(w),
         b(s, { class: "text-body-1" }, {
           default: x(() => {
-            var u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G;
+            var u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G;
             return [
               n("div", Od, [
-                ((u = o.hoverPoint) == null ? void 0 : u.type) === "forecast" ? (k(), I("div", Vd, [
+                ((u = o.hoverPoint) == null ? void 0 : u.type) === "forecast" ? (k(), A("div", Vd, [
                   n("label", jd, y(t.$t("tropical.updated")) + " : ", 1),
                   n("span", null, y(r.computeTzTime((h = o.hoverPoint) == null ? void 0 : h.update, a.timeZone)), 1)
                 ])) : N("", !0),
-                ((g = o.hoverPoint) == null ? void 0 : g.type) === "forecast" ? (k(), I("div", Xd, [
+                ((g = o.hoverPoint) == null ? void 0 : g.type) === "forecast" ? (k(), A("div", Xd, [
                   n("label", Hd, y(t.$t("tropical.forecast")) + " : ", 1),
                   n("span", null, y(r.computeTzTime((_ = o.hoverPoint) == null ? void 0 : _.date, a.timeZone)), 1)
                 ])) : N("", !0),
-                ((T = o.hoverPoint) == null ? void 0 : T.type) === "history" ? (k(), I("div", Yd, [
+                ((T = o.hoverPoint) == null ? void 0 : T.type) === "history" ? (k(), A("div", Yd, [
                   n("label", Ud, y(t.$t("tropical.forecast")) + " : ", 1),
                   n("span", null, y(r.computeTzTime((v = o.hoverPoint) == null ? void 0 : v.date, a.timeZone)), 1)
                 ])) : N("", !0),
-                ((M = o.hoverPoint) == null ? void 0 : M.type) === "forecast" ? (k(), I("div", $d, [
+                ((M = o.hoverPoint) == null ? void 0 : M.type) === "forecast" ? (k(), A("div", $d, [
                   n("label", Jd, y(t.$t("tropical.model")) + " : ", 1),
                   n("span", null, y(((L = o.hoverPoint) == null ? void 0 : L.model) ?? "-"), 1)
                 ])) : N("", !0),
-                ((z = o.hoverPoint) == null ? void 0 : z.type) === "forecast" ? (k(), I("div", Kd, [
+                ((z = o.hoverPoint) == null ? void 0 : z.type) === "forecast" ? (k(), A("div", Kd, [
                   n("label", qd, y(t.$t("weather.wind")) + " : ", 1),
                   n("span", null, y(((D = JSON.parse((S = o.hoverPoint) == null ? void 0 : S.wind)) == null ? void 0 : D.kts) ?? "-") + " kts", 1)
                 ])) : N("", !0),
-                ((A = o.hoverPoint) == null ? void 0 : A.type) === "history" ? (k(), I("div", Qd, [
+                ((I = o.hoverPoint) == null ? void 0 : I.type) === "history" ? (k(), A("div", Qd, [
                   n("label", eh, y(t.$t("weather.wind")) + " : ", 1),
                   n("span", null, y(((E = o.hoverPoint) == null ? void 0 : E.kts) ?? "-") + " kts", 1)
                 ])) : N("", !0),
@@ -11888,11 +11888,11 @@ function ch(t, e, a, i, o, r) {
                   n("label", ah, y(t.$t("weather.pressure")) + " : ", 1),
                   n("span", null, y(((X = o.hoverPoint) == null ? void 0 : X.pressure) ?? "-") + " hPa", 1)
                 ]),
-                ((O = o.hoverPoint) == null ? void 0 : O.type) === "history" ? (k(), I("div", oh, [
+                ((O = o.hoverPoint) == null ? void 0 : O.type) === "history" ? (k(), A("div", oh, [
                   n("label", ih, y(t.$t("tropical.moveSpeed")) + " : ", 1),
                   n("span", null, y(((ae = JSON.parse((q = o.hoverPoint) == null ? void 0 : q.movement)) == null ? void 0 : ae.kts) ?? "-") + " kts", 1)
                 ])) : N("", !0),
-                ((re = o.hoverPoint) == null ? void 0 : re.type) === "history" ? (k(), I("div", rh, [
+                ((re = o.hoverPoint) == null ? void 0 : re.type) === "history" ? (k(), A("div", rh, [
                   n("label", lh, y(t.$t("tropical.moveDir")) + " : ", 1),
                   n("span", null, y(((G = JSON.parse((pe = o.hoverPoint) == null ? void 0 : pe.movement)) == null ? void 0 : G.deg) ?? "-") + " °", 1)
                 ])) : N("", !0),
@@ -12110,7 +12110,7 @@ const mh = {
 };
 function gh(t, e, a, i, o, r) {
   const l = P("VDatePicker"), c = P("VDivider"), s = P("VListItemTitle"), d = P("VListItem"), m = P("VList"), p = P("VCardText"), f = P("VBtn"), w = P("VCardActions"), u = P("VCard");
-  return k(), I("div", dh, [
+  return k(), A("div", dh, [
     n("div", {
       style: he({ height: a.height + "px", width: a.width ? a.width + "px" : "auto" }),
       class: ge([[a.bgClass, { "cursor-pointer": !a.disabled }], "rounded text-body-1 btn-border-1 btn-bg-1 d-flex align-center justify-center px-2"]),
@@ -12145,7 +12145,7 @@ function gh(t, e, a, i, o, r) {
               n("div", uh, y(t.$t("time.time")), 1),
               b(m, { class: "pa-0 flex-1-1-0 scroll" }, {
                 default: x(() => [
-                  (k(!0), I(Te, null, De(r.hourOptions, (h, g) => (k(), W(d, {
+                  (k(!0), A(Te, null, De(r.hourOptions, (h, g) => (k(), W(d, {
                     key: g,
                     value: h,
                     color: "primary",
@@ -13261,10 +13261,10 @@ const fh = {
       }), this.loading = !1;
     },
     initTableData(t) {
-      var a, i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe;
+      var a, i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe;
       this.currentHourData = {}, this.positionGmt = (i = (a = t == null ? void 0 : t.weather) == null ? void 0 : a[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (o = t == null ? void 0 : t.weather) == null ? void 0 : o[0]) == null ? void 0 : r.offset;
       const e = ((l = Va.pickHourly(t, R(this.form.dateTime))) == null ? void 0 : l[0]) || {};
-      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((d = (s = e == null ? void 0 : e.weather) == null ? void 0 : s.precip) == null ? void 0 : d.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((p = (m = e == null ? void 0 : e.weather) == null ? void 0 : m.precip) == null ? void 0 : p.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((f = e == null ? void 0 : e.weather) == null ? void 0 : f.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((u = (w = e == null ? void 0 : e.weather) == null ? void 0 : w.wind) == null ? void 0 : u.kts, 1) ?? "-", this.currentHourData.windDir = ((g = (h = e == null ? void 0 : e.weather) == null ? void 0 : h.wind) == null ? void 0 : g.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((T = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : T.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((M = (v = e == null ? void 0 : e.weather) == null ? void 0 : v.wind) == null ? void 0 : M.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((z = (L = e == null ? void 0 : e.wave) == null ? void 0 : L.sig) == null ? void 0 : z.height, 1) ?? "-", this.currentHourData.sigwaveDir = (D = (S = e == null ? void 0 : e.wave) == null ? void 0 : S.sig) == null ? void 0 : D.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((E = (A = e == null ? void 0 : e.wave) == null ? void 0 : A.sig) == null ? void 0 : E.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((O = (X = e == null ? void 0 : e.wave) == null ? void 0 : X.wd) == null ? void 0 : O.height, 1) ?? "-", this.currentHourData.windwaveDir = (ae = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : ae.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((pe = (re = e == null ? void 0 : e.wave) == null ? void 0 : re.wd) == null ? void 0 : pe.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((J = (G = e == null ? void 0 : e.wave) == null ? void 0 : G.swell) == null ? void 0 : J.height, 1) ?? "-", this.currentHourData.swellDir = (oe = (K = e == null ? void 0 : e.wave) == null ? void 0 : K.swell) == null ? void 0 : oe.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((H = (Y = e == null ? void 0 : e.wave) == null ? void 0 : Y.swell) == null ? void 0 : H.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ee = e == null ? void 0 : e.current) == null ? void 0 : ee.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((ne = e == null ? void 0 : e.current) == null ? void 0 : ne.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (fe = e == null ? void 0 : e.weather) == null ? void 0 : fe.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((d = (s = e == null ? void 0 : e.weather) == null ? void 0 : s.precip) == null ? void 0 : d.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((p = (m = e == null ? void 0 : e.weather) == null ? void 0 : m.precip) == null ? void 0 : p.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((f = e == null ? void 0 : e.weather) == null ? void 0 : f.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((u = (w = e == null ? void 0 : e.weather) == null ? void 0 : w.wind) == null ? void 0 : u.kts, 1) ?? "-", this.currentHourData.windDir = ((g = (h = e == null ? void 0 : e.weather) == null ? void 0 : h.wind) == null ? void 0 : g.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((T = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : T.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((M = (v = e == null ? void 0 : e.weather) == null ? void 0 : v.wind) == null ? void 0 : M.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((z = (L = e == null ? void 0 : e.wave) == null ? void 0 : L.sig) == null ? void 0 : z.height, 1) ?? "-", this.currentHourData.sigwaveDir = (D = (S = e == null ? void 0 : e.wave) == null ? void 0 : S.sig) == null ? void 0 : D.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((E = (I = e == null ? void 0 : e.wave) == null ? void 0 : I.sig) == null ? void 0 : E.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((O = (X = e == null ? void 0 : e.wave) == null ? void 0 : X.wd) == null ? void 0 : O.height, 1) ?? "-", this.currentHourData.windwaveDir = (ae = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : ae.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((pe = (re = e == null ? void 0 : e.wave) == null ? void 0 : re.wd) == null ? void 0 : pe.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((J = (G = e == null ? void 0 : e.wave) == null ? void 0 : G.swell) == null ? void 0 : J.height, 1) ?? "-", this.currentHourData.swellDir = (oe = (K = e == null ? void 0 : e.wave) == null ? void 0 : K.swell) == null ? void 0 : oe.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((H = (Y = e == null ? void 0 : e.wave) == null ? void 0 : Y.swell) == null ? void 0 : H.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ee = e == null ? void 0 : e.current) == null ? void 0 : ee.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((ne = e == null ? void 0 : e.current) == null ? void 0 : ne.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (fe = e == null ? void 0 : e.weather) == null ? void 0 : fe.url;
     },
     handleBind() {
       var t, e;
@@ -13294,14 +13294,14 @@ const fh = {
         var a, i;
         (a = this.positionMarker) == null || a.remove();
         const e = (i = document.getElementById("idm-position-icon")) == null ? void 0 : i.cloneNode(!0);
-        this.positionMarker = new be.Marker(e).setLngLat(t).setOffset([0, -15]).addTo(this.map);
+        this.positionMarker = new ye.Marker(e).setLngLat(t).setOffset([0, -15]).addTo(this.map);
       }));
     },
     drawMeteoInfoMarker(t) {
       this.$nextTick(() => {
         var a;
         const e = document.getElementById("idm-gl4-spot-meteo");
-        this.meteoInfoMarker ? (a = this.meteoInfoMarker) == null || a.setLngLat(t) : this.meteoInfoMarker = new be.Marker(e).setLngLat(t).setOffset([0, -190]).addTo(this.map);
+        this.meteoInfoMarker ? (a = this.meteoInfoMarker) == null || a.setLngLat(t) : this.meteoInfoMarker = new ye.Marker(e).setLngLat(t).setOffset([0, -190]).addTo(this.map);
       });
     },
     handleMeteoMore() {
@@ -13374,7 +13374,7 @@ const fh = {
 }, fp = ["xlink:href"];
 function yp(t, e, a, i, o, r) {
   const l = P("VBtn"), c = P("VTooltip"), s = P("VCardTitle"), d = P("VDivider"), m = P("VTextField"), p = P("VCol"), f = P("VRow"), w = P("DateTimePicker"), u = P("VBtnToggle"), h = P("VCardText"), g = P("VCardActions"), _ = P("VForm"), T = P("VCard");
-  return k(), I("div", yh, [
+  return k(), A("div", yh, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: he({ top: a.top + a.paddingTop + 126 + "px", right: o.right + "px" })
@@ -13974,7 +13974,7 @@ function yp(t, e, a, i, o, r) {
       _: 1
     }, 512)) : N("", !0),
     et(n("div", up, [
-      (k(), I("svg", gp, [
+      (k(), A("svg", gp, [
         n("use", {
           "xlink:href": `#icon-spot-${a.theme}`
         }, null, 8, fp)
@@ -14128,7 +14128,7 @@ const wp = {
         const c = this.geojson.filter((s) => s.id === e.split("-")[0])[0].features.filter((s) => s.geometry.type === "Point");
         if (c.length > 2 && c.filter((d) => d.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
           const d = document.createElement("div");
-          d.className = "idm-gl4-measure-contextmenu-marker", d.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new be.Marker(d).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
+          d.className = "idm-gl4-measure-contextmenu-marker", d.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new ye.Marker(d).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -14250,7 +14250,7 @@ const wp = {
         this.tipMarker._element.innerHTML = c, this.tipMarker.setLngLat([a.lng, a.lat]);
       else {
         const s = document.createElement("div");
-        s.className = "idm-gl4-measure-tip-marker", s.innerHTML = c, this.tipMarker = new be.Marker(s).setOffset([140, 0]).setLngLat([a.lng, a.lat]).addTo(this.map);
+        s.className = "idm-gl4-measure-tip-marker", s.innerHTML = c, this.tipMarker = new ye.Marker(s).setOffset([140, 0]).setLngLat([a.lng, a.lat]).addTo(this.map);
       }
     },
     handleMove(t) {
@@ -14326,12 +14326,12 @@ const wp = {
         for (const c of l) {
           const s = document.createElement("div");
           s.id = `${t.id}-${c.properties.id}`, s.className = `${t.closed ? "idm-gl4-measure-marker closed" : "idm-gl4-measure-marker"}`, s.innerHTML = '<div class="marker-circle"></div>';
-          const d = new be.Marker({ element: s, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
+          const d = new ye.Marker({ element: s, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
           d.on("drag", this.handleDrag), d.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(d) : this.pointMarkers[t.id] = [d];
         }
         if (t.closed) {
           const c = l.at(-1), d = t.features.filter((p) => p.geometry.type === "LineString").at(-1), m = document.createElement("div");
-          m.className = "idm-gl4-measure-summary-marker", m.innerHTML = `<div class="marker-label">${d.properties.name}</div><div id="${t.id}" class="marker-close">X</div>`, this.closeMarkers[t.id] = new be.Marker(m).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
+          m.className = "idm-gl4-measure-summary-marker", m.innerHTML = `<div class="marker-label">${d.properties.name}</div><div id="${t.id}" class="marker-close">X</div>`, this.closeMarkers[t.id] = new ye.Marker(m).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
         }
       }
     },
@@ -14346,7 +14346,7 @@ const wp = {
 }, xp = { class: "idm-gl4-measure" };
 function vp(t, e, a, i, o, r) {
   const l = P("VBtn"), c = P("VTooltip");
-  return k(), I("div", xp, [
+  return k(), A("div", xp, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: he({ top: a.top + a.paddingTop + 166 + "px", right: o.right + "px" })
@@ -14475,6 +14475,7 @@ const _p = {
       drawRadiusLayer: "draw-marker-radius-layer",
       tipMarker: null,
       pointMarker: null,
+      pointHighlightMarker: null,
       editMarkers: [],
       deleteBtn: null,
       originalProperties: {}
@@ -14550,7 +14551,17 @@ const _p = {
       this.$emit("hideLayer", this.editLayer.id);
     },
     setupPointEdit() {
-      this.pointMarker && (this.pointMarker.setDraggable(!0), this.pointMarker.off("drag", this.handlePointDrag), this.pointMarker.on("drag", this.handlePointDrag), this.pointMarker.off("dragend", this.handlePointDrag), this.pointMarker.on("dragend", this.handlePointDrag));
+      var a;
+      if (!this.pointMarker)
+        return;
+      this.pointMarker.setDraggable(!0), this.pointMarker.off("drag", this.handlePointDrag), this.pointMarker.on("drag", this.handlePointDrag), this.pointMarker.off("dragend", this.handlePointDrag), this.pointMarker.on("dragend", this.handlePointDrag), (a = this.pointHighlightMarker) == null || a.remove();
+      const t = document.createElement("div");
+      t.className = "idm-gl4-point-center-ring";
+      const e = this.pointMarker.getLngLat();
+      this.pointHighlightMarker = new ye.Marker({ element: t, anchor: "center", offset: [0, 0] }).setLngLat(e).addTo(this.map), this.pointMarker.on("drag", () => {
+        var i;
+        (i = this.pointHighlightMarker) == null || i.setLngLat(this.pointMarker.getLngLat());
+      });
     },
     handlePointDrag() {
       const { lng: t, lat: e } = this.pointMarker.getLngLat();
@@ -14580,7 +14591,7 @@ const _p = {
       this.clearEditMarkers(), this.drawCoords.forEach((e, a) => {
         const i = document.createElement("div");
         i.className = "idm-gl4-edit-vertex", i.style.backgroundColor = this.form.color;
-        const o = new be.Marker({ element: i, draggable: !0 }).setLngLat(e).addTo(this.map);
+        const o = new ye.Marker({ element: i, draggable: !0 }).setLngLat(e).addTo(this.map);
         o.on("dragstart", () => {
           this.map.getCanvas().style.cursor = "pointer";
           const { lng: r, lat: l } = o.getLngLat();
@@ -14671,7 +14682,7 @@ const _p = {
       this.drawCoords = e.map((i) => [...i]), this.drawCoords.forEach((i, o) => {
         const r = document.createElement("div");
         r.className = "idm-gl4-edit-vertex", r.style.backgroundColor = this.form.color;
-        const l = new be.Marker({ element: r, draggable: !0 }).setLngLat(i).addTo(this.map);
+        const l = new ye.Marker({ element: r, draggable: !0 }).setLngLat(i).addTo(this.map);
         l.on("dragstart", () => {
           this.map.getCanvas().style.cursor = "pointer";
           const { lng: c, lat: s } = l.getLngLat();
@@ -14726,7 +14737,7 @@ const _p = {
       if ((o = this.pointMarker) == null || o.remove(), !t || !t.length)
         return;
       const [a, i] = t[0];
-      this.pointMarker = new be.Marker({ color: e }).setLngLat([a, i]).addTo(this.map);
+      this.pointMarker = new ye.Marker({ color: e }).setLngLat([a, i]).addTo(this.map);
     },
     // -------- Line drawing --------
     handleMapClickLine(t) {
@@ -14801,7 +14812,7 @@ const _p = {
         this.tipMarker._element.innerHTML = d, this.tipMarker.setLngLat([e[0], e[1]]);
       else {
         const m = document.createElement("div");
-        m.className = "idm-gl4-draw-tip-marker", m.innerHTML = d, this.tipMarker = new be.Marker(m).setOffset([140, 0]).setLngLat([e[0], e[1]]).addTo(this.map);
+        m.className = "idm-gl4-draw-tip-marker", m.innerHTML = d, this.tipMarker = new ye.Marker(m).setOffset([140, 0]).setLngLat([e[0], e[1]]).addTo(this.map);
       }
     },
     handleRefreshLine() {
@@ -14870,7 +14881,7 @@ const _p = {
       this.handleClearVertexLabels();
       const a = j.lat2pretty(t[1], 4).pretty, i = j.lng2pretty(t[0], 4).pretty, o = document.createElement("div");
       o.className = "idm-gl4-draw-corner-label center", o.innerHTML = `<span class="corner-text">${a} <br/> ${i}</span>`;
-      const r = new be.Marker(o, { anchor: "bottom", offset: [0, e] }).setLngLat(t).addTo(this.map);
+      const r = new ye.Marker(o, { anchor: "bottom", offset: [0, e] }).setLngLat(t).addTo(this.map);
       this.polygonVertexMarkers.push(r);
     },
     handleRenderAllVertexLabels(t) {
@@ -14882,7 +14893,7 @@ const _p = {
         o >= 0 && i >= 0 ? r = "bottom-left" : o >= 0 && i < 0 ? r = "bottom-right" : o < 0 && i >= 0 ? r = "top-left" : r = "top-right";
         const l = j.lat2pretty(a[1], 4).pretty, c = j.lng2pretty(a[0], 4).pretty, s = document.createElement("div");
         s.className = "idm-gl4-draw-corner-label " + r, s.innerHTML = `<span class="corner-text">${l} <br/> ${c}</span>`;
-        const d = new be.Marker(s, { anchor: r }).setLngLat(a).addTo(this.map);
+        const d = new ye.Marker(s, { anchor: r }).setLngLat(a).addTo(this.map);
         this.polygonVertexMarkers.push(d);
       });
     },
@@ -14929,7 +14940,7 @@ const _p = {
     handleRenderCircleCenterLabel(t) {
       const e = j.lat2pretty(t[1], 4).pretty, a = j.lng2pretty(t[0], 4).pretty, i = document.createElement("div");
       i.className = "idm-gl4-draw-corner-label bottom-right", i.innerHTML = `<span class="corner-text">${e} <br/> ${a}</span>`;
-      const o = new be.Marker(i, { anchor: "bottom-right" }).setLngLat(t).addTo(this.map);
+      const o = new ye.Marker(i, { anchor: "bottom-right" }).setLngLat(t).addTo(this.map);
       this.circleMarkers.push(o);
     },
     handleRenderRadiusLine(t, e, a) {
@@ -14952,7 +14963,7 @@ const _p = {
       this.circleMarkers.length > 1 && (this.circleMarkers[1].remove(), this.circleMarkers.splice(1, 1));
       const h = document.createElement("div"), g = document.createElement("span");
       g.className = "idm-gl4-draw-radius-label", g.style.transform = `rotate(${m}deg)`, g.style.transformOrigin = "center", g.style.display = "inline-block", g.textContent = `${i} nm`, h.appendChild(g);
-      const _ = new be.Marker(h, { anchor: "center", offset: [w, u] }).setLngLat(r).addTo(this.map);
+      const _ = new ye.Marker(h, { anchor: "center", offset: [w, u] }).setLngLat(r).addTo(this.map);
       this.circleMarkers.push(_);
     },
     handleClearCircleLabels() {
@@ -15031,7 +15042,7 @@ const _p = {
       this.handleClearRectCorners(), l.forEach(({ coord: c, anchor: s }) => {
         const d = j.lat2pretty(c[1], 4).pretty, m = j.lng2pretty(c[0], 4).pretty, p = document.createElement("div");
         p.className = "idm-gl4-draw-corner-label " + s, p.innerHTML = `<span class="corner-text">${d} <br/> ${m}</span>`;
-        const f = new be.Marker(p, { anchor: s }).setLngLat(c).addTo(this.map);
+        const f = new ye.Marker(p, { anchor: s }).setLngLat(c).addTo(this.map);
         this.rectCornerMarkers.push(f);
       });
     },
@@ -15082,25 +15093,28 @@ const _p = {
     },
     // -------- clear drawn layers --------
     handleClearDraw(t = !1) {
-      var a, i, o, r;
+      var a, i, o, r, l;
       this.handleClearTmp(), this.hideDeleteButton();
       const e = [this.drawPointLayer, this.drawLineLayer, this.drawFillLayer];
-      for (const l of e)
-        (a = this.map) != null && a.getLayer(l) && ((i = this.map) == null || i.removeLayer(l));
-      (o = this.map) != null && o.getSource(this.drawSource) && this.map.removeSource(this.drawSource), this.drawCoords = [], this.originalProperties = {}, this.handleClearRectCorners(), this.handleClearVertexLabels(), this.handleClearCircleLabels(), (r = this.pointMarker) == null || r.remove(), this.pointMarker = null, this.clearEditMarkers(), this.handleRebindMap();
+      for (const c of e)
+        (a = this.map) != null && a.getLayer(c) && ((i = this.map) == null || i.removeLayer(c));
+      (o = this.map) != null && o.getSource(this.drawSource) && this.map.removeSource(this.drawSource), this.drawCoords = [], this.originalProperties = {}, this.handleClearRectCorners(), this.handleClearVertexLabels(), this.handleClearCircleLabels(), (r = this.pointMarker) == null || r.remove(), this.pointMarker = null, (l = this.pointHighlightMarker) == null || l.remove(), this.pointHighlightMarker = null, this.clearEditMarkers(), this.handleRebindMap();
     },
     // -------- Save --------
     async handleSave() {
       var i, o;
       let t = null;
       if (this.markerType === "Point" ? await this.$refs.pointForm.validate().then((r) => {
+        var l;
         if (r != null && r.valid) {
           if (!this.drawCoords.length)
             return;
-          const [l, c] = this.drawCoords[0];
+          const [c, s] = this.drawCoords[0];
           t = B.featureCollection([
-            je.drawPoint(c, l, { ...this.originalProperties, color: this.form.color, name: this.form.name })
-          ]);
+            je.drawPoint(s, c, { ...this.originalProperties, color: this.form.color, name: this.form.name })
+          ]), (l = t.features) == null || l.forEach((d) => {
+            d.properties.color = this.form.color, d.properties.name = this.form.name;
+          });
         }
       }) : this.markerType === "Line" ? await this.$refs.lineForm.validate().then((r) => {
         if (r != null && r.valid) {
@@ -15629,7 +15643,7 @@ function Kp(t, e, a, i, o, r) {
               default: x(() => {
                 var L, z;
                 return [
-                  (L = a.editLayer) != null && L.id ? N("", !0) : (k(), I("div", Vp, [
+                  (L = a.editLayer) != null && L.id ? N("", !0) : (k(), A("div", Vp, [
                     n("div", jp, [
                       Z(y(t.$t("marker.areaType")), 1),
                       e[33] || (e[33] = n("span", { class: "text-danger" }, "*", -1))
@@ -15799,18 +15813,21 @@ const Qp = {
   },
   emits: ["close", "import"],
   data() {
+    var t;
     return {
       form: {
         groupName: "",
         name: "",
         file: null,
         format: "",
-        extend: void 0
+        extend: void 0,
+        color: (t = this.Theme.current.value.colors) == null ? void 0 : t["map-green"]
       },
       formRules: {
         groupName: [
-          (t) => t != null && t !== "" || "required"
-        ]
+          (e) => e != null && e !== "" || "required"
+        ],
+        color: [(e) => e != null && e !== "" || "required"]
       },
       isDragOver: !1,
       uploading: !1,
@@ -15819,6 +15836,17 @@ const Qp = {
       previewMarkers: []
     };
   },
+  watch: {
+    "form.color": {
+      handler(t) {
+        var e;
+        (e = this.form.extend) != null && e.features && this.form.extend.features.forEach((a) => {
+          a.properties.color = t;
+        }), this.handleDrawLayers();
+      },
+      immediate: !0
+    }
+  },
   mounted() {
     var t;
     this.form.groupName = ((t = this.group) == null ? void 0 : t.name) || "Import layer 1";
@@ -15852,7 +15880,7 @@ const Qp = {
       e && this.onUpload(e);
     },
     async onUpload(t) {
-      var i, o;
+      var i, o, r, l;
       if (t.size > 10485760) {
         this.$emit("error", this.$t("marker.fileTooLarge"));
         return;
@@ -15860,26 +15888,28 @@ const Qp = {
       this.form.file = t, this.fileError = "", this.form.name = (i = t.name.split(".")) == null ? void 0 : i[0];
       const a = (o = t.name.split(".").pop()) == null ? void 0 : o.toLowerCase();
       try {
-        let r;
+        let c;
         if (a === "json" || a === "geojson") {
-          const l = await t.text();
-          r = JSON.parse(l);
+          const s = await t.text();
+          c = JSON.parse(s);
         } else if (a === "kml") {
-          const l = await t.text();
-          r = await je.convertKML2GeoJSON(l);
+          const s = await t.text();
+          c = await je.convertKML2GeoJSON(s);
         } else if (a === "kmz") {
-          const l = await t.arrayBuffer();
-          r = await je.convertKMZ2GeoJSON(l);
+          const s = await t.arrayBuffer();
+          c = await je.convertKMZ2GeoJSON(s);
         } else if (a === "zip" || a === "shp") {
-          const l = await t.arrayBuffer();
-          r = await je.convertZIP2GeoJSON(l);
+          const s = await t.arrayBuffer();
+          c = await je.convertZIP2GeoJSON(s);
         } else {
           this.$emit("error", "Unsupported format: " + a);
           return;
         }
-        this.form.extend = r, this.form.format = "geojson", this.handleDrawLayers();
-      } catch (r) {
-        console.error("File parse error", r), this.$emit("error", "Failed to parse file"), this.fileError = "Failed to parse file", this.form.file = null;
+        this.form.extend = c, this.form.format = "geojson", (l = (r = this.form.extend) == null ? void 0 : r.features) == null || l.forEach((s) => {
+          s.properties.color = this.form.color;
+        }), this.handleDrawLayers();
+      } catch (c) {
+        console.error("File parse error", c), this.$emit("error", "Failed to parse file"), this.fileError = "Failed to parse file", this.form.file = null;
       }
     },
     handleRemoveFile() {
@@ -15926,14 +15956,13 @@ const Qp = {
     handleDrawLayers() {
       if (!this.map || !this.form.extend)
         return;
-      this.handleClearPreview();
       const t = this.form.extend, e = this.previewSourceId, a = t.features || (t.type === "Feature" ? [t] : []);
       a.forEach((o) => {
         var l, c, s;
         const r = ((l = o == null ? void 0 : o.properties) == null ? void 0 : l.color) || ((c = this.Theme.current.value.colors) == null ? void 0 : c["map-green"]);
         if (((s = o.geometry) == null ? void 0 : s.type) === "Point") {
           const [d, m] = o.geometry.coordinates;
-          this.previewMarkers.push(new be.Marker({ color: r }).setLngLat([d, m]).addTo(this.map));
+          this.previewMarkers.push(new ye.Marker({ color: r }).setLngLat([d, m]).addTo(this.map));
         }
         o.properties.color || (o.properties.color = r);
       }), this.map.getSource(e) ? this.map.getSource(e).setData(t) : this.map.addSource(e, { type: "geojson", data: t });
@@ -15985,14 +16014,14 @@ const Qp = {
       }), this.map.getSource(t) && this.map.removeSource(t);
     }
   }
-}, eu = { class: "text-h6 font-weight-600" }, tu = { class: "mb-4" }, au = { class: "text-label mb-1" }, ou = { class: "text-body-2 text-center text-label" }, iu = { class: "text-body-1 text-primary mt-2 cursor-pointer" }, ru = { class: "text-body-2 text-left text-label mt-1" }, lu = {
+}, eu = { class: "text-h6 font-weight-600" }, tu = { class: "mb-4" }, au = { class: "text-label mb-1" }, ou = { class: "mb-1" }, iu = { class: "text-label mb-1" }, ru = { class: "color-picker-row d-flex align-start ga-2" }, lu = ["value"], nu = { class: "text-body-2 text-center text-label" }, su = { class: "text-body-1 text-primary mt-2 cursor-pointer" }, cu = { class: "text-body-2 text-left text-label mt-1" }, mu = {
   key: 0,
   class: "text-body-2 text-left text-danger mt-1"
-}, nu = {
+}, du = {
   key: 1,
   class: "file-item d-flex align-center justify-space-between mt-2 gray-bg-1 pa-1"
-}, su = { class: "text-body-2 text-truncate" };
-function cu(t, e, a, i, o, r) {
+}, hu = { class: "text-body-2 text-truncate" };
+function pu(t, e, a, i, o, r) {
   const l = P("VBtn"), c = P("v-card-title"), s = P("v-divider"), d = P("v-text-field"), m = P("v-icon"), p = P("v-card-text"), f = P("VDivider"), w = P("v-btn"), u = P("VCardActions"), h = P("VForm"), g = P("v-card");
   return k(), W(g, {
     class: "idm-gl4-import-dialog-card",
@@ -16009,11 +16038,11 @@ function cu(t, e, a, i, o, r) {
             class: "mr-n2",
             onClick: r.handleClose
           }, {
-            default: x(() => e[7] || (e[7] = [
+            default: x(() => e[9] || (e[9] = [
               n("i", { class: "iconfont icon-close text-h4" }, null, -1)
             ])),
             _: 1,
-            __: [7]
+            __: [9]
           }, 8, ["onClick"])
         ]),
         _: 1
@@ -16031,7 +16060,7 @@ function cu(t, e, a, i, o, r) {
               n("div", tu, [
                 n("div", au, [
                   Z(y(t.$t("marker.group")), 1),
-                  e[8] || (e[8] = n("span", { class: "text-danger" }, "*", -1))
+                  e[10] || (e[10] = n("span", { class: "text-danger" }, "*", -1))
                 ]),
                 b(d, {
                   modelValue: o.form.groupName,
@@ -16042,50 +16071,72 @@ function cu(t, e, a, i, o, r) {
                   class: "input-btn-bg-1"
                 }, null, 8, ["modelValue"])
               ]),
+              n("div", ou, [
+                n("div", iu, [
+                  Z(y(t.$t("marker.color")), 1),
+                  e[11] || (e[11] = n("span", { class: "text-danger" }, "*", -1))
+                ]),
+                n("div", ru, [
+                  n("input", {
+                    type: "color",
+                    value: o.form.color,
+                    class: "native-color-picker cursor-pointer",
+                    onInput: e[1] || (e[1] = (_) => o.form.color = _.target.value)
+                  }, null, 40, lu),
+                  b(d, {
+                    modelValue: o.form.color,
+                    "onUpdate:modelValue": e[2] || (e[2] = (_) => o.form.color = _),
+                    rules: o.formRules.color,
+                    density: "compact",
+                    variant: "outlined",
+                    class: "flex-1-1-0 input-btn-bg-1"
+                  }, null, 8, ["modelValue", "rules"])
+                ])
+              ]),
               n("div", {
                 class: ge(["upload-area btn-bg-1 d-flex flex-column justify-center align-center pa-4", { "drag-over": o.isDragOver, "upload-error": o.fileError }]),
-                onDragenter: e[2] || (e[2] = Le((_) => o.isDragOver = !0, ["prevent"])),
-                onDragleave: e[3] || (e[3] = Le((_) => o.isDragOver = !1, ["prevent"])),
-                onDragover: e[4] || (e[4] = Le(() => {
+                onDragenter: e[4] || (e[4] = Le((_) => o.isDragOver = !0, ["prevent"])),
+                onDragleave: e[5] || (e[5] = Le((_) => o.isDragOver = !1, ["prevent"])),
+                onDragover: e[6] || (e[6] = Le(() => {
                 }, ["prevent"])),
-                onDrop: e[5] || (e[5] = Le((..._) => r.handleDrop && r.handleDrop(..._), ["prevent"])),
-                onClick: e[6] || (e[6] = (..._) => r.handleSelectFile && r.handleSelectFile(..._))
+                onDrop: e[7] || (e[7] = Le((..._) => r.handleDrop && r.handleDrop(..._), ["prevent"])),
+                onClick: e[8] || (e[8] = (..._) => r.handleSelectFile && r.handleSelectFile(..._))
               }, [
                 b(m, {
                   size: "36",
                   color: "grey",
                   class: "mb-2"
                 }, {
-                  default: x(() => e[9] || (e[9] = [
+                  default: x(() => e[12] || (e[12] = [
                     Z("mdi-cloud-upload-outline", -1)
                   ])),
                   _: 1,
-                  __: [9]
+                  __: [12]
                 }),
-                n("div", ou, y(t.$t("marker.uploadHint")), 1),
-                n("div", iu, y(t.$t("marker.selectFile")), 1),
+                n("div", nu, y(t.$t("marker.uploadHint")), 1),
+                n("div", su, y(t.$t("marker.selectFile")), 1),
                 n("input", {
                   ref: "fileInput",
                   type: "file",
                   style: { display: "none" },
                   accept: ".json,.geojson,.zip,.shp,.kml,.kmz",
-                  onChange: e[1] || (e[1] = (..._) => r.handleFileChange && r.handleFileChange(..._))
+                  onChange: e[3] || (e[3] = (..._) => r.handleFileChange && r.handleFileChange(..._))
                 }, null, 544)
               ], 34),
-              n("div", ru, y(t.$t("marker.uploadLimit")), 1),
-              o.fileError ? (k(), I("div", lu, y(o.fileError), 1)) : N("", !0),
-              o.form.file ? (k(), I("div", nu, [
-                n("span", su, [
+              n("div", cu, y(t.$t("marker.uploadLimit")), 1),
+              o.fileError ? (k(), A("div", mu, y(o.fileError), 1)) : N("", !0),
+              o.form.file ? (k(), A("div", du, [
+                n("span", hu, [
                   b(m, {
                     size: "16",
                     color: "success",
                     class: "mr-1"
                   }, {
-                    default: x(() => e[10] || (e[10] = [
+                    default: x(() => e[13] || (e[13] = [
                       Z("mdi-check-circle", -1)
                     ])),
                     _: 1,
-                    __: [10]
+                    __: [13]
                   }),
                   Z(" " + y(o.form.file.name), 1)
                 ]),
@@ -16099,11 +16150,11 @@ function cu(t, e, a, i, o, r) {
                 }, {
                   default: x(() => [
                     b(m, { size: "16" }, {
-                      default: x(() => e[11] || (e[11] = [
+                      default: x(() => e[14] || (e[14] = [
                         Z("mdi-close", -1)
                       ])),
                       _: 1,
-                      __: [11]
+                      __: [14]
                     })
                   ]),
                   _: 1
@@ -16149,8 +16200,8 @@ function cu(t, e, a, i, o, r) {
     _: 1
   });
 }
-const mu = /* @__PURE__ */ ie(Qp, [["render", cu]]);
-const du = {
+const uu = /* @__PURE__ */ ie(Qp, [["render", pu]]);
+const gu = {
   name: "IdmGroupDialog",
   props: {
     modelValue: {
@@ -16210,8 +16261,8 @@ const du = {
       }));
     }
   }
-}, hu = { class: "text-h6 font-weight-600" }, pu = { class: "text-label mb-2" };
-function uu(t, e, a, i, o, r) {
+}, fu = { class: "text-h6 font-weight-600" }, yu = { class: "text-label mb-2" };
+function bu(t, e, a, i, o, r) {
   const l = P("VBtn"), c = P("v-card-title"), s = P("v-divider"), d = P("v-text-field"), m = P("v-card-text"), p = P("VDivider"), f = P("v-btn"), w = P("VCardActions"), u = P("v-card"), h = P("v-dialog");
   return k(), W(h, {
     "model-value": a.modelValue,
@@ -16227,7 +16278,7 @@ function uu(t, e, a, i, o, r) {
         default: x(() => [
           b(c, { class: "d-flex justify-space-between align-center" }, {
             default: x(() => [
-              n("span", hu, y(t.$t("actions.editGroup")), 1),
+              n("span", fu, y(t.$t("actions.editGroup")), 1),
               b(l, {
                 icon: "",
                 density: "compact",
@@ -16247,7 +16298,7 @@ function uu(t, e, a, i, o, r) {
           b(s),
           b(m, { class: "px-4 text-body-1" }, {
             default: x(() => [
-              n("div", pu, [
+              n("div", yu, [
                 Z(y(t.$t("marker.groupName")), 1),
                 e[3] || (e[3] = n("span", { class: "text-danger" }, "*", -1))
               ]),
@@ -16302,7 +16353,7 @@ function uu(t, e, a, i, o, r) {
     _: 1
   }, 8, ["model-value"]);
 }
-const gu = /* @__PURE__ */ ie(du, [["render", uu]]), fu = {
+const wu = /* @__PURE__ */ ie(gu, [["render", bu]]), xu = {
   name: "DeleteDialog",
   props: {
     title: {
@@ -16333,8 +16384,8 @@ const gu = /* @__PURE__ */ ie(du, [["render", uu]]), fu = {
       this.showDialog = !0;
     }
   }
-}, yu = { class: "text-body-1 pb-1" }, bu = { class: "text-body-1" };
-function wu(t, e, a, i, o, r) {
+}, vu = { class: "text-body-1 pb-1" }, ku = { class: "text-body-1" };
+function _u(t, e, a, i, o, r) {
   const l = P("v-icon"), c = P("VBtn"), s = P("v-card-title"), d = P("v-card-text"), m = P("v-card-actions"), p = P("v-card"), f = P("v-dialog");
   return k(), W(f, {
     modelValue: o.showDialog,
@@ -16373,8 +16424,8 @@ function wu(t, e, a, i, o, r) {
           }),
           b(d, { class: "py-4 text-center" }, {
             default: x(() => [
-              n("p", yu, y(a.tips), 1),
-              n("p", bu, y(t.$t("tips.doYouWantToContinue")), 1)
+              n("p", vu, y(a.tips), 1),
+              n("p", ku, y(t.$t("tips.doYouWantToContinue")), 1)
             ]),
             _: 1
           }),
@@ -16414,10 +16465,10 @@ function wu(t, e, a, i, o, r) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const xu = /* @__PURE__ */ ie(fu, [["render", wu]]);
-const vu = {
+const Lu = /* @__PURE__ */ ie(xu, [["render", _u]]);
+const zu = {
   name: "IdmMarker",
-  components: { IdmDrawMarker: qp, IdmImportMarker: mu, IdmGroupDialog: gu, DeleteDialog: xu },
+  components: { IdmDrawMarker: qp, IdmImportMarker: uu, IdmGroupDialog: wu, DeleteDialog: Lu },
   props: {
     simple: {
       type: Boolean,
@@ -16442,10 +16493,6 @@ const vu = {
     gateway: {
       type: String
     },
-    assistGateway: {
-      type: Array,
-      default: []
-    },
     top: {
       type: Number,
       default: 60
@@ -16628,7 +16675,7 @@ const vu = {
       const i = e.features || (e.type === "Feature" ? [e] : []);
       if (i.some((c) => {
         var s, d;
-        return (((s = c.geometry) == null ? void 0 : s.type) === "Point" || ((d = c.geometry) == null ? void 0 : d.type) === "MultiPoint") && c.properties.type === "point";
+        return (((s = c.geometry) == null ? void 0 : s.type) === "Point" || ((d = c.geometry) == null ? void 0 : d.type) === "MultiPoint") && c.properties.shape === "point";
       })) {
         const c = [];
         i.forEach((s) => {
@@ -16638,26 +16685,26 @@ const vu = {
             const [g, _] = s.geometry.coordinates, T = `<div style="font-size:12px;line-height:1.5;">
                             <div style="font-weight:600;">${m}</div>
                             <div>${j.lat2pretty(_, 4).pretty}, ${j.lng2pretty(g, 4).pretty}</div>
-                        </div>`, v = new be.Popup({
+                        </div>`, v = new ye.Popup({
               offset: 40,
               closeButton: !1,
               closeOnClick: !1,
               anchor: "bottom",
               className: "marker-popup-dark"
-            }).setHTML(T), M = new be.Marker({ color: p }).setLngLat([g, _]).addTo(this.map), L = M.getElement();
+            }).setHTML(T), M = new ye.Marker({ color: p }).setLngLat([g, _]).addTo(this.map), L = M.getElement();
             L.addEventListener("mouseenter", () => v.setLngLat([g, _]).addTo(this.map)), L.addEventListener("mouseleave", () => v.remove()), c.push(M);
           } else
             d === "MultiPoint" && s.geometry.coordinates.forEach(([g, _]) => {
               const T = `<div style="font-size:12px;line-height:1.5;">
                                 <div style="font-weight:600;">${m}</div>
                                 <div>${j.lat2pretty(_, 4).pretty}, ${j.lng2pretty(g, 4).pretty}</div>
-                            </div>`, v = new be.Popup({
+                            </div>`, v = new ye.Popup({
                 offset: 40,
                 closeButton: !1,
                 closeOnClick: !1,
                 anchor: "bottom",
                 className: "marker-popup-dark"
-              }).setHTML(T), M = new be.Marker({ color: p }).setLngLat([g, _]).addTo(this.map), L = M.getElement();
+              }).setHTML(T), M = new ye.Marker({ color: p }).setLngLat([g, _]).addTo(this.map), L = M.getElement();
               L.addEventListener("mouseenter", () => v.setLngLat([g, _]).addTo(this.map)), L.addEventListener("mouseleave", () => v.remove()), c.push(M);
             });
         }), this.layerMarkers[t.id] = c;
@@ -16785,34 +16832,34 @@ const vu = {
       });
     }
   }
-}, ku = { class: "idm-gl4-marker" }, _u = { class: "w-100 px-4 d-flex flex-column justify-start align-start" }, Lu = { class: "w-100 header-box d-flex justify-space-between align-center pr-4" }, zu = { class: "d-flex justify-start align-center ga-3" }, Cu = { class: "text-h5 font-weight-medium" }, Mu = { class: "search-box w-100 mb-3" }, Pu = {
+}, Cu = { class: "idm-gl4-marker" }, Mu = { class: "w-100 px-4 d-flex flex-column justify-start align-start" }, Pu = { class: "w-100 header-box d-flex justify-space-between align-center pr-4" }, Su = { class: "d-flex justify-start align-center ga-3" }, Tu = { class: "text-h5 font-weight-medium" }, Ru = { class: "search-box w-100 mb-3" }, Du = {
   class: "multi-color-icon",
   style: { height: "20px", width: "20px" },
   "aria-hidden": "true"
-}, Su = {
+}, Iu = {
   key: 0,
   class: "w-100 d-flex justify-space-between align-center ga-4"
-}, Tu = {
+}, Au = {
   key: 0,
   class: "w-100 d-flex justify-center align-center",
   style: { height: "200px" }
-}, Ru = {
+}, Gu = {
   key: 1,
   class: "w-100 d-flex justify-center align-center"
-}, Du = { class: "text-body-1" }, Iu = {
+}, Fu = { class: "text-body-1" }, Nu = {
   key: 2,
   class: "list-box w-100 flex-1-1-0 px-4 pb-2 scroll overflow-y-auto"
-}, Au = { class: "group-label text-body-1 d-flex justify-space-between align-center py-4" }, Gu = { class: "d-flex justify-start align-center pl-2 cursor-pointer" }, Fu = ["onClick"], Nu = { key: 0 }, Wu = {
+}, Wu = { class: "group-label text-body-1 d-flex justify-space-between align-center py-4" }, Eu = { class: "d-flex justify-start align-center pl-2 cursor-pointer" }, Bu = ["onClick"], Zu = { key: 0 }, Ou = {
   key: 0,
   class: "layer-list flex-1-1-0 overflow-y-hidden pb-2"
-}, Eu = { class: "d-flex align-center justify-start ga-2" }, Bu = { class: "font-weight-600" }, Zu = {
+}, Vu = { class: "d-flex align-center justify-start ga-2" }, ju = { class: "font-weight-600 layer-name" }, Xu = {
   key: 0,
-  class: "layer-actions d-flex align-center justify-end ga-2"
+  class: "layer-actions d-flex align-center justify-end ga-1"
 };
-function Ou(t, e, a, i, o, r) {
+function Hu(t, e, a, i, o, r) {
   var D;
   const l = P("VBtn"), c = P("VTooltip"), s = P("VSwitch"), d = P("v-icon"), m = P("v-text-field"), p = P("v-progress-circular"), f = P("v-chip"), w = P("VListItemTitle"), u = P("VListItem"), h = P("VList"), g = P("v-card"), _ = P("VMenu"), T = P("v-btn"), v = P("v-divider"), M = P("IdmDrawMarker"), L = P("IdmImportMarker"), z = P("IdmGroupDialog"), S = P("DeleteDialog");
-  return k(), I("div", ku, [
+  return k(), A("div", Cu, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: he({ top: a.top + a.paddingTop + 206 + "px", right: o.right + "px" })
@@ -16825,8 +16872,8 @@ function Ou(t, e, a, i, o, r) {
         "open-on-focus": !a.simple,
         "open-on-hover": !a.simple
       }, {
-        activator: x(({ props: A }) => [
-          b(l, $(A, {
+        activator: x(({ props: I }) => [
+          b(l, $(I, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -16847,13 +16894,13 @@ function Ou(t, e, a, i, o, r) {
       class: ge(["main-box transition d-flex flex-column justify-start align-start", o.toggle ? "right-bar" : ""]),
       style: he(r.listStyle)
     }, [
-      n("div", _u, [
-        n("div", Lu, [
-          n("div", zu, [
-            n("div", Cu, y(t.$t("marker.markers")), 1),
+      n("div", Mu, [
+        n("div", Pu, [
+          n("div", Su, [
+            n("div", Tu, y(t.$t("marker.markers")), 1),
             b(s, {
               modelValue: o.autoActive,
-              "onUpdate:modelValue": e[0] || (e[0] = (A) => o.autoActive = A),
+              "onUpdate:modelValue": e[0] || (e[0] = (I) => o.autoActive = I),
               class: "small-switch",
               inset: "",
               color: "primary",
@@ -16887,10 +16934,10 @@ function Ou(t, e, a, i, o, r) {
             __: [8]
           }, 8, ["onClick"])
         ]),
-        n("div", Mu, [
+        n("div", Ru, [
           b(m, {
             modelValue: o.keyword,
-            "onUpdate:modelValue": e[1] || (e[1] = (A) => o.keyword = A),
+            "onUpdate:modelValue": e[1] || (e[1] = (I) => o.keyword = I),
             "clear-icon": "mdi-close",
             clearable: "",
             density: "compact",
@@ -16900,14 +16947,14 @@ function Ou(t, e, a, i, o, r) {
             class: "input-btn-bg-1"
           }, {
             "prepend-inner": x(() => [
-              (k(), I("svg", Pu, e[9] || (e[9] = [
+              (k(), A("svg", Du, e[9] || (e[9] = [
                 n("use", { "xlink:href": "#icon-search" }, null, -1)
               ])))
             ]),
             _: 1
           }, 8, ["modelValue"])
         ]),
-        a.simple ? N("", !0) : (k(), I("div", Su, [
+        a.simple ? N("", !0) : (k(), A("div", Iu, [
           b(l, {
             class: "flex-1-1-0 text-none mb-3 text-body-1 font-weight-600",
             color: "primary",
@@ -16916,7 +16963,7 @@ function Ou(t, e, a, i, o, r) {
             height: "32",
             "max-height": "32",
             "prepend-icon": "mdi-plus",
-            onClick: e[2] || (e[2] = (A) => r.handleOpenDrawMarkers())
+            onClick: e[2] || (e[2] = (I) => r.handleOpenDrawMarkers())
           }, {
             default: x(() => [
               Z(y(t.$t("actions.add")), 1)
@@ -16940,32 +16987,32 @@ function Ou(t, e, a, i, o, r) {
           }, 8, ["onClick"])
         ]))
       ]),
-      o.loading ? (k(), I("div", Tu, [
+      o.loading ? (k(), A("div", Au, [
         b(p, {
           color: "primary",
           indeterminate: "",
           size: "36",
           width: "4"
         })
-      ])) : o.layerGroup.length === 0 ? (k(), I("div", Ru, [
-        n("div", Du, y(t.$t("tips.noData")), 1)
-      ])) : (k(), I("div", Iu, [
-        (k(!0), I(Te, null, De(o.layerGroup, (A, E) => {
+      ])) : o.layerGroup.length === 0 ? (k(), A("div", Gu, [
+        n("div", Fu, y(t.$t("tips.noData")), 1)
+      ])) : (k(), A("div", Nu, [
+        (k(!0), A(Te, null, De(o.layerGroup, (I, E) => {
           var X;
-          return k(), I("div", {
-            key: A.name,
-            class: ge(["btn-bg-1", A.index === o.layerGroup.length ? "rounded-b" : A.index === 1 ? "rounded-t" : ""])
+          return k(), A("div", {
+            key: I.name,
+            class: ge(["btn-bg-1", I.index === o.layerGroup.length ? "rounded-b" : I.index === 1 ? "rounded-t" : ""])
           }, [
-            n("div", Au, [
-              n("div", Gu, [
-                A.show ? (k(), W(d, {
+            n("div", Wu, [
+              n("div", Eu, [
+                I.show ? (k(), W(d, {
                   key: 0,
                   icon: "mdi-chevron-down",
-                  onClick: (O) => A.show = !1
+                  onClick: (O) => I.show = !1
                 }, null, 8, ["onClick"])) : (k(), W(d, {
                   key: 1,
                   icon: "mdi-chevron-right",
-                  onClick: (O) => A.show = !0
+                  onClick: (O) => I.show = !0
                 }, null, 8, ["onClick"])),
                 o.loading ? (k(), W(p, {
                   key: 3,
@@ -16980,22 +17027,22 @@ function Ou(t, e, a, i, o, r) {
                   variant: "tonal",
                   class: "font-weight-600 mr-2",
                   color: "primary",
-                  onClick: (O) => A.show = !A.show
+                  onClick: (O) => I.show = !I.show
                 }, {
                   default: x(() => {
                     var O;
                     return [
-                      Z(y((O = A.layers) == null ? void 0 : O.length), 1)
+                      Z(y((O = I.layers) == null ? void 0 : O.length), 1)
                     ];
                   }),
                   _: 2
                 }, 1032, ["onClick"])),
                 n("div", {
                   class: "",
-                  onClick: (O) => A.show = !A.show
-                }, y(A.name), 9, Fu)
+                  onClick: (O) => I.show = !I.show
+                }, y(I.name), 9, Bu)
               ]),
-              A.name !== "Custom Layers" && !a.simple ? (k(), I("div", Nu, [
+              I.name !== "Custom Layers" && !a.simple ? (k(), A("div", Zu, [
                 b(T, {
                   icon: "",
                   density: "compact",
@@ -17024,7 +17071,7 @@ function Ou(t, e, a, i, o, r) {
                                   default: x(() => [
                                     b(w, {
                                       class: "text-body-1 d-flex jusity-center align-center",
-                                      onClick: (O) => r.handleOpenDrawMarkers(A)
+                                      onClick: (O) => r.handleOpenDrawMarkers(I)
                                     }, {
                                       default: x(() => [
                                         b(d, {
@@ -17048,7 +17095,7 @@ function Ou(t, e, a, i, o, r) {
                                   default: x(() => [
                                     b(w, {
                                       class: "text-body-1 d-flex jusity-center align-center",
-                                      onClick: (O) => r.handleEditGroup(A)
+                                      onClick: (O) => r.handleEditGroup(I)
                                     }, {
                                       default: x(() => [
                                         b(d, {
@@ -17072,7 +17119,7 @@ function Ou(t, e, a, i, o, r) {
                                   default: x(() => [
                                     b(w, {
                                       class: "text-body-1 d-flex jusity-center align-center",
-                                      onClick: (O) => r.handleOpenDelete("group", A)
+                                      onClick: (O) => r.handleOpenDelete("group", I)
                                     }, {
                                       default: x(() => [
                                         b(d, {
@@ -17101,26 +17148,26 @@ function Ou(t, e, a, i, o, r) {
                 }, 1024)
               ])) : N("", !0)
             ]),
-            A.show ? (k(), I("div", Wu, [
-              (k(!0), I(Te, null, De((X = A.layers) == null ? void 0 : X.filter((O) => {
+            I.show ? (k(), A("div", Ou, [
+              (k(!0), A(Te, null, De((X = I.layers) == null ? void 0 : X.filter((O) => {
                 var q;
                 return ((q = O.name) == null ? void 0 : q.indexOf(o.keyword)) > -1;
               }), (O) => {
                 var q;
-                return k(), I("div", {
+                return k(), A("div", {
                   key: O.id,
-                  class: ge(["layer-item py-2 px-2 mx-2 rounded cursor-pointer d-flex align-center justify-space-between", ((q = o.currentLayer) == null ? void 0 : q.id) === O.id ? "active" : ""])
+                  class: ge(["layer-item py-3 px-2 mx-2 rounded cursor-pointer d-flex align-center justify-space-between ga-4", ((q = o.currentLayer) == null ? void 0 : q.id) === O.id ? "active" : ""])
                 }, [
-                  n("div", Eu, [
-                    n("span", Bu, y(O == null ? void 0 : O.name), 1)
+                  n("div", Vu, [
+                    n("span", ju, y(O == null ? void 0 : O.name), 1)
                   ]),
-                  a.simple ? N("", !0) : (k(), I("div", Zu, [
+                  a.simple ? N("", !0) : (k(), A("div", Xu, [
                     b(l, {
                       class: "",
                       density: "compact",
                       icon: "",
                       variant: "text",
-                      onClick: (ae) => r.handleEditLayer(A, O)
+                      onClick: (ae) => r.handleEditLayer(I, O)
                     }, {
                       default: x(() => [
                         b(d, {
@@ -17179,17 +17226,17 @@ function Ou(t, e, a, i, o, r) {
       defaultMeteoToken: a.defaultMeteoToken,
       layerGroup: o.layerGroup,
       group: o.currentGroup,
-      onClose: e[3] || (e[3] = (A) => (o.importDialog = !1, o.currentGroup = void 0)),
+      onClose: e[3] || (e[3] = (I) => (o.importDialog = !1, o.currentGroup = void 0)),
       onImport: r.handleImportLayer
     }, null, 8, ["map", "gateway", "token", "defaultMeteoToken", "layerGroup", "group", "onImport"])) : N("", !0),
     b(z, {
       modelValue: o.groupDialog,
-      "onUpdate:modelValue": e[4] || (e[4] = (A) => o.groupDialog = A),
+      "onUpdate:modelValue": e[4] || (e[4] = (I) => o.groupDialog = I),
       group: o.currentGroup,
       gateway: a.gateway,
       token: a.token,
       defaultMeteoToken: a.defaultMeteoToken,
-      onClose: e[5] || (e[5] = (A) => (o.groupDialog = !1, o.currentGroup = void 0)),
+      onClose: e[5] || (e[5] = (I) => (o.groupDialog = !1, o.currentGroup = void 0)),
       onSaved: r.fetchAllLayers
     }, null, 8, ["modelValue", "group", "gateway", "token", "defaultMeteoToken", "onSaved"]),
     b(S, {
@@ -17197,13 +17244,13 @@ function Ou(t, e, a, i, o, r) {
       title: t.$t("actions.delete"),
       tips: t.$t("tips.deleteText"),
       loading: o.deleteLoading,
-      onDelete: e[6] || (e[6] = (A) => r.confirmDelete())
+      onDelete: e[6] || (e[6] = (I) => r.confirmDelete())
     }, null, 8, ["title", "tips", "loading"])
   ]);
 }
-const Vu = /* @__PURE__ */ ie(vu, [["render", Ou]]);
+const Yu = /* @__PURE__ */ ie(zu, [["render", Hu]]);
 var V = { 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 ju(t = "soft") {
+function Uu(t = "soft") {
   switch (V.session.__counterEpoch = (V.session.__counterEpoch || 0) + 1, t) {
     case "auto": {
       V.session.styleMap = /* @__PURE__ */ new Map(), V.session.nodeMap = /* @__PURE__ */ new Map();
@@ -17232,7 +17279,7 @@ function yo(t) {
   let a = e[2].trim();
   return a.startsWith("#") ? null : a;
 }
-function Xu(t) {
+function $u(t) {
   if (!t || t === "none")
     return "";
   let e = t.replace(/translate[XY]?\([^)]*\)/g, "");
@@ -17253,7 +17300,7 @@ function qa(t) {
     return t;
   }
 }
-function Hu(t = "[snapDOM]", { ttlMs: e = 5 * 6e4, maxEntries: a = 12 } = {}) {
+function Ju(t = "[snapDOM]", { ttlMs: e = 5 * 6e4, maxEntries: a = 12 } = {}) {
   let i = /* @__PURE__ */ new Map(), o = 0;
   function r(l, c, s) {
     if (o >= a)
@@ -17269,11 +17316,11 @@ function Hu(t = "[snapDOM]", { ttlMs: e = 5 * 6e4, maxEntries: a = 12 } = {}) {
     i.clear(), o = 0;
   } };
 }
-var Ai = Hu("[snapDOM]", { ttlMs: 3 * 6e4, maxEntries: 10 }), ao = /* @__PURE__ */ new Map(), Ha = /* @__PURE__ */ new Map();
-function Yu(t) {
+var Ai = Ju("[snapDOM]", { ttlMs: 3 * 6e4, maxEntries: 10 }), ao = /* @__PURE__ */ new Map(), Ha = /* @__PURE__ */ new Map();
+function Ku(t) {
   return /^data:|^blob:|^about:blank$/i.test(t);
 }
-function Uu(t, e) {
+function qu(t, e) {
   try {
     let a = typeof location < "u" && location.href ? location.href : "http://localhost/", i = e.includes("{url}") ? e.split("{url}")[0] : e, o = new URL(i || ".", a), r = new URL(t, a);
     if (r.origin === o.origin)
@@ -17285,8 +17332,8 @@ function Uu(t, e) {
   }
   return !1;
 }
-function $u(t, e) {
-  if (!e || Yu(t) || Uu(t, e))
+function Qu(t, e) {
+  if (!e || Ku(t) || qu(t, e))
     return !1;
   try {
     let a = typeof location < "u" && location.href ? location.href : "http://localhost/", i = new URL(t, a);
@@ -17295,7 +17342,7 @@ function $u(t, e) {
     return !!e;
   }
 }
-function Ju(t, e) {
+function eg(t, e) {
   if (!e)
     return t;
   if (e.includes("{url}"))
@@ -17315,7 +17362,7 @@ function Gi(t) {
     i.onload = () => e(String(i.result || "")), i.onerror = () => a(new Error("read_failed")), i.readAsDataURL(t);
   });
 }
-function Ku(t, e) {
+function tg(t, e) {
   return [e.as || "blob", e.timeout ?? 3e3, e.useProxy || "", e.errorTTL ?? 8e3, t].join("|");
 }
 async function Je(t, e = {}) {
@@ -17343,14 +17390,14 @@ async function Je(t, e = {}) {
     }
   if (/^about:blank$/i.test(t))
     return a === "dataURL" ? { ok: !0, data: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg==", status: 200, url: t, fromCache: !1, mime: "image/png" } : { ok: !0, data: a === "text" ? "" : new Blob([]), status: 200, url: t, fromCache: !1 };
-  let s = Ku(t, { as: a, timeout: i, useProxy: o, errorTTL: r }), d = Ha.get(s);
+  let s = tg(t, { as: a, timeout: i, useProxy: o, errorTTL: r }), d = Ha.get(s);
   if (d && d.until > Date.now())
     return { ...d.result, fromCache: !0 };
   d && Ha.delete(s);
   let m = ao.get(s);
   if (m)
     return m;
-  let p = $u(t, o) ? Ju(t, o) : t, f = e.credentials;
+  let p = Qu(t, o) ? eg(t, o) : t, f = e.credentials;
   if (!f)
     try {
       let g = typeof location < "u" && location.href ? location.href : "http://localhost/", _ = new URL(t, g);
@@ -17404,8 +17451,8 @@ async function or(t, e = {}) {
     return V.background.set(i, null), "none";
   }
 }
-var qu = /* @__PURE__ */ new Set(["meta", "script", "noscript", "title", "link", "template"]), bo = /* @__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 Qu(t) {
+var ag = /* @__PURE__ */ new Set(["meta", "script", "noscript", "title", "link", "template"]), bo = /* @__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 og(t) {
   if (t = String(t).toLowerCase(), bo.has(t)) {
     let r = {};
     return V.defaultStyle.set(t, r), r;
@@ -17425,15 +17472,15 @@ function Qu(t) {
   }
   return e.removeChild(a), V.defaultStyle.set(t, o), o;
 }
-var eg = /(?:^|-)(animation|transition)(?:-|$)/i, tg = /^(--|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, ag = /* @__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"]);
+var ig = /(?:^|-)(animation|transition)(?:-|$)/i, rg = /^(--|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, lg = /* @__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 ir(t) {
   let e = String(t).toLowerCase();
-  return !!(ag.has(e) || tg.test(e) || eg.test(e));
+  return !!(lg.has(e) || rg.test(e) || ig.test(e));
 }
 function ro(t, e) {
   if (e = String(e || "").toLowerCase(), bo.has(e))
     return "";
-  let a = [], i = Qu(e);
+  let a = [], i = og(e);
   for (let [o, r] of Object.entries(t)) {
     if (ir(o))
       continue;
@@ -17442,11 +17489,11 @@ function ro(t, e) {
   }
   return a.sort(), a.join(";");
 }
-function og(t) {
+function ng(t) {
   let e = /* @__PURE__ */ new Set();
   return t.nodeType !== Node.ELEMENT_NODE && t.nodeType !== Node.DOCUMENT_FRAGMENT_NODE ? [] : (t.tagName && e.add(t.tagName.toLowerCase()), typeof t.querySelectorAll == "function" && t.querySelectorAll("*").forEach((a) => e.add(a.tagName.toLowerCase())), Array.from(e));
 }
-function ig(t) {
+function sg(t) {
   let e = /* @__PURE__ */ new Map();
   for (let i of t) {
     let o = V.defaultStyle.get(i);
@@ -17461,7 +17508,7 @@ function ig(t) {
 `;
   return a;
 }
-function rg(t) {
+function cg(t) {
   let e = Array.from(new Set(t.values())).filter(Boolean).sort(), a = /* @__PURE__ */ new Map(), i = 1;
   for (let o of e)
     a.set(o, `c${i++}`);
@@ -17491,31 +17538,31 @@ function lr(t) {
   }
   return e.push(t.slice(i).trim()), e;
 }
-var lg = [/font\s*awesome/i, /material\s*icons/i, /ionicons/i, /glyphicons/i, /feather/i, /bootstrap\s*icons/i, /remix\s*icons/i, /heroicons/i, /layui/i, /lucide/i], rt = Object.assign({ materialIconsFilled: "https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2", materialIconsOutlined: "https://fonts.gstatic.com/s/materialiconsoutlined/v110/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2", materialIconsRound: "https://fonts.gstatic.com/s/materialiconsround/v109/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.woff2", materialIconsSharp: "https://fonts.gstatic.com/s/materialiconssharp/v110/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvRImcycg.woff2" }, typeof window < "u" && window.__SNAPDOM_ICON_FONTS__ || {}), lo = [];
-function ng(t) {
+var mg = [/font\s*awesome/i, /material\s*icons/i, /ionicons/i, /glyphicons/i, /feather/i, /bootstrap\s*icons/i, /remix\s*icons/i, /heroicons/i, /layui/i, /lucide/i], rt = Object.assign({ materialIconsFilled: "https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2", materialIconsOutlined: "https://fonts.gstatic.com/s/materialiconsoutlined/v110/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2", materialIconsRound: "https://fonts.gstatic.com/s/materialiconsround/v109/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.woff2", materialIconsSharp: "https://fonts.gstatic.com/s/materialiconssharp/v110/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvRImcycg.woff2" }, typeof window < "u" && window.__SNAPDOM_ICON_FONTS__ || {}), lo = [];
+function dg(t) {
   let e = Array.isArray(t) ? t : [t];
   for (let a of e)
     a instanceof RegExp ? lo.push(a) : typeof a == "string" ? lo.push(new RegExp(a, "i")) : console.warn("[snapdom] Ignored invalid iconFont value:", a);
 }
 function Ke(t) {
-  let e = typeof t == "string" ? t : "", a = [...lg, ...lo];
+  let e = typeof t == "string" ? t : "", a = [...mg, ...lo];
   for (let i of a)
     if (i instanceof RegExp && i.test(e))
       return !0;
   return !!(/icon/i.test(e) || /glyph/i.test(e) || /symbols/i.test(e) || /feather/i.test(e) || /fontawesome/i.test(e));
 }
-function sg(t = "") {
+function hg(t = "") {
   let e = String(t).toLowerCase();
   return /\bmaterial\s*icons\b/.test(e) || /\bmaterial\s*symbols\b/.test(e);
 }
 var Ni = /* @__PURE__ */ new Map();
-function cg(t = "") {
+function pg(t = "") {
   let e = /* @__PURE__ */ Object.create(null), a = String(t || ""), i = /['"]?\s*([A-Za-z]{3,4})\s*['"]?\s*([+-]?\d+(?:\.\d+)?)\s*/g, o;
   for (; o = i.exec(a); )
     e[o[1].toUpperCase()] = Number(o[2]);
   return e;
 }
-async function mg(t, e, a) {
+async function ug(t, e, a) {
   let i = String(t || ""), o = i.toLowerCase(), r = String(e || "").toLowerCase();
   if (/\bmaterial\s*icons\b/.test(o) && !/\bsymbols\b/.test(o))
     return { familyForMeasure: i, familyForCanvas: i };
@@ -17536,13 +17583,13 @@ async function mg(t, e, a) {
   let m = `"${d.alias}"`;
   return { familyForMeasure: m, familyForCanvas: m };
 }
-async function dg(t = "Material Icons", e = 24) {
+async function gg(t = "Material Icons", e = 24) {
   try {
     await Promise.all([document.fonts.load(`400 ${e}px "${String(t).replace(/["']/g, "")}"`), document.fonts.ready]);
   } catch {
   }
 }
-function hg(t) {
+function fg(t) {
   var o, r;
   let e = ((o = t.getPropertyValue("-webkit-text-fill-color")) == null ? void 0 : o.trim()) || "", a = /^transparent$/i.test(e) || /rgba?\(\s*0\s*,\s*0\s*,\s*0\s*,\s*0\s*\)/i.test(e);
   if (e && !a && e.toLowerCase() !== "currentcolor")
@@ -17550,9 +17597,9 @@ function hg(t) {
   let i = (r = t.color) == null ? void 0 : r.trim();
   return i && i !== "inherit" ? i : "#000";
 }
-async function pg(t, { family: e = "Material Icons", weight: a = "normal", fontSize: i = 32, color: o = "#000", variation: r = "", className: l = "" } = {}) {
-  let c = String(e || "").replace(/^['"]+|['"]+$/g, ""), s = window.devicePixelRatio || 1, d = cg(r), { familyForMeasure: m, familyForCanvas: p } = await mg(c, l, d);
-  await dg(p.replace(/^["']+|["']+$/g, ""), i);
+async function yg(t, { family: e = "Material Icons", weight: a = "normal", fontSize: i = 32, color: o = "#000", variation: r = "", className: l = "" } = {}) {
+  let c = String(e || "").replace(/^['"]+|['"]+$/g, ""), s = window.devicePixelRatio || 1, d = pg(r), { familyForMeasure: m, familyForCanvas: p } = await ug(c, l, d);
+  await gg(p.replace(/^["']+|["']+$/g, ""), i);
   let f = document.createElement("span");
   f.textContent = t, f.style.position = "absolute", f.style.visibility = "hidden", f.style.left = "-99999px", f.style.whiteSpace = "nowrap", f.style.fontFamily = m, f.style.fontWeight = String(a || "normal"), f.style.fontSize = `${i}px`, f.style.lineHeight = "1", f.style.margin = "0", f.style.padding = "0", f.style.fontFeatureSettings = "'liga' 1", f.style.fontVariantLigatures = "normal", f.style.color = o, document.body.appendChild(f);
   let w = f.getBoundingClientRect(), u = Math.max(1, Math.ceil(w.width)), h = Math.max(1, Math.ceil(w.height));
@@ -17567,7 +17614,7 @@ async function pg(t, { family: e = "Material Icons", weight: a = "normal", fontS
   }
   return _.fillText(t, 0, 0), { dataUrl: g.toDataURL(), width: u, height: h };
 }
-async function ug(t, e) {
+async function bg(t, e) {
   if (!(t instanceof Element))
     return 0;
   let a = '.material-icons, [class*="material-symbols"]', i = Array.from(t.querySelectorAll(a)).filter((l) => l && l.textContent && l.textContent.trim());
@@ -17578,12 +17625,12 @@ async function ug(t, e) {
     let c = i[l], s = o[l] || null;
     try {
       let d = getComputedStyle(s || c), m = d.fontFamily || "Material Icons";
-      if (!sg(m))
+      if (!hg(m))
         continue;
       let p = (s || c).textContent.trim();
       if (!p)
         continue;
-      let f = parseInt(d.fontSize, 10) || 24, w = d.fontWeight && d.fontWeight !== "normal" ? d.fontWeight : "normal", u = hg(d), h = d.fontVariationSettings && d.fontVariationSettings !== "normal" ? d.fontVariationSettings : "", g = (s || c).className || "", { dataUrl: _, width: T, height: v } = await pg(p, { family: m, weight: w, fontSize: f, color: u, variation: h, className: g });
+      let f = parseInt(d.fontSize, 10) || 24, w = d.fontWeight && d.fontWeight !== "normal" ? d.fontWeight : "normal", u = fg(d), h = d.fontVariationSettings && d.fontVariationSettings !== "normal" ? d.fontVariationSettings : "", g = (s || c).className || "", { dataUrl: _, width: T, height: v } = await yg(p, { family: m, weight: w, fontSize: f, color: u, variation: h, className: g });
       c.textContent = "";
       let M = c.ownerDocument.createElement("img");
       M.src = _, M.alt = p, M.style.height = `${f}px`, M.style.width = `${Math.max(1, Math.round(T / v * f))}px`, M.style.objectFit = "contain", M.style.verticalAlign = getComputedStyle(c).verticalAlign || "baseline", c.appendChild(M), r++;
@@ -17592,7 +17639,7 @@ async function ug(t, e) {
   }
   return r;
 }
-async function gg(t, e, a, i = 32, o = "#000") {
+async function wg(t, e, a, i = 32, o = "#000") {
   e = e.replace(/^['"]+|['"]+$/g, "");
   let r = window.devicePixelRatio || 1;
   try {
@@ -17608,13 +17655,13 @@ async function gg(t, e, a, i = 32, o = "#000") {
   let p = m.getContext("2d");
   return p.scale(r, r), p.font = a ? `${a} ${i}px "${e}"` : `${i}px "${e}"`, p.textAlign = "left", p.textBaseline = "top", p.fillStyle = o, p.fillText(t, 0, 0), { dataUrl: m.toDataURL(), width: s, height: d };
 }
-var fg = /* @__PURE__ */ new Set(["serif", "sans-serif", "monospace", "cursive", "fantasy", "system-ui", "emoji", "math", "fangsong", "ui-serif", "ui-sans-serif", "ui-monospace", "ui-rounded"]);
+var xg = /* @__PURE__ */ new Set(["serif", "sans-serif", "monospace", "cursive", "fantasy", "system-ui", "emoji", "math", "fangsong", "ui-serif", "ui-sans-serif", "ui-monospace", "ui-rounded"]);
 function to(t) {
   if (!t)
     return "";
   for (let e of t.split(",")) {
     let a = e.trim().replace(/^['"]+|['"]+$/g, "");
-    if (a && !fg.has(a.toLowerCase()))
+    if (a && !xg.has(a.toLowerCase()))
       return a;
   }
   return "";
@@ -17632,11 +17679,11 @@ function $a(t) {
   let e = String(t ?? "normal").trim().toLowerCase();
   return e.startsWith("italic") ? "italic" : e.startsWith("oblique") ? "oblique" : "normal";
 }
-function yg(t) {
+function vg(t) {
   let e = String(t ?? "100%").match(/(\d+(?:\.\d+)?)\s*%/);
   return e ? Math.max(50, Math.min(200, parseFloat(e[1]))) : 100;
 }
-function bg(t) {
+function kg(t) {
   let e = String(t || "400").trim(), a = e.match(/^(\d{2,3})\s+(\d{2,3})$/);
   if (a) {
     let o = Ua(a[1]), r = Ua(a[2]);
@@ -17645,11 +17692,11 @@ function bg(t) {
   let i = Ua(e);
   return { min: i, max: i };
 }
-function wg(t) {
+function _g(t) {
   let e = String(t || "normal").trim().toLowerCase();
   return e === "italic" ? { kind: "italic" } : e.startsWith("oblique") ? { kind: "oblique" } : { kind: "normal" };
 }
-function xg(t) {
+function Lg(t) {
   let e = String(t || "100%").trim(), a = e.match(/(\d+(?:\.\d+)?)\s*%\s+(\d+(?:\.\d+)?)\s*%/);
   if (a) {
     let r = parseFloat(a[1]), l = parseFloat(a[2]);
@@ -17658,7 +17705,7 @@ function xg(t) {
   let i = e.match(/(\d+(?:\.\d+)?)\s*%/), o = i ? parseFloat(i[1]) : 100;
   return { min: o, max: o };
 }
-function vg(t, e) {
+function zg(t, e) {
   if (!t)
     return !1;
   try {
@@ -17681,7 +17728,7 @@ function vg(t, e) {
     return !1;
   }
 }
-function kg(t) {
+function Cg(t) {
   var a;
   let e = /* @__PURE__ */ new Set();
   for (let i of t || []) {
@@ -17704,7 +17751,7 @@ function Wi(t, e) {
   });
 }
 var no = /@import\s+(?:url\(\s*(['"]?)([^)"']+)\1\s*\)|(['"])([^"']+)\3)([^;]*);/g, Qa = 4;
-async function _g(t, e, a) {
+async function Mg(t, e, a) {
   if (!t)
     return t;
   let i = /* @__PURE__ */ new Set();
@@ -17743,7 +17790,7 @@ ${h}
   let l = Wi(t, e || location.href);
   return l = await r(l, e || location.href, 0), l;
 }
-var nr = /url\((["']?)([^"')]+)\1\)/g, Lg = /@font-face[^{}]*\{[^}]*\}/g;
+var nr = /url\((["']?)([^"')]+)\1\)/g, Pg = /@font-face[^{}]*\{[^}]*\}/g;
 function sr(t) {
   if (!t)
     return [];
@@ -17826,7 +17873,7 @@ async function mr(t, e, a = "") {
   }
   return i;
 }
-function zg(t) {
+function Sg(t) {
   if (!t.length)
     return null;
   let e = (l, c) => t.some(([s, d]) => !(d < l || s > c)), a = e(0, 255) || e(305, 305), i = e(256, 591) || e(7680, 7935), o = e(880, 1023), r = e(1024, 1279);
@@ -17845,14 +17892,14 @@ function Ei(t = {}) {
         } catch {
         }
     if (i.size) {
-      let l = zg(r);
+      let l = Sg(r);
       if (l && i.has(l))
         return !0;
     }
     return !1;
   };
 }
-function Cg(t) {
+function Tg(t) {
   var r, l, c, s, d, m;
   if (!t)
     return t;
@@ -17866,7 +17913,7 @@ function Cg(t) {
   let o = 0;
   return t.replace(e, () => i[o++] || "");
 }
-function Mg(t, e, a, i) {
+function Rg(t, e, a, i) {
   let o = Array.from(t || []).sort().join("|"), r = e ? JSON.stringify({ families: (e.families || []).map((c) => String(c).toLowerCase()).sort(), domains: (e.domains || []).map((c) => String(c).toLowerCase()).sort(), subsets: (e.subsets || []).map((c) => String(c).toLowerCase()).sort() }) : "", l = (a || []).map((c) => `${(c.family || "").toLowerCase()}::${c.weight || "normal"}::${c.style || "normal"}::${c.src || ""}`).sort().join("|");
   return `fonts-embed-css::req=${o}::ex=${r}::lf=${l}::px=${i || ""}`;
 }
@@ -17921,8 +17968,8 @@ async function dr(t, e, a, i) {
     }
   }
 }
-async function Pg({ required: t, usedCodepoints: e, exclude: a = void 0, localFonts: i = [], useProxy: o = "" } = {}) {
-  var h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe;
+async function Dg({ required: t, usedCodepoints: e, exclude: a = void 0, localFonts: i = [], useProxy: o = "" } = {}) {
+  var h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe;
   t instanceof Set || (t = /* @__PURE__ */ new Set()), e instanceof Set || (e = /* @__PURE__ */ new Set());
   let r = /* @__PURE__ */ new Map();
   for (let G of t) {
@@ -17935,10 +17982,10 @@ async function Pg({ required: t, usedCodepoints: e, exclude: a = void 0, localFo
   function l(G, J, K, oe) {
     if (!r.has(G))
       return !1;
-    let Y = r.get(G), H = bg(K), ee = wg(J), F = xg(oe), ne = H.min !== H.max, fe = H.min, ke = (me) => ee.kind === "normal" && me === "normal" || ee.kind !== "normal" && (me === "italic" || me === "oblique"), ze = !1;
+    let Y = r.get(G), H = kg(K), ee = _g(J), F = Lg(oe), ne = H.min !== H.max, fe = H.min, ke = (me) => ee.kind === "normal" && me === "normal" || ee.kind !== "normal" && (me === "italic" || me === "oblique"), ze = !1;
     for (let me of Y) {
-      let ye = ne ? me.w >= H.min && me.w <= H.max : me.w === fe, _e = ke($a(me.s)), Re = me.st >= F.min && me.st <= F.max;
-      if (ye && _e && Re) {
+      let be = ne ? me.w >= H.min && me.w <= H.max : me.w === fe, _e = ke($a(me.s)), Re = me.st >= F.min && me.st <= F.max;
+      if (be && _e && Re) {
         ze = !0;
         break;
       }
@@ -17947,22 +17994,22 @@ async function Pg({ required: t, usedCodepoints: e, exclude: a = void 0, localFo
       return !0;
     if (!ne)
       for (let me of Y) {
-        let ye = ke($a(me.s)), _e = me.st >= F.min && me.st <= F.max;
-        if (Math.abs(fe - me.w) <= 300 && ye && _e)
+        let be = ke($a(me.s)), _e = me.st >= F.min && me.st <= F.max;
+        if (Math.abs(fe - me.w) <= 300 && be && _e)
           return !0;
       }
     if (!ne && ee.kind === "normal" && Y.some((me) => $a(me.s) !== "normal"))
       for (let me of Y) {
-        let ye = Math.abs(fe - me.w) <= 300, _e = me.st >= F.min && me.st <= F.max;
-        if (ye && _e)
+        let be = Math.abs(fe - me.w) <= 300, _e = me.st >= F.min && me.st <= F.max;
+        if (be && _e)
           return !0;
       }
     return !1;
   }
-  let c = Ei(a), s = Mg(t, a, i, o);
+  let c = Ei(a), s = Rg(t, a, i, o);
   if ((h = V.resource) != null && h.has(s))
     return V.resource.get(s);
-  let d = kg(t), m = [], p = no;
+  let d = Cg(t), m = [], p = no;
   for (let G of document.querySelectorAll("style")) {
     let J = G.textContent || "";
     for (let K of J.matchAll(p)) {
@@ -17986,7 +18033,7 @@ async function Pg({ required: t, usedCodepoints: e, exclude: a = void 0, localFo
         K = new URL(G.href, location.href).origin === location.origin;
       } catch {
       }
-      if (!K && !vg(G.href, d))
+      if (!K && !zg(G.href, d))
         continue;
       if (K) {
         let Y = Array.from(document.styleSheets).find((H) => H.href === G.href);
@@ -17999,20 +18046,20 @@ async function Pg({ required: t, usedCodepoints: e, exclude: a = void 0, localFo
       }
       if (!J && (J = (await Je(G.href, { as: "text", useProxy: o })).data, Ke(G.href)))
         continue;
-      J = await _g(J, G.href, o);
+      J = await Mg(J, G.href, o);
       let oe = "";
-      for (let Y of J.match(Lg) || []) {
+      for (let Y of J.match(Pg) || []) {
         let H = (((g = Y.match(/font-family:\s*([^;]+);/i)) == null ? void 0 : g[1]) || "").trim(), ee = to(H);
         if (!ee || Ke(ee))
           continue;
         let F = (((_ = Y.match(/font-weight:\s*([^;]+);/i)) == null ? void 0 : _[1]) || "400").trim(), ne = (((T = Y.match(/font-style:\s*([^;]+);/i)) == null ? void 0 : T[1]) || "normal").trim(), fe = (((v = Y.match(/font-stretch:\s*([^;]+);/i)) == null ? void 0 : v[1]) || "100%").trim(), ke = (((M = Y.match(/unicode-range:\s*([^;]+);/i)) == null ? void 0 : M[1]) || "").trim(), ze = (((L = Y.match(/src\s*:\s*([^;}]+)[;}]/i)) == null ? void 0 : L[1]) || "").trim(), me = wo(ze, G.href);
         if (!l(ee, ne, F, fe))
           continue;
-        let ye = sr(ke);
-        if (!cr(e, ye))
+        let be = sr(ke);
+        if (!cr(e, be))
           continue;
         let _e = { family: ee, weightSpec: F, styleSpec: ne, stretchSpec: fe, unicodeRange: ke, srcRaw: ze, srcUrls: me, href: G.href };
-        if (a && c(_e, ye))
+        if (a && c(_e, be))
           continue;
         let Re = /url\(/i.test(ze) ? await mr(Y, G.href, o) : Y;
         oe += Re;
@@ -18046,7 +18093,7 @@ async function Pg({ required: t, usedCodepoints: e, exclude: a = void 0, localFo
           try {
             let oe = await Je(G._snapdomSrc, { as: "dataURL", useProxy: o, silent: !0 });
             if (oe.ok && typeof oe.data == "string")
-              K = oe.data, (A = V.resource) == null || A.set(G._snapdomSrc, K), (E = V.font) == null || E.add(G._snapdomSrc);
+              K = oe.data, (I = V.resource) == null || I.set(G._snapdomSrc, K), (E = V.font) == null || E.add(G._snapdomSrc);
             else
               continue;
           } catch {
@@ -18082,9 +18129,9 @@ async function Pg({ required: t, usedCodepoints: e, exclude: a = void 0, localFo
     }
     f += `@font-face{font-family:'${J}';src:url(${ee});font-style:${oe};font-weight:${K};font-stretch:${Y};}`;
   }
-  return f && (f = Cg(f), (pe = V.resource) == null || pe.set(s, f)), f;
+  return f && (f = Tg(f), (pe = V.resource) == null || pe.set(s, f)), f;
 }
-function Sg(t) {
+function Ig(t) {
   let e = /* @__PURE__ */ new Set();
   if (!t)
     return e;
@@ -18092,7 +18139,7 @@ function Sg(t) {
     let c = to(l.fontFamily);
     if (!c)
       return;
-    let s = (d, m, p) => `${c}__${Ua(d)}__${$a(m)}__${yg(p)}`;
+    let s = (d, m, p) => `${c}__${Ua(d)}__${$a(m)}__${vg(p)}`;
     e.add(s(l.fontWeight, l.fontStyle, l.fontStretch));
   };
   i(getComputedStyle(t));
@@ -18109,7 +18156,7 @@ function Sg(t) {
   }
   return e;
 }
-function Tg(t) {
+function Ag(t) {
   var o;
   let e = /* @__PURE__ */ new Set(), a = (r) => {
     if (r)
@@ -18141,7 +18188,7 @@ function Tg(t) {
   }
   return e;
 }
-async function Rg(t, e = 2) {
+async function Gg(t, e = 2) {
   try {
     await document.fonts.ready;
   } catch {
@@ -18161,7 +18208,7 @@ async function Rg(t, e = 2) {
   for (let o = 0; o < Math.max(1, e); o++)
     i(), await new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(r)));
 }
-async function Dg(t, e, a, i = {}) {
+async function Fg(t, e, a, i = {}) {
   let o = [[t, e]], r = ["background-image", "mask", "mask-image", "-webkit-mask", "-webkit-mask-image", "mask-source", "mask-box-image-source", "mask-border-source", "-webkit-mask-box-image-source", "border-image", "border-image-source"], l = ["mask-position", "mask-size", "mask-repeat", "-webkit-mask-position", "-webkit-mask-size", "-webkit-mask-repeat", "mask-origin", "mask-clip", "-webkit-mask-origin", "-webkit-mask-clip", "-webkit-mask-position-x", "-webkit-mask-position-y"], c = ["background-position", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-origin", "background-clip", "background-attachment", "background-blend-mode"], s = ["border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat"];
   for (; o.length; ) {
     let [d, m] = o.shift(), p = a.get(d) || rr(d);
@@ -18220,7 +18267,7 @@ function hr(t) {
   }
   return typeof t == "function" ? t() : t;
 }
-function Ig(...t) {
+function Ng(...t) {
   let e = t.flat();
   for (let a of e) {
     let i = hr(a);
@@ -18241,7 +18288,7 @@ async function Qe(t, e, a) {
   }
   return i;
 }
-async function Ag(t, e, a) {
+async function Wg(t, e, a) {
   let i = [], o = pr(e);
   for (let r of o) {
     let l = r && typeof r[t] == "function" ? r[t] : null;
@@ -18252,7 +18299,7 @@ async function Ag(t, e, a) {
   }
   return i;
 }
-function Gg(t) {
+function Eg(t) {
   let e = [];
   if (Array.isArray(t))
     for (let a of t) {
@@ -18266,15 +18313,15 @@ function Gg(t) {
     a && a.name && !e.some((i) => i.name === a.name) && e.push(a);
   return Object.freeze(e);
 }
-function Fg(t, e, a = !1) {
-  return !t || t.plugins && !a || (t.plugins = Gg(e)), t;
+function Bg(t, e, a = !1) {
+  return !t || t.plugins && !a || (t.plugins = Eg(e)), t;
 }
 var Bi = /* @__PURE__ */ new WeakMap(), so = /* @__PURE__ */ new Map(), co = 0;
 function Za() {
   co++;
 }
 var Zi = !1;
-function Ng(t = document.documentElement) {
+function Zg(t = document.documentElement) {
   var e, a;
   if (!Zi) {
     Zi = !0;
@@ -18294,7 +18341,7 @@ function Ng(t = document.documentElement) {
     }
   }
 }
-function Wg(t, e = {}) {
+function Og(t, e = {}) {
   let a = {}, i = t.getPropertyValue("visibility");
   for (let r = 0; r < t.length; r++) {
     let l = t[r], c = t.getPropertyValue(l);
@@ -18321,52 +18368,52 @@ function Wg(t, e = {}) {
   return i === "hidden" && (a.opacity = "0"), a;
 }
 var Oi = /* @__PURE__ */ new WeakMap();
-function Eg(t) {
+function Vg(t) {
   let e = Oi.get(t);
   return e || (e = Object.entries(t).sort((a, i) => a[0] < i[0] ? -1 : a[0] > i[0] ? 1 : 0).map(([a, i]) => `${a}:${i}`).join(";"), Oi.set(t, e), e);
 }
-function Bg(t, e = null, a = {}) {
+function jg(t, e = null, a = {}) {
   let i = Bi.get(t);
   if (i && i.epoch === co)
     return i.snapshot;
-  let o = e || getComputedStyle(t), r = Wg(o, a);
-  return Hg(t, o, r), Bi.set(t, { epoch: co, snapshot: r }), r;
+  let o = e || getComputedStyle(t), r = Og(o, a);
+  return Jg(t, o, r), Bi.set(t, { epoch: co, snapshot: r }), r;
 }
-function Zg(t, e) {
+function Xg(t, e) {
   return t && t.session && t.persist ? t : t && (t.styleMap || t.styleCache || t.nodeMap) ? { session: t, persist: { snapshotKeyCache: so, defaultStyle: V.defaultStyle, baseStyle: V.baseStyle, image: V.image, resource: V.resource, background: V.background, font: V.font }, options: e || {} } : { session: V.session, persist: { snapshotKeyCache: so, defaultStyle: V.defaultStyle, baseStyle: V.baseStyle, image: V.image, resource: V.resource, background: V.background, font: V.font }, options: t || e || {} };
 }
 async function st(t, e, a, i) {
   var f, w, u;
   if (t.tagName === "STYLE")
     return;
-  let o = Zg(a, i), r = o.options && o.options.cache || "auto";
-  if (r !== "disabled" && Ng(document.documentElement), r === "disabled" && !o.session.__bumpedForDisabled && (Za(), so.clear(), o.session.__bumpedForDisabled = !0), bo.has((f = t.tagName) == null ? void 0 : f.toLowerCase())) {
+  let o = Xg(a, i), r = o.options && o.options.cache || "auto";
+  if (r !== "disabled" && Zg(document.documentElement), r === "disabled" && !o.session.__bumpedForDisabled && (Za(), so.clear(), o.session.__bumpedForDisabled = !0), bo.has((f = t.tagName) == null ? void 0 : f.toLowerCase())) {
     let h = (w = t.getAttribute) == null ? void 0 : w.call(t, "style");
     h && e.setAttribute("style", h);
   }
   let { session: l, persist: c } = o;
   l.styleCache.has(t) || l.styleCache.set(t, getComputedStyle(t));
-  let s = l.styleCache.get(t), d = Bg(t, s, o.options), m = Eg(d), p = c.snapshotKeyCache.get(m);
+  let s = l.styleCache.get(t), d = jg(t, s, o.options), m = Vg(d), p = c.snapshotKeyCache.get(m);
   if (!p) {
     let h = ((u = t.tagName) == null ? void 0 : u.toLowerCase()) || "div";
     p = ro(d, h), c.snapshotKeyCache.set(m, p);
   }
   l.styleMap.set(e, p);
 }
-function Og(t) {
+function Hg(t) {
   return t instanceof HTMLImageElement || t instanceof HTMLCanvasElement || t instanceof HTMLVideoElement || t instanceof HTMLIFrameElement || t instanceof SVGElement || t instanceof HTMLObjectElement || t instanceof HTMLEmbedElement;
 }
-function Vg(t) {
+function Yg(t) {
   return t.backgroundImage && t.backgroundImage !== "none" || t.backgroundColor && t.backgroundColor !== "rgba(0, 0, 0, 0)" && t.backgroundColor !== "transparent" || (parseFloat(t.borderTopWidth) || 0) > 0 || (parseFloat(t.borderBottomWidth) || 0) > 0 || (parseFloat(t.paddingTop) || 0) > 0 || (parseFloat(t.paddingBottom) || 0) > 0 ? !0 : (t.overflowBlock || t.overflowY || "visible") !== "visible";
 }
-function jg(t) {
+function Ug(t) {
   let e = t.parentElement;
   if (!e)
     return !1;
   let a = getComputedStyle(e).display || "";
   return a.includes("flex") || a.includes("grid");
 }
-function Xg(t, e) {
+function $g(t, e) {
   if (t.textContent && /\S/.test(t.textContent))
     return !0;
   let a = t.firstElementChild, i = t.lastElementChild;
@@ -18378,26 +18425,26 @@ function Xg(t, e) {
   let r = parseFloat(e.paddingTop) || 0, l = parseFloat(e.paddingBottom) || 0;
   return o > r + l;
 }
-function Hg(t, e, a) {
+function Jg(t, e, a) {
   if (t instanceof HTMLElement && t.style && t.style.height)
     return;
   let i = t.tagName && t.tagName.toLowerCase();
   if (!i || i !== "div" && i !== "section" && i !== "article" && i !== "main" && i !== "aside" && i !== "header" && i !== "footer" && i !== "nav" && i !== "ol" && i !== "ul" && i !== "li")
     return;
   let o = e.display || "";
-  if (o.includes("flex") || o.includes("grid") || Og(t))
+  if (o.includes("flex") || o.includes("grid") || Hg(t))
     return;
   let r = e.position;
-  if (r === "absolute" || r === "fixed" || r === "sticky" || e.transform !== "none" || Vg(e) || jg(t))
+  if (r === "absolute" || r === "fixed" || r === "sticky" || e.transform !== "none" || Yg(e) || Ug(t))
     return;
   let l = e.overflowX || e.overflow || "visible", c = e.overflowY || e.overflow || "visible";
   if (l !== "visible" || c !== "visible")
     return;
   let s = e.clip;
-  s && s !== "auto" && s !== "rect(auto, auto, auto, auto)" || e.visibility === "hidden" || e.opacity === "0" || Xg(t, e) && (delete a.height, delete a["block-size"]);
+  s && s !== "auto" && s !== "rect(auto, auto, auto, auto)" || e.visibility === "hidden" || e.opacity === "0" || $g(t, e) && (delete a.height, delete a["block-size"]);
 }
 var ur = ["fill", "stroke", "color", "background-color", "stop-color"], Vi = /* @__PURE__ */ new Map();
-function Yg(t, e) {
+function Kg(t, e) {
   let a = e + "::" + t.toLowerCase(), i = Vi.get(a);
   if (i)
     return i;
@@ -18408,7 +18455,7 @@ function Yg(t, e) {
     s[d] = c.getPropertyValue(d) || "";
   return l.remove(), Vi.set(a, s), s;
 }
-function Ug(t, e) {
+function qg(t, e) {
   var r, l, c;
   if (!(t instanceof Element) || !(e instanceof Element))
     return;
@@ -18467,7 +18514,7 @@ function Ug(t, e) {
       }
     if (!o)
       return;
-    let s = t.namespaceURI || "html", d = Yg(t.tagName, s);
+    let s = t.namespaceURI || "html", d = Kg(t.tagName, s);
     for (let m of ur) {
       let p = o.getPropertyValue(m) || "", f = d[m] || "";
       if (p && p !== f)
@@ -18488,27 +18535,27 @@ function oo(t, e, a) {
     r();
   })));
 }
-function $g(t) {
+function Qg(t) {
   return t = t.trim(), !t || /:not\(\s*\[data-sd-slotted\]\s*\)\s*$/.test(t) ? t : `${t}:not([data-sd-slotted])`;
 }
-function Jg(t, e, a = !0) {
+function e0(t, e, a = !0) {
   return t.split(",").map((i) => i.trim()).filter(Boolean).map((i) => {
     if (i.startsWith(":where(") || i.startsWith("@"))
       return i;
-    let o = a ? $g(i) : i;
+    let o = a ? Qg(i) : i;
     return `:where(${e} ${o})`;
   }).join(", ");
 }
-function Kg(t, e) {
+function t0(t, e) {
   return t ? (t = t.replace(/:host\(([^)]+)\)/g, (a, i) => `:where(${e}:is(${i.trim()}))`), t = t.replace(/:host\b/g, `:where(${e})`), t = t.replace(/:host-context\(([^)]+)\)/g, (a, i) => `:where(:where(${i.trim()}) ${e})`), t = t.replace(/::slotted\(([^)]+)\)/g, (a, i) => `:where(${e} ${i.trim()})`), t = t.replace(/(^|})(\s*)([^@}{]+){/g, (a, i, o, r) => {
-    let l = Jg(r, e, !0);
+    let l = e0(r, e, !0);
     return `${i}${o}${l}{`;
   }), t) : "";
 }
-function qg(t) {
+function a0(t) {
   return t.shadowScopeSeq = (t.shadowScopeSeq || 0) + 1, `s${t.shadowScopeSeq}`;
 }
-function Qg(t) {
+function o0(t) {
   let e = "";
   try {
     t.querySelectorAll("style").forEach((i) => {
@@ -18528,13 +18575,13 @@ function Qg(t) {
   }
   return e;
 }
-function e0(t, e, a) {
+function i0(t, e, a) {
   if (!e)
     return;
   let i = document.createElement("style");
   i.setAttribute("data-sd", a), i.textContent = e, t.insertBefore(i, t.firstChild || null);
 }
-function t0(t, e) {
+function r0(t, e) {
   try {
     let a = t.currentSrc || t.src || "";
     if (!a)
@@ -18543,7 +18590,7 @@ function t0(t, e) {
   } catch {
   }
 }
-function a0(t) {
+function l0(t) {
   let e = /* @__PURE__ */ new Set();
   if (!t)
     return e;
@@ -18552,7 +18599,7 @@ function a0(t) {
     e.add(i[1]);
   return e;
 }
-function o0(t, e) {
+function n0(t, e) {
   try {
     let a = getComputedStyle(t).getPropertyValue(e).trim();
     if (a)
@@ -18567,19 +18614,19 @@ function o0(t, e) {
   }
   return "";
 }
-function i0(t, e, a) {
+function s0(t, e, a) {
   let i = [];
   for (let o of e) {
-    let r = o0(t, o);
+    let r = n0(t, o);
     r && i.push(`${o}: ${r};`);
   }
   return i.length ? `${a}{${i.join("")}}
 ` : "";
 }
-function r0(t) {
+function c0(t) {
   t && (t.nodeType === Node.ELEMENT_NODE && t.setAttribute("data-sd-slotted", ""), t.querySelectorAll && t.querySelectorAll("*").forEach((e) => e.setAttribute("data-sd-slotted", "")));
 }
-async function l0(t, e = 3) {
+async function m0(t, e = 3) {
   let a = () => {
     var r;
     try {
@@ -18592,7 +18639,7 @@ async function l0(t, e = 3) {
     await new Promise((r) => setTimeout(r, 0)), i = a(), o++;
   return i && (i.body || i.documentElement) ? i : null;
 }
-function n0(t) {
+function d0(t) {
   let e = t.getBoundingClientRect(), a = 0, i = 0, o = 0, r = 0;
   try {
     let s = getComputedStyle(t);
@@ -18602,7 +18649,7 @@ function n0(t) {
   let l = Math.max(0, Math.round(e.width - (a + i))), c = Math.max(0, Math.round(e.height - (o + r)));
   return { contentWidth: l, contentHeight: c, rect: e };
 }
-function s0(t, e, a) {
+function h0(t, e, a) {
   let i = t.createElement("style");
   return i.setAttribute("data-sd-iframe-pin", ""), i.textContent = `html, body {margin: 0 !important;padding: 0 !important;width: ${e}px !important;height: ${a}px !important;min-width: ${e}px !important;min-height: ${a}px !important;box-sizing: border-box !important;overflow: hidden !important;background-clip: border-box !important;}`, (t.head || t.documentElement).appendChild(i), () => {
     try {
@@ -18611,14 +18658,14 @@ function s0(t, e, a) {
     }
   };
 }
-async function c0(t, e, a) {
-  let i = await l0(t, 3);
+async function p0(t, e, a) {
+  let i = await m0(t, 3);
   if (!i)
     throw new Error("iframe document not accessible/ready");
-  let { contentWidth: o, contentHeight: r, rect: l } = n0(t), c = a == null ? void 0 : a.snap;
+  let { contentWidth: o, contentHeight: r, rect: l } = d0(t), c = a == null ? void 0 : a.snap;
   if (!c || typeof c.toPng != "function")
     throw new Error("snapdom.toPng not available in iframe or window");
-  let s = { ...a, scale: 1 }, d = s0(i, o, r), m;
+  let s = { ...a, scale: 1 }, d = h0(i, o, r), m;
   try {
     m = await c.toPng(i.documentElement, s);
   } finally {
@@ -18650,11 +18697,11 @@ async function Oa(t) {
     throw Ea.delete(t), i;
   }
 }
-var m0 = /\bblob:[^)"'\s]+/g;
+var u0 = /\bblob:[^)"'\s]+/g;
 async function ji(t) {
   if (!t || t.indexOf("blob:") === -1)
     return t;
-  let e = Array.from(new Set(t.match(m0) || []));
+  let e = Array.from(new Set(t.match(u0) || []));
   if (e.length === 0)
     return t;
   let a = t;
@@ -18669,16 +18716,16 @@ async function ji(t) {
 function Ya(t) {
   return typeof t == "string" && t.startsWith("blob:");
 }
-function d0(t) {
+function g0(t) {
   return (t || "").split(",").map((e) => e.trim()).filter(Boolean).map((e) => {
     let a = e.match(/^(\S+)(\s+.+)?$/);
     return a ? { url: a[1], desc: a[2] || "" } : null;
   }).filter(Boolean);
 }
-function h0(t) {
+function f0(t) {
   return t.map((e) => e.desc ? `${e.url} ${e.desc.trim()}` : e.url).join(", ");
 }
-async function p0(t) {
+async function y0(t) {
   var l, c;
   if (!t)
     return;
@@ -18692,14 +18739,14 @@ async function p0(t) {
       }
       let m = s.getAttribute("srcset");
       if (m && m.includes("blob:")) {
-        let p = d0(m), f = !1;
+        let p = g0(m), f = !1;
         for (let w of p)
           if (Ya(w.url))
             try {
               w.url = await Oa(w.url), f = !0;
             } catch {
             }
-        f && s.setAttribute("srcset", h0(p));
+        f && s.setAttribute("srcset", f0(p));
       }
     } catch {
     }
@@ -18748,7 +18795,7 @@ async function Ja(t, e, a) {
   let i = /* @__PURE__ */ new Set(), o = null, r = null;
   if (t.nodeType === Node.ELEMENT_NODE) {
     let h = (t.localName || t.tagName || "").toLowerCase();
-    if (t.id === "snapdom-sandbox" || t.hasAttribute("data-snapdom-sandbox") || qu.has(h))
+    if (t.id === "snapdom-sandbox" || t.hasAttribute("data-snapdom-sandbox") || ag.has(h))
       return null;
   }
   if (t.nodeType === Node.TEXT_NODE || t.nodeType !== Node.ELEMENT_NODE)
@@ -18794,7 +18841,7 @@ async function Ja(t, e, a) {
     }
     if (h)
       try {
-        return await c0(t, e, a);
+        return await p0(t, e, a);
       } catch (g) {
         console.warn("[SnapDOM] iframe rasterization failed, fallback:", g);
       }
@@ -18849,8 +18896,8 @@ async function Ja(t, e, a) {
   }
   let l;
   try {
-    if (l = t.cloneNode(!1), Ug(t, l), e.nodeMap.set(l, t), t.tagName === "IMG") {
-      t0(t, l);
+    if (l = t.cloneNode(!1), qg(t, l), e.nodeMap.set(l, t), t.tagName === "IMG") {
+      r0(t, l);
       try {
         let h = t.getBoundingClientRect(), g = Math.round(h.width || 0), _ = Math.round(h.height || 0);
         if (!g || !_) {
@@ -18877,43 +18924,43 @@ async function Ja(t, e, a) {
     l.style.width = `${h.width}px`, l.style.height = `${h.height}px`;
   }
   if (t instanceof HTMLInputElement && (l.value = t.value, l.setAttribute("value", t.value), t.checked !== void 0 && (l.checked = t.checked, t.checked && l.setAttribute("checked", ""), t.indeterminate && (l.indeterminate = t.indeterminate))), t instanceof HTMLSelectElement && (o = t.value), t instanceof HTMLTextAreaElement && (r = t.value), st(t, l, e, a), t.shadowRoot) {
-    let h = function(D, A) {
+    let h = function(D, I) {
       if (D.nodeType === Node.ELEMENT_NODE && D.tagName === "STYLE")
-        return A(null);
+        return I(null);
       Ja(D, e, a).then((E) => {
-        A(E || null);
+        I(E || null);
       }).catch(() => {
-        A(null);
+        I(null);
       });
     };
     try {
       let D = t.shadowRoot.querySelectorAll("slot");
-      for (let A of D) {
+      for (let I of D) {
         let E = [];
         try {
-          E = ((p = A.assignedNodes) == null ? void 0 : p.call(A, { flatten: !0 })) || ((f = A.assignedNodes) == null ? void 0 : f.call(A)) || [];
+          E = ((p = I.assignedNodes) == null ? void 0 : p.call(I, { flatten: !0 })) || ((f = I.assignedNodes) == null ? void 0 : f.call(I)) || [];
         } catch {
-          E = ((w = A.assignedNodes) == null ? void 0 : w.call(A)) || [];
+          E = ((w = I.assignedNodes) == null ? void 0 : w.call(I)) || [];
         }
         for (let X of E)
           i.add(X);
       }
     } catch {
     }
-    let g = qg(e), _ = `[data-sd="${g}"]`;
+    let g = a0(e), _ = `[data-sd="${g}"]`;
     try {
       l.setAttribute("data-sd", g);
     } catch {
     }
-    let T = Qg(t.shadowRoot), v = Kg(T, _), M = a0(T), L = i0(t, M, _);
-    e0(l, L + v, g);
+    let T = o0(t.shadowRoot), v = t0(T, _), M = l0(T), L = s0(t, M, _);
+    i0(l, L + v, g);
     let z = document.createDocumentFragment(), S = await oo(Array.from(t.shadowRoot.childNodes), h, a.fast);
     z.append(...S.filter((D) => !!D)), l.appendChild(z);
   }
   if (t.tagName === "SLOT") {
     let h = function(M, L) {
       Ja(M, e, a).then((z) => {
-        z && r0(z), L(z || null);
+        z && c0(z), L(z || null);
       }).catch(() => {
         L(null);
       });
@@ -18937,10 +18984,10 @@ async function Ja(t, e, a) {
   }
   return r !== null && l instanceof HTMLTextAreaElement && (l.textContent = r), l;
 }
-function u0(t) {
+function b0(t) {
   return /\bcounter\s*\(|\bcounters\s*\(/.test(t || "");
 }
-function g0(t) {
+function w0(t) {
   return (t || "").replace(/"([^"]*)"/g, "$1");
 }
 function Xi(t, e = !1) {
@@ -18974,7 +19021,7 @@ function Yi(t, e) {
       return String(Math.max(0, t));
   }
 }
-function f0(t) {
+function x0(t) {
   let e = () => {
     var f;
     return ((f = V == null ? void 0 : V.session) == null ? void 0 : f.__counterEpoch) ?? 0;
@@ -19007,8 +19054,8 @@ function f0(t) {
           continue;
         let D = w.get(z);
         if (D && D.length) {
-          let A = D.slice();
-          A.push(S), h.set(z, A);
+          let I = D.slice();
+          I.push(S), h.set(z, I);
         } else
           h.set(z, [S]);
       }
@@ -19029,8 +19076,8 @@ function f0(t) {
       if (getComputedStyle(u).display === "list-item" && r(u)) {
         let M = u.parentElement, L = 1;
         if (M && M.tagName === "OL") {
-          let S = M.getAttribute("start"), D = Number.isFinite(Number(S)) ? Number(S) : 1, A = l(u), E = u.getAttribute("value");
-          L = Number.isFinite(Number(E)) ? Number(E) : D + A;
+          let S = M.getAttribute("start"), D = Number.isFinite(Number(S)) ? Number(S) : 1, I = l(u), E = u.getAttribute("value");
+          L = Number.isFinite(Number(E)) ? Number(E) : D + I;
         } else
           L = 1 + l(u);
         let z = h.get("list-item") || [];
@@ -19068,7 +19115,7 @@ function f0(t) {
     return u ? u.slice() : [];
   } };
 }
-function y0(t, e, a) {
+function v0(t, e, a) {
   if (!t || t === "none")
     return t;
   try {
@@ -19083,13 +19130,13 @@ function y0(t, e, a) {
         return h.length ? h.map((g) => Yi(g, u)).join(w) : "";
       }
     });
-    return g0(o);
+    return w0(o);
   } catch {
     return "- ";
   }
 }
 var lt = /* @__PURE__ */ new WeakMap(), Ui = 300;
-function b0(t, e) {
+function k0(t, e) {
   let a = gr(t);
   return e ? (e.__pseudoPreflightFp !== a && (e.__pseudoPreflight = Ji(t), e.__pseudoPreflightFp = a), !!e.__pseudoPreflight) : Ji(t);
 }
@@ -19176,16 +19223,16 @@ function Ji(t = document) {
   return t.querySelector('[style*="counter("], [style*="counters("]') ? (lt.set(t, { fingerprint: e, result: !0 }), !0) : (lt.set(t, { fingerprint: e, result: !1 }), !1);
 }
 var ct = /* @__PURE__ */ new WeakMap(), Ki = -1;
-function w0(t) {
+function _0(t) {
   return (t || "").replace(/"([^"]*)"/g, "$1");
 }
-function x0(t) {
+function L0(t) {
   if (!t)
     return "";
   let e = [], a = /"([^"]*)"/g, i;
   for (; i = a.exec(t); )
     e.push(i[1]);
-  return e.length ? e.join("") : w0(t);
+  return e.length ? e.join("") : _0(t);
 }
 function ho(t, e) {
   let a = t.parentElement, i = a ? ct.get(a) : null;
@@ -19241,7 +19288,7 @@ function po(t, e, a) {
     return c(d);
   }, __incs: l };
 }
-function v0(t, e, a) {
+function z0(t, e, a) {
   let i;
   try {
     i = getComputedStyle(t, e);
@@ -19250,20 +19297,20 @@ function v0(t, e, a) {
   let o = i == null ? void 0 : i.content;
   if (!o || o === "none" || o === "normal")
     return { text: "", incs: [] };
-  let r = ho(t, a), l = po(t, i, r), c = u0(o) ? y0(o, t, l) : o;
-  return { text: x0(c), incs: l.__incs || [] };
+  let r = ho(t, a), l = po(t, i, r), c = b0(o) ? v0(o, t, l) : o;
+  return { text: L0(c), incs: l.__incs || [] };
 }
 async function fr(t, e, a, i) {
   var d, m, p;
   if (!(t instanceof Element) || !(e instanceof Element))
     return;
   let o = t.ownerDocument || document;
-  if (!b0(o, a))
+  if (!k0(o, a))
     return;
   let r = ((d = V == null ? void 0 : V.session) == null ? void 0 : d.__counterEpoch) ?? 0;
   if (Ki !== r && (ct = /* @__PURE__ */ new WeakMap(), a && (a.__counterCtx = null), Ki = r), !a.__counterCtx)
     try {
-      a.__counterCtx = f0(t.ownerDocument || document);
+      a.__counterCtx = x0(t.ownerDocument || document);
     } catch {
     }
   let l = a.__counterCtx;
@@ -19276,9 +19323,9 @@ async function fr(t, e, a, i) {
         let Y = getComputedStyle(t);
         if (!(w.color !== Y.color || w.fontSize !== Y.fontSize || w.fontWeight !== Y.fontWeight))
           continue;
-        let H = Array.from(e.childNodes).find((ye) => {
+        let H = Array.from(e.childNodes).find((be) => {
           var _e;
-          return ye.nodeType === Node.TEXT_NODE && ((_e = ye.textContent) == null ? void 0 : _e.trim().length) > 0;
+          return be.nodeType === Node.TEXT_NODE && ((_e = be.textContent) == null ? void 0 : _e.trim().length) > 0;
         });
         if (!H)
           continue;
@@ -19293,7 +19340,7 @@ async function fr(t, e, a, i) {
         e.replaceChild(me, H), e.insertBefore(fe, me);
         continue;
       }
-      let u = w.content ?? "", h = u === "" || u === "none" || u === "normal", { text: g, incs: _ } = v0(t, f, l), T = w.backgroundImage, v = w.backgroundColor, M = w.fontFamily, L = parseInt(w.fontSize) || 32, z = parseInt(w.fontWeight) || !1, S = w.color || "#000", D = w.borderStyle, A = parseFloat(w.borderWidth), E = w.transform, X = Ke(M), O = !h && g !== "", q = T && T !== "none", ae = v && v !== "transparent" && v !== "rgba(0, 0, 0, 0)", re = D && D !== "none" && A > 0, pe = E && E !== "none";
+      let u = w.content ?? "", h = u === "" || u === "none" || u === "normal", { text: g, incs: _ } = z0(t, f, l), T = w.backgroundImage, v = w.backgroundColor, M = w.fontFamily, L = parseInt(w.fontSize) || 32, z = parseInt(w.fontWeight) || !1, S = w.color || "#000", D = w.borderStyle, I = parseFloat(w.borderWidth), E = w.transform, X = Ke(M), O = !h && g !== "", q = T && T !== "none", ae = v && v !== "transparent" && v !== "rgba(0, 0, 0, 0)", re = D && D !== "none" && I > 0, pe = E && E !== "none";
       if (!(O || q || ae || re || pe)) {
         if (_ && _.length && t.parentElement) {
           let Y = ct.get(t.parentElement) || /* @__PURE__ */ new Map();
@@ -19311,7 +19358,7 @@ async function fr(t, e, a, i) {
       G.dataset.snapdomPseudo = f, G.style.pointerEvents = "none";
       let J = Fi(w), K = ro(J, "span");
       if (a.styleMap.set(G, K), X && g && g.length === 1) {
-        let { dataUrl: Y, width: H, height: ee } = await gg(g, M, z, L, S), F = document.createElement("img");
+        let { dataUrl: Y, width: H, height: ee } = await wg(g, M, z, L, S), F = document.createElement("img");
         F.src = Y, F.style = `height:${L}px;width:${H / ee * L}px;object-fit:contain;`, G.appendChild(F), e.dataset.snapdomHasIcon = "true";
       } else if (g && g.startsWith("url(")) {
         let Y = yo(g);
@@ -19358,7 +19405,7 @@ async function fr(t, e, a, i) {
   for (let f = 0; f < Math.min(c.length, s.length); f++)
     await fr(c[f], s[f], a, i);
 }
-function k0(t, e) {
+function C0(t, e) {
   var M, L;
   if (!t || !(t instanceof Element))
     return;
@@ -19374,8 +19421,8 @@ function k0(t, e) {
     let D = z.attributes;
     if (!D)
       return null;
-    for (let A = 0; A < D.length; A++) {
-      let E = D[A];
+    for (let I = 0; I < D.length; I++) {
+      let E = D[I];
       if (!E || !E.name)
         continue;
       if (E.name === "href")
@@ -19392,13 +19439,13 @@ function k0(t, e) {
     let D;
     for (; D = r.exec(z); ) {
       f = !0;
-      let A = (D[1] || "").trim();
-      A && (m.has(A) || (p.add(A), S && !S.has(A) && S.add(A)));
+      let I = (D[1] || "").trim();
+      I && (m.has(I) || (p.add(I), S && !S.has(I) && S.add(I)));
     }
   }, u = (z) => {
     let S = z.querySelectorAll("use");
-    for (let A of S) {
-      let E = d(A);
+    for (let I of S) {
+      let E = d(I);
       if (!E || !E.startsWith("#"))
         continue;
       f = !0;
@@ -19406,10 +19453,10 @@ function k0(t, e) {
       X && !m.has(X) && p.add(X);
     }
     let D = z.querySelectorAll('*[style*="url("],*[fill^="url("], *[stroke^="url("],*[filter^="url("],*[clip-path^="url("],*[mask^="url("],*[marker^="url("],*[marker-start^="url("],*[marker-mid^="url("],*[marker-end^="url("]');
-    for (let A of D) {
-      w(A.getAttribute("style") || "");
+    for (let I of D) {
+      w(I.getAttribute("style") || "");
       for (let E of l)
-        w(A.getAttribute(E));
+        w(I.getAttribute(E));
     }
   };
   for (let z of o)
@@ -19421,8 +19468,8 @@ function k0(t, e) {
   let g = h.querySelector("defs") || null, _ = (z) => {
     if (!z || m.has(z))
       return null;
-    let S = c(z), D = (A) => {
-      let E = i.querySelector(A);
+    let S = c(z), D = (I) => {
+      let E = i.querySelector(I);
       return E && !t.contains(E) ? E : null;
     };
     return D(`svg defs > *#${S}`) || D(`svg > symbol#${S}`) || D(`*#${S}`);
@@ -19442,8 +19489,8 @@ function k0(t, e) {
     g || (g = a.createElementNS("http://www.w3.org/2000/svg", "defs"), h.appendChild(g));
     let D = S.cloneNode(!0);
     D.id || D.setAttribute("id", z), g.appendChild(D), v.add(z), m.add(z);
-    let A = [D, ...D.querySelectorAll("*")];
-    for (let E of A) {
+    let I = [D, ...D.querySelectorAll("*")];
+    for (let E of I) {
       let X = d(E);
       if (X && X.startsWith("#")) {
         let q = X.slice(1).trim();
@@ -19458,7 +19505,7 @@ function k0(t, e) {
     }
   }
 }
-function _0(t, e) {
+function M0(t, e) {
   var c;
   if (!t || !e)
     return;
@@ -19474,7 +19521,7 @@ function _0(t, e) {
     let p = qi(d.top), f = qi(d.bottom);
     if (p == null && f == null)
       continue;
-    let w = L0(s, t), u = z0(e, w, r);
+    let w = P0(s, t), u = S0(e, w, r);
     if (!u)
       continue;
     let h = s.getBoundingClientRect(), g = h.width, _ = h.height, T = h.left - i.left;
@@ -19493,7 +19540,7 @@ function qi(t) {
   let e = Number.parseFloat(t);
   return Number.isFinite(e) ? e : null;
 }
-function L0(t, e) {
+function P0(t, e) {
   let a = [];
   for (let i = t; i && i !== e; ) {
     let o = i.parentElement;
@@ -19503,14 +19550,14 @@ function L0(t, e) {
   }
   return a.reverse();
 }
-function z0(t, e, a) {
+function S0(t, e, a) {
   let i = t;
   for (let o = 0; o < e.length; o++)
-    if (i = C0(i, a)[e[o]], !i)
+    if (i = T0(i, a)[e[o]], !i)
       return null;
   return i instanceof HTMLElement ? i : null;
 }
-function C0(t, e) {
+function T0(t, e) {
   let a = [], i = t.children;
   for (let o = 0; o < i.length; o++) {
     let r = i[o];
@@ -19518,16 +19565,16 @@ function C0(t, e) {
   }
   return a;
 }
-function M0(t) {
+function R0(t) {
   let e = getComputedStyle(t), a = e.outlineStyle, i = e.outlineWidth, o = e.borderStyle, r = e.borderWidth, l = a !== "none" && parseFloat(i) > 0, c = o === "none" || parseFloat(r) === 0;
   l && c && (t.style.border = `${i} solid transparent`);
 }
-async function P0(t, e = {}) {
+async function D0(t, e = {}) {
   var s, d;
   let a = { styleMap: V.session.styleMap, styleCache: V.session.styleCache, nodeMap: V.session.nodeMap }, i, o = "", r = "";
-  M0(t);
+  R0(t);
   try {
-    k0(t);
+    C0(t);
   } catch (m) {
     console.warn("inlineExternal defs or symbol failed:", m);
   }
@@ -19541,14 +19588,14 @@ async function P0(t, e = {}) {
   } catch (m) {
     console.warn("inlinePseudoElements failed:", m);
   }
-  await p0(i);
+  await y0(i);
   try {
     let m = i.querySelectorAll("style[data-sd]");
     for (let p of m)
       r += p.textContent || "", p.remove();
   } catch {
   }
-  let l = rg(a.styleMap);
+  let l = cg(a.styleMap);
   o = Array.from(l.entries()).map(([m, p]) => `.${p}{${m}}`).join(""), o = r + o;
   for (let [m, p] of a.styleMap.entries()) {
     if (m.tagName === "STYLE")
@@ -19573,22 +19620,22 @@ async function P0(t, e = {}) {
     }
   }
   let c = i instanceof HTMLElement && i.firstElementChild instanceof HTMLElement ? i.firstElementChild : i;
-  if (_0(t, c), t === a.nodeMap.get(i)) {
+  if (M0(t, c), t === a.nodeMap.get(i)) {
     let m = a.styleCache.get(t) || window.getComputedStyle(t);
     a.styleCache.set(t, m);
-    let p = Xu(m.transform);
+    let p = $u(m.transform);
     i.style.margin = "0", i.style.top = "auto", i.style.left = "auto", i.style.right = "auto", i.style.bottom = "auto", i.style.animation = "none", i.style.transition = "none", i.style.willChange = "auto", i.style.float = "none", i.style.clear = "none", i.style.transform = p || "";
   }
   for (let [m, p] of a.nodeMap.entries())
     p.tagName === "PRE" && (m.style.marginTop = "0", m.style.marginBlockStart = "0");
   return { clone: i, classCSS: o, styleCache: a.styleCache };
 }
-function S0(t) {
+function I0(t) {
   var d, m, p, f;
   let e = parseInt(((d = t.dataset) == null ? void 0 : d.snapdomWidth) || "", 10) || 0, a = parseInt(((m = t.dataset) == null ? void 0 : m.snapdomHeight) || "", 10) || 0, i = parseInt(t.getAttribute("width") || "", 10) || 0, o = parseInt(t.getAttribute("height") || "", 10) || 0, r = parseFloat(((p = t.style) == null ? void 0 : p.width) || "") || 0, l = parseFloat(((f = t.style) == null ? void 0 : f.height) || "") || 0, c = e || r || i || t.width || t.naturalWidth || 100, s = a || l || o || t.height || t.naturalHeight || 100;
   return { width: c, height: s };
 }
-async function T0(t, e = {}) {
+async function A0(t, e = {}) {
   let a = Array.from(t.querySelectorAll("img")), i = async (o) => {
     if (!o.getAttribute("src")) {
       let m = o.currentSrc || o.src || "";
@@ -19603,7 +19650,7 @@ async function T0(t, e = {}) {
       o.src = l.data, o.width || (o.width = o.naturalWidth || 100), o.height || (o.height = o.naturalHeight || 100);
       return;
     }
-    let { width: c, height: s } = S0(o), { fallbackURL: d } = e || {};
+    let { width: c, height: s } = I0(o), { fallbackURL: d } = e || {};
     if (d)
       try {
         let m = typeof d == "function" ? await d({ width: c, height: s, src: r, element: o }) : d;
@@ -19627,18 +19674,18 @@ async function T0(t, e = {}) {
     await Promise.allSettled(r);
   }
 }
-function R0(t) {
+function G0(t) {
   if (!t)
     return () => {
     };
-  let e = D0(t);
+  let e = F0(t);
   if (e <= 0)
     return () => {
     };
-  if (!G0(t))
+  if (!E0(t))
     return () => {
     };
-  let a = getComputedStyle(t), i = Math.round(I0(a) * e + A0(a)), o = t.textContent ?? "", r = o;
+  let a = getComputedStyle(t), i = Math.round(N0(a) * e + W0(a)), o = t.textContent ?? "", r = o;
   if (t.scrollHeight <= i + 0.5)
     return () => {
     };
@@ -19651,23 +19698,23 @@ function R0(t) {
     t.textContent = r;
   };
 }
-function D0(t) {
+function F0(t) {
   let e = getComputedStyle(t), a = e.getPropertyValue("-webkit-line-clamp") || e.getPropertyValue("line-clamp");
   a = (a || "").trim();
   let i = parseInt(a, 10);
   return Number.isFinite(i) && i > 0 ? i : 0;
 }
-function I0(t) {
+function N0(t) {
   let e = (t.lineHeight || "").trim(), a = parseFloat(t.fontSize) || 16;
   return !e || e === "normal" ? Math.round(a * 1.2) : e.endsWith("px") ? parseFloat(e) : /^\d+(\.\d+)?$/.test(e) ? Math.round(parseFloat(e) * a) : e.endsWith("%") ? Math.round(parseFloat(e) / 100 * a) : Math.round(a * 1.2);
 }
-function A0(t) {
+function W0(t) {
   return (parseFloat(t.paddingTop) || 0) + (parseFloat(t.paddingBottom) || 0);
 }
-function G0(t) {
+function E0(t) {
   return t.childElementCount > 0 ? !1 : Array.from(t.childNodes).some((e) => e.nodeType === Node.TEXT_NODE);
 }
-function F0(t, e) {
+function B0(t, e) {
   if (!t || !e || !e.style)
     return;
   let a = getComputedStyle(t);
@@ -19689,14 +19736,14 @@ function F0(t, e) {
   } catch {
   }
 }
-function N0(t) {
+function Z0(t) {
   let e = document.createTreeWalker(t, NodeFilter.SHOW_COMMENT), a = [];
   for (; e.nextNode(); )
     a.push(e.currentNode);
   for (let i of a)
     i.remove();
 }
-function W0(t, e = {}) {
+function O0(t, e = {}) {
   let { stripFrameworkDirectives: a = !0 } = e, i = /* @__PURE__ */ new Set(["xml", "xlink"]), o = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT);
   for (; o.nextNode(); ) {
     let r = o.currentNode;
@@ -19720,10 +19767,10 @@ function W0(t, e = {}) {
     }
   }
 }
-function E0(t, e = {}) {
-  t && (W0(t, e), N0(t));
+function V0(t, e = {}) {
+  t && (O0(t, e), Z0(t));
 }
-function B0(t) {
+function j0(t) {
   var e;
   try {
     let a = ((e = t.getAttribute) == null ? void 0 : e.call(t, "style")) || "";
@@ -19732,11 +19779,11 @@ function B0(t) {
     return !1;
   }
 }
-function Z0(t) {
+function X0(t) {
   return t instanceof HTMLImageElement || t instanceof HTMLCanvasElement || t instanceof HTMLVideoElement || t instanceof HTMLIFrameElement || t instanceof SVGElement || t instanceof HTMLObjectElement || t instanceof HTMLEmbedElement;
 }
-function O0(t, e) {
-  if (!(t instanceof Element) || B0(t) || Z0(t))
+function H0(t, e) {
+  if (!(t instanceof Element) || j0(t) || X0(t))
     return !1;
   let a = e.position;
   if (a === "absolute" || a === "fixed" || a === "sticky")
@@ -19744,12 +19791,12 @@ function O0(t, e) {
   let i = e.display || "";
   return !(i.includes("flex") || i.includes("grid") || i.startsWith("table") || e.transform && e.transform !== "none");
 }
-function V0(t, e, a = /* @__PURE__ */ new Map()) {
+function Y0(t, e, a = /* @__PURE__ */ new Map()) {
   function i(o, r) {
     if (!(o instanceof Element) || !(r instanceof Element))
       return;
     let l = o.childElementCount > r.childElementCount, c = a.get(o) || getComputedStyle(o);
-    if (a.has(o) || a.set(o, c), l && O0(o, c)) {
+    if (a.has(o) || a.set(o, c), l && H0(o, c)) {
       r.style.height || (r.style.height = "auto"), r.style.width || (r.style.width = "auto"), r.style.removeProperty("block-size"), r.style.removeProperty("inline-size"), r.style.minHeight || (r.style.minHeight = "0"), r.style.minWidth || (r.style.minWidth = "0"), r.style.maxHeight || (r.style.maxHeight = "none"), r.style.maxWidth || (r.style.maxWidth = "none");
       let m = c.overflowY || c.overflowBlock || "visible", p = c.overflowX || c.overflowInline || "visible";
       (m !== "visible" || p !== "visible") && (r.style.overflow = "visible");
@@ -19760,11 +19807,11 @@ function V0(t, e, a = /* @__PURE__ */ new Map()) {
   }
   i(t, e);
 }
-function j0(t) {
+function U0(t) {
   let e = getComputedStyle(t);
   return !(e.display === "none" || e.position === "absolute" || e.position === "fixed" || e.position === "sticky" || (e.cssFloat || e.float || "none") !== "none" || e.transform && e.transform !== "none");
 }
-function X0(t, e) {
+function $0(t, e) {
   if (!(t instanceof Element))
     return !1;
   if (t.getAttribute("data-capture") === "exclude" && (e == null ? void 0 : e.excludeMode) === "remove")
@@ -19778,10 +19825,10 @@ function X0(t, e) {
       }
   return !1;
 }
-function H0(t, e) {
+function J0(t, e) {
   let a = getComputedStyle(t), i = t.getBoundingClientRect(), o = 1 / 0, r = -1 / 0, l = !1, c = Array.from(t.children);
   for (let w of c) {
-    if (X0(w, e) || !j0(w))
+    if ($0(w, e) || !U0(w))
       continue;
     let u = w.getBoundingClientRect(), h = u.top - i.top, g = u.bottom - i.top;
     g <= h || (h < o && (o = h), g > r && (r = g), l = !0);
@@ -19790,7 +19837,7 @@ function H0(t, e) {
   return d + m + p + f + s;
 }
 var ce = (t, e = 3) => Number.isFinite(t) ? Math.round(t * 10 ** e) / 10 ** e : t;
-function Y0(t) {
+function K0(t) {
   var c;
   let e = t.boxShadow || "";
   if (!e || e === "none")
@@ -19805,17 +19852,17 @@ function Y0(t) {
   }
   return { top: Math.ceil(i), right: Math.ceil(o), bottom: Math.ceil(r), left: Math.ceil(l) };
 }
-function U0(t) {
+function q0(t) {
   let e = (t.filter || "").match(/blur\(\s*([0-9.]+)px\s*\)/), a = e ? Math.ceil(parseFloat(e[1]) || 0) : 0;
   return { top: a, right: a, bottom: a, left: a };
 }
-function $0(t) {
+function Q0(t) {
   if ((t.outlineStyle || "none") === "none")
     return { top: 0, right: 0, bottom: 0, left: 0 };
   let e = Math.ceil(parseFloat(t.outlineWidth || "0") || 0);
   return { top: e, right: e, bottom: e, left: e };
 }
-function J0(t) {
+function ef(t) {
   var s;
   let e = `${t.filter || ""} ${t.webkitFilter || ""}`.trim();
   if (!e || e === "none")
@@ -19828,7 +19875,7 @@ function J0(t) {
   }
   return { bleed: { top: ce(i), right: ce(o), bottom: ce(r), left: ce(l) }, has: c };
 }
-function K0(t, e) {
+function tf(t, e) {
   if (!t || !e || !e.style)
     return null;
   let a = getComputedStyle(t);
@@ -19880,14 +19927,14 @@ function Qi(t, e, a, i, o) {
     _ < w && (w = _), T < u && (u = T), _ > h && (h = _), T > g && (g = T);
   return { minX: w, minY: u, maxX: h, maxY: g, width: h - w, height: g - u };
 }
-function q0(t, e, a) {
+function af(t, e, a) {
   let i = (t.transformOrigin || "0 0").trim().split(/\s+/), [o, r] = [i[0] || "0", i[1] || "0"], l = (c, s) => {
     let d = c.toLowerCase();
     return d === "left" || d === "top" ? 0 : d === "center" ? s / 2 : d === "right" || d === "bottom" ? s : d.endsWith("px") ? parseFloat(d) || 0 : d.endsWith("%") ? (parseFloat(d) || 0) * s / 100 : /^-?\d+(\.\d+)?$/.test(d) && parseFloat(d) || 0;
   };
   return { ox: l(o, e), oy: l(r, a) };
 }
-function Q0(t) {
+function of(t) {
   var o, r, l, c, s, d, m, p;
   let e = { rotate: "0deg", scale: null, translate: null }, a = typeof t.computedStyleMap == "function" ? t.computedStyleMap() : null;
   if (a) {
@@ -19930,19 +19977,19 @@ function Q0(t) {
   return e.rotate = i.rotate && i.rotate !== "none" ? i.rotate : "0deg", e.scale = i.scale && i.scale !== "none" ? i.scale : null, e.translate = i.translate && i.translate !== "none" ? i.translate : null, e;
 }
 var io = null;
-function ef() {
+function rf() {
   if (io)
     return io;
   let t = document.createElement("div");
   return t.id = "snapdom-measure-slot", t.setAttribute("aria-hidden", "true"), Object.assign(t.style, { position: "absolute", left: "-99999px", top: "0px", width: "0px", height: "0px", overflow: "hidden", opacity: "0", pointerEvents: "none", contain: "size layout style" }), document.documentElement.appendChild(t), io = t, t;
 }
-function tf(t) {
-  let e = ef(), a = document.createElement("div");
+function lf(t) {
+  let e = rf(), a = document.createElement("div");
   a.style.transformOrigin = "0 0", t.baseTransform && (a.style.transform = t.baseTransform), t.rotate && (a.style.rotate = t.rotate), t.scale && (a.style.scale = t.scale), t.translate && (a.style.translate = t.translate), e.appendChild(a);
   let i = yr(a);
   return e.removeChild(a), i;
 }
-function af(t) {
+function nf(t) {
   let e = getComputedStyle(t), a = e.transform || "none";
   if (a !== "none" && !/^matrix\(\s*1\s*,\s*0\s*,\s*0\s*,\s*1\s*,\s*0\s*,\s*0\s*\)$/i.test(a))
     return !0;
@@ -19963,72 +20010,72 @@ async function br(t, e) {
   var T;
   if (!t)
     throw new Error("Element cannot be null or undefined");
-  ju(e.cache);
+  Uu(e.cache);
   let a = e.fast, i = e.outerTransforms !== !1, o = !!e.outerShadows, r = { element: t, options: e, plugins: e.plugins }, l, c, s, d = "", m = "", p, f, w = null;
   await Qe("beforeSnap", r), await Qe("beforeClone", r);
-  let u = R0(r.element);
+  let u = G0(r.element);
   try {
-    ({ clone: l, classCSS: c, styleCache: s } = await P0(r.element, r.options)), !i && l && (w = K0(r.element, l)), !o && l && F0(r.element, l);
+    ({ clone: l, classCSS: c, styleCache: s } = await D0(r.element, r.options)), !i && l && (w = tf(r.element, l)), !o && l && B0(r.element, l);
   } finally {
     u();
   }
-  if (r = { clone: l, classCSS: c, styleCache: s, ...r }, await Qe("afterClone", r), E0(r.clone), ((T = r.options) == null ? void 0 : T.excludeMode) === "remove")
+  if (r = { clone: l, classCSS: c, styleCache: s, ...r }, await Qe("afterClone", r), V0(r.clone), ((T = r.options) == null ? void 0 : T.excludeMode) === "remove")
     try {
-      V0(r.element, r.clone, r.styleCache);
+      Y0(r.element, r.clone, r.styleCache);
     } catch (v) {
       console.warn("[snapdom] shrink pass failed:", v);
     }
   try {
-    await ug(r.clone, r.element);
+    await bg(r.clone, r.element);
   } catch {
   }
   await new Promise((v) => {
     nt(async () => {
-      await T0(r.clone, r.options), v();
+      await A0(r.clone, r.options), v();
     }, { fast: a });
   }), await new Promise((v) => {
     nt(async () => {
-      await Dg(r.element, r.clone, r.styleCache, r.options), v();
+      await Fg(r.element, r.clone, r.styleCache, r.options), v();
     }, { fast: a });
   }), e.embedFonts && await new Promise((v) => {
     nt(async () => {
-      let M = Sg(r.element), L = Tg(r.element);
+      let M = Ig(r.element), L = Ag(r.element);
       if (Ba()) {
         let z = new Set(Array.from(M).map((S) => String(S).split("__")[0]).filter(Boolean));
-        await Rg(z, 1);
+        await Gg(z, 1);
       }
-      d = await Pg({ required: M, usedCodepoints: L, preCached: !1, exclude: r.options.excludeFonts, useProxy: r.options.useProxy }), v();
+      d = await Dg({ required: M, usedCodepoints: L, preCached: !1, exclude: r.options.excludeFonts, useProxy: r.options.useProxy }), v();
     }, { fast: a });
   });
-  let h = og(r.clone).sort(), g = h.join(",");
+  let h = ng(r.clone).sort(), g = h.join(",");
   V.baseStyle.has(g) ? m = V.baseStyle.get(g) : await new Promise((v) => {
     nt(() => {
-      m = ig(h), V.baseStyle.set(g, m), v();
+      m = sg(h), V.baseStyle.set(g, m), v();
     }, { fast: a });
   }), r = { fontsCSS: d, baseCSS: m, ...r }, await Qe("beforeRender", r), await new Promise((v) => {
     nt(() => {
       var Ye;
       let M = getComputedStyle(r.element), L = r.element.getBoundingClientRect(), z = Math.max(1, ce(r.element.offsetWidth || parseFloat(M.width) || L.width || 1)), S = Math.max(1, ce(r.element.offsetHeight || parseFloat(M.height) || L.height || 1));
       if (((Ye = r.options) == null ? void 0 : Ye.excludeMode) === "remove") {
-        let U = H0(r.element, r.options);
+        let U = J0(r.element, r.options);
         Number.isFinite(U) && U > 0 && (S = Math.max(1, Math.min(S, ce(U + 1))));
       }
       let D = (U, xe = NaN) => {
         let Ge = typeof U == "string" ? parseFloat(U) : U;
         return Number.isFinite(Ge) ? Ge : xe;
-      }, A = D(r.options.width), E = D(r.options.height), X = z, O = S, q = Number.isFinite(A), ae = Number.isFinite(E), re = S > 0 ? z / S : 1;
-      q && ae ? (X = Math.max(1, ce(A)), O = Math.max(1, ce(E))) : q ? (X = Math.max(1, ce(A)), O = Math.max(1, ce(X / (re || 1)))) : ae ? (O = Math.max(1, ce(E)), X = Math.max(1, ce(O * (re || 1)))) : (X = z, O = S);
+      }, I = D(r.options.width), E = D(r.options.height), X = z, O = S, q = Number.isFinite(I), ae = Number.isFinite(E), re = S > 0 ? z / S : 1;
+      q && ae ? (X = Math.max(1, ce(I)), O = Math.max(1, ce(E))) : q ? (X = Math.max(1, ce(I)), O = Math.max(1, ce(X / (re || 1)))) : ae ? (O = Math.max(1, ce(E)), X = Math.max(1, ce(O * (re || 1)))) : (X = z, O = S);
       let pe = 0, G = 0, J = z, K = S;
       if (!i && w && Number.isFinite(w.a)) {
         let U = { a: w.a, b: w.b || 0, c: w.c || 0, d: w.d || 1, e: 0, f: 0 }, xe = Qi(z, S, U, 0, 0);
         pe = ce(xe.minX), G = ce(xe.minY), J = ce(xe.maxX), K = ce(xe.maxY);
-      } else if (i && of(r.element)) {
-        let U = M.transform && M.transform !== "none" ? M.transform : "", xe = Q0(r.element), Ge = tf({ baseTransform: U, rotate: xe.rotate || "0deg", scale: xe.scale, translate: xe.translate }), { ox: Oe, oy: Ve } = q0(M, z, S), te = Ge.is2D ? Ge : new DOMMatrix(Ge.toString()), Be = Qi(z, S, te, Oe, Ve);
+      } else if (i && sf(r.element)) {
+        let U = M.transform && M.transform !== "none" ? M.transform : "", xe = of(r.element), Ge = lf({ baseTransform: U, rotate: xe.rotate || "0deg", scale: xe.scale, translate: xe.translate }), { ox: Oe, oy: Ve } = af(M, z, S), te = Ge.is2D ? Ge : new DOMMatrix(Ge.toString()), Be = Qi(z, S, te, Oe, Ve);
         pe = ce(Be.minX), G = ce(Be.minY), J = ce(Be.maxX), K = ce(Be.maxY);
       }
-      let oe = Y0(M), Y = U0(M), H = $0(M), ee = J0(M), F = o ? { top: ce(oe.top + Y.top + H.top + ee.bleed.top), right: ce(oe.right + Y.right + H.right + ee.bleed.right), bottom: ce(oe.bottom + Y.bottom + H.bottom + ee.bleed.bottom), left: ce(oe.left + Y.left + H.left + ee.bleed.left) } : { top: 0, right: 0, bottom: 0, left: 0 };
+      let oe = K0(M), Y = q0(M), H = Q0(M), ee = ef(M), F = o ? { top: ce(oe.top + Y.top + H.top + ee.bleed.top), right: ce(oe.right + Y.right + H.right + ee.bleed.right), bottom: ce(oe.bottom + Y.bottom + H.bottom + ee.bleed.bottom), left: ce(oe.left + Y.left + H.left + ee.bleed.left) } : { top: 0, right: 0, bottom: 0, left: 0 };
       pe = ce(pe - F.left), G = ce(G - F.top), J = ce(J + F.right), K = ce(K + F.bottom);
-      let ne = Math.max(1, ce(J - pe)), fe = Math.max(1, ce(K - G)), ke = q || ae ? ce(X / z) : 1, ze = ae || q ? ce(O / S) : 1, me = Math.max(1, ce(ne * ke)), ye = Math.max(1, ce(fe * ze)), _e = "http://www.w3.org/2000/svg", Re = Ba() ? 1 : 0, Q = ce(Re + (i ? 0 : 1)), de = document.createElementNS(_e, "foreignObject"), He = ce(pe), Ee = ce(G);
+      let ne = Math.max(1, ce(J - pe)), fe = Math.max(1, ce(K - G)), ke = q || ae ? ce(X / z) : 1, ze = ae || q ? ce(O / S) : 1, me = Math.max(1, ce(ne * ke)), be = Math.max(1, ce(fe * ze)), _e = "http://www.w3.org/2000/svg", Re = Ba() ? 1 : 0, Q = ce(Re + (i ? 0 : 1)), de = document.createElementNS(_e, "foreignObject"), He = ce(pe), Ee = ce(G);
       de.setAttribute("x", String(ce(-(He - Q)))), de.setAttribute("y", String(ce(-(Ee - Q)))), de.setAttribute("width", String(ce(z + Q * 2))), de.setAttribute("height", String(ce(S + Q * 2))), de.style.overflow = "visible";
       let Me = document.createElement("style");
       Me.textContent = r.baseCSS + r.fontsCSS + "svg{overflow:visible;} foreignObject{overflow:visible;}" + r.classCSS, de.appendChild(Me);
@@ -20036,17 +20083,17 @@ async function br(t, e) {
       Ae.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), Ae.style.width = `${ce(z)}px`, Ae.style.height = `${ce(S)}px`, Ae.style.overflow = "visible", r.clone.setAttribute("xmlns", "http://www.w3.org/1999/xhtml"), Ae.appendChild(r.clone), de.appendChild(Ae);
       let le = new XMLSerializer().serializeToString(de), Pe = ce(ne + Q * 2), ue = ce(fe + Q * 2), we = q || ae;
       e.meta = { w0: z, h0: S, vbW: Pe, vbH: ue, targetW: X, targetH: O };
-      let Ze = Ba() && we ? Pe : ce(me + Q * 2), Ue = Ba() && we ? ue : ce(ye + Q * 2);
+      let Ze = Ba() && we ? Pe : ce(me + Q * 2), Ue = Ba() && we ? ue : ce(be + Q * 2);
       f = `<svg xmlns="${_e}" width="${Ze}" height="${Ue}" viewBox="0 0 ${Pe} ${ue}">` + le + "</svg>", p = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(f)}`, r = { svgString: f, dataURL: p, ...r }, v();
     }, { fast: a });
   }), await Qe("afterRender", r);
   let _ = document.getElementById("snapdom-sandbox");
   return _ && _.style.position === "absolute" && _.remove(), r.dataURL;
 }
-function of(t) {
-  return af(t);
+function sf(t) {
+  return nf(t);
 }
-function rf(t) {
+function cf(t) {
   if (typeof t == "string") {
     let e = t.toLowerCase().trim();
     if (e === "disabled" || e === "full" || e === "auto" || e === "soft")
@@ -20054,80 +20101,80 @@ function rf(t) {
   }
   return "soft";
 }
-function lf(t = {}) {
+function mf(t = {}) {
   let e = t.format ?? "png";
   e === "jpg" && (e = "jpeg");
-  let a = rf(t.cache);
+  let a = cf(t.cache);
   return { debug: t.debug ?? !1, fast: t.fast ?? !0, scale: t.scale ?? 1, exclude: t.exclude ?? [], excludeMode: t.excludeMode ?? "hide", filter: t.filter ?? null, filterMode: t.filterMode ?? "hide", placeholders: t.placeholders !== !1, embedFonts: t.embedFonts ?? !1, iconFonts: Array.isArray(t.iconFonts) ? t.iconFonts : t.iconFonts ? [t.iconFonts] : [], localFonts: Array.isArray(t.localFonts) ? t.localFonts : [], excludeFonts: t.excludeFonts ?? void 0, fallbackURL: t.fallbackURL ?? void 0, cache: a, useProxy: typeof t.useProxy == "string" ? t.useProxy : "", width: t.width ?? null, height: t.height ?? null, format: e, type: t.type ?? "svg", quality: t.quality ?? 0.92, dpr: t.dpr ?? (window.devicePixelRatio || 1), backgroundColor: t.backgroundColor ?? (["jpeg", "webp"].includes(e) ? "#ffffff" : null), filename: t.filename ?? "snapDOM", outerTransforms: t.outerTransforms ?? !0, outerShadows: t.outerShadows ?? !1 };
 }
-function nf(...t) {
-  return Ig(...t), Se;
+function df(...t) {
+  return Ng(...t), Se;
 }
-var Se = Object.assign(sf, { plugins: nf }), wr = Symbol("snapdom.internal"), qe = Symbol("snapdom.internal.silent"), uo = !1;
-async function sf(t, e) {
+var Se = Object.assign(hf, { plugins: df }), wr = Symbol("snapdom.internal"), qe = Symbol("snapdom.internal.silent"), uo = !1;
+async function hf(t, e) {
   if (!t)
     throw new Error("Element cannot be null or undefined");
-  let a = lf(e);
-  if (Fg(a, e && e.plugins), Ba() && (a.embedFonts === !0 || mf(t)))
+  let a = mf(e);
+  if (Bg(a, e && e.plugins), Ba() && (a.embedFonts === !0 || uf(t)))
     for (let i = 0; i < 3; i++)
       try {
-        await cf(t, e), uo = !1;
+        await pf(t, e), uo = !1;
       } catch {
       }
-  return a.iconFonts && a.iconFonts.length > 0 && ng(a.iconFonts), a.snap || (a.snap = { toPng: (i, o) => Se.toPng(i, o), toSvg: (i, o) => Se.toSvg(i, o) }), Se.capture(t, a, wr);
+  return a.iconFonts && a.iconFonts.length > 0 && dg(a.iconFonts), a.snap || (a.snap = { toPng: (i, o) => Se.toPng(i, o), toSvg: (i, o) => Se.toSvg(i, o) }), Se.capture(t, a, wr);
 }
 Se.capture = async (t, e, a) => {
   if (a !== wr)
     throw new Error("[snapdom.capture] is internal. Use snapdom(...) instead.");
   let i = await br(t, e), o = { img: async (u, h) => {
-    let { toImg: g } = await import("./toImg-ff2f53f4.js");
+    let { toImg: g } = await import("./toImg-c806b31e.js");
     return g(i, { ...u, ...h || {} });
   }, svg: async (u, h) => {
-    let { toSvg: g } = await import("./toImg-ff2f53f4.js");
+    let { toSvg: g } = await import("./toImg-c806b31e.js");
     return g(i, { ...u, ...h || {} });
   }, canvas: async (u, h) => {
-    let { toCanvas: g } = await import("./toCanvas-772d23ea.js");
+    let { toCanvas: g } = await import("./toCanvas-357efd0a.js");
     return g(i, { ...u, ...h || {} });
   }, blob: async (u, h) => {
-    let { toBlob: g } = await import("./toBlob-44b3dad9.js");
+    let { toBlob: g } = await import("./toBlob-0f9bc83e.js");
     return g(i, { ...u, ...h || {} });
   }, png: async (u, h) => {
-    let { rasterize: g } = await import("./rasterize-JS5G2XHH-219f71c4.js");
+    let { rasterize: g } = await import("./rasterize-JS5G2XHH-1a01abec.js");
     return g(i, { ...u, ...h || {}, format: "png" });
   }, jpeg: async (u, h) => {
-    let { rasterize: g } = await import("./rasterize-JS5G2XHH-219f71c4.js");
+    let { rasterize: g } = await import("./rasterize-JS5G2XHH-1a01abec.js");
     return g(i, { ...u, ...h || {}, format: "jpeg" });
   }, webp: async (u, h) => {
-    let { rasterize: g } = await import("./rasterize-JS5G2XHH-219f71c4.js");
+    let { rasterize: g } = await import("./rasterize-JS5G2XHH-1a01abec.js");
     return g(i, { ...u, ...h || {}, format: "webp" });
   }, download: async (u, h) => {
-    let { download: g } = await import("./download-67c23049.js");
+    let { download: g } = await import("./download-6900aee1.js");
     return g(i, { ...u, ...h || {} });
   } }, r = { ...e, export: { url: i }, exports: { svg: async (u) => {
-    let { toSvg: h } = await import("./toImg-ff2f53f4.js");
+    let { toSvg: h } = await import("./toImg-c806b31e.js");
     return h(i, { ...e, ...u || {}, [qe]: !0 });
   }, canvas: async (u) => {
-    let { toCanvas: h } = await import("./toCanvas-772d23ea.js");
+    let { toCanvas: h } = await import("./toCanvas-357efd0a.js");
     return h(i, { ...e, ...u || {}, [qe]: !0 });
   }, png: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-219f71c4.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-1a01abec.js");
     return h(i, { ...e, ...u || {}, format: "png", [qe]: !0 });
   }, jpeg: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-219f71c4.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-1a01abec.js");
     return h(i, { ...e, ...u || {}, format: "jpeg", [qe]: !0 });
   }, jpg: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-219f71c4.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-1a01abec.js");
     return h(i, { ...e, ...u || {}, format: "jpeg", [qe]: !0 });
   }, webp: async (u) => {
-    let { rasterize: h } = await import("./rasterize-JS5G2XHH-219f71c4.js");
+    let { rasterize: h } = await import("./rasterize-JS5G2XHH-1a01abec.js");
     return h(i, { ...e, ...u || {}, format: "webp", [qe]: !0 });
   }, blob: async (u) => {
-    let { toBlob: h } = await import("./toBlob-44b3dad9.js");
+    let { toBlob: h } = await import("./toBlob-0f9bc83e.js");
     return h(i, { ...e, ...u || {}, [qe]: !0 });
   }, img: async (u) => {
-    let { toImg: h } = await import("./toImg-ff2f53f4.js");
+    let { toImg: h } = await import("./toImg-c806b31e.js");
     return h(i, { ...e, ...u || {}, [qe]: !0 });
-  } } }, l = await Ag("defineExports", r), c = Object.assign({}, ...l.filter((u) => u && typeof u == "object")), s = { ...o, ...c };
+  } } }, l = await Wg("defineExports", r), c = Object.assign({}, ...l.filter((u) => u && typeof u == "object")), s = { ...o, ...c };
   s.jpeg && !s.jpg && (s.jpg = (u, h) => s.jpeg(u, h));
   function d(u, h) {
     let g = { ...e, ...h || {} };
@@ -20162,7 +20209,7 @@ Se.toPng = (t, e) => Se(t, { ...e, format: "png" }).then((a) => a.toPng());
 Se.toJpg = (t, e) => Se(t, { ...e, format: "jpeg" }).then((a) => a.toJpg());
 Se.toWebp = (t, e) => Se(t, { ...e, format: "webp" }).then((a) => a.toWebp());
 Se.download = (t, e) => Se(t, e).then((a) => a.download());
-async function cf(t, e) {
+async function pf(t, e) {
   if (uo)
     return;
   let a = { ...e, fast: !0, embedFonts: !0, scale: 0.2 }, i;
@@ -20199,7 +20246,7 @@ async function cf(t, e) {
     }
   }), uo = !0;
 }
-function mf(t) {
+function uf(t) {
   let e = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT);
   for (; e.nextNode(); ) {
     let a = e.currentNode, i = getComputedStyle(a), o = i.backgroundImage && i.backgroundImage !== "none", r = i.maskImage && i.maskImage !== "none" || i.webkitMaskImage && i.webkitMaskImage !== "none";
@@ -20208,7 +20255,7 @@ function mf(t) {
   }
   return !1;
 }
-class df {
+class gf {
   constructor() {
     ve(this, "frames", []);
     ve(this, "captureRect", null);
@@ -20381,7 +20428,7 @@ class df {
     return this._frameDelay;
   }
 }
-const hf = {
+const ff = {
   name: "IdmCapture",
   props: {
     isPlaying: {
@@ -20405,7 +20452,7 @@ const hf = {
       default: ""
     }
   },
-  emits: ["closeRecord", "preview"],
+  emits: ["closeRecord", "preview", "frameCount"],
   data() {
     return {
       recorder: null,
@@ -20438,8 +20485,9 @@ const hf = {
     }
   },
   watch: {
-    isPlaying: {
+    frameCount: {
       handler(t) {
+        t && this.$emit("frameCount", this.frameCount);
       }
     },
     enabled: {
@@ -20487,7 +20535,7 @@ const hf = {
     },
     startRecord() {
       var t, e, a;
-      this.frameCount = 0, this.recorder = new df(), (t = this.recorder) == null || t.setArea(this.selection), (e = this.recorder) == null || e.setFrameDelay(this.frequency), (a = this.recorder) == null || a.startRecording(), console.log("[BottomBar] 录制准备就绪");
+      this.frameCount = 0, this.recorder = new gf(), (t = this.recorder) == null || t.setArea(this.selection), (e = this.recorder) == null || e.setFrameDelay(this.frequency), (a = this.recorder) == null || a.startRecording(), console.log("[BottomBar] 录制准备就绪");
     },
     async captureCurrentFrame() {
       var t, e, a;
@@ -20532,34 +20580,34 @@ const hf = {
       this.recorder.download(this.blob, e);
     }
   }
-}, pf = { class: "capture-container" }, uf = {
+}, yf = { class: "capture-container" }, bf = {
   key: 0,
   class: "drag-tips text-h4"
-}, gf = { class: "size-hint mt-2 ml-2 text-body-2 px-2 py-1 rounded font-weight-bold bg-background" }, ff = { class: "size-hint mt-2 ml-2 text-body-2 px-2 py-1 rounded font-weight-bold bg-background" }, yf = { class: "text-body-2" }, bf = {
+}, wf = { class: "size-hint mt-2 ml-2 text-body-2 px-2 py-1 rounded font-weight-bold bg-background" }, xf = { class: "size-hint mt-2 ml-2 text-body-2 px-2 py-1 rounded font-weight-bold bg-background" }, vf = { class: "text-body-2" }, kf = {
   key: 0,
   class: "py-1 px-2 d-flex align-center justify-center ga-2"
-}, wf = { class: "text-body-2" }, xf = {
+}, _f = { class: "text-body-2" }, Lf = {
   key: 1,
   class: "py-1 px-2 d-flex align-center justify-center ga-2"
-}, vf = { class: "text-body-2" };
-function kf(t, e, a, i, o, r) {
+}, zf = { class: "text-body-2" };
+function Cf(t, e, a, i, o, r) {
   const l = P("VBtn");
-  return k(), I("div", pf, [
-    o.actionStatus > 0 && o.actionStatus < 4 ? (k(), I("div", {
+  return k(), A("div", yf, [
+    o.actionStatus > 0 && o.actionStatus < 4 ? (k(), A("div", {
       key: 0,
       class: "capture-selector",
       onMousedown: e[2] || (e[2] = (...c) => r.handleMouseDown && r.handleMouseDown(...c)),
       onMousemove: e[3] || (e[3] = (...c) => r.handleMouseMove && r.handleMouseMove(...c)),
       onMouseup: e[4] || (e[4] = (...c) => r.handleMouseUp && r.handleMouseUp(...c))
     }, [
-      o.actionStatus === 1 ? (k(), I("div", uf, y(t.$t("tips.crossHairText")), 1)) : N("", !0),
-      o.actionStatus >= 2 ? (k(), I("div", {
+      o.actionStatus === 1 ? (k(), A("div", bf, y(t.$t("tips.crossHairText")), 1)) : N("", !0),
+      o.actionStatus >= 2 ? (k(), A("div", {
         key: 1,
         class: "selection-box",
         style: he(r.selectionStyle)
       }, [
-        n("div", gf, y(Math.round(o.selection.width)) + " × " + y(Math.round(o.selection.height)), 1),
-        o.actionStatus === 3 ? (k(), I("div", {
+        n("div", wf, y(Math.round(o.selection.width)) + " × " + y(Math.round(o.selection.height)), 1),
+        o.actionStatus === 3 ? (k(), A("div", {
           key: 0,
           class: "action-buttons px-2 rounded font-weight-bold bg-background d-flex justify-end ga-4",
           onMousedown: e[0] || (e[0] = Le(() => {
@@ -20584,13 +20632,13 @@ function kf(t, e, a, i, o, r) {
         ], 32)) : N("", !0)
       ], 4)) : N("", !0)
     ], 32)) : N("", !0),
-    o.actionStatus >= 4 && o.actionStatus <= 6 ? (k(), I("div", {
+    o.actionStatus >= 4 && o.actionStatus <= 6 ? (k(), A("div", {
       key: 1,
       class: ge(["capture-frame", { recording: o.actionStatus === 5 }]),
       style: he(r.selectionStyle)
     }, [
-      n("div", ff, [
-        n("div", yf, y(o.selection.width) + " × " + y(o.selection.height), 1)
+      n("div", xf, [
+        n("div", vf, y(o.selection.width) + " × " + y(o.selection.height), 1)
       ]),
       n("div", {
         class: "action-status mt-2 px-2 rounded font-weight-bold bg-background d-flex align-center justify-end ga-4",
@@ -20599,22 +20647,22 @@ function kf(t, e, a, i, o, r) {
         onMouseup: e[6] || (e[6] = Le(() => {
         }, ["stop"]))
       }, [
-        o.actionStatus === 4 ? (k(), I("div", bf, [
+        o.actionStatus === 4 ? (k(), A("div", kf, [
           e[7] || (e[7] = n("div", { class: "dot bg-danger" }, null, -1)),
-          n("div", wf, y(t.$t("tips.recordingText")), 1)
+          n("div", _f, y(t.$t("tips.recordingText")), 1)
         ])) : N("", !0),
-        o.actionStatus === 5 || o.actionStatus === 6 ? (k(), I("div", xf, [
+        o.actionStatus === 5 || o.actionStatus === 6 ? (k(), A("div", Lf, [
           e[8] || (e[8] = n("div", { class: "dot bg-success" }, null, -1)),
-          n("div", vf, y(t.$t("tips.savingText")), 1)
+          n("div", zf, y(t.$t("tips.savingText")), 1)
         ])) : N("", !0)
       ], 32)
     ], 6)) : N("", !0)
   ]);
 }
-const _f = /* @__PURE__ */ ie(hf, [["render", kf], ["__scopeId", "data-v-b2dd8527"]]);
-const Lf = {
+const Mf = /* @__PURE__ */ ie(ff, [["render", Cf], ["__scopeId", "data-v-a4f4a27b"]]);
+const Pf = {
   name: "IdmBottomBar",
-  components: { DateTimePicker: eo, IdmCapture: _f },
+  components: { DateTimePicker: eo, IdmCapture: Mf },
   props: {
     menuToggle: {
       type: Object,
@@ -20654,7 +20702,8 @@ const Lf = {
       timeZone: localStorage.getItem("idm-timeZone-gl4") ? Number(localStorage.getItem("idm-timeZone-gl4")) : R().utcOffset() / 60,
       offsets: [-12, -11, -10, -9, -8, -7, -6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
       source: localStorage.getItem("forecastModelCacheGL4") === "undefined" ? "ECMWF" : localStorage.getItem("forecastModelCacheGL4"),
-      gifEnabled: !1
+      gifEnabled: !1,
+      frameCount: 0
     };
   },
   watch: {
@@ -20745,19 +20794,13 @@ const Lf = {
       this.$parent.$refs.idmWeatherLayers.handleMenuToggle();
     }
   }
-}, zf = { class: "idm-bottom-bar-gl4" }, Cf = { class: "date-box d-flex ga-2 mr-2" }, Mf = { class: "play-btns-box d-flex justify-center align-center cursor-pointer ga-1" }, Pf = {
-  key: 0,
-  class: "iconfont icon-record"
-}, Sf = {
-  key: 1,
-  class: "iconfont icon-stop-record text-danger"
-}, Tf = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, Rf = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, Df = {
+}, Sf = { class: "idm-bottom-bar-gl4" }, Tf = { class: "date-box d-flex ga-2 mr-2" }, Rf = { class: "play-btns-box d-flex justify-center align-center cursor-pointer ga-1" }, Df = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, If = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, Af = {
   key: 0,
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
-}, If = ["onClick"], Af = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, Gf = { class: "text-body-1" };
-function Ff(t, e, a, i, o, r) {
+}, Gf = ["onClick"], Ff = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, Nf = { class: "text-body-1" };
+function Wf(t, e, a, i, o, r) {
   const l = P("IdmCapture"), c = P("DateTimePicker"), s = P("VListItemTitle"), d = P("VListItem"), m = P("VList"), p = P("VMenu"), f = P("VBtn"), w = P("VDivider"), u = P("VTooltip");
-  return k(), I("div", zf, [
+  return k(), A("div", Sf, [
     b(l, $({
       ref: "capture",
       isPlaying: !o.paused,
@@ -20766,13 +20809,14 @@ function Ff(t, e, a, i, o, r) {
       currentTimestamp: o.currentTimestamp,
       onCloseRecord: e[0] || (e[0] = (h) => {
         o.gifEnabled = !1, o.paused = !0;
-      })
+      }),
+      onFrameCount: e[1] || (e[1] = (h) => o.frameCount = h)
     }, t.$attrs), null, 16, ["isPlaying", "enabled", "frequency", "currentTimestamp"]),
     n("div", {
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
       style: he({ right: o.right + 146 + "px", bottom: Object.values(o.show).includes(!0) ? "10px" : "-100px" })
     }, [
-      n("div", Cf, [
+      n("div", Tf, [
         b(c, $({
           ref: "dateTimePicker",
           "date-time": o.currentDateTimeZ,
@@ -20781,10 +20825,10 @@ function Ff(t, e, a, i, o, r) {
           "interval-hour": o.intervalHour,
           width: 230
         }, t.$attrs, {
-          onCurrentTimestamp: e[1] || (e[1] = (h) => o.currentTimestamp = h),
-          onCurrentRealTime: e[2] || (e[2] = (h) => o.currentRealTime = h),
-          onMinTimestamp: e[3] || (e[3] = (h) => o.minTimestamp = h),
-          onMaxTimestamp: e[4] || (e[4] = (h) => o.maxTimestamp = h)
+          onCurrentTimestamp: e[2] || (e[2] = (h) => o.currentTimestamp = h),
+          onCurrentRealTime: e[3] || (e[3] = (h) => o.currentRealTime = h),
+          onMinTimestamp: e[4] || (e[4] = (h) => o.minTimestamp = h),
+          onMaxTimestamp: e[5] || (e[5] = (h) => o.maxTimestamp = h)
         }), null, 16, ["date-time", "time-zone", "day-about", "interval-hour"]),
         b(f, {
           text: "",
@@ -20798,7 +20842,7 @@ function Ff(t, e, a, i, o, r) {
               default: x(() => [
                 b(m, { class: "pa-1" }, {
                   default: x(() => [
-                    (k(!0), I(Te, null, De(o.intervalOptions, (h, g) => (k(), W(d, {
+                    (k(!0), A(Te, null, De(o.intervalOptions, (h, g) => (k(), W(d, {
                       key: g,
                       value: h,
                       variant: o.intervalHour === h ? "tonal" : "text",
@@ -20837,7 +20881,7 @@ function Ff(t, e, a, i, o, r) {
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      n("div", Mf, [
+      n("div", Rf, [
         b(u, {
           text: t.$t("actions.record"),
           location: "top",
@@ -20845,18 +20889,34 @@ function Ff(t, e, a, i, o, r) {
           "open-on-click": !1
         }, {
           activator: x(({ props: h }) => [
-            b(f, $(h, {
+            o.gifEnabled ? (k(), W(f, $({
+              key: 1,
+              disabled: o.frameCount < 1
+            }, h, {
               icon: "",
               size: "small",
               density: "comfortable",
               variant: "text",
-              onClick: e[5] || (e[5] = (g) => o.gifEnabled = !o.gifEnabled)
+              onClick: e[7] || (e[7] = (g) => o.gifEnabled = !o.gifEnabled)
             }), {
-              default: x(() => [
-                o.gifEnabled ? (k(), I("i", Sf)) : (k(), I("i", Pf))
-              ]),
-              _: 2
-            }, 1040)
+              default: x(() => e[15] || (e[15] = [
+                n("i", { class: "iconfont icon-stop-record text-danger" }, null, -1)
+              ])),
+              _: 2,
+              __: [15]
+            }, 1040, ["disabled"])) : (k(), W(f, $({ key: 0 }, h, {
+              icon: "",
+              size: "small",
+              density: "comfortable",
+              variant: "text",
+              onClick: e[6] || (e[6] = (g) => o.gifEnabled = !o.gifEnabled)
+            }), {
+              default: x(() => e[14] || (e[14] = [
+                n("i", { class: "iconfont icon-record" }, null, -1)
+              ])),
+              _: 2,
+              __: [14]
+            }, 1040))
           ]),
           _: 1
         }, 8, ["text"]),
@@ -20874,11 +20934,11 @@ function Ff(t, e, a, i, o, r) {
               variant: "text",
               onClick: r.handleReset
             }), {
-              default: x(() => e[12] || (e[12] = [
+              default: x(() => e[16] || (e[16] = [
                 n("i", { class: "iconfont icon-Reset" }, null, -1)
               ])),
               _: 2,
-              __: [12]
+              __: [16]
             }, 1040, ["onClick"])
           ]),
           _: 1
@@ -20897,11 +20957,11 @@ function Ff(t, e, a, i, o, r) {
               variant: "text",
               onClick: r.handleBackward
             }), {
-              default: x(() => e[13] || (e[13] = [
+              default: x(() => e[17] || (e[17] = [
                 n("i", { class: "iconfont icon-Backward" }, null, -1)
               ])),
               _: 2,
-              __: [13]
+              __: [17]
             }, 1040, ["onClick"])
           ]),
           _: 1
@@ -20920,11 +20980,11 @@ function Ff(t, e, a, i, o, r) {
               variant: "text",
               onClick: r.handlePlay
             }), {
-              default: x(() => e[14] || (e[14] = [
+              default: x(() => e[18] || (e[18] = [
                 n("i", { class: "iconfont icon-Play" }, null, -1)
               ])),
               _: 2,
-              __: [14]
+              __: [18]
             }, 1040, ["onClick"])) : N("", !0)
           ]),
           _: 1
@@ -20943,11 +21003,11 @@ function Ff(t, e, a, i, o, r) {
               variant: "text",
               onClick: r.handlePause
             }), {
-              default: x(() => e[15] || (e[15] = [
+              default: x(() => e[19] || (e[19] = [
                 n("i", { class: "iconfont icon-Pause" }, null, -1)
               ])),
               _: 2,
-              __: [15]
+              __: [19]
             }, 1040, ["onClick"]))
           ]),
           _: 1
@@ -20966,11 +21026,11 @@ function Ff(t, e, a, i, o, r) {
               variant: "text",
               onClick: r.handleForward
             }), {
-              default: x(() => e[16] || (e[16] = [
+              default: x(() => e[20] || (e[20] = [
                 n("i", { class: "iconfont icon-Forward" }, null, -1)
               ])),
               _: 2,
-              __: [16]
+              __: [20]
             }, 1040, ["onClick"])
           ]),
           _: 1
@@ -20981,7 +21041,7 @@ function Ff(t, e, a, i, o, r) {
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      n("div", Tf, [
+      n("div", Df, [
         b(u, {
           text: t.$t("weather.windBarbs"),
           location: "top"
@@ -20996,13 +21056,13 @@ function Ff(t, e, a, i, o, r) {
                 height: "24",
                 width: "24",
                 "min-width": "24",
-                onClick: e[6] || (e[6] = (T) => r.handleClickFastWeather("wind"))
+                onClick: e[8] || (e[8] = (T) => r.handleClickFastWeather("wind"))
               }), {
-                default: x(() => e[17] || (e[17] = [
+                default: x(() => e[21] || (e[21] = [
                   n("i", { class: "iconfont icon-a-WindLevel" }, null, -1)
                 ])),
                 _: 2,
-                __: [17]
+                __: [21]
               }, 1040, ["color", "variant"])
             ];
           }),
@@ -21022,7 +21082,7 @@ function Ff(t, e, a, i, o, r) {
                 height: "24",
                 width: "24",
                 "min-width": "24",
-                onClick: e[7] || (e[7] = (T) => r.handleClickFastWeather("sig-wave-height"))
+                onClick: e[9] || (e[9] = (T) => r.handleClickFastWeather("sig-wave-height"))
               }), {
                 default: x(() => [
                   n("i", $(h, { class: "iconfont icon-a-WaveHeight" }), null, 16)
@@ -21047,7 +21107,7 @@ function Ff(t, e, a, i, o, r) {
                 height: "24",
                 width: "24",
                 "min-width": "24",
-                onClick: e[8] || (e[8] = (T) => r.handleClickFastWeather("current-direction"))
+                onClick: e[10] || (e[10] = (T) => r.handleClickFastWeather("current-direction"))
               }), {
                 default: x(() => [
                   n("i", $(h, { class: "iconfont icon-Current" }), null, 16)
@@ -21085,32 +21145,32 @@ function Ff(t, e, a, i, o, r) {
         class: "mx-2 mr-3 my-3",
         style: { height: "16px" }
       }),
-      n("div", Rf, [
+      n("div", If, [
         b(f, {
           text: "",
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2 btn-bg-2",
           color: o.source === "GFS" ? "primary" : "",
-          onClick: e[9] || (e[9] = (h) => o.source = "GFS")
+          onClick: e[11] || (e[11] = (h) => o.source = "GFS")
         }, {
-          default: x(() => e[18] || (e[18] = [
+          default: x(() => e[22] || (e[22] = [
             Z("NOAA", -1)
           ])),
           _: 1,
-          __: [18]
+          __: [22]
         }, 8, ["color"]),
         b(f, {
           text: "",
           height: "30",
           class: "px-2 elevation-0 text-body-1 btn-border-2 btn-bg-2",
           color: o.source === "ECMWF" ? "primary" : "",
-          onClick: e[10] || (e[10] = (h) => o.source = "ECMWF")
+          onClick: e[12] || (e[12] = (h) => o.source = "ECMWF")
         }, {
-          default: x(() => e[19] || (e[19] = [
+          default: x(() => e[23] || (e[23] = [
             Z("ECMWF", -1)
           ])),
           _: 1,
-          __: [19]
+          __: [23]
         }, 8, ["color"])
       ])
     ], 4),
@@ -21118,34 +21178,34 @@ function Ff(t, e, a, i, o, r) {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
       style: he({ right: o.right + "px" })
     }, [
-      o.showTimezone ? (k(), I("div", Df, [
-        (k(!0), I(Te, null, De(o.offsets, (h) => (k(), I("div", {
+      o.showTimezone ? (k(), A("div", Af, [
+        (k(!0), A(Te, null, De(o.offsets, (h) => (k(), A("div", {
           key: h,
           class: "item rounded text-body-2 hover-active",
           onClick: (g) => o.timeZone = h
-        }, y(h < 0 ? h : "+" + h), 9, If))), 128))
+        }, y(h < 0 ? h : "+" + h), 9, Gf))), 128))
       ])) : N("", !0),
-      n("div", Af, [
+      n("div", Ff, [
         b(f, {
           text: "",
           variant: "flat",
           height: "28",
           class: "pa-1 text-body-1",
           color: "primary",
-          onClick: e[11] || (e[11] = (h) => o.showTimezone = !o.showTimezone)
+          onClick: e[13] || (e[13] = (h) => o.showTimezone = !o.showTimezone)
         }, {
           default: x(() => [
             Z(" UTC " + y(o.timeZone < 0 ? o.timeZone : "+" + o.timeZone), 1)
           ]),
           _: 1
         }),
-        n("span", Gf, y(o.currentRealTime), 1)
+        n("span", Nf, y(o.currentRealTime), 1)
       ])
     ], 4)
   ]);
 }
-const Nf = /* @__PURE__ */ ie(Lf, [["render", Ff]]);
-const Wf = {
+const Ef = /* @__PURE__ */ ie(Pf, [["render", Wf]]);
+const Bf = {
   name: "IdmTimePlayer",
   components: { DateTimePicker: eo },
   props: {
@@ -21253,14 +21313,14 @@ const Wf = {
       this.step = Math.floor(e / this.frequency), this.animation = requestAnimationFrame(this.animateSpeeds);
     }
   }
-}, Ef = { class: "w-100 timeline-box d-flex justify-space-around align-center rounded px-2" };
-function Bf(t, e, a, i, o, r) {
+}, Zf = { class: "w-100 timeline-box d-flex justify-space-around align-center rounded px-2" };
+function Of(t, e, a, i, o, r) {
   const l = P("VBtn"), c = P("DateTimePicker");
-  return k(), I("div", {
+  return k(), A("div", {
     class: "idm-time-player-gl4 d-flex justify-center align-center",
     style: he({ bottom: Object.values(o.show).includes(!0) ? a.playerBottom + "px" : "-100px" })
   }, [
-    n("div", Ef, [
+    n("div", Zf, [
       b(l, {
         size: "small",
         density: "compact",
@@ -21353,7 +21413,7 @@ function Bf(t, e, a, i, o, r) {
     ])
   ], 4);
 }
-const xr = /* @__PURE__ */ ie(Wf, [["render", Bf]]), Zf = {
+const xr = /* @__PURE__ */ ie(Bf, [["render", Of]]), Vf = {
   name: "IdmGL4",
   components: {
     IdmOtherLayer: Ns,
@@ -21361,8 +21421,8 @@ const xr = /* @__PURE__ */ ie(Wf, [["render", Bf]]), Zf = {
     IdmTropicals: ar,
     IdmMeasure: kp,
     IdmSpot: bp,
-    IdmMarker: Vu,
-    IdmBottomBar: Nf,
+    IdmMarker: Yu,
+    IdmBottomBar: Ef,
     IdmTimePlayer: xr
   },
   props: {
@@ -21419,14 +21479,14 @@ const xr = /* @__PURE__ */ ie(Wf, [["render", Bf]]), Zf = {
     }
   },
   methods: {}
-}, Of = {
+}, jf = {
   ref: "mapHomeGl4",
   class: "map-gl4-home",
   id: "map-gl4-home"
 };
-function Vf(t, e, a, i, o, r) {
+function Xf(t, e, a, i, o, r) {
   const l = P("IdmOtherLayer"), c = P("IdmWeatherLayer"), s = P("IdmTropicals"), d = P("IdmSpot"), m = P("IdmMeasure"), p = P("IdmMarker"), f = P("IdmBottomBar"), w = P("IdmTimePlayer");
-  return k(), I("div", Of, [
+  return k(), A("div", jf, [
     b(l, $({
       ref: "idmOtherLayers",
       simple: a.simple,
@@ -21519,8 +21579,8 @@ function Vf(t, e, a, i, o, r) {
     }, t.$attrs), null, 16, ["playerBottom", "bgClass", "weather-check-list", "map-feather"])) : N("", !0)
   ], 512);
 }
-const jf = /* @__PURE__ */ ie(Zf, [["render", Vf]]);
-class Xf {
+const Hf = /* @__PURE__ */ ie(Vf, [["render", Xf]]);
+class Yf {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     ve(this, "originStyle");
     ve(this, "mapboxStyle");
@@ -21528,7 +21588,7 @@ class Xf {
     ve(this, "hi");
     ve(this, "td");
     ve(this, "windy");
-    var a, i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, A, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, ye, _e, Re, Q, de, He, Ee, Me, Ae, le, Pe, ue, we, Ze, Ue, Ye, U, xe, Ge, Oe, Ve, te, Be, se, at, ot, it, Ne, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, kt, _t, Lt, zt, Ct, Mt, Pt, St, Tt, Rt, Dt, It, At, Gt, Ft, Nt, Wt, Et, Bt, Zt, Ot, Vt, jt, Xt, Ht, Yt, Ut, Jt, Kt, qt, Qt, ea, ta, aa, oa, ia, ra, la, na, sa, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, ka, _a, La, za, Ca, Ma, Pa, Sa, Ta, Ra, Da, Ia, Aa, Ga, Fa, xo, vo, ko, _o, Lo, zo, Co, Mo, Po, So, To, Ro, Do, Io, Ao, Go, Fo, No, Wo, Eo, Bo, Zo, Oo, Vo, jo, Xo, Ho, Yo, Uo, $o, Jo, Ko, qo, Qo, ei, ti, ai, oi, ii, ri, li, ni, si, ci, mi, di, hi, pi, ui, gi, fi, yi, bi, wi, xi, vi, ki, _i, Li, zi, Ci, Mi, Pi, Si, Ti, Ri;
+    var a, i, o, r, l, c, s, d, m, p, f, w, u, h, g, _, T, v, M, L, z, S, D, I, E, X, O, q, ae, re, pe, G, J, K, oe, Y, H, ee, F, ne, fe, ke, ze, me, be, _e, Re, Q, de, He, Ee, Me, Ae, le, Pe, ue, we, Ze, Ue, Ye, U, xe, Ge, Oe, Ve, te, Be, se, at, ot, it, Ne, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, kt, _t, Lt, zt, Ct, Mt, Pt, St, Tt, Rt, Dt, It, At, Gt, Ft, Nt, Wt, Et, Bt, Zt, Ot, Vt, jt, Xt, Ht, Yt, Ut, Jt, Kt, qt, Qt, ea, ta, aa, oa, ia, ra, la, na, sa, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, ka, _a, La, za, Ca, Ma, Pa, Sa, Ta, Ra, Da, Ia, Aa, Ga, Fa, xo, vo, ko, _o, Lo, zo, Co, Mo, Po, So, To, Ro, Do, Io, Ao, Go, Fo, No, Wo, Eo, Bo, Zo, Oo, Vo, jo, Xo, Ho, Yo, Uo, $o, Jo, Ko, qo, Qo, ei, ti, ai, oi, ii, ri, li, ni, si, ci, mi, di, hi, pi, ui, gi, fi, yi, bi, wi, xi, vi, ki, _i, Li, zi, Ci, Mi, Pi, Si, Ti, Ri;
     this.i4 = {
       source: {
         type: "raster",
@@ -40073,7 +40133,7 @@ class Xf {
           (v = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : v.find((C) => C.id === "country-boundaries"),
           (L = (M = this.originStyle) == null ? void 0 : M.light.layers) == null ? void 0 : L.find((C) => C.id === "water-outline"),
           (S = (z = this.originStyle) == null ? void 0 : z.light.layers) == null ? void 0 : S.find((C) => C.id === "water-outline2"),
-          (A = (D = this.originStyle) == null ? void 0 : D.light.layers) == null ? void 0 : A.find((C) => C.id === "empty-layer-2"),
+          (I = (D = this.originStyle) == null ? void 0 : D.light.layers) == null ? void 0 : I.find((C) => C.id === "empty-layer-2"),
           (X = (E = this.originStyle) == null ? void 0 : E.light.layers) == null ? void 0 : X.find((C) => C.id === "water-line-label"),
           (q = (O = this.originStyle) == null ? void 0 : O.light.layers) == null ? void 0 : q.find((C) => C.id === "water-point-label"),
           (re = (ae = this.originStyle) == null ? void 0 : ae.light.layers) == null ? void 0 : re.find((C) => C.id === "world-12nm-v4-20231025"),
@@ -40084,7 +40144,7 @@ class Xf {
           (ne = (F = this.originStyle) == null ? void 0 : F.light.layers) == null ? void 0 : ne.find((C) => C.id === "china-route-label"),
           (ke = (fe = this.originStyle) == null ? void 0 : fe.light.layers) == null ? void 0 : ke.find((C) => C.id === "admin-0-boundary-bg"),
           (me = (ze = this.originStyle) == null ? void 0 : ze.light.layers) == null ? void 0 : me.find((C) => C.id === "admin-0-boundary"),
-          (_e = (ye = this.originStyle) == null ? void 0 : ye.light.layers) == null ? void 0 : _e.find((C) => C.id === "admin-0-boundary-disputed"),
+          (_e = (be = this.originStyle) == null ? void 0 : be.light.layers) == null ? void 0 : _e.find((C) => C.id === "admin-0-boundary-disputed"),
           (Q = (Re = this.originStyle) == null ? void 0 : Re.light.layers) == null ? void 0 : Q.find((C) => C.id === "country-label"),
           (He = (de = this.originStyle) == null ? void 0 : de.light.layers) == null ? void 0 : He.find((C) => C.id === "continent-label"),
           (Me = (Ee = this.originStyle) == null ? void 0 : Ee.light.layers) == null ? void 0 : Me.find((C) => C.id === "tide-stations"),
@@ -40278,7 +40338,7 @@ class Xf {
     };
   }
 }
-const Hf = {
+const Uf = {
   name: "MapInitial",
   props: {
     token: {
@@ -40351,8 +40411,8 @@ const Hf = {
   },
   methods: {
     async initOnlineMap() {
-      this.helper = new Xf(this.token), be.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
-      const t = new be.Map({
+      this.helper = new Yf(this.token), ye.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      const t = new ye.Map({
         container: "map",
         // style: 'mapbox://styles/neatchenheng/cmd894dwn036m01rf7anc0k0d', //light
         // style: 'mapbox://styles/neatchenheng/cmdqwez32005b01re2w0k3zk4', // dark
@@ -40381,7 +40441,7 @@ const Hf = {
     },
     addScaleControl() {
       var e;
-      this.map.addControl(new be.ScaleControl({ maxWidth: 120, unit: "nautical" }), "bottom-left");
+      this.map.addControl(new ye.ScaleControl({ maxWidth: 120, unit: "nautical" }), "bottom-left");
       const t = (e = document.getElementsByClassName("mapboxgl-ctrl-scale")) == null ? void 0 : e[0];
       t && (t.className = "mapboxgl-ctrl-scale " + this.mapFeather);
     },
@@ -40394,24 +40454,24 @@ const Hf = {
       this.zoom > 2 && (this.zoom = Math.floor(this.zoom) - 1, (t = this.map) == null || t.flyTo({ zoom: this.zoom, duration: 500 }));
     }
   }
-}, Yf = { class: "v-btn--variant-elevated rounded" }, Uf = { class: "v-btn--variant-elevated rounded" }, $f = { class: "zoom" }, Jf = {
+}, $f = { class: "v-btn--variant-elevated rounded" }, Jf = { class: "v-btn--variant-elevated rounded" }, Kf = { class: "zoom" }, qf = {
   key: 2,
   class: "position-absolute left-0 bottom-0 ma-2 my-1 text-caption text-label opacity-70"
 };
-function Kf(t, e, a, i, o, r) {
+function Qf(t, e, a, i, o, r) {
   const l = P("VBtn");
-  return k(), I("div", {
+  return k(), A("div", {
     id: "mapbox-initial-gl4",
     class: "mapbox-initial-gl4 gif-container",
     style: he({ height: a.height, width: a.width })
   }, [
     e[6] || (e[6] = n("div", { id: "map" }, null, -1)),
-    a.simple ? (k(), I("div", {
+    a.simple ? (k(), A("div", {
       key: 0,
       class: "menu-bar-box transition px-1 rounded d-flex flex-column pa-1 simple",
       style: he({ top: a.top + 294 + "px", right: o.right + "px", height: "40px" })
     }, [
-      n("div", Yf, [
+      n("div", $f, [
         b(l, {
           "min-width": "32",
           width: "32",
@@ -40427,12 +40487,12 @@ function Kf(t, e, a, i, o, r) {
         }, 8, ["onClick"])
       ])
     ], 4)) : N("", !0),
-    a.simple ? N("", !0) : (k(), I("div", {
+    a.simple ? N("", !0) : (k(), A("div", {
       key: 1,
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
       style: he({ top: a.top + 308 + "px", right: o.right + "px", height: "112px" })
     }, [
-      n("div", Uf, [
+      n("div", Jf, [
         b(l, {
           "min-width": "32",
           width: "32",
@@ -40446,7 +40506,7 @@ function Kf(t, e, a, i, o, r) {
           _: 1,
           __: [1]
         }, 8, ["onClick"]),
-        n("div", $f, y(o.zoom ? Math.floor(o.zoom) : 0), 1),
+        n("div", Kf, y(o.zoom ? Math.floor(o.zoom) : 0), 1),
         b(l, {
           "min-width": "32",
           width: "32",
@@ -40462,7 +40522,7 @@ function Kf(t, e, a, i, o, r) {
         }, 8, ["onClick"])
       ])
     ], 4)),
-    a.simple ? N("", !0) : (k(), I("div", Jf, [
+    a.simple ? N("", !0) : (k(), A("div", qf, [
       e[3] || (e[3] = n("span", null, "© 2023", -1)),
       n("span", null, "-" + y(r.computeYear), 1),
       e[4] || (e[4] = n("span", { class: "text-uppercase ma-2" }, "ormwx.com", -1)),
@@ -40474,8 +40534,8 @@ function Kf(t, e, a, i, o, r) {
     ]))
   ], 4);
 }
-const qf = /* @__PURE__ */ ie(Hf, [["render", Kf]]);
-const Qf = {
+const e1 = /* @__PURE__ */ ie(Uf, [["render", Qf]]);
+const t1 = {
   name: "DateRangePicker",
   props: {
     width: {
@@ -40711,22 +40771,22 @@ const Qf = {
       this.dateRange = [], this.dateRangeStr = "", this.$emit("dateRange", []);
     }
   }
-}, e1 = {
+}, a1 = {
   class: "idm-gl4-date-picker",
   ref: "idmGl4DatePicker"
-}, t1 = { class: "flex-1-1-0" }, a1 = { class: "pa-0 w-100 d-flex justify-space-between align-center ga-4" }, o1 = {
+}, o1 = { class: "flex-1-1-0" }, i1 = { class: "pa-0 w-100 d-flex justify-space-between align-center ga-4" }, r1 = {
   key: 0,
   class: "d-flex justify-start align-center flex-wrap ga-3 ml-n2"
-}, i1 = { class: "flex-1-1-0 d-flex justify-end align-center ga-4" };
-function r1(t, e, a, i, o, r) {
+}, l1 = { class: "flex-1-1-0 d-flex justify-end align-center ga-4" };
+function n1(t, e, a, i, o, r) {
   const l = P("VIcon"), c = P("VDatePicker"), s = P("v-divider"), d = P("VCardText"), m = P("VDivider"), p = P("VBtn"), f = P("VCardActions"), w = P("VCard");
-  return k(), I("div", e1, [
+  return k(), A("div", a1, [
     n("div", {
       style: he({ height: a.height + "px", width: a.width ? a.width + "px" : "auto" }),
       class: "rounded text-body-1 btn-border-1 btn-bg-1 d-flex align-center justify-space-between px-2 cursor-pointer",
       onClick: e[0] || (e[0] = (...u) => r.handleOpenDatePicker && r.handleOpenDatePicker(...u))
     }, [
-      n("span", t1, y(o.dateRangeStr), 1),
+      n("span", o1, y(o.dateRangeStr), 1),
       o.dateRangeStr ? (k(), W(l, {
         key: 0,
         class: "text-h5",
@@ -40743,7 +40803,7 @@ function r1(t, e, a, i, o, r) {
       default: x(() => [
         b(d, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
           default: x(() => [
-            n("div", a1, [
+            n("div", i1, [
               b(c, {
                 modelValue: o.dateRange[0],
                 "onUpdate:modelValue": [
@@ -40794,8 +40854,8 @@ function r1(t, e, a, i, o, r) {
           default: x(() => {
             var u, h;
             return [
-              (u = a.fastPick) != null && u.show ? (k(), I("div", o1, [
-                (k(!0), I(Te, null, De((h = o.fastPickOptions) == null ? void 0 : h.filter((g) => a.fastPick.allows.some((_) => _ === g)), (g) => (k(), W(p, {
+              (u = a.fastPick) != null && u.show ? (k(), A("div", r1, [
+                (k(!0), A(Te, null, De((h = o.fastPickOptions) == null ? void 0 : h.filter((g) => a.fastPick.allows.some((_) => _ === g)), (g) => (k(), W(p, {
                   size: "small",
                   color: o.activeFastPick === g ? "primary" : "",
                   variant: o.activeFastPick === g ? "tonal" : "text",
@@ -40808,7 +40868,7 @@ function r1(t, e, a, i, o, r) {
                   _: 2
                 }, 1032, ["color", "variant", "onClick"]))), 256))
               ])) : N("", !0),
-              n("div", i1, [
+              n("div", l1, [
                 b(p, {
                   size: "small",
                   variant: "tonal",
@@ -40842,25 +40902,25 @@ function r1(t, e, a, i, o, r) {
     }, 8, ["style"])) : N("", !0)
   ], 512);
 }
-const l1 = /* @__PURE__ */ ie(Qf, [["render", r1]]), k1 = {
+const s1 = /* @__PURE__ */ ie(t1, [["render", n1]]), L1 = {
   install(t) {
-    t.component("MapInitial", qf), t.component("MapboxGL", jf), t.component("TropicalGL", ar), t.component("LatLngGL", tr), t.component("DateTimePicker", eo), t.component("DateRangePicker", l1), t.component("PortDetail", go), t.component("TimePlayer", xr);
+    t.component("MapInitial", e1), t.component("MapboxGL", Hf), t.component("TropicalGL", ar), t.component("LatLngGL", tr), t.component("DateTimePicker", eo), t.component("DateRangePicker", s1), t.component("PortDetail", go), t.component("TimePlayer", xr);
   }
 };
 export {
   eo as D,
   tr as L,
-  k1 as M,
+  L1 as M,
   go as P,
   ar as T,
   fo as V,
   $e as W,
-  qf as a,
-  jf as b,
-  l1 as c,
+  e1 as a,
+  Hf as b,
+  s1 as c,
   xr as d,
   Ce as e,
   We as f,
-  Xf as g,
+  Yf as g,
   Ba as l
 };