@idmwx/idmui-gl4 1.7.4 → 1.7.6

package/dist/index.js

@@ -3,15 +3,15 @@ var Ka = (t, e, o) => e in t ? $a(t, e, { enumerable: !0, configurable: !0, writ
 var de = (t, e, o) => (Ka(t, typeof e != "symbol" ? e + "" : e, o), o);
 import Se from "axios";
 import { useTheme as ze } from "vuetify";
-import { openBlock as y, createElementBlock as S, resolveComponent as w, createBlock as R, withCtx as f, createVNode as p, withModifiers as je, createElementVNode as s, createCommentVNode as D, normalizeClass as Ne, toDisplayString as m, createTextVNode as K, Fragment as be, renderList as we, withDirectives as Ue, vShow as We, mergeProps as B, normalizeStyle as ie } from "vue";
-import ve from "mapbox-gl";
+import { openBlock as y, createElementBlock as S, resolveComponent as x, createBlock as R, withCtx as f, createVNode as p, withModifiers as je, createElementVNode as s, createCommentVNode as D, normalizeClass as Ne, toDisplayString as m, createTextVNode as K, Fragment as be, renderList as we, withDirectives as Ue, vShow as We, mergeProps as B, normalizeStyle as ie } from "vue";
+import xe from "mapbox-gl";
 import M from "moment";
 import { LngLatHelper as X, TropicalHelper as Va, LaneHelper as Ge } from "@idm-plugin/geo";
 import { Meteo2Assist as Co, TidesAssist as Ya } from "@idm-plugin/meteo";
 import * as So from "echarts";
 import * as H from "@turf/turf";
-import { LayerHelper as To, CompanyHelper as Qa } from "@idm-plugin/tag2";
-import Ja from "@mapbox/sphericalmercator";
+import { LayerHelper as To, CompanyHelper as Ja } from "@idm-plugin/tag2";
+import Qa from "@mapbox/sphericalmercator";
 import { LayerHelper as ei } from "@idm-plugin/tag";
 const Y = (t, e) => {
   const o = t.__vccOpts || t;
@@ -389,7 +389,7 @@ const mi = {
         const l = (n = document.getElementById("idm-gl4-zone-info")) == null ? void 0 : n.cloneNode(!0), c = (u = l == null ? void 0 : l.children[1]) == null ? void 0 : u.children[0];
         c && (c.onclick = () => {
           this.handleRemoveMarker();
-        }), this.marker = new ve.Marker(l).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([230, 0]).addTo(this.map);
+        }), this.marker = new xe.Marker(l).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([230, 0]).addTo(this.map);
       }));
     },
     handleRender() {
@@ -489,7 +489,7 @@ const mi = {
   }
 }, di = ["innerHTML"];
 function hi(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("v-card-text"), n = w("v-card");
+  const l = x("VBtn"), c = x("v-card-text"), n = x("v-card");
   return a.showMakerInfo ? (y(), R(n, {
     key: 0,
     class: "scroll",
@@ -1487,10 +1487,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, u, h, b, x, z, g, P, T, O, I, L, k, v, C, _, A, N, V, Z, W, ee, Q, $, ne, se, J, ae, he, ce, pe, ge, F, me, xe, Le, Pe;
+        var c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe;
         let r = {};
         const l = ((c = Co.pickHourly(t, M(i))) == null ? void 0 : c[0]) || {};
-        r.utc = l.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = l.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((u = l == null ? void 0 : l.weather) == null ? void 0 : u.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((b = (h = l == null ? void 0 : l.weather) == null ? void 0 : h.precip) == null ? void 0 : b.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((z = (x = l == null ? void 0 : l.weather) == null ? void 0 : x.precip) == null ? void 0 : z.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((g = l == null ? void 0 : l.weather) == null ? void 0 : g.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((T = (P = l == null ? void 0 : l.weather) == null ? void 0 : P.wind) == null ? void 0 : T.kts, 1) ?? "-", r.windDir = (I = (O = l == null ? void 0 : l.weather) == null ? void 0 : O.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((k = (L = l == null ? void 0 : l.weather) == null ? void 0 : L.wind) == null ? void 0 : k.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((C = (v = l == null ? void 0 : l.weather) == null ? void 0 : v.wind) == null ? void 0 : C.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((A = (_ = l == null ? void 0 : l.wave) == null ? void 0 : _.sig) == null ? void 0 : A.height, 1) ?? "-", r.sigwaveDir = (V = (N = l == null ? void 0 : l.wave) == null ? void 0 : N.sig) == null ? void 0 : V.direction, r.sigwavePeriod = this.computeRoundPrecision((W = (Z = l == null ? void 0 : l.wave) == null ? void 0 : Z.sig) == null ? void 0 : W.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((Q = (ee = l == null ? void 0 : l.wave) == null ? void 0 : ee.wd) == null ? void 0 : Q.height, 1) ?? "-", r.windwaveDir = (ne = ($ = l == null ? void 0 : l.wave) == null ? void 0 : $.wd) == null ? void 0 : ne.direction, r.windwavePeriod = this.computeRoundPrecision((J = (se = l == null ? void 0 : l.wave) == null ? void 0 : se.wd) == null ? void 0 : J.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((he = (ae = l == null ? void 0 : l.wave) == null ? void 0 : ae.swell) == null ? void 0 : he.height, 1) ?? "-", r.swellDir = (pe = (ce = l == null ? void 0 : l.wave) == null ? void 0 : ce.swell) == null ? void 0 : pe.direction, r.swellPeriod = this.computeRoundPrecision((F = (ge = l == null ? void 0 : l.wave) == null ? void 0 : ge.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((me = l == null ? void 0 : l.current) == null ? void 0 : me.speed, 1) ?? "-", r.currentDir = (xe = l == null ? void 0 : l.current) == null ? void 0 : xe.direction, r.currentSpeed = this.computeRoundPrecision((Le = l == null ? void 0 : l.current) == null ? void 0 : Le.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(l == null ? void 0 : l.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(l == null ? void 0 : l.sst, 0) ?? "-", r.weatherUrls = (Pe = l == null ? void 0 : l.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 = l.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = l.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((u = l == null ? void 0 : l.weather) == null ? void 0 : u.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((b = (h = l == null ? void 0 : l.weather) == null ? void 0 : h.precip) == null ? void 0 : b.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((_ = (w = l == null ? void 0 : l.weather) == null ? void 0 : w.precip) == null ? void 0 : _.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((g = l == null ? void 0 : l.weather) == null ? void 0 : g.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((T = (P = l == null ? void 0 : l.weather) == null ? void 0 : P.wind) == null ? void 0 : T.kts, 1) ?? "-", r.windDir = (I = (O = l == null ? void 0 : l.weather) == null ? void 0 : O.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((z = (L = l == null ? void 0 : l.weather) == null ? void 0 : L.wind) == null ? void 0 : z.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((C = (v = l == null ? void 0 : l.weather) == null ? void 0 : v.wind) == null ? void 0 : C.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((A = (k = l == null ? void 0 : l.wave) == null ? void 0 : k.sig) == null ? void 0 : A.height, 1) ?? "-", r.sigwaveDir = (V = (N = l == null ? void 0 : l.wave) == null ? void 0 : N.sig) == null ? void 0 : V.direction, r.sigwavePeriod = this.computeRoundPrecision((W = (Z = l == null ? void 0 : l.wave) == null ? void 0 : Z.sig) == null ? void 0 : W.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((J = (ee = l == null ? void 0 : l.wave) == null ? void 0 : ee.wd) == null ? void 0 : J.height, 1) ?? "-", r.windwaveDir = (ne = ($ = l == null ? void 0 : l.wave) == null ? void 0 : $.wd) == null ? void 0 : ne.direction, r.windwavePeriod = this.computeRoundPrecision((Q = (se = l == null ? void 0 : l.wave) == null ? void 0 : se.wd) == null ? void 0 : Q.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((he = (ae = l == null ? void 0 : l.wave) == null ? void 0 : ae.swell) == null ? void 0 : he.height, 1) ?? "-", r.swellDir = (pe = (ce = l == null ? void 0 : l.wave) == null ? void 0 : ce.swell) == null ? void 0 : pe.direction, r.swellPeriod = this.computeRoundPrecision((F = (ge = l == null ? void 0 : l.wave) == null ? void 0 : ge.swell) == null ? void 0 : F.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((me = l == null ? void 0 : l.current) == null ? void 0 : me.speed, 1) ?? "-", r.currentDir = (ve = l == null ? void 0 : l.current) == null ? void 0 : ve.direction, r.currentSpeed = this.computeRoundPrecision((Le = l == null ? void 0 : l.current) == null ? void 0 : Le.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(l == null ? void 0 : l.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(l == null ? void 0 : l.sst, 0) ?? "-", r.weatherUrls = (Pe = l == null ? void 0 : l.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() {
@@ -1650,7 +1650,7 @@ const ui = {
 }, Ui = {
   key: 0,
   class: ""
-}, Wi = { class: "px-1 text-center" }, Vi = ["src"], Zi = { key: 1 }, Yi = { class: "px-1 text-center" }, qi = ["src"], Xi = { key: 1 }, $i = { class: "px-1 text-center" }, Ki = ["src"], Qi = { key: 1 }, Ji = { class: "px-1 text-center" }, er = ["src"], tr = { key: 1 }, or = { class: "table-box w-100 mt-2 d-flex flex-column justify-start align-center" }, ar = { class: "w-100 d-flex justify-space-between align-center py-2" }, ir = { class: "d-flex justify-center align-center text-h6 ga-2" }, rr = {
+}, Wi = { class: "px-1 text-center" }, Vi = ["src"], Zi = { key: 1 }, Yi = { class: "px-1 text-center" }, qi = ["src"], Xi = { key: 1 }, $i = { class: "px-1 text-center" }, Ki = ["src"], Ji = { key: 1 }, Qi = { class: "px-1 text-center" }, er = ["src"], tr = { key: 1 }, or = { class: "table-box w-100 mt-2 d-flex flex-column justify-start align-center" }, ar = { class: "w-100 d-flex justify-space-between align-center py-2" }, ir = { class: "d-flex justify-center align-center text-h6 ga-2" }, rr = {
   class: "multi-color-icon",
   "aria-hidden": "true"
 }, sr = ["xlink:href"], lr = { class: "text-body-2 ga-2" }, nr = {
@@ -1675,10 +1675,10 @@ const ui = {
   width: "120"
 }, ur = { class: "px-1 text-center" }, gr = { class: "px-1 text-center" }, fr = { class: "px-1 text-center" };
 function yr(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("VCardTitle"), n = w("VDivider"), u = w("VIcon"), h = w("VBtnToggle"), b = w("VCard");
+  const l = x("VBtn"), c = x("VCardTitle"), n = x("VDivider"), u = x("VIcon"), h = x("VBtnToggle"), b = x("VCard");
   return y(), R(b, { class: "port-detail-container d-flex flex-column justify-start align-center" }, {
     default: f(() => {
-      var x, z;
+      var w, _;
       return [
         p(c, { class: "w-100" }, {
           default: f(() => {
@@ -1781,7 +1781,7 @@ function yr(t, e, o, i, a, r) {
             s("div", Li, [
               s("div", Pi, [
                 s("div", Ci, m(t.$t("port.region")), 1),
-                s("div", Ti, m(((x = o.port) == null ? void 0 : x.region) ?? ((z = o.port) == null ? void 0 : z.city) ?? "-"), 1)
+                s("div", Ti, m(((w = o.port) == null ? void 0 : w.region) ?? ((_ = o.port) == null ? void 0 : _.city) ?? "-"), 1)
               ]),
               s("div", Si, [
                 s("div", Mi, m(t.$t("port.position")), 1),
@@ -1860,9 +1860,9 @@ function yr(t, e, o, i, a, r) {
                         key: 0,
                         src: g == null ? void 0 : g.value2,
                         style: { height: "30px" }
-                      }, null, 8, Ki)) : (y(), S("span", Qi, m((g == null ? void 0 : g.value2) ?? "-"), 1))
+                      }, null, 8, Ki)) : (y(), S("span", Ji, m((g == null ? void 0 : g.value2) ?? "-"), 1))
                     ]),
-                    s("td", Ji, [
+                    s("td", Qi, [
                       g.img ? (y(), S("img", {
                         key: 0,
                         src: g == null ? void 0 : g.value3,
@@ -2025,7 +2025,7 @@ const br = {
       if (e.properties.id) {
         this.showInfo = !0, this.hoverPort = e.properties, (i = this.marker) == null || i.remove();
         const r = (a = document.getElementById("idmPortInfo")) == null ? void 0 : a.cloneNode(!0);
-        this.marker = new ve.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.marker = new xe.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -2038,7 +2038,7 @@ const br = {
   }
 }, wr = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, xr = { class: "d-flex justify-start align-center text-label" }, vr = { class: "d-flex justify-start align-center text-label" };
 function _r(t, e, o, i, a, r) {
-  const l = w("VCardText"), c = w("VCard"), n = w("PortDetail");
+  const l = x("VCardText"), c = x("VCard"), n = x("PortDetail");
   return y(), S("div", null, [
     Ue(p(c, {
       id: "idmPortInfo",
@@ -2139,31 +2139,39 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
     return {
       source: "time-zone-source",
       zoneLayer: "time-zone-layer",
-      zoneLabelLayer: "time-zone-label-layer"
+      zoneBorderLayer: "time-zone-border-layer",
+      zoneLabelLayer: "time-zone-label-layer",
+      marker: null
     };
   },
   watch: {
     zone: {
       handler() {
-        this.handleRender();
+        var t, e, o, i;
+        this.zone ? (this.handleRender(), (t = this.map) == null || t.on("mousemove", [this.zoneLayer], this.handleHover), (e = this.map) == null || e.on("mouseleave", [this.zoneLayer], this.handleLeave)) : (this.handleClear(), (o = this.map) == null || o.off("mousemove", [this.zoneLayer], this.handleHover), (i = this.map) == null || i.off("mouseleave", [this.zoneLayer], this.handleLeave));
       },
       immediate: !0
     }
   },
   methods: {
     handleRender() {
-      this.handleClear(), this.zone && (this.map.addSource(this.source, {
+      var e;
+      this.handleClear();
+      let t = {
+        features: [],
+        type: "FeatureCollection"
+      };
+      t.features = (e = this.zone.features) == null ? void 0 : e.map((o) => (o.properties.opacity = 0, o.properties.lineOpacity = 0.2, o.properties.width = 1, o)), this.zone && (this.map.addSource(this.source, {
         type: "geojson",
-        data: this.zone
+        data: t
       }), this.map.addLayer(
         {
           id: this.zoneLayer,
           type: "fill",
           source: this.source,
-          filter: ["==", "$type", "Polygon"],
+          filter: ["all", ["==", "$type", "Polygon"]],
           paint: {
-            "fill-outline-color": "rgba(255, 255, 255, 0.5)",
-            "fill-opacity": 0.25,
+            "fill-opacity": ["get", "opacity"],
             "fill-color": [
               "match",
               ["get", "offSet"],
@@ -2268,27 +2276,39 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
         this.beforeLayer
       ), this.map.addLayer(
         {
-          id: this.zoneLabelLayer,
-          type: "symbol",
+          id: this.zoneBorderLayer,
+          type: "line",
           source: this.source,
-          filter: ["==", "$type", "Point"],
-          layout: {
-            "symbol-placement": "point",
-            "text-field": "{offSet}",
-            "text-rotation-alignment": "viewport",
-            "text-size": 10,
-            "text-offset": [0, 1],
-            "text-font": ["DIN Pro Regular", "Arial Unicode MS Regular"]
-          },
+          filter: ["==", "$type", "Polygon"],
           paint: {
-            "text-color": this.Theme.current.value.colors["on-surface"]
+            "line-color": this.Theme.current.value.colors["on-surface"],
+            "line-opacity": ["get", "lineOpacity"],
+            "line-width": ["get", "width"]
           }
         },
         this.beforeLayer
       ));
     },
     handleClear() {
-      this.map.getLayer(this.zoneLayer) && this.map.removeLayer(this.zoneLayer), this.map.getLayer(this.zoneLabelLayer) && this.map.removeLayer(this.zoneLabelLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
+      this.map.getLayer(this.zoneLayer) && this.map.removeLayer(this.zoneLayer), this.map.getLayer(this.zoneBorderLayer) && this.map.removeLayer(this.zoneBorderLayer), this.map.getLayer(this.zoneLabelLayer) && this.map.removeLayer(this.zoneLabelLayer), this.map.getSource(this.source) && this.map.removeSource(this.source);
+    },
+    handleHover(t) {
+      var e, o, i;
+      if (t.features.length) {
+        (e = this.marker) == null || e.remove();
+        let a = {
+          features: [],
+          type: "FeatureCollection"
+        };
+        a.features = (o = this.zone.features) == null ? void 0 : o.map((l) => {
+          const c = JSON.parse(JSON.stringify(l));
+          return c.properties.offSet === t.features[0].properties.offSet ? (c.properties.opacity = 0.25, c.properties.lineOpacity = 0.7, c.properties.width = 2) : (c.properties.opacity = 0, c.properties.lineOpacity = 0.2, c.properties.width = 1), c;
+        }), (i = this.map.getSource(this.source)) == null || i.setData(a);
+        const r = document.createElement("div");
+        r.className = "v-card--variant-elevated rounded px-2 py-1 text-body-1", r.innerHTML = `<div>UTC ${t.features[0].properties.offSet}</div>`, this.marker = new xe.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -30]).addTo(this.map);
+      }
+    },
+    handleLeave() {
     }
   }
 };
@@ -2915,7 +2935,7 @@ const qr = {
       this.$emit("close");
     }
   }
-}, Xr = { class: "d-flex justify-space-between align-center" }, $r = { class: "d-flex justify-start text-h5 my-2" }, Kr = { class: "d-flex justify-start align-center text-body-1 text-label ga-3" }, Qr = { class: "w-100 px-5 pt-0 pb-0 overflow-y-auto scroll" }, Jr = { class: "summary-box w-100" }, es = { class: "d-flex justify-space-between align-center py-2" }, ts = { class: "d-flex justify-center align-center text-h6 ga-2" }, os = {
+}, Xr = { class: "d-flex justify-space-between align-center" }, $r = { class: "d-flex justify-start text-h5 my-2" }, Kr = { class: "d-flex justify-start align-center text-body-1 text-label ga-3" }, Jr = { class: "w-100 px-5 pt-0 pb-0 overflow-y-auto scroll" }, Qr = { class: "summary-box w-100" }, es = { class: "d-flex justify-space-between align-center py-2" }, ts = { class: "d-flex justify-center align-center text-h6 ga-2" }, os = {
   class: "multi-color-icon",
   "aria-hidden": "true"
 }, as = ["xlink:href"], is = { class: "gray-bg-2 rounded d-flex flex-column ga-4 pa-4" }, rs = { class: "w-100 d-flex justify-start align-center" }, ss = { class: "w-30 text-label font-weight-400" }, ls = { class: "flex-1-1-0" }, ns = { class: "w-100 d-flex justify-start align-center" }, cs = { class: "w-30 text-label font-weight-400" }, ms = { class: "flex-1-1-0" }, ds = { class: "w-100 d-flex justify-start align-center" }, hs = { class: "w-30 text-label font-weight-400" }, ps = { class: "flex-1-1-0" }, us = { class: "table-box w-100 mt-2 mb-4 d-flex flex-column justify-start align-center" }, gs = { class: "w-100 d-flex justify-space-between align-center py-2" }, fs = { class: "d-flex justify-center align-center text-h6 ga-2" }, ys = {
@@ -2940,18 +2960,18 @@ const qr = {
   width: "120"
 }, Ls = { class: "px-1 text-center" }, Ps = { class: "px-1 text-center" }, Cs = { class: "px-1 text-center" };
 function Ts(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("v-card-title"), n = w("v-divider"), u = w("VBtnToggle"), h = w("v-card");
+  const l = x("VBtn"), c = x("v-card-title"), n = x("v-divider"), u = x("VBtnToggle"), h = x("v-card");
   return y(), R(h, { class: "tide-detail-container d-flex flex-column justify-start align-center" }, {
     default: f(() => {
-      var b, x;
+      var b, w;
       return [
         p(c, { class: "w-100" }, {
           default: f(() => {
-            var z;
+            var _;
             return [
               s("div", Xr, [
                 s("div", $r, [
-                  s("div", null, m((z = o.station) == null ? void 0 : z.name), 1)
+                  s("div", null, m((_ = o.station) == null ? void 0 : _.name), 1)
                 ]),
                 p(l, {
                   icon: "",
@@ -2975,8 +2995,8 @@ function Ts(t, e, o, i, a, r) {
           _: 1
         }),
         p(n, { class: "w-100" }),
-        s("div", Qr, [
-          s("div", Jr, [
+        s("div", Jr, [
+          s("div", Qr, [
             s("div", es, [
               s("div", ts, [
                 (y(), S("svg", os, [
@@ -2991,7 +3011,7 @@ function Ts(t, e, o, i, a, r) {
             s("div", is, [
               s("div", rs, [
                 s("div", ss, m(t.$t("tide.region")), 1),
-                s("div", ls, m(((b = o.station) == null ? void 0 : b.Country) ?? ((x = o.station) == null ? void 0 : x.city) ?? "-"), 1)
+                s("div", ls, m(((b = o.station) == null ? void 0 : b.Country) ?? ((w = o.station) == null ? void 0 : w.city) ?? "-"), 1)
               ]),
               s("div", ns, [
                 s("div", cs, m(t.$t("tide.position")), 1),
@@ -3018,7 +3038,7 @@ function Ts(t, e, o, i, a, r) {
             s("div", ws, [
               p(u, {
                 modelValue: a.currentIndex,
-                "onUpdate:modelValue": e[0] || (e[0] = (z) => a.currentIndex = z),
+                "onUpdate:modelValue": e[0] || (e[0] = (_) => a.currentIndex = _),
                 class: "w-100 gray-bg-1 rounded d-flex justify-space-around align-center ga-0 px-1 mb-4",
                 density: "compact",
                 group: "",
@@ -3027,15 +3047,15 @@ function Ts(t, e, o, i, a, r) {
                 rounded: "1"
               }, {
                 default: f(() => [
-                  (y(!0), S(be, null, we(r.dateList, (z) => (y(), R(l, {
+                  (y(!0), S(be, null, we(r.dateList, (_) => (y(), R(l, {
                     class: "text-none text-body-1 rounded bg-none flex-1-1-0",
                     density: "compact",
                     color: "primary",
                     height: "26",
-                    value: z.index
+                    value: _.index
                   }, {
                     default: f(() => [
-                      K(m(z.label), 1)
+                      K(m(_.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 256))
@@ -3050,12 +3070,12 @@ function Ts(t, e, o, i, a, r) {
                     s("th", ks, m(t.$t("time.time")) + " ( LT )", 1),
                     s("th", zs, m(t.$t("tide.height")) + " ( m )", 1)
                   ]),
-                  (y(!0), S(be, null, we(a.tideTableData, (z, g) => {
+                  (y(!0), S(be, null, we(a.tideTableData, (_, g) => {
                     var P;
                     return y(), S("tr", { key: g }, [
-                      s("td", Ls, m(t.$t(`tide.${(P = z == null ? void 0 : z.type) == null ? void 0 : P.toLowerCase()}`)) + " " + m(t.$t("tide.tide")), 1),
-                      s("td", Ps, m(r.computeLocalTime(z == null ? void 0 : z.date, o.station, "MM-DD HH:mm")), 1),
-                      s("td", Cs, m((z == null ? void 0 : z.height) ?? "-") + " m", 1)
+                      s("td", Ls, m(t.$t(`tide.${(P = _ == null ? void 0 : _.type) == null ? void 0 : P.toLowerCase()}`)) + " " + m(t.$t("tide.tide")), 1),
+                      s("td", Ps, m(r.computeLocalTime(_ == null ? void 0 : _.date, o.station, "MM-DD HH:mm")), 1),
+                      s("td", Cs, m((_ == null ? void 0 : _.height) ?? "-") + " m", 1)
                     ]);
                   }), 128))
                 ])
@@ -3133,7 +3153,7 @@ const Ms = {
       if (e.properties) {
         this.showInfo = !0, this.hoverStation = e.properties, this.hoverStation.name = this.locale === "en" ? e.properties.Location_EN : e.properties.Location_CN, this.hoverStation.lng = e.geometry.coordinates[0], this.hoverStation.lat = e.geometry.coordinates[1], (o = this.marker) == null || o.remove();
         const a = (i = document.getElementById("idmTidalInfo")) == null ? void 0 : i.cloneNode(!0);
-        this.marker = new ve.Marker(a).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -60]).addTo(this.map);
+        this.marker = new xe.Marker(a).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -60]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -3146,7 +3166,7 @@ const Ms = {
   }
 }, Is = { class: "station-box d-flex flex-column justify-center align-start ga-1" }, Ds = { class: "d-flex justify-start align-center" }, As = { class: "d-flex justify-start align-center" }, Rs = { class: "text-label" };
 function Os(t, e, o, i, a, r) {
-  const l = w("v-card-text"), c = w("v-card"), n = w("TideDetail");
+  const l = x("v-card-text"), c = x("v-card"), n = x("TideDetail");
   return y(), S("div", null, [
     Ue(p(c, { id: "idmTidalInfo" }, {
       default: f(() => [
@@ -4295,7 +4315,7 @@ const Gs = {
       if (e.properties.id) {
         this.showInfo = !0, this.hoverPort = e.properties, (i = this.marker) == null || i.remove();
         const r = (a = document.getElementById("idmFollowPortInfo")) == null ? void 0 : a.cloneNode(!0);
-        this.marker = new ve.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.marker = new xe.Marker(r).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -4308,7 +4328,7 @@ const Gs = {
   }
 }, Us = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, Ws = { class: "d-flex justify-start align-center text-label" }, Vs = { class: "d-flex justify-start align-center text-label" };
 function Zs(t, e, o, i, a, r) {
-  const l = w("v-card-text"), c = w("v-card"), n = w("PortDetail");
+  const l = x("v-card-text"), c = x("v-card"), n = x("PortDetail");
   return y(), S("div", null, [
     Ue(p(c, {
       id: "idmFollowPortInfo",
@@ -4455,13 +4475,13 @@ const qs = {
       if (e.properties) {
         const b = e.properties;
         b.lng = e.geometry.coordinates[0], b.lat = e.geometry.coordinates[1];
-        const x = M(), z = (o = M(this.realTime)) == null ? void 0 : o.diff(x, "d", !0), g = {
+        const w = M(), _ = (o = M(this.realTime)) == null ? void 0 : o.diff(w, "d", !0), g = {
           lat: b.lat,
           lng: b.lng,
           datetime: this.realTime,
           forecastModel: this.forecastModel
         };
-        z >= 0 ? (l = (r = (a = (i = this.$parent) == null ? void 0 : i.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmSpot) == null || l.fetchMeteoData(g) : (h = (u = (n = (c = this.$parent) == null ? void 0 : c.$parent) == null ? void 0 : n.$refs) == null ? void 0 : u.idmSpot) == null || h.fetchHistoryData(g);
+        _ >= 0 ? (l = (r = (a = (i = this.$parent) == null ? void 0 : i.$parent) == null ? void 0 : a.$refs) == null ? void 0 : r.idmSpot) == null || l.fetchMeteoData(g) : (h = (u = (n = (c = this.$parent) == null ? void 0 : c.$parent) == null ? void 0 : n.$refs) == null ? void 0 : u.idmSpot) == null || h.fetchHistoryData(g);
       }
     },
     handleHover(t) {
@@ -4471,7 +4491,7 @@ const qs = {
       if (e.properties.id) {
         this.showInfo = !0, this.position = e.properties, (o = this.marker) == null || o.remove();
         const i = document.getElementById("idmFollowPositionInfo").cloneNode(!0);
-        this.marker = new ve.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
+        this.marker = new xe.Marker(i).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([0, -70]).addTo(this.map);
       }
     },
     handleLeave() {
@@ -4483,8 +4503,8 @@ const qs = {
   key: 0,
   class: "d-flex justify-start align-center text-label"
 };
-function Qs(t, e, o, i, a, r) {
-  const l = w("v-card-text"), c = w("v-card");
+function Js(t, e, o, i, a, r) {
+  const l = x("v-card-text"), c = x("v-card");
   return Ue((y(), R(c, {
     id: "idmFollowPositionInfo",
     ref: "idmFollowPositionInfo"
@@ -4510,7 +4530,7 @@ function Qs(t, e, o, i, a, r) {
     [We, a.showInfo]
   ]);
 }
-const Js = /* @__PURE__ */ Y(qs, [["render", Qs], ["__scopeId", "data-v-cd6c9f7e"]]);
+const Qs = /* @__PURE__ */ Y(qs, [["render", Js], ["__scopeId", "data-v-cd6c9f7e"]]);
 const el = {
   name: "IdmOtherLayerr",
   components: {
@@ -4531,7 +4551,7 @@ const el = {
     IdmIceAreas: Ns,
     IdmLatLng: qa,
     IdmFollowPort: Ys,
-    IdmFollowPosition: Js
+    IdmFollowPosition: Qs
   },
   props: {
     map: {
@@ -4681,8 +4701,8 @@ const el = {
               })
             );
           (await Promise.all(l)).map((n) => {
-            var b, x, z;
-            const u = ((b = n == null ? void 0 : n.data) == null ? void 0 : b.data) || (n == null ? void 0 : n.data), h = (z = (x = n == null ? void 0 : n.config) == null ? void 0 : x.headers) == null ? void 0 : z.key;
+            var b, w, _;
+            const u = ((b = n == null ? void 0 : n.data) == null ? void 0 : b.data) || (n == null ? void 0 : n.data), h = (_ = (w = n == null ? void 0 : n.config) == null ? void 0 : w.headers) == null ? void 0 : _.key;
             this.otherLayers[h] = u;
           });
         }
@@ -4720,8 +4740,8 @@ const el = {
   class: "border rounded-sm"
 }, dl = { class: "text-body-2 text-center pt-1" };
 function hl(t, e, o, i, a, r) {
-  var $, ne, se, J, ae, he, ce, pe, ge;
-  const l = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VCardItem"), h = w("VCheckbox"), b = w("VCardText"), x = w("VCard"), z = w("IdmLatLng"), g = w("IdmTerminator"), P = w("IdmTimezone"), T = w("IdmPort"), O = w("IdmAlertZone"), I = w("IdmTideStations"), L = w("IdmEcaZone"), k = w("IdmWarZone"), v = w("IdmGmdssArea"), C = w("IdmLoadLine"), _ = w("IdmWorldMarine"), A = w("IdmVRA"), N = w("IdmSpecialArea"), V = w("IdmWorld12nm"), Z = w("IdmChinaRoute"), W = w("IdmIceAreas"), ee = w("IdmFollowPort"), Q = w("IdmFollowPosition");
+  var $, ne, se, Q, ae, he, ce, pe, ge;
+  const l = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), u = x("VCardItem"), h = x("VCheckbox"), b = x("VCardText"), w = x("VCard"), _ = x("IdmLatLng"), g = x("IdmTerminator"), P = x("IdmTimezone"), T = x("IdmPort"), O = x("IdmAlertZone"), I = x("IdmTideStations"), L = x("IdmEcaZone"), z = x("IdmWarZone"), v = x("IdmGmdssArea"), C = x("IdmLoadLine"), k = x("IdmWorldMarine"), A = x("IdmVRA"), N = x("IdmSpecialArea"), V = x("IdmWorld12nm"), Z = x("IdmChinaRoute"), W = x("IdmIceAreas"), ee = x("IdmFollowPort"), J = x("IdmFollowPosition");
   return y(), S("div", tl, [
     s("div", {
       class: "menu-bar-box transition px-1 rounded",
@@ -4770,7 +4790,7 @@ function hl(t, e, o, i, a, r) {
         }, 8, ["onClick"])
       ]),
       s("div", il, [
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
@@ -4823,7 +4843,7 @@ function hl(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
@@ -4862,7 +4882,7 @@ function hl(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
@@ -4901,7 +4921,7 @@ function hl(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
@@ -4952,7 +4972,7 @@ function hl(t, e, o, i, a, r) {
         })
       ])
     ], 6),
-    o.map ? (y(), R(z, B({
+    o.map ? (y(), R(_, B({
       key: 0,
       map: o.map,
       "menu-toggle": o.menuToggle,
@@ -4962,12 +4982,12 @@ function hl(t, e, o, i, a, r) {
       key: 1,
       map: o.map,
       area: ($ = a.otherLayers) == null ? void 0 : $["day-night"]
-    }, t.$attrs), null, 16, ["map", "area"])) : D("", !0),
+    }, t.$attrs, { "before-layer": "empty-layer-2" }), null, 16, ["map", "area"])) : D("", !0),
     o.map ? (y(), R(P, B({
       key: 2,
       map: o.map,
       zone: (ne = a.otherLayers) == null ? void 0 : ne["time-zones"]
-    }, t.$attrs), null, 16, ["map", "zone"])) : D("", !0),
+    }, t.$attrs, { beforeLayer: "empty-layer-3" }), null, 16, ["map", "zone"])) : D("", !0),
     o.map ? (y(), R(T, B({
       key: 3,
       ref: "idmPorts",
@@ -4981,7 +5001,7 @@ function hl(t, e, o, i, a, r) {
     o.map ? (y(), R(O, B({
       key: 4,
       map: o.map,
-      zone: (J = a.otherLayers) == null ? void 0 : J["alert-zones"]
+      zone: (Q = a.otherLayers) == null ? void 0 : Q["alert-zones"]
     }, t.$attrs, {
       "before-layer": "empty-layer-3",
       theme: o.theme
@@ -5003,7 +5023,7 @@ function hl(t, e, o, i, a, r) {
       map: o.map,
       zone: (ae = a.otherLayers) == null ? void 0 : ae["eca-zones"]
     }, t.$attrs), null, 16, ["map", "zone"])) : D("", !0),
-    o.map ? (y(), R(k, B({
+    o.map ? (y(), R(z, B({
       key: 7,
       map: o.map,
       zone: (he = a.otherLayers) == null ? void 0 : he["war-zones"]
@@ -5018,7 +5038,7 @@ function hl(t, e, o, i, a, r) {
       map: o.map,
       show: a.checkList.includes("load-lines")
     }, t.$attrs), null, 16, ["map", "show"])) : D("", !0),
-    o.map ? (y(), R(_, B({
+    o.map ? (y(), R(k, B({
       key: 10,
       map: o.map,
       token: o.token,
@@ -5061,7 +5081,7 @@ function hl(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"])) : D("", !0),
-    o.map ? (y(), R(Q, B({
+    o.map ? (y(), R(J, B({
       key: 17,
       ref: "idmFollowPosition",
       map: o.map,
@@ -5083,7 +5103,7 @@ class Io {
     de(this, "rampColorCanvas");
     de(this, "particleCanvas");
     de(this, "ratio");
-    this.map = e, this.mercator = new Ja(), 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;
+    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;
   }
   /**
    * 转换为[-180, 180]的经度，且包含转换次数
@@ -5122,8 +5142,8 @@ class Io {
     const e = (g = this.map) == null ? void 0 : g.getBounds();
     if (!e)
       return [];
-    const o = ((P = this.map) == null ? void 0 : P.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, l] = this.convertNLng(i[0]), [c, n] = this.convertNLng(a[0]), [u, h] = this.mercator.px([r, i[1]], o), [b, x] = this.mercator.px([c, a[1]], o), z = Math.round(this.mercator.size * Math.pow(2, o) * (l + n));
-    return [b, x, u + z, h];
+    const o = ((P = this.map) == null ? void 0 : P.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, l] = this.convertNLng(i[0]), [c, n] = this.convertNLng(a[0]), [u, h] = this.mercator.px([r, i[1]], o), [b, w] = this.mercator.px([c, a[1]], o), _ = Math.round(this.mercator.size * Math.pow(2, o) * (l + n));
+    return [b, w, u + _, h];
   }
   /**
    * [视窗边界像素宽度]
@@ -5306,9 +5326,9 @@ class Fe {
           sRange: o.getUniformLocation(i, "u_range_s")
         };
         h.resolution && o.uniform2f(h.resolution, o.canvas.width * e.ratio, o.canvas.height * e.ratio), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, a), h.image && o.uniform1i(h.image, 0), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, r), h.color && o.uniform1i(h.color, 1), c != null && c.uvRange && (c != null && c.sRange) && (h.uvRange && o.uniform2f(h.uvRange, c.uvRange[0], c.uvRange[1]), h.sRange && o.uniform2f(h.sRange, c.sRange[0], c.sRange[1])), h.scale && o.uniform1f(h.scale, (c == null ? void 0 : c.scale) || 1);
-        const b = e.getBoundPixel(), x = e.map.getZoom() + 1, z = e.getWorldCopy(b, x);
-        for (const g of z) {
-          const P = (g[0] - b[0]) * e.ratio, T = (g[1] - b[3]) * e.ratio, O = g[2] * e.ratio, [I, L, k, v] = [P, O + P, T, O + T], C = new Float32Array([I, k, L, k, I, v, I, v, L, k, L, v]);
+        const b = e.getBoundPixel(), w = e.map.getZoom() + 1, _ = e.getWorldCopy(b, w);
+        for (const g of _) {
+          const P = (g[0] - b[0]) * e.ratio, T = (g[1] - b[3]) * e.ratio, O = g[2] * e.ratio, [I, L, z, v] = [P, O + P, T, O + T], C = new Float32Array([I, z, L, z, I, v, I, v, L, z, L, v]);
           o.bindBuffer(o.ARRAY_BUFFER, l), o.bufferData(o.ARRAY_BUFFER, C, o.STATIC_DRAW), o.drawArrays(o.TRIANGLES, 0, 6);
         }
       } catch (h) {
@@ -6013,8 +6033,8 @@ const vl = /* @__PURE__ */ Y(bl, [["render", xl]]), _l = {
           n.src = "data:image/svg+xml;base64," + window.btoa(u);
           const h = [n];
           let b = 0;
-          h.forEach((x) => {
-            x.onload = () => {
+          h.forEach((w) => {
+            w.onload = () => {
               b++, this.map.hasImage("currentDirIcon") || this.map.addImage("currentDirIcon", n), b === 1 && this.map.addLayer(
                 {
                   id: this.directionLayer,
@@ -6783,7 +6803,7 @@ const Nl = /* @__PURE__ */ Y(Bl, [["render", jl], ["__scopeId", "data-v-d47b8b5c
 };
 function Gl(t, e, o, i, a, r) {
   var n;
-  const l = w("VBtn"), c = w("VTooltip");
+  const l = x("VBtn"), c = x("VTooltip");
   return (n = o.prmsl) != null && n.active ? (y(), S("div", Hl, [
     s("div", {
       class: "menu-bar-box pa-1 rounded",
@@ -7044,7 +7064,7 @@ function $l(t, e, o, i, a, r) {
   ])) : D("", !0);
 }
 const Kl = /* @__PURE__ */ Y(ql, [["render", $l], ["__scopeId", "data-v-dcedee39"]]);
-const Ql = {
+const Jl = {
   name: "IdmThickness",
   props: {
     factor: {
@@ -7140,10 +7160,10 @@ const Ql = {
       this.webgl.draw(this.viewport, this.context, this.program, this.texture, this.rampColor.texture, this.aPositionBuffer), this.viewport.toggle(!0);
     }
   }
-}, Jl = { key: 0 };
+}, Ql = { key: 0 };
 function en(t, e, o, i, a, r) {
   var l;
-  return (l = o.factor) != null && l.active ? (y(), S("div", Jl, [
+  return (l = o.factor) != null && l.active ? (y(), S("div", Ql, [
     s("div", {
       class: "legend-bars-gl4 ice-thickness",
       style: ie({ right: a.right + "px" })
@@ -7158,7 +7178,7 @@ function en(t, e, o, i, a, r) {
     ]), 4)
   ])) : D("", !0);
 }
-const tn = /* @__PURE__ */ Y(Ql, [["render", en]]);
+const tn = /* @__PURE__ */ Y(Jl, [["render", en]]);
 const on = {
   name: "IdmPrecip3h",
   props: {
@@ -7876,11 +7896,11 @@ const wn = {
       (t == null ? void 0 : t.data.code) === 0 && (this.models = t == null ? void 0 : t.data.data);
     },
     async fetchWeatherLayers(t = {}) {
-      var a, r, l, c, n, u, h, b, x;
+      var a, r, l, c, n, u, h, b, w;
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let o = 0, i = 0;
       if (this.map) {
-        const z = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, g = (r = this.map) == null ? void 0 : r.getBounds(), P = `${g._sw.lng},${g._sw.lat},${g._ne.lng},${g._ne.lat}`;
+        const _ = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, g = (r = this.map) == null ? void 0 : r.getBounds(), P = `${g._sw.lng},${g._sw.lat},${g._ne.lng},${g._ne.lat}`;
         if (this.particleFactor && ((l = this.$refs.layer) != null && l.autoActive)) {
           const T = To.WEATHER_LAYERS.find((O) => {
             var I;
@@ -7892,7 +7912,7 @@ const wn = {
           let T = this.weatherWeight;
           if (T > 0) {
             const O = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], I = await Se.get(
-              `${O}/api/arc/weather/layers2/links?l=${T}&v=${this.forecastModel}&z=${z}&bbox=${P}&t=${this.realTime}`,
+              `${O}/api/arc/weather/layers2/links?l=${T}&v=${this.forecastModel}&z=${_}&bbox=${P}&t=${this.realTime}`,
               {
                 headers: {
                   Authorization: this.defaultMeteoToken
@@ -7900,46 +7920,46 @@ const wn = {
               }
             );
             if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather links elapsed: ", i, ", total: ", o += i), ((c = I == null ? void 0 : I.data) == null ? void 0 : c.code) === 0) {
-              const L = (n = I == null ? void 0 : I.data) == null ? void 0 : n.data, k = [];
+              const L = (n = I == null ? void 0 : I.data) == null ? void 0 : n.data, z = [];
               for (const C in L)
-                k.push(
+                z.push(
                   Se.get(L[C], {
                     headers: {
                       Authorization: this.defaultMeteoToken,
                       key: C
                     },
                     responseType: /\.(jpg|png)$/.test(L[C]) ? "blob" : "json"
-                  }).catch((_) => {
-                    console.log(`[${C}] fetch layer error: ${_}`);
+                  }).catch((k) => {
+                    console.log(`[${C}] fetch layer error: ${k}`);
                   })
                 );
-              const v = await Promise.all(k);
+              const v = await Promise.all(z);
               this.weatherLayers = {}, v.map((C) => {
                 var N, V, Z, W;
-                const _ = ((N = C == null ? void 0 : C.data) == null ? void 0 : N.data) || (C == null ? void 0 : C.data);
+                const k = ((N = C == null ? void 0 : C.data) == null ? void 0 : N.data) || (C == null ? void 0 : C.data);
                 let A = (Z = (V = C == null ? void 0 : C.config) == null ? void 0 : V.headers) == null ? void 0 : Z.key;
-                A && _ && (this.weatherLayers[A] = {
-                  raw: _,
+                A && k && (this.weatherLayers[A] = {
+                  raw: k,
                   type: ((W = C == null ? void 0 : C.config) == null ? void 0 : W.responseType) === "blob" ? "image" : "json",
                   etime: I.data.etime
                 });
               });
             }
             if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather layers elapsed: ", i, ", total: ", o += i), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const L = (u = this.weatherLayers["swell-direction"]) == null ? void 0 : u.raw, k = (h = this.weatherLayers["swell-height"]) == null ? void 0 : h.raw;
+              const L = (u = this.weatherLayers["swell-direction"]) == null ? void 0 : u.raw, z = (h = this.weatherLayers["swell-height"]) == null ? void 0 : h.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
                 direction: L,
-                height: { raw: k },
+                height: { raw: z },
                 etime: I.data.etime
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const L = (b = this.weatherLayers["current-direction"]) == null ? void 0 : b.raw, k = (x = this.weatherLayers["current-speed"]) == null ? void 0 : x.raw;
+              const L = (b = this.weatherLayers["current-direction"]) == null ? void 0 : b.raw, z = (w = this.weatherLayers["current-speed"]) == null ? void 0 : w.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
                 direction: L,
-                speed: { raw: k },
+                speed: { raw: z },
                 etime: I.data.etime
               };
             }
@@ -7996,253 +8016,256 @@ const wn = {
       );
     },
     handleDrawWeather4Json() {
-      var u, h, b, x, z, g, P;
+      var r, l, c, n, u, h, b;
       const t = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, o = 0;
-      const i = (u = this.map) == null ? void 0 : u.getBounds(), a = (h = this.map) == null ? void 0 : h.getZoom(), r = X.convertToStdLng(i._sw.lng), l = X.convertToStdLng(i._ne.lng), c = Math.floor(i._sw.lat), n = Math.ceil(i._ne.lat);
-      for (const T in this.weatherLayers) {
-        let O = !1;
-        if (this.weatherLayers[T].active && this.weatherLayers[T].type === "json") {
-          let I = [];
-          if (T === "swell") {
-            O = !0;
-            const L = ((b = this.weatherLayers[T]) == null ? void 0 : b.direction) || {};
-            for (const v in L)
-              if (v > c && v < n && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const C = L[v].lng;
-                r > l ? C.forEach((_, A) => {
-                  var N, V, Z, W, ee, Q;
-                  if (a < 2) {
-                    if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                      const $ = H.point([_, v], {
-                        val: ((N = L[v].val) == null ? void 0 : N[A]) || ((V = L[v].dir) == null ? void 0 : V[A]),
-                        spd: (Z = L[v].spd) == null ? void 0 : Z[A]
+      const i = (r = this.map) == null ? void 0 : r.getBounds(), a = (l = this.map) == null ? void 0 : l.getZoom();
+      if (i && a) {
+        const w = X.convertToStdLng(i._sw.lng), _ = X.convertToStdLng(i._ne.lng), g = Math.floor(i._sw.lat), P = Math.ceil(i._ne.lat);
+        for (const T in this.weatherLayers) {
+          let O = !1;
+          if (this.weatherLayers[T].active && this.weatherLayers[T].type === "json") {
+            let I = [];
+            if (T === "swell") {
+              O = !0;
+              const L = ((c = this.weatherLayers[T]) == null ? void 0 : c.direction) || {};
+              for (const v in L)
+                if (v > g && v < P && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                  const C = L[v].lng;
+                  w > _ ? C.forEach((k, A) => {
+                    var N, V, Z, W, ee, J;
+                    if (a < 2) {
+                      if ((k >= 0 && k <= 360 || k >= -360 && k <= 0) && k % 10 === 0) {
+                        const $ = H.point([k, v], {
+                          val: ((N = L[v].val) == null ? void 0 : N[A]) || ((V = L[v].dir) == null ? void 0 : V[A]),
+                          spd: (Z = L[v].spd) == null ? void 0 : Z[A]
+                        });
+                        I.push($);
+                      }
+                    } else if ((k >= w && k <= 180 || k >= -180 && k <= _) && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const $ = H.point([k, v], {
+                        val: ((W = L[v].val) == null ? void 0 : W[A]) || ((ee = L[v].dir) == null ? void 0 : ee[A]),
+                        spd: (J = L[v].spd) == null ? void 0 : J[A]
                       });
                       I.push($);
                     }
-                  } else if ((_ >= r && _ <= 180 || _ >= -180 && _ <= l) && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const $ = H.point([_, v], {
-                      val: ((W = L[v].val) == null ? void 0 : W[A]) || ((ee = L[v].dir) == null ? void 0 : ee[A]),
-                      spd: (Q = L[v].spd) == null ? void 0 : Q[A]
-                    });
-                    I.push($);
-                  }
-                }) : C.forEach((_, A) => {
-                  var N, V, Z, W, ee, Q;
-                  if (r < 2) {
-                    if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                      const $ = H.point([_, v], {
-                        val: ((N = L[v].val) == null ? void 0 : N[A]) || ((V = L[v].dir) == null ? void 0 : V[A]),
-                        spd: (Z = L[v].spd) == null ? void 0 : Z[A]
+                  }) : C.forEach((k, A) => {
+                    var N, V, Z, W, ee, J;
+                    if (w < 2) {
+                      if ((k >= 0 && k <= 360 || k >= -360 && k <= 0) && k % 10 === 0) {
+                        const $ = H.point([k, v], {
+                          val: ((N = L[v].val) == null ? void 0 : N[A]) || ((V = L[v].dir) == null ? void 0 : V[A]),
+                          spd: (Z = L[v].spd) == null ? void 0 : Z[A]
+                        });
+                        I.push($);
+                      }
+                    } else if (k >= w && k <= _ && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const $ = H.point([k, v], {
+                        val: ((W = L[v].val) == null ? void 0 : W[A]) || ((ee = L[v].dir) == null ? void 0 : ee[A]),
+                        spd: (J = L[v].spd) == null ? void 0 : J[A]
                       });
                       I.push($);
                     }
-                  } else if (_ >= r && _ <= l && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const $ = H.point([_, v], {
-                      val: ((W = L[v].val) == null ? void 0 : W[A]) || ((ee = L[v].dir) == null ? void 0 : ee[A]),
-                      spd: (Q = L[v].spd) == null ? void 0 : Q[A]
-                    });
-                    I.push($);
+                  });
+                }
+              o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell direction elapsed: ", o, ", total: ", e += o);
+              const z = this.weatherLayers[T].height;
+              if (z) {
+                if (!z.data) {
+                  const v = [];
+                  for (const C in (n = z.raw) == null ? void 0 : n.LineString) {
+                    const k = z.raw.LineString[C];
+                    for (const A of k)
+                      v.push(
+                        H.lineString(A, {
+                          val: Number(C)
+                        })
+                      );
+                    z.data = H.featureCollection(v);
                   }
-                });
-              }
-            o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell direction elapsed: ", o, ", total: ", e += o);
-            const k = this.weatherLayers[T].height;
-            if (k) {
-              if (!k.data) {
-                const v = [];
-                for (const C in (x = k.raw) == null ? void 0 : x.LineString) {
-                  const _ = k.raw.LineString[C];
-                  for (const A of _)
-                    v.push(
-                      H.lineString(A, {
-                        val: Number(C)
-                      })
-                    );
-                  k.data = H.featureCollection(v);
                 }
+                if (z.data) {
+                  const v = this.handleBboxClip(z.data, i);
+                  I = I.concat(v);
+                }
+                o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell height elapsed: ", o, ", total: ", e += o);
               }
-              if (k.data) {
-                const v = this.handleBboxClip(k.data, i);
-                I = I.concat(v);
-              }
-              o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell height elapsed: ", o, ", total: ", e += o);
-            }
-          } else if (T === "current") {
-            O = !0;
-            const L = ((z = this.weatherLayers[T]) == null ? void 0 : z.direction) || {};
-            for (const v in L)
-              if (v > c && v < n && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const C = L[v].lng;
-                r > l ? C.forEach((_, A) => {
-                  var N, V, Z, W, ee, Q;
-                  if (a < 2) {
-                    if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                      const $ = H.point([_, v], {
-                        val: ((N = L[v].val) == null ? void 0 : N[A]) || ((V = L[v].dir) == null ? void 0 : V[A]),
-                        spd: (Z = L[v].spd) == null ? void 0 : Z[A]
+            } else if (T === "current") {
+              O = !0;
+              const L = ((u = this.weatherLayers[T]) == null ? void 0 : u.direction) || {};
+              for (const v in L)
+                if (v > g && v < P && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                  const C = L[v].lng;
+                  w > _ ? C.forEach((k, A) => {
+                    var N, V, Z, W, ee, J;
+                    if (a < 2) {
+                      if ((k >= 0 && k <= 360 || k >= -360 && k <= 0) && k % 10 === 0) {
+                        const $ = H.point([k, v], {
+                          val: ((N = L[v].val) == null ? void 0 : N[A]) || ((V = L[v].dir) == null ? void 0 : V[A]),
+                          spd: (Z = L[v].spd) == null ? void 0 : Z[A]
+                        });
+                        I.push($);
+                      }
+                    } else if ((k >= w && k <= 180 || k >= -180 && k <= _) && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const $ = H.point([k, v], {
+                        val: ((W = L[v].val) == null ? void 0 : W[A]) || ((ee = L[v].dir) == null ? void 0 : ee[A]),
+                        spd: (J = L[v].spd) == null ? void 0 : J[A]
                       });
                       I.push($);
                     }
-                  } else if ((_ >= r && _ <= 180 || _ >= -180 && _ <= l) && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const $ = H.point([_, v], {
-                      val: ((W = L[v].val) == null ? void 0 : W[A]) || ((ee = L[v].dir) == null ? void 0 : ee[A]),
-                      spd: (Q = L[v].spd) == null ? void 0 : Q[A]
-                    });
-                    I.push($);
-                  }
-                }) : C.forEach((_, A) => {
-                  var N, V, Z, W, ee, Q;
-                  if (r < 2) {
-                    if ((_ >= 0 && _ <= 360 || _ >= -360 && _ <= 0) && _ % 10 === 0) {
-                      const $ = H.point([_, v], {
-                        val: ((N = L[v].val) == null ? void 0 : N[A]) || ((V = L[v].dir) == null ? void 0 : V[A]),
-                        spd: (Z = L[v].spd) == null ? void 0 : Z[A]
+                  }) : C.forEach((k, A) => {
+                    var N, V, Z, W, ee, J;
+                    if (w < 2) {
+                      if ((k >= 0 && k <= 360 || k >= -360 && k <= 0) && k % 10 === 0) {
+                        const $ = H.point([k, v], {
+                          val: ((N = L[v].val) == null ? void 0 : N[A]) || ((V = L[v].dir) == null ? void 0 : V[A]),
+                          spd: (Z = L[v].spd) == null ? void 0 : Z[A]
+                        });
+                        I.push($);
+                      }
+                    } else if (k >= w && k <= _ && (!(a <= this.zoom) || k % (a < this.zoom / 2 ? 5 : 3) === 0)) {
+                      const $ = H.point([k, v], {
+                        val: ((W = L[v].val) == null ? void 0 : W[A]) || ((ee = L[v].dir) == null ? void 0 : ee[A]),
+                        spd: (J = L[v].spd) == null ? void 0 : J[A]
                       });
                       I.push($);
                     }
-                  } else if (_ >= r && _ <= l && (!(a <= this.zoom) || _ % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const $ = H.point([_, v], {
-                      val: ((W = L[v].val) == null ? void 0 : W[A]) || ((ee = L[v].dir) == null ? void 0 : ee[A]),
-                      spd: (Q = L[v].spd) == null ? void 0 : Q[A]
-                    });
-                    I.push($);
+                  });
+                }
+              o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current direction elapsed: ", o, ", total: ", e += o);
+              const z = this.weatherLayers[T].speed;
+              if (z) {
+                if (!z.data) {
+                  const C = [];
+                  for (const k in (h = z.raw) == null ? void 0 : h.Polygon) {
+                    const A = z.raw.Polygon[k];
+                    for (const N of A)
+                      C.push(
+                        H.polygon(N, {
+                          val: Number(k)
+                        })
+                      );
                   }
-                });
-              }
-            o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current direction elapsed: ", o, ", total: ", e += o);
-            const k = this.weatherLayers[T].speed;
-            if (k) {
-              if (!k.data) {
-                const C = [];
-                for (const _ in (g = k.raw) == null ? void 0 : g.Polygon) {
-                  const A = k.raw.Polygon[_];
-                  for (const N of A)
-                    C.push(
-                      H.polygon(N, {
-                        val: Number(_)
-                      })
-                    );
+                  z.data = H.featureCollection(C);
                 }
-                k.data = H.featureCollection(C);
+                const v = a < this.zoom ? z.data.features.filter((C) => C.properties.val > 0.5) : z.data.features;
+                I = I.concat(v), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
               }
-              const v = a < this.zoom ? k.data.features.filter((C) => C.properties.val > 0.5) : k.data.features;
-              I = I.concat(v), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
-            }
-          } else if (T === "wind") {
-            O = !0;
-            const L = this.weatherLayers.wind.raw;
-            for (const k in L)
-              if (k > c && k < n && (!(a <= this.zoom) || k % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const v = L[k].lng;
-                r > l ? v.forEach((C, _) => {
-                  var A, N, V, Z;
-                  if (a < 2) {
-                    if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
-                      const W = H.point([C, k], {
-                        dir: ((A = L[k].val) == null ? void 0 : A[_]) || ((N = L[k].dir) == null ? void 0 : N[_]),
-                        spd: L[k].spd[_]
+            } else if (T === "wind") {
+              O = !0;
+              const L = this.weatherLayers.wind.raw;
+              for (const z in L)
+                if (z > g && z < P && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                  const v = L[z].lng;
+                  w > _ ? v.forEach((C, k) => {
+                    var A, N, V, Z;
+                    if (a < 2) {
+                      if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
+                        const W = H.point([C, z], {
+                          dir: ((A = L[z].val) == null ? void 0 : A[k]) || ((N = L[z].dir) == null ? void 0 : N[k]),
+                          spd: L[z].spd[k]
+                        });
+                        I.push(W);
+                      }
+                    } else if ((C >= w && C <= 180 || C >= -180 && C <= _) && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const W = H.point([C, z], {
+                        dir: ((V = L[z].val) == null ? void 0 : V[k]) || ((Z = L[z].dir) == null ? void 0 : Z[k]),
+                        spd: L[z].spd[k]
                       });
                       I.push(W);
                     }
-                  } else if ((C >= r && C <= 180 || C >= -180 && C <= l) && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const W = H.point([C, k], {
-                      dir: ((V = L[k].val) == null ? void 0 : V[_]) || ((Z = L[k].dir) == null ? void 0 : Z[_]),
-                      spd: L[k].spd[_]
-                    });
-                    I.push(W);
-                  }
-                }) : v.forEach((C, _) => {
-                  var A, N, V, Z;
-                  if (a < 2) {
-                    if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
-                      const W = H.point([C, k], {
-                        dir: ((A = L[k].val) == null ? void 0 : A[_]) || ((N = L[k].dir) == null ? void 0 : N[_]),
-                        spd: L[k].spd[_]
+                  }) : v.forEach((C, k) => {
+                    var A, N, V, Z;
+                    if (a < 2) {
+                      if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
+                        const W = H.point([C, z], {
+                          dir: ((A = L[z].val) == null ? void 0 : A[k]) || ((N = L[z].dir) == null ? void 0 : N[k]),
+                          spd: L[z].spd[k]
+                        });
+                        I.push(W);
+                      }
+                    } else if (C >= w && C <= _ && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                      const W = H.point([C, z], {
+                        dir: ((V = L[z].val) == null ? void 0 : V[k]) || ((Z = L[z].dir) == null ? void 0 : Z[k]),
+                        spd: L[z].spd[k]
                       });
                       I.push(W);
                     }
-                  } else if (C >= r && C <= l && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const W = H.point([C, k], {
-                      dir: ((V = L[k].val) == null ? void 0 : V[_]) || ((Z = L[k].dir) == null ? void 0 : Z[_]),
-                      spd: L[k].spd[_]
-                    });
-                    I.push(W);
-                  }
-                });
-              }
-            o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("wind barb elapsed: ", o, ", total: ", e += o);
-          } else if (T === "sig-wave-height") {
-            if (this.weatherLayers[T].data)
-              I = this.weatherLayers[T].data;
-            else {
-              O = !0;
-              const L = this.weatherLayers[T].raw;
-              if (L) {
-                const k = [];
-                for (const v in L.Polygon) {
-                  const C = L.Polygon[v];
-                  for (const _ of C)
-                    k.push(
-                      H.polygon(_, {
-                        val: Number(v)
-                      })
-                    );
-                }
-                for (const v in L.MultiPolygon) {
-                  const C = L.MultiPolygon[v];
-                  for (const _ of C)
-                    k.push(
-                      H.multiPolygon(_, {
-                        val: Number(v)
-                      })
-                    );
+                  });
                 }
-                for (const v in L.Point) {
-                  const C = L.Point[v];
-                  for (let _ = 0; _ < ((P = C.lng) == null ? void 0 : P.length); _++)
-                    k.push(
-                      H.point([C.lng[_], v], {
-                        val: Number(C.val[_])
-                      })
-                    );
+              o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("wind barb elapsed: ", o, ", total: ", e += o);
+            } else if (T === "sig-wave-height") {
+              if (this.weatherLayers[T].data)
+                I = this.weatherLayers[T].data;
+              else {
+                O = !0;
+                const L = this.weatherLayers[T].raw;
+                if (L) {
+                  const z = [];
+                  for (const v in L.Polygon) {
+                    const C = L.Polygon[v];
+                    for (const k of C)
+                      z.push(
+                        H.polygon(k, {
+                          val: Number(v)
+                        })
+                      );
+                  }
+                  for (const v in L.MultiPolygon) {
+                    const C = L.MultiPolygon[v];
+                    for (const k of C)
+                      z.push(
+                        H.multiPolygon(k, {
+                          val: Number(v)
+                        })
+                      );
+                  }
+                  for (const v in L.Point) {
+                    const C = L.Point[v];
+                    for (let k = 0; k < ((b = C.lng) == null ? void 0 : b.length); k++)
+                      z.push(
+                        H.point([C.lng[k], v], {
+                          val: Number(C.val[k])
+                        })
+                      );
+                  }
+                  I = I.concat(z);
                 }
-                I = I.concat(k);
               }
-            }
-            o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("sig-wave-height elapsed: ", o, ", total: ", e += o);
-          } else if (T === "prmsl") {
-            if (this.weatherLayers[T].data)
-              I = this.weatherLayers[T].data;
-            else {
-              O = !0;
-              const L = this.weatherLayers[T].raw;
-              if (L) {
-                const k = [];
-                for (const v in L.LineString) {
-                  const C = L.LineString[v];
-                  for (const _ of C)
-                    k.push(
-                      H.lineString(_, {
-                        val: Number(v)
-                      })
-                    );
+              o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("sig-wave-height elapsed: ", o, ", total: ", e += o);
+            } else if (T === "prmsl") {
+              if (this.weatherLayers[T].data)
+                I = this.weatherLayers[T].data;
+              else {
+                O = !0;
+                const L = this.weatherLayers[T].raw;
+                if (L) {
+                  const z = [];
+                  for (const v in L.LineString) {
+                    const C = L.LineString[v];
+                    for (const k of C)
+                      z.push(
+                        H.lineString(k, {
+                          val: Number(v)
+                        })
+                      );
+                  }
+                  for (const v in L.Point)
+                    L.Point[v].lng.forEach((C, k) => {
+                      C = X.convertToStdLng(C), z.push(
+                        H.point([C, v], {
+                          val: L.Point[v].val[k],
+                          type: L.Point[v].type[k]
+                        })
+                      );
+                    });
+                  I = I.concat(z);
                 }
-                for (const v in L.Point)
-                  L.Point[v].lng.forEach((C, _) => {
-                    C = X.convertToStdLng(C), k.push(
-                      H.point([C, v], {
-                        val: L.Point[v].val[_],
-                        type: L.Point[v].type[_]
-                      })
-                    );
-                  });
-                I = I.concat(k);
               }
+              o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", o, ", total: ", e += o);
             }
-            o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", o, ", total: ", e += o);
+            I.length && (this.weatherLayers[T].data = H.featureCollection(I)), O && (this.weatherLayers[T].version = Math.random() + 1);
           }
-          I.length && (this.weatherLayers[T].data = H.featureCollection(I)), O && (this.weatherLayers[T].version = Math.random() + 1);
         }
       }
     },
@@ -8282,10 +8305,10 @@ const wn = {
 }, Rn = {
   key: 1,
   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" }, En = { class: "text-body-2 text-label" }, jn = { class: "text-body-2 text-label" }, Nn = { class: "text-body-2 text-label mb-3" }, Fn = { class: "text-body-1 font-weight-medium" }, Hn = { class: "text-body-2 text-label" }, Gn = { class: "text-body-2 text-label" }, Un = { class: "text-body-2 text-label mb-3" }, Wn = { class: "text-body-1 py-2" }, Vn = { class: "text-body-1 font-weight-medium" }, Zn = { class: "text-body-2 text-label" }, Yn = { class: "text-body-2 text-label" }, qn = { class: "text-body-2 text-label mb-3" }, Xn = { class: "text-body-1 font-weight-medium" }, $n = { class: "text-body-2 text-label" }, Kn = { class: "text-body-2 text-label" }, Qn = { class: "text-body-2 text-label mb-3" }, Jn = { class: "text-body-1 py-2" }, ec = { class: "text-body-1 font-weight-medium" }, tc = { class: "text-body-2 text-label" }, oc = { class: "text-body-2 text-label" }, ac = { class: "text-body-2 text-label mb-3" };
+}, On = { class: "text-body-1 py-2" }, Bn = { class: "text-body-1 font-weight-medium" }, En = { class: "text-body-2 text-label" }, jn = { class: "text-body-2 text-label" }, Nn = { class: "text-body-2 text-label mb-3" }, Fn = { class: "text-body-1 font-weight-medium" }, Hn = { class: "text-body-2 text-label" }, Gn = { class: "text-body-2 text-label" }, Un = { class: "text-body-2 text-label mb-3" }, Wn = { class: "text-body-1 py-2" }, Vn = { class: "text-body-1 font-weight-medium" }, Zn = { class: "text-body-2 text-label" }, Yn = { class: "text-body-2 text-label" }, qn = { class: "text-body-2 text-label mb-3" }, Xn = { class: "text-body-1 font-weight-medium" }, $n = { class: "text-body-2 text-label" }, Kn = { class: "text-body-2 text-label" }, Jn = { class: "text-body-2 text-label mb-3" }, Qn = { class: "text-body-1 py-2" }, ec = { class: "text-body-1 font-weight-medium" }, tc = { class: "text-body-2 text-label" }, oc = { class: "text-body-2 text-label" }, ac = { class: "text-body-2 text-label mb-3" };
 function ic(t, e, o, i, a, r) {
-  var J, ae, he, ce, pe, ge, F, me, xe, Le, Pe, De, Ae, Re, _e;
-  const l = w("VBtn"), c = w("VTooltip"), n = w("VCol"), u = w("VRow"), h = w("VCardText"), b = w("VDivider"), x = w("VCard"), z = w("VSwitch"), g = w("VCardTitle"), P = w("VCardItem"), T = w("VCheckbox"), O = w("VRadio"), I = w("VBtnToggle"), L = w("IdmWindBarb"), k = w("IdmSigWaveHeight"), v = w("IdmCurrentDirection"), C = w("IdmPrmsl"), _ = w("IdmWindParticle"), A = w("IdmCurrentParticle"), N = w("IdmWave"), V = w("IdmSwell"), Z = w("IdmIceEdge"), W = w("IdmIceCover"), ee = w("IdmIceThickness"), Q = w("IdmPrecip3h"), $ = w("IdmVisibility"), ne = w("IdmWaterTemp"), se = w("IdmTemp");
+  var Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe, De, Ae, Re, _e;
+  const l = x("VBtn"), c = x("VTooltip"), n = x("VCol"), u = x("VRow"), h = x("VCardText"), b = x("VDivider"), w = x("VCard"), _ = x("VSwitch"), g = x("VCardTitle"), P = x("VCardItem"), T = x("VCheckbox"), O = x("VRadio"), I = x("VBtnToggle"), L = x("IdmWindBarb"), z = x("IdmSigWaveHeight"), v = x("IdmCurrentDirection"), C = x("IdmPrmsl"), k = x("IdmWindParticle"), A = x("IdmCurrentParticle"), N = x("IdmWave"), V = x("IdmSwell"), Z = x("IdmIceEdge"), W = x("IdmIceCover"), ee = x("IdmIceThickness"), J = x("IdmPrecip3h"), $ = x("IdmVisibility"), ne = x("IdmWaterTemp"), se = x("IdmTemp");
   return y(), S("div", xn, [
     s("div", {
       class: "menu-bar-box transition pa-1",
@@ -8340,7 +8363,7 @@ function ic(t, e, o, i, a, r) {
           _: 1
         })
       ], 4),
-      a.legendToggle ? (y(), R(x, {
+      a.legendToggle ? (y(), R(w, {
         key: 0,
         width: "435",
         elevation: "16",
@@ -8453,7 +8476,7 @@ function ic(t, e, o, i, a, r) {
       s("div", Mn, [
         s("div", In, [
           s("div", Dn, m(t.$t("weather.weather")), 1),
-          p(z, {
+          p(_, {
             modelValue: a.autoActive,
             "onUpdate:modelValue": e[1] || (e[1] = (G) => a.autoActive = G),
             class: "small-switch",
@@ -8480,7 +8503,7 @@ function ic(t, e, o, i, a, r) {
       s("div", {
         class: Ne(["list-box scroll pl-4 pr-2 overflow-y-auto", a.autoActive ? "" : "cursor-not-allowed"])
       }, [
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
@@ -8520,7 +8543,7 @@ function ic(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
@@ -8559,7 +8582,7 @@ function ic(t, e, o, i, a, r) {
                   }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
                   a.renderKey === "wind-particle" && G.key === "wind-particle" ? (y(), S("div", An, [
                     s("span", null, m(t.$t("weather.particleAnimatiom")), 1),
-                    p(z, {
+                    p(_, {
                       modelValue: a.showWindParticle,
                       "onUpdate:modelValue": e[4] || (e[4] = (te) => a.showWindParticle = te),
                       label: "",
@@ -8574,7 +8597,7 @@ function ic(t, e, o, i, a, r) {
                   ])) : D("", !0),
                   a.renderKey === "current-particle" && G.key === "current-particle" ? (y(), S("div", Rn, [
                     s("span", null, m(t.$t("weather.particleAnimatiom")), 1),
-                    p(z, {
+                    p(_, {
                       modelValue: a.showCurrentParticle,
                       "onUpdate:modelValue": e[5] || (e[5] = (te) => a.showCurrentParticle = te),
                       label: "",
@@ -8680,7 +8703,7 @@ function ic(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
@@ -8701,33 +8724,33 @@ function ic(t, e, o, i, a, r) {
             }),
             p(h, { class: "" }, {
               default: f(() => {
-                var G, te, He, Me, ue, fe, U, Ce, oe, re, Oe, j, ye, Ie, Be, Ee, E, q, Ve, Ze, Ye, Te, qe, Xe, $e, Ke, Qe, Je, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, Dt, At, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Gt, Ut, Wt, Vt, Zt, Yt, qt, Xt, Kt, Qt, Jt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo;
+                var G, te, He, Me, ue, fe, U, Ce, oe, re, Oe, j, ye, Ie, Be, Ee, E, q, Ve, Ze, Ye, Te, qe, Xe, $e, Ke, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, Dt, At, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Gt, Ut, Wt, Vt, Zt, Yt, qt, Xt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo;
                 return [
                   s("div", On, m(t.$t("weather.atmospheric")), 1),
                   s("div", Bn, m((He = (te = (G = a.models) == null ? void 0 : G.weather) == null ? void 0 : te.NOAA) == null ? void 0 : He.source) + " " + m((fe = (ue = (Me = a.models) == null ? void 0 : Me.weather) == null ? void 0 : ue.NOAA) == null ? void 0 : fe.spatialResolution) + m(t.$t("units.km")) + " " + m((re = (oe = (Ce = (U = a.models) == null ? void 0 : U.weather) == null ? void 0 : Ce.NOAA) == null ? void 0 : oe.meta) == null ? void 0 : re.days) + m(t.$t("units.days")), 1),
                   s("div", En, m(t.$t("weather.source")) + ": NOAA", 1),
                   s("div", jn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((Ie = (ye = (j = (Oe = a.models) == null ? void 0 : Oe.weather) == null ? void 0 : j.NOAA) == null ? void 0 : ye.meta) == null ? void 0 : Ie.availabilityTime)), 1),
-                  s("div", Nn, m(t.$t("weather.initialTime")) + ": " + m(r.computeDateZ((q = (E = (Ee = (Be = a.models) == null ? void 0 : Be.weather) == null ? void 0 : Ee.NOAA) == null ? void 0 : E.meta) == null ? void 0 : q.initialisationTime)), 1),
-                  s("div", Fn, m((Ye = (Ze = (Ve = a.models) == null ? void 0 : Ve.weather) == null ? void 0 : Ze.ECMWF) == null ? void 0 : Ye.source) + " " + m((Xe = (qe = (Te = a.models) == null ? void 0 : Te.weather) == null ? void 0 : qe.ECMWF) == null ? void 0 : Xe.spatialResolution) + m(t.$t("units.km")) + " " + m((Je = (Qe = (Ke = ($e = a.models) == null ? void 0 : $e.weather) == null ? void 0 : Ke.ECMWF) == null ? void 0 : Qe.meta) == null ? void 0 : Je.days) + m(t.$t("units.days")), 1),
+                  s("div", Nn, m(t.$t("weather.referenceTime ")) + ": " + m(r.computeDateZ((q = (E = (Ee = (Be = a.models) == null ? void 0 : Be.weather) == null ? void 0 : Ee.NOAA) == null ? void 0 : E.meta) == null ? void 0 : q.initialisationTime)), 1),
+                  s("div", Fn, m((Ye = (Ze = (Ve = a.models) == null ? void 0 : Ve.weather) == null ? void 0 : Ze.ECMWF) == null ? void 0 : Ye.source) + " " + m((Xe = (qe = (Te = a.models) == null ? void 0 : Te.weather) == null ? void 0 : qe.ECMWF) == null ? void 0 : Xe.spatialResolution) + m(t.$t("units.km")) + " " + m((Qe = (Je = (Ke = ($e = a.models) == null ? void 0 : $e.weather) == null ? void 0 : Ke.ECMWF) == null ? void 0 : Je.meta) == null ? void 0 : Qe.days) + m(t.$t("units.days")), 1),
                   s("div", Hn, m(t.$t("weather.source")) + ": ECMWF", 1),
                   s("div", Gn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((at = (ot = (tt = (et = a.models) == null ? void 0 : et.weather) == null ? void 0 : tt.ECMWF) == null ? void 0 : ot.meta) == null ? void 0 : at.availabilityTime)), 1),
-                  s("div", Un, m(t.$t("weather.initialTime")) + ": " + m(r.computeDateZ((lt = (st = (rt = (it = a.models) == null ? void 0 : it.weather) == null ? void 0 : rt.ECMWF) == null ? void 0 : st.meta) == null ? void 0 : lt.initialisationTime)), 1),
+                  s("div", Un, m(t.$t("weather.referenceTime ")) + ": " + m(r.computeDateZ((lt = (st = (rt = (it = a.models) == null ? void 0 : it.weather) == null ? void 0 : rt.ECMWF) == null ? void 0 : st.meta) == null ? void 0 : lt.initialisationTime)), 1),
                   p(b),
                   s("div", Wn, m(t.$t("weather.wave")), 1),
                   s("div", Vn, m((dt = (mt = (ct = (nt = a.models) == null ? void 0 : nt.marine) == null ? void 0 : ct.wave) == null ? void 0 : mt.NOAA) == null ? void 0 : dt.source) + " " + m((gt = (ut = (pt = (ht = a.models) == null ? void 0 : ht.marine) == null ? void 0 : pt.wave) == null ? void 0 : ut.NOAA) == null ? void 0 : gt.spatialResolution) + m(t.$t("units.km")) + " " + m((xt = (wt = (bt = (yt = (ft = a.models) == null ? void 0 : ft.marine) == null ? void 0 : yt.wave) == null ? void 0 : bt.NOAA) == null ? void 0 : wt.meta) == null ? void 0 : xt.days) + m(t.$t("units.days")), 1),
                   s("div", Zn, m(t.$t("weather.source")) + ": NOAA", 1),
                   s("div", Yn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((Lt = (zt = (kt = (_t = (vt = a.models) == null ? void 0 : vt.marine) == null ? void 0 : _t.wave) == null ? void 0 : kt.NOAA) == null ? void 0 : zt.meta) == null ? void 0 : Lt.availabilityTime)), 1),
-                  s("div", qn, m(t.$t("weather.initialTime")) + ": " + m(r.computeDateZ((Mt = (St = (Tt = (Ct = (Pt = a.models) == null ? void 0 : Pt.marine) == null ? void 0 : Ct.wave) == null ? void 0 : Tt.NOAA) == null ? void 0 : St.meta) == null ? void 0 : Mt.initialisationTime)), 1),
+                  s("div", qn, m(t.$t("weather.referenceTime ")) + ": " + m(r.computeDateZ((Mt = (St = (Tt = (Ct = (Pt = a.models) == null ? void 0 : Pt.marine) == null ? void 0 : Ct.wave) == null ? void 0 : Tt.NOAA) == null ? void 0 : St.meta) == null ? void 0 : Mt.initialisationTime)), 1),
                   s("div", Xn, m((Rt = (At = (Dt = (It = a.models) == null ? void 0 : It.marine) == null ? void 0 : Dt.wave) == null ? void 0 : At.ECMWF) == null ? void 0 : Rt.source) + " " + m((jt = (Et = (Bt = (Ot = a.models) == null ? void 0 : Ot.marine) == null ? void 0 : Bt.wave) == null ? void 0 : Et.ECMWF) == null ? void 0 : jt.spatialResolution) + m(t.$t("units.km")) + " " + m((Ut = (Gt = (Ht = (Ft = (Nt = a.models) == null ? void 0 : Nt.marine) == null ? void 0 : Ft.wave) == null ? void 0 : Ht.ECMWF) == null ? void 0 : Gt.meta) == null ? void 0 : Ut.days) + m(t.$t("units.days")), 1),
                   s("div", $n, m(t.$t("weather.source")) + ": ECMWF", 1),
                   s("div", Kn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((qt = (Yt = (Zt = (Vt = (Wt = a.models) == null ? void 0 : Wt.marine) == null ? void 0 : Vt.wave) == null ? void 0 : Zt.ECMWF) == null ? void 0 : Yt.meta) == null ? void 0 : qt.availabilityTime)), 1),
-                  s("div", Qn, m(t.$t("weather.initialTime")) + ": " + m(r.computeDateZ((eo = (Jt = (Qt = (Kt = (Xt = a.models) == null ? void 0 : Xt.marine) == null ? void 0 : Kt.wave) == null ? void 0 : Qt.ECMWF) == null ? void 0 : Jt.meta) == null ? void 0 : eo.initialisationTime)), 1),
+                  s("div", Jn, m(t.$t("weather.referenceTime ")) + ": " + m(r.computeDateZ((eo = (Qt = (Jt = (Kt = (Xt = a.models) == null ? void 0 : Xt.marine) == null ? void 0 : Kt.wave) == null ? void 0 : Jt.ECMWF) == null ? void 0 : Qt.meta) == null ? void 0 : eo.initialisationTime)), 1),
                   p(b),
-                  s("div", Jn, m(t.$t("weather.currents")), 1),
+                  s("div", Qn, m(t.$t("weather.currents")), 1),
                   s("div", ec, m((io = (ao = (oo = (to = a.models) == null ? void 0 : to.marine) == null ? void 0 : oo.current) == null ? void 0 : ao.ECMWF) == null ? void 0 : io.source) + " " + m((no = (lo = (so = (ro = a.models) == null ? void 0 : ro.marine) == null ? void 0 : so.current) == null ? void 0 : lo.ECMWF) == null ? void 0 : no.spatialResolution) + m(t.$t("units.km")) + " " + m((uo = (po = (ho = (mo = (co = a.models) == null ? void 0 : co.marine) == null ? void 0 : mo.current) == null ? void 0 : ho.ECMWF) == null ? void 0 : po.meta) == null ? void 0 : uo.days) + m(t.$t("units.days")), 1),
                   s("div", tc, m(t.$t("weather.source")) + ": ECMWF", 1),
                   s("div", oc, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((wo = (bo = (yo = (fo = (go = a.models) == null ? void 0 : go.marine) == null ? void 0 : fo.current) == null ? void 0 : yo.ECMWF) == null ? void 0 : bo.meta) == null ? void 0 : wo.availabilityTime)), 1),
-                  s("div", ac, m(t.$t("weather.initialTime")) + ": " + m(r.computeDateZ((zo = (ko = (_o = (vo = (xo = a.models) == null ? void 0 : xo.marine) == null ? void 0 : vo.current) == null ? void 0 : _o.ECMWF) == null ? void 0 : ko.meta) == null ? void 0 : zo.initialisationTime)), 1)
+                  s("div", ac, m(t.$t("weather.referenceTime ")) + ": " + m(r.computeDateZ((zo = (ko = (_o = (vo = (xo = a.models) == null ? void 0 : xo.marine) == null ? void 0 : vo.current) == null ? void 0 : _o.ECMWF) == null ? void 0 : ko.meta) == null ? void 0 : zo.initialisationTime)), 1)
                 ];
               }),
               _: 1
@@ -8743,10 +8766,10 @@ function ic(t, e, o, i, a, r) {
       map: o.map,
       "map-feather": o.mapFeather,
       "before-layer": "empty-layer-3",
-      wind: (J = a.weatherLayers) == null ? void 0 : J.wind,
+      wind: (Q = a.weatherLayers) == null ? void 0 : Q.wind,
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : D("", !0),
-    o.map ? (y(), R(k, B({
+    o.map ? (y(), R(z, B({
       key: 2,
       map: o.map,
       "before-layer": "empty-layer-2",
@@ -8770,7 +8793,7 @@ function ic(t, e, o, i, a, r) {
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
     }, t.$attrs, { theme: o.theme }), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers", "theme"])) : D("", !0),
-    o.map ? (y(), R(_, B({
+    o.map ? (y(), R(k, B({
       key: 5,
       viewport: a.viewport,
       factor: (pe = a.weatherLayers) == null ? void 0 : pe["wind-particle"],
@@ -8799,7 +8822,7 @@ function ic(t, e, o, i, a, r) {
     o.map ? (y(), R(Z, B({
       key: 9,
       viewport: a.viewport,
-      factor: (xe = a.weatherLayers) == null ? void 0 : xe["ice-edge"],
+      factor: (ve = a.weatherLayers) == null ? void 0 : ve["ice-edge"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : D("", !0),
     o.map ? (y(), R(W, B({
@@ -8814,7 +8837,7 @@ function ic(t, e, o, i, a, r) {
       factor: (Pe = a.weatherLayers) == null ? void 0 : Pe["ice-thickness"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : D("", !0),
-    o.map ? (y(), R(Q, B({
+    o.map ? (y(), R(J, B({
       key: 12,
       viewport: a.viewport,
       factor: (De = a.weatherLayers) == null ? void 0 : De.precip3h,
@@ -9158,18 +9181,18 @@ class Za {
     const a = e.toLowerCase().split(","), r = [], l = [];
     for (const c of a) {
       let n = Lo.find((h) => {
-        var b, x, z;
-        return ((b = h.models) == null ? void 0 : b.includes(c)) || ((x = h.alias) == null ? void 0 : x.toLowerCase()) === c || ((z = h.name) == null ? void 0 : z.toLowerCase()) === c;
+        var b, w, _;
+        return ((b = h.models) == null ? void 0 : b.includes(c)) || ((w = h.alias) == null ? void 0 : w.toLowerCase()) === c || ((_ = h.name) == null ? void 0 : _.toLowerCase()) === c;
       }), u = Po.find((h) => {
-        var b, x, z;
-        return ((b = h.models) == null ? void 0 : b.includes(c)) || ((x = h.alias) == null ? void 0 : x.toLowerCase()) === c || ((z = h.name) == null ? void 0 : z.toLowerCase()) === c;
+        var b, w, _;
+        return ((b = h.models) == null ? void 0 : b.includes(c)) || ((w = h.alias) == null ? void 0 : w.toLowerCase()) === c || ((_ = h.name) == null ? void 0 : _.toLowerCase()) === c;
       });
       n = n || Lo.find((h) => {
-        var b, x;
-        return ((b = h.alias) == null ? void 0 : b.toLowerCase()) === ((x = u == null ? void 0 : u.alias) == null ? void 0 : x.toLowerCase());
+        var b, w;
+        return ((b = h.alias) == null ? void 0 : b.toLowerCase()) === ((w = u == null ? void 0 : u.alias) == null ? void 0 : w.toLowerCase());
       }), u = u || Po.find((h) => {
-        var b, x;
-        return ((b = h.alias) == null ? void 0 : b.toLowerCase()) === ((x = n == null ? void 0 : n.alias) == null ? void 0 : x.toLowerCase());
+        var b, w;
+        return ((b = h.alias) == null ? void 0 : b.toLowerCase()) === ((w = n == null ? void 0 : n.alias) == null ? void 0 : w.toLowerCase());
       }), n = n || Lo[0], u = u || Po[0], r.push((o = n.models) != null && o.includes(c) ? c : n.model), l.push((i = u.models) != null && i.includes(c) ? c : u.model);
     }
     return {
@@ -9187,7 +9210,7 @@ class Za {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, l, c, n, u, h, b, x, z, g, P, T, O, I, L, k, v, C, _, A, N, V, Z, W, ee, Q, $, ne, se, J, ae, he, ce, pe, ge, F, me, xe, Le, Pe, De, Ae, Re, _e, G, te, He, Me;
+    var i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe, De, Ae, Re, _e, G, te, He, Me;
     const ue = typeof o == "string" ? M(o) : o, fe = e == null ? void 0 : e.weather, U = e == null ? void 0 : e.marine, Ce = M((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), oe = Ce.clone().add((c = (l = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : l.time) == null ? void 0 : c.at(0), "h"), re = Ce.clone().add((h = (u = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : u.time) == null ? void 0 : h.at(-1), "h"), Oe = [];
     if (ue.isBetween(oe, re, "millisecond", "[]")) {
       const j = ue.utc().diff(oe, "h", !1);
@@ -9199,9 +9222,9 @@ class Za {
           for (let Te = j - (j - 1) % 3; Te <= j; Te++)
             Be += (b = q == null ? void 0 : q.precipitation) == null ? void 0 : b.at(Te);
           for (let Te = j - (j - 1) % 6; Te <= j; Te++)
-            Ee += (x = q == null ? void 0 : q.precipitation) == null ? void 0 : x.at(Te);
+            Ee += (w = q == null ? void 0 : q.precipitation) == null ? void 0 : w.at(Te);
           ye = {
-            temp: (z = q == null ? void 0 : q.temperature_2m) == null ? void 0 : z.at(j),
+            temp: (_ = q == null ? void 0 : q.temperature_2m) == null ? void 0 : _.at(j),
             apparentTemp: (g = q == null ? void 0 : q.apparent_temperature) == null ? void 0 : g.at(j),
             rh: (P = q == null ? void 0 : q.relative_humidity_2m) == null ? void 0 : P.at(j),
             dp: (T = q == null ? void 0 : q.dew_point_2m) == null ? void 0 : T.at(j),
@@ -9212,11 +9235,11 @@ class Za {
               sum6Hours: Math.round(Ee * 100) / 100
             },
             pmsl: (L = q == null ? void 0 : q.pressure_msl) == null ? void 0 : L.at(j),
-            psurf: (k = q == null ? void 0 : q.surface_pressure) == null ? void 0 : k.at(j),
+            psurf: (z = q == null ? void 0 : q.surface_pressure) == null ? void 0 : z.at(j),
             code: (v = q == null ? void 0 : q.weather_code) == null ? void 0 : v.at(j),
             visibility: this.m2nm((C = q == null ? void 0 : q.visibility) == null ? void 0 : C.at(j)),
             wind: {
-              speed: (_ = q == null ? void 0 : q.wind_speed_10m) == null ? void 0 : _.at(j),
+              speed: (k = q == null ? void 0 : q.wind_speed_10m) == null ? void 0 : k.at(j),
               kts: (A = q == null ? void 0 : q.wind_speed_10m) == null ? void 0 : A.at(j),
               degree: (N = q == null ? void 0 : q.wind_direction_10m) == null ? void 0 : N.at(j),
               bearing: ((V = q == null ? void 0 : q.wind_direction_10m) == null ? void 0 : V.at(j)) !== null ? (((Z = q == null ? void 0 : q.wind_direction_10m) == null ? void 0 : Z.at(j)) + 180) % 360 : null,
@@ -9239,10 +9262,10 @@ class Za {
           Ie = {
             wave: {
               sig: {
-                height: (Q = E == null ? void 0 : E.wave_height) == null ? void 0 : Q.at(j),
+                height: (J = E == null ? void 0 : E.wave_height) == null ? void 0 : J.at(j),
                 degree: ($ = E == null ? void 0 : E.wave_direction) == null ? void 0 : $.at(j),
                 bearing: ((ne = E == null ? void 0 : E.wave_direction) == null ? void 0 : ne.at(j)) !== null ? (((se = E == null ? void 0 : E.wave_direction) == null ? void 0 : se.at(j)) + 180) % 360 : null,
-                period: (J = E == null ? void 0 : E.wave_period) == null ? void 0 : J.at(j)
+                period: (Q = E == null ? void 0 : E.wave_period) == null ? void 0 : Q.at(j)
               },
               swell: {
                 height: (ae = E == null ? void 0 : E.swell_wave_height) == null ? void 0 : ae.at(j),
@@ -9253,7 +9276,7 @@ class Za {
               },
               wd: {
                 height: (me = E == null ? void 0 : E.wind_wave_height) == null ? void 0 : me.at(j),
-                degree: (xe = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : xe.at(j),
+                degree: (ve = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : ve.at(j),
                 bearing: ((Le = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : Le.at(j)) !== null ? (((Pe = E == null ? void 0 : E.wind_wave_direction) == null ? void 0 : Pe.at(j)) + 180) % 360 : null,
                 period: (De = E == null ? void 0 : E.wind_wave_period) == null ? void 0 : De.at(j),
                 peakPeriod: (Ae = E == null ? void 0 : E.wind_wave_peak_period) == null ? void 0 : Ae.at(j)
@@ -9296,7 +9319,7 @@ class Za {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, l, c, n, u, h, b, x, z, g, P, T, O, I, L, k, v, C, _, A, N, V, Z, W, ee, Q, $, ne, se, J, ae, he, ce, pe, ge, F, me, xe, Le, Pe, De, Ae;
+    var i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe, De, Ae;
     const Re = typeof o == "string" ? M(o) : o, _e = e == null ? void 0 : e.weather, G = e == null ? void 0 : e.marine, te = M((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)), He = M((n = (c = (l = _e == null ? void 0 : _e[0]) == null ? void 0 : l.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Me = [];
     if (Re.isBetween(te, He, "millisecond", "[]")) {
       let ue, fe;
@@ -9309,10 +9332,10 @@ class Za {
             temp: {
               max: (h = oe.temperature_2m_max) == null ? void 0 : h.at(U),
               min: (b = oe.temperature_2m_min) == null ? void 0 : b.at(U),
-              mean: (x = oe.temperature_2m_mean) == null ? void 0 : x.at(U)
+              mean: (w = oe.temperature_2m_mean) == null ? void 0 : w.at(U)
             },
             apparentTemp: {
-              max: (z = oe.apparent_temperature_max) == null ? void 0 : z.at(U),
+              max: (_ = oe.apparent_temperature_max) == null ? void 0 : _.at(U),
               min: (g = oe.apparent_temperature_min) == null ? void 0 : g.at(U)
             },
             precip: {
@@ -9321,12 +9344,12 @@ class Za {
               snowfallSum: (O = oe.snowfall_sum) == null ? void 0 : O.at(U),
               showersSum: (I = oe.showers_sum) == null ? void 0 : I.at(U),
               hours: (L = oe.precipitation_hours) == null ? void 0 : L.at(U),
-              probability: (k = oe.precipitation_probability_max) == null ? void 0 : k.at(U)
+              probability: (z = oe.precipitation_probability_max) == null ? void 0 : z.at(U)
             },
             rh: {
               max: (v = oe.relative_humidity_2m_max) == null ? void 0 : v.at(U),
               min: (C = oe.relative_humidity_2m_min) == null ? void 0 : C.at(U),
-              mean: (_ = oe.relative_humidity_2m_mean) == null ? void 0 : _.at(U)
+              mean: (k = oe.relative_humidity_2m_mean) == null ? void 0 : k.at(U)
             },
             wind: {
               speed: (A = oe.wind_speed_10m_max) == null ? void 0 : A.at(U),
@@ -9350,10 +9373,10 @@ class Za {
           fe = {
             wave: {
               sig: {
-                height: (Q = re.wave_height_max) == null ? void 0 : Q.at(U),
+                height: (J = re.wave_height_max) == null ? void 0 : J.at(U),
                 degree: ($ = re.wave_direction_dominant) == null ? void 0 : $.at(U),
                 period: (ne = re.wave_period_max) == null ? void 0 : ne.at(U),
-                bearing: ((se = re.wave_direction_dominant) == null ? void 0 : se.at(U)) !== null ? (((J = re.wave_direction_dominant) == null ? void 0 : J.at(U)) + 180) % 360 : null
+                bearing: ((se = re.wave_direction_dominant) == null ? void 0 : se.at(U)) !== null ? (((Q = re.wave_direction_dominant) == null ? void 0 : Q.at(U)) + 180) % 360 : null
               },
               swell: {
                 height: (ae = re.swell_wave_height_max) == null ? void 0 : ae.at(U),
@@ -9365,7 +9388,7 @@ class Za {
               },
               wd: {
                 height: (me = re.wind_wave_height_max) == null ? void 0 : me.at(U),
-                degree: (xe = re.wind_wave_direction_dominant) == null ? void 0 : xe.at(U),
+                degree: (ve = re.wind_wave_direction_dominant) == null ? void 0 : ve.at(U),
                 period: (Le = re.wind_wave_period_max) == null ? void 0 : Le.at(U),
                 peakPeriod: (Pe = re.wind_wave_peak_period_max) == null ? void 0 : Pe.at(U),
                 bearing: ((De = re.wind_wave_direction_dominant) == null ? void 0 : De.at(U)) !== null ? (((Ae = re.wind_wave_direction_dominant) == null ? void 0 : Ae.at(U)) + 180) % 360 : null
@@ -9831,7 +9854,7 @@ const sc = {
     return {
       right: 10,
       toggle: !1,
-      helper: Qa,
+      helper: Ja,
       tropicals: void 0,
       tropicalCacheKey: "tropicalCacheGL4",
       source: "tropicals-source",
@@ -9983,8 +10006,8 @@ const sc = {
             },
             responseType: /\.(jpg|png)$/.test(u.tropicals) ? "blob" : "json"
           }).then((h) => {
-            var z, g, P;
-            const b = Va.convert2Geojson(((z = h == null ? void 0 : h.data) == null ? void 0 : z.data) || (h == null ? void 0 : h.data));
+            var _, g, P;
+            const b = Va.convert2Geojson(((_ = h == null ? void 0 : h.data) == null ? void 0 : _.data) || (h == null ? void 0 : h.data));
             ((P = (g = h == null ? void 0 : h.config) == null ? void 0 : g.headers) == null ? void 0 : P.key) && b && (this.tropicals = {
               data: b,
               active: !0,
@@ -10003,7 +10026,7 @@ const sc = {
     handleRefresh() {
       var e, o;
       (((o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) || []).forEach((i) => {
-        var a, r, l, c, n, u, h, b, x, z, g, P, T, O, I, L, k;
+        var a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z;
         if (((a = i.geometry) == null ? void 0 : a.type) === "Point") {
           let v = "";
           switch (!0) {
@@ -10016,10 +10039,10 @@ const sc = {
             case (((u = i.properties.wind) == null ? void 0 : u.kts) < 63 || ((h = i.properties) == null ? void 0 : h.kts) < 63):
               v = "STS";
               break;
-            case (((b = i.properties.wind) == null ? void 0 : b.kts) < 79 || ((x = i.properties) == null ? void 0 : x.kts) < 79):
+            case (((b = i.properties.wind) == null ? void 0 : b.kts) < 79 || ((w = i.properties) == null ? void 0 : w.kts) < 79):
               v = "TY";
               break;
-            case (((z = i.properties.wind) == null ? void 0 : z.kts) < 94 || ((g = i.properties) == null ? void 0 : g.kts) < 94):
+            case (((_ = i.properties.wind) == null ? void 0 : _.kts) < 94 || ((g = i.properties) == null ? void 0 : g.kts) < 94):
               v = "STY";
               break;
             case (((P = i.properties.wind) == null ? void 0 : P.kts) >= 94 || ((T = i.properties) == null ? void 0 : T.kts) >= 94):
@@ -10031,7 +10054,7 @@ const sc = {
           }
           i.properties.level = v;
         }
-        ((O = i.geometry) == null ? void 0 : O.type) === "Point" && ((I = i.properties) != null && I.important) && (i.properties.format = (k = (L = M(i.properties.date)) == null ? void 0 : L.utcOffset(this.timeZone)) == null ? void 0 : k.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`));
+        ((O = i.geometry) == null ? void 0 : O.type) === "Point" && ((I = i.properties) != null && I.important) && (i.properties.format = (z = (L = M(i.properties.date)) == null ? void 0 : L.utcOffset(this.timeZone)) == null ? void 0 : z.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`));
       }), this.handleInit();
     },
     handleInit() {
@@ -10042,8 +10065,8 @@ const sc = {
       var t, e, o, i, a, r, l, c, n, u;
       if (this.tropicals && this.map) {
         const h = (/* @__PURE__ */ new Date()).valueOf();
-        let b = 0, x = 0;
-        (t = this.map) != null && t.getSource(this.source) ? ((o = this.map) == null || o.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), x = (/* @__PURE__ */ new Date()).valueOf() - (h + b), console.log("[tropicals] update elapsed: ", x, ", total: ", b += x)) : (this.map.addSource(this.source, {
+        let b = 0, w = 0;
+        (t = this.map) != null && t.getSource(this.source) ? ((o = this.map) == null || o.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), w = (/* @__PURE__ */ new Date()).valueOf() - (h + b), console.log("[tropicals] update elapsed: ", w, ", total: ", b += w)) : (this.map.addSource(this.source, {
           type: "geojson",
           data: (i = this.tropicals) != null && i.active ? (a = this.tropicals) == null ? void 0 : a.data : this.empty
         }), this.map.addLayer({
@@ -10140,7 +10163,7 @@ const sc = {
             ],
             "text-halo-width": 4
           }
-        }, this.beforeLayer), x = (/* @__PURE__ */ new Date()).valueOf() - (h + b), console.log("[tropical] add elapsed: ", x, ", total: ", b += x)), (r = this.map) != null && r.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((l = this.tropicals) != null && l.active ? this.tropicals.data : this.empty), x = (/* @__PURE__ */ new Date()).valueOf() - (h + b), console.log("[tropical] update elapsed: ", x, ", total: ", b += x)) : (this.map.addSource(this.clusterSource, {
+        }, this.beforeLayer), w = (/* @__PURE__ */ new Date()).valueOf() - (h + b), console.log("[tropical] add elapsed: ", w, ", total: ", b += w)), (r = this.map) != null && r.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((l = this.tropicals) != null && l.active ? this.tropicals.data : this.empty), w = (/* @__PURE__ */ new Date()).valueOf() - (h + b), console.log("[tropical] update elapsed: ", w, ", total: ", b += w)) : (this.map.addSource(this.clusterSource, {
           type: "geojson",
           data: (n = this.tropicals) != null && n.active ? (u = this.tropicals) == null ? void 0 : u.data : this.empty
           // cluster: true,
@@ -10256,9 +10279,9 @@ const sc = {
             "text-halo-color": "#ffffff",
             "text-halo-width": 1
           }
-        }, this.beforeLayer), x = (/* @__PURE__ */ new Date()).valueOf() - (h + b), console.log("[tropical] add elapsed: ", x, ", total: ", b += x));
-        const z = Va.interpolate(this.tropicals, 1);
-        this.interpolateData = JSON.parse(JSON.stringify(z)), this.handleDateChange();
+        }, this.beforeLayer), w = (/* @__PURE__ */ new Date()).valueOf() - (h + b), console.log("[tropical] add elapsed: ", w, ", total: ", b += w));
+        const _ = Va.interpolate(this.tropicals, 1);
+        this.interpolateData = JSON.parse(JSON.stringify(_)), this.handleDateChange();
       }
     },
     handleClear() {
@@ -10266,11 +10289,11 @@ const sc = {
       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, l, c, n, u, h, b, x, z, g, P, T, O, I, L, k, v, C, _, A, N, V, Z, W, ee;
-      if ((t = this.interpolateMarkers) == null || t.forEach((Q) => Q == null ? void 0 : Q.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const Q = M(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), $ = this.interpolateData.filter((J) => J.properties.date === (Q == null ? void 0 : Q.format()) && !J.properties.disabled), ne = this.handleComputePolygons($), se = H.featureCollection([...$]);
-        ne.forEach((J) => {
-          se.features.push(J);
+      var t, e, o, i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee;
+      if ((t = this.interpolateMarkers) == null || t.forEach((J) => J == null ? void 0 : J.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
+        const J = M(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), $ = this.interpolateData.filter((Q) => Q.properties.date === (J == null ? void 0 : J.format()) && !Q.properties.disabled), ne = this.handleComputePolygons($), se = H.featureCollection([...$]);
+        ne.forEach((Q) => {
+          se.features.push(Q);
         }), (o = this.map) != null && o.getSource(this.interpolateSource) ? (i = this.map) == null || i.getSource(this.interpolateSource).setData(se) : ((a = this.map) == null || a.addSource(this.interpolateSource, {
           type: "geojson",
           data: se
@@ -10285,10 +10308,10 @@ const sc = {
             "line-width": 1
           }
         }, "empty-layer-3")), this.interpolateMarkers = [];
-        for (const J of $)
-          if (!J.properties.disabled) {
+        for (const Q of $)
+          if (!Q.properties.disabled) {
             let ae = "#f44336";
-            ((c = (l = J.properties) == null ? void 0 : l.wind) == null ? void 0 : c.kts) < 32 || !((u = (n = J.properties) == null ? void 0 : n.wind) != null && u.kts) ? ae = "#03f869" : ((b = (h = J.properties) == null ? void 0 : h.wind) == null ? void 0 : b.kts) >= 32 && ((z = (x = J.properties) == null ? void 0 : x.wind) == null ? void 0 : z.kts) < 47 ? ae = "#f2f202" : ((P = (g = J.properties) == null ? void 0 : g.wind) == null ? void 0 : P.kts) >= 47 && ((O = (T = J.properties) == null ? void 0 : T.wind) == null ? void 0 : O.kts) < 63 ? ae = "#ff9100" : ((L = (I = J.properties) == null ? void 0 : I.wind) == null ? void 0 : L.kts) >= 63 && ((v = (k = J.properties) == null ? void 0 : k.wind) == null ? void 0 : v.kts) < 79 ? ae = "#f44336" : ((_ = (C = J.properties) == null ? void 0 : C.wind) == null ? void 0 : _.kts) >= 79 && ((N = (A = J.properties) == null ? void 0 : A.wind) == null ? void 0 : N.kts) < 94 ? ae = "#f903d0" : ((Z = (V = J.properties) == null ? void 0 : V.wind) == null ? void 0 : Z.kts) >= 94 ? ae = "#8702f9" : ae = "#f44336";
+            ((c = (l = Q.properties) == null ? void 0 : l.wind) == null ? void 0 : c.kts) < 32 || !((u = (n = Q.properties) == null ? void 0 : n.wind) != null && u.kts) ? ae = "#03f869" : ((b = (h = Q.properties) == null ? void 0 : h.wind) == null ? void 0 : b.kts) >= 32 && ((_ = (w = Q.properties) == null ? void 0 : w.wind) == null ? void 0 : _.kts) < 47 ? ae = "#f2f202" : ((P = (g = Q.properties) == null ? void 0 : g.wind) == null ? void 0 : P.kts) >= 47 && ((O = (T = Q.properties) == null ? void 0 : T.wind) == null ? void 0 : O.kts) < 63 ? ae = "#ff9100" : ((L = (I = Q.properties) == null ? void 0 : I.wind) == null ? void 0 : L.kts) >= 63 && ((v = (z = Q.properties) == null ? void 0 : z.wind) == null ? void 0 : v.kts) < 79 ? ae = "#f44336" : ((k = (C = Q.properties) == null ? void 0 : C.wind) == null ? void 0 : k.kts) >= 79 && ((N = (A = Q.properties) == null ? void 0 : A.wind) == null ? void 0 : N.kts) < 94 ? ae = "#f903d0" : ((Z = (V = Q.properties) == null ? void 0 : V.wind) == null ? void 0 : Z.kts) >= 94 ? ae = "#8702f9" : ae = "#f44336";
             const he = `<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">
@@ -10304,35 +10327,35 @@ const sc = {
                           		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="${J.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${he}</div>`;
-            const pe = new ve.Marker(ce).setLngLat(J.geometry.coordinates).addTo(this.map);
+            ce.className = "idm-tropical-gl4-hourly-marker", ce.innerHTML = `<div class="${Q.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${he}</div>`;
+            const pe = new xe.Marker(ce).setLngLat(Q.geometry.coordinates).addTo(this.map);
             this.interpolateMarkers.push(pe);
           }
       } else
         (W = this.map) != null && W.getSource(this.interpolateSource) && ((ee = this.map) == null || ee.getSource(this.interpolateSource).setData(this.empty));
     },
     handleClick(t) {
-      var a, r, l, c, n, u, h, b, x;
+      var a, r, l, c, n, u, h, b, w;
       const e = t.features[0], o = (r = (a = this.tropicals) == null ? void 0 : a.data) == null ? void 0 : r.features.filter(
-        (z) => {
+        (_) => {
           var g;
-          return z.geometry.type === "LineString" && z.properties.type === "forecast" && z.properties.name === ((g = e == null ? void 0 : e.properties) == null ? void 0 : g.name);
+          return _.geometry.type === "LineString" && _.properties.type === "forecast" && _.properties.name === ((g = e == null ? void 0 : e.properties) == null ? void 0 : g.name);
         }
       ), i = (c = (l = this.tropicals) == null ? void 0 : l.data) == null ? void 0 : c.features.filter(
-        (z) => {
+        (_) => {
           var g;
-          return z.geometry.type === "LineString" && z.properties.type === "history" && z.properties.name === ((g = e == null ? void 0 : e.properties) == null ? void 0 : g.name);
+          return _.geometry.type === "LineString" && _.properties.type === "history" && _.properties.name === ((g = e == null ? void 0 : e.properties) == null ? void 0 : g.name);
         }
       );
       this.activeTropicals = {
         name: (n = e == null ? void 0 : e.properties) == null ? void 0 : n.name,
         nameCn: (u = e == null ? void 0 : e.properties) == null ? void 0 : u.nameCn,
-        forecasts: o.map((z) => z.properties),
+        forecasts: o.map((_) => _.properties),
         history: (h = i[0]) == null ? void 0 : h.properties,
-        showCircle: (x = (b = o[0]) == null ? void 0 : b.properties) == null ? void 0 : x.showCircle
+        showCircle: (w = (b = o[0]) == null ? void 0 : b.properties) == null ? void 0 : w.showCircle
       }, this.showTropicalsInfo = !0, this.$nextTick(() => {
-        const z = document.getElementById("idm-tropical-gl4-info");
-        this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]) : this.activeTropicalsMarker = new ve.Marker(z).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+        const _ = document.getElementById("idm-tropical-gl4-info");
+        this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]) : this.activeTropicalsMarker = new xe.Marker(_).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
       });
     },
     handleCloseInfoMarker() {
@@ -10432,7 +10455,7 @@ const sc = {
       );
       this.hoverPoint && (this.hoverPoint.lng = o.geometry.coordinates[0], this.hoverPoint.lat = o.geometry.coordinates[1], this.hoverPoint.update = (c = (l = i == null ? void 0 : i[0]) == null ? void 0 : l.properties) == null ? void 0 : c.date, (n = this.hoverMarker) == null || n.remove(), this.showHoverPoint = !0, this.$nextTick(() => {
         const u = document.getElementById("tropicalHoverMarkerInfo").cloneNode(!0);
-        this.hoverMarker = new ve.Marker(u).setLngLat(o.geometry.coordinates).setOffset([160, 0]).addTo(this.map);
+        this.hoverMarker = new xe.Marker(u).setLngLat(o.geometry.coordinates).setOffset([160, 0]).addTo(this.map);
       }));
     },
     handleLeave() {
@@ -10477,9 +10500,9 @@ const sc = {
 }, $c = { class: "text-label pr-1" }, Kc = {
   key: 7,
   class: "d-flex justify-start align-center"
-}, Qc = { class: "text-label pr-1" }, Jc = { class: "d-flex justify-start align-center" }, em = { class: "text-label pr-1" };
+}, Jc = { class: "text-label pr-1" }, Qc = { class: "d-flex justify-start align-center" }, em = { class: "text-label pr-1" };
 function tm(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("VTooltip"), n = w("VCardText"), u = w("VDivider"), h = w("VCardActions"), b = w("VCard"), x = w("v-card-title"), z = w("v-divider");
+  const l = x("VBtn"), c = x("VTooltip"), n = x("VCardText"), u = x("VDivider"), h = x("VCardActions"), b = x("VCard"), w = x("v-card-title"), _ = x("v-divider");
   return y(), S("div", lc, [
     s("div", {
       class: "menu-bar-box transition pa-1",
@@ -10516,7 +10539,7 @@ function tm(t, e, o, i, a, r) {
         default: f(() => [
           p(n, null, {
             default: f(() => {
-              var g, P, T, O, I, L, k, v, C, _, A;
+              var g, P, T, O, I, L, z, v, C, k, A;
               return [
                 s("div", cc, [
                   s("span", mc, m(o.locale === "en" ? (g = a.activeTropicals) == null ? void 0 : g.name : (P = a.activeTropicals) == null ? void 0 : P.nameCn), 1),
@@ -10537,7 +10560,7 @@ function tm(t, e, o, i, a, r) {
                 }, 8, ["onClick"]),
                 s("div", hc, [
                   s("span", pc, m(t.$t("actions.lastUpdate")) + ": ", 1),
-                  s("span", null, m(r.computeTime(((v = (k = a.activeTropicals) == null ? void 0 : k.history) == null ? void 0 : v.updated) || ((A = (_ = (C = a.activeTropicals) == null ? void 0 : C.forecasts) == null ? void 0 : _.filter((N) => !N.disabled)[0]) == null ? void 0 : A.date), o.timeZone)), 1)
+                  s("span", null, m(r.computeTime(((v = (z = a.activeTropicals) == null ? void 0 : z.history) == null ? void 0 : v.updated) || ((A = (k = (C = a.activeTropicals) == null ? void 0 : C.forecasts) == null ? void 0 : k.filter((N) => !N.disabled)[0]) == null ? void 0 : A.date), o.timeZone)), 1)
                 ])
               ];
             }),
@@ -10546,7 +10569,7 @@ function tm(t, e, o, i, a, r) {
           p(u),
           p(n, { class: "text-body-1" }, {
             default: f(() => {
-              var g, P, T, O, I, L, k, v, C;
+              var g, P, T, O, I, L, z, v, C;
               return [
                 s("div", uc, [
                   s("div", gc, [
@@ -10562,7 +10585,7 @@ function tm(t, e, o, i, a, r) {
                 s("div", wc, [
                   s("div", xc, [
                     s("label", vc, m(t.$t("tropical.moveSpeed")) + " : ", 1),
-                    s("span", null, m(((k = r.computeMovement(a.activeTropicals)) == null ? void 0 : k.kts) || "-") + " kts", 1)
+                    s("span", null, m(((z = r.computeMovement(a.activeTropicals)) == null ? void 0 : z.kts) || "-") + " kts", 1)
                   ]),
                   s("div", _c, [
                     s("label", kc, m(t.$t("tropical.moveDir")) + " : ", 1),
@@ -10572,17 +10595,17 @@ function tm(t, e, o, i, a, r) {
                 s("div", zc, [
                   s("label", Lc, m(t.$t("weather.forecastModels")) + " : ", 1),
                   s("div", Pc, [
-                    (y(!0), S(be, null, we((C = a.activeTropicals) == null ? void 0 : C.forecasts, (_, A) => (y(), R(l, {
+                    (y(!0), S(be, null, we((C = a.activeTropicals) == null ? void 0 : C.forecasts, (k, A) => (y(), R(l, {
                       key: A,
                       density: "compact",
-                      variant: _.disabled ? "text" : "flat",
-                      color: _.disabled ? "" : "primary",
+                      variant: k.disabled ? "text" : "flat",
+                      color: k.disabled ? "" : "primary",
                       "min-width": 30,
-                      class: Ne(["model text-none text-body-1 px-1", _.disabled ? "btn-border-1 btn-bg-1" : ""]),
-                      onClick: je((N) => r.handleForecastToggle(_), ["stop"])
+                      class: Ne(["model text-none text-body-1 px-1", k.disabled ? "btn-border-1 btn-bg-1" : ""]),
+                      onClick: je((N) => r.handleForecastToggle(k), ["stop"])
                     }, {
                       default: f(() => [
-                        K(m(_.model), 1)
+                        K(m(k.model), 1)
                       ]),
                       _: 2
                     }, 1032, ["variant", "color", "class", "onClick"]))), 128))
@@ -10712,7 +10735,7 @@ function tm(t, e, o, i, a, r) {
       "max-width": "280"
     }, {
       default: f(() => [
-        p(x, null, {
+        p(w, null, {
           default: f(() => {
             var g, P, T;
             return [
@@ -10724,10 +10747,10 @@ function tm(t, e, o, i, a, r) {
           }),
           _: 1
         }),
-        p(z),
+        p(_),
         p(n, { class: "text-body-1" }, {
           default: f(() => {
-            var g, P, T, O, I, L, k, v, C, _, A, N, V, Z, W, ee, Q, $, ne, se;
+            var g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se;
             return [
               s("div", Rc, [
                 ((g = a.hoverPoint) == null ? void 0 : g.type) === "forecast" ? (y(), S("div", Oc, [
@@ -10742,13 +10765,13 @@ function tm(t, e, o, i, a, r) {
                   s("label", Fc, m(t.$t("tropical.forecast")) + " : ", 1),
                   s("span", null, m(r.computeTzTime((L = a.hoverPoint) == null ? void 0 : L.date, o.timeZone)), 1)
                 ])) : D("", !0),
-                ((k = a.hoverPoint) == null ? void 0 : k.type) === "forecast" ? (y(), S("div", Hc, [
+                ((z = a.hoverPoint) == null ? void 0 : z.type) === "forecast" ? (y(), S("div", Hc, [
                   s("label", Gc, m(t.$t("tropical.model")) + " : ", 1),
                   s("span", null, m(((v = a.hoverPoint) == null ? void 0 : v.model) ?? "-"), 1)
                 ])) : D("", !0),
                 ((C = a.hoverPoint) == null ? void 0 : C.type) === "forecast" ? (y(), S("div", Uc, [
                   s("label", Wc, m(t.$t("weather.wind")) + " : ", 1),
-                  s("span", null, m(((A = JSON.parse((_ = a.hoverPoint) == null ? void 0 : _.wind)) == null ? void 0 : A.kts) ?? "-") + " kts", 1)
+                  s("span", null, m(((A = JSON.parse((k = a.hoverPoint) == null ? void 0 : k.wind)) == null ? void 0 : A.kts) ?? "-") + " kts", 1)
                 ])) : D("", !0),
                 ((N = a.hoverPoint) == null ? void 0 : N.type) === "history" ? (y(), S("div", Vc, [
                   s("label", Zc, m(t.$t("weather.wind")) + " : ", 1),
@@ -10760,13 +10783,13 @@ function tm(t, e, o, i, a, r) {
                 ]),
                 ((W = a.hoverPoint) == null ? void 0 : W.type) === "history" ? (y(), S("div", Xc, [
                   s("label", $c, m(t.$t("tropical.moveSpeed")) + " : ", 1),
-                  s("span", null, m(((Q = JSON.parse((ee = a.hoverPoint) == null ? void 0 : ee.movement)) == null ? void 0 : Q.kts) ?? "-") + " kts", 1)
+                  s("span", null, m(((J = JSON.parse((ee = a.hoverPoint) == null ? void 0 : ee.movement)) == null ? void 0 : J.kts) ?? "-") + " kts", 1)
                 ])) : D("", !0),
                 (($ = a.hoverPoint) == null ? void 0 : $.type) === "history" ? (y(), S("div", Kc, [
-                  s("label", Qc, m(t.$t("tropical.moveDir")) + " : ", 1),
+                  s("label", Jc, m(t.$t("tropical.moveDir")) + " : ", 1),
                   s("span", null, m(((se = JSON.parse((ne = a.hoverPoint) == null ? void 0 : ne.movement)) == null ? void 0 : se.deg) ?? "-") + " °", 1)
                 ])) : D("", !0),
-                s("div", Jc, [
+                s("div", Qc, [
                   s("label", em, m(t.$t("tropical.position")) + " : ", 1),
                   s("span", null, m(r.computePosition(a.hoverPoint)), 1)
                 ])
@@ -10951,7 +10974,7 @@ const om = {
   style: { height: "56px" }
 };
 function lm(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("VDatePicker"), n = w("VDivider"), u = w("VListItemTitle"), h = w("VListItem"), b = w("VList"), x = w("VCardText"), z = w("VCardActions"), g = w("VCard");
+  const l = x("VBtn"), c = x("VDatePicker"), n = x("VDivider"), u = x("VListItemTitle"), h = x("VListItem"), b = x("VList"), w = x("VCardText"), _ = x("VCardActions"), g = x("VCard");
   return y(), S("div", am, [
     p(l, {
       text: "",
@@ -10970,7 +10993,7 @@ function lm(t, e, o, i, a, r) {
       class: Ne(["card-box d-flex flex-column", o.position])
     }, {
       default: f(() => [
-        p(x, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
+        p(w, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
           default: f(() => [
             s("div", im, [
               p(c, {
@@ -11025,7 +11048,7 @@ function lm(t, e, o, i, a, r) {
           _: 1
         }),
         p(n),
-        p(z, {
+        p(_, {
           class: "justify-end pa-0 pr-4",
           style: { height: "50px" }
         }, {
@@ -11303,10 +11326,10 @@ const nm = {
       (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, l, c, n, u, h, b, x, z, g, P, T, O, I, L, k, v, C, _, A, N, V, Z, W, ee, Q, $, ne, se, J, ae, he, ce, pe, ge, F, me, xe;
+      var o, i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve;
       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 = ((l = Co.pickHourly(t, M(this.form.dateTime))) == null ? void 0 : l[0]) || {};
-      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((u = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : u.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((b = (h = e == null ? void 0 : e.weather) == null ? void 0 : h.precip) == null ? void 0 : b.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((x = e == null ? void 0 : e.weather) == null ? void 0 : x.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((g = (z = e == null ? void 0 : e.weather) == null ? void 0 : z.wind) == null ? void 0 : g.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.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((k = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : k.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (A = (_ = e == null ? void 0 : e.wave) == null ? void 0 : _.sig) == null ? void 0 : A.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((V = (N = e == null ? void 0 : e.wave) == null ? void 0 : N.sig) == null ? void 0 : V.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((W = (Z = e == null ? void 0 : e.wave) == null ? void 0 : Z.wd) == null ? void 0 : W.height, 1) ?? "-", this.currentHourData.windwaveDir = (Q = (ee = e == null ? void 0 : e.wave) == null ? void 0 : ee.wd) == null ? void 0 : Q.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((ne = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ne.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((J = (se = e == null ? void 0 : e.wave) == null ? void 0 : se.swell) == null ? void 0 : J.height, 1) ?? "-", this.currentHourData.swellDir = (he = (ae = e == null ? void 0 : e.wave) == null ? void 0 : ae.swell) == null ? void 0 : he.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((pe = (ce = e == null ? void 0 : e.wave) == null ? void 0 : ce.swell) == null ? void 0 : pe.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.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((u = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : u.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((b = (h = e == null ? void 0 : e.weather) == null ? void 0 : h.precip) == null ? void 0 : b.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 = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : g.kts, 1) ?? "-", this.currentHourData.windDir = ((T = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.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((z = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : z.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (A = (k = e == null ? void 0 : e.wave) == null ? void 0 : k.sig) == null ? void 0 : A.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((V = (N = e == null ? void 0 : e.wave) == null ? void 0 : N.sig) == null ? void 0 : V.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((W = (Z = e == null ? void 0 : e.wave) == null ? void 0 : Z.wd) == null ? void 0 : W.height, 1) ?? "-", this.currentHourData.windwaveDir = (J = (ee = e == null ? void 0 : e.wave) == null ? void 0 : ee.wd) == null ? void 0 : J.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((ne = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ne.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((Q = (se = e == null ? void 0 : e.wave) == null ? void 0 : se.swell) == null ? void 0 : Q.height, 1) ?? "-", this.currentHourData.swellDir = (he = (ae = e == null ? void 0 : e.wave) == null ? void 0 : ae.swell) == null ? void 0 : he.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((pe = (ce = e == null ? void 0 : e.wave) == null ? void 0 : ce.swell) == null ? void 0 : pe.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.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 = (ve = e == null ? void 0 : e.weather) == null ? void 0 : ve.url;
     },
     handleBind() {
       var t, e;
@@ -11332,9 +11355,9 @@ const nm = {
         var i, a, r;
         (i = this.positionMarker) == null || i.remove();
         const e = (a = document.getElementById("idm-position-icon")) == null ? void 0 : a.cloneNode(!0);
-        this.positionMarker = new ve.Marker(e).setLngLat(t).setOffset([0, -15]).addTo(this.map);
+        this.positionMarker = new xe.Marker(e).setLngLat(t).setOffset([0, -15]).addTo(this.map);
         const o = document.getElementById("idm-gl4-spot-meteo");
-        this.meteoInfoMarker ? (r = this.meteoInfoMarker) == null || r.setLngLat(t) : this.meteoInfoMarker = new ve.Marker(o).setLngLat(t).setOffset([0, -190]).addTo(this.map);
+        this.meteoInfoMarker ? (r = this.meteoInfoMarker) == null || r.setLngLat(t) : this.meteoInfoMarker = new xe.Marker(o).setLngLat(t).setOffset([0, -190]).addTo(this.map);
       }));
     },
     handleMeteoMore() {
@@ -11415,7 +11438,7 @@ const nm = {
   "aria-hidden": "true"
 }, qm = ["xlink:href"];
 function Xm(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VDivider"), h = w("VTextField"), b = w("VCol"), x = w("VRow"), z = w("DateTimePicker"), g = w("VBtnToggle"), P = w("VCardText"), T = w("VCardActions"), O = w("VForm"), I = w("VCard"), L = w("VIcon");
+  const l = x("VBtn"), c = x("VTooltip"), n = x("VCardTitle"), u = x("VDivider"), h = x("VTextField"), b = x("VCol"), w = x("VRow"), _ = x("DateTimePicker"), g = x("VBtnToggle"), P = x("VCardText"), T = x("VCardActions"), O = x("VForm"), I = x("VCard"), L = x("VIcon");
   return y(), S("div", cm, [
     s("div", {
       class: "menu-bar-box transition pa-1",
@@ -11425,8 +11448,8 @@ function Xm(t, e, o, i, a, r) {
         text: t.$t("spot.spotsMeteo"),
         location: "left"
       }, {
-        activator: f(({ props: k }) => [
-          p(l, B(k, {
+        activator: f(({ props: z }) => [
+          p(l, B(z, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -11488,7 +11511,7 @@ function Xm(t, e, o, i, a, r) {
                   ])),
                   s("div", null, m(t.$t("spot.lng")), 1)
                 ]),
-                p(x, { class: "ma-0" }, {
+                p(w, { class: "ma-0" }, {
                   default: f(() => [
                     p(b, {
                       cols: "4",
@@ -11497,7 +11520,7 @@ function Xm(t, e, o, i, a, r) {
                       default: f(() => [
                         p(h, {
                           modelValue: a.form.lngDegree,
-                          "onUpdate:modelValue": e[0] || (e[0] = (k) => a.form.lngDegree = k),
+                          "onUpdate:modelValue": e[0] || (e[0] = (z) => a.form.lngDegree = z),
                           rules: a.formRules.lngDegree,
                           density: "compact",
                           variant: "outlined",
@@ -11517,7 +11540,7 @@ function Xm(t, e, o, i, a, r) {
                       default: f(() => [
                         p(h, {
                           modelValue: a.form.lngMinute,
-                          "onUpdate:modelValue": e[1] || (e[1] = (k) => a.form.lngMinute = k),
+                          "onUpdate:modelValue": e[1] || (e[1] = (z) => a.form.lngMinute = z),
                           rules: a.formRules.lngMinute,
                           label: "",
                           density: "compact",
@@ -11544,7 +11567,7 @@ function Xm(t, e, o, i, a, r) {
                           height: "32",
                           class: "text-body-1 btn-bg-1",
                           style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
-                          onClick: e[2] || (e[2] = (k) => a.form.lngDirection = a.form.lngDirection === "E" ? "W" : "E")
+                          onClick: e[2] || (e[2] = (z) => a.form.lngDirection = a.form.lngDirection === "E" ? "W" : "E")
                         }, {
                           default: f(() => [
                             K(m(a.form.lngDirection), 1)
@@ -11565,7 +11588,7 @@ function Xm(t, e, o, i, a, r) {
                   ])),
                   s("div", null, m(t.$t("spot.lat")), 1)
                 ]),
-                p(x, { class: "ma-0" }, {
+                p(w, { class: "ma-0" }, {
                   default: f(() => [
                     p(b, {
                       cols: "4",
@@ -11574,7 +11597,7 @@ function Xm(t, e, o, i, a, r) {
                       default: f(() => [
                         p(h, {
                           modelValue: a.form.latDegree,
-                          "onUpdate:modelValue": e[3] || (e[3] = (k) => a.form.latDegree = k),
+                          "onUpdate:modelValue": e[3] || (e[3] = (z) => a.form.latDegree = z),
                           rules: a.formRules.latDegree,
                           label: "",
                           density: "compact",
@@ -11597,7 +11620,7 @@ function Xm(t, e, o, i, a, r) {
                       default: f(() => [
                         p(h, {
                           modelValue: a.form.latMinute,
-                          "onUpdate:modelValue": e[4] || (e[4] = (k) => a.form.latMinute = k),
+                          "onUpdate:modelValue": e[4] || (e[4] = (z) => a.form.latMinute = z),
                           rules: a.formRules.latMinute,
                           label: "",
                           density: "compact",
@@ -11624,7 +11647,7 @@ function Xm(t, e, o, i, a, r) {
                           height: "32",
                           class: "text-body-1 btn-bg-1",
                           style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
-                          onClick: e[5] || (e[5] = (k) => a.form.latDirection = a.form.latDirection === "N" ? "S" : "N")
+                          onClick: e[5] || (e[5] = (z) => a.form.latDirection = a.form.latDirection === "N" ? "S" : "N")
                         }, {
                           default: f(() => [
                             K(m(a.form.latDirection), 1)
@@ -11645,18 +11668,18 @@ function Xm(t, e, o, i, a, r) {
                   ])),
                   s("div", null, m(t.$t("spot.dateTime")), 1)
                 ]),
-                p(x, { class: "ma-0 mb-4" }, {
+                p(w, { class: "ma-0 mb-4" }, {
                   default: f(() => [
                     p(b, {
                       cols: "12",
                       class: "pa-0"
                     }, {
                       default: f(() => [
-                        p(z, B({
+                        p(_, B({
                           "date-time": a.form.dateTime,
                           "time-zone": o.timeZone
                         }, t.$attrs, {
-                          onDateTime: e[6] || (e[6] = (k) => a.form.dateTime = k)
+                          onDateTime: e[6] || (e[6] = (z) => a.form.dateTime = z)
                         }), null, 16, ["date-time", "time-zone"])
                       ]),
                       _: 1
@@ -11672,7 +11695,7 @@ function Xm(t, e, o, i, a, r) {
                   ])),
                   s("div", null, m(t.$t("weather.forecastModel")), 1)
                 ]),
-                p(x, { class: "ma-0 mb-2" }, {
+                p(w, { class: "ma-0 mb-2" }, {
                   default: f(() => [
                     p(b, {
                       cols: "12",
@@ -11681,7 +11704,7 @@ function Xm(t, e, o, i, a, r) {
                       default: f(() => [
                         p(g, {
                           modelValue: a.form.forecastModel,
-                          "onUpdate:modelValue": e[7] || (e[7] = (k) => a.form.forecastModel = k),
+                          "onUpdate:modelValue": e[7] || (e[7] = (z) => a.form.forecastModel = z),
                           class: "w-100",
                           rounded: "",
                           height: "30",
@@ -11801,11 +11824,11 @@ function Xm(t, e, o, i, a, r) {
         p(u),
         p(P, { class: "text-body-1 px-0 py-1" }, {
           default: f(() => {
-            var k, v;
+            var z, v;
             return [
               s("div", Pm, [
                 s("div", Cm, m(t.$t("time.time")), 1),
-                s("div", Tm, m(r.computedTzTime((k = a.currentHourData) == null ? void 0 : k.utc)), 1)
+                s("div", Tm, m(r.computedTzTime((z = a.currentHourData) == null ? void 0 : z.utc)), 1)
               ]),
               s("div", Sm, [
                 e[18] || (e[18] = s("div", {
@@ -11839,9 +11862,9 @@ function Xm(t, e, o, i, a, r) {
         p(u),
         p(T, { class: "d-flex justify-space-between align-center" }, {
           default: f(() => [
-            o.followList.some((k) => {
+            o.followList.some((z) => {
               var v, C;
-              return ((v = k == null ? void 0 : k.coordinate) == null ? void 0 : v.lng) === a.form.lng && ((C = k == null ? void 0 : k.coordinate) == null ? void 0 : C.lat) === a.form.lat;
+              return ((v = z == null ? void 0 : z.coordinate) == null ? void 0 : v.lng) === a.form.lng && ((C = z == null ? void 0 : z.coordinate) == null ? void 0 : C.lat) === a.form.lat;
             }) ? (y(), R(l, {
               key: 0,
               class: "text-none text-body-1",
@@ -12004,21 +12027,21 @@ const Km = {
       var o, i, a, r, l, c, n, u, h, b;
       const e = (i = (o = t.target) == null ? void 0 : o._element) == null ? void 0 : i.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const x = this.geojson.filter((T) => T.id === e.split("-")[0])[0];
-        this.pointMarkers[x.id].filter((T) => {
+        const w = this.geojson.filter((T) => T.id === e.split("-")[0])[0];
+        this.pointMarkers[w.id].filter((T) => {
           var O;
           return ((O = T._element) == null ? void 0 : O.id) === e;
         })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : c.lat]);
         let g;
-        x.features.forEach((T, O) => {
+        w.features.forEach((T, O) => {
           if (T.geometry.type === "Point" && T.properties.id === e.split("-")[1]) {
             g = O;
             return;
           }
         });
-        const P = x.features.filter((T) => T.geometry.type === "Point");
+        const P = w.features.filter((T) => T.geometry.type === "Point");
         this.handleTmpPointUpdate(
-          x,
+          w,
           P[g - 1],
           { lng: (u = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : u.lng, lat: (b = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : b.lat, properties: P[g].properties },
           g === P.length - 1 ? void 0 : P[g + 1]
@@ -12029,13 +12052,13 @@ const Km = {
       var o, i, a, r, l, c, n, u, h, b;
       const e = (i = (o = t.target) == null ? void 0 : o._element) == null ? void 0 : i.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const x = this.geojson.filter((P) => P.id === e.split("-")[0])[0];
-        this.pointMarkers[x.id].filter((P) => {
+        const w = this.geojson.filter((P) => P.id === e.split("-")[0])[0];
+        this.pointMarkers[w.id].filter((P) => {
           var T;
           return ((T = P._element) == null ? void 0 : T.id) === e;
         })[0].setLngLat([(r = (a = t.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (l = t.target) == null ? void 0 : l._lngLat) == null ? void 0 : c.lat]);
-        const g = x.features.filter((P) => P.geometry.type === "Point" && P.properties.id === e.split("-")[1])[0];
-        g.geometry.coordinates = [(u = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : u.lng, (b = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : b.lat], x.features = x.features.filter((P) => P.geometry.type === "Point"), this.handlePointUpdate(x);
+        const g = w.features.filter((P) => P.geometry.type === "Point" && P.properties.id === e.split("-")[1])[0];
+        g.geometry.coordinates = [(u = (n = t.target) == null ? void 0 : n._lngLat) == null ? void 0 : u.lng, (b = (h = t.target) == null ? void 0 : h._lngLat) == null ? void 0 : b.lat], w.features = w.features.filter((P) => P.geometry.type === "Point"), this.handlePointUpdate(w);
       }
     },
     handleContextmenu(t) {
@@ -12046,7 +12069,7 @@ const Km = {
         const c = this.geojson.filter((n) => n.id === e.split("-")[0])[0].features.filter((n) => n.geometry.type === "Point");
         if (c.length > 2 && c.filter((u) => u.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
           const u = document.createElement("div");
-          u.className = "idm-gl4-measure-contextmenu-marker", u.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new ve.Marker(u).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
+          u.className = "idm-gl4-measure-contextmenu-marker", u.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new xe.Marker(u).setOffset([24, 0]).setLngLat([t.lngLat.lng, t.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -12085,10 +12108,10 @@ const Km = {
         for (let a = 1; a < e.length; a++) {
           const r = e[a - 1], l = e[a], c = r.properties, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, u = { lng: l.geometry.coordinates[0], lat: l.geometry.coordinates[1] }, h = Ge.calculateDistance(n, u, c.mode === "RL", 4), b = Ge.calculateBearing(n, u, c.mode === "RL", 2);
           o = X.roundPrecision(o + h, 4);
-          let x;
-          c.mode === "RL" ? x = X.convertToMonotonicLng([n, u]) : x = X.convertToMonotonicLng(Ge.interpolateCoordinates(n, u, 200));
-          const z = H.lineString(x.map((P) => [P.lng, P.lat]));
-          z.properties.dist = h, z.properties.bearing = b, z.properties.total = o, z.properties.name = "Line " + this.currentLineIndex, i.push(z);
+          let w;
+          c.mode === "RL" ? w = X.convertToMonotonicLng([n, u]) : w = X.convertToMonotonicLng(Ge.interpolateCoordinates(n, u, 200));
+          const _ = H.lineString(w.map((P) => [P.lng, P.lat]));
+          _.properties.dist = h, _.properties.bearing = b, _.properties.total = o, _.properties.name = "Line " + this.currentLineIndex, i.push(_);
           const g = e[a];
           g.properties.totalDist = X.roundPrecision((c.totalDist ? c.totalDist : 0) + h, 4), g.properties.sumLabel = g.properties.totalDist + " nm";
         }
@@ -12104,16 +12127,16 @@ const Km = {
         r = Ge.calculateDistance(u, h, n.mode === "RL", 4), l = Ge.calculateBearing(u, h, n.mode === "RL", 2);
         let b;
         n.mode === "RL" ? b = X.convertToMonotonicLng([u, h]) : b = X.convertToMonotonicLng(Ge.interpolateCoordinates(u, h, 200));
-        const x = H.lineString(b.map((z) => [z.lng, z.lat]));
-        x.properties.dist = r, x.properties.bearing = l, a.features.push(x);
+        const w = H.lineString(b.map((_) => [_.lng, _.lat]));
+        w.properties.dist = r, w.properties.bearing = l, a.features.push(w);
       }
       if (i) {
         const n = o.properties, u = o, h = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
         r = Ge.calculateDistance(u, h, n.mode === "RL", 4), l = Ge.calculateBearing(u, h, n.mode === "RL", 2);
         let b;
         n.mode === "RL" ? b = X.convertToMonotonicLng([u, h]) : b = X.convertToMonotonicLng(Ge.interpolateCoordinates(u, h, 200));
-        const x = H.lineString(b.map((z) => [z.lng, z.lat]));
-        x.properties.dist = r, x.properties.bearing = l, a.features.push(x);
+        const w = H.lineString(b.map((_) => [_.lng, _.lat]));
+        w.properties.dist = r, w.properties.bearing = l, a.features.push(w);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(a) : this.map.addSource(this.tmpSource, {
         type: "geojson",
@@ -12168,7 +12191,7 @@ const Km = {
         this.tipMarker._element.innerHTML = c, this.tipMarker.setLngLat([o.lng, o.lat]);
       else {
         const n = document.createElement("div");
-        n.className = "idm-gl4-measure-tip-marker", n.innerHTML = c, this.tipMarker = new ve.Marker(n).setOffset([140, 0]).setLngLat([o.lng, o.lat]).addTo(this.map);
+        n.className = "idm-gl4-measure-tip-marker", n.innerHTML = c, this.tipMarker = new xe.Marker(n).setOffset([140, 0]).setLngLat([o.lng, o.lat]).addTo(this.map);
       }
     },
     handleMove(t) {
@@ -12244,27 +12267,27 @@ const Km = {
         for (const c of l) {
           const n = document.createElement("div");
           n.id = `${t.id}-${c.properties.id}`, n.className = `${t.closed ? "idm-gl4-measure-marker closed" : "idm-gl4-measure-marker"}`, n.innerHTML = '<div class="marker-circle"></div>';
-          const u = new ve.Marker({ element: n, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
+          const u = new xe.Marker({ element: n, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
           u.on("drag", this.handleDrag), u.on("dragend", this.handleDragEnd), this.pointMarkers[t.id] ? this.pointMarkers[t.id].push(u) : this.pointMarkers[t.id] = [u];
         }
         if (t.closed) {
           const c = l.at(-1), u = t.features.filter((b) => b.geometry.type === "LineString").at(-1), h = document.createElement("div");
-          h.className = "idm-gl4-measure-summary-marker", h.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${u.properties.name}</div>`, this.closeMarkers[t.id] = new ve.Marker(h).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
+          h.className = "idm-gl4-measure-summary-marker", h.innerHTML = `<div id="${t.id}" class="marker-close">×</div><div class="marker-label">${u.properties.name}</div>`, this.closeMarkers[t.id] = new xe.Marker(h).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(t, e = !0) {
-      var l, c, n, u, h, b, x, z, g, P;
+      var l, c, n, u, h, b, w, _, g, P;
       const o = `${t.id}-${this.source}`, i = `${t.id}-${this.layer}`, a = `${t.id}-${this.labelLayer}`, r = `${t.id}-${this.sumLayer}`;
-      (l = this.map) != null && l.getLayer(i) && this.map.removeLayer(i), (c = this.map) != null && c.getLayer(a) && this.map.removeLayer(a), (n = this.map) != null && n.getLayer(r) && this.map.removeLayer(r), (u = this.map) != null && u.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (h = this.map) != null && h.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (b = this.closeMarkers[t.id]) == null || b.remove(), this.closeMarkers[t.id] = void 0, (x = this.pointMarkers[t.id]) == null || x.forEach((T) => {
+      (l = this.map) != null && l.getLayer(i) && this.map.removeLayer(i), (c = this.map) != null && c.getLayer(a) && this.map.removeLayer(a), (n = this.map) != null && n.getLayer(r) && this.map.removeLayer(r), (u = this.map) != null && u.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (h = this.map) != null && h.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (b = this.closeMarkers[t.id]) == null || b.remove(), this.closeMarkers[t.id] = void 0, (w = this.pointMarkers[t.id]) == null || w.forEach((T) => {
         T == null || T.remove();
-      }), this.pointMarkers[t.id] = [], (z = this.tipMarker) == null || z.remove(), this.tipMarker = void 0, e && ((g = this.map) != null && g.getSource(o)) && this.map.removeSource(o), e && ((P = this.map) != null && P.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      }), this.pointMarkers[t.id] = [], (_ = this.tipMarker) == null || _.remove(), this.tipMarker = void 0, e && ((g = this.map) != null && g.getSource(o)) && this.map.removeSource(o), e && ((P = this.map) != null && P.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
-}, Qm = { class: "idm-gl4-measure" };
-function Jm(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("VTooltip");
-  return y(), S("div", Qm, [
+}, Jm = { class: "idm-gl4-measure" };
+function Qm(t, e, o, i, a, r) {
+  const l = x("VBtn"), c = x("VTooltip");
+  return y(), S("div", Jm, [
     s("div", {
       class: "menu-bar-box transition pa-1",
       style: ie({ top: o.top + 214 + "px", right: a.right + "px" })
@@ -12293,7 +12316,7 @@ function Jm(t, e, o, i, a, r) {
     ], 4)
   ]);
 }
-const ed = /* @__PURE__ */ Y(Km, [["render", Jm]]);
+const ed = /* @__PURE__ */ Y(Km, [["render", Qm]]);
 const td = {
   name: "IdmBottomBar",
   components: { DateTimePicker: Do },
@@ -12424,7 +12447,7 @@ const td = {
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
 }, nd = ["onClick"], cd = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, md = { class: "text-body-1" };
 function dd(t, e, o, i, a, r) {
-  const l = w("DateTimePicker"), c = w("VListItemTitle"), n = w("VListItem"), u = w("VList"), h = w("VMenu"), b = w("VBtn"), x = w("VDivider"), z = w("VTooltip");
+  const l = x("DateTimePicker"), c = x("VListItemTitle"), n = x("VListItem"), u = x("VList"), h = x("VMenu"), b = x("VBtn"), w = x("VDivider"), _ = x("VTooltip");
   return y(), S("div", od, [
     s("div", {
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
@@ -12489,7 +12512,7 @@ function dd(t, e, o, i, a, r) {
           _: 1
         })
       ]),
-      p(x, {
+      p(w, {
         vertical: "",
         class: "mx-2 my-3",
         style: { height: "16px" }
@@ -12562,13 +12585,13 @@ function dd(t, e, o, i, a, r) {
           __: [14]
         }, 8, ["onClick"])
       ]),
-      p(x, {
+      p(w, {
         vertical: "",
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
       s("div", rd, [
-        p(z, {
+        p(_, {
           text: t.$t("weather.windBarbs"),
           location: "top"
         }, {
@@ -12594,7 +12617,7 @@ function dd(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        p(z, {
+        p(_, {
           text: t.$t("weather.sigWaveHeight"),
           location: "top"
         }, {
@@ -12619,7 +12642,7 @@ function dd(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        p(z, {
+        p(_, {
           text: t.$t("weather.currentDirection"),
           location: "top"
         }, {
@@ -12644,7 +12667,7 @@ function dd(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        p(z, {
+        p(_, {
           text: t.$t("weather.weatherLayers"),
           location: "top"
         }, {
@@ -12666,7 +12689,7 @@ function dd(t, e, o, i, a, r) {
           _: 1
         }, 8, ["text"])
       ]),
-      p(x, {
+      p(w, {
         vertical: "",
         class: "mx-2 mr-3 my-3",
         style: { height: "16px" }
@@ -12781,7 +12804,7 @@ const hd = /* @__PURE__ */ Y(td, [["render", dd]]), pd = {
     layerVersion: {
       handler() {
         if (this.map) {
-          const t = this.autoActive && this.weatherCheckList.some((i) => ["wind-particle", "sig-wave", "swell", "current-particle", "water-temp", "temp"].some((a) => a === i)), e = this.otherCheckList.some((i) => ["time-zones", "navareas", "eca-zones", "load-lines", "voluntary-reporting-area", "war-zones", "special-area", "ice-areas"].some((a) => a === i)), o = t || e;
+          const t = this.autoActive && this.weatherCheckList.some((i) => ["wind-particle", "sig-wave", "swell", "current-particle", "water-temp", "temp"].some((a) => a === i)), e = this.otherCheckList.some((i) => ["navareas", "eca-zones", "load-lines", "voluntary-reporting-area", "war-zones", "special-area", "ice-areas"].some((a) => a === i)), o = t || e;
           this.mapFeather === "nautical" ? t ? (this.map.getLayer("country-boundaries") && this.map.setLayoutProperty("country-boundaries", "visibility", "visible"), this.map.getLayer("i4") && this.map.setLayoutProperty("i4", "visibility", "none"), this.map.getLayer("hi") && this.map.setLayoutProperty("hi", "visibility", "none"), this.map.getLayer("admin-0-boundary-bg") && this.map.setLayoutProperty("admin-0-boundary-bg", "visibility", "visible"), this.map.getLayer("admin-0-boundary") && this.map.setLayoutProperty("admin-0-boundary", "visibility", "visible"), this.map.getLayer("admin-0-boundary-disputed") && this.map.setLayoutProperty("admin-0-boundary-disputed", "visibility", "visible"), this.map.getLayer("country-label") && this.map.setLayoutProperty("country-label", "visibility", "visible"), this.map.getLayer("continent-label") && this.map.setLayoutProperty("continent-label", "visibility", "visible")) : (this.map.getLayer("country-boundaries") && this.map.setLayoutProperty("country-boundaries", "visibility", "none"), this.map.getLayer("i4") && this.map.setLayoutProperty("i4", "visibility", "visible"), this.map.getLayer("hi") && this.map.setLayoutProperty("hi", "visibility", "visible"), this.map.getLayer("admin-0-boundary-bg") && this.map.setLayoutProperty("admin-0-boundary-bg", "visibility", "none"), this.map.getLayer("admin-0-boundary") && this.map.setLayoutProperty("admin-0-boundary", "visibility", "none"), this.map.getLayer("admin-0-boundary-disputed") && this.map.setLayoutProperty("admin-0-boundary-disputed", "visibility", "none"), this.map.getLayer("country-label") && this.map.setLayoutProperty("country-label", "visibility", "none"), this.map.getLayer("continent-label") && this.map.setLayoutProperty("continent-label", "visibility", "none")) : this.mapFeather === "satellite" ? t ? (this.map.getLayer("country-boundaries") && this.map.setLayoutProperty("country-boundaries", "visibility", "visible"), this.map.getLayer("water-outline") && this.map.setLayoutProperty("water-outline", "visibility", "visible"), this.map.getLayer("ramp-color-layer") && this.map.moveLayer("ramp-color-layer", "country-boundaries"), this.map.getLayer("particle-layer") && this.map.moveLayer("particle-layer", "country-boundaries")) : (this.map.getLayer("country-boundaries") && this.map.setLayoutProperty("country-boundaries", "visibility", "none"), this.map.getLayer("water-outline") && this.map.setLayoutProperty("water-outline", "visibility", "none")) : o ? (this.map.getLayer("country-boundaries") && this.map.setLayoutProperty("country-boundaries", "visibility", "visible"), this.map.getLayer("water-outline2") && this.map.setLayoutProperty("water-outline2", "visibility", "visible"), t && (this.map.getLayer("ramp-color-layer") && this.map.moveLayer("ramp-color-layer", "empty-layer-0"), this.map.getLayer("particle-layer") && this.map.moveLayer("particle-layer", "empty-layer-0"))) : (this.map.getLayer("country-boundaries") && this.map.setLayoutProperty("country-boundaries", "visibility", "none"), this.map.getLayer("water-outline2") && this.map.setLayoutProperty("water-outline2", "visibility", "none"));
         }
       },
@@ -12794,7 +12817,7 @@ const hd = /* @__PURE__ */ Y(td, [["render", dd]]), pd = {
   class: "map-gl4-home"
 };
 function gd(t, e, o, i, a, r) {
-  const l = w("IdmOtherLayer"), c = w("IdmWeatherLayer"), n = w("IdmTropicals"), u = w("IdmMeasure"), h = w("IdmSpot"), b = w("IdmBottomBar");
+  const l = x("IdmOtherLayer"), c = x("IdmWeatherLayer"), n = x("IdmTropicals"), u = x("IdmMeasure"), h = x("IdmSpot"), b = x("IdmBottomBar");
   return y(), S("div", ud, [
     p(l, B({
       ref: "idmOtherLayers",
@@ -12807,8 +12830,8 @@ function gd(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, t.$attrs, {
-      onOtherCheckList: e[0] || (e[0] = (x) => {
-        a.otherCheckList = x, a.layerVersion = a.layerVersion + 1;
+      onOtherCheckList: e[0] || (e[0] = (w) => {
+        a.otherCheckList = w, a.layerVersion = a.layerVersion + 1;
       })
     }), null, 16, ["token", "default-meteo-token", "map", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
     p(c, B({
@@ -12822,11 +12845,11 @@ function gd(t, e, o, i, a, r) {
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
     }, t.$attrs, {
-      onAutoActive: e[1] || (e[1] = (x) => {
-        a.autoActive = x, a.layerVersion = a.layerVersion + 1;
+      onAutoActive: e[1] || (e[1] = (w) => {
+        a.autoActive = w, a.layerVersion = a.layerVersion + 1;
       }),
-      onWeatherCheckList: e[2] || (e[2] = (x) => {
-        a.weatherCheckList = x, a.layerVersion = a.layerVersion + 1;
+      onWeatherCheckList: e[2] || (e[2] = (w) => {
+        a.weatherCheckList = w, a.layerVersion = a.layerVersion + 1;
       })
     }), null, 16, ["map", "token", "default-meteo-token", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
     p(n, B({
@@ -12869,7 +12892,7 @@ class yd {
     de(this, "hi");
     de(this, "td");
     de(this, "windy");
-    var o, i, a, r, l, c, n, u, h, b, x, z, g, P, T, O, I, L, k, v, C, _, A, N, V, Z, W, ee, Q, $, ne, se, J, ae, he, ce, pe, ge, F, me, xe, Le, Pe, De, Ae, Re, _e, G, te, He, Me, ue, fe, U, Ce, oe, re, Oe, j, ye, Ie, Be, Ee, E, q, Ve, Ze, Ye, Te, qe, Xe, $e, Ke, Qe, Je, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, Dt, At, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Gt, Ut, Wt, Vt, Zt, Yt, qt, Xt, Kt, Qt, Jt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Ao, Ro, Oo, Bo, Eo, jo, No, Fo, Ho, Go, Uo, Wo, Vo, Zo, Yo, qo, Xo, $o, Ko, Qo, Jo, ea, ta, oa, aa, ia, ra, sa, la, na, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ma, Ia, Da, Aa, Ra, Oa, Ba, Ea, ja, Na, Fa, Ha, Ga, Ua, Wa;
+    var o, i, a, r, l, c, n, u, h, b, w, _, g, P, T, O, I, L, z, v, C, k, A, N, V, Z, W, ee, J, $, ne, se, Q, ae, he, ce, pe, ge, F, me, ve, Le, Pe, De, Ae, Re, _e, G, te, He, Me, ue, fe, U, Ce, oe, re, Oe, j, ye, Ie, Be, Ee, E, q, Ve, Ze, Ye, Te, qe, Xe, $e, Ke, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, Tt, St, Mt, It, Dt, At, Rt, Ot, Bt, Et, jt, Nt, Ft, Ht, Gt, Ut, Wt, Vt, Zt, Yt, qt, Xt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Ao, Ro, Oo, Bo, Eo, jo, No, Fo, Ho, Go, Uo, Wo, Vo, Zo, Yo, qo, Xo, $o, Ko, Jo, Qo, ea, ta, oa, aa, ia, ra, sa, la, na, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ca, Ta, Sa, Ma, Ia, Da, Aa, Ra, Oa, Ba, Ea, ja, Na, Fa, Ha, Ga, Ua, Wa;
     this.i4 = {
       source: {
         type: "raster",
@@ -31515,22 +31538,22 @@ class yd {
           (c = (l = this.originStyle) == null ? void 0 : l.light.layers) == null ? void 0 : c.find((d) => d.id === "ice-area-fill"),
           (u = (n = this.originStyle) == null ? void 0 : n.light.layers) == null ? void 0 : u.find((d) => d.id === "ice-area-line"),
           (b = (h = this.originStyle) == null ? void 0 : h.light.layers) == null ? void 0 : b.find((d) => d.id === "loadlines-label"),
-          (z = (x = this.originStyle) == null ? void 0 : x.light.layers) == null ? void 0 : z.find((d) => d.id === "loadlines-fill"),
+          (_ = (w = this.originStyle) == null ? void 0 : w.light.layers) == null ? void 0 : _.find((d) => d.id === "loadlines-fill"),
           (P = (g = this.originStyle) == null ? void 0 : g.light.layers) == null ? void 0 : P.find((d) => d.id === "empty-layer-0"),
           (O = (T = this.originStyle) == null ? void 0 : T.light.layers) == null ? void 0 : O.find((d) => d.id === "empty-layer-1"),
           (L = (I = this.originStyle) == null ? void 0 : I.light.layers) == null ? void 0 : L.find((d) => d.id === "country-boundaries"),
-          (v = (k = this.originStyle) == null ? void 0 : k.light.layers) == null ? void 0 : v.find((d) => d.id === "water-outline"),
-          (_ = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : _.find((d) => d.id === "water-outline2"),
+          (v = (z = this.originStyle) == null ? void 0 : z.light.layers) == null ? void 0 : v.find((d) => d.id === "water-outline"),
+          (k = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : k.find((d) => d.id === "water-outline2"),
           (N = (A = this.originStyle) == null ? void 0 : A.light.layers) == null ? void 0 : N.find((d) => d.id === "empty-layer-2"),
           (Z = (V = this.originStyle) == null ? void 0 : V.light.layers) == null ? void 0 : Z.find((d) => d.id === "water-line-label"),
           (ee = (W = this.originStyle) == null ? void 0 : W.light.layers) == null ? void 0 : ee.find((d) => d.id === "water-point-label"),
-          ($ = (Q = this.originStyle) == null ? void 0 : Q.light.layers) == null ? void 0 : $.find((d) => d.id === "world-12nm-v4-20231025"),
+          ($ = (J = this.originStyle) == null ? void 0 : J.light.layers) == null ? void 0 : $.find((d) => d.id === "world-12nm-v4-20231025"),
           (se = (ne = this.originStyle) == null ? void 0 : ne.light.layers) == null ? void 0 : se.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"),
+          (ae = (Q = this.originStyle) == null ? void 0 : Q.light.layers) == null ? void 0 : ae.find((d) => d.id === "ne-10m-label"),
           (ce = (he = this.originStyle) == null ? void 0 : he.light.layers) == null ? void 0 : ce.find((d) => d.id === "china-route-line"),
           (ge = (pe = this.originStyle) == null ? void 0 : pe.light.layers) == null ? void 0 : ge.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"),
-          (Le = (xe = this.originStyle) == null ? void 0 : xe.light.layers) == null ? void 0 : Le.find((d) => d.id === "admin-0-boundary-bg"),
+          (Le = (ve = this.originStyle) == null ? void 0 : ve.light.layers) == null ? void 0 : Le.find((d) => d.id === "admin-0-boundary-bg"),
           (De = (Pe = this.originStyle) == null ? void 0 : Pe.light.layers) == null ? void 0 : De.find((d) => d.id === "admin-0-boundary"),
           (Re = (Ae = this.originStyle) == null ? void 0 : Ae.light.layers) == null ? void 0 : Re.find((d) => d.id === "admin-0-boundary-disputed"),
           (G = (_e = this.originStyle) == null ? void 0 : _e.light.layers) == null ? void 0 : G.find((d) => d.id === "country-label"),
@@ -31568,7 +31591,7 @@ class yd {
           (Te = (Ye = this.originStyle) == null ? void 0 : Ye.dark.layers) == null ? void 0 : Te.find((d) => d.id === "ice-area-line"),
           (Xe = (qe = this.originStyle) == null ? void 0 : qe.dark.layers) == null ? void 0 : Xe.find((d) => d.id === "loadlines-label"),
           (Ke = ($e = this.originStyle) == null ? void 0 : $e.dark.layers) == null ? void 0 : Ke.find((d) => d.id === "loadlines-fill"),
-          (Je = (Qe = this.originStyle) == null ? void 0 : Qe.dark.layers) == null ? void 0 : Je.find((d) => d.id === "empty-layer-0"),
+          (Qe = (Je = this.originStyle) == null ? void 0 : Je.dark.layers) == null ? void 0 : Qe.find((d) => d.id === "empty-layer-0"),
           (tt = (et = this.originStyle) == null ? void 0 : et.dark.layers) == null ? void 0 : tt.find((d) => d.id === "empty-layer-1"),
           (at = (ot = this.originStyle) == null ? void 0 : ot.dark.layers) == null ? void 0 : at.find((d) => d.id === "country-boundaries"),
           (rt = (it = this.originStyle) == null ? void 0 : it.dark.layers) == null ? void 0 : rt.find((d) => d.id === "water-outline"),
@@ -31613,7 +31636,7 @@ class yd {
         layers: [
           (qt = (Yt = this.originStyle) == null ? void 0 : Yt.satellite.layers) == null ? void 0 : qt.find((d) => d.id === "background"),
           (Kt = (Xt = this.originStyle) == null ? void 0 : Xt.satellite.layers) == null ? void 0 : Kt.find((d) => d.id === "satellite"),
-          (Jt = (Qt = this.originStyle) == null ? void 0 : Qt.satellite.layers) == null ? void 0 : Jt.find((d) => d.id === "loadlines-label"),
+          (Qt = (Jt = this.originStyle) == null ? void 0 : Jt.satellite.layers) == null ? void 0 : Qt.find((d) => d.id === "loadlines-label"),
           (to = (eo = this.originStyle) == null ? void 0 : eo.satellite.layers) == null ? void 0 : to.find((d) => d.id === "loadlines-fill"),
           (ao = (oo = this.originStyle) == null ? void 0 : oo.satellite.layers) == null ? void 0 : ao.find((d) => d.id === "empty-layer-0"),
           (ro = (io = this.originStyle) == null ? void 0 : io.satellite.layers) == null ? void 0 : ro.find((d) => d.id === "empty-layer-1"),
@@ -31695,8 +31718,8 @@ class yd {
           (qo = (Yo = this.originStyle) == null ? void 0 : Yo.light.layers) == null ? void 0 : qo.find((d) => d.id === "land"),
           ($o = (Xo = this.originStyle) == null ? void 0 : Xo.light.layers) == null ? void 0 : $o.find((d) => d.id === "water"),
           this.i4.layer,
-          (Qo = (Ko = this.originStyle) == null ? void 0 : Ko.light.layers) == null ? void 0 : Qo.find((d) => d.id === "ice-area-fill"),
-          (ea = (Jo = this.originStyle) == null ? void 0 : Jo.light.layers) == null ? void 0 : ea.find((d) => d.id === "ice-area-line"),
+          (Jo = (Ko = this.originStyle) == null ? void 0 : Ko.light.layers) == null ? void 0 : Jo.find((d) => d.id === "ice-area-fill"),
+          (ea = (Qo = this.originStyle) == null ? void 0 : Qo.light.layers) == null ? void 0 : ea.find((d) => d.id === "ice-area-line"),
           (oa = (ta = this.originStyle) == null ? void 0 : ta.light.layers) == null ? void 0 : oa.find((d) => d.id === "loadlines-label"),
           (ia = (aa = this.originStyle) == null ? void 0 : aa.light.layers) == null ? void 0 : ia.find((d) => d.id === "loadlines-fill"),
           (sa = (ra = this.originStyle) == null ? void 0 : ra.light.layers) == null ? void 0 : sa.find((d) => d.id === "empty-layer-0"),
@@ -31787,8 +31810,8 @@ const bd = {
   },
   methods: {
     async initOnlineMap() {
-      this.helper = new yd(this.token), ve.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
-      const t = new ve.Map({
+      this.helper = new yd(this.token), xe.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      const t = new xe.Map({
         container: "map",
         // style: 'mapbox://styles/neatchenheng/cmd894dwn036m01rf7anc0k0d', //light
         // style: 'mapbox://styles/neatchenheng/cmdqwez32005b01re2w0k3zk4', // dark
@@ -31815,7 +31838,7 @@ const bd = {
     },
     addScaleControl() {
       var e;
-      this.map.addControl(new ve.ScaleControl({ maxWidth: 120, unit: "nautical" }), "bottom-left");
+      this.map.addControl(new xe.ScaleControl({ maxWidth: 120, unit: "nautical" }), "bottom-left");
       const t = (e = document.getElementsByClassName("mapboxgl-ctrl-scale")) == null ? void 0 : e[0];
       t && (t.className = "mapboxgl-ctrl-scale " + this.mapFeather);
     },
@@ -31830,7 +31853,7 @@ const bd = {
   }
 }, wd = { class: "mapbox-initial-gl4" }, xd = { class: "v-btn--variant-elevated rounded" }, vd = { class: "zoom" }, _d = { class: "position-absolute left-0 bottom-0 ma-2 my-1 text-caption text-label opacity-70" };
 function kd(t, e, o, i, a, r) {
-  const l = w("VBtn");
+  const l = x("VBtn");
   return y(), S("div", wd, [
     e[5] || (e[5] = s("div", { id: "map" }, null, -1)),
     s("div", {
@@ -32041,7 +32064,7 @@ const Ld = {
   ref: "idmGl4DatePicker"
 }, Cd = { class: "pa-0" };
 function Td(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("VDatePicker"), n = w("VCardText"), u = w("VDivider"), h = w("VCardActions"), b = w("VCard");
+  const l = x("VBtn"), c = x("VDatePicker"), n = x("VCardText"), u = x("VDivider"), h = x("VCardActions"), b = x("VCard");
   return y(), S("div", Pd, [
     p(l, {
       text: "",
@@ -32065,7 +32088,7 @@ function Td(t, e, o, i, a, r) {
             s("div", Cd, [
               p(c, {
                 modelValue: a.dateRange,
-                "onUpdate:modelValue": e[0] || (e[0] = (x) => a.dateRange = x),
+                "onUpdate:modelValue": e[0] || (e[0] = (w) => a.dateRange = w),
                 min: a.minDate,
                 max: a.maxDate,
                 "mode-icon": () => r.currentYear,