@idmwx/idmui-gl4 0.6.0 → 0.6.2

package/dist/index.js

@@ -2,15 +2,15 @@ var Eo = Object.defineProperty;
 var jo = (o, e, t) => e in o ? Eo(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var re = (o, e, t) => (jo(o, typeof e != "symbol" ? e + "" : e, t), t);
 import Be from "axios";
-import { openBlock as y, createElementBlock as T, withDirectives as Jt, createElementVNode as l, vShow as eo, toDisplayString as x, normalizeStyle as oe, resolveComponent as k, createVNode as h, withCtx as g, mergeProps as E, normalizeClass as Ne, createTextVNode as Z, Fragment as ve, renderList as ze, createBlock as U, createCommentVNode as N, withModifiers as Fo } from "vue";
-import _e from "mapbox-gl";
-import { LngLatHelper as ie, TropicalHelper as Ao, LaneHelper as Fe } from "@idm-plugin/geo";
-import * as F from "@turf/turf";
-import { LayerHelper as Qt, CompanyHelper as No } from "@idm-plugin/tag-nop";
+import { openBlock as y, createElementBlock as T, withDirectives as eo, createElementVNode as l, vShow as to, toDisplayString as w, normalizeStyle as ae, resolveComponent as k, createVNode as h, withCtx as g, mergeProps as E, normalizeClass as Ne, createTextVNode as Z, Fragment as _e, renderList as Le, createBlock as U, createCommentVNode as F, withModifiers as Fo } from "vue";
+import ke from "mapbox-gl";
+import { LngLatHelper as oe, TropicalHelper as Ao, LaneHelper as Fe } from "@idm-plugin/geo";
+import * as j from "@turf/turf";
+import { LayerHelper as Jt, CompanyHelper as No } from "@idm-plugin/tag-nop";
 import O from "moment";
 import Ho from "@mapbox/sphericalmercator";
 import { LayerHelper as Wo } from "@idm-plugin/tag";
-import { Meteo2Assist as to } from "@idm-plugin/meteo";
+import { Meteo2Assist as oo } from "@idm-plugin/meteo";
 import { useTheme as Go } from "vuetify";
 const q = (o, e) => {
   const t = o.__vccOpts || o;
@@ -375,7 +375,7 @@ const $o = {
       if (t) {
         this.showZone = !0, this.form = { ...t.properties };
         const a = document.getElementById("idm-gl4-zone-info");
-        this.marker ? this.marker.setLngLat([o.lngLat.lng, o.lngLat.lat]) : this.marker = new _e.Marker(a).setLngLat([o.lngLat.lng, o.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([o.lngLat.lng, o.lngLat.lat]) : this.marker = new ke.Marker(a).setLngLat([o.lngLat.lng, o.lngLat.lat]).setOffset([0, 0]).addTo(this.map);
       }
     },
     handleRender() {
@@ -465,7 +465,7 @@ const $o = {
 }, ea = { id: "idm-gl4-zone-info" }, ta = ["innerHTML"];
 function oa(o, e, t, i, a, r) {
   var s;
-  return Jt((y(), T("div", ea, [
+  return eo((y(), T("div", ea, [
     l("div", {
       class: "iconfont close",
       onClick: e[0] || (e[0] = (c) => a.showZone = !1)
@@ -475,7 +475,7 @@ function oa(o, e, t, i, a, r) {
       innerHTML: (s = a.form) == null ? void 0 : s.name
     }, null, 8, ta)
   ], 512)), [
-    [eo, a.showZone]
+    [to, a.showZone]
   ]);
 }
 const aa = /* @__PURE__ */ q($o, [["render", oa]]);
@@ -508,12 +508,12 @@ const ia = {
   computed: {
     computeLat() {
       return function(o) {
-        return ie.lat2pretty(o, 4).pretty;
+        return oe.lat2pretty(o, 4).pretty;
       };
     },
     computeLng() {
       return function(o) {
-        return ie.lng2pretty(o, 4).pretty;
+        return oe.lng2pretty(o, 4).pretty;
       };
     }
   },
@@ -536,7 +536,7 @@ const ia = {
       if (t) {
         this.showPort = !0, this.form = { ...t.properties }, this.form.lng = t.geometry.coordinates[0], this.form.lat = t.geometry.coordinates[1];
         const a = document.getElementById("port-info");
-        this.marker ? this.marker.setLngLat([o.lngLat.lng, o.lngLat.lat]) : this.marker = new _e.Marker(a).setLngLat([o.lngLat.lng, o.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
+        this.marker ? this.marker.setLngLat([o.lngLat.lng, o.lngLat.lat]) : this.marker = new ke.Marker(a).setLngLat([o.lngLat.lng, o.lngLat.lat]).setOffset([0, -85]).addTo(this.map);
       }
     },
     handleRender() {
@@ -583,7 +583,7 @@ const ia = {
   style: { "align-items": "flex-start" }
 }, ha = { class: "meteo-forecast flex-end" };
 function da(o, e, t, i, a, r) {
-  return Jt((y(), T("div", ra, [
+  return eo((y(), T("div", ra, [
     l("div", {
       class: "close iconfont",
       onClick: e[0] || (e[0] = (s) => a.showPort = !1)
@@ -591,19 +591,19 @@ function da(o, e, t, i, a, r) {
     l("div", la, [
       l("div", sa, [
         e[2] || (e[2] = l("label", null, "Name : ", -1)),
-        l("span", null, x(a.form.name), 1)
+        l("span", null, w(a.form.name), 1)
       ]),
       l("div", na, [
         e[3] || (e[3] = l("label", null, "Position : ", -1)),
-        l("span", null, x(r.computeLat(a.form.lat)) + ", " + x(r.computeLng(a.form.lng)), 1)
+        l("span", null, w(r.computeLat(a.form.lat)) + ", " + w(r.computeLng(a.form.lng)), 1)
       ]),
       l("div", ca, [
         e[4] || (e[4] = l("label", null, "LoCode : ", -1)),
-        l("span", null, x(a.form.loCode || "-"), 1)
+        l("span", null, w(a.form.loCode || "-"), 1)
       ]),
       l("div", ma, [
         e[5] || (e[5] = l("label", null, "Region : ", -1)),
-        l("span", null, x(a.form.zoneName || "-"), 1)
+        l("span", null, w(a.form.zoneName || "-"), 1)
       ]),
       l("div", ha, [
         l("span", {
@@ -612,7 +612,7 @@ function da(o, e, t, i, a, r) {
       ])
     ])
   ], 512)), [
-    [eo, a.showPort]
+    [to, a.showPort]
   ]);
 }
 const pa = /* @__PURE__ */ q(ia, [["render", da], ["__scopeId", "data-v-474e9036"]]), ua = {
@@ -981,7 +981,7 @@ const _a = /* @__PURE__ */ q(xa, [["render", va]]), ka = {
   methods: {
     handleRender() {
       this.map ? (this.handleClear(), this.area && (this.area.features.forEach((o) => {
-        o.geometry.type === "Polygon" && o.geometry.coordinates.forEach((e) => ie.convertToMonotonicLng2(e));
+        o.geometry.type === "Polygon" && o.geometry.coordinates.forEach((e) => oe.convertToMonotonicLng2(e));
       }), this.map.addSource(this.source, {
         type: "geojson",
         data: this.area
@@ -1165,8 +1165,8 @@ const Sa = /* @__PURE__ */ q(Pa, [["render", Ca]]), Ma = {
 function Ta(o, e, t, i, a, r) {
   return null;
 }
-const Ra = /* @__PURE__ */ q(Ma, [["render", Ta]]);
-const Ia = {
+const Ia = /* @__PURE__ */ q(Ma, [["render", Ta]]);
+const Ra = {
   name: "IdmWorldMarine",
   props: {
     map: {
@@ -1206,7 +1206,7 @@ const Ia = {
 function Aa(o, e, t, i, a, r) {
   return null;
 }
-const Da = /* @__PURE__ */ q(Ia, [["render", Aa]]), Oa = {
+const Da = /* @__PURE__ */ q(Ra, [["render", Aa]]), Oa = {
   name: "IdmChinaRoute",
   props: {
     map: {
@@ -1269,7 +1269,7 @@ const ja = {
   },
   data() {
     return {
-      lngLat: void 0,
+      lngLat: { e: { lng: 0, lat: 0 }, lng: 0, lat: 0, str: "" },
       source: "idm-lat-lng-source",
       layer: "idm-lat-lng-layer",
       labelLayer: "idm-lat-lng-label-layer",
@@ -1301,6 +1301,12 @@ const ja = {
         this.right = (((o = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : o.clientWidth) || 0) + 10;
       },
       immediate: !0
+    },
+    "lngLat.e": {
+      handler(o) {
+        this.lngLat.lng = oe.lng2pretty(o == null ? void 0 : o.lng, 2).pretty, this.lngLat.lat = oe.lat2pretty(o == null ? void 0 : o.lat, 2).pretty, this.lngLat.str = `[${o == null ? void 0 : o.lng.toFixed(4)}, ${o == null ? void 0 : o.lat.toFixed(4)}]`;
+      },
+      immediate: !0
     }
   },
   methods: {
@@ -1309,8 +1315,7 @@ const ja = {
       this.show ? ((o = this.map) == null || o.on("zoomend", this.handleZoomEnd), this.handleRender()) : (this.handleClear(), (e = this.map) == null || e.off("zoomend", this.handleZoomEnd));
     },
     handleMouseMove(o) {
-      const e = o.lngLat, t = ie.lng2pretty(e.lng, 2), i = ie.lat2pretty(e.lat, 2), a = `[${e.lng.toFixed(4)}, ${e.lat.toFixed(4)}]`;
-      this.lngLat = { lng: t, lat: i, str: a };
+      this.lngLat.e = o.lngLat;
     },
     handleComputeLatLngs() {
       var i;
@@ -1357,7 +1362,7 @@ const ja = {
     handleZoomEnd() {
       var e;
       const o = this.handleComputeLatLngs();
-      (e = this.map) == null || e.getSource(this.source).setData(F.featureCollection(o));
+      (e = this.map) == null || e.getSource(this.source).setData(j.featureCollection(o));
     },
     handleRender() {
       if (this.handleClear(), this.map) {
@@ -1414,14 +1419,14 @@ const ja = {
   }
 };
 function Fa(o, e, t, i, a, r) {
-  var s, c, n, p, d;
+  var s, c, n;
   return y(), T("div", {
     class: "idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",
-    style: oe({ right: a.right + "px" })
+    style: ae({ right: a.right + "px" })
   }, [
-    l("div", null, x((c = (s = a.lngLat) == null ? void 0 : s.lat) == null ? void 0 : c.pretty), 1),
-    l("div", null, x((p = (n = a.lngLat) == null ? void 0 : n.lng) == null ? void 0 : p.pretty), 1),
-    l("div", null, x((d = a.lngLat) == null ? void 0 : d.str), 1)
+    l("div", null, w((s = a.lngLat) == null ? void 0 : s.lat), 1),
+    l("div", null, w((c = a.lngLat) == null ? void 0 : c.lng), 1),
+    l("div", null, w((n = a.lngLat) == null ? void 0 : n.str), 1)
   ], 4);
 }
 const Oo = /* @__PURE__ */ q(ja, [["render", Fa]]);
@@ -1438,7 +1443,7 @@ const Na = {
     IdmVRA: _a,
     IdmSpecialArea: La,
     IdmTerminator: Sa,
-    IdmWorld12nm: Ra,
+    IdmWorld12nm: Ia,
     IdmWorldMarine: Da,
     IdmChinaRoute: Ea,
     IdmLatLng: Oo
@@ -1488,7 +1493,7 @@ const Na = {
       right: 10,
       toggle: !1,
       mapFeather: localStorage.getItem("mapFeathersCacheGL4") || "light",
-      tagLayers: [...Qt.OTHER_LAYERS.filter((o) => o.enabled)],
+      tagLayers: [...Jt.OTHER_LAYERS.filter((o) => o.enabled)],
       layerWeight: 0,
       otherLayers: {},
       activeOtherLayers: [],
@@ -1596,9 +1601,9 @@ const Na = {
                 })
               );
             (await Promise.all(p)).map((m) => {
-              var b, S, C;
-              const f = ((b = m == null ? void 0 : m.data) == null ? void 0 : b.data) || (m == null ? void 0 : m.data), _ = (C = (S = m == null ? void 0 : m.config) == null ? void 0 : S.headers) == null ? void 0 : C.key;
-              this.otherLayers[_] = f;
+              var b, S, L;
+              const f = ((b = m == null ? void 0 : m.data) == null ? void 0 : b.data) || (m == null ? void 0 : m.data), v = (L = (S = m == null ? void 0 : m.config) == null ? void 0 : S.headers) == null ? void 0 : L.key;
+              this.otherLayers[v] = f;
             });
           }
         } else if (o.dayNight && e & 1024) {
@@ -1619,9 +1624,9 @@ const Na = {
                 })
               );
             (await Promise.all(p)).map((m) => {
-              var b, S, C;
-              const f = ((b = m == null ? void 0 : m.data) == null ? void 0 : b.data) || (m == null ? void 0 : m.data), _ = (C = (S = m == null ? void 0 : m.config) == null ? void 0 : S.headers) == null ? void 0 : C.key;
-              this.otherLayers[_] = f;
+              var b, S, L;
+              const f = ((b = m == null ? void 0 : m.data) == null ? void 0 : b.data) || (m == null ? void 0 : m.data), v = (L = (S = m == null ? void 0 : m.config) == null ? void 0 : S.headers) == null ? void 0 : L.key;
+              this.otherLayers[v] = f;
             });
           }
         }
@@ -1652,19 +1657,19 @@ const Na = {
   class: "border rounded-sm"
 }, Qa = { class: "text-body-2 text-center pt-1" }, Ja = { class: "layers-body" }, $a = { class: "layers-body" }, ei = { class: "layers-body" }, ti = { class: "layers-body" };
 function oi(o, e, t, i, a, r) {
-  var V, Y, $, ee, Q, ne, ce, de, me, K;
-  const s = k("VBtn"), c = k("VTooltip"), n = k("VCardTitle"), p = k("VCardItem"), d = k("VCheckbox"), m = k("VCardText"), f = k("VCard"), _ = k("IdmWorld12nm"), b = k("IdmWorldMarine"), S = k("IdmChinaRoute"), C = k("IdmWarZone"), B = k("IdmGmdssArea"), M = k("IdmEcaZone"), L = k("IdmAlertZone"), v = k("IdmPort"), z = k("IdmLoadLine"), P = k("IdmTimezone"), w = k("IdmVRA"), R = k("IdmSpecialArea"), W = k("IdmTerminator"), X = k("IdmLatLng");
+  var V, Y, $, ee, Q, ne, he, de, ce, K;
+  const s = k("VBtn"), c = k("VTooltip"), n = k("VCardTitle"), p = k("VCardItem"), d = k("VCheckbox"), m = k("VCardText"), f = k("VCard"), v = k("IdmWorld12nm"), b = k("IdmWorldMarine"), S = k("IdmChinaRoute"), L = k("IdmWarZone"), B = k("IdmGmdssArea"), M = k("IdmEcaZone"), P = k("IdmAlertZone"), _ = k("IdmPort"), z = k("IdmLoadLine"), C = k("IdmTimezone"), x = k("IdmVRA"), I = k("IdmSpecialArea"), W = k("IdmTerminator"), X = k("IdmLatLng");
   return y(), T("div", Ha, [
     l("div", {
       class: "menu-bar-box transition px-1 rounded",
-      style: oe({ top: t.top + 10 + "px", right: a.right + "px" })
+      style: ae({ top: t.top + 10 + "px", right: a.right + "px" })
     }, [
       h(c, {
         text: o.$t("layer.mapLayers"),
         location: "left"
       }, {
-        activator: g(({ props: I }) => [
-          h(s, E(I, {
+        activator: g(({ props: R }) => [
+          h(s, E(R, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -1683,10 +1688,10 @@ function oi(o, e, t, i, a, r) {
     ], 4),
     l("div", {
       class: Ne(["available-layers transition", a.toggle ? "right-bar" : ""]),
-      style: oe({ top: t.top + "px", right: a.toggle ? "0px" : "-280px" })
+      style: ae({ top: t.top + "px", right: a.toggle ? "0px" : "-280px" })
     }, [
       l("div", Wa, [
-        l("div", Ga, x(o.$t("layer.layers")), 1),
+        l("div", Ga, w(o.$t("layer.layers")), 1),
         h(s, {
           icon: "",
           density: "comfortable",
@@ -1717,7 +1722,7 @@ function oi(o, e, t, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    Z(x(o.$t("layer.mapFeathers")), 1)
+                    Z(w(o.$t("layer.mapFeathers")), 1)
                   ]),
                   _: 1
                 })
@@ -1727,26 +1732,26 @@ function oi(o, e, t, i, a, r) {
             h(m, null, {
               default: g(() => [
                 l("div", Va, [
-                  (y(!0), T(ve, null, ze(a.mapFeathers, (I) => (y(), T("div", {
-                    key: I.value,
+                  (y(!0), T(_e, null, Le(a.mapFeathers, (R) => (y(), T("div", {
+                    key: R.value,
                     class: "mb-2 feather-item",
-                    onClick: (le) => r.handleToggleMapFeather(I)
+                    onClick: (le) => r.handleToggleMapFeather(R)
                   }, [
                     l("div", {
-                      class: Ne([a.mapFeather === I.value ? "active" : "", "img-box"])
+                      class: Ne([a.mapFeather === R.value ? "active" : "", "img-box"])
                     }, [
-                      I.value === "dark" ? (y(), T("img", Za)) : I.value === "nautical" ? (y(), T("img", Xa)) : I.value === "satellite" ? (y(), T("img", qa)) : (y(), T("img", Ka))
+                      R.value === "dark" ? (y(), T("img", Za)) : R.value === "nautical" ? (y(), T("img", Xa)) : R.value === "satellite" ? (y(), T("img", qa)) : (y(), T("img", Ka))
                     ], 2),
-                    l("div", Qa, x(o.$t(`layer.${I.locale}`)), 1)
+                    l("div", Qa, w(o.$t(`layer.${R.locale}`)), 1)
                   ], 8, Ya))), 128))
                 ]),
                 l("div", Ja, [
-                  (y(!0), T(ve, null, ze(a.tagLayers.filter((I) => ["graticule", "day-night", "time-zones"].includes(I.key)), (I) => (y(), U(d, {
-                    key: I.key,
+                  (y(!0), T(_e, null, Le(a.tagLayers.filter((R) => ["graticule", "day-night", "time-zones"].includes(R.key)), (R) => (y(), U(d, {
+                    key: R.key,
                     modelValue: a.checkList,
                     "onUpdate:modelValue": e[0] || (e[0] = (le) => a.checkList = le),
-                    value: I.key,
-                    label: o.$t(`layer.${I.locale}`),
+                    value: R.key,
+                    label: o.$t(`layer.${R.locale}`),
                     color: "primary",
                     density: "compact",
                     style: { height: "36px" },
@@ -1772,7 +1777,7 @@ function oi(o, e, t, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    Z(x(o.$t("layer.pointsOfInteresting")), 1)
+                    Z(w(o.$t("layer.pointsOfInteresting")), 1)
                   ]),
                   _: 1
                 })
@@ -1782,12 +1787,12 @@ function oi(o, e, t, i, a, r) {
             h(m, null, {
               default: g(() => [
                 l("div", $a, [
-                  (y(!0), T(ve, null, ze(a.tagLayers.filter((I) => ["ports", "nav-warnings", "tidal-stations"].includes(I.key)), (I) => (y(), U(d, {
-                    key: I.key,
+                  (y(!0), T(_e, null, Le(a.tagLayers.filter((R) => ["ports", "nav-warnings", "tidal-stations"].includes(R.key)), (R) => (y(), U(d, {
+                    key: R.key,
                     modelValue: a.checkList,
                     "onUpdate:modelValue": e[1] || (e[1] = (le) => a.checkList = le),
-                    value: I.key,
-                    label: o.$t(`layer.${I.locale}`),
+                    value: R.key,
+                    label: o.$t(`layer.${R.locale}`),
                     color: "primary",
                     density: "compact",
                     style: { height: "36px" },
@@ -1813,7 +1818,7 @@ function oi(o, e, t, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    Z(x(o.$t("layer.otherLayers")), 1)
+                    Z(w(o.$t("layer.otherLayers")), 1)
                   ]),
                   _: 1
                 })
@@ -1823,12 +1828,12 @@ function oi(o, e, t, i, a, r) {
             h(m, null, {
               default: g(() => [
                 l("div", ei, [
-                  (y(!0), T(ve, null, ze(a.tagLayers.filter((I) => !["graticule", "day-night", "time-zones", "ports", "nav-warnings", "tidal-stations"].includes(I.key)), (I) => (y(), U(d, {
-                    key: I.key,
+                  (y(!0), T(_e, null, Le(a.tagLayers.filter((R) => !["graticule", "day-night", "time-zones", "ports", "nav-warnings", "tidal-stations"].includes(R.key)), (R) => (y(), U(d, {
+                    key: R.key,
                     modelValue: a.checkList,
                     "onUpdate:modelValue": e[2] || (e[2] = (le) => a.checkList = le),
-                    value: I.key,
-                    label: o.$t(`layer.${I.locale}`),
+                    value: R.key,
+                    label: o.$t(`layer.${R.locale}`),
                     color: "primary",
                     density: "compact",
                     style: { height: "36px" },
@@ -1854,7 +1859,7 @@ function oi(o, e, t, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    Z(x(o.$t("layer.myFollows")), 1)
+                    Z(w(o.$t("layer.myFollows")), 1)
                   ]),
                   _: 1
                 })
@@ -1866,7 +1871,7 @@ function oi(o, e, t, i, a, r) {
                 l("div", ti, [
                   h(d, {
                     modelValue: a.followList,
-                    "onUpdate:modelValue": e[3] || (e[3] = (I) => a.followList = I),
+                    "onUpdate:modelValue": e[3] || (e[3] = (R) => a.followList = R),
                     value: "ports",
                     label: o.$t("layer.ports"),
                     color: "primary",
@@ -1877,7 +1882,7 @@ function oi(o, e, t, i, a, r) {
                   }, null, 8, ["modelValue", "label"]),
                   h(d, {
                     modelValue: a.followList,
-                    "onUpdate:modelValue": e[4] || (e[4] = (I) => a.followList = I),
+                    "onUpdate:modelValue": e[4] || (e[4] = (R) => a.followList = R),
                     value: "locations",
                     label: o.$t("layer.locations"),
                     color: "primary",
@@ -1895,86 +1900,86 @@ function oi(o, e, t, i, a, r) {
         })
       ])
     ], 6),
-    t.map ? (y(), U(_, E({
+    t.map ? (y(), U(v, E({
       key: 0,
       map: t.map,
       token: t.token,
       show: a.checkList.includes("world12nm")
-    }, o.$attrs), null, 16, ["map", "token", "show"])) : N("", !0),
+    }, o.$attrs), null, 16, ["map", "token", "show"])) : F("", !0),
     t.map ? (y(), U(b, E({
       key: 1,
       map: t.map,
       token: t.token,
       show: a.checkList.includes("worldMarine")
-    }, o.$attrs), null, 16, ["map", "token", "show"])) : N("", !0),
+    }, o.$attrs), null, 16, ["map", "token", "show"])) : F("", !0),
     t.map ? (y(), U(S, E({
       key: 2,
       map: t.map,
       token: t.token,
       show: a.checkList.includes("chinaRoute")
-    }, o.$attrs), null, 16, ["map", "token", "show"])) : N("", !0),
-    t.map ? (y(), U(C, E({
+    }, o.$attrs), null, 16, ["map", "token", "show"])) : F("", !0),
+    t.map ? (y(), U(L, E({
       key: 3,
       map: t.map,
       zone: (V = a.otherLayers) == null ? void 0 : V["war-zones"]
-    }, o.$attrs), null, 16, ["map", "zone"])) : N("", !0),
+    }, o.$attrs), null, 16, ["map", "zone"])) : F("", !0),
     t.map ? (y(), U(B, E({
       key: 4,
       map: t.map,
       area: (Y = a.otherLayers) == null ? void 0 : Y["gmdss-areas"]
-    }, o.$attrs), null, 16, ["map", "area"])) : N("", !0),
+    }, o.$attrs), null, 16, ["map", "area"])) : F("", !0),
     t.map ? (y(), U(M, E({
       key: 5,
       map: t.map,
       zone: ($ = a.otherLayers) == null ? void 0 : $["eca-zones"]
-    }, o.$attrs), null, 16, ["map", "zone"])) : N("", !0),
-    t.map ? (y(), U(L, E({
+    }, o.$attrs), null, 16, ["map", "zone"])) : F("", !0),
+    t.map ? (y(), U(P, E({
       key: 6,
       map: t.map,
       zone: (ee = a.otherLayers) == null ? void 0 : ee["alert-zones"],
       "before-layer": "empty-layer-3"
-    }, o.$attrs), null, 16, ["map", "zone"])) : N("", !0),
-    t.map ? (y(), U(v, E({
+    }, o.$attrs), null, 16, ["map", "zone"])) : F("", !0),
+    t.map ? (y(), U(_, E({
       key: 7,
       map: t.map,
       port: (Q = a.otherLayers) == null ? void 0 : Q.ports,
       "forecast-model": t.forecastModel
-    }, o.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "port", "forecast-model"])) : N("", !0),
+    }, o.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "port", "forecast-model"])) : F("", !0),
     t.map ? (y(), U(z, E({
       key: 8,
       map: t.map,
       line: (ne = a.otherLayers) == null ? void 0 : ne["load-lines"]
-    }, o.$attrs), null, 16, ["map", "line"])) : N("", !0),
-    t.map ? (y(), U(P, E({
+    }, o.$attrs), null, 16, ["map", "line"])) : F("", !0),
+    t.map ? (y(), U(C, E({
       key: 9,
       map: t.map,
-      zone: (ce = a.otherLayers) == null ? void 0 : ce["time-zones"]
-    }, o.$attrs), null, 16, ["map", "zone"])) : N("", !0),
-    t.map ? (y(), U(w, E({
+      zone: (he = a.otherLayers) == null ? void 0 : he["time-zones"]
+    }, o.$attrs), null, 16, ["map", "zone"])) : F("", !0),
+    t.map ? (y(), U(x, E({
       key: 10,
       map: t.map,
       area: (de = a.otherLayers) == null ? void 0 : de["voluntary-reporting-area"]
-    }, o.$attrs), null, 16, ["map", "area"])) : N("", !0),
-    t.map ? (y(), U(R, E({
+    }, o.$attrs), null, 16, ["map", "area"])) : F("", !0),
+    t.map ? (y(), U(I, E({
       key: 11,
       map: t.map,
-      area: (me = a.otherLayers) == null ? void 0 : me["special-area"]
-    }, o.$attrs), null, 16, ["map", "area"])) : N("", !0),
+      area: (ce = a.otherLayers) == null ? void 0 : ce["special-area"]
+    }, o.$attrs), null, 16, ["map", "area"])) : F("", !0),
     t.map ? (y(), U(W, E({
       key: 12,
       map: t.map,
       area: (K = a.otherLayers) == null ? void 0 : K["day-night"]
-    }, o.$attrs), null, 16, ["map", "area"])) : N("", !0),
+    }, o.$attrs), null, 16, ["map", "area"])) : F("", !0),
     t.map ? (y(), U(X, E({
       key: 13,
       map: t.map,
       "menu-toggle": t.menuToggle,
       show: a.checkList.includes("graticule")
-    }, o.$attrs), null, 16, ["map", "menu-toggle", "show"])) : N("", !0)
+    }, o.$attrs), null, 16, ["map", "menu-toggle", "show"])) : F("", !0)
   ]);
 }
 const ai = /* @__PURE__ */ q(Na, [["render", oi]]);
-class oo {
+class ao {
   constructor(e) {
     re(this, "map");
     re(this, "mercator");
@@ -2024,8 +2029,8 @@ class oo {
     const e = (b = this.map) == null ? void 0 : b.getBounds();
     if (!e)
       return [];
-    const t = ((S = this.map) == null ? void 0 : S.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, s] = this.convertNLng(i[0]), [c, n] = this.convertNLng(a[0]), [p, d] = this.mercator.px([r, i[1]], t), [m, f] = this.mercator.px([c, a[1]], t), _ = Math.round(this.mercator.size * Math.pow(2, t) * (s + n));
-    return [m, f, p + _, d];
+    const t = ((S = this.map) == null ? void 0 : S.getZoom()) + 1, i = [e._ne.lng, e._ne.lat], a = [e._sw.lng, e._sw.lat], [r, s] = this.convertNLng(i[0]), [c, n] = this.convertNLng(a[0]), [p, d] = this.mercator.px([r, i[1]], t), [m, f] = this.mercator.px([c, a[1]], t), v = Math.round(this.mercator.size * Math.pow(2, t) * (s + n));
+    return [m, f, p + v, d];
   }
   /**
    * [视窗边界像素宽度]
@@ -2208,10 +2213,10 @@ class je {
           sRange: t.getUniformLocation(i, "u_range_s")
         };
         d.resolution && t.uniform2f(d.resolution, t.canvas.width * e.ratio, t.canvas.height * e.ratio), t.activeTexture(t.TEXTURE0), t.bindTexture(t.TEXTURE_2D, a), d.image && t.uniform1i(d.image, 0), t.activeTexture(t.TEXTURE1), t.bindTexture(t.TEXTURE_2D, r), d.color && t.uniform1i(d.color, 1), c != null && c.uvRange && (c != null && c.sRange) && (d.uvRange && t.uniform2f(d.uvRange, c.uvRange[0], c.uvRange[1]), d.sRange && t.uniform2f(d.sRange, c.sRange[0], c.sRange[1])), d.scale && t.uniform1f(d.scale, (c == null ? void 0 : c.scale) || 1);
-        const m = e.getBoundPixel(), f = e.map.getZoom() + 1, _ = e.getWorldCopy(m, f);
-        for (const b of _) {
-          const S = (b[0] - m[0]) * e.ratio, C = (b[1] - m[3]) * e.ratio, B = b[2] * e.ratio, [M, L, v, z] = [S, B + S, C, B + C], P = new Float32Array([M, v, L, v, M, z, M, z, L, v, L, z]);
-          t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, P, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
+        const m = e.getBoundPixel(), f = e.map.getZoom() + 1, v = e.getWorldCopy(m, f);
+        for (const b of v) {
+          const S = (b[0] - m[0]) * e.ratio, L = (b[1] - m[3]) * e.ratio, B = b[2] * e.ratio, [M, P, _, z] = [S, B + S, L, B + L], C = new Float32Array([M, _, P, _, M, z, M, z, P, _, P, z]);
+          t.bindBuffer(t.ARRAY_BUFFER, s), t.bufferData(t.ARRAY_BUFFER, C, t.STATIC_DRAW), t.drawArrays(t.TRIANGLES, 0, 6);
         }
       } catch (d) {
         console.log(`render failed...${d}`);
@@ -2308,9 +2313,9 @@ re(se, "fragmentSchema", `
       vec4 color = texture2D(u_color, vec2(rgba.r, 0));
       gl_FragColor = color;
     }`);
-class be {
+class ye {
 }
-re(be, "vertexSchema", `
+re(ye, "vertexSchema", `
     precision mediump float;
 
     attribute float a_index; // 索引
@@ -2334,7 +2339,7 @@ re(be, "vertexSchema", `
       gl_PointSize = 1.0;
       // gl_PointSize = u_point;
       gl_Position = vec4(2.0 * v_particle_pos.x - 1.0, 1.0 - 2.0 * v_particle_pos.y, 0, 1);
-    }`), re(be, "fragmentSchema", `
+    }`), re(ye, "fragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_factor;
@@ -2356,7 +2361,7 @@ re(be, "vertexSchema", `
 
       float f = 1.0 - uv.b;
       gl_FragColor = texture2D(u_color_ramp, ramp_pos) * f;
-    }`), re(be, "quadVertSchema", `
+    }`), re(ye, "quadVertSchema", `
     precision mediump float;
 
     attribute vec2 a_pos;
@@ -2366,7 +2371,7 @@ re(be, "vertexSchema", `
     void main() {
       v_tex_pos = a_pos;
       gl_Position = vec4(1.0 - 2.0 * a_pos, 0, 1);
-    }`), re(be, "screenFragmentSchema", `
+    }`), re(ye, "screenFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_screen;
@@ -2378,7 +2383,7 @@ re(be, "vertexSchema", `
       vec4 color = texture2D(u_screen, 1.0 - v_tex_pos);
       // a hack to guarantee opacity fade out even with a value close to 1.0
       gl_FragColor = vec4(floor(255.0 * color * u_opacity) / 255.0);
-    }`), re(be, "updateFragmentSchema", `
+    }`), re(ye, "updateFragmentSchema", `
     precision mediump float;
 
     uniform sampler2D u_particles;
@@ -2489,7 +2494,7 @@ const ii = {
       showCaption: !1,
       source: "wind-barb-source",
       barbs: [0, 2, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100, 105],
-      empty: F.featureCollection([]),
+      empty: j.featureCollection([]),
       right: 10,
       bottom: 125,
       windBarbLoaded: !1
@@ -2608,7 +2613,7 @@ const si = {
       type: Object
     },
     viewport: {
-      type: oo
+      type: ao
     },
     menuToggle: {
       type: Object
@@ -2725,11 +2730,11 @@ const si = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          be.vertexSchema,
-          be.fragmentSchema,
-          be.quadVertSchema,
-          be.screenFragmentSchema,
-          be.updateFragmentSchema
+          ye.vertexSchema,
+          ye.fragmentSchema,
+          ye.quadVertSchema,
+          ye.screenFragmentSchema,
+          ye.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, o, !0, 16, 16), this.wrapper = { ...this.wrapper, ...this.webgl.setupParticle(this.particleContext, 9e3), ...this.webgl.resize(this.viewport, this.particleContext) }, this.viewport.map.on("resize", this.handleResize), this.viewport.map.on("movestart", this.handlePause), this.viewport.map.on("moveend", this.handlePlay);
       }
     },
@@ -2773,7 +2778,7 @@ function ci(o, e, t, i, a, r) {
   return (s = t.factor) != null && s.active ? (y(), T("div", ni, [
     l("div", {
       class: "legend-bars-gl4 wind",
-      style: oe({ right: a.right + "px" })
+      style: ae({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       l("span", null, "kts", -1),
       l("span", null, "0", -1),
@@ -2784,7 +2789,7 @@ function ci(o, e, t, i, a, r) {
       l("span", null, "40", -1),
       l("span", null, "60", -1)
     ]), 4)
-  ])) : N("", !0);
+  ])) : F("", !0);
 }
 const mi = /* @__PURE__ */ q(si, [["render", ci]]), hi = {
   name: "IdmCurrent",
@@ -2818,7 +2823,7 @@ const mi = /* @__PURE__ */ q(si, [["render", ci]]), hi = {
       directionLayer: "current-direction-layer",
       speedLayer: "current-speed-layer",
       speedLabelLayer: "current-speed-label-layer",
-      empty: F.featureCollection([])
+      empty: j.featureCollection([])
     };
   },
   computed: {
@@ -2963,7 +2968,7 @@ const ui = {
       type: Object
     },
     viewport: {
-      type: oo
+      type: ao
     },
     menuToggle: {
       type: Object
@@ -3073,11 +3078,11 @@ const ui = {
         ];
         this.wrapper = this.webgl.bindParticle(
           this.particleContext,
-          be.vertexSchema,
-          be.fragmentSchema,
-          be.quadVertSchema,
-          be.screenFragmentSchema,
-          be.updateFragmentSchema
+          ye.vertexSchema,
+          ye.fragmentSchema,
+          ye.quadVertSchema,
+          ye.screenFragmentSchema,
+          ye.updateFragmentSchema
         ), this.wrapper.color = this.webgl.setup(this.particleContext, o, !0, 16, 16), this.wrapper = {
           ...this.wrapper,
           ...this.webgl.setupParticle(this.particleContext, 9e3),
@@ -3125,7 +3130,7 @@ function fi(o, e, t, i, a, r) {
   return (s = t.factor) != null && s.active ? (y(), T("div", gi, [
     l("div", {
       class: "legend-bars-gl4 current",
-      style: oe({ right: a.right + "px" })
+      style: ae({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       l("span", null, "kts", -1),
       l("span", null, "0", -1),
@@ -3135,7 +3140,7 @@ function fi(o, e, t, i, a, r) {
       l("span", null, "2", -1),
       l("span", null, "3.2", -1)
     ]), 4)
-  ])) : N("", !0);
+  ])) : F("", !0);
 }
 const bi = /* @__PURE__ */ q(ui, [["render", fi]]);
 const yi = {
@@ -3253,7 +3258,7 @@ function xi(o, e, t, i, a, r) {
   return (s = t.factor) != null && s.active ? (y(), T("div", wi, [
     l("div", {
       class: "legend-bars-gl4 sig-wave",
-      style: oe({ right: a.right + "px" })
+      style: ae({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       l("span", null, "m", -1),
       l("span", null, "0.5", -1),
@@ -3263,7 +3268,7 @@ function xi(o, e, t, i, a, r) {
       l("span", null, "6", -1),
       l("span", null, "9", -1)
     ]), 4)
-  ])) : N("", !0);
+  ])) : F("", !0);
 }
 const vi = /* @__PURE__ */ q(yi, [["render", xi], ["__scopeId", "data-v-79ce70e2"]]), _i = {
   name: "IdmSigWave",
@@ -3289,7 +3294,7 @@ const vi = /* @__PURE__ */ q(yi, [["render", xi], ["__scopeId", "data-v-79ce70e2
       source: "sig-wave-height-source",
       heightLayer: "sig-wave-height-layer",
       heightLabelLayer: "sig-wave-height-label-layer",
-      empty: F.featureCollection([])
+      empty: j.featureCollection([])
     };
   },
   watch: {
@@ -3418,7 +3423,7 @@ const zi = /* @__PURE__ */ q(_i, [["render", ki]]), Li = {
       directionLayer: "swell-direction-layer",
       heightLayer: "swell-height-layer",
       heightLabelLayer: "swell-height-label-layer",
-      empty: F.featureCollection([])
+      empty: j.featureCollection([])
     };
   },
   watch: {
@@ -3577,7 +3582,7 @@ const Ci = /* @__PURE__ */ q(Li, [["render", Pi]]), Si = {
       layer: "prmsl-layer",
       labelLayer: "prmsl-label-layer",
       pointLabelLayer: "prmsl-point-label-layer",
-      empty: F.featureCollection([])
+      empty: j.featureCollection([])
     };
   },
   watch: {
@@ -3686,7 +3691,7 @@ function Ti(o, e, t, i, a, r) {
   return (n = t.prmsl) != null && n.active ? (y(), T("div", Mi, [
     l("div", {
       class: "menu-bar-box pa-1 rounded",
-      style: oe({ right: a.right + "px" })
+      style: ae({ right: a.right + "px" })
     }, [
       h(c, {
         text: "Map Layers",
@@ -3711,10 +3716,10 @@ function Ti(o, e, t, i, a, r) {
         _: 1
       })
     ], 4)
-  ])) : N("", !0);
+  ])) : F("", !0);
 }
-const Ri = /* @__PURE__ */ q(Si, [["render", Ti]]);
-const Ii = {
+const Ii = /* @__PURE__ */ q(Si, [["render", Ti]]);
+const Ri = {
   name: "IdmIceEdge",
   props: {
     factor: {
@@ -3821,7 +3826,7 @@ function Di(o, e, t, i, a, r) {
   return (s = t.factor) != null && s.active ? (y(), T("div", Ai, [
     l("div", {
       class: "legend-bars-gl4 ice-edge",
-      style: oe({ right: a.right + "px" })
+      style: ae({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       l("span", { style: { color: "rgba(var(--v-theme-black), 0.7)" } }, "%", -1),
       l("span", null, null, -1),
@@ -3836,9 +3841,9 @@ function Di(o, e, t, i, a, r) {
       l("span", null, "90", -1),
       l("span", null, null, -1)
     ]), 4)
-  ])) : N("", !0);
+  ])) : F("", !0);
 }
-const Oi = /* @__PURE__ */ q(Ii, [["render", Di]]);
+const Oi = /* @__PURE__ */ q(Ri, [["render", Di]]);
 const Bi = {
   name: "IdmCover",
   props: {
@@ -3937,7 +3942,7 @@ function ji(o, e, t, i, a, r) {
   return (s = t.factor) != null && s.active ? (y(), T("div", Ei, [
     l("div", {
       class: "legend-bars-gl4 ice-cover",
-      style: oe({ right: a.right + "px" })
+      style: ae({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       l("span", null, "%", -1),
       l("span", null, "20", -1),
@@ -3946,7 +3951,7 @@ function ji(o, e, t, i, a, r) {
       l("span", null, "80", -1),
       l("span", null, "100", -1)
     ]), 4)
-  ])) : N("", !0);
+  ])) : F("", !0);
 }
 const Fi = /* @__PURE__ */ q(Bi, [["render", ji], ["__scopeId", "data-v-9696d73b"]]);
 const Ni = {
@@ -4055,7 +4060,7 @@ function Wi(o, e, t, i, a, r) {
   return (s = t.factor) != null && s.active ? (y(), T("div", Hi, [
     l("div", {
       class: "legend-bars-gl4 ice-thickness",
-      style: oe({ right: a.right + "px" })
+      style: ae({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       l("span", null, "m", -1),
       l("span", null, "0", -1),
@@ -4065,7 +4070,7 @@ function Wi(o, e, t, i, a, r) {
       l("span", null, "2", -1),
       l("span", null, "3", -1)
     ]), 4)
-  ])) : N("", !0);
+  ])) : F("", !0);
 }
 const Gi = /* @__PURE__ */ q(Ni, [["render", Wi]]);
 const Ui = {
@@ -4175,7 +4180,7 @@ function Yi(o, e, t, i, a, r) {
   return (s = t.factor) != null && s.active ? (y(), T("div", Vi, [
     l("div", {
       class: "legend-bars-gl4 precip3h",
-      style: oe({ right: a.right + "px" })
+      style: ae({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       l("span", null, "mm", -1),
       l("span", null, "1.5", -1),
@@ -4186,7 +4191,7 @@ function Yi(o, e, t, i, a, r) {
       l("span", null, "20", -1),
       l("span", null, "30", -1)
     ]), 4)
-  ])) : N("", !0);
+  ])) : F("", !0);
 }
 const Zi = /* @__PURE__ */ q(Ui, [["render", Yi]]);
 const Xi = {
@@ -4286,7 +4291,7 @@ function Ki(o, e, t, i, a, r) {
   return (s = t.factor) != null && s.active ? (y(), T("div", qi, [
     l("div", {
       class: "legend-bars-gl4 visibility",
-      style: oe({ right: a.right + "px" })
+      style: ae({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       l("span", null, "nm", -1),
       l("span", null, "0", -1),
@@ -4295,7 +4300,7 @@ function Ki(o, e, t, i, a, r) {
       l("span", null, "3", -1),
       l("span", null, "9", -1)
     ]), 4)
-  ])) : N("", !0);
+  ])) : F("", !0);
 }
 const Qi = /* @__PURE__ */ q(Xi, [["render", Ki]]);
 const Ji = {
@@ -4398,7 +4403,7 @@ function er(o, e, t, i, a, r) {
   return (s = t.factor) != null && s.active ? (y(), T("div", $i, [
     l("div", {
       class: "legend-bars-gl4 water-temp",
-      style: oe({ right: a.right + "px" })
+      style: ae({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       l("span", null, "°C", -1),
       l("span", null, "0", -1),
@@ -4407,7 +4412,7 @@ function er(o, e, t, i, a, r) {
       l("span", null, "30", -1),
       l("span", null, "40", -1)
     ]), 4)
-  ])) : N("", !0);
+  ])) : F("", !0);
 }
 const tr = /* @__PURE__ */ q(Ji, [["render", er]]);
 const or = {
@@ -4521,7 +4526,7 @@ function ir(o, e, t, i, a, r) {
   return (s = t.factor) != null && s.active ? (y(), T("div", ar, [
     l("div", {
       class: "legend-bars-gl4 temp",
-      style: oe({ right: a.right + "px" })
+      style: ae({ right: a.right + "px" })
     }, e[0] || (e[0] = [
       l("span", null, "°C", -1),
       l("span", null, "-20", -1),
@@ -4532,7 +4537,7 @@ function ir(o, e, t, i, a, r) {
       l("span", null, "30", -1),
       l("span", null, "40", -1)
     ]), 4)
-  ])) : N("", !0);
+  ])) : F("", !0);
 }
 const rr = /* @__PURE__ */ q(or, [["render", ir]]);
 const lr = {
@@ -4545,7 +4550,7 @@ const lr = {
     IdmWave: vi,
     IdmSigWaveHeight: zi,
     IdmSwell: Ci,
-    IdmPrmsl: Ri,
+    IdmPrmsl: Ii,
     IdmIceEdge: Oi,
     IdmIceCover: Fi,
     IdmIceThickness: Gi,
@@ -4569,8 +4574,7 @@ const lr = {
       type: String
     },
     gateway: {
-      type: String,
-      default: "aa"
+      type: String
     },
     assistGateway: {
       type: Array,
@@ -4606,9 +4610,10 @@ const lr = {
       right: 10,
       toggle: !1,
       autoActive: !0,
-      allLayers: [...Qt.WEATHER_LAYERS],
-      tagLayers: [...Qt.WEATHER_LAYERS.filter((o) => !o.hide)],
+      allLayers: [...Jt.WEATHER_LAYERS],
+      tagLayers: [...Jt.WEATHER_LAYERS.filter((o) => !o.hide)],
       checkList: [],
+      renderKey: "",
       iceToggleValue: void 0,
       weatherLayers: {},
       activeWeatherLayers: [],
@@ -4688,7 +4693,7 @@ const lr = {
   watch: {
     "menuToggle.v": {
       handler() {
-        this.toggle = this.menuToggle.weatherLayers, this.$nextTick(() => {
+        this.toggle = this.menuToggle.weatherLayers, this.menuToggle.weatherLayers && (this.autoActive = !0), this.$nextTick(() => {
           var o;
           this.right = (((o = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : o.clientWidth) || 0) + 10;
         });
@@ -4701,7 +4706,7 @@ const lr = {
     },
     map: {
       handler() {
-        this.map && (this.map.on("move", this.handleMove4Weather), this.viewport = new oo(this.map), this.handleRampColorInitial(), this.handleWeatherLayerChange());
+        this.map && (this.map.on("move", this.handleMove4Weather), this.viewport = new ao(this.map), this.handleRampColorInitial(), this.handleWeatherLayerChange());
       },
       immediate: !0
     },
@@ -4713,6 +4718,11 @@ const lr = {
       },
       immediate: !0
     },
+    renderKey: {
+      handler(o, e) {
+        o && o !== e && (this.checkList = [o]);
+      }
+    },
     checkList: {
       handler(o, e) {
         this.handleCheckListChange(o, e), this.$emit("weatherCheckList", o);
@@ -4742,6 +4752,7 @@ const lr = {
     },
     isLogin: {
       handler(o) {
+        o ? (this.fetchModels(), this.fetchWeatherLayers()) : this.models = {};
       },
       immediate: !0
     }
@@ -4762,10 +4773,10 @@ const lr = {
       const o = localStorage.getItem(this.cache.versionKey);
       this.cache.v !== o && (localStorage.removeItem(this.cache.autoActiveKey), localStorage.removeItem(this.cache.checkListKey), localStorage.setItem(this.cache.versionKey, this.cache.v));
       let e = localStorage.getItem(this.cache.autoActiveKey);
-      this.autoActive = e !== "false", localStorage.setItem(this.cache.autoActiveKey, this.autoActive), e = localStorage.getItem(this.cache.checkListKey), this.checkList = JSON.parse(e || "[]"), localStorage.setItem(this.cache.checkListKey, JSON.stringify(this.checkList));
+      this.autoActive = e !== "false", localStorage.setItem(this.cache.autoActiveKey, this.autoActive), e = localStorage.getItem(this.cache.checkListKey), this.checkList = JSON.parse(e || "[]"), this.checkList.find((t) => this.rendersKeys.includes(t)) && (this.renderKey = this.checkList.find((t) => this.rendersKeys.includes(t))), localStorage.setItem(this.cache.checkListKey, JSON.stringify(this.checkList));
     },
     handleMenuToggle() {
-      this.$emit("menuToggle", "weatherLayers"), this.autoActive && this.$parent.$refs.idmBottomBar.handleToggle(this.autoActive);
+      this.$emit("menuToggle", "weatherLayers");
     },
     handleFastWeatherToggle(o) {
       let e = [];
@@ -4775,7 +4786,7 @@ const lr = {
       if (this.arraysEqual(o, e))
         return !1;
       const t = [...new Set(o)], i = t == null ? void 0 : t.filter((r) => !(e != null && e.includes(r)))[0], a = e == null ? void 0 : e.filter((r) => !(t != null && t.includes(r)))[0];
-      i && (i === "ice-cover" || i === "ice-thickness" || i === "ice-forecast" ? (this.checkList = ["ice-forecast", this.iceToggleValue || "ice-cover"], this.iceToggleValue = this.iceToggleValue || "ice-cover") : this.rendersKeys.includes(i) ? this.checkList = [i] : this.checkList = t.filter((r) => !this.rendersKeys.includes(r))), a && (a === "ice-forecast" ? (this.checkList = t.filter((r) => !["ice-cover", "ice-thickness", "ice-forecast"].includes(r)), this.iceToggleValue = void 0) : this.checkList = t), this.checkList.includes("wind-particle") && (this.showWindParticle = !0), this.checkList.includes("current-particle") && (this.showCurrentParticle = !0), localStorage.setItem(this.cache.checkListKey, JSON.stringify(t)), this.activeWeatherLayers = this.autoActive ? this.allLayers.filter((r) => t.includes(r.key)) : [], this.handleWeatherLayerChange();
+      i && (i === "ice-cover" || i === "ice-thickness" || i === "ice-forecast" ? (this.checkList = ["ice-forecast", this.iceToggleValue || "ice-cover"], this.iceToggleValue = this.iceToggleValue || "ice-cover") : this.rendersKeys.includes(i) ? this.checkList = [i] : (this.checkList = t.filter((r) => !this.rendersKeys.includes(r)), this.renderKey = void 0)), a && (a === "ice-forecast" ? (this.checkList = t.filter((r) => !["ice-cover", "ice-thickness", "ice-forecast"].includes(r)), this.iceToggleValue = void 0) : this.checkList = t), this.checkList.includes("wind-particle") && (this.showWindParticle = !0), this.checkList.includes("current-particle") && (this.showCurrentParticle = !0), localStorage.setItem(this.cache.checkListKey, JSON.stringify(t)), this.activeWeatherLayers = this.autoActive ? this.allLayers.filter((r) => t.includes(r.key)) : [], this.handleWeatherLayerChange();
     },
     async fetchModels() {
       this.models = {};
@@ -4791,19 +4802,19 @@ const lr = {
       const e = (/* @__PURE__ */ new Date()).valueOf();
       let t = 0, i = 0;
       if (this.map) {
-        const _ = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, b = (r = this.map) == null ? void 0 : r.getBounds(), S = `${b._sw.lng},${b._sw.lat},${b._ne.lng},${b._ne.lat}`;
+        const v = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, b = (r = this.map) == null ? void 0 : r.getBounds(), S = `${b._sw.lng},${b._sw.lat},${b._ne.lng},${b._ne.lat}`;
         if (this.particleFactor && ((s = this.$refs.layer) != null && s.autoActive)) {
-          const C = Qt.WEATHER_LAYERS.find((B) => {
+          const L = Jt.WEATHER_LAYERS.find((B) => {
             var M;
             return ((M = B.peer) == null ? void 0 : M.weight) === this.particleFactor.weight;
           });
-          this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & C.weight ? this.weatherWeight : this.weatherWeight + C.weight : this.weatherWeight = this.weatherWeight & C.weight ? this.weatherWeight - C.weight : this.weatherWeight;
+          this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & L.weight ? this.weatherWeight : this.weatherWeight + L.weight : this.weatherWeight = this.weatherWeight & L.weight ? this.weatherWeight - L.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
-          let C = this.weatherWeight;
-          if (C > 0) {
+          let L = this.weatherWeight;
+          if (L > 0) {
             const B = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], M = await Be.get(
-              `${B}/api/arc/weather/layers2/links?l=${C}&v=${this.forecastModel}&z=${_}&bbox=${S}&t=${this.realTime}`,
+              `${B}/api/arc/weather/layers2/links?l=${L}&v=${this.forecastModel}&z=${v}&bbox=${S}&t=${this.realTime}`,
               {
                 headers: {
                   Authorization: this.token || this.defaultMeteoToken
@@ -4811,46 +4822,46 @@ const lr = {
               }
             );
             if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather links elapsed: ", i, ", total: ", t += i), ((c = M == null ? void 0 : M.data) == null ? void 0 : c.code) === 0) {
-              const L = (n = M == null ? void 0 : M.data) == null ? void 0 : n.data, v = [];
-              for (const P in L)
-                v.push(
-                  Be.get(L[P], {
+              const P = (n = M == null ? void 0 : M.data) == null ? void 0 : n.data, _ = [];
+              for (const C in P)
+                _.push(
+                  Be.get(P[C], {
                     headers: {
                       Authorization: this.token || this.defaultMeteoToken,
-                      key: P
+                      key: C
                     },
-                    responseType: /\.(jpg|png)$/.test(L[P]) ? "blob" : "json"
-                  }).catch((w) => {
-                    console.log(`[${P}] fetch layer error: ${w}`);
+                    responseType: /\.(jpg|png)$/.test(P[C]) ? "blob" : "json"
+                  }).catch((x) => {
+                    console.log(`[${C}] fetch layer error: ${x}`);
                   })
                 );
-              const z = await Promise.all(v);
-              this.weatherLayers = {}, z.map((P) => {
+              const z = await Promise.all(_);
+              this.weatherLayers = {}, z.map((C) => {
                 var W, X, V, Y;
-                const w = ((W = P == null ? void 0 : P.data) == null ? void 0 : W.data) || (P == null ? void 0 : P.data);
-                let R = (V = (X = P == null ? void 0 : P.config) == null ? void 0 : X.headers) == null ? void 0 : V.key;
-                R && w && (this.weatherLayers[R] = {
-                  raw: w,
-                  type: ((Y = P == null ? void 0 : P.config) == null ? void 0 : Y.responseType) === "blob" ? "image" : "json",
+                const x = ((W = C == null ? void 0 : C.data) == null ? void 0 : W.data) || (C == null ? void 0 : C.data);
+                let I = (V = (X = C == null ? void 0 : C.config) == null ? void 0 : X.headers) == null ? void 0 : V.key;
+                I && x && (this.weatherLayers[I] = {
+                  raw: x,
+                  type: ((Y = C == null ? void 0 : C.config) == null ? void 0 : Y.responseType) === "blob" ? "image" : "json",
                   etime: M.data.etime
                 });
               });
             }
             if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + t), console.log("weather layers elapsed: ", i, ", total: ", t += i), this.weatherLayers["swell-direction"] || this.weatherLayers["swell-height"]) {
-              const L = (p = this.weatherLayers["swell-direction"]) == null ? void 0 : p.raw, v = (d = this.weatherLayers["swell-height"]) == null ? void 0 : d.raw;
+              const P = (p = this.weatherLayers["swell-direction"]) == null ? void 0 : p.raw, _ = (d = this.weatherLayers["swell-height"]) == null ? void 0 : d.raw;
               delete this.weatherLayers["swell-direction"], delete this.weatherLayers["swell-height"], this.weatherLayers.swell = {
                 type: "json",
-                direction: L,
-                height: { raw: v },
+                direction: P,
+                height: { raw: _ },
                 etime: M.data.etime
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
-              const L = (m = this.weatherLayers["current-direction"]) == null ? void 0 : m.raw, v = (f = this.weatherLayers["current-speed"]) == null ? void 0 : f.raw;
+              const P = (m = this.weatherLayers["current-direction"]) == null ? void 0 : m.raw, _ = (f = this.weatherLayers["current-speed"]) == null ? void 0 : f.raw;
               delete this.weatherLayers["current-direction"], delete this.weatherLayers["current-speed"], this.weatherLayers.current = {
                 type: "json",
-                direction: L,
-                speed: { raw: v },
+                direction: P,
+                speed: { raw: _ },
                 etime: M.data.etime
               };
             }
@@ -4913,244 +4924,244 @@ const lr = {
       );
     },
     handleDrawWeather4Json() {
-      var p, d, m, f, _, b, S;
+      var p, d, m, f, v, b, S;
       const o = (/* @__PURE__ */ new Date()).valueOf();
       let e = 0, t = 0;
-      const i = (p = this.map) == null ? void 0 : p.getBounds(), a = (d = this.map) == null ? void 0 : d.getZoom(), r = ie.convertToStdLng(i._sw.lng), s = ie.convertToStdLng(i._ne.lng), c = Math.floor(i._sw.lat), n = Math.ceil(i._ne.lat);
-      for (const C in this.weatherLayers) {
+      const i = (p = this.map) == null ? void 0 : p.getBounds(), a = (d = this.map) == null ? void 0 : d.getZoom(), r = oe.convertToStdLng(i._sw.lng), s = oe.convertToStdLng(i._ne.lng), c = Math.floor(i._sw.lat), n = Math.ceil(i._ne.lat);
+      for (const L in this.weatherLayers) {
         let B = !1;
-        if (this.weatherLayers[C].active && this.weatherLayers[C].type === "json") {
+        if (this.weatherLayers[L].active && this.weatherLayers[L].type === "json") {
           let M = [];
-          if (C === "swell") {
+          if (L === "swell") {
             B = !0;
-            const L = ((m = this.weatherLayers[C]) == null ? void 0 : m.direction) || {};
-            for (const z in L)
+            const P = ((m = this.weatherLayers[L]) == null ? void 0 : m.direction) || {};
+            for (const z in P)
               if (z > c && z < n && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const P = L[z].lng;
-                r > s ? P.forEach((w, R) => {
+                const C = P[z].lng;
+                r > s ? C.forEach((x, I) => {
                   var W, X, V, Y, $, ee;
                   if (a < 2) {
-                    if ((w >= 0 && w <= 360 || w >= -360 && w <= 0) && w % 10 === 0) {
-                      const Q = F.point([w, z], {
-                        val: ((W = L[z].val) == null ? void 0 : W[R]) || ((X = L[z].dir) == null ? void 0 : X[R]),
-                        spd: (V = L[z].spd) == null ? void 0 : V[R]
+                    if ((x >= 0 && x <= 360 || x >= -360 && x <= 0) && x % 10 === 0) {
+                      const Q = j.point([x, z], {
+                        val: ((W = P[z].val) == null ? void 0 : W[I]) || ((X = P[z].dir) == null ? void 0 : X[I]),
+                        spd: (V = P[z].spd) == null ? void 0 : V[I]
                       });
                       M.push(Q);
                     }
-                  } else if ((w >= r && w <= 180 || w >= -180 && w <= s) && (!(a <= this.zoom) || w % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const Q = F.point([w, z], {
-                      val: ((Y = L[z].val) == null ? void 0 : Y[R]) || (($ = L[z].dir) == null ? void 0 : $[R]),
-                      spd: (ee = L[z].spd) == null ? void 0 : ee[R]
+                  } else if ((x >= r && x <= 180 || x >= -180 && x <= s) && (!(a <= this.zoom) || x % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                    const Q = j.point([x, z], {
+                      val: ((Y = P[z].val) == null ? void 0 : Y[I]) || (($ = P[z].dir) == null ? void 0 : $[I]),
+                      spd: (ee = P[z].spd) == null ? void 0 : ee[I]
                     });
                     M.push(Q);
                   }
-                }) : P.forEach((w, R) => {
+                }) : C.forEach((x, I) => {
                   var W, X, V, Y, $, ee;
                   if (r < 2) {
-                    if ((w >= 0 && w <= 360 || w >= -360 && w <= 0) && w % 10 === 0) {
-                      const Q = F.point([w, z], {
-                        val: ((W = L[z].val) == null ? void 0 : W[R]) || ((X = L[z].dir) == null ? void 0 : X[R]),
-                        spd: (V = L[z].spd) == null ? void 0 : V[R]
+                    if ((x >= 0 && x <= 360 || x >= -360 && x <= 0) && x % 10 === 0) {
+                      const Q = j.point([x, z], {
+                        val: ((W = P[z].val) == null ? void 0 : W[I]) || ((X = P[z].dir) == null ? void 0 : X[I]),
+                        spd: (V = P[z].spd) == null ? void 0 : V[I]
                       });
                       M.push(Q);
                     }
-                  } else if (w >= r && w <= s && (!(a <= this.zoom) || w % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const Q = F.point([w, z], {
-                      val: ((Y = L[z].val) == null ? void 0 : Y[R]) || (($ = L[z].dir) == null ? void 0 : $[R]),
-                      spd: (ee = L[z].spd) == null ? void 0 : ee[R]
+                  } else if (x >= r && x <= s && (!(a <= this.zoom) || x % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                    const Q = j.point([x, z], {
+                      val: ((Y = P[z].val) == null ? void 0 : Y[I]) || (($ = P[z].dir) == null ? void 0 : $[I]),
+                      spd: (ee = P[z].spd) == null ? void 0 : ee[I]
                     });
                     M.push(Q);
                   }
                 });
               }
             t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("swell direction elapsed: ", t, ", total: ", e += t);
-            const v = this.weatherLayers[C].height;
-            if (v) {
-              if (!v.data) {
+            const _ = this.weatherLayers[L].height;
+            if (_) {
+              if (!_.data) {
                 const z = [];
-                for (const P in (f = v.raw) == null ? void 0 : f.LineString) {
-                  const w = v.raw.LineString[P];
-                  for (const R of w)
+                for (const C in (f = _.raw) == null ? void 0 : f.LineString) {
+                  const x = _.raw.LineString[C];
+                  for (const I of x)
                     z.push(
-                      F.lineString(R, {
-                        val: Number(P)
+                      j.lineString(I, {
+                        val: Number(C)
                       })
                     );
-                  v.data = F.featureCollection(z);
+                  _.data = j.featureCollection(z);
                 }
               }
-              if (v.data) {
-                const z = this.handleBboxClip(v.data, i);
+              if (_.data) {
+                const z = this.handleBboxClip(_.data, i);
                 M = M.concat(z);
               }
               t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("swell height elapsed: ", t, ", total: ", e += t);
             }
-          } else if (C === "current") {
+          } else if (L === "current") {
             B = !0;
-            const L = ((_ = this.weatherLayers[C]) == null ? void 0 : _.direction) || {};
-            for (const z in L)
+            const P = ((v = this.weatherLayers[L]) == null ? void 0 : v.direction) || {};
+            for (const z in P)
               if (z > c && z < n && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const P = L[z].lng;
-                r > s ? P.forEach((w, R) => {
+                const C = P[z].lng;
+                r > s ? C.forEach((x, I) => {
                   var W, X, V, Y, $, ee;
                   if (a < 2) {
-                    if ((w >= 0 && w <= 360 || w >= -360 && w <= 0) && w % 10 === 0) {
-                      const Q = F.point([w, z], {
-                        val: ((W = L[z].val) == null ? void 0 : W[R]) || ((X = L[z].dir) == null ? void 0 : X[R]),
-                        spd: (V = L[z].spd) == null ? void 0 : V[R]
+                    if ((x >= 0 && x <= 360 || x >= -360 && x <= 0) && x % 10 === 0) {
+                      const Q = j.point([x, z], {
+                        val: ((W = P[z].val) == null ? void 0 : W[I]) || ((X = P[z].dir) == null ? void 0 : X[I]),
+                        spd: (V = P[z].spd) == null ? void 0 : V[I]
                       });
                       M.push(Q);
                     }
-                  } else if ((w >= r && w <= 180 || w >= -180 && w <= s) && (!(a <= this.zoom) || w % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const Q = F.point([w, z], {
-                      val: ((Y = L[z].val) == null ? void 0 : Y[R]) || (($ = L[z].dir) == null ? void 0 : $[R]),
-                      spd: (ee = L[z].spd) == null ? void 0 : ee[R]
+                  } else if ((x >= r && x <= 180 || x >= -180 && x <= s) && (!(a <= this.zoom) || x % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                    const Q = j.point([x, z], {
+                      val: ((Y = P[z].val) == null ? void 0 : Y[I]) || (($ = P[z].dir) == null ? void 0 : $[I]),
+                      spd: (ee = P[z].spd) == null ? void 0 : ee[I]
                     });
                     M.push(Q);
                   }
-                }) : P.forEach((w, R) => {
+                }) : C.forEach((x, I) => {
                   var W, X, V, Y, $, ee;
                   if (r < 2) {
-                    if ((w >= 0 && w <= 360 || w >= -360 && w <= 0) && w % 10 === 0) {
-                      const Q = F.point([w, z], {
-                        val: ((W = L[z].val) == null ? void 0 : W[R]) || ((X = L[z].dir) == null ? void 0 : X[R]),
-                        spd: (V = L[z].spd) == null ? void 0 : V[R]
+                    if ((x >= 0 && x <= 360 || x >= -360 && x <= 0) && x % 10 === 0) {
+                      const Q = j.point([x, z], {
+                        val: ((W = P[z].val) == null ? void 0 : W[I]) || ((X = P[z].dir) == null ? void 0 : X[I]),
+                        spd: (V = P[z].spd) == null ? void 0 : V[I]
                       });
                       M.push(Q);
                     }
-                  } else if (w >= r && w <= s && (!(a <= this.zoom) || w % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                    const Q = F.point([w, z], {
-                      val: ((Y = L[z].val) == null ? void 0 : Y[R]) || (($ = L[z].dir) == null ? void 0 : $[R]),
-                      spd: (ee = L[z].spd) == null ? void 0 : ee[R]
+                  } else if (x >= r && x <= s && (!(a <= this.zoom) || x % (a < this.zoom / 2 ? 5 : 3) === 0)) {
+                    const Q = j.point([x, z], {
+                      val: ((Y = P[z].val) == null ? void 0 : Y[I]) || (($ = P[z].dir) == null ? void 0 : $[I]),
+                      spd: (ee = P[z].spd) == null ? void 0 : ee[I]
                     });
                     M.push(Q);
                   }
                 });
               }
             t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("current direction elapsed: ", t, ", total: ", e += t);
-            const v = this.weatherLayers[C].speed;
-            if (v) {
-              if (!v.data) {
-                const P = [];
-                for (const w in (b = v.raw) == null ? void 0 : b.Polygon) {
-                  const R = v.raw.Polygon[w];
-                  for (const W of R)
-                    P.push(
-                      F.polygon(W, {
-                        val: Number(w)
+            const _ = this.weatherLayers[L].speed;
+            if (_) {
+              if (!_.data) {
+                const C = [];
+                for (const x in (b = _.raw) == null ? void 0 : b.Polygon) {
+                  const I = _.raw.Polygon[x];
+                  for (const W of I)
+                    C.push(
+                      j.polygon(W, {
+                        val: Number(x)
                       })
                     );
                 }
-                v.data = F.featureCollection(P);
+                _.data = j.featureCollection(C);
               }
-              const z = a < this.zoom ? v.data.features.filter((P) => P.properties.val > 0.5) : v.data.features;
+              const z = a < this.zoom ? _.data.features.filter((C) => C.properties.val > 0.5) : _.data.features;
               M = M.concat(z), t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("current speed elapsed: ", t, ", total: ", e += t);
             }
-          } else if (C === "wind") {
+          } else if (L === "wind") {
             B = !0;
-            const L = this.weatherLayers.wind.raw;
-            for (const v in L)
-              if (v > c && v < n && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                const z = L[v].lng;
-                r > s ? z.forEach((P, w) => {
-                  var R, W, X, V;
+            const P = this.weatherLayers.wind.raw;
+            for (const _ in P)
+              if (_ > c && _ < n && (!(a <= this.zoom) || _ % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                const z = P[_].lng;
+                r > s ? z.forEach((C, x) => {
+                  var I, W, X, V;
                   if (a < 2) {
-                    if ((P >= 0 && P <= 360 || P >= -360 && P <= 0) && P % 10 === 0) {
-                      const Y = F.point([P, v], {
-                        dir: ((R = L[v].val) == null ? void 0 : R[w]) || ((W = L[v].dir) == null ? void 0 : W[w]),
-                        spd: L[v].spd[w]
+                    if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
+                      const Y = j.point([C, _], {
+                        dir: ((I = P[_].val) == null ? void 0 : I[x]) || ((W = P[_].dir) == null ? void 0 : W[x]),
+                        spd: P[_].spd[x]
                       });
                       M.push(Y);
                     }
-                  } else if ((P >= r && P <= 180 || P >= -180 && P <= s) && (!(a <= this.zoom) || P % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const Y = F.point([P, v], {
-                      dir: ((X = L[v].val) == null ? void 0 : X[w]) || ((V = L[v].dir) == null ? void 0 : V[w]),
-                      spd: L[v].spd[w]
+                  } else if ((C >= r && C <= 180 || C >= -180 && C <= s) && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                    const Y = j.point([C, _], {
+                      dir: ((X = P[_].val) == null ? void 0 : X[x]) || ((V = P[_].dir) == null ? void 0 : V[x]),
+                      spd: P[_].spd[x]
                     });
                     M.push(Y);
                   }
-                }) : z.forEach((P, w) => {
-                  var R, W, X, V;
+                }) : z.forEach((C, x) => {
+                  var I, W, X, V;
                   if (a < 2) {
-                    if ((P >= 0 && P <= 360 || P >= -360 && P <= 0) && P % 10 === 0) {
-                      const Y = F.point([P, v], {
-                        dir: ((R = L[v].val) == null ? void 0 : R[w]) || ((W = L[v].dir) == null ? void 0 : W[w]),
-                        spd: L[v].spd[w]
+                    if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
+                      const Y = j.point([C, _], {
+                        dir: ((I = P[_].val) == null ? void 0 : I[x]) || ((W = P[_].dir) == null ? void 0 : W[x]),
+                        spd: P[_].spd[x]
                       });
                       M.push(Y);
                     }
-                  } else if (P >= r && P <= s && (!(a <= this.zoom) || P % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                    const Y = F.point([P, v], {
-                      dir: ((X = L[v].val) == null ? void 0 : X[w]) || ((V = L[v].dir) == null ? void 0 : V[w]),
-                      spd: L[v].spd[w]
+                  } else if (C >= r && C <= s && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
+                    const Y = j.point([C, _], {
+                      dir: ((X = P[_].val) == null ? void 0 : X[x]) || ((V = P[_].dir) == null ? void 0 : V[x]),
+                      spd: P[_].spd[x]
                     });
                     M.push(Y);
                   }
                 });
               }
             t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("wind barb elapsed: ", t, ", total: ", e += t);
-          } else if (C === "sig-wave-height") {
-            if (this.weatherLayers[C].data)
-              M = this.weatherLayers[C].data;
+          } else if (L === "sig-wave-height") {
+            if (this.weatherLayers[L].data)
+              M = this.weatherLayers[L].data;
             else {
               B = !0;
-              const L = this.weatherLayers[C].raw;
-              if (L) {
-                const v = [];
-                for (const z in L.Polygon) {
-                  const P = L.Polygon[z];
-                  for (const w of P)
-                    v.push(
-                      F.polygon(w, {
+              const P = this.weatherLayers[L].raw;
+              if (P) {
+                const _ = [];
+                for (const z in P.Polygon) {
+                  const C = P.Polygon[z];
+                  for (const x of C)
+                    _.push(
+                      j.polygon(x, {
                         val: Number(z)
                       })
                     );
                 }
-                for (const z in L.Point) {
-                  const P = L.Point[z];
-                  for (let w = 0; w < ((S = P.lng) == null ? void 0 : S.length); w++)
-                    v.push(
-                      F.point([P.lng[w], z], {
-                        val: Number(P.val[w])
+                for (const z in P.Point) {
+                  const C = P.Point[z];
+                  for (let x = 0; x < ((S = C.lng) == null ? void 0 : S.length); x++)
+                    _.push(
+                      j.point([C.lng[x], z], {
+                        val: Number(C.val[x])
                       })
                     );
                 }
-                M = M.concat(v);
+                M = M.concat(_);
               }
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("sig-wave-height elapsed: ", t, ", total: ", e += t);
-          } else if (C === "prmsl") {
-            if (this.weatherLayers[C].data)
-              M = this.weatherLayers[C].data;
+          } else if (L === "prmsl") {
+            if (this.weatherLayers[L].data)
+              M = this.weatherLayers[L].data;
             else {
               B = !0;
-              const L = this.weatherLayers[C].raw;
-              if (L) {
-                const v = [];
-                for (const z in L.LineString) {
-                  const P = L.LineString[z];
-                  for (const w of P)
-                    v.push(
-                      F.lineString(w, {
+              const P = this.weatherLayers[L].raw;
+              if (P) {
+                const _ = [];
+                for (const z in P.LineString) {
+                  const C = P.LineString[z];
+                  for (const x of C)
+                    _.push(
+                      j.lineString(x, {
                         val: Number(z)
                       })
                     );
                 }
-                for (const z in L.Point)
-                  L.Point[z].lng.forEach((P, w) => {
-                    P = ie.convertToStdLng(P), v.push(
-                      F.point([P, z], {
-                        val: L.Point[z].val[w],
-                        type: L.Point[z].type[w]
+                for (const z in P.Point)
+                  P.Point[z].lng.forEach((C, x) => {
+                    C = oe.convertToStdLng(C), _.push(
+                      j.point([C, z], {
+                        val: P.Point[z].val[x],
+                        type: P.Point[z].type[x]
                       })
                     );
                   });
-                M = M.concat(v);
+                M = M.concat(_);
               }
             }
             t = (/* @__PURE__ */ new Date()).valueOf() - (o + e), console.log("prmsl elapsed: ", t, ", total: ", e += t);
           }
-          M.length && (this.weatherLayers[C].data = F.featureCollection(M)), B && (this.weatherLayers[C].version = Math.random() + 1);
+          M.length && (this.weatherLayers[L].data = j.featureCollection(M)), B && (this.weatherLayers[L].version = Math.random() + 1);
         }
       }
     },
@@ -5160,14 +5171,14 @@ const lr = {
       this.handleDrawWeather4Json();
     },
     handleBboxClip(o, e) {
-      const t = [], i = ie.convertToStdLng(e._sw.lng), a = ie.convertToStdLng(e._ne.lng);
+      const t = [], i = oe.convertToStdLng(e._sw.lng), a = oe.convertToStdLng(e._ne.lng);
       return o.features.forEach((r) => {
         if (r.geometry.type !== "Point")
           if (i > a) {
-            let s = [i, e._sw.lat, 180, e._ne.lat], c = F.bboxClip(r, s);
-            c.geometry.coordinates.length && t.push(c), s = [-180, e._sw.lat, a, e._ne.lat], c = F.bboxClip(r, s), c.geometry.coordinates.length && t.push(c);
+            let s = [i, e._sw.lat, 180, e._ne.lat], c = j.bboxClip(r, s);
+            c.geometry.coordinates.length && t.push(c), s = [-180, e._sw.lat, a, e._ne.lat], c = j.bboxClip(r, s), c.geometry.coordinates.length && t.push(c);
           } else {
-            const s = [i, e._sw.lat, a, e._ne.lat], c = F.bboxClip(r, s);
+            const s = [i, e._sw.lat, a, e._ne.lat], c = j.bboxClip(r, s);
             c.geometry.coordinates.length && t.push(c);
           }
         else
@@ -5184,31 +5195,31 @@ const lr = {
 }, pr = { class: "text-caption px-2" }, ur = { class: "d-flex flex-row justify-start align-center" }, gr = {
   class: "d-flex flex-row justify-center align-center",
   style: { width: "48px" }
-}, fr = { class: "text-caption px-2" }, br = { class: "header-box d-flex justify-space-between align-center pl-4 pr-4" }, yr = { class: "d-flex justify-start align-center ga-3" }, wr = { class: "text-h5 font-weight-medium" }, xr = { class: "layers-body" }, vr = { class: "layers-body" }, _r = {
+}, fr = { class: "text-caption px-2" }, br = { class: "header-box d-flex justify-space-between align-center pl-4 pr-4" }, yr = { class: "d-flex justify-start align-center ga-3" }, wr = { class: "text-h5 font-weight-medium" }, xr = {
   key: 0,
   class: "d-flex justify-start align-center ga-4 pl-6"
-}, kr = {
+}, vr = {
   key: 1,
   class: "d-flex justify-start align-center ga-4 pl-6"
-}, zr = { class: "text-body-1 py-2" }, Lr = { class: "text-body-1 font-weight-medium" }, Pr = { class: "text-body-2 opacity-70" }, Cr = { class: "text-body-2 opacity-70 mb-3" }, Sr = { class: "text-body-1 font-weight-medium" }, Mr = { class: "text-body-2 opacity-70" }, Tr = { class: "text-body-2 opacity-70 mb-3" }, Rr = { class: "text-body-1 py-2" }, Ir = { class: "text-body-1 font-weight-medium" }, Ar = { class: "text-body-2 opacity-70" }, Dr = { class: "text-body-2 opacity-70 mb-3" }, Or = { class: "text-body-1 font-weight-medium" }, Br = { class: "text-body-2 opacity-70" }, Er = { class: "text-body-2 opacity-70 mb-3" }, jr = { class: "text-body-1 py-2" }, Fr = { class: "text-body-1 font-weight-medium" }, Nr = { class: "text-body-2 opacity-70" }, Hr = { class: "text-body-2 opacity-70 mb-3" };
-function Wr(o, e, t, i, a, r) {
-  var ce, de, me, K, I, le, ge, fe, ye, we, Se, Me, Te, Re, Ie;
-  const s = k("VBtn"), c = k("VTooltip"), n = k("VCol"), p = k("VRow"), d = k("VCardText"), m = k("VDivider"), f = k("VCard"), _ = k("VSwitch"), b = k("VCardTitle"), S = k("VCardItem"), C = k("VCheckbox"), B = k("VBtnToggle"), M = k("IdmWindBarb"), L = k("IdmSigWaveHeight"), v = k("IdmCurrentDirection"), z = k("IdmPrmsl"), P = k("IdmWindParticle"), w = k("IdmCurrentParticle"), R = k("IdmWave"), W = k("IdmSwell"), X = k("IdmIceEdge"), V = k("IdmIceCover"), Y = k("IdmIceThickness"), $ = k("IdmPrecip3h"), ee = k("IdmVisibility"), Q = k("IdmWaterTemp"), ne = k("IdmTemp");
+}, _r = { class: "text-body-1 py-2" }, kr = { class: "text-body-1 font-weight-medium" }, zr = { class: "text-body-2 opacity-70" }, Lr = { class: "text-body-2 opacity-70 mb-3" }, Pr = { class: "text-body-1 font-weight-medium" }, Cr = { class: "text-body-2 opacity-70" }, Sr = { class: "text-body-2 opacity-70 mb-3" }, Mr = { class: "text-body-1 py-2" }, Tr = { class: "text-body-1 font-weight-medium" }, Ir = { class: "text-body-2 opacity-70" }, Rr = { class: "text-body-2 opacity-70 mb-3" }, Ar = { class: "text-body-1 font-weight-medium" }, Dr = { class: "text-body-2 opacity-70" }, Or = { class: "text-body-2 opacity-70 mb-3" }, Br = { class: "text-body-1 py-2" }, Er = { class: "text-body-1 font-weight-medium" }, jr = { class: "text-body-2 opacity-70" }, Fr = { class: "text-body-2 opacity-70 mb-3" };
+function Nr(o, e, t, i, a, r) {
+  var de, ce, K, R, le, ge, fe, we, xe, Se, Me, Te, Ie, Re, be;
+  const s = k("VBtn"), c = k("VTooltip"), n = k("VCol"), p = k("VRow"), d = k("VCardText"), m = k("VDivider"), f = k("VCard"), v = k("VSwitch"), b = k("VCardTitle"), S = k("VCardItem"), L = k("VCheckbox"), B = k("v-radio"), M = k("VBtnToggle"), P = k("IdmWindBarb"), _ = k("IdmSigWaveHeight"), z = k("IdmCurrentDirection"), C = k("IdmPrmsl"), x = k("IdmWindParticle"), I = k("IdmCurrentParticle"), W = k("IdmWave"), X = k("IdmSwell"), V = k("IdmIceEdge"), Y = k("IdmIceCover"), $ = k("IdmIceThickness"), ee = k("IdmPrecip3h"), Q = k("IdmVisibility"), ne = k("IdmWaterTemp"), he = k("IdmTemp");
   return y(), T("div", sr, [
     l("div", {
       class: "menu-bar-box transition pa-1",
-      style: oe({ top: t.top + 94 + "px", right: a.right + "px" })
+      style: ae({ top: t.top + 94 + "px", right: a.right + "px" })
     }, [
       h(c, {
         text: o.$t("weather.weatherLayers"),
         location: "left"
       }, {
-        activator: g(({ props: j }) => [
-          h(s, E(j, {
+        activator: g(({ props: H }) => [
+          h(s, E(H, {
             "min-width": "32",
             width: "32",
             height: "32",
-            class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
+            class: ["text-none pa-0", a.autoActive ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
             default: g(() => e[7] || (e[7] = [
@@ -5224,14 +5235,14 @@ function Wr(o, e, t, i, a, r) {
     r.showTipMenu ? (y(), T("div", nr, [
       l("div", {
         class: "menu-bar-box pa-1 rounded",
-        style: oe({ right: a.right + "px" })
+        style: ae({ right: a.right + "px" })
       }, [
         h(c, {
           text: "Legend",
           location: "left"
         }, {
-          activator: g(({ props: j }) => [
-            h(s, E(j, {
+          activator: g(({ props: H }) => [
+            h(s, E(H, {
               "min-width": "32",
               width: "32",
               height: "32",
@@ -5253,7 +5264,7 @@ function Wr(o, e, t, i, a, r) {
         width: "435",
         elevation: "16",
         class: "card-info d-flex justify-center align-start",
-        style: oe({ position: "absolute", top: "340px", right: a.right + 50 + "px" })
+        style: ae({ position: "absolute", top: "340px", right: a.right + 50 + "px" })
       }, {
         default: g(() => [
           h(d, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
@@ -5261,8 +5272,8 @@ function Wr(o, e, t, i, a, r) {
               e[9] || (e[9] = l("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wind Level", -1)),
               h(p, { class: "ma-0 ml-n1 text-body-2" }, {
                 default: g(() => [
-                  (y(!0), T(ve, null, ze(a.legend.barbs, (j, te) => (y(), U(n, {
-                    key: j,
+                  (y(!0), T(_e, null, Le(a.legend.barbs, (H, te) => (y(), U(n, {
+                    key: H,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
@@ -5270,9 +5281,9 @@ function Wr(o, e, t, i, a, r) {
                       l("div", cr, [
                         l("i", {
                           class: Ne(["iconfont", r.barbsIconName[te]]),
-                          style: oe({ color: t.theme === "dark" ? "#fff" : "#000" })
+                          style: ae({ color: t.theme === "dark" ? "#fff" : "#000" })
                         }, null, 6),
-                        l("span", mr, x(Number(j) < 10 ? `00${j}kts` : Number(j) < 100 ? `0${j}kts` : `${j}kts`), 1)
+                        l("span", mr, w(Number(H) < 10 ? `00${H}kts` : Number(H) < 100 ? `0${H}kts` : `${H}kts`), 1)
                       ])
                     ]),
                     _: 2
@@ -5293,7 +5304,7 @@ function Wr(o, e, t, i, a, r) {
                 style: { width: "100px" }
               }, {
                 default: g(() => [
-                  (y(!0), T(ve, null, ze(a.legend.sigWaveHeight, (j, te) => (y(), U(n, {
+                  (y(!0), T(_e, null, Le(a.legend.sigWaveHeight, (H, te) => (y(), U(n, {
                     key: te,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
@@ -5302,9 +5313,9 @@ function Wr(o, e, t, i, a, r) {
                       l("div", hr, [
                         te === 0 ? (y(), T("div", dr)) : (y(), T("div", {
                           key: 1,
-                          style: oe({ width: "24px", height: "12px", background: j.color })
+                          style: ae({ width: "24px", height: "12px", background: H.color })
                         }, null, 4)),
-                        l("div", pr, x(j.label), 1)
+                        l("div", pr, w(H.label), 1)
                       ])
                     ]),
                     _: 2
@@ -5325,7 +5336,7 @@ function Wr(o, e, t, i, a, r) {
                 style: { width: "110px" }
               }, {
                 default: g(() => [
-                  (y(!0), T(ve, null, ze(a.legend.current, (j, te) => (y(), U(n, {
+                  (y(!0), T(_e, null, Le(a.legend.current, (H, te) => (y(), U(n, {
                     key: te,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
@@ -5335,10 +5346,10 @@ function Wr(o, e, t, i, a, r) {
                         l("div", gr, [
                           l("i", {
                             class: "iconfont icon-direction-arrow opacity-80",
-                            style: oe({ fontSize: 48 * j.size + "px" })
+                            style: ae({ fontSize: 48 * H.size + "px" })
                           }, null, 4)
                         ]),
-                        l("div", fr, x(j.label), 1)
+                        l("div", fr, w(H.label), 1)
                       ])
                     ]),
                     _: 2
@@ -5352,18 +5363,18 @@ function Wr(o, e, t, i, a, r) {
           })
         ]),
         _: 1
-      }, 8, ["style"])) : N("", !0)
-    ])) : N("", !0),
+      }, 8, ["style"])) : F("", !0)
+    ])) : F("", !0),
     l("div", {
       class: Ne(["available-layers transition flex-center", a.toggle ? "right-bar" : ""]),
-      style: oe({ top: t.top + "px", right: a.toggle ? "0px" : "-280px" })
+      style: ae({ top: t.top + "px", right: a.toggle ? "0px" : "-280px" })
     }, [
       l("div", br, [
         l("div", yr, [
-          l("div", wr, x(o.$t("weather.weather")), 1),
-          h(_, {
+          l("div", wr, w(o.$t("weather.weather")), 1),
+          h(v, {
             modelValue: a.autoActive,
-            "onUpdate:modelValue": e[1] || (e[1] = (j) => a.autoActive = j),
+            "onUpdate:modelValue": e[1] || (e[1] = (H) => a.autoActive = H),
             class: "small-switch",
             color: "primary",
             inset: "",
@@ -5402,30 +5413,28 @@ function Wr(o, e, t, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    Z(x(o.$t("weather.overlays")), 1)
+                    Z(w(o.$t("weather.overlays")), 1)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            h(d, null, {
+            h(d, { class: "py-2" }, {
               default: g(() => [
-                l("div", xr, [
-                  (y(!0), T(ve, null, ze(a.tagLayers.filter((j) => j.overlays), (j) => (y(), U(C, {
-                    key: j.key,
-                    modelValue: a.checkList,
-                    "onUpdate:modelValue": e[2] || (e[2] = (te) => a.checkList = te),
-                    value: j.key,
-                    label: o.$t(`weather.${j.locale}`),
-                    disabled: !a.autoActive,
-                    color: "primary",
-                    density: "compact",
-                    style: { height: "36px" },
-                    class: "flex-1-0-100 text-body-2",
-                    "hide-details": ""
-                  }, null, 8, ["modelValue", "value", "label", "disabled"]))), 128))
-                ])
+                (y(!0), T(_e, null, Le(a.tagLayers.filter((H) => H.overlays), (H) => (y(), U(L, {
+                  key: H.key,
+                  modelValue: a.checkList,
+                  "onUpdate:modelValue": e[2] || (e[2] = (te) => a.checkList = te),
+                  value: H.key,
+                  label: o.$t(`weather.${H.locale}`),
+                  disabled: !a.autoActive,
+                  color: "primary",
+                  density: "compact",
+                  style: { height: "36px" },
+                  class: "flex-1-0-100 text-body-2",
+                  "hide-details": ""
+                }, null, 8, ["modelValue", "value", "label", "disabled"]))), 128))
               ]),
               _: 1
             })
@@ -5444,102 +5453,103 @@ function Wr(o, e, t, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    Z(x(o.$t("weather.renders")), 1)
+                    Z(w(o.$t("weather.renders")), 1)
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            h(d, null, {
+            h(d, { class: "py-2" }, {
               default: g(() => [
-                l("div", vr, [
-                  (y(!0), T(ve, null, ze(a.tagLayers.filter((j) => !j.overlays && j.key !== "ice-thickness"), (j) => (y(), T(ve, {
-                    key: j.key
-                  }, [
-                    h(C, {
-                      modelValue: a.checkList,
-                      "onUpdate:modelValue": e[3] || (e[3] = (te) => a.checkList = te),
-                      value: j.key,
-                      label: o.$t(`weather.${j.locale}`),
-                      disabled: !a.autoActive,
+                (y(!0), T(_e, null, Le(a.tagLayers.filter((H) => !H.overlays && H.key !== "ice-thickness"), (H) => (y(), T(_e, {
+                  key: H.key
+                }, [
+                  h(B, {
+                    modelValue: a.renderKey,
+                    "onUpdate:modelValue": e[3] || (e[3] = (te) => a.renderKey = te),
+                    label: o.$t(`weather.${H.locale}`),
+                    value: H.key,
+                    disabled: !a.autoActive,
+                    color: "primary",
+                    density: "compact",
+                    style: { height: "36px" },
+                    class: "text-body-2 py-1",
+                    "hide-details": "",
+                    onClick: (te) => a.renderKey = H.key
+                  }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
+                  a.renderKey === "wind-particle" && H.key === "wind-particle" ? (y(), T("div", xr, [
+                    l("span", null, w(o.$t("weather.particle")), 1),
+                    h(v, {
+                      modelValue: a.showWindParticle,
+                      "onUpdate:modelValue": e[4] || (e[4] = (te) => a.showWindParticle = te),
+                      label: "",
+                      class: "small-switch",
                       color: "primary",
                       density: "compact",
-                      style: { height: "36px" },
-                      class: "flex-1-0-100 text-body-2",
+                      inset: "",
+                      style: { "font-size": "14px" },
                       "hide-details": ""
-                    }, null, 8, ["modelValue", "value", "label", "disabled"]),
-                    a.checkList.includes("wind-particle") && j.key === "wind-particle" ? (y(), T("div", _r, [
-                      e[13] || (e[13] = l("span", null, "Particle", -1)),
-                      h(_, {
-                        modelValue: a.showWindParticle,
-                        "onUpdate:modelValue": e[4] || (e[4] = (te) => a.showWindParticle = te),
-                        label: "",
-                        class: "small-switch",
-                        color: "primary",
+                    }, null, 8, ["modelValue"])
+                  ])) : F("", !0),
+                  a.renderKey === "current-particle" && H.key === "current-particle" ? (y(), T("div", vr, [
+                    e[13] || (e[13] = l("span", null, "Particle", -1)),
+                    h(v, {
+                      modelValue: a.showCurrentParticle,
+                      "onUpdate:modelValue": e[5] || (e[5] = (te) => a.showCurrentParticle = te),
+                      label: "",
+                      class: "small-switch",
+                      color: "primary",
+                      inset: "",
+                      density: "compact",
+                      height: "20",
+                      "hide-details": ""
+                    }, null, 8, ["modelValue"])
+                  ])) : F("", !0),
+                  a.renderKey === "ice-forecast" && H.key === "ice-forecast" ? (y(), U(M, {
+                    key: 2,
+                    modelValue: a.iceToggleValue,
+                    "onUpdate:modelValue": e[6] || (e[6] = (te) => a.iceToggleValue = te),
+                    class: "ml-7",
+                    rounded: "0",
+                    height: "30",
+                    density: "compact",
+                    group: "",
+                    disabled: !a.autoActive
+                  }, {
+                    default: g(() => [
+                      h(s, {
                         density: "compact",
-                        style: { "font-size": "14px" },
-                        "hide-details": ""
-                      }, null, 8, ["modelValue"])
-                    ])) : N("", !0),
-                    a.checkList.includes("current-particle") && j.key === "current-particle" ? (y(), T("div", kr, [
-                      e[14] || (e[14] = l("span", null, "Particle", -1)),
-                      h(_, {
-                        modelValue: a.showCurrentParticle,
-                        "onUpdate:modelValue": e[5] || (e[5] = (te) => a.showCurrentParticle = te),
-                        label: "",
-                        class: "small-switch",
-                        color: "primary",
+                        height: "30",
+                        value: "ice-cover",
+                        class: "text-none px-2",
+                        color: a.iceToggleValue === "ice-cover" ? "primary" : "",
+                        "base-color": "grey-lighten-1",
+                        disabled: !a.autoActive
+                      }, {
+                        default: g(() => [
+                          Z(w(o.$t("weather.coverage")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["color", "disabled"]),
+                      h(s, {
                         density: "compact",
-                        height: "20",
-                        "hide-details": ""
-                      }, null, 8, ["modelValue"])
-                    ])) : N("", !0),
-                    a.checkList.includes("ice-forecast") && j.key === "ice-forecast" ? (y(), U(B, {
-                      key: 2,
-                      modelValue: a.iceToggleValue,
-                      "onUpdate:modelValue": e[6] || (e[6] = (te) => a.iceToggleValue = te),
-                      class: "ml-7",
-                      rounded: "0",
-                      height: "30",
-                      density: "compact",
-                      group: "",
-                      disabled: !a.autoActive
-                    }, {
-                      default: g(() => [
-                        h(s, {
-                          density: "compact",
-                          height: "30",
-                          value: "ice-cover",
-                          class: "text-none px-2",
-                          color: a.iceToggleValue === "ice-cover" ? "primary" : "",
-                          "base-color": "grey-lighten-1",
-                          disabled: !a.autoActive
-                        }, {
-                          default: g(() => [
-                            Z(x(o.$t("weather.coverage")), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["color", "disabled"]),
-                        h(s, {
-                          density: "compact",
-                          height: "30",
-                          class: "text-none px-2",
-                          color: a.iceToggleValue === "ice-thickness" ? "primary" : "",
-                          "base-color": "grey-lighten-1",
-                          disabled: !a.autoActive,
-                          value: "ice-thickness"
-                        }, {
-                          default: g(() => [
-                            Z(x(o.$t("weather.thickness")), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["color", "disabled"])
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue", "disabled"])) : N("", !0)
-                  ], 64))), 128))
-                ])
+                        height: "30",
+                        class: "text-none px-2",
+                        color: a.iceToggleValue === "ice-thickness" ? "primary" : "",
+                        "base-color": "grey-lighten-1",
+                        disabled: !a.autoActive,
+                        value: "ice-thickness"
+                      }, {
+                        default: g(() => [
+                          Z(w(o.$t("weather.thickness")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["color", "disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "disabled"])) : F("", !0)
+                ], 64))), 128))
               ]),
               _: 1
             })
@@ -5558,7 +5568,7 @@ function Wr(o, e, t, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    Z(x(o.$t("weather.forecastModel")), 1)
+                    Z(w(o.$t("weather.forecastModel")), 1)
                   ]),
                   _: 1
                 })
@@ -5567,28 +5577,28 @@ function Wr(o, e, t, i, a, r) {
             }),
             h(d, { class: "" }, {
               default: g(() => {
-                var j, te, Le, Ee, Pe, he, pe, H, xe, J, ae, Ae, D, ue, Ce, De, Oe, A, G, He, We, Ge, ke, Ue, Ve, Ye, Ze, Xe, qe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, bt, yt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, Rt, It, At, Dt, Ot, Bt, Et, jt, Ft, Nt, Ht, Wt, Gt, Ut, Vt, Yt, Zt, Xt;
+                var H, te, Ee, Pe, me, pe, N, ve, J, ie, Ae, D, ue, Ce, De, Oe, A, G, He, We, Ge, ze, Ue, Ve, Ye, Ze, Xe, qe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, bt, yt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, It, Rt, At, Dt, Ot, Bt, Et, jt, Ft, Nt, Ht, Wt, Gt, Ut, Vt, Yt, Zt, Xt, qt;
                 return [
-                  l("div", zr, x(o.$t("weather.atmospheric")), 1),
-                  l("div", Lr, x((Le = (te = (j = a.models) == null ? void 0 : j.weather) == null ? void 0 : te.NOAA) == null ? void 0 : Le.source) + " " + x((he = (Pe = (Ee = a.models) == null ? void 0 : Ee.weather) == null ? void 0 : Pe.NOAA) == null ? void 0 : he.spatialResolution) + x(o.$t("units.km")) + " " + x((J = (xe = (H = (pe = a.models) == null ? void 0 : pe.weather) == null ? void 0 : H.NOAA) == null ? void 0 : xe.meta) == null ? void 0 : J.days) + x(o.$t("units.days")), 1),
-                  l("div", Pr, x(o.$t("weather.source")) + ": NOAA", 1),
-                  l("div", Cr, x(o.$t("weather.lastUpdate")) + ": " + x(r.computeDateZ((ue = (D = (Ae = (ae = a.models) == null ? void 0 : ae.weather) == null ? void 0 : Ae.NOAA) == null ? void 0 : D.meta) == null ? void 0 : ue.initialisationTime)), 1),
-                  l("div", Sr, x((Oe = (De = (Ce = a.models) == null ? void 0 : Ce.weather) == null ? void 0 : De.ECMWF) == null ? void 0 : Oe.source) + " " + x((He = (G = (A = a.models) == null ? void 0 : A.weather) == null ? void 0 : G.ECMWF) == null ? void 0 : He.spatialResolution) + x(o.$t("units.km")) + " " + x((Ue = (ke = (Ge = (We = a.models) == null ? void 0 : We.weather) == null ? void 0 : Ge.ECMWF) == null ? void 0 : ke.meta) == null ? void 0 : Ue.days) + x(o.$t("units.days")), 1),
-                  l("div", Mr, x(o.$t("weather.source")) + ": ECMWF", 1),
-                  l("div", Tr, x(o.$t("weather.lastUpdate")) + ": " + x(r.computeDateZ((Xe = (Ze = (Ye = (Ve = a.models) == null ? void 0 : Ve.weather) == null ? void 0 : Ye.ECMWF) == null ? void 0 : Ze.meta) == null ? void 0 : Xe.initialisationTime)), 1),
+                  l("div", _r, w(o.$t("weather.atmospheric")), 1),
+                  l("div", kr, w((Ee = (te = (H = a.models) == null ? void 0 : H.weather) == null ? void 0 : te.NOAA) == null ? void 0 : Ee.source) + " " + w((pe = (me = (Pe = a.models) == null ? void 0 : Pe.weather) == null ? void 0 : me.NOAA) == null ? void 0 : pe.spatialResolution) + w(o.$t("units.km")) + " " + w((ie = (J = (ve = (N = a.models) == null ? void 0 : N.weather) == null ? void 0 : ve.NOAA) == null ? void 0 : J.meta) == null ? void 0 : ie.days) + w(o.$t("units.days")), 1),
+                  l("div", zr, w(o.$t("weather.source")) + ": NOAA", 1),
+                  l("div", Lr, w(o.$t("weather.lastUpdate")) + ": " + w(r.computeDateZ((Ce = (ue = (D = (Ae = a.models) == null ? void 0 : Ae.weather) == null ? void 0 : D.NOAA) == null ? void 0 : ue.meta) == null ? void 0 : Ce.initialisationTime)), 1),
+                  l("div", Pr, w((A = (Oe = (De = a.models) == null ? void 0 : De.weather) == null ? void 0 : Oe.ECMWF) == null ? void 0 : A.source) + " " + w((We = (He = (G = a.models) == null ? void 0 : G.weather) == null ? void 0 : He.ECMWF) == null ? void 0 : We.spatialResolution) + w(o.$t("units.km")) + " " + w((Ve = (Ue = (ze = (Ge = a.models) == null ? void 0 : Ge.weather) == null ? void 0 : ze.ECMWF) == null ? void 0 : Ue.meta) == null ? void 0 : Ve.days) + w(o.$t("units.days")), 1),
+                  l("div", Cr, w(o.$t("weather.source")) + ": ECMWF", 1),
+                  l("div", Sr, w(o.$t("weather.lastUpdate")) + ": " + w(r.computeDateZ((qe = (Xe = (Ze = (Ye = a.models) == null ? void 0 : Ye.weather) == null ? void 0 : Ze.ECMWF) == null ? void 0 : Xe.meta) == null ? void 0 : qe.initialisationTime)), 1),
                   h(m),
-                  l("div", Rr, x(o.$t("weather.wave")), 1),
-                  l("div", Ir, x((Je = (Qe = (Ke = (qe = a.models) == null ? void 0 : qe.marine) == null ? void 0 : Ke.wave) == null ? void 0 : Qe.NOAA) == null ? void 0 : Je.source) + " " + x((ot = (tt = (et = ($e = a.models) == null ? void 0 : $e.marine) == null ? void 0 : et.wave) == null ? void 0 : tt.NOAA) == null ? void 0 : ot.spatialResolution) + x(o.$t("units.km")) + " " + x((st = (lt = (rt = (it = (at = a.models) == null ? void 0 : at.marine) == null ? void 0 : it.wave) == null ? void 0 : rt.NOAA) == null ? void 0 : lt.meta) == null ? void 0 : st.days) + x(o.$t("units.days")), 1),
-                  l("div", Ar, x(o.$t("weather.source")) + ": NOAA", 1),
-                  l("div", Dr, x(o.$t("weather.lastUpdate")) + ": " + x(r.computeDateZ((dt = (ht = (mt = (ct = (nt = a.models) == null ? void 0 : nt.marine) == null ? void 0 : ct.wave) == null ? void 0 : mt.NOAA) == null ? void 0 : ht.meta) == null ? void 0 : dt.initialisationTime)), 1),
-                  l("div", Or, x((ft = (gt = (ut = (pt = a.models) == null ? void 0 : pt.marine) == null ? void 0 : ut.wave) == null ? void 0 : gt.ECMWF) == null ? void 0 : ft.source) + " " + x((xt = (wt = (yt = (bt = a.models) == null ? void 0 : bt.marine) == null ? void 0 : yt.wave) == null ? void 0 : wt.ECMWF) == null ? void 0 : xt.spatialResolution) + x(o.$t("units.km")) + " " + x((Lt = (zt = (kt = (_t = (vt = a.models) == null ? void 0 : vt.marine) == null ? void 0 : _t.wave) == null ? void 0 : kt.ECMWF) == null ? void 0 : zt.meta) == null ? void 0 : Lt.days) + x(o.$t("units.days")), 1),
-                  l("div", Br, x(o.$t("weather.source")) + ": ECMWF", 1),
-                  l("div", Er, x(o.$t("weather.lastUpdate")) + ": " + x(r.computeDateZ((Tt = (Mt = (St = (Ct = (Pt = a.models) == null ? void 0 : Pt.marine) == null ? void 0 : Ct.wave) == null ? void 0 : St.ECMWF) == null ? void 0 : Mt.meta) == null ? void 0 : Tt.initialisationTime)), 1),
+                  l("div", Mr, w(o.$t("weather.wave")), 1),
+                  l("div", Tr, w(($e = (Je = (Qe = (Ke = a.models) == null ? void 0 : Ke.marine) == null ? void 0 : Qe.wave) == null ? void 0 : Je.NOAA) == null ? void 0 : $e.source) + " " + w((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.spatialResolution) + w(o.$t("units.km")) + " " + w((nt = (st = (lt = (rt = (it = a.models) == null ? void 0 : it.marine) == null ? void 0 : rt.wave) == null ? void 0 : lt.NOAA) == null ? void 0 : st.meta) == null ? void 0 : nt.days) + w(o.$t("units.days")), 1),
+                  l("div", Ir, w(o.$t("weather.source")) + ": NOAA", 1),
+                  l("div", Rr, w(o.$t("weather.lastUpdate")) + ": " + w(r.computeDateZ((pt = (dt = (ht = (mt = (ct = a.models) == null ? void 0 : ct.marine) == null ? void 0 : mt.wave) == null ? void 0 : ht.NOAA) == null ? void 0 : dt.meta) == null ? void 0 : pt.initialisationTime)), 1),
+                  l("div", Ar, w((bt = (ft = (gt = (ut = a.models) == null ? void 0 : ut.marine) == null ? void 0 : gt.wave) == null ? void 0 : ft.ECMWF) == null ? void 0 : bt.source) + " " + w((vt = (xt = (wt = (yt = a.models) == null ? void 0 : yt.marine) == null ? void 0 : wt.wave) == null ? void 0 : xt.ECMWF) == null ? void 0 : vt.spatialResolution) + w(o.$t("units.km")) + " " + w((Pt = (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.meta) == null ? void 0 : Pt.days) + w(o.$t("units.days")), 1),
+                  l("div", Dr, w(o.$t("weather.source")) + ": ECMWF", 1),
+                  l("div", Or, w(o.$t("weather.lastUpdate")) + ": " + w(r.computeDateZ((It = (Tt = (Mt = (St = (Ct = a.models) == null ? void 0 : Ct.marine) == null ? void 0 : St.wave) == null ? void 0 : Mt.ECMWF) == null ? void 0 : Tt.meta) == null ? void 0 : It.initialisationTime)), 1),
                   h(m),
-                  l("div", jr, x(o.$t("weather.currents")), 1),
-                  l("div", Fr, x((Dt = (At = (It = (Rt = a.models) == null ? void 0 : Rt.marine) == null ? void 0 : It.current) == null ? void 0 : At.ECMWF) == null ? void 0 : Dt.source) + " " + x((jt = (Et = (Bt = (Ot = a.models) == null ? void 0 : Ot.marine) == null ? void 0 : Bt.current) == null ? void 0 : Et.ECMWF) == null ? void 0 : jt.spatialResolution) + x(o.$t("units.km")) + " " + x((Gt = (Wt = (Ht = (Nt = (Ft = a.models) == null ? void 0 : Ft.marine) == null ? void 0 : Nt.current) == null ? void 0 : Ht.ECMWF) == null ? void 0 : Wt.meta) == null ? void 0 : Gt.days) + x(o.$t("units.days")), 1),
-                  l("div", Nr, x(o.$t("weather.source")) + ": ECMWF", 1),
-                  l("div", Hr, x(o.$t("weather.lastUpdate")) + ": " + x(r.computeDateZ((Xt = (Zt = (Yt = (Vt = (Ut = a.models) == null ? void 0 : Ut.marine) == null ? void 0 : Vt.current) == null ? void 0 : Yt.ECMWF) == null ? void 0 : Zt.meta) == null ? void 0 : Xt.initialisationTime)), 1)
+                  l("div", Br, w(o.$t("weather.currents")), 1),
+                  l("div", Er, w((Ot = (Dt = (At = (Rt = a.models) == null ? void 0 : Rt.marine) == null ? void 0 : At.current) == null ? void 0 : Dt.ECMWF) == null ? void 0 : Ot.source) + " " + w((Ft = (jt = (Et = (Bt = a.models) == null ? void 0 : Bt.marine) == null ? void 0 : Et.current) == null ? void 0 : jt.ECMWF) == null ? void 0 : Ft.spatialResolution) + w(o.$t("units.km")) + " " + w((Ut = (Gt = (Wt = (Ht = (Nt = a.models) == null ? void 0 : Nt.marine) == null ? void 0 : Ht.current) == null ? void 0 : Wt.ECMWF) == null ? void 0 : Gt.meta) == null ? void 0 : Ut.days) + w(o.$t("units.days")), 1),
+                  l("div", jr, w(o.$t("weather.source")) + ": ECMWF", 1),
+                  l("div", Fr, w(o.$t("weather.lastUpdate")) + ": " + w(r.computeDateZ((qt = (Xt = (Zt = (Yt = (Vt = a.models) == null ? void 0 : Vt.marine) == null ? void 0 : Yt.current) == null ? void 0 : Zt.ECMWF) == null ? void 0 : Xt.meta) == null ? void 0 : qt.initialisationTime)), 1)
                 ];
               }),
               _: 1
@@ -5598,109 +5608,109 @@ function Wr(o, e, t, i, a, r) {
         })
       ], 2)
     ], 6),
-    t.map ? (y(), U(M, E({
+    t.map ? (y(), U(P, E({
       key: 1,
       ref: "windBarb",
       map: t.map,
       "map-feather": t.mapFeather,
       "before-layer": "empty-layer-2",
-      wind: (ce = a.weatherLayers) == null ? void 0 : ce.wind,
+      wind: (de = a.weatherLayers) == null ? void 0 : de.wind,
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : N("", !0),
-    t.map ? (y(), U(L, E({
+    }, o.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : F("", !0),
+    t.map ? (y(), U(_, E({
       key: 2,
       map: t.map,
       "before-layer": "empty-layer-2",
-      "sig-wave-height": (de = a.weatherLayers) == null ? void 0 : de["sig-wave-height"],
+      "sig-wave-height": (ce = a.weatherLayers) == null ? void 0 : ce["sig-wave-height"],
       "menu-toggle": t.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
-    }, o.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : N("", !0),
-    t.map ? (y(), U(v, E({
+    }, o.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : F("", !0),
+    t.map ? (y(), U(z, E({
       key: 3,
       map: t.map,
       "map-feather": t.mapFeather,
       "before-layer": "empty-layer-2",
-      current: (me = a.weatherLayers) == null ? void 0 : me.current,
+      current: (K = a.weatherLayers) == null ? void 0 : K.current,
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["map", "map-feather", "current", "menu-toggle"])) : N("", !0),
-    t.map ? (y(), U(z, E({
+    }, o.$attrs), null, 16, ["map", "map-feather", "current", "menu-toggle"])) : F("", !0),
+    t.map ? (y(), U(C, E({
       key: 4,
       map: t.map,
       "before-layer": "empty-layer-2",
-      prmsl: (K = a.weatherLayers) == null ? void 0 : K.prmsl,
+      prmsl: (R = a.weatherLayers) == null ? void 0 : R.prmsl,
       "menu-toggle": t.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
-    }, o.$attrs), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers"])) : N("", !0),
-    t.map ? (y(), U(P, E({
+    }, o.$attrs), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers"])) : F("", !0),
+    t.map ? (y(), U(x, E({
       key: 5,
       viewport: a.viewport,
-      factor: (I = a.weatherLayers) == null ? void 0 : I["wind-particle"],
+      factor: (le = a.weatherLayers) == null ? void 0 : le["wind-particle"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : N("", !0),
-    t.map ? (y(), U(w, E({
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : F("", !0),
+    t.map ? (y(), U(I, E({
       key: 6,
       viewport: a.viewport,
-      factor: (le = a.weatherLayers) == null ? void 0 : le["current-particle"],
+      factor: (ge = a.weatherLayers) == null ? void 0 : ge["current-particle"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : N("", !0),
-    t.map ? (y(), U(R, E({
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : F("", !0),
+    t.map ? (y(), U(W, E({
       key: 7,
       viewport: a.viewport,
-      factor: (ge = a.weatherLayers) == null ? void 0 : ge["sig-wave"],
+      factor: (fe = a.weatherLayers) == null ? void 0 : fe["sig-wave"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : N("", !0),
-    t.map ? (y(), U(W, E({
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : F("", !0),
+    t.map ? (y(), U(X, E({
       key: 8,
       map: t.map,
-      swell: (fe = a.weatherLayers) == null ? void 0 : fe.swell,
+      swell: (we = a.weatherLayers) == null ? void 0 : we.swell,
       "menu-toggle": t.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
-    }, o.$attrs), null, 16, ["map", "swell", "menu-toggle", "active-weather-layers"])) : N("", !0),
-    t.map ? (y(), U(X, E({
+    }, o.$attrs), null, 16, ["map", "swell", "menu-toggle", "active-weather-layers"])) : F("", !0),
+    t.map ? (y(), U(V, E({
       key: 9,
       viewport: a.viewport,
-      factor: (ye = a.weatherLayers) == null ? void 0 : ye["ice-edge"],
+      factor: (xe = a.weatherLayers) == null ? void 0 : xe["ice-edge"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : N("", !0),
-    t.map ? (y(), U(V, E({
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : F("", !0),
+    t.map ? (y(), U(Y, E({
       key: 10,
       viewport: a.viewport,
-      factor: (we = a.weatherLayers) == null ? void 0 : we["ice-cover"],
+      factor: (Se = a.weatherLayers) == null ? void 0 : Se["ice-cover"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : N("", !0),
-    t.map ? (y(), U(Y, E({
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : F("", !0),
+    t.map ? (y(), U($, E({
       key: 11,
       viewport: a.viewport,
-      factor: (Se = a.weatherLayers) == null ? void 0 : Se["ice-thickness"],
+      factor: (Me = a.weatherLayers) == null ? void 0 : Me["ice-thickness"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : N("", !0),
-    t.map ? (y(), U($, E({
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : F("", !0),
+    t.map ? (y(), U(ee, E({
       key: 12,
       viewport: a.viewport,
-      factor: (Me = a.weatherLayers) == null ? void 0 : Me.precip3h,
+      factor: (Te = a.weatherLayers) == null ? void 0 : Te.precip3h,
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : N("", !0),
-    t.map ? (y(), U(ee, E({
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : F("", !0),
+    t.map ? (y(), U(Q, E({
       key: 13,
       viewport: a.viewport,
-      factor: (Te = a.weatherLayers) == null ? void 0 : Te.visibility,
+      factor: (Ie = a.weatherLayers) == null ? void 0 : Ie.visibility,
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : N("", !0),
-    t.map ? (y(), U(Q, E({
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : F("", !0),
+    t.map ? (y(), U(ne, E({
       key: 14,
       viewport: a.viewport,
       factor: (Re = a.weatherLayers) == null ? void 0 : Re["water-temp"],
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : N("", !0),
-    t.map ? (y(), U(ne, E({
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : F("", !0),
+    t.map ? (y(), U(he, E({
       key: 15,
       viewport: a.viewport,
-      factor: (Ie = a.weatherLayers) == null ? void 0 : Ie.temp,
+      factor: (be = a.weatherLayers) == null ? void 0 : be.temp,
       "menu-toggle": t.menuToggle
-    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : N("", !0)
+    }, o.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : F("", !0)
   ]);
 }
-const Gr = /* @__PURE__ */ q(lr, [["render", Wr]]), qt = [
+const Hr = /* @__PURE__ */ q(lr, [["render", Nr]]), Kt = [
   {
     rank: 0,
     name: "Best Match",
@@ -5859,7 +5869,7 @@ const Gr = /* @__PURE__ */ q(lr, [["render", Wr]]), qt = [
     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"
   }
-], Kt = [
+], Qt = [
   {
     rank: 0,
     name: "Best Match",
@@ -5980,10 +5990,10 @@ const Gr = /* @__PURE__ */ q(lr, [["render", Wr]]), qt = [
 ];
 class Do {
   static standardWeatherModels() {
-    return qt.filter((e) => !e.disabled && e.alias);
+    return Kt.filter((e) => !e.disabled && e.alias);
   }
   static standardMarineModels() {
-    return Kt.filter((e) => !e.disabled && e.alias);
+    return Qt.filter((e) => !e.disabled && e.alias);
   }
   /**
    * 可视化图层模式
@@ -6017,20 +6027,20 @@ class Do {
     e = e == null ? void 0 : e.toLowerCase(), e = e === "ec" ? "ecmwf" : e;
     const a = e.toLowerCase().split(","), r = [], s = [];
     for (const c of a) {
-      let n = qt.find((d) => {
-        var m, f, _;
-        return ((m = d.models) == null ? void 0 : m.includes(c)) || ((f = d.alias) == null ? void 0 : f.toLowerCase()) === c || ((_ = d.name) == null ? void 0 : _.toLowerCase()) === c;
-      }), p = Kt.find((d) => {
-        var m, f, _;
-        return ((m = d.models) == null ? void 0 : m.includes(c)) || ((f = d.alias) == null ? void 0 : f.toLowerCase()) === c || ((_ = d.name) == null ? void 0 : _.toLowerCase()) === c;
+      let n = Kt.find((d) => {
+        var m, f, v;
+        return ((m = d.models) == null ? void 0 : m.includes(c)) || ((f = d.alias) == null ? void 0 : f.toLowerCase()) === c || ((v = d.name) == null ? void 0 : v.toLowerCase()) === c;
+      }), p = Qt.find((d) => {
+        var m, f, v;
+        return ((m = d.models) == null ? void 0 : m.includes(c)) || ((f = d.alias) == null ? void 0 : f.toLowerCase()) === c || ((v = d.name) == null ? void 0 : v.toLowerCase()) === c;
       });
-      n = n || qt.find((d) => {
+      n = n || Kt.find((d) => {
         var m, f;
         return ((m = d.alias) == null ? void 0 : m.toLowerCase()) === ((f = p == null ? void 0 : p.alias) == null ? void 0 : f.toLowerCase());
-      }), p = p || Kt.find((d) => {
+      }), p = p || Qt.find((d) => {
         var m, f;
         return ((m = d.alias) == null ? void 0 : m.toLowerCase()) === ((f = n == null ? void 0 : n.alias) == null ? void 0 : f.toLowerCase());
-      }), n = n || qt[0], p = p || Kt[0], r.push((t = n.models) != null && t.includes(c) ? c : n.model), s.push((i = p.models) != null && i.includes(c) ? c : p.model);
+      }), n = n || Kt[0], p = p || Qt[0], r.push((t = n.models) != null && t.includes(c) ? c : n.model), s.push((i = p.models) != null && i.includes(c) ? c : p.model);
     }
     return {
       weatherModels: r.join(","),
@@ -6039,7 +6049,7 @@ class Do {
   }
   static autoPickSubCategories(e) {
     e = e.toUpperCase();
-    const t = qt.filter((r) => r.alias === e), i = Kt.filter((r) => r.alias === e), a = [];
+    const t = Kt.filter((r) => r.alias === e), i = Qt.filter((r) => r.alias === e), a = [];
     return t.forEach((r) => {
       r.categories && a.push(...r.categories.split(","));
     }), i.forEach((r) => {
@@ -6047,37 +6057,37 @@ class Do {
     }), a;
   }
   static pickHourly(e, t) {
-    var i, a, r, s, c, n, p, d, m, f, _, b, S, C, B, M, L, v, z, P, w, R, W, X, V, Y, $, ee, Q, ne, ce, de, me, K, I, le, ge, fe, ye, we, Se, Me, Te, Re, Ie, j, te, Le, Ee, Pe;
-    const he = typeof t == "string" ? O(t) : t, pe = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, xe = O((a = (i = pe == null ? void 0 : pe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), J = xe.clone().add((c = (s = (r = pe == null ? void 0 : pe[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), ae = xe.clone().add((d = (p = (n = pe == null ? void 0 : pe[0]) == null ? void 0 : n.hourly) == null ? void 0 : p.time) == null ? void 0 : d.at(-1), "h"), Ae = [];
-    if (he.isBetween(J, ae, "millisecond", "[]")) {
-      const D = he.utc().diff(J, "h", !1);
+    var i, a, r, s, c, n, p, d, m, f, v, b, S, L, B, M, P, _, z, C, x, I, W, X, V, Y, $, ee, Q, ne, he, de, ce, K, R, le, ge, fe, we, xe, Se, Me, Te, Ie, Re, be, H, te, Ee, Pe;
+    const me = typeof t == "string" ? O(t) : t, pe = e == null ? void 0 : e.weather, N = e == null ? void 0 : e.marine, ve = O((a = (i = pe == null ? void 0 : pe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), J = ve.clone().add((c = (s = (r = pe == null ? void 0 : pe[0]) == null ? void 0 : r.hourly) == null ? void 0 : s.time) == null ? void 0 : c.at(0), "h"), ie = ve.clone().add((d = (p = (n = pe == null ? void 0 : pe[0]) == null ? void 0 : n.hourly) == null ? void 0 : p.time) == null ? void 0 : d.at(-1), "h"), Ae = [];
+    if (me.isBetween(J, ie, "millisecond", "[]")) {
+      const D = me.utc().diff(J, "h", !1);
       let ue, Ce;
       if (pe) {
         let De = 0, Oe = 0;
         for (const A of pe) {
           const G = A == null ? void 0 : A.hourly;
-          for (let ke = D - (D - 1) % 3; ke <= D; ke++)
-            De += (m = G == null ? void 0 : G.precipitation) == null ? void 0 : m.at(ke);
-          for (let ke = D - (D - 1) % 6; ke <= D; ke++)
-            Oe += (f = G == null ? void 0 : G.precipitation) == null ? void 0 : f.at(ke);
+          for (let ze = D - (D - 1) % 3; ze <= D; ze++)
+            De += (m = G == null ? void 0 : G.precipitation) == null ? void 0 : m.at(ze);
+          for (let ze = D - (D - 1) % 6; ze <= D; ze++)
+            Oe += (f = G == null ? void 0 : G.precipitation) == null ? void 0 : f.at(ze);
           ue = {
-            temp: (_ = G == null ? void 0 : G.temperature_2m) == null ? void 0 : _.at(D),
+            temp: (v = G == null ? void 0 : G.temperature_2m) == null ? void 0 : v.at(D),
             apparentTemp: (b = G == null ? void 0 : G.apparent_temperature) == null ? void 0 : b.at(D),
             rh: (S = G == null ? void 0 : G.relative_humidity_2m) == null ? void 0 : S.at(D),
-            dp: (C = G == null ? void 0 : G.dew_point_2m) == null ? void 0 : C.at(D),
+            dp: (L = G == null ? void 0 : G.dew_point_2m) == null ? void 0 : L.at(D),
             precip: {
               probability: (B = G == null ? void 0 : G.precipitation_probability) == null ? void 0 : B.at(D),
               sum: (M = G == null ? void 0 : G.precipitation) == null ? void 0 : M.at(D),
               sum3Hours: Math.round(De * 100) / 100,
               sum6Hours: Math.round(Oe * 100) / 100
             },
-            pmsl: (L = G == null ? void 0 : G.pressure_msl) == null ? void 0 : L.at(D),
-            psurf: (v = G == null ? void 0 : G.surface_pressure) == null ? void 0 : v.at(D),
+            pmsl: (P = G == null ? void 0 : G.pressure_msl) == null ? void 0 : P.at(D),
+            psurf: (_ = G == null ? void 0 : G.surface_pressure) == null ? void 0 : _.at(D),
             code: (z = G == null ? void 0 : G.weather_code) == null ? void 0 : z.at(D),
-            visibility: this.m2nm((P = G == null ? void 0 : G.visibility) == null ? void 0 : P.at(D)),
+            visibility: this.m2nm((C = G == null ? void 0 : G.visibility) == null ? void 0 : C.at(D)),
             wind: {
-              speed: (w = G == null ? void 0 : G.wind_speed_10m) == null ? void 0 : w.at(D),
-              kts: (R = G == null ? void 0 : G.wind_speed_10m) == null ? void 0 : R.at(D),
+              speed: (x = G == null ? void 0 : G.wind_speed_10m) == null ? void 0 : x.at(D),
+              kts: (I = G == null ? void 0 : G.wind_speed_10m) == null ? void 0 : I.at(D),
               degree: (W = G == null ? void 0 : G.wind_direction_10m) == null ? void 0 : W.at(D),
               bearing: ((X = G == null ? void 0 : G.wind_direction_10m) == null ? void 0 : X.at(D)) !== null ? (((V = G == null ? void 0 : G.wind_direction_10m) == null ? void 0 : V.at(D)) + 180) % 360 : null,
               gusts: (Y = G == null ? void 0 : G.wind_gusts_10m) == null ? void 0 : Y.at(D)
@@ -6092,38 +6102,38 @@ class Do {
           });
         }
       }
-      if (H) {
+      if (N) {
         let De = 0;
-        for (const Oe of H) {
+        for (const Oe of N) {
           const A = Oe == null ? void 0 : Oe.hourly;
           Ce = {
             wave: {
               sig: {
                 height: (ee = A == null ? void 0 : A.wave_height) == null ? void 0 : ee.at(D),
                 degree: (Q = A == null ? void 0 : A.wave_direction) == null ? void 0 : Q.at(D),
-                bearing: ((ne = A == null ? void 0 : A.wave_direction) == null ? void 0 : ne.at(D)) !== null ? (((ce = A == null ? void 0 : A.wave_direction) == null ? void 0 : ce.at(D)) + 180) % 360 : null,
+                bearing: ((ne = A == null ? void 0 : A.wave_direction) == null ? void 0 : ne.at(D)) !== null ? (((he = A == null ? void 0 : A.wave_direction) == null ? void 0 : he.at(D)) + 180) % 360 : null,
                 period: (de = A == null ? void 0 : A.wave_period) == null ? void 0 : de.at(D)
               },
               swell: {
-                height: (me = A == null ? void 0 : A.swell_wave_height) == null ? void 0 : me.at(D),
+                height: (ce = A == null ? void 0 : A.swell_wave_height) == null ? void 0 : ce.at(D),
                 degree: (K = A == null ? void 0 : A.swell_wave_direction) == null ? void 0 : K.at(D),
-                bearing: ((I = A == null ? void 0 : A.swell_wave_direction) == null ? void 0 : I.at(D)) !== null ? (((le = A == null ? void 0 : A.swell_wave_direction) == null ? void 0 : le.at(D)) + 180) % 360 : null,
+                bearing: ((R = A == null ? void 0 : A.swell_wave_direction) == null ? void 0 : R.at(D)) !== null ? (((le = A == null ? void 0 : A.swell_wave_direction) == null ? void 0 : le.at(D)) + 180) % 360 : null,
                 period: (ge = A == null ? void 0 : A.swell_wave_period) == null ? void 0 : ge.at(D),
                 peakPeriod: (fe = A == null ? void 0 : A.swell_wave_peak_period) == null ? void 0 : fe.at(D)
               },
               wd: {
-                height: (ye = A == null ? void 0 : A.wind_wave_height) == null ? void 0 : ye.at(D),
-                degree: (we = A == null ? void 0 : A.wind_wave_direction) == null ? void 0 : we.at(D),
+                height: (we = A == null ? void 0 : A.wind_wave_height) == null ? void 0 : we.at(D),
+                degree: (xe = A == null ? void 0 : A.wind_wave_direction) == null ? void 0 : xe.at(D),
                 bearing: ((Se = A == null ? void 0 : A.wind_wave_direction) == null ? void 0 : Se.at(D)) !== null ? (((Me = A == null ? void 0 : A.wind_wave_direction) == null ? void 0 : Me.at(D)) + 180) % 360 : null,
                 period: (Te = A == null ? void 0 : A.wind_wave_period) == null ? void 0 : Te.at(D),
-                peakPeriod: (Re = A == null ? void 0 : A.wind_wave_peak_period) == null ? void 0 : Re.at(D)
+                peakPeriod: (Ie = A == null ? void 0 : A.wind_wave_peak_period) == null ? void 0 : Ie.at(D)
               }
             },
             current: {
-              speed: (Ie = A == null ? void 0 : A.ocean_current_velocity) == null ? void 0 : Ie.at(D),
-              kts: (j = A == null ? void 0 : A.ocean_current_velocity) == null ? void 0 : j.at(D),
-              degree: (te = A == null ? void 0 : A.ocean_current_direction) == null ? void 0 : te.at(D),
-              bearing: ((Le = A == null ? void 0 : A.ocean_current_direction) == null ? void 0 : Le.at(D)) ?? null
+              speed: (Re = A == null ? void 0 : A.ocean_current_velocity) == null ? void 0 : Re.at(D),
+              kts: (be = A == null ? void 0 : A.ocean_current_velocity) == null ? void 0 : be.at(D),
+              degree: (H = A == null ? void 0 : A.ocean_current_direction) == null ? void 0 : H.at(D),
+              bearing: ((te = A == null ? void 0 : A.ocean_current_direction) == null ? void 0 : te.at(D)) ?? null
             },
             sst: (Ee = A == null ? void 0 : A.sea_surface_temperature) == null ? void 0 : Ee.at(D),
             height: (Pe = A == null ? void 0 : A.sea_level_height_msl) == null ? void 0 : Pe.at(D)
@@ -6156,82 +6166,82 @@ class Do {
     };
   }
   static pickDaily(e, t) {
-    var i, a, r, s, c, n, p, d, m, f, _, b, S, C, B, M, L, v, z, P, w, R, W, X, V, Y, $, ee, Q, ne, ce, de, me, K, I, le, ge, fe, ye, we, Se, Me, Te, Re;
-    const Ie = typeof t == "string" ? O(t) : t, j = e == null ? void 0 : e.weather, te = e == null ? void 0 : e.marine, Le = O((r = (a = (i = j == null ? void 0 : j[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), Ee = O((n = (c = (s = j == null ? void 0 : j[0]) == null ? void 0 : s.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Pe = [];
-    if (Ie.isBetween(Le, Ee, "millisecond", "[]")) {
-      let he, pe;
-      const H = Ie.diff(Le, "d", !1);
-      if (j)
-        for (const xe of j) {
-          const J = xe.daily;
-          he = {
-            code: (p = J.weather_code) == null ? void 0 : p.at(H),
+    var i, a, r, s, c, n, p, d, m, f, v, b, S, L, B, M, P, _, z, C, x, I, W, X, V, Y, $, ee, Q, ne, he, de, ce, K, R, le, ge, fe, we, xe, Se, Me, Te, Ie;
+    const Re = typeof t == "string" ? O(t) : t, be = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, te = O((r = (a = (i = be == null ? void 0 : be[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), Ee = O((n = (c = (s = be == null ? void 0 : be[0]) == null ? void 0 : s.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Pe = [];
+    if (Re.isBetween(te, Ee, "millisecond", "[]")) {
+      let me, pe;
+      const N = Re.diff(te, "d", !1);
+      if (be)
+        for (const ve of be) {
+          const J = ve.daily;
+          me = {
+            code: (p = J.weather_code) == null ? void 0 : p.at(N),
             temp: {
-              max: (d = J.temperature_2m_max) == null ? void 0 : d.at(H),
-              min: (m = J.temperature_2m_min) == null ? void 0 : m.at(H),
-              mean: (f = J.temperature_2m_mean) == null ? void 0 : f.at(H)
+              max: (d = J.temperature_2m_max) == null ? void 0 : d.at(N),
+              min: (m = J.temperature_2m_min) == null ? void 0 : m.at(N),
+              mean: (f = J.temperature_2m_mean) == null ? void 0 : f.at(N)
             },
             apparentTemp: {
-              max: (_ = J.apparent_temperature_max) == null ? void 0 : _.at(H),
-              min: (b = J.apparent_temperature_min) == null ? void 0 : b.at(H)
+              max: (v = J.apparent_temperature_max) == null ? void 0 : v.at(N),
+              min: (b = J.apparent_temperature_min) == null ? void 0 : b.at(N)
             },
             precip: {
-              sum: (S = J.precipitation_sum) == null ? void 0 : S.at(H),
-              rainSum: (C = J.rain_sum) == null ? void 0 : C.at(H),
-              snowfallSum: (B = J.snowfall_sum) == null ? void 0 : B.at(H),
-              showersSum: (M = J.showers_sum) == null ? void 0 : M.at(H),
-              hours: (L = J.precipitation_hours) == null ? void 0 : L.at(H),
-              probability: (v = J.precipitation_probability_max) == null ? void 0 : v.at(H)
+              sum: (S = J.precipitation_sum) == null ? void 0 : S.at(N),
+              rainSum: (L = J.rain_sum) == null ? void 0 : L.at(N),
+              snowfallSum: (B = J.snowfall_sum) == null ? void 0 : B.at(N),
+              showersSum: (M = J.showers_sum) == null ? void 0 : M.at(N),
+              hours: (P = J.precipitation_hours) == null ? void 0 : P.at(N),
+              probability: (_ = J.precipitation_probability_max) == null ? void 0 : _.at(N)
             },
             rh: {
-              max: (z = J.relative_humidity_2m_max) == null ? void 0 : z.at(H),
-              min: (P = J.relative_humidity_2m_min) == null ? void 0 : P.at(H),
-              mean: (w = J.relative_humidity_2m_mean) == null ? void 0 : w.at(H)
+              max: (z = J.relative_humidity_2m_max) == null ? void 0 : z.at(N),
+              min: (C = J.relative_humidity_2m_min) == null ? void 0 : C.at(N),
+              mean: (x = J.relative_humidity_2m_mean) == null ? void 0 : x.at(N)
             },
             wind: {
-              speed: (R = J.wind_speed_10m_max) == null ? void 0 : R.at(H),
-              kts: (W = J.wind_speed_10m_max) == null ? void 0 : W.at(H),
-              degree: (X = J.wind_direction_10m_dominant) == null ? void 0 : X.at(H),
-              gusts: (V = J.wind_gusts_10m_max) == null ? void 0 : V.at(H),
-              bearing: ((Y = J.wind_direction_10m_dominant) == null ? void 0 : Y.at(H)) !== null ? ((($ = J.wind_direction_10m_dominant) == null ? void 0 : $.at(H)) + 180) % 360 : null
+              speed: (I = J.wind_speed_10m_max) == null ? void 0 : I.at(N),
+              kts: (W = J.wind_speed_10m_max) == null ? void 0 : W.at(N),
+              degree: (X = J.wind_direction_10m_dominant) == null ? void 0 : X.at(N),
+              gusts: (V = J.wind_gusts_10m_max) == null ? void 0 : V.at(N),
+              bearing: ((Y = J.wind_direction_10m_dominant) == null ? void 0 : Y.at(N)) !== null ? ((($ = J.wind_direction_10m_dominant) == null ? void 0 : $.at(N)) + 180) % 360 : null
             }
           };
-          const { name: ae, url: Ae, bg: D } = this.parseWeatherCode(he.code, !0);
-          he.name = ae, he.url = Ae, he.bg = D, he.wind.scale = this.beaufort(this.kts2ms(he.wind.kts)), he.wind.direction = this.degree2Direction(he.wind.degree), Pe.push({
-            utc: Le.add(H, "d").utc().format(),
-            model: xe.model,
-            weather: { ...he }
+          const { name: ie, url: Ae, bg: D } = this.parseWeatherCode(me.code, !0);
+          me.name = ie, me.url = Ae, me.bg = D, me.wind.scale = this.beaufort(this.kts2ms(me.wind.kts)), me.wind.direction = this.degree2Direction(me.wind.degree), Pe.push({
+            utc: te.add(N, "d").utc().format(),
+            model: ve.model,
+            weather: { ...me }
           });
         }
-      if (te) {
-        let xe = 0;
-        for (const J of te) {
-          const ae = J.daily;
+      if (H) {
+        let ve = 0;
+        for (const J of H) {
+          const ie = J.daily;
           pe = {
             wave: {
               sig: {
-                height: (ee = ae.wave_height_max) == null ? void 0 : ee.at(H),
-                degree: (Q = ae.wave_direction_dominant) == null ? void 0 : Q.at(H),
-                period: (ne = ae.wave_period_max) == null ? void 0 : ne.at(H),
-                bearing: ((ce = ae.wave_direction_dominant) == null ? void 0 : ce.at(H)) !== null ? (((de = ae.wave_direction_dominant) == null ? void 0 : de.at(H)) + 180) % 360 : null
+                height: (ee = ie.wave_height_max) == null ? void 0 : ee.at(N),
+                degree: (Q = ie.wave_direction_dominant) == null ? void 0 : Q.at(N),
+                period: (ne = ie.wave_period_max) == null ? void 0 : ne.at(N),
+                bearing: ((he = ie.wave_direction_dominant) == null ? void 0 : he.at(N)) !== null ? (((de = ie.wave_direction_dominant) == null ? void 0 : de.at(N)) + 180) % 360 : null
               },
               swell: {
-                height: (me = ae.swell_wave_height_max) == null ? void 0 : me.at(H),
-                degree: (K = ae.swell_wave_direction_dominant) == null ? void 0 : K.at(H),
-                period: (I = ae.swell_wave_period_max) == null ? void 0 : I.at(H),
-                peakPeriod: (le = ae.swell_wave_peak_period_max) == null ? void 0 : le.at(H),
+                height: (ce = ie.swell_wave_height_max) == null ? void 0 : ce.at(N),
+                degree: (K = ie.swell_wave_direction_dominant) == null ? void 0 : K.at(N),
+                period: (R = ie.swell_wave_period_max) == null ? void 0 : R.at(N),
+                peakPeriod: (le = ie.swell_wave_peak_period_max) == null ? void 0 : le.at(N),
                 // bearing: daily.swell_wave_direction_dominant?.at(day) !== null ? (daily.swell_wave_direction_dominant?.at(day) + 180) % 360 : null,
-                bearing: ((ge = ae.swell_wave_direction_dominant) == null ? void 0 : ge.at(H)) !== null ? ((fe = ae.swell_wave_direction_dominant) == null ? void 0 : fe.at(H)) % 360 : null
+                bearing: ((ge = ie.swell_wave_direction_dominant) == null ? void 0 : ge.at(N)) !== null ? ((fe = ie.swell_wave_direction_dominant) == null ? void 0 : fe.at(N)) % 360 : null
               },
               wd: {
-                height: (ye = ae.wind_wave_height_max) == null ? void 0 : ye.at(H),
-                degree: (we = ae.wind_wave_direction_dominant) == null ? void 0 : we.at(H),
-                period: (Se = ae.wind_wave_period_max) == null ? void 0 : Se.at(H),
-                peakPeriod: (Me = ae.wind_wave_peak_period_max) == null ? void 0 : Me.at(H),
-                bearing: ((Te = ae.wind_wave_direction_dominant) == null ? void 0 : Te.at(H)) !== null ? (((Re = ae.wind_wave_direction_dominant) == null ? void 0 : Re.at(H)) + 180) % 360 : null
+                height: (we = ie.wind_wave_height_max) == null ? void 0 : we.at(N),
+                degree: (xe = ie.wind_wave_direction_dominant) == null ? void 0 : xe.at(N),
+                period: (Se = ie.wind_wave_period_max) == null ? void 0 : Se.at(N),
+                peakPeriod: (Me = ie.wind_wave_peak_period_max) == null ? void 0 : Me.at(N),
+                bearing: ((Te = ie.wind_wave_direction_dominant) == null ? void 0 : Te.at(N)) !== null ? (((Ie = ie.wind_wave_direction_dominant) == null ? void 0 : Ie.at(N)) + 180) % 360 : null
               }
             }
-          }, pe.wave = this.parseWave(pe.wave, he == null ? void 0 : he.wind), Object.assign(Pe[xe], pe), xe++;
+          }, pe.wave = this.parseWave(pe.wave, me == null ? void 0 : me.wind), Object.assign(Pe[ve], pe), ve++;
         }
       }
     }
@@ -6636,7 +6646,7 @@ class Do {
     return isNaN(e) || e <= 0.1 ? t = "Calm" : e <= 0.5 ? t = "Smooth" : e <= 1.25 ? t = "Slight" : e <= 2.5 ? t = "Moderate" : e <= 4 ? t = "Rough" : e <= 6 ? t = "VeryRough" : e <= 9 ? t = "High" : e <= 14 ? t = "VeryHigh" : t = "Precipitous", t;
   }
 }
-const Ur = {
+const Wr = {
   name: "IdmTropicals",
   props: {
     map: {
@@ -6700,9 +6710,9 @@ const Ur = {
       showTropicalsInfo: !1,
       activeTropicals: void 0,
       activeTropicalsMarker: void 0,
-      empty: F.featureCollection([]),
+      empty: j.featureCollection([]),
       circleSource: "circle-source",
-      circleSourceData: F.featureCollection([]),
+      circleSourceData: j.featureCollection([]),
       circleLayer: "tropical-circle-layer"
     };
   },
@@ -6773,7 +6783,7 @@ const Ur = {
     async fetchTropicals() {
       var a, r, s;
       const o = (/* @__PURE__ */ new Date()).valueOf();
-      let e = 0, t = 0, i = (a = Qt.WEATHER_LAYERS.find((c) => c.key === "tropicals")) == null ? void 0 : a.weight;
+      let e = 0, t = 0, i = (a = Jt.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 Be.get(`${c}/api/arc/weather/layers2/links?l=${i}&v=${this.forecastModel}&t=${this.realTime}`, {
           headers: {
@@ -6789,8 +6799,8 @@ const Ur = {
             },
             responseType: /\.(jpg|png)$/.test(p.tropicals) ? "blob" : "json"
           }).then((d) => {
-            var _, b, S;
-            const m = Ao.convert2Geojson(((_ = d == null ? void 0 : d.data) == null ? void 0 : _.data) || (d == null ? void 0 : d.data));
+            var v, b, S;
+            const m = Ao.convert2Geojson(((v = d == null ? void 0 : d.data) == null ? void 0 : v.data) || (d == null ? void 0 : d.data));
             ((S = (b = d == null ? void 0 : d.config) == null ? void 0 : b.headers) == null ? void 0 : S.key) && m && (this.tropicals = {
               data: m,
               active: !0,
@@ -6839,8 +6849,8 @@ const Ur = {
       else {
         if (this.tropicals) {
           const m = (/* @__PURE__ */ new Date()).valueOf();
-          let f = 0, _ = 0;
-          (o = this.map) != null && o.getSource(this.source) ? ((t = this.map) == null || t.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), _ = (/* @__PURE__ */ new Date()).valueOf() - (m + f), console.log("[tropicals] update elapsed: ", _, ", total: ", f += _)) : (this.map.addSource(this.source, {
+          let f = 0, v = 0;
+          (o = this.map) != null && o.getSource(this.source) ? ((t = this.map) == null || t.getSource(this.source).setData((e = this.tropicals) != null && e.active ? this.tropicals.data : this.empty), v = (/* @__PURE__ */ new Date()).valueOf() - (m + f), console.log("[tropicals] update elapsed: ", v, ", total: ", f += v)) : (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({
@@ -6937,7 +6947,7 @@ const Ur = {
               ],
               "text-halo-width": 4
             }
-          }), _ = (/* @__PURE__ */ new Date()).valueOf() - (m + f), console.log("[tropical] add elapsed: ", _, ", total: ", f += _)), (r = this.map) != null && r.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((s = this.tropicals) != null && s.active ? this.tropicals.data : this.empty), _ = (/* @__PURE__ */ new Date()).valueOf() - (m + f), console.log("[tropical] update elapsed: ", _, ", total: ", f += _)) : (this.map.addSource(this.clusterSource, {
+          }), v = (/* @__PURE__ */ new Date()).valueOf() - (m + f), console.log("[tropical] add elapsed: ", v, ", total: ", f += v)), (r = this.map) != null && r.getSource(this.clusterSource) ? ((c = this.map) == null || c.getSource(this.clusterSource).setData((s = this.tropicals) != null && s.active ? this.tropicals.data : this.empty), v = (/* @__PURE__ */ new Date()).valueOf() - (m + f), console.log("[tropical] update elapsed: ", v, ", total: ", f += v)) : (this.map.addSource(this.clusterSource, {
             type: "geojson",
             data: (n = this.tropicals) != null && n.active ? (p = this.tropicals) == null ? void 0 : p.data : this.empty
             // cluster: true,
@@ -7054,7 +7064,7 @@ const Ur = {
               "text-halo-color": "#0033ff",
               "text-halo-width": 4
             }
-          }), _ = (/* @__PURE__ */ new Date()).valueOf() - (m + f), console.log("[tropical] add elapsed: ", _, ", total: ", f += _));
+          }), v = (/* @__PURE__ */ new Date()).valueOf() - (m + f), console.log("[tropical] add elapsed: ", v, ", total: ", f += v));
         }
         this.handleDrawCircle();
         const d = Ao.interpolate(this.tropicals, 1);
@@ -7079,14 +7089,14 @@ const Ur = {
       ), this.showTropicalsInfo = !1, (t = this.activeTropicalsMarker) == null || t.remove(), this.activeTropicalsMarker = void 0;
     },
     handleDateChange() {
-      var o, e, t, i, a, r, s, c, n, p, d, m, f, _, b, S, C, B, M, L, v, z, P, w, R, W, X, V, Y, $, ee, Q;
+      var o, e, t, i, a, r, s, c, n, p, d, m, f, v, b, S, L, B, M, P, _, z, C, x, I, W, X, V, Y, $, ee, Q;
       if ((o = this.interpolateMarkers) == null || o.forEach((ne) => ne == null ? void 0 : ne.remove()), this.circleSourceData.features = [], (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const ne = O(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), ce = this.interpolateData.filter((K) => K.properties.date === ne.format() && !K.properties.disabled), de = this.handleComputePolygons(ce), me = F.featureCollection([...ce]);
+        const ne = O(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), he = this.interpolateData.filter((K) => K.properties.date === ne.format() && !K.properties.disabled), de = this.handleComputePolygons(he), ce = j.featureCollection([...he]);
         de.forEach((K) => {
-          me.features.push(K);
-        }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (i = this.map) == null || i.getSource(this.interpolateSource).setData(me) : ((a = this.map) == null || a.addSource(this.interpolateSource, {
+          ce.features.push(K);
+        }), (t = this.map) != null && t.getSource(this.interpolateSource) ? (i = this.map) == null || i.getSource(this.interpolateSource).setData(ce) : ((a = this.map) == null || a.addSource(this.interpolateSource, {
           type: "geojson",
-          data: me
+          data: ce
         }), (r = this.map) == null || r.addLayer({
           id: this.interpolateLineLayer,
           type: "line",
@@ -7098,17 +7108,17 @@ const Ur = {
             "line-width": 1
           }
         })), this.interpolateMarkers = [];
-        for (const K of ce)
+        for (const K of he)
           if (!K.properties.disabled) {
-            let I = "#f44336";
-            ((c = (s = K.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((p = (n = K.properties) == null ? void 0 : n.wind) != null && p.kts) ? I = "#03f869" : ((m = (d = K.properties) == null ? void 0 : d.wind) == null ? void 0 : m.kts) >= 32 && ((_ = (f = K.properties) == null ? void 0 : f.wind) == null ? void 0 : _.kts) < 47 ? I = "#f2f202" : ((S = (b = K.properties) == null ? void 0 : b.wind) == null ? void 0 : S.kts) >= 47 && ((B = (C = K.properties) == null ? void 0 : C.wind) == null ? void 0 : B.kts) < 63 ? I = "#ff9100" : ((L = (M = K.properties) == null ? void 0 : M.wind) == null ? void 0 : L.kts) >= 63 && ((z = (v = K.properties) == null ? void 0 : v.wind) == null ? void 0 : z.kts) < 79 ? I = "#f44336" : ((w = (P = K.properties) == null ? void 0 : P.wind) == null ? void 0 : w.kts) >= 79 && ((W = (R = K.properties) == null ? void 0 : R.wind) == null ? void 0 : W.kts) < 94 ? I = "#f903d0" : ((V = (X = K.properties) == null ? void 0 : X.wind) == null ? void 0 : V.kts) >= 94 ? I = "#8702f9" : I = "#f44336";
+            let R = "#f44336";
+            ((c = (s = K.properties) == null ? void 0 : s.wind) == null ? void 0 : c.kts) < 32 || !((p = (n = K.properties) == null ? void 0 : n.wind) != null && p.kts) ? R = "#03f869" : ((m = (d = K.properties) == null ? void 0 : d.wind) == null ? void 0 : m.kts) >= 32 && ((v = (f = K.properties) == null ? void 0 : f.wind) == null ? void 0 : v.kts) < 47 ? R = "#f2f202" : ((S = (b = K.properties) == null ? void 0 : b.wind) == null ? void 0 : S.kts) >= 47 && ((B = (L = K.properties) == null ? void 0 : L.wind) == null ? void 0 : B.kts) < 63 ? R = "#ff9100" : ((P = (M = K.properties) == null ? void 0 : M.wind) == null ? void 0 : P.kts) >= 63 && ((z = (_ = K.properties) == null ? void 0 : _.wind) == null ? void 0 : z.kts) < 79 ? R = "#f44336" : ((x = (C = K.properties) == null ? void 0 : C.wind) == null ? void 0 : x.kts) >= 79 && ((W = (I = K.properties) == null ? void 0 : I.wind) == null ? void 0 : W.kts) < 94 ? R = "#f903d0" : ((V = (X = K.properties) == null ? void 0 : X.wind) == null ? void 0 : V.kts) >= 94 ? R = "#8702f9" : R = "#f44336";
             const le = `<svg t="1719918955501"
                           	class="icon" viewBox="0 0 1024 1024"  xmlns="http://www.w3.org/2000/svg" p-id="18382"
                           	xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
                           	<path
                           		d="M515.17000001 169.34666667c41-77.73 95.33-96 95.33-96-240 0-434.5 194.53-434.5 434.5 0 186.47 150.78 337.7 337.06 338.48C472.11000001 923.66666667 418.00000001 941.83666667 418.00000001 941.83666667c240 0 434.5-194.54 434.5-434.5l0.5 0.5C853.00000001 321.10666667 701.81000001 169.66666667 515.17000001 169.34666667z m-0.67 468A129.5 129.5 0 1 1 644.00000001 507.83666667a129.5 129.5 0 0 1-129.5 129.5z"
-                          		fill="${I}" p-id="18383"></path>
-                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${I}"
+                          		fill="${R}" p-id="18383"></path>
+                          	<path d="M514.50000001 507.83666667m-129.5 0a129.5 129.5 0 1 0 259 0 129.5 129.5 0 1 0-259 0Z" fill="${R}"
                           		p-id="18384"></path>
                           	<path
                           		d="M517.16666667 654.67c-80.23 0-145.5-65.27-145.5-145.5s65.27-145.5 145.5-145.5S662.66666667 428.94 662.66666667 509.17s-65.27 145.5-145.5 145.5z m0-259A113.5 113.5 0 1 0 630.66666667 509.17a113.63 113.63 0 0 0-113.5-113.5z"
@@ -7118,7 +7128,7 @@ const Ur = {
                           		fill="#ffffff" p-id="18386"></path>
                           </svg>`, ge = document.createElement("div");
             ge.className = "idm-tropical-gl4-hourly-marker", ge.innerHTML = `<div class="${K.geometry.coordinates[1] >= 0 ? "center north" : "center south"}">${le}</div>`;
-            const fe = new _e.Marker(ge).setLngLat(K.geometry.coordinates).addTo(this.map);
+            const fe = new ke.Marker(ge).setLngLat(K.geometry.coordinates).addTo(this.map);
             this.interpolateMarkers.push(fe), ($ = (Y = this.map) == null ? void 0 : Y.getSource(this.circleSource)) == null || $.setData(this.circleSourceData);
           }
       } else
@@ -7127,24 +7137,24 @@ const Ur = {
     handleClick(o) {
       var r, s, c, n, p, d, m, f;
       const e = o.features[0], t = (s = (r = this.tropicals) == null ? void 0 : r.data) == null ? void 0 : s.features.filter(
-        (_) => {
+        (v) => {
           var b;
-          return _.geometry.type === "LineString" && _.properties.type === "forecast" && _.properties.name === ((b = e == null ? void 0 : e.properties) == null ? void 0 : b.name);
+          return v.geometry.type === "LineString" && v.properties.type === "forecast" && v.properties.name === ((b = e == null ? void 0 : e.properties) == null ? void 0 : b.name);
         }
       ), i = (n = (c = this.tropicals) == null ? void 0 : c.data) == null ? void 0 : n.features.filter(
-        (_) => {
+        (v) => {
           var b;
-          return _.geometry.type === "LineString" && _.properties.type === "history" && _.properties.name === ((b = e == null ? void 0 : e.properties) == null ? void 0 : b.name);
+          return v.geometry.type === "LineString" && v.properties.type === "history" && v.properties.name === ((b = e == null ? void 0 : e.properties) == null ? void 0 : b.name);
         }
       );
       this.activeTropicals = {
         name: (p = e == null ? void 0 : e.properties) == null ? void 0 : p.name,
-        forecasts: t.map((_) => _.properties),
+        forecasts: t.map((v) => v.properties),
         history: (d = i[0]) == null ? void 0 : d.properties,
         showCircle: (f = (m = t[0]) == null ? void 0 : m.properties) == null ? void 0 : f.showCircle
       }, this.showTropicalsInfo = !0;
       const a = document.getElementById("idm-tropical-gl4-info");
-      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([o.lngLat.lng, o.lngLat.lat]) : this.activeTropicalsMarker = new _e.Marker(a).setLngLat([o.lngLat.lng, o.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
+      this.activeTropicalsMarker ? this.activeTropicalsMarker.setLngLat([o.lngLat.lng, o.lngLat.lat]) : this.activeTropicalsMarker = new ke.Marker(a).setLngLat([o.lngLat.lng, o.lngLat.lat]).setOffset([220, 0]).addTo(this.map);
     },
     handleForecastToggle(o) {
       var i, a, r, s, c, n;
@@ -7154,7 +7164,7 @@ const Ur = {
         p.properties.category === e && (p.properties.disabled = o.disabled);
       }), this.interpolateData.forEach((p) => {
         p.properties.category === e && (p.properties.disabled = o.disabled);
-      }), (s = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || s.setData(F.featureCollection(t)), (n = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || n.setData(F.featureCollection(t)), this.handleDateChange();
+      }), (s = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || s.setData(j.featureCollection(t)), (n = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || n.setData(j.featureCollection(t)), this.handleDateChange();
     },
     handleStrikeProbability(o) {
       this.$emit("tropicalProbability", index);
@@ -7211,38 +7221,38 @@ const Ur = {
         let n;
         switch (s) {
           case "ne":
-            n = F.lineArc(o, c, 0, 90, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = j.lineArc(o, c, 0, 90, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "se":
-            n = F.lineArc(o, c, 90, 180, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = j.lineArc(o, c, 90, 180, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "sw":
-            n = F.lineArc(o, c, 180, 270, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = j.lineArc(o, c, 180, 270, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "nw":
-            n = F.lineArc(o, c, 270, 360, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = j.lineArc(o, c, 270, 360, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
         }
         i.push(...(r = n == null ? void 0 : n.geometry) == null ? void 0 : r.coordinates);
       }
-      const a = F.lineString(i);
-      return F.lineToPolygon(a, { properties: t });
+      const a = j.lineString(i);
+      return j.lineToPolygon(a, { properties: t });
     }
   }
-}, Vr = { class: "idm-tropical-gl4" }, Yr = { key: 0 }, Zr = { class: "text-body-2 opacity-50" }, Xr = { class: "pa-1 d-flex justify-space-between align-center" }, qr = { class: "col col-left justify-start" }, Kr = { class: "col col-right justify-start" }, Qr = { class: "px-1 py-2 d-flex justify-space-between align-center" }, Jr = { class: "d-flex justify-space-between align-center col-left justify-start" }, $r = { class: "d-flex justify-space-between align-center col-right" }, el = { class: "pa-1 d-flex justify-space-between align-center" }, tl = { class: "d-flex justify-space-between align-center flex-1-1-100" }, ol = { class: "d-flex justify-end align-center flex-1-1-0 flex-wrap" }, al = ["onClick"];
-function il(o, e, t, i, a, r) {
+}, Gr = { class: "idm-tropical-gl4" }, Ur = { key: 0 }, Vr = { class: "text-body-2 opacity-50" }, Yr = { class: "pa-1 d-flex justify-space-between align-center" }, Zr = { class: "col col-left justify-start" }, Xr = { class: "col col-right justify-start" }, qr = { class: "px-1 py-2 d-flex justify-space-between align-center" }, Kr = { class: "d-flex justify-space-between align-center col-left justify-start" }, Qr = { class: "d-flex justify-space-between align-center col-right" }, Jr = { class: "pa-1 d-flex justify-space-between align-center" }, $r = { class: "d-flex justify-space-between align-center flex-1-1-100" }, el = { class: "d-flex justify-end align-center flex-1-1-0 flex-wrap" }, tl = ["onClick"];
+function ol(o, e, t, i, a, r) {
   const s = k("VBtn"), c = k("VTooltip"), n = k("VCardTitle"), p = k("VCardSubtitle"), d = k("VCardItem"), m = k("VCardText"), f = k("VCard");
-  return y(), T("div", Vr, [
+  return y(), T("div", Gr, [
     l("div", {
       class: "menu-bar-box transition pa-1",
-      style: oe({ top: t.top + 134 + "px", right: a.right + "px" })
+      style: ae({ top: t.top + 134 + "px", right: a.right + "px" })
     }, [
       h(c, {
         text: o.$t("tropical.tropicals"),
         location: "left"
       }, {
-        activator: g(({ props: _ }) => [
-          h(s, E(_, {
+        activator: g(({ props: v }) => [
+          h(s, E(v, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -7259,7 +7269,7 @@ function il(o, e, t, i, a, r) {
         _: 1
       }, 8, ["text"])
     ], 4),
-    Jt(h(f, {
+    eo(h(f, {
       id: "idm-tropical-gl4-info",
       class: "idm-tropical-gl4-info my-4",
       width: "400",
@@ -7273,11 +7283,11 @@ function il(o, e, t, i, a, r) {
               style: { "font-size": "16px !important" }
             }, {
               default: g(() => {
-                var _, b, S, C, B;
+                var v, b, S, L, B;
                 return [
                   l("div", null, [
-                    (b = (_ = a.activeTropicals) == null ? void 0 : _.history) != null && b.level ? (y(), T("span", Yr, x((C = (S = a.activeTropicals) == null ? void 0 : S.history) == null ? void 0 : C.level) + " , ", 1)) : N("", !0),
-                    Z(x((B = a.activeTropicals) == null ? void 0 : B.name), 1)
+                    (b = (v = a.activeTropicals) == null ? void 0 : v.history) != null && b.level ? (y(), T("span", Ur, w((L = (S = a.activeTropicals) == null ? void 0 : S.history) == null ? void 0 : L.level) + " , ", 1)) : F("", !0),
+                    Z(w((B = a.activeTropicals) == null ? void 0 : B.name), 1)
                   ]),
                   h(s, {
                     icon: "$close",
@@ -7292,9 +7302,9 @@ function il(o, e, t, i, a, r) {
             }),
             h(p, null, {
               default: g(() => {
-                var _, b, S, C, B;
+                var v, b, S, L, B;
                 return [
-                  l("span", Zr, " Last update: " + x(r.computeTime(((b = (_ = a.activeTropicals) == null ? void 0 : _.history) == null ? void 0 : b.updated) || ((B = (C = (S = a.activeTropicals) == null ? void 0 : S.forecasts) == null ? void 0 : C.filter((M) => !M.disabled)[0]) == null ? void 0 : B.date))), 1)
+                  l("span", Vr, " Last update: " + w(r.computeTime(((b = (v = a.activeTropicals) == null ? void 0 : v.history) == null ? void 0 : b.updated) || ((B = (L = (S = a.activeTropicals) == null ? void 0 : S.forecasts) == null ? void 0 : L.filter((M) => !M.disabled)[0]) == null ? void 0 : B.date))), 1)
                 ];
               }),
               _: 1
@@ -7304,48 +7314,48 @@ function il(o, e, t, i, a, r) {
         }),
         h(m, { class: "main-box" }, {
           default: g(() => {
-            var _, b, S, C, B, M, L, v, z;
+            var v, b, S, L, B, M, P, _, z;
             return [
-              l("div", Xr, [
-                l("div", qr, [
+              l("div", Yr, [
+                l("div", Zr, [
                   e[2] || (e[2] = l("label", null, "Wind speed : ", -1)),
-                  l("span", null, x(((b = (_ = a.activeTropicals) == null ? void 0 : _.history) == null ? void 0 : b.kts) || "-") + " [kts]", 1),
-                  l("span", null, ", BF " + x(r.computeBF(((C = (S = a.activeTropicals) == null ? void 0 : S.history) == null ? void 0 : C.kts) || 0)), 1)
+                  l("span", null, w(((b = (v = a.activeTropicals) == null ? void 0 : v.history) == null ? void 0 : b.kts) || "-") + " [kts]", 1),
+                  l("span", null, ", BF " + w(r.computeBF(((L = (S = a.activeTropicals) == null ? void 0 : S.history) == null ? void 0 : L.kts) || 0)), 1)
                 ]),
-                l("div", Kr, [
+                l("div", Xr, [
                   e[3] || (e[3] = l("label", null, "Pressure : ", -1)),
-                  l("span", null, x(((M = (B = a.activeTropicals) == null ? void 0 : B.history) == null ? void 0 : M.pressure) || "-") + " [hPa]", 1)
+                  l("span", null, w(((M = (B = a.activeTropicals) == null ? void 0 : B.history) == null ? void 0 : M.pressure) || "-") + " [hPa]", 1)
                 ])
               ]),
-              l("div", Qr, [
-                l("div", Jr, [
+              l("div", qr, [
+                l("div", Kr, [
                   e[4] || (e[4] = l("label", null, "Move Speed: ", -1)),
-                  l("span", null, x((L = r.computeMovement(a.activeTropicals)) == null ? void 0 : L.kts) + " [kts]", 1)
+                  l("span", null, w((P = r.computeMovement(a.activeTropicals)) == null ? void 0 : P.kts) + " [kts]", 1)
                 ]),
-                l("div", $r, [
+                l("div", Qr, [
                   e[5] || (e[5] = l("label", null, "Move Dir: ", -1)),
-                  l("span", null, x((v = r.computeMovement(a.activeTropicals)) == null ? void 0 : v.deg) + " [°]", 1)
+                  l("span", null, w((_ = r.computeMovement(a.activeTropicals)) == null ? void 0 : _.deg) + " [°]", 1)
                 ])
               ]),
-              l("div", el, [
-                l("div", tl, [
+              l("div", Jr, [
+                l("div", $r, [
                   e[6] || (e[6] = l("label", { style: { width: "max-content" } }, "Forecast Models : ", -1)),
-                  l("div", ol, [
-                    (y(!0), T(ve, null, ze((z = a.activeTropicals) == null ? void 0 : z.forecasts, (P, w) => {
-                      var R, W, X, V;
+                  l("div", el, [
+                    (y(!0), T(_e, null, Le((z = a.activeTropicals) == null ? void 0 : z.forecasts, (C, x) => {
+                      var I, W, X, V;
                       return y(), T("div", {
-                        key: w,
+                        key: x,
                         class: Ne([
                           "model",
-                          P.disabled ? "" : "active",
-                          w > 0 && w < ((W = (R = a.activeTropicals) == null ? void 0 : R.forecasts) == null ? void 0 : W.length) - 1 && ((V = (X = a.activeTropicals) == null ? void 0 : X.forecasts) == null ? void 0 : V.length) > 2 ? "center-child" : ""
+                          C.disabled ? "" : "active",
+                          x > 0 && x < ((W = (I = a.activeTropicals) == null ? void 0 : I.forecasts) == null ? void 0 : W.length) - 1 && ((V = (X = a.activeTropicals) == null ? void 0 : X.forecasts) == null ? void 0 : V.length) > 2 ? "center-child" : ""
                         ]),
-                        onClick: (Y) => r.handleForecastToggle(P)
+                        onClick: (Y) => r.handleForecastToggle(C)
                       }, [
                         l("span", {
-                          class: Ne(P.model)
-                        }, x(P.model), 3)
-                      ], 10, al);
+                          class: Ne(C.model)
+                        }, w(C.model), 3)
+                      ], 10, tl);
                     }), 128))
                   ])
                 ])
@@ -7398,12 +7408,12 @@ function il(o, e, t, i, a, r) {
       ]),
       _: 1
     }, 512), [
-      [eo, a.showTropicalsInfo && !o.$attrs.hideTropicalsLegend]
+      [to, a.showTropicalsInfo && !o.$attrs.hideTropicalsLegend]
     ])
   ]);
 }
-const Bo = /* @__PURE__ */ q(Ur, [["render", il]]);
-const rl = {
+const Bo = /* @__PURE__ */ q(Wr, [["render", ol]]);
+const al = {
   name: "DateTimePicker",
   props: {
     locale: {
@@ -7552,19 +7562,19 @@ const rl = {
       this.currentDate = o.clone().format("YYYY-MM-DD"), this.currentTime = o.clone().format("HH:00");
     }
   }
-}, ll = { class: "idm-gl4-timepicker" }, sl = {
+}, il = { class: "idm-gl4-timepicker" }, rl = {
   class: "pa-0",
   style: { width: "250px" }
-}, nl = {
+}, ll = {
   class: "h-100 pa-0 d-flex flex-column justify-start align-center",
   style: { width: "100px" }
-}, cl = {
+}, sl = {
   class: "d-flex justify-center align-center text-body-2",
   style: { height: "56px" }
 };
-function ml(o, e, t, i, a, r) {
-  const s = k("VBtn"), c = k("VDatePicker"), n = k("VDivider"), p = k("VListItemTitle"), d = k("VListItem"), m = k("VList"), f = k("VCardText"), _ = k("VCardActions"), b = k("VCard");
-  return y(), T("div", ll, [
+function nl(o, e, t, i, a, r) {
+  const s = k("VBtn"), c = k("VDatePicker"), n = k("VDivider"), p = k("VListItemTitle"), d = k("VListItem"), m = k("VList"), f = k("VCardText"), v = k("VCardActions"), b = k("VCard");
+  return y(), T("div", il, [
     h(s, {
       text: "",
       height: "30",
@@ -7572,7 +7582,7 @@ function ml(o, e, t, i, a, r) {
       onClick: r.handleOpenDatePicker
     }, {
       default: g(() => [
-        Z(x(a.currentDateTime) + " | UTC " + x(t.timeZone < 0 ? t.timeZone : "+" + t.timeZone), 1)
+        Z(w(a.currentDateTime) + " | UTC " + w(t.timeZone < 0 ? t.timeZone : "+" + t.timeZone), 1)
       ]),
       _: 1
     }, 8, ["onClick"]),
@@ -7583,7 +7593,7 @@ function ml(o, e, t, i, a, r) {
       default: g(() => [
         h(f, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
           default: g(() => [
-            l("div", sl, [
+            l("div", rl, [
               h(c, {
                 modelValue: a.currentDate,
                 "onUpdate:modelValue": e[0] || (e[0] = (S) => a.currentDate = S),
@@ -7602,12 +7612,12 @@ function ml(o, e, t, i, a, r) {
               class: "h-100",
               vertical: ""
             }),
-            l("div", nl, [
-              l("div", cl, x(a.currentTime), 1),
+            l("div", ll, [
+              l("div", sl, w(a.currentTime), 1),
               h(m, { class: "pa-0 flex-1-1-0" }, {
                 default: g(() => [
-                  (y(!0), T(ve, null, ze(r.hourOptions, (S, C) => (y(), U(d, {
-                    key: C,
+                  (y(!0), T(_e, null, Le(r.hourOptions, (S, L) => (y(), U(d, {
+                    key: L,
                     value: S,
                     color: "primary",
                     active: a.currentTime === S,
@@ -7621,7 +7631,7 @@ function ml(o, e, t, i, a, r) {
                         onClick: (B) => a.currentTime = S
                       }, {
                         default: g(() => [
-                          Z(x(S), 1)
+                          Z(w(S), 1)
                         ]),
                         _: 2
                       }, 1032, ["onClick"])
@@ -7636,7 +7646,7 @@ function ml(o, e, t, i, a, r) {
           _: 1
         }),
         h(n),
-        h(_, {
+        h(v, {
           class: "justify-end pa-0 pr-4",
           style: { height: "50px" }
         }, {
@@ -7671,14 +7681,14 @@ function ml(o, e, t, i, a, r) {
         })
       ]),
       _: 1
-    })) : N("", !0)
+    })) : F("", !0)
   ]);
 }
-const ao = /* @__PURE__ */ q(rl, [["render", ml]]);
-const hl = {
+const io = /* @__PURE__ */ q(al, [["render", nl]]);
+const cl = {
   name: "IdmPoint",
   components: {
-    DateTimePicker: ao
+    DateTimePicker: io
   },
   props: {
     isLogin: {
@@ -7716,7 +7726,7 @@ const hl = {
       type: String
     }
   },
-  emits: ["meteoMore", "follow"],
+  emits: ["meteoMore", "follow", "login"],
   data() {
     return {
       right: 10,
@@ -7786,17 +7796,17 @@ const hl = {
     },
     computeLat() {
       return function(o, e = 4) {
-        return ie.lat2pretty(o, e).pretty;
+        return oe.lat2pretty(o, e).pretty;
       };
     },
     computeLng() {
       return function(o, e = 4) {
-        return ie.lng2pretty(o, e).pretty;
+        return oe.lng2pretty(o, e).pretty;
       };
     },
     roundPrecision() {
       return function(o, e = 4) {
-        return isNaN(o) ? "-" : ie.roundPrecision(o, e);
+        return isNaN(o) ? "-" : oe.roundPrecision(o, e);
       };
     }
   },
@@ -7844,7 +7854,7 @@ const hl = {
   },
   methods: {
     handleMenuToggle() {
-      this.isLogin && (this.toggle = !this.toggle, this.showForm = !!this.toggle);
+      this.isLogin ? (this.toggle = !this.toggle, this.showForm = !!this.toggle) : this.$emit("login");
     },
     submitForm() {
       this.$refs.spotForm.validate().then(async (o) => {
@@ -7876,7 +7886,7 @@ const hl = {
     },
     async fetchMeteoData(o) {
       this.loading = !0, this.meteoData = [];
-      const { weatherModels: e, marineModels: t } = to.autoPickMeteoModel(o.forecastModel);
+      const { weatherModels: e, marineModels: t } = oo.autoPickMeteoModel(o.forecastModel);
       let i = {
         lat: o.lat,
         lng: o.lng,
@@ -7893,7 +7903,7 @@ const hl = {
     },
     async fetchHistoryData(o) {
       this.loading = !0, this.meteoData = [];
-      const { weatherModels: e, marineModels: t } = to.autoPickMeteoModel(o.forecastModel), i = {
+      const { weatherModels: e, marineModels: t } = oo.autoPickMeteoModel(o.forecastModel), i = {
         lat: o.lat,
         lng: o.lng,
         datetime: O(o.dateTime).utc().format(),
@@ -7909,10 +7919,10 @@ const hl = {
       (a == null ? void 0 : a.data.code) === 0 && (this.meteoData = a == null ? void 0 : a.data.data), this.loading = !1;
     },
     initTableData(o) {
-      var t, i, a, r, s, c, n, p, d, m, f, _, b, S, C, B, M, L, v, z, P, w, R, W, X, V, Y, $, ee, Q, ne, ce, de, me, K, I, le, ge, fe, ye, we;
+      var t, i, a, r, s, c, n, p, d, m, f, v, b, S, L, B, M, P, _, z, C, x, I, W, X, V, Y, $, ee, Q, ne, he, de, ce, K, R, le, ge, fe, we, xe;
       this.currentHourData = {}, this.positionGmt = (i = (t = o == null ? void 0 : o.weather) == null ? void 0 : t[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (a = o == null ? void 0 : o.weather) == null ? void 0 : a[0]) == null ? void 0 : r.offset;
-      const e = ((s = to.pickHourly(o, O(this.form.dateTime))) == null ? void 0 : s[0]) || {};
-      this.currentHourData.utc = e.utc, this.currentHourData.lat = this.form.lat, this.currentHourData.lng = this.form.lng, this.currentHourData.temp = this.roundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((p = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : p.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((m = (d = e == null ? void 0 : e.weather) == null ? void 0 : d.precip) == null ? void 0 : m.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((f = e == null ? void 0 : e.weather) == null ? void 0 : f.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((b = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : b.kts, 1) ?? "-", this.currentHourData.windDir = (C = (S = e == null ? void 0 : e.weather) == null ? void 0 : S.wind) == null ? void 0 : C.direction, this.currentHourData.windLevel = this.roundPrecision((M = (B = e == null ? void 0 : e.weather) == null ? void 0 : B.wind) == null ? void 0 : M.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((v = (L = e == null ? void 0 : e.weather) == null ? void 0 : L.wind) == null ? void 0 : v.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((P = (z = e == null ? void 0 : e.wave) == null ? void 0 : z.sig) == null ? void 0 : P.height, 1) ?? "-", this.currentHourData.sigwaveDir = (R = (w = e == null ? void 0 : e.wave) == null ? void 0 : w.sig) == null ? void 0 : R.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((X = (W = e == null ? void 0 : e.wave) == null ? void 0 : W.sig) == null ? void 0 : X.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((Y = (V = e == null ? void 0 : e.wave) == null ? void 0 : V.wd) == null ? void 0 : Y.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.roundPrecision((ne = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : ne.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((de = (ce = e == null ? void 0 : e.wave) == null ? void 0 : ce.swell) == null ? void 0 : de.height, 1) ?? "-", this.currentHourData.swellDir = (K = (me = e == null ? void 0 : e.wave) == null ? void 0 : me.swell) == null ? void 0 : K.direction, this.currentHourData.swellPeriod = this.roundPrecision((le = (I = e == null ? void 0 : e.wave) == null ? void 0 : I.swell) == null ? void 0 : le.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.speed, 1) ?? "-", this.currentHourData.currentDir = (fe = e == null ? void 0 : e.current) == null ? void 0 : fe.direction, this.currentHourData.currentSpeed = this.roundPrecision((ye = e == null ? void 0 : e.current) == null ? void 0 : ye.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (we = e == null ? void 0 : e.weather) == null ? void 0 : we.url;
+      const e = ((s = oo.pickHourly(o, O(this.form.dateTime))) == null ? void 0 : s[0]) || {};
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = this.form.lat, this.currentHourData.lng = this.form.lng, this.currentHourData.temp = this.roundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.roundPrecision((p = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : p.probability, 0) ?? "-", this.currentHourData.precip1h = this.roundPrecision((m = (d = e == null ? void 0 : e.weather) == null ? void 0 : d.precip) == null ? void 0 : m.sum, 0) ?? "-", this.currentHourData.visibility = this.roundPrecision((f = e == null ? void 0 : e.weather) == null ? void 0 : f.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.roundPrecision((b = (v = e == null ? void 0 : e.weather) == null ? void 0 : v.wind) == null ? void 0 : b.kts, 1) ?? "-", this.currentHourData.windDir = (L = (S = e == null ? void 0 : e.weather) == null ? void 0 : S.wind) == null ? void 0 : L.direction, this.currentHourData.windLevel = this.roundPrecision((M = (B = e == null ? void 0 : e.weather) == null ? void 0 : B.wind) == null ? void 0 : M.scale, 0) ?? "-", this.currentHourData.windGust = this.roundPrecision((_ = (P = e == null ? void 0 : e.weather) == null ? void 0 : P.wind) == null ? void 0 : _.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.roundPrecision((C = (z = e == null ? void 0 : e.wave) == null ? void 0 : z.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (I = (x = e == null ? void 0 : e.wave) == null ? void 0 : x.sig) == null ? void 0 : I.direction, this.currentHourData.sigwavePeriod = this.roundPrecision((X = (W = e == null ? void 0 : e.wave) == null ? void 0 : W.sig) == null ? void 0 : X.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.roundPrecision((Y = (V = e == null ? void 0 : e.wave) == null ? void 0 : V.wd) == null ? void 0 : Y.height, 1) ?? "-", this.currentHourData.windwaveDir = (ee = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : ee.direction, this.currentHourData.windwavePeriod = this.roundPrecision((ne = (Q = e == null ? void 0 : e.wave) == null ? void 0 : Q.wd) == null ? void 0 : ne.period, 1) ?? "-", this.currentHourData.swellHeight = this.roundPrecision((de = (he = e == null ? void 0 : e.wave) == null ? void 0 : he.swell) == null ? void 0 : de.height, 1) ?? "-", this.currentHourData.swellDir = (K = (ce = e == null ? void 0 : e.wave) == null ? void 0 : ce.swell) == null ? void 0 : K.direction, this.currentHourData.swellPeriod = this.roundPrecision((le = (R = e == null ? void 0 : e.wave) == null ? void 0 : R.swell) == null ? void 0 : le.period, 1) ?? "-", this.currentHourData.currentSpeed = this.roundPrecision((ge = e == null ? void 0 : e.current) == null ? void 0 : ge.speed, 1) ?? "-", this.currentHourData.currentDir = (fe = e == null ? void 0 : e.current) == null ? void 0 : fe.direction, this.currentHourData.currentSpeed = this.roundPrecision((we = e == null ? void 0 : e.current) == null ? void 0 : we.speed, 1) ?? "-", this.currentHourData.seaLevel = this.roundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.roundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (xe = e == null ? void 0 : e.weather) == null ? void 0 : xe.url;
     },
     handleBind() {
       var o, e;
@@ -7922,14 +7932,14 @@ const hl = {
       var t;
       if (o.originalEvent.stopPropagation(), o.originalEvent.target.className === "mapboxgl-canvas") {
         const i = o.lngLat;
-        if (this.form.latDegree = Number(ie.lat2pretty(i.lat).degree), this.form.latMinute = Number(ie.lat2pretty(i.lat).minute), this.form.latDirection = ie.lat2pretty(i.lat).direction, this.form.lngDegree = Number(ie.lng2pretty(i.lng).degree), this.form.lngMinute = Number(ie.lng2pretty(i.lng).minute), this.form.lngDirection = ie.lng2pretty(i.lng).direction, this.point = {
+        if (this.form.latDegree = Number(oe.lat2pretty(i.lat).degree), this.form.latMinute = Number(oe.lat2pretty(i.lat).minute), this.form.latDirection = oe.lat2pretty(i.lat).direction, this.form.lngDegree = Number(oe.lng2pretty(i.lng).degree), this.form.lngMinute = Number(oe.lng2pretty(i.lng).minute), this.form.lngDirection = oe.lng2pretty(i.lng).direction, this.point = {
           lat: i.lat,
           lng: i.lng
         }, this.positionMarker)
           (t = this.positionMarker) == null || t.setLngLat([this.point.lng, this.point.lat]);
         else {
           const a = document.createElement("div");
-          a.innerHTML = '<svg t="1755510770354" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5552" width="200" height="200"><path d="M511.960615 827.234462s330.358154-215.906462 330.358154-465.526154C842.318769 183.650462 694.468923 39.384615 512 39.384615S181.563077 183.689846 181.563077 361.668923c0 249.659077 330.397538 465.565538 330.397538 465.565539z" fill="#FF8C00" p-id="5553"></path><path d="M511.921231 496.836923a127.054769 127.054769 0 1 0 0-254.148923 127.054769 127.054769 0 0 0 0 254.148923z" fill="#FFFFFF" p-id="5554"></path><path d="M354.461538 945.230769a157.538462 39.384615 0 1 0 315.076924 0 157.538462 39.384615 0 1 0-315.076924 0Z" fill="#494C4F" opacity=".4" p-id="5555"></path></svg>', a.firstChild.style.height = "28px", a.firstChild.style.width = "28px", this.positionMarker = new _e.Marker(a).setLngLat([this.point.lng, this.point.lat]).setOffset([0, -14]).addTo(this.map);
+          a.innerHTML = '<svg t="1755510770354" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5552" width="200" height="200"><path d="M511.960615 827.234462s330.358154-215.906462 330.358154-465.526154C842.318769 183.650462 694.468923 39.384615 512 39.384615S181.563077 183.689846 181.563077 361.668923c0 249.659077 330.397538 465.565538 330.397538 465.565539z" fill="#FF8C00" p-id="5553"></path><path d="M511.921231 496.836923a127.054769 127.054769 0 1 0 0-254.148923 127.054769 127.054769 0 0 0 0 254.148923z" fill="#FFFFFF" p-id="5554"></path><path d="M354.461538 945.230769a157.538462 39.384615 0 1 0 315.076924 0 157.538462 39.384615 0 1 0-315.076924 0Z" fill="#494C4F" opacity=".4" p-id="5555"></path></svg>', a.firstChild.style.height = "28px", a.firstChild.style.width = "28px", this.positionMarker = new ke.Marker(a).setLngLat([this.point.lng, this.point.lat]).setOffset([0, -14]).addTo(this.map);
         }
       } else
         return !1;
@@ -7946,13 +7956,13 @@ const hl = {
             (e = this.meteoMarker) == null || e.setLngLat([this.point.lng, this.point.lat]);
           else {
             const i = document.createElement("div");
-            i.innerHTML = '<svg t="1755510770354" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5552" width="200" height="200"><path d="M511.960615 827.234462s330.358154-215.906462 330.358154-465.526154C842.318769 183.650462 694.468923 39.384615 512 39.384615S181.563077 183.689846 181.563077 361.668923c0 249.659077 330.397538 465.565538 330.397538 465.565539z" fill="#FF8C00" p-id="5553"></path><path d="M511.921231 496.836923a127.054769 127.054769 0 1 0 0-254.148923 127.054769 127.054769 0 0 0 0 254.148923z" fill="#FFFFFF" p-id="5554"></path><path d="M354.461538 945.230769a157.538462 39.384615 0 1 0 315.076924 0 157.538462 39.384615 0 1 0-315.076924 0Z" fill="#494C4F" opacity=".4" p-id="5555"></path></svg>', i.firstChild.style.height = "28px", i.firstChild.style.width = "28px", this.meteoMarker = new _e.Marker(i).setLngLat([this.point.lng, this.point.lat]).setOffset([0, -14]).addTo(this.map);
+            i.innerHTML = '<svg t="1755510770354" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5552" width="200" height="200"><path d="M511.960615 827.234462s330.358154-215.906462 330.358154-465.526154C842.318769 183.650462 694.468923 39.384615 512 39.384615S181.563077 183.689846 181.563077 361.668923c0 249.659077 330.397538 465.565538 330.397538 465.565539z" fill="#FF8C00" p-id="5553"></path><path d="M511.921231 496.836923a127.054769 127.054769 0 1 0 0-254.148923 127.054769 127.054769 0 0 0 0 254.148923z" fill="#FFFFFF" p-id="5554"></path><path d="M354.461538 945.230769a157.538462 39.384615 0 1 0 315.076924 0 157.538462 39.384615 0 1 0-315.076924 0Z" fill="#494C4F" opacity=".4" p-id="5555"></path></svg>', i.firstChild.style.height = "28px", i.firstChild.style.width = "28px", this.meteoMarker = new ke.Marker(i).setLngLat([this.point.lng, this.point.lat]).setOffset([0, -14]).addTo(this.map);
           }
           if (this.meteoInfoMarker)
             (t = this.meteoInfoMarker) == null || t.setLngLat([this.point.lng, this.point.lat]);
           else {
             const i = document.getElementById("idm-gl4-spot-meteo");
-            this.meteoInfoMarker = new _e.Marker(i).setLngLat([this.point.lng, this.point.lat]).setOffset([0, -200]).addTo(this.map);
+            this.meteoInfoMarker = new ke.Marker(i).setLngLat([this.point.lng, this.point.lat]).setOffset([0, -200]).addTo(this.map);
           }
         }
       });
@@ -7968,32 +7978,32 @@ const hl = {
       this.$emit("follow", "point", this.point);
     }
   }
-}, dl = { class: "idm-gl4-spot" }, pl = { class: "d-flex justify-start align-center ga-1 mb-1" }, ul = {
+}, ml = { class: "idm-gl4-spot" }, hl = { class: "d-flex justify-start align-center ga-1 mb-1" }, dl = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, gl = ["xlink:href"], fl = { class: "d-flex justify-start align-center ga-1 mb-1" }, bl = {
+}, pl = ["xlink:href"], ul = { class: "d-flex justify-start align-center ga-1 mb-1" }, gl = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, yl = ["xlink:href"], wl = { class: "d-flex justify-start align-center ga-1 mb-1" }, xl = {
+}, fl = ["xlink:href"], bl = { class: "d-flex justify-start align-center ga-1 mb-1" }, yl = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, vl = ["xlink:href"], _l = { class: "d-flex justify-start align-center ga-1 mb-1" }, kl = {
+}, wl = ["xlink:href"], xl = { class: "d-flex justify-start align-center ga-1 mb-1" }, vl = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, zl = ["xlink:href"], Ll = { class: "d-flex justify-start align-center" }, Pl = { class: "mx-2" };
-function Cl(o, e, t, i, a, r) {
-  const s = k("VBtn"), c = k("VTooltip"), n = k("VCardTitle"), p = k("VDivider"), d = k("VTextField"), m = k("VCol"), f = k("VRow"), _ = k("DateTimePicker"), b = k("VBtnToggle"), S = k("VCardActions"), C = k("VForm"), B = k("VCardText"), M = k("VCard"), L = k("VIcon");
-  return y(), T("div", dl, [
+}, _l = ["xlink:href"], kl = { class: "d-flex justify-start align-center" }, zl = { class: "mx-2" };
+function Ll(o, e, t, i, a, r) {
+  const s = k("VBtn"), c = k("VTooltip"), n = k("VCardTitle"), p = k("VDivider"), d = k("VTextField"), m = k("VCol"), f = k("VRow"), v = k("DateTimePicker"), b = k("VBtnToggle"), S = k("VCardActions"), L = k("VForm"), B = k("VCardText"), M = k("VCard"), P = k("VIcon");
+  return y(), T("div", ml, [
     l("div", {
       class: "menu-bar-box transition pa-1",
-      style: oe({ top: t.top + 174 + "px", right: a.right + "px" })
+      style: ae({ top: t.top + 174 + "px", right: a.right + "px" })
     }, [
       h(c, {
         text: o.$t("spot.spotsMeteo"),
         location: "left"
       }, {
-        activator: g(({ props: v }) => [
-          h(s, E(v, {
+        activator: g(({ props: _ }) => [
+          h(s, E(_, {
             "min-width": "32",
             width: "32",
             height: "32",
@@ -8013,7 +8023,7 @@ function Cl(o, e, t, i, a, r) {
     a.showForm ? (y(), U(M, {
       key: 0,
       class: "spot-form-card",
-      style: oe({ top: t.top + 174 + "px", right: a.right + 50 + "px" })
+      style: ae({ top: t.top + 174 + "px", right: a.right + 50 + "px" })
     }, {
       default: g(() => [
         h(n, { class: "d-flex justify-space-between align-center" }, {
@@ -8044,18 +8054,18 @@ function Cl(o, e, t, i, a, r) {
         h(p),
         h(B, { class: "text-body-1 py-1" }, {
           default: g(() => [
-            h(C, {
+            h(L, {
               ref: "spotForm",
               autocomplete: "off",
               class: "form-box",
               onSubmit: Fo(r.submitForm, ["prevent"])
             }, {
               default: g(() => [
-                l("div", pl, [
-                  (y(), T("svg", ul, [
+                l("div", hl, [
+                  (y(), T("svg", dl, [
                     l("use", {
                       "xlink:href": `#icon-lng-${t.theme}`
-                    }, null, 8, gl)
+                    }, null, 8, pl)
                   ])),
                   e[11] || (e[11] = l("div", null, "Lng", -1))
                 ]),
@@ -8068,7 +8078,7 @@ function Cl(o, e, t, i, a, r) {
                       default: g(() => [
                         h(d, {
                           modelValue: a.form.lngDegree,
-                          "onUpdate:modelValue": e[0] || (e[0] = (v) => a.form.lngDegree = v),
+                          "onUpdate:modelValue": e[0] || (e[0] = (_) => a.form.lngDegree = _),
                           rules: a.formRules.lngDegree,
                           density: "compact",
                           variant: "outlined",
@@ -8087,7 +8097,7 @@ function Cl(o, e, t, i, a, r) {
                       default: g(() => [
                         h(d, {
                           modelValue: a.form.lngMinute,
-                          "onUpdate:modelValue": e[1] || (e[1] = (v) => a.form.lngMinute = v),
+                          "onUpdate:modelValue": e[1] || (e[1] = (_) => a.form.lngMinute = _),
                           rules: a.formRules.lngMinute,
                           label: "",
                           density: "compact",
@@ -8113,10 +8123,10 @@ function Cl(o, e, t, i, a, r) {
                           height: "32",
                           class: "",
                           style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
-                          onClick: e[2] || (e[2] = (v) => a.form.lngDirection = a.form.lngDirection === "E" ? "W" : "E")
+                          onClick: e[2] || (e[2] = (_) => a.form.lngDirection = a.form.lngDirection === "E" ? "W" : "E")
                         }, {
                           default: g(() => [
-                            Z(x(a.form.lngDirection), 1)
+                            Z(w(a.form.lngDirection), 1)
                           ]),
                           _: 1
                         })
@@ -8126,11 +8136,11 @@ function Cl(o, e, t, i, a, r) {
                   ]),
                   _: 1
                 }),
-                l("div", fl, [
-                  (y(), T("svg", bl, [
+                l("div", ul, [
+                  (y(), T("svg", gl, [
                     l("use", {
                       "xlink:href": `#icon-lng-${t.theme}`
-                    }, null, 8, yl)
+                    }, null, 8, fl)
                   ])),
                   e[14] || (e[14] = l("div", null, "Lat", -1))
                 ]),
@@ -8143,7 +8153,7 @@ function Cl(o, e, t, i, a, r) {
                       default: g(() => [
                         h(d, {
                           modelValue: a.form.latDegree,
-                          "onUpdate:modelValue": e[3] || (e[3] = (v) => a.form.latDegree = v),
+                          "onUpdate:modelValue": e[3] || (e[3] = (_) => a.form.latDegree = _),
                           rules: a.formRules.latDegree,
                           label: "",
                           density: "compact",
@@ -8165,7 +8175,7 @@ function Cl(o, e, t, i, a, r) {
                       default: g(() => [
                         h(d, {
                           modelValue: a.form.latMinute,
-                          "onUpdate:modelValue": e[4] || (e[4] = (v) => a.form.latMinute = v),
+                          "onUpdate:modelValue": e[4] || (e[4] = (_) => a.form.latMinute = _),
                           rules: a.formRules.latMinute,
                           label: "",
                           density: "compact",
@@ -8191,10 +8201,10 @@ function Cl(o, e, t, i, a, r) {
                           height: "32",
                           class: "text-body-1",
                           style: { border: "1px solid rgba(var(--v-theme-on-surface), 0.38)" },
-                          onClick: e[5] || (e[5] = (v) => a.form.latDirection = a.form.latDirection === "N" ? "S" : "N")
+                          onClick: e[5] || (e[5] = (_) => a.form.latDirection = a.form.latDirection === "N" ? "S" : "N")
                         }, {
                           default: g(() => [
-                            Z(x(a.form.latDirection), 1)
+                            Z(w(a.form.latDirection), 1)
                           ]),
                           _: 1
                         })
@@ -8204,11 +8214,11 @@ function Cl(o, e, t, i, a, r) {
                   ]),
                   _: 1
                 }),
-                l("div", wl, [
-                  (y(), T("svg", xl, [
+                l("div", bl, [
+                  (y(), T("svg", yl, [
                     l("use", {
                       "xlink:href": `#icon-a-DateTime-${t.theme}`
-                    }, null, 8, vl)
+                    }, null, 8, wl)
                   ])),
                   e[17] || (e[17] = l("div", null, "Date Time", -1))
                 ]),
@@ -8219,11 +8229,11 @@ function Cl(o, e, t, i, a, r) {
                       class: "pa-0"
                     }, {
                       default: g(() => [
-                        h(_, E({
+                        h(v, E({
                           "date-time": a.form.dateTime,
                           "time-zone": t.timeZone
                         }, o.$attrs, {
-                          onDateTime: e[6] || (e[6] = (v) => a.form.dateTime = v)
+                          onDateTime: e[6] || (e[6] = (_) => a.form.dateTime = _)
                         }), null, 16, ["date-time", "time-zone"])
                       ]),
                       _: 1
@@ -8231,11 +8241,11 @@ function Cl(o, e, t, i, a, r) {
                   ]),
                   _: 1
                 }),
-                l("div", _l, [
-                  (y(), T("svg", kl, [
+                l("div", xl, [
+                  (y(), T("svg", vl, [
                     l("use", {
                       "xlink:href": `#icon-a-ForecastModel-${t.theme}`
-                    }, null, 8, zl)
+                    }, null, 8, _l)
                   ])),
                   e[18] || (e[18] = l("div", null, "Forecast Model", -1))
                 ]),
@@ -8248,7 +8258,7 @@ function Cl(o, e, t, i, a, r) {
                       default: g(() => [
                         h(b, {
                           modelValue: a.form.forecastModel,
-                          "onUpdate:modelValue": e[7] || (e[7] = (v) => a.form.forecastModel = v),
+                          "onUpdate:modelValue": e[7] || (e[7] = (_) => a.form.forecastModel = _),
                           class: "w-100",
                           rounded: "",
                           height: "30",
@@ -8333,8 +8343,8 @@ function Cl(o, e, t, i, a, r) {
         })
       ]),
       _: 1
-    }, 8, ["style"])) : N("", !0),
-    Jt(h(M, {
+    }, 8, ["style"])) : F("", !0),
+    eo(h(M, {
       id: "idm-gl4-spot-meteo",
       class: "spot-meteo",
       style: { width: "490px", "z-index": "9" }
@@ -8342,11 +8352,11 @@ function Cl(o, e, t, i, a, r) {
       default: g(() => [
         h(n, { class: "d-flex justify-space-between align-center" }, {
           default: g(() => {
-            var v, z;
+            var _, z;
             return [
-              l("div", Ll, [
+              l("div", kl, [
                 e[23] || (e[23] = l("i", { class: "iconfont icon-a-Spotweather text-h5 map-icon-aqua" }, null, -1)),
-                l("div", Pl, x(r.computeLat((v = a.currentHourData) == null ? void 0 : v.lat)) + "," + x(r.computeLng((z = a.currentHourData) == null ? void 0 : z.lng)), 1)
+                l("div", zl, w(r.computeLat((_ = a.currentHourData) == null ? void 0 : _.lat)) + "," + w(r.computeLng((z = a.currentHourData) == null ? void 0 : z.lng)), 1)
               ]),
               h(s, {
                 icon: "",
@@ -8388,9 +8398,9 @@ function Cl(o, e, t, i, a, r) {
                   class: "pa-2 px-0"
                 }, {
                   default: g(() => {
-                    var v;
+                    var _;
                     return [
-                      Z(x(r.computedTzTime((v = a.currentHourData) == null ? void 0 : v.utc)), 1)
+                      Z(w(r.computedTzTime((_ = a.currentHourData) == null ? void 0 : _.utc)), 1)
                     ];
                   }),
                   _: 1
@@ -8415,9 +8425,9 @@ function Cl(o, e, t, i, a, r) {
                   class: "pa-2 px-0"
                 }, {
                   default: g(() => {
-                    var v;
+                    var _;
                     return [
-                      Z(x(r.computedLocalTime((v = a.currentHourData) == null ? void 0 : v.utc)), 1)
+                      Z(w(r.computedLocalTime((_ = a.currentHourData) == null ? void 0 : _.utc)), 1)
                     ];
                   }),
                   _: 1
@@ -8442,7 +8452,7 @@ function Cl(o, e, t, i, a, r) {
                   class: "pa-2 px-0 text-left"
                 }, {
                   default: g(() => [
-                    Z(x(a.currentHourData.windDir) + " / " + x(a.currentHourData.windSpeed) + "kts / BF" + x(a.currentHourData.windLevel), 1)
+                    Z(w(a.currentHourData.windDir) + " / " + w(a.currentHourData.windSpeed) + "kts / BF" + w(a.currentHourData.windLevel), 1)
                   ]),
                   _: 1
                 }),
@@ -8461,7 +8471,7 @@ function Cl(o, e, t, i, a, r) {
                   class: "pa-2 px-0 text-left"
                 }, {
                   default: g(() => [
-                    Z(x(a.currentHourData.sigwaveDir) + " / " + x(a.currentHourData.sigwaveHeight) + "m / " + x(a.currentHourData.sigwavePeriod) + "s", 1)
+                    Z(w(a.currentHourData.sigwaveDir) + " / " + w(a.currentHourData.sigwaveHeight) + "m / " + w(a.currentHourData.sigwavePeriod) + "s", 1)
                   ]),
                   _: 1
                 })
@@ -8485,7 +8495,7 @@ function Cl(o, e, t, i, a, r) {
                   class: "pa-2 px-0 text-left"
                 }, {
                   default: g(() => [
-                    Z(x(a.currentHourData.windwaveDir) + " / " + x(a.currentHourData.windwaveHeight) + "m / " + x(a.currentHourData.windwavePeriod) + "s", 1)
+                    Z(w(a.currentHourData.windwaveDir) + " / " + w(a.currentHourData.windwaveHeight) + "m / " + w(a.currentHourData.windwavePeriod) + "s", 1)
                   ]),
                   _: 1
                 }),
@@ -8504,7 +8514,7 @@ function Cl(o, e, t, i, a, r) {
                   class: "pa-2 px-0 text-left"
                 }, {
                   default: g(() => [
-                    Z(x(a.currentHourData.swellDir) + " / " + x(a.currentHourData.swellHeight) + "m / " + x(a.currentHourData.swellPeriod) + "s", 1)
+                    Z(w(a.currentHourData.swellDir) + " / " + w(a.currentHourData.swellHeight) + "m / " + w(a.currentHourData.swellPeriod) + "s", 1)
                   ]),
                   _: 1
                 })
@@ -8528,7 +8538,7 @@ function Cl(o, e, t, i, a, r) {
                   class: "pa-2 px-0 text-left"
                 }, {
                   default: g(() => [
-                    Z(x(a.currentHourData.currentDir) + " / " + x(a.currentHourData.currentSpeed) + "kts", 1)
+                    Z(w(a.currentHourData.currentDir) + " / " + w(a.currentHourData.currentSpeed) + "kts", 1)
                   ]),
                   _: 1
                 }),
@@ -8547,7 +8557,7 @@ function Cl(o, e, t, i, a, r) {
                   class: "pa-2 px-0 text-left"
                 }, {
                   default: g(() => [
-                    Z(x(a.currentHourData.visibility) + " nm", 1)
+                    Z(w(a.currentHourData.visibility) + " nm", 1)
                   ]),
                   _: 1
                 })
@@ -8567,7 +8577,7 @@ function Cl(o, e, t, i, a, r) {
               onClick: r.handleFollow
             }, {
               prepend: g(() => [
-                h(L, { color: "warning" })
+                h(P, { color: "warning" })
               ]),
               default: g(() => [
                 e[33] || (e[33] = Z(" Follow", -1))
@@ -8593,12 +8603,12 @@ function Cl(o, e, t, i, a, r) {
       ]),
       _: 1
     }, 512), [
-      [eo, a.showMeteo]
+      [to, a.showMeteo]
     ])
   ]);
 }
-const Sl = /* @__PURE__ */ q(hl, [["render", Cl]]);
-const Ml = {
+const Pl = /* @__PURE__ */ q(cl, [["render", Ll]]);
+const Cl = {
   name: "IdmMeasure",
   props: {
     map: {
@@ -8624,6 +8634,7 @@ const Ml = {
       source: "measure-source",
       layer: "measure-layer",
       labelLayer: "measure-label-layer",
+      sumLayer: "measure-suml-layer",
       tmpSource: "measure-tmp-source",
       tmpLayer: "measure-tmp-layer",
       tmpLabelLayer: "measure-tmp-label-layer",
@@ -8631,7 +8642,8 @@ const Ml = {
       pointMarkers: {},
       tipMarker: void 0,
       contextmenu: void 0,
-      navigation: "RL"
+      navigation: "RL",
+      currentLineIndex: 1
     };
   },
   watch: {
@@ -8652,7 +8664,7 @@ const Ml = {
         else {
           (o = this.map) == null || o.getCanvas().removeEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.off("mousemove", this.handleMove), (t = this.map) == null || t.off("dblclick", this.handleDblClick), this.map && (this.map.getCanvas().style.cursor = "grab");
           let i = this.geojson.find((a) => !a.closed);
-          i && this.handleClear(i, !0), this.geojson = this.geojson.filter((a) => !!a.closed), i = F.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(i);
+          i && this.handleClear(i, !0), this.geojson = this.geojson.filter((a) => !!a.closed), i = j.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(i);
         }
       },
       immediate: !0
@@ -8689,19 +8701,19 @@ const Ml = {
       var t, i, a, r, s, c, n, p, d, m;
       const e = (i = (t = o.target) == null ? void 0 : t._element) == null ? void 0 : i.id;
       if ((e == null ? void 0 : e.split("-").length) === 2) {
-        const f = this.geojson.filter((C) => C.id === e.split("-")[0])[0];
-        this.pointMarkers[f.id].filter((C) => {
+        const f = this.geojson.filter((L) => L.id === e.split("-")[0])[0];
+        this.pointMarkers[f.id].filter((L) => {
           var B;
-          return ((B = C._element) == null ? void 0 : B.id) === e;
+          return ((B = L._element) == null ? void 0 : B.id) === e;
         })[0].setLngLat([(r = (a = o.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (s = o.target) == null ? void 0 : s._lngLat) == null ? void 0 : c.lat]);
         let b;
-        f.features.forEach((C, B) => {
-          if (C.geometry.type === "Point" && C.properties.id === e.split("-")[1]) {
+        f.features.forEach((L, B) => {
+          if (L.geometry.type === "Point" && L.properties.id === e.split("-")[1]) {
             b = B;
             return;
           }
         });
-        const S = f.features.filter((C) => C.geometry.type === "Point");
+        const S = f.features.filter((L) => L.geometry.type === "Point");
         this.handleTmpPointUpdate(
           f,
           S[b - 1],
@@ -8716,8 +8728,8 @@ const Ml = {
       if ((e == null ? void 0 : e.split("-").length) === 2) {
         const f = this.geojson.filter((S) => S.id === e.split("-")[0])[0];
         this.pointMarkers[f.id].filter((S) => {
-          var C;
-          return ((C = S._element) == null ? void 0 : C.id) === e;
+          var L;
+          return ((L = S._element) == null ? void 0 : L.id) === e;
         })[0].setLngLat([(r = (a = o.target) == null ? void 0 : a._lngLat) == null ? void 0 : r.lng, (c = (s = o.target) == null ? void 0 : s._lngLat) == null ? void 0 : c.lat]);
         const b = f.features.filter((S) => S.geometry.type === "Point" && S.properties.id === e.split("-")[1])[0];
         b.geometry.coordinates = [(p = (n = o.target) == null ? void 0 : n._lngLat) == null ? void 0 : p.lng, (m = (d = o.target) == null ? void 0 : d._lngLat) == null ? void 0 : m.lat], f.features = f.features.filter((S) => S.geometry.type === "Point"), this.handlePointUpdate(f);
@@ -8731,7 +8743,7 @@ const Ml = {
         const c = this.geojson.filter((n) => n.id === e.split("-")[0])[0].features.filter((n) => n.geometry.type === "Point");
         if (c.length > 2 && c.filter((p) => p.properties.id === (e == null ? void 0 : e.split("-")[1]))[0]) {
           const p = document.createElement("div");
-          p.className = "idm-gl4-measure-contextmenu-marker", p.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new _e.Marker(p).setOffset([24, 0]).setLngLat([o.lngLat.lng, o.lngLat.lat]).addTo(this.map);
+          p.className = "idm-gl4-measure-contextmenu-marker", p.innerHTML = `<span id="del-${e}" class="del-point">${$t("actions.detele")}</span>`, this.contextmenu = new ke.Marker(p).setOffset([24, 0]).setLngLat([o.lngLat.lng, o.lngLat.lat]).addTo(this.map);
         }
       }
     },
@@ -8747,15 +8759,16 @@ const Ml = {
         p.features = p.features.filter((d) => d.geometry.type === "Point" && d.properties.id !== n[1]), this.handlePointUpdate(p);
       } else if (e !== "marker-label" && this.toggle) {
         let n = this.geojson.at(-1);
-        n || (n = F.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(n)), n.features = n.features.filter((d) => d.geometry.type === "Point");
-        const p = F.feature(
+        n || (n = j.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(n)), n.features = n.features.filter((d) => d.geometry.type === "Point");
+        const p = j.feature(
           {
             type: "Point",
             coordinates: [o.lngLat.lng, o.lngLat.lat]
           },
           {
             id: (/* @__PURE__ */ new Date()).getTime().toString(),
-            mode: this.navigation
+            mode: this.navigation,
+            sumLabel: "Start"
           }
         );
         n.features.push(p), this.handlePointUpdate(n);
@@ -8768,33 +8781,35 @@ const Ml = {
         const i = [];
         for (let a = 1; a < e.length; a++) {
           const r = e[a - 1], s = e[a], c = r.properties, n = { lng: r.geometry.coordinates[0], lat: r.geometry.coordinates[1] }, p = { lng: s.geometry.coordinates[0], lat: s.geometry.coordinates[1] }, d = Fe.calculateDistance(n, p, c.mode === "RL", 4), m = Fe.calculateBearing(n, p, c.mode === "RL", 2);
-          t = ie.roundPrecision(t + d, 2);
+          t = oe.roundPrecision(t + d, 4);
           let f;
-          c.mode === "RL" ? f = ie.convertToMonotonicLng([n, p]) : f = ie.convertToMonotonicLng(Fe.interpolateCoordinates(n, p, 200));
-          const _ = F.lineString(f.map((b) => [b.lng, b.lat]));
-          _.properties.dist = d, _.properties.bearing = m, _.properties.total = t, i.push(_);
+          c.mode === "RL" ? f = oe.convertToMonotonicLng([n, p]) : f = oe.convertToMonotonicLng(Fe.interpolateCoordinates(n, p, 200));
+          const v = j.lineString(f.map((S) => [S.lng, S.lat]));
+          v.properties.dist = d, v.properties.bearing = m, v.properties.total = t, v.properties.name = "Line " + this.currentLineIndex, i.push(v);
+          const b = e[a];
+          b.properties.totalDist = oe.roundPrecision((c.totalDist ? c.totalDist : 0) + d, 4), b.properties.sumLabel = b.properties.totalDist + " nm";
         }
         e.push(...i), o.total = t;
       }
       return this.handleRender(o), o;
     },
     handleTmpPointUpdate(o, e, t, i) {
-      const a = F.featureCollection([]);
+      const a = j.featureCollection([]);
       let r, s;
       if (e) {
         const n = e.properties, p = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, d = { lng: t.lng, lat: t.lat };
         r = Fe.calculateDistance(p, d, n.mode === "RL", 4), s = Fe.calculateBearing(p, d, n.mode === "RL", 2);
         let m;
-        n.mode === "RL" ? m = ie.convertToMonotonicLng([p, d]) : m = ie.convertToMonotonicLng(Fe.interpolateCoordinates(p, d, 200));
-        const f = F.lineString(m.map((_) => [_.lng, _.lat]));
+        n.mode === "RL" ? m = oe.convertToMonotonicLng([p, d]) : m = oe.convertToMonotonicLng(Fe.interpolateCoordinates(p, d, 200));
+        const f = j.lineString(m.map((v) => [v.lng, v.lat]));
         f.properties.dist = r, f.properties.bearing = s, a.features.push(f);
       }
       if (i) {
         const n = t.properties, p = t, d = { lng: i.geometry.coordinates[0], lat: i.geometry.coordinates[1] };
         r = Fe.calculateDistance(p, d, n.mode === "RL", 4), s = Fe.calculateBearing(p, d, n.mode === "RL", 2);
         let m;
-        n.mode === "RL" ? m = ie.convertToMonotonicLng([p, d]) : m = ie.convertToMonotonicLng(Fe.interpolateCoordinates(p, d, 200));
-        const f = F.lineString(m.map((_) => [_.lng, _.lat]));
+        n.mode === "RL" ? m = oe.convertToMonotonicLng([p, d]) : m = oe.convertToMonotonicLng(Fe.interpolateCoordinates(p, d, 200));
+        const f = j.lineString(m.map((v) => [v.lng, v.lat]));
         f.properties.dist = r, f.properties.bearing = s, a.features.push(f);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(a) : this.map.addSource(this.tmpSource, {
@@ -8810,7 +8825,7 @@ const Ml = {
           "line-join": "round"
         },
         paint: {
-          "line-color": this.theme.current.value.colors.error,
+          "line-color": this.theme.current.value.colors["map-orange"],
           "line-width": 2,
           "line-opacity": 1,
           "line-dasharray": [3, 2]
@@ -8822,24 +8837,25 @@ const Ml = {
         filter: ["==", "$type", "LineString"],
         layout: {
           "symbol-placement": "line-center",
-          "text-field": `{dist} ${this.$t("units.nm")}`,
+          "text-field": "{dist} nm",
           "text-rotation-alignment": "map",
-          "text-size": 12
+          "text-size": 10,
+          "text-offset": [0, -1]
         },
         paint: {
           "text-opacity": 1,
-          "text-color": this.theme.current.value.colors.surface,
-          "text-halo-color": this.theme.current.value.colors.error,
-          "text-halo-width": 4,
-          "text-halo-blur": 0
+          "text-color": this.theme.current.value.colors["on-surface"]
+          // 'text-halo-color': this.theme.current.value.colors['map-orange'],
+          // 'text-halo-width': 4,
+          // 'text-halo-blur': 0,
         }
       });
       let c;
       if (i)
         c = `<div class="marker-label">${this.$t("measure.dragTips")}</div>`;
       else {
-        const n = ie.roundPrecision((o.total ?? 0) + r, 1);
-        c = `<div class="marker-label">${this.$t("measure.totalDistance")}: <b>${n}</b>${this.$t("units.nm")}, ${this.$t(
+        const n = oe.roundPrecision((o.total ?? 0) + r, 1);
+        c = `<div class="marker-label">${this.$t("measure.totalDistance")}: <b>${n}</b>nm, ${this.$t(
           "measure.bearing"
         )}: <b>${s}</b>°</div><div class="marker-label"> ${this.$t("measure.mode")}${this.navigation === "RL" ? "RL" : "GC"}, ${this.$t(
           "measure.switchTips"
@@ -8849,25 +8865,25 @@ const Ml = {
         this.tipMarker._element.innerHTML = c, this.tipMarker.setLngLat([t.lng, t.lat]);
       else {
         const n = document.createElement("div");
-        n.className = "idm-gl4-measure-tip-marker", n.innerHTML = c, this.tipMarker = new _e.Marker(n).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
+        n.className = "idm-gl4-measure-tip-marker", n.innerHTML = c, this.tipMarker = new ke.Marker(n).setOffset([140, 0]).setLngLat([t.lng, t.lat]).addTo(this.map);
       }
     },
     handleMove(o) {
       this.map.getCanvas().style.cursor = "crosshair";
       let e = this.geojson.at(-1);
-      e || (e = F.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
+      e || (e = j.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
       const t = e.features.filter((i) => i.geometry.type === "Point");
       t != null && t.length && this.handleTmpPointUpdate(e, t.at(-1), { lng: o.lngLat.lng, lat: o.lngLat.lat });
     },
     handleDblClick(o) {
       o.preventDefault();
       let e = this.geojson.at(-1);
-      e.closed = !0, this.handleRender(e), e = F.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e);
+      e.closed = !0, this.handleRender(e), e = j.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e), this.currentLineIndex++;
     },
     handleRender(o) {
       var e;
       if ((e = o == null ? void 0 : o.features) != null && e.length) {
-        const t = `${o.id}-${this.source}`, i = `${o.id}-${this.layer}`, a = `${o.id}-${this.labelLayer}`;
+        const t = `${o.id}-${this.source}`, i = `${o.id}-${this.layer}`, a = `${o.id}-${this.labelLayer}`, r = `${o.id}-${this.sumLayer}`;
         this.map.getSource(t) ? this.map.getSource(t).setData(o) : this.map.addSource(t, {
           type: "geojson",
           data: o
@@ -8881,7 +8897,7 @@ const Ml = {
             "line-join": "round"
           },
           paint: {
-            "line-color": this.theme.current.value.colors.error,
+            "line-color": this.theme.current.value.colors["map-orange"],
             "line-width": 2
           }
         }), this.map.addLayer({
@@ -8891,46 +8907,64 @@ const Ml = {
           filter: ["==", "$type", "LineString"],
           layout: {
             "symbol-placement": "line-center",
-            "text-field": `{dist} ${this.$t("units.nm")}`,
+            "text-field": "{dist} nm",
+            "text-rotation-alignment": "map",
+            "text-size": 10,
+            "text-offset": [0, -1]
+          },
+          paint: {
+            "text-opacity": 1,
+            "text-color": this.theme.current.value.colors["on-surface"]
+            // 'text-halo-color': this.theme.current.value.colors['map-orange'],
+            // 'text-halo-width': 4,
+            // 'text-halo-blur': 0,
+          }
+        }), this.map.addLayer({
+          id: r,
+          type: "symbol",
+          source: t,
+          filter: ["==", "$type", "Point"],
+          layout: {
+            "text-field": "{sumLabel}",
             "text-rotation-alignment": "map",
-            "text-size": 12
+            "text-size": 12,
+            "text-offset": [0, 1.5]
           },
           paint: {
             "text-opacity": 1,
-            "text-color": this.theme.current.value.colors.surface,
-            "text-halo-color": this.theme.current.value.colors.error,
-            "text-halo-width": 4,
-            "text-halo-blur": 0
+            "text-color": this.theme.current.value.colors["on-surface"]
+            // 'text-halo-width': 1,
+            // 'text-halo-blur': 0,
           }
         });
-        const r = o.features.filter((s) => s.geometry.type === "Point");
-        for (const s of r) {
-          const c = document.createElement("div");
-          c.id = `${o.id}-${s.properties.id}`, c.className = `${o.closed ? "idm-gl4-measure-marker closed" : "idm-gl4-measure-marker"}`, c.innerHTML = '<div class="marker-circle"></div>';
-          const n = new _e.Marker({ element: c, draggable: !0, contextmenu: !0 }).setLngLat(s.geometry.coordinates).addTo(this.map);
-          n.on("drag", this.handleDrag), n.on("dragend", this.handleDragEnd), this.pointMarkers[o.id] ? this.pointMarkers[o.id].push(n) : this.pointMarkers[o.id] = [n];
+        const s = o.features.filter((c) => c.geometry.type === "Point");
+        for (const c of s) {
+          const n = document.createElement("div");
+          n.id = `${o.id}-${c.properties.id}`, n.className = `${o.closed ? "idm-gl4-measure-marker closed" : "idm-gl4-measure-marker"}`, n.innerHTML = '<div class="marker-circle"></div>';
+          const p = new ke.Marker({ element: n, draggable: !0, contextmenu: !0 }).setLngLat(c.geometry.coordinates).addTo(this.map);
+          p.on("drag", this.handleDrag), p.on("dragend", this.handleDragEnd), this.pointMarkers[o.id] ? this.pointMarkers[o.id].push(p) : this.pointMarkers[o.id] = [p];
         }
         if (o.closed) {
-          const s = r.at(-1), n = o.features.filter((d) => d.geometry.type === "LineString").at(-1), p = document.createElement("div");
-          p.className = "idm-gl4-measure-summary-marker", p.innerHTML = `<div id="${o.id}" class="marker-close">×</div><div class="marker-label">${this.$t("measure.total")}: ${n.properties.total}${this.$t("units.nm")}</div>`, this.closeMarkers[o.id] = new _e.Marker(p).setOffset([60, 0]).setLngLat(s.geometry.coordinates).addTo(this.map);
+          const c = s.at(-1), p = o.features.filter((m) => m.geometry.type === "LineString").at(-1), d = document.createElement("div");
+          d.className = "idm-gl4-measure-summary-marker", d.innerHTML = `<div id="${o.id}" class="marker-close">×</div><div class="marker-label">${p.properties.name}</div>`, this.closeMarkers[o.id] = new ke.Marker(d).setOffset([0, -30]).setLngLat(c.geometry.coordinates).addTo(this.map);
         }
       }
     },
     handleClear(o, e = !0) {
-      var r, s, c, n, p, d, m, f, _;
-      const t = `${o.id}-${this.source}`, i = `${o.id}-${this.layer}`, a = `${o.id}-${this.labelLayer}`;
-      (r = this.map) != null && r.getLayer(i) && this.map.removeLayer(i), (s = this.map) != null && s.getLayer(a) && this.map.removeLayer(a), (c = this.map) != null && c.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (n = this.map) != null && n.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (p = this.closeMarkers[o.id]) == null || p.remove(), this.closeMarkers[o.id] = void 0, (d = this.pointMarkers[o.id]) == null || d.forEach((b) => {
-        b == null || b.remove();
-      }), this.pointMarkers[o.id] = [], (m = this.tipMarker) == null || m.remove(), this.tipMarker = void 0, e && ((f = this.map) != null && f.getSource(t)) && this.map.removeSource(t), e && ((_ = this.map) != null && _.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
+      var s, c, n, p, d, m, f, v, b, S;
+      const t = `${o.id}-${this.source}`, i = `${o.id}-${this.layer}`, a = `${o.id}-${this.labelLayer}`, r = `${o.id}-${this.sumLayer}`;
+      (s = this.map) != null && s.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), (p = this.map) != null && p.getLayer(this.tmpLayer) && this.map.removeLayer(this.tmpLayer), (d = this.map) != null && d.getLayer(this.tmpLabelLayer) && this.map.removeLayer(this.tmpLabelLayer), (m = this.closeMarkers[o.id]) == null || m.remove(), this.closeMarkers[o.id] = void 0, (f = this.pointMarkers[o.id]) == null || f.forEach((L) => {
+        L == null || L.remove();
+      }), this.pointMarkers[o.id] = [], (v = this.tipMarker) == null || v.remove(), this.tipMarker = void 0, e && ((b = this.map) != null && b.getSource(t)) && this.map.removeSource(t), e && ((S = this.map) != null && S.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
-}, Tl = { class: "idm-gl4-measure" };
-function Rl(o, e, t, i, a, r) {
+}, Sl = { class: "idm-gl4-measure" };
+function Ml(o, e, t, i, a, r) {
   const s = k("VBtn"), c = k("VTooltip");
-  return y(), T("div", Tl, [
+  return y(), T("div", Sl, [
     l("div", {
       class: "menu-bar-box transition pa-1",
-      style: oe({ top: t.top + 214 + "px", right: a.right + "px" })
+      style: ae({ top: t.top + 214 + "px", right: a.right + "px" })
     }, [
       h(c, {
         text: o.$t("measure.measure"),
@@ -8956,10 +8990,10 @@ function Rl(o, e, t, i, a, r) {
     ], 4)
   ]);
 }
-const Il = /* @__PURE__ */ q(Ml, [["render", Rl]]);
-const Al = {
+const Tl = /* @__PURE__ */ q(Cl, [["render", Ml]]);
+const Il = {
   name: "IdmBottomBar",
-  components: { DateTimePicker: ao },
+  components: { DateTimePicker: io },
   props: {
     menuToggle: {
       type: Object,
@@ -9070,19 +9104,19 @@ const Al = {
       this.$parent.$refs.idmWeatherLayers.handleMenuToggle();
     }
   }
-}, Dl = { class: "idm-bottom-bar-gl4" }, Ol = { class: "date-box d-flex ga-2 mr-2" }, Bl = { class: "play-btns-box d-flex justify-center align-center cursor-pointer" }, El = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, jl = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, Fl = {
+}, Rl = { class: "idm-bottom-bar-gl4" }, Al = { class: "date-box d-flex ga-2 mr-2" }, Dl = { class: "play-btns-box d-flex justify-center align-center cursor-pointer" }, Ol = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, Bl = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, El = {
   key: 0,
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
-}, Nl = ["onClick"], Hl = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, Wl = { class: "text-body-2" };
-function Gl(o, e, t, i, a, r) {
-  const s = k("DateTimePicker"), c = k("VListItemTitle"), n = k("VListItem"), p = k("VList"), d = k("VMenu"), m = k("VBtn"), f = k("VDivider"), _ = k("VTooltip");
-  return y(), T("div", Dl, [
+}, jl = ["onClick"], Fl = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, Nl = { class: "text-body-2" };
+function Hl(o, e, t, i, a, r) {
+  const s = k("DateTimePicker"), c = k("VListItemTitle"), n = k("VListItem"), p = k("VList"), d = k("VMenu"), m = k("VBtn"), f = k("VDivider"), v = k("VTooltip");
+  return y(), T("div", Rl, [
     a.show ? (y(), T("div", {
       key: 0,
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
-      style: oe({ right: a.right + 146 + "px" })
+      style: ae({ right: a.right + 146 + "px" })
     }, [
-      l("div", Ol, [
+      l("div", Al, [
         h(s, E({
           "date-time": a.currentDateTimeZ,
           "time-zone": a.timeZone,
@@ -9100,12 +9134,12 @@ function Gl(o, e, t, i, a, r) {
           "min-width": "30"
         }, {
           default: g(() => [
-            Z(x(a.intervalHour) + " h ", 1),
+            Z(w(a.intervalHour) + " h ", 1),
             h(d, { activator: "parent" }, {
               default: g(() => [
                 h(p, { class: "pa-1" }, {
                   default: g(() => [
-                    (y(!0), T(ve, null, ze(a.intervalOptions, (b, S) => (y(), U(n, {
+                    (y(!0), T(_e, null, Le(a.intervalOptions, (b, S) => (y(), U(n, {
                       key: S,
                       value: b,
                       variant: a.intervalHour === b ? "tonal" : "text",
@@ -9119,10 +9153,10 @@ function Gl(o, e, t, i, a, r) {
                     }, {
                       default: g(() => [
                         h(c, {
-                          onClick: (C) => a.intervalHour = b
+                          onClick: (L) => a.intervalHour = b
                         }, {
                           default: g(() => [
-                            Z(x(b) + "h", 1)
+                            Z(w(b) + "h", 1)
                           ]),
                           _: 2
                         }, 1032, ["onClick"])
@@ -9144,7 +9178,7 @@ function Gl(o, e, t, i, a, r) {
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      l("div", Bl, [
+      l("div", Dl, [
         h(m, {
           icon: "",
           size: "small",
@@ -9152,11 +9186,11 @@ function Gl(o, e, t, i, a, r) {
           variant: "text",
           onClick: r.handleReset
         }, {
-          default: g(() => e[10] || (e[10] = [
+          default: g(() => e[9] || (e[9] = [
             l("i", { class: "iconfont icon-Reset" }, null, -1)
           ])),
           _: 1,
-          __: [10]
+          __: [9]
         }, 8, ["onClick"]),
         h(m, {
           icon: "",
@@ -9165,11 +9199,11 @@ function Gl(o, e, t, i, a, r) {
           variant: "text",
           onClick: r.handleBackward
         }, {
-          default: g(() => e[11] || (e[11] = [
+          default: g(() => e[10] || (e[10] = [
             l("i", { class: "iconfont icon-Backward" }, null, -1)
           ])),
           _: 1,
-          __: [11]
+          __: [10]
         }, 8, ["onClick"]),
         a.paused ? (y(), U(m, {
           key: 0,
@@ -9179,11 +9213,11 @@ function Gl(o, e, t, i, a, r) {
           variant: "text",
           onClick: r.handlePlay
         }, {
-          default: g(() => e[12] || (e[12] = [
+          default: g(() => e[11] || (e[11] = [
             l("i", { class: "iconfont icon-Play" }, null, -1)
           ])),
           _: 1,
-          __: [12]
+          __: [11]
         }, 8, ["onClick"])) : (y(), U(m, {
           key: 1,
           icon: "",
@@ -9192,11 +9226,11 @@ function Gl(o, e, t, i, a, r) {
           variant: "text",
           onClick: r.handlePause
         }, {
-          default: g(() => e[13] || (e[13] = [
+          default: g(() => e[12] || (e[12] = [
             l("i", { class: "iconfont icon-Pause" }, null, -1)
           ])),
           _: 1,
-          __: [13]
+          __: [12]
         }, 8, ["onClick"])),
         h(m, {
           icon: "",
@@ -9205,11 +9239,11 @@ function Gl(o, e, t, i, a, r) {
           variant: "text",
           onClick: r.handleForward
         }, {
-          default: g(() => e[14] || (e[14] = [
+          default: g(() => e[13] || (e[13] = [
             l("i", { class: "iconfont icon-Forward" }, null, -1)
           ])),
           _: 1,
-          __: [14]
+          __: [13]
         }, 8, ["onClick"])
       ]),
       h(f, {
@@ -9217,44 +9251,44 @@ function Gl(o, e, t, i, a, r) {
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      l("div", El, [
-        h(_, {
+      l("div", Ol, [
+        h(v, {
           text: o.$t("weather.windBarbs"),
           location: "top"
         }, {
           activator: g(({ props: b }) => {
-            var S, C;
+            var S, L;
             return [
               h(m, E(b, {
                 class: "pa-1 d-flex",
                 color: (S = t.weatherCheckList) != null && S.includes("wind") ? "primary" : "",
-                variant: (C = t.weatherCheckList) != null && C.includes("wind") ? "elevated" : "text",
+                variant: (L = t.weatherCheckList) != null && L.includes("wind") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
                 onClick: e[3] || (e[3] = (B) => r.handleClickFastWeather("wind"))
               }), {
-                default: g(() => e[15] || (e[15] = [
+                default: g(() => e[14] || (e[14] = [
                   l("i", { class: "iconfont icon-a-WindLevel" }, null, -1)
                 ])),
                 _: 2,
-                __: [15]
+                __: [14]
               }, 1040, ["color", "variant"])
             ];
           }),
           _: 1
         }, 8, ["text"]),
-        h(_, {
+        h(v, {
           text: o.$t("weather.sigWaveHeight"),
           location: "top"
         }, {
           activator: g(({ props: b }) => {
-            var S, C;
+            var S, L;
             return [
               h(m, E(b, {
                 class: "pa-1 d-flex",
                 color: (S = t.weatherCheckList) != null && S.includes("sig-wave-height") ? "primary" : "",
-                variant: (C = t.weatherCheckList) != null && C.includes("sig-wave-height") ? "elevated" : "text",
+                variant: (L = t.weatherCheckList) != null && L.includes("sig-wave-height") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
@@ -9269,17 +9303,17 @@ function Gl(o, e, t, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        h(_, {
+        h(v, {
           text: o.$t("weather.currentDirection"),
           location: "top"
         }, {
           activator: g(({ props: b }) => {
-            var S, C;
+            var S, L;
             return [
               h(m, E(b, {
                 class: "pa-1 d-flex",
                 color: (S = t.weatherCheckList) != null && S.includes("current-direction") ? "primary" : "",
-                variant: (C = t.weatherCheckList) != null && C.includes("current-direction") ? "elevated" : "text",
+                variant: (L = t.weatherCheckList) != null && L.includes("current-direction") ? "elevated" : "text",
                 height: "24",
                 width: "24",
                 "min-width": "24",
@@ -9294,7 +9328,7 @@ function Gl(o, e, t, i, a, r) {
           }),
           _: 1
         }, 8, ["text"]),
-        h(_, {
+        h(v, {
           text: o.$t("weather.weatherLayers"),
           location: "top"
         }, {
@@ -9321,7 +9355,7 @@ function Gl(o, e, t, i, a, r) {
         class: "mx-2 mr-3 my-3",
         style: { height: "16px" }
       }),
-      l("div", jl, [
+      l("div", Bl, [
         h(m, {
           text: "",
           height: "30",
@@ -9329,11 +9363,11 @@ function Gl(o, e, t, i, a, r) {
           color: a.source === "GFS" ? "primary" : "",
           onClick: e[6] || (e[6] = (b) => a.source = "GFS")
         }, {
-          default: g(() => e[16] || (e[16] = [
+          default: g(() => e[15] || (e[15] = [
             Z("NOAA", -1)
           ])),
           _: 1,
-          __: [16]
+          __: [15]
         }, 8, ["color"]),
         h(m, {
           text: "",
@@ -9342,69 +9376,53 @@ function Gl(o, e, t, i, a, r) {
           color: a.source === "ECMWF" ? "primary" : "",
           onClick: e[7] || (e[7] = (b) => a.source = "ECMWF")
         }, {
-          default: g(() => e[17] || (e[17] = [
+          default: g(() => e[16] || (e[16] = [
             Z("ECMWF", -1)
           ])),
           _: 1,
-          __: [17]
-        }, 8, ["color"]),
-        h(m, {
-          icon: "",
-          size: "x-small",
-          density: "comfortable",
-          variant: "plain",
-          onClick: e[8] || (e[8] = (b) => r.handleToggle(!1))
-        }, {
-          default: g(() => e[18] || (e[18] = [
-            l("i", {
-              class: "iconfont icon-close",
-              style: { "font-size": "16px" }
-            }, null, -1)
-          ])),
-          _: 1,
-          __: [18]
-        })
+          __: [16]
+        }, 8, ["color"])
       ])
-    ], 4)) : N("", !0),
+    ], 4)) : F("", !0),
     l("div", {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
-      style: oe({ right: a.right + "px" })
+      style: ae({ right: a.right + "px" })
     }, [
-      a.showTimezone ? (y(), T("div", Fl, [
-        (y(!0), T(ve, null, ze(a.offsets, (b) => (y(), T("div", {
+      a.showTimezone ? (y(), T("div", El, [
+        (y(!0), T(_e, null, Le(a.offsets, (b) => (y(), T("div", {
           key: b,
-          class: "item rounded text-body-2",
+          class: "item rounded text-body-2 hover-active",
           onClick: (S) => a.timeZone = b
-        }, x(b < 0 ? b : "+" + b), 9, Nl))), 128))
-      ])) : N("", !0),
-      l("div", Hl, [
+        }, w(b < 0 ? b : "+" + b), 9, jl))), 128))
+      ])) : F("", !0),
+      l("div", Fl, [
         h(m, {
           text: "",
           variant: "flat",
           height: "24",
           class: "pa-1",
           color: "primary",
-          onClick: e[9] || (e[9] = (b) => a.showTimezone = !a.showTimezone)
+          onClick: e[8] || (e[8] = (b) => a.showTimezone = !a.showTimezone)
         }, {
           default: g(() => [
-            Z(" UTC " + x(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
+            Z(" UTC " + w(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
           ]),
           _: 1
         }),
-        l("span", Wl, x(a.currentRealTime), 1)
+        l("span", Nl, w(a.currentRealTime), 1)
       ])
     ], 4)
   ]);
 }
-const Ul = /* @__PURE__ */ q(Al, [["render", Gl]]), Vl = {
+const Wl = /* @__PURE__ */ q(Il, [["render", Hl]]), Gl = {
   name: "IdmGL4",
   components: {
     IdmOtherLayer: ai,
-    IdmWeatherLayer: Gr,
+    IdmWeatherLayer: Hr,
     IdmTropicals: Bo,
-    IdmMeasure: Il,
-    IdmSpot: Sl,
-    IdmBottomBar: Ul
+    IdmMeasure: Tl,
+    IdmSpot: Pl,
+    IdmBottomBar: Wl
   },
   props: {
     map: {
@@ -9436,13 +9454,13 @@ const Ul = /* @__PURE__ */ q(Al, [["render", Gl]]), Vl = {
   mounted() {
   },
   methods: {}
-}, Yl = {
+}, Ul = {
   ref: "mapHomeGl4",
   class: "map-gl4-home"
 };
-function Zl(o, e, t, i, a, r) {
+function Vl(o, e, t, i, a, r) {
   const s = k("IdmOtherLayer"), c = k("IdmWeatherLayer"), n = k("IdmTropicals"), p = k("IdmMeasure"), d = k("IdmSpot"), m = k("IdmBottomBar");
-  return y(), T("div", Yl, [
+  return y(), T("div", Ul, [
     h(s, E({
       ref: "idmOtherLayers",
       token: t.token,
@@ -9494,8 +9512,8 @@ function Zl(o, e, t, i, a, r) {
     }, o.$attrs), null, 16, ["forecast-model", "weatherCheckList"])
   ], 512);
 }
-const Xl = /* @__PURE__ */ q(Vl, [["render", Zl]]);
-class ql {
+const Yl = /* @__PURE__ */ q(Gl, [["render", Vl]]);
+class Zl {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     re(this, "originStyle");
     re(this, "mapboxStyle");
@@ -9503,7 +9521,7 @@ class ql {
     re(this, "hi");
     re(this, "td");
     re(this, "windy");
-    var t, i, a, r, s, c, n, p, d, m, f, _, b, S, C, B, M, L, v, z, P, w, R, W, X, V, Y, $, ee, Q, ne, ce, de, me, K, I, le, ge, fe, ye, we, Se, Me, Te, Re, Ie, j, te, Le, Ee, Pe, he, pe, H, xe, J, ae, Ae, D, ue, Ce, De, Oe, A, G, He, We, Ge, ke, Ue, Ve, Ye, Ze, Xe, qe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, bt, yt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, Rt, It, At, Dt, Ot, Bt, Et, jt, Ft, Nt, Ht, Wt, Gt, Ut, Vt, Yt, Zt, Xt, io, ro, lo, so, no, co, mo, ho, po, uo, go, fo, bo, yo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, So, Mo, To, Ro, Io;
+    var t, i, a, r, s, c, n, p, d, m, f, v, b, S, L, B, M, P, _, z, C, x, I, W, X, V, Y, $, ee, Q, ne, he, de, ce, K, R, le, ge, fe, we, xe, Se, Me, Te, Ie, Re, be, H, te, Ee, Pe, me, pe, N, ve, J, ie, Ae, D, ue, Ce, De, Oe, A, G, He, We, Ge, ze, Ue, Ve, Ye, Ze, Xe, qe, Ke, Qe, Je, $e, et, tt, ot, at, it, rt, lt, st, nt, ct, mt, ht, dt, pt, ut, gt, ft, bt, yt, wt, xt, vt, _t, kt, zt, Lt, Pt, Ct, St, Mt, Tt, It, Rt, At, Dt, Ot, Bt, Et, jt, Ft, Nt, Ht, Wt, Gt, Ut, Vt, Yt, Zt, Xt, qt, ro, lo, so, no, co, mo, ho, po, uo, go, fo, bo, yo, wo, xo, vo, _o, ko, zo, Lo, Po, Co, So, Mo, To, Io, Ro;
     this.i4 = {
       source: {
         type: "raster",
@@ -71385,22 +71403,22 @@ class ql {
           (c = (s = this.originStyle) == null ? void 0 : s.light.layers) == null ? void 0 : c.find((u) => u.id === "empty-layer-1"),
           (p = (n = this.originStyle) == null ? void 0 : n.light.layers) == null ? void 0 : p.find((u) => u.id === "country-boundaries"),
           (m = (d = this.originStyle) == null ? void 0 : d.light.layers) == null ? void 0 : m.find((u) => u.id === "water-outline"),
-          (_ = (f = this.originStyle) == null ? void 0 : f.light.layers) == null ? void 0 : _.find((u) => u.id === "water-outline2"),
+          (v = (f = this.originStyle) == null ? void 0 : f.light.layers) == null ? void 0 : v.find((u) => u.id === "water-outline2"),
           (S = (b = this.originStyle) == null ? void 0 : b.light.layers) == null ? void 0 : S.find((u) => u.id === "empty-layer-2"),
-          (B = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : B.find((u) => u.id === "empty-layer-3"),
-          (L = (M = this.originStyle) == null ? void 0 : M.light.layers) == null ? void 0 : L.find((u) => u.id === "empty-layer-4"),
-          (z = (v = this.originStyle) == null ? void 0 : v.light.layers) == null ? void 0 : z.find((u) => u.id === "water-line-label"),
-          (w = (P = this.originStyle) == null ? void 0 : P.light.layers) == null ? void 0 : w.find((u) => u.id === "water-point-label"),
-          (W = (R = this.originStyle) == null ? void 0 : R.light.layers) == null ? void 0 : W.find((u) => u.id === "world-12nm-v4-20231025"),
+          (B = (L = this.originStyle) == null ? void 0 : L.light.layers) == null ? void 0 : B.find((u) => u.id === "empty-layer-3"),
+          (P = (M = this.originStyle) == null ? void 0 : M.light.layers) == null ? void 0 : P.find((u) => u.id === "empty-layer-4"),
+          (z = (_ = this.originStyle) == null ? void 0 : _.light.layers) == null ? void 0 : z.find((u) => u.id === "water-line-label"),
+          (x = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : x.find((u) => u.id === "water-point-label"),
+          (W = (I = this.originStyle) == null ? void 0 : I.light.layers) == null ? void 0 : W.find((u) => u.id === "world-12nm-v4-20231025"),
           (V = (X = this.originStyle) == null ? void 0 : X.light.layers) == null ? void 0 : V.find((u) => u.id === "ne-10m-outline"),
           ($ = (Y = this.originStyle) == null ? void 0 : Y.light.layers) == null ? void 0 : $.find((u) => u.id === "ne-10m-label"),
           (Q = (ee = this.originStyle) == null ? void 0 : ee.light.layers) == null ? void 0 : Q.find((u) => u.id === "china-route-line"),
-          (ce = (ne = this.originStyle) == null ? void 0 : ne.light.layers) == null ? void 0 : ce.find((u) => u.id === "china-route-fill"),
-          (me = (de = this.originStyle) == null ? void 0 : de.light.layers) == null ? void 0 : me.find((u) => u.id === "china-route-label"),
-          (I = (K = this.originStyle) == null ? void 0 : K.light.layers) == null ? void 0 : I.find((u) => u.id === "admin-0-boundary-bg"),
+          (he = (ne = this.originStyle) == null ? void 0 : ne.light.layers) == null ? void 0 : he.find((u) => u.id === "china-route-fill"),
+          (ce = (de = this.originStyle) == null ? void 0 : de.light.layers) == null ? void 0 : ce.find((u) => u.id === "china-route-label"),
+          (R = (K = this.originStyle) == null ? void 0 : K.light.layers) == null ? void 0 : R.find((u) => u.id === "admin-0-boundary-bg"),
           (ge = (le = this.originStyle) == null ? void 0 : le.light.layers) == null ? void 0 : ge.find((u) => u.id === "admin-0-boundary"),
-          (ye = (fe = this.originStyle) == null ? void 0 : fe.light.layers) == null ? void 0 : ye.find((u) => u.id === "admin-0-boundary-disputed"),
-          (Se = (we = this.originStyle) == null ? void 0 : we.light.layers) == null ? void 0 : Se.find((u) => u.id === "country-label"),
+          (we = (fe = this.originStyle) == null ? void 0 : fe.light.layers) == null ? void 0 : we.find((u) => u.id === "admin-0-boundary-disputed"),
+          (Se = (xe = this.originStyle) == null ? void 0 : xe.light.layers) == null ? void 0 : Se.find((u) => u.id === "country-label"),
           (Te = (Me = this.originStyle) == null ? void 0 : Me.light.layers) == null ? void 0 : Te.find((u) => u.id === "continent-label")
           // this.originStyle?.light.layers?.find((l: { id: string }) => l.id === 'state-label'),
         ]
@@ -71532,19 +71550,19 @@ class ql {
         protected: !1,
         draft: !1,
         layers: [
-          (Ie = (Re = this.originStyle) == null ? void 0 : Re.dark.layers) == null ? void 0 : Ie.find((u) => u.id === "land"),
-          (te = (j = this.originStyle) == null ? void 0 : j.dark.layers) == null ? void 0 : te.find((u) => u.id === "water"),
-          (Ee = (Le = this.originStyle) == null ? void 0 : Le.dark.layers) == null ? void 0 : Ee.find((u) => u.id === "empty-layer-1"),
-          (he = (Pe = this.originStyle) == null ? void 0 : Pe.dark.layers) == null ? void 0 : he.find((u) => u.id === "country-boundaries"),
-          (H = (pe = this.originStyle) == null ? void 0 : pe.dark.layers) == null ? void 0 : H.find((u) => u.id === "water-outline"),
-          (J = (xe = this.originStyle) == null ? void 0 : xe.dark.layers) == null ? void 0 : J.find((u) => u.id === "empty-layer-2"),
-          (Ae = (ae = this.originStyle) == null ? void 0 : ae.dark.layers) == null ? void 0 : Ae.find((u) => u.id === "empty-layer-3"),
+          (Re = (Ie = this.originStyle) == null ? void 0 : Ie.dark.layers) == null ? void 0 : Re.find((u) => u.id === "land"),
+          (H = (be = this.originStyle) == null ? void 0 : be.dark.layers) == null ? void 0 : H.find((u) => u.id === "water"),
+          (Ee = (te = this.originStyle) == null ? void 0 : te.dark.layers) == null ? void 0 : Ee.find((u) => u.id === "empty-layer-1"),
+          (me = (Pe = this.originStyle) == null ? void 0 : Pe.dark.layers) == null ? void 0 : me.find((u) => u.id === "country-boundaries"),
+          (N = (pe = this.originStyle) == null ? void 0 : pe.dark.layers) == null ? void 0 : N.find((u) => u.id === "water-outline"),
+          (J = (ve = this.originStyle) == null ? void 0 : ve.dark.layers) == null ? void 0 : J.find((u) => u.id === "empty-layer-2"),
+          (Ae = (ie = this.originStyle) == null ? void 0 : ie.dark.layers) == null ? void 0 : Ae.find((u) => u.id === "empty-layer-3"),
           (ue = (D = this.originStyle) == null ? void 0 : D.dark.layers) == null ? void 0 : ue.find((u) => u.id === "empty-layer-4"),
           (De = (Ce = this.originStyle) == null ? void 0 : Ce.dark.layers) == null ? void 0 : De.find((u) => u.id === "water-line-label"),
           (A = (Oe = this.originStyle) == null ? void 0 : Oe.dark.layers) == null ? void 0 : A.find((u) => u.id === "water-point-label"),
           (He = (G = this.originStyle) == null ? void 0 : G.dark.layers) == null ? void 0 : He.find((u) => u.id === "world-12nm-v4-20231025"),
           (Ge = (We = this.originStyle) == null ? void 0 : We.dark.layers) == null ? void 0 : Ge.find((u) => u.id === "ne-10m-outline"),
-          (Ue = (ke = this.originStyle) == null ? void 0 : ke.dark.layers) == null ? void 0 : Ue.find((u) => u.id === "ne-10m-label"),
+          (Ue = (ze = this.originStyle) == null ? void 0 : ze.dark.layers) == null ? void 0 : Ue.find((u) => u.id === "ne-10m-label"),
           (Ye = (Ve = this.originStyle) == null ? void 0 : Ve.dark.layers) == null ? void 0 : Ye.find((u) => u.id === "china-route-line"),
           (Xe = (Ze = this.originStyle) == null ? void 0 : Ze.dark.layers) == null ? void 0 : Xe.find((u) => u.id === "china-route-fill"),
           (Ke = (qe = this.originStyle) == null ? void 0 : qe.dark.layers) == null ? void 0 : Ke.find((u) => u.id === "china-route-label"),
@@ -71694,7 +71712,7 @@ class ql {
           (Pt = (Lt = this.originStyle) == null ? void 0 : Lt.satellite.layers) == null ? void 0 : Pt.find((u) => u.id === "world-12nm-v4-20231025"),
           (St = (Ct = this.originStyle) == null ? void 0 : Ct.satellite.layers) == null ? void 0 : St.find((u) => u.id === "ne-10m-outline"),
           (Tt = (Mt = this.originStyle) == null ? void 0 : Mt.satellite.layers) == null ? void 0 : Tt.find((u) => u.id === "ne-10m-label"),
-          (It = (Rt = this.originStyle) == null ? void 0 : Rt.satellite.layers) == null ? void 0 : It.find((u) => u.id === "china-route-line"),
+          (Rt = (It = this.originStyle) == null ? void 0 : It.satellite.layers) == null ? void 0 : Rt.find((u) => u.id === "china-route-line"),
           (Dt = (At = this.originStyle) == null ? void 0 : At.satellite.layers) == null ? void 0 : Dt.find((u) => u.id === "china-route-fill"),
           (Bt = (Ot = this.originStyle) == null ? void 0 : Ot.satellite.layers) == null ? void 0 : Bt.find((u) => u.id === "china-route-label"),
           (jt = (Et = this.originStyle) == null ? void 0 : Et.satellite.layers) == null ? void 0 : jt.find((u) => u.id === "country-label"),
@@ -71735,7 +71753,7 @@ class ql {
           (Ut = (Gt = this.originStyle) == null ? void 0 : Gt.nautical.layers) == null ? void 0 : Ut.find((u) => u.id === "empty-layer-1"),
           (Yt = (Vt = this.originStyle) == null ? void 0 : Vt.nautical.layers) == null ? void 0 : Yt.find((u) => u.id === "country-boundaries"),
           (Xt = (Zt = this.originStyle) == null ? void 0 : Zt.nautical.layers) == null ? void 0 : Xt.find((u) => u.id === "water-outline"),
-          (ro = (io = this.originStyle) == null ? void 0 : io.nautical.layers) == null ? void 0 : ro.find((u) => u.id === "empty-layer-2"),
+          (ro = (qt = this.originStyle) == null ? void 0 : qt.nautical.layers) == null ? void 0 : ro.find((u) => u.id === "empty-layer-2"),
           (so = (lo = this.originStyle) == null ? void 0 : lo.nautical.layers) == null ? void 0 : so.find((u) => u.id === "empty-layer-3"),
           (co = (no = this.originStyle) == null ? void 0 : no.nautical.layers) == null ? void 0 : co.find((u) => u.id === "empty-layer-4"),
           (ho = (mo = this.originStyle) == null ? void 0 : mo.nautical.layers) == null ? void 0 : ho.find((u) => u.id === "world-12nm-v4-20231025"),
@@ -71750,7 +71768,7 @@ class ql {
           (Po = (Lo = this.originStyle) == null ? void 0 : Lo.light.layers) == null ? void 0 : Po.find((u) => u.id === "admin-0-boundary"),
           (So = (Co = this.originStyle) == null ? void 0 : Co.light.layers) == null ? void 0 : So.find((u) => u.id === "admin-0-boundary-disputed"),
           (To = (Mo = this.originStyle) == null ? void 0 : Mo.light.layers) == null ? void 0 : To.find((u) => u.id === "country-label"),
-          (Io = (Ro = this.originStyle) == null ? void 0 : Ro.light.layers) == null ? void 0 : Io.find((u) => u.id === "continent-label")
+          (Ro = (Io = this.originStyle) == null ? void 0 : Io.light.layers) == null ? void 0 : Ro.find((u) => u.id === "continent-label")
           // this.originStyle?.light.layers?.find((l: { id: string }) => l.id === 'state-label'),
         ],
         created: "2025-07-22T02:15:53.587Z",
@@ -71764,7 +71782,7 @@ class ql {
     };
   }
 }
-const Kl = {
+const Xl = {
   name: "MapInitial",
   props: {
     token: {
@@ -71817,8 +71835,8 @@ const Kl = {
   methods: {
     async initOnlineMap() {
       var e;
-      (e = this.map) == null || e.remove(), this.map = void 0, this.helper = new ql(this.token), _e.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
-      const o = new _e.Map({
+      (e = this.map) == null || e.remove(), this.map = void 0, this.helper = new Zl(this.token), ke.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      const o = new ke.Map({
         container: "map",
         // style: 'mapbox://styles/neatchenheng/cmd894dwn036m01rf7anc0k0d', //light
         // style: 'mapbox://styles/neatchenheng/cmdqwez32005b01re2w0k3zk4', // dark
@@ -71844,7 +71862,7 @@ const Kl = {
     },
     addScaleControl() {
       var e;
-      this.map.addControl(new _e.ScaleControl({ maxWidth: 120, unit: "nautical" }), "bottom-left");
+      this.map.addControl(new ke.ScaleControl({ maxWidth: 120, unit: "nautical" }), "bottom-left");
       const o = (e = document.getElementsByClassName("mapboxgl-ctrl-scale")) == null ? void 0 : e[0];
       o && (o.className = "mapboxgl-ctrl-scale " + this.mapFeather);
     },
@@ -71857,16 +71875,16 @@ const Kl = {
       this.zoom = this.zoom <= 2 ? 1 : this.zoom - 1, (o = this.map) == null || o.zoomOut(this.zoom);
     }
   }
-}, Ql = { class: "mapbox-initial-gl4" }, Jl = { class: "v-btn--variant-elevated rounded" }, $l = { class: "zoom" };
-function es(o, e, t, i, a, r) {
+}, ql = { class: "mapbox-initial-gl4" }, Kl = { class: "v-btn--variant-elevated rounded" }, Ql = { class: "zoom" };
+function Jl(o, e, t, i, a, r) {
   const s = k("VBtn");
-  return y(), T("div", Ql, [
+  return y(), T("div", ql, [
     e[2] || (e[2] = l("div", { id: "map" }, null, -1)),
     l("div", {
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
-      style: oe({ top: t.top + 268 + "px", right: a.right + "px" })
+      style: ae({ top: t.top + 268 + "px", right: a.right + "px" })
     }, [
-      l("div", Jl, [
+      l("div", Kl, [
         h(s, {
           "min-width": "32",
           width: "32",
@@ -71880,7 +71898,7 @@ function es(o, e, t, i, a, r) {
           _: 1,
           __: [0]
         }, 8, ["onClick"]),
-        l("div", $l, x(a.zoom), 1),
+        l("div", Ql, w(a.zoom), 1),
         h(s, {
           "min-width": "32",
           width: "32",
@@ -71898,20 +71916,20 @@ function es(o, e, t, i, a, r) {
     ], 4)
   ]);
 }
-const ts = /* @__PURE__ */ q(Kl, [["render", es]]), ps = {
+const $l = /* @__PURE__ */ q(Xl, [["render", Jl]]), hs = {
   install(o) {
-    o.component("MapInitial", ts), o.component("MapboxGL", Xl), o.component("TropicalGL", Bo), o.component("LatLngGL", Oo), o.component("DateTimePicker", ao);
+    o.component("MapInitial", $l), o.component("MapboxGL", Yl), o.component("TropicalGL", Bo), o.component("LatLngGL", Oo), o.component("DateTimePicker", io);
   }
 };
 export {
-  ao as DateTimePicker,
+  io as DateTimePicker,
   Oo as LatLngGL,
-  ts as MapInitial,
-  Xl as MapboxGL,
-  ps as MapboxGLPlugin,
-  be as ParticleSchema,
+  $l as MapInitial,
+  Yl as MapboxGL,
+  hs as MapboxGLPlugin,
+  ye as ParticleSchema,
   Bo as TropicalGL,
-  oo as Viewport,
+  ao as Viewport,
   je as WebGL,
   se as WebGLSchema
 };