@idmwx/idmui-gl4 1.7.3 → 1.7.5

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 We, vShow as Ue, mergeProps as B, normalizeStyle as ie } from "vue";
+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 ve from "mapbox-gl";
 import M from "moment";
 import { LngLatHelper as X, TropicalHelper as Va, LaneHelper as Ge } from "@idm-plugin/geo";
-import { Meteo2Assist as ao, TidesAssist as Ya } from "@idm-plugin/meteo";
-import * as ro from "echarts";
+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 io, 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;
@@ -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",
@@ -1453,7 +1453,7 @@ const ui = {
     async fetchMeteoData() {
       var i, a;
       this.loading = !0, this.meteoData = [];
-      const { weatherModels: t, marineModels: e } = ao.autoPickMeteoModel(this.forecastModel);
+      const { weatherModels: t, marineModels: e } = Co.autoPickMeteoModel(this.forecastModel);
       let o = {
         lat: (i = this.port) == null ? void 0 : i.lat,
         lng: (a = this.port) == null ? void 0 : a.lng,
@@ -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, U, 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, xe, Le, Pe;
         let r = {};
-        const l = ((c = ao.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((U = (Z = l == null ? void 0 : l.wave) == null ? void 0 : Z.sig) == null ? void 0 : U.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;
+        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((_ = (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 = (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;
       });
     },
     handleTide() {
@@ -1534,8 +1534,8 @@ const ui = {
       }), this.initEchart();
     },
     initEchart() {
-      ro.dispose(this.$refs.tideEchart.style);
-      const t = ro.init(this.$refs.tideEchart), e = {
+      So.dispose(this.$refs.tideEchart.style);
+      const t = So.init(this.$refs.tideEchart), e = {
         animation: !1,
         tooltip: {
           trigger: "axis",
@@ -1647,10 +1647,10 @@ const ui = {
 }, Gi = {
   class: "px-1 text-left text-label font-weight-400",
   width: "120"
-}, Wi = {
+}, Ui = {
   key: 0,
   class: ""
-}, Ui = { 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),
@@ -1839,9 +1839,9 @@ function yr(t, e, o, i, a, r) {
                   }, [
                     s("th", Gi, [
                       K(m(t.$t(`${g.key}`)) + " ", 1),
-                      g.unit ? (y(), S("span", Wi, " ( " + m(g.unit) + " )", 1)) : D("", !0)
+                      g.unit ? (y(), S("span", Ui, " ( " + m(g.unit) + " )", 1)) : D("", !0)
                     ]),
-                    s("td", Ui, [
+                    s("td", Wi, [
                       g.img ? (y(), S("img", {
                         key: 0,
                         src: g == null ? void 0 : g.value0,
@@ -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,
@@ -1929,11 +1929,11 @@ function yr(t, e, o, i, a, r) {
     _: 1
   });
 }
-const so = /* @__PURE__ */ Y(ui, [["render", yr], ["__scopeId", "data-v-104cfb37"]]);
+const Mo = /* @__PURE__ */ Y(ui, [["render", yr], ["__scopeId", "data-v-104cfb37"]]);
 const br = {
   name: "IdmPort",
   components: {
-    PortDetail: so
+    PortDetail: Mo
   },
   props: {
     map: {
@@ -2038,9 +2038,9 @@ 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, [
-    We(p(c, {
+    Ue(p(c, {
       id: "idmPortInfo",
       ref: "idmPortInfo"
     }, {
@@ -2063,7 +2063,7 @@ function _r(t, e, o, i, a, r) {
       ]),
       _: 1
     }, 512), [
-      [Ue, a.showInfo]
+      [We, a.showInfo]
     ]),
     a.showDetail ? (y(), R(n, B({
       key: 0,
@@ -2139,31 +2139,38 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
     return {
       source: "time-zone-source",
       zoneLayer: "time-zone-layer",
+      zoneBorderLayer: "time-zone-border-layer",
       zoneLabelLayer: "time-zone-label-layer"
     };
   },
   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.textOpacity = 0, o.properties.lineOpacity = 0.3, 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"],
@@ -2266,6 +2273,19 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
           }
         },
         this.beforeLayer
+      ), this.map.addLayer(
+        {
+          id: this.zoneBorderLayer,
+          type: "line",
+          source: this.source,
+          filter: ["==", "$type", "Polygon"],
+          paint: {
+            "line-color": "rgba(255, 255, 255, 1)",
+            "line-opacity": ["get", "lineOpacity"],
+            "line-width": ["get", "width"]
+          }
+        },
+        this.beforeLayer
       ), this.map.addLayer(
         {
           id: this.zoneLabelLayer,
@@ -2274,21 +2294,46 @@ const Pr = /* @__PURE__ */ Y(zr, [["render", Lr]]), Cr = {
           filter: ["==", "$type", "Point"],
           layout: {
             "symbol-placement": "point",
-            "text-field": "{offSet}",
+            "text-field": "UTC {offSet}",
             "text-rotation-alignment": "viewport",
-            "text-size": 10,
+            "text-size": 14,
             "text-offset": [0, 1],
             "text-font": ["DIN Pro Regular", "Arial Unicode MS Regular"]
           },
           paint: {
-            "text-color": this.Theme.current.value.colors["on-surface"]
+            "text-color": this.Theme.current.value.colors["on-surface"],
+            "text-opacity": ["get", "textOpacity"]
           }
         },
         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;
+      if (t.features.length) {
+        let i = {
+          features: [],
+          type: "FeatureCollection"
+        };
+        i.features = (e = this.zone.features) == null ? void 0 : e.map((a) => {
+          const r = JSON.parse(JSON.stringify(a));
+          return r.properties.offSet === t.features[0].properties.offSet ? (r.properties.opacity = 0.25, r.properties.textOpacity = 1, r.properties.lineOpacity = 0.7, r.properties.width = 2) : (r.properties.opacity = 0, r.properties.textOpacity = 0, r.properties.lineOpacity = 0.3, r.properties.width = 1), r;
+        }), (o = this.map.getSource(this.source)) == null || o.setData(i);
+      }
+    },
+    handleLeave() {
+      var e, o;
+      let t = {
+        features: [],
+        type: "FeatureCollection"
+      };
+      t.features = (e = this.zone.features) == null ? void 0 : e.map((i) => {
+        const a = JSON.parse(JSON.stringify(i));
+        return a.properties.opacity = 0, a.properties.textOpacity = 0, a.properties.lineOpacity = 0.3, a.properties.width = 1, a;
+      }), (o = this.map.getSource(this.source)) == null || o.setData(t);
     }
   }
 };
@@ -2632,10 +2677,10 @@ const Gr = {
     }
   }
 };
-function Wr(t, e, o, i, a, r) {
+function Ur(t, e, o, i, a, r) {
   return null;
 }
-const Ur = /* @__PURE__ */ Y(Gr, [["render", Wr]]), Vr = {
+const Wr = /* @__PURE__ */ Y(Gr, [["render", Ur]]), Vr = {
   name: "IdmChinaRoute",
   props: {
     map: {
@@ -2818,8 +2863,8 @@ const qr = {
       }), this.initEchart();
     },
     initEchart() {
-      ro.dispose(this.$refs.tideEchart);
-      const t = ro.init(this.$refs.tideEchart), e = {
+      So.dispose(this.$refs.tideEchart);
+      const t = So.init(this.$refs.tideEchart), e = {
         animation: !1,
         tooltip: {
           trigger: "axis",
@@ -2915,7 +2960,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 +2985,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 +3020,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 +3036,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 +3063,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 +3072,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 +3095,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))
                 ])
@@ -3146,9 +3191,9 @@ 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, [
-    We(p(c, { id: "idmTidalInfo" }, {
+    Ue(p(c, { id: "idmTidalInfo" }, {
       default: f(() => [
         p(l, { class: "pr-8 text-body-1" }, {
           default: f(() => {
@@ -3167,7 +3212,7 @@ function Os(t, e, o, i, a, r) {
       ]),
       _: 1
     }, 512), [
-      [Ue, a.showInfo]
+      [We, a.showInfo]
     ]),
     a.showDetail ? (y(), R(n, B({
       key: 0,
@@ -3400,7 +3445,7 @@ const qa = /* @__PURE__ */ Y(Fs, [["render", Hs]]);
 const Gs = {
   name: "IdmFollowPort",
   components: {
-    PortDetail: so
+    PortDetail: Mo
   },
   props: {
     map: {
@@ -4306,20 +4351,20 @@ const Gs = {
       this.showDetail = !1;
     }
   }
-}, Ws = { class: "port-box d-flex flex-column justify-center align-start ga-1" }, Us = { class: "d-flex justify-start align-center text-label" }, Vs = { class: "d-flex justify-start align-center text-label" };
+}, 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, [
-    We(p(c, {
+    Ue(p(c, {
       id: "idmFollowPortInfo",
       ref: "idmFollowPortInfo"
     }, {
       default: f(() => [
         p(l, { class: "text-body-1 pr-8" }, {
           default: f(() => [
-            s("div", Ws, [
+            s("div", Us, [
               s("div", null, m(t.$t("port.port")), 1),
-              s("div", Us, [
+              s("div", Ws, [
                 s("span", null, m(a.hoverPort.name ?? "-"), 1)
               ]),
               s("div", Vs, [
@@ -4333,7 +4378,7 @@ function Zs(t, e, o, i, a, r) {
       ]),
       _: 1
     }, 512), [
-      [Ue, a.showInfo]
+      [We, a.showInfo]
     ]),
     a.showDetail ? (y(), R(n, B({
       key: 0,
@@ -4455,13 +4500,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) {
@@ -4483,9 +4528,9 @@ 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");
-  return We((y(), R(c, {
+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"
   }, {
@@ -4507,10 +4552,10 @@ function Qs(t, e, o, i, a, r) {
     ]),
     _: 1
   }, 512)), [
-    [Ue, a.showInfo]
+    [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: {
@@ -4525,13 +4570,13 @@ const el = {
     IdmSpecialArea: Or,
     IdmTerminator: jr,
     IdmWorld12nm: Hr,
-    IdmWorldMarine: Ur,
+    IdmWorldMarine: Wr,
     IdmChinaRoute: Yr,
     IdmTideStations: Bs,
     IdmIceAreas: Ns,
     IdmLatLng: qa,
     IdmFollowPort: Ys,
-    IdmFollowPosition: Js
+    IdmFollowPosition: Qs
   },
   props: {
     map: {
@@ -4581,7 +4626,7 @@ const el = {
       right: 10,
       toggle: !1,
       mapFeather: localStorage.getItem("mapFeathersCacheGL4") || "light",
-      tagLayers: [...io.OTHER_LAYERS.filter((t) => t.enabled)],
+      tagLayers: [...To.OTHER_LAYERS.filter((t) => t.enabled)],
       layerWeight: 0,
       otherLayers: {},
       activeOtherLayers: [],
@@ -4681,8 +4726,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 +4765,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"), U = 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 +4815,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 +4868,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 +4907,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 +4946,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 +4997,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 +5007,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-2" }), null, 16, ["map", "zone"])) : D("", !0),
     o.map ? (y(), R(T, B({
       key: 3,
       ref: "idmPorts",
@@ -4981,7 +5026,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 +5048,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 +5063,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,
@@ -5046,7 +5091,7 @@ function hl(t, e, o, i, a, r) {
       token: o.token,
       show: a.checkList.includes("chinaRoute")
     }, t.$attrs), null, 16, ["map", "token", "show"])) : D("", !0),
-    o.map ? (y(), R(U, B({
+    o.map ? (y(), R(W, B({
       key: 15,
       map: o.map,
       show: a.checkList.includes("ice-areas")
@@ -5061,7 +5106,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,
@@ -5072,7 +5117,7 @@ function hl(t, e, o, i, a, r) {
   ]);
 }
 const pl = /* @__PURE__ */ Y(el, [["render", hl]]);
-class lo {
+class Io {
   constructor(e) {
     de(this, "map");
     de(this, "mercator");
@@ -5083,7 +5128,7 @@ class lo {
     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 +5167,8 @@ class lo {
     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 +5351,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) {
@@ -5724,7 +5769,7 @@ const bl = {
       type: Object
     },
     viewport: {
-      type: lo
+      type: Io
     },
     menuToggle: {
       type: Object
@@ -6013,8 +6058,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,
@@ -6065,7 +6110,7 @@ const Ll = {
       type: Object
     },
     viewport: {
-      type: lo
+      type: Io
     },
     menuToggle: {
       type: Object
@@ -6783,7 +6828,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",
@@ -6814,8 +6859,8 @@ function Gl(t, e, o, i, a, r) {
     ], 4)
   ])) : D("", !0);
 }
-const Wl = /* @__PURE__ */ Y(Fl, [["render", Gl]]);
-const Ul = {
+const Ul = /* @__PURE__ */ Y(Fl, [["render", Gl]]);
+const Wl = {
   name: "IdmIceEdge",
   props: {
     factor: {
@@ -6936,7 +6981,7 @@ function Zl(t, e, o, i, a, r) {
     ]), 4)
   ])) : D("", !0);
 }
-const Yl = /* @__PURE__ */ Y(Ul, [["render", Zl]]);
+const Yl = /* @__PURE__ */ Y(Wl, [["render", Zl]]);
 const ql = {
   name: "IdmCover",
   props: {
@@ -7044,7 +7089,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 +7185,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 +7203,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: {
@@ -7620,7 +7665,7 @@ const wn = {
     IdmWave: Dl,
     IdmSigWaveHeight: Ol,
     IdmSwell: Nl,
-    IdmPrmsl: Wl,
+    IdmPrmsl: Ul,
     IdmIceEdge: Yl,
     IdmIceCover: Kl,
     IdmIceThickness: tn,
@@ -7681,8 +7726,8 @@ const wn = {
       toggle: !1,
       autoActive: !0,
       weatherWeight: 0,
-      allLayers: [...io.WEATHER_LAYERS],
-      tagLayers: [...io.WEATHER_LAYERS.filter((t) => !t.hide)],
+      allLayers: [...To.WEATHER_LAYERS],
+      tagLayers: [...To.WEATHER_LAYERS.filter((t) => !t.hide)],
       checkList: [],
       renderKey: "",
       iceToggleValue: void 0,
@@ -7739,6 +7784,11 @@ const wn = {
         return "-";
       };
     },
+    computeDateUpdate() {
+      return function(t) {
+        return t ? M(t).fromNow() : "-";
+      };
+    },
     overlaysKeys() {
       return this.tagLayers.filter((t) => t.overlays).map((t) => t.key);
     },
@@ -7774,7 +7824,7 @@ const wn = {
     },
     map: {
       handler() {
-        this.map && (this.fetchCache(), this.map.on("move", this.handleMove4Weather), this.viewport = new lo(this.map), this.handleRampColorInitial());
+        this.map && (this.fetchCache(), this.map.on("move", this.handleMove4Weather), this.viewport = new Io(this.map), this.handleRampColorInitial());
       },
       immediate: !0
     },
@@ -7832,8 +7882,6 @@ const wn = {
       immediate: !0
     }
   },
-  mounted() {
-  },
   methods: {
     arraysEqual(t, e) {
       if ((t == null ? void 0 : t.length) !== (e == null ? void 0 : e.length))
@@ -7873,13 +7921,13 @@ 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 = io.WEATHER_LAYERS.find((O) => {
+          const T = To.WEATHER_LAYERS.find((O) => {
             var I;
             return ((I = O.peer) == null ? void 0 : I.weight) === this.particleFactor.weight;
           });
@@ -7889,7 +7937,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
@@ -7897,46 +7945,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, U;
-                const _ = ((N = C == null ? void 0 : C.data) == null ? void 0 : N.data) || (C == null ? void 0 : C.data);
+                var N, V, Z, W;
+                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: _,
-                  type: ((U = C == null ? void 0 : C.config) == null ? void 0 : U.responseType) === "blob" ? "image" : "json",
+                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
               };
             }
@@ -7993,253 +8041,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, U, 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: ((U = L[v].val) == null ? void 0 : U[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, U, 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: ((U = L[v].val) == null ? void 0 : U[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, U, 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: ((U = L[v].val) == null ? void 0 : U[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, U, 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: ((U = L[v].val) == null ? void 0 : U[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 U = 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(U);
+                      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 U = 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(U);
-                  }
-                }) : v.forEach((C, _) => {
-                  var A, N, V, Z;
-                  if (a < 2) {
-                    if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
-                      const U = 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(U);
+                      I.push(W);
                     }
-                  } else if (C >= r && C <= l && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const U = 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(U);
-                  }
-                });
-              }
-            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);
         }
       }
     },
@@ -8279,10 +8330,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 mb-3" }, Nn = { class: "text-body-1 font-weight-medium" }, Fn = { class: "text-body-2 text-label" }, Hn = { class: "text-body-2 text-label mb-3" }, Gn = { class: "text-body-1 py-2" }, Wn = { class: "text-body-1 font-weight-medium" }, Un = { class: "text-body-2 text-label" }, Vn = { class: "text-body-2 text-label mb-3" }, Zn = { class: "text-body-1 font-weight-medium" }, Yn = { class: "text-body-2 text-label" }, qn = { class: "text-body-2 text-label mb-3" }, Xn = { class: "text-body-1 py-2" }, $n = { class: "text-body-1 font-weight-medium" }, Kn = { class: "text-body-2 text-label" }, Qn = { class: "text-body-2 text-label mb-3" };
-function Jn(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"), U = w("IdmIceCover"), ee = w("IdmIceThickness"), Q = w("IdmPrecip3h"), $ = w("IdmVisibility"), ne = w("IdmWaterTemp"), se = w("IdmTemp");
+}, 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 Q, ae, he, ce, pe, ge, F, me, xe, 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",
@@ -8337,7 +8388,7 @@ function Jn(t, e, o, i, a, r) {
           _: 1
         })
       ], 4),
-      a.legendToggle ? (y(), R(x, {
+      a.legendToggle ? (y(), R(w, {
         key: 0,
         width: "435",
         elevation: "16",
@@ -8450,7 +8501,7 @@ function Jn(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",
@@ -8477,7 +8528,7 @@ function Jn(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"
         }, {
@@ -8517,7 +8568,7 @@ function Jn(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
@@ -8556,7 +8607,7 @@ function Jn(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: "",
@@ -8571,7 +8622,7 @@ function Jn(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: "",
@@ -8677,7 +8728,7 @@ function Jn(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        p(x, {
+        p(w, {
           class: "block-bg mx-auto mb-3",
           elevation: "0"
         }, {
@@ -8698,28 +8749,33 @@ function Jn(t, e, o, i, a, r) {
             }),
             p(h, { class: "" }, {
               default: f(() => {
-                var G, te, He, Me, ue, fe, W, 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, Wt, Ut, Vt, Zt, Yt, qt, Xt, Kt, Qt, Jt, eo;
+                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 = (W = a.models) == null ? void 0 : W.weather) == null ? void 0 : Ce.NOAA) == null ? void 0 : oe.meta) == null ? void 0 : re.days) + m(t.$t("units.days")), 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.computeDateZ((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.initialisationTime)), 1),
-                  s("div", Nn, m((E = (Ee = (Be = a.models) == null ? void 0 : Be.weather) == null ? void 0 : Ee.ECMWF) == null ? void 0 : E.source) + " " + m((Ze = (Ve = (q = a.models) == null ? void 0 : q.weather) == null ? void 0 : Ve.ECMWF) == null ? void 0 : Ze.spatialResolution) + m(t.$t("units.km")) + " " + m((Xe = (qe = (Te = (Ye = a.models) == null ? void 0 : Ye.weather) == null ? void 0 : Te.ECMWF) == null ? void 0 : qe.meta) == null ? void 0 : Xe.days) + m(t.$t("units.days")), 1),
-                  s("div", Fn, m(t.$t("weather.source")) + ": ECMWF", 1),
-                  s("div", Hn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateZ((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.initialisationTime)), 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.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.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", Gn, m(t.$t("weather.wave")), 1),
-                  s("div", Wn, m((at = (ot = (tt = (et = a.models) == null ? void 0 : et.marine) == null ? void 0 : tt.wave) == null ? void 0 : ot.NOAA) == null ? void 0 : at.source) + " " + m((lt = (st = (rt = (it = a.models) == null ? void 0 : it.marine) == null ? void 0 : rt.wave) == null ? void 0 : st.NOAA) == null ? void 0 : lt.spatialResolution) + m(t.$t("units.km")) + " " + m((ht = (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.meta) == null ? void 0 : ht.days) + m(t.$t("units.days")), 1),
-                  s("div", Un, m(t.$t("weather.source")) + ": NOAA", 1),
-                  s("div", Vn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateZ((yt = (ft = (gt = (ut = (pt = a.models) == null ? void 0 : pt.marine) == null ? void 0 : ut.wave) == null ? void 0 : gt.NOAA) == null ? void 0 : ft.meta) == null ? void 0 : yt.initialisationTime)), 1),
-                  s("div", Zn, m((vt = (xt = (wt = (bt = a.models) == null ? void 0 : bt.marine) == null ? void 0 : wt.wave) == null ? void 0 : xt.ECMWF) == null ? void 0 : vt.source) + " " + m((Lt = (zt = (kt = (_t = a.models) == null ? void 0 : _t.marine) == null ? void 0 : kt.wave) == null ? void 0 : zt.ECMWF) == null ? void 0 : Lt.spatialResolution) + m(t.$t("units.km")) + " " + m((Mt = (St = (Tt = (Ct = (Pt = a.models) == null ? void 0 : Pt.marine) == null ? void 0 : Ct.wave) == null ? void 0 : Tt.ECMWF) == null ? void 0 : St.meta) == null ? void 0 : Mt.days) + m(t.$t("units.days")), 1),
-                  s("div", Yn, m(t.$t("weather.source")) + ": ECMWF", 1),
-                  s("div", qn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateZ((Ot = (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.meta) == null ? void 0 : Ot.initialisationTime)), 1),
+                  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.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", 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", Xn, m(t.$t("weather.currents")), 1),
-                  s("div", $n, m((Nt = (jt = (Et = (Bt = a.models) == null ? void 0 : Bt.marine) == null ? void 0 : Et.current) == null ? void 0 : jt.ECMWF) == null ? void 0 : Nt.source) + " " + m((Wt = (Gt = (Ht = (Ft = a.models) == null ? void 0 : Ft.marine) == null ? void 0 : Ht.current) == null ? void 0 : Gt.ECMWF) == null ? void 0 : Wt.spatialResolution) + m(t.$t("units.km")) + " " + m((qt = (Yt = (Zt = (Vt = (Ut = a.models) == null ? void 0 : Ut.marine) == null ? void 0 : Vt.current) == null ? void 0 : Zt.ECMWF) == null ? void 0 : Yt.meta) == null ? void 0 : qt.days) + m(t.$t("units.days")), 1),
-                  s("div", Kn, m(t.$t("weather.source")) + ": ECMWF", 1),
-                  s("div", Qn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateZ((eo = (Jt = (Qt = (Kt = (Xt = a.models) == null ? void 0 : Xt.marine) == null ? void 0 : Kt.current) == null ? void 0 : Qt.ECMWF) == null ? void 0 : Jt.meta) == null ? void 0 : eo.initialisationTime)), 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.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
@@ -8735,10 +8791,10 @@ function Jn(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",
@@ -8762,7 +8818,7 @@ function Jn(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"],
@@ -8794,7 +8850,7 @@ function Jn(t, e, o, i, a, r) {
       factor: (xe = a.weatherLayers) == null ? void 0 : xe["ice-edge"],
       "menu-toggle": o.menuToggle
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : D("", !0),
-    o.map ? (y(), R(U, B({
+    o.map ? (y(), R(W, B({
       key: 10,
       viewport: a.viewport,
       factor: (Le = a.weatherLayers) == null ? void 0 : Le["ice-cover"],
@@ -8806,7 +8862,7 @@ function Jn(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,
@@ -8832,7 +8888,7 @@ function Jn(t, e, o, i, a, r) {
     }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : D("", !0)
   ]);
 }
-const ec = /* @__PURE__ */ Y(wn, [["render", Jn]]), to = [
+const rc = /* @__PURE__ */ Y(wn, [["render", ic]]), Lo = [
   {
     rank: 0,
     name: "Best Match",
@@ -8991,7 +9047,7 @@ const ec = /* @__PURE__ */ Y(wn, [["render", Jn]]), to = [
     categories: "bom_access_global",
     variables: "temperature_2m,relative_humidity_2m,dew_point_2m,apparent_temperature,precipitation_probability,precipitation,rain,showers,snowfall_water_equivalent,snowfall,frozen_precipitation_percent,pressure_msl,cloud_cover,visibility,wind_speed_10m,wind_u_component_10m,wind_v_component_10m,wind_direction_10m,wind_gusts_10m,cape,lifted_index,weather_code"
   }
-], oo = [
+], Po = [
   {
     rank: 0,
     name: "Best Match",
@@ -9112,10 +9168,10 @@ const ec = /* @__PURE__ */ Y(wn, [["render", Jn]]), to = [
 ];
 class Za {
   static standardWeatherModels() {
-    return to.filter((e) => !e.disabled && e.alias);
+    return Lo.filter((e) => !e.disabled && e.alias);
   }
   static standardMarineModels() {
-    return oo.filter((e) => !e.disabled && e.alias);
+    return Po.filter((e) => !e.disabled && e.alias);
   }
   /**
    * 可视化图层模式
@@ -9149,20 +9205,20 @@ class Za {
     e = e == null ? void 0 : e.toLowerCase(), e = e === "ec" ? "ecmwf" : e;
     const a = e.toLowerCase().split(","), r = [], l = [];
     for (const c of a) {
-      let n = to.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;
-      }), u = oo.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;
+      let n = Lo.find((h) => {
+        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, 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 || to.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());
-      }), u = u || oo.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());
-      }), n = n || to[0], u = u || oo[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);
+      n = n || Lo.find((h) => {
+        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, 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 {
       weatherModels: r.join(","),
@@ -9171,7 +9227,7 @@ class Za {
   }
   static autoPickSubCategories(e) {
     e = e.toUpperCase();
-    const o = to.filter((r) => r.alias === e), i = oo.filter((r) => r.alias === e), a = [];
+    const o = Lo.filter((r) => r.alias === e), i = Po.filter((r) => r.alias === e), a = [];
     return o.forEach((r) => {
       r.categories && a.push(...r.categories.split(","));
     }), i.forEach((r) => {
@@ -9179,8 +9235,8 @@ 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, U, ee, Q, $, ne, se, J, ae, he, ce, pe, ge, F, me, xe, 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, W = 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 = [];
+    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, xe, 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);
       let ye, Ie;
@@ -9191,9 +9247,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),
@@ -9204,15 +9260,15 @@ 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,
-              gusts: (U = q == null ? void 0 : q.wind_gusts_10m) == null ? void 0 : U.at(j)
+              gusts: (W = q == null ? void 0 : q.wind_gusts_10m) == null ? void 0 : W.at(j)
             },
             isDay: (ee = q == null ? void 0 : q.is_day) == null ? void 0 : ee.at(j)
           };
@@ -9224,17 +9280,17 @@ class Za {
           });
         }
       }
-      if (W) {
+      if (U) {
         let Be = 0;
-        for (const Ee of W) {
+        for (const Ee of U) {
           const E = Ee == null ? void 0 : Ee.hourly;
           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),
@@ -9288,49 +9344,49 @@ 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, U, 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, xe, 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;
-      const W = Re.diff(te, "d", !1);
+      const U = Re.diff(te, "d", !1);
       if (_e)
         for (const Ce of _e) {
           const oe = Ce.daily;
           ue = {
-            code: (u = oe.weather_code) == null ? void 0 : u.at(W),
+            code: (u = oe.weather_code) == null ? void 0 : u.at(U),
             temp: {
-              max: (h = oe.temperature_2m_max) == null ? void 0 : h.at(W),
-              min: (b = oe.temperature_2m_min) == null ? void 0 : b.at(W),
-              mean: (x = oe.temperature_2m_mean) == null ? void 0 : x.at(W)
+              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: (w = oe.temperature_2m_mean) == null ? void 0 : w.at(U)
             },
             apparentTemp: {
-              max: (z = oe.apparent_temperature_max) == null ? void 0 : z.at(W),
-              min: (g = oe.apparent_temperature_min) == null ? void 0 : g.at(W)
+              max: (_ = oe.apparent_temperature_max) == null ? void 0 : _.at(U),
+              min: (g = oe.apparent_temperature_min) == null ? void 0 : g.at(U)
             },
             precip: {
-              sum: (P = oe.precipitation_sum) == null ? void 0 : P.at(W),
-              rainSum: (T = oe.rain_sum) == null ? void 0 : T.at(W),
-              snowfallSum: (O = oe.snowfall_sum) == null ? void 0 : O.at(W),
-              showersSum: (I = oe.showers_sum) == null ? void 0 : I.at(W),
-              hours: (L = oe.precipitation_hours) == null ? void 0 : L.at(W),
-              probability: (k = oe.precipitation_probability_max) == null ? void 0 : k.at(W)
+              sum: (P = oe.precipitation_sum) == null ? void 0 : P.at(U),
+              rainSum: (T = oe.rain_sum) == null ? void 0 : T.at(U),
+              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: (z = oe.precipitation_probability_max) == null ? void 0 : z.at(U)
             },
             rh: {
-              max: (v = oe.relative_humidity_2m_max) == null ? void 0 : v.at(W),
-              min: (C = oe.relative_humidity_2m_min) == null ? void 0 : C.at(W),
-              mean: (_ = oe.relative_humidity_2m_mean) == null ? void 0 : _.at(W)
+              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: (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(W),
-              kts: (N = oe.wind_speed_10m_max) == null ? void 0 : N.at(W),
-              degree: (V = oe.wind_direction_10m_dominant) == null ? void 0 : V.at(W),
-              gusts: (Z = oe.wind_gusts_10m_max) == null ? void 0 : Z.at(W),
-              bearing: ((U = oe.wind_direction_10m_dominant) == null ? void 0 : U.at(W)) !== null ? (((ee = oe.wind_direction_10m_dominant) == null ? void 0 : ee.at(W)) + 180) % 360 : null
+              speed: (A = oe.wind_speed_10m_max) == null ? void 0 : A.at(U),
+              kts: (N = oe.wind_speed_10m_max) == null ? void 0 : N.at(U),
+              degree: (V = oe.wind_direction_10m_dominant) == null ? void 0 : V.at(U),
+              gusts: (Z = oe.wind_gusts_10m_max) == null ? void 0 : Z.at(U),
+              bearing: ((W = oe.wind_direction_10m_dominant) == null ? void 0 : W.at(U)) !== null ? (((ee = oe.wind_direction_10m_dominant) == null ? void 0 : ee.at(U)) + 180) % 360 : null
             }
           };
           const { name: re, url: Oe, bg: j } = this.parseWeatherCode(ue.code, !0);
           ue.name = re, ue.url = Oe, ue.bg = j, ue.wind.scale = this.beaufort(this.kts2ms(ue.wind.kts)), ue.wind.direction = this.degree2Direction(ue.wind.degree), Me.push({
-            utc: te.add(W, "d").utc().format(),
+            utc: te.add(U, "d").utc().format(),
             model: Ce.model,
             weather: { ...ue }
           });
@@ -9342,25 +9398,25 @@ class Za {
           fe = {
             wave: {
               sig: {
-                height: (Q = re.wave_height_max) == null ? void 0 : Q.at(W),
-                degree: ($ = re.wave_direction_dominant) == null ? void 0 : $.at(W),
-                period: (ne = re.wave_period_max) == null ? void 0 : ne.at(W),
-                bearing: ((se = re.wave_direction_dominant) == null ? void 0 : se.at(W)) !== null ? (((J = re.wave_direction_dominant) == null ? void 0 : J.at(W)) + 180) % 360 : null
+                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 ? (((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(W),
-                degree: (he = re.swell_wave_direction_dominant) == null ? void 0 : he.at(W),
-                period: (ce = re.swell_wave_period_max) == null ? void 0 : ce.at(W),
-                peakPeriod: (pe = re.swell_wave_peak_period_max) == null ? void 0 : pe.at(W),
+                height: (ae = re.swell_wave_height_max) == null ? void 0 : ae.at(U),
+                degree: (he = re.swell_wave_direction_dominant) == null ? void 0 : he.at(U),
+                period: (ce = re.swell_wave_period_max) == null ? void 0 : ce.at(U),
+                peakPeriod: (pe = re.swell_wave_peak_period_max) == null ? void 0 : pe.at(U),
                 // bearing: daily.swell_wave_direction_dominant?.at(day) !== null ? (daily.swell_wave_direction_dominant?.at(day) + 180) % 360 : null,
-                bearing: ((ge = re.swell_wave_direction_dominant) == null ? void 0 : ge.at(W)) !== null ? ((F = re.swell_wave_direction_dominant) == null ? void 0 : F.at(W)) % 360 : null
+                bearing: ((ge = re.swell_wave_direction_dominant) == null ? void 0 : ge.at(U)) !== null ? ((F = re.swell_wave_direction_dominant) == null ? void 0 : F.at(U)) % 360 : null
               },
               wd: {
-                height: (me = re.wind_wave_height_max) == null ? void 0 : me.at(W),
-                degree: (xe = re.wind_wave_direction_dominant) == null ? void 0 : xe.at(W),
-                period: (Le = re.wind_wave_period_max) == null ? void 0 : Le.at(W),
-                peakPeriod: (Pe = re.wind_wave_peak_period_max) == null ? void 0 : Pe.at(W),
-                bearing: ((De = re.wind_wave_direction_dominant) == null ? void 0 : De.at(W)) !== null ? (((Ae = re.wind_wave_direction_dominant) == null ? void 0 : Ae.at(W)) + 180) % 360 : null
+                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),
+                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
               }
             }
           }, fe.wave = this.parseWave(fe.wave, ue == null ? void 0 : ue.wind), Object.assign(Me[Ce], fe), Ce++;
@@ -9768,7 +9824,7 @@ class Za {
     return isNaN(e) || e <= 0.1 ? o = "Calm" : e <= 0.5 ? o = "Smooth" : e <= 1.25 ? o = "Slight" : e <= 2.5 ? o = "Moderate" : e <= 4 ? o = "Rough" : e <= 6 ? o = "VeryRough" : e <= 9 ? o = "High" : e <= 14 ? o = "VeryHigh" : o = "Precipitous", o;
   }
 }
-const tc = {
+const sc = {
   name: "IdmTropicals",
   props: {
     permission: {
@@ -9823,7 +9879,7 @@ const tc = {
     return {
       right: 10,
       toggle: !1,
-      helper: Qa,
+      helper: Ja,
       tropicals: void 0,
       tropicalCacheKey: "tropicalCacheGL4",
       source: "tropicals-source",
@@ -9959,7 +10015,7 @@ const tc = {
     async fetchTropicals() {
       var a, r, l;
       const t = (/* @__PURE__ */ new Date()).valueOf();
-      let e = 0, o = 0, i = (a = io.WEATHER_LAYERS.find((c) => c.key === "tropicals")) == null ? void 0 : a.weight;
+      let e = 0, o = 0, i = (a = To.WEATHER_LAYERS.find((c) => c.key === "tropicals")) == null ? void 0 : a.weight;
       if (i > 0) {
         const c = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], n = await Se.get(`${c}/api/arc/weather/layers2/links?l=${i}&v=${this.forecastModel}&t=${this.realTime}`, {
           headers: {
@@ -9975,8 +10031,8 @@ const tc = {
             },
             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,
@@ -9995,7 +10051,7 @@ const tc = {
     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) {
@@ -10008,10 +10064,10 @@ const tc = {
             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):
@@ -10023,7 +10079,7 @@ const tc = {
           }
           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() {
@@ -10034,8 +10090,8 @@ const tc = {
       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({
@@ -10132,7 +10188,7 @@ const tc = {
             ],
             "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,
@@ -10248,9 +10304,9 @@ const tc = {
             "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() {
@@ -10258,11 +10314,11 @@ const tc = {
       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, U, 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
@@ -10277,10 +10333,10 @@ const tc = {
             "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">
@@ -10296,35 +10352,35 @@ const tc = {
                           		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 ve.Marker(ce).setLngLat(Q.geometry.coordinates).addTo(this.map);
             this.interpolateMarkers.push(pe);
           }
       } else
-        (U = this.map) != null && U.getSource(this.interpolateSource) && ((ee = this.map) == null || ee.getSource(this.interpolateSource).setData(this.empty));
+        (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 ve.Marker(_).setLngLat([t.lngLat.lng, t.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
       });
     },
     handleCloseInfoMarker() {
@@ -10432,47 +10488,47 @@ const tc = {
       this.map.getCanvas().style.cursor = "grab", this.showHoverPoint = !1, (t = this.hoverMarker) == null || t.remove(), this.hoverMarker = void 0;
     }
   }
-}, oc = { class: "idm-tropical-gl4" }, ac = {
+}, lc = { class: "idm-tropical-gl4" }, nc = {
   key: 0,
   id: "idm-tropical-gl4-info",
   class: "idm-tropical-gl4-info"
-}, ic = { class: "pb-1" }, rc = { class: "text-h5 font-weight-600" }, sc = {
+}, cc = { class: "pb-1" }, mc = { class: "text-h5 font-weight-600" }, dc = {
   key: 0,
   class: "text-body-1 text-label"
-}, lc = { class: "text-body-2" }, nc = { class: "text-label" }, cc = { class: "d-flex justify-space-between align-center" }, mc = { class: "w-60" }, dc = { class: "text-label pr-1" }, hc = { class: "flex-1-1-0" }, pc = { class: "text-label pr-1" }, uc = { class: "py-2 d-flex justify-space-between align-center" }, gc = { class: "w-60" }, fc = { class: "text-label pr-1" }, yc = { class: "flex-1-1-0" }, bc = { class: "text-label pr-1" }, wc = { class: "d-flex align-center flex-1-1-100 justify-space-between" }, xc = {
+}, hc = { class: "text-body-2" }, pc = { class: "text-label" }, uc = { class: "d-flex justify-space-between align-center" }, gc = { class: "w-60" }, fc = { class: "text-label pr-1" }, yc = { class: "flex-1-1-0" }, bc = { class: "text-label pr-1" }, wc = { class: "py-2 d-flex justify-space-between align-center" }, xc = { class: "w-60" }, vc = { class: "text-label pr-1" }, _c = { class: "flex-1-1-0" }, kc = { class: "text-label pr-1" }, zc = { class: "d-flex align-center flex-1-1-100 justify-space-between" }, Lc = {
   class: "text-label pr-1",
   style: { width: "130px" }
-}, vc = { class: "model-box d-flex justify-end align-center flex-wrap ga-1 pa-1" }, _c = { class: "more" }, kc = {
+}, Pc = { class: "model-box d-flex justify-end align-center flex-wrap ga-1 pa-1" }, Cc = { class: "more" }, Tc = {
   class: "my-3",
   style: { height: "80px", width: "100%" }
-}, zc = { class: "pa-1 d-flex justify-space-between align-center" }, Lc = { class: "pa-1 d-flex justify-space-between align-center" }, Pc = { class: "d-flex justify-star align-center" }, Cc = { class: "font-weight-600 mr-1" }, Tc = { class: "" }, Sc = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, Mc = {
+}, Sc = { class: "pa-1 d-flex justify-space-between align-center" }, Mc = { class: "pa-1 d-flex justify-space-between align-center" }, Ic = { class: "d-flex justify-star align-center" }, Dc = { class: "font-weight-600 mr-1" }, Ac = { class: "" }, Rc = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, Oc = {
   key: 0,
   class: "d-flex justify-start align-center"
-}, Ic = { class: "text-label pr-1" }, Dc = {
+}, Bc = { class: "text-label pr-1" }, Ec = {
   key: 1,
   class: "d-flex justify-start align-center"
-}, Ac = { class: "text-label pr-1" }, Rc = {
+}, jc = { class: "text-label pr-1" }, Nc = {
   key: 2,
   class: "d-flex justify-start align-center"
-}, Oc = { class: "text-label pr-1" }, Bc = {
+}, Fc = { class: "text-label pr-1" }, Hc = {
   key: 3,
   class: "d-flex justify-start align-center"
-}, Ec = { class: "text-label pr-1" }, jc = {
+}, Gc = { class: "text-label pr-1" }, Uc = {
   key: 4,
   class: "d-flex justify-start align-center"
-}, Nc = { class: "text-label pr-1" }, Fc = {
+}, Wc = { class: "text-label pr-1" }, Vc = {
   key: 5,
   class: "d-flex justify-start align-center"
-}, Hc = { class: "text-label pr-1" }, Gc = { class: "d-flex justify-start align-center" }, Wc = { class: "text-label pr-1" }, Uc = {
+}, Zc = { class: "text-label pr-1" }, Yc = { class: "d-flex justify-start align-center" }, qc = { class: "text-label pr-1" }, Xc = {
   key: 6,
   class: "d-flex justify-start align-center"
-}, Vc = { class: "text-label pr-1" }, Zc = {
+}, $c = { class: "text-label pr-1" }, Kc = {
   key: 7,
   class: "d-flex justify-start align-center"
-}, Yc = { class: "text-label pr-1" }, qc = { class: "d-flex justify-start align-center" }, Xc = { class: "text-label pr-1" };
-function $c(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");
-  return y(), S("div", oc, [
+}, 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 = 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",
       style: ie({ top: o.top + 134 + "px", right: a.right + "px" })
@@ -10499,7 +10555,7 @@ function $c(t, e, o, i, a, r) {
         _: 1
       }, 8, ["text"])
     ], 4),
-    a.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (y(), S("div", ac, [
+    a.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (y(), S("div", nc, [
       p(b, {
         "min-width": "400",
         elevation: "16",
@@ -10508,11 +10564,11 @@ function $c(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", ic, [
-                  s("span", rc, m(o.locale === "en" ? (g = a.activeTropicals) == null ? void 0 : g.name : (P = a.activeTropicals) == null ? void 0 : P.nameCn), 1),
-                  (O = (T = a.activeTropicals) == null ? void 0 : T.history) != null && O.level ? (y(), S("span", sc, ", " + m((L = (I = a.activeTropicals) == null ? void 0 : I.history) == null ? void 0 : L.level), 1)) : D("", !0)
+                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),
+                  (O = (T = a.activeTropicals) == null ? void 0 : T.history) != null && O.level ? (y(), S("span", dc, ", " + m((L = (I = a.activeTropicals) == null ? void 0 : I.history) == null ? void 0 : L.level), 1)) : D("", !0)
                 ]),
                 p(l, {
                   icon: "",
@@ -10527,9 +10583,9 @@ function $c(t, e, o, i, a, r) {
                   _: 1,
                   __: [4]
                 }, 8, ["onClick"]),
-                s("div", lc, [
-                  s("span", nc, 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("div", hc, [
+                  s("span", pc, m(t.$t("actions.lastUpdate")) + ": ", 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)
                 ])
               ];
             }),
@@ -10538,43 +10594,43 @@ function $c(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", cc, [
-                  s("div", mc, [
-                    s("label", dc, m(t.$t("weather.windSpeed")) + " : ", 1),
+                s("div", uc, [
+                  s("div", gc, [
+                    s("label", fc, m(t.$t("weather.windSpeed")) + " : ", 1),
                     s("span", null, m(((P = (g = a.activeTropicals) == null ? void 0 : g.history) == null ? void 0 : P.kts) || "-") + " kts", 1),
                     s("span", null, ", BF " + m(r.computeBF(((O = (T = a.activeTropicals) == null ? void 0 : T.history) == null ? void 0 : O.kts) || "-")), 1)
                   ]),
-                  s("div", hc, [
-                    s("label", pc, m(t.$t("weather.pressure")) + " : ", 1),
+                  s("div", yc, [
+                    s("label", bc, m(t.$t("weather.pressure")) + " : ", 1),
                     s("span", null, m(((L = (I = a.activeTropicals) == null ? void 0 : I.history) == null ? void 0 : L.pressure) || "-") + " hPa", 1)
                   ])
                 ]),
-                s("div", uc, [
-                  s("div", gc, [
-                    s("label", fc, m(t.$t("tropical.moveSpeed")) + " : ", 1),
-                    s("span", null, m(((k = r.computeMovement(a.activeTropicals)) == null ? void 0 : k.kts) || "-") + " kts", 1)
+                s("div", wc, [
+                  s("div", xc, [
+                    s("label", vc, m(t.$t("tropical.moveSpeed")) + " : ", 1),
+                    s("span", null, m(((z = r.computeMovement(a.activeTropicals)) == null ? void 0 : z.kts) || "-") + " kts", 1)
                   ]),
-                  s("div", yc, [
-                    s("label", bc, m(t.$t("tropical.moveDir")) + " : ", 1),
+                  s("div", _c, [
+                    s("label", kc, m(t.$t("tropical.moveDir")) + " : ", 1),
                     s("span", null, m(((v = r.computeMovement(a.activeTropicals)) == null ? void 0 : v.deg) || "-") + "°", 1)
                   ])
                 ]),
-                s("div", wc, [
-                  s("label", xc, m(t.$t("weather.forecastModels")) + " : ", 1),
-                  s("div", vc, [
-                    (y(!0), S(be, null, we((C = a.activeTropicals) == null ? void 0 : C.forecasts, (_, A) => (y(), R(l, {
+                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, (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))
@@ -10603,7 +10659,7 @@ function $c(t, e, o, i, a, r) {
                 ]),
                 _: 1
               }, 8, ["color"]),
-              s("div", _c, [
+              s("div", Cc, [
                 o.permission & a.helper.LEVEL.Supper ? (y(), R(l, {
                   key: 0,
                   variant: "text",
@@ -10635,12 +10691,12 @@ function $c(t, e, o, i, a, r) {
         ]),
         _: 1
       }),
-      s("div", kc, [
-        We(p(b, { elevation: "16" }, {
+      s("div", Tc, [
+        Ue(p(b, { elevation: "16" }, {
           default: f(() => [
             p(n, null, {
               default: f(() => [
-                We(s("div", zc, e[6] || (e[6] = [
+                Ue(s("div", Sc, e[6] || (e[6] = [
                   s("div", { class: "legend d-flex justify-start align-center" }, [
                     s("div", { class: "icon td" }),
                     s("div", { class: "label" }, "TD")
@@ -10666,9 +10722,9 @@ function $c(t, e, o, i, a, r) {
                     s("div", { class: "label" }, "Super TY")
                   ], -1)
                 ]), 512), [
-                  [Ue, a.showLegend]
+                  [We, a.showLegend]
                 ]),
-                We(s("div", Lc, e[7] || (e[7] = [
+                Ue(s("div", Mc, e[7] || (e[7] = [
                   s("div", { class: "legend d-flex justify-start align-center" }, [
                     s("div", { class: "icon history" }),
                     s("div", { class: "label" }, "History")
@@ -10686,7 +10742,7 @@ function $c(t, e, o, i, a, r) {
                     s("div", { class: "label" }, "50kts Radii")
                   ], -1)
                 ]), 512), [
-                  [Ue, a.showLegend]
+                  [We, a.showLegend]
                 ])
               ]),
               _: 1
@@ -10694,72 +10750,72 @@ function $c(t, e, o, i, a, r) {
           ]),
           _: 1
         }, 512), [
-          [Ue, a.showLegend]
+          [We, a.showLegend]
         ])
       ])
     ])) : D("", !0),
-    We(p(b, {
+    Ue(p(b, {
       id: "tropicalHoverMarkerInfo",
       elevation: "16",
       "max-width": "280"
     }, {
       default: f(() => [
-        p(x, null, {
+        p(w, null, {
           default: f(() => {
             var g, P, T;
             return [
-              s("div", Pc, [
-                s("span", Cc, m(o.locale === "en" ? (g = a.hoverPoint) == null ? void 0 : g.name : (P = a.hoverPoint) == null ? void 0 : P.nameCn), 1),
-                s("span", Tc, "[ " + m((T = a.hoverPoint) == null ? void 0 : T.level) + " ]", 1)
+              s("div", Ic, [
+                s("span", Dc, m(o.locale === "en" ? (g = a.hoverPoint) == null ? void 0 : g.name : (P = a.hoverPoint) == null ? void 0 : P.nameCn), 1),
+                s("span", Ac, "[ " + m((T = a.hoverPoint) == null ? void 0 : T.level) + " ]", 1)
               ])
             ];
           }),
           _: 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, U, 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", Sc, [
-                ((g = a.hoverPoint) == null ? void 0 : g.type) === "forecast" ? (y(), S("div", Mc, [
-                  s("label", Ic, m(t.$t("tropical.updated")) + " : ", 1),
+              s("div", Rc, [
+                ((g = a.hoverPoint) == null ? void 0 : g.type) === "forecast" ? (y(), S("div", Oc, [
+                  s("label", Bc, m(t.$t("tropical.updated")) + " : ", 1),
                   s("span", null, m(r.computeTzTime((P = a.hoverPoint) == null ? void 0 : P.update, o.timeZone)), 1)
                 ])) : D("", !0),
-                ((T = a.hoverPoint) == null ? void 0 : T.type) === "forecast" ? (y(), S("div", Dc, [
-                  s("label", Ac, m(t.$t("tropical.forecast")) + " : ", 1),
+                ((T = a.hoverPoint) == null ? void 0 : T.type) === "forecast" ? (y(), S("div", Ec, [
+                  s("label", jc, m(t.$t("tropical.forecast")) + " : ", 1),
                   s("span", null, m(r.computeTzTime((O = a.hoverPoint) == null ? void 0 : O.date, o.timeZone)), 1)
                 ])) : D("", !0),
-                ((I = a.hoverPoint) == null ? void 0 : I.type) === "history" ? (y(), S("div", Rc, [
-                  s("label", Oc, m(t.$t("tropical.forecast")) + " : ", 1),
+                ((I = a.hoverPoint) == null ? void 0 : I.type) === "history" ? (y(), S("div", Nc, [
+                  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", Bc, [
-                  s("label", Ec, m(t.$t("tropical.model")) + " : ", 1),
+                ((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", jc, [
-                  s("label", Nc, 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)
+                ((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((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", Fc, [
-                  s("label", Hc, m(t.$t("weather.wind")) + " : ", 1),
+                ((N = a.hoverPoint) == null ? void 0 : N.type) === "history" ? (y(), S("div", Vc, [
+                  s("label", Zc, m(t.$t("weather.wind")) + " : ", 1),
                   s("span", null, m(((V = a.hoverPoint) == null ? void 0 : V.kts) ?? "-") + " kts", 1)
                 ])) : D("", !0),
-                s("div", Gc, [
-                  s("label", Wc, m(t.$t("weather.pressure")) + " : ", 1),
-                  s("span", null, m(((Z = a.hoverPoint) == null ? void 0 : Z.pressure) ?? "-") + " kPa", 1)
+                s("div", Yc, [
+                  s("label", qc, m(t.$t("weather.pressure")) + " : ", 1),
+                  s("span", null, m(((Z = a.hoverPoint) == null ? void 0 : Z.pressure) ?? "-") + " hPa", 1)
                 ]),
-                ((U = a.hoverPoint) == null ? void 0 : U.type) === "history" ? (y(), S("div", Uc, [
-                  s("label", Vc, 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)
+                ((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(((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", Zc, [
-                  s("label", Yc, m(t.$t("tropical.moveDir")) + " : ", 1),
+                (($ = a.hoverPoint) == null ? void 0 : $.type) === "history" ? (y(), S("div", Kc, [
+                  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", qc, [
-                  s("label", Xc, m(t.$t("tropical.position")) + " : ", 1),
+                s("div", Qc, [
+                  s("label", em, m(t.$t("tropical.position")) + " : ", 1),
                   s("span", null, m(r.computePosition(a.hoverPoint)), 1)
                 ])
               ])
@@ -10770,12 +10826,12 @@ function $c(t, e, o, i, a, r) {
       ]),
       _: 1
     }, 512), [
-      [Ue, a.showHoverPoint]
+      [We, a.showHoverPoint]
     ])
   ]);
 }
-const Xa = /* @__PURE__ */ Y(tc, [["render", $c]]);
-const Kc = {
+const Xa = /* @__PURE__ */ Y(sc, [["render", tm]]);
+const om = {
   name: "DateTimePicker",
   props: {
     width: {
@@ -10929,22 +10985,22 @@ const Kc = {
       e && !e.contains(t.target) && (this.showDatePicker = !1);
     }
   }
-}, Qc = {
+}, am = {
   class: "idm-gl4-time-picker",
   ref: "idmGl4Timepicker"
-}, Jc = {
+}, im = {
   class: "pa-0",
   style: { width: "250px" }
-}, em = {
+}, rm = {
   class: "h-100 pa-0 d-flex flex-column justify-start align-center",
   style: { width: "100px" }
-}, tm = {
+}, sm = {
   class: "d-flex justify-center align-center text-body-2",
   style: { height: "56px" }
 };
-function om(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");
-  return y(), S("div", Qc, [
+function lm(t, e, o, i, a, r) {
+  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: "",
       height: o.height,
@@ -10962,9 +11018,9 @@ function om(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", Jc, [
+            s("div", im, [
               p(c, {
                 modelValue: a.currentDate,
                 "onUpdate:modelValue": e[0] || (e[0] = (P) => a.currentDate = P),
@@ -10983,8 +11039,8 @@ function om(t, e, o, i, a, r) {
               class: "h-100",
               vertical: ""
             }),
-            s("div", em, [
-              s("div", tm, m(a.currentTime), 1),
+            s("div", rm, [
+              s("div", sm, m(a.currentTime), 1),
               p(b, { class: "pa-0 flex-1-1-0" }, {
                 default: f(() => [
                   (y(!0), S(be, null, we(r.hourOptions, (P, T) => (y(), R(h, {
@@ -11017,7 +11073,7 @@ function om(t, e, o, i, a, r) {
           _: 1
         }),
         p(n),
-        p(z, {
+        p(_, {
           class: "justify-end pa-0 pr-4",
           style: { height: "50px" }
         }, {
@@ -11055,11 +11111,11 @@ function om(t, e, o, i, a, r) {
     }, 8, ["class"])) : D("", !0)
   ], 512);
 }
-const no = /* @__PURE__ */ Y(Kc, [["render", om]]);
-const am = {
+const Do = /* @__PURE__ */ Y(om, [["render", lm]]);
+const nm = {
   name: "IdmPoint",
   components: {
-    DateTimePicker: no
+    DateTimePicker: Do
     // DateRangePicker
   },
   props: {
@@ -11258,7 +11314,7 @@ const am = {
     },
     async fetchMeteoData(t) {
       this.loading = !0, this.showMeteo = !0, this.form.lng = t.lng, this.form.lat = t.lat, this.handleDrawInfoMarker([t.lng, t.lat]), this.meteoData = [];
-      const { weatherModels: e, marineModels: o } = ao.autoPickMeteoModel(t.forecastModel);
+      const { weatherModels: e, marineModels: o } = Co.autoPickMeteoModel(t.forecastModel);
       let i = {
         lat: t.lat,
         lng: t.lng,
@@ -11279,7 +11335,7 @@ const am = {
     },
     async fetchHistoryData(t) {
       this.loading = !0, this.showMeteo = !0, this.form.lng = t.lng, this.form.lat = t.lat, this.handleDrawInfoMarker([t.lng, t.lat]), this.meteoData = [];
-      const { weatherModels: e, marineModels: o } = ao.autoPickMeteoModel(t.forecastModel), i = {
+      const { weatherModels: e, marineModels: o } = Co.autoPickMeteoModel(t.forecastModel), i = {
         lat: t.lat,
         lng: t.lng,
         datetime: M(t.dateTime).utc().format(),
@@ -11295,10 +11351,10 @@ const am = {
       (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, U, 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, xe;
       this.currentHourData = {}, this.positionGmt = (i = (o = t == null ? void 0 : t.weather) == null ? void 0 : o[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (a = t == null ? void 0 : t.weather) == null ? void 0 : a[0]) == null ? void 0 : r.offset;
-      const e = ((l = ao.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((U = (Z = e == null ? void 0 : e.wave) == null ? void 0 : Z.wd) == null ? void 0 : U.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;
+      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((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 = (xe = e == null ? void 0 : e.weather) == null ? void 0 : xe.url;
     },
     handleBind() {
       var t, e;
@@ -11350,65 +11406,65 @@ const am = {
       this.$emit("cancelFollow", t);
     }
   }
-}, im = { class: "idm-gl4-spot" }, rm = { class: "d-flex justify-start align-center" }, sm = { class: "text-h6 font-weight-600 mx-2" }, lm = { class: "d-flex justify-start align-center ga-1 mb-1" }, nm = {
+}, cm = { class: "idm-gl4-spot" }, mm = { class: "d-flex justify-start align-center" }, dm = { class: "text-h6 font-weight-600 mx-2" }, hm = { class: "d-flex justify-start align-center ga-1 mb-1" }, pm = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, cm = ["xlink:href"], mm = { class: "d-flex justify-start align-center ga-1 mb-1" }, dm = {
+}, um = ["xlink:href"], gm = { class: "d-flex justify-start align-center ga-1 mb-1" }, fm = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, hm = ["xlink:href"], pm = { class: "d-flex justify-start align-center ga-1 mb-1" }, um = {
+}, ym = ["xlink:href"], bm = { class: "d-flex justify-start align-center ga-1 mb-1" }, wm = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, gm = ["xlink:href"], fm = { class: "d-flex justify-start align-center ga-1 mb-1" }, ym = {
+}, xm = ["xlink:href"], vm = { class: "d-flex justify-start align-center ga-1 mb-1" }, _m = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, bm = ["xlink:href"], wm = { class: "d-flex justify-start align-center" }, xm = { class: "mx-2" }, vm = { class: "mx-0 py-2 d-flex align-center justify-start" }, _m = {
+}, km = ["xlink:href"], zm = { class: "d-flex justify-start align-center" }, Lm = { class: "mx-2" }, Pm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Cm = {
   style: { width: "100px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, km = { class: "pa-0 px-0" }, zm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Lm = {
+}, Tm = { class: "pa-0 px-0" }, Sm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Mm = {
   cols: "9",
   class: "pa-0 px-0"
-}, Pm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Cm = {
+}, Im = { class: "mx-0 py-2 d-flex align-center justify-start" }, Dm = {
   style: { width: "100px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Tm = {
+}, Am = {
   style: { width: "150px" },
   class: "pa-0 text-left"
-}, Sm = {
+}, Rm = {
   style: { width: "80px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Mm = {
+}, Om = {
   cols: "3",
   class: "pa-0 px-0 text-left"
-}, Im = { class: "mx-0 py-2 d-flex align-center justify-start" }, Dm = {
+}, Bm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Em = {
   style: { width: "100px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Am = {
+}, jm = {
   style: { width: "150px" },
   class: "pa-0 text-left"
-}, Rm = {
+}, Nm = {
   style: { width: "80px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Om = {
+}, Fm = {
   cols: "3",
   class: "pa-0 text-left"
-}, Bm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Em = {
+}, Hm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Gm = {
   style: { width: "100px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, jm = {
+}, Um = {
   style: { width: "150px" },
   class: "pa-0 text-left"
-}, Nm = {
+}, Wm = {
   style: { width: "80px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Fm = { class: "pa-0 text-left" }, Hm = { id: "idm-position-icon" }, Gm = {
+}, Vm = { class: "pa-0 text-left" }, Zm = { id: "idm-position-icon" }, Ym = {
   class: "multi-color-icon",
   style: { height: "30px", width: "30px" },
   "aria-hidden": "true"
-}, Wm = ["xlink:href"];
-function Um(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");
-  return y(), S("div", im, [
+}, qm = ["xlink:href"];
+function Xm(t, e, o, i, a, r) {
+  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",
       style: ie({ top: o.top + 174 + "px", right: a.right + "px" })
@@ -11417,8 +11473,8 @@ function Um(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",
@@ -11443,8 +11499,8 @@ function Um(t, e, o, i, a, r) {
       default: f(() => [
         p(n, { class: "d-flex justify-space-between align-center" }, {
           default: f(() => [
-            s("div", rm, [
-              s("div", sm, m(t.$t("spot.spotWeather")), 1)
+            s("div", mm, [
+              s("div", dm, m(t.$t("spot.spotWeather")), 1)
             ]),
             p(l, {
               icon: "",
@@ -11472,15 +11528,15 @@ function Um(t, e, o, i, a, r) {
           default: f(() => [
             p(P, { class: "text-body-1 py-1" }, {
               default: f(() => [
-                s("div", lm, [
-                  (y(), S("svg", nm, [
+                s("div", hm, [
+                  (y(), S("svg", pm, [
                     s("use", {
                       "xlink:href": `#icon-lng-${o.theme}`
-                    }, null, 8, cm)
+                    }, null, 8, um)
                   ])),
                   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",
@@ -11489,7 +11545,7 @@ function Um(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",
@@ -11509,7 +11565,7 @@ function Um(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",
@@ -11536,7 +11592,7 @@ function Um(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)
@@ -11549,15 +11605,15 @@ function Um(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                s("div", mm, [
-                  (y(), S("svg", dm, [
+                s("div", gm, [
+                  (y(), S("svg", fm, [
                     s("use", {
                       "xlink:href": `#icon-lng-${o.theme}`
-                    }, null, 8, hm)
+                    }, null, 8, ym)
                   ])),
                   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",
@@ -11566,7 +11622,7 @@ function Um(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",
@@ -11589,7 +11645,7 @@ function Um(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",
@@ -11616,7 +11672,7 @@ function Um(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)
@@ -11629,26 +11685,26 @@ function Um(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                s("div", pm, [
-                  (y(), S("svg", um, [
+                s("div", bm, [
+                  (y(), S("svg", wm, [
                     s("use", {
                       "xlink:href": `#icon-date-time-${o.theme}`
-                    }, null, 8, gm)
+                    }, null, 8, xm)
                   ])),
                   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
@@ -11656,15 +11712,15 @@ function Um(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                s("div", fm, [
-                  (y(), S("svg", ym, [
+                s("div", vm, [
+                  (y(), S("svg", _m, [
                     s("use", {
                       "xlink:href": `#icon-forecast-model-${o.theme}`
-                    }, null, 8, bm)
+                    }, null, 8, km)
                   ])),
                   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",
@@ -11673,7 +11729,7 @@ function Um(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",
@@ -11767,9 +11823,9 @@ function Um(t, e, o, i, a, r) {
       default: f(() => [
         p(n, { class: "d-flex justify-space-between align-center" }, {
           default: f(() => [
-            s("div", wm, [
+            s("div", zm, [
               e[16] || (e[16] = s("i", { class: "iconfont icon-a-Spotweather text-h5 map-icon-aqua" }, null, -1)),
-              s("div", xm, m(r.computePosition(a.form || a.currentHourData)), 1)
+              s("div", Lm, m(r.computePosition(a.form || a.currentHourData)), 1)
             ]),
             p(l, {
               class: "mr-n2",
@@ -11793,36 +11849,36 @@ function Um(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", vm, [
-                s("div", _m, m(t.$t("time.time")), 1),
-                s("div", km, m(r.computedTzTime((k = a.currentHourData) == null ? void 0 : k.utc)), 1)
+              s("div", Pm, [
+                s("div", Cm, m(t.$t("time.time")), 1),
+                s("div", Tm, m(r.computedTzTime((z = a.currentHourData) == null ? void 0 : z.utc)), 1)
               ]),
-              s("div", zm, [
+              s("div", Sm, [
                 e[18] || (e[18] = s("div", {
                   style: { width: "100px" },
                   class: "pa-0 pr-2 text-right opacity-50"
                 }, "LT", -1)),
-                s("div", Lm, m(r.computedLocalTime((v = a.currentHourData) == null ? void 0 : v.utc)), 1)
-              ]),
-              s("div", Pm, [
-                s("div", Cm, m(t.$t("weather.wind")), 1),
-                s("div", Tm, m(a.currentHourData.windDir ?? "-") + "/" + m(a.currentHourData.windSpeed ?? "-") + "kts/BF" + m(a.currentHourData.windLevel ?? "-"), 1),
-                s("div", Sm, m(t.$t("weather.sigWave")), 1),
-                s("div", Mm, m(a.currentHourData.sigwaveDir ?? "-") + "/" + m(a.currentHourData.sigwaveHeight ?? "-") + "m/" + m(a.currentHourData.sigwavePeriod ?? "-") + "s", 1)
+                s("div", Mm, m(r.computedLocalTime((v = a.currentHourData) == null ? void 0 : v.utc)), 1)
               ]),
               s("div", Im, [
-                s("div", Dm, m(t.$t("weather.windWave")), 1),
-                s("div", Am, m(a.currentHourData.windwaveDir ?? "-") + "/" + m(a.currentHourData.windwaveHeight ?? "-") + "m/" + m(a.currentHourData.windwavePeriod ?? "-") + "s", 1),
-                s("div", Rm, m(t.$t("weather.swell")), 1),
-                s("div", Om, m(a.currentHourData.swellDir ?? "-") + "/" + m(a.currentHourData.swellHeight ?? "-") + "m/" + m(a.currentHourData.swellPeriod ?? "-") + "s", 1)
+                s("div", Dm, m(t.$t("weather.wind")), 1),
+                s("div", Am, m(a.currentHourData.windDir ?? "-") + "/" + m(a.currentHourData.windSpeed ?? "-") + "kts/BF" + m(a.currentHourData.windLevel ?? "-"), 1),
+                s("div", Rm, m(t.$t("weather.sigWave")), 1),
+                s("div", Om, m(a.currentHourData.sigwaveDir ?? "-") + "/" + m(a.currentHourData.sigwaveHeight ?? "-") + "m/" + m(a.currentHourData.sigwavePeriod ?? "-") + "s", 1)
               ]),
               s("div", Bm, [
-                s("div", Em, m(t.$t("weather.current")), 1),
-                s("div", jm, m(a.currentHourData.currentDir ?? "-") + "/" + m(a.currentHourData.currentSpeed ?? "-") + "kts", 1),
-                s("div", Nm, m(t.$t("weather.visibility")), 1),
-                s("div", Fm, m(a.currentHourData.visibility ?? "-") + " nm", 1)
+                s("div", Em, m(t.$t("weather.windWave")), 1),
+                s("div", jm, m(a.currentHourData.windwaveDir ?? "-") + "/" + m(a.currentHourData.windwaveHeight ?? "-") + "m/" + m(a.currentHourData.windwavePeriod ?? "-") + "s", 1),
+                s("div", Nm, m(t.$t("weather.swell")), 1),
+                s("div", Fm, m(a.currentHourData.swellDir ?? "-") + "/" + m(a.currentHourData.swellHeight ?? "-") + "m/" + m(a.currentHourData.swellPeriod ?? "-") + "s", 1)
+              ]),
+              s("div", Hm, [
+                s("div", Gm, m(t.$t("weather.current")), 1),
+                s("div", Um, m(a.currentHourData.currentDir ?? "-") + "/" + m(a.currentHourData.currentSpeed ?? "-") + "kts", 1),
+                s("div", Wm, m(t.$t("weather.visibility")), 1),
+                s("div", Vm, m(a.currentHourData.visibility ?? "-") + " nm", 1)
               ])
             ];
           }),
@@ -11831,9 +11887,9 @@ function Um(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",
@@ -11891,19 +11947,19 @@ function Um(t, e, o, i, a, r) {
       ]),
       _: 1
     })) : D("", !0),
-    We(s("div", Hm, [
-      (y(), S("svg", Gm, [
+    Ue(s("div", Zm, [
+      (y(), S("svg", Ym, [
         s("use", {
           "xlink:href": `#icon-spot-${o.theme}`
-        }, null, 8, Wm)
+        }, null, 8, qm)
       ]))
     ], 512), [
-      [Ue, a.showMeteo]
+      [We, a.showMeteo]
     ])
   ]);
 }
-const Vm = /* @__PURE__ */ Y(am, [["render", Um]]);
-const Zm = {
+const $m = /* @__PURE__ */ Y(nm, [["render", Xm]]);
+const Km = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -11996,21 +12052,21 @@ const Zm = {
       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]
@@ -12021,13 +12077,13 @@ const Zm = {
       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) {
@@ -12077,10 +12133,10 @@ const Zm = {
         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";
         }
@@ -12096,16 +12152,16 @@ const Zm = {
         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",
@@ -12246,17 +12302,17 @@ const Zm = {
       }
     },
     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);
     }
   }
-}, Ym = { class: "idm-gl4-measure" };
-function qm(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("VTooltip");
-  return y(), S("div", Ym, [
+}, 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" })
@@ -12285,10 +12341,10 @@ function qm(t, e, o, i, a, r) {
     ], 4)
   ]);
 }
-const Xm = /* @__PURE__ */ Y(Zm, [["render", qm]]);
-const $m = {
+const ed = /* @__PURE__ */ Y(Km, [["render", Qm]]);
+const td = {
   name: "IdmBottomBar",
-  components: { DateTimePicker: no },
+  components: { DateTimePicker: Do },
   props: {
     menuToggle: {
       type: Object,
@@ -12411,18 +12467,18 @@ const $m = {
       this.$parent.$refs.idmWeatherLayers.handleMenuToggle();
     }
   }
-}, Km = { class: "idm-bottom-bar-gl4" }, Qm = { class: "date-box d-flex ga-2 mr-2" }, Jm = { class: "play-btns-box d-flex justify-center align-center cursor-pointer" }, ed = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, td = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, od = {
+}, od = { class: "idm-bottom-bar-gl4" }, ad = { class: "date-box d-flex ga-2 mr-2" }, id = { class: "play-btns-box d-flex justify-center align-center cursor-pointer" }, rd = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, sd = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, ld = {
   key: 0,
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
-}, ad = ["onClick"], id = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, rd = { class: "text-body-1" };
-function sd(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");
-  return y(), S("div", Km, [
+}, 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 = 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",
       style: ie({ right: a.right + 146 + "px", bottom: Object.values(a.show).includes(!0) ? "10px" : "-100px" })
     }, [
-      s("div", Qm, [
+      s("div", ad, [
         p(l, B({
           ref: "dateTimePicker",
           "date-time": a.currentDateTimeZ,
@@ -12481,12 +12537,12 @@ function sd(t, e, o, i, a, r) {
           _: 1
         })
       ]),
-      p(x, {
+      p(w, {
         vertical: "",
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      s("div", Jm, [
+      s("div", id, [
         p(b, {
           icon: "",
           size: "small",
@@ -12554,13 +12610,13 @@ function sd(t, e, o, i, a, r) {
           __: [14]
         }, 8, ["onClick"])
       ]),
-      p(x, {
+      p(w, {
         vertical: "",
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      s("div", ed, [
-        p(z, {
+      s("div", rd, [
+        p(_, {
           text: t.$t("weather.windBarbs"),
           location: "top"
         }, {
@@ -12586,7 +12642,7 @@ function sd(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        p(z, {
+        p(_, {
           text: t.$t("weather.sigWaveHeight"),
           location: "top"
         }, {
@@ -12611,7 +12667,7 @@ function sd(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        p(z, {
+        p(_, {
           text: t.$t("weather.currentDirection"),
           location: "top"
         }, {
@@ -12636,7 +12692,7 @@ function sd(t, e, o, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        p(z, {
+        p(_, {
           text: t.$t("weather.weatherLayers"),
           location: "top"
         }, {
@@ -12658,12 +12714,12 @@ function sd(t, e, o, i, a, r) {
           _: 1
         }, 8, ["text"])
       ]),
-      p(x, {
+      p(w, {
         vertical: "",
         class: "mx-2 mr-3 my-3",
         style: { height: "16px" }
       }),
-      s("div", td, [
+      s("div", sd, [
         p(b, {
           text: "",
           height: "30",
@@ -12696,14 +12752,14 @@ function sd(t, e, o, i, a, r) {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
       style: ie({ right: a.right + "px" })
     }, [
-      a.showTimezone ? (y(), S("div", od, [
+      a.showTimezone ? (y(), S("div", ld, [
         (y(!0), S(be, null, we(a.offsets, (g) => (y(), S("div", {
           key: g,
           class: "item rounded text-body-2 hover-active",
           onClick: (P) => a.timeZone = g
-        }, m(g < 0 ? g : "+" + g), 9, ad))), 128))
+        }, m(g < 0 ? g : "+" + g), 9, nd))), 128))
       ])) : D("", !0),
-      s("div", id, [
+      s("div", cd, [
         p(b, {
           text: "",
           variant: "flat",
@@ -12717,20 +12773,20 @@ function sd(t, e, o, i, a, r) {
           ]),
           _: 1
         }),
-        s("span", rd, m(a.currentRealTime), 1)
+        s("span", md, m(a.currentRealTime), 1)
       ])
     ], 4)
   ]);
 }
-const ld = /* @__PURE__ */ Y($m, [["render", sd]]), nd = {
+const hd = /* @__PURE__ */ Y(td, [["render", dd]]), pd = {
   name: "IdmGL4",
   components: {
     IdmOtherLayer: pl,
-    IdmWeatherLayer: ec,
+    IdmWeatherLayer: rc,
     IdmTropicals: Xa,
-    IdmMeasure: Xm,
-    IdmSpot: Vm,
-    IdmBottomBar: ld
+    IdmMeasure: ed,
+    IdmSpot: $m,
+    IdmBottomBar: hd
   },
   props: {
     map: {
@@ -12773,7 +12829,7 @@ const ld = /* @__PURE__ */ Y($m, [["render", sd]]), nd = {
     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"));
         }
       },
@@ -12781,13 +12837,13 @@ const ld = /* @__PURE__ */ Y($m, [["render", sd]]), nd = {
     }
   },
   methods: {}
-}, cd = {
+}, ud = {
   ref: "mapHomeGl4",
   class: "map-gl4-home"
 };
-function md(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");
-  return y(), S("div", cd, [
+function gd(t, e, o, i, a, r) {
+  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",
       token: o.token,
@@ -12799,8 +12855,8 @@ function md(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({
@@ -12814,11 +12870,11 @@ function md(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({
@@ -12852,8 +12908,8 @@ function md(t, e, o, i, a, r) {
     }, t.$attrs), null, 16, ["forecast-model", "weather-check-list", "map-feather"])
   ], 512);
 }
-const dd = /* @__PURE__ */ Y(nd, [["render", md]]);
-class hd {
+const fd = /* @__PURE__ */ Y(pd, [["render", gd]]);
+class yd {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     de(this, "originStyle");
     de(this, "mapboxStyle");
@@ -12861,7 +12917,7 @@ class hd {
     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, U, 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, W, 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, Wt, Ut, Vt, Zt, Yt, qt, Xt, Kt, Qt, Jt, eo, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, To, So, Mo, Io, Do, Ao, Ro, Oo, Bo, Eo, jo, No, Fo, Ho, Go, Wo, Uo, 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, Wa, Ua;
+    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, 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, 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",
@@ -31507,18 +31563,18 @@ class hd {
           (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 = (U = this.originStyle) == null ? void 0 : U.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"),
+          (ee = (W = this.originStyle) == null ? void 0 : W.light.layers) == null ? void 0 : ee.find((d) => d.id === "water-point-label"),
+          ($ = (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"),
@@ -31528,7 +31584,7 @@ class hd {
           (G = (_e = this.originStyle) == null ? void 0 : _e.light.layers) == null ? void 0 : G.find((d) => d.id === "country-label"),
           (He = (te = this.originStyle) == null ? void 0 : te.light.layers) == null ? void 0 : He.find((d) => d.id === "continent-label"),
           (ue = (Me = this.originStyle) == null ? void 0 : Me.light.layers) == null ? void 0 : ue.find((d) => d.id === "tide-stations"),
-          (W = (fe = this.originStyle) == null ? void 0 : fe.light.layers) == null ? void 0 : W.find((d) => d.id === "empty-layer-3"),
+          (U = (fe = this.originStyle) == null ? void 0 : fe.light.layers) == null ? void 0 : U.find((d) => d.id === "empty-layer-3"),
           (oe = (Ce = this.originStyle) == null ? void 0 : Ce.light.layers) == null ? void 0 : oe.find((d) => d.id === "empty-layer-4")
         ]
       },
@@ -31560,7 +31616,7 @@ class hd {
           (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"),
@@ -31591,8 +31647,8 @@ class hd {
         zoom: 12,
         fog: (Ht = this.originStyle) == null ? void 0 : Ht.satellite.fog,
         imports: (Gt = this.originStyle) == null ? void 0 : Gt.satellite.imports,
-        sources: (Wt = this.originStyle) == null ? void 0 : Wt.satellite.sources,
-        sprite: (Ut = this.originStyle) == null ? void 0 : Ut.satellite.sprite,
+        sources: (Ut = this.originStyle) == null ? void 0 : Ut.satellite.sources,
+        sprite: (Wt = this.originStyle) == null ? void 0 : Wt.satellite.sprite,
         glyphs: (Vt = this.originStyle) == null ? void 0 : Vt.satellite.glyphs,
         projection: (Zt = this.originStyle) == null ? void 0 : Zt.satellite.projection,
         created: "2025-07-25T03:53:24.667Z",
@@ -31605,25 +31661,25 @@ class hd {
         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"),
-          (co = (eo = this.originStyle) == null ? void 0 : eo.satellite.layers) == null ? void 0 : co.find((d) => d.id === "loadlines-fill"),
-          (ho = (mo = this.originStyle) == null ? void 0 : mo.satellite.layers) == null ? void 0 : ho.find((d) => d.id === "empty-layer-0"),
-          (uo = (po = this.originStyle) == null ? void 0 : po.satellite.layers) == null ? void 0 : uo.find((d) => d.id === "empty-layer-1"),
-          (fo = (go = this.originStyle) == null ? void 0 : go.satellite.layers) == null ? void 0 : fo.find((d) => d.id === "country-boundaries"),
-          (bo = (yo = this.originStyle) == null ? void 0 : yo.satellite.layers) == null ? void 0 : bo.find((d) => d.id === "water-outline"),
-          (xo = (wo = this.originStyle) == null ? void 0 : wo.satellite.layers) == null ? void 0 : xo.find((d) => d.id === "empty-layer-2"),
-          (_o = (vo = this.originStyle) == null ? void 0 : vo.satellite.layers) == null ? void 0 : _o.find((d) => d.id === "world-12nm-v4-20231025"),
-          (zo = (ko = this.originStyle) == null ? void 0 : ko.satellite.layers) == null ? void 0 : zo.find((d) => d.id === "ne-10m-outline"),
-          (Po = (Lo = this.originStyle) == null ? void 0 : Lo.satellite.layers) == null ? void 0 : Po.find((d) => d.id === "ne-10m-label"),
-          (To = (Co = this.originStyle) == null ? void 0 : Co.satellite.layers) == null ? void 0 : To.find((d) => d.id === "china-route-line"),
-          (Mo = (So = this.originStyle) == null ? void 0 : So.satellite.layers) == null ? void 0 : Mo.find((d) => d.id === "china-route-fill"),
-          (Do = (Io = this.originStyle) == null ? void 0 : Io.satellite.layers) == null ? void 0 : Do.find((d) => d.id === "china-route-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"),
+          (lo = (so = this.originStyle) == null ? void 0 : so.satellite.layers) == null ? void 0 : lo.find((d) => d.id === "country-boundaries"),
+          (co = (no = this.originStyle) == null ? void 0 : no.satellite.layers) == null ? void 0 : co.find((d) => d.id === "water-outline"),
+          (ho = (mo = this.originStyle) == null ? void 0 : mo.satellite.layers) == null ? void 0 : ho.find((d) => d.id === "empty-layer-2"),
+          (uo = (po = this.originStyle) == null ? void 0 : po.satellite.layers) == null ? void 0 : uo.find((d) => d.id === "world-12nm-v4-20231025"),
+          (fo = (go = this.originStyle) == null ? void 0 : go.satellite.layers) == null ? void 0 : fo.find((d) => d.id === "ne-10m-outline"),
+          (bo = (yo = this.originStyle) == null ? void 0 : yo.satellite.layers) == null ? void 0 : bo.find((d) => d.id === "ne-10m-label"),
+          (xo = (wo = this.originStyle) == null ? void 0 : wo.satellite.layers) == null ? void 0 : xo.find((d) => d.id === "china-route-line"),
+          (_o = (vo = this.originStyle) == null ? void 0 : vo.satellite.layers) == null ? void 0 : _o.find((d) => d.id === "china-route-fill"),
+          (zo = (ko = this.originStyle) == null ? void 0 : ko.satellite.layers) == null ? void 0 : zo.find((d) => d.id === "china-route-label"),
           (Ro = (Ao = this.originStyle) == null ? void 0 : Ao.satellite.layers) == null ? void 0 : Ro.find((d) => d.id === "country-label"),
           (Bo = (Oo = this.originStyle) == null ? void 0 : Oo.satellite.layers) == null ? void 0 : Bo.find((d) => d.id === "continent-label"),
           (jo = (Eo = this.originStyle) == null ? void 0 : Eo.satellite.layers) == null ? void 0 : jo.find((d) => d.id === "tide-stations"),
           (Fo = (No = this.originStyle) == null ? void 0 : No.satellite.layers) == null ? void 0 : Fo.find((d) => d.id === "ice-area-fill"),
           (Go = (Ho = this.originStyle) == null ? void 0 : Ho.satellite.layers) == null ? void 0 : Go.find((d) => d.id === "ice-area-line"),
-          (Uo = (Wo = this.originStyle) == null ? void 0 : Wo.satellite.layers) == null ? void 0 : Uo.find((d) => d.id === "empty-layer-3"),
+          (Wo = (Uo = this.originStyle) == null ? void 0 : Uo.satellite.layers) == null ? void 0 : Wo.find((d) => d.id === "empty-layer-3"),
           (Zo = (Vo = this.originStyle) == null ? void 0 : Vo.satellite.layers) == null ? void 0 : Zo.find((d) => d.id === "empty-layer-4")
         ]
       },
@@ -31687,8 +31743,8 @@ class hd {
           (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"),
@@ -31712,13 +31768,13 @@ class hd {
           (ja = (Ea = this.originStyle) == null ? void 0 : Ea.light.layers) == null ? void 0 : ja.find((d) => d.id === "continent-label"),
           (Fa = (Na = this.originStyle) == null ? void 0 : Na.light.layers) == null ? void 0 : Fa.find((d) => d.id === "tide-stations"),
           (Ga = (Ha = this.originStyle) == null ? void 0 : Ha.light.layers) == null ? void 0 : Ga.find((d) => d.id === "empty-layer-3"),
-          (Ua = (Wa = this.originStyle) == null ? void 0 : Wa.light.layers) == null ? void 0 : Ua.find((d) => d.id === "empty-layer-4")
+          (Wa = (Ua = this.originStyle) == null ? void 0 : Ua.light.layers) == null ? void 0 : Wa.find((d) => d.id === "empty-layer-4")
         ]
       }
     };
   }
 }
-const pd = {
+const bd = {
   name: "MapInitial",
   props: {
     token: {
@@ -31779,7 +31835,7 @@ const pd = {
   },
   methods: {
     async initOnlineMap() {
-      this.helper = new hd(this.token), ve.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      this.helper = new yd(this.token), ve.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
       const t = new ve.Map({
         container: "map",
         // style: 'mapbox://styles/neatchenheng/cmd894dwn036m01rf7anc0k0d', //light
@@ -31820,16 +31876,16 @@ const pd = {
       this.zoom > 2 && (this.zoom = Math.floor(this.zoom) - 1, (t = this.map) == null || t.flyTo({ zoom: this.zoom, duration: 500 }));
     }
   }
-}, ud = { class: "mapbox-initial-gl4" }, gd = { class: "v-btn--variant-elevated rounded" }, fd = { class: "zoom" }, yd = { class: "position-absolute left-0 bottom-0 ma-2 my-1 text-caption text-label opacity-70" };
-function bd(t, e, o, i, a, r) {
-  const l = w("VBtn");
-  return y(), S("div", ud, [
+}, 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 = x("VBtn");
+  return y(), S("div", wd, [
     e[5] || (e[5] = s("div", { id: "map" }, null, -1)),
     s("div", {
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
       style: ie({ top: o.top + 268 + "px", right: a.right + "px" })
     }, [
-      s("div", gd, [
+      s("div", xd, [
         p(l, {
           "min-width": "32",
           width: "32",
@@ -31843,7 +31899,7 @@ function bd(t, e, o, i, a, r) {
           _: 1,
           __: [0]
         }, 8, ["onClick"]),
-        s("div", fd, m(a.zoom ? Math.floor(a.zoom) : 0), 1),
+        s("div", vd, m(a.zoom ? Math.floor(a.zoom) : 0), 1),
         p(l, {
           "min-width": "32",
           width: "32",
@@ -31859,7 +31915,7 @@ function bd(t, e, o, i, a, r) {
         }, 8, ["onClick"])
       ])
     ], 4),
-    s("div", yd, [
+    s("div", _d, [
       e[2] || (e[2] = s("span", null, "© 2023", -1)),
       s("span", null, "-" + m(r.computeYear), 1),
       e[3] || (e[3] = s("span", { class: "text-uppercase ma-2" }, "ormwx.com", -1)),
@@ -31871,8 +31927,8 @@ function bd(t, e, o, i, a, r) {
     ])
   ]);
 }
-const wd = /* @__PURE__ */ Y(pd, [["render", bd]]);
-const xd = {
+const zd = /* @__PURE__ */ Y(bd, [["render", kd]]);
+const Ld = {
   name: "DateRangePicker",
   props: {
     width: {
@@ -32028,13 +32084,13 @@ const xd = {
       e && !e.contains(t.target) && (this.showDatePicker = !1);
     }
   }
-}, vd = {
+}, Pd = {
   class: "idm-gl4-date-picker",
   ref: "idmGl4DatePicker"
-}, _d = { class: "pa-0" };
-function kd(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");
-  return y(), S("div", vd, [
+}, Cd = { class: "pa-0" };
+function Td(t, e, o, i, a, r) {
+  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: "",
       height: o.height,
@@ -32054,10 +32110,10 @@ function kd(t, e, o, i, a, r) {
       default: f(() => [
         p(n, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
           default: f(() => [
-            s("div", _d, [
+            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,
@@ -32112,22 +32168,22 @@ function kd(t, e, o, i, a, r) {
     }, 8, ["class"])) : D("", !0)
   ], 512);
 }
-const zd = /* @__PURE__ */ Y(xd, [["render", kd]]), Bd = {
+const Sd = /* @__PURE__ */ Y(Ld, [["render", Td]]), Hd = {
   install(t) {
-    t.component("MapInitial", wd), t.component("MapboxGL", dd), t.component("TropicalGL", Xa), t.component("LatLngGL", qa), t.component("DateTimePicker", no), t.component("DateRangePicker", zd), t.component("PortDetail", so);
+    t.component("MapInitial", zd), t.component("MapboxGL", fd), t.component("TropicalGL", Xa), t.component("LatLngGL", qa), t.component("DateTimePicker", Do), t.component("DateRangePicker", Sd), t.component("PortDetail", Mo);
   }
 };
 export {
-  zd as DateRangePicker,
-  no as DateTimePicker,
+  Sd as DateRangePicker,
+  Do as DateTimePicker,
   qa as LatLngGL,
-  wd as MapInitial,
-  dd as MapboxGL,
-  Bd as MapboxGLPlugin,
+  zd as MapInitial,
+  fd as MapboxGL,
+  Hd as MapboxGLPlugin,
   ke as ParticleSchema,
-  so as PortDetail,
+  Mo as PortDetail,
   Xa as TropicalGL,
-  lo as Viewport,
+  Io as Viewport,
   Fe as WebGL,
   le as WebGLSchema
 };