@idmwx/idmui-gl4 0.5.0 → 0.5.2

package/dist/index.js

@@ -2,7 +2,7 @@ var Vo = Object.defineProperty;
 var Yo = (o, e, t) => e in o ? Vo(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var le = (o, e, t) => (Yo(o, typeof e != "symbol" ? e + "" : e, t), t);
 import Ie from "axios";
-import { openBlock as y, createElementBlock as M, withDirectives as He, createElementVNode as l, vShow as Ge, toDisplayString as C, normalizeStyle as Q, createCommentVNode as O, resolveComponent as w, createVNode as h, withCtx as g, mergeProps as j, normalizeClass as je, createTextVNode as U, Fragment as fe, renderList as _e, createBlock as V, withModifiers as Zo } from "vue";
+import { openBlock as y, createElementBlock as M, withDirectives as He, createElementVNode as l, vShow as Ge, toDisplayString as C, normalizeStyle as Q, resolveComponent as w, createVNode as h, withCtx as g, mergeProps as j, normalizeClass as je, createTextVNode as U, Fragment as fe, renderList as _e, createBlock as V, createCommentVNode as B, withModifiers as Zo } from "vue";
 import Pe from "mapbox-gl";
 import { LngLatHelper as ae, TropicalHelper as Ho, LaneHelper as Be } from "@idm-plugin/geo";
 import * as F from "@turf/turf";
@@ -1368,37 +1368,43 @@ const Ya = {
             type: "FeatureCollection",
             features: o
           }
-        }), this.map.addLayer({
-          id: this.layer,
-          type: "line",
-          source: this.source,
-          filter: ["==", "$type", "LineString"],
-          layout: {
-            "line-join": "round",
-            "line-cap": "round"
+        }), this.map.addLayer(
+          {
+            id: this.layer,
+            type: "line",
+            source: this.source,
+            filter: ["==", "$type", "LineString"],
+            layout: {
+              "line-join": "round",
+              "line-cap": "round"
+            },
+            paint: {
+              "line-color": this.lineColor,
+              "line-width": 1
+            }
           },
-          paint: {
-            "line-color": this.lineColor,
-            "line-width": 1
-          }
-        }, this.beforeLayer), this.map.addLayer({
-          id: this.labelLayer,
-          type: "symbol",
-          source: this.source,
-          filter: ["==", "$type", "Point"],
-          layout: {
-            "symbol-placement": "point",
-            "text-field": "{val}",
-            "text-rotation-alignment": "viewport",
-            "text-offset": [0, 1],
-            "text-size": 10,
-            "text-allow-overlap": !0
+          this.beforeLayer
+        ), this.map.addLayer(
+          {
+            id: this.labelLayer,
+            type: "symbol",
+            source: this.source,
+            filter: ["==", "$type", "Point"],
+            layout: {
+              "symbol-placement": "point",
+              "text-field": "{val}",
+              "text-rotation-alignment": "viewport",
+              "text-offset": [0, 1],
+              "text-size": 10,
+              "text-allow-overlap": !0
+            },
+            paint: {
+              "text-opacity": 0.8,
+              "text-color": this.lineColor
+            }
           },
-          paint: {
-            "text-opacity": 0.8,
-            "text-color": this.lineColor
-          }
-        }, this.beforeLayer);
+          this.beforeLayer
+        );
       }
     },
     handleClear() {
@@ -1408,15 +1414,15 @@ const Ya = {
   }
 };
 function Za(o, e, t, i, a, r) {
-  return a.lngLat ? (y(), M("div", {
-    key: 0,
+  var s, c, n, p, d;
+  return y(), M("div", {
     class: "idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",
     style: Q({ right: a.right + "px" })
   }, [
-    l("div", null, C(a.lngLat.lat.pretty), 1),
-    l("div", null, C(a.lngLat.lng.pretty), 1),
-    l("div", null, C(a.lngLat.str), 1)
-  ], 4)) : O("", !0);
+    l("div", null, C((c = (s = a.lngLat) == null ? void 0 : s.lat) == null ? void 0 : c.pretty), 1),
+    l("div", null, C((p = (n = a.lngLat) == null ? void 0 : n.lng) == null ? void 0 : p.pretty), 1),
+    l("div", null, C((d = a.lngLat) == null ? void 0 : d.str), 1)
+  ], 4);
 }
 const Wo = /* @__PURE__ */ X(Ya, [["render", Za]]);
 const Xa = {
@@ -1473,7 +1479,7 @@ const Xa = {
       type: String
     }
   },
-  emits: ["map", "other", "menuToggle", "mapFeather", "followLayerList"],
+  emits: ["map", "other", "menuToggle", "mapFeather", "theme", "followLayerList"],
   data() {
     return {
       right: 10,
@@ -1526,7 +1532,7 @@ const Xa = {
     },
     mapFeather: {
       handler() {
-        localStorage.setItem(this.cache.mapFeatherKey, this.mapFeather), this.$emit("mapFeather", this.mapFeather);
+        localStorage.setItem(this.cache.mapFeatherKey, this.mapFeather), this.$emit("mapFeather", this.mapFeather), this.$emit("theme", ["light", "nautical"].includes(this.mapFeather) ? "light" : "dark");
       },
       immediate: !0
     },
@@ -1570,9 +1576,9 @@ const Xa = {
             }
           });
           if (((t = c == null ? void 0 : c.data) == null ? void 0 : t.code) === 0) {
-            const n = (i = c == null ? void 0 : c.data) == null ? void 0 : i.data, u = [];
+            const n = (i = c == null ? void 0 : c.data) == null ? void 0 : i.data, p = [];
             for (const m in n)
-              u.push(
+              p.push(
                 Ie.get(n[m], {
                   headers: {
                     Authorization: this.token || this.defaultMeteoToken,
@@ -1580,7 +1586,7 @@ const Xa = {
                   }
                 })
               );
-            (await Promise.all(u)).map((m) => {
+            (await Promise.all(p)).map((m) => {
               var L, S, P;
               const b = ((L = m == null ? void 0 : m.data) == null ? void 0 : L.data) || (m == null ? void 0 : m.data), f = (P = (S = m == null ? void 0 : m.config) == null ? void 0 : S.headers) == null ? void 0 : P.key;
               this.otherLayers[f] = b;
@@ -1593,9 +1599,9 @@ const Xa = {
             }
           });
           if (((a = c == null ? void 0 : c.data) == null ? void 0 : a.code) === 0) {
-            const n = (r = c == null ? void 0 : c.data) == null ? void 0 : r.data, u = [];
+            const n = (r = c == null ? void 0 : c.data) == null ? void 0 : r.data, p = [];
             for (const m in n)
-              u.push(
+              p.push(
                 Ie.get(n[m], {
                   headers: {
                     Authorization: this.token || this.defaultMeteoToken,
@@ -1603,7 +1609,7 @@ const Xa = {
                   }
                 })
               );
-            (await Promise.all(u)).map((m) => {
+            (await Promise.all(p)).map((m) => {
               var L, S, P;
               const b = ((L = m == null ? void 0 : m.data) == null ? void 0 : L.data) || (m == null ? void 0 : m.data), f = (P = (S = m == null ? void 0 : m.config) == null ? void 0 : S.headers) == null ? void 0 : P.key;
               this.otherLayers[f] = b;
@@ -1638,7 +1644,7 @@ const Xa = {
 }, ri = { class: "text-body-2 text-center pt-1" }, li = { class: "layers-body" }, si = { class: "layers-body" }, ni = { class: "layers-body" }, ci = { class: "layers-body" };
 function mi(o, e, t, i, a, r) {
   var G, W, $, ee, K, se, me, pe, he, q;
-  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VCardItem"), d = w("VCheckbox"), m = w("VCardText"), b = w("VCard"), f = w("IdmWorld12nm"), L = w("IdmWorldMarine"), S = w("IdmChinaRoute"), P = w("IdmWarZone"), E = w("IdmGmdssArea"), T = w("IdmEcaZone"), k = w("IdmAlertZone"), v = w("IdmPort"), _ = w("IdmLoadLine"), z = w("IdmTimezone"), x = w("IdmVRA"), R = w("IdmSpecialArea"), H = w("IdmTerminator"), Y = w("IdmLatLng");
+  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), p = w("VCardItem"), d = w("VCheckbox"), m = w("VCardText"), b = w("VCard"), f = w("IdmWorld12nm"), L = w("IdmWorldMarine"), S = w("IdmChinaRoute"), P = w("IdmWarZone"), E = w("IdmGmdssArea"), T = w("IdmEcaZone"), k = w("IdmAlertZone"), v = w("IdmPort"), _ = w("IdmLoadLine"), z = w("IdmTimezone"), x = w("IdmVRA"), R = w("IdmSpecialArea"), H = w("IdmTerminator"), Y = w("IdmLatLng");
   return y(), M("div", qa, [
     l("div", {
       class: "menu-bar-box transition px-1 rounded",
@@ -1646,8 +1652,7 @@ function mi(o, e, t, i, a, r) {
     }, [
       h(c, {
         text: o.$t("layer.mapLayers"),
-        location: "left",
-        "open-delay": 1e3
+        location: "left"
       }, {
         activator: g(({ props: I }) => [
           h(s, j(I, {
@@ -1697,7 +1702,7 @@ function mi(o, e, t, i, a, r) {
           elevation: "8"
         }, {
           default: g(() => [
-            h(u, { class: "border-b-thin" }, {
+            h(p, { class: "border-b-thin" }, {
               default: g(() => [
                 h(n, {
                   class: "text-subtitle-1",
@@ -1752,7 +1757,7 @@ function mi(o, e, t, i, a, r) {
           elevation: "8"
         }, {
           default: g(() => [
-            h(u, { class: "border-b-thin" }, {
+            h(p, { class: "border-b-thin" }, {
               default: g(() => [
                 h(n, {
                   class: "text-subtitle-1",
@@ -1793,7 +1798,7 @@ function mi(o, e, t, i, a, r) {
           elevation: "8"
         }, {
           default: g(() => [
-            h(u, { class: "border-b-thin" }, {
+            h(p, { class: "border-b-thin" }, {
               default: g(() => [
                 h(n, {
                   class: "text-subtitle-1",
@@ -1834,7 +1839,7 @@ function mi(o, e, t, i, a, r) {
           elevation: "8"
         }, {
           default: g(() => [
-            h(u, { class: "border-b-thin" }, {
+            h(p, { class: "border-b-thin" }, {
               default: g(() => [
                 h(n, {
                   class: "text-subtitle-1",
@@ -1887,77 +1892,77 @@ function mi(o, e, t, i, a, r) {
       map: t.map,
       token: t.token,
       show: a.checkList.includes("world12nm")
-    }, o.$attrs), null, 16, ["map", "token", "show"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "token", "show"])) : B("", !0),
     t.map ? (y(), V(L, j({
       key: 1,
       map: t.map,
       token: t.token,
       show: a.checkList.includes("worldMarine")
-    }, o.$attrs), null, 16, ["map", "token", "show"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "token", "show"])) : B("", !0),
     t.map ? (y(), V(S, j({
       key: 2,
       map: t.map,
       token: t.token,
       show: a.checkList.includes("chinaRoute")
-    }, o.$attrs), null, 16, ["map", "token", "show"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "token", "show"])) : B("", !0),
     t.map ? (y(), V(P, j({
       key: 3,
       map: t.map,
       zone: (G = a.otherLayers) == null ? void 0 : G["war-zones"]
-    }, o.$attrs), null, 16, ["map", "zone"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "zone"])) : B("", !0),
     t.map ? (y(), V(E, j({
       key: 4,
       map: t.map,
       area: (W = a.otherLayers) == null ? void 0 : W["gmdss-areas"]
-    }, o.$attrs), null, 16, ["map", "area"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "area"])) : B("", !0),
     t.map ? (y(), V(T, j({
       key: 5,
       map: t.map,
       zone: ($ = a.otherLayers) == null ? void 0 : $["eca-zones"]
-    }, o.$attrs), null, 16, ["map", "zone"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "zone"])) : B("", !0),
     t.map ? (y(), V(k, j({
       key: 6,
       map: t.map,
       zone: (ee = a.otherLayers) == null ? void 0 : ee["alert-zones"],
       "before-layer": "empty-layer-3"
-    }, o.$attrs), null, 16, ["map", "zone"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "zone"])) : B("", !0),
     t.map ? (y(), V(v, j({
       key: 7,
       map: t.map,
       port: (K = a.otherLayers) == null ? void 0 : K.ports,
       "forecast-model": t.forecastModel
-    }, o.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "port", "forecast-model"])) : O("", !0),
+    }, o.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "port", "forecast-model"])) : B("", !0),
     t.map ? (y(), V(_, j({
       key: 8,
       map: t.map,
       line: (se = a.otherLayers) == null ? void 0 : se["load-lines"]
-    }, o.$attrs), null, 16, ["map", "line"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "line"])) : B("", !0),
     t.map ? (y(), V(z, j({
       key: 9,
       map: t.map,
       zone: (me = a.otherLayers) == null ? void 0 : me["time-zones"]
-    }, o.$attrs), null, 16, ["map", "zone"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "zone"])) : B("", !0),
     t.map ? (y(), V(x, j({
       key: 10,
       map: t.map,
       area: (pe = a.otherLayers) == null ? void 0 : pe["voluntary-reporting-area"]
-    }, o.$attrs), null, 16, ["map", "area"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "area"])) : B("", !0),
     t.map ? (y(), V(R, j({
       key: 11,
       map: t.map,
       area: (he = a.otherLayers) == null ? void 0 : he["special-area"]
-    }, o.$attrs), null, 16, ["map", "area"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "area"])) : B("", !0),
     t.map ? (y(), V(H, j({
       key: 12,
       map: t.map,
       area: (q = a.otherLayers) == null ? void 0 : q["day-night"]
-    }, o.$attrs), null, 16, ["map", "area"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "area"])) : B("", !0),
     t.map ? (y(), V(Y, j({
       key: 13,
       map: t.map,
       "menu-toggle": t.menuToggle,
       show: a.checkList.includes("graticule")
-    }, o.$attrs), null, 16, ["map", "menu-toggle", "show"])) : O("", !0)
+    }, o.$attrs), null, 16, ["map", "menu-toggle", "show"])) : B("", !0)
   ]);
 }
 const hi = /* @__PURE__ */ X(Xa, [["render", mi]]);
@@ -2011,8 +2016,8 @@ class Ke {
     const e = (L = this.map) == null ? void 0 : L.getBounds();
     if (!e)
       return [];
-    const t = ((S = this.map) == null ? void 0 : S.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, s] = this.convertNLng(i[0]), [c, n] = this.convertNLng(a[0]), [u, d] = this.mercator.px([r, i[1]], t), [m, b] = this.mercator.px([c, a[1]], t), f = Math.round(this.mercator.size * Math.pow(2, t) * (s + n));
-    return [m, b, u + f, d];
+    const t = ((S = this.map) == null ? void 0 : S.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, s] = this.convertNLng(i[0]), [c, n] = this.convertNLng(a[0]), [p, d] = this.mercator.px([r, i[1]], t), [m, b] = this.mercator.px([c, a[1]], t), f = Math.round(this.mercator.size * Math.pow(2, t) * (s + n));
+    return [m, b, p + f, d];
   }
   /**
    * [视窗边界像素宽度]
@@ -2117,13 +2122,13 @@ class De {
     if (a) {
       const r = { program: a }, s = e.getProgramParameter(a, e.ACTIVE_ATTRIBUTES);
       for (let n = 0; n < s; n++) {
-        const u = e.getActiveAttrib(a, n);
-        r[u.name] = e.getAttribLocation(a, u.name);
+        const p = e.getActiveAttrib(a, n);
+        r[p.name] = e.getAttribLocation(a, p.name);
       }
       const c = e.getProgramParameter(a, e.ACTIVE_UNIFORMS);
       for (let n = 0; n < c; n++) {
-        const u = e.getActiveUniform(a, n);
-        r[u.name] = e.getUniformLocation(a, u.name);
+        const p = e.getActiveUniform(a, n);
+        r[p.name] = e.getUniformLocation(a, p.name);
       }
       return r;
     }
@@ -2138,8 +2143,8 @@ class De {
     const c = s.getContext("2d");
     if (c && e) {
       const n = c == null ? void 0 : c.createLinearGradient(0, 0, 256, 0);
-      return t.forEach(([u, d]) => {
-        n.addColorStop(u, d);
+      return t.forEach(([p, d]) => {
+        n.addColorStop(p, d);
       }), c.fillStyle = n, c.fillRect(0, 0, 256, 1), {
         canvas: s,
         texture: this.createTexture(
@@ -2161,8 +2166,8 @@ class De {
     const s = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), c = this.createTexture(e, e.NEAREST, e.NEAREST, e.CLAMP_TO_EDGE, r, i, i), n = new Float32Array(a);
     for (let d = 0; d < a; d++)
       n[d] = d;
-    const u = this.createDataBuffer(e, "array", n);
-    return { resolution: i, total: a, texture0: s, texture1: c, indexBuffer: u };
+    const p = this.createDataBuffer(e, "array", n);
+    return { resolution: i, total: a, texture0: s, texture1: c, indexBuffer: p };
   }
   bind(e, t, i) {
     const a = this.createProgram(e, t, i);
@@ -2177,13 +2182,13 @@ class De {
     return {};
   }
   bindParticle(e, t, i, a, r, s) {
-    const c = this.createProgramWrapper(e, t, i), n = this.createProgramWrapper(e, a, r), u = this.createProgramWrapper(e, a, s), d = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), m = e.createFramebuffer();
-    return { particle: c, screen: n, update: u, quadBuffer: d, frameBuffer: m };
+    const c = this.createProgramWrapper(e, t, i), n = this.createProgramWrapper(e, a, r), p = this.createProgramWrapper(e, a, s), d = this.createDataBuffer(e, "array", new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1])), m = e.createFramebuffer();
+    return { particle: c, screen: n, update: p, quadBuffer: d, frameBuffer: m };
   }
   draw(e, t, i, a, r, s, c) {
-    var n, u;
+    var n, p;
     if (t && i) {
-      e.resize(), t == null || t.viewport(0, 0, (n = t == null ? void 0 : t.canvas) == null ? void 0 : n.width, (u = t == null ? void 0 : t.canvas) == null ? void 0 : u.height), t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT | t.DEPTH_BUFFER_BIT);
+      e.resize(), t == null || t.viewport(0, 0, (n = t == null ? void 0 : t.canvas) == null ? void 0 : n.width, (p = t == null ? void 0 : t.canvas) == null ? void 0 : p.height), t.clearColor(0, 0, 0, 0), t.clear(t.COLOR_BUFFER_BIT | t.DEPTH_BUFFER_BIT);
       try {
         t.useProgram(i);
         const d = {
@@ -2532,7 +2537,7 @@ const di = {
         else {
           this.map.addSource(this.source, { type: "geojson", data: c });
           for (let n = 0; n < (this.barbs ?? []).length - 1; n++) {
-            const u = (this.barbs ?? [])[n] || 0, d = (this.barbs ?? [])[n + 1] || 0, m = u < 10 ? `00${u}kts` : u < 100 ? `0${u}kts` : `${u}kts`;
+            const p = (this.barbs ?? [])[n] || 0, d = (this.barbs ?? [])[n + 1] || 0, m = p < 10 ? `00${p}kts` : p < 100 ? `0${p}kts` : `${p}kts`;
             this.map.addLayer(
               {
                 id: m,
@@ -2540,7 +2545,7 @@ const di = {
                 filter: [
                   "all",
                   // @ts-ignore
-                  [">=", "spd", u],
+                  [">=", "spd", p],
                   // @ts-ignore
                   ["<", "spd", d]
                 ],
@@ -2598,7 +2603,7 @@ const di = {
 }, ui = { class: "d-flex flex-row justify-center align-center" }, gi = { class: "text-caption" };
 function fi(o, e, t, i, a, r) {
   var m;
-  const s = w("v-btn"), c = w("v-col"), n = w("v-row"), u = w("v-card-text"), d = w("v-card");
+  const s = w("v-btn"), c = w("v-col"), n = w("v-row"), p = w("v-card-text"), d = w("v-card");
   return (m = t.wind) != null && m.active ? (y(), M("div", pi, [
     l("div", {
       class: "menu-bar-box pa-1 rounded",
@@ -2626,7 +2631,7 @@ function fi(o, e, t, i, a, r) {
       style: Q({ position: "absolute", top: "300px", right: a.right + 50 + "px" })
     }, {
       default: g(() => [
-        h(u, { class: "pa-1 text-body-2 d-flex flex-column justify-center align-start opacity-80 z" }, {
+        h(p, { class: "pa-1 text-body-2 d-flex flex-column justify-center align-start opacity-80 z" }, {
           default: g(() => [
             e[1] || (e[1] = l("div", { class: "text-body-2 ma-1" }, "Wind Level", -1)),
             h(n, { class: "ma-0" }, {
@@ -2659,7 +2664,7 @@ function fi(o, e, t, i, a, r) {
     }, 8, ["style"]), [
       [Ge, a.showCaption]
     ])
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const bi = /* @__PURE__ */ X(di, [["render", fi]]);
 const yi = {
@@ -2845,7 +2850,7 @@ function xi(o, e, t, i, a, r) {
       l("span", null, "40", -1),
       l("span", null, "60", -1)
     ]), 4)
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const vi = /* @__PURE__ */ X(yi, [["render", xi]]), _i = {
   name: "IdmCurrent",
@@ -2968,13 +2973,13 @@ const vi = /* @__PURE__ */ X(yi, [["render", xi]]), _i = {
           const s = new Image(48, 48);
           let c = '<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" p-id="12518" width="200" height="200"><path d="M481.386772 959.514313 481.386772 334.713224c-56.000432 37.288255-92.523253 55.876612-142.312216 57.787124 85.834924-84.884272 130.528845-195.161888 172.552961-328.434218 40.259936 133.272329 89.39296 238.731196 172.622546 328.434218-54.105269-5.729491-86.780459-21.201881-146.338926-58.965973l0 625.979938L481.386772 959.514313z" p-id="12519" fill="#ffffff"></path></svg>', n = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(c)));
           s.src = n;
-          const u = new Image(48, 48);
-          c = '<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" p-id="12518" width="200" height="200"><path d="M481.386772 959.514313 481.386772 334.713224c-56.000432 37.288255-92.523253 55.876612-142.312216 57.787124 85.834924-84.884272 130.528845-195.161888 172.552961-328.434218 40.259936 133.272329 89.39296 238.731196 172.622546 328.434218-54.105269-5.729491-86.780459-21.201881-146.338926-58.965973l0 625.979938L481.386772 959.514313z" p-id="12519" fill="#f44336"></path></svg>', n = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(c))), u.src = n;
-          const d = [s, u];
+          const p = new Image(48, 48);
+          c = '<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" p-id="12518" width="200" height="200"><path d="M481.386772 959.514313 481.386772 334.713224c-56.000432 37.288255-92.523253 55.876612-142.312216 57.787124 85.834924-84.884272 130.528845-195.161888 172.552961-328.434218 40.259936 133.272329 89.39296 238.731196 172.622546 328.434218-54.105269-5.729491-86.780459-21.201881-146.338926-58.965973l0 625.979938L481.386772 959.514313z" p-id="12519" fill="#f44336"></path></svg>', n = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(c))), p.src = n;
+          const d = [s, p];
           let m = 0;
           d.forEach((b) => {
             b.onload = () => {
-              m++, this.map.hasImage("currentDirIconWhite") || this.map.addImage("currentDirIconWhite", s), this.map.hasImage("currentDirIconRed") || this.map.addImage("currentDirIconRed", u), m === 2 && this.map.addLayer(
+              m++, this.map.hasImage("currentDirIconWhite") || this.map.addImage("currentDirIconWhite", s), this.map.hasImage("currentDirIconRed") || this.map.addImage("currentDirIconRed", p), m === 2 && this.map.addLayer(
                 {
                   id: this.directionLayer,
                   type: "symbol",
@@ -3031,7 +3036,7 @@ const vi = /* @__PURE__ */ X(yi, [["render", xi]]), _i = {
 }, Pi = { class: "text-caption px-2" };
 function Ci(o, e, t, i, a, r) {
   var b;
-  const s = w("v-btn"), c = w("v-tooltip"), n = w("v-col"), u = w("v-row"), d = w("v-card-text"), m = w("v-card");
+  const s = w("v-btn"), c = w("v-tooltip"), n = w("v-col"), p = w("v-row"), d = w("v-card-text"), m = w("v-card");
   return (b = t.current) != null && b.active ? (y(), M("div", ki, [
     l("div", {
       class: "menu-bar-box pa-1 rounded",
@@ -3071,7 +3076,7 @@ function Ci(o, e, t, i, a, r) {
         h(d, { class: "pa-1 text-body-2 d-flex flex-column justify-center align-start opacity-80" }, {
           default: g(() => [
             e[1] || (e[1] = l("div", { class: "text-body-2 ma-1" }, "Current", -1)),
-            h(u, { class: "ma-0" }, {
+            h(p, { class: "ma-0" }, {
               default: g(() => [
                 (y(!0), M(fe, null, _e(a.list, (f, L) => (y(), V(n, {
                   cols: "12",
@@ -3103,7 +3108,7 @@ function Ci(o, e, t, i, a, r) {
     }, 8, ["style"]), [
       [Ge, a.showCaption]
     ])
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const Si = /* @__PURE__ */ X(_i, [["render", Ci]]);
 const Mi = {
@@ -3285,7 +3290,7 @@ function Ri(o, e, t, i, a, r) {
       l("span", null, "2", -1),
       l("span", null, "3.2", -1)
     ]), 4)
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const Ii = /* @__PURE__ */ X(Mi, [["render", Ri]]);
 const Ai = {
@@ -3413,7 +3418,7 @@ function Oi(o, e, t, i, a, r) {
       l("span", null, "6", -1),
       l("span", null, "9", -1)
     ]), 4)
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const Bi = /* @__PURE__ */ X(Ai, [["render", Oi], ["__scopeId", "data-v-79ce70e2"]]), ji = {
   name: "IdmSigWave",
@@ -3548,13 +3553,7 @@ const Bi = /* @__PURE__ */ X(Ai, [["render", Oi], ["__scopeId", "data-v-79ce70e2
               "text-size": 10
             },
             paint: {
-              "text-color": [
-                "step",
-                ["get", "val"],
-                "rgba(0, 0, 0, 0.7)",
-                9,
-                "rgba(255,255,255,0.8)"
-              ]
+              "text-color": ["step", ["get", "val"], "rgba(0, 0, 0, 0.7)", 9, "rgba(255,255,255,0.8)"]
             }
           },
           this.beforeLayer
@@ -3574,7 +3573,7 @@ const Bi = /* @__PURE__ */ X(Ai, [["render", Oi], ["__scopeId", "data-v-79ce70e2
 }, Hi = { class: "text-caption px-2" };
 function Gi(o, e, t, i, a, r) {
   var m;
-  const s = w("v-btn"), c = w("v-col"), n = w("v-row"), u = w("v-card-text"), d = w("v-card");
+  const s = w("VBtn"), c = w("VCol"), n = w("VRow"), p = w("VCardText"), d = w("VCard");
   return (m = t.sigWaveHeight) != null && m.active ? (y(), M("div", Ei, [
     l("div", {
       class: "menu-bar-box pa-1 rounded",
@@ -3602,14 +3601,14 @@ function Gi(o, e, t, i, a, r) {
       style: Q({ position: "absolute", top: "240px", right: a.right + 50 + "px" })
     }, {
       default: g(() => [
-        h(u, { class: "pa-1 text-body-2 d-flex flex-column justify-center align-start opacity-80" }, {
+        h(p, { class: "pa-1 text-body-2 d-flex flex-column justify-center align-start opacity-80" }, {
           default: g(() => [
             e[1] || (e[1] = l("div", { class: "text-body-2 ma-1" }, "Wave Height", -1)),
             h(n, { class: "ma-0" }, {
               default: g(() => [
                 (y(!0), M(fe, null, _e(a.list, (b, f) => (y(), V(c, {
-                  cols: "12",
                   key: f,
+                  cols: "12",
                   class: "d-flex flex-row justify-start align-center pa-1"
                 }, {
                   default: g(() => [
@@ -3635,7 +3634,7 @@ function Gi(o, e, t, i, a, r) {
     }, 8, ["style"]), [
       [Ge, a.showCaption]
     ])
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const Wi = /* @__PURE__ */ X(ji, [["render", Gi]]), Ui = {
   name: "IdmSwell",
@@ -3923,7 +3922,7 @@ const Yi = /* @__PURE__ */ X(Ui, [["render", Vi]]), Zi = {
 };
 function qi(o, e, t, i, a, r) {
   var n;
-  const s = w("v-btn"), c = w("v-tooltip");
+  const s = w("VBtn"), c = w("VTooltip");
   return (n = t.prmsl) != null && n.active ? (y(), M("div", Xi, [
     l("div", {
       class: "menu-bar-box pa-1 rounded",
@@ -3931,11 +3930,10 @@ function qi(o, e, t, i, a, r) {
     }, [
       h(c, {
         text: "Map Layers",
-        location: "left",
-        "open-delay": 1e3
+        location: "left"
       }, {
-        activator: g(({ props: u }) => [
-          h(s, j(u, {
+        activator: g(({ props: p }) => [
+          h(s, j(p, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -3953,7 +3951,7 @@ function qi(o, e, t, i, a, r) {
         _: 1
       })
     ], 4)
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const Ki = /* @__PURE__ */ X(Zi, [["render", qi]]);
 const Ji = {
@@ -4078,7 +4076,7 @@ function $i(o, e, t, i, a, r) {
       l("span", null, "90", -1),
       l("span", null, null, -1)
     ]), 4)
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const er = /* @__PURE__ */ X(Ji, [["render", $i]]);
 const tr = {
@@ -4188,7 +4186,7 @@ function ar(o, e, t, i, a, r) {
       l("span", null, "80", -1),
       l("span", null, "100", -1)
     ]), 4)
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const ir = /* @__PURE__ */ X(tr, [["render", ar], ["__scopeId", "data-v-9696d73b"]]);
 const rr = {
@@ -4307,7 +4305,7 @@ function sr(o, e, t, i, a, r) {
       l("span", null, "2", -1),
       l("span", null, "3", -1)
     ]), 4)
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const nr = /* @__PURE__ */ X(rr, [["render", sr]]);
 const cr = {
@@ -4428,7 +4426,7 @@ function hr(o, e, t, i, a, r) {
       l("span", null, "20", -1),
       l("span", null, "30", -1)
     ]), 4)
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const dr = /* @__PURE__ */ X(cr, [["render", hr]]);
 const pr = {
@@ -4537,7 +4535,7 @@ function gr(o, e, t, i, a, r) {
       l("span", null, "3", -1),
       l("span", null, "9", -1)
     ]), 4)
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const fr = /* @__PURE__ */ X(pr, [["render", gr]]);
 const br = {
@@ -4649,7 +4647,7 @@ function wr(o, e, t, i, a, r) {
       l("span", null, "30", -1),
       l("span", null, "40", -1)
     ]), 4)
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const xr = /* @__PURE__ */ X(br, [["render", wr]]);
 const vr = {
@@ -4774,7 +4772,7 @@ function kr(o, e, t, i, a, r) {
       l("span", null, "30", -1),
       l("span", null, "40", -1)
     ]), 4)
-  ])) : O("", !0);
+  ])) : B("", !0);
 }
 const zr = /* @__PURE__ */ X(vr, [["render", kr]]);
 const Lr = {
@@ -4987,7 +4985,7 @@ const Lr = {
       (o == null ? void 0 : o.data.code) === 0 && (this.sourceList = o == null ? void 0 : o.data.data);
     },
     async fetchWeatherLayers(o = {}) {
-      var a, r, s, c, n, u, d, m, b;
+      var a, r, s, c, n, p, d, m, b;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let t = 0, i = 0;
       if (this.map) {
@@ -5034,7 +5032,7 @@ const Lr = {
               });
             }
             if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather layers elapsed: ", i, ", total: ", t += i), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const k = (u = this.weatherLayers["swell-direction"]) == null ? void 0 : u.raw, v = (d = this.weatherLayers["swell-height"]) == null ? void 0 : d.raw;
+              const k = (p = this.weatherLayers["swell-direction"]) == null ? void 0 : p.raw, v = (d = this.weatherLayers["swell-height"]) == null ? void 0 : d.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
                 direction: k,
@@ -5076,7 +5074,7 @@ const Lr = {
       }, 500);
     },
     handleRampColorInitial() {
-      var o, e, t, i, a, r, s, c, n, u, d, m;
+      var o, e, t, i, a, r, s, c, n, p, d, m;
       this.viewport.map.getSource((o = this.viewport) == null ? void 0 : o.rampColorSource) || this.viewport.map.addSource((e = this.viewport) == null ? void 0 : e.rampColorSource, {
         type: "canvas",
         canvas: (t = this.viewport) == null ? void 0 : t.rampColorCanvas,
@@ -5097,7 +5095,7 @@ const Lr = {
         canvas: (n = this.viewport) == null ? void 0 : n.particleCanvas,
         animate: !0,
         coordinates: this.viewport.getBoundLngLat()
-      }), this.viewport.map.getLayer((u = this.viewport) == null ? void 0 : u.particleLayer) || this.viewport.map.addLayer(
+      }), this.viewport.map.getLayer((p = this.viewport) == null ? void 0 : p.particleLayer) || this.viewport.map.addLayer(
         {
           type: "raster",
           id: (d = this.viewport) == null ? void 0 : d.particleLayer,
@@ -5110,10 +5108,10 @@ const Lr = {
       );
     },
     handleDrawWeather4Json() {
-      var u, d, m, b, f, L, S;
+      var p, d, m, b, f, L, S;
       const o = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, t = 0;
-      const i = (u = this.map) == null ? void 0 : u.getBounds(), a = (d = this.map) == null ? void 0 : d.getZoom(), r = ae.convertToStdLng(i._sw.lng), s = ae.convertToStdLng(i._ne.lng), c = Math.floor(i._sw.lat), n = Math.ceil(i._ne.lat);
+      const i = (p = this.map) == null ? void 0 : p.getBounds(), a = (d = this.map) == null ? void 0 : d.getZoom(), r = ae.convertToStdLng(i._sw.lng), s = ae.convertToStdLng(i._ne.lng), c = Math.floor(i._sw.lat), n = Math.ceil(i._ne.lat);
       for (const P in this.weatherLayers) {
         let E = !1;
         if (this.weatherLayers[P].active && this.weatherLayers[P].type === "json") {
@@ -5384,7 +5382,7 @@ const Lr = {
 }, Er = { class: "text-body-1 py-2" }, Fr = { class: "text-body-1 font-weight-medium" }, Nr = { class: "text-body-2 opacity-70" }, Hr = { class: "text-body-2 opacity-70 pb-1" };
 function Gr(o, e, t, i, a, r) {
   var K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te;
-  const s = w("VBtn"), c = w("VTooltip"), n = w("VSwitch"), u = w("VCardTitle"), d = w("VCardItem"), m = w("VCheckbox"), b = w("VCardText"), f = w("VCard"), L = w("VBtnToggle"), S = w("VDivider"), P = w("IdmWindBarb"), E = w("IdmSigWaveHeight"), T = w("IdmCurrentDirection"), k = w("IdmPrmsl"), v = w("IdmWindParticle"), _ = w("IdmCurrentParticle"), z = w("IdmWave"), x = w("IdmSwell"), R = w("IdmIceEdge"), H = w("IdmIceCover"), Y = w("IdmIceThickness"), G = w("IdmPrecip3h"), W = w("IdmVisibility"), $ = w("IdmWaterTemp"), ee = w("IdmTemp");
+  const s = w("VBtn"), c = w("VTooltip"), n = w("VSwitch"), p = w("VCardTitle"), d = w("VCardItem"), m = w("VCheckbox"), b = w("VCardText"), f = w("VCard"), L = w("VBtnToggle"), S = w("VDivider"), P = w("IdmWindBarb"), E = w("IdmSigWaveHeight"), T = w("IdmCurrentDirection"), k = w("IdmPrmsl"), v = w("IdmWindParticle"), _ = w("IdmCurrentParticle"), z = w("IdmWave"), x = w("IdmSwell"), R = w("IdmIceEdge"), H = w("IdmIceCover"), Y = w("IdmIceThickness"), G = w("IdmPrecip3h"), W = w("IdmVisibility"), $ = w("IdmWaterTemp"), ee = w("IdmTemp");
   return y(), M("div", Pr, [
     l("div", {
       class: "menu-bar-box transition pa-1",
@@ -5456,7 +5454,7 @@ function Gr(o, e, t, i, a, r) {
           default: g(() => [
             h(d, { class: "border-b-thin" }, {
               default: g(() => [
-                h(u, {
+                h(p, {
                   class: "text-subtitle-1",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -5498,7 +5496,7 @@ function Gr(o, e, t, i, a, r) {
           default: g(() => [
             h(d, { class: "border-b-thin" }, {
               default: g(() => [
-                h(u, {
+                h(p, {
                   class: "text-subtitle-1",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -5540,7 +5538,7 @@ function Gr(o, e, t, i, a, r) {
                         style: { "font-size": "14px" },
                         "hide-details": ""
                       }, null, 8, ["modelValue"])
-                    ])) : O("", !0),
+                    ])) : B("", !0),
                     a.checkList.includes("current-particle") && te.key === "current-particle" ? (y(), M("div", Ar, [
                       e[9] || (e[9] = l("span", null, "Particle", -1)),
                       h(n, {
@@ -5553,7 +5551,7 @@ function Gr(o, e, t, i, a, r) {
                         height: "20",
                         "hide-details": ""
                       }, null, 8, ["modelValue"])
-                    ])) : O("", !0),
+                    ])) : B("", !0),
                     a.checkList.includes("ice-forecast") && te.key === "ice-forecast" ? (y(), V(L, {
                       key: 2,
                       modelValue: a.iceToggleValue,
@@ -5596,7 +5594,7 @@ function Gr(o, e, t, i, a, r) {
                         }, 8, ["color", "disabled"])
                       ]),
                       _: 1
-                    }, 8, ["modelValue", "disabled"])) : O("", !0)
+                    }, 8, ["modelValue", "disabled"])) : B("", !0)
                   ], 64))), 128))
                 ])
               ]),
@@ -5612,7 +5610,7 @@ function Gr(o, e, t, i, a, r) {
           default: g(() => [
             h(d, { class: "border-b-thin" }, {
               default: g(() => [
-                h(u, {
+                h(p, {
                   class: "text-subtitle-1",
                   style: { "font-size": "16px !important" }
                 }, {
@@ -5636,7 +5634,7 @@ function Gr(o, e, t, i, a, r) {
                     }, [
                       l("div", Or, C(J.name) + " " + C(J.resolution) + C(o.$t("units.km")) + " " + C(J.length) + C(o.$t("units.days")), 1),
                       l("div", Br, C(o.$t("weather.source")) + ": " + C(J.provider), 1),
-                      (ie = (xe = (Ce = J == null ? void 0 : J.update) == null ? void 0 : Ce.default) == null ? void 0 : xe.meta) != null && ie.initialisationTime ? (y(), M("div", jr, C(o.$t("weather.lastUpdate")) + ": " + C(r.computeDateZ((Le = (N = (ue = J == null ? void 0 : J.update) == null ? void 0 : ue.default) == null ? void 0 : N.meta) == null ? void 0 : Le.initialisationTime)), 1)) : O("", !0)
+                      (ie = (xe = (Ce = J == null ? void 0 : J.update) == null ? void 0 : Ce.default) == null ? void 0 : xe.meta) != null && ie.initialisationTime ? (y(), M("div", jr, C(o.$t("weather.lastUpdate")) + ": " + C(r.computeDateZ((Le = (N = (ue = J == null ? void 0 : J.update) == null ? void 0 : ue.default) == null ? void 0 : N.meta) == null ? void 0 : Le.initialisationTime)), 1)) : B("", !0)
                     ], 64);
                   }), 128)),
                   h(S),
@@ -5668,7 +5666,7 @@ function Gr(o, e, t, i, a, r) {
       "before-layer": "empty-layer-2",
       wind: (K = a.weatherLayers) == null ? void 0 : K.wind,
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : B("", !0),
     t.map ? (y(), V(E, j({
       key: 1,
       map: t.map,
@@ -5676,7 +5674,7 @@ function Gr(o, e, t, i, a, r) {
       "sig-wave-height": (se = a.weatherLayers) == null ? void 0 : se["sig-wave-height"],
       "menu-toggle": t.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
-    }, o.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : B("", !0),
     t.map ? (y(), V(T, j({
       key: 2,
       map: t.map,
@@ -5684,7 +5682,7 @@ function Gr(o, e, t, i, a, r) {
       "before-layer": "empty-layer-2",
       current: (me = a.weatherLayers) == null ? void 0 : me.current,
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["map", "map-feather", "current", "menu-toggle"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "map-feather", "current", "menu-toggle"])) : B("", !0),
     t.map ? (y(), V(k, j({
       key: 3,
       map: t.map,
@@ -5692,74 +5690,74 @@ function Gr(o, e, t, i, a, r) {
       prmsl: (pe = a.weatherLayers) == null ? void 0 : pe.prmsl,
       "menu-toggle": t.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
-    }, o.$attrs), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers"])) : B("", !0),
     t.map ? (y(), V(v, j({
       key: 4,
       viewport: a.viewport,
       factor: (he = a.weatherLayers) == null ? void 0 : he["wind-particle"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : B("", !0),
     t.map ? (y(), V(_, j({
       key: 5,
       viewport: a.viewport,
       factor: (q = a.weatherLayers) == null ? void 0 : q["current-particle"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : B("", !0),
     t.map ? (y(), V(z, j({
       key: 6,
       viewport: a.viewport,
       factor: (I = a.weatherLayers) == null ? void 0 : I["sig-wave"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : B("", !0),
     t.map ? (y(), V(x, j({
       key: 7,
       map: t.map,
       swell: (ne = a.weatherLayers) == null ? void 0 : ne.swell,
       "menu-toggle": t.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
-    }, o.$attrs), null, 16, ["map", "swell", "menu-toggle", "active-weather-layers"])) : O("", !0),
+    }, o.$attrs), null, 16, ["map", "swell", "menu-toggle", "active-weather-layers"])) : B("", !0),
     t.map ? (y(), V(R, j({
       key: 8,
       viewport: a.viewport,
       factor: (ge = a.weatherLayers) == null ? void 0 : ge["ice-edge"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : B("", !0),
     t.map ? (y(), V(H, j({
       key: 9,
       viewport: a.viewport,
       factor: (be = a.weatherLayers) == null ? void 0 : be["ice-cover"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : B("", !0),
     t.map ? (y(), V(Y, j({
       key: 10,
       viewport: a.viewport,
       factor: (ke = a.weatherLayers) == null ? void 0 : ke["ice-thickness"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : B("", !0),
     t.map ? (y(), V(G, j({
       key: 11,
       viewport: a.viewport,
       factor: (ze = a.weatherLayers) == null ? void 0 : ze.precip3h,
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : B("", !0),
     t.map ? (y(), V(W, j({
       key: 12,
       viewport: a.viewport,
       factor: (Se = a.weatherLayers) == null ? void 0 : Se.visibility,
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : B("", !0),
     t.map ? (y(), V($, j({
       key: 13,
       viewport: a.viewport,
       factor: (Me = a.weatherLayers) == null ? void 0 : Me["water-temp"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0),
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : B("", !0),
     t.map ? (y(), V(ee, j({
       key: 14,
       viewport: a.viewport,
       factor: (Te = a.weatherLayers) == null ? void 0 : Te.temp,
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : O("", !0)
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : B("", !0)
   ]);
 }
 const Wr = /* @__PURE__ */ X(Lr, [["render", Gr]]), We = [
@@ -6082,17 +6080,17 @@ class Go {
       let n = We.find((d) => {
         var m, b, f;
         return ((m = d.models) == null ? void 0 : m.includes(c)) || ((b = d.alias) == null ? void 0 : b.toLowerCase()) === c || ((f = d.name) == null ? void 0 : f.toLowerCase()) === c;
-      }), u = Ue.find((d) => {
+      }), p = Ue.find((d) => {
         var m, b, f;
         return ((m = d.models) == null ? void 0 : m.includes(c)) || ((b = d.alias) == null ? void 0 : b.toLowerCase()) === c || ((f = d.name) == null ? void 0 : f.toLowerCase()) === c;
       });
       n = n || We.find((d) => {
         var m, b;
-        return ((m = d.alias) == null ? void 0 : m.toLowerCase()) === ((b = u == null ? void 0 : u.alias) == null ? void 0 : b.toLowerCase());
-      }), u = u || Ue.find((d) => {
+        return ((m = d.alias) == null ? void 0 : m.toLowerCase()) === ((b = p == null ? void 0 : p.alias) == null ? void 0 : b.toLowerCase());
+      }), p = p || Ue.find((d) => {
         var m, b;
         return ((m = d.alias) == null ? void 0 : m.toLowerCase()) === ((b = n == null ? void 0 : n.alias) == null ? void 0 : b.toLowerCase());
-      }), n = n || We[0], u = u || Ue[0], r.push((t = n.models) != null && t.includes(c) ? c : n.model), s.push((i = u.models) != null && i.includes(c) ? c : u.model);
+      }), n = n || We[0], p = p || Ue[0], r.push((t = n.models) != null && t.includes(c) ? c : n.model), s.push((i = p.models) != null && i.includes(c) ? c : p.model);
     }
     return {
       weatherModels: r.join(","),
@@ -6109,46 +6107,46 @@ class Go {
     }), a;
   }
   static pickHourly(e, t) {
-    var i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te, de, we, Re, J, Ce, xe;
-    const ie = typeof t == "string" ? D(t) : t, ue = e == null ? void 0 : e.weather, N = e == null ? void 0 : e.marine, Le = D((a = (i = ue == null ? void 0 : ue[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), oe = Le.clone().add((c = (s = (r = ue == null ? void 0 : ue[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), re = Le.clone().add((d = (u = (n = ue == null ? void 0 : ue[0]) == null ? void 0 : n.hourly) == null ? void 0 : u.time) == null ? void 0 : d.at(-1), "h"), Ee = [];
+    var i, a, r, s, c, n, p, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te, de, we, Re, J, Ce, xe;
+    const ie = typeof t == "string" ? D(t) : t, ue = e == null ? void 0 : e.weather, N = e == null ? void 0 : e.marine, Le = D((a = (i = ue == null ? void 0 : ue[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), oe = Le.clone().add((c = (s = (r = ue == null ? void 0 : ue[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), re = Le.clone().add((d = (p = (n = ue == null ? void 0 : ue[0]) == null ? void 0 : n.hourly) == null ? void 0 : p.time) == null ? void 0 : d.at(-1), "h"), Ee = [];
     if (ie.isBetween(oe, re, "millisecond", "[]")) {
-      const B = ie.utc().diff(oe, "h", !1);
+      const O = ie.utc().diff(oe, "h", !1);
       let ye, Oe;
       if (ue) {
         let Fe = 0, Ne = 0;
         for (const A of ue) {
           const Z = A == null ? void 0 : A.hourly;
-          for (let Ae = B - (B - 1) % 3; Ae <= B; Ae++)
+          for (let Ae = O - (O - 1) % 3; Ae <= O; Ae++)
             Fe += (m = Z == null ? void 0 : Z.precipitation) == null ? void 0 : m.at(Ae);
-          for (let Ae = B - (B - 1) % 6; Ae <= B; Ae++)
+          for (let Ae = O - (O - 1) % 6; Ae <= O; Ae++)
             Ne += (b = Z == null ? void 0 : Z.precipitation) == null ? void 0 : b.at(Ae);
           ye = {
-            temp: (f = Z == null ? void 0 : Z.temperature_2m) == null ? void 0 : f.at(B),
-            apparentTemp: (L = Z == null ? void 0 : Z.apparent_temperature) == null ? void 0 : L.at(B),
-            rh: (S = Z == null ? void 0 : Z.relative_humidity_2m) == null ? void 0 : S.at(B),
-            dp: (P = Z == null ? void 0 : Z.dew_point_2m) == null ? void 0 : P.at(B),
+            temp: (f = Z == null ? void 0 : Z.temperature_2m) == null ? void 0 : f.at(O),
+            apparentTemp: (L = Z == null ? void 0 : Z.apparent_temperature) == null ? void 0 : L.at(O),
+            rh: (S = Z == null ? void 0 : Z.relative_humidity_2m) == null ? void 0 : S.at(O),
+            dp: (P = Z == null ? void 0 : Z.dew_point_2m) == null ? void 0 : P.at(O),
             precip: {
-              probability: (E = Z == null ? void 0 : Z.precipitation_probability) == null ? void 0 : E.at(B),
-              sum: (T = Z == null ? void 0 : Z.precipitation) == null ? void 0 : T.at(B),
+              probability: (E = Z == null ? void 0 : Z.precipitation_probability) == null ? void 0 : E.at(O),
+              sum: (T = Z == null ? void 0 : Z.precipitation) == null ? void 0 : T.at(O),
               sum3Hours: Math.round(Fe * 100) / 100,
               sum6Hours: Math.round(Ne * 100) / 100
             },
-            pmsl: (k = Z == null ? void 0 : Z.pressure_msl) == null ? void 0 : k.at(B),
-            psurf: (v = Z == null ? void 0 : Z.surface_pressure) == null ? void 0 : v.at(B),
-            code: (_ = Z == null ? void 0 : Z.weather_code) == null ? void 0 : _.at(B),
-            visibility: this.m2nm((z = Z == null ? void 0 : Z.visibility) == null ? void 0 : z.at(B)),
+            pmsl: (k = Z == null ? void 0 : Z.pressure_msl) == null ? void 0 : k.at(O),
+            psurf: (v = Z == null ? void 0 : Z.surface_pressure) == null ? void 0 : v.at(O),
+            code: (_ = Z == null ? void 0 : Z.weather_code) == null ? void 0 : _.at(O),
+            visibility: this.m2nm((z = Z == null ? void 0 : Z.visibility) == null ? void 0 : z.at(O)),
             wind: {
-              speed: (x = Z == null ? void 0 : Z.wind_speed_10m) == null ? void 0 : x.at(B),
-              kts: (R = Z == null ? void 0 : Z.wind_speed_10m) == null ? void 0 : R.at(B),
-              degree: (H = Z == null ? void 0 : Z.wind_direction_10m) == null ? void 0 : H.at(B),
-              bearing: ((Y = Z == null ? void 0 : Z.wind_direction_10m) == null ? void 0 : Y.at(B)) !== null ? (((G = Z == null ? void 0 : Z.wind_direction_10m) == null ? void 0 : G.at(B)) + 180) % 360 : null,
-              gusts: (W = Z == null ? void 0 : Z.wind_gusts_10m) == null ? void 0 : W.at(B)
+              speed: (x = Z == null ? void 0 : Z.wind_speed_10m) == null ? void 0 : x.at(O),
+              kts: (R = Z == null ? void 0 : Z.wind_speed_10m) == null ? void 0 : R.at(O),
+              degree: (H = Z == null ? void 0 : Z.wind_direction_10m) == null ? void 0 : H.at(O),
+              bearing: ((Y = Z == null ? void 0 : Z.wind_direction_10m) == null ? void 0 : Y.at(O)) !== null ? (((G = Z == null ? void 0 : Z.wind_direction_10m) == null ? void 0 : G.at(O)) + 180) % 360 : null,
+              gusts: (W = Z == null ? void 0 : Z.wind_gusts_10m) == null ? void 0 : W.at(O)
             },
-            isDay: ($ = Z == null ? void 0 : Z.is_day) == null ? void 0 : $.at(B)
+            isDay: ($ = Z == null ? void 0 : Z.is_day) == null ? void 0 : $.at(O)
           };
           const { name: Ye, url: Ze, bg: Xe } = this.parseWeatherCode(ye.code, ye.isDay);
           ye.name = Ye, ye.url = Ze, ye.bg = Xe, ye.wind.scale = this.beaufort(this.kts2ms(ye.wind.kts)), ye.wind.direction = this.degree2Direction(ye.wind.degree), Ee.push({
-            utc: oe.add(B, "h").format(),
+            utc: oe.add(O, "h").format(),
             model: A.model,
             weather: { ...ye }
           });
@@ -6161,34 +6159,34 @@ class Go {
           Oe = {
             wave: {
               sig: {
-                height: (ee = A == null ? void 0 : A.wave_height) == null ? void 0 : ee.at(B),
-                degree: (K = A == null ? void 0 : A.wave_direction) == null ? void 0 : K.at(B),
-                bearing: ((se = A == null ? void 0 : A.wave_direction) == null ? void 0 : se.at(B)) !== null ? (((me = A == null ? void 0 : A.wave_direction) == null ? void 0 : me.at(B)) + 180) % 360 : null,
-                period: (pe = A == null ? void 0 : A.wave_period) == null ? void 0 : pe.at(B)
+                height: (ee = A == null ? void 0 : A.wave_height) == null ? void 0 : ee.at(O),
+                degree: (K = A == null ? void 0 : A.wave_direction) == null ? void 0 : K.at(O),
+                bearing: ((se = A == null ? void 0 : A.wave_direction) == null ? void 0 : se.at(O)) !== null ? (((me = A == null ? void 0 : A.wave_direction) == null ? void 0 : me.at(O)) + 180) % 360 : null,
+                period: (pe = A == null ? void 0 : A.wave_period) == null ? void 0 : pe.at(O)
               },
               swell: {
-                height: (he = A == null ? void 0 : A.swell_wave_height) == null ? void 0 : he.at(B),
-                degree: (q = A == null ? void 0 : A.swell_wave_direction) == null ? void 0 : q.at(B),
-                bearing: ((I = A == null ? void 0 : A.swell_wave_direction) == null ? void 0 : I.at(B)) !== null ? (((ne = A == null ? void 0 : A.swell_wave_direction) == null ? void 0 : ne.at(B)) + 180) % 360 : null,
-                period: (ge = A == null ? void 0 : A.swell_wave_period) == null ? void 0 : ge.at(B),
-                peakPeriod: (be = A == null ? void 0 : A.swell_wave_peak_period) == null ? void 0 : be.at(B)
+                height: (he = A == null ? void 0 : A.swell_wave_height) == null ? void 0 : he.at(O),
+                degree: (q = A == null ? void 0 : A.swell_wave_direction) == null ? void 0 : q.at(O),
+                bearing: ((I = A == null ? void 0 : A.swell_wave_direction) == null ? void 0 : I.at(O)) !== null ? (((ne = A == null ? void 0 : A.swell_wave_direction) == null ? void 0 : ne.at(O)) + 180) % 360 : null,
+                period: (ge = A == null ? void 0 : A.swell_wave_period) == null ? void 0 : ge.at(O),
+                peakPeriod: (be = A == null ? void 0 : A.swell_wave_peak_period) == null ? void 0 : be.at(O)
               },
               wd: {
-                height: (ke = A == null ? void 0 : A.wind_wave_height) == null ? void 0 : ke.at(B),
-                degree: (ze = A == null ? void 0 : A.wind_wave_direction) == null ? void 0 : ze.at(B),
-                bearing: ((Se = A == null ? void 0 : A.wind_wave_direction) == null ? void 0 : Se.at(B)) !== null ? (((Me = A == null ? void 0 : A.wind_wave_direction) == null ? void 0 : Me.at(B)) + 180) % 360 : null,
-                period: (Te = A == null ? void 0 : A.wind_wave_period) == null ? void 0 : Te.at(B),
-                peakPeriod: (te = A == null ? void 0 : A.wind_wave_peak_period) == null ? void 0 : te.at(B)
+                height: (ke = A == null ? void 0 : A.wind_wave_height) == null ? void 0 : ke.at(O),
+                degree: (ze = A == null ? void 0 : A.wind_wave_direction) == null ? void 0 : ze.at(O),
+                bearing: ((Se = A == null ? void 0 : A.wind_wave_direction) == null ? void 0 : Se.at(O)) !== null ? (((Me = A == null ? void 0 : A.wind_wave_direction) == null ? void 0 : Me.at(O)) + 180) % 360 : null,
+                period: (Te = A == null ? void 0 : A.wind_wave_period) == null ? void 0 : Te.at(O),
+                peakPeriod: (te = A == null ? void 0 : A.wind_wave_peak_period) == null ? void 0 : te.at(O)
               }
             },
             current: {
-              speed: (de = A == null ? void 0 : A.ocean_current_velocity) == null ? void 0 : de.at(B),
-              kts: (we = A == null ? void 0 : A.ocean_current_velocity) == null ? void 0 : we.at(B),
-              degree: (Re = A == null ? void 0 : A.ocean_current_direction) == null ? void 0 : Re.at(B),
-              bearing: ((J = A == null ? void 0 : A.ocean_current_direction) == null ? void 0 : J.at(B)) ?? null
+              speed: (de = A == null ? void 0 : A.ocean_current_velocity) == null ? void 0 : de.at(O),
+              kts: (we = A == null ? void 0 : A.ocean_current_velocity) == null ? void 0 : we.at(O),
+              degree: (Re = A == null ? void 0 : A.ocean_current_direction) == null ? void 0 : Re.at(O),
+              bearing: ((J = A == null ? void 0 : A.ocean_current_direction) == null ? void 0 : J.at(O)) ?? null
             },
-            sst: (Ce = A == null ? void 0 : A.sea_surface_temperature) == null ? void 0 : Ce.at(B),
-            height: (xe = A == null ? void 0 : A.sea_level_height_msl) == null ? void 0 : xe.at(B)
+            sst: (Ce = A == null ? void 0 : A.sea_surface_temperature) == null ? void 0 : Ce.at(O),
+            height: (xe = A == null ? void 0 : A.sea_level_height_msl) == null ? void 0 : xe.at(O)
           }, Oe.wave = this.parseWave(Oe.wave, ye == null ? void 0 : ye.wind), Oe.current.direction = this.degree2Direction(Oe.current.degree), Object.assign(Ee[Fe], Oe), Fe++;
         }
       }
@@ -6196,7 +6194,7 @@ class Go {
     return Ee;
   }
   static toLegacy(e) {
-    var t, i, a, r, s, c, n, u, d, m;
+    var t, i, a, r, s, c, n, p, d, m;
     return {
       wind: (t = e == null ? void 0 : e.weather) == null ? void 0 : t.wind,
       visibility: (i = e == null ? void 0 : e.weather) == null ? void 0 : i.visibility,
@@ -6206,7 +6204,7 @@ class Go {
         kts: (c = (s = e == null ? void 0 : e.weather) == null ? void 0 : s.wind) == null ? void 0 : c.gusts
       },
       precip: (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip,
-      code: (u = e == null ? void 0 : e.weather) == null ? void 0 : u.code,
+      code: (p = e == null ? void 0 : e.weather) == null ? void 0 : p.code,
       name: (d = e == null ? void 0 : e.weather) == null ? void 0 : d.name,
       url: (m = e == null ? void 0 : e.weather) == null ? void 0 : m.url,
       wave: e == null ? void 0 : e.wave,
@@ -6218,7 +6216,7 @@ class Go {
     };
   }
   static pickDaily(e, t) {
-    var i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te;
+    var i, a, r, s, c, n, p, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te;
     const de = typeof t == "string" ? D(t) : t, we = e == null ? void 0 : e.weather, Re = e == null ? void 0 : e.marine, J = D((r = (a = (i = we == null ? void 0 : we[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), Ce = D((n = (c = (s = we == null ? void 0 : we[0]) == null ? void 0 : s.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), xe = [];
     if (de.isBetween(J, Ce, "millisecond", "[]")) {
       let ie, ue;
@@ -6227,7 +6225,7 @@ class Go {
         for (const Le of we) {
           const oe = Le.daily;
           ie = {
-            code: (u = oe.weather_code) == null ? void 0 : u.at(N),
+            code: (p = oe.weather_code) == null ? void 0 : p.at(N),
             temp: {
               max: (d = oe.temperature_2m_max) == null ? void 0 : d.at(N),
               min: (m = oe.temperature_2m_min) == null ? void 0 : m.at(N),
@@ -6258,8 +6256,8 @@ class Go {
               bearing: ((W = oe.wind_direction_10m_dominant) == null ? void 0 : W.at(N)) !== null ? ((($ = oe.wind_direction_10m_dominant) == null ? void 0 : $.at(N)) + 180) % 360 : null
             }
           };
-          const { name: re, url: Ee, bg: B } = this.parseWeatherCode(ie.code, !0);
-          ie.name = re, ie.url = Ee, ie.bg = B, ie.wind.scale = this.beaufort(this.kts2ms(ie.wind.kts)), ie.wind.direction = this.degree2Direction(ie.wind.degree), xe.push({
+          const { name: re, url: Ee, bg: O } = this.parseWeatherCode(ie.code, !0);
+          ie.name = re, ie.url = Ee, ie.bg = O, ie.wind.scale = this.beaufort(this.kts2ms(ie.wind.kts)), ie.wind.direction = this.degree2Direction(ie.wind.degree), xe.push({
             utc: J.add(N, "d").utc().format(),
             model: Le.model,
             weather: { ...ie }
@@ -6843,13 +6841,13 @@ const Ur = {
           }
         });
         if (t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("weather links elapsed: ", t, ", total: ", e += t), ((r = n == null ? void 0 : n.data) == null ? void 0 : r.code) === 0) {
-          const u = (s = n == null ? void 0 : n.data) == null ? void 0 : s.data;
-          await Ie.get(u.tropicals, {
+          const p = (s = n == null ? void 0 : n.data) == null ? void 0 : s.data;
+          await Ie.get(p.tropicals, {
             headers: {
               Authorization: this.token || this.defaultMeteoToken,
               key: "tropicals"
             },
-            responseType: /\.(jpg|png)$/.test(u.tropicals) ? "blob" : "json"
+            responseType: /\.(jpg|png)$/.test(p.tropicals) ? "blob" : "json"
           }).then((d) => {
             var f, L, S;
             const m = Ho.convert2Geojson(((f = d == null ? void 0 : d.data) == null ? void 0 : f.data) || (d == null ? void 0 : d.data));
@@ -6893,7 +6891,7 @@ const Ur = {
       ));
     },
     handleRender() {
-      var o, e, t, i, a, r, s, c, n, u;
+      var o, e, t, i, a, r, s, c, n, p;
       if (!this.map)
         setTimeout(() => {
           this.handleRender();
@@ -7001,7 +6999,7 @@ const Ur = {
             }
           }), f = (/* @__PURE__ */ new Date()).valueOf() - (m + b), console.log("[tropical] add elapsed: ", f, ", total: ", b += f)), (r = this.map) != null && r.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((s = this.tropicals) != null && s.active ? this.tropicals.data : this.empty), f = (/* @__PURE__ */ new Date()).valueOf() - (m + b), console.log("[tropical] update elapsed: ", f, ", total: ", b += f)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
-            data: (n = this.tropicals) != null && n.active ? (u = this.tropicals) == null ? void 0 : u.data : this.empty
+            data: (n = this.tropicals) != null && n.active ? (p = this.tropicals) == null ? void 0 : p.data : this.empty
             // cluster: true,
             // clusterRadius: 10, // 聚合半径
           }), this.map.addLayer({
@@ -7141,7 +7139,7 @@ const Ur = {
       );
     },
     handleDateChange() {
-      var o, e, t, i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K;
+      var o, e, t, i, a, r, s, c, n, p, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K;
       if ((o = this.interpolateMarkers) == null || o.forEach((se) => se == null ? void 0 : se.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
         const se = D(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), me = this.interpolateData.filter((q) => q.properties.date === se.format() && !q.properties.disabled), pe = this.handleComputePolygons(me), he = F.featureCollection([...me]);
         pe.forEach((q) => {
@@ -7163,7 +7161,7 @@ const Ur = {
         for (const q of me)
           if (!q.properties.disabled) {
             let I = "#f44336";
-            ((c = (s = q.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((u = (n = q.properties) == null ? void 0 : n.wind) != null && u.kts) ? I = "#03f869" : ((m = (d = q.properties) == null ? void 0 : d.wind) == null ? void 0 : m.kts) >= 32 && ((f = (b = q.properties) == null ? void 0 : b.wind) == null ? void 0 : f.kts) < 47 ? I = "#f2f202" : ((S = (L = q.properties) == null ? void 0 : L.wind) == null ? void 0 : S.kts) >= 47 && ((E = (P = q.properties) == null ? void 0 : P.wind) == null ? void 0 : E.kts) < 63 ? I = "#ff9100" : ((k = (T = q.properties) == null ? void 0 : T.wind) == null ? void 0 : k.kts) >= 63 && ((_ = (v = q.properties) == null ? void 0 : v.wind) == null ? void 0 : _.kts) < 79 ? I = "#f44336" : ((x = (z = q.properties) == null ? void 0 : z.wind) == null ? void 0 : x.kts) >= 79 && ((H = (R = q.properties) == null ? void 0 : R.wind) == null ? void 0 : H.kts) < 94 ? I = "#f903d0" : ((G = (Y = q.properties) == null ? void 0 : Y.wind) == null ? void 0 : G.kts) >= 94 ? I = "#8702f9" : I = "#f44336";
+            ((c = (s = q.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((p = (n = q.properties) == null ? void 0 : n.wind) != null && p.kts) ? I = "#03f869" : ((m = (d = q.properties) == null ? void 0 : d.wind) == null ? void 0 : m.kts) >= 32 && ((f = (b = q.properties) == null ? void 0 : b.wind) == null ? void 0 : f.kts) < 47 ? I = "#f2f202" : ((S = (L = q.properties) == null ? void 0 : L.wind) == null ? void 0 : S.kts) >= 47 && ((E = (P = q.properties) == null ? void 0 : P.wind) == null ? void 0 : E.kts) < 63 ? I = "#ff9100" : ((k = (T = q.properties) == null ? void 0 : T.wind) == null ? void 0 : k.kts) >= 63 && ((_ = (v = q.properties) == null ? void 0 : v.wind) == null ? void 0 : _.kts) < 79 ? I = "#f44336" : ((x = (z = q.properties) == null ? void 0 : z.wind) == null ? void 0 : x.kts) >= 79 && ((H = (R = q.properties) == null ? void 0 : R.wind) == null ? void 0 : H.kts) < 94 ? I = "#f903d0" : ((G = (Y = q.properties) == null ? void 0 : Y.wind) == null ? void 0 : G.kts) >= 94 ? I = "#8702f9" : I = "#f44336";
             const ne = `<svg t="1719918955501"
                           	class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg" p-id="18382"
                           	xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
@@ -7187,7 +7185,7 @@ const Ur = {
         (ee = this.map) != null && ee.getSource(this.interpolateSource) && ((K = this.map) == null || K.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(o) {
-      var r, s, c, n, u, d, m, b;
+      var r, s, c, n, p, d, m, b;
       const e = o.features[0], t = (s = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : s.features.filter(
         (f) => {
           var L;
@@ -7200,7 +7198,7 @@ const Ur = {
         }
       );
       this.activeTropicals = {
-        name: (u = e == null ? void 0 : e.properties) == null ? void 0 : u.name,
+        name: (p = e == null ? void 0 : e.properties) == null ? void 0 : p.name,
         forecasts: t.map((f) => f.properties),
         history: (d = i[0]) == null ? void 0 : d.properties,
         showCircle: (b = (m = t[0]) == null ? void 0 : m.properties) == null ? void 0 : b.showCircle
@@ -7212,10 +7210,10 @@ const Ur = {
       var i, a, r, s, c, n;
       o.disabled = !o.disabled;
       const e = `${o.name}-${o.model}`, t = (a = (i = this.map) == null ? void 0 : i.getSource(this.source)._data) == null ? void 0 : a.features;
-      t.forEach((u) => {
-        u.properties.category === e && (u.properties.disabled = o.disabled);
-      }), this.interpolateData.forEach((u) => {
-        u.properties.category === e && (u.properties.disabled = o.disabled);
+      t.forEach((p) => {
+        p.properties.category === e && (p.properties.disabled = o.disabled);
+      }), this.interpolateData.forEach((p) => {
+        p.properties.category === e && (p.properties.disabled = o.disabled);
       }), (s = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || s.setData(F.featureCollection(t)), (n = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || n.setData(F.featureCollection(t)), this.handleDateChange();
     },
     handleStrikeProbability(o) {
@@ -7293,7 +7291,7 @@ const Ur = {
   }
 }, Vr = { class: "idm-tropical-gl4" }, Yr = { key: 0 }, Zr = { class: "text-body-2 opacity-50" }, Xr = { class: "pa-1 d-flex justify-space-between align-center" }, qr = { class: "col col-left justify-start" }, Kr = { class: "col col-right justify-start" }, Jr = { class: "px-1 py-2 d-flex justify-space-between align-center" }, Qr = { class: "d-flex justify-space-between align-center col-left justify-start" }, $r = { class: "d-flex justify-space-between align-center col-right" }, el = { class: "pa-1 d-flex justify-space-between align-center" }, tl = { class: "d-flex justify-space-between align-center flex-1-1-100" }, ol = { class: "d-flex justify-end align-center flex-1-1-0 flex-wrap" }, al = ["onClick"];
 function il(o, e, t, i, a, r) {
-  const s = w("v-btn"), c = w("v-tooltip"), n = w("v-card-title"), u = w("v-card-subtitle"), d = w("v-card-item"), m = w("v-card-text"), b = w("v-card");
+  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), p = w("VCardSubtitle"), d = w("VCardItem"), m = w("VCardText"), b = w("VCard");
   return y(), M("div", Vr, [
     l("div", {
       class: "menu-bar-box transition pa-1",
@@ -7301,8 +7299,7 @@ function il(o, e, t, i, a, r) {
     }, [
       h(c, {
         text: o.$t("tropical.tropicals"),
-        location: "left",
-        "open-delay": 1e3
+        location: "left"
       }, {
         activator: g(({ props: f }) => [
           h(s, j(f, {
@@ -7324,10 +7321,10 @@ function il(o, e, t, i, a, r) {
       }, 8, ["text"])
     ], 4),
     He(h(b, {
+      id: "idm-tropical-gl4-info",
       class: "idm-tropical-gl4-info my-4",
       width: "400",
-      elevation: "16",
-      id: "idm-tropical-gl4-info"
+      elevation: "16"
     }, {
       default: g(() => [
         h(d, { class: "border-b-thin" }, {
@@ -7340,7 +7337,7 @@ function il(o, e, t, i, a, r) {
                 var f, L, S, P, E;
                 return [
                   l("div", null, [
-                    (L = (f = a.activeTropicals) == null ? void 0 : f.history) != null && L.level ? (y(), M("span", Yr, C((P = (S = a.activeTropicals) == null ? void 0 : S.history) == null ? void 0 : P.level) + " , ", 1)) : O("", !0),
+                    (L = (f = a.activeTropicals) == null ? void 0 : f.history) != null && L.level ? (y(), M("span", Yr, C((P = (S = a.activeTropicals) == null ? void 0 : S.history) == null ? void 0 : P.level) + " , ", 1)) : B("", !0),
                     U(C((E = a.activeTropicals) == null ? void 0 : E.name), 1)
                   ]),
                   h(s, {
@@ -7354,7 +7351,7 @@ function il(o, e, t, i, a, r) {
               }),
               _: 1
             }),
-            h(u, null, {
+            h(p, null, {
               default: g(() => {
                 var f, L, S, P, E;
                 return [
@@ -7616,7 +7613,7 @@ const rl = {
   style: { height: "56px" }
 };
 function ml(o, e, t, i, a, r) {
-  const s = w("VBtn"), c = w("VDatePicker"), n = w("VDivider"), u = w("VListItemTitle"), d = w("VListItem"), m = w("VList"), b = w("VCardText"), f = w("VCardActions"), L = w("VCard");
+  const s = w("VBtn"), c = w("VDatePicker"), n = w("VDivider"), p = w("VListItemTitle"), d = w("VListItem"), m = w("VList"), b = w("VCardText"), f = w("VCardActions"), L = w("VCard");
   return y(), M("div", ll, [
     h(s, {
       text: "",
@@ -7670,7 +7667,7 @@ function ml(o, e, t, i, a, r) {
                     "min-height": "26"
                   }, {
                     default: g(() => [
-                      h(u, {
+                      h(p, {
                         class: "text-body-2 text-center",
                         onClick: (E) => a.currentTime = S
                       }, {
@@ -7725,7 +7722,7 @@ function ml(o, e, t, i, a, r) {
         })
       ]),
       _: 1
-    })) : O("", !0)
+    })) : B("", !0)
   ]);
 }
 const Je = /* @__PURE__ */ X(rl, [["render", ml]]);
@@ -7735,6 +7732,10 @@ const hl = {
     DateTimePicker: Je
   },
   props: {
+    isLogin: {
+      type: Boolean,
+      default: !1
+    },
     token: {
       type: String
     },
@@ -7894,7 +7895,7 @@ const hl = {
   },
   methods: {
     handleMenuToggle() {
-      this.toggle = !this.toggle, this.showForm = !!this.toggle;
+      this.isLogin && (this.toggle = !this.toggle, this.showForm = !!this.toggle);
     },
     submitForm() {
       this.$refs.spotForm.validate().then(async (o) => {
@@ -7959,10 +7960,10 @@ const hl = {
       (a == null ? void 0 : a.data.code) === 0 && (this.meteoData = a == null ? void 0 : a.data.data), this.loading = !1;
     },
     initTableData(o) {
-      var t, i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze;
+      var t, i, a, r, s, c, n, p, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze;
       this.currentHourData = {}, this.positionGmt = (i = (t = o == null ? void 0 : o.weather) == null ? void 0 : t[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (a = o == null ? void 0 : o.weather) == null ? void 0 : a[0]) == null ? void 0 : r.offset;
       const e = ((s = qe.pickHourly(o, D(this.form.dateTime))) == null ? void 0 : s[0]) || {};
-      this.currentHourData.utc = e.utc, this.currentHourData.lat = this.form.lat, this.currentHourData.lng = this.form.lng, this.currentHourData.temp = this.roundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((u = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : u.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((m = (d = e == null ? void 0 : e.weather) == null ? void 0 : d.precip) == null ? void 0 : m.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((b = e == null ? void 0 : e.weather) == null ? void 0 : b.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((L = (f = e == null ? void 0 : e.weather) == null ? void 0 : f.wind) == null ? void 0 : L.kts, 1) ?? "-", this.currentHourData.windDir = (P = (S = e == null ? void 0 : e.weather) == null ? void 0 : S.wind) == null ? void 0 : P.direction, this.currentHourData.windLevel = this.roundPrecision((T = (E = e == null ? void 0 : e.weather) == null ? void 0 : E.wind) == null ? void 0 : T.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((v = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : v.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((z = (_ = e == null ? void 0 : e.wave) == null ? void 0 : _.sig) == null ? void 0 : z.height, 1) ?? "-", this.currentHourData.sigwaveDir = (R = (x = e == null ? void 0 : e.wave) == null ? void 0 : x.sig) == null ? void 0 : R.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((Y = (H = e == null ? void 0 : e.wave) == null ? void 0 : H.sig) == null ? void 0 : Y.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((W = (G = e == null ? void 0 : e.wave) == null ? void 0 : G.wd) == null ? void 0 : W.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.roundPrecision((se = (K = e == null ? void 0 : e.wave) == null ? void 0 : K.wd) == null ? void 0 : se.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((pe = (me = e == null ? void 0 : e.wave) == null ? void 0 : me.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = (q = (he = e == null ? void 0 : e.wave) == null ? void 0 : he.swell) == null ? void 0 : q.direction, this.currentHourData.swellPeriod = this.roundPrecision((ne = (I = e == null ? void 0 : e.wave) == null ? void 0 : I.swell) == null ? void 0 : ne.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.speed, 1) ?? "-", this.currentHourData.currentDir = (be = e == null ? void 0 : e.current) == null ? void 0 : be.direction, this.currentHourData.currentSpeed = this.roundPrecision((ke = e == null ? void 0 : e.current) == null ? void 0 : ke.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ze = e == null ? void 0 : e.weather) == null ? void 0 : ze.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = this.form.lat, this.currentHourData.lng = this.form.lng, this.currentHourData.temp = this.roundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((p = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : p.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((m = (d = e == null ? void 0 : e.weather) == null ? void 0 : d.precip) == null ? void 0 : m.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((b = e == null ? void 0 : e.weather) == null ? void 0 : b.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((L = (f = e == null ? void 0 : e.weather) == null ? void 0 : f.wind) == null ? void 0 : L.kts, 1) ?? "-", this.currentHourData.windDir = (P = (S = e == null ? void 0 : e.weather) == null ? void 0 : S.wind) == null ? void 0 : P.direction, this.currentHourData.windLevel = this.roundPrecision((T = (E = e == null ? void 0 : e.weather) == null ? void 0 : E.wind) == null ? void 0 : T.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((v = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : v.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((z = (_ = e == null ? void 0 : e.wave) == null ? void 0 : _.sig) == null ? void 0 : z.height, 1) ?? "-", this.currentHourData.sigwaveDir = (R = (x = e == null ? void 0 : e.wave) == null ? void 0 : x.sig) == null ? void 0 : R.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((Y = (H = e == null ? void 0 : e.wave) == null ? void 0 : H.sig) == null ? void 0 : Y.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((W = (G = e == null ? void 0 : e.wave) == null ? void 0 : G.wd) == null ? void 0 : W.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.roundPrecision((se = (K = e == null ? void 0 : e.wave) == null ? void 0 : K.wd) == null ? void 0 : se.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((pe = (me = e == null ? void 0 : e.wave) == null ? void 0 : me.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = (q = (he = e == null ? void 0 : e.wave) == null ? void 0 : he.swell) == null ? void 0 : q.direction, this.currentHourData.swellPeriod = this.roundPrecision((ne = (I = e == null ? void 0 : e.wave) == null ? void 0 : I.swell) == null ? void 0 : ne.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.speed, 1) ?? "-", this.currentHourData.currentDir = (be = e == null ? void 0 : e.current) == null ? void 0 : be.direction, this.currentHourData.currentSpeed = this.roundPrecision((ke = e == null ? void 0 : e.current) == null ? void 0 : ke.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ze = e == null ? void 0 : e.weather) == null ? void 0 : ze.url;
     },
     handleBind() {
       var o, e;
@@ -8033,7 +8034,7 @@ const hl = {
   "aria-hidden": "true"
 }, zl = ["xlink:href"], Ll = { class: "d-flex justify-start align-center" }, Pl = { class: "mx-2" };
 function Cl(o, e, t, i, a, r) {
-  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VDivider"), d = w("VTextField"), m = w("VCol"), b = w("VRow"), f = w("DateTimePicker"), L = w("VBtnToggle"), S = w("VCardActions"), P = w("VForm"), E = w("VCardText"), T = w("VCard"), k = w("VIcon");
+  const s = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), p = w("VDivider"), d = w("VTextField"), m = w("VCol"), b = w("VRow"), f = w("DateTimePicker"), L = w("VBtnToggle"), S = w("VCardActions"), P = w("VForm"), E = w("VCardText"), T = w("VCard"), k = w("VIcon");
   return y(), M("div", dl, [
     l("div", {
       class: "menu-bar-box transition pa-1",
@@ -8041,8 +8042,7 @@ function Cl(o, e, t, i, a, r) {
     }, [
       h(c, {
         text: o.$t("spot.spotsMeteo"),
-        location: "left",
-        "open-delay": 1e3
+        location: "left"
       }, {
         activator: g(({ props: v }) => [
           h(s, j(v, {
@@ -8094,7 +8094,7 @@ function Cl(o, e, t, i, a, r) {
           _: 1,
           __: [10]
         }),
-        h(u),
+        h(p),
         h(E, { class: "text-body-1 py-1" }, {
           default: g(() => [
             h(P, {
@@ -8346,7 +8346,7 @@ function Cl(o, e, t, i, a, r) {
                   ]),
                   _: 1
                 }),
-                h(u),
+                h(p),
                 h(S, { class: "d-flex justify-end align-center ga-4" }, {
                   default: g(() => [
                     h(s, {
@@ -8386,7 +8386,7 @@ function Cl(o, e, t, i, a, r) {
         })
       ]),
       _: 1
-    }, 8, ["style"])) : O("", !0),
+    }, 8, ["style"])) : B("", !0),
     He(h(T, {
       id: "idm-gl4-spot-meteo",
       class: "spot-meteo",
@@ -8421,7 +8421,7 @@ function Cl(o, e, t, i, a, r) {
           }),
           _: 1
         }),
-        h(u),
+        h(p),
         h(E, { class: "text-body-1 ml-n8" }, {
           default: g(() => [
             h(b, null, {
@@ -8610,7 +8610,7 @@ function Cl(o, e, t, i, a, r) {
           ]),
           _: 1
         }),
-        h(u),
+        h(p),
         h(S, { class: "d-flex justify-space-between align-center" }, {
           default: g(() => [
             h(s, {
@@ -8739,7 +8739,7 @@ const Ml = {
       }
     },
     handleDrag(o) {
-      var t, i, a, r, s, c, n, u, d, m;
+      var t, i, a, r, s, c, n, p, d, m;
       const e = (i = (t = o.target) == null ? void 0 : t._element) == null ? void 0 : i.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const b = this.geojson.filter((P) => P.id === e.split("-")[0])[0];
@@ -8758,13 +8758,13 @@ const Ml = {
         this.handleTmpPointUpdate(
           b,
           S[L - 1],
-          { lng: (u = (n = o.target) == null ? void 0 : n._lngLat) == null ? void 0 : u.lng, lat: (m = (d = o.target) == null ? void 0 : d._lngLat) == null ? void 0 : m.lat, properties: S[L].properties },
+          { lng: (p = (n = o.target) == null ? void 0 : n._lngLat) == null ? void 0 : p.lng, lat: (m = (d = o.target) == null ? void 0 : d._lngLat) == null ? void 0 : m.lat, properties: S[L].properties },
           L === S.length - 1 ? void 0 : S[L + 1]
         );
       }
     },
     handleDragEnd(o) {
-      var t, i, a, r, s, c, n, u, d, m;
+      var t, i, a, r, s, c, n, p, d, m;
       const e = (i = (t = o.target) == null ? void 0 : t._element) == null ? void 0 : i.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const b = this.geojson.filter((S) => S.id === e.split("-")[0])[0];
@@ -8773,7 +8773,7 @@ const Ml = {
           return ((P = S._element) == null ? void 0 : P.id) === e;
         })[0].setLngLat([(r = (a = o.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (s = o.target) == null ? void 0 : s._lngLat) == null ? void 0 : c.lat]);
         const L = b.features.filter((S) => S.geometry.type === "Point" && S.properties.id === e.split("-")[1])[0];
-        L.geometry.coordinates = [(u = (n = o.target) == null ? void 0 : n._lngLat) == null ? void 0 : u.lng, (m = (d = o.target) == null ? void 0 : d._lngLat) == null ? void 0 : m.lat], b.features = b.features.filter((S) => S.geometry.type === "Point"), this.handlePointUpdate(b);
+        L.geometry.coordinates = [(p = (n = o.target) == null ? void 0 : n._lngLat) == null ? void 0 : p.lng, (m = (d = o.target) == null ? void 0 : d._lngLat) == null ? void 0 : m.lat], b.features = b.features.filter((S) => S.geometry.type === "Point"), this.handlePointUpdate(b);
       }
     },
     handleContextmenu(o) {
@@ -8782,9 +8782,9 @@ const Ml = {
       const e = (r = (a = (i = o.originalEvent) == null ? void 0 : i.target) == null ? void 0 : a.parentElement) == null ? void 0 : r.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const c = this.geojson.filter((n) => n.id === e.split("-")[0])[0].features.filter((n) => n.geometry.type === "Point");
-        if (c.length > 2 && c.filter((u) => u.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
-          const u = document.createElement("div");
-          u.className = "idm-gl4-measure-contextmenu-marker", u.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new Pe.Marker(u).setOffset([24, 0]).setLngLat([o.lngLat.lng, o.lngLat.lat]).addTo(this.map);
+        if (c.length > 2 && c.filter((p) => p.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
+          const p = document.createElement("div");
+          p.className = "idm-gl4-measure-contextmenu-marker", p.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new Pe.Marker(p).setOffset([24, 0]).setLngLat([o.lngLat.lng, o.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -8793,15 +8793,15 @@ const Ml = {
       (t = this.contextmenu) == null || t.remove();
       const e = o.originalEvent.target.className;
       if (e === "marker-close") {
-        const n = (a = (i = o.originalEvent) == null ? void 0 : i.srcElement) == null ? void 0 : a.id, u = this.geojson.filter((d) => d.id === n)[0];
-        u && this.handleClear(u, !0), this.geojson = this.geojson.filter((d) => d.id !== n), !this.toggle && !((r = this.geojson) != null && r.some((d) => d.closed)) && this.handleUnbind();
+        const n = (a = (i = o.originalEvent) == null ? void 0 : i.srcElement) == null ? void 0 : a.id, p = this.geojson.filter((d) => d.id === n)[0];
+        p && this.handleClear(p, !0), this.geojson = this.geojson.filter((d) => d.id !== n), !this.toggle && !((r = this.geojson) != null && r.some((d) => d.closed)) && this.handleUnbind();
       } else if (e === "del-point") {
-        const n = (c = (s = o.originalEvent.target.id) == null ? void 0 : s.replace("del-", "")) == null ? void 0 : c.split("-"), u = this.geojson.filter((d) => d.id === n[0])[0];
-        u.features = u.features.filter((d) => d.geometry.type === "Point" && d.properties.id !== n[1]), this.handlePointUpdate(u);
+        const n = (c = (s = o.originalEvent.target.id) == null ? void 0 : s.replace("del-", "")) == null ? void 0 : c.split("-"), p = this.geojson.filter((d) => d.id === n[0])[0];
+        p.features = p.features.filter((d) => d.geometry.type === "Point" && d.properties.id !== n[1]), this.handlePointUpdate(p);
       } else if (e !== "marker-label" && this.toggle) {
         let n = this.geojson.at(-1);
         n || (n = F.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(n)), n.features = n.features.filter((d) => d.geometry.type === "Point");
-        const u = F.feature(
+        const p = F.feature(
           {
             type: "Point",
             coordinates: [o.lngLat.lng, o.lngLat.lat]
@@ -8811,7 +8811,7 @@ const Ml = {
             mode: this.navigation
           }
         );
-        n.features.push(u), this.handlePointUpdate(n);
+        n.features.push(p), this.handlePointUpdate(n);
       }
     },
     handlePointUpdate(o) {
@@ -8820,10 +8820,10 @@ const Ml = {
         let t = 0;
         const i = [];
         for (let a = 1; a < e.length; a++) {
-          const r = e[a - 1], s = e[a], c = r.properties, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, u = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, d = Be.calculateDistance(n, u, c.mode === "RL", 4), m = Be.calculateBearing(n, u, c.mode === "RL", 2);
+          const r = e[a - 1], s = e[a], c = r.properties, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, p = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, d = Be.calculateDistance(n, p, c.mode === "RL", 4), m = Be.calculateBearing(n, p, c.mode === "RL", 2);
           t = ae.roundPrecision(t + d, 2);
           let b;
-          c.mode === "RL" ? b = ae.convertToMonotonicLng([n, u]) : b = ae.convertToMonotonicLng(Be.interpolateCoordinates(n, u, 200));
+          c.mode === "RL" ? b = ae.convertToMonotonicLng([n, p]) : b = ae.convertToMonotonicLng(Be.interpolateCoordinates(n, p, 200));
           const f = F.lineString(b.map((L) => [L.lng, L.lat]));
           f.properties.dist = d, f.properties.bearing = m, f.properties.total = t, i.push(f);
         }
@@ -8835,18 +8835,18 @@ const Ml = {
       const a = F.featureCollection([]);
       let r, s;
       if (e) {
-        const n = e.properties, u = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, d = { lng: t.lng, lat: t.lat };
-        r = Be.calculateDistance(u, d, n.mode === "RL", 4), s = Be.calculateBearing(u, d, n.mode === "RL", 2);
+        const n = e.properties, p = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, d = { lng: t.lng, lat: t.lat };
+        r = Be.calculateDistance(p, d, n.mode === "RL", 4), s = Be.calculateBearing(p, d, n.mode === "RL", 2);
         let m;
-        n.mode === "RL" ? m = ae.convertToMonotonicLng([u, d]) : m = ae.convertToMonotonicLng(Be.interpolateCoordinates(u, d, 200));
+        n.mode === "RL" ? m = ae.convertToMonotonicLng([p, d]) : m = ae.convertToMonotonicLng(Be.interpolateCoordinates(p, d, 200));
         const b = F.lineString(m.map((f) => [f.lng, f.lat]));
         b.properties.dist = r, b.properties.bearing = s, a.features.push(b);
       }
       if (i) {
-        const n = t.properties, u = t, d = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
-        r = Be.calculateDistance(u, d, n.mode === "RL", 4), s = Be.calculateBearing(u, d, n.mode === "RL", 2);
+        const n = t.properties, p = t, d = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
+        r = Be.calculateDistance(p, d, n.mode === "RL", 4), s = Be.calculateBearing(p, d, n.mode === "RL", 2);
         let m;
-        n.mode === "RL" ? m = ae.convertToMonotonicLng([u, d]) : m = ae.convertToMonotonicLng(Be.interpolateCoordinates(u, d, 200));
+        n.mode === "RL" ? m = ae.convertToMonotonicLng([p, d]) : m = ae.convertToMonotonicLng(Be.interpolateCoordinates(p, d, 200));
         const b = F.lineString(m.map((f) => [f.lng, f.lat]));
         b.properties.dist = r, b.properties.bearing = s, a.features.push(b);
       }
@@ -8892,7 +8892,11 @@ const Ml = {
         c = `<div class="marker-label">${this.$t("measure.dragTips")}</div>`;
       else {
         const n = ae.roundPrecision((o.total ?? 0) + r, 1);
-        c = `<div class="marker-label">${this.$t("measure.totalDistance")}: <b>${n}</b>${this.$t("units.nm")}, ${this.$t("measure.bearing")}: <b>${s}</b>°</div><div class="marker-label"> ${this.$t("measure.mode")}${this.navigation === "RL" ? "RL" : "GC"}, ${this.$t("measure.switchTips")}</div><div class="marker-label">${this.$t("measure.clickTips")}</div>`;
+        c = `<div class="marker-label">${this.$t("measure.totalDistance")}: <b>${n}</b>${this.$t("units.nm")}, ${this.$t(
+          "measure.bearing"
+        )}: <b>${s}</b>°</div><div class="marker-label"> ${this.$t("measure.mode")}${this.navigation === "RL" ? "RL" : "GC"}, ${this.$t(
+          "measure.switchTips"
+        )}</div><div class="marker-label">${this.$t("measure.clickTips")}</div>`;
       }
       if (this.tipMarker)
         this.tipMarker._element.innerHTML = c, this.tipMarker.setLngLat([t.lng, t.lat]);
@@ -8960,15 +8964,15 @@ const Ml = {
           n.on("drag", this.handleDrag), n.on("dragend", this.handleDragEnd), this.pointMarkers[o.id] ? this.pointMarkers[o.id].push(n) : this.pointMarkers[o.id] = [n];
         }
         if (o.closed) {
-          const s = r.at(-1), n = o.features.filter((d) => d.geometry.type === "LineString").at(-1), u = document.createElement("div");
-          u.className = "idm-gl4-measure-summary-marker", u.innerHTML = `<div id="${o.id}" class="marker-close">×</div><div class="marker-label">${this.$t("measure.total")}: ${n.properties.total}${this.$t("units.nm")}</div>`, this.closeMarkers[o.id] = new Pe.Marker(u).setOffset([60, 0]).setLngLat(s.geometry.coordinates).addTo(this.map);
+          const s = r.at(-1), n = o.features.filter((d) => d.geometry.type === "LineString").at(-1), p = document.createElement("div");
+          p.className = "idm-gl4-measure-summary-marker", p.innerHTML = `<div id="${o.id}" class="marker-close">×</div><div class="marker-label">${this.$t("measure.total")}: ${n.properties.total}${this.$t("units.nm")}</div>`, this.closeMarkers[o.id] = new Pe.Marker(p).setOffset([60, 0]).setLngLat(s.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(o, e = !0) {
-      var r, s, c, n, u, d, m, b, f;
+      var r, s, c, n, p, d, m, b, f;
       const t = `${o.id}-${this.source}`, i = `${o.id}-${this.layer}`, a = `${o.id}-${this.labelLayer}`;
-      (r = this.map) != null && r.getLayer(i) && this.map.removeLayer(i), (s = this.map) != null && s.getLayer(a) && this.map.removeLayer(a), (c = this.map) != null && c.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (n = this.map) != null && n.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (u = this.closeMarkers[o.id]) == null || u.remove(), this.closeMarkers[o.id] = void 0, (d = this.pointMarkers[o.id]) == null || d.forEach((L) => {
+      (r = this.map) != null && r.getLayer(i) && this.map.removeLayer(i), (s = this.map) != null && s.getLayer(a) && this.map.removeLayer(a), (c = this.map) != null && c.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (n = this.map) != null && n.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (p = this.closeMarkers[o.id]) == null || p.remove(), this.closeMarkers[o.id] = void 0, (d = this.pointMarkers[o.id]) == null || d.forEach((L) => {
         L == null || L.remove();
       }), this.pointMarkers[o.id] = [], (m = this.tipMarker) == null || m.remove(), this.tipMarker = void 0, e && ((b = this.map) != null && b.getSource(t)) && this.map.removeSource(t), e && ((f = this.map) != null && f.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
@@ -8983,8 +8987,7 @@ function Rl(o, e, t, i, a, r) {
     }, [
       h(c, {
         text: o.$t("measure.measure"),
-        location: "left",
-        "open-delay": 1e3
+        location: "left"
       }, {
         activator: g(({ props: n }) => [
           h(s, j(n, {
@@ -9126,7 +9129,7 @@ const Al = {
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
 }, Nl = ["onClick"], Hl = { class: "btn-box d-flex justify-center align-center rounded ga-2 py-1 px-2" }, Gl = { class: "text-body-2" };
 function Wl(o, e, t, i, a, r) {
-  const s = w("DateTimePicker"), c = w("VListItemTitle"), n = w("VListItem"), u = w("VList"), d = w("VMenu"), m = w("VBtn"), b = w("VTooltip");
+  const s = w("DateTimePicker"), c = w("VListItemTitle"), n = w("VListItem"), p = w("VList"), d = w("VMenu"), m = w("VBtn"), b = w("VTooltip");
   return y(), M("div", Dl, [
     a.show ? (y(), M("div", {
       key: 0,
@@ -9153,7 +9156,7 @@ function Wl(o, e, t, i, a, r) {
             U(C(a.intervalHour) + " h ", 1),
             h(d, { activator: "parent" }, {
               default: g(() => [
-                h(u, { class: "pa-1" }, {
+                h(p, { class: "pa-1" }, {
                   default: g(() => [
                     (y(!0), M(fe, null, _e(a.intervalOptions, (f, L) => (y(), V(n, {
                       key: L,
@@ -9404,7 +9407,7 @@ function Wl(o, e, t, i, a, r) {
           __: [18]
         })
       ])
-    ], 4)) : O("", !0),
+    ], 4)) : B("", !0),
     l("div", {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
       style: Q({ right: a.right + "px" })
@@ -9415,7 +9418,7 @@ function Wl(o, e, t, i, a, r) {
           class: "item rounded text-body-2",
           onClick: (L) => a.timeZone = f
         }, C(f < 0 ? f : "+" + f), 9, Nl))), 128))
-      ])) : O("", !0),
+      ])) : B("", !0),
       l("div", Hl, [
         h(m, {
           text: "",
@@ -9480,7 +9483,7 @@ const Ul = /* @__PURE__ */ X(Al, [["render", Wl]]), Vl = {
   class: "map-gl4-home"
 };
 function Zl(o, e, t, i, a, r) {
-  const s = w("IdmOtherLayer"), c = w("IdmWeatherLayer"), n = w("IdmTropicals"), u = w("IdmMeasure"), d = w("IdmSpot"), m = w("IdmBottomBar");
+  const s = w("IdmOtherLayer"), c = w("IdmWeatherLayer"), n = w("IdmTropicals"), p = w("IdmMeasure"), d = w("IdmSpot"), m = w("IdmBottomBar");
   return y(), M("div", Yl, [
     h(s, j({
       ref: "idmOtherLayers",
@@ -9516,7 +9519,7 @@ function Zl(o, e, t, i, a, r) {
       assistGateway: a.assistGateway,
       "forecast-model": t.forecastModel
     }, o.$attrs), null, 16, ["map", "token", "defaultMeteoToken", "tropicals", "realTime", "gateway", "assistGateway", "forecast-model"]),
-    h(u, j({ map: t.map }, o.$attrs), null, 16, ["map"]),
+    h(p, j({ map: t.map }, o.$attrs), null, 16, ["map"]),
     h(d, j({
       ref: "idmSpot",
       map: t.map,
@@ -9542,7 +9545,7 @@ class ql {
     le(this, "hi");
     le(this, "td");
     le(this, "windy");
-    var t, i, a, r, s, c, n, u, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te, de, we, Re, J, Ce, xe, ie, ue, N, Le, oe, re, Ee, B, ye, Oe, Fe, Ne, A, Z, Ye, Ze, Xe, Ae, Qe, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, bt, yt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, Rt, It, At, Dt, Ot, Bt, jt, Et, Ft, Nt, Ht, Gt, Wt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, lo, so, no, co, mo, ho, po, uo, go, fo, bo, yo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, So, Mo, To, Ro, Io, Ao, Do, Oo, Bo, jo, Eo, Fo, No;
+    var t, i, a, r, s, c, n, p, d, m, b, f, L, S, P, E, T, k, v, _, z, x, R, H, Y, G, W, $, ee, K, se, me, pe, he, q, I, ne, ge, be, ke, ze, Se, Me, Te, te, de, we, Re, J, Ce, xe, ie, ue, N, Le, oe, re, Ee, O, ye, Oe, Fe, Ne, A, Z, Ye, Ze, Xe, Ae, Qe, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, bt, yt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, Rt, It, At, Dt, Ot, Bt, jt, Et, Ft, Nt, Ht, Gt, Wt, Ut, Vt, Yt, Zt, Xt, qt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, lo, so, no, co, mo, ho, po, uo, go, fo, bo, yo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, So, Mo, To, Ro, Io, Ao, Do, Oo, Bo, jo, Eo, Fo, No;
     this.i4 = {
       source: {
         type: "raster",
@@ -71419,29 +71422,29 @@ class ql {
           composite: this.originStyle.light.sources.composite
         },
         layers: [
-          (i = (t = this.originStyle) == null ? void 0 : t.light.layers) == null ? void 0 : i.find((p) => p.id === "land"),
-          (r = (a = this.originStyle) == null ? void 0 : a.light.layers) == null ? void 0 : r.find((p) => p.id === "water"),
-          (c = (s = this.originStyle) == null ? void 0 : s.light.layers) == null ? void 0 : c.find((p) => p.id === "empty-layer-1"),
-          (u = (n = this.originStyle) == null ? void 0 : n.light.layers) == null ? void 0 : u.find((p) => p.id === "country-boundaries"),
-          (m = (d = this.originStyle) == null ? void 0 : d.light.layers) == null ? void 0 : m.find((p) => p.id === "water-outline"),
-          (f = (b = this.originStyle) == null ? void 0 : b.light.layers) == null ? void 0 : f.find((p) => p.id === "water-outline2"),
-          (S = (L = this.originStyle) == null ? void 0 : L.light.layers) == null ? void 0 : S.find((p) => p.id === "empty-layer-2"),
-          (E = (P = this.originStyle) == null ? void 0 : P.light.layers) == null ? void 0 : E.find((p) => p.id === "empty-layer-3"),
-          (k = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : k.find((p) => p.id === "empty-layer-4"),
-          (_ = (v = this.originStyle) == null ? void 0 : v.light.layers) == null ? void 0 : _.find((p) => p.id === "water-line-label"),
-          (x = (z = this.originStyle) == null ? void 0 : z.light.layers) == null ? void 0 : x.find((p) => p.id === "water-point-label"),
-          (H = (R = this.originStyle) == null ? void 0 : R.light.layers) == null ? void 0 : H.find((p) => p.id === "world-12nm-v4-20231025"),
-          (G = (Y = this.originStyle) == null ? void 0 : Y.light.layers) == null ? void 0 : G.find((p) => p.id === "ne-10m-outline"),
-          ($ = (W = this.originStyle) == null ? void 0 : W.light.layers) == null ? void 0 : $.find((p) => p.id === "ne-10m-label"),
-          (K = (ee = this.originStyle) == null ? void 0 : ee.light.layers) == null ? void 0 : K.find((p) => p.id === "china-route-line"),
-          (me = (se = this.originStyle) == null ? void 0 : se.light.layers) == null ? void 0 : me.find((p) => p.id === "china-route-fill"),
-          (he = (pe = this.originStyle) == null ? void 0 : pe.light.layers) == null ? void 0 : he.find((p) => p.id === "china-route-label"),
-          (I = (q = this.originStyle) == null ? void 0 : q.light.layers) == null ? void 0 : I.find((p) => p.id === "admin-0-boundary-bg"),
-          (ge = (ne = this.originStyle) == null ? void 0 : ne.light.layers) == null ? void 0 : ge.find((p) => p.id === "admin-0-boundary"),
-          (ke = (be = this.originStyle) == null ? void 0 : be.light.layers) == null ? void 0 : ke.find((p) => p.id === "admin-0-boundary-disputed"),
-          (Se = (ze = this.originStyle) == null ? void 0 : ze.light.layers) == null ? void 0 : Se.find((p) => p.id === "country-label"),
-          (Te = (Me = this.originStyle) == null ? void 0 : Me.light.layers) == null ? void 0 : Te.find((p) => p.id === "continent-label"),
-          (de = (te = this.originStyle) == null ? void 0 : te.light.layers) == null ? void 0 : de.find((p) => p.id === "state-label")
+          (i = (t = this.originStyle) == null ? void 0 : t.light.layers) == null ? void 0 : i.find((u) => u.id === "land"),
+          (r = (a = this.originStyle) == null ? void 0 : a.light.layers) == null ? void 0 : r.find((u) => u.id === "water"),
+          (c = (s = this.originStyle) == null ? void 0 : s.light.layers) == null ? void 0 : c.find((u) => u.id === "empty-layer-1"),
+          (p = (n = this.originStyle) == null ? void 0 : n.light.layers) == null ? void 0 : p.find((u) => u.id === "country-boundaries"),
+          (m = (d = this.originStyle) == null ? void 0 : d.light.layers) == null ? void 0 : m.find((u) => u.id === "water-outline"),
+          (f = (b = this.originStyle) == null ? void 0 : b.light.layers) == null ? void 0 : f.find((u) => u.id === "water-outline2"),
+          (S = (L = this.originStyle) == null ? void 0 : L.light.layers) == null ? void 0 : S.find((u) => u.id === "empty-layer-2"),
+          (E = (P = this.originStyle) == null ? void 0 : P.light.layers) == null ? void 0 : E.find((u) => u.id === "empty-layer-3"),
+          (k = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : k.find((u) => u.id === "empty-layer-4"),
+          (_ = (v = this.originStyle) == null ? void 0 : v.light.layers) == null ? void 0 : _.find((u) => u.id === "water-line-label"),
+          (x = (z = this.originStyle) == null ? void 0 : z.light.layers) == null ? void 0 : x.find((u) => u.id === "water-point-label"),
+          (H = (R = this.originStyle) == null ? void 0 : R.light.layers) == null ? void 0 : H.find((u) => u.id === "world-12nm-v4-20231025"),
+          (G = (Y = this.originStyle) == null ? void 0 : Y.light.layers) == null ? void 0 : G.find((u) => u.id === "ne-10m-outline"),
+          ($ = (W = this.originStyle) == null ? void 0 : W.light.layers) == null ? void 0 : $.find((u) => u.id === "ne-10m-label"),
+          (K = (ee = this.originStyle) == null ? void 0 : ee.light.layers) == null ? void 0 : K.find((u) => u.id === "china-route-line"),
+          (me = (se = this.originStyle) == null ? void 0 : se.light.layers) == null ? void 0 : me.find((u) => u.id === "china-route-fill"),
+          (he = (pe = this.originStyle) == null ? void 0 : pe.light.layers) == null ? void 0 : he.find((u) => u.id === "china-route-label"),
+          (I = (q = this.originStyle) == null ? void 0 : q.light.layers) == null ? void 0 : I.find((u) => u.id === "admin-0-boundary-bg"),
+          (ge = (ne = this.originStyle) == null ? void 0 : ne.light.layers) == null ? void 0 : ge.find((u) => u.id === "admin-0-boundary"),
+          (ke = (be = this.originStyle) == null ? void 0 : be.light.layers) == null ? void 0 : ke.find((u) => u.id === "admin-0-boundary-disputed"),
+          (Se = (ze = this.originStyle) == null ? void 0 : ze.light.layers) == null ? void 0 : Se.find((u) => u.id === "country-label"),
+          (Te = (Me = this.originStyle) == null ? void 0 : Me.light.layers) == null ? void 0 : Te.find((u) => u.id === "continent-label"),
+          (de = (te = this.originStyle) == null ? void 0 : te.light.layers) == null ? void 0 : de.find((u) => u.id === "state-label")
         ]
       },
       dark: {
@@ -71571,28 +71574,28 @@ class ql {
         protected: !1,
         draft: !1,
         layers: [
-          (Re = (we = this.originStyle) == null ? void 0 : we.dark.layers) == null ? void 0 : Re.find((p) => p.id === "land"),
-          (Ce = (J = this.originStyle) == null ? void 0 : J.dark.layers) == null ? void 0 : Ce.find((p) => p.id === "water"),
-          (ie = (xe = this.originStyle) == null ? void 0 : xe.dark.layers) == null ? void 0 : ie.find((p) => p.id === "empty-layer-1"),
-          (N = (ue = this.originStyle) == null ? void 0 : ue.dark.layers) == null ? void 0 : N.find((p) => p.id === "country-boundaries"),
-          (oe = (Le = this.originStyle) == null ? void 0 : Le.dark.layers) == null ? void 0 : oe.find((p) => p.id === "water-outline"),
-          (Ee = (re = this.originStyle) == null ? void 0 : re.dark.layers) == null ? void 0 : Ee.find((p) => p.id === "empty-layer-2"),
-          (ye = (B = this.originStyle) == null ? void 0 : B.dark.layers) == null ? void 0 : ye.find((p) => p.id === "empty-layer-3"),
-          (Fe = (Oe = this.originStyle) == null ? void 0 : Oe.dark.layers) == null ? void 0 : Fe.find((p) => p.id === "empty-layer-4"),
-          (A = (Ne = this.originStyle) == null ? void 0 : Ne.dark.layers) == null ? void 0 : A.find((p) => p.id === "water-line-label"),
-          (Ye = (Z = this.originStyle) == null ? void 0 : Z.dark.layers) == null ? void 0 : Ye.find((p) => p.id === "water-point-label"),
-          (Xe = (Ze = this.originStyle) == null ? void 0 : Ze.dark.layers) == null ? void 0 : Xe.find((p) => p.id === "world-12nm-v4-20231025"),
-          (Qe = (Ae = this.originStyle) == null ? void 0 : Ae.dark.layers) == null ? void 0 : Qe.find((p) => p.id === "ne-10m-outline"),
-          (et = ($e = this.originStyle) == null ? void 0 : $e.dark.layers) == null ? void 0 : et.find((p) => p.id === "ne-10m-label"),
-          (ot = (tt = this.originStyle) == null ? void 0 : tt.dark.layers) == null ? void 0 : ot.find((p) => p.id === "china-route-line"),
-          (it = (at = this.originStyle) == null ? void 0 : at.dark.layers) == null ? void 0 : it.find((p) => p.id === "china-route-fill"),
-          (lt = (rt = this.originStyle) == null ? void 0 : rt.dark.layers) == null ? void 0 : lt.find((p) => p.id === "china-route-label"),
-          (nt = (st = this.originStyle) == null ? void 0 : st.dark.layers) == null ? void 0 : nt.find((p) => p.id === "admin-0-boundary-bg"),
-          (mt = (ct = this.originStyle) == null ? void 0 : ct.dark.layers) == null ? void 0 : mt.find((p) => p.id === "admin-0-boundary"),
-          (dt = (ht = this.originStyle) == null ? void 0 : ht.dark.layers) == null ? void 0 : dt.find((p) => p.id === "admin-0-boundary-disputed"),
-          (ut = (pt = this.originStyle) == null ? void 0 : pt.dark.layers) == null ? void 0 : ut.find((p) => p.id === "country-label"),
-          (ft = (gt = this.originStyle) == null ? void 0 : gt.dark.layers) == null ? void 0 : ft.find((p) => p.id === "continent-label"),
-          (yt = (bt = this.originStyle) == null ? void 0 : bt.dark.layers) == null ? void 0 : yt.find((p) => p.id === "state-label")
+          (Re = (we = this.originStyle) == null ? void 0 : we.dark.layers) == null ? void 0 : Re.find((u) => u.id === "land"),
+          (Ce = (J = this.originStyle) == null ? void 0 : J.dark.layers) == null ? void 0 : Ce.find((u) => u.id === "water"),
+          (ie = (xe = this.originStyle) == null ? void 0 : xe.dark.layers) == null ? void 0 : ie.find((u) => u.id === "empty-layer-1"),
+          (N = (ue = this.originStyle) == null ? void 0 : ue.dark.layers) == null ? void 0 : N.find((u) => u.id === "country-boundaries"),
+          (oe = (Le = this.originStyle) == null ? void 0 : Le.dark.layers) == null ? void 0 : oe.find((u) => u.id === "water-outline"),
+          (Ee = (re = this.originStyle) == null ? void 0 : re.dark.layers) == null ? void 0 : Ee.find((u) => u.id === "empty-layer-2"),
+          (ye = (O = this.originStyle) == null ? void 0 : O.dark.layers) == null ? void 0 : ye.find((u) => u.id === "empty-layer-3"),
+          (Fe = (Oe = this.originStyle) == null ? void 0 : Oe.dark.layers) == null ? void 0 : Fe.find((u) => u.id === "empty-layer-4"),
+          (A = (Ne = this.originStyle) == null ? void 0 : Ne.dark.layers) == null ? void 0 : A.find((u) => u.id === "water-line-label"),
+          (Ye = (Z = this.originStyle) == null ? void 0 : Z.dark.layers) == null ? void 0 : Ye.find((u) => u.id === "water-point-label"),
+          (Xe = (Ze = this.originStyle) == null ? void 0 : Ze.dark.layers) == null ? void 0 : Xe.find((u) => u.id === "world-12nm-v4-20231025"),
+          (Qe = (Ae = this.originStyle) == null ? void 0 : Ae.dark.layers) == null ? void 0 : Qe.find((u) => u.id === "ne-10m-outline"),
+          (et = ($e = this.originStyle) == null ? void 0 : $e.dark.layers) == null ? void 0 : et.find((u) => u.id === "ne-10m-label"),
+          (ot = (tt = this.originStyle) == null ? void 0 : tt.dark.layers) == null ? void 0 : ot.find((u) => u.id === "china-route-line"),
+          (it = (at = this.originStyle) == null ? void 0 : at.dark.layers) == null ? void 0 : it.find((u) => u.id === "china-route-fill"),
+          (lt = (rt = this.originStyle) == null ? void 0 : rt.dark.layers) == null ? void 0 : lt.find((u) => u.id === "china-route-label"),
+          (nt = (st = this.originStyle) == null ? void 0 : st.dark.layers) == null ? void 0 : nt.find((u) => u.id === "admin-0-boundary-bg"),
+          (mt = (ct = this.originStyle) == null ? void 0 : ct.dark.layers) == null ? void 0 : mt.find((u) => u.id === "admin-0-boundary"),
+          (dt = (ht = this.originStyle) == null ? void 0 : ht.dark.layers) == null ? void 0 : dt.find((u) => u.id === "admin-0-boundary-disputed"),
+          (ut = (pt = this.originStyle) == null ? void 0 : pt.dark.layers) == null ? void 0 : ut.find((u) => u.id === "country-label"),
+          (ft = (gt = this.originStyle) == null ? void 0 : gt.dark.layers) == null ? void 0 : ft.find((u) => u.id === "continent-label"),
+          (yt = (bt = this.originStyle) == null ? void 0 : bt.dark.layers) == null ? void 0 : yt.find((u) => u.id === "state-label")
         ]
       },
       satellite: {
@@ -71722,23 +71725,23 @@ class ql {
         protected: !1,
         draft: !1,
         layers: [
-          (_t = (vt = this.originStyle) == null ? void 0 : vt.satellite.layers) == null ? void 0 : _t.find((p) => p.id === "background"),
-          (zt = (kt = this.originStyle) == null ? void 0 : kt.satellite.layers) == null ? void 0 : zt.find((p) => p.id === "satellite"),
-          (Pt = (Lt = this.originStyle) == null ? void 0 : Lt.satellite.layers) == null ? void 0 : Pt.find((p) => p.id === "empty-layer-1"),
-          (St = (Ct = this.originStyle) == null ? void 0 : Ct.satellite.layers) == null ? void 0 : St.find((p) => p.id === "country-boundaries"),
-          (Tt = (Mt = this.originStyle) == null ? void 0 : Mt.satellite.layers) == null ? void 0 : Tt.find((p) => p.id === "water-outline"),
-          (It = (Rt = this.originStyle) == null ? void 0 : Rt.satellite.layers) == null ? void 0 : It.find((p) => p.id === "empty-layer-2"),
-          (Dt = (At = this.originStyle) == null ? void 0 : At.satellite.layers) == null ? void 0 : Dt.find((p) => p.id === "empty-layer-3"),
-          (Bt = (Ot = this.originStyle) == null ? void 0 : Ot.satellite.layers) == null ? void 0 : Bt.find((p) => p.id === "empty-layer-4"),
-          (Et = (jt = this.originStyle) == null ? void 0 : jt.satellite.layers) == null ? void 0 : Et.find((p) => p.id === "world-12nm-v4-20231025"),
-          (Nt = (Ft = this.originStyle) == null ? void 0 : Ft.satellite.layers) == null ? void 0 : Nt.find((p) => p.id === "ne-10m-outline"),
-          (Gt = (Ht = this.originStyle) == null ? void 0 : Ht.satellite.layers) == null ? void 0 : Gt.find((p) => p.id === "ne-10m-label"),
-          (Ut = (Wt = this.originStyle) == null ? void 0 : Wt.satellite.layers) == null ? void 0 : Ut.find((p) => p.id === "china-route-line"),
-          (Yt = (Vt = this.originStyle) == null ? void 0 : Vt.satellite.layers) == null ? void 0 : Yt.find((p) => p.id === "china-route-fill"),
-          (Xt = (Zt = this.originStyle) == null ? void 0 : Zt.satellite.layers) == null ? void 0 : Xt.find((p) => p.id === "china-route-label"),
-          (Kt = (qt = this.originStyle) == null ? void 0 : qt.satellite.layers) == null ? void 0 : Kt.find((p) => p.id === "country-label"),
-          (Qt = (Jt = this.originStyle) == null ? void 0 : Jt.satellite.layers) == null ? void 0 : Qt.find((p) => p.id === "continent-label"),
-          (to = (eo = this.originStyle) == null ? void 0 : eo.satellite.layers) == null ? void 0 : to.find((p) => p.id === "state-label")
+          (_t = (vt = this.originStyle) == null ? void 0 : vt.satellite.layers) == null ? void 0 : _t.find((u) => u.id === "background"),
+          (zt = (kt = this.originStyle) == null ? void 0 : kt.satellite.layers) == null ? void 0 : zt.find((u) => u.id === "satellite"),
+          (Pt = (Lt = this.originStyle) == null ? void 0 : Lt.satellite.layers) == null ? void 0 : Pt.find((u) => u.id === "empty-layer-1"),
+          (St = (Ct = this.originStyle) == null ? void 0 : Ct.satellite.layers) == null ? void 0 : St.find((u) => u.id === "country-boundaries"),
+          (Tt = (Mt = this.originStyle) == null ? void 0 : Mt.satellite.layers) == null ? void 0 : Tt.find((u) => u.id === "water-outline"),
+          (It = (Rt = this.originStyle) == null ? void 0 : Rt.satellite.layers) == null ? void 0 : It.find((u) => u.id === "empty-layer-2"),
+          (Dt = (At = this.originStyle) == null ? void 0 : At.satellite.layers) == null ? void 0 : Dt.find((u) => u.id === "empty-layer-3"),
+          (Bt = (Ot = this.originStyle) == null ? void 0 : Ot.satellite.layers) == null ? void 0 : Bt.find((u) => u.id === "empty-layer-4"),
+          (Et = (jt = this.originStyle) == null ? void 0 : jt.satellite.layers) == null ? void 0 : Et.find((u) => u.id === "world-12nm-v4-20231025"),
+          (Nt = (Ft = this.originStyle) == null ? void 0 : Ft.satellite.layers) == null ? void 0 : Nt.find((u) => u.id === "ne-10m-outline"),
+          (Gt = (Ht = this.originStyle) == null ? void 0 : Ht.satellite.layers) == null ? void 0 : Gt.find((u) => u.id === "ne-10m-label"),
+          (Ut = (Wt = this.originStyle) == null ? void 0 : Wt.satellite.layers) == null ? void 0 : Ut.find((u) => u.id === "china-route-line"),
+          (Yt = (Vt = this.originStyle) == null ? void 0 : Vt.satellite.layers) == null ? void 0 : Yt.find((u) => u.id === "china-route-fill"),
+          (Xt = (Zt = this.originStyle) == null ? void 0 : Zt.satellite.layers) == null ? void 0 : Xt.find((u) => u.id === "china-route-label"),
+          (Kt = (qt = this.originStyle) == null ? void 0 : qt.satellite.layers) == null ? void 0 : Kt.find((u) => u.id === "country-label"),
+          (Qt = (Jt = this.originStyle) == null ? void 0 : Jt.satellite.layers) == null ? void 0 : Qt.find((u) => u.id === "continent-label"),
+          (to = (eo = this.originStyle) == null ? void 0 : eo.satellite.layers) == null ? void 0 : to.find((u) => u.id === "state-label")
         ]
       },
       nautical: {
@@ -71771,26 +71774,26 @@ class ql {
           name: "equirectangular"
         },
         layers: [
-          (ro = (io = this.originStyle) == null ? void 0 : io.nautical.layers) == null ? void 0 : ro.find((p) => p.id === "empty-layer-1"),
-          (so = (lo = this.originStyle) == null ? void 0 : lo.nautical.layers) == null ? void 0 : so.find((p) => p.id === "country-boundaries"),
-          (co = (no = this.originStyle) == null ? void 0 : no.nautical.layers) == null ? void 0 : co.find((p) => p.id === "water-outline"),
-          (ho = (mo = this.originStyle) == null ? void 0 : mo.nautical.layers) == null ? void 0 : ho.find((p) => p.id === "empty-layer-2"),
-          (uo = (po = this.originStyle) == null ? void 0 : po.nautical.layers) == null ? void 0 : uo.find((p) => p.id === "empty-layer-3"),
-          (fo = (go = this.originStyle) == null ? void 0 : go.nautical.layers) == null ? void 0 : fo.find((p) => p.id === "empty-layer-4"),
-          (yo = (bo = this.originStyle) == null ? void 0 : bo.nautical.layers) == null ? void 0 : yo.find((p) => p.id === "world-12nm-v4-20231025"),
-          (xo = (wo = this.originStyle) == null ? void 0 : wo.nautical.layers) == null ? void 0 : xo.find((p) => p.id === "ne-10m-outline"),
-          (_o = (vo = this.originStyle) == null ? void 0 : vo.nautical.layers) == null ? void 0 : _o.find((p) => p.id === "ne-10m-label"),
-          (zo = (ko = this.originStyle) == null ? void 0 : ko.nautical.layers) == null ? void 0 : zo.find((p) => p.id === "china-route-line"),
-          (Po = (Lo = this.originStyle) == null ? void 0 : Lo.nautical.layers) == null ? void 0 : Po.find((p) => p.id === "china-route-fill"),
-          (So = (Co = this.originStyle) == null ? void 0 : Co.nautical.layers) == null ? void 0 : So.find((p) => p.id === "china-route-label"),
+          (ro = (io = this.originStyle) == null ? void 0 : io.nautical.layers) == null ? void 0 : ro.find((u) => u.id === "empty-layer-1"),
+          (so = (lo = this.originStyle) == null ? void 0 : lo.nautical.layers) == null ? void 0 : so.find((u) => u.id === "country-boundaries"),
+          (co = (no = this.originStyle) == null ? void 0 : no.nautical.layers) == null ? void 0 : co.find((u) => u.id === "water-outline"),
+          (ho = (mo = this.originStyle) == null ? void 0 : mo.nautical.layers) == null ? void 0 : ho.find((u) => u.id === "empty-layer-2"),
+          (uo = (po = this.originStyle) == null ? void 0 : po.nautical.layers) == null ? void 0 : uo.find((u) => u.id === "empty-layer-3"),
+          (fo = (go = this.originStyle) == null ? void 0 : go.nautical.layers) == null ? void 0 : fo.find((u) => u.id === "empty-layer-4"),
+          (yo = (bo = this.originStyle) == null ? void 0 : bo.nautical.layers) == null ? void 0 : yo.find((u) => u.id === "world-12nm-v4-20231025"),
+          (xo = (wo = this.originStyle) == null ? void 0 : wo.nautical.layers) == null ? void 0 : xo.find((u) => u.id === "ne-10m-outline"),
+          (_o = (vo = this.originStyle) == null ? void 0 : vo.nautical.layers) == null ? void 0 : _o.find((u) => u.id === "ne-10m-label"),
+          (zo = (ko = this.originStyle) == null ? void 0 : ko.nautical.layers) == null ? void 0 : zo.find((u) => u.id === "china-route-line"),
+          (Po = (Lo = this.originStyle) == null ? void 0 : Lo.nautical.layers) == null ? void 0 : Po.find((u) => u.id === "china-route-fill"),
+          (So = (Co = this.originStyle) == null ? void 0 : Co.nautical.layers) == null ? void 0 : So.find((u) => u.id === "china-route-label"),
           this.i4.layer,
           // this.hi.layer,
-          (To = (Mo = this.originStyle) == null ? void 0 : Mo.light.layers) == null ? void 0 : To.find((p) => p.id === "admin-0-boundary-bg"),
-          (Io = (Ro = this.originStyle) == null ? void 0 : Ro.light.layers) == null ? void 0 : Io.find((p) => p.id === "admin-0-boundary"),
-          (Do = (Ao = this.originStyle) == null ? void 0 : Ao.light.layers) == null ? void 0 : Do.find((p) => p.id === "admin-0-boundary-disputed"),
-          (Bo = (Oo = this.originStyle) == null ? void 0 : Oo.light.layers) == null ? void 0 : Bo.find((p) => p.id === "country-label"),
-          (Eo = (jo = this.originStyle) == null ? void 0 : jo.light.layers) == null ? void 0 : Eo.find((p) => p.id === "continent-label"),
-          (No = (Fo = this.originStyle) == null ? void 0 : Fo.light.layers) == null ? void 0 : No.find((p) => p.id === "state-label")
+          (To = (Mo = this.originStyle) == null ? void 0 : Mo.light.layers) == null ? void 0 : To.find((u) => u.id === "admin-0-boundary-bg"),
+          (Io = (Ro = this.originStyle) == null ? void 0 : Ro.light.layers) == null ? void 0 : Io.find((u) => u.id === "admin-0-boundary"),
+          (Do = (Ao = this.originStyle) == null ? void 0 : Ao.light.layers) == null ? void 0 : Do.find((u) => u.id === "admin-0-boundary-disputed"),
+          (Bo = (Oo = this.originStyle) == null ? void 0 : Oo.light.layers) == null ? void 0 : Bo.find((u) => u.id === "country-label"),
+          (Eo = (jo = this.originStyle) == null ? void 0 : jo.light.layers) == null ? void 0 : Eo.find((u) => u.id === "continent-label"),
+          (No = (Fo = this.originStyle) == null ? void 0 : Fo.light.layers) == null ? void 0 : No.find((u) => u.id === "state-label")
         ],
         created: "2025-07-22T02:15:53.587Z",
         modified: "2025-08-07T10:15:43.870Z",
@@ -71845,7 +71848,8 @@ const Kl = {
     mapFeather: {
       handler() {
         this.mapFeather && this.$nextTick(() => {
-          this.initOnlineMap();
+          var o;
+          this.map ? (o = this.map) == null || o.setStyle(this.helper.mapboxStyle[this.mapFeather]) : this.initOnlineMap();
         });
       },
       immediate: !0
@@ -71898,7 +71902,7 @@ const Kl = {
   }
 }, Jl = { class: "mapbox-initial-gl4" }, Ql = { class: "v-btn--variant-elevated rounded" }, $l = { class: "zoom" };
 function es(o, e, t, i, a, r) {
-  const s = w("v-btn");
+  const s = w("VBtn");
   return y(), M("div", Jl, [
     e[2] || (e[2] = l("div", { id: "map" }, null, -1)),
     l("div", {