@idmwx/idmui-gl4 3.0.8 → 3.0.9

package/dist/{index-c7a21ff5.js → index-81ae0ded.js}

@@ -4,7 +4,7 @@ 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 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";
@@ -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() {
@@ -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() {
@@ -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() {
@@ -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() {
@@ -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() {
@@ -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() {
@@ -9295,7 +9295,7 @@ 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;
+  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"), 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, [
     n("div", {
@@ -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, A, 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);
@@ -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, A, 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;
@@ -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++;
@@ -11361,14 +11361,14 @@ 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"];
@@ -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() {
@@ -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() {
@@ -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);
         }
       }
     },
@@ -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) {
@@ -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(), I("div", mu, y(o.fileError), 1)) : N("", !0),
+              o.form.file ? (k(), I("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,
@@ -16628,7 +16679,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 +16689,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 +16836,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(), I("div", Cu, [
     n("div", {
       class: "menu-bar-box transition pa-1",
       style: he({ top: a.top + a.paddingTop + 206 + "px", right: o.right + "px" })
@@ -16847,10 +16898,10 @@ 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),
@@ -16887,7 +16938,7 @@ 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),
@@ -16900,14 +16951,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(), I("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(), I("div", Iu, [
           b(l, {
             class: "flex-1-1-0 text-none mb-3 text-body-1 font-weight-600",
             color: "primary",
@@ -16940,24 +16991,24 @@ function Ou(t, e, a, i, o, r) {
           }, 8, ["onClick"])
         ]))
       ]),
-      o.loading ? (k(), I("div", Tu, [
+      o.loading ? (k(), I("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, [
+      ])) : o.layerGroup.length === 0 ? (k(), I("div", Gu, [
+        n("div", Fu, y(t.$t("tips.noData")), 1)
+      ])) : (k(), I("div", Nu, [
         (k(!0), I(Te, null, De(o.layerGroup, (A, 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" : ""])
           }, [
-            n("div", Au, [
-              n("div", Gu, [
+            n("div", Wu, [
+              n("div", Eu, [
                 A.show ? (k(), W(d, {
                   key: 0,
                   icon: "mdi-chevron-down",
@@ -16993,9 +17044,9 @@ function Ou(t, e, a, i, o, r) {
                 n("div", {
                   class: "",
                   onClick: (O) => A.show = !A.show
-                }, y(A.name), 9, Fu)
+                }, y(A.name), 9, Bu)
               ]),
-              A.name !== "Custom Layers" && !a.simple ? (k(), I("div", Nu, [
+              A.name !== "Custom Layers" && !a.simple ? (k(), I("div", Zu, [
                 b(T, {
                   icon: "",
                   density: "compact",
@@ -17101,7 +17152,7 @@ function Ou(t, e, a, i, o, r) {
                 }, 1024)
               ])) : N("", !0)
             ]),
-            A.show ? (k(), I("div", Wu, [
+            A.show ? (k(), I("div", Ou, [
               (k(!0), I(Te, null, De((X = A.layers) == null ? void 0 : X.filter((O) => {
                 var q;
                 return ((q = O.name) == null ? void 0 : q.indexOf(o.keyword)) > -1;
@@ -17109,12 +17160,12 @@ function Ou(t, e, a, i, o, r) {
                 var q;
                 return k(), I("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(), I("div", Xu, [
                     b(l, {
                       class: "",
                       density: "compact",
@@ -17201,9 +17252,9 @@ function Ou(t, e, a, i, o, r) {
     }, 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 +17283,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 +17304,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 +17320,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 +17336,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 +17346,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 +17366,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 +17394,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 +17455,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 +17476,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 +17493,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 +17512,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 +17542,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 +17587,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 +17601,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 +17618,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 +17629,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 +17643,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 +17659,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 +17683,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 +17696,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 +17709,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 +17732,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 +17755,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 +17794,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 +17877,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 +17896,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 +17917,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,7 +17972,7 @@ async function dr(t, e, a, i) {
     }
   }
 }
-async function Pg({ required: t, usedCodepoints: e, exclude: a = void 0, localFonts: i = [], useProxy: o = "" } = {}) {
+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, A, 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();
@@ -17935,10 +17986,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 +17998,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 +18037,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 +18050,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;
@@ -18082,9 +18133,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 +18143,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 +18160,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 +18192,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 +18212,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 +18271,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 +18292,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 +18303,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 +18317,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 +18345,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 +18372,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 +18429,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 +18459,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 +18518,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 +18539,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 +18579,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 +18594,7 @@ function t0(t, e) {
   } catch {
   }
 }
-function a0(t) {
+function l0(t) {
   let e = /* @__PURE__ */ new Set();
   if (!t)
     return e;
@@ -18552,7 +18603,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 +18618,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 +18643,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 +18653,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 +18662,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 +18701,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 +18720,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 +18743,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 +18799,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 +18845,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 +18900,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 || !_) {
@@ -18900,20 +18951,20 @@ async function Ja(t, e, a) {
       }
     } 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 +18988,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 +19025,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;
@@ -19068,7 +19119,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 +19134,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 +19227,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 +19292,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 +19301,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 +19327,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 +19344,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, 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";
       if (!(O || q || ae || re || pe)) {
         if (_ && _.length && t.parentElement) {
           let Y = ct.get(t.parentElement) || /* @__PURE__ */ new Map();
@@ -19311,7 +19362,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 +19409,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;
@@ -19458,7 +19509,7 @@ function k0(t, e) {
     }
   }
 }
-function _0(t, e) {
+function M0(t, e) {
   var c;
   if (!t || !e)
     return;
@@ -19474,7 +19525,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 +19544,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 +19554,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 +19569,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 +19592,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 +19624,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 +19654,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 +19678,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 +19702,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 +19740,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 +19771,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 +19783,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 +19795,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 +19811,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 +19829,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 +19841,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 +19856,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 +19879,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 +19931,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 +19981,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,54 +20014,54 @@ 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) => {
@@ -20022,13 +20073,13 @@ async function br(t, e) {
       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 +20087,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 +20105,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-aca4c3d8.js");
     return g(i, { ...u, ...h || {} });
   }, svg: async (u, h) => {
-    let { toSvg: g } = await import("./toImg-ff2f53f4.js");
+    let { toSvg: g } = await import("./toImg-aca4c3d8.js");
     return g(i, { ...u, ...h || {} });
   }, canvas: async (u, h) => {
-    let { toCanvas: g } = await import("./toCanvas-772d23ea.js");
+    let { toCanvas: g } = await import("./toCanvas-15a7084f.js");
     return g(i, { ...u, ...h || {} });
   }, blob: async (u, h) => {
-    let { toBlob: g } = await import("./toBlob-44b3dad9.js");
+    let { toBlob: g } = await import("./toBlob-a88df86c.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-bac43c3a.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-bac43c3a.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-bac43c3a.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-b3f5b8cc.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-aca4c3d8.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-15a7084f.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-bac43c3a.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-bac43c3a.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-bac43c3a.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-bac43c3a.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-a88df86c.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-aca4c3d8.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 +20213,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 +20250,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 +20259,7 @@ function mf(t) {
   }
   return !1;
 }
-class df {
+class gf {
   constructor() {
     ve(this, "frames", []);
     ve(this, "captureRect", null);
@@ -20381,7 +20432,7 @@ class df {
     return this._frameDelay;
   }
 }
-const hf = {
+const ff = {
   name: "IdmCapture",
   props: {
     isPlaying: {
@@ -20487,7 +20538,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,19 +20583,19 @@ 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, [
+  return k(), I("div", yf, [
     o.actionStatus > 0 && o.actionStatus < 4 ? (k(), I("div", {
       key: 0,
       class: "capture-selector",
@@ -20552,13 +20603,13 @@ function kf(t, e, a, i, o, r) {
       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 === 1 ? (k(), I("div", bf, y(t.$t("tips.crossHairText")), 1)) : N("", !0),
       o.actionStatus >= 2 ? (k(), I("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),
+        n("div", wf, y(Math.round(o.selection.width)) + " × " + y(Math.round(o.selection.height)), 1),
         o.actionStatus === 3 ? (k(), I("div", {
           key: 0,
           class: "action-buttons px-2 rounded font-weight-bold bg-background d-flex justify-end ga-4",
@@ -20589,8 +20640,8 @@ function kf(t, e, a, i, o, r) {
       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 +20650,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(), I("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(), I("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-b2dd8527"]]);
+const Pf = {
   name: "IdmBottomBar",
-  components: { DateTimePicker: eo, IdmCapture: _f },
+  components: { DateTimePicker: eo, IdmCapture: Mf },
   props: {
     menuToggle: {
       type: Object,
@@ -20745,19 +20796,19 @@ 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 = {
+}, 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 = {
   key: 0,
   class: "iconfont icon-record"
-}, Sf = {
+}, If = {
   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 = {
+}, Af = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, Gf = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, Ff = {
   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) {
+}, Nf = ["onClick"], Wf = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, Ef = { class: "text-body-1" };
+function Bf(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(), I("div", Sf, [
     b(l, $({
       ref: "capture",
       isPlaying: !o.paused,
@@ -20772,7 +20823,7 @@ function Ff(t, e, a, i, o, r) {
       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,
@@ -20837,7 +20888,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",
@@ -20853,7 +20904,7 @@ function Ff(t, e, a, i, o, r) {
               onClick: e[5] || (e[5] = (g) => o.gifEnabled = !o.gifEnabled)
             }), {
               default: x(() => [
-                o.gifEnabled ? (k(), I("i", Sf)) : (k(), I("i", Pf))
+                o.gifEnabled ? (k(), I("i", If)) : (k(), I("i", Df))
               ]),
               _: 2
             }, 1040)
@@ -20981,7 +21032,7 @@ function Ff(t, e, a, i, o, r) {
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      n("div", Tf, [
+      n("div", Af, [
         b(u, {
           text: t.$t("weather.windBarbs"),
           location: "top"
@@ -21085,7 +21136,7 @@ function Ff(t, e, a, i, o, r) {
         class: "mx-2 mr-3 my-3",
         style: { height: "16px" }
       }),
-      n("div", Rf, [
+      n("div", Gf, [
         b(f, {
           text: "",
           height: "30",
@@ -21118,14 +21169,14 @@ 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, [
+      o.showTimezone ? (k(), I("div", Ff, [
         (k(!0), I(Te, null, De(o.offsets, (h) => (k(), I("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, Nf))), 128))
       ])) : N("", !0),
-      n("div", Af, [
+      n("div", Wf, [
         b(f, {
           text: "",
           variant: "flat",
@@ -21139,13 +21190,13 @@ function Ff(t, e, a, i, o, r) {
           ]),
           _: 1
         }),
-        n("span", Gf, y(o.currentRealTime), 1)
+        n("span", Ef, y(o.currentRealTime), 1)
       ])
     ], 4)
   ]);
 }
-const Nf = /* @__PURE__ */ ie(Lf, [["render", Ff]]);
-const Wf = {
+const Zf = /* @__PURE__ */ ie(Pf, [["render", Bf]]);
+const Of = {
   name: "IdmTimePlayer",
   components: { DateTimePicker: eo },
   props: {
@@ -21253,14 +21304,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) {
+}, Vf = { class: "w-100 timeline-box d-flex justify-space-around align-center rounded px-2" };
+function jf(t, e, a, i, o, r) {
   const l = P("VBtn"), c = P("DateTimePicker");
   return k(), I("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", Vf, [
       b(l, {
         size: "small",
         density: "compact",
@@ -21353,7 +21404,7 @@ function Bf(t, e, a, i, o, r) {
     ])
   ], 4);
 }
-const xr = /* @__PURE__ */ ie(Wf, [["render", Bf]]), Zf = {
+const xr = /* @__PURE__ */ ie(Of, [["render", jf]]), Xf = {
   name: "IdmGL4",
   components: {
     IdmOtherLayer: Ns,
@@ -21361,8 +21412,8 @@ const xr = /* @__PURE__ */ ie(Wf, [["render", Bf]]), Zf = {
     IdmTropicals: ar,
     IdmMeasure: kp,
     IdmSpot: bp,
-    IdmMarker: Vu,
-    IdmBottomBar: Nf,
+    IdmMarker: Yu,
+    IdmBottomBar: Zf,
     IdmTimePlayer: xr
   },
   props: {
@@ -21419,14 +21470,14 @@ const xr = /* @__PURE__ */ ie(Wf, [["render", Bf]]), Zf = {
     }
   },
   methods: {}
-}, Of = {
+}, Hf = {
   ref: "mapHomeGl4",
   class: "map-gl4-home",
   id: "map-gl4-home"
 };
-function Vf(t, e, a, i, o, r) {
+function Yf(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(), I("div", Hf, [
     b(l, $({
       ref: "idmOtherLayers",
       simple: a.simple,
@@ -21519,8 +21570,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 Uf = /* @__PURE__ */ ie(Xf, [["render", Yf]]);
+class $f {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     ve(this, "originStyle");
     ve(this, "mapboxStyle");
@@ -21528,7 +21579,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, A, 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",
@@ -40084,7 +40135,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 +40329,7 @@ class Xf {
     };
   }
 }
-const Hf = {
+const Jf = {
   name: "MapInitial",
   props: {
     token: {
@@ -40351,8 +40402,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 $f(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 +40432,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,11 +40445,11 @@ 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 = {
+}, Kf = { class: "v-btn--variant-elevated rounded" }, qf = { class: "v-btn--variant-elevated rounded" }, Qf = { class: "zoom" }, e1 = {
   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 t1(t, e, a, i, o, r) {
   const l = P("VBtn");
   return k(), I("div", {
     id: "mapbox-initial-gl4",
@@ -40411,7 +40462,7 @@ function Kf(t, e, a, i, o, r) {
       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", Kf, [
         b(l, {
           "min-width": "32",
           width: "32",
@@ -40432,7 +40483,7 @@ function Kf(t, e, a, i, o, r) {
       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", qf, [
         b(l, {
           "min-width": "32",
           width: "32",
@@ -40446,7 +40497,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", Qf, y(o.zoom ? Math.floor(o.zoom) : 0), 1),
         b(l, {
           "min-width": "32",
           width: "32",
@@ -40462,7 +40513,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(), I("div", e1, [
       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 +40525,8 @@ function Kf(t, e, a, i, o, r) {
     ]))
   ], 4);
 }
-const qf = /* @__PURE__ */ ie(Hf, [["render", Kf]]);
-const Qf = {
+const a1 = /* @__PURE__ */ ie(Jf, [["render", t1]]);
+const o1 = {
   name: "DateRangePicker",
   props: {
     width: {
@@ -40711,22 +40762,22 @@ const Qf = {
       this.dateRange = [], this.dateRangeStr = "", this.$emit("dateRange", []);
     }
   }
-}, e1 = {
+}, i1 = {
   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 = {
+}, r1 = { class: "flex-1-1-0" }, l1 = { class: "pa-0 w-100 d-flex justify-space-between align-center ga-4" }, n1 = {
   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) {
+}, s1 = { class: "flex-1-1-0 d-flex justify-end align-center ga-4" };
+function c1(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(), I("div", i1, [
     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", r1, y(o.dateRangeStr), 1),
       o.dateRangeStr ? (k(), W(l, {
         key: 0,
         class: "text-h5",
@@ -40743,7 +40794,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", l1, [
               b(c, {
                 modelValue: o.dateRange[0],
                 "onUpdate:modelValue": [
@@ -40794,7 +40845,7 @@ function r1(t, e, a, i, o, r) {
           default: x(() => {
             var u, h;
             return [
-              (u = a.fastPick) != null && u.show ? (k(), I("div", o1, [
+              (u = a.fastPick) != null && u.show ? (k(), I("div", n1, [
                 (k(!0), I(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" : "",
@@ -40808,7 +40859,7 @@ function r1(t, e, a, i, o, r) {
                   _: 2
                 }, 1032, ["color", "variant", "onClick"]))), 256))
               ])) : N("", !0),
-              n("div", i1, [
+              n("div", s1, [
                 b(p, {
                   size: "small",
                   variant: "tonal",
@@ -40842,25 +40893,25 @@ function r1(t, e, a, i, o, r) {
     }, 8, ["style"])) : N("", !0)
   ], 512);
 }
-const l1 = /* @__PURE__ */ ie(Qf, [["render", r1]]), k1 = {
+const m1 = /* @__PURE__ */ ie(o1, [["render", c1]]), C1 = {
   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", a1), t.component("MapboxGL", Uf), t.component("TropicalGL", ar), t.component("LatLngGL", tr), t.component("DateTimePicker", eo), t.component("DateRangePicker", m1), t.component("PortDetail", go), t.component("TimePlayer", xr);
   }
 };
 export {
   eo as D,
   tr as L,
-  k1 as M,
+  C1 as M,
   go as P,
   ar as T,
   fo as V,
   $e as W,
-  qf as a,
-  jf as b,
-  l1 as c,
+  a1 as a,
+  Uf as b,
+  m1 as c,
   xr as d,
   Ce as e,
   We as f,
-  Xf as g,
+  $f as g,
   Ba as l
 };