npm - @idmwx/idmui-gl4 - Versions diffs - 2.0.0 → 2.0.1 - Mend

@idmwx/idmui-gl4 2.0.0 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index.js +681 -582
package/dist/index.umd.cjs +9 -9
package/dist/mapbox/src/components/measure/index.vue.d.ts +16 -10
package/dist/mapbox/src/components/other/index.vue.d.ts +37 -28
package/dist/mapbox/src/components/other/latLng.vue.d.ts +15 -9
package/dist/mapbox/src/components/spot/index.vue.d.ts +36 -29
package/dist/mapbox/src/components/tropical/index.vue.d.ts +35 -29
package/dist/mapbox/src/components/weather/index.vue.d.ts +38 -26
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -3,13 +3,13 @@ var Qa = (t, e, o) => e in t ? Ja(t, e, { enumerable: !0, configurable: !0, writ
 var he = (t, e, o) => (Qa(t, typeof e != "symbol" ? e + "" : e, o), o);
 import De from "axios";
 import { useTheme as Se } from "vuetify";
-import { openBlock as y, createElementBlock as M, resolveComponent as w, createBlock as O, withCtx as g, createVNode as p, withModifiers as Oe, createElementVNode as s, createCommentVNode as A, normalizeClass as Ye, toDisplayString as m, createTextVNode as $, Fragment as we, renderList as _e, withDirectives as Ve, vShow as Ze, mergeProps as N, normalizeStyle as ee } from "vue";
+import { openBlock as y, createElementBlock as M, resolveComponent as w, createBlock as O, withCtx as g, createVNode as p, withModifiers as Oe, createElementVNode as s, createCommentVNode as I, normalizeClass as Ye, toDisplayString as m, createTextVNode as K, Fragment as we, renderList as _e, withDirectives as Ve, vShow as Ze, mergeProps as N, normalizeStyle as ee } from "vue";
 import ke from "mapbox-gl";
 import S from "moment";
 import { LngLatHelper as X, TropicalHelper as Za, LaneHelper as Ge } from "@idm-plugin/geo";
 import { Meteo2Assist as To, TidesAssist as So } from "@idm-plugin/meteo";
 import * as Mo from "echarts";
-import * as H from "@turf/turf";
+import * as U from "@turf/turf";
 import { LayerHelper as Co, CompanyHelper as ei } from "@idm-plugin/tag2";
 import ti from "@mapbox/sphericalmercator";
 import { LayerHelper as oi } from "@idm-plugin/tag";
@@ -523,7 +523,7 @@ function ui(t, e, o, i, a, r) {
       })
     ]),
     _: 1
-  })) : A("", !0);
+  })) : I("", !0);
 }
 const gi = /* @__PURE__ */ Y(hi, [["render", ui]]);
 const fi = {
@@ -1490,10 +1490,10 @@ const fi = {
         { label: "Swell", key: "weather.swell", unit: "m" },
         { label: "Current", key: "weather.current", unit: "kts" }
       ], (o = (e = this.dateList) == null ? void 0 : e[this.currentIndex]) == null || o.dateTimeList.forEach((i, a) => {
-        var c, n, u, h, b, x, _, f, k, P, B, I, T, z, L, C, v, D, F, V, q, Z, J, Q, K, se, le, pe, ie, ce, ue, me, de, R, te, ye, xe, Le;
+        var c, n, u, h, b, x, _, f, k, P, B, D, T, z, L, C, v, A, F, V, q, Z, J, Q, $, se, le, pe, ie, ce, ue, me, de, R, te, ye, xe, Le;
         let r = {};
         const l = ((c = To.pickHourly(t, S(i))) == null ? void 0 : c[0]) || {};
-        r.utc = l.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = l.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((u = l == null ? void 0 : l.weather) == null ? void 0 : u.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((b = (h = l == null ? void 0 : l.weather) == null ? void 0 : h.precip) == null ? void 0 : b.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((_ = (x = l == null ? void 0 : l.weather) == null ? void 0 : x.precip) == null ? void 0 : _.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((f = l == null ? void 0 : l.weather) == null ? void 0 : f.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((P = (k = l == null ? void 0 : l.weather) == null ? void 0 : k.wind) == null ? void 0 : P.kts, 1) ?? "-", r.windDir = (I = (B = l == null ? void 0 : l.weather) == null ? void 0 : B.wind) == null ? void 0 : I.direction, r.windLevel = this.computeRoundPrecision((z = (T = l == null ? void 0 : l.weather) == null ? void 0 : T.wind) == null ? void 0 : z.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((C = (L = l == null ? void 0 : l.weather) == null ? void 0 : L.wind) == null ? void 0 : C.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((D = (v = l == null ? void 0 : l.wave) == null ? void 0 : v.sig) == null ? void 0 : D.height, 1) ?? "-", r.sigwaveDir = (V = (F = l == null ? void 0 : l.wave) == null ? void 0 : F.sig) == null ? void 0 : V.direction, r.sigwavePeriod = this.computeRoundPrecision((Z = (q = l == null ? void 0 : l.wave) == null ? void 0 : q.sig) == null ? void 0 : Z.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((Q = (J = l == null ? void 0 : l.wave) == null ? void 0 : J.wd) == null ? void 0 : Q.height, 1) ?? "-", r.windwaveDir = (se = (K = l == null ? void 0 : l.wave) == null ? void 0 : K.wd) == null ? void 0 : se.direction, r.windwavePeriod = this.computeRoundPrecision((pe = (le = l == null ? void 0 : l.wave) == null ? void 0 : le.wd) == null ? void 0 : pe.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((ce = (ie = l == null ? void 0 : l.wave) == null ? void 0 : ie.swell) == null ? void 0 : ce.height, 1) ?? "-", r.swellDir = (me = (ue = l == null ? void 0 : l.wave) == null ? void 0 : ue.swell) == null ? void 0 : me.direction, r.swellPeriod = this.computeRoundPrecision((R = (de = l == null ? void 0 : l.wave) == null ? void 0 : de.swell) == null ? void 0 : R.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((te = l == null ? void 0 : l.current) == null ? void 0 : te.speed, 1) ?? "-", r.currentDir = (ye = l == null ? void 0 : l.current) == null ? void 0 : ye.direction, r.currentSpeed = this.computeRoundPrecision((xe = l == null ? void 0 : l.current) == null ? void 0 : xe.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(l == null ? void 0 : l.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(l == null ? void 0 : l.sst, 0) ?? "-", r.weatherUrls = (Le = l == null ? void 0 : l.weather) == null ? void 0 : Le.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = r.weatherUrl, this.tableData[2][`value${a}`] = r.temp, this.tableData[3][`value${a}`] = r.precip1h, this.tableData[4][`value${a}`] = r.visibility, this.tableData[5][`value${a}`] = r.windSpeed, this.tableData[6][`value${a}`] = r.sigwaveHeight, this.tableData[7][`value${a}`] = r.swellHeight, this.tableData[8][`value${a}`] = r.currentSpeed;
+        r.utc = l.utc, r.lat = t.lat, r.lng = t.lng, r.weatherUrl = (n = l.weather) == null ? void 0 : n.url, r.temp = this.computeRoundPrecision((u = l == null ? void 0 : l.weather) == null ? void 0 : u.temp, 0) ?? "-", r.precipProbability = this.computeRoundPrecision((b = (h = l == null ? void 0 : l.weather) == null ? void 0 : h.precip) == null ? void 0 : b.probability, 0) ?? "-", r.precip1h = this.computeRoundPrecision((_ = (x = l == null ? void 0 : l.weather) == null ? void 0 : x.precip) == null ? void 0 : _.sum, 1) ?? "-", r.visibility = this.computeRoundPrecision((f = l == null ? void 0 : l.weather) == null ? void 0 : f.visibility, 0) ?? "-", r.windSpeed = this.computeRoundPrecision((P = (k = l == null ? void 0 : l.weather) == null ? void 0 : k.wind) == null ? void 0 : P.kts, 1) ?? "-", r.windDir = (D = (B = l == null ? void 0 : l.weather) == null ? void 0 : B.wind) == null ? void 0 : D.direction, r.windLevel = this.computeRoundPrecision((z = (T = l == null ? void 0 : l.weather) == null ? void 0 : T.wind) == null ? void 0 : z.scale, 0) ?? "-", r.windGust = this.computeRoundPrecision((C = (L = l == null ? void 0 : l.weather) == null ? void 0 : L.wind) == null ? void 0 : C.gusts, 1) ?? "-", r.sigwaveHeight = this.computeRoundPrecision((A = (v = l == null ? void 0 : l.wave) == null ? void 0 : v.sig) == null ? void 0 : A.height, 1) ?? "-", r.sigwaveDir = (V = (F = l == null ? void 0 : l.wave) == null ? void 0 : F.sig) == null ? void 0 : V.direction, r.sigwavePeriod = this.computeRoundPrecision((Z = (q = l == null ? void 0 : l.wave) == null ? void 0 : q.sig) == null ? void 0 : Z.period, 1) ?? "-", r.windwaveHeight = this.computeRoundPrecision((Q = (J = l == null ? void 0 : l.wave) == null ? void 0 : J.wd) == null ? void 0 : Q.height, 1) ?? "-", r.windwaveDir = (se = ($ = l == null ? void 0 : l.wave) == null ? void 0 : $.wd) == null ? void 0 : se.direction, r.windwavePeriod = this.computeRoundPrecision((pe = (le = l == null ? void 0 : l.wave) == null ? void 0 : le.wd) == null ? void 0 : pe.period, 1) ?? "-", r.swellHeight = this.computeRoundPrecision((ce = (ie = l == null ? void 0 : l.wave) == null ? void 0 : ie.swell) == null ? void 0 : ce.height, 1) ?? "-", r.swellDir = (me = (ue = l == null ? void 0 : l.wave) == null ? void 0 : ue.swell) == null ? void 0 : me.direction, r.swellPeriod = this.computeRoundPrecision((R = (de = l == null ? void 0 : l.wave) == null ? void 0 : de.swell) == null ? void 0 : R.period, 1) ?? "-", r.currentSpeed = this.computeRoundPrecision((te = l == null ? void 0 : l.current) == null ? void 0 : te.speed, 1) ?? "-", r.currentDir = (ye = l == null ? void 0 : l.current) == null ? void 0 : ye.direction, r.currentSpeed = this.computeRoundPrecision((xe = l == null ? void 0 : l.current) == null ? void 0 : xe.speed, 1) ?? "-", r.seaLevel = this.computeRoundPrecision(l == null ? void 0 : l.height, 1) ?? "-", r.seaTemp = this.computeRoundPrecision(l == null ? void 0 : l.sst, 0) ?? "-", r.weatherUrls = (Le = l == null ? void 0 : l.weather) == null ? void 0 : Le.url, this.tableData[0][`value${a}`] = a * this.interval > 10 ? a * this.interval : "0" + a * this.interval, this.tableData[1][`value${a}`] = r.weatherUrl, this.tableData[2][`value${a}`] = r.temp, this.tableData[3][`value${a}`] = r.precip1h, this.tableData[4][`value${a}`] = r.visibility, this.tableData[5][`value${a}`] = r.windSpeed, this.tableData[6][`value${a}`] = r.sigwaveHeight, this.tableData[7][`value${a}`] = r.swellHeight, this.tableData[8][`value${a}`] = r.currentSpeed;
       });
     },
     handleTide() {
@@ -1685,7 +1685,7 @@ function wr(t, e, o, i, a, r) {
       return [
         p(c, { class: "w-100" }, {
           default: g(() => {
-            var f, k, P, B, I;
+            var f, k, P, B, D;
             return [
               s("div", yi, [
                 s("div", bi, [
@@ -1713,7 +1713,7 @@ function wr(t, e, o, i, a, r) {
                 s("div", null, m(t.$t("port.port")), 1),
                 s("div", null, [
                   e[3] || (e[3] = s("label", null, "UN/LOCODE: ", -1)),
-                  s("span", null, m((I = o.port) == null ? void 0 : I.cntLoCode), 1)
+                  s("span", null, m((D = o.port) == null ? void 0 : D.cntLoCode), 1)
                 ])
               ])
             ];
@@ -1738,7 +1738,7 @@ function wr(t, e, o, i, a, r) {
               p(u, { color: "warning" })
             ]),
             default: g(() => [
-              $(" " + m(t.$t("actions.unfollow")), 1)
+              K(" " + m(t.$t("actions.unfollow")), 1)
             ]),
             _: 1
           }, 8, ["onClick"])) : (y(), O(l, {
@@ -1751,7 +1751,7 @@ function wr(t, e, o, i, a, r) {
             onClick: r.handleFollow
           }, {
             default: g(() => [
-              $(m(t.$t("actions.follow")), 1)
+              K(m(t.$t("actions.follow")), 1)
             ]),
             _: 1
           }, 8, ["onClick"])),
@@ -1763,7 +1763,7 @@ function wr(t, e, o, i, a, r) {
             onClick: r.handleMeteoMore
           }, {
             default: g(() => [
-              $(m(t.$t("actions.7dayForcast")), 1)
+              K(m(t.$t("actions.7dayForcast")), 1)
             ]),
             _: 1
           }, 8, ["onClick"])
@@ -1828,7 +1828,7 @@ function wr(t, e, o, i, a, r) {
                     value: f.index
                   }, {
                     default: g(() => [
-                      $(m(f.label), 1)
+                      K(m(f.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 256))
@@ -1841,8 +1841,8 @@ function wr(t, e, o, i, a, r) {
                     key: f.id
                   }, [
                     s("th", Gi, [
-                      $(m(t.$t(`${f.key}`)) + " ", 1),
-                      f.unit ? (y(), M("span", Vi, " ( " + m(f.unit) + " )", 1)) : A("", !0)
+                      K(m(t.$t(`${f.key}`)) + " ", 1),
+                      f.unit ? (y(), M("span", Vi, " ( " + m(f.unit) + " )", 1)) : I("", !0)
                     ]),
                     s("td", Zi, [
                       f.img ? (y(), M("img", {
@@ -1924,7 +1924,7 @@ function wr(t, e, o, i, a, r) {
                   }), 128))
                 ])
               ])
-            ])) : A("", !0)
+            ])) : I("", !0)
           ])
         ], 512)
       ];
@@ -2075,7 +2075,7 @@ function zr(t, e, o, i, a, r) {
       forecastModel: o.forecastModel,
       onClose: r.handleCloseDetail,
       onCloseAllDetail: e[0] || (e[0] = (u) => t.$emit("closeAllDetail", { ports: !0 }))
-    }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "onClose"])) : A("", !0)
+    }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "onClose"])) : I("", !0)
   ]);
 }
 const Lr = /* @__PURE__ */ Y(xr, [["render", zr], ["__scopeId", "data-v-0c0f27d3"]]), Pr = {
@@ -3071,7 +3071,7 @@ function Ms(t, e, o, i, a, r) {
                     value: _.index
                   }, {
                     default: g(() => [
-                      $(m(_.label), 1)
+                      K(m(_.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 256))
@@ -3209,7 +3209,7 @@ function Ns(t, e, o, i, a, r) {
       key: 0,
       station: a.station,
       onClose: r.handleCloseDetail
-    }, t.$attrs), null, 16, ["station", "onClose"])) : A("", !0)
+    }, t.$attrs), null, 16, ["station", "onClose"])) : I("", !0)
   ]);
 }
 const Es = /* @__PURE__ */ Y(Ds, [["render", Ns], ["__scopeId", "data-v-4611be64"]]), js = {
@@ -3254,6 +3254,10 @@ const Hs = /* @__PURE__ */ Y(js, [["render", Fs]]);
 const Us = {
   name: "IdmLatLng",
   props: {
+    simple: {
+      type: Boolean,
+      default: !1
+    },
     map: {
       type: Object
     },
@@ -3365,7 +3369,7 @@ const Us = {
     handleZoomEnd() {
       var e;
       const t = this.handleComputeLatLngs();
-      (e = this.map) == null || e.getSource(this.source).setData(H.featureCollection(t));
+      (e = this.map) == null || e.getSource(this.source).setData(U.featureCollection(t));
     },
     handleRender() {
       if (this.handleClear(), this.map) {
@@ -3423,14 +3427,15 @@ const Us = {
 };
 function Ws(t, e, o, i, a, r) {
   var l, c, n;
-  return y(), M("div", {
+  return o.simple ? I("", !0) : (y(), M("div", {
+    key: 0,
     class: "idm-lat-lng-tip-gl4 pa-2 text-caption text-right rounded",
     style: ee({ right: a.right + "px" })
   }, [
     s("div", null, m((l = a.lngLat) == null ? void 0 : l.lat), 1),
     s("div", null, m((c = a.lngLat) == null ? void 0 : c.lng), 1),
     s("div", null, m((n = a.lngLat) == null ? void 0 : n.str), 1)
-  ], 4);
+  ], 4));
 }
 const qa = /* @__PURE__ */ Y(Us, [["render", Ws]]);
 const Gs = {
@@ -4379,7 +4384,7 @@ function qs(t, e, o, i, a, r) {
       followList: o.followList,
       onClose: r.handleCloseDetail,
       onCloseAllDetail: e[0] || (e[0] = (u) => t.$emit("closeAllDetail", { followPort: !0 }))
-    }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "followList", "onClose"])) : A("", !0)
+    }, t.$attrs), null, 16, ["portId", "port", "forecastModel", "followList", "onClose"])) : I("", !0)
   ]);
 }
 const Xs = /* @__PURE__ */ Y(Gs, [["render", qs], ["__scopeId", "data-v-95e70a1f"]]);
@@ -5315,7 +5320,7 @@ function el(t, e, o, i, a, r) {
             ]),
             a.position.remark ? (y(), M("div", Qs, [
               s("span", null, m(a.position.remark ?? "-"), 1)
-            ])) : A("", !0)
+            ])) : I("", !0)
           ])
         ]),
         _: 1
@@ -5350,6 +5355,10 @@ const ol = {
     IdmFollowPosition: tl
   },
   props: {
+    simple: {
+      type: Boolean,
+      default: !1
+    },
     map: {
       type: Object
     },
@@ -5425,12 +5434,17 @@ const ol = {
       checkList: []
     };
   },
+  computed: {
+    listStyle() {
+      return this.simple ? { top: this.top + "px", left: this.toggle ? "0px" : "-280px" } : { top: this.top + "px", right: this.toggle ? "0px" : "-280px" };
+    }
+  },
   watch: {
     "menuToggle.v": {
       handler() {
         this.toggle = this.menuToggle.otherLayers, this.$nextTick(() => {
           var t;
-          this.right = (((t = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : t.clientWidth) || 0) + 10;
+          this.simple || (this.right = (((t = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : t.clientWidth) || 0) + 10);
         });
       },
       immediate: !0
@@ -5544,8 +5558,8 @@ const ol = {
   class: "border rounded-sm"
 }, pl = { class: "text-body-2 text-center pt-1" };
 function ul(t, e, o, i, a, r) {
-  var K, se, le, pe, ie, ce, ue, me, de;
-  const l = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VCardItem"), h = w("VCheckbox"), b = w("VCardText"), x = w("VCard"), _ = w("IdmLatLng"), f = w("IdmTerminator"), k = w("IdmTimezone"), P = w("IdmPort"), B = w("IdmAlertZone"), I = w("IdmTideStations"), T = w("IdmEcaZone"), z = w("IdmWarZone"), L = w("IdmGmdssArea"), C = w("IdmLoadLine"), v = w("IdmWorldMarine"), D = w("IdmVRA"), F = w("IdmSpecialArea"), V = w("IdmWorld12nm"), q = w("IdmChinaRoute"), Z = w("IdmIceAreas"), J = w("IdmFollowPort"), Q = w("IdmFollowPosition");
+  var $, se, le, pe, ie, ce, ue, me, de;
+  const l = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VCardItem"), h = w("VCheckbox"), b = w("VCardText"), x = w("VCard"), _ = w("IdmLatLng"), f = w("IdmTerminator"), k = w("IdmTimezone"), P = w("IdmPort"), B = w("IdmAlertZone"), D = w("IdmTideStations"), T = w("IdmEcaZone"), z = w("IdmWarZone"), L = w("IdmGmdssArea"), C = w("IdmLoadLine"), v = w("IdmWorldMarine"), A = w("IdmVRA"), F = w("IdmSpecialArea"), V = w("IdmWorld12nm"), q = w("IdmChinaRoute"), Z = w("IdmIceAreas"), J = w("IdmFollowPort"), Q = w("IdmFollowPosition");
   return y(), M("div", al, [
     s("div", {
       class: "menu-bar-box transition px-1 rounded",
@@ -5575,7 +5589,7 @@ function ul(t, e, o, i, a, r) {
     ], 4),
     s("div", {
       class: Ye(["available-layers transition", a.toggle ? "right-bar" : ""]),
-      style: ee({ top: o.top + "px", right: a.toggle ? "0px" : "-280px" })
+      style: ee(r.listStyle)
     }, [
       s("div", il, [
         s("div", rl, m(t.$t("layer.layers")), 1),
@@ -5606,7 +5620,7 @@ function ul(t, e, o, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    $(m(t.$t("layer.mapFeathers")), 1)
+                    K(m(t.$t("layer.mapFeathers")), 1)
                   ]),
                   _: 1
                 })
@@ -5659,7 +5673,7 @@ function ul(t, e, o, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    $(m(t.$t("layer.pointsOfInteresting")), 1)
+                    K(m(t.$t("layer.pointsOfInteresting")), 1)
                   ]),
                   _: 1
                 })
@@ -5698,7 +5712,7 @@ function ul(t, e, o, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    $(m(t.$t("layer.otherLayers")), 1)
+                    K(m(t.$t("layer.otherLayers")), 1)
                   ]),
                   _: 1
                 })
@@ -5737,7 +5751,7 @@ function ul(t, e, o, i, a, r) {
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    $(m(t.$t("layer.myFollows")), 1)
+                    K(m(t.$t("layer.myFollows")), 1)
                   ]),
                   _: 1
                 })
@@ -5778,21 +5792,22 @@ function ul(t, e, o, i, a, r) {
     ], 6),
     o.map ? (y(), O(_, N({
       key: 0,
+      simple: o.simple,
       map: o.map,
       "menu-toggle": o.menuToggle,
       show: a.checkList.includes("graticule")
-    }, t.$attrs), null, 16, ["map", "menu-toggle", "show"])) : A("", !0),
+    }, t.$attrs), null, 16, ["simple", "map", "menu-toggle", "show"])) : I("", !0),
     o.map ? (y(), O(f, N({
       key: 1,
       map: o.map,
-      area: (K = a.otherLayers) == null ? void 0 : K["day-night"]
-    }, t.$attrs, { "before-layer": "empty-layer-2" }), null, 16, ["map", "area"])) : A("", !0),
+      area: ($ = a.otherLayers) == null ? void 0 : $["day-night"]
+    }, t.$attrs, { "before-layer": "empty-layer-2" }), null, 16, ["map", "area"])) : I("", !0),
     o.map ? (y(), O(k, N({
       key: 2,
       map: o.map,
       zone: (se = a.otherLayers) == null ? void 0 : se["time-zones"],
       realTime: o.realTime
-    }, t.$attrs, { beforeLayer: "empty-layer-3" }), null, 16, ["map", "zone", "realTime"])) : A("", !0),
+    }, t.$attrs, { beforeLayer: "empty-layer-3" }), null, 16, ["map", "zone", "realTime"])) : I("", !0),
     o.map ? (y(), O(P, N({
       key: 3,
       ref: "idmPorts",
@@ -5802,7 +5817,7 @@ function ul(t, e, o, i, a, r) {
       token: o.token,
       "forecast-model": o.forecastModel,
       realTime: o.realTime
-    }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "ports", "gateway", "token", "forecast-model", "realTime"])) : A("", !0),
+    }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "ports", "gateway", "token", "forecast-model", "realTime"])) : I("", !0),
     o.map ? (y(), O(B, N({
       key: 4,
       map: o.map,
@@ -5810,8 +5825,8 @@ function ul(t, e, o, i, a, r) {
     }, t.$attrs, {
       "before-layer": "empty-layer-3",
       theme: o.theme
-    }), null, 16, ["map", "zone", "theme"])) : A("", !0),
-    o.map ? (y(), O(I, N({
+    }), null, 16, ["map", "zone", "theme"])) : I("", !0),
+    o.map ? (y(), O(D, N({
       key: 5,
       ref: "idmIideStation",
       map: o.map,
@@ -5823,60 +5838,60 @@ function ul(t, e, o, i, a, r) {
       realTime: o.realTime,
       forecastModel: o.forecastModel,
       "before-layer": "empty-layer-3"
-    }, t.$attrs), null, 16, ["map", "gateway", "token", "defaultMeteoToken", "show", "theme", "realTime", "forecastModel"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "gateway", "token", "defaultMeteoToken", "show", "theme", "realTime", "forecastModel"])) : I("", !0),
     o.map ? (y(), O(T, N({
       key: 6,
       map: o.map,
       zone: (ie = a.otherLayers) == null ? void 0 : ie["eca-zones"]
-    }, t.$attrs), null, 16, ["map", "zone"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "zone"])) : I("", !0),
     o.map ? (y(), O(z, N({
       key: 7,
       map: o.map,
       zone: (ce = a.otherLayers) == null ? void 0 : ce["war-zones"]
-    }, t.$attrs), null, 16, ["map", "zone"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "zone"])) : I("", !0),
     o.map ? (y(), O(L, N({
       key: 8,
       map: o.map,
       area: (ue = a.otherLayers) == null ? void 0 : ue["gmdss-areas"]
-    }, t.$attrs), null, 16, ["map", "area"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "area"])) : I("", !0),
     o.map ? (y(), O(C, N({
       key: 9,
       map: o.map,
       show: a.checkList.includes("load-lines")
-    }, t.$attrs), null, 16, ["map", "show"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "show"])) : I("", !0),
     o.map ? (y(), O(v, N({
       key: 10,
       map: o.map,
       token: o.token,
       show: a.checkList.includes("worldMarine")
-    }, t.$attrs), null, 16, ["map", "token", "show"])) : A("", !0),
-    o.map ? (y(), O(D, N({
+    }, t.$attrs), null, 16, ["map", "token", "show"])) : I("", !0),
+    o.map ? (y(), O(A, N({
       key: 11,
       map: o.map,
       area: (me = a.otherLayers) == null ? void 0 : me["voluntary-reporting-area"]
-    }, t.$attrs), null, 16, ["map", "area"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "area"])) : I("", !0),
     o.map ? (y(), O(F, N({
       key: 12,
       map: o.map,
       area: (de = a.otherLayers) == null ? void 0 : de["special-area"]
-    }, t.$attrs), null, 16, ["map", "area"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "area"])) : I("", !0),
     o.map ? (y(), O(V, N({
       key: 13,
       map: o.map,
       token: o.token,
       show: a.checkList.includes("world12nm")
-    }, t.$attrs), null, 16, ["map", "token", "show"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "token", "show"])) : I("", !0),
     o.map ? (y(), O(q, N({
       key: 14,
       map: o.map,
       token: o.token,
       show: a.checkList.includes("chinaRoute")
-    }, t.$attrs), null, 16, ["map", "token", "show"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "token", "show"])) : I("", !0),
     o.map ? (y(), O(Z, N({
       key: 15,
       map: o.map,
       show: a.checkList.includes("ice-areas")
-    }, t.$attrs), null, 16, ["map", "show"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "show"])) : I("", !0),
     o.map ? (y(), O(J, N({
       key: 16,
       ref: "idmFollowPort",
@@ -5886,7 +5901,7 @@ function ul(t, e, o, i, a, r) {
       token: o.token,
       "forecast-model": o.forecastModel,
       realTime: o.realTime
-    }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "show", "gateway", "token", "forecast-model", "realTime"])) : A("", !0),
+    }, t.$attrs, { "before-layer": "empty-layer-3" }), null, 16, ["map", "show", "gateway", "token", "forecast-model", "realTime"])) : I("", !0),
     o.map ? (y(), O(Q, N({
       key: 17,
       ref: "idmFollowPosition",
@@ -5894,7 +5909,7 @@ function ul(t, e, o, i, a, r) {
       show: a.checkList.includes("follow-positions"),
       "forecast-model": o.forecastModel,
       realTime: o.realTime
-    }, t.$attrs), null, 16, ["map", "show", "forecast-model", "realTime"])) : A("", !0)
+    }, t.$attrs), null, 16, ["map", "show", "forecast-model", "realTime"])) : I("", !0)
   ]);
 }
 const gl = /* @__PURE__ */ Y(ol, [["render", ul]]);
@@ -6134,7 +6149,7 @@ class je {
         h.resolution && o.uniform2f(h.resolution, o.canvas.width * e.ratio, o.canvas.height * e.ratio), o.activeTexture(o.TEXTURE0), o.bindTexture(o.TEXTURE_2D, a), h.image && o.uniform1i(h.image, 0), o.activeTexture(o.TEXTURE1), o.bindTexture(o.TEXTURE_2D, r), h.color && o.uniform1i(h.color, 1), c != null && c.uvRange && (c != null && c.sRange) && (h.uvRange && o.uniform2f(h.uvRange, c.uvRange[0], c.uvRange[1]), h.sRange && o.uniform2f(h.sRange, c.sRange[0], c.sRange[1])), h.scale && o.uniform1f(h.scale, (c == null ? void 0 : c.scale) || 1);
         const b = e.getBoundPixel(), x = e.map.getZoom() + 1, _ = e.getWorldCopy(b, x);
         for (const f of _) {
-          const k = (f[0] - b[0]) * e.ratio, P = (f[1] - b[3]) * e.ratio, B = f[2] * e.ratio, [I, T, z, L] = [k, B + k, P, B + P], C = new Float32Array([I, z, T, z, I, L, I, L, T, z, T, L]);
+          const k = (f[0] - b[0]) * e.ratio, P = (f[1] - b[3]) * e.ratio, B = f[2] * e.ratio, [D, T, z, L] = [k, B + k, P, B + P], C = new Float32Array([D, z, T, z, D, L, D, L, T, z, T, L]);
           o.bindBuffer(o.ARRAY_BUFFER, l), o.bufferData(o.ARRAY_BUFFER, C, o.STATIC_DRAW), o.drawArrays(o.TRIANGLES, 0, 6);
         }
       } catch (h) {
@@ -6437,7 +6452,7 @@ const fl = {
       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: H.featureCollection([]),
+      empty: U.featureCollection([]),
       right: 10,
       bottom: 125,
       windBarbLoaded: !1,
@@ -6723,7 +6738,7 @@ function _l(t, e, o, i, a, r) {
       s("span", null, "40", -1),
       s("span", null, "60", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : I("", !0);
 }
 const kl = /* @__PURE__ */ Y(xl, [["render", _l]]), zl = {
   name: "IdmCurrent",
@@ -6757,7 +6772,7 @@ const kl = /* @__PURE__ */ Y(xl, [["render", _l]]), zl = {
       directionLayer: "current-direction-layer",
       speedLayer: "current-speed-layer",
       speedLabelLayer: "current-speed-label-layer",
-      empty: H.featureCollection([])
+      empty: U.featureCollection([])
     };
   },
   computed: {
@@ -7060,7 +7075,7 @@ function Sl(t, e, o, i, a, r) {
       s("span", null, "2", -1),
       s("span", null, "3.2", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : I("", !0);
 }
 const Ml = /* @__PURE__ */ Y(Tl, [["render", Sl]]);
 const Il = {
@@ -7184,7 +7199,7 @@ function Al(t, e, o, i, a, r) {
       s("span", null, "6", -1),
       s("span", null, "9", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : I("", !0);
 }
 const Rl = /* @__PURE__ */ Y(Il, [["render", Al], ["__scopeId", "data-v-fa73c319"]]), Ol = {
   name: "IdmSigWaveHeight",
@@ -7210,7 +7225,7 @@ const Rl = /* @__PURE__ */ Y(Il, [["render", Al], ["__scopeId", "data-v-fa73c319
       source: "sig-wave-height-source",
       heightLayer: "sig-wave-height-layer",
       heightLabelLayer: "sig-wave-height-label-layer",
-      empty: H.featureCollection([])
+      empty: U.featureCollection([])
     };
   },
   watch: {
@@ -7456,7 +7471,7 @@ function Fl(t, e, o, i, a, r) {
       s("span", null, "6", -1),
       s("span", null, "9", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : I("", !0);
 }
 const Hl = /* @__PURE__ */ Y(El, [["render", Fl], ["__scopeId", "data-v-d47b8b5c"]]), Ul = {
   name: "IdmPrmsl",
@@ -7488,7 +7503,7 @@ const Hl = /* @__PURE__ */ Y(El, [["render", Fl], ["__scopeId", "data-v-d47b8b5c
       layer: "prmsl-layer",
       labelLayer: "prmsl-label-layer",
       pointLabelLayer: "prmsl-point-label-layer",
-      empty: H.featureCollection([])
+      empty: U.featureCollection([])
     };
   },
   watch: {
@@ -7638,7 +7653,7 @@ function Gl(t, e, o, i, a, r) {
         _: 1
       })
     ], 4)
-  ])) : A("", !0);
+  ])) : I("", !0);
 }
 const Vl = /* @__PURE__ */ Y(Ul, [["render", Gl]]);
 const Zl = {
@@ -7760,7 +7775,7 @@ function ql(t, e, o, i, a, r) {
       s("span", null, "90", -1),
       s("span", null, null, -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : I("", !0);
 }
 const Xl = /* @__PURE__ */ Y(Zl, [["render", ql]]);
 const Kl = {
@@ -7867,7 +7882,7 @@ function Jl(t, e, o, i, a, r) {
       s("span", null, "80", -1),
       s("span", null, "100", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : I("", !0);
 }
 const Ql = /* @__PURE__ */ Y(Kl, [["render", Jl], ["__scopeId", "data-v-dcedee39"]]);
 const en = {
@@ -7982,7 +7997,7 @@ function on(t, e, o, i, a, r) {
       s("span", null, "2", -1),
       s("span", null, "3", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : I("", !0);
 }
 const an = /* @__PURE__ */ Y(en, [["render", on]]);
 const rn = {
@@ -8099,7 +8114,7 @@ function ln(t, e, o, i, a, r) {
       s("span", null, "20", -1),
       s("span", null, "30", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : I("", !0);
 }
 const nn = /* @__PURE__ */ Y(rn, [["render", ln]]);
 const cn = {
@@ -8204,7 +8219,7 @@ function dn(t, e, o, i, a, r) {
       s("span", null, "3", -1),
       s("span", null, "9", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : I("", !0);
 }
 const hn = /* @__PURE__ */ Y(cn, [["render", dn]]);
 const pn = {
@@ -8312,7 +8327,7 @@ function gn(t, e, o, i, a, r) {
       s("span", null, "30", -1),
       s("span", null, "40", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : I("", !0);
 }
 const fn = /* @__PURE__ */ Y(pn, [["render", gn]]);
 const yn = {
@@ -8433,7 +8448,7 @@ function wn(t, e, o, i, a, r) {
       s("span", null, "30", -1),
       s("span", null, "40", -1)
     ]), 4)
-  ])) : A("", !0);
+  ])) : I("", !0);
 }
 const xn = /* @__PURE__ */ Y(yn, [["render", wn]]);
 const vn = {
@@ -8456,6 +8471,10 @@ const vn = {
     IdmTemp: xn
   },
   props: {
+    simple: {
+      type: Boolean,
+      default: !1
+    },
     isLogin: {
       type: Boolean,
       default: !1
@@ -8501,7 +8520,7 @@ const vn = {
       type: String
     }
   },
-  emits: ["menuToggle", "weatherCheckList", "autoActive"],
+  emits: ["forecastModel", "menuToggle", "weatherCheckList", "autoActive"],
   data() {
     return {
       right: 10,
@@ -8523,6 +8542,7 @@ const vn = {
         checkListKey: "weatherCheckListCacheGL4"
       },
       models: {},
+      currentModel: localStorage.getItem("forecastModelCacheGL4") === "undefined" ? "ECMWF" : localStorage.getItem("forecastModelCacheGL4"),
       zoom: 6,
       viewport: void 0,
       particleFactor: void 0,
@@ -8556,6 +8576,15 @@ const vn = {
     };
   },
   computed: {
+    // menuStyle() {
+    //   if (this.simple) {
+    //     return { top: this.top + this.paddingTop + 46 + 'px', right: 10 + 'px' }
+    //   }
+    //   return { top: this.top + this.paddingTop + 46 + 'px', right: this.right + 'px' }
+    // },
+    listStyle() {
+      return this.simple ? { top: this.top + "px", left: this.toggle ? "0px" : "-280px" } : { top: this.top + "px", right: this.toggle ? "0px" : "-280px" };
+    },
     computeDateZ() {
       return function(t) {
         var e;
@@ -8595,10 +8624,16 @@ const vn = {
       handler() {
         this.toggle = this.menuToggle.weatherLayers, this.$nextTick(() => {
           var t;
-          this.right = (((t = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : t.clientWidth) || 0) + 10;
+          this.simple || (this.right = (((t = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : t.clientWidth) || 0) + 10);
         });
       }
     },
+    currentModel: {
+      handler(t, e) {
+        t && t !== e && (this.$emit("forecastModel", t), localStorage.setItem("forecastModelCacheGL4", t));
+      },
+      immediate: !0
+    },
     forecastModel: {
       handler(t, e) {
         t && t !== e && this.handleWeatherLayerChange({ sourceChanged: !0 });
@@ -8710,15 +8745,15 @@ const vn = {
         const _ = ((a = this.map) == null ? void 0 : a.getZoom()) + 1, f = (r = this.map) == null ? void 0 : r.getBounds(), k = `${f._sw.lng},${f._sw.lat},${f._ne.lng},${f._ne.lat}`;
         if (this.particleFactor && ((l = this.$refs.layer) != null && l.autoActive)) {
           const P = Co.WEATHER_LAYERS.find((B) => {
-            var I;
-            return ((I = B.peer) == null ? void 0 : I.weight) === this.particleFactor.weight;
+            var D;
+            return ((D = B.peer) == null ? void 0 : D.weight) === this.particleFactor.weight;
           });
           this.particleFactor.particle && (this.showWindParticle || this.showCurrentParticle) ? this.weatherWeight = this.weatherWeight & P.weight ? this.weatherWeight : this.weatherWeight + P.weight : this.weatherWeight = this.weatherWeight & P.weight ? this.weatherWeight - P.weight : this.weatherWeight;
         }
         if (this.weatherWeight > 0) {
           let P = this.weatherWeight;
           if (P > 0) {
-            const B = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], I = await De.get(
+            const B = this.assistGateway[Math.round(Math.random() * (this.assistGateway.length - 1))], D = await De.get(
               `${B}/api/arc/weather/layers2/links?l=${P}&v=${this.forecastModel}&z=${_}&bbox=${k}&t=${this.realTime}`,
               {
                 headers: {
@@ -8726,8 +8761,8 @@ const vn = {
                 }
               }
             );
-            if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather links elapsed: ", i, ", total: ", o += i), ((c = I == null ? void 0 : I.data) == null ? void 0 : c.code) === 0) {
-              const T = (n = I == null ? void 0 : I.data) == null ? void 0 : n.data, z = [];
+            if (i = (/* @__PURE__ */ new Date()).valueOf() - (e + o), console.log("weather links elapsed: ", i, ", total: ", o += i), ((c = D == null ? void 0 : D.data) == null ? void 0 : c.code) === 0) {
+              const T = (n = D == null ? void 0 : D.data) == null ? void 0 : n.data, z = [];
               for (const C in T)
                 z.push(
                   De.get(T[C], {
@@ -8744,11 +8779,11 @@ const vn = {
               this.weatherLayers = {}, L.map((C) => {
                 var F, V, q, Z;
                 const v = ((F = C == null ? void 0 : C.data) == null ? void 0 : F.data) || (C == null ? void 0 : C.data);
-                let D = (q = (V = C == null ? void 0 : C.config) == null ? void 0 : V.headers) == null ? void 0 : q.key;
-                D && v && (this.weatherLayers[D] = {
+                let A = (q = (V = C == null ? void 0 : C.config) == null ? void 0 : V.headers) == null ? void 0 : q.key;
+                A && v && (this.weatherLayers[A] = {
                   raw: v,
                   type: ((Z = C == null ? void 0 : C.config) == null ? void 0 : Z.responseType) === "blob" ? "image" : "json",
-                  etime: I.data.etime
+                  etime: D.data.etime
                 });
               });
             }
@@ -8758,7 +8793,7 @@ const vn = {
                 type: "json",
                 direction: T,
                 height: { raw: z },
-                etime: I.data.etime
+                etime: D.data.etime
               };
             }
             if (this.weatherLayers["current-direction"] || this.weatherLayers["current-speed"]) {
@@ -8767,7 +8802,7 @@ const vn = {
                 type: "json",
                 direction: T,
                 speed: { raw: z },
-                etime: I.data.etime
+                etime: D.data.etime
               };
             }
           }
@@ -8832,46 +8867,46 @@ const vn = {
         for (const P in this.weatherLayers) {
           let B = !1;
           if (this.weatherLayers[P].active && this.weatherLayers[P].type === "json") {
-            let I = [];
+            let D = [];
             if (P === "swell") {
               B = !0;
               const T = ((c = this.weatherLayers[P]) == null ? void 0 : c.direction) || {};
               for (const L in T)
                 if (L > f && L < k && (!(a <= this.zoom) || L % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                   const C = T[L].lng;
-                  x > _ ? C.forEach((v, D) => {
+                  x > _ ? C.forEach((v, A) => {
                     var F, V, q, Z, J, Q;
                     if (a < 2) {
                       if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                        const K = H.point([v, L], {
-                          val: ((F = T[L].val) == null ? void 0 : F[D]) || ((V = T[L].dir) == null ? void 0 : V[D]),
-                          spd: (q = T[L].spd) == null ? void 0 : q[D]
+                        const $ = U.point([v, L], {
+                          val: ((F = T[L].val) == null ? void 0 : F[A]) || ((V = T[L].dir) == null ? void 0 : V[A]),
+                          spd: (q = T[L].spd) == null ? void 0 : q[A]
                         });
-                        I.push(K);
+                        D.push($);
                       }
                     } else if ((v >= x && v <= 180 || v >= -180 && v <= _) && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const K = H.point([v, L], {
-                        val: ((Z = T[L].val) == null ? void 0 : Z[D]) || ((J = T[L].dir) == null ? void 0 : J[D]),
-                        spd: (Q = T[L].spd) == null ? void 0 : Q[D]
+                      const $ = U.point([v, L], {
+                        val: ((Z = T[L].val) == null ? void 0 : Z[A]) || ((J = T[L].dir) == null ? void 0 : J[A]),
+                        spd: (Q = T[L].spd) == null ? void 0 : Q[A]
                       });
-                      I.push(K);
+                      D.push($);
                     }
-                  }) : C.forEach((v, D) => {
+                  }) : C.forEach((v, A) => {
                     var F, V, q, Z, J, Q;
                     if (x < 2) {
                       if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                        const K = H.point([v, L], {
-                          val: ((F = T[L].val) == null ? void 0 : F[D]) || ((V = T[L].dir) == null ? void 0 : V[D]),
-                          spd: (q = T[L].spd) == null ? void 0 : q[D]
+                        const $ = U.point([v, L], {
+                          val: ((F = T[L].val) == null ? void 0 : F[A]) || ((V = T[L].dir) == null ? void 0 : V[A]),
+                          spd: (q = T[L].spd) == null ? void 0 : q[A]
                         });
-                        I.push(K);
+                        D.push($);
                       }
                     } else if (v >= x && v <= _ && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const K = H.point([v, L], {
-                        val: ((Z = T[L].val) == null ? void 0 : Z[D]) || ((J = T[L].dir) == null ? void 0 : J[D]),
-                        spd: (Q = T[L].spd) == null ? void 0 : Q[D]
+                      const $ = U.point([v, L], {
+                        val: ((Z = T[L].val) == null ? void 0 : Z[A]) || ((J = T[L].dir) == null ? void 0 : J[A]),
+                        spd: (Q = T[L].spd) == null ? void 0 : Q[A]
                       });
-                      I.push(K);
+                      D.push($);
                     }
                   });
                 }
@@ -8882,18 +8917,18 @@ const vn = {
                   const L = [];
                   for (const C in (n = z.raw) == null ? void 0 : n.LineString) {
                     const v = z.raw.LineString[C];
-                    for (const D of v)
+                    for (const A of v)
                       L.push(
-                        H.lineString(D, {
+                        U.lineString(A, {
                           val: Number(C)
                         })
                       );
-                    z.data = H.featureCollection(L);
+                    z.data = U.featureCollection(L);
                   }
                 }
                 if (z.data) {
                   const L = this.handleBboxClip(z.data, i);
-                  I = I.concat(L);
+                  D = D.concat(L);
                 }
                 o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("swell height elapsed: ", o, ", total: ", e += o);
               }
@@ -8903,39 +8938,39 @@ const vn = {
               for (const L in T)
                 if (L > f && L < k && (!(a <= this.zoom) || L % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                   const C = T[L].lng;
-                  x > _ ? C.forEach((v, D) => {
+                  x > _ ? C.forEach((v, A) => {
                     var F, V, q, Z, J, Q;
                     if (a < 2) {
                       if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                        const K = H.point([v, L], {
-                          val: ((F = T[L].val) == null ? void 0 : F[D]) || ((V = T[L].dir) == null ? void 0 : V[D]),
-                          spd: (q = T[L].spd) == null ? void 0 : q[D]
+                        const $ = U.point([v, L], {
+                          val: ((F = T[L].val) == null ? void 0 : F[A]) || ((V = T[L].dir) == null ? void 0 : V[A]),
+                          spd: (q = T[L].spd) == null ? void 0 : q[A]
                         });
-                        I.push(K);
+                        D.push($);
                       }
                     } else if ((v >= x && v <= 180 || v >= -180 && v <= _) && (!(a <= this.zoom) || v % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const K = H.point([v, L], {
-                        val: ((Z = T[L].val) == null ? void 0 : Z[D]) || ((J = T[L].dir) == null ? void 0 : J[D]),
-                        spd: (Q = T[L].spd) == null ? void 0 : Q[D]
+                      const $ = U.point([v, L], {
+                        val: ((Z = T[L].val) == null ? void 0 : Z[A]) || ((J = T[L].dir) == null ? void 0 : J[A]),
+                        spd: (Q = T[L].spd) == null ? void 0 : Q[A]
                       });
-                      I.push(K);
+                      D.push($);
                     }
-                  }) : C.forEach((v, D) => {
+                  }) : C.forEach((v, A) => {
                     var F, V, q, Z, J, Q;
                     if (x < 2) {
                       if ((v >= 0 && v <= 360 || v >= -360 && v <= 0) && v % 10 === 0) {
-                        const K = H.point([v, L], {
-                          val: ((F = T[L].val) == null ? void 0 : F[D]) || ((V = T[L].dir) == null ? void 0 : V[D]),
-                          spd: (q = T[L].spd) == null ? void 0 : q[D]
+                        const $ = U.point([v, L], {
+                          val: ((F = T[L].val) == null ? void 0 : F[A]) || ((V = T[L].dir) == null ? void 0 : V[A]),
+                          spd: (q = T[L].spd) == null ? void 0 : q[A]
                         });
-                        I.push(K);
+                        D.push($);
                       }
                     } else if (v >= x && v <= _ && (!(a <= this.zoom) || v % (a < this.zoom / 2 ? 5 : 3) === 0)) {
-                      const K = H.point([v, L], {
-                        val: ((Z = T[L].val) == null ? void 0 : Z[D]) || ((J = T[L].dir) == null ? void 0 : J[D]),
-                        spd: (Q = T[L].spd) == null ? void 0 : Q[D]
+                      const $ = U.point([v, L], {
+                        val: ((Z = T[L].val) == null ? void 0 : Z[A]) || ((J = T[L].dir) == null ? void 0 : J[A]),
+                        spd: (Q = T[L].spd) == null ? void 0 : Q[A]
                       });
-                      I.push(K);
+                      D.push($);
                     }
                   });
                 }
@@ -8945,18 +8980,18 @@ const vn = {
                 if (!z.data) {
                   const C = [];
                   for (const v in (h = z.raw) == null ? void 0 : h.Polygon) {
-                    const D = z.raw.Polygon[v];
-                    for (const F of D)
+                    const A = z.raw.Polygon[v];
+                    for (const F of A)
                       C.push(
-                        H.polygon(F, {
+                        U.polygon(F, {
                           val: Number(v)
                         })
                       );
                   }
-                  z.data = H.featureCollection(C);
+                  z.data = U.featureCollection(C);
                 }
                 const L = a < this.zoom ? z.data.features.filter((C) => C.properties.val > 0.5) : z.data.features;
-                I = I.concat(L), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
+                D = D.concat(L), o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("current speed elapsed: ", o, ", total: ", e += o);
               }
             } else if (P === "wind") {
               B = !0;
@@ -8965,45 +9000,45 @@ const vn = {
                 if (z > f && z < k && (!(a <= this.zoom) || z % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
                   const L = T[z].lng;
                   x > _ ? L.forEach((C, v) => {
-                    var D, F, V, q;
+                    var A, F, V, q;
                     if (a < 2) {
                       if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
-                        const Z = H.point([C, z], {
-                          dir: ((D = T[z].val) == null ? void 0 : D[v]) || ((F = T[z].dir) == null ? void 0 : F[v]),
+                        const Z = U.point([C, z], {
+                          dir: ((A = T[z].val) == null ? void 0 : A[v]) || ((F = T[z].dir) == null ? void 0 : F[v]),
                           spd: T[z].spd[v]
                         });
-                        I.push(Z);
+                        D.push(Z);
                       }
                     } else if ((C >= x && C <= 180 || C >= -180 && C <= _) && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const Z = H.point([C, z], {
+                      const Z = U.point([C, z], {
                         dir: ((V = T[z].val) == null ? void 0 : V[v]) || ((q = T[z].dir) == null ? void 0 : q[v]),
                         spd: T[z].spd[v]
                       });
-                      I.push(Z);
+                      D.push(Z);
                     }
                   }) : L.forEach((C, v) => {
-                    var D, F, V, q;
+                    var A, F, V, q;
                     if (a < 2) {
                       if ((C >= 0 && C <= 360 || C >= -360 && C <= 0) && C % 10 === 0) {
-                        const Z = H.point([C, z], {
-                          dir: ((D = T[z].val) == null ? void 0 : D[v]) || ((F = T[z].dir) == null ? void 0 : F[v]),
+                        const Z = U.point([C, z], {
+                          dir: ((A = T[z].val) == null ? void 0 : A[v]) || ((F = T[z].dir) == null ? void 0 : F[v]),
                           spd: T[z].spd[v]
                         });
-                        I.push(Z);
+                        D.push(Z);
                       }
                     } else if (C >= x && C <= _ && (!(a <= this.zoom) || C % (a < 2 ? 10 : a < 4 ? 5 : 3) === 0)) {
-                      const Z = H.point([C, z], {
+                      const Z = U.point([C, z], {
                         dir: ((V = T[z].val) == null ? void 0 : V[v]) || ((q = T[z].dir) == null ? void 0 : q[v]),
                         spd: T[z].spd[v]
                       });
-                      I.push(Z);
+                      D.push(Z);
                     }
                   });
                 }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("wind barb elapsed: ", o, ", total: ", e += o);
             } else if (P === "sig-wave-height") {
               if (this.weatherLayers[P].data)
-                I = this.weatherLayers[P].data;
+                D = this.weatherLayers[P].data;
               else {
                 B = !0;
                 const T = this.weatherLayers[P].raw;
@@ -9013,7 +9048,7 @@ const vn = {
                     const C = T.Polygon[L];
                     for (const v of C)
                       z.push(
-                        H.polygon(v, {
+                        U.polygon(v, {
                           val: Number(L)
                         })
                       );
@@ -9022,7 +9057,7 @@ const vn = {
                     const C = T.MultiPolygon[L];
                     for (const v of C)
                       z.push(
-                        H.multiPolygon(v, {
+                        U.multiPolygon(v, {
                           val: Number(L)
                         })
                       );
@@ -9031,18 +9066,18 @@ const vn = {
                     const C = T.Point[L];
                     for (let v = 0; v < ((b = C.lng) == null ? void 0 : b.length); v++)
                       z.push(
-                        H.point([C.lng[v], L], {
+                        U.point([C.lng[v], L], {
                           val: Number(C.val[v])
                         })
                       );
                   }
-                  I = I.concat(z);
+                  D = D.concat(z);
                 }
               }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("sig-wave-height elapsed: ", o, ", total: ", e += o);
             } else if (P === "prmsl") {
               if (this.weatherLayers[P].data)
-                I = this.weatherLayers[P].data;
+                D = this.weatherLayers[P].data;
               else {
                 B = !0;
                 const T = this.weatherLayers[P].raw;
@@ -9052,7 +9087,7 @@ const vn = {
                     const C = T.LineString[L];
                     for (const v of C)
                       z.push(
-                        H.lineString(v, {
+                        U.lineString(v, {
                           val: Number(L)
                         })
                       );
@@ -9060,18 +9095,18 @@ const vn = {
                   for (const L in T.Point)
                     T.Point[L].lng.forEach((C, v) => {
                       C = X.convertToStdLng(C), z.push(
-                        H.point([C, L], {
+                        U.point([C, L], {
                           val: T.Point[L].val[v],
                           type: T.Point[L].type[v]
                         })
                       );
                     });
-                  I = I.concat(z);
+                  D = D.concat(z);
                 }
               }
               o = (/* @__PURE__ */ new Date()).valueOf() - (t + e), console.log("prmsl elapsed: ", o, ", total: ", e += o);
             }
-            I.length && (this.weatherLayers[P].data = H.featureCollection(I)), B && (this.weatherLayers[P].version = Math.random() + 1);
+            D.length && (this.weatherLayers[P].data = U.featureCollection(D)), B && (this.weatherLayers[P].version = Math.random() + 1);
           }
         }
       }
@@ -9086,10 +9121,10 @@ const vn = {
       return t.features.forEach((r) => {
         if (r.geometry.type !== "Point")
           if (i > a) {
-            let l = [i, e._sw.lat, 180, e._ne.lat], c = H.bboxClip(r, l);
-            c.geometry.coordinates.length && o.push(c), l = [-180, e._sw.lat, a, e._ne.lat], c = H.bboxClip(r, l), c.geometry.coordinates.length && o.push(c);
+            let l = [i, e._sw.lat, 180, e._ne.lat], c = U.bboxClip(r, l);
+            c.geometry.coordinates.length && o.push(c), l = [-180, e._sw.lat, a, e._ne.lat], c = U.bboxClip(r, l), c.geometry.coordinates.length && o.push(c);
           } else {
-            const l = [i, e._sw.lat, a, e._ne.lat], c = H.bboxClip(r, l);
+            const l = [i, e._sw.lat, a, e._ne.lat], c = U.bboxClip(r, l);
             c.geometry.coordinates.length && o.push(c);
           }
         else
@@ -9106,38 +9141,41 @@ const vn = {
 }, Cn = { class: "text-caption px-2" }, Sn = { class: "d-flex flex-row justify-start align-center" }, Mn = {
   class: "d-flex flex-row justify-center align-center",
   style: { width: "40px" }
-}, In = { class: "text-caption px-2" }, Dn = { class: "header-box d-flex justify-space-between align-center pl-4 pr-4" }, An = { class: "d-flex justify-start align-center ga-3" }, Rn = { class: "text-h5 font-weight-medium" }, On = {
+}, In = { class: "text-caption px-2" }, Dn = { class: "header-box d-flex justify-space-between align-center px-4" }, An = { class: "d-flex justify-start align-center ga-3" }, Rn = { class: "text-h5 font-weight-medium" }, On = {
   key: 0,
-  class: "d-flex justify-start align-center ga-4 pl-6"
+  class: "w-100 d-flex justify-space-between align-center ga-1 mb-1 px-4"
 }, Bn = {
+  key: 0,
+  class: "d-flex justify-start align-center ga-4 pl-6"
+}, Nn = {
   key: 1,
   class: "d-flex justify-start align-center ga-4 pl-6"
-}, Nn = { class: "text-body-1 py-2" }, En = { class: "text-body-1 font-weight-medium" }, jn = { class: "text-body-2 text-label" }, Fn = { class: "text-body-2 text-label" }, Hn = { class: "text-body-2 text-label mb-3" }, Un = { class: "text-body-1 font-weight-medium" }, Wn = { class: "text-body-2 text-label" }, Gn = { class: "text-body-2 text-label" }, Vn = { class: "text-body-2 text-label mb-3" }, Zn = { class: "text-body-1 py-2" }, Yn = { class: "text-body-1 font-weight-medium" }, qn = { class: "text-body-2 text-label" }, Xn = { class: "text-body-2 text-label" }, Kn = { class: "text-body-2 text-label mb-3" }, $n = { class: "text-body-1 font-weight-medium" }, Jn = { class: "text-body-2 text-label" }, Qn = { class: "text-body-2 text-label" }, ec = { class: "text-body-2 text-label mb-3" }, tc = { class: "text-body-1 py-2" }, oc = { class: "text-body-1 font-weight-medium" }, ac = { class: "text-body-2 text-label" }, ic = { class: "text-body-2 text-label" }, rc = { class: "text-body-2 text-label mb-3" };
-function sc(t, e, o, i, a, r) {
+}, En = { class: "text-body-1 py-2" }, jn = { class: "text-body-1 font-weight-medium" }, Fn = { class: "text-body-2 text-label" }, Hn = { class: "text-body-2 text-label" }, Un = { class: "text-body-2 text-label mb-3" }, Wn = { class: "text-body-1 font-weight-medium" }, Gn = { class: "text-body-2 text-label" }, Vn = { class: "text-body-2 text-label" }, Zn = { class: "text-body-2 text-label mb-3" }, Yn = { class: "text-body-1 py-2" }, qn = { class: "text-body-1 font-weight-medium" }, Xn = { class: "text-body-2 text-label" }, Kn = { class: "text-body-2 text-label" }, $n = { class: "text-body-2 text-label mb-3" }, Jn = { class: "text-body-1 font-weight-medium" }, Qn = { class: "text-body-2 text-label" }, ec = { class: "text-body-2 text-label" }, tc = { class: "text-body-2 text-label mb-3" }, oc = { class: "text-body-1 py-2" }, ac = { class: "text-body-1 font-weight-medium" }, ic = { class: "text-body-2 text-label" }, rc = { class: "text-body-2 text-label" }, sc = { class: "text-body-2 text-label mb-3" };
+function lc(t, e, o, i, a, r) {
   var pe, ie, ce, ue, me, de, R, te, ye, xe, Le, Pe, ve, Me, Te;
-  const l = w("VBtn"), c = w("VTooltip"), n = w("VCol"), u = w("VRow"), h = w("VCardText"), b = w("VDivider"), x = w("VCard"), _ = w("VSwitch"), f = w("VCardTitle"), k = w("VCardItem"), P = w("VCheckbox"), B = w("VRadio"), I = w("VBtnToggle"), T = w("IdmWindBarb"), z = w("IdmSigWaveHeight"), L = w("IdmCurrentDirection"), C = w("IdmPrmsl"), v = w("IdmWindParticle"), D = w("IdmCurrentParticle"), F = w("IdmWave"), V = w("IdmSwell"), q = w("IdmIceEdge"), Z = w("IdmIceCover"), J = w("IdmIceThickness"), Q = w("IdmPrecip3h"), K = w("IdmVisibility"), se = w("IdmWaterTemp"), le = w("IdmTemp");
+  const l = w("VBtn"), c = w("VTooltip"), n = w("VCol"), u = w("VRow"), h = w("VCardText"), b = w("VDivider"), x = w("VCard"), _ = w("VSwitch"), f = w("VBtnToggle"), k = w("VCardTitle"), P = w("VCardItem"), B = w("VCheckbox"), D = w("VRadio"), T = w("IdmWindBarb"), z = w("IdmSigWaveHeight"), L = w("IdmCurrentDirection"), C = w("IdmPrmsl"), v = w("IdmWindParticle"), A = w("IdmCurrentParticle"), F = w("IdmWave"), V = w("IdmSwell"), q = w("IdmIceEdge"), Z = w("IdmIceCover"), J = w("IdmIceThickness"), Q = w("IdmPrecip3h"), $ = w("IdmVisibility"), se = w("IdmWaterTemp"), le = w("IdmTemp");
   return y(), M("div", _n, [
     s("div", {
       class: "menu-bar-box transition pa-1",
-      style: ee({ top: o.top + o.paddingTop + 46 + "px", right: a.right + "px" })
+      style: ee({ top: this.top + this.paddingTop + 46 + "px", right: this.right + "px" })
     }, [
       p(c, {
         text: t.$t("weather.weatherLayers"),
         location: "left"
       }, {
-        activator: g(({ props: U }) => [
-          p(l, N(U, {
+        activator: g(({ props: H }) => [
+          p(l, N(H, {
             "min-width": "32",
             width: "32",
             height: "32",
             class: ["text-none pa-0", a.toggle ? "bg-primary active-border" : ""],
             onClick: r.handleMenuToggle
           }), {
-            default: g(() => e[8] || (e[8] = [
+            default: g(() => e[9] || (e[9] = [
               s("i", { class: "iconfont icon-Weather text-h4" }, null, -1)
             ])),
             _: 2,
-            __: [8]
+            __: [9]
           }, 1040, ["class", "onClick"])
         ]),
         _: 1
@@ -9152,19 +9190,19 @@ function sc(t, e, o, i, a, r) {
           text: "Legend",
           location: "left"
         }, {
-          activator: g(({ props: U }) => [
-            p(l, N(U, {
+          activator: g(({ props: H }) => [
+            p(l, N(H, {
               "min-width": "32",
               width: "32",
               height: "32",
               class: ["text-none pa-0", a.legendToggle ? "bg-primary active-border" : ""],
               onClick: e[0] || (e[0] = (oe) => a.legendToggle = !a.legendToggle)
             }), {
-              default: g(() => e[9] || (e[9] = [
+              default: g(() => e[10] || (e[10] = [
                 s("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
               ])),
               _: 2,
-              __: [9]
+              __: [10]
             }, 1040, ["class"])
           ]),
           _: 1
@@ -9180,11 +9218,11 @@ function sc(t, e, o, i, a, r) {
         default: g(() => [
           p(h, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
             default: g(() => [
-              e[10] || (e[10] = s("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wind Level", -1)),
+              e[11] || (e[11] = s("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wind Level", -1)),
               p(u, { class: "ma-0 ml-n1 text-body-2" }, {
                 default: g(() => [
-                  (y(!0), M(we, null, _e(a.legend.barbs, (U, oe) => (y(), O(n, {
-                    key: U,
+                  (y(!0), M(we, null, _e(a.legend.barbs, (H, oe) => (y(), O(n, {
+                    key: H,
                     cols: "6",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
                   }, {
@@ -9194,7 +9232,7 @@ function sc(t, e, o, i, a, r) {
                           class: Ye(["iconfont", r.barbsIconName[oe]]),
                           style: ee({ color: o.theme === "dark" ? "#fff" : "#000" })
                         }, null, 6),
-                        s("span", Ln, m(Number(U) < 10 ? `00${U}kts` : Number(U) < 100 ? `0${U}kts` : `${U}kts`), 1)
+                        s("span", Ln, m(Number(H) < 10 ? `00${H}kts` : Number(H) < 100 ? `0${H}kts` : `${H}kts`), 1)
                       ])
                     ]),
                     _: 2
@@ -9204,18 +9242,18 @@ function sc(t, e, o, i, a, r) {
               })
             ]),
             _: 1,
-            __: [10]
+            __: [11]
           }),
           p(b, { vertical: "" }),
           p(h, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
             default: g(() => [
-              e[11] || (e[11] = s("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wave Height", -1)),
+              e[12] || (e[12] = s("div", { class: "text-body-1 font-weight-600 mb-2" }, "Wave Height", -1)),
               p(u, {
                 class: "ma-0 ml-1",
                 style: { width: "100px" }
               }, {
                 default: g(() => [
-                  (y(!0), M(we, null, _e(a.legend.sigWaveHeight, (U, oe) => (y(), O(n, {
+                  (y(!0), M(we, null, _e(a.legend.sigWaveHeight, (H, oe) => (y(), O(n, {
                     key: oe,
                     cols: "12",
                     class: "d-flex flex-row justify-start align-center py-1 px-0 ma-0"
@@ -9224,9 +9262,9 @@ function sc(t, e, o, i, a, r) {
                       s("div", Pn, [
                         oe === 0 ? (y(), M("div", Tn)) : (y(), M("div", {
                           key: 1,
-                          style: ee({ width: "24px", height: "12px", background: U.color })
+                          style: ee({ width: "24px", height: "12px", background: H.color })
                         }, null, 4)),
-                        s("div", Cn, m(U.label), 1)
+                        s("div", Cn, m(H.label), 1)
                       ])
                     ]),
                     _: 2
@@ -9236,18 +9274,18 @@ function sc(t, e, o, i, a, r) {
               })
             ]),
             _: 1,
-            __: [11]
+            __: [12]
           }),
           p(b, { vertical: "" }),
           p(h, { class: "d-flex flex-column justify-center align-start opacity-80 px-4" }, {
             default: g(() => [
-              e[12] || (e[12] = s("div", { class: "text-body-1 font-weight-600 mb-2" }, "Current", -1)),
+              e[13] || (e[13] = s("div", { class: "text-body-1 font-weight-600 mb-2" }, "Current", -1)),
               p(u, {
                 class: "ma-0 ml-n5",
                 style: { width: "110px" }
               }, {
                 default: g(() => [
-                  (y(!0), M(we, null, _e(a.legend.current, (U, oe) => (y(), O(n, {
+                  (y(!0), M(we, null, _e(a.legend.current, (H, oe) => (y(), O(n, {
                     key: oe,
                     cols: "12",
                     class: "d-flex flex-row justify-center align-center py-1 px-0 ma-0"
@@ -9257,10 +9295,10 @@ function sc(t, e, o, i, a, r) {
                         s("div", Mn, [
                           s("i", {
                             class: "iconfont icon-a-direction-arrow opacity-80",
-                            style: ee({ fontSize: 40 * U.size + "px" })
+                            style: ee({ fontSize: 40 * H.size + "px" })
                           }, null, 4)
                         ]),
-                        s("div", In, m(U.label), 1)
+                        s("div", In, m(H.label), 1)
                       ])
                     ]),
                     _: 2
@@ -9270,22 +9308,22 @@ function sc(t, e, o, i, a, r) {
               })
             ]),
             _: 1,
-            __: [12]
+            __: [13]
           })
         ]),
         _: 1
-      }, 8, ["style"])) : A("", !0)
-    ])) : A("", !0),
+      }, 8, ["style"])) : I("", !0)
+    ])) : I("", !0),
     s("div", {
       class: Ye(["available-layers transition flex-center", a.toggle ? "right-bar" : ""]),
-      style: ee({ top: o.top + "px", right: a.toggle ? "0px" : "-280px" })
+      style: ee(r.listStyle)
     }, [
       s("div", Dn, [
         s("div", An, [
           s("div", Rn, m(t.$t("weather.weather")), 1),
           p(_, {
             modelValue: a.autoActive,
-            "onUpdate:modelValue": e[1] || (e[1] = (U) => a.autoActive = U),
+            "onUpdate:modelValue": e[1] || (e[1] = (H) => a.autoActive = H),
             class: "small-switch",
             color: "primary",
             "base-color": "disabled",
@@ -9300,13 +9338,56 @@ function sc(t, e, o, i, a, r) {
           class: "mr-n2",
           onClick: r.handleMenuToggle
         }, {
-          default: g(() => e[13] || (e[13] = [
+          default: g(() => e[14] || (e[14] = [
             s("i", { class: "iconfont icon-close text-label text-h4" }, null, -1)
           ])),
           _: 1,
-          __: [13]
+          __: [14]
         }, 8, ["onClick"])
       ]),
+      o.simple ? (y(), M("div", On, [
+        s("div", null, m(t.$t("weather.forecastModel")), 1),
+        p(f, {
+          modelValue: a.currentModel,
+          "onUpdate:modelValue": e[2] || (e[2] = (H) => a.currentModel = H),
+          rounded: "",
+          height: "30",
+          density: "compact",
+          group: ""
+        }, {
+          default: g(() => [
+            p(l, {
+              density: "compact",
+              height: "30",
+              value: "GFS",
+              class: "text-none btn-bg-1",
+              color: a.currentModel === "GFS" ? "primary" : "",
+              "base-color": ""
+            }, {
+              default: g(() => e[15] || (e[15] = [
+                K("NOAA", -1)
+              ])),
+              _: 1,
+              __: [15]
+            }, 8, ["color"]),
+            p(l, {
+              density: "compact",
+              height: "30",
+              class: "text-none btn-bg-1",
+              color: a.currentModel === "ECMWF" ? "primary" : "",
+              "base-color": "",
+              value: "ECMWF"
+            }, {
+              default: g(() => e[16] || (e[16] = [
+                K("ECMWF", -1)
+              ])),
+              _: 1,
+              __: [16]
+            }, 8, ["color"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : I("", !0),
       s("div", {
         class: Ye(["list-box scroll pl-4 pr-2 overflow-y-auto", a.autoActive ? "" : "cursor-not-allowed"])
       }, [
@@ -9315,14 +9396,14 @@ function sc(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: g(() => [
-            p(k, { class: "border-b-thin" }, {
+            p(P, { class: "border-b-thin" }, {
               default: g(() => [
-                p(f, {
+                p(k, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    $(m(t.$t("weather.overlays")), 1)
+                    K(m(t.$t("weather.overlays")), 1)
                   ]),
                   _: 1
                 })
@@ -9331,12 +9412,12 @@ function sc(t, e, o, i, a, r) {
             }),
             p(h, { class: "py-2" }, {
               default: g(() => [
-                (y(!0), M(we, null, _e(a.tagLayers.filter((U) => U.overlays), (U) => (y(), O(P, {
-                  key: U.key,
+                (y(!0), M(we, null, _e(a.tagLayers.filter((H) => H.overlays), (H) => (y(), O(B, {
+                  key: H.key,
                   modelValue: a.checkList,
-                  "onUpdate:modelValue": e[2] || (e[2] = (oe) => a.checkList = oe),
-                  value: U.key,
-                  label: t.$t(`weather.${U.locale}`),
+                  "onUpdate:modelValue": e[3] || (e[3] = (oe) => a.checkList = oe),
+                  value: H.key,
+                  label: t.$t(`weather.${H.locale}`),
                   disabled: !a.autoActive,
                   color: "primary",
                   density: "compact",
@@ -9355,14 +9436,14 @@ function sc(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: g(() => [
-            p(k, { class: "border-b-thin" }, {
+            p(P, { class: "border-b-thin" }, {
               default: g(() => [
-                p(f, {
+                p(k, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    $(m(t.$t("weather.renders")), 1)
+                    K(m(t.$t("weather.renders")), 1)
                   ]),
                   _: 1
                 })
@@ -9371,27 +9452,27 @@ function sc(t, e, o, i, a, r) {
             }),
             p(h, { class: "py-2" }, {
               default: g(() => [
-                (y(!0), M(we, null, _e(a.tagLayers.filter((U) => !U.overlays), (U) => (y(), M(we, {
-                  key: U.key
+                (y(!0), M(we, null, _e(a.tagLayers.filter((H) => !H.overlays), (H) => (y(), M(we, {
+                  key: H.key
                 }, [
-                  p(B, {
+                  p(D, {
                     modelValue: a.renderKey,
-                    "onUpdate:modelValue": e[3] || (e[3] = (oe) => a.renderKey = oe),
-                    label: t.$t(`weather.${U.locale}`),
-                    value: U.key,
+                    "onUpdate:modelValue": e[4] || (e[4] = (oe) => a.renderKey = oe),
+                    label: t.$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: (oe) => a.renderKey = a.renderKey === U.key ? "" : U.key
+                    onClick: (oe) => a.renderKey = a.renderKey === H.key ? "" : H.key
                   }, null, 8, ["modelValue", "label", "value", "disabled", "onClick"]),
-                  a.renderKey === "wind-particle" && U.key === "wind-particle" ? (y(), M("div", On, [
+                  a.renderKey === "wind-particle" && H.key === "wind-particle" ? (y(), M("div", Bn, [
                     s("span", null, m(t.$t("weather.particleAnimatiom")), 1),
                     p(_, {
                       modelValue: a.showWindParticle,
-                      "onUpdate:modelValue": e[4] || (e[4] = (oe) => a.showWindParticle = oe),
+                      "onUpdate:modelValue": e[5] || (e[5] = (oe) => a.showWindParticle = oe),
                       label: "",
                       class: "small-switch",
                       color: "primary",
@@ -9401,12 +9482,12 @@ function sc(t, e, o, i, a, r) {
                       style: { "font-size": "14px" },
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
-                  ])) : A("", !0),
-                  a.renderKey === "current-particle" && U.key === "current-particle" ? (y(), M("div", Bn, [
+                  ])) : I("", !0),
+                  a.renderKey === "current-particle" && H.key === "current-particle" ? (y(), M("div", Nn, [
                     s("span", null, m(t.$t("weather.particleAnimatiom")), 1),
                     p(_, {
                       modelValue: a.showCurrentParticle,
-                      "onUpdate:modelValue": e[5] || (e[5] = (oe) => a.showCurrentParticle = oe),
+                      "onUpdate:modelValue": e[6] || (e[6] = (oe) => a.showCurrentParticle = oe),
                       label: "",
                       class: "small-switch",
                       color: "primary",
@@ -9416,11 +9497,11 @@ function sc(t, e, o, i, a, r) {
                       height: "20",
                       "hide-details": ""
                     }, null, 8, ["modelValue"])
-                  ])) : A("", !0),
-                  a.renderKey === "wave-group" && U.key === "wave-group" ? (y(), O(I, {
+                  ])) : I("", !0),
+                  a.renderKey === "wave-group" && H.key === "wave-group" ? (y(), O(f, {
                     key: 2,
                     modelValue: a.waveToggleValue,
-                    "onUpdate:modelValue": e[6] || (e[6] = (oe) => a.waveToggleValue = oe),
+                    "onUpdate:modelValue": e[7] || (e[7] = (oe) => a.waveToggleValue = oe),
                     class: "w-100 pl-7 rounded",
                     rounded: "0",
                     height: "30",
@@ -9439,7 +9520,7 @@ function sc(t, e, o, i, a, r) {
                         disabled: !a.autoActive
                       }, {
                         default: g(() => [
-                          $(m(t.$t("weather.significant")), 1)
+                          K(m(t.$t("weather.significant")), 1)
                         ]),
                         _: 1
                       }, 8, ["color", "disabled"]),
@@ -9453,17 +9534,17 @@ function sc(t, e, o, i, a, r) {
                         value: "swell"
                       }, {
                         default: g(() => [
-                          $(m(t.$t("weather.swell")), 1)
+                          K(m(t.$t("weather.swell")), 1)
                         ]),
                         _: 1
                       }, 8, ["color", "disabled"])
                     ]),
                     _: 1
-                  }, 8, ["modelValue", "disabled"])) : A("", !0),
-                  a.renderKey === "ice-forecast" && U.key === "ice-forecast" ? (y(), O(I, {
+                  }, 8, ["modelValue", "disabled"])) : I("", !0),
+                  a.renderKey === "ice-forecast" && H.key === "ice-forecast" ? (y(), O(f, {
                     key: 3,
                     modelValue: a.iceToggleValue,
-                    "onUpdate:modelValue": e[7] || (e[7] = (oe) => a.iceToggleValue = oe),
+                    "onUpdate:modelValue": e[8] || (e[8] = (oe) => a.iceToggleValue = oe),
                     class: "w-100 pl-7 rounded",
                     rounded: "0",
                     height: "30",
@@ -9482,7 +9563,7 @@ function sc(t, e, o, i, a, r) {
                         disabled: !a.autoActive
                       }, {
                         default: g(() => [
-                          $(m(t.$t("weather.coverage")), 1)
+                          K(m(t.$t("weather.coverage")), 1)
                         ]),
                         _: 1
                       }, 8, ["color", "disabled"]),
@@ -9496,13 +9577,13 @@ function sc(t, e, o, i, a, r) {
                         value: "ice-thickness"
                       }, {
                         default: g(() => [
-                          $(m(t.$t("weather.thickness")), 1)
+                          K(m(t.$t("weather.thickness")), 1)
                         ]),
                         _: 1
                       }, 8, ["color", "disabled"])
                     ]),
                     _: 1
-                  }, 8, ["modelValue", "disabled"])) : A("", !0)
+                  }, 8, ["modelValue", "disabled"])) : I("", !0)
                 ], 64))), 128))
               ]),
               _: 1
@@ -9515,14 +9596,14 @@ function sc(t, e, o, i, a, r) {
           elevation: "0"
         }, {
           default: g(() => [
-            p(k, { class: "border-b-thin" }, {
+            p(P, { class: "border-b-thin" }, {
               default: g(() => [
-                p(f, {
+                p(k, {
                   class: "text-subtitle-1 font-weight-medium",
                   style: { "font-size": "16px !important" }
                 }, {
                   default: g(() => [
-                    $(m(t.$t("weather.forecastModel")), 1)
+                    K(m(t.$t("weather.forecastModel")), 1)
                   ]),
                   _: 1
                 })
@@ -9531,33 +9612,33 @@ function sc(t, e, o, i, a, r) {
             }),
             p(h, { class: "" }, {
               default: g(() => {
-                var U, oe, Fe, Ae, ge, Ie, W, fe, ae, re, Be, He, Ue, E, be, Re, Ne, Ee, j, We, G, qe, Xe, Ke, ze, $e, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, St, Mt, It, Dt, At, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, Yt, qt, Xt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo;
+                var H, oe, Fe, Ae, ge, Ie, W, fe, ae, re, Be, He, Ue, E, be, Re, Ne, Ee, j, We, G, qe, Xe, Ke, ze, $e, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, St, Mt, It, Dt, At, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, Yt, qt, Xt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo;
                 return [
-                  s("div", Nn, m(t.$t("weather.atmospheric")), 1),
-                  s("div", En, m((Fe = (oe = (U = a.models) == null ? void 0 : U.weather) == null ? void 0 : oe.NOAA) == null ? void 0 : Fe.source) + " " + m((Ie = (ge = (Ae = a.models) == null ? void 0 : Ae.weather) == null ? void 0 : ge.NOAA) == null ? void 0 : Ie.spatialResolution) + m(t.$t("units.km")) + " " + m((re = (ae = (fe = (W = a.models) == null ? void 0 : W.weather) == null ? void 0 : fe.NOAA) == null ? void 0 : ae.meta) == null ? void 0 : re.days) + m(t.$t("units.days")), 1),
-                  s("div", jn, m(t.$t("weather.source")) + ": NOAA", 1),
-                  s("div", Fn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((E = (Ue = (He = (Be = a.models) == null ? void 0 : Be.weather) == null ? void 0 : He.NOAA) == null ? void 0 : Ue.meta) == null ? void 0 : E.availabilityTime)), 1),
-                  s("div", Hn, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((Ee = (Ne = (Re = (be = a.models) == null ? void 0 : be.weather) == null ? void 0 : Re.NOAA) == null ? void 0 : Ne.meta) == null ? void 0 : Ee.initialisationTime)), 1),
-                  s("div", Un, m((G = (We = (j = a.models) == null ? void 0 : j.weather) == null ? void 0 : We.ECMWF) == null ? void 0 : G.source) + " " + m((Ke = (Xe = (qe = a.models) == null ? void 0 : qe.weather) == null ? void 0 : Xe.ECMWF) == null ? void 0 : Ke.spatialResolution) + m(t.$t("units.km")) + " " + m((Qe = (Je = ($e = (ze = a.models) == null ? void 0 : ze.weather) == null ? void 0 : $e.ECMWF) == null ? void 0 : Je.meta) == null ? void 0 : Qe.days) + m(t.$t("units.days")), 1),
-                  s("div", Wn, m(t.$t("weather.source")) + ": ECMWF", 1),
-                  s("div", Gn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((at = (ot = (tt = (et = a.models) == null ? void 0 : et.weather) == null ? void 0 : tt.ECMWF) == null ? void 0 : ot.meta) == null ? void 0 : at.availabilityTime)), 1),
-                  s("div", Vn, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((lt = (st = (rt = (it = a.models) == null ? void 0 : it.weather) == null ? void 0 : rt.ECMWF) == null ? void 0 : st.meta) == null ? void 0 : lt.initialisationTime)), 1),
+                  s("div", En, m(t.$t("weather.atmospheric")), 1),
+                  s("div", jn, m((Fe = (oe = (H = a.models) == null ? void 0 : H.weather) == null ? void 0 : oe.NOAA) == null ? void 0 : Fe.source) + " " + m((Ie = (ge = (Ae = a.models) == null ? void 0 : Ae.weather) == null ? void 0 : ge.NOAA) == null ? void 0 : Ie.spatialResolution) + m(t.$t("units.km")) + " " + m((re = (ae = (fe = (W = a.models) == null ? void 0 : W.weather) == null ? void 0 : fe.NOAA) == null ? void 0 : ae.meta) == null ? void 0 : re.days) + m(t.$t("units.days")), 1),
+                  s("div", Fn, m(t.$t("weather.source")) + ": NOAA", 1),
+                  s("div", Hn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((E = (Ue = (He = (Be = a.models) == null ? void 0 : Be.weather) == null ? void 0 : He.NOAA) == null ? void 0 : Ue.meta) == null ? void 0 : E.availabilityTime)), 1),
+                  s("div", Un, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((Ee = (Ne = (Re = (be = a.models) == null ? void 0 : be.weather) == null ? void 0 : Re.NOAA) == null ? void 0 : Ne.meta) == null ? void 0 : Ee.initialisationTime)), 1),
+                  s("div", Wn, m((G = (We = (j = a.models) == null ? void 0 : j.weather) == null ? void 0 : We.ECMWF) == null ? void 0 : G.source) + " " + m((Ke = (Xe = (qe = a.models) == null ? void 0 : qe.weather) == null ? void 0 : Xe.ECMWF) == null ? void 0 : Ke.spatialResolution) + m(t.$t("units.km")) + " " + m((Qe = (Je = ($e = (ze = a.models) == null ? void 0 : ze.weather) == null ? void 0 : $e.ECMWF) == null ? void 0 : Je.meta) == null ? void 0 : Qe.days) + m(t.$t("units.days")), 1),
+                  s("div", Gn, m(t.$t("weather.source")) + ": ECMWF", 1),
+                  s("div", Vn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((at = (ot = (tt = (et = a.models) == null ? void 0 : et.weather) == null ? void 0 : tt.ECMWF) == null ? void 0 : ot.meta) == null ? void 0 : at.availabilityTime)), 1),
+                  s("div", Zn, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((lt = (st = (rt = (it = a.models) == null ? void 0 : it.weather) == null ? void 0 : rt.ECMWF) == null ? void 0 : st.meta) == null ? void 0 : lt.initialisationTime)), 1),
                   p(b),
-                  s("div", Zn, m(t.$t("weather.wave")), 1),
-                  s("div", Yn, m((dt = (mt = (ct = (nt = a.models) == null ? void 0 : nt.marine) == null ? void 0 : ct.wave) == null ? void 0 : mt.NOAA) == null ? void 0 : dt.source) + " " + m((gt = (ut = (pt = (ht = a.models) == null ? void 0 : ht.marine) == null ? void 0 : pt.wave) == null ? void 0 : ut.NOAA) == null ? void 0 : gt.spatialResolution) + m(t.$t("units.km")) + " " + m((xt = (wt = (bt = (yt = (ft = a.models) == null ? void 0 : ft.marine) == null ? void 0 : yt.wave) == null ? void 0 : bt.NOAA) == null ? void 0 : wt.meta) == null ? void 0 : xt.days) + m(t.$t("units.days")), 1),
-                  s("div", qn, m(t.$t("weather.source")) + ": NOAA", 1),
-                  s("div", Xn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((Lt = (zt = (kt = (_t = (vt = a.models) == null ? void 0 : vt.marine) == null ? void 0 : _t.wave) == null ? void 0 : kt.NOAA) == null ? void 0 : zt.meta) == null ? void 0 : Lt.availabilityTime)), 1),
-                  s("div", Kn, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((Mt = (St = (Ct = (Tt = (Pt = a.models) == null ? void 0 : Pt.marine) == null ? void 0 : Tt.wave) == null ? void 0 : Ct.NOAA) == null ? void 0 : St.meta) == null ? void 0 : Mt.initialisationTime)), 1),
-                  s("div", $n, m((Rt = (At = (Dt = (It = a.models) == null ? void 0 : It.marine) == null ? void 0 : Dt.wave) == null ? void 0 : At.ECMWF) == null ? void 0 : Rt.source) + " " + m((Et = (Nt = (Bt = (Ot = a.models) == null ? void 0 : Ot.marine) == null ? void 0 : Bt.wave) == null ? void 0 : Nt.ECMWF) == null ? void 0 : Et.spatialResolution) + m(t.$t("units.km")) + " " + m((Wt = (Ut = (Ht = (Ft = (jt = a.models) == null ? void 0 : jt.marine) == null ? void 0 : Ft.wave) == null ? void 0 : Ht.ECMWF) == null ? void 0 : Ut.meta) == null ? void 0 : Wt.days) + m(t.$t("units.days")), 1),
-                  s("div", Jn, m(t.$t("weather.source")) + ": ECMWF", 1),
-                  s("div", Qn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((qt = (Yt = (Zt = (Vt = (Gt = a.models) == null ? void 0 : Gt.marine) == null ? void 0 : Vt.wave) == null ? void 0 : Zt.ECMWF) == null ? void 0 : Yt.meta) == null ? void 0 : qt.availabilityTime)), 1),
-                  s("div", ec, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((eo = (Qt = (Jt = (Kt = (Xt = a.models) == null ? void 0 : Xt.marine) == null ? void 0 : Kt.wave) == null ? void 0 : Jt.ECMWF) == null ? void 0 : Qt.meta) == null ? void 0 : eo.initialisationTime)), 1),
+                  s("div", Yn, m(t.$t("weather.wave")), 1),
+                  s("div", qn, m((dt = (mt = (ct = (nt = a.models) == null ? void 0 : nt.marine) == null ? void 0 : ct.wave) == null ? void 0 : mt.NOAA) == null ? void 0 : dt.source) + " " + m((gt = (ut = (pt = (ht = a.models) == null ? void 0 : ht.marine) == null ? void 0 : pt.wave) == null ? void 0 : ut.NOAA) == null ? void 0 : gt.spatialResolution) + m(t.$t("units.km")) + " " + m((xt = (wt = (bt = (yt = (ft = a.models) == null ? void 0 : ft.marine) == null ? void 0 : yt.wave) == null ? void 0 : bt.NOAA) == null ? void 0 : wt.meta) == null ? void 0 : xt.days) + m(t.$t("units.days")), 1),
+                  s("div", Xn, m(t.$t("weather.source")) + ": NOAA", 1),
+                  s("div", Kn, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((Lt = (zt = (kt = (_t = (vt = a.models) == null ? void 0 : vt.marine) == null ? void 0 : _t.wave) == null ? void 0 : kt.NOAA) == null ? void 0 : zt.meta) == null ? void 0 : Lt.availabilityTime)), 1),
+                  s("div", $n, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((Mt = (St = (Ct = (Tt = (Pt = a.models) == null ? void 0 : Pt.marine) == null ? void 0 : Tt.wave) == null ? void 0 : Ct.NOAA) == null ? void 0 : St.meta) == null ? void 0 : Mt.initialisationTime)), 1),
+                  s("div", Jn, m((Rt = (At = (Dt = (It = a.models) == null ? void 0 : It.marine) == null ? void 0 : Dt.wave) == null ? void 0 : At.ECMWF) == null ? void 0 : Rt.source) + " " + m((Et = (Nt = (Bt = (Ot = a.models) == null ? void 0 : Ot.marine) == null ? void 0 : Bt.wave) == null ? void 0 : Nt.ECMWF) == null ? void 0 : Et.spatialResolution) + m(t.$t("units.km")) + " " + m((Wt = (Ut = (Ht = (Ft = (jt = a.models) == null ? void 0 : jt.marine) == null ? void 0 : Ft.wave) == null ? void 0 : Ht.ECMWF) == null ? void 0 : Ut.meta) == null ? void 0 : Wt.days) + m(t.$t("units.days")), 1),
+                  s("div", Qn, m(t.$t("weather.source")) + ": ECMWF", 1),
+                  s("div", ec, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((qt = (Yt = (Zt = (Vt = (Gt = a.models) == null ? void 0 : Gt.marine) == null ? void 0 : Vt.wave) == null ? void 0 : Zt.ECMWF) == null ? void 0 : Yt.meta) == null ? void 0 : qt.availabilityTime)), 1),
+                  s("div", tc, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((eo = (Qt = (Jt = (Kt = (Xt = a.models) == null ? void 0 : Xt.marine) == null ? void 0 : Kt.wave) == null ? void 0 : Jt.ECMWF) == null ? void 0 : Qt.meta) == null ? void 0 : eo.initialisationTime)), 1),
                   p(b),
-                  s("div", tc, m(t.$t("weather.currents")), 1),
-                  s("div", oc, m((io = (ao = (oo = (to = a.models) == null ? void 0 : to.marine) == null ? void 0 : oo.current) == null ? void 0 : ao.ECMWF) == null ? void 0 : io.source) + " " + m((no = (lo = (so = (ro = a.models) == null ? void 0 : ro.marine) == null ? void 0 : so.current) == null ? void 0 : lo.ECMWF) == null ? void 0 : no.spatialResolution) + m(t.$t("units.km")) + " " + m((uo = (po = (ho = (mo = (co = a.models) == null ? void 0 : co.marine) == null ? void 0 : mo.current) == null ? void 0 : ho.ECMWF) == null ? void 0 : po.meta) == null ? void 0 : uo.days) + m(t.$t("units.days")), 1),
-                  s("div", ac, m(t.$t("weather.source")) + ": ECMWF", 1),
-                  s("div", ic, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((wo = (bo = (yo = (fo = (go = a.models) == null ? void 0 : go.marine) == null ? void 0 : fo.current) == null ? void 0 : yo.ECMWF) == null ? void 0 : bo.meta) == null ? void 0 : wo.availabilityTime)), 1),
-                  s("div", rc, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((zo = (ko = (_o = (vo = (xo = a.models) == null ? void 0 : xo.marine) == null ? void 0 : vo.current) == null ? void 0 : _o.ECMWF) == null ? void 0 : ko.meta) == null ? void 0 : zo.initialisationTime)), 1)
+                  s("div", oc, m(t.$t("weather.currents")), 1),
+                  s("div", ac, m((io = (ao = (oo = (to = a.models) == null ? void 0 : to.marine) == null ? void 0 : oo.current) == null ? void 0 : ao.ECMWF) == null ? void 0 : io.source) + " " + m((no = (lo = (so = (ro = a.models) == null ? void 0 : ro.marine) == null ? void 0 : so.current) == null ? void 0 : lo.ECMWF) == null ? void 0 : no.spatialResolution) + m(t.$t("units.km")) + " " + m((uo = (po = (ho = (mo = (co = a.models) == null ? void 0 : co.marine) == null ? void 0 : mo.current) == null ? void 0 : ho.ECMWF) == null ? void 0 : po.meta) == null ? void 0 : uo.days) + m(t.$t("units.days")), 1),
+                  s("div", ic, m(t.$t("weather.source")) + ": ECMWF", 1),
+                  s("div", rc, m(t.$t("weather.lastUpdate")) + ": " + m(r.computeDateUpdate((wo = (bo = (yo = (fo = (go = a.models) == null ? void 0 : go.marine) == null ? void 0 : fo.current) == null ? void 0 : yo.ECMWF) == null ? void 0 : bo.meta) == null ? void 0 : wo.availabilityTime)), 1),
+                  s("div", sc, m(t.$t("weather.referenceTime")) + ": " + m(r.computeDateZ((zo = (ko = (_o = (vo = (xo = a.models) == null ? void 0 : xo.marine) == null ? void 0 : vo.current) == null ? void 0 : _o.ECMWF) == null ? void 0 : ko.meta) == null ? void 0 : zo.initialisationTime)), 1)
                 ];
               }),
               _: 1
@@ -9575,7 +9656,7 @@ function sc(t, e, o, i, a, r) {
       "before-layer": "empty-layer-3",
       wind: (pe = a.weatherLayers) == null ? void 0 : pe.wind,
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "map-feather", "wind", "menu-toggle"])) : I("", !0),
     o.map ? (y(), O(z, N({
       key: 2,
       map: o.map,
@@ -9583,7 +9664,7 @@ function sc(t, e, o, i, a, r) {
       "sig-wave-height": (ie = a.weatherLayers) == null ? void 0 : ie["sig-wave-height"],
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
-    }, t.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "sig-wave-height", "menu-toggle", "active-weather-layers"])) : I("", !0),
     o.map ? (y(), O(L, N({
       key: 3,
       map: o.map,
@@ -9591,7 +9672,7 @@ function sc(t, e, o, i, a, r) {
       "before-layer": "empty-layer-2",
       current: (ce = a.weatherLayers) == null ? void 0 : ce.current,
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["map", "map-feather", "current", "menu-toggle"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "map-feather", "current", "menu-toggle"])) : I("", !0),
     o.map ? (y(), O(C, N({
       key: 4,
       map: o.map,
@@ -9599,25 +9680,25 @@ function sc(t, e, o, i, a, r) {
       prmsl: (ue = a.weatherLayers) == null ? void 0 : ue.prmsl,
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
-    }, t.$attrs, { theme: o.theme }), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers", "theme"])) : A("", !0),
+    }, t.$attrs, { theme: o.theme }), null, 16, ["map", "prmsl", "menu-toggle", "active-weather-layers", "theme"])) : I("", !0),
     o.map ? (y(), O(v, N({
       key: 5,
       viewport: a.viewport,
       factor: (me = a.weatherLayers) == null ? void 0 : me["wind-particle"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
-    o.map ? (y(), O(D, N({
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : I("", !0),
+    o.map ? (y(), O(A, N({
       key: 6,
       viewport: a.viewport,
       factor: (de = a.weatherLayers) == null ? void 0 : de["current-particle"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : I("", !0),
     o.map ? (y(), O(F, N({
       key: 7,
       viewport: a.viewport,
       factor: (R = a.weatherLayers) == null ? void 0 : R["sig-wave"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : I("", !0),
     o.map ? (y(), O(V, N({
       key: 8,
       map: o.map,
@@ -9625,52 +9706,52 @@ function sc(t, e, o, i, a, r) {
       factor: (te = a.weatherLayers) == null ? void 0 : te.swell,
       "menu-toggle": o.menuToggle,
       "active-weather-layers": a.activeWeatherLayers
-    }, t.$attrs), null, 16, ["map", "viewport", "factor", "menu-toggle", "active-weather-layers"])) : A("", !0),
+    }, t.$attrs), null, 16, ["map", "viewport", "factor", "menu-toggle", "active-weather-layers"])) : I("", !0),
     o.map ? (y(), O(q, N({
       key: 9,
       viewport: a.viewport,
       factor: (ye = a.weatherLayers) == null ? void 0 : ye["ice-edge"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : I("", !0),
     o.map ? (y(), O(Z, N({
       key: 10,
       viewport: a.viewport,
       factor: (xe = a.weatherLayers) == null ? void 0 : xe["ice-cover"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : I("", !0),
     o.map ? (y(), O(J, N({
       key: 11,
       viewport: a.viewport,
       factor: (Le = a.weatherLayers) == null ? void 0 : Le["ice-thickness"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : I("", !0),
     o.map ? (y(), O(Q, N({
       key: 12,
       viewport: a.viewport,
       factor: (Pe = a.weatherLayers) == null ? void 0 : Pe.precip3h,
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
-    o.map ? (y(), O(K, N({
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : I("", !0),
+    o.map ? (y(), O($, N({
       key: 13,
       viewport: a.viewport,
       factor: (ve = a.weatherLayers) == null ? void 0 : ve.visibility,
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : I("", !0),
     o.map ? (y(), O(se, N({
       key: 14,
       viewport: a.viewport,
       factor: (Me = a.weatherLayers) == null ? void 0 : Me["water-temp"],
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0),
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : I("", !0),
     o.map ? (y(), O(le, N({
       key: 15,
       viewport: a.viewport,
       factor: (Te = a.weatherLayers) == null ? void 0 : Te.temp,
       "menu-toggle": o.menuToggle
-    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : A("", !0)
+    }, t.$attrs), null, 16, ["viewport", "factor", "menu-toggle"])) : I("", !0)
   ]);
 }
-const lc = /* @__PURE__ */ Y(vn, [["render", sc]]), Lo = [
+const nc = /* @__PURE__ */ Y(vn, [["render", lc]]), Lo = [
   {
     rank: 0,
     name: "Best Match",
@@ -10017,7 +10098,7 @@ class Ya {
     }), a;
   }
   static pickHourly(e, o) {
-    var i, a, r, l, c, n, u, h, b, x, _, f, k, P, B, I, T, z, L, C, v, D, F, V, q, Z, J, Q, K, se, le, pe, ie, ce, ue, me, de, R, te, ye, xe, Le, Pe, ve, Me, Te, U, oe, Fe, Ae, ge, Ie;
+    var i, a, r, l, c, n, u, h, b, x, _, f, k, P, B, D, T, z, L, C, v, A, F, V, q, Z, J, Q, $, se, le, pe, ie, ce, ue, me, de, R, te, ye, xe, Le, Pe, ve, Me, Te, H, oe, Fe, Ae, ge, Ie;
     const W = typeof o == "string" ? S(o) : o, fe = e == null ? void 0 : e.weather, ae = e == null ? void 0 : e.marine, re = S((a = (i = fe == null ? void 0 : fe[0]) == null ? void 0 : i.hourly) == null ? void 0 : a.date).utc(), Be = re.clone().add((c = (l = (r = fe == null ? void 0 : fe[0]) == null ? void 0 : r.hourly) == null ? void 0 : l.time) == null ? void 0 : c.at(0), "h"), He = re.clone().add((h = (u = (n = fe == null ? void 0 : fe[0]) == null ? void 0 : n.hourly) == null ? void 0 : u.time) == null ? void 0 : h.at(-1), "h"), Ue = [];
     if (W.isBetween(Be, He, "millisecond", "[]")) {
       const E = W.utc().diff(Be, "h", !1);
@@ -10038,7 +10119,7 @@ class Ya {
             rh: (P = G == null ? void 0 : G.relative_humidity_2m) == null ? void 0 : P.at(E),
             dp: (B = G == null ? void 0 : G.dew_point_2m) == null ? void 0 : B.at(E),
             precip: {
-              probability: (I = G == null ? void 0 : G.precipitation_probability) == null ? void 0 : I.at(E),
+              probability: (D = G == null ? void 0 : G.precipitation_probability) == null ? void 0 : D.at(E),
               sum: (T = G == null ? void 0 : G.precipitation) == null ? void 0 : T.at(E),
               sum1Hours: (z = G == null ? void 0 : G.precipitation) == null ? void 0 : z.at(E),
               sum3Hours: Math.round(Ne * 100) / 100,
@@ -10048,7 +10129,7 @@ class Ya {
             pmsl: (L = G == null ? void 0 : G.pressure_msl) == null ? void 0 : L.at(E),
             psurf: (C = G == null ? void 0 : G.surface_pressure) == null ? void 0 : C.at(E),
             code: (v = G == null ? void 0 : G.weather_code) == null ? void 0 : v.at(E),
-            visibility: this.m2nm((D = G == null ? void 0 : G.visibility) == null ? void 0 : D.at(E)),
+            visibility: this.m2nm((A = G == null ? void 0 : G.visibility) == null ? void 0 : A.at(E)),
             wind: {
               speed: (F = G == null ? void 0 : G.wind_speed_10m) == null ? void 0 : F.at(E),
               kts: (V = G == null ? void 0 : G.wind_speed_10m) == null ? void 0 : V.at(E),
@@ -10056,7 +10137,7 @@ class Ya {
               bearing: ((Z = G == null ? void 0 : G.wind_direction_10m) == null ? void 0 : Z.at(E)) !== null ? (((J = G == null ? void 0 : G.wind_direction_10m) == null ? void 0 : J.at(E)) + 180) % 360 : null,
               gusts: (Q = G == null ? void 0 : G.wind_gusts_10m) == null ? void 0 : Q.at(E)
             },
-            isDay: (K = G == null ? void 0 : G.is_day) == null ? void 0 : K.at(E)
+            isDay: ($ = G == null ? void 0 : G.is_day) == null ? void 0 : $.at(E)
           };
           const { name: qe, url: Xe, bg: Ke } = this.parseWeatherCode(be.code, be.isDay);
           be.name = qe, be.url = Xe, be.bg = Ke, be.wind.scale = this.beaufort(this.kts2ms(be.wind.kts)), be.wind.direction = this.degree2Direction(be.wind.degree), Ue.push({
@@ -10094,7 +10175,7 @@ class Ya {
               }
             },
             current: {
-              speed: (U = j == null ? void 0 : j.ocean_current_velocity) == null ? void 0 : U.at(E),
+              speed: (H = j == null ? void 0 : j.ocean_current_velocity) == null ? void 0 : H.at(E),
               kts: (oe = j == null ? void 0 : j.ocean_current_velocity) == null ? void 0 : oe.at(E),
               degree: (Fe = j == null ? void 0 : j.ocean_current_direction) == null ? void 0 : Fe.at(E),
               bearing: ((Ae = j == null ? void 0 : j.ocean_current_direction) == null ? void 0 : Ae.at(E)) ?? null
@@ -10130,8 +10211,8 @@ class Ya {
     };
   }
   static pickDaily(e, o) {
-    var i, a, r, l, c, n, u, h, b, x, _, f, k, P, B, I, T, z, L, C, v, D, F, V, q, Z, J, Q, K, se, le, pe, ie, ce, ue, me, de, R, te, ye, xe, Le, Pe, ve;
-    const Me = typeof o == "string" ? S(o) : o, Te = e == null ? void 0 : e.weather, U = e == null ? void 0 : e.marine, oe = S((r = (a = (i = Te == null ? void 0 : Te[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), Fe = S((n = (c = (l = Te == null ? void 0 : Te[0]) == null ? void 0 : l.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Ae = [];
+    var i, a, r, l, c, n, u, h, b, x, _, f, k, P, B, D, T, z, L, C, v, A, F, V, q, Z, J, Q, $, se, le, pe, ie, ce, ue, me, de, R, te, ye, xe, Le, Pe, ve;
+    const Me = typeof o == "string" ? S(o) : o, Te = e == null ? void 0 : e.weather, H = e == null ? void 0 : e.marine, oe = S((r = (a = (i = Te == null ? void 0 : Te[0]) == null ? void 0 : i.daily) == null ? void 0 : a.time) == null ? void 0 : r.at(0)), Fe = S((n = (c = (l = Te == null ? void 0 : Te[0]) == null ? void 0 : l.daily) == null ? void 0 : c.time) == null ? void 0 : n.at(-1)), Ae = [];
     if (Me.isBetween(oe, Fe, "millisecond", "[]")) {
       let ge, Ie;
       const W = Me.diff(oe, "d", !1);
@@ -10153,7 +10234,7 @@ class Ya {
               sum: (k = ae.precipitation_sum) == null ? void 0 : k.at(W),
               rainSum: (P = ae.rain_sum) == null ? void 0 : P.at(W),
               snowfallSum: (B = ae.snowfall_sum) == null ? void 0 : B.at(W),
-              showersSum: (I = ae.showers_sum) == null ? void 0 : I.at(W),
+              showersSum: (D = ae.showers_sum) == null ? void 0 : D.at(W),
               hours: (T = ae.precipitation_hours) == null ? void 0 : T.at(W),
               probability: (z = ae.precipitation_probability_max) == null ? void 0 : z.at(W)
             },
@@ -10163,7 +10244,7 @@ class Ya {
               mean: (v = ae.relative_humidity_2m_mean) == null ? void 0 : v.at(W)
             },
             wind: {
-              speed: (D = ae.wind_speed_10m_max) == null ? void 0 : D.at(W),
+              speed: (A = ae.wind_speed_10m_max) == null ? void 0 : A.at(W),
               kts: (F = ae.wind_speed_10m_max) == null ? void 0 : F.at(W),
               degree: (V = ae.wind_direction_10m_dominant) == null ? void 0 : V.at(W),
               gusts: (q = ae.wind_gusts_10m_max) == null ? void 0 : q.at(W),
@@ -10177,15 +10258,15 @@ class Ya {
             weather: { ...ge }
           });
         }
-      if (U) {
+      if (H) {
         let fe = 0;
-        for (const ae of U) {
+        for (const ae of H) {
           const re = ae.daily;
           Ie = {
             wave: {
               sig: {
                 height: (Q = re.wave_height_max) == null ? void 0 : Q.at(W),
-                degree: (K = re.wave_direction_dominant) == null ? void 0 : K.at(W),
+                degree: ($ = re.wave_direction_dominant) == null ? void 0 : $.at(W),
                 period: (se = re.wave_period_max) == null ? void 0 : se.at(W),
                 bearing: ((le = re.wave_direction_dominant) == null ? void 0 : le.at(W)) !== null ? (((pe = re.wave_direction_dominant) == null ? void 0 : pe.at(W)) + 180) % 360 : null
               },
@@ -10610,9 +10691,13 @@ class Ya {
     return isNaN(e) || e <= 0.1 ? o = "Calm" : e <= 0.5 ? o = "Smooth" : e <= 1.25 ? o = "Slight" : e <= 2.5 ? o = "Moderate" : e <= 4 ? o = "Rough" : e <= 6 ? o = "VeryRough" : e <= 9 ? o = "High" : e <= 14 ? o = "VeryHigh" : o = "Precipitous", o;
   }
 }
-const nc = {
+const cc = {
   name: "IdmTropicals",
   props: {
+    simple: {
+      type: Boolean,
+      default: !1
+    },
     permission: {
       type: Number
     },
@@ -10689,7 +10774,7 @@ const nc = {
       showTropicalsInfo: !1,
       activeTropicals: void 0,
       activeTropicalsMarker: void 0,
-      empty: H.featureCollection([]),
+      empty: U.featureCollection([]),
       showLegend: !1,
       showHoverPoint: !1,
       hoverPoint: void 0,
@@ -10758,7 +10843,7 @@ const nc = {
       handler() {
         this.$nextTick(() => {
           var t;
-          this.right = (((t = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : t.clientWidth) || 0) + 10;
+          this.simple || (this.right = (((t = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : t.clientWidth) || 0) + 10);
         });
       },
       immediate: !0
@@ -10841,35 +10926,35 @@ const nc = {
     handleRefresh() {
       var e, o;
       (((o = (e = this.tropicals) == null ? void 0 : e.data) == null ? void 0 : o.features) || []).forEach((i) => {
-        var a, r, l, c, n, u, h, b, x, _, f, k, P, B, I, T, z, L, C, v;
+        var a, r, l, c, n, u, h, b, x, _, f, k, P, B, D, T, z, L, C, v;
         if (((a = i.geometry) == null ? void 0 : a.type) === "Point") {
-          let D = "";
+          let A = "";
           switch (!0) {
             case (((r = i.properties.wind) == null ? void 0 : r.kts) < 32 || ((l = i.properties) == null ? void 0 : l.kts) < 32):
-              D = "TD";
+              A = "TD";
               break;
             case (((c = i.properties.wind) == null ? void 0 : c.kts) < 47 || ((n = i.properties) == null ? void 0 : n.kts) < 47):
-              D = "TS";
+              A = "TS";
               break;
             case (((u = i.properties.wind) == null ? void 0 : u.kts) < 63 || ((h = i.properties) == null ? void 0 : h.kts) < 63):
-              D = "STS";
+              A = "STS";
               break;
             case (((b = i.properties.wind) == null ? void 0 : b.kts) < 79 || ((x = i.properties) == null ? void 0 : x.kts) < 79):
-              D = "TY";
+              A = "TY";
               break;
             case (((_ = i.properties.wind) == null ? void 0 : _.kts) < 94 || ((f = i.properties) == null ? void 0 : f.kts) < 94):
-              D = "STY";
+              A = "STY";
               break;
             case (((k = i.properties.wind) == null ? void 0 : k.kts) >= 94 || ((P = i.properties) == null ? void 0 : P.kts) >= 94):
-              D = "Super TY";
+              A = "Super TY";
               break;
             default:
-              D = "Super TY";
+              A = "Super TY";
               break;
           }
-          i.properties.level = D;
+          i.properties.level = A;
         }
-        ((B = i.geometry) == null ? void 0 : B.type) === "Point" && ((I = i.properties) != null && I.important) && (i.properties.format = (z = (T = S(i.properties.date)) == null ? void 0 : T.utcOffset(this.timeZone)) == null ? void 0 : z.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`)), ((L = i.geometry) == null ? void 0 : L.type) === "Point" && (i.properties.Name = ((v = (C = i.properties.name) == null ? void 0 : C.trim()) == null ? void 0 : v.replace(/^./, (D) => D.toUpperCase())) || i.properties.nameCn, i.properties.nameCn = i.properties.nameCn || i.properties.Name || "-");
+        ((B = i.geometry) == null ? void 0 : B.type) === "Point" && ((D = i.properties) != null && D.important) && (i.properties.format = (z = (T = S(i.properties.date)) == null ? void 0 : T.utcOffset(this.timeZone)) == null ? void 0 : z.format(`MMM-DD/HHmm [(utc${this.computeTimezone})]`)), ((L = i.geometry) == null ? void 0 : L.type) === "Point" && (i.properties.Name = ((v = (C = i.properties.name) == null ? void 0 : C.trim()) == null ? void 0 : v.replace(/^./, (A) => A.toUpperCase())) || i.properties.nameCn, i.properties.nameCn = i.properties.nameCn || i.properties.Name || "-");
       }), this.handleInit();
     },
     handleInit() {
@@ -11088,9 +11173,9 @@ const nc = {
       this.map && (this.map.getLayer(this.historyLayer) && this.map.removeLayer(this.historyLayer), this.map.getLayer(this.forecastLayer) && this.map.removeLayer(this.forecastLayer), this.map.getLayer(this.forecastModelLayer) && this.map.removeLayer(this.forecastModelLayer), this.map.getLayer(this.forecastNameLayer) && this.map.removeLayer(this.forecastNameLayer), this.map.getLayer(this.pointCircleLayer) && this.map.removeLayer(this.pointCircleLayer), this.map.getLayer(this.pointCircleLayer + "-border") && this.map.removeLayer(this.pointCircleLayer + "-border"), this.map.getLayer(this.pointLabelLayer) && this.map.removeLayer(this.pointLabelLayer), this.map.getLayer(this.historyPointCircleLayer) && this.map.removeLayer(this.historyPointCircleLayer), this.map.getLayer(this.historyPointCircleLayer + "-border") && this.map.removeLayer(this.historyPointCircleLayer + "-border"), this.map.getLayer(this.historyPointCircleLayer + "-inner") && this.map.removeLayer(this.historyPointCircleLayer + "-inner"), this.map.getLayer(this.historyPointLabelLayer) && this.map.removeLayer(this.historyPointLabelLayer), this.map.getLayer(this.interpolateLineLayer) && this.map.removeLayer(this.interpolateLineLayer), (t = this.interpolateMarkers) == null || t.forEach((a) => a == null ? void 0 : a.remove()), this.map.getSource(this.source) && this.map.removeSource(this.source), this.map.getSource(this.clusterSource) && this.map.removeSource(this.clusterSource), this.map.getSource(this.interpolateSource) && this.map.removeSource(this.interpolateSource)), (e = this.map) == null || e.off("click", this.clickLayers, this.handleClick), (o = this.map) == null || o.off("mousemove", this.hoverLayers, this.handleHover), (i = this.map) == null || i.off("mouseleave", this.hoverLayers, this.handleLeave), this.handleCloseInfoMarker();
     },
     handleDateChange() {
-      var t, e, o, i, a, r, l, c, n, u, h, b, x, _, f, k, P, B, I, T, z, L, C, v, D, F, V, q, Z, J, Q, K, se, le, pe;
+      var t, e, o, i, a, r, l, c, n, u, h, b, x, _, f, k, P, B, D, T, z, L, C, v, A, F, V, q, Z, J, Q, $, se, le, pe;
       if ((t = this.interpolateMarkers) == null || t.forEach((ie) => ie == null ? void 0 : ie.remove()), (e = this.interpolateData) != null && e.length && this.tropicals.active) {
-        const ie = S(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), ce = this.interpolateData.filter((R) => R.properties.date === (ie == null ? void 0 : ie.format()) && !R.properties.disabled), ue = this.handleComputePolygons(ce), me = H.featureCollection([...ce]);
+        const ie = S(this.realTime).utc().set({ minute: 0, second: 0, millisecond: 0 }), ce = this.interpolateData.filter((R) => R.properties.date === (ie == null ? void 0 : ie.format()) && !R.properties.disabled), ue = this.handleComputePolygons(ce), me = U.featureCollection([...ce]);
         ue.forEach((R) => {
           me.features.push(R);
         }), (o = this.map) != null && o.getSource(this.interpolateSource) ? (i = this.map) == null || i.getSource(this.interpolateSource).setData(me) : ((a = this.map) == null || a.addSource(this.interpolateSource, {
@@ -11129,7 +11214,7 @@ const nc = {
               R.properties.nameCn = Pe, R.properties.Name = ((h = (u = R.properties.name) == null ? void 0 : u.trim()) == null ? void 0 : h.replace(/^./, (ve) => ve.toUpperCase())) || R.properties.nameCn, de.push(R);
             }
             let te = this.Theme.current.value.colors["tropicals-ty"];
-            ((x = (b = R.properties) == null ? void 0 : b.wind) == null ? void 0 : x.kts) < 32 || !((f = (_ = R.properties) == null ? void 0 : _.wind) != null && f.kts) ? te = this.Theme.current.value.colors["tropicals-td"] : ((P = (k = R.properties) == null ? void 0 : k.wind) == null ? void 0 : P.kts) >= 32 && ((I = (B = R.properties) == null ? void 0 : B.wind) == null ? void 0 : I.kts) < 47 ? te = this.Theme.current.value.colors["tropicals-ts"] : ((z = (T = R.properties) == null ? void 0 : T.wind) == null ? void 0 : z.kts) >= 47 && ((C = (L = R.properties) == null ? void 0 : L.wind) == null ? void 0 : C.kts) < 63 ? te = this.Theme.current.value.colors["tropicals-sts"] : ((D = (v = R.properties) == null ? void 0 : v.wind) == null ? void 0 : D.kts) >= 63 && ((V = (F = R.properties) == null ? void 0 : F.wind) == null ? void 0 : V.kts) < 79 ? te = this.Theme.current.value.colors["tropicals-ty"] : ((Z = (q = R.properties) == null ? void 0 : q.wind) == null ? void 0 : Z.kts) >= 79 && ((Q = (J = R.properties) == null ? void 0 : J.wind) == null ? void 0 : Q.kts) < 94 ? te = this.Theme.current.value.colors["tropicals-sty"] : ((se = (K = R.properties) == null ? void 0 : K.wind) == null ? void 0 : se.kts) >= 94 ? te = this.Theme.current.value.colors["tropicals-super-ty"] : te = this.Theme.current.value.colors["tropicals-ty"];
+            ((x = (b = R.properties) == null ? void 0 : b.wind) == null ? void 0 : x.kts) < 32 || !((f = (_ = R.properties) == null ? void 0 : _.wind) != null && f.kts) ? te = this.Theme.current.value.colors["tropicals-td"] : ((P = (k = R.properties) == null ? void 0 : k.wind) == null ? void 0 : P.kts) >= 32 && ((D = (B = R.properties) == null ? void 0 : B.wind) == null ? void 0 : D.kts) < 47 ? te = this.Theme.current.value.colors["tropicals-ts"] : ((z = (T = R.properties) == null ? void 0 : T.wind) == null ? void 0 : z.kts) >= 47 && ((C = (L = R.properties) == null ? void 0 : L.wind) == null ? void 0 : C.kts) < 63 ? te = this.Theme.current.value.colors["tropicals-sts"] : ((A = (v = R.properties) == null ? void 0 : v.wind) == null ? void 0 : A.kts) >= 63 && ((V = (F = R.properties) == null ? void 0 : F.wind) == null ? void 0 : V.kts) < 79 ? te = this.Theme.current.value.colors["tropicals-ty"] : ((Z = (q = R.properties) == null ? void 0 : q.wind) == null ? void 0 : Z.kts) >= 79 && ((Q = (J = R.properties) == null ? void 0 : J.wind) == null ? void 0 : Q.kts) < 94 ? te = this.Theme.current.value.colors["tropicals-sty"] : ((se = ($ = R.properties) == null ? void 0 : $.wind) == null ? void 0 : se.kts) >= 94 ? te = this.Theme.current.value.colors["tropicals-super-ty"] : te = this.Theme.current.value.colors["tropicals-ty"];
             const ye = `<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">
@@ -11192,7 +11277,7 @@ const nc = {
         u.properties.category === e && (u.properties.disabled = t.disabled);
       }), this.interpolateData.forEach((u) => {
         u.properties.category === e && (u.properties.disabled = t.disabled);
-      }), (l = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || l.setData(H.featureCollection(o)), (n = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || n.setData(H.featureCollection(o)), this.handleDateChange();
+      }), (l = (r = this.map) == null ? void 0 : r.getSource(this.source)) == null || l.setData(U.featureCollection(o)), (n = (c = this.map) == null ? void 0 : c.getSource(this.clusterSource)) == null || n.setData(U.featureCollection(o)), this.handleDateChange();
     },
     handleStrikeProbability(t) {
       this.$emit("tropicalProbability", t);
@@ -11231,22 +11316,22 @@ const nc = {
         let n;
         switch (l) {
           case "ne":
-            n = H.lineArc(t, c, 0, 90, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = U.lineArc(t, c, 0, 90, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "se":
-            n = H.lineArc(t, c, 90, 180, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = U.lineArc(t, c, 90, 180, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "sw":
-            n = H.lineArc(t, c, 180, 270, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = U.lineArc(t, c, 180, 270, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
             break;
           case "nw":
-            n = H.lineArc(t, c, 270, 360, { steps: c > 0 ? 32 : 1, units: "nauticalmiles" });
+            n = U.lineArc(t, 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 = H.lineString(i);
-      return H.lineToPolygon(a, { properties: o });
+      const a = U.lineString(i);
+      return U.lineToPolygon(a, { properties: o });
     },
     handleNotification(t) {
       this.$emit("tropicalNotification", t);
@@ -11283,47 +11368,47 @@ const nc = {
       this.map.getCanvas().style.cursor = "grab", this.showHoverPoint = !1, (t = this.hoverMarker) == null || t.remove(), this.hoverMarker = void 0;
     }
   }
-}, cc = { class: "idm-tropical-gl4" }, mc = {
+}, mc = { class: "idm-tropical-gl4" }, dc = {
   key: 0,
   id: "idm-tropical-gl4-info",
   class: "idm-tropical-gl4-info"
-}, dc = { class: "pb-1" }, hc = { class: "text-h5 font-weight-600" }, pc = {
+}, hc = { class: "pb-1" }, pc = { class: "text-h5 font-weight-600" }, uc = {
   key: 0,
   class: "text-body-1 text-label"
-}, uc = { class: "text-body-2" }, gc = { class: "text-label" }, fc = { class: "d-flex justify-space-between align-center" }, yc = { class: "w-60" }, bc = { class: "text-label pr-1" }, wc = { class: "flex-1-1-0" }, xc = { class: "text-label pr-1" }, vc = { class: "py-2 d-flex justify-space-between align-center" }, _c = { class: "w-60" }, kc = { class: "text-label pr-1" }, zc = { class: "flex-1-1-0" }, Lc = { class: "text-label pr-1" }, Pc = { class: "d-flex align-center flex-1-1-100 justify-space-between" }, Tc = {
+}, gc = { class: "text-body-2" }, fc = { class: "text-label" }, yc = { class: "d-flex justify-space-between align-center" }, bc = { class: "w-60" }, wc = { class: "text-label pr-1" }, xc = { class: "flex-1-1-0" }, vc = { class: "text-label pr-1" }, _c = { class: "py-2 d-flex justify-space-between align-center" }, kc = { class: "w-60" }, zc = { class: "text-label pr-1" }, Lc = { class: "flex-1-1-0" }, Pc = { class: "text-label pr-1" }, Tc = { class: "d-flex align-center flex-1-1-100 justify-space-between" }, Cc = {
   class: "text-label pr-1",
   style: { width: "130px" }
-}, Cc = { class: "model-box d-flex justify-end align-center flex-wrap ga-1 pa-1" }, Sc = { class: "more" }, Mc = {
+}, Sc = { class: "model-box d-flex justify-end align-center flex-wrap ga-1 pa-1" }, Mc = { class: "more" }, Ic = {
   class: "my-3",
   style: { height: "80px", width: "100%" }
-}, Ic = { class: "pa-1 d-flex justify-space-between align-center" }, Dc = { class: "pa-1 d-flex justify-space-between align-center" }, Ac = { class: "d-flex justify-star align-center" }, Rc = { class: "font-weight-600 mr-1" }, Oc = { class: "" }, Bc = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, Nc = {
+}, Dc = { class: "pa-1 d-flex justify-space-between align-center" }, Ac = { class: "pa-1 d-flex justify-space-between align-center" }, Rc = { class: "d-flex justify-star align-center" }, Oc = { class: "font-weight-600 mr-1" }, Bc = { class: "" }, Nc = { class: "port-box d-flex flex-column justify-center align-start ga-2" }, Ec = {
   key: 0,
   class: "d-flex justify-start align-center"
-}, Ec = { class: "text-label pr-1" }, jc = {
+}, jc = { class: "text-label pr-1" }, Fc = {
   key: 1,
   class: "d-flex justify-start align-center"
-}, Fc = { class: "text-label pr-1" }, Hc = {
+}, Hc = { class: "text-label pr-1" }, Uc = {
   key: 2,
   class: "d-flex justify-start align-center"
-}, Uc = { class: "text-label pr-1" }, Wc = {
+}, Wc = { class: "text-label pr-1" }, Gc = {
   key: 3,
   class: "d-flex justify-start align-center"
-}, Gc = { class: "text-label pr-1" }, Vc = {
+}, Vc = { class: "text-label pr-1" }, Zc = {
   key: 4,
   class: "d-flex justify-start align-center"
-}, Zc = { class: "text-label pr-1" }, Yc = {
+}, Yc = { class: "text-label pr-1" }, qc = {
   key: 5,
   class: "d-flex justify-start align-center"
-}, qc = { class: "text-label pr-1" }, Xc = { class: "d-flex justify-start align-center" }, Kc = { class: "text-label pr-1" }, $c = {
+}, Xc = { class: "text-label pr-1" }, Kc = { class: "d-flex justify-start align-center" }, $c = { class: "text-label pr-1" }, Jc = {
   key: 6,
   class: "d-flex justify-start align-center"
-}, Jc = { class: "text-label pr-1" }, Qc = {
+}, Qc = { class: "text-label pr-1" }, em = {
   key: 7,
   class: "d-flex justify-start align-center"
-}, em = { class: "text-label pr-1" }, tm = { class: "d-flex justify-start align-center" }, om = { class: "text-label pr-1" };
-function am(t, e, o, i, a, r) {
+}, tm = { class: "text-label pr-1" }, om = { class: "d-flex justify-start align-center" }, am = { class: "text-label pr-1" };
+function im(t, e, o, i, a, r) {
   const l = w("VBtn"), c = w("VTooltip"), n = w("VCardText"), u = w("VDivider"), h = w("VCardActions"), b = w("VCard"), x = w("v-card-title"), _ = w("v-divider");
-  return y(), M("div", cc, [
+  return y(), M("div", mc, [
     s("div", {
       class: "menu-bar-box transition pa-1",
       style: ee({ top: o.top + o.paddingTop + 86 + "px", right: a.right + "px" })
@@ -11350,7 +11435,7 @@ function am(t, e, o, i, a, r) {
         _: 1
       }, 8, ["text"])
     ], 4),
-    a.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (y(), M("div", mc, [
+    a.showTropicalsInfo && !t.$attrs.hideTropicalsLegend ? (y(), M("div", dc, [
       p(b, {
         "min-width": "400",
         elevation: "16",
@@ -11359,11 +11444,11 @@ function am(t, e, o, i, a, r) {
         default: g(() => [
           p(n, null, {
             default: g(() => {
-              var f, k, P, B, I, T, z, L, C, v, D, F;
+              var f, k, P, B, D, T, z, L, C, v, A, F;
               return [
-                s("div", dc, [
-                  s("span", hc, m(o.locale === "en" ? (f = a.activeTropicals) == null ? void 0 : f.Name : ((k = a.activeTropicals) == null ? void 0 : k.nameCn) || ((P = a.activeTropicals) == null ? void 0 : P.Name) || "-"), 1),
-                  (I = (B = a.activeTropicals) == null ? void 0 : B.history) != null && I.level ? (y(), M("span", pc, ", " + m((z = (T = a.activeTropicals) == null ? void 0 : T.history) == null ? void 0 : z.level), 1)) : A("", !0)
+                s("div", hc, [
+                  s("span", pc, m(o.locale === "en" ? (f = a.activeTropicals) == null ? void 0 : f.Name : ((k = a.activeTropicals) == null ? void 0 : k.nameCn) || ((P = a.activeTropicals) == null ? void 0 : P.Name) || "-"), 1),
+                  (D = (B = a.activeTropicals) == null ? void 0 : B.history) != null && D.level ? (y(), M("span", uc, ", " + m((z = (T = a.activeTropicals) == null ? void 0 : T.history) == null ? void 0 : z.level), 1)) : I("", !0)
                 ]),
                 p(l, {
                   icon: "",
@@ -11378,9 +11463,9 @@ function am(t, e, o, i, a, r) {
                   _: 1,
                   __: [4]
                 }, 8, ["onClick"]),
-                s("div", uc, [
-                  s("span", gc, m(t.$t("actions.lastUpdate")) + ": ", 1),
-                  s("span", null, m(r.computeTime(((C = (L = a.activeTropicals) == null ? void 0 : L.history) == null ? void 0 : C.updated) || ((F = (D = (v = a.activeTropicals) == null ? void 0 : v.forecasts) == null ? void 0 : D.filter((V) => !V.disabled)[0]) == null ? void 0 : F.date), o.timeZone)), 1)
+                s("div", gc, [
+                  s("span", fc, m(t.$t("actions.lastUpdate")) + ": ", 1),
+                  s("span", null, m(r.computeTime(((C = (L = a.activeTropicals) == null ? void 0 : L.history) == null ? void 0 : C.updated) || ((F = (A = (v = a.activeTropicals) == null ? void 0 : v.forecasts) == null ? void 0 : A.filter((V) => !V.disabled)[0]) == null ? void 0 : F.date), o.timeZone)), 1)
                 ])
               ];
             }),
@@ -11389,34 +11474,34 @@ function am(t, e, o, i, a, r) {
           p(u),
           p(n, { class: "text-body-1" }, {
             default: g(() => {
-              var f, k, P, B, I, T, z, L, C;
+              var f, k, P, B, D, T, z, L, C;
               return [
-                s("div", fc, [
-                  s("div", yc, [
-                    s("label", bc, m(t.$t("weather.windSpeed")) + " : ", 1),
+                s("div", yc, [
+                  s("div", bc, [
+                    s("label", wc, m(t.$t("weather.windSpeed")) + " : ", 1),
                     s("span", null, m(((k = (f = a.activeTropicals) == null ? void 0 : f.history) == null ? void 0 : k.kts) || "-") + " kts", 1),
                     s("span", null, ", BF " + m(r.computeBF(((B = (P = a.activeTropicals) == null ? void 0 : P.history) == null ? void 0 : B.kts) || "-")), 1)
                   ]),
-                  s("div", wc, [
-                    s("label", xc, m(t.$t("weather.pressure")) + " : ", 1),
-                    s("span", null, m(((T = (I = a.activeTropicals) == null ? void 0 : I.history) == null ? void 0 : T.pressure) || "-") + " hPa", 1)
+                  s("div", xc, [
+                    s("label", vc, m(t.$t("weather.pressure")) + " : ", 1),
+                    s("span", null, m(((T = (D = a.activeTropicals) == null ? void 0 : D.history) == null ? void 0 : T.pressure) || "-") + " hPa", 1)
                   ])
                 ]),
-                s("div", vc, [
-                  s("div", _c, [
-                    s("label", kc, m(t.$t("tropical.moveSpeed")) + " : ", 1),
+                s("div", _c, [
+                  s("div", kc, [
+                    s("label", zc, m(t.$t("tropical.moveSpeed")) + " : ", 1),
                     s("span", null, m(((z = r.computeMovement(a.activeTropicals)) == null ? void 0 : z.kts) || "-") + " kts", 1)
                   ]),
-                  s("div", zc, [
-                    s("label", Lc, m(t.$t("tropical.moveDir")) + " : ", 1),
+                  s("div", Lc, [
+                    s("label", Pc, m(t.$t("tropical.moveDir")) + " : ", 1),
                     s("span", null, m(((L = r.computeMovement(a.activeTropicals)) == null ? void 0 : L.deg) || "-") + "°", 1)
                   ])
                 ]),
-                s("div", Pc, [
-                  s("label", Tc, m(t.$t("weather.forecastModels")) + " : ", 1),
-                  s("div", Cc, [
-                    (y(!0), M(we, null, _e((C = a.activeTropicals) == null ? void 0 : C.forecasts, (v, D) => (y(), O(l, {
-                      key: D,
+                s("div", Tc, [
+                  s("label", Cc, m(t.$t("weather.forecastModels")) + " : ", 1),
+                  s("div", Sc, [
+                    (y(!0), M(we, null, _e((C = a.activeTropicals) == null ? void 0 : C.forecasts, (v, A) => (y(), O(l, {
+                      key: A,
                       density: "compact",
                       variant: v.disabled ? "text" : "flat",
                       color: v.disabled ? "" : "primary",
@@ -11425,7 +11510,7 @@ function am(t, e, o, i, a, r) {
                       onClick: Oe((F) => r.handleForecastToggle(v), ["stop"])
                     }, {
                       default: g(() => [
-                        $(m(v.model), 1)
+                        K(m(v.model), 1)
                       ]),
                       _: 2
                     }, 1032, ["variant", "color", "class", "onClick"]))), 128))
@@ -11450,11 +11535,11 @@ function am(t, e, o, i, a, r) {
                   s("i", { class: "iconfont icon-Legend text-h4" }, null, -1)
                 ])),
                 default: g(() => [
-                  $(" " + m(t.$t("weather.legend")), 1)
+                  K(" " + m(t.$t("weather.legend")), 1)
                 ]),
                 _: 1
               }, 8, ["color"]),
-              s("div", Sc, [
+              s("div", Mc, [
                 o.permission & a.helper.LEVEL.Supper ? (y(), O(l, {
                   key: 0,
                   variant: "text",
@@ -11463,10 +11548,10 @@ function am(t, e, o, i, a, r) {
                   onClick: e[1] || (e[1] = Oe((f) => r.handleNotification(a.activeTropicals), ["stop"]))
                 }, {
                   default: g(() => [
-                    $(m(t.$t("actions.notify")), 1)
+                    K(m(t.$t("actions.notify")), 1)
                   ]),
                   _: 1
-                })) : A("", !0),
+                })) : I("", !0),
                 p(l, {
                   variant: "text",
                   density: "compact",
@@ -11475,7 +11560,7 @@ function am(t, e, o, i, a, r) {
                   onClick: e[2] || (e[2] = Oe((f) => r.handleStrikeProbability(a.activeTropicals), ["stop"]))
                 }, {
                   default: g(() => [
-                    $(m(t.$t("actions.viewReport")), 1)
+                    K(m(t.$t("actions.viewReport")), 1)
                   ]),
                   _: 1
                 })
@@ -11486,12 +11571,12 @@ function am(t, e, o, i, a, r) {
         ]),
         _: 1
       }),
-      s("div", Mc, [
+      s("div", Ic, [
         Ve(p(b, { elevation: "16" }, {
           default: g(() => [
             p(n, null, {
               default: g(() => [
-                Ve(s("div", Ic, e[6] || (e[6] = [
+                Ve(s("div", Dc, e[6] || (e[6] = [
                   s("div", { class: "legend d-flex justify-start align-center" }, [
                     s("div", { class: "icon td" }),
                     s("div", { class: "label" }, "TD")
@@ -11519,7 +11604,7 @@ function am(t, e, o, i, a, r) {
                 ]), 512), [
                   [Ze, a.showLegend]
                 ]),
-                Ve(s("div", Dc, e[7] || (e[7] = [
+                Ve(s("div", Ac, e[7] || (e[7] = [
                   s("div", { class: "legend d-flex justify-start align-center" }, [
                     s("div", { class: "icon history" }),
                     s("div", { class: "label" }, "History")
@@ -11548,7 +11633,7 @@ function am(t, e, o, i, a, r) {
           [Ze, a.showLegend]
         ])
       ])
-    ])) : A("", !0),
+    ])) : I("", !0),
     Ve(p(b, {
       id: "tropicalHoverMarkerInfo",
       elevation: "16",
@@ -11559,9 +11644,9 @@ function am(t, e, o, i, a, r) {
           default: g(() => {
             var f, k, P, B;
             return [
-              s("div", Ac, [
-                s("span", Rc, m(o.locale === "en" ? (f = a.hoverPoint) == null ? void 0 : f.Name : ((k = a.hoverPoint) == null ? void 0 : k.nameCn) || ((P = a.hoverPoint) == null ? void 0 : P.Name)), 1),
-                s("span", Oc, "[ " + m((B = a.hoverPoint) == null ? void 0 : B.level) + " ]", 1)
+              s("div", Rc, [
+                s("span", Oc, m(o.locale === "en" ? (f = a.hoverPoint) == null ? void 0 : f.Name : ((k = a.hoverPoint) == null ? void 0 : k.nameCn) || ((P = a.hoverPoint) == null ? void 0 : P.Name)), 1),
+                s("span", Bc, "[ " + m((B = a.hoverPoint) == null ? void 0 : B.level) + " ]", 1)
               ])
             ];
           }),
@@ -11570,47 +11655,47 @@ function am(t, e, o, i, a, r) {
         p(_),
         p(n, { class: "text-body-1" }, {
           default: g(() => {
-            var f, k, P, B, I, T, z, L, C, v, D, F, V, q, Z, J, Q, K, se, le;
+            var f, k, P, B, D, T, z, L, C, v, A, F, V, q, Z, J, Q, $, se, le;
             return [
-              s("div", Bc, [
-                ((f = a.hoverPoint) == null ? void 0 : f.type) === "forecast" ? (y(), M("div", Nc, [
-                  s("label", Ec, m(t.$t("tropical.updated")) + " : ", 1),
+              s("div", Nc, [
+                ((f = a.hoverPoint) == null ? void 0 : f.type) === "forecast" ? (y(), M("div", Ec, [
+                  s("label", jc, m(t.$t("tropical.updated")) + " : ", 1),
                   s("span", null, m(r.computeTzTime((k = a.hoverPoint) == null ? void 0 : k.update, o.timeZone)), 1)
-                ])) : A("", !0),
-                ((P = a.hoverPoint) == null ? void 0 : P.type) === "forecast" ? (y(), M("div", jc, [
-                  s("label", Fc, m(t.$t("tropical.forecast")) + " : ", 1),
+                ])) : I("", !0),
+                ((P = a.hoverPoint) == null ? void 0 : P.type) === "forecast" ? (y(), M("div", Fc, [
+                  s("label", Hc, m(t.$t("tropical.forecast")) + " : ", 1),
                   s("span", null, m(r.computeTzTime((B = a.hoverPoint) == null ? void 0 : B.date, o.timeZone)), 1)
-                ])) : A("", !0),
-                ((I = a.hoverPoint) == null ? void 0 : I.type) === "history" ? (y(), M("div", Hc, [
-                  s("label", Uc, m(t.$t("tropical.forecast")) + " : ", 1),
+                ])) : I("", !0),
+                ((D = a.hoverPoint) == null ? void 0 : D.type) === "history" ? (y(), M("div", Uc, [
+                  s("label", Wc, m(t.$t("tropical.forecast")) + " : ", 1),
                   s("span", null, m(r.computeTzTime((T = a.hoverPoint) == null ? void 0 : T.date, o.timeZone)), 1)
-                ])) : A("", !0),
-                ((z = a.hoverPoint) == null ? void 0 : z.type) === "forecast" ? (y(), M("div", Wc, [
-                  s("label", Gc, m(t.$t("tropical.model")) + " : ", 1),
+                ])) : I("", !0),
+                ((z = a.hoverPoint) == null ? void 0 : z.type) === "forecast" ? (y(), M("div", Gc, [
+                  s("label", Vc, m(t.$t("tropical.model")) + " : ", 1),
                   s("span", null, m(((L = a.hoverPoint) == null ? void 0 : L.model) ?? "-"), 1)
-                ])) : A("", !0),
-                ((C = a.hoverPoint) == null ? void 0 : C.type) === "forecast" ? (y(), M("div", Vc, [
-                  s("label", Zc, m(t.$t("weather.wind")) + " : ", 1),
-                  s("span", null, m(((D = JSON.parse((v = a.hoverPoint) == null ? void 0 : v.wind)) == null ? void 0 : D.kts) ?? "-") + " kts", 1)
-                ])) : A("", !0),
-                ((F = a.hoverPoint) == null ? void 0 : F.type) === "history" ? (y(), M("div", Yc, [
-                  s("label", qc, m(t.$t("weather.wind")) + " : ", 1),
+                ])) : I("", !0),
+                ((C = a.hoverPoint) == null ? void 0 : C.type) === "forecast" ? (y(), M("div", Zc, [
+                  s("label", Yc, m(t.$t("weather.wind")) + " : ", 1),
+                  s("span", null, m(((A = JSON.parse((v = a.hoverPoint) == null ? void 0 : v.wind)) == null ? void 0 : A.kts) ?? "-") + " kts", 1)
+                ])) : I("", !0),
+                ((F = a.hoverPoint) == null ? void 0 : F.type) === "history" ? (y(), M("div", qc, [
+                  s("label", Xc, m(t.$t("weather.wind")) + " : ", 1),
                   s("span", null, m(((V = a.hoverPoint) == null ? void 0 : V.kts) ?? "-") + " kts", 1)
-                ])) : A("", !0),
-                s("div", Xc, [
-                  s("label", Kc, m(t.$t("weather.pressure")) + " : ", 1),
+                ])) : I("", !0),
+                s("div", Kc, [
+                  s("label", $c, m(t.$t("weather.pressure")) + " : ", 1),
                   s("span", null, m(((q = a.hoverPoint) == null ? void 0 : q.pressure) ?? "-") + " hPa", 1)
                 ]),
-                ((Z = a.hoverPoint) == null ? void 0 : Z.type) === "history" ? (y(), M("div", $c, [
-                  s("label", Jc, m(t.$t("tropical.moveSpeed")) + " : ", 1),
+                ((Z = a.hoverPoint) == null ? void 0 : Z.type) === "history" ? (y(), M("div", Jc, [
+                  s("label", Qc, m(t.$t("tropical.moveSpeed")) + " : ", 1),
                   s("span", null, m(((Q = JSON.parse((J = a.hoverPoint) == null ? void 0 : J.movement)) == null ? void 0 : Q.kts) ?? "-") + " kts", 1)
-                ])) : A("", !0),
-                ((K = a.hoverPoint) == null ? void 0 : K.type) === "history" ? (y(), M("div", Qc, [
-                  s("label", em, m(t.$t("tropical.moveDir")) + " : ", 1),
+                ])) : I("", !0),
+                (($ = a.hoverPoint) == null ? void 0 : $.type) === "history" ? (y(), M("div", em, [
+                  s("label", tm, m(t.$t("tropical.moveDir")) + " : ", 1),
                   s("span", null, m(((le = JSON.parse((se = a.hoverPoint) == null ? void 0 : se.movement)) == null ? void 0 : le.deg) ?? "-") + " °", 1)
-                ])) : A("", !0),
-                s("div", tm, [
-                  s("label", om, m(t.$t("tropical.position")) + " : ", 1),
+                ])) : I("", !0),
+                s("div", om, [
+                  s("label", am, m(t.$t("tropical.position")) + " : ", 1),
                   s("span", null, m(r.computePosition(a.hoverPoint)), 1)
                 ])
               ])
@@ -11625,8 +11710,8 @@ function am(t, e, o, i, a, r) {
     ])
   ]);
 }
-const Xa = /* @__PURE__ */ Y(nc, [["render", am]]);
-const im = {
+const Xa = /* @__PURE__ */ Y(cc, [["render", im]]);
+const rm = {
   name: "DateTimePicker",
   props: {
     width: {
@@ -11802,22 +11887,22 @@ const im = {
       e && !e.contains(t.target) && (this.showDatePicker = !1);
     }
   }
-}, rm = {
+}, sm = {
   class: "idm-gl4-time-picker",
   ref: "idmGl4Timepicker"
-}, sm = {
+}, lm = {
   class: "pa-0",
   style: { width: "250px" }
-}, lm = {
+}, nm = {
   class: "h-100 pa-0 d-flex flex-column justify-start align-center",
   style: { width: "100px" }
-}, nm = {
+}, cm = {
   class: "d-flex justify-center align-center text-body-2",
   style: { height: "56px" }
 };
-function cm(t, e, o, i, a, r) {
+function mm(t, e, o, i, a, r) {
   const l = w("VBtn"), c = w("VDatePicker"), n = w("VDivider"), u = w("VListItemTitle"), h = w("VListItem"), b = w("VList"), x = w("VCardText"), _ = w("VCardActions"), f = w("VCard");
-  return y(), M("div", rm, [
+  return y(), M("div", sm, [
     p(l, {
       text: "",
       height: o.height,
@@ -11826,7 +11911,7 @@ function cm(t, e, o, i, a, r) {
       onClick: r.handleOpenDatePicker
     }, {
       default: g(() => [
-        $(m(a.currentDateTime) + " | UTC " + m(o.timeZone < 0 ? o.timeZone : "+" + o.timeZone), 1)
+        K(m(a.currentDateTime) + " | UTC " + m(o.timeZone < 0 ? o.timeZone : "+" + o.timeZone), 1)
       ]),
       _: 1
     }, 8, ["height", "width", "onClick"]),
@@ -11838,7 +11923,7 @@ function cm(t, e, o, i, a, r) {
       default: g(() => [
         p(x, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
           default: g(() => [
-            s("div", sm, [
+            s("div", lm, [
               p(c, {
                 modelValue: a.currentDate,
                 "onUpdate:modelValue": e[0] || (e[0] = (k) => a.currentDate = k),
@@ -11857,8 +11942,8 @@ function cm(t, e, o, i, a, r) {
               class: "h-100",
               vertical: ""
             }),
-            s("div", lm, [
-              s("div", nm, m(a.currentTime), 1),
+            s("div", nm, [
+              s("div", cm, m(a.currentTime), 1),
               p(b, { class: "pa-0 flex-1-1-0 scroll" }, {
                 default: g(() => [
                   (y(!0), M(we, null, _e(r.hourOptions, (k, P) => (y(), O(h, {
@@ -11876,7 +11961,7 @@ function cm(t, e, o, i, a, r) {
                         onClick: (B) => a.currentTime = k
                       }, {
                         default: g(() => [
-                          $(m(k), 1)
+                          K(m(k), 1)
                         ]),
                         _: 2
                       }, 1032, ["onClick"])
@@ -11903,7 +11988,7 @@ function cm(t, e, o, i, a, r) {
               onClick: r.handleCancelDate
             }, {
               default: g(() => [
-                $(m(t.$t("actions.cancel")), 1)
+                K(m(t.$t("actions.cancel")), 1)
               ]),
               _: 1
             }, 8, ["onClick"]),
@@ -11915,7 +12000,7 @@ function cm(t, e, o, i, a, r) {
               onClick: r.handleConfirmDate
             }, {
               default: g(() => [
-                $(m(t.$t("actions.confirm")), 1)
+                K(m(t.$t("actions.confirm")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
@@ -11924,11 +12009,11 @@ function cm(t, e, o, i, a, r) {
         })
       ]),
       _: 1
-    }, 8, ["style"])) : A("", !0)
+    }, 8, ["style"])) : I("", !0)
   ], 512);
 }
-const Io = /* @__PURE__ */ Y(im, [["render", cm]]);
-const mm = {
+const Io = /* @__PURE__ */ Y(rm, [["render", mm]]);
+const dm = {
   name: "DateRangePicker",
   props: {
     width: {
@@ -12112,25 +12197,25 @@ const mm = {
       e && !e.contains(t.target) && (this.showDatePicker = !1);
     }
   }
-}, dm = {
+}, hm = {
   class: "idm-gl4-date-picker",
   ref: "idmGl4DatePicker"
-}, hm = { class: "flex-1-1-0" }, pm = { class: "pa-0" };
-function um(t, e, o, i, a, r) {
+}, pm = { class: "flex-1-1-0" }, um = { class: "pa-0" };
+function gm(t, e, o, i, a, r) {
   const l = w("VIcon"), c = w("VDatePicker"), n = w("VCardText"), u = w("VDivider"), h = w("VBtn"), b = w("VCardActions"), x = w("VCard");
-  return y(), M("div", dm, [
+  return y(), M("div", hm, [
     s("div", {
       style: ee({ height: o.height + "px", width: o.width + "px" }),
       class: "rounded text-body-1 btn-border-1 btn-bg-1 d-flex align-center justify-space-between px-2 cursor-pointer",
       onClick: e[0] || (e[0] = (..._) => r.handleOpenDatePicker && r.handleOpenDatePicker(..._))
     }, [
-      s("span", hm, m(a.dateRangeStr), 1),
+      s("span", pm, m(a.dateRangeStr), 1),
       a.dateRangeStr ? (y(), O(l, {
         key: 0,
         class: "text-h5",
         icon: "mdi-close-circle-outline text-label",
         onClick: Oe(r.handleClearDate, ["stop"])
-      }, null, 8, ["onClick"])) : A("", !0)
+      }, null, 8, ["onClick"])) : I("", !0)
     ], 4),
     a.showDatePicker ? (y(), O(x, {
       key: 0,
@@ -12140,7 +12225,7 @@ function um(t, e, o, i, a, r) {
       default: g(() => [
         p(n, { class: "w-100 flex-1-1-0 d-flex pa-0" }, {
           default: g(() => [
-            s("div", pm, [
+            s("div", um, [
               p(c, {
                 modelValue: a.dateRange,
                 "onUpdate:modelValue": e[1] || (e[1] = (_) => a.dateRange = _),
@@ -12172,7 +12257,7 @@ function um(t, e, o, i, a, r) {
               onClick: r.handleCancelDate
             }, {
               default: g(() => [
-                $(m(t.$t("actions.cancel")), 1)
+                K(m(t.$t("actions.cancel")), 1)
               ]),
               _: 1
             }, 8, ["onClick"]),
@@ -12184,7 +12269,7 @@ function um(t, e, o, i, a, r) {
               onClick: r.handleConfirmDate
             }, {
               default: g(() => [
-                $(m(t.$t("actions.confirm")), 1)
+                K(m(t.$t("actions.confirm")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
@@ -12193,17 +12278,21 @@ function um(t, e, o, i, a, r) {
         })
       ]),
       _: 1
-    }, 8, ["style"])) : A("", !0)
+    }, 8, ["style"])) : I("", !0)
   ], 512);
 }
-const Ka = /* @__PURE__ */ Y(mm, [["render", um]]);
-const gm = {
+const Ka = /* @__PURE__ */ Y(dm, [["render", gm]]);
+const fm = {
   name: "IdmPoint",
   components: {
     DateTimePicker: Io,
     DateRangePicker: Ka
   },
   props: {
+    simple: {
+      type: Boolean,
+      default: !1
+    },
     isLogin: {
       type: Boolean,
       default: !1
@@ -12332,7 +12421,7 @@ const gm = {
       handler() {
         this.$nextTick(() => {
           var t;
-          this.right = (((t = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : t.clientWidth) || 0) + 10;
+          this.simple || (this.right = (((t = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : t.clientWidth) || 0) + 10);
         });
       },
       immediate: !0
@@ -12351,7 +12440,8 @@ const gm = {
     showForm: {
       handler() {
         this.showForm ? this.$nextTick(() => {
-          this.$refs.spotForm.resetValidation();
+          var t;
+          (t = this.$refs.spotForm) == null || t.resetValidation();
         }) : this.handleCloseForm();
       }
     },
@@ -12378,12 +12468,7 @@ const gm = {
     },
     submitForm() {
       this.handleCloseMeteo(), this.$refs.spotForm.validate().then(async (t) => {
-        var e;
-        if (t != null && t.valid) {
-          this.form.lat = (Number(this.form.latDegree ?? 0) + Number(this.form.latMinute ?? 0) / 60) * (this.form.latDirection === "N" ? 1 : -1), this.form.lng = (Number(this.form.lngDegree ?? 0) + Number(this.form.lngMinute ?? 0) / 60) * (this.form.lngDirection === "E" ? 1 : -1);
-          const o = S();
-          ((e = S(this.realTime)) == null ? void 0 : e.diff(o, "d", !0)) >= 0 ? await this.fetchMeteoData(this.form) : await this.fetchHistoryData(this.form);
-        }
+        t != null && t.valid && this.fetchData();
       });
     },
     cancelForm() {
@@ -12404,7 +12489,13 @@ const gm = {
     handleCloseForm() {
       this.showForm = !1, this.cancelForm(), this.toggle = !1;
     },
-    async fetchMeteoData(t) {
+    async fetchData() {
+      var o;
+      this.form.lat = (Number(this.form.latDegree ?? 0) + Number(this.form.latMinute ?? 0) / 60) * (this.form.latDirection === "N" ? 1 : -1), this.form.lng = (Number(this.form.lngDegree ?? 0) + Number(this.form.lngMinute ?? 0) / 60) * (this.form.lngDirection === "E" ? 1 : -1);
+      const t = S();
+      ((o = S(this.realTime)) == null ? void 0 : o.diff(t, "d", !0)) >= 0 ? await this.fetchForecastData(this.form) : await this.fetchHistoryData(this.form);
+    },
+    async fetchForecastData(t) {
       this.loading = !0, this.showMeteo = !0, this.form.lng = t.lng, this.form.lat = t.lat, this.handleDrawInfoMarker([t.lng, t.lat]), this.meteoData = [];
       const { weatherModels: e, marineModels: o } = To.autoPickMeteoModel(t.forecastModel);
       let i = {
@@ -12443,10 +12534,10 @@ const gm = {
       (a == null ? void 0 : a.data.code) === 0 && (this.meteoData = a == null ? void 0 : a.data.data, this.meteoData.lng = t.lng, this.meteoData.lat = t.lat, this.initTableData(this.meteoData), this.handleDrawInfoMarker([t.lng, t.lat])), this.loading = !1;
     },
     initTableData(t) {
-      var o, i, a, r, l, c, n, u, h, b, x, _, f, k, P, B, I, T, z, L, C, v, D, F, V, q, Z, J, Q, K, se, le, pe, ie, ce, ue, me, de, R, te, ye;
+      var o, i, a, r, l, c, n, u, h, b, x, _, f, k, P, B, D, T, z, L, C, v, A, F, V, q, Z, J, Q, $, se, le, pe, ie, ce, ue, me, de, R, te, ye;
       this.currentHourData = {}, this.positionGmt = (i = (o = t == null ? void 0 : t.weather) == null ? void 0 : o[0]) == null ? void 0 : i.timezone, this.positionOffset = (r = (a = t == null ? void 0 : t.weather) == null ? void 0 : a[0]) == null ? void 0 : r.offset;
       const e = ((l = To.pickHourly(t, S(this.form.dateTime))) == null ? void 0 : l[0]) || {};
-      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((u = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : u.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((b = (h = e == null ? void 0 : e.weather) == null ? void 0 : h.precip) == null ? void 0 : b.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((x = e == null ? void 0 : e.weather) == null ? void 0 : x.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((f = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : f.kts, 1) ?? "-", this.currentHourData.windDir = ((P = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : P.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((I = (B = e == null ? void 0 : e.weather) == null ? void 0 : B.wind) == null ? void 0 : I.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((z = (T = e == null ? void 0 : e.weather) == null ? void 0 : T.wind) == null ? void 0 : z.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (L = e == null ? void 0 : e.wave) == null ? void 0 : L.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (D = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : D.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((V = (F = e == null ? void 0 : e.wave) == null ? void 0 : F.sig) == null ? void 0 : V.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((Z = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : Z.height, 1) ?? "-", this.currentHourData.windwaveDir = (Q = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : Q.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((se = (K = e == null ? void 0 : e.wave) == null ? void 0 : K.wd) == null ? void 0 : se.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((pe = (le = e == null ? void 0 : e.wave) == null ? void 0 : le.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = (ce = (ie = e == null ? void 0 : e.wave) == null ? void 0 : ie.swell) == null ? void 0 : ce.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((me = (ue = e == null ? void 0 : e.wave) == null ? void 0 : ue.swell) == null ? void 0 : me.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((de = e == null ? void 0 : e.current) == null ? void 0 : de.speed, 1) ?? "-", this.currentHourData.currentDir = (R = e == null ? void 0 : e.current) == null ? void 0 : R.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((te = e == null ? void 0 : e.current) == null ? void 0 : te.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ye = e == null ? void 0 : e.weather) == null ? void 0 : ye.url;
+      this.currentHourData.utc = e.utc, this.currentHourData.lat = t.lat, this.currentHourData.lng = t.lng, this.currentHourData.temp = this.computeRoundPrecision((c = e == null ? void 0 : e.weather) == null ? void 0 : c.temp, 0) ?? "-", this.currentHourData.precipProbability = this.computeRoundPrecision((u = (n = e == null ? void 0 : e.weather) == null ? void 0 : n.precip) == null ? void 0 : u.probability, 0) ?? "-", this.currentHourData.precip1h = this.computeRoundPrecision((b = (h = e == null ? void 0 : e.weather) == null ? void 0 : h.precip) == null ? void 0 : b.sum, 0) ?? "-", this.currentHourData.visibility = this.computeRoundPrecision((x = e == null ? void 0 : e.weather) == null ? void 0 : x.visibility, 0) ?? "-", this.currentHourData.windSpeed = this.computeRoundPrecision((f = (_ = e == null ? void 0 : e.weather) == null ? void 0 : _.wind) == null ? void 0 : f.kts, 1) ?? "-", this.currentHourData.windDir = ((P = (k = e == null ? void 0 : e.weather) == null ? void 0 : k.wind) == null ? void 0 : P.direction) ?? "-", this.currentHourData.windLevel = this.computeRoundPrecision((D = (B = e == null ? void 0 : e.weather) == null ? void 0 : B.wind) == null ? void 0 : D.scale, 0) ?? "-", this.currentHourData.windGust = this.computeRoundPrecision((z = (T = e == null ? void 0 : e.weather) == null ? void 0 : T.wind) == null ? void 0 : z.gusts, 1) ?? "-", this.currentHourData.sigwaveHeight = this.computeRoundPrecision((C = (L = e == null ? void 0 : e.wave) == null ? void 0 : L.sig) == null ? void 0 : C.height, 1) ?? "-", this.currentHourData.sigwaveDir = (A = (v = e == null ? void 0 : e.wave) == null ? void 0 : v.sig) == null ? void 0 : A.direction, this.currentHourData.sigwavePeriod = this.computeRoundPrecision((V = (F = e == null ? void 0 : e.wave) == null ? void 0 : F.sig) == null ? void 0 : V.period, 1) ?? "-", this.currentHourData.windwaveHeight = this.computeRoundPrecision((Z = (q = e == null ? void 0 : e.wave) == null ? void 0 : q.wd) == null ? void 0 : Z.height, 1) ?? "-", this.currentHourData.windwaveDir = (Q = (J = e == null ? void 0 : e.wave) == null ? void 0 : J.wd) == null ? void 0 : Q.direction, this.currentHourData.windwavePeriod = this.computeRoundPrecision((se = ($ = e == null ? void 0 : e.wave) == null ? void 0 : $.wd) == null ? void 0 : se.period, 1) ?? "-", this.currentHourData.swellHeight = this.computeRoundPrecision((pe = (le = e == null ? void 0 : e.wave) == null ? void 0 : le.swell) == null ? void 0 : pe.height, 1) ?? "-", this.currentHourData.swellDir = (ce = (ie = e == null ? void 0 : e.wave) == null ? void 0 : ie.swell) == null ? void 0 : ce.direction, this.currentHourData.swellPeriod = this.computeRoundPrecision((me = (ue = e == null ? void 0 : e.wave) == null ? void 0 : ue.swell) == null ? void 0 : me.period, 1) ?? "-", this.currentHourData.currentSpeed = this.computeRoundPrecision((de = e == null ? void 0 : e.current) == null ? void 0 : de.speed, 1) ?? "-", this.currentHourData.currentDir = (R = e == null ? void 0 : e.current) == null ? void 0 : R.direction, this.currentHourData.currentSpeed = this.computeRoundPrecision((te = e == null ? void 0 : e.current) == null ? void 0 : te.speed, 1) ?? "-", this.currentHourData.seaLevel = this.computeRoundPrecision(e == null ? void 0 : e.height, 1) ?? "-", this.currentHourData.seaTemp = this.computeRoundPrecision(e == null ? void 0 : e.sst, 0) ?? "-", this.currentHourData.weatherUrls = (ye = e == null ? void 0 : e.weather) == null ? void 0 : ye.url;
     },
     handleBind() {
       var t, e;
@@ -12455,8 +12546,7 @@ const gm = {
     handleClick(t) {
       if (t.originalEvent.stopPropagation(), t.originalEvent.target.className === "mapboxgl-canvas")
         this.handleGetPosition(t.lngLat), this.$nextTick(() => {
-          var o, i, a;
-          (a = (i = (o = this.$refs) == null ? void 0 : o.submitSpot) == null ? void 0 : i.$el) == null || a.click();
+          this.fetchData();
         });
       else
         return !1;
@@ -12498,65 +12588,65 @@ const gm = {
       this.$emit("cancelFollow", t);
     }
   }
-}, fm = { class: "idm-gl4-spot" }, ym = { class: "d-flex justify-start align-center" }, bm = { class: "text-h6 font-weight-600 mx-2" }, wm = { class: "d-flex justify-start align-center ga-1 mb-1" }, xm = {
+}, ym = { class: "idm-gl4-spot" }, bm = { class: "d-flex justify-start align-center" }, wm = { class: "text-h6 font-weight-600 mx-2" }, xm = { class: "d-flex justify-start align-center ga-1 mb-1" }, vm = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, vm = ["xlink:href"], _m = { class: "d-flex justify-start align-center ga-1 mb-1" }, km = {
+}, _m = ["xlink:href"], km = { class: "d-flex justify-start align-center ga-1 mb-1" }, zm = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, zm = ["xlink:href"], Lm = { class: "d-flex justify-start align-center ga-1 mb-1" }, Pm = {
+}, Lm = ["xlink:href"], Pm = { class: "d-flex justify-start align-center ga-1 mb-1" }, Tm = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, Tm = ["xlink:href"], Cm = { class: "d-flex justify-start align-center ga-1 mb-1" }, Sm = {
+}, Cm = ["xlink:href"], Sm = { class: "d-flex justify-start align-center ga-1 mb-1" }, Mm = {
   class: "multi-color-icon",
   "aria-hidden": "true"
-}, Mm = ["xlink:href"], Im = { class: "d-flex justify-start align-center" }, Dm = { class: "mx-2" }, Am = { class: "mx-0 py-2 d-flex align-center justify-start" }, Rm = {
+}, Im = ["xlink:href"], Dm = { class: "d-flex justify-start align-center" }, Am = { class: "mx-2" }, Rm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Om = {
   style: { width: "100px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Om = { class: "pa-0 px-0" }, Bm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Nm = {
+}, Bm = { class: "pa-0 px-0" }, Nm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Em = {
   cols: "9",
   class: "pa-0 px-0"
-}, Em = { class: "mx-0 py-2 d-flex align-center justify-start" }, jm = {
+}, jm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Fm = {
   style: { width: "100px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Fm = {
+}, Hm = {
   style: { width: "150px" },
   class: "pa-0 text-left"
-}, Hm = {
+}, Um = {
   style: { width: "80px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Um = {
+}, Wm = {
   cols: "3",
   class: "pa-0 px-0 text-left"
-}, Wm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Gm = {
+}, Gm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Vm = {
   style: { width: "100px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Vm = {
+}, Zm = {
   style: { width: "150px" },
   class: "pa-0 text-left"
-}, Zm = {
+}, Ym = {
   style: { width: "80px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Ym = {
+}, qm = {
   cols: "3",
   class: "pa-0 text-left"
-}, qm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Xm = {
+}, Xm = { class: "mx-0 py-2 d-flex align-center justify-start" }, Km = {
   style: { width: "100px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Km = {
+}, $m = {
   style: { width: "150px" },
   class: "pa-0 text-left"
-}, $m = {
+}, Jm = {
   style: { width: "80px" },
   class: "pa-0 pr-2 text-right opacity-50"
-}, Jm = { class: "pa-0 text-left" }, Qm = { id: "idm-position-icon" }, ed = {
+}, Qm = { class: "pa-0 text-left" }, ed = { id: "idm-position-icon" }, td = {
   class: "multi-color-icon",
   style: { height: "30px", width: "30px" },
   "aria-hidden": "true"
-}, td = ["xlink:href"];
-function od(t, e, o, i, a, r) {
-  const l = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VDivider"), h = w("VTextField"), b = w("VCol"), x = w("VRow"), _ = w("DateTimePicker"), f = w("VBtnToggle"), k = w("VCardText"), P = w("VCardActions"), B = w("VForm"), I = w("VCard"), T = w("VIcon");
-  return y(), M("div", fm, [
+}, od = ["xlink:href"];
+function ad(t, e, o, i, a, r) {
+  const l = w("VBtn"), c = w("VTooltip"), n = w("VCardTitle"), u = w("VDivider"), h = w("VTextField"), b = w("VCol"), x = w("VRow"), _ = w("DateTimePicker"), f = w("VBtnToggle"), k = w("VCardText"), P = w("VCardActions"), B = w("VForm"), D = w("VCard"), T = w("VIcon");
+  return y(), M("div", ym, [
     s("div", {
       class: "menu-bar-box transition pa-1",
       style: ee({ top: o.top + o.paddingTop + 126 + "px", right: a.right + "px" })
@@ -12583,7 +12673,7 @@ function od(t, e, o, i, a, r) {
         _: 1
       }, 8, ["text"])
     ], 4),
-    a.showForm ? (y(), O(I, {
+    a.showForm && !o.simple ? (y(), O(D, {
       key: 0,
       class: "spot-form-card",
       style: ee({ top: o.top + o.paddingTop + 126 + "px", right: a.right + 50 + "px" })
@@ -12591,8 +12681,8 @@ function od(t, e, o, i, a, r) {
       default: g(() => [
         p(n, { class: "d-flex justify-space-between align-center" }, {
           default: g(() => [
-            s("div", ym, [
-              s("div", bm, m(t.$t("spot.spotWeather")), 1)
+            s("div", bm, [
+              s("div", wm, m(t.$t("spot.spotWeather")), 1)
             ]),
             p(l, {
               icon: "",
@@ -12620,11 +12710,11 @@ function od(t, e, o, i, a, r) {
           default: g(() => [
             p(k, { class: "text-body-1 py-1" }, {
               default: g(() => [
-                s("div", wm, [
-                  (y(), M("svg", xm, [
+                s("div", xm, [
+                  (y(), M("svg", vm, [
                     s("use", {
                       "xlink:href": `#icon-lng-${o.theme}`
-                    }, null, 8, vm)
+                    }, null, 8, _m)
                   ])),
                   s("div", null, m(t.$t("spot.lng")), 1)
                 ]),
@@ -12687,7 +12777,7 @@ function od(t, e, o, i, a, r) {
                           onClick: e[2] || (e[2] = (z) => a.form.lngDirection = a.form.lngDirection === "E" ? "W" : "E")
                         }, {
                           default: g(() => [
-                            $(m(a.form.lngDirection), 1)
+                            K(m(a.form.lngDirection), 1)
                           ]),
                           _: 1
                         })
@@ -12697,11 +12787,11 @@ function od(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                s("div", _m, [
-                  (y(), M("svg", km, [
+                s("div", km, [
+                  (y(), M("svg", zm, [
                     s("use", {
                       "xlink:href": `#icon-lng-${o.theme}`
-                    }, null, 8, zm)
+                    }, null, 8, Lm)
                   ])),
                   s("div", null, m(t.$t("spot.lat")), 1)
                 ]),
@@ -12767,7 +12857,7 @@ function od(t, e, o, i, a, r) {
                           onClick: e[5] || (e[5] = (z) => a.form.latDirection = a.form.latDirection === "N" ? "S" : "N")
                         }, {
                           default: g(() => [
-                            $(m(a.form.latDirection), 1)
+                            K(m(a.form.latDirection), 1)
                           ]),
                           _: 1
                         })
@@ -12777,11 +12867,11 @@ function od(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                s("div", Lm, [
-                  (y(), M("svg", Pm, [
+                s("div", Pm, [
+                  (y(), M("svg", Tm, [
                     s("use", {
                       "xlink:href": `#icon-date-time-${o.theme}`
-                    }, null, 8, Tm)
+                    }, null, 8, Cm)
                   ])),
                   s("div", null, m(t.$t("spot.dateTime")), 1)
                 ]),
@@ -12804,11 +12894,11 @@ function od(t, e, o, i, a, r) {
                   ]),
                   _: 1
                 }),
-                s("div", Cm, [
-                  (y(), M("svg", Sm, [
+                s("div", Sm, [
+                  (y(), M("svg", Mm, [
                     s("use", {
                       "xlink:href": `#icon-forecast-model-${o.theme}`
-                    }, null, 8, Mm)
+                    }, null, 8, Im)
                   ])),
                   s("div", null, m(t.$t("weather.forecastModel")), 1)
                 ]),
@@ -12838,7 +12928,7 @@ function od(t, e, o, i, a, r) {
                               "base-color": ""
                             }, {
                               default: g(() => e[14] || (e[14] = [
-                                $("NOAA", -1)
+                                K("NOAA", -1)
                               ])),
                               _: 1,
                               __: [14]
@@ -12852,7 +12942,7 @@ function od(t, e, o, i, a, r) {
                               value: "ECMWF"
                             }, {
                               default: g(() => e[15] || (e[15] = [
-                                $("ECMWF", -1)
+                                K("ECMWF", -1)
                               ])),
                               _: 1,
                               __: [15]
@@ -12879,7 +12969,7 @@ function od(t, e, o, i, a, r) {
                   onClick: r.cancelForm
                 }, {
                   default: g(() => [
-                    $(m(t.$t("actions.clear")), 1)
+                    K(m(t.$t("actions.clear")), 1)
                   ]),
                   _: 1
                 }, 8, ["onClick"]),
@@ -12893,7 +12983,7 @@ function od(t, e, o, i, a, r) {
                   class: "text-none text-body-1"
                 }, {
                   default: g(() => [
-                    $(m(t.$t("actions.confirm")), 1)
+                    K(m(t.$t("actions.confirm")), 1)
                   ]),
                   _: 1
                 }, 8, ["loading"])
@@ -12905,8 +12995,8 @@ function od(t, e, o, i, a, r) {
         }, 8, ["onSubmit"])
       ]),
       _: 1
-    }, 8, ["style"])) : A("", !0),
-    a.showMeteo ? (y(), O(I, {
+    }, 8, ["style"])) : I("", !0),
+    a.showMeteo ? (y(), O(D, {
       key: 1,
       id: "idm-gl4-spot-meteo",
       class: "spot-meteo",
@@ -12915,9 +13005,9 @@ function od(t, e, o, i, a, r) {
       default: g(() => [
         p(n, { class: "d-flex justify-space-between align-center" }, {
           default: g(() => [
-            s("div", Im, [
+            s("div", Dm, [
               e[16] || (e[16] = s("i", { class: "iconfont icon-a-Spotweather text-h5 map-icon-aqua" }, null, -1)),
-              s("div", Dm, m(r.computePosition(a.form || a.currentHourData)), 1)
+              s("div", Am, m(r.computePosition(a.form || a.currentHourData)), 1)
             ]),
             p(l, {
               class: "mr-n2",
@@ -12943,34 +13033,34 @@ function od(t, e, o, i, a, r) {
           default: g(() => {
             var z, L;
             return [
-              s("div", Am, [
-                s("div", Rm, m(t.$t("time.time")), 1),
-                s("div", Om, m(r.computedTzTime((z = a.currentHourData) == null ? void 0 : z.utc)), 1)
+              s("div", Rm, [
+                s("div", Om, m(t.$t("time.time")), 1),
+                s("div", Bm, m(r.computedTzTime((z = a.currentHourData) == null ? void 0 : z.utc)), 1)
               ]),
-              s("div", Bm, [
+              s("div", Nm, [
                 e[18] || (e[18] = s("div", {
                   style: { width: "100px" },
                   class: "pa-0 pr-2 text-right opacity-50"
                 }, "LT", -1)),
-                s("div", Nm, m(r.computedLocalTime((L = a.currentHourData) == null ? void 0 : L.utc)), 1)
+                s("div", Em, m(r.computedLocalTime((L = a.currentHourData) == null ? void 0 : L.utc)), 1)
               ]),
-              s("div", Em, [
-                s("div", jm, m(t.$t("weather.wind")), 1),
-                s("div", Fm, m(a.currentHourData.windDir ?? "-") + "/" + m(a.currentHourData.windSpeed ?? "-") + "kts/BF" + m(a.currentHourData.windLevel ?? "-"), 1),
-                s("div", Hm, m(t.$t("weather.sigWave")), 1),
-                s("div", Um, m(a.currentHourData.sigwaveDir ?? "-") + "/" + m(a.currentHourData.sigwaveHeight ?? "-") + "m/" + m(a.currentHourData.sigwavePeriod ?? "-") + "s", 1)
+              s("div", jm, [
+                s("div", Fm, m(t.$t("weather.wind")), 1),
+                s("div", Hm, m(a.currentHourData.windDir ?? "-") + "/" + m(a.currentHourData.windSpeed ?? "-") + "kts/BF" + m(a.currentHourData.windLevel ?? "-"), 1),
+                s("div", Um, m(t.$t("weather.sigWave")), 1),
+                s("div", Wm, m(a.currentHourData.sigwaveDir ?? "-") + "/" + m(a.currentHourData.sigwaveHeight ?? "-") + "m/" + m(a.currentHourData.sigwavePeriod ?? "-") + "s", 1)
               ]),
-              s("div", Wm, [
-                s("div", Gm, m(t.$t("weather.windWave")), 1),
-                s("div", Vm, m(a.currentHourData.windwaveDir ?? "-") + "/" + m(a.currentHourData.windwaveHeight ?? "-") + "m/" + m(a.currentHourData.windwavePeriod ?? "-") + "s", 1),
-                s("div", Zm, m(t.$t("weather.swell")), 1),
-                s("div", Ym, m(a.currentHourData.swellDir ?? "-") + "/" + m(a.currentHourData.swellHeight ?? "-") + "m/" + m(a.currentHourData.swellPeriod ?? "-") + "s", 1)
+              s("div", Gm, [
+                s("div", Vm, m(t.$t("weather.windWave")), 1),
+                s("div", Zm, m(a.currentHourData.windwaveDir ?? "-") + "/" + m(a.currentHourData.windwaveHeight ?? "-") + "m/" + m(a.currentHourData.windwavePeriod ?? "-") + "s", 1),
+                s("div", Ym, m(t.$t("weather.swell")), 1),
+                s("div", qm, m(a.currentHourData.swellDir ?? "-") + "/" + m(a.currentHourData.swellHeight ?? "-") + "m/" + m(a.currentHourData.swellPeriod ?? "-") + "s", 1)
               ]),
-              s("div", qm, [
-                s("div", Xm, m(t.$t("weather.current")), 1),
-                s("div", Km, m(a.currentHourData.currentDir ?? "-") + "/" + m(a.currentHourData.currentSpeed ?? "-") + "kts", 1),
-                s("div", $m, m(t.$t("weather.visibility")), 1),
-                s("div", Jm, m(a.currentHourData.visibility ?? "-") + " nm", 1)
+              s("div", Xm, [
+                s("div", Km, m(t.$t("weather.current")), 1),
+                s("div", $m, m(a.currentHourData.currentDir ?? "-") + "/" + m(a.currentHourData.currentSpeed ?? "-") + "kts", 1),
+                s("div", Jm, m(t.$t("weather.visibility")), 1),
+                s("div", Qm, m(a.currentHourData.visibility ?? "-") + " nm", 1)
               ])
             ];
           }),
@@ -12999,7 +13089,7 @@ function od(t, e, o, i, a, r) {
                 })
               ]),
               default: g(() => [
-                $(" " + m(t.$t("actions.unfollow")), 1)
+                K(" " + m(t.$t("actions.unfollow")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])) : (y(), O(l, {
@@ -13016,7 +13106,7 @@ function od(t, e, o, i, a, r) {
                 p(T, { style: { "font-size": "20px", "margin-top": "-2px" } })
               ]),
               default: g(() => [
-                $(m(t.$t("actions.follow")) + " ", 1)
+                K(m(t.$t("actions.follow")) + " ", 1)
               ]),
               _: 1
             }, 8, ["onClick"])),
@@ -13029,7 +13119,7 @@ function od(t, e, o, i, a, r) {
               onClick: Oe(r.handleMeteoMore, ["stop"])
             }, {
               default: g(() => [
-                $(m(t.$t("spot.forecast")), 1)
+                K(m(t.$t("spot.forecast")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])
@@ -13038,22 +13128,26 @@ function od(t, e, o, i, a, r) {
         })
       ]),
       _: 1
-    })) : A("", !0),
-    Ve(s("div", Qm, [
-      (y(), M("svg", ed, [
+    })) : I("", !0),
+    Ve(s("div", ed, [
+      (y(), M("svg", td, [
         s("use", {
           "xlink:href": `#icon-spot-${o.theme}`
-        }, null, 8, td)
+        }, null, 8, od)
       ]))
     ], 512), [
       [Ze, a.showMeteo]
     ])
   ]);
 }
-const ad = /* @__PURE__ */ Y(gm, [["render", od]]);
-const id = {
+const id = /* @__PURE__ */ Y(fm, [["render", ad]]);
+const rd = {
   name: "IdmMeasure",
   props: {
+    simple: {
+      type: Boolean,
+      default: !1
+    },
     map: {
       type: Object
     },
@@ -13098,7 +13192,7 @@ const id = {
       handler() {
         this.$nextTick(() => {
           var t;
-          this.right = (((t = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : t.clientWidth) || 0) + 10;
+          this.simple || (this.right = (((t = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : t.clientWidth) || 0) + 10);
         });
       },
       immediate: !0
@@ -13111,7 +13205,7 @@ const id = {
         else {
           (t = this.map) == null || t.getCanvas().removeEventListener("keydown", this.handleKeydown), (e = this.map) == null || e.off("mousemove", this.handleMove), (o = this.map) == null || o.off("dblclick", this.handleDblClick), this.map;
           let i = this.geojson.find((a) => !a.closed);
-          i && this.handleClear(i, !0), this.geojson = this.geojson.filter((a) => !!a.closed), i = H.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 = U.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(i);
         }
       },
       immediate: !0
@@ -13206,8 +13300,8 @@ const id = {
         u.features = u.features.filter((h) => h.geometry.type === "Point" && h.properties.id !== n[1]), this.handlePointUpdate(u);
       } else if (e !== "marker-label" && this.toggle) {
         let n = this.geojson.at(-1);
-        n || (n = H.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(n)), n.features = n.features.filter((h) => h.geometry.type === "Point");
-        const u = H.feature(
+        n || (n = U.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(n)), n.features = n.features.filter((h) => h.geometry.type === "Point");
+        const u = U.feature(
           {
             type: "Point",
             coordinates: [t.lngLat.lng, t.lngLat.lat]
@@ -13231,7 +13325,7 @@ const id = {
           o = X.roundPrecision(o + h, 4);
           let x;
           c.mode === "RL" ? x = X.convertToMonotonicLng([n, u]) : x = X.convertToMonotonicLng(Ge.interpolateCoordinates(n, u, 200));
-          const _ = H.lineString(x.map((k) => [k.lng, k.lat]));
+          const _ = U.lineString(x.map((k) => [k.lng, k.lat]));
           _.properties.dist = h, _.properties.bearing = b, _.properties.total = o, _.properties.name = "Line " + this.currentLineIndex, i.push(_);
           const f = e[a];
           f.properties.totalDist = X.roundPrecision((c.totalDist ? c.totalDist : 0) + h, 4), f.properties.sumLabel = f.properties.totalDist + " nm";
@@ -13241,14 +13335,14 @@ const id = {
       return this.handleRender(t), t;
     },
     handleTmpPointUpdate(t, e, o, i) {
-      const a = H.featureCollection([]);
+      const a = U.featureCollection([]);
       let r, l;
       if (e) {
         const n = e.properties, u = { lng: e.geometry.coordinates[0], lat: e.geometry.coordinates[1] }, h = { lng: o.lng, lat: o.lat };
         r = Ge.calculateDistance(u, h, n.mode === "RL", 4), l = Ge.calculateBearing(u, h, n.mode === "RL", 2);
         let b;
         n.mode === "RL" ? b = X.convertToMonotonicLng([u, h]) : b = X.convertToMonotonicLng(Ge.interpolateCoordinates(u, h, 200));
-        const x = H.lineString(b.map((_) => [_.lng, _.lat]));
+        const x = U.lineString(b.map((_) => [_.lng, _.lat]));
         x.properties.dist = r, x.properties.bearing = l, a.features.push(x);
       }
       if (i) {
@@ -13256,7 +13350,7 @@ const id = {
         r = Ge.calculateDistance(u, h, n.mode === "RL", 4), l = Ge.calculateBearing(u, h, n.mode === "RL", 2);
         let b;
         n.mode === "RL" ? b = X.convertToMonotonicLng([u, h]) : b = X.convertToMonotonicLng(Ge.interpolateCoordinates(u, h, 200));
-        const x = H.lineString(b.map((_) => [_.lng, _.lat]));
+        const x = U.lineString(b.map((_) => [_.lng, _.lat]));
         x.properties.dist = r, x.properties.bearing = l, a.features.push(x);
       }
       this.map.getSource(this.tmpSource) ? this.map.getSource(this.tmpSource).setData(a) : this.map.addSource(this.tmpSource, {
@@ -13318,14 +13412,14 @@ const id = {
     handleMove(t) {
       this.map.getCanvas().style.cursor = "crosshair";
       let e = this.geojson.at(-1);
-      e || (e = H.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
+      e || (e = U.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e));
       const o = e.features.filter((i) => i.geometry.type === "Point");
       o != null && o.length && this.handleTmpPointUpdate(e, o.at(-1), { lng: t.lngLat.lng, lat: t.lngLat.lat });
     },
     handleDblClick(t) {
       t.preventDefault();
       let e = this.geojson.at(-1);
-      e.closed = !0, this.handleRender(e), e = H.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e), this.currentLineIndex++;
+      e.closed = !0, this.handleRender(e), e = U.featureCollection([], { id: (/* @__PURE__ */ new Date()).getTime().toString() }), this.geojson.push(e), this.currentLineIndex++;
     },
     handleRender(t) {
       var e;
@@ -13405,10 +13499,10 @@ const id = {
       }), this.pointMarkers[t.id] = [], (_ = this.tipMarker) == null || _.remove(), this.tipMarker = void 0, e && ((f = this.map) != null && f.getSource(o)) && this.map.removeSource(o), e && ((k = this.map) != null && k.getSource(this.tmpSource)) && this.map.removeSource(this.tmpSource);
     }
   }
-}, rd = { class: "idm-gl4-measure" };
-function sd(t, e, o, i, a, r) {
+}, sd = { class: "idm-gl4-measure" };
+function ld(t, e, o, i, a, r) {
   const l = w("VBtn"), c = w("VTooltip");
-  return y(), M("div", rd, [
+  return y(), M("div", sd, [
     s("div", {
       class: "menu-bar-box transition pa-1",
       style: ee({ top: o.top + o.paddingTop + 166 + "px", right: a.right + "px" })
@@ -13437,8 +13531,8 @@ function sd(t, e, o, i, a, r) {
     ], 4)
   ]);
 }
-const ld = /* @__PURE__ */ Y(id, [["render", sd]]);
-const nd = {
+const nd = /* @__PURE__ */ Y(rd, [["render", ld]]);
+const cd = {
   name: "IdmBottomBar",
   components: { DateTimePicker: Io },
   props: {
@@ -13563,18 +13657,18 @@ const nd = {
       this.$parent.$refs.idmWeatherLayers.handleMenuToggle();
     }
   }
-}, cd = { class: "idm-bottom-bar-gl4" }, md = { class: "date-box d-flex ga-2 mr-2" }, dd = { class: "play-btns-box d-flex justify-center align-center cursor-pointer" }, hd = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, pd = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, ud = {
+}, md = { class: "idm-bottom-bar-gl4" }, dd = { class: "date-box d-flex ga-2 mr-2" }, hd = { class: "play-btns-box d-flex justify-center align-center cursor-pointer" }, pd = { class: "fast-weathers-box d-flex justify-center align-center ga-2 cursor-pointer" }, ud = { class: "model-box d-flex justify-center align-center ga-2 my-2" }, gd = {
   key: 0,
   class: "list d-flex flex-wrap pa-2 rounded ga-2"
-}, gd = ["onClick"], fd = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, yd = { class: "text-body-1" };
-function bd(t, e, o, i, a, r) {
+}, fd = ["onClick"], yd = { class: "btn-box d-flex justify-start align-center rounded ga-2 py-1 px-3" }, bd = { class: "text-body-1" };
+function wd(t, e, o, i, a, r) {
   const l = w("DateTimePicker"), c = w("VListItemTitle"), n = w("VListItem"), u = w("VList"), h = w("VMenu"), b = w("VBtn"), x = w("VDivider"), _ = w("VTooltip");
-  return y(), M("div", cd, [
+  return y(), M("div", md, [
     s("div", {
       class: "timeline-box px-2 d-flex justify-start align-center rounded",
       style: ee({ right: a.right + 146 + "px", bottom: Object.values(a.show).includes(!0) ? "10px" : "-100px" })
     }, [
-      s("div", md, [
+      s("div", dd, [
         p(l, N({
           ref: "dateTimePicker",
           "date-time": a.currentDateTimeZ,
@@ -13594,7 +13688,7 @@ function bd(t, e, o, i, a, r) {
           "min-width": "30"
         }, {
           default: g(() => [
-            $(m(a.intervalHour) + " h ", 1),
+            K(m(a.intervalHour) + " h ", 1),
             p(h, { activator: "parent" }, {
               default: g(() => [
                 p(u, { class: "pa-1" }, {
@@ -13616,7 +13710,7 @@ function bd(t, e, o, i, a, r) {
                           onClick: (P) => a.intervalHour = f
                         }, {
                           default: g(() => [
-                            $(m(f) + "h", 1)
+                            K(m(f) + "h", 1)
                           ]),
                           _: 2
                         }, 1032, ["onClick"])
@@ -13638,7 +13732,7 @@ function bd(t, e, o, i, a, r) {
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      s("div", dd, [
+      s("div", hd, [
         p(b, {
           icon: "",
           size: "small",
@@ -13711,7 +13805,7 @@ function bd(t, e, o, i, a, r) {
         class: "mx-2 my-3",
         style: { height: "16px" }
       }),
-      s("div", hd, [
+      s("div", pd, [
         p(_, {
           text: t.$t("weather.windBarbs"),
           location: "top"
@@ -13815,7 +13909,7 @@ function bd(t, e, o, i, a, r) {
         class: "mx-2 mr-3 my-3",
         style: { height: "16px" }
       }),
-      s("div", pd, [
+      s("div", ud, [
         p(b, {
           text: "",
           height: "30",
@@ -13824,7 +13918,7 @@ function bd(t, e, o, i, a, r) {
           onClick: e[7] || (e[7] = (f) => a.source = "GFS")
         }, {
           default: g(() => e[16] || (e[16] = [
-            $("NOAA", -1)
+            K("NOAA", -1)
           ])),
           _: 1,
           __: [16]
@@ -13837,7 +13931,7 @@ function bd(t, e, o, i, a, r) {
           onClick: e[8] || (e[8] = (f) => a.source = "ECMWF")
         }, {
           default: g(() => e[17] || (e[17] = [
-            $("ECMWF", -1)
+            K("ECMWF", -1)
           ])),
           _: 1,
           __: [17]
@@ -13848,14 +13942,14 @@ function bd(t, e, o, i, a, r) {
       class: "timezone-box d-flex flex-column justify-space-between align-end",
       style: ee({ right: a.right + "px" })
     }, [
-      a.showTimezone ? (y(), M("div", ud, [
+      a.showTimezone ? (y(), M("div", gd, [
         (y(!0), M(we, null, _e(a.offsets, (f) => (y(), M("div", {
           key: f,
           class: "item rounded text-body-2 hover-active",
           onClick: (k) => a.timeZone = f
-        }, m(f < 0 ? f : "+" + f), 9, gd))), 128))
-      ])) : A("", !0),
-      s("div", fd, [
+        }, m(f < 0 ? f : "+" + f), 9, fd))), 128))
+      ])) : I("", !0),
+      s("div", yd, [
         p(b, {
           text: "",
           variant: "flat",
@@ -13865,17 +13959,17 @@ function bd(t, e, o, i, a, r) {
           onClick: e[9] || (e[9] = (f) => a.showTimezone = !a.showTimezone)
         }, {
           default: g(() => [
-            $(" UTC " + m(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
+            K(" UTC " + m(a.timeZone < 0 ? a.timeZone : "+" + a.timeZone), 1)
           ]),
           _: 1
         }),
-        s("span", yd, m(a.currentRealTime), 1)
+        s("span", bd, m(a.currentRealTime), 1)
       ])
     ], 4)
   ]);
 }
-const wd = /* @__PURE__ */ Y(nd, [["render", bd]]);
-const xd = {
+const xd = /* @__PURE__ */ Y(cd, [["render", wd]]);
+const vd = {
   name: "IdmBottomBar",
   components: { DateTimePicker: Io },
   props: {
@@ -13978,14 +14072,14 @@ const xd = {
       this.step = Math.floor(e / this.frequency), this.animation = requestAnimationFrame(this.animateSpeeds);
     }
   }
-}, vd = { class: "timeline-box px-2 d-flex justify-center align-center rounded ga-2" };
-function _d(t, e, o, i, a, r) {
+}, _d = { class: "timeline-box px-2 d-flex justify-center align-center rounded ga-2" };
+function kd(t, e, o, i, a, r) {
   const l = w("VBtn"), c = w("DateTimePicker");
   return y(), M("div", {
     class: "idm-time-player-gl4 d-flex justify-center align-center",
     style: ee({ bottom: Object.values(a.show).includes(!0) ? "10px" : "-100px" })
   }, [
-    s("div", vd, [
+    s("div", _d, [
       p(l, {
         size: "small",
         density: "compact",
@@ -14077,15 +14171,15 @@ function _d(t, e, o, i, a, r) {
     ])
   ], 4);
 }
-const $a = /* @__PURE__ */ Y(xd, [["render", _d]]), kd = {
+const $a = /* @__PURE__ */ Y(vd, [["render", kd]]), zd = {
   name: "IdmGL4",
   components: {
     IdmOtherLayer: gl,
-    IdmWeatherLayer: lc,
+    IdmWeatherLayer: nc,
     IdmTropicals: Xa,
-    IdmMeasure: ld,
-    IdmSpot: ad,
-    IdmBottomBar: wd,
+    IdmMeasure: nd,
+    IdmSpot: id,
+    IdmBottomBar: xd,
     IdmTimePlayer: $a
   },
   props: {
@@ -14141,15 +14235,16 @@ const $a = /* @__PURE__ */ Y(xd, [["render", _d]]), kd = {
     }
   },
   methods: {}
-}, zd = {
+}, Ld = {
   ref: "mapHomeGl4",
   class: "map-gl4-home"
 };
-function Ld(t, e, o, i, a, r) {
+function Pd(t, e, o, i, a, r) {
   const l = w("IdmOtherLayer"), c = w("IdmWeatherLayer"), n = w("IdmTropicals"), u = w("IdmMeasure"), h = w("IdmSpot"), b = w("IdmBottomBar"), x = w("IdmTimePlayer");
-  return y(), M("div", zd, [
+  return y(), M("div", Ld, [
     p(l, N({
       ref: "idmOtherLayers",
+      simple: o.simple,
       token: o.token,
       "default-meteo-token": a.defaultMeteoToken,
       map: o.map,
@@ -14162,9 +14257,10 @@ function Ld(t, e, o, i, a, r) {
       onOtherCheckList: e[0] || (e[0] = (_) => {
         a.otherCheckList = _, a.layerVersion = a.layerVersion + 1;
       })
-    }), null, 16, ["token", "default-meteo-token", "map", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
+    }), null, 16, ["simple", "token", "default-meteo-token", "map", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
     p(c, N({
       ref: "idmWeatherLayers",
+      simple: o.simple,
       map: o.map,
       "before-layer": "empty-layer-2",
       token: o.token,
@@ -14180,8 +14276,9 @@ function Ld(t, e, o, i, a, r) {
       onWeatherCheckList: e[2] || (e[2] = (_) => {
         a.weatherCheckList = _, a.layerVersion = a.layerVersion + 1;
       })
-    }), null, 16, ["map", "token", "default-meteo-token", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
+    }), null, 16, ["simple", "map", "token", "default-meteo-token", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
     p(n, N({
+      simple: o.simple,
       map: o.map,
       token: o.token,
       "default-meteo-token": a.defaultMeteoToken,
@@ -14191,37 +14288,39 @@ function Ld(t, e, o, i, a, r) {
       "assist-gateway": a.assistGateway,
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
-    }, t.$attrs), null, 16, ["map", "token", "default-meteo-token", "tropicals", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
+    }, t.$attrs), null, 16, ["simple", "map", "token", "default-meteo-token", "tropicals", "gateway", "assist-gateway", "forecast-model", "map-feather"]),
     p(u, N({
+      simple: o.simple,
       map: o.map,
       "map-feather": o.mapFeather
-    }, t.$attrs), null, 16, ["map", "map-feather"]),
+    }, t.$attrs), null, 16, ["simple", "map", "map-feather"]),
     p(h, N({
       ref: "idmSpot",
+      simple: o.simple,
       map: o.map,
       token: o.token,
       "default-meteo-token": a.defaultMeteoToken,
       gateway: a.gateway,
       "forecast-model": o.forecastModel,
       "map-feather": o.mapFeather
-    }, t.$attrs), null, 16, ["map", "token", "default-meteo-token", "gateway", "forecast-model", "map-feather"]),
-    o.simple ? A("", !0) : (y(), O(b, N({
+    }, t.$attrs), null, 16, ["simple", "map", "token", "default-meteo-token", "gateway", "forecast-model", "map-feather"]),
+    o.simple ? I("", !0) : (y(), O(b, N({
       key: 0,
       ref: "idmBottomBar",
       "forecast-model": o.forecastModel,
       "weather-check-list": a.weatherCheckList,
       "map-feather": o.mapFeather
     }, t.$attrs), null, 16, ["forecast-model", "weather-check-list", "map-feather"])),
-    o.simple ? A("", !0) : (y(), O(x, N({
+    o.simple ? (y(), O(x, N({
       key: 1,
       ref: "idmBottomBar",
       "weather-check-list": a.weatherCheckList,
       "map-feather": o.mapFeather
-    }, t.$attrs), null, 16, ["weather-check-list", "map-feather"]))
+    }, t.$attrs), null, 16, ["weather-check-list", "map-feather"])) : I("", !0)
   ], 512);
 }
-const Pd = /* @__PURE__ */ Y(kd, [["render", Ld]]);
-class Td {
+const Td = /* @__PURE__ */ Y(zd, [["render", Pd]]);
+class Cd {
   constructor(e = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6ImNseTVudHJzYzAwNWUwbHBsZHkyaDRqczMiLCJyb2xlIjoxLCJuYW1lIjoiZmFrZUBvcm13eC5jb20iLCJwbGF0SWQiOiJnZDBtdDFkIiwiY29tcGFueSI6eyJpZCI6bnVsbCwiY2hpbGRyZW4iOltdfSwiaWF0IjoxNzIzMDI0MDI0LCJleHAiOjM5MzA1NDQwMjR9.RrKcdcMnq-FxBLJQ-i6lx2FscDE46y8EvHIemPW4HTg") {
     he(this, "originStyle");
     he(this, "mapboxStyle");
@@ -14229,7 +14328,7 @@ class Td {
     he(this, "hi");
     he(this, "td");
     he(this, "windy");
-    var o, i, a, r, l, c, n, u, h, b, x, _, f, k, P, B, I, T, z, L, C, v, D, F, V, q, Z, J, Q, K, se, le, pe, ie, ce, ue, me, de, R, te, ye, xe, Le, Pe, ve, Me, Te, U, oe, Fe, Ae, ge, Ie, W, fe, ae, re, Be, He, Ue, E, be, Re, Ne, Ee, j, We, G, qe, Xe, Ke, ze, $e, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, St, Mt, It, Dt, At, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, Yt, qt, Xt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Ro, Oo, Bo, No, Eo, jo, Fo, Ho, Uo, Wo, Go, Vo, Zo, Yo, qo, Xo, Ko, $o, Jo, Qo, ea, ta, oa, aa, ia, ra, sa, la, na, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ta, Ca, Sa, Ma, Ia, Da, Aa, Ra, Oa, Ba, Na, Ea, ja, Fa, Ha, Ua, Wa, Ga, Va;
+    var o, i, a, r, l, c, n, u, h, b, x, _, f, k, P, B, D, T, z, L, C, v, A, F, V, q, Z, J, Q, $, se, le, pe, ie, ce, ue, me, de, R, te, ye, xe, Le, Pe, ve, Me, Te, H, oe, Fe, Ae, ge, Ie, W, fe, ae, re, Be, He, Ue, E, be, Re, Ne, Ee, j, We, G, qe, Xe, Ke, ze, $e, Je, Qe, et, tt, ot, at, it, rt, st, lt, nt, ct, mt, dt, ht, pt, ut, gt, ft, yt, bt, wt, xt, vt, _t, kt, zt, Lt, Pt, Tt, Ct, St, Mt, It, Dt, At, Rt, Ot, Bt, Nt, Et, jt, Ft, Ht, Ut, Wt, Gt, Vt, Zt, Yt, qt, Xt, Kt, Jt, Qt, eo, to, oo, ao, io, ro, so, lo, no, co, mo, ho, po, uo, go, fo, yo, bo, wo, xo, vo, _o, ko, zo, Ro, Oo, Bo, No, Eo, jo, Fo, Ho, Uo, Wo, Go, Vo, Zo, Yo, qo, Xo, Ko, $o, Jo, Qo, ea, ta, oa, aa, ia, ra, sa, la, na, ca, ma, da, ha, pa, ua, ga, fa, ya, ba, wa, xa, va, _a, ka, za, La, Pa, Ta, Ca, Sa, Ma, Ia, Da, Aa, Ra, Oa, Ba, Na, Ea, ja, Fa, Ha, Ua, Wa, Ga, Va;
     this.i4 = {
       source: {
         type: "raster",
@@ -32878,13 +32977,13 @@ class Td {
           (_ = (x = this.originStyle) == null ? void 0 : x.light.layers) == null ? void 0 : _.find((d) => d.id === "loadlines-fill"),
           (k = (f = this.originStyle) == null ? void 0 : f.light.layers) == null ? void 0 : k.find((d) => d.id === "empty-layer-0"),
           (B = (P = this.originStyle) == null ? void 0 : P.light.layers) == null ? void 0 : B.find((d) => d.id === "empty-layer-1"),
-          (T = (I = this.originStyle) == null ? void 0 : I.light.layers) == null ? void 0 : T.find((d) => d.id === "country-boundaries"),
+          (T = (D = this.originStyle) == null ? void 0 : D.light.layers) == null ? void 0 : T.find((d) => d.id === "country-boundaries"),
           (L = (z = this.originStyle) == null ? void 0 : z.light.layers) == null ? void 0 : L.find((d) => d.id === "water-outline"),
           (v = (C = this.originStyle) == null ? void 0 : C.light.layers) == null ? void 0 : v.find((d) => d.id === "water-outline2"),
-          (F = (D = this.originStyle) == null ? void 0 : D.light.layers) == null ? void 0 : F.find((d) => d.id === "empty-layer-2"),
+          (F = (A = this.originStyle) == null ? void 0 : A.light.layers) == null ? void 0 : F.find((d) => d.id === "empty-layer-2"),
           (q = (V = this.originStyle) == null ? void 0 : V.light.layers) == null ? void 0 : q.find((d) => d.id === "water-line-label"),
           (J = (Z = this.originStyle) == null ? void 0 : Z.light.layers) == null ? void 0 : J.find((d) => d.id === "water-point-label"),
-          (K = (Q = this.originStyle) == null ? void 0 : Q.light.layers) == null ? void 0 : K.find((d) => d.id === "world-12nm-v4-20231025"),
+          ($ = (Q = this.originStyle) == null ? void 0 : Q.light.layers) == null ? void 0 : $.find((d) => d.id === "world-12nm-v4-20231025"),
           (le = (se = this.originStyle) == null ? void 0 : se.light.layers) == null ? void 0 : le.find((d) => d.id === "ne-10m-outline"),
           (ie = (pe = this.originStyle) == null ? void 0 : pe.light.layers) == null ? void 0 : ie.find((d) => d.id === "ne-10m-label"),
           (ue = (ce = this.originStyle) == null ? void 0 : ce.light.layers) == null ? void 0 : ue.find((d) => d.id === "china-route-line"),
@@ -32893,7 +32992,7 @@ class Td {
           (xe = (ye = this.originStyle) == null ? void 0 : ye.light.layers) == null ? void 0 : xe.find((d) => d.id === "admin-0-boundary-bg"),
           (Pe = (Le = this.originStyle) == null ? void 0 : Le.light.layers) == null ? void 0 : Pe.find((d) => d.id === "admin-0-boundary"),
           (Me = (ve = this.originStyle) == null ? void 0 : ve.light.layers) == null ? void 0 : Me.find((d) => d.id === "admin-0-boundary-disputed"),
-          (U = (Te = this.originStyle) == null ? void 0 : Te.light.layers) == null ? void 0 : U.find((d) => d.id === "country-label"),
+          (H = (Te = this.originStyle) == null ? void 0 : Te.light.layers) == null ? void 0 : H.find((d) => d.id === "country-label"),
           (Fe = (oe = this.originStyle) == null ? void 0 : oe.light.layers) == null ? void 0 : Fe.find((d) => d.id === "continent-label"),
           (ge = (Ae = this.originStyle) == null ? void 0 : Ae.light.layers) == null ? void 0 : ge.find((d) => d.id === "tide-stations"),
           (W = (Ie = this.originStyle) == null ? void 0 : Ie.light.layers) == null ? void 0 : W.find((d) => d.id === "empty-layer-3"),
@@ -33086,7 +33185,7 @@ class Td {
     };
   }
 }
-const Cd = {
+const Sd = {
   name: "MapInitial",
   props: {
     token: {
@@ -33138,7 +33237,7 @@ const Cd = {
       handler() {
         this.$nextTick(() => {
           var t;
-          this.right = (((t = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : t.clientWidth) || 0) + 10;
+          this.simple || (this.right = (((t = document.getElementsByClassName("right-bar")[0]) == null ? void 0 : t.clientWidth) || 0) + 10);
         });
       }
     },
@@ -33159,7 +33258,7 @@ const Cd = {
   },
   methods: {
     async initOnlineMap() {
-      this.helper = new Td(this.token), ke.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
+      this.helper = new Cd(this.token), ke.accessToken = "pk.eyJ1IjoibmVhdGNoZW5oZW5nIiwiYSI6ImNsdXM3cnBmODBsemgycW1vaXc1bjV6bXMifQ.w6fqHGRbhNhLvm0LnX4ZVw";
       const t = new ke.Map({
         container: "map",
         // style: 'mapbox://styles/neatchenheng/cmd894dwn036m01rf7anc0k0d', //light
@@ -33200,11 +33299,11 @@ const Cd = {
       this.zoom > 2 && (this.zoom = Math.floor(this.zoom) - 1, (t = this.map) == null || t.flyTo({ zoom: this.zoom, duration: 500 }));
     }
   }
-}, Sd = { class: "v-btn--variant-elevated rounded" }, Md = { class: "v-btn--variant-elevated rounded" }, Id = { class: "zoom" }, Dd = {
+}, Md = { class: "v-btn--variant-elevated rounded" }, Id = { class: "v-btn--variant-elevated rounded" }, Dd = { class: "zoom" }, Ad = {
   key: 2,
   class: "position-absolute left-0 bottom-0 ma-2 my-1 text-caption text-label opacity-70"
 };
-function Ad(t, e, o, i, a, r) {
+function Rd(t, e, o, i, a, r) {
   const l = w("VBtn");
   return y(), M("div", {
     class: "mapbox-initial-gl4",
@@ -33216,7 +33315,7 @@ function Ad(t, e, o, i, a, r) {
       class: "menu-bar-box transition px-1 rounded d-flex flex-column pa-1",
       style: ee({ top: o.top + 228 + "px", right: a.right + "px", height: "40px" })
     }, [
-      s("div", Sd, [
+      s("div", Md, [
         p(l, {
           "min-width": "32",
           width: "32",
@@ -33231,13 +33330,13 @@ function Ad(t, e, o, i, a, r) {
           __: [0]
         }, 8, ["onClick"])
       ])
-    ], 4)) : A("", !0),
-    o.simple ? A("", !0) : (y(), M("div", {
+    ], 4)) : I("", !0),
+    o.simple ? I("", !0) : (y(), M("div", {
       key: 1,
       class: "menu-bar-box transition px-1 rounded d-flex flex-column",
       style: ee({ top: o.top + 268 + "px", right: a.right + "px" })
     }, [
-      s("div", Md, [
+      s("div", Id, [
         p(l, {
           "min-width": "32",
           width: "32",
@@ -33251,7 +33350,7 @@ function Ad(t, e, o, i, a, r) {
           _: 1,
           __: [1]
         }, 8, ["onClick"]),
-        s("div", Id, m(a.zoom ? Math.floor(a.zoom) : 0), 1),
+        s("div", Dd, m(a.zoom ? Math.floor(a.zoom) : 0), 1),
         p(l, {
           "min-width": "32",
           width: "32",
@@ -33267,7 +33366,7 @@ function Ad(t, e, o, i, a, r) {
         }, 8, ["onClick"])
       ])
     ], 4)),
-    o.simple ? A("", !0) : (y(), M("div", Dd, [
+    o.simple ? I("", !0) : (y(), M("div", Ad, [
       e[3] || (e[3] = s("span", null, "© 2023", -1)),
       s("span", null, "-" + m(r.computeYear), 1),
       e[4] || (e[4] = s("span", { class: "text-uppercase ma-2" }, "ormwx.com", -1)),
@@ -33279,19 +33378,19 @@ function Ad(t, e, o, i, a, r) {
     ]))
   ], 4);
 }
-const Rd = /* @__PURE__ */ Y(Cd, [["render", Ad]]), Zd = {
+const Od = /* @__PURE__ */ Y(Sd, [["render", Rd]]), Yd = {
   install(t) {
-    t.component("MapInitial", Rd), t.component("MapboxGL", Pd), t.component("TropicalGL", Xa), t.component("LatLngGL", qa), t.component("DateTimePicker", Io), t.component("DateRangePicker", Ka), t.component("PortDetail", Do), t.component("TimePlayer", $a);
+    t.component("MapInitial", Od), t.component("MapboxGL", Td), t.component("TropicalGL", Xa), t.component("LatLngGL", qa), t.component("DateTimePicker", Io), t.component("DateRangePicker", Ka), t.component("PortDetail", Do), t.component("TimePlayer", $a);
   }
 };
 export {
   Ka as DateRangePicker,
   Io as DateTimePicker,
   qa as LatLngGL,
-  Rd as MapInitial,
-  Pd as MapboxGL,
-  Zd as MapboxGLPlugin,
-  Td as MapboxStyleHelper,
+  Od as MapInitial,
+  Td as MapboxGL,
+  Yd as MapboxGLPlugin,
+  Cd as MapboxStyleHelper,
   Ce as ParticleSchema,
   Do as PortDetail,
   $a as TimePlayer,