@idmwx/idmui-gl4 1.4.4 → 1.4.6

package/dist/index.js

@@ -1,6 +1,6 @@
 var Xa = Object.defineProperty;
 var $a = (t, e, o) => e in t ? Xa(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var de = (t, e, o) => ($a(t, typeof e != "symbol" ? e + "" : e, o), o);
+var ce = (t, e, o) => ($a(t, typeof e != "symbol" ? e + "" : e, o), o);
 import Se from "axios";
 import { useTheme as ze } from "vuetify";
 import { openBlock as b, createElementBlock as S, resolveComponent as x, createBlock as R, withCtx as u, createVNode as h, withModifiers as Ee, createElementVNode as l, createCommentVNode as M, normalizeClass as He, toDisplayString as m, createTextVNode as j, Fragment as be, renderList as we, withDirectives as We, vShow as Ge, mergeProps as B, normalizeStyle as ie } from "vue";
@@ -1482,10 +1482,10 @@ const ui = {
         { label: "Swell", key: "weather.swell", unit: "m" },
         { label: "Current", key: "weather.current", unit: "kts" }
       ], (o = (e = this.dateList) == null ? void 0 : e[this.currentIndex]) == null || o.dateTimeList.forEach((i, a) => {
-        var c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe;
+        var c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, F, Z, q, V, ee, $, Q, pe, me, J, ae, de, se, he, ge, H, ne, xe, Le, Pe;
         let r = {};
         const s = ((c = ao.pickHourly(t, D(i))) == null ? void 0 : c[0]) || {};
-        r.utc = s.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = s.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((f = s == null ? void 0 : s.weather) == null ? void 0 : f.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((y = (p = s == null ? void 0 : s.weather) == null ? void 0 : p.precip) == null ? void 0 : y.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((k = (w = s == null ? void 0 : s.weather) == null ? void 0 : w.precip) == null ? void 0 : k.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((g = s == null ? void 0 : s.weather) == null ? void 0 : g.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((T = (z = s == null ? void 0 : s.weather) == null ? void 0 : z.wind) == null ? void 0 : T.kts, 1) ?? "-", r.windDir = (I = (O = s == null ? void 0 : s.weather) == null ? void 0 : O.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((_ = (P = s == null ? void 0 : s.weather) == null ? void 0 : P.wind) == null ? void 0 : _.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((C = (L = s == null ? void 0 : s.weather) == null ? void 0 : L.wind) == null ? void 0 : C.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((A = (v = s == null ? void 0 : s.wave) == null ? void 0 : v.sig) == null ? void 0 : A.height, 1) ?? "-", r.sigwaveDir = (Z = (H = s == null ? void 0 : s.wave) == null ? void 0 : H.sig) == null ? void 0 : Z.direction, r.sigwavePeriod = this.computeRoundPrecision((V = (q = s == null ? void 0 : s.wave) == null ? void 0 : q.sig) == null ? void 0 : V.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((ee = (Q = s == null ? void 0 : s.wave) == null ? void 0 : Q.wd) == null ? void 0 : ee.height, 1) ?? "-", r.windwaveDir = (re = (J = s == null ? void 0 : s.wave) == null ? void 0 : J.wd) == null ? void 0 : re.direction, r.windwavePeriod = this.computeRoundPrecision((pe = (he = s == null ? void 0 : s.wave) == null ? void 0 : he.wd) == null ? void 0 : pe.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision(($ = (ne = s == null ? void 0 : s.wave) == null ? void 0 : ne.swell) == null ? void 0 : $.height, 1) ?? "-", r.swellDir = (ue = (ae = s == null ? void 0 : s.wave) == null ? void 0 : ae.swell) == null ? void 0 : ue.direction, r.swellPeriod = this.computeRoundPrecision((F = (ce = s == null ? void 0 : s.wave) == null ? void 0 : ce.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((me = s == null ? void 0 : s.current) == null ? void 0 : me.speed, 1) ?? "-", r.currentDir = (xe = s == null ? void 0 : s.current) == null ? void 0 : xe.direction, r.currentSpeed = this.computeRoundPrecision((Le = s == null ? void 0 : s.current) == null ? void 0 : Le.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(s == null ? void 0 : s.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(s == null ? void 0 : s.sst, 0) ?? "-", r.weatherUrls = (Pe = s == null ? void 0 : s.weather) == null ? void 0 : Pe.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = r.weatherUrl, this.tableData[2][`value${a}`] = r.temp, this.tableData[3][`value${a}`] = r.precip1h, this.tableData[4][`value${a}`] = r.visibility, this.tableData[5][`value${a}`] = r.windSpeed, this.tableData[6][`value${a}`] = r.sigwaveHeight, this.tableData[7][`value${a}`] = r.swellHeight, this.tableData[8][`value${a}`] = r.currentSpeed;
+        r.utc = s.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = s.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((f = s == null ? void 0 : s.weather) == null ? void 0 : f.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((y = (p = s == null ? void 0 : s.weather) == null ? void 0 : p.precip) == null ? void 0 : y.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((k = (w = s == null ? void 0 : s.weather) == null ? void 0 : w.precip) == null ? void 0 : k.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((g = s == null ? void 0 : s.weather) == null ? void 0 : g.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((T = (z = s == null ? void 0 : s.weather) == null ? void 0 : z.wind) == null ? void 0 : T.kts, 1) ?? "-", r.windDir = (I = (O = s == null ? void 0 : s.weather) == null ? void 0 : O.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((_ = (P = s == null ? void 0 : s.weather) == null ? void 0 : P.wind) == null ? void 0 : _.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((C = (L = s == null ? void 0 : s.weather) == null ? void 0 : L.wind) == null ? void 0 : C.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((A = (v = s == null ? void 0 : s.wave) == null ? void 0 : v.sig) == null ? void 0 : A.height, 1) ?? "-", r.sigwaveDir = (Z = (F = s == null ? void 0 : s.wave) == null ? void 0 : F.sig) == null ? void 0 : Z.direction, r.sigwavePeriod = this.computeRoundPrecision((V = (q = s == null ? void 0 : s.wave) == null ? void 0 : q.sig) == null ? void 0 : V.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision(($ = (ee = s == null ? void 0 : s.wave) == null ? void 0 : ee.wd) == null ? void 0 : $.height, 1) ?? "-", r.windwaveDir = (pe = (Q = s == null ? void 0 : s.wave) == null ? void 0 : Q.wd) == null ? void 0 : pe.direction, r.windwavePeriod = this.computeRoundPrecision((J = (me = s == null ? void 0 : s.wave) == null ? void 0 : me.wd) == null ? void 0 : J.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((de = (ae = s == null ? void 0 : s.wave) == null ? void 0 : ae.swell) == null ? void 0 : de.height, 1) ?? "-", r.swellDir = (he = (se = s == null ? void 0 : s.wave) == null ? void 0 : se.swell) == null ? void 0 : he.direction, r.swellPeriod = this.computeRoundPrecision((H = (ge = s == null ? void 0 : s.wave) == null ? void 0 : ge.swell) == null ? void 0 : H.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((ne = s == null ? void 0 : s.current) == null ? void 0 : ne.speed, 1) ?? "-", r.currentDir = (xe = s == null ? void 0 : s.current) == null ? void 0 : xe.direction, r.currentSpeed = this.computeRoundPrecision((Le = s == null ? void 0 : s.current) == null ? void 0 : Le.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(s == null ? void 0 : s.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(s == null ? void 0 : s.sst, 0) ?? "-", r.weatherUrls = (Pe = s == null ? void 0 : s.weather) == null ? void 0 : Pe.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = r.weatherUrl, this.tableData[2][`value${a}`] = r.temp, this.tableData[3][`value${a}`] = r.precip1h, this.tableData[4][`value${a}`] = r.visibility, this.tableData[5][`value${a}`] = r.windSpeed, this.tableData[6][`value${a}`] = r.sigwaveHeight, this.tableData[7][`value${a}`] = r.swellHeight, this.tableData[8][`value${a}`] = r.currentSpeed;
       });
     },
     handleTide() {
@@ -5493,8 +5493,8 @@ const es = {
   class: "border rounded-sm"
 }, ds = { class: "text-body-2 text-center pt-1" };
 function hs(t, e, o, i, a, r) {
-  var J, re, he, pe, ne, $, ae, ue, ce;
-  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), f = x("VCardItem"), p = x("VCheckbox"), y = x("VCardText"), w = x("VCard"), k = x("IdmLatLng"), g = x("IdmTerminator"), z = x("IdmTimezone"), T = x("IdmPort"), O = x("IdmAlertZone"), I = x("IdmTideStations"), P = x("IdmEcaZone"), _ = x("IdmWarZone"), L = x("IdmGmdssArea"), C = x("IdmLoadLine"), v = x("IdmWorldMarine"), A = x("IdmVRA"), H = x("IdmSpecialArea"), Z = x("IdmWorld12nm"), q = x("IdmChinaRoute"), V = x("IdmIceAreas"), Q = x("IdmFollowPort"), ee = x("IdmFollowPosition");
+  var Q, pe, me, J, ae, de, se, he, ge;
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), f = x("VCardItem"), p = x("VCheckbox"), y = x("VCardText"), w = x("VCard"), k = x("IdmLatLng"), g = x("IdmTerminator"), z = x("IdmTimezone"), T = x("IdmPort"), O = x("IdmAlertZone"), I = x("IdmTideStations"), P = x("IdmEcaZone"), _ = x("IdmWarZone"), L = x("IdmGmdssArea"), C = x("IdmLoadLine"), v = x("IdmWorldMarine"), A = x("IdmVRA"), F = x("IdmSpecialArea"), Z = x("IdmWorld12nm"), q = x("IdmChinaRoute"), V = x("IdmIceAreas"), ee = x("IdmFollowPort"), $ = x("IdmFollowPosition");
   return b(), S("div", ts, [
     l("div", {
       class: "menu-bar-box transition px-1 rounded",
@@ -5504,8 +5504,8 @@ function hs(t, e, o, i, a, r) {
         text: t.$t("layer.mapLayers"),
         location: "left"
       }, {
-        activator: u(({ props: F }) => [
-          h(s, B(F, {
+        activator: u(({ props: H }) => [
+          h(s, B(H, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -5565,25 +5565,25 @@ function hs(t, e, o, i, a, r) {
             h(y, { class: "pb-2" }, {
               default: u(() => [
                 l("div", rs, [
-                  (b(!0), S(be, null, we(a.mapFeathers, (F) => (b(), S("div", {
-                    key: F.value,
+                  (b(!0), S(be, null, we(a.mapFeathers, (H) => (b(), S("div", {
+                    key: H.value,
                     class: "mb-2 feather-item",
-                    onClick: (me) => r.handleToggleMapFeather(F)
+                    onClick: (ne) => r.handleToggleMapFeather(H)
                   }, [
                     l("div", {
-                      class: He([a.mapFeather === F.value ? "active" : "", "img-box"])
+                      class: He([a.mapFeather === H.value ? "active" : "", "img-box"])
                     }, [
-                      F.value === "dark" ? (b(), S("img", ss)) : F.value === "nautical" ? (b(), S("img", ns)) : F.value === "satellite" ? (b(), S("img", cs)) : (b(), S("img", ms))
+                      H.value === "dark" ? (b(), S("img", ss)) : H.value === "nautical" ? (b(), S("img", ns)) : H.value === "satellite" ? (b(), S("img", cs)) : (b(), S("img", ms))
                     ], 2),
-                    l("div", ds, m(t.$t(`layer.${F.locale}`)), 1)
+                    l("div", ds, m(t.$t(`layer.${H.locale}`)), 1)
                   ], 8, ls))), 128))
                 ]),
-                (b(!0), S(be, null, we(a.tagLayers.filter((F) => ["graticule", "day-night", "time-zones"].includes(F.key)), (F) => (b(), R(p, {
-                  key: F.key,
+                (b(!0), S(be, null, we(a.tagLayers.filter((H) => ["graticule", "day-night", "time-zones"].includes(H.key)), (H) => (b(), R(p, {
+                  key: H.key,
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[0] || (e[0] = (me) => a.checkList = me),
-                  value: F.key,
-                  label: t.$t(`layer.${F.locale}`),
+                  "onUpdate:modelValue": e[0] || (e[0] = (ne) => a.checkList = ne),
+                  value: H.key,
+                  label: t.$t(`layer.${H.locale}`),
                   color: "primary",
                   density: "compact",
                   style: { height: "36px" },
@@ -5617,12 +5617,12 @@ function hs(t, e, o, i, a, r) {
             }),
             h(y, { class: "py-2" }, {
               default: u(() => [
-                (b(!0), S(be, null, we(a.tagLayers.filter((F) => ["ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (b(), R(p, {
-                  key: F.key,
+                (b(!0), S(be, null, we(a.tagLayers.filter((H) => ["ports", "alert-zones", "tidal-stations"].includes(H.key)), (H) => (b(), R(p, {
+                  key: H.key,
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[1] || (e[1] = (me) => a.checkList = me),
-                  value: F.key,
-                  label: t.$t(`layer.${F.locale}`),
+                  "onUpdate:modelValue": e[1] || (e[1] = (ne) => a.checkList = ne),
+                  value: H.key,
+                  label: t.$t(`layer.${H.locale}`),
                   color: "primary",
                   density: "compact",
                   style: { height: "36px" },
@@ -5656,12 +5656,12 @@ function hs(t, e, o, i, a, r) {
             }),
             h(y, { class: "py-2" }, {
               default: u(() => [
-                (b(!0), S(be, null, we(a.tagLayers.filter((F) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(F.key)), (F) => (b(), R(p, {
-                  key: F.key,
+                (b(!0), S(be, null, we(a.tagLayers.filter((H) => !["graticule", "day-night", "time-zones", "ports", "alert-zones", "tidal-stations"].includes(H.key)), (H) => (b(), R(p, {
+                  key: H.key,
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[2] || (e[2] = (me) => a.checkList = me),
-                  value: F.key,
-                  label: t.$t(`layer.${F.locale}`),
+                  "onUpdate:modelValue": e[2] || (e[2] = (ne) => a.checkList = ne),
+                  value: H.key,
+                  label: t.$t(`layer.${H.locale}`),
                   color: "primary",
                   density: "compact",
                   style: { height: "36px" },
@@ -5697,7 +5697,7 @@ function hs(t, e, o, i, a, r) {
               default: u(() => [
                 h(p, {
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[3] || (e[3] = (F) => a.checkList = F),
+                  "onUpdate:modelValue": e[3] || (e[3] = (H) => a.checkList = H),
                   value: "follow-ports",
                   label: t.$t("layer.ports"),
                   color: "primary",
@@ -5708,7 +5708,7 @@ function hs(t, e, o, i, a, r) {
                 }, null, 8, ["modelValue", "label"]),
                 h(p, {
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[4] || (e[4] = (F) => a.checkList = F),
+                  "onUpdate:modelValue": e[4] || (e[4] = (H) => a.checkList = H),
                   value: "follow-positions",
                   label: t.$t("layer.locations"),
                   color: "primary",
@@ -5734,18 +5734,18 @@ function hs(t, e, o, i, a, r) {
     o.map ? (b(), R(g, B({
       key: 1,
       map: o.map,
-      area: (J = a.otherLayers) == null ? void 0 : J["day-night"]
+      area: (Q = a.otherLayers) == null ? void 0 : Q["day-night"]
     }, t.$attrs), null, 16, ["map", "area"])) : M("", !0),
     o.map ? (b(), R(z, B({
       key: 2,
       map: o.map,
-      zone: (re = a.otherLayers) == null ? void 0 : re["time-zones"]
+      zone: (pe = a.otherLayers) == null ? void 0 : pe["time-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : M("", !0),
     o.map ? (b(), R(T, B({
       key: 3,
       ref: "idmPorts",
       map: o.map,
-      ports: (he = a.otherLayers) == null ? void 0 : he.ports,
+      ports: (me = a.otherLayers) == null ? void 0 : me.ports,
       gateway: o.gateway,
       token: o.token,
       "forecast-model": o.forecastModel,
@@ -5754,7 +5754,7 @@ function hs(t, e, o, i, a, r) {
     o.map ? (b(), R(O, B({
       key: 4,
       map: o.map,
-      zone: (pe = a.otherLayers) == null ? void 0 : pe["alert-zones"]
+      zone: (J = a.otherLayers) == null ? void 0 : J["alert-zones"]
     }, t.$attrs, {
       "before-layer": "empty-layer-3",
       theme: o.theme
@@ -5774,17 +5774,17 @@ function hs(t, e, o, i, a, r) {
     o.map ? (b(), R(P, B({
       key: 6,
       map: o.map,
-      zone: (ne = a.otherLayers) == null ? void 0 : ne["eca-zones"]
+      zone: (ae = a.otherLayers) == null ? void 0 : ae["eca-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : M("", !0),
     o.map ? (b(), R(_, B({
       key: 7,
       map: o.map,
-      zone: ($ = a.otherLayers) == null ? void 0 : $["war-zones"]
+      zone: (de = a.otherLayers) == null ? void 0 : de["war-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : M("", !0),
     o.map ? (b(), R(L, B({
       key: 8,
       map: o.map,
-      area: (ae = a.otherLayers) == null ? void 0 : ae["gmdss-areas"]
+      area: (se = a.otherLayers) == null ? void 0 : se["gmdss-areas"]
     }, t.$attrs), null, 16, ["map", "area"])) : M("", !0),
     o.map ? (b(), R(C, B({
       key: 9,
@@ -5800,12 +5800,12 @@ function hs(t, e, o, i, a, r) {
     o.map ? (b(), R(A, B({
       key: 11,
       map: o.map,
-      area: (ue = a.otherLayers) == null ? void 0 : ue["voluntary-reporting-area"]
+      area: (he = a.otherLayers) == null ? void 0 : he["voluntary-reporting-area"]
     }, t.$attrs), null, 16, ["map", "area"])) : M("", !0),
-    o.map ? (b(), R(H, B({
+    o.map ? (b(), R(F, B({
       key: 12,
       map: o.map,
-      area: (ce = a.otherLayers) == null ? void 0 : ce["special-area"]
+      area: (ge = a.otherLayers) == null ? void 0 : ge["special-area"]
     }, t.$attrs), null, 16, ["map", "area"])) : M("", !0),
     o.map ? (b(), R(Z, B({
       key: 13,
@@ -5824,7 +5824,7 @@ function hs(t, e, o, i, a, r) {
       map: o.map,
       show: a.checkList.includes("ice-areas")
     }, t.$attrs), null, 16, ["map", "show"])) : M("", !0),
-    o.map ? (b(), R(Q, B({
+    o.map ? (b(), R(ee, B({
       key: 16,
       ref: "idmFollowPort",
       map: o.map,
@@ -5834,7 +5834,7 @@ function hs(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       realTime: o.realTime
     }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "show", "gateway", "token", "forecast-model", "realTime"])) : M("", !0),
-    o.map ? (b(), R(ee, B({
+    o.map ? (b(), R($, B({
       key: 17,
       ref: "idmFollowPosition",
       map: o.map,
@@ -5847,15 +5847,15 @@ function hs(t, e, o, i, a, r) {
 const ps = /* @__PURE__ */ K(es, [["render", hs]]);
 class so {
   constructor(e) {
-    de(this, "map");
-    de(this, "mercator");
-    de(this, "rampColorLayer");
-    de(this, "rampColorSource");
-    de(this, "particleLayer");
-    de(this, "particleSource");
-    de(this, "rampColorCanvas");
-    de(this, "particleCanvas");
-    de(this, "ratio");
+    ce(this, "map");
+    ce(this, "mercator");
+    ce(this, "rampColorLayer");
+    ce(this, "rampColorSource");
+    ce(this, "particleLayer");
+    ce(this, "particleSource");
+    ce(this, "rampColorCanvas");
+    ce(this, "particleCanvas");
+    ce(this, "ratio");
     this.map = e, this.mercator = new Qa(), this.rampColorLayer = "ramp-color-layer", this.rampColorSource = "ramp-color-source", this.particleLayer = "particle-layer", this.particleSource = "particle-source", this.rampColorCanvas = document.createElement("canvas"), this.particleCanvas = document.createElement("canvas"), this.ratio = window.devicePixelRatio;
   }
   /**
@@ -6130,10 +6130,10 @@ class je {
     });
   }
 }
-class se {
+class le {
 }
 // 顶点渲染
-de(se, "vertexSchema", `
+ce(le, "vertexSchema", `
     //canvas 坐标系上的坐标 (x, y)
     attribute vec2 a_position; //像素坐标
     attribute vec2 a_texCoord; //纹理坐标
@@ -6148,7 +6148,7 @@ de(se, "vertexSchema", `
       gl_Position = vec4(position * vec2(1, -1), 0.0, 1.0);
       v_texCoord = a_texCoord;
     }`), // 类如风、流等u v双变量片元渲染
-de(se, "uvFragmentSchema", `
+ce(le, "uvFragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image;
     uniform vec2 u_range_u_v;
@@ -6168,7 +6168,7 @@ de(se, "uvFragmentSchema", `
 
       gl_FragColor = color;
     }`), // 类如浪、气压等单变量片元渲染
-de(se, "fragmentSchema", `
+ce(le, "fragmentSchema", `
     precision mediump float;
     uniform sampler2D u_image; // 灰度
     uniform sampler2D u_color; // 色值映射
@@ -6181,7 +6181,7 @@ de(se, "fragmentSchema", `
     }`);
 class ke {
 }
-de(ke, "vertexSchema", `
+ce(ke, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -6205,7 +6205,7 @@ de(ke, "vertexSchema", `
       gl_PointSize = 1.0;
       // gl_PointSize = u_point;
       gl_Position = vec4(2.0 * v_particle_pos.x - 1.0, 1.0 - 2.0 * v_particle_pos.y, 0, 1);
-    }`), de(ke, "fragmentSchema", `
+    }`), ce(ke, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -6227,7 +6227,7 @@ de(ke, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), de(ke, "quadVertSchema", `
+    }`), ce(ke, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -6237,7 +6237,7 @@ de(ke, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), de(ke, "screenFragmentSchema", `
+    }`), ce(ke, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -6249,7 +6249,7 @@ de(ke, "vertexSchema", `
       vec4 color = texture2D(u_screen, 1.0 - v_tex_pos);
       // a hack to guarantee opacity fade out even with a value close to 1.0
       gl_FragColor = vec4(floor(255.0 * color * u_opacity) / 255.0);
-    }`), de(ke, "updateFragmentSchema", `
+    }`), ce(ke, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -6596,7 +6596,7 @@ const bs = {
           [1, "rgb(91, 136, 161)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, se.vertexSchema, se.uvFragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, le.vertexSchema, le.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
       this.handleParticleSetup();
@@ -6928,7 +6928,7 @@ const Ls = {
           [1, "rgb(195,194,194)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, se.vertexSchema, se.uvFragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, le.vertexSchema, le.uvFragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
       this.handleParticleSetup();
@@ -7100,7 +7100,7 @@ const Ss = {
           //13
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -7372,7 +7372,7 @@ const Bs = {
           //13
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -7670,7 +7670,7 @@ const Gs = {
           // 100%
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -7782,7 +7782,7 @@ const Ys = {
           // 100%
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -7896,7 +7896,7 @@ const Js = {
           // 4m
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -8012,7 +8012,7 @@ const on = {
           [1, "rgba(197,5,58,0.8)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -8119,7 +8119,7 @@ const sn = {
           [1, "rgba(144,144,144,0)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -8227,7 +8227,7 @@ const dn = {
           //
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -8346,7 +8346,7 @@ const gn = {
           [1, "rgb(138, 43, 10)"]
         ];
         this.rampColor = this.webgl.setup(this.context, t);
-        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, se.vertexSchema, se.fragmentSchema);
+        const { program: e, aPositionBuffer: o } = this.webgl.bind(this.context, le.vertexSchema, le.fragmentSchema);
         this.program = e, this.aPositionBuffer = o;
       }
     },
@@ -8681,8 +8681,8 @@ const wn = {
                 );
               const L = await Promise.all(_);
               this.weatherLayers = {}, L.map((C) => {
-                var H, Z, q, V;
-                const v = ((H = C == null ? void 0 : C.data) == null ? void 0 : H.data) || (C == null ? void 0 : C.data);
+                var F, Z, q, V;
+                const v = ((F = C == null ? void 0 : C.data) == null ? void 0 : F.data) || (C == null ? void 0 : C.data);
                 let A = (q = (Z = C == null ? void 0 : C.config) == null ? void 0 : Z.headers) == null ? void 0 : q.key;
                 A && v && (this.weatherLayers[A] = {
                   raw: v,
@@ -8777,38 +8777,38 @@ const wn = {
               if (L > c && L < n && (!(a <= this.zoom) || L % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                 const C = P[L].lng;
                 r > s ? C.forEach((v, A) => {
-                  var H, Z, q, V, Q, ee;
+                  var F, Z, q, V, ee, $;
                   if (a < 2) {
                     if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                      const J = U.point([v, L], {
-                        val: ((H = P[L].val) == null ? void 0 : H[A]) || ((Z = P[L].dir) == null ? void 0 : Z[A]),
+                      const Q = U.point([v, L], {
+                        val: ((F = P[L].val) == null ? void 0 : F[A]) || ((Z = P[L].dir) == null ? void 0 : Z[A]),
                         spd: (q = P[L].spd) == null ? void 0 : q[A]
                       });
-                      I.push(J);
+                      I.push(Q);
                     }
                   } else if ((v >= r && v <= 180 || v >= -180 && v <= s) && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const J = U.point([v, L], {
-                      val: ((V = P[L].val) == null ? void 0 : V[A]) || ((Q = P[L].dir) == null ? void 0 : Q[A]),
-                      spd: (ee = P[L].spd) == null ? void 0 : ee[A]
+                    const Q = U.point([v, L], {
+                      val: ((V = P[L].val) == null ? void 0 : V[A]) || ((ee = P[L].dir) == null ? void 0 : ee[A]),
+                      spd: ($ = P[L].spd) == null ? void 0 : $[A]
                     });
-                    I.push(J);
+                    I.push(Q);
                   }
                 }) : C.forEach((v, A) => {
-                  var H, Z, q, V, Q, ee;
+                  var F, Z, q, V, ee, $;
                   if (r < 2) {
                     if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                      const J = U.point([v, L], {
-                        val: ((H = P[L].val) == null ? void 0 : H[A]) || ((Z = P[L].dir) == null ? void 0 : Z[A]),
+                      const Q = U.point([v, L], {
+                        val: ((F = P[L].val) == null ? void 0 : F[A]) || ((Z = P[L].dir) == null ? void 0 : Z[A]),
                         spd: (q = P[L].spd) == null ? void 0 : q[A]
                       });
-                      I.push(J);
+                      I.push(Q);
                     }
                   } else if (v >= r && v <= s && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const J = U.point([v, L], {
-                      val: ((V = P[L].val) == null ? void 0 : V[A]) || ((Q = P[L].dir) == null ? void 0 : Q[A]),
-                      spd: (ee = P[L].spd) == null ? void 0 : ee[A]
+                    const Q = U.point([v, L], {
+                      val: ((V = P[L].val) == null ? void 0 : V[A]) || ((ee = P[L].dir) == null ? void 0 : ee[A]),
+                      spd: ($ = P[L].spd) == null ? void 0 : $[A]
                     });
-                    I.push(J);
+                    I.push(Q);
                   }
                 });
               }
@@ -8841,38 +8841,38 @@ const wn = {
               if (L > c && L < n && (!(a <= this.zoom) || L % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                 const C = P[L].lng;
                 r > s ? C.forEach((v, A) => {
-                  var H, Z, q, V, Q, ee;
+                  var F, Z, q, V, ee, $;
                   if (a < 2) {
                     if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                      const J = U.point([v, L], {
-                        val: ((H = P[L].val) == null ? void 0 : H[A]) || ((Z = P[L].dir) == null ? void 0 : Z[A]),
+                      const Q = U.point([v, L], {
+                        val: ((F = P[L].val) == null ? void 0 : F[A]) || ((Z = P[L].dir) == null ? void 0 : Z[A]),
                         spd: (q = P[L].spd) == null ? void 0 : q[A]
                       });
-                      I.push(J);
+                      I.push(Q);
                     }
                   } else if ((v >= r && v <= 180 || v >= -180 && v <= s) && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const J = U.point([v, L], {
-                      val: ((V = P[L].val) == null ? void 0 : V[A]) || ((Q = P[L].dir) == null ? void 0 : Q[A]),
-                      spd: (ee = P[L].spd) == null ? void 0 : ee[A]
+                    const Q = U.point([v, L], {
+                      val: ((V = P[L].val) == null ? void 0 : V[A]) || ((ee = P[L].dir) == null ? void 0 : ee[A]),
+                      spd: ($ = P[L].spd) == null ? void 0 : $[A]
                     });
-                    I.push(J);
+                    I.push(Q);
                   }
                 }) : C.forEach((v, A) => {
-                  var H, Z, q, V, Q, ee;
+                  var F, Z, q, V, ee, $;
                   if (r < 2) {
                     if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                      const J = U.point([v, L], {
-                        val: ((H = P[L].val) == null ? void 0 : H[A]) || ((Z = P[L].dir) == null ? void 0 : Z[A]),
+                      const Q = U.point([v, L], {
+                        val: ((F = P[L].val) == null ? void 0 : F[A]) || ((Z = P[L].dir) == null ? void 0 : Z[A]),
                         spd: (q = P[L].spd) == null ? void 0 : q[A]
                       });
-                      I.push(J);
+                      I.push(Q);
                     }
                   } else if (v >= r && v <= s && (!(a <= this.zoom) || v % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const J = U.point([v, L], {
-                      val: ((V = P[L].val) == null ? void 0 : V[A]) || ((Q = P[L].dir) == null ? void 0 : Q[A]),
-                      spd: (ee = P[L].spd) == null ? void 0 : ee[A]
+                    const Q = U.point([v, L], {
+                      val: ((V = P[L].val) == null ? void 0 : V[A]) || ((ee = P[L].dir) == null ? void 0 : ee[A]),
+                      spd: ($ = P[L].spd) == null ? void 0 : $[A]
                     });
-                    I.push(J);
+                    I.push(Q);
                   }
                 });
               }
@@ -8883,9 +8883,9 @@ const wn = {
                 const C = [];
                 for (const v in (g = _.raw) == null ? void 0 : g.Polygon) {
                   const A = _.raw.Polygon[v];
-                  for (const H of A)
+                  for (const F of A)
                     C.push(
-                      U.polygon(H, {
+                      U.polygon(F, {
                         val: Number(v)
                       })
                     );
@@ -8902,11 +8902,11 @@ const wn = {
               if (_ > c && _ < n && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                 const L = P[_].lng;
                 r > s ? L.forEach((C, v) => {
-                  var A, H, Z, q;
+                  var A, F, Z, q;
                   if (a < 2) {
                     if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
                       const V = U.point([C, _], {
-                        dir: ((A = P[_].val) == null ? void 0 : A[v]) || ((H = P[_].dir) == null ? void 0 : H[v]),
+                        dir: ((A = P[_].val) == null ? void 0 : A[v]) || ((F = P[_].dir) == null ? void 0 : F[v]),
                         spd: P[_].spd[v]
                       });
                       I.push(V);
@@ -8919,11 +8919,11 @@ const wn = {
                     I.push(V);
                   }
                 }) : L.forEach((C, v) => {
-                  var A, H, Z, q;
+                  var A, F, Z, q;
                   if (a < 2) {
                     if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
                       const V = U.point([C, _], {
-                        dir: ((A = P[_].val) == null ? void 0 : A[v]) || ((H = P[_].dir) == null ? void 0 : H[v]),
+                        dir: ((A = P[_].val) == null ? void 0 : A[v]) || ((F = P[_].dir) == null ? void 0 : F[v]),
                         spd: P[_].spd[v]
                       });
                       I.push(V);
@@ -9050,8 +9050,8 @@ const wn = {
   class: "d-flex justify-start align-center ga-4 pl-6"
 }, On = { class: "text-body-1 py-2" }, Bn = { class: "text-body-1 font-weight-medium" }, Nn = { class: "text-body-2 text-label" }, En = { class: "text-body-2 text-label mb-3" }, jn = { class: "text-body-1 font-weight-medium" }, Fn = { class: "text-body-2 text-label" }, Hn = { class: "text-body-2 text-label mb-3" }, Un = { class: "text-body-1 py-2" }, Wn = { class: "text-body-1 font-weight-medium" }, Gn = { class: "text-body-2 text-label" }, Vn = { class: "text-body-2 text-label mb-3" }, Zn = { class: "text-body-1 font-weight-medium" }, qn = { class: "text-body-2 text-label" }, Yn = { class: "text-body-2 text-label mb-3" }, Kn = { class: "text-body-1 py-2" }, Xn = { class: "text-body-1 font-weight-medium" }, $n = { class: "text-body-2 text-label" }, Jn = { class: "text-body-2 text-label mb-3" };
 function Qn(t, e, o, i, a, r) {
-  var pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe, Ae, De, Re, _e;
-  const s = x("VBtn"), c = x("VTooltip"), n = x("VCol"), f = x("VRow"), p = x("VCardText"), y = x("VDivider"), w = x("VCard"), k = x("VSwitch"), g = x("VCardTitle"), z = x("VCardItem"), T = x("VCheckbox"), O = x("VRadio"), I = x("VBtnToggle"), P = x("IdmWindBarb"), _ = x("IdmSigWaveHeight"), L = x("IdmCurrentDirection"), C = x("IdmPrmsl"), v = x("IdmWindParticle"), A = x("IdmCurrentParticle"), H = x("IdmWave"), Z = x("IdmSwell"), q = x("IdmIceEdge"), V = x("IdmIceCover"), Q = x("IdmIceThickness"), ee = x("IdmPrecip3h"), J = x("IdmVisibility"), re = x("IdmWaterTemp"), he = x("IdmTemp");
+  var J, ae, de, se, he, ge, H, ne, xe, Le, Pe, Ae, De, Re, _e;
+  const s = x("VBtn"), c = x("VTooltip"), n = x("VCol"), f = x("VRow"), p = x("VCardText"), y = x("VDivider"), w = x("VCard"), k = x("VSwitch"), g = x("VCardTitle"), z = x("VCardItem"), T = x("VCheckbox"), O = x("VRadio"), I = x("VBtnToggle"), P = x("IdmWindBarb"), _ = x("IdmSigWaveHeight"), L = x("IdmCurrentDirection"), C = x("IdmPrmsl"), v = x("IdmWindParticle"), A = x("IdmCurrentParticle"), F = x("IdmWave"), Z = x("IdmSwell"), q = x("IdmIceEdge"), V = x("IdmIceCover"), ee = x("IdmIceThickness"), $ = x("IdmPrecip3h"), Q = x("IdmVisibility"), pe = x("IdmWaterTemp"), me = x("IdmTemp");
   return b(), S("div", xn, [
     l("div", {
       class: "menu-bar-box transition pa-1",
@@ -9224,6 +9224,7 @@ function Qn(t, e, o, i, a, r) {
             "onUpdate:modelValue": e[1] || (e[1] = (W) => a.autoActive = W),
             class: "small-switch",
             color: "primary",
+            "base-color": "disabled",
             inset: "",
             "hide-details": ""
           }, null, 8, ["modelValue"])
@@ -9330,6 +9331,7 @@ function Qn(t, e, o, i, a, r) {
                       label: "",
                       class: "small-switch",
                       color: "primary",
+                      "base-color": "disabled",
                       density: "compact",
                       inset: "",
                       style: { "font-size": "14px" },
@@ -9344,6 +9346,7 @@ function Qn(t, e, o, i, a, r) {
                       label: "",
                       class: "small-switch",
                       color: "primary",
+                      "base-color": "disabled",
                       inset: "",
                       density: "compact",
                       height: "20",
@@ -9464,10 +9467,10 @@ function Qn(t, e, o, i, a, r) {
             }),
             h(p, { class: "" }, {
               default: u(() => {
-                var W, te, Fe, Ie, ge, fe, G, Ce, oe, le, Oe, E, ye, Me, Be, Ne, N, Y, Ve, Ze, qe, Te, Ye, Ke, Xe, $e, Je, Qe, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, It, Mt, At, Dt, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, qt, Yt, Kt, Xt, Jt, Qt, eo;
+                var W, te, Fe, Ie, ue, fe, G, Ce, oe, re, Oe, E, ye, Me, Be, Ne, N, Y, Ve, Ze, qe, Te, Ye, Ke, Xe, $e, Je, Qe, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, It, Mt, At, Dt, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, qt, Yt, Kt, Xt, Jt, Qt, eo;
                 return [
                   l("div", On, m(t.$t("weather.atmospheric")), 1),
-                  l("div", Bn, m((Fe = (te = (W = a.models) == null ? void 0 : W.weather) == null ? void 0 : te.NOAA) == null ? void 0 : Fe.source) + " " + m((fe = (ge = (Ie = a.models) == null ? void 0 : Ie.weather) == null ? void 0 : ge.NOAA) == null ? void 0 : fe.spatialResolution) + m(t.$t("units.km")) + " " + m((le = (oe = (Ce = (G = a.models) == null ? void 0 : G.weather) == null ? void 0 : Ce.NOAA) == null ? void 0 : oe.meta) == null ? void 0 : le.days) + m(t.$t("units.days")), 1),
+                  l("div", Bn, m((Fe = (te = (W = a.models) == null ? void 0 : W.weather) == null ? void 0 : te.NOAA) == null ? void 0 : Fe.source) + " " + m((fe = (ue = (Ie = a.models) == null ? void 0 : Ie.weather) == null ? void 0 : ue.NOAA) == null ? void 0 : fe.spatialResolution) + m(t.$t("units.km")) + " " + m((re = (oe = (Ce = (G = a.models) == null ? void 0 : G.weather) == null ? void 0 : Ce.NOAA) == null ? void 0 : oe.meta) == null ? void 0 : re.days) + m(t.$t("units.days")), 1),
                   l("div", Nn, m(t.$t("weather.source")) + ": NOAA", 1),
                   l("div", En, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateZ((Me = (ye = (E = (Oe = a.models) == null ? void 0 : Oe.weather) == null ? void 0 : E.NOAA) == null ? void 0 : ye.meta) == null ? void 0 : Me.initialisationTime)), 1),
                   l("div", jn, m((N = (Ne = (Be = a.models) == null ? void 0 : Be.weather) == null ? void 0 : Ne.ECMWF) == null ? void 0 : N.source) + " " + m((Ze = (Ve = (Y = a.models) == null ? void 0 : Y.weather) == null ? void 0 : Ve.ECMWF) == null ? void 0 : Ze.spatialResolution) + m(t.$t("units.km")) + " " + m((Ke = (Ye = (Te = (qe = a.models) == null ? void 0 : qe.weather) == null ? void 0 : Te.ECMWF) == null ? void 0 : Ye.meta) == null ? void 0 : Ke.days) + m(t.$t("units.days")), 1),
@@ -9501,14 +9504,14 @@ function Qn(t, e, o, i, a, r) {
       map: o.map,
       "map-feather": o.mapFeather,
       "before-layer": "empty-layer-3",
-      wind: (pe = a.weatherLayers) == null ? void 0 : pe.wind,
+      wind: (J = a.weatherLayers) == null ? void 0 : J.wind,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : M("", !0),
     o.map ? (b(), R(_, B({
       key: 2,
       map: o.map,
       "before-layer": "empty-layer-2",
-      "sig-wave-height": (ne = a.weatherLayers) == null ? void 0 : ne["sig-wave-height"],
+      "sig-wave-height": (ae = a.weatherLayers) == null ? void 0 : ae["sig-wave-height"],
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : M("", !0),
@@ -9517,40 +9520,40 @@ function Qn(t, e, o, i, a, r) {
       map: o.map,
       "map-feather": o.mapFeather,
       "before-layer": "empty-layer-2",
-      current: ($ = a.weatherLayers) == null ? void 0 : $.current,
+      current: (de = a.weatherLayers) == null ? void 0 : de.current,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["map", "map-feather", "current", "menu-toggle"])) : M("", !0),
     o.map ? (b(), R(C, B({
       key: 4,
       map: o.map,
       "before-layer": "empty-layer-2",
-      prmsl: (ae = a.weatherLayers) == null ? void 0 : ae.prmsl,
+      prmsl: (se = a.weatherLayers) == null ? void 0 : se.prmsl,
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, t.$attrs, { theme: o.theme }), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers", "theme"])) : M("", !0),
     o.map ? (b(), R(v, B({
       key: 5,
       viewport: a.viewport,
-      factor: (ue = a.weatherLayers) == null ? void 0 : ue["wind-particle"],
+      factor: (he = a.weatherLayers) == null ? void 0 : he["wind-particle"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : M("", !0),
     o.map ? (b(), R(A, B({
       key: 6,
       viewport: a.viewport,
-      factor: (ce = a.weatherLayers) == null ? void 0 : ce["current-particle"],
+      factor: (ge = a.weatherLayers) == null ? void 0 : ge["current-particle"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : M("", !0),
-    o.map ? (b(), R(H, B({
+    o.map ? (b(), R(F, B({
       key: 7,
       viewport: a.viewport,
-      factor: (F = a.weatherLayers) == null ? void 0 : F["sig-wave"],
+      factor: (H = a.weatherLayers) == null ? void 0 : H["sig-wave"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : M("", !0),
     o.map ? (b(), R(Z, B({
       key: 8,
       map: o.map,
       viewport: a.viewport,
-      factor: (me = a.weatherLayers) == null ? void 0 : me.swell,
+      factor: (ne = a.weatherLayers) == null ? void 0 : ne.swell,
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, t.$attrs), null, 16, ["map", "viewport", "factor", "menu-toggle", "active-weather-layers"])) : M("", !0),
@@ -9566,31 +9569,31 @@ function Qn(t, e, o, i, a, r) {
       factor: (Le = a.weatherLayers) == null ? void 0 : Le["ice-cover"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : M("", !0),
-    o.map ? (b(), R(Q, B({
+    o.map ? (b(), R(ee, B({
       key: 11,
       viewport: a.viewport,
       factor: (Pe = a.weatherLayers) == null ? void 0 : Pe["ice-thickness"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : M("", !0),
-    o.map ? (b(), R(ee, B({
+    o.map ? (b(), R($, B({
       key: 12,
       viewport: a.viewport,
       factor: (Ae = a.weatherLayers) == null ? void 0 : Ae.precip3h,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : M("", !0),
-    o.map ? (b(), R(J, B({
+    o.map ? (b(), R(Q, B({
       key: 13,
       viewport: a.viewport,
       factor: (De = a.weatherLayers) == null ? void 0 : De.visibility,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : M("", !0),
-    o.map ? (b(), R(re, B({
+    o.map ? (b(), R(pe, B({
       key: 14,
       viewport: a.viewport,
       factor: (Re = a.weatherLayers) == null ? void 0 : Re["water-temp"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : M("", !0),
-    o.map ? (b(), R(he, B({
+    o.map ? (b(), R(me, B({
       key: 15,
       viewport: a.viewport,
       factor: (_e = a.weatherLayers) == null ? void 0 : _e.temp,
@@ -9945,10 +9948,10 @@ class Za {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe, Ae, De, Re, _e, W, te, Fe, Ie;
-    const ge = typeof o == "string" ? D(o) : o, fe = e == null ? void 0 : e.weather, G = e == null ? void 0 : e.marine, Ce = D((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), oe = Ce.clone().add((c = (s = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), le = Ce.clone().add((p = (f = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : f.time) == null ? void 0 : p.at(-1), "h"), Oe = [];
-    if (ge.isBetween(oe, le, "millisecond", "[]")) {
-      const E = ge.utc().diff(oe, "h", !1);
+    var i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, F, Z, q, V, ee, $, Q, pe, me, J, ae, de, se, he, ge, H, ne, xe, Le, Pe, Ae, De, Re, _e, W, te, Fe, Ie;
+    const ue = typeof o == "string" ? D(o) : o, fe = e == null ? void 0 : e.weather, G = e == null ? void 0 : e.marine, Ce = D((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), oe = Ce.clone().add((c = (s = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), re = Ce.clone().add((p = (f = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : f.time) == null ? void 0 : p.at(-1), "h"), Oe = [];
+    if (ue.isBetween(oe, re, "millisecond", "[]")) {
+      const E = ue.utc().diff(oe, "h", !1);
       let ye, Me;
       if (fe) {
         let Be = 0, Ne = 0;
@@ -9976,11 +9979,11 @@ class Za {
             wind: {
               speed: (v = Y == null ? void 0 : Y.wind_speed_10m) == null ? void 0 : v.at(E),
               kts: (A = Y == null ? void 0 : Y.wind_speed_10m) == null ? void 0 : A.at(E),
-              degree: (H = Y == null ? void 0 : Y.wind_direction_10m) == null ? void 0 : H.at(E),
+              degree: (F = Y == null ? void 0 : Y.wind_direction_10m) == null ? void 0 : F.at(E),
               bearing: ((Z = Y == null ? void 0 : Y.wind_direction_10m) == null ? void 0 : Z.at(E)) !== null ? (((q = Y == null ? void 0 : Y.wind_direction_10m) == null ? void 0 : q.at(E)) + 180) % 360 : null,
               gusts: (V = Y == null ? void 0 : Y.wind_gusts_10m) == null ? void 0 : V.at(E)
             },
-            isDay: (Q = Y == null ? void 0 : Y.is_day) == null ? void 0 : Q.at(E)
+            isDay: (ee = Y == null ? void 0 : Y.is_day) == null ? void 0 : ee.at(E)
           };
           const { name: Ve, url: Ze, bg: qe } = this.parseWeatherCode(ye.code, ye.isDay);
           ye.name = Ve, ye.url = Ze, ye.bg = qe, ye.wind.scale = this.beaufort(this.kts2ms(ye.wind.kts)), ye.wind.direction = this.degree2Direction(ye.wind.degree), Oe.push({
@@ -9997,20 +10000,20 @@ class Za {
           Me = {
             wave: {
               sig: {
-                height: (ee = N == null ? void 0 : N.wave_height) == null ? void 0 : ee.at(E),
-                degree: (J = N == null ? void 0 : N.wave_direction) == null ? void 0 : J.at(E),
-                bearing: ((re = N == null ? void 0 : N.wave_direction) == null ? void 0 : re.at(E)) !== null ? (((he = N == null ? void 0 : N.wave_direction) == null ? void 0 : he.at(E)) + 180) % 360 : null,
-                period: (pe = N == null ? void 0 : N.wave_period) == null ? void 0 : pe.at(E)
+                height: ($ = N == null ? void 0 : N.wave_height) == null ? void 0 : $.at(E),
+                degree: (Q = N == null ? void 0 : N.wave_direction) == null ? void 0 : Q.at(E),
+                bearing: ((pe = N == null ? void 0 : N.wave_direction) == null ? void 0 : pe.at(E)) !== null ? (((me = N == null ? void 0 : N.wave_direction) == null ? void 0 : me.at(E)) + 180) % 360 : null,
+                period: (J = N == null ? void 0 : N.wave_period) == null ? void 0 : J.at(E)
               },
               swell: {
-                height: (ne = N == null ? void 0 : N.swell_wave_height) == null ? void 0 : ne.at(E),
-                degree: ($ = N == null ? void 0 : N.swell_wave_direction) == null ? void 0 : $.at(E),
-                bearing: ((ae = N == null ? void 0 : N.swell_wave_direction) == null ? void 0 : ae.at(E)) !== null ? (((ue = N == null ? void 0 : N.swell_wave_direction) == null ? void 0 : ue.at(E)) + 180) % 360 : null,
-                period: (ce = N == null ? void 0 : N.swell_wave_period) == null ? void 0 : ce.at(E),
-                peakPeriod: (F = N == null ? void 0 : N.swell_wave_peak_period) == null ? void 0 : F.at(E)
+                height: (ae = N == null ? void 0 : N.swell_wave_height) == null ? void 0 : ae.at(E),
+                degree: (de = N == null ? void 0 : N.swell_wave_direction) == null ? void 0 : de.at(E),
+                bearing: ((se = N == null ? void 0 : N.swell_wave_direction) == null ? void 0 : se.at(E)) !== null ? (((he = N == null ? void 0 : N.swell_wave_direction) == null ? void 0 : he.at(E)) + 180) % 360 : null,
+                period: (ge = N == null ? void 0 : N.swell_wave_period) == null ? void 0 : ge.at(E),
+                peakPeriod: (H = N == null ? void 0 : N.swell_wave_peak_period) == null ? void 0 : H.at(E)
               },
               wd: {
-                height: (me = N == null ? void 0 : N.wind_wave_height) == null ? void 0 : me.at(E),
+                height: (ne = N == null ? void 0 : N.wind_wave_height) == null ? void 0 : ne.at(E),
                 degree: (xe = N == null ? void 0 : N.wind_wave_direction) == null ? void 0 : xe.at(E),
                 bearing: ((Le = N == null ? void 0 : N.wind_wave_direction) == null ? void 0 : Le.at(E)) !== null ? (((Pe = N == null ? void 0 : N.wind_wave_direction) == null ? void 0 : Pe.at(E)) + 180) % 360 : null,
                 period: (Ae = N == null ? void 0 : N.wind_wave_period) == null ? void 0 : Ae.at(E),
@@ -10054,15 +10057,15 @@ class Za {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe, Ae, De;
+    var i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, F, Z, q, V, ee, $, Q, pe, me, J, ae, de, se, he, ge, H, ne, xe, Le, Pe, Ae, De;
     const Re = typeof o == "string" ? D(o) : o, _e = e == null ? void 0 : e.weather, W = e == null ? void 0 : e.marine, te = D((r = (a = (i = _e == null ? void 0 : _e[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), Fe = D((n = (c = (s = _e == null ? void 0 : _e[0]) == null ? void 0 : s.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Ie = [];
     if (Re.isBetween(te, Fe, "millisecond", "[]")) {
-      let ge, fe;
+      let ue, fe;
       const G = Re.diff(te, "d", !1);
       if (_e)
         for (const Ce of _e) {
           const oe = Ce.daily;
-          ge = {
+          ue = {
             code: (f = oe.weather_code) == null ? void 0 : f.at(G),
             temp: {
               max: (p = oe.temperature_2m_max) == null ? void 0 : p.at(G),
@@ -10088,48 +10091,48 @@ class Za {
             },
             wind: {
               speed: (A = oe.wind_speed_10m_max) == null ? void 0 : A.at(G),
-              kts: (H = oe.wind_speed_10m_max) == null ? void 0 : H.at(G),
+              kts: (F = oe.wind_speed_10m_max) == null ? void 0 : F.at(G),
               degree: (Z = oe.wind_direction_10m_dominant) == null ? void 0 : Z.at(G),
               gusts: (q = oe.wind_gusts_10m_max) == null ? void 0 : q.at(G),
-              bearing: ((V = oe.wind_direction_10m_dominant) == null ? void 0 : V.at(G)) !== null ? (((Q = oe.wind_direction_10m_dominant) == null ? void 0 : Q.at(G)) + 180) % 360 : null
+              bearing: ((V = oe.wind_direction_10m_dominant) == null ? void 0 : V.at(G)) !== null ? (((ee = oe.wind_direction_10m_dominant) == null ? void 0 : ee.at(G)) + 180) % 360 : null
             }
           };
-          const { name: le, url: Oe, bg: E } = this.parseWeatherCode(ge.code, !0);
-          ge.name = le, ge.url = Oe, ge.bg = E, ge.wind.scale = this.beaufort(this.kts2ms(ge.wind.kts)), ge.wind.direction = this.degree2Direction(ge.wind.degree), Ie.push({
+          const { name: re, url: Oe, bg: E } = this.parseWeatherCode(ue.code, !0);
+          ue.name = re, ue.url = Oe, ue.bg = E, ue.wind.scale = this.beaufort(this.kts2ms(ue.wind.kts)), ue.wind.direction = this.degree2Direction(ue.wind.degree), Ie.push({
             utc: te.add(G, "d").utc().format(),
             model: Ce.model,
-            weather: { ...ge }
+            weather: { ...ue }
           });
         }
       if (W) {
         let Ce = 0;
         for (const oe of W) {
-          const le = oe.daily;
+          const re = oe.daily;
           fe = {
             wave: {
               sig: {
-                height: (ee = le.wave_height_max) == null ? void 0 : ee.at(G),
-                degree: (J = le.wave_direction_dominant) == null ? void 0 : J.at(G),
-                period: (re = le.wave_period_max) == null ? void 0 : re.at(G),
-                bearing: ((he = le.wave_direction_dominant) == null ? void 0 : he.at(G)) !== null ? (((pe = le.wave_direction_dominant) == null ? void 0 : pe.at(G)) + 180) % 360 : null
+                height: ($ = re.wave_height_max) == null ? void 0 : $.at(G),
+                degree: (Q = re.wave_direction_dominant) == null ? void 0 : Q.at(G),
+                period: (pe = re.wave_period_max) == null ? void 0 : pe.at(G),
+                bearing: ((me = re.wave_direction_dominant) == null ? void 0 : me.at(G)) !== null ? (((J = re.wave_direction_dominant) == null ? void 0 : J.at(G)) + 180) % 360 : null
               },
               swell: {
-                height: (ne = le.swell_wave_height_max) == null ? void 0 : ne.at(G),
-                degree: ($ = le.swell_wave_direction_dominant) == null ? void 0 : $.at(G),
-                period: (ae = le.swell_wave_period_max) == null ? void 0 : ae.at(G),
-                peakPeriod: (ue = le.swell_wave_peak_period_max) == null ? void 0 : ue.at(G),
+                height: (ae = re.swell_wave_height_max) == null ? void 0 : ae.at(G),
+                degree: (de = re.swell_wave_direction_dominant) == null ? void 0 : de.at(G),
+                period: (se = re.swell_wave_period_max) == null ? void 0 : se.at(G),
+                peakPeriod: (he = re.swell_wave_peak_period_max) == null ? void 0 : he.at(G),
                 // bearing: daily.swell_wave_direction_dominant?.at(day) !== null ? (daily.swell_wave_direction_dominant?.at(day) + 180) % 360 : null,
-                bearing: ((ce = le.swell_wave_direction_dominant) == null ? void 0 : ce.at(G)) !== null ? ((F = le.swell_wave_direction_dominant) == null ? void 0 : F.at(G)) % 360 : null
+                bearing: ((ge = re.swell_wave_direction_dominant) == null ? void 0 : ge.at(G)) !== null ? ((H = re.swell_wave_direction_dominant) == null ? void 0 : H.at(G)) % 360 : null
               },
               wd: {
-                height: (me = le.wind_wave_height_max) == null ? void 0 : me.at(G),
-                degree: (xe = le.wind_wave_direction_dominant) == null ? void 0 : xe.at(G),
-                period: (Le = le.wind_wave_period_max) == null ? void 0 : Le.at(G),
-                peakPeriod: (Pe = le.wind_wave_peak_period_max) == null ? void 0 : Pe.at(G),
-                bearing: ((Ae = le.wind_wave_direction_dominant) == null ? void 0 : Ae.at(G)) !== null ? (((De = le.wind_wave_direction_dominant) == null ? void 0 : De.at(G)) + 180) % 360 : null
+                height: (ne = re.wind_wave_height_max) == null ? void 0 : ne.at(G),
+                degree: (xe = re.wind_wave_direction_dominant) == null ? void 0 : xe.at(G),
+                period: (Le = re.wind_wave_period_max) == null ? void 0 : Le.at(G),
+                peakPeriod: (Pe = re.wind_wave_peak_period_max) == null ? void 0 : Pe.at(G),
+                bearing: ((Ae = re.wind_wave_direction_dominant) == null ? void 0 : Ae.at(G)) !== null ? (((De = re.wind_wave_direction_dominant) == null ? void 0 : De.at(G)) + 180) % 360 : null
               }
             }
-          }, fe.wave = this.parseWave(fe.wave, ge == null ? void 0 : ge.wind), Object.assign(Ie[Ce], fe), Ce++;
+          }, fe.wave = this.parseWave(fe.wave, ue == null ? void 0 : ue.wind), Object.assign(Ie[Ce], fe), Ce++;
         }
       }
     }
@@ -10576,6 +10579,9 @@ const tc = {
     },
     realTime: {
       type: String
+    },
+    beforeLayer: {
+      type: String
     }
   },
   emits: ["tropical", "tropicalProbability", "tropicalNotification"],
@@ -10607,9 +10613,6 @@ const tc = {
       activeTropicals: void 0,
       activeTropicalsMarker: void 0,
       empty: U.featureCollection([]),
-      circleSource: "circle-source",
-      circleSourceData: U.featureCollection([]),
-      circleLayer: "tropical-circle-layer",
       showLegend: !1,
       showHoverPoint: !1,
       hoverPoint: void 0,
@@ -10708,6 +10711,11 @@ const tc = {
       handler(t) {
         this.map && t && this.toggle && this.handleRender();
       }
+    },
+    locale: {
+      handler(t) {
+        this.map && this.toggle && this.handleRefresh();
+      }
     }
   },
   mounted() {
@@ -10813,7 +10821,7 @@ const tc = {
             "line-width": 3,
             "line-opacity": 0.7
           }
-        }), this.map.addLayer({
+        }, this.beforeLayer), this.map.addLayer({
           id: this.forecastLayer,
           type: "line",
           source: this.source,
@@ -10844,7 +10852,7 @@ const tc = {
             "line-opacity": 0.9,
             "line-dasharray": [1, 2]
           }
-        }), this.map.addLayer({
+        }, this.beforeLayer), this.map.addLayer({
           id: this.forecastModelLayer,
           type: "symbol",
           source: this.source,
@@ -10893,7 +10901,7 @@ const tc = {
             ],
             "text-halo-width": 4
           }
-        }), w = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] add elapsed: ", w, ", total: ", y += w)), (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), w = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] update elapsed: ", w, ", total: ", y += w)) : (this.map.addSource(this.clusterSource, {
+        }, this.beforeLayer), w = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] add elapsed: ", w, ", total: ", y += w)), (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), w = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] update elapsed: ", w, ", total: ", y += w)) : (this.map.addSource(this.clusterSource, {
           type: "geojson",
           data: (n = this.tropicals) != null && n.active ? (f = this.tropicals) == null ? void 0 : f.data : this.empty
           // cluster: true,
@@ -10907,7 +10915,7 @@ const tc = {
             "circle-radius": 5,
             "circle-color": "#fff"
           }
-        }), this.map.addLayer({
+        }, this.beforeLayer), this.map.addLayer({
           id: this.pointCircleLayer,
           type: "circle",
           source: this.clusterSource,
@@ -10933,7 +10941,7 @@ const tc = {
               "#fff"
             ]
           }
-        }), this.map.addLayer({
+        }, this.beforeLayer), this.map.addLayer({
           id: this.pointLabelLayer,
           type: "symbol",
           source: this.clusterSource,
@@ -10948,7 +10956,7 @@ const tc = {
           paint: {
             "text-color": this.Theme.current.value.colors["on-surface"]
           }
-        }), this.map.addLayer({
+        }, this.beforeLayer), this.map.addLayer({
           id: this.historyPointCircleLayer + "-border",
           type: "circle",
           source: this.clusterSource,
@@ -10957,7 +10965,7 @@ const tc = {
             "circle-radius": 6,
             "circle-color": "#fff"
           }
-        }), this.map.addLayer({
+        }, this.beforeLayer), this.map.addLayer({
           id: this.historyPointCircleLayer,
           type: "circle",
           source: this.clusterSource,
@@ -10966,7 +10974,7 @@ const tc = {
             "circle-radius": 5,
             "circle-color": "rgba(0,0,0,0.7)"
           }
-        }), this.map.addLayer({
+        }, this.beforeLayer), this.map.addLayer({
           id: this.historyPointCircleLayer + "-inner",
           type: "circle",
           source: this.clusterSource,
@@ -10975,7 +10983,7 @@ const tc = {
             "circle-radius": 3,
             "circle-color": "#fff"
           }
-        }), this.map.addLayer({
+        }, this.beforeLayer), this.map.addLayer({
           id: this.historyPointLabelLayer,
           type: "symbol",
           source: this.clusterSource,
@@ -10990,7 +10998,7 @@ const tc = {
           paint: {
             "text-color": this.Theme.current.value.colors["on-surface"]
           }
-        }), this.map.addLayer({
+        }, this.beforeLayer), this.map.addLayer({
           id: this.forecastNameLayer,
           type: "symbol",
           source: this.clusterSource,
@@ -11009,24 +11017,24 @@ const tc = {
             "text-halo-color": "#ffffff",
             "text-halo-width": 1
           }
-        }), w = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] add elapsed: ", w, ", total: ", y += w)), this.handleDrawCircle();
+        }, this.beforeLayer), w = (/* @__PURE__ */ new Date()).valueOf() - (p + y), console.log("[tropical] add elapsed: ", w, ", total: ", y += w));
         const k = Va.interpolate(this.tropicals, 1);
         this.interpolateData = JSON.parse(JSON.stringify(k)), this.handleDateChange();
       }
     },
     handleClear() {
       var t, e, o, i;
-      this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (t = this.interpolateMarkers) == null || t.forEach((a) => a == null ? void 0 : a.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource), this.map.getLayer(this.circleLayer) && this.map.removeLayer(this.circleLayer), this.map.getSource(this.circleSource) && this.map.removeSource(this.circleSource)), (e = this.map) == null || e.off("click", this.clickLayers, this.handleClick), (o = this.map) == null || o.off("mousemove", this.hoverLayers, this.handleHover), (i = this.map) == null || i.off("mouseleave", this.hoverLayers, this.handleLeave), this.handleCloseInfoMarker();
+      this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (t = this.interpolateMarkers) == null || t.forEach((a) => a == null ? void 0 : a.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource)), (e = this.map) == null || e.off("click", this.clickLayers, this.handleClick), (o = this.map) == null || o.off("mousemove", this.hoverLayers, this.handleHover), (i = this.map) == null || i.off("mouseleave", this.hoverLayers, this.handleLeave), this.handleCloseInfoMarker();
     },
     handleDateChange() {
-      var t, e, o, i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee, J;
-      if ((t = this.interpolateMarkers) == null || t.forEach((re) => re == null ? void 0 : re.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const re = D(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), he = this.interpolateData.filter(($) => $.properties.date === (re == null ? void 0 : re.format()) && !$.properties.disabled), pe = this.handleComputePolygons(he), ne = U.featureCollection([...he]);
-        pe.forEach(($) => {
-          ne.features.push($);
-        }), (o = this.map) != null && o.getSource(this.interpolateSource) ? (i = this.map) == null || i.getSource(this.interpolateSource).setData(ne) : ((a = this.map) == null || a.addSource(this.interpolateSource, {
+      var t, e, o, i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, F, Z, q, V, ee;
+      if ((t = this.interpolateMarkers) == null || t.forEach(($) => $ == null ? void 0 : $.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
+        const $ = D(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), Q = this.interpolateData.filter((J) => J.properties.date === ($ == null ? void 0 : $.format()) && !J.properties.disabled), pe = this.handleComputePolygons(Q), me = U.featureCollection([...Q]);
+        pe.forEach((J) => {
+          me.features.push(J);
+        }), (o = this.map) != null && o.getSource(this.interpolateSource) ? (i = this.map) == null || i.getSource(this.interpolateSource).setData(me) : ((a = this.map) == null || a.addSource(this.interpolateSource, {
           type: "geojson",
-          data: ne
+          data: me
         }), (r = this.map) == null || r.addLayer({
           id: this.interpolateLineLayer,
           type: "line",
@@ -11037,12 +11045,12 @@ const tc = {
             "line-color": ["match", ["get", "level"], 7, "#ff9100", 10, "#f44336", "#ffffff"],
             "line-width": 1
           }
-        })), this.interpolateMarkers = [];
-        for (const $ of he)
-          if (!$.properties.disabled) {
+        }, "empty-layer-3")), this.interpolateMarkers = [];
+        for (const J of Q)
+          if (!J.properties.disabled) {
             let ae = "#f44336";
-            ((c = (s = $.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((f = (n = $.properties) == null ? void 0 : n.wind) != null && f.kts) ? ae = "#03f869" : ((y = (p = $.properties) == null ? void 0 : p.wind) == null ? void 0 : y.kts) >= 32 && ((k = (w = $.properties) == null ? void 0 : w.wind) == null ? void 0 : k.kts) < 47 ? ae = "#f2f202" : ((z = (g = $.properties) == null ? void 0 : g.wind) == null ? void 0 : z.kts) >= 47 && ((O = (T = $.properties) == null ? void 0 : T.wind) == null ? void 0 : O.kts) < 63 ? ae = "#ff9100" : ((P = (I = $.properties) == null ? void 0 : I.wind) == null ? void 0 : P.kts) >= 63 && ((L = (_ = $.properties) == null ? void 0 : _.wind) == null ? void 0 : L.kts) < 79 ? ae = "#f44336" : ((v = (C = $.properties) == null ? void 0 : C.wind) == null ? void 0 : v.kts) >= 79 && ((H = (A = $.properties) == null ? void 0 : A.wind) == null ? void 0 : H.kts) < 94 ? ae = "#f903d0" : ((q = (Z = $.properties) == null ? void 0 : Z.wind) == null ? void 0 : q.kts) >= 94 ? ae = "#8702f9" : ae = "#f44336";
-            const ue = `<svg t="1719918955501"
+            ((c = (s = J.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((f = (n = J.properties) == null ? void 0 : n.wind) != null && f.kts) ? ae = "#03f869" : ((y = (p = J.properties) == null ? void 0 : p.wind) == null ? void 0 : y.kts) >= 32 && ((k = (w = J.properties) == null ? void 0 : w.wind) == null ? void 0 : k.kts) < 47 ? ae = "#f2f202" : ((z = (g = J.properties) == null ? void 0 : g.wind) == null ? void 0 : z.kts) >= 47 && ((O = (T = J.properties) == null ? void 0 : T.wind) == null ? void 0 : O.kts) < 63 ? ae = "#ff9100" : ((P = (I = J.properties) == null ? void 0 : I.wind) == null ? void 0 : P.kts) >= 63 && ((L = (_ = J.properties) == null ? void 0 : _.wind) == null ? void 0 : L.kts) < 79 ? ae = "#f44336" : ((v = (C = J.properties) == null ? void 0 : C.wind) == null ? void 0 : v.kts) >= 79 && ((F = (A = J.properties) == null ? void 0 : A.wind) == null ? void 0 : F.kts) < 94 ? ae = "#f903d0" : ((q = (Z = J.properties) == null ? void 0 : Z.wind) == null ? void 0 : q.kts) >= 94 ? ae = "#8702f9" : ae = "#f44336";
+            const de = `<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">
                           	<path
@@ -11056,13 +11064,13 @@ const tc = {
                           	<path
                           		d="M420.66666667 959.17a16.08 16.08 0 0 1-15.91-13.49A15.89 15.89 0 0 1 415.50666667 928c1.49-0.55 38.88-14.76 72.79-65.52A354.55 354.55 0 0 1 162.66666667 509.17a450.14 450.14 0 0 1 450.5-450.5 16.07 16.07 0 0 1 15.91 13.48 15.88 15.88 0 0 1-10.75 17.66c-1.58 0.58-39.13 14.9-73.07 65.95A354.22 354.22 0 0 1 871.66666667 509.17a16 16 0 0 1-0.52 4.05A450.14 450.14 0 0 1 420.66666667 959.17zM554.80666667 94.72C351.57666667 123.2 194.66666667 298.21 194.66666667 509.17c0 177.08 144.06 321.74 321.13 322.48a16 16 0 0 1 14.07 23.49c-16.11 30.42-34.27 52.37-50.85 68C682.25666667 894.63 839.16666667 719.63 839.16666667 508.67a15.94 15.94 0 0 1 0.47-3.86C837.30666667 329.33 693.82666667 187 517.80666667 186.67A16 16 0 0 1 503.66666667 163.21c16.21-30.69 34.47-52.79 51.14-68.49z"
                           		fill="#ffffff" p-id="18386"></path>
-                          </svg>`, ce = document.createElement("div");
-            ce.className = "idm-tropical-gl4-hourly-marker", ce.innerHTML = `<div class="${$.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${ue}</div>`;
-            const F = new ve.Marker(ce).setLngLat($.geometry.coordinates).addTo(this.map);
-            this.interpolateMarkers.push(F), (Q = (V = this.map) == null ? void 0 : V.getSource(this.circleSource)) == null || Q.setData(this.circleSourceData);
+                          </svg>`, se = document.createElement("div");
+            se.className = "idm-tropical-gl4-hourly-marker", se.innerHTML = `<div class="${J.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${de}</div>`;
+            const he = new ve.Marker(se).setLngLat(J.geometry.coordinates).addTo(this.map);
+            this.interpolateMarkers.push(he);
           }
       } else
-        (ee = this.map) != null && ee.getSource(this.interpolateSource) && ((J = this.map) == null || J.getSource(this.interpolateSource).setData(this.empty));
+        (V = this.map) != null && V.getSource(this.interpolateSource) && ((ee = this.map) == null || ee.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
       var a, r, s, c, n, f, p, y, w;
@@ -11113,26 +11121,6 @@ const tc = {
         i.properties.name === t.name && (i.properties.showCircle = t.showCircle);
       }), this.handleRender();
     },
-    handleDrawCircle() {
-      var t, e;
-      if (!this.map)
-        return !1;
-      (t = this.map) != null && t.getSource(this.circleSource) ? (e = this.map) == null || e.getSource(this.circleSource).setData(this.circleSourceData) : (this.map.addSource(this.circleSource, {
-        type: "geojson",
-        data: this.circleSourceData
-      }), this.map.addLayer({
-        id: this.circleLayer,
-        type: "line",
-        source: this.circleSource,
-        filter: ["all", ["==", "$type", "Polygon"], ["==", "type", "tropicalCircle"]],
-        paint: {
-          "line-color": "#fff",
-          "line-width": 2,
-          "line-opacity": 1,
-          "line-dasharray": [1, 1]
-        }
-      }));
-    },
     handleComputePolygons(t) {
       const e = [];
       for (const o of t) {
@@ -11297,7 +11285,7 @@ function Yc(t, e, o, i, a, r) {
                 }, 8, ["onClick"]),
                 l("div", sc, [
                   l("span", nc, m(t.$t("actions.lastUpdate")) + ": ", 1),
-                  l("span", null, m(r.computeTime(((L = (_ = a.activeTropicals) == null ? void 0 : _.history) == null ? void 0 : L.updated) || ((A = (v = (C = a.activeTropicals) == null ? void 0 : C.forecasts) == null ? void 0 : v.filter((H) => !H.disabled)[0]) == null ? void 0 : A.date), o.timeZone)), 1)
+                  l("span", null, m(r.computeTime(((L = (_ = a.activeTropicals) == null ? void 0 : _.history) == null ? void 0 : L.updated) || ((A = (v = (C = a.activeTropicals) == null ? void 0 : C.forecasts) == null ? void 0 : v.filter((F) => !F.disabled)[0]) == null ? void 0 : A.date), o.timeZone)), 1)
                 ])
               ];
             }),
@@ -11339,7 +11327,7 @@ function Yc(t, e, o, i, a, r) {
                       color: v.disabled ? "" : "primary",
                       "min-width": 30,
                       class: He(["model text-none text-body-1 px-1", v.disabled ? "" : "btn-border-2"]),
-                      onClick: Ee((H) => r.handleForecastToggle(v), ["stop"])
+                      onClick: Ee((F) => r.handleForecastToggle(v), ["stop"])
                     }, {
                       default: u(() => [
                         j(m(v.model), 1)
@@ -11487,7 +11475,7 @@ function Yc(t, e, o, i, a, r) {
         h(k),
         h(n, { class: "text-body-1" }, {
           default: u(() => {
-            var g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee;
+            var g, z, T, O, I, P, _, L, C, v, A, F, Z, q, V, ee, $;
             return [
               l("div", Sc, [
                 l("div", Ic, [
@@ -11500,7 +11488,7 @@ function Yc(t, e, o, i, a, r) {
                 ])) : M("", !0),
                 ((O = a.hoverPoint) == null ? void 0 : O.type) === "forecast" ? (b(), S("div", Rc, [
                   l("label", Oc, m(t.$t("tropical.model")) + " : ", 1),
-                  l("span", null, m(((I = a.hoverPoint) == null ? void 0 : I.model) ?? "-") + " m", 1)
+                  l("span", null, m(((I = a.hoverPoint) == null ? void 0 : I.model) ?? "-"), 1)
                 ])) : M("", !0),
                 ((P = a.hoverPoint) == null ? void 0 : P.type) === "forecast" ? (b(), S("div", Bc, [
                   l("label", Nc, m(t.$t("weather.wind")) + " : ", 1),
@@ -11514,13 +11502,13 @@ function Yc(t, e, o, i, a, r) {
                   l("label", Hc, m(t.$t("weather.pressure")) + " : ", 1),
                   l("span", null, m(((A = a.hoverPoint) == null ? void 0 : A.pressure) ?? "-") + " kPa", 1)
                 ]),
-                ((H = a.hoverPoint) == null ? void 0 : H.type) === "history" ? (b(), S("div", Uc, [
+                ((F = a.hoverPoint) == null ? void 0 : F.type) === "history" ? (b(), S("div", Uc, [
                   l("label", Wc, m(t.$t("tropical.moveSpeed")) + " : ", 1),
                   l("span", null, m(((q = JSON.parse((Z = a.hoverPoint) == null ? void 0 : Z.movement)) == null ? void 0 : q.kts) ?? "-") + " kts", 1)
                 ])) : M("", !0),
                 ((V = a.hoverPoint) == null ? void 0 : V.type) === "history" ? (b(), S("div", Gc, [
                   l("label", Vc, m(t.$t("tropical.moveDir")) + " : ", 1),
-                  l("span", null, m(((ee = JSON.parse((Q = a.hoverPoint) == null ? void 0 : Q.movement)) == null ? void 0 : ee.deg) ?? "-") + " °", 1)
+                  l("span", null, m((($ = JSON.parse((ee = a.hoverPoint) == null ? void 0 : ee.movement)) == null ? void 0 : $.deg) ?? "-") + " °", 1)
                 ])) : M("", !0),
                 l("div", Zc, [
                   l("label", qc, m(t.$t("tropical.position")) + " : ", 1),
@@ -12051,10 +12039,10 @@ const tm = {
       (a == null ? void 0 : a.data.code) === 0 && (this.meteoData = a == null ? void 0 : a.data.data, this.meteoData.lng = t.lng, this.meteoData.lat = t.lat, this.initTableData(this.meteoData), this.handleDrawInfoMarker([t.lng, t.lat])), this.loading = !1;
     },
     initTableData(t) {
-      var o, i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe;
+      var o, i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, F, Z, q, V, ee, $, Q, pe, me, J, ae, de, se, he, ge, H, ne, xe;
       this.currentHourData = {}, this.positionGmt = (i = (o = t == null ? void 0 : t.weather) == null ? void 0 : o[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (a = t == null ? void 0 : t.weather) == null ? void 0 : a[0]) == null ? void 0 : r.offset;
       const e = ((s = ao.pickHourly(t, D(this.form.dateTime))) == null ? void 0 : s[0]) || {};
-      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((f = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : f.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((y = (p = e == null ? void 0 : e.weather) == null ? void 0 : p.precip) == null ? void 0 : y.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((w = e == null ? void 0 : e.weather) == null ? void 0 : w.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((g = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : g.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (z = e == null ? void 0 : e.weather) == null ? void 0 : z.wind) == null ? void 0 : T.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (O = e == null ? void 0 : e.weather) == null ? void 0 : O.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((_ = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.wind) == null ? void 0 : _.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (L = e == null ? void 0 : e.wave) == null ? void 0 : L.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (A = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : A.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((Z = (H = e == null ? void 0 : e.wave) == null ? void 0 : H.sig) == null ? void 0 : Z.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((V = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : V.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((re = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : re.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((pe = (he = e == null ? void 0 : e.wave) == null ? void 0 : he.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = ($ = (ne = e == null ? void 0 : e.wave) == null ? void 0 : ne.swell) == null ? void 0 : $.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((ue = (ae = e == null ? void 0 : e.wave) == null ? void 0 : ae.swell) == null ? void 0 : ue.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ce = e == null ? void 0 : e.current) == null ? void 0 : ce.speed, 1) ?? "-", this.currentHourData.currentDir = (F = e == null ? void 0 : e.current) == null ? void 0 : F.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((me = e == null ? void 0 : e.current) == null ? void 0 : me.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (xe = e == null ? void 0 : e.weather) == null ? void 0 : xe.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((f = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : f.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((y = (p = e == null ? void 0 : e.weather) == null ? void 0 : p.precip) == null ? void 0 : y.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((w = e == null ? void 0 : e.weather) == null ? void 0 : w.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((g = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : g.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (z = e == null ? void 0 : e.weather) == null ? void 0 : z.wind) == null ? void 0 : T.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (O = e == null ? void 0 : e.weather) == null ? void 0 : O.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((_ = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.wind) == null ? void 0 : _.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (L = e == null ? void 0 : e.wave) == null ? void 0 : L.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (A = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : A.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((Z = (F = e == null ? void 0 : e.wave) == null ? void 0 : F.sig) == null ? void 0 : Z.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((V = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : V.height, 1) ?? "-", this.currentHourData.windwaveDir = ($ = (ee = e == null ? void 0 : e.wave) == null ? void 0 : ee.wd) == null ? void 0 : $.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((pe = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : pe.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((J = (me = e == null ? void 0 : e.wave) == null ? void 0 : me.swell) == null ? void 0 : J.height, 1) ?? "-", this.currentHourData.swellDir = (de = (ae = e == null ? void 0 : e.wave) == null ? void 0 : ae.swell) == null ? void 0 : de.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((he = (se = e == null ? void 0 : e.wave) == null ? void 0 : se.swell) == null ? void 0 : he.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.speed, 1) ?? "-", this.currentHourData.currentDir = (H = e == null ? void 0 : e.current) == null ? void 0 : H.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((ne = e == null ? void 0 : e.current) == null ? void 0 : ne.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (xe = e == null ? void 0 : e.weather) == null ? void 0 : xe.url;
     },
     handleBind() {
       var t, e;
@@ -12834,7 +12822,7 @@ const zm = {
       (t = this.map) == null || t.getCanvas().removeEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.off("mousemove", this.handleMove), (o = this.map) == null || o.off("dblclick", this.handleDblClick), (i = this.map) == null || i.off("click", this.handleClick), (a = this.map) == null || a.off("contextmenu", this.handleContextmenu);
       for (const r of this.geojson)
         this.handleClear(r, !0);
-      this.geojson = [], this.map;
+      this.geojson = [], this.map && (this.map.getCanvas().style.cursor = "grab");
     },
     handleKeydown(t) {
       if (t.key === "Shift") {
@@ -13676,7 +13664,7 @@ function Um(t, e, o, i, a, r) {
       token: o.token,
       "default-meteo-token": a.defaultMeteoToken,
       tropicals: a.tropicals,
-      "before-layer": "empty-layer-3",
+      "before-layer": "empty-layer-4",
       gateway: a.gateway,
       "assist-gateway": a.assistGateway,
       "forecast-model": o.forecastModel,
@@ -13705,13 +13693,13 @@ function Um(t, e, o, i, a, r) {
 const Wm = /* @__PURE__ */ K(Fm, [["render", Um]]);
 class Gm {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
-    de(this, "originStyle");
-    de(this, "mapboxStyle");
-    de(this, "i4");
-    de(this, "hi");
-    de(this, "td");
-    de(this, "windy");
-    var o, i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, H, Z, q, V, Q, ee, J, re, he, pe, ne, $, ae, ue, ce, F, me, xe, Le, Pe, Ae, De, Re, _e, W, te, Fe, Ie, ge, fe, G, Ce, oe, le, Oe, E, ye, Me, Be, Ne, N, Y, Ve, Ze, qe, Te, Ye, Ke, Xe, $e, Je, Qe, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, It, Mt, At, Dt, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, qt, Yt, Kt, Xt, Jt, Qt, eo, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, To, So, Io, Mo, Ao, Do, Ro, Oo, Bo, No, Eo, jo, Fo, Ho, Uo, Wo, Go, Vo, Zo, qo, Yo, Ko, Xo, $o, Jo, Qo, ea, ta, oa, aa, ia, ra, la, sa, na, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ia, Ma, Aa, Da, Ra, Oa, Ba, Na, Ea, ja, Fa, Ha, Ua, Wa, Ga;
+    ce(this, "originStyle");
+    ce(this, "mapboxStyle");
+    ce(this, "i4");
+    ce(this, "hi");
+    ce(this, "td");
+    ce(this, "windy");
+    var o, i, a, r, s, c, n, f, p, y, w, k, g, z, T, O, I, P, _, L, C, v, A, F, Z, q, V, ee, $, Q, pe, me, J, ae, de, se, he, ge, H, ne, xe, Le, Pe, Ae, De, Re, _e, W, te, Fe, Ie, ue, fe, G, Ce, oe, re, Oe, E, ye, Me, Be, Ne, N, Y, Ve, Ze, qe, Te, Ye, Ke, Xe, $e, Je, Qe, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, It, Mt, At, Dt, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, qt, Yt, Kt, Xt, Jt, Qt, eo, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, To, So, Io, Mo, Ao, Do, Ro, Oo, Bo, No, Eo, jo, Fo, Ho, Uo, Wo, Go, Vo, Zo, qo, Yo, Ko, Xo, $o, Jo, Qo, ea, ta, oa, aa, ia, ra, la, sa, na, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ia, Ma, Aa, Da, Ra, Oa, Ba, Na, Ea, ja, Fa, Ha, Ua, Wa, Ga;
     this.i4 = {
       source: {
         type: "raster",
@@ -21327,12 +21315,14 @@ class Gm {
             id: "china-route-fill",
             type: "fill",
             paint: {
-              "fill-color": "rgba(119, 239, 157, 1)"
+              "fill-color": "rgba(119, 239, 157, 1)",
+              "fill-opacity": 0.2
             },
             layout: {
               visibility: "none"
             },
             source: "composite",
+            filter: ["match", ["get", "featureType"], ["route"], !0, !1],
             "source-layer": "china_route-bdtx5d"
           },
           {
@@ -21496,7 +21486,7 @@ class Gm {
         imports: [
           {
             id: "basemap",
-            url: "mapbox://styles/mapbox/standard",
+            url: "mapbox://styles/neatchenheng/cmg0ale3r008801rhdey4f0go",
             config: {
               theme: "faded",
               lightPreset: "dawn",
@@ -31924,6 +31914,50 @@ class Gm {
               webpage: "https://studio.mapbox.com/tilesets/neatchenheng.27issko0"
             }
           },
+          // 'mapbox://neatchenheng.dlkkohie': {
+          //   "url": "mapbox://neatchenheng.dlkkohie",
+          //   "type": "vector",
+          //   "data": {
+          //       "bounds": [
+          //           -180.0443283402411,
+          //           -80,
+          //           180.01928531696865,
+          //           90
+          //       ],
+          //       "center": [
+          //           -0.012521511636222726,
+          //           5,
+          //           0
+          //       ],
+          //       "created": 1756711198438,
+          //       "created_by_client": "studio",
+          //       "filesize": 38788,
+          //       "format": "pbf",
+          //       "id": "neatchenheng.dlkkohie",
+          //       "mapbox_logo": true,
+          //       "maxzoom": 6,
+          //       "minzoom": 0,
+          //       "modified": 1756711198222,
+          //       "name": "loadlines-b6mgr8",
+          //       "private": true,
+          //       "scheme": "xyz",
+          //       "tilejson": "3.0.0",
+          //       "tiles": [
+          //           "mapbox://tiles/neatchenheng.dlkkohie/{z}/{x}/{y}.vector.pbf"
+          //       ],
+          //       "upload_id": "cmf0sh4ld1lvw1no16u59vten",
+          //       "vector_layers": [
+          //           {
+          //               "id": "loadlines-b6mgr8",
+          //               "maxzoom": 22,
+          //               "minzoom": 0,
+          //               "source": "neatchenheng.dlkkohie"
+          //           }
+          //       ],
+          //       "version": "1.0.0",
+          //       "webpage": "https://studio.mapbox.com/tilesets/neatchenheng.dlkkohie"
+          //   }
+          // },
           "mapbox://neatchenheng.dlkkohie": {
             url: "mapbox://neatchenheng.dlkkohie",
             type: "vector",
@@ -31931,23 +31965,23 @@ class Gm {
               bounds: [
                 -180.0443283402411,
                 -80,
-                180.01928531696865,
+                180.00284240174312,
                 90
               ],
               center: [
-                -0.012521511636222726,
+                -0.020742969248985332,
                 5,
                 0
               ],
               created: 1756711198438,
               created_by_client: "studio",
-              filesize: 38788,
+              filesize: 38990,
               format: "pbf",
               id: "neatchenheng.dlkkohie",
               mapbox_logo: !0,
               maxzoom: 6,
               minzoom: 0,
-              modified: 1756711198222,
+              modified: 1758161205109,
               name: "loadlines-b6mgr8",
               private: !0,
               scheme: "xyz",
@@ -31955,7 +31989,7 @@ class Gm {
               tiles: [
                 "mapbox://tiles/neatchenheng.dlkkohie/{z}/{x}/{y}.vector.pbf"
               ],
-              upload_id: "cmf0sh4ld1lvw1no16u59vten",
+              upload_id: "cmforrscu3fwp1pqw2ibccowm",
               vector_layers: [
                 {
                   id: "loadlines-b6mgr8",
@@ -32138,12 +32172,14 @@ class Gm {
             id: "china-route-fill",
             type: "fill",
             paint: {
-              "fill-color": "rgba(119, 239, 157, 1)"
+              "fill-color": "rgba(119, 239, 157, 1)",
+              "fill-opacity": 0.2
             },
             layout: {
               visibility: "none"
             },
             source: "mapbox://neatchenheng.27issko0",
+            filter: ["match", ["get", "featureType"], ["route"], !0, !1],
             "source-layer": "china_route-bdtx5d"
           },
           {
@@ -32238,7 +32274,7 @@ class Gm {
                 1
               ]
             },
-            source: "composite",
+            source: "mapbox://neatchenheng.dlkkohie",
             "source-layer": "loadlines-b6mgr8"
           },
           {
@@ -32276,7 +32312,7 @@ class Gm {
             layout: {
               visibility: "none"
             },
-            source: "composite",
+            source: "mapbox://neatchenheng.dlkkohie",
             "source-layer": "loadlines-b6mgr8"
           }
         ],
@@ -32314,21 +32350,21 @@ class Gm {
           (P = (I = this.originStyle) == null ? void 0 : I.light.layers) == null ? void 0 : P.find((d) => d.id === "country-boundaries"),
           (L = (_ = this.originStyle) == null ? void 0 : _.light.layers) == null ? void 0 : L.find((d) => d.id === "water-outline"),
           (v = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : v.find((d) => d.id === "water-outline2"),
-          (H = (A = this.originStyle) == null ? void 0 : A.light.layers) == null ? void 0 : H.find((d) => d.id === "empty-layer-2"),
+          (F = (A = this.originStyle) == null ? void 0 : A.light.layers) == null ? void 0 : F.find((d) => d.id === "empty-layer-2"),
           (q = (Z = this.originStyle) == null ? void 0 : Z.light.layers) == null ? void 0 : q.find((d) => d.id === "water-line-label"),
-          (Q = (V = this.originStyle) == null ? void 0 : V.light.layers) == null ? void 0 : Q.find((d) => d.id === "water-point-label"),
-          (J = (ee = this.originStyle) == null ? void 0 : ee.light.layers) == null ? void 0 : J.find((d) => d.id === "world-12nm-v4-20231025"),
-          (he = (re = this.originStyle) == null ? void 0 : re.light.layers) == null ? void 0 : he.find((d) => d.id === "ne-10m-outline"),
-          (ne = (pe = this.originStyle) == null ? void 0 : pe.light.layers) == null ? void 0 : ne.find((d) => d.id === "ne-10m-label"),
-          (ae = ($ = this.originStyle) == null ? void 0 : $.light.layers) == null ? void 0 : ae.find((d) => d.id === "china-route-line"),
-          (ce = (ue = this.originStyle) == null ? void 0 : ue.light.layers) == null ? void 0 : ce.find((d) => d.id === "china-route-fill"),
-          (me = (F = this.originStyle) == null ? void 0 : F.light.layers) == null ? void 0 : me.find((d) => d.id === "china-route-label"),
+          (ee = (V = this.originStyle) == null ? void 0 : V.light.layers) == null ? void 0 : ee.find((d) => d.id === "water-point-label"),
+          (Q = ($ = this.originStyle) == null ? void 0 : $.light.layers) == null ? void 0 : Q.find((d) => d.id === "world-12nm-v4-20231025"),
+          (me = (pe = this.originStyle) == null ? void 0 : pe.light.layers) == null ? void 0 : me.find((d) => d.id === "ne-10m-outline"),
+          (ae = (J = this.originStyle) == null ? void 0 : J.light.layers) == null ? void 0 : ae.find((d) => d.id === "ne-10m-label"),
+          (se = (de = this.originStyle) == null ? void 0 : de.light.layers) == null ? void 0 : se.find((d) => d.id === "china-route-line"),
+          (ge = (he = this.originStyle) == null ? void 0 : he.light.layers) == null ? void 0 : ge.find((d) => d.id === "china-route-fill"),
+          (ne = (H = this.originStyle) == null ? void 0 : H.light.layers) == null ? void 0 : ne.find((d) => d.id === "china-route-label"),
           (Le = (xe = this.originStyle) == null ? void 0 : xe.light.layers) == null ? void 0 : Le.find((d) => d.id === "admin-0-boundary-bg"),
           (Ae = (Pe = this.originStyle) == null ? void 0 : Pe.light.layers) == null ? void 0 : Ae.find((d) => d.id === "admin-0-boundary"),
           (Re = (De = this.originStyle) == null ? void 0 : De.light.layers) == null ? void 0 : Re.find((d) => d.id === "admin-0-boundary-disputed"),
           (W = (_e = this.originStyle) == null ? void 0 : _e.light.layers) == null ? void 0 : W.find((d) => d.id === "country-label"),
           (Fe = (te = this.originStyle) == null ? void 0 : te.light.layers) == null ? void 0 : Fe.find((d) => d.id === "continent-label"),
-          (ge = (Ie = this.originStyle) == null ? void 0 : Ie.light.layers) == null ? void 0 : ge.find((d) => d.id === "tide-stations"),
+          (ue = (Ie = this.originStyle) == null ? void 0 : Ie.light.layers) == null ? void 0 : ue.find((d) => d.id === "tide-stations"),
           (G = (fe = this.originStyle) == null ? void 0 : fe.light.layers) == null ? void 0 : G.find((d) => d.id === "empty-layer-3"),
           (oe = (Ce = this.originStyle) == null ? void 0 : Ce.light.layers) == null ? void 0 : oe.find((d) => d.id === "empty-layer-4")
         ]
@@ -32336,7 +32372,7 @@ class Gm {
       dark: {
         version: 8,
         name: "dark",
-        metadata: (le = this.originStyle) == null ? void 0 : le.dark.metadata,
+        metadata: (re = this.originStyle) == null ? void 0 : re.dark.metadata,
         center: [90.22129259388525, -3.2084663486364606],
         zoom: 1.2556266457717493,
         bearing: 0,
@@ -32646,5 +32682,5 @@ export {
   Ka as TropicalGL,
   so as Viewport,
   je as WebGL,
-  se as WebGLSchema
+  le as WebGLSchema
 };